黔西南大屏
This commit is contained in:
		| @@ -325,16 +325,16 @@ | ||||
|           }, | ||||
|           { | ||||
|             name: '联系TA', | ||||
|             v1: '12', | ||||
|             v2: '12', | ||||
|             v3: '123', | ||||
|             v4: '123', | ||||
|             v5: '123', | ||||
|             v6: '123', | ||||
|             v7: '2', | ||||
|             v8: '123', | ||||
|             v9: '123', | ||||
|             v10: '1234' | ||||
|             v1: '联系TA', | ||||
|             v2: '联系TA', | ||||
|             v3: '联系TA', | ||||
|             v4: '联系TA', | ||||
|             v5: '联系TA', | ||||
|             v6: '联系TA', | ||||
|             v7: '联系TA', | ||||
|             v8: '联系TA', | ||||
|             v9: '联系TA', | ||||
|             v10: '联系TA' | ||||
|           } | ||||
|         ], | ||||
|         chartConfig1: { | ||||
| @@ -618,77 +618,95 @@ | ||||
|         }, | ||||
|         eventTableData: [ | ||||
|           { | ||||
|             name: '姓名', | ||||
|             v1: '宗梦瑞', | ||||
|             v2: '宗梦瑞', | ||||
|             v3: '宗梦瑞', | ||||
|             v4: '宗梦瑞', | ||||
|             v5: '宗梦瑞', | ||||
|             v6: '宗梦瑞', | ||||
|             v7: '宗梦瑞', | ||||
|             v8: '宗梦瑞', | ||||
|             v9: '宗梦瑞', | ||||
|             v10: '宗梦瑞' | ||||
|             name: '时间', | ||||
|             v1: '04/18', | ||||
|             v2: '02/18', | ||||
|             v3: '04/18', | ||||
|             v4: '04/18', | ||||
|             v5: '04/18', | ||||
|             v6: '04/18', | ||||
|             v7: '04/18', | ||||
|             v8: '04/18', | ||||
|             v9: '04/18', | ||||
|             v10: '04/18' | ||||
|           }, | ||||
|           { | ||||
|             name: '己办结', | ||||
|             v1: '12', | ||||
|             v2: '12', | ||||
|             v3: '123', | ||||
|             v4: '123', | ||||
|             v5: '123', | ||||
|             v6: '123', | ||||
|             v7: '2', | ||||
|             v8: '123', | ||||
|             v9: '123', | ||||
|             v10: '1234' | ||||
|             name: '事件内容', | ||||
|             v1: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v2: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v3: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v4: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v5: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v6: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v7: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v8: '咨询如何报考摩托车驾驶咨询如咨询如何报考摩托车驾驶咨询如', | ||||
|             v9: '咨询如何报考摩托车驾驶咨询如', | ||||
|             v10: '咨询如何报考摩托车驾驶咨询如' | ||||
|           }, | ||||
|           { | ||||
|             name: '办理中', | ||||
|             v1: '12', | ||||
|             v2: '12', | ||||
|             v3: '123', | ||||
|             v4: '123', | ||||
|             v5: '123', | ||||
|             v6: '123', | ||||
|             v7: '2', | ||||
|             v8: '123', | ||||
|             v9: '123', | ||||
|             v10: '1234' | ||||
|             name: '状态', | ||||
|             v1: '已办理', | ||||
|             v2: '已办理', | ||||
|             v3: '已办理', | ||||
|             v4: '已办理', | ||||
|             v5: '处理中', | ||||
|             v6: '已拒绝', | ||||
|             v7: '处理中', | ||||
|             v8: '待处理', | ||||
|             v9: '处理中', | ||||
|             v10: '处理中' | ||||
|           }, | ||||
|           { | ||||
|             name: '上报数', | ||||
|             v1: '12', | ||||
|             v2: '12', | ||||
|             v3: '123', | ||||
|             v4: '123', | ||||
|             v5: '123', | ||||
|             v6: '123', | ||||
|             v7: '2', | ||||
|             v8: '123', | ||||
|             v9: '123', | ||||
|             v10: '1234' | ||||
|           }, | ||||
|           { | ||||
|             name: '联系TA', | ||||
|             v1: '12', | ||||
|             v2: '12', | ||||
|             v3: '123', | ||||
|             v4: '123', | ||||
|             v5: '123', | ||||
|             v6: '123', | ||||
|             v7: '2', | ||||
|             v8: '123', | ||||
|             v9: '123', | ||||
|             v10: '1234' | ||||
|             name: '查看', | ||||
|             v1: '详情>>', | ||||
|             v2: '详情>>', | ||||
|             v3: '详情>>', | ||||
|             v4: '详情>>', | ||||
|             v5: '详情>>', | ||||
|             v6: '详情>>', | ||||
|             v7: '详情>>', | ||||
|             v8: '详情>>', | ||||
|             v9: '详情>>', | ||||
|             v10: '详情>>' | ||||
|           } | ||||
|         ], | ||||
|         ] | ||||
|       } | ||||
|     }, | ||||
|  | ||||
|     computed: { | ||||
|       tableConfig () { | ||||
|         return this.tableData.map((v, index) => { | ||||
|           if (index === 4) { | ||||
|             return { | ||||
|               color: '#d0e1e8', | ||||
|               align: 'center', | ||||
|               width: '', | ||||
|               fontSize: '12px', | ||||
|               flex: '', | ||||
|               render: (h, params) => { | ||||
|                 return h( | ||||
|                   'p', { | ||||
|                     style: { | ||||
|                       width: '52px', | ||||
|                       height: '22px', | ||||
|                       textAlign: 'center', | ||||
|                       lineHeight: '22px', | ||||
|                       color: '#D4F2FF', | ||||
|                       cursor: 'pointer', | ||||
|                       margin: '0 auto', | ||||
|                       borderRadius: '4px', | ||||
|                       backgroundImage: 'linear-gradient(175deg, #02bcee99 0%, #0144d899 100%)' | ||||
|                     }, | ||||
|                     on: { | ||||
|                       click: e => { | ||||
|                         console.log(params) | ||||
|                       } | ||||
|                     }, | ||||
|                   }, params.column | ||||
|                 ) | ||||
|               } | ||||
|             } | ||||
|           } | ||||
|           return { | ||||
|             color: '#d0e1e8', | ||||
|             align: '', | ||||
| @@ -700,15 +718,55 @@ | ||||
|       }, | ||||
|  | ||||
|       eventTableConfig () { | ||||
|         return this.eventTableData.map((v, index) => { | ||||
|           return { | ||||
|         return [ | ||||
|           { | ||||
|             color: '#d0e1e8', | ||||
|             align: '', | ||||
|             width: index === 0 ? '100' : '', | ||||
|             width: '', | ||||
|             fontSize: '14px', | ||||
|             flex: '' | ||||
|           }, | ||||
|           { | ||||
|             color: '#d0e1e8', | ||||
|             align: 'left', | ||||
|             width: '250', | ||||
|             fontSize: '14px', | ||||
|             flex: '' | ||||
|           }, | ||||
|           { | ||||
|             color: '#d0e1e8', | ||||
|             align: 'center', | ||||
|             width: '', | ||||
|             fontSize: '14px', | ||||
|             flex: '', | ||||
|             render: (h, params) => { | ||||
|               return h( | ||||
|                 'i', { | ||||
|                   style: { | ||||
|                     width: '52px', | ||||
|                     height: '20px', | ||||
|                     textAlgin: 'center', | ||||
|                     lineHeight: '20px', | ||||
|                     color: '#07B794', | ||||
|                     margin: '0 auto', | ||||
|                     borderRadius: '2px', | ||||
|                     background: 'rgba(19, 246, 201, 0.14)', | ||||
|                   } | ||||
|                 }, params.column | ||||
|               ) | ||||
|             } | ||||
|           }, | ||||
|           { | ||||
|             color: '#00AAFF', | ||||
|             align: '', | ||||
|             width: '', | ||||
|             fontSize: '14px', | ||||
|             flex: '', | ||||
|             click: e => { | ||||
|               console.log(e) | ||||
|             } | ||||
|           } | ||||
|         }) | ||||
|         ] | ||||
|       } | ||||
|     }, | ||||
|  | ||||
|   | ||||
		Reference in New Issue
	
	Block a user