<template>
|
<el-steps :active="stepIndex" finish-status="success" style="" align-center>
|
<el-step title="评估范围" />
|
<el-step title="数据源检查" />
|
<el-step title="条目豁免" />
|
<el-step title="自动评估" />
|
</el-steps>
|
<CompCheckArea v-show="stepIndex == 0" v-model="stepIndex" @change="onAreaChange"></CompCheckArea>
|
<CompCheckSource v-show="stepIndex == 1" v-model="stepIndex" ref="refSource"></CompCheckSource>
|
<CompCheckExemption v-show="stepIndex == 2" v-model="stepIndex"></CompCheckExemption>
|
<CompCheckConfirm
|
v-show="stepIndex == 3"
|
v-model="stepIndex"
|
:area-info="area"
|
@start="onNewTask"
|
></CompCheckConfirm>
|
</template>
|
|
<script>
|
import dayjs from 'dayjs';
|
import CompCheckArea from './components/CompCheckArea.vue';
|
import CompCheckSource from './components/CompCheckSource.vue';
|
import CompCheckExemption from './components/CompCheckExemption.vue';
|
import CompCheckConfirm from './components/CompCheckConfirm.vue';
|
|
/**
|
* 自动评估条件合规性检查
|
*/
|
export default {
|
name: 'CompPreCheck',
|
components: { CompCheckArea, CompCheckSource, CompCheckExemption, CompCheckConfirm },
|
props: {},
|
emits: ['startTask'],
|
data() {
|
return {
|
// 操作步骤下标
|
stepIndex: 0,
|
area: {}
|
};
|
},
|
methods: {
|
/**
|
* 监听评估范围变更
|
*/
|
onAreaChange(val) {
|
const v = val.value;
|
this.area = {
|
provincecode: v._locations.pCode,
|
provincename: v._locations.pName,
|
citycode: v._locations.cCode,
|
cityname: v._locations.cName,
|
districtcode: v._locations.dCode,
|
districtname: v._locations.dName,
|
towncode: v._locations.tCode,
|
townname: v._locations.tName,
|
starttime: this.$fm.formatYMDH(v.time),
|
scensetypeid: v._scenetype.value,
|
online: true,
|
sourceType: v.sourceType
|
};
|
this.$refs.refSource.startCheck(this.area);
|
},
|
/**
|
* 自动评估前置合规性检查
|
* 检查所选范围内各项评估数据源是否完整
|
*/
|
onNewTask() {
|
this.$emit('startTask');
|
}
|
}
|
};
|
</script>
|
