Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
6e949a6d by xiaomiao
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web

2 parents f8a7f1e2 42448ac9
Expand all
Inline Side-by-side
Showing 82 changed files with 119 additions and 1848 deletions
...@@ -61,6 +61,7 @@ export default { ...@@ -61,6 +61,7 @@ export default {
61 background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%); 61 background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%);
62 line-height: 32px; 62 line-height: 32px;
63 color: #FFFFFF; 63 color: #FFFFFF;
64 margin-bottom: 8px;
64 } 65 }
65 66
66 /deep/.el-icon-arrow-right { 67 /deep/.el-icon-arrow-right {
......
...@@ -16,9 +16,10 @@ ...@@ -16,9 +16,10 @@
16 <slot></slot> 16 <slot></slot>
17 </div> 17 </div>
18 <div slot="footer" class="dialog_footer" v-if="isButton"> 18 <div slot="footer" class="dialog_footer" v-if="isButton">
19 <el-button @click="closeDialog" v-if="isReset">取消</el-button> 19 <btn nativeType="cz" @click="closeDialog" v-if="isReset">取消</btn>
20 <el-button type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled" :loading="saveloding"> 20 <btn nativeType="cx" type="primary" plain @click="submitForm" v-if="isSave" :disabled="btnDisabled"
21 {{ saveButton }}</el-button> 21 :loading="saveloding">
22 {{ saveButton }}</btn>
22 </div> 23 </div>
23 </el-dialog> 24 </el-dialog>
24 </template> 25 </template>
......
...@@ -38,6 +38,9 @@ let mixin = { ...@@ -38,6 +38,9 @@ let mixin = {
38 }, 38 },
39 // 详情 39 // 详情
40 handleEdit (row) { 40 handleEdit (row) {
41 if (row.rectypeName) {
42 this.title = row.rectypeName
43 } else {
41 let Title = '' 44 let Title = ''
42 this.dicData['A21'].map(item => { 45 this.dicData['A21'].map(item => {
43 if (item.DCODE == row.DJLX || item.DCODE == row.djlx) { 46 if (item.DCODE == row.DJLX || item.DCODE == row.djlx) {
...@@ -53,6 +56,7 @@ let mixin = { ...@@ -53,6 +56,7 @@ let mixin = {
53 } 56 }
54 }) 57 })
55 this.title = Title 58 this.title = Title
59 }
56 this.$refs.editLog.isShow(row); 60 this.$refs.editLog.isShow(row);
57 }, 61 },
58 // // 重置表单 62 // // 重置表单
......
...@@ -41,22 +41,7 @@ export const constantRoutes = [ ...@@ -41,22 +41,7 @@ export const constantRoutes = [
41 * the routes that need to be dynamically loaded based on user roles 41 * the routes that need to be dynamically loaded based on user roles
42 */ 42 */
43 export const asyncRoutes = [ 43 export const asyncRoutes = [
44 // 监管首页 44 // 接收报文查询
45 {
46 path: '/',
47 component: Layout,
48 redirect: '/jgHome',
49 meta: { title: '首页' },
50 children: [
51 {
52 path: 'jgHome',
53 component: () => import('@/views/home/index'),
54 name: 'jgHome',
55 meta: { title: '首页', icon: 'workbench', affix: true }
56 }
57 ]
58 },
59 // // 接收报文查询
60 { 45 {
61 path: '/jsbwcx', 46 path: '/jsbwcx',
62 component: Layout, 47 component: Layout,
...@@ -76,13 +61,13 @@ export const asyncRoutes = [ ...@@ -76,13 +61,13 @@ export const asyncRoutes = [
76 children: [ 61 children: [
77 { 62 {
78 path: 'sbbwcx', 63 path: 'sbbwcx',
79 component: () => import('@/views/sbbwcx/index'), 64 component: () => import('@/views/sthj/sbbwcx/index'),
80 name: 'sbbwcx', 65 name: 'sbbwcx',
81 meta: { title: '上报报文', icon: 'zsgl' } 66 meta: { title: '上报报文', icon: 'zsgl' }
82 }, 67 },
83 { 68 {
84 path: 'dbrzcx', 69 path: 'dbrzcx',
85 component: () => import('@/views/dbrzcx/index'), 70 component: () => import('@/views/sthj/dbrzcx/index'),
86 name: 'dbrzcx', 71 name: 'dbrzcx',
87 meta: { title: '登簿日志', icon: 'zsgl' } 72 meta: { title: '登簿日志', icon: 'zsgl' }
88 } 73 }
...@@ -108,71 +93,6 @@ export const asyncRoutes = [ ...@@ -108,71 +93,6 @@ export const asyncRoutes = [
108 } 93 }
109 ] 94 ]
110 }, 95 },
111 // 接入区域管理
112 {
113 path: '/jrqygl',
114 component: Layout,
115 children: [
116 {
117 path: 'index',
118 component: () => import('@/views/jrqygl/index'),
119 name: 'jrqygl',
120 meta: { title: '接入区域管理', icon: 'zhcx' }
121 }
122 ]
123 },
124 // 接收规则管理
125 {
126 path: '/jsgzgl',
127 component: Layout,
128 children: [
129 {
130 path: 'index',
131 component: () => import('@/views/jsgzgl/index'),
132 name: 'jsgzgl',
133 meta: { title: '接收规则管理', icon: 'zhcx' }
134 }
135 ]
136 },
137 // 接收报文重新入库
138 {
139 path: '/jsbwcxrk',
140 component: Layout,
141 children: [
142 {
143 path: 'index',
144 component: () => import('@/views/jsbwcxrk/index'),
145 name: 'jsbwcxrk',
146 meta: { title: '接收报文重新入库', icon: 'zhcx' }
147 }
148 ]
149 },
150 // 报文重新入库日志
151 {
152 path: '/bwcxrkrz',
153 component: Layout,
154 children: [
155 {
156 path: 'index',
157 component: () => import('@/views/bwcxrkrz/index'),
158 name: 'bwcxrkrz',
159 meta: { title: '报文重新入库日志', icon: 'zhcx' }
160 }
161 ]
162 },
163 // 中心日志
164 {
165 path: '/zxrz',
166 component: Layout,
167 children: [
168 {
169 path: 'index',
170 component: () => import('@/views/zxrz/index'),
171 name: 'zxrz',
172 meta: { title: '中心日志', icon: 'zhcx' }
173 }
174 ]
175 },
176 // 接入业务信息-不动产数据 96 // 接入业务信息-不动产数据
177 { 97 {
178 path: '/busineInfo', 98 path: '/busineInfo',
...@@ -184,91 +104,91 @@ export const asyncRoutes = [ ...@@ -184,91 +104,91 @@ export const asyncRoutes = [
184 children: [ 104 children: [
185 { 105 {
186 path: 'tdsyq', 106 path: 'tdsyq',
187 component: () => import('@/views/business-info/tdsyq/index'), 107 component: () => import('@/views/bdcsj/tdsyq/index'),
188 name: 'tdsyq', 108 name: 'tdsyq',
189 meta: { title: '土地所有权' } 109 meta: { title: '土地所有权' }
190 }, 110 },
191 { 111 {
192 path: 'jsydzjdsyq', 112 path: 'jsydzjdsyq',
193 component: () => import('@/views/business-info/jsydzjdsyq/index'), 113 component: () => import('@/views/bdcsj/jsydzjdsyq/index'),
194 name: 'jsydzjdsyq', 114 name: 'jsydzjdsyq',
195 meta: { title: '建设用地、宅基地使用权' } 115 meta: { title: '建设用地、宅基地使用权' }
196 }, 116 },
197 { 117 {
198 path: 'fdcqdz', 118 path: 'fdcqdz',
199 component: () => import('@/views/business-info/fdcqdz/index'), 119 component: () => import('@/views/bdcsj/fdcqdz/index'),
200 name: 'fdcqdz', 120 name: 'fdcqdz',
201 meta: { title: '房地产权（项目内多幢房屋）' } 121 meta: { title: '房地产权（项目内多幢房屋）' }
202 }, 122 },
203 { 123 {
204 path: 'fdcqyz', 124 path: 'fdcqyz',
205 component: () => import('@/views/business-info/fdcqyz/index'), 125 component: () => import('@/views/bdcsj/fdcqyz/index'),
206 name: 'fdcqyz', 126 name: 'fdcqyz',
207 meta: { title: '房地产权（独幢、层、套、间、房屋）' } 127 meta: { title: '房地产权（独幢、层、套、间、房屋）' }
208 }, 128 },
209 { 129 {
210 path: 'fdcqqfsyq', 130 path: 'fdcqqfsyq',
211 component: () => import('@/views/business-info/fdcqqfsyq/index'), 131 component: () => import('@/views/bdcsj/fdcqqfsyq/index'),
212 name: 'fdcqqfsyq', 132 name: 'fdcqqfsyq',
213 meta: { title: '建筑物区分所有权业主共有部分' } 133 meta: { title: '建筑物区分所有权业主共有部分' }
214 }, 134 },
215 { 135 {
216 path: 'hysyq', 136 path: 'hysyq',
217 component: () => import('@/views/business-info/hysyq/index'), 137 component: () => import('@/views/bdcsj/hysyq/index'),
218 name: 'hysyq', 138 name: 'hysyq',
219 meta: { title: '海域(含无居民海岛)使用权' } 139 meta: { title: '海域(含无居民海岛)使用权' }
220 }, 140 },
221 { 141 {
222 path: 'gzwsyq', 142 path: 'gzwsyq',
223 component: () => import('@/views/business-info/gzwsyq/index'), 143 component: () => import('@/views/bdcsj/gzwsyq/index'),
224 name: 'gzwsyq', 144 name: 'gzwsyq',
225 meta: { title: '构（建）筑物所有权' } 145 meta: { title: '构（建）筑物所有权' }
226 }, 146 },
227 { 147 {
228 path: 'nydsyq', 148 path: 'nydsyq',
229 component: () => import('@/views/business-info/nydsyq/index'), 149 component: () => import('@/views/bdcsj/nydsyq/index'),
230 name: 'nydsyq', 150 name: 'nydsyq',
231 meta: { title: '农用地使用权（非林地）' } 151 meta: { title: '农用地使用权（非林地）' }
232 }, 152 },
233 { 153 {
234 path: 'lq', 154 path: 'lq',
235 component: () => import('@/views/business-info/lq/index'), 155 component: () => import('@/views/bdcsj/lq/index'),
236 name: 'lq', 156 name: 'lq',
237 meta: { title: '林权' } 157 meta: { title: '林权' }
238 }, 158 },
239 { 159 {
240 path: 'zxdj', 160 path: 'zxdj',
241 component: () => import('@/views/business-info/zxdj/index'), 161 component: () => import('@/views/bdcsj/zxdj/index'),
242 name: 'zxdj', 162 name: 'zxdj',
243 meta: { title: '注销登记' } 163 meta: { title: '注销登记' }
244 }, 164 },
245 { 165 {
246 path: 'yydj', 166 path: 'yydj',
247 component: () => import('@/views/business-info/yydj/index'), 167 component: () => import('@/views/bdcsj/yydj/index'),
248 name: 'yydj', 168 name: 'yydj',
249 meta: { title: '异议登记' } 169 meta: { title: '异议登记' }
250 }, 170 },
251 { 171 {
252 path: 'ygdj', 172 path: 'ygdj',
253 component: () => import('@/views/business-info/ygdj/index'), 173 component: () => import('@/views/bdcsj/ygdj/index'),
254 name: 'ygdj', 174 name: 'ygdj',
255 meta: { title: '预告登记' } 175 meta: { title: '预告登记' }
256 }, 176 },
257 { 177 {
258 path: 'Cfdj', 178 path: 'Cfdj',
259 component: () => import('@/views/business-info/Cfdj/index'), 179 component: () => import('@/views/bdcsj/cfdj/index'),
260 name: 'Cfdj', 180 name: 'Cfdj',
261 meta: { title: '查封登记' } 181 meta: { title: '查封登记' }
262 }, 182 },
263 { 183 {
264 path: 'dyaq', 184 path: 'dyaq',
265 component: () => import('@/views/business-info/dyaq/index'), 185 component: () => import('@/views/bdcsj/dyaq/index'),
266 name: 'dyaq', 186 name: 'dyaq',
267 meta: { title: '抵押权登记' } 187 meta: { title: '抵押权登记' }
268 }, 188 },
269 { 189 {
270 path: 'dyiq', 190 path: 'dyiq',
271 component: () => import('@/views/business-info/dyiq/index'), 191 component: () => import('@/views/bdcsj/dyiq/index'),
272 name: 'dyiq', 192 name: 'dyiq',
273 meta: { title: '地役权登记' } 193 meta: { title: '地役权登记' }
274 } 194 }
......
...@@ -287,15 +287,20 @@ table td { ...@@ -287,15 +287,20 @@ table td {
287 background-size: 100% 100%; 287 background-size: 100% 100%;
288 padding-top: 13px; 288 padding-top: 13px;
289 padding-bottom: 13px; 289 padding-bottom: 13px;
290 table{ 290 border: none;
291 margin-top: 5px !important;
292
293 table {
291 background: url("~@/image/rqjx.png") no-repeat; 294 background: url("~@/image/rqjx.png") no-repeat;
292 background-size: 100% 100%; 295 background-size: 100% 100%;
293 padding: 8px; 296 padding: 8px;
294 } 297 }
298
295 table td { 299 table td {
296 box-sizing: border-box; 300 box-sizing: border-box;
297 border-bottom: 0px solid #074487!important; 301 border-bottom: 0px solid #074487 !important;
298 } 302 }
303
299 .el-input__inner { 304 .el-input__inner {
300 background-color: #031a46; 305 background-color: #031a46;
301 } 306 }
...@@ -305,15 +310,18 @@ table td { ...@@ -305,15 +310,18 @@ table td {
305 } 310 }
306 311
307 .el-picker-panel__footer { 312 .el-picker-panel__footer {
313 display: none;
308 background-color: #031a46; 314 background-color: #031a46;
309 } 315 }
310 316
311 .el-date-table td.disabled div { 317 .el-date-table td.disabled div {
312 background-color: #074487; 318 background-color: #074487;
313 } 319 }
314 .el-date-picker__header{ 320
321 .el-date-picker__header {
315 margin-bottom: 0px; 322 margin-bottom: 0px;
316 } 323 }
324
317 .el-date-picker__header-label { 325 .el-date-picker__header-label {
318 color: #A6CFD6; 326 color: #A6CFD6;
319 } 327 }
...@@ -321,12 +329,13 @@ table td { ...@@ -321,12 +329,13 @@ table td {
321 .el-picker-panel__content { 329 .el-picker-panel__content {
322 padding-top: 0px; 330 padding-top: 0px;
323 margin-top: 0px; 331 margin-top: 0px;
332
324 .disabled { 333 .disabled {
325 background-color: #074487; 334 background-color: #074487;
326 div{
327 span{
328 color:rgba(172, 239, 250,.5)
329 335
336 div {
337 span {
338 color: rgba(172, 239, 250, .5)
330 } 339 }
331 } 340 }
332 341
...@@ -380,10 +389,6 @@ table td { ...@@ -380,10 +389,6 @@ table td {
380 background-color: #031a46; 389 background-color: #031a46;
381 } 390 }
382 391
383 .el-picker-panel__footer {
384 background-color: #031a46;
385 }
386
387 .el-time-panel { 392 .el-time-panel {
388 background-color: #074487 !important; 393 background-color: #074487 !important;
389 color: #E3F1FF; 394 color: #E3F1FF;
...@@ -438,7 +443,7 @@ table td { ...@@ -438,7 +443,7 @@ table td {
438 443
439 [class^="el-icon-"], 444 [class^="el-icon-"],
440 [class*=" el-icon-"] { 445 [class*=" el-icon-"] {
441 display: none; 446 // display: none;
442 } 447 }
443 448
444 .el-range-separator { 449 .el-range-separator {
......
...@@ -52,7 +52,7 @@ export function realMove (bsmDict, operate, data) { ...@@ -52,7 +52,7 @@ export function realMove (bsmDict, operate, data) {
52 if (arr.length) { 52 if (arr.length) {
53 let flag = false; 53 let flag = false;
54 for (let i in arr) { 54 for (let i in arr) {
55 if (arr[i].bsmDict == bsmDict) { 55 if (arr[i].dictid == bsmDict) {
56 if (operate === "UP") { 56 if (operate === "UP") {
57 arr[i] = arr.splice(i - 1, 1, arr[i])[0]; 57 arr[i] = arr.splice(i - 1, 1, arr[i])[0];
58 } else if (operate === "DOWN") { 58 } else if (operate === "DOWN") {
...@@ -111,8 +111,8 @@ export function down (index, data) { ...@@ -111,8 +111,8 @@ export function down (index, data) {
111 } 111 }
112 } 112 }
113 113
114 export function timeFormat(date,end) { 114 export function timeFormat (date, end) {
115 if (!date || typeof(date) === "string") { 115 if (!date || typeof (date) === "string") {
116 this.error("参数异常，请检查..."); 116 this.error("参数异常，请检查...");
117 } 117 }
118 var y = date.getFullYear(); //年 118 var y = date.getFullYear(); //年
...@@ -120,20 +120,20 @@ export function timeFormat(date,end) { ...@@ -120,20 +120,20 @@ export function timeFormat(date,end) {
120 var d = date.getDate(); //日 120 var d = date.getDate(); //日
121 if (end) { 121 if (end) {
122 return y + "/" + m + "/" + d + ' 23:59:59'; 122 return y + "/" + m + "/" + d + ' 23:59:59';
123 }else{ 123 } else {
124 return y + "/" + m + "/" + d + ' 00:00:00'; 124 return y + "/" + m + "/" + d + ' 00:00:00';
125 } 125 }
126 } 126 }
127 export function getFirstDayOfSeason (d) { 127 export function getFirstDayOfSeason (d) {
128 let date = d || new Date() 128 let date = d || new Date()
129 var month = date.getMonth(); 129 var month = date.getMonth();
130 if(month <3 ){ 130 if (month < 3) {
131 date.setMonth(0); 131 date.setMonth(0);
132 }else if(2 < month && month < 6){ 132 } else if (2 < month && month < 6) {
133 date.setMonth(3); 133 date.setMonth(3);
134 }else if(5 < month && month < 9){ 134 } else if (5 < month && month < 9) {
135 date.setMonth(6); 135 date.setMonth(6);
136 }else if(8 < month && month < 11){ 136 } else if (8 < month && month < 11) {
137 date.setMonth(9); 137 date.setMonth(9);
138 } 138 }
139 date.setDate(1); 139 date.setDate(1);
......
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "qymc",
10 label: "区域名称",
11 },
12 {
13 prop: "czyymc",
14 label: "操作用户名称",
15 },
16 {
17 prop: "bwmc",
18 label: "报文名称",
19 },
20 {
21 prop: "rksj",
22 label: "入库时间",
23 },
24 {
25 prop: "rkjg",
26 label: "入库结果",
27 },
28 {
29 prop: "sbyy",
30 label: "失败原因",
31 }
32 ]
33 }
34 }
35 export default new data()
1 <template>
2 <!-- 报文重新入库日志 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-row class="mb-5">
8 <el-col :span="6">
9 <el-form-item label="行政区" prop="pcode">
10 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
11 <el-option v-for="item in xzqOptions" :key="item.value" :label="item.label" :value="item.value">
12 </el-option>
13 </el-select>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="报文名称" prop="bwmc">
18 <el-select v-model="form.ywmc" class="width100" clearable placeholder="业务名称">
19 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
20 </el-option>
21 </el-select>
22 </el-form-item>
23 </el-col>
24 <el-col :span="6">
25 <el-form-item label="开始日期" prop="startTime">
26 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
27 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
28 </el-form-item>
29 </el-col>
30 <el-col :span="6">
31 <el-form-item label="结束日期" prop="endTime">
32 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
33 clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
34 </el-form-item>
35 </el-col>
36 </el-row>
37 <el-row>
38 <el-col :span="6">
39 <el-form-item label="入库结果" prop="rkjg">
40 <el-select v-model="form.rkjg" class="width100" clearable placeholder="入库结果">
41 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
42 </el-option>
43 </el-select>
44 </el-form-item>
45 </el-col>
46 <!-- 操作按钮 -->
47 <el-col :span="18" class="btnColRight">
48 <el-button @click="resetForm">重置</el-button>
49 <el-button type="primary" @click="handleSubmit">查询</el-button>
50 </el-col>
51 </el-row>
52 </el-form>
53 </div>
54 <!-- 列表 -->
55 <div class="from-clues-content">
56 <lb-table ref="table" :heightNum="300" :page-size="pageData.size" :current-page.sync="pageData.current"
57 :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
58 :column="tableData.columns" :data="tableData.data">
59 </lb-table>
60 </div>
61 </div>
62 </template>
63 <script>
64 // 报文重新入库日志
65 // 引入列表头部
66 import data from "./data"
67 // 引入表格混入方法
68 import tableMixin from '@/mixins/tableMixin.js'
69 export default {
70 name: "bwcxrkrz",
71 mixins: [tableMixin],
72 data () {
73 return {
74 // 开始结束日期限制
75 pickerOptionsStart: {
76 disabledDate: (time) => {
77 if (this.form.endTime) {
78 return (
79 time.getTime() >= new Date(this.form.endTime).getTime()
80 );
81 }
82 }
83 },
84 // 结束日期限制
85 pickerOptionsEnd: {
86 disabledDate: (time) => {
87 if (this.form.startTime) {
88 return (
89 time.getTime() <= new Date(this.form.startTime).getTime()
90 );
91 }
92 }
93 },
94 // 头部表单
95 form: {
96 pcode: '',
97 bwmc: '',
98 startTime: '',
99 endTime: '',
100 rkjg: '',
101 currentPage: 1
102 },
103 // 表单校验
104 rules: {
105 pcode: [
106 { required: true, message: '响应结果', trigger: 'change' }
107 ],
108 startTime: [
109 { required: true, message: '开始日期', trigger: 'change' }
110 ],
111 endTime: [
112 { required: true, message: '结束日期', trigger: 'change' }
113 ],
114 },
115 // 表格
116 tableData: {
117 // 表格头部
118 columns: [{
119 label: '序号',
120 type: 'index',
121 width: '50',
122 index: this.indexMethod,
123 }].concat(data.columns()),
124 // 表格列表
125 data: []
126 },
127 // 分页
128 pageData: {
129 total: 0,
130 pageSize: 15,
131 current: 1,
132 },
133 // 行政区
134 xzqOptions: [
135 {
136 value: '632321',
137 label: '同仁县'
138 },
139 {
140 value: '632322',
141 label: '尖扎县'
142 },
143 {
144 value: '632323',
145 label: '泽库县'
146 },
147 {
148 value: '632324',
149 label: '河南县'
150 }
151 ]
152 }
153 },
154 methods: {
155 // 重置表单
156 resetForm () {
157 this.$refs.ruleForm.resetFields();
158 },
159 // 数据请求
160 async featchData () {
161 }
162 }
163 }
164 </script>
165 <style scoped lang="scss">
166 @import "~@/styles/public.scss";
167 @import "./index.scss";
168 </style>
169
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 </div> 23 </div>
24 </template> 24 </template>
25 <script> 25 <script>
26 import drawMixin from "../../utils/drawMixin"; 26 import drawMixin from "@/utils/drawMixin";
27 import screencontent from './screencontent' 27 import screencontent from './screencontent'
28 export default { 28 export default {
29 mixins: [drawMixin], 29 mixins: [drawMixin],
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
6 </div> 6 </div>
7 </template> 7 </template>
8 <script> 8 <script>
9 import drawMixin from "../../utils/drawMixin"; 9 import drawMixin from "@/utils/drawMixin";
10 import leftcard from "./leftcard"; 10 import leftcard from "./leftcard";
11 import centercard from "./centercard"; 11 import centercard from "./centercard";
12 import rightcard from "./rightcard"; 12 import rightcard from "./rightcard";
......
1 <template> 1 <template>
2 <screencontent /> 2 <screencontent />
3 </template> 3 </template>
4
5 <script> 4 <script>
6 import screencontent from '@/views/dataView/screencontent' 5 import screencontent from '@/views/home/dataView/screencontent'
7 export default { 6 export default {
8 name: "home", 7 name: "home",
9 components: { 8 components: {
10 screencontent 9 screencontent
11 },
12 data () {
13 return {
14 }
15 },
16 methods: {
17 } 10 }
18 } 11 }
19 </script> 12 </script>
20 <style scoped lang="scss"> 13 <style scoped lang="scss">
21 @import "../dataView/index.scss"; 14 @import "./dataView/index.scss";
22 </style> 15 </style>
......
1 <template>
2 <div id="barChart"></div>
3 </template>
4
5 <script>
6 export default {
7 data () {
8 return {
9 };
10 },
11 mounted () {
12 this.drawProvinceMap();
13 },
14 methods: {
15 drawProvinceMap () {
16 var chartDom = document.getElementById('barChart');
17 var myChart = this.$echarts.init(chartDom);
18 var option;
19
20 option = {
21 tooltip: {
22 trigger: 'axis',
23 axisPointer: {
24 type: 'shadow'
25 }
26 },
27 legend: {
28 data: ['网络断开', '网络正常']
29 },
30 grid: {
31 left: '3%',
32 right: '4%',
33 bottom: '3%',
34 containLabel: true
35 },
36 xAxis: [
37 {
38 type: 'value'
39 }
40 ],
41 yAxis: [
42 {
43 type: 'category',
44 axisTick: {
45 show: false
46 },
47 data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
48 }
49 ],
50 series: [
51 {
52 name: '网络正常',
53 type: 'bar',
54 itemStyle: {
55 color: '#67C23A'
56 },
57 label: {
58 show: true,
59 position: 'inside'
60 },
61 emphasis: {
62 focus: 'series'
63 },
64 data: [200, 170, 240, 244, 200, 220, 210]
65 },
66
67 {
68 name: '网络断开',
69 type: 'bar',
70 itemStyle: {
71 color: '#F56C6C'
72 },
73 label: {
74 show: true,
75 position: 'inside'
76 },
77 emphasis: {
78 focus: 'series'
79 },
80 data: [-120, -132, -101, -134, -190, -230, -210]
81 }
82 ],
83
84 }
85 myChart.setOption(option);
86 window.addEventListener("resize", () => {
87 this.myChart.resize();
88 });
89 }
90 }
91 }
92 </script>
93 <style scoped lang="scss">
94 #barChart {
95 width: 100%;
96 height: 500px;
97 }
98 </style>
1 <template>
2 <div id="jgChart" />
3 </template>
4
5 <script>
6 export default {
7 data () {
8 return {
9 };
10 },
11 methods: {
12 drawInit () {
13 let datavalue = [26, 300, 2000, 1200, 800];
14 let ii = -1;
15 var chartDom = document.getElementById('jgChart');
16 var myChart = this.$echarts.init(chartDom);
17 var option;
18 option = {
19 radar: {
20 indicator: [
21 { name: '原则监管', max: 2600 },
22 { name: '时效监管', max: 2600 },
23 { name: '证书监管', max: 3600 },
24 { name: '年限监管', max: 2600 },
25 { name: '内容监管', max: 2600 },
26 ],
27 name: {
28 rich: {
29 a: {
30 color: '#606266'
31 },
32 b: {
33 color: '#409EFF',
34 align: 'center',
35 }
36 },
37 formatter: (a, b) => {
38 ii++;
39 return `{a|${a}}\n{b|${datavalue[ii]}}`
40 }
41 }
42 },
43 series: [
44 {
45 type: 'radar',
46 symbol: 'none',//去掉拐点的圈
47 itemStyle: {
48 color: '#409EFF'
49 },
50 data: [
51 {
52 value: datavalue,
53 }
54 ]
55 }
56 ]
57 };
58 myChart.setOption(option);
59 }
60 },
61 mounted () {
62 this.drawInit()
63 }
64 }
65 </script>
66 <style scoped>
67 #jgChart {
68 width: 100%;
69 height: 330px;
70 }
71 </style>
1 <template>
2 <div class="map">
3 <div class="map-box" ref="mapContain" />
4 </div>
5 </template>
6 <script>
7 export default {
8 data () {
9 return {
10 mapName: "汉中市",
11 listArr: [{
12 name: '汉台区',
13 value: '6000'
14 },
15 {
16 name: '南郑区',
17 value: '8000'
18 },
19 {
20 name: '城固县',
21 value: '3000'
22 },
23 {
24 name: '洋县',
25 value: '7000'
26 },
27 {
28 name: '西乡县',
29 value: '1000'
30 },
31 {
32 name: '镇巴县',
33 value: '2000'
34 },
35 {
36 name: '勉县',
37 value: '600'
38 },
39 {
40 name: '留坝县',
41 value: '3000'
42 },
43 {
44 name: '佛坪县',
45 value: '1000'
46 },
47 {
48 name: '宁强县',
49 value: '1000'
50 },
51 {
52 name: '略阳县',
53 value: '1000'
54 }], //城市json
55 max: "9000", //最大value值
56 min: "500", // 最小value值
57 };
58 },
59 methods: {
60 drawProvinceMap (mapName) {
61 this.mapName = mapName;
62 // 引入区域数据
63 require('./hanzhong.js');
64 let _this = this;
65 let myChart8 = this.$echarts.init(this.$refs.mapContain);
66 const option = {
67 visualMap: {
68 min: 0,
69 max: _this.max,
70 top: "bottom",
71 right: 10,
72 splitNumber: 6,
73 seriesIndex: [0],
74 itemWidth: 20, // 每个图元的宽度
75 itemGap: 2, // 每两个图元之间的间隔距离，单位为px
76 pieces: [ // 自定义每一段的范围，以及每一段的文字
77 { gte: 6000, label: '6000以上', color: '#035cf5' }, // 不指定 max，表示 max 为无限大（Infinity）。
78 { gte: 2000, lte: 6000, label: '2000-6000', color: '#3375e4' },
79 { gte: 1000, lte: 2000, label: '1000-2000', color: '#6797ef' },
80 { gte: 500, lte: 1000, label: '500-1000', color: '#96b5ef' },
81 ],
82 textStyle: {
83 color: '#737373'
84 }
85 },
86 // 数据移入显示
87 tooltip: {
88 trigger: "item",
89 formatter: function (params) {
90 return params.value ? params.name + ':' + params.value + '件' : params.name + ':' + '0件'
91 },
92 // 边框颜色
93 borderColor: "#CB000C",
94 // 边框宽度
95 borderWidth: "1",
96 },
97 series: [
98 {
99 type: "map",
100 map: this.mapName,
101 itemStyle: {
102 normal: { //正常状态
103 label: {
104 show: true,
105 formatter: '{b}', //地图上显示的数据，分别对应data中的name和value
106 color: '#fff',
107 },
108 areaColor: '#409EFF' //地图区域的颜色
109 },
110 emphasis: {
111 label: { show: true },
112 areaColor: "#67C23A", //鼠标进入时的颜色
113 },
114 },
115 data: _this.listArr,
116 },
117 ],
118 };
119 myChart8.setOption(option);
120 },
121 },
122 mounted () {
123 // 初始化数据
124 this.drawProvinceMap("汉中市");
125 }
126 }
127 </script>
128 <style scoped>
129 .map {
130 width: 100%;
131 }
132
133 .map-box {
134 display: inline-block;
135 width: 100%;
136 height: calc(100vh - 153px);
137 }
138 </style>
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 type: 'index',
10 label: "序号",
11 },
12 {
13 prop: "xzqmc",
14 label: "行政区名称",
15 },
16 {
17 prop: "xzqzs",
18 label: "行政区总数",
19 },
20 {
21 prop: "jrl",
22 label: "接入量",
23 },
24 {
25 prop: 'jscgl',
26 label: '接收成功率',
27 render: (h, scope) => {
28 return (
29 <div>
30 {scope.row.jscgl} %
31 </div>
32 )
33 }
34 },
35 {
36 prop: "dk",
37 label: "成功率得分",
38 },
39 {
40 prop: "wjrqx",
41 label: "未接入区县",
42 },
43 {
44 prop: "jrdf",
45 label: "接入得分",
46 },
47 {
48 prop: "jrdf",
49 label: "未上传登薄日志区县",
50 },
51 {
52 prop: "jrdf",
53 label: "登薄日志得分",
54 },
55 {
56 prop: "jrdf",
57 label: "总评分",
58 }
59 ]
60 }
61 }
62 export default new data()
1 .jgHome {
2 display: flex;
3 justify-content: space-between;
4 height: calc(100% - 20px);
5
6 .bottom10 {
7 margin-bottom: 10px;
8 }
9
10 .paddingbtm0 {
11 /deep/.el-card__body {
12 padding-bottom: 0;
13 }
14 }
15
16 &-left,
17 &-right {
18 width: 30%;
19
20 .fznum {
21 font-size: 24px;
22 color: $light-blue;
23
24 span {
25 font-size: 14px;
26 color: #606266;
27 }
28 }
29
30 .fzl {
31 display: flex;
32 align-items: center;
33
34 img {
35 width: 70px;
36 margin-right: 15px;
37 }
38
39 p:nth-child(1) {
40 font-size: 18px;
41 }
42
43 }
44
45 .zszm {
46 justify-content: space-between;
47
48 li:nth-child(1) {}
49 }
50 }
51
52 .barChart {
53 flex: 1;
54 margin-top: 10px;
55 height: calc(100vh - 330px);
56 }
57
58 &-center {
59 width: 39%;
60 }
61 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="jgHome">
3 <div class="jgHome-left">
4 <el-card>
5 <div slot="header">
6 <span>发证情况</span>
7 <el-button style="float: right;" type="text">更多</el-button>
8 </div>
9 <div class="fzl">
10 <img src="../../image/zs.png" alt="">
11 <div>
12 <p>发证量</p>
13 <p class="fznum">10000<span>本</span></p>
14 </div>
15 </div>
16 <ul class="zszm d-flex-center">
17 <li>
18 <p>证书</p>
19 <p class="fznum">600<span>本</span></p>
20 </li>
21 <li>
22 <p>证明</p>
23 <p class="fznum">900<span>本</span></p>
24 </li>
25 </ul>
26 </el-card>
27 <el-card class="barChart">
28 <barChart />
29 </el-card>
30 </div>
31 <div class="jgHome-center">
32 <el-card>
33 <hzMap />
34 </el-card>
35 </div>
36 <div class="jgHome-right">
37 <el-card class="bottom10 paddingbtm0">
38 <jgChart />
39 </el-card>
40 <el-card class="box-card paddingbtm0">
41 <div slot="header">
42 <span>违规总计</span>
43 <el-button style="float: right;" type="text">更多</el-button>
44 </div>
45 <lb-table ref="table" :pagination="false" :heightNum="546" :column="tableData.columns" :data="tableData.data">
46 </lb-table>
47 </el-card>
48 </div>
49 </div>
50 </template>
51
52 <script>
53 // 引入表格数据
54 import data from "./data"
55 import barChart from './components/barChart'
56 import hzMap from './components/map'
57 import jgChart from './components/jgChart'
58 export default {
59 name: "jgHome",
60 components: { barChart, hzMap, jgChart },
61 data () {
62 return {
63 // 表格数据
64 tableData: {
65 // 表格头部信息
66 columns: data.columns(),
67 // 表格列表数据
68 data: [{}]
69 }
70 }
71 },
72 methods: {}
73 }
74 </script>
75 <style scoped lang="scss">
76 @import "./index.scss";
77 </style>
...@@ -56,7 +56,7 @@ export default { ...@@ -56,7 +56,7 @@ export default {
56 name: "jktj", 56 name: "jktj",
57 data () { 57 data () {
58 return { 58 return {
59 // 开始结束日期限制 59 // 开始日期限制
60 pickerOptionsStart: { 60 pickerOptionsStart: {
61 disabledDate: (time) => { 61 disabledDate: (time) => {
62 if (this.form.endTime) { 62 if (this.form.endTime) {
......
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
74 name: "jktj", 74 name: "jktj",
75 data () { 75 data () {
76 return { 76 return {
77 // 开始结束日期限制 77 // 开始日期限制
78 pickerOptionsStart: { 78 pickerOptionsStart: {
79 disabledDate: (time) => { 79 disabledDate: (time) => {
80 if (this.form.endTime) { 80 if (this.form.endTime) {
...@@ -141,7 +141,7 @@ export default { ...@@ -141,7 +141,7 @@ export default {
141 let myChart = this.$echarts.init(document.getElementById("myChart")); 141 let myChart = this.$echarts.init(document.getElementById("myChart"));
142 // 绘制图表 142 // 绘制图表
143 myChart.setOption({ 143 myChart.setOption({
144 color: ["#fff", "#ff6e6e", "#3f99ff", "#ffaf48"], 144 color: ["#13E5FF", "#C99E68", "#E873B2", "#ffaf48"],
145 tooltip: { 145 tooltip: {
146 trigger: "axis", 146 trigger: "axis",
147 formatter: '{b}<br/>{a0}：{c0}个<br/>{a1}：{c1}个<br/>{a2}：{c2}%', 147 formatter: '{b}<br/>{a0}：{c0}个<br/>{a1}：{c1}个<br/>{a2}：{c2}%',
......
...@@ -74,7 +74,7 @@ export default { ...@@ -74,7 +74,7 @@ export default {
74 name: "jktj", 74 name: "jktj",
75 data () { 75 data () {
76 return { 76 return {
77 // 开始结束日期限制 77 // 开始日期限制
78 pickerOptionsStart: { 78 pickerOptionsStart: {
79 disabledDate: (time) => { 79 disabledDate: (time) => {
80 if (this.form.endTime) { 80 if (this.form.endTime) {
...@@ -136,7 +136,7 @@ export default { ...@@ -136,7 +136,7 @@ export default {
136 let myChart = this.$echarts.init(document.getElementById("myChart")); 136 let myChart = this.$echarts.init(document.getElementById("myChart"));
137 // 绘制图表 137 // 绘制图表
138 myChart.setOption({ 138 myChart.setOption({
139 color: ["#00bdb1", "#ff6e6e", "#3f99ff", "#ffaf48"], 139 color: ["#13E5FF"],
140 tooltip: { 140 tooltip: {
141 show: true, 141 show: true,
142 trigger: "axis", 142 trigger: "axis",
......
1 <template>
2 <!-- 编辑 -->
3 <dialogBox :title="title" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row>
6 <el-col :span="6">
7 <el-form-item label="接入点代码" prop="jrddm">
8 <el-input v-model="ruleForm.jrddm" placeholder="接入点代码"></el-input>
9 </el-form-item>
10 </el-col>
11 <el-col :span="6">
12 <el-form-item label="接入点名称" prop="jrdmc">
13 <el-input v-model="ruleForm.jrdmc" placeholder="接入点名称"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="队列名称" prop="dlmc">
18 <el-input v-model="ruleForm.dlmc" placeholder="队列名称"></el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="6">
22 <el-form-item label="ip地址" prop="ip">
23 <el-input v-model="ruleForm.ip" placeholder="ip地址"></el-input>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 <el-row>
28 <el-col :span="6">
29 <el-form-item label="负责人" prop="fzr">
30 <el-input v-model="ruleForm.fzr" placeholder="负责人"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 </el-form>
35 </dialogBox>
36 </template>
37
38 <script>
39 export default {
40 props: {
41 value: { type: Boolean, default: false },
42 title: { type: String, default: '详情' }
43 },
44 data () {
45 return {
46 myValue: this.value,
47 ruleForm: {
48 jrddm: '',
49 jrdmc: '',
50 dlmc: '',
51 ywmc: '',
52 czsj: ''
53 },
54 rules: {
55 jrddm: [
56 { required: true, message: '接入点代码', trigger: 'blur' }
57 ],
58 jrdmc: [
59 { required: true, message: '行政区名称', trigger: 'blur' }
60 ],
61 dlmc: [
62 { required: true, message: '队列名称', trigger: 'blur' }
63 ],
64 ip: [
65 { required: true, message: 'ip地址', trigger: 'blur' }
66 ],
67 fzr: [
68 { required: true, message: '负责人', trigger: 'blur' }
69 ],
70 }
71 }
72 },
73 watch: {
74 value (val) {
75 this.myValue = val
76 }
77 },
78 methods: {
79 closeDialog () {
80 this.$emit('input', false)
81 },
82 handleSubmit () {
83 this.$emit('input', false)
84 }
85 }
86 }
87 </script>
...\ No newline at end of file ...\ No newline at end of file
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 type: 'selection'
10 },
11 {
12 prop: "jrddm",
13 label: "接入点代码",
14 },
15 {
16 prop: "jrdmc",
17 label: "接入点名称",
18 },
19 {
20 prop: "dlmc",
21 label: "队列名称",
22 },
23 {
24 prop: "ip",
25 label: "ip地址",
26 },
27 {
28 prop: "dk",
29 label: "端口号",
30 },
31 {
32 prop: "fzr",
33 label: "负责人",
34 },
35 {
36 prop: 'status',
37 label: '状态',
38 render: (h, scope) => {
39 return (
40 <div>
41 {
42 scope.row.status
43 ? <el-tag type='warning'>中断</el-tag>
44 : <el-tag type='warning'>中断1</el-tag>
45 }
46 </div>
47 )
48 }
49 },
50 ]
51 }
52 }
53 export default new data()
1 <template>
2 <!-- 接入区域管理 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="100px">
7 <el-row>
8 <el-col :span="6">
9 <el-form-item label="负责人" label-width="60px" prop="fzr">
10 <el-input v-model="form.fzr" placeholder="负责人"></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="6">
14 <el-form-item label="接入点名称" prop="jrdmc">
15 <el-select v-model="form.jrdmc" class="width100" clearable placeholder="接入点名称">
16 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
17 </el-option>
18 </el-select>
19 </el-form-item>
20 </el-col>
21 <!-- 操作按钮 -->
22 <el-col :span="12" class="btnColRight">
23 <el-form-item>
24 <el-button type="primary">删除</el-button>
25 <el-button @click="resetForm">重置</el-button>
26 <el-button type="primary">新增</el-button>
27 <el-button type="primary" @click="handleSubmit">查询</el-button>
28 </el-form-item>
29 </el-col>
30 </el-row>
31 </el-form>
32 </div>
33 <!-- 列表数据 -->
34 <div class="from-clues-content">
35 <lb-table ref="table" @selection-change="handleSelectionChange" :page-size="pageData.size"
36 :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange"
37 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
38 </lb-table>
39 </div>
40 <!-- 修改弹框 -->
41 <detailDialog v-model="isShow" />
42 </div>
43 </template>
44 <script>
45 // 接入区域管理
46 // 引入table数据
47 import data from "./data"
48 // 引入混入方法
49 import tableMixin from '@/mixins/tableMixin.js'
50 // 引入修改弹框
51 import detailDialog from './components/detailDialog'
52 export default {
53 name: "jrqygl",
54 mixins: [tableMixin],
55 // 注册组件
56 components: {
57 detailDialog
58 },
59 data () {
60 return {
61 isShow: false,
62 // 搜索表单
63 form: {
64 fzr: '',
65 jrdmc: '',
66 currentPage: 1
67 },
68 // 表单校验
69 rules: {
70 fzr: [
71 { required: true, message: '负责人', trigger: 'change' }
72 ],
73 jrdmc: [
74 { required: true, message: '接入点名称', trigger: 'change' }
75 ]
76 },
77 // 列表数据
78 tableData: {
79 // 列表头部
80 columns: data.columns().concat([
81 {
82 label: "操作",
83 width: '80',
84 render: (h, scope) => {
85 return (
86 <div>
87 <el-button
88 type="text"
89 size="mini"
90 onClick={() => { this.handleEdit(scope.row) }}
91 >
92 修改
93 </el-button>
94 </div>
95 )
96 }
97 }
98 ]),
99 // 列表数据
100 data: [{}]
101 },
102 // 分页
103 pageData: {
104 total: 0,
105 pageSize: 15,
106 }
107 }
108 },
109 methods: {
110 // 多选
111 handleSelectionChange (val) {
112 },
113 // 重置表单
114 resetForm () {
115 this.$refs.ruleForm.resetFields();
116 },
117 // 初始化数据
118 async featchData () {
119 },
120 // 修改
121 handleEdit (row) {
122 this.isShow = true
123 }
124 }
125 }
126 </script>
127 <style scoped lang="scss">
128 @import "~@/styles/public.scss";
129 @import "./index.scss";
130 </style>
131
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "qygh",
10 label: "区域规划",
11 },
12 {
13 prop: "rkkssj",
14 label: "入库开始时间",
15 },
16 {
17 prop: "rkjssh",
18 label: "入库结束时间",
19 },
20 {
21 prop: "zjrksj",
22 label: "最近入库时间",
23 },
24 {
25 prop: "rksbsl",
26 label: "入库失败熟练",
27 },
28 {
29 prop: "rkcgsl",
30 label: "入库成功数量",
31 },
32 {
33 prop: "zsl",
34 label: "总数量",
35 },
36 {
37 prop: 'cxrkzt',
38 label: '重新入库状态',
39 render: (h, scope) => {
40 return (
41 <div>
42 {
43 scope.row.cxrkzt
44 ? <el-tag type='success'>入库</el-tag>
45 : <el-tag type='primary'>入库1</el-tag>
46 }
47 </div>
48 )
49 }
50 }
51 ]
52 }
53 }
54 export default new data()
1 <template>
2 <!-- 接收报文重新入库 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="55px">
7 <el-row class="mb-5">
8 <el-col :span="6">
9 <el-form-item label="行政区" prop="pcode">
10 <el-select v-model="form.pcode" class="width100" clearable placeholder="行政区">
11 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
12 </el-option>
13 </el-select>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="状态" prop="status">
18 <el-select v-model="form.jcjg" class="width100" clearable placeholder="检查结果">
19 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
20 </el-option>
21 </el-select>
22 </el-form-item>
23 </el-col>
24 <!-- 操作按钮 -->
25 <el-col :span="12" class="btnColRight">
26 <el-form-item>
27 <el-button @click="resetForm">重置</el-button>
28 <el-button type="primary" @click="handleSubmit">查询</el-button>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 </el-form>
33 </div>
34 <!-- 列表 -->
35 <div class="from-clues-content">
36 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
37 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
38 :data="tableData.data">
39 </lb-table>
40 </div>
41 </div>
42 </template>
43 <script>
44 // 接收报文重新入库
45 // 引入列表头部数据
46 import data from "./data"
47 // 引入混入方法
48 import tableMixin from '@/mixins/tableMixin.js'
49 export default {
50 name: "reportLog",
51 mixins: [tableMixin],
52 data () {
53 return {
54 // 表单
55 form: {
56 pcode: '',
57 status: '',
58 currentPage: 1
59 },
60 // 表单校验
61 rules: {
62 pcode: [
63 { required: true, message: '请选择行政区', trigger: 'change' }
64 ],
65 },
66 // 列表
67 tableData: {
68 // 列表头部
69 columns: [{
70 label: '序号',
71 type: 'index',
72 width: '50',
73 index: this.indexMethod,
74 }].concat(data.columns()).concat([
75 {
76 label: "操作",
77 width: '80',
78 render: (h, scope) => {
79 return (
80 <div>
81 <el-button
82 type="text"
83 size="mini"
84 onClick={() => { this.handleEdit(scope.row) }}
85 >
86 编辑
87 </el-button>
88 </div>
89 )
90 }
91 }
92 ]),
93 // 列表数据
94 data: [{}]
95 },
96 // 分页
97 pageData: {
98 total: 0,
99 pageSize: 15,
100 current: 1,
101 }
102 }
103 },
104 methods: {
105 // 重置
106 resetForm () {
107 this.$refs.ruleForm.resetFields();
108 },
109 // 数据请求
110 async featchData () {
111 },
112 handleEdit (row) {
113
114 }
115 }
116 }
117 </script>
118 <style scoped lang="scss">
119 @import "~@/styles/public.scss";
120 @import "./index.scss";
121 </style>
122
1 <template>
2 <!-- 编辑 -->
3 <dialogBox title="编辑" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row>
6 <el-col :span="6">
7 <el-form-item label="规则编码" prop="gzbm">
8 <el-input v-model="ruleForm.gzbm" placeholder="规则编码"></el-input>
9 </el-form-item>
10 </el-col>
11 <el-col :span="6">
12 <el-form-item label="规则名称" prop="gzmc">
13 <el-input v-model="ruleForm.gzmc" placeholder="规则名称"></el-input>
14 </el-form-item>
15 </el-col>
16 <el-col :span="6">
17 <el-form-item label="是否启用" prop="isqy">
18 <el-radio-group v-model="ruleForm.isqy">
19 <el-radio :label="1">是</el-radio>
20 <el-radio :label="2">否</el-radio>
21 </el-radio-group>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 </el-form>
26 </dialogBox>
27 </template>
28
29 <script>
30 export default {
31 props: {
32 value: { type: Boolean, default: false },
33 },
34 data () {
35 return {
36 myValue: this.value,
37 ruleForm: {
38 gzbm: '',
39 xzqmc: '',
40 isqy: 1
41 },
42 rules: {
43 gzbm: [
44 { required: true, message: '规则编码', trigger: 'blur' }
45 ],
46 gzmc: [
47 { required: true, message: '规则名称', trigger: 'blur' }
48 ]
49 }
50 }
51 },
52 watch: {
53 value (val) {
54 this.myValue = val
55 }
56 },
57 methods: {
58 closeDialog () {
59 this.$emit('input', false)
60 },
61 handleSubmit () {
62 this.$emit('input', false)
63 }
64 }
65 }
66 </script>
...\ No newline at end of file ...\ No newline at end of file
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "gzbm",
10 label: "规则编码",
11 },
12 {
13 prop: "gzmc",
14 label: "规则名称",
15 },
16 {
17 prop: 'isqy',
18 label: '是否启用',
19 render: (h, scope) => {
20 return (
21 <div>
22 {
23 scope.row.isqy
24 ? <el-tag type='success'>启用</el-tag>
25 : <el-tag type='success'>启用1</el-tag>
26 }
27 </div>
28 )
29 }
30 },
31 ]
32 }
33 }
34 export default new data()
1 .jsgzgl {
2 background-color: #fff;
3 padding: 5px;
4 }
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <!-- 接收规则管理 -->
3 <div class="jsgzgl from-clues">
4 <lb-table ref="table" :heightNum="195" :total="pageData.total" :page-size="pageData.size"
5 :current-page.sync="pageData.current" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
6 :column="tableData.columns" :data="tableData.data">
7 </lb-table>
8 <detailDialog v-model="isShow" />
9 </div>
10 </template>
11 <script>
12 // 引入表格数据
13 import data from "./data"
14 // 引入表格混入方法
15 import tableMixin from '@/mixins/tableMixin.js'
16 import detailDialog from './components/detailDialog'
17 export default {
18 name: "jsgzgl",
19 mixins: [tableMixin],
20 components: {
21 detailDialog
22 },
23 data () {
24 return {
25 isShow: false,
26 form: {
27 currentPage: 1
28 },
29 // 列表数据
30 tableData: {
31 // 列表头部
32 columns: [{
33 label: '序号',
34 type: 'index',
35 width: '50',
36 index: this.indexMethod,
37 }].concat(data.columns()).concat([
38 {
39 label: "操作",
40 width: '80',
41 render: (h, scope) => {
42 return (
43 <div>
44 <el-button
45 type="text"
46 size="mini"
47 onClick={() => { this.handleEdit(scope.row) }}
48 >
49 修改
50 </el-button>
51 </div>
52 )
53 }
54 }
55 ]),
56 // 列表数据
57 data: [{}]
58 },
59 // 分页
60 pageData: {
61 total: 0,
62 pageSize: 15,
63 current: 1,
64 }
65 }
66 },
67 methods: {
68 // 重置表单
69 resetForm () {
70 this.$refs.ruleForm.resetFields();
71 },
72 async featchData () {
73 },
74 // 修改
75 handleEdit (row) {
76 this.isShow = true
77 }
78 }
79 }
80 </script>
81 <style scoped lang="scss">
82 @import "~@/styles/public.scss";
83 @import "./index.scss";
84 </style>
85
...@@ -10,8 +10,8 @@ ...@@ -10,8 +10,8 @@
10 <el-row> 10 <el-row>
11 <el-col :span="6"> 11 <el-col :span="6">
12 <el-form-item label="行政区"> 12 <el-form-item label="行政区">
13 <el-select v-model="form.areacode" class="width100" filterable placeholder="行政区"> 13 <el-select v-model="form.areacode" class="width100" clearable placeholder="行政区">
14 <el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 14 <el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
15 </el-option> 15 </el-option>
16 </el-select> 16 </el-select>
17 </el-form-item> 17 </el-form-item>
......
...@@ -18,19 +18,21 @@ ...@@ -18,19 +18,21 @@
18 </el-col> 18 </el-col>
19 <el-col :span="6"> 19 <el-col :span="6">
20 <el-form-item label="汇交时间" prop="exchangeStartTime"> 20 <el-form-item label="汇交时间" prop="exchangeStartTime">
21 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" 21 <el-date-picker type="date" class="width100" placeholder="开始日期" clearable
22 clearable v-model="form.exchangeStartTime" value-format="yyyy-MM-dd"></el-date-picker> 22 :picker-options="pickerOptionsStart" v-model="form.exchangeStartTime"
23 value-format="yyyy-MM-dd"></el-date-picker>
23 </el-form-item> 24 </el-form-item>
24 </el-col> 25 </el-col>
25 <el-col :span="6"> 26 <el-col :span="6">
26 <el-form-item label="至" prop="exchangeStartTime" label-width="35px"> 27 <el-form-item label="至" prop="exchangeStartTime" label-width="35px">
27 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" 28 <el-date-picker type="date" class="width100" placeholder="结束日期" clearable
28 clearable v-model="form.exchangeEndTime" value-format="yyyy-MM-dd"></el-date-picker> 29 :picker-options="pickerOptionsEnd" v-model="form.exchangeEndTime"
30 value-format="yyyy-MM-dd"></el-date-picker>
29 </el-form-item> 31 </el-form-item>
30 </el-col> 32 </el-col>
31 <el-col :span="6"> 33 <el-col :span="6">
32 <el-form-item label="汇交状态" prop="state"> 34 <el-form-item label="汇交状态" prop="state">
33 <el-select v-model="form.state" class="width100" clearable placeholder="汇交状态"> 35 <el-select v-model="form.hjjg" class="width100" clearable placeholder="汇交状态">
34 <el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE"> 36 <el-option v-for="item in dicData['sbhjzt']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
35 </el-option> 37 </el-option>
36 </el-select> 38 </el-select>
......
1 <template> 1 <template>
2 <!-- 编辑 --> 2 <!-- 编辑 -->
3 <dialogBox 3 <dialogBox submitForm="submitForm" class="tableClass" @closeDialog="closeDialog" @submitForm="handleSubmit"
4 submitForm="submitForm" 4 width="60%" v-model="myValue" :isMain="true" title="字典信息">
5 class="tableClass"
6 @closeDialog="closeDialog"
7 @submitForm="handleSubmit"
8 width="60%"
9 v-model="myValue"
10 :isMain="true"
11 :isButton="false"
12 :isSave="details.ISENABLE == 1"
13 title="字典信息"
14 >
15 <div class="editDialogBox-box "> 5 <div class="editDialogBox-box ">
16 <el-form :model="ruleForm" ref="ruleForm" label-width="100px"> 6 <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
17 <el-row :gutter="20"> 7 <el-row :gutter="20">
...@@ -27,17 +17,9 @@ ...@@ -27,17 +17,9 @@
27 </el-col> 17 </el-col>
28 </el-row> 18 </el-row>
29 </el-form> 19 </el-form>
30 <lb-table 20 <lb-table :column="column" class="loadingtext opacity-input" :heightNum="600" :key="key"
31 :column="column" 21 :expand-row-keys="keyList" row-key="dictid" :tree-props="{ children: 'children' }" :pagination="false"
32 class="loadingtext" 22 :data="tableData">
33 :heightNum="600"
34 :key="key"
35 :expand-row-keys="keyList"
36 row-key="dictid"
37 :tree-props="{ children: 'children' }"
38 :pagination="false"
39 :data="tableData"
40 >
41 </lb-table> 23 </lb-table>
42 </div> 24 </div>
43 </dialogBox> 25 </dialogBox>
...@@ -60,7 +42,7 @@ export default { ...@@ -60,7 +42,7 @@ export default {
60 default: {}, 42 default: {},
61 }, 43 },
62 }, 44 },
63 data() { 45 data () {
64 return { 46 return {
65 key: 0, 47 key: 0,
66 myValue: this.value, 48 myValue: this.value,
...@@ -103,7 +85,6 @@ export default { ...@@ -103,7 +85,6 @@ export default {
103 <div> 85 <div>
104 <el-input 86 <el-input
105 placeholder="字典项编码" 87 placeholder="字典项编码"
106 disabled={this.details.isenable == 2}
107 v-show={scope.row.codeShow} 88 v-show={scope.row.codeShow}
108 v-fo 89 v-fo
109 value={scope.row[scope.column.property]} 90 value={scope.row[scope.column.property]}
...@@ -121,7 +102,6 @@ export default { ...@@ -121,7 +102,6 @@ export default {
121 102
122 <el-input 103 <el-input
123 placeholder="字典项编码" 104 placeholder="字典项编码"
124 disabled={this.details.isenable == 2}
125 v-show={!scope.row.codeShow} 105 v-show={!scope.row.codeShow}
126 value={scope.row[scope.column.property]} 106 value={scope.row[scope.column.property]}
127 onFocus={() => { 107 onFocus={() => {
...@@ -147,7 +127,6 @@ export default { ...@@ -147,7 +127,6 @@ export default {
147 <div> 127 <div>
148 <el-input 128 <el-input
149 placeholder="字典项编码" 129 placeholder="字典项编码"
150 disabled={this.details.isenable == 2}
151 v-show={scope.row.nameShow} 130 v-show={scope.row.nameShow}
152 v-fo 131 v-fo
153 value={scope.row[scope.column.property]} 132 value={scope.row[scope.column.property]}
...@@ -164,7 +143,6 @@ export default { ...@@ -164,7 +143,6 @@ export default {
164 143
165 <el-input 144 <el-input
166 placeholder="字典项名称" 145 placeholder="字典项名称"
167 disabled={this.details.isenable == 2}
168 v-show={!scope.row.nameShow} 146 v-show={!scope.row.nameShow}
169 value={scope.row[scope.column.property]} 147 value={scope.row[scope.column.property]}
170 onFocus={() => { 148 onFocus={() => {
...@@ -181,54 +159,6 @@ export default { ...@@ -181,54 +159,6 @@ export default {
181 ); 159 );
182 }, 160 },
183 }, 161 },
184 // {
185 // prop: 'normcode',
186 // label: '部标编码',
187 // width: '100',
188 // render: (h, scope) => {
189 // return (
190 // <div>
191 // <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
192 // onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
193 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
194
195 // <el-input placeholder="部标编码" disabled={this.details.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
196 // onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
197 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
198 // </div>
199 // )
200 // }
201 // },
202 // {
203 // prop: 'normname',
204 // label: '部标名称',
205 // render: (h, scope) => {
206 // return (
207 // <div>
208 // <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={scope.row.normnameShow} v-fo value={scope.row[scope.column.property]}
209 // onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
210 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
211
212 // <el-input placeholder="部标名称" disabled={this.details.isenable == 2} v-show={!scope.row.normnameShow} value={scope.row[scope.column.property]}
213 // onFocus={() => { this.itemShowFalse(); scope.row.normnameShow = true; }}
214 // onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }}></el-input>
215 // </div>
216 // )
217 // }
218 // },
219 // {
220 // prop: 'isenable',
221 // width: '160',
222 // label: '是否禁用',
223 // render: (h, scope) => {
224 // return (
225 // <el-radio-group disabled={this.details.isenable == 2} v-model={scope.row.isenable}>
226 // <el-radio label="1">启用</el-radio>
227 // <el-radio label="0">禁用</el-radio>
228 // </el-radio-group>
229 // )
230 // }
231 // },
232 { 162 {
233 width: "130", 163 width: "130",
234 label: "移动", 164 label: "移动",
...@@ -258,7 +188,7 @@ export default { ...@@ -258,7 +188,7 @@ export default {
258 }, 188 },
259 }, 189 },
260 { 190 {
261 width: "150", 191 width: "100",
262 label: "操作", 192 label: "操作",
263 render: (h, scope) => { 193 render: (h, scope) => {
264 return ( 194 return (
...@@ -282,16 +212,16 @@ export default { ...@@ -282,16 +212,16 @@ export default {
282 删除 212 删除
283 </el-button> 213 </el-button>
284 </div> 214 </div>
285 ); 215 )
286 }, 216 }
287 }, 217 }
288 ], 218 ],
289 tableData: [], 219 tableData: []
290 }; 220 }
291 }, 221 },
292 watch: { 222 watch: {
293 value(val) { 223 value (val) {
294 this.myValue = val; 224 this.myValue = val
295 }, 225 },
296 "details.dictid": { 226 "details.dictid": {
297 handler: function (newValue) { 227 handler: function (newValue) {
...@@ -302,10 +232,11 @@ export default { ...@@ -302,10 +232,11 @@ export default {
302 this.tableData = result ? result : []; 232 this.tableData = result ? result : [];
303 this.tableData.forEach((item, index) => { 233 this.tableData.forEach((item, index) => {
304 item.index = index + 1; 234 item.index = index + 1;
305 }); 235 })
306 }); 236 this.tableData = judgeSort(this.tableData)
237 })
307 }, 238 },
308 immediate: true, 239 immediate: true
309 }, 240 },
310 details: { 241 details: {
311 handler: function (newValue) { 242 handler: function (newValue) {
...@@ -323,7 +254,7 @@ export default { ...@@ -323,7 +254,7 @@ export default {
323 }, 254 },
324 methods: { 255 methods: {
325 // 添加索引 256 // 添加索引
326 addIndexes(data = this.tableData, isAdd = true) { 257 addIndexes (data = this.tableData, isAdd = true) {
327 data.forEach((item, index) => { 258 data.forEach((item, index) => {
328 if (index == 0) { 259 if (index == 0) {
329 item.codeShow = true; 260 item.codeShow = true;
...@@ -344,7 +275,7 @@ export default { ...@@ -344,7 +275,7 @@ export default {
344 } 275 }
345 }); 276 });
346 }, 277 },
347 itemShowFalse() { 278 itemShowFalse () {
348 this.tableData.forEach((item, index) => { 279 this.tableData.forEach((item, index) => {
349 item.codeShow = false; 280 item.codeShow = false;
350 item.nameShow = false; 281 item.nameShow = false;
...@@ -352,7 +283,7 @@ export default { ...@@ -352,7 +283,7 @@ export default {
352 item.normnameShow = false; 283 item.normnameShow = false;
353 }); 284 });
354 }, 285 },
355 handleMinus(index, row) { 286 handleMinus (index, row) {
356 this.$confirm("此操作将永久删除, 是否继续?", "提示", { 287 this.$confirm("此操作将永久删除, 是否继续?", "提示", {
357 confirmButtonText: "确定", 288 confirmButtonText: "确定",
358 cancelButtonText: "取消", 289 cancelButtonText: "取消",
...@@ -372,7 +303,7 @@ export default { ...@@ -372,7 +303,7 @@ export default {
372 }); 303 });
373 }); 304 });
374 }, 305 },
375 handleSubmit() { 306 handleSubmit () {
376 editDictNode({ 307 editDictNode({
377 dictid: this.details.rowData.dictid, 308 dictid: this.details.rowData.dictid,
378 typeid: this.details.rowData.typeid, 309 typeid: this.details.rowData.typeid,
...@@ -387,11 +318,11 @@ export default { ...@@ -387,11 +318,11 @@ export default {
387 } 318 }
388 }); 319 });
389 }, 320 },
390 closeDialog() { 321 closeDialog () {
391 this.$emit("input", false); 322 this.$emit("input", false);
392 }, 323 },
393 // 增加下级 324 // 增加下级
394 handleAddSubordinate(row) { 325 handleAddSubordinate (row) {
395 if (!row.children) { 326 if (!row.children) {
396 row.children = []; 327 row.children = [];
397 } 328 }
...@@ -408,7 +339,7 @@ export default { ...@@ -408,7 +339,7 @@ export default {
408 this.keyList.push(row.dictid); 339 this.keyList.push(row.dictid);
409 }, 340 },
410 // 增加 341 // 增加
411 handleAdd() { 342 handleAdd () {
412 this.$nextTick(() => { 343 this.$nextTick(() => {
413 let container = this.$el.querySelector(".el-table__body-wrapper"); 344 let container = this.$el.querySelector(".el-table__body-wrapper");
414 container.scrollTop = container.scrollHeight; 345 container.scrollTop = container.scrollHeight;
...@@ -426,17 +357,17 @@ export default { ...@@ -426,17 +357,17 @@ export default {
426 this.key++; 357 this.key++;
427 }, 358 },
428 // 上移下移 359 // 上移下移
429 moveUpward(index, row) { 360 moveUpward (index, row) {
430 realMove(row.dictid, "UP", this.tableData); 361 realMove(row.dictid, "UP", this.tableData);
431 this.key++;
432 let id = findParents(this.tableData, row.dictid); 362 let id = findParents(this.tableData, row.dictid);
433 this.keyList = id; 363 this.keyList = id;
364 this.key++;
434 }, 365 },
435 moveDown(index, row) { 366 moveDown (index, row) {
436 realMove(row.dictid, "DOWN", this.tableData); 367 realMove(row.dictid, "DOWN", this.tableData);
437 this.key++;
438 let id = findParents(this.tableData, row.dictid); 368 let id = findParents(this.tableData, row.dictid);
439 this.keyList = id; 369 this.keyList = id;
370 this.key++;
440 }, 371 },
441 }, 372 },
442 }; 373 };
...@@ -452,19 +383,30 @@ export default { ...@@ -452,19 +383,30 @@ export default {
452 /deep/.el-radio__label { 383 /deep/.el-radio__label {
453 display: block; 384 display: block;
454 } 385 }
455 /deep/.el-form-item__label{ 386
456 color:#fff; 387 /deep/.el-form-item__label {
388 color: #fff;
457 } 389 }
458 /deep/.el-form-item{ 390
459 color:#fff; 391 /deep/.el-form-item {
392 color: #fff;
460 margin-bottom: 10px; 393 margin-bottom: 10px;
461 } 394 }
395
462 /deep/.el-radio-group { 396 /deep/.el-radio-group {
463 display: flex; 397 display: flex;
464 align-items: center; 398 align-items: center;
465 justify-content: center; 399 justify-content: center;
466 } 400 }
467 .editDialogBox-box{ 401
468 margin:14px 18px 30px 18px !important 402 .editDialogBox-box {
403 margin: 14px 18px 30px 18px !important
404 }
405
406 .opacity-input {
407 /deep/ .el-input__inner {
408 background-color: transparent;
409 border: 1px solid #458ACF;
410 }
469 } 411 }
470 </style> 412 </style>
......
...@@ -29,25 +29,9 @@ class data extends filter { ...@@ -29,25 +29,9 @@ class data extends filter {
29 { 29 {
30 prop: "DNAME", 30 prop: "DNAME",
31 label: "字典类型名称", 31 label: "字典类型名称",
32 }, 32 }
33 // {
34 // label: "是否允许修改",
35 // width: '150',
36 // render: (h, scope) => {
37 // return (
38 // <div>
39 // {
40 // scope.row.ISENABLE == '1' ?
41 // <div class='allow'>允许</div> :
42 // <div class='prohibit'>禁止</div>
43 // }
44 // </div>
45 // )
46 // }
47 // }
48 ] 33 ]
49 } 34 }
50
51 } 35 }
52 let datas = new data() 36 let datas = new data()
53 export { 37 export {
......
...@@ -68,19 +68,12 @@ export default { ...@@ -68,19 +68,12 @@ export default {
68 columns: datas.columns().concat([ 68 columns: datas.columns().concat([
69 { 69 {
70 label: "操作", 70 label: "操作",
71 width: 170,
72 render: (h, scope) => { 71 render: (h, scope) => {
73 return ( 72 return (
74 <div> 73 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button>
75 { 74 )
76 scope.row.isenable == '1' ? 75 }
77 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope.row, 1) }}>修改</el-button> :
78 <el-button type="text" icon="el-icon-view" onClick={() => { this.editClick(scope.row, 2) }}>查看</el-button>
79 } 76 }
80 </div>
81 );
82 },
83 },
84 ]), 77 ]),
85 data: [] 78 data: []
86 } 79 }
......
1 <template>
2 <!-- 编辑 -->
3 <dialogBox title="操作内容" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
4 <p>2</p>
5 </dialogBox>
6 </template>
7
8 <script>
9 export default {
10 props: {
11 value: { type: Boolean, default: false },
12 },
13 data () {
14 return {
15 myValue: this.value,
16 }
17 },
18 watch: {
19 value (val) {
20 this.myValue = val
21 }
22 },
23 methods: {
24 closeDialog () {
25 this.$emit('input', false)
26 },
27 handleSubmit () {
28 this.$emit('input', false)
29 }
30 }
31 }
32 </script>
1 import filter from '@/utils/filter.js'
2 class data extends filter {
3 constructor() {
4 super()
5 }
6 columns () {
7 return [
8 {
9 prop: "name",
10 label: "用户名称",
11 },
12 {
13 prop: "sj",
14 label: "时间",
15 },
16 {
17 prop: "czlx",
18 label: "操作类型",
19 },
20 {
21 prop: "ywh",
22 label: "业务号",
23 }
24 ]
25 }
26 }
27 export default new data()
1 <template>
2 <!-- 中心日志 -->
3 <div class="from-clues">
4 <!-- 头部搜索 -->
5 <div class="from-clues-header">
6 <el-form ref="ruleForm" :model="form" label-width="80px">
7 <el-row>
8 <el-col :span="5">
9 <el-form-item label="用户名称" prop="name">
10 <el-input v-model="form.name" class="width100" placeholder="用户名称"></el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="5">
14 <el-form-item label="开始日期" prop="startTime">
15 <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
16 clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
17 </el-form-item>
18 </el-col>
19 <el-col :span="5">
20 <el-form-item label="结束日期" prop="endTime">
21 <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
22 clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
23 </el-form-item>
24 </el-col>
25 <el-col :span="5">
26 <el-form-item label="操作类型" prop="czlx">
27 <el-select v-model="form.czlx" class="width100" clearable placeholder="操作类型">
28 <el-option v-for="item in []" :key="item.value" :label="item.label" :value="item.value">
29 </el-option>
30 </el-select>
31 </el-form-item>
32 </el-col>
33 <!-- 操作按钮 -->
34 <el-col :span="4" class="btnColRight">
35 <el-button @click="resetForm">重置</el-button>
36 <el-button type="primary" @click="handleSubmit">查询</el-button>
37 </el-col>
38 </el-row>
39 </el-form>
40 </div>
41 <!-- 列表 -->
42 <div class="from-clues-content">
43 <lb-table ref="table" :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
44 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
45 :data="tableData.data">
46 </lb-table>
47 </div>
48 <detailDialog v-model="isShow" />
49 </div>
50 </template>
51 <script>
52 // 中心日志
53 // 引入列表头部数据
54 import data from "./data"
55 // 引入列表混入方法
56 import tableMixin from '@/mixins/tableMixin.js'
57 // 引入详情
58 import detailDialog from './components/detailDialog.vue'
59 export default {
60 name: "zxrz",
61 mixins: [tableMixin],
62 // 注册组件
63 components: {
64 detailDialog
65 },
66 data () {
67 return {
68 isShow: false,
69 // 开始结束日期限制
70 pickerOptionsStart: {
71 disabledDate: (time) => {
72 if (this.form.endTime) {
73 return (
74 time.getTime() >= new Date(this.form.endTime).getTime()
75 );
76 }
77 }
78 },
79 // 结束日期限制
80 pickerOptionsEnd: {
81 disabledDate: (time) => {
82 if (this.form.startTime) {
83 return (
84 time.getTime() <= new Date(this.form.startTime).getTime()
85 );
86 }
87 }
88 },
89 // 表单
90 form: {
91 name: '',
92 startTime: '',
93 endTime: '',
94 ywmc: '',
95 czlx: '',
96 currentPage: 1
97 },
98 // 表单校验
99 rules: {
100 name: [
101 { required: true, message: '用户名称', trigger: 'change' }
102 ],
103 startTime: [
104 { required: true, message: '开始日期', trigger: 'change' }
105 ],
106 endTime: [
107 { required: true, message: '结束日期', trigger: 'change' }
108 ],
109 czlx: [
110 { required: true, message: '操作类型', trigger: 'change' }
111 ]
112 },
113 // 列表
114 tableData: {
115 // 列表头部数据
116 columns: [{
117 label: '序号',
118 type: 'index',
119 width: '50',
120 index: this.indexMethod,
121 }].concat(data.columns()).concat([
122 {
123 label: "操作",
124 width: '80',
125 render: (h, scope) => {
126 return (
127 <div>
128 <el-button
129 type="text"
130 size="mini"
131 onClick={() => { this.handleDetails(scope.row) }}
132 >
133 详情
134 </el-button>
135 </div>
136 )
137 }
138 }
139 ]),
140 // 列表
141 data: [{}]
142 },
143 // 分页
144 pageData: {
145 total: 0,
146 pageSize: 15,
147 current: 1,
148 }
149 }
150 },
151 methods: {
152 // 重置表单
153 resetForm () {
154 this.$refs.ruleForm.resetFields();
155 },
156 async featchData () {
157 },
158 handleDetails (row) {
159 this.isShow = true
160 }
161 }
162 }
163 </script>
164 <style scoped lang="scss">
165 @import "~@/styles/public.scss";
166 @import "./index.scss";
167 </style>
168