forked from liweijie/education
系统风格以及部分页面样式变更
This commit is contained in:
@@ -5,42 +5,28 @@
|
||||
<el-form :model="searchForm" label-width="110px" class="search-form">
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.startDateEnabled">开始日期</el-checkbox>
|
||||
</template>
|
||||
<el-form-item label="开始日期">
|
||||
<el-date-picker v-model="searchForm.startDate" type="date" value-format="yyyy-MM-dd" placeholder="选择开始日期"
|
||||
class="w-full" :disabled="!searchForm.startDateEnabled" />
|
||||
class="w-full" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.endDateEnabled">结束日期</el-checkbox>
|
||||
</template>
|
||||
<el-form-item label="结束日期">
|
||||
<el-date-picker v-model="searchForm.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择结束日期"
|
||||
class="w-full" :disabled="!searchForm.endDateEnabled" />
|
||||
class="w-full" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.courseNameEnabled">课程名称</el-checkbox>
|
||||
</template>
|
||||
<el-input v-model="searchForm.courseName" placeholder="请输入课程名称" clearable
|
||||
:disabled="!searchForm.courseNameEnabled" />
|
||||
<el-form-item label="课程名称">
|
||||
<el-input v-model="searchForm.courseName" placeholder="请输入课程名称" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.teachMethodEnabled">教学方法</el-checkbox>
|
||||
</template>
|
||||
<el-select v-model="searchForm.teachMethod" placeholder="请选择教学方法" class="w-full"
|
||||
:disabled="!searchForm.teachMethodEnabled">
|
||||
<el-form-item label="教学方法">
|
||||
<el-select v-model="searchForm.teachMethod" placeholder="请选择教学方法" clearable class="w-full">
|
||||
<el-option v-for="item in teachMethodOptions" :key="item" :label="item" :value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@@ -49,22 +35,15 @@
|
||||
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.changeEnabled">改动情况</el-checkbox>
|
||||
</template>
|
||||
<el-select v-model="searchForm.change" placeholder="请选择改动情况" class="w-full" :disabled="!searchForm.changeEnabled">
|
||||
<el-form-item label="改动情况">
|
||||
<el-select v-model="searchForm.change" placeholder="请选择改动情况" clearable class="w-full">
|
||||
<el-option v-for="item in changeOptions" :key="item" :label="item" :value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.taskCategoryEnabled">任务类别</el-checkbox>
|
||||
</template>
|
||||
<el-select v-model="searchForm.taskCategory" placeholder="请选择任务类别" class="w-full"
|
||||
:disabled="!searchForm.taskCategoryEnabled">
|
||||
<el-form-item label="任务类别">
|
||||
<el-select v-model="searchForm.taskCategory" placeholder="请选择任务类别" clearable class="w-full">
|
||||
<el-option v-for="item in taskCategoryOptions" :key="item" :label="item" :value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@@ -73,22 +52,15 @@
|
||||
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.deptEnabled">教研室</el-checkbox>
|
||||
</template>
|
||||
<el-select v-model="searchForm.dept" placeholder="请选择教研室" class="w-full" :disabled="!searchForm.deptEnabled">
|
||||
<el-form-item label="教研室">
|
||||
<el-select v-model="searchForm.dept" placeholder="请选择教研室" clearable class="w-full">
|
||||
<el-option v-for="item in deptOptions" :key="item" :label="item" :value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.teacherEnabled">授课教员</el-checkbox>
|
||||
</template>
|
||||
<el-select v-model="searchForm.teacher" placeholder="请选择授课教员" class="w-full"
|
||||
:disabled="!searchForm.teacherEnabled">
|
||||
<el-form-item label="授课教员">
|
||||
<el-select v-model="searchForm.teacher" placeholder="请选择授课教员" clearable class="w-full">
|
||||
<el-option v-for="item in teacherOptions" :key="item" :label="item" :value="item" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
@@ -97,12 +69,8 @@
|
||||
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="12">
|
||||
<el-form-item>
|
||||
<template slot="label">
|
||||
<el-checkbox v-model="searchForm.classNameEnabled">培训班</el-checkbox>
|
||||
</template>
|
||||
<el-input v-model="searchForm.className" placeholder="请输入培训班" clearable
|
||||
:disabled="!searchForm.classNameEnabled" />
|
||||
<el-form-item label="培训班">
|
||||
<el-input v-model="searchForm.className" placeholder="请输入培训班" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -152,7 +120,7 @@
|
||||
<el-table-column prop="zt" label="日志状态" width="100" align="center" />
|
||||
<el-table-column prop="gdqk" label="变动汇总" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="jxrzcjfs" label="创建方式" width="100" align="center" />
|
||||
<el-table-column label="详细" width="80" align="center" fixed="right">
|
||||
<el-table-column label="操作" width="80" align="center" fixed="right" class-name="table-action-column">
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" @click="handleDetail(scope.row)">详细</el-button>
|
||||
</template>
|
||||
@@ -220,23 +188,14 @@ export default {
|
||||
// ==================== 查询表单 ====================
|
||||
searchForm: {
|
||||
startDate: '',
|
||||
startDateEnabled: false,
|
||||
endDate: '',
|
||||
endDateEnabled: false,
|
||||
courseName: '',
|
||||
courseNameEnabled: false,
|
||||
teachMethod: '理论讲授',
|
||||
teachMethodEnabled: false,
|
||||
change: '与教学计划一致',
|
||||
changeEnabled: false,
|
||||
taskCategory: '全军院校训练规划内任务',
|
||||
taskCategoryEnabled: false,
|
||||
dept: '教务处',
|
||||
deptEnabled: false,
|
||||
teacher: '教务处',
|
||||
teacherEnabled: false,
|
||||
className: '',
|
||||
classNameEnabled: false
|
||||
teachMethod: '',
|
||||
change: '',
|
||||
taskCategory: '',
|
||||
dept: '',
|
||||
teacher: '',
|
||||
className: ''
|
||||
},
|
||||
|
||||
teachMethodOptions: ['理论讲授', '实践教学', '研讨教学', '案例教学', '实操演练'],
|
||||
@@ -282,19 +241,19 @@ export default {
|
||||
this.selectedRows = rows
|
||||
},
|
||||
|
||||
/** 根据"勾选启用"模式构建实际查询参数 */
|
||||
/** 根据已填写的查询值构建实际查询参数 */
|
||||
buildSearchParams() {
|
||||
const form = this.searchForm
|
||||
const params = { pageNum: this.pageNum, pageSize: this.pageSize }
|
||||
if (form.startDateEnabled && form.startDate) params.ksrq = form.startDate
|
||||
if (form.endDateEnabled && form.endDate) params.jsrq = form.endDate
|
||||
if (form.courseNameEnabled && form.courseName) params.kcmc = form.courseName
|
||||
if (form.teachMethodEnabled && form.teachMethod) params.jxff = form.teachMethod
|
||||
if (form.changeEnabled && form.change) params.gdqk = form.change
|
||||
if (form.taskCategoryEnabled && form.taskCategory) params.rwlb = form.taskCategory
|
||||
if (form.deptEnabled && form.dept) params.jys = form.dept
|
||||
if (form.teacherEnabled && form.teacher) params.skjy = form.teacher
|
||||
if (form.classNameEnabled && form.className) params.pxqb = form.className
|
||||
if (form.startDate) params.ksrq = form.startDate
|
||||
if (form.endDate) params.jsrq = form.endDate
|
||||
if (form.courseName) params.kcmc = form.courseName
|
||||
if (form.teachMethod) params.jxff = form.teachMethod
|
||||
if (form.change) params.gdqk = form.change
|
||||
if (form.taskCategory) params.rwlb = form.taskCategory
|
||||
if (form.dept) params.jys = form.dept
|
||||
if (form.teacher) params.skjy = form.teacher
|
||||
if (form.className) params.pxqb = form.className
|
||||
return params
|
||||
},
|
||||
|
||||
@@ -329,23 +288,14 @@ export default {
|
||||
handleReset() {
|
||||
this.searchForm = {
|
||||
startDate: '',
|
||||
startDateEnabled: false,
|
||||
endDate: '',
|
||||
endDateEnabled: false,
|
||||
courseName: '',
|
||||
courseNameEnabled: false,
|
||||
teachMethod: '理论讲授',
|
||||
teachMethodEnabled: false,
|
||||
change: '与教学计划一致',
|
||||
changeEnabled: false,
|
||||
taskCategory: '全军院校训练规划内任务',
|
||||
taskCategoryEnabled: false,
|
||||
dept: '教务处',
|
||||
deptEnabled: false,
|
||||
teacher: '教务处',
|
||||
teacherEnabled: false,
|
||||
className: '',
|
||||
classNameEnabled: false
|
||||
teachMethod: '',
|
||||
change: '',
|
||||
taskCategory: '',
|
||||
dept: '',
|
||||
teacher: '',
|
||||
className: ''
|
||||
}
|
||||
this.remark = ''
|
||||
this.handleSearch()
|
||||
@@ -558,4 +508,4 @@ export default {
|
||||
padding: 16px 0 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user