comparison.vue
1.6 KB
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:37
-->
<template>
<div class="djxxTable">
<div class="tableBox">
<div class="title">
{{ title }}
<div class="checkbox">
<el-radio-group v-model="radio" :change="checkChange()">
<el-radio :label="1">所有数据</el-radio>
<el-radio :label="2">只展示变化数据</el-radio>
</el-radio-group>
</div>
</div>
<div class="xxTableBox rollTable">
<table class="xxTable">
<tr v-for="(item, colindex) in columns" :key="colindex">
<td>
{{ item.label }}
</td>
<td></td>
<td v-for="count in emptycolNum" :key="~count"></td>
</tr>
</table>
</div>
</div>
</div>
</template>
<script>
import { datas } from "./qlxxFormData.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { getDiyiqList } from "@/api/djbDetail.js";
export default {
props: {
formData: {
type: Object,
default: {},
},
},
data() {
return {
radio: 1,
title: "变化情况对比",
//列表数据
tableData: [],
//空列值个数
emptycolNum: 1,
//列名称对象
columns: datas.columns().DYIQ,
};
},
created() {
console.log("this.formData", this.formData);
},
methods: {
/**
* @description: checkChange
* @author: renchao
*/
checkChange() {
console.log("ssss",this.radio);
},
},
};
</script>
<style lang="scss" scoped>
@import "./qlxxCommon.scss";
</style>