forked from liweijie/education
1 line
10 KiB
JSON
1 line
10 KiB
JSON
{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachOffice\\taskPlan\\TeachingTaskDialog.vue?vue&type=style&index=0&id=5f81eab3&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachOffice\\taskPlan\\TeachingTaskDialog.vue","mtime":1787325353551},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\css-loader\\dist\\cjs.js","mtime":1787309792478},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1787309794547},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\postcss-loader\\src\\index.js","mtime":1787309793084},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnRlYWNoaW5nLXRhc2stZGlhbG9nIHsKICAuYmFzaWMtZm9ybSB7CiAgICBwYWRkaW5nLWJvdHRvbTogOHB4OwogICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlYmVlZjU7CiAgICBtYXJnaW4tYm90dG9tOiA0cHg7CiAgfQoKICAudHQtdGFicyB7CiAgICA6ZGVlcCguZWwtdGFic19faGVhZGVyKSB7CiAgICAgIG1hcmdpbi1ib3R0b206IDEycHg7CiAgICB9CgogICAgLnN1Yi10b29sYmFyIHsKICAgICAgbWFyZ2luLWJvdHRvbTogMTJweDsKICAgIH0KCiAgICAudGFza2Jvb2stdGFibGUgewogICAgICB3aWR0aDogMTAwJTsKCiAgICAgIC8vIOW9k+WJjeihjOiTneiJsumrmOS6rgogICAgICA6ZGVlcCguZWwtdGFibGVfX2JvZHkgdHIuY3VycmVudC1yb3cgPiB0ZC5lbC10YWJsZV9fY2VsbCkgewogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNkOWVjZmY7CiAgICAgIH0KCiAgICAgIDpkZWVwKC5lbC10YWJsZV9fYm9keSB0ci5jdXJyZW50LXJvdzpob3ZlciA+IHRkLmVsLXRhYmxlX19jZWxsKSB7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Q5ZWNmZjsKICAgICAgfQogICAgfQoKICAgIC5leHBhbmQtcGFuZWwgewogICAgICBwYWRkaW5nOiAxMHB4IDE2cHg7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmNWY3ZmE7CiAgICB9CgogICAgLnRhYi1lbXB0eSB7CiAgICAgIG1pbi1oZWlnaHQ6IDIwMHB4OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgY29sb3I6ICM5MDkzOTk7CiAgICAgIGZvbnQtc2l6ZTogMTNweDsKICAgIH0KICB9Cn0K"},{"version":3,"sources":["TeachingTaskDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"TeachingTaskDialog.vue","sourceRoot":"src/views/teachOffice/taskPlan","sourcesContent":["<template>\n <el-dialog\n :visible.sync=\"dialogVisible\"\n title=\"教学任务信息\"\n width=\"760px\"\n class=\"teaching-task-dialog\"\n :close-on-click-modal=\"false\"\n >\n <!-- ==================== 1. 基本信息区域 ==================== -->\n <el-form label-width=\"86px\" class=\"basic-form\">\n <el-row :gutter=\"20\">\n <el-col :span=\"12\">\n <el-form-item label=\"学期\">\n <el-input v-model=\"form.xq\" readonly />\n </el-form-item>\n </el-col>\n <el-col :span=\"12\">\n <el-form-item label=\"任务名称\">\n <el-input v-model=\"form.rwmc\" placeholder=\"请输入任务名称\" />\n </el-form-item>\n </el-col>\n </el-row>\n <el-row :gutter=\"20\">\n <el-col :span=\"12\">\n <el-form-item label=\"创建时间\">\n <el-input v-model=\"form.cjsj\" readonly />\n </el-form-item>\n </el-col>\n <el-col :span=\"12\">\n <el-form-item label=\"发布时间\">\n <el-input v-model=\"form.fbsj\" readonly />\n </el-form-item>\n </el-col>\n </el-row>\n <el-row :gutter=\"20\">\n <el-col :span=\"12\">\n <el-form-item label=\"结束时间\">\n <el-input v-model=\"form.jssj\" readonly />\n </el-form-item>\n </el-col>\n </el-row>\n </el-form>\n\n <!-- ==================== 2. Tab 标签页区域 ==================== -->\n <el-tabs v-model=\"activeTab\" class=\"tt-tabs\">\n <!-- 教研室任务书列表 -->\n <el-tab-pane label=\"教研室任务书列表\" name=\"taskbook\">\n <div class=\"sub-toolbar\">\n <el-button type=\"primary\" plain size=\"small\" @click=\"handleTaskBookDetail\">教研室任务书详细</el-button>\n </div>\n <el-table\n ref=\"tableRef\"\n :data=\"taskBookRows\"\n border\n stripe\n highlight-current-row\n class=\"taskbook-table\"\n @selection-change=\"handleTaskBookSelection\"\n >\n <el-table-column type=\"selection\" width=\"40\" align=\"center\" />\n <el-table-column prop=\"jys\" label=\"教研室\" min-width=\"120\" align=\"center\" />\n <el-table-column prop=\"zt\" label=\"状态\" width=\"80\" align=\"center\" />\n <el-table-column prop=\"sbsj\" label=\"上报时间\" width=\"150\" align=\"center\" show-overflow-tooltip />\n <el-table-column prop=\"xydkcCount\" label=\"学员队课程任务数\" width=\"150\" align=\"center\" />\n <el-table-column prop=\"wczdsCount\" label=\"完成指定数\" width=\"100\" align=\"center\" />\n </el-table>\n </el-tab-pane>\n\n <!-- 学员队列表 -->\n <el-tab-pane label=\"学员队列表\" name=\"team\">\n <div class=\"tab-empty\">暂无学员队列表数据</div>\n </el-tab-pane>\n </el-tabs>\n\n <!-- ==================== 3. 底部按钮区域 ==================== -->\n <div slot=\"footer\" class=\"dialog-footer\">\n <el-button @click=\"dialogVisible = false\">取消</el-button>\n <el-button type=\"primary\" @click=\"handleConfirm\">确定</el-button>\n </div>\n </el-dialog>\n</template>\n\n<script>\nexport default {\n name: 'TeachingTaskDialog',\n props: {\n visible: {\n type: Boolean,\n default: false\n },\n semesterName: {\n type: String,\n default: '2017年秋季学期'\n },\n /** 弹窗模式:新建 / 编辑 */\n mode: {\n type: String,\n default: 'create'\n },\n /** 编辑模式选中的任务行 */\n row: {\n type: Object,\n default: null\n }\n },\n data() {\n return {\n // ==================== 基本信息 ====================\n form: {\n xq: '', // 学期(只读)\n rwmc: '', // 任务名称(可编辑)\n cjsj: '', // 创建时间(只读)\n fbsj: '', // 发布时间(只读)\n jssj: '' // 结束时间(只读)\n },\n\n // ==================== Tab 标签页 ====================\n activeTab: 'taskbook',\n\n // ==================== 教研室任务书列表 ====================\n taskBookRows: [],\n selectedTaskBookRows: [],\n\n // 编辑模式下的教研室任务书数据(按截图还原)\n editTaskBookRows: [\n { jys: '军事81教研室', zt: '发布', sbsj: '', xydkcCount: 33, wczdsCount: 0 },\n { jys: '翻译室', zt: '发布', sbsj: '', xydkcCount: 2, wczdsCount: 0 },\n { jys: '军事共同教研室', zt: '上报', sbsj: '2019-12-13 10:39', xydkcCount: 97, wczdsCount: 8 },\n { jys: '作战保障教研室', zt: '发布', sbsj: '', xydkcCount: 47, wczdsCount: 0 },\n { jys: '军事10教研室', zt: '发布', sbsj: '', xydkcCount: 21, wczdsCount: 0 },\n { jys: '军事83', zt: '发布', sbsj: '', xydkcCount: 2, wczdsCount: 0 },\n { jys: '军事09教研室', zt: '发布', sbsj: '', xydkcCount: 52, wczdsCount: 0 }\n ]\n }\n },\n computed: {\n dialogVisible: {\n get() {\n return this.visible\n },\n set(val) {\n this.$emit('update:visible', val)\n }\n }\n },\n watch: {\n visible(val) {\n if (!val) return\n this.initForm()\n }\n },\n methods: {\n initForm() {\n if (this.mode === 'edit') {\n this.form.rwmc = (this.row && this.row.rwmc) || ''\n this.form.cjsj = '2017-07-14 17:00'\n this.form.fbsj = '2019-12-13 10:39'\n this.form.jssj = ''\n this.taskBookRows = this.editTaskBookRows.slice()\n } else {\n this.form.rwmc = ''\n this.form.cjsj = ''\n this.form.fbsj = ''\n this.form.jssj = ''\n this.taskBookRows = []\n }\n this.form.xq = this.semesterName\n this.activeTab = 'taskbook'\n // 默认选中第一行(蓝色高亮)\n this.$nextTick(() => {\n if (this.taskBookRows.length) {\n this.$refs.tableRef && this.$refs.tableRef.setCurrentRow(this.taskBookRows[0])\n }\n })\n },\n\n handleTaskBookSelection(rows) {\n this.selectedTaskBookRows = rows\n },\n\n // 打开教研室任务书详细(前端演示)\n handleTaskBookDetail() {\n this.$message.info('教研室任务书详细(接口待接入)')\n },\n\n handleConfirm() {\n if (!this.form.rwmc) {\n this.$message.warning('请输入任务名称')\n return\n }\n this.$emit('confirm', this.form)\n this.dialogVisible = false\n }\n }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.teaching-task-dialog {\n .basic-form {\n padding-bottom: 8px;\n border-bottom: 1px solid #ebeef5;\n margin-bottom: 4px;\n }\n\n .tt-tabs {\n :deep(.el-tabs__header) {\n margin-bottom: 12px;\n }\n\n .sub-toolbar {\n margin-bottom: 12px;\n }\n\n .taskbook-table {\n width: 100%;\n\n // 当前行蓝色高亮\n :deep(.el-table__body tr.current-row > td.el-table__cell) {\n background-color: #d9ecff;\n }\n\n :deep(.el-table__body tr.current-row:hover > td.el-table__cell) {\n background-color: #d9ecff;\n }\n }\n\n .expand-panel {\n padding: 10px 16px;\n background-color: #f5f7fa;\n }\n\n .tab-empty {\n min-height: 200px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #909399;\n font-size: 13px;\n }\n }\n}\n</style>"]}]} |