样式调整
Showing
23 changed files
with
228 additions
and
159 deletions
... | @@ -36,6 +36,10 @@ export default { | ... | @@ -36,6 +36,10 @@ export default { |
36 | axisLabel: { | 36 | axisLabel: { |
37 | show: true, | 37 | show: true, |
38 | color: "#ffff", | 38 | color: "#ffff", |
39 | textStyle: { | ||
40 | fontWeight: "normal", | ||
41 | fontSize: "8", | ||
42 | }, | ||
39 | }, | 43 | }, |
40 | axisTick: { | 44 | axisTick: { |
41 | show: false, | 45 | show: false, |
... | @@ -45,7 +49,7 @@ export default { | ... | @@ -45,7 +49,7 @@ export default { |
45 | lineStyle: { | 49 | lineStyle: { |
46 | color: "rgba(95, 180, 237, 0.32)", | 50 | color: "rgba(95, 180, 237, 0.32)", |
47 | }, | 51 | }, |
48 | }, | 52 | } |
49 | }, | 53 | }, |
50 | yAxis: { | 54 | yAxis: { |
51 | splitLine: { | 55 | splitLine: { | ... | ... |
... | @@ -3,48 +3,84 @@ | ... | @@ -3,48 +3,84 @@ |
3 | </template> | 3 | </template> |
4 | 4 | ||
5 | <script> | 5 | <script> |
6 | import Chart from './chart.vue' | 6 | import Chart from "./chart.vue"; |
7 | export default { | 7 | export default { |
8 | data () { | 8 | data() { |
9 | return { | 9 | return { |
10 | cdata: { | 10 | cdata: { |
11 | category: [ | 11 | category: [], |
12 | "首次", | 12 | lineData: [], |
13 | "转移", | 13 | }, |
14 | "变更", | ||
15 | "注销", | ||
16 | "更正", | ||
17 | "异议", | ||
18 | "预告", | ||
19 | "查封", | ||
20 | "其他", | ||
21 | |||
22 | ], | ||
23 | lineData: [ | ||
24 | 14715, | ||
25 | 8444, | ||
26 | 10415, | ||
27 | 6061, | ||
28 | 18092, | ||
29 | 12728, | ||
30 | 9045, | ||
31 | 8348, | ||
32 | 20008, | ||
33 | ], | ||
34 | } | ||
35 | }; | 14 | }; |
36 | }, | 15 | }, |
37 | components: { | 16 | components: { |
38 | Chart, | 17 | Chart, |
39 | }, | 18 | }, |
40 | mounted () { | 19 | created() { |
20 | this.queryClick(); | ||
41 | }, | 21 | }, |
22 | mounted() {}, | ||
42 | methods: { | 23 | methods: { |
43 | 24 | queryClick() { | |
25 | console.log("来了kkksxdx"); | ||
26 | // getDataReportPage({ ...this.form, ...this.pageData }).then((res) => { | ||
27 | let data = { | ||
28 | success: true, | ||
29 | message: "操作成功!", | ||
30 | code: 200, | ||
31 | result: [ | ||
32 | { | ||
33 | AREACODE: "转移登记", | ||
34 | ywtotal: "2", | ||
35 | }, | ||
36 | { | ||
37 | AREACODE: "变更登记", | ||
38 | ywtotal: "4", | ||
39 | }, | ||
40 | { | ||
41 | AREACODE: "注销登记", | ||
42 | ywtotal: "6", | ||
43 | }, | ||
44 | { | ||
45 | AREACODE: "更正登记", | ||
46 | ywtotal: "2", | ||
47 | }, | ||
48 | { | ||
49 | AREACODE: "首次登记", | ||
50 | ywtotal: "11", | ||
51 | }, | ||
52 | { | ||
53 | AREACODE: "预告登记", | ||
54 | ywtotal: "5", | ||
55 | }, | ||
56 | { | ||
57 | AREACODE: "补证", | ||
58 | ywtotal: "1", | ||
59 | }, | ||
60 | { | ||
61 | AREACODE: "换证", | ||
62 | ywtotal: "2", | ||
63 | }, | ||
64 | { | ||
65 | AREACODE: "查封登记", | ||
66 | ywtotal: "2", | ||
67 | }, | ||
68 | ], | ||
69 | timestamp: 1673856701381, | ||
70 | }; | ||
71 | if (data.code === 200) { | ||
72 | data.result.filter((item) => { | ||
73 | return ( | ||
74 | this.cdata.category.push(item.AREACODE), | ||
75 | this.cdata.lineData.push(item.ywtotal) | ||
76 | ); | ||
77 | }); | ||
78 | console.log("this.cdata", this.cdata); | ||
44 | } | 79 | } |
80 | // }); | ||
81 | }, | ||
82 | }, | ||
45 | }; | 83 | }; |
46 | </script> | 84 | </script> |
47 | 85 | ||
48 | <style lang="scss" scoped> | 86 | <style lang="scss" scoped></style> |
49 | |||
50 | </style> | ... | ... |
... | @@ -48,7 +48,7 @@ export default { | ... | @@ -48,7 +48,7 @@ export default { |
48 | } | 48 | } |
49 | 49 | ||
50 | .appMain { | 50 | .appMain { |
51 | height: calc(100vh - 94px) !important; | 51 | height: calc(100vh - 101px) !important; |
52 | box-sizing: border-box; | 52 | box-sizing: border-box; |
53 | 53 | ||
54 | .app-main { | 54 | .app-main { | ... | ... |
... | @@ -27,8 +27,8 @@ | ... | @@ -27,8 +27,8 @@ |
27 | <el-input v-model="form.CFWH" placeholder="查封文号"></el-input> | 27 | <el-input v-model="form.CFWH" placeholder="查封文号"></el-input> |
28 | </el-form-item> | 28 | </el-form-item> |
29 | </el-col> | 29 | </el-col> |
30 | <el-col :span="4" class="from-clues-search-button"> | 30 | <el-col :span="4" class="btnColRight"> |
31 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 31 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
32 | </el-col> | 32 | </el-col> |
33 | </el-row> | 33 | </el-row> |
34 | </el-form> | 34 | </el-form> | ... | ... |
... | @@ -22,8 +22,8 @@ | ... | @@ -22,8 +22,8 @@ |
22 | </el-select> | 22 | </el-select> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <el-col :span="4" class="from-clues-search-button"> | 25 | <el-col :span="4" class="btnColRight"> |
26 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 26 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
27 | </el-col> | 27 | </el-col> |
28 | </el-row> | 28 | </el-row> |
29 | </el-form> | 29 | </el-form> | ... | ... |
... | @@ -18,8 +18,8 @@ | ... | @@ -18,8 +18,8 @@ |
18 | <el-input v-model="form.XYDBDCDYH" placeholder="需役地不动产单元号"></el-input> | 18 | <el-input v-model="form.XYDBDCDYH" placeholder="需役地不动产单元号"></el-input> |
19 | </el-form-item> | 19 | </el-form-item> |
20 | </el-col> | 20 | </el-col> |
21 | <el-col :span="4" class="from-clues-search-button"> | 21 | <el-col :span="4" class="btnColRight"> |
22 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 22 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
23 | </el-col> | 23 | </el-col> |
24 | </el-row> | 24 | </el-row> |
25 | </el-form> | 25 | </el-form> | ... | ... |
... | @@ -32,7 +32,7 @@ | ... | @@ -32,7 +32,7 @@ |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="4" class="btnColRight"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -22,8 +22,8 @@ | ... | @@ -22,8 +22,8 @@ |
22 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 22 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
23 | </el-form-item> | 23 | </el-form-item> |
24 | </el-col> | 24 | </el-col> |
25 | <el-col :span="9" class="btnColRight"> | 25 | <el-col :span="4" class="btnColRight"> |
26 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 26 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
27 | </el-col> | 27 | </el-col> |
28 | </el-row> | 28 | </el-row> |
29 | </el-form> | 29 | </el-form> | ... | ... |
... | @@ -32,7 +32,7 @@ | ... | @@ -32,7 +32,7 @@ |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="4" class="btnColRight"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -31,8 +31,8 @@ | ... | @@ -31,8 +31,8 @@ |
31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="4" class="from-clues-search-button"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -31,8 +31,8 @@ | ... | @@ -31,8 +31,8 @@ |
31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="4" class="from-clues-search-button"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -32,7 +32,7 @@ | ... | @@ -32,7 +32,7 @@ |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="4" class="btnColRight"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -13,8 +13,8 @@ | ... | @@ -13,8 +13,8 @@ |
13 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 13 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
14 | </el-form-item> | 14 | </el-form-item> |
15 | </el-col> | 15 | </el-col> |
16 | <el-col :span="14" class="btnColRight"> | 16 | <el-col :span="4" class="btnColRight"> |
17 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 17 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
18 | </el-col> | 18 | </el-col> |
19 | </el-row> | 19 | </el-row> |
20 | </el-form> | 20 | </el-form> | ... | ... |
... | @@ -31,8 +31,8 @@ | ... | @@ -31,8 +31,8 @@ |
31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="4" class="from-clues-search-button"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -31,8 +31,8 @@ | ... | @@ -31,8 +31,8 @@ |
31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="3" class="from-clues-search-button"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -31,8 +31,8 @@ | ... | @@ -31,8 +31,8 @@ |
31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 31 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
32 | </el-form-item> | 32 | </el-form-item> |
33 | </el-col> | 33 | </el-col> |
34 | <el-col :span="4" class="from-clues-search-button"> | 34 | <el-col :span="4" class="btnColRight"> |
35 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 35 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
36 | </el-col> | 36 | </el-col> |
37 | </el-row> | 37 | </el-row> |
38 | </el-form> | 38 | </el-form> | ... | ... |
... | @@ -13,8 +13,8 @@ | ... | @@ -13,8 +13,8 @@ |
13 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> | 13 | <el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input> |
14 | </el-form-item> | 14 | </el-form-item> |
15 | </el-col> | 15 | </el-col> |
16 | <el-col :span="14" class="btnColRight"> | 16 | <el-col :span="4" class="btnColRight"> |
17 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 17 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
18 | </el-col> | 18 | </el-col> |
19 | </el-row> | 19 | </el-row> |
20 | </el-form> | 20 | </el-form> | ... | ... |
... | @@ -20,10 +20,10 @@ | ... | @@ -20,10 +20,10 @@ |
20 | > | 20 | > |
21 | </el-date-picker> | 21 | </el-date-picker> |
22 | </el-col> | 22 | </el-col> |
23 | <!-- 按钮操作 --> | 23 | <!-- 操作按钮 --> |
24 | <el-col :span="12" class="btnColRight"> | 24 | <el-col :span="3" class="btnColRight"> |
25 | <el-button type="default" @click="resetForm"> 重置 </el-button> | 25 | <btn nativeType="cz" @click="resetForm">重置</btn> |
26 | <el-button type="primary"> 查询 </el-button> | 26 | <btn nativeType="cx">查询</btn> |
27 | </el-col> | 27 | </el-col> |
28 | </el-row> | 28 | </el-row> |
29 | </el-form> | 29 | </el-form> |
... | @@ -86,10 +86,10 @@ export default { | ... | @@ -86,10 +86,10 @@ export default { |
86 | text: "汉中市接入数量与上报数量统计(单位:个)\n(2022年02月05日~2022年03月07日)", | 86 | text: "汉中市接入数量与上报数量统计(单位:个)\n(2022年02月05日~2022年03月07日)", |
87 | left: "center", | 87 | left: "center", |
88 | textStyle: { | 88 | textStyle: { |
89 | fontSize: 30, | 89 | fontSize: 20, |
90 | lineHeight: 30, | 90 | lineHeight: 30, |
91 | height: 60, | 91 | height: 60, |
92 | color: "#fff", | 92 | color: "#b6b5b5", |
93 | }, | 93 | }, |
94 | }, | 94 | }, |
95 | legend: { | 95 | legend: { |
... | @@ -101,7 +101,7 @@ export default { | ... | @@ -101,7 +101,7 @@ export default { |
101 | ], | 101 | ], |
102 | top: 80, | 102 | top: 80, |
103 | textStyle: { | 103 | textStyle: { |
104 | fontSize: 24, | 104 | fontSize: 20, |
105 | lineHeight: 30, | 105 | lineHeight: 30, |
106 | height: 60, | 106 | height: 60, |
107 | color: "#777", | 107 | color: "#777", |
... | @@ -111,7 +111,7 @@ export default { | ... | @@ -111,7 +111,7 @@ export default { |
111 | show: true, | 111 | show: true, |
112 | trigger: "axis", | 112 | trigger: "axis", |
113 | textStyle: { | 113 | textStyle: { |
114 | fontSize: 22 // 字体大小 | 114 | fontSize: 20 // 字体大小 |
115 | }, | 115 | }, |
116 | extraCssText: 'width:260px;height:200px;' // 背景色 | 116 | extraCssText: 'width:260px;height:200px;' // 背景色 |
117 | }, | 117 | }, |
... | @@ -126,7 +126,7 @@ export default { | ... | @@ -126,7 +126,7 @@ export default { |
126 | textStyle: { | 126 | textStyle: { |
127 | show: true, | 127 | show: true, |
128 | color: "#fff", | 128 | color: "#fff", |
129 | fontSize: "24", | 129 | fontSize: "20", |
130 | }, | 130 | }, |
131 | }, | 131 | }, |
132 | }, | 132 | }, |
... | @@ -138,7 +138,7 @@ export default { | ... | @@ -138,7 +138,7 @@ export default { |
138 | textStyle: { | 138 | textStyle: { |
139 | show: true, | 139 | show: true, |
140 | color: "#fff", | 140 | color: "#fff", |
141 | fontSize: "24", | 141 | fontSize: "20", |
142 | }, | 142 | }, |
143 | }, | 143 | }, |
144 | }, | 144 | }, |
... | @@ -194,6 +194,7 @@ export default { | ... | @@ -194,6 +194,7 @@ export default { |
194 | .form-clues-content { | 194 | .form-clues-content { |
195 | flex: 1; | 195 | flex: 1; |
196 | height: 100%; | 196 | height: 100%; |
197 | color: #b6b5b5 | ||
197 | } | 198 | } |
198 | } | 199 | } |
199 | </style> | 200 | </style> | ... | ... |
... | @@ -20,10 +20,10 @@ | ... | @@ -20,10 +20,10 @@ |
20 | > | 20 | > |
21 | </el-date-picker> | 21 | </el-date-picker> |
22 | </el-col> | 22 | </el-col> |
23 | <!-- 按钮操作 --> | 23 | <!-- 操作按钮 --> |
24 | <el-col :span="12" class="btnColRight"> | 24 | <el-col :span="3" class="btnColRight"> |
25 | <el-button type="default" @click="resetForm"> 重置 </el-button> | 25 | <btn nativeType="cz" @click="resetForm">重置</btn> |
26 | <el-button type="primary"> 查询 </el-button> | 26 | <btn nativeType="cx">查询</btn> |
27 | </el-col> | 27 | </el-col> |
28 | </el-row> | 28 | </el-row> |
29 | </el-form> | 29 | </el-form> |
... | @@ -86,10 +86,10 @@ export default { | ... | @@ -86,10 +86,10 @@ export default { |
86 | text: "汉中市接入数量与上报数量统计(单位:个)\n(2022年02月05日~2022年03月07日)", | 86 | text: "汉中市接入数量与上报数量统计(单位:个)\n(2022年02月05日~2022年03月07日)", |
87 | left: "center", | 87 | left: "center", |
88 | textStyle: { | 88 | textStyle: { |
89 | fontSize: 30, | 89 | fontSize: 20, |
90 | lineHeight: 30, | 90 | lineHeight: 30, |
91 | height: 60, | 91 | height: 60, |
92 | color: "#fff", | 92 | color: "#b6b5b5", |
93 | }, | 93 | }, |
94 | }, | 94 | }, |
95 | legend: { | 95 | legend: { |
... | @@ -101,7 +101,7 @@ export default { | ... | @@ -101,7 +101,7 @@ export default { |
101 | ], | 101 | ], |
102 | top: 80, | 102 | top: 80, |
103 | textStyle: { | 103 | textStyle: { |
104 | fontSize: 24, | 104 | fontSize: 20, |
105 | lineHeight: 30, | 105 | lineHeight: 30, |
106 | height: 60, | 106 | height: 60, |
107 | color: "#777", | 107 | color: "#777", |
... | @@ -111,7 +111,7 @@ export default { | ... | @@ -111,7 +111,7 @@ export default { |
111 | show: true, | 111 | show: true, |
112 | trigger: "axis", | 112 | trigger: "axis", |
113 | textStyle: { | 113 | textStyle: { |
114 | fontSize: 22 // 字体大小 | 114 | fontSize: 20 // 字体大小 |
115 | }, | 115 | }, |
116 | extraCssText: 'width:260px;height:200px;' // 背景色 | 116 | extraCssText: 'width:260px;height:200px;' // 背景色 |
117 | }, | 117 | }, |
... | @@ -126,7 +126,7 @@ export default { | ... | @@ -126,7 +126,7 @@ export default { |
126 | textStyle: { | 126 | textStyle: { |
127 | show: true, | 127 | show: true, |
128 | color: "#fff", | 128 | color: "#fff", |
129 | fontSize: "24", | 129 | fontSize: "20", |
130 | }, | 130 | }, |
131 | }, | 131 | }, |
132 | }, | 132 | }, |
... | @@ -138,7 +138,7 @@ export default { | ... | @@ -138,7 +138,7 @@ export default { |
138 | textStyle: { | 138 | textStyle: { |
139 | show: true, | 139 | show: true, |
140 | color: "#fff", | 140 | color: "#fff", |
141 | fontSize: "24", | 141 | fontSize: "20", |
142 | }, | 142 | }, |
143 | }, | 143 | }, |
144 | }, | 144 | }, | ... | ... |
... | @@ -14,11 +14,11 @@ | ... | @@ -14,11 +14,11 @@ |
14 | <el-input v-model="ruleForm.dname" @clear="queryClick" clearable placeholder="字典类型名称"></el-input> | 14 | <el-input v-model="ruleForm.dname" @clear="queryClick" clearable placeholder="字典类型名称"></el-input> |
15 | </el-form-item> | 15 | </el-form-item> |
16 | </el-col> | 16 | </el-col> |
17 | <!-- 操作按钮 --> | ||
17 | <el-col :span="12" class="btnColRight"> | 18 | <el-col :span="12" class="btnColRight"> |
18 | <el-form-item> | 19 | |
19 | <el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button> | 20 | <btn nativeType="cx" @click="queryClick">查询</btn> |
20 | <el-button icon="el-icon-refresh" @click="handleRefresh">刷新缓存</el-button> | 21 | <btn nativeType="sb" @click="handleRefresh">刷新缓存</btn> |
21 | </el-form-item> | ||
22 | </el-col> | 22 | </el-col> |
23 | </el-row> | 23 | </el-row> |
24 | </el-form> | 24 | </el-form> | ... | ... |
... | @@ -5,31 +5,47 @@ | ... | @@ -5,31 +5,47 @@ |
5 | <el-row> | 5 | <el-row> |
6 | <el-col :span="6"> | 6 | <el-col :span="6"> |
7 | <el-form-item label="数据表名"> | 7 | <el-form-item label="数据表名"> |
8 | <el-input v-model="form.DATATABLE" placeholder="数据表名"></el-input> | 8 | <el-input |
9 | v-model="form.DATATABLE" | ||
10 | placeholder="数据表名" | ||
11 | ></el-input> | ||
9 | </el-form-item> | 12 | </el-form-item> |
10 | </el-col> | 13 | </el-col> |
11 | <el-col :span="6"> | 14 | <el-col :span="6"> |
12 | <el-form-item label="中文名称"> | 15 | <el-form-item label="中文名称"> |
13 | <el-input v-model="form.CHINESETABLE" placeholder="中文名称"></el-input> | 16 | <el-input |
17 | v-model="form.CHINESETABLE" | ||
18 | placeholder="中文名称" | ||
19 | ></el-input> | ||
14 | </el-form-item> | 20 | </el-form-item> |
15 | </el-col> | 21 | </el-col> |
16 | <el-col :span="6"> | 22 | <el-col :span="6"> |
17 | <el-form-item label="tab表头链接标识"> | 23 | <el-form-item label="tab表头链接标识"> |
18 | <el-input v-model="form.SOLEURL" placeholder="tab表头链接标识"></el-input> | 24 | <el-input |
25 | v-model="form.SOLEURL" | ||
26 | placeholder="tab表头链接标识" | ||
27 | ></el-input> | ||
19 | </el-form-item> | 28 | </el-form-item> |
20 | </el-col> | 29 | </el-col> |
21 | 30 | ||
31 | <!-- 操作按钮 --> | ||
22 | <el-col :span="6" class="btnColRight"> | 32 | <el-col :span="6" class="btnColRight"> |
23 | <el-button @click="handleUpdateDic">刷新规则缓存</el-button> | 33 | <btn nativeType="sb" @click="handleUpdateDic">刷新缓存</btn> |
24 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 34 | <btn nativeType="cx" @click="handleSubmit">查询结果</btn> |
25 | </el-col> | 35 | </el-col> |
26 | </el-row> | 36 | </el-row> |
27 | </el-form> | 37 | </el-form> |
28 | </div> | 38 | </div> |
29 | <div class="from-clues-content"> | 39 | <div class="from-clues-content"> |
30 | <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total" | 40 | <lb-table |
31 | @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" | 41 | :page-size="pageData.size" |
32 | :data="tableData.data"> | 42 | :current-page.sync="pageData.current" |
43 | :total="pageData.total" | ||
44 | @size-change="handleSizeChange" | ||
45 | @p-current-change="handleCurrentChange" | ||
46 | :column="tableData.columns" | ||
47 | :data="tableData.data" | ||
48 | > | ||
33 | </lb-table> | 49 | </lb-table> |
34 | <message-tips ref="msg" :message="message" /> | 50 | <message-tips ref="msg" :message="message" /> |
35 | </div> | 51 | </div> |
... | @@ -39,33 +55,37 @@ | ... | @@ -39,33 +55,37 @@ |
39 | 55 | ||
40 | <script> | 56 | <script> |
41 | // 字典 | 57 | // 字典 |
42 | import data from "./data" | 58 | import data from "./data"; |
43 | import tableMixin from '@/mixins/tableMixin.js' | 59 | import tableMixin from "@/mixins/tableMixin.js"; |
44 | import ruleConfig from '@/api/ruleConfig' | 60 | import ruleConfig from "@/api/ruleConfig"; |
45 | import editValidRule from '../components/editValidRule.vue' | 61 | import editValidRule from "../components/editValidRule.vue"; |
46 | export default { | 62 | export default { |
47 | name: "dictionary-config", | 63 | name: "dictionary-config", |
48 | mixins: [tableMixin], | 64 | mixins: [tableMixin], |
49 | components: { | 65 | components: { |
50 | editValidRule | 66 | editValidRule, |
51 | }, | 67 | }, |
52 | data () { | 68 | data() { |
53 | return { | 69 | return { |
54 | message: '', | 70 | message: "", |
55 | form: { | 71 | form: { |
56 | DATATABLE: '', | 72 | DATATABLE: "", |
57 | CHINESETABLE: '', | 73 | CHINESETABLE: "", |
58 | SOLEURL: '', | 74 | SOLEURL: "", |
59 | currentPage: 1 | 75 | currentPage: 1, |
60 | }, | 76 | }, |
61 | preContent: '', | 77 | preContent: "", |
62 | tableData: { | 78 | tableData: { |
63 | columns: [{ | 79 | columns: [ |
64 | label: '序号', | 80 | { |
65 | type: 'index', | 81 | label: "序号", |
66 | width: '50', | 82 | type: "index", |
83 | width: "50", | ||
67 | index: this.indexMethod, | 84 | index: this.indexMethod, |
68 | }].concat(data.columns()).concat([ | 85 | }, |
86 | ] | ||
87 | .concat(data.columns()) | ||
88 | .concat([ | ||
69 | { | 89 | { |
70 | label: "操作", | 90 | label: "操作", |
71 | render: (h, scope) => { | 91 | render: (h, scope) => { |
... | @@ -75,7 +95,9 @@ export default { | ... | @@ -75,7 +95,9 @@ export default { |
75 | type="text" | 95 | type="text" |
76 | size="mini" | 96 | size="mini" |
77 | icon="el-icon-edit" | 97 | icon="el-icon-edit" |
78 | onClick={() => { this.handleEdit(scope.$index, scope.row) }} | 98 | onClick={() => { |
99 | this.handleEdit(scope.$index, scope.row); | ||
100 | }} | ||
79 | > | 101 | > |
80 | 编辑 | 102 | 编辑 |
81 | </el-button> | 103 | </el-button> |
... | @@ -85,99 +107,105 @@ export default { | ... | @@ -85,99 +107,105 @@ export default { |
85 | size="mini" | 107 | size="mini" |
86 | icon="el-icon-delete" | 108 | icon="el-icon-delete" |
87 | style="color:#F56C6C" | 109 | style="color:#F56C6C" |
88 | onClick={() => { this.handleDel(scope.$index, scope.row) }} | 110 | onClick={() => { |
111 | this.handleDel(scope.$index, scope.row); | ||
112 | }} | ||
89 | > | 113 | > |
90 | 删除 | 114 | 删除 |
91 | </el-button> | 115 | </el-button> |
92 | </div> | 116 | </div> |
93 | ); | 117 | ); |
94 | }, | 118 | }, |
95 | } | 119 | }, |
96 | ]), | 120 | ]), |
97 | data: [] | 121 | data: [], |
98 | }, | 122 | }, |
99 | pageData: { | 123 | pageData: { |
100 | total: 0, | 124 | total: 0, |
101 | pageSize: 15, | 125 | pageSize: 15, |
102 | current: 1, | 126 | current: 1, |
103 | }, | 127 | }, |
104 | ruleData: null | 128 | ruleData: null, |
105 | } | 129 | }; |
106 | }, | 130 | }, |
107 | methods: { | 131 | methods: { |
108 | async featchData () { | 132 | async featchData() { |
109 | try { | 133 | try { |
110 | this.form = Object.assign(this.form, this.formData) | 134 | this.form = Object.assign(this.form, this.formData); |
111 | let { result: { list, total, pages: pageSize, pageNum: current } | 135 | let { |
112 | } = await ruleConfig.getSysYwsjbList(this.form) | 136 | result: { list, total, pages: pageSize, pageNum: current }, |
113 | this.tableData.data = list | 137 | } = await ruleConfig.getSysYwsjbList(this.form); |
138 | this.tableData.data = list; | ||
114 | this.pageData = { | 139 | this.pageData = { |
115 | pageSize, | 140 | pageSize, |
116 | current, | 141 | current, |
117 | total | 142 | total, |
118 | } | 143 | }; |
119 | } catch (error) { | 144 | } catch (error) { |
120 | this.message = error | 145 | this.message = error; |
121 | this.$refs.msg.messageShow() | 146 | this.$refs.msg.messageShow(); |
122 | } | 147 | } |
123 | }, | 148 | }, |
124 | async handleEdit (index, row) { | 149 | async handleEdit(index, row) { |
125 | try { | 150 | try { |
126 | let { result: res } = await ruleConfig.eidtConfigRule(row.BSM_YWSJB) | 151 | let { result: res } = await ruleConfig.eidtConfigRule(row.BSM_YWSJB); |
127 | this.ruleData = res | 152 | this.ruleData = res; |
128 | this.$refs.validRule.isShow() | 153 | this.$refs.validRule.isShow(); |
129 | } catch (error) { | 154 | } catch (error) { |
130 | this.$alert(error, '提示', { | 155 | this.$alert(error, "提示", { |
131 | confirmButtonText: '确定', | 156 | confirmButtonText: "确定", |
132 | type: 'error' | 157 | type: "error", |
133 | }) | 158 | }); |
134 | } | 159 | } |
135 | }, | 160 | }, |
136 | handleDel (index, row) { | 161 | handleDel(index, row) { |
137 | let _this = this | 162 | let _this = this; |
138 | this.$confirm('此操作将进行删除校验规则, 是否继续?', '提示', { | 163 | this.$confirm("此操作将进行删除校验规则, 是否继续?", "提示", { |
139 | cancelButtonText: '取消', | 164 | cancelButtonText: "取消", |
140 | confirmButtonText: '确定', | 165 | confirmButtonText: "确定", |
141 | type: 'warning' | 166 | type: "warning", |
142 | }).then(async () => { | 167 | }) |
168 | .then(async () => { | ||
143 | try { | 169 | try { |
144 | let res = await ruleConfig.deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb(row.BSM_YWSJB) | 170 | let res = |
171 | await ruleConfig.deleteSysYwsjbWithSysYwsjbFieldByBsmYwsjb( | ||
172 | row.BSM_YWSJB | ||
173 | ); | ||
145 | if (res.code == 200) { | 174 | if (res.code == 200) { |
146 | _this.$message({ | 175 | _this.$message({ |
147 | type: 'success', | 176 | type: "success", |
148 | message: '删除成功!' | 177 | message: "删除成功!", |
149 | }); | 178 | }); |
150 | _this.featchData() | 179 | _this.featchData(); |
151 | } | 180 | } |
152 | } catch (error) { | 181 | } catch (error) { |
153 | _this.$alert(error, '提示', { | 182 | _this.$alert(error, "提示", { |
154 | confirmButtonText: '确定', | 183 | confirmButtonText: "确定", |
155 | type: 'error' | 184 | type: "error", |
156 | }) | 185 | }); |
157 | } | 186 | } |
158 | }).catch(() => { | 187 | }) |
188 | .catch(() => { | ||
159 | this.$message({ | 189 | this.$message({ |
160 | type: 'info', | 190 | type: "info", |
161 | message: '已取消删除' | 191 | message: "已取消删除", |
162 | }); | 192 | }); |
163 | }); | 193 | }); |
164 | }, | 194 | }, |
165 | handleUpdateDic () { | 195 | handleUpdateDic() { |
166 | this.$store.dispatch('dictionaries/generateDic').then((res) => { | 196 | this.$store.dispatch("dictionaries/generateDic").then((res) => { |
167 | if (res) { | 197 | if (res) { |
168 | this.$message({ | 198 | this.$message({ |
169 | message: '刷新成功!', | 199 | message: "刷新成功!", |
170 | type: 'success' | 200 | type: "success", |
171 | }) | 201 | }); |
172 | } | ||
173 | }) | ||
174 | } | ||
175 | } | 202 | } |
176 | } | 203 | }); |
204 | }, | ||
205 | }, | ||
206 | }; | ||
177 | </script> | 207 | </script> |
178 | <style scoped lang="scss"> | 208 | <style scoped lang="scss"> |
179 | @import "~@/styles/public.scss"; | 209 | @import "~@/styles/public.scss"; |
180 | @import "./index.scss"; | 210 | @import "./index.scss"; |
181 | </style> | 211 | </style> |
182 | |||
183 | ... | ... |
-
Please register or sign in to post a comment