1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
| <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"></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: ['preCheck'],
| data() {
| return {
| // 操作步骤下标
| stepIndex: 0,
| area: {}
| };
| },
| methods: {
| /**
| * 监听评估范围变更
| */
| onAreaChange(v) {
| // this.area = v;
| this.$refs.refSource.startCheck(v);
| },
| /**
| * 自动评估前置合规性检查
| * 检查所选范围内各项评估数据源是否完整
| */
| preCheck() {
| // this.$emit('preCheck', param)
| }
| }
| };
| </script>
|
|
