| | |
| | | > |
| | | <el-form-item label="考核日期" prop="name"> |
| | | <el-date-picker |
| | | v-model="date" |
| | | v-model="queryParams.date" |
| | | format="yyyy-MM" |
| | | value-format="yyyy-MM" |
| | | type="month" |
| | | placeholder="选择日期" |
| | | @change="dateChange" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <!-- 季度选择 --> |
| | | <el-form-item> |
| | | <el-date-picker |
| | | :clearable="false" |
| | | v-model="queryParams.quarter" |
| | | type="monthrange" |
| | | format="yyyy-MM" |
| | | value-format="yyyy-MM" |
| | | unlink-panels |
| | | range-separator="至" |
| | | start-placeholder="开始月份" |
| | | end-placeholder="结束月份" |
| | | @change="quarterChange" |
| | | :picker-options="pickerOptions"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | dicts: ["platform_audit_state"], |
| | | data() { |
| | | return { |
| | | pickerOptions: { |
| | | shortcuts: [{ |
| | | text: '第一季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-01"), new Date(new Date().getFullYear() + "-03")]); |
| | | } |
| | | }, |
| | | { |
| | | text: '第二季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-04"), new Date(new Date().getFullYear() + "-06")]); |
| | | } |
| | | }, |
| | | { |
| | | text: '第三季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-07"), new Date(new Date().getFullYear() + "-09")]) |
| | | } |
| | | }, |
| | | { |
| | | text: '第四季度', |
| | | onClick(picker) { |
| | | picker.$emit('pick', [new Date(new Date().getFullYear() + "-10"), new Date(new Date().getFullYear() + "-12")]) |
| | | } |
| | | }] |
| | | }, |
| | | id: null, |
| | | examineCategory: null, |
| | | date: "", |
| | |
| | | queryParams: { |
| | | id: null, |
| | | date: null, |
| | | quarter: null |
| | | }, |
| | | // 表单校验 |
| | | rules: {}, |
| | |
| | | } |
| | | }, |
| | | dateChange() { |
| | | this.queryParams.date = this.date; |
| | | console.log(this.queryParams); |
| | | this.queryParams.quarter = null; |
| | | this.getList(); |
| | | }, |
| | | quarterChange() { |
| | | this.queryParams.date = null; |
| | | this.getList(); |
| | | }, |
| | | /** 搜索按钮操作 */ |