Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
c1e5e8b5 by yangwei
Options

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

2 parents dcd5a962 c8a6265a
Expand all
Inline Side-by-side
Showing 44 changed files with 44 additions and 1707 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>
......
...@@ -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',
......
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>
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
...@@ -58,7 +58,7 @@ export default { ...@@ -58,7 +58,7 @@ export default {
58 default: {}, 58 default: {},
59 }, 59 },
60 }, 60 },
61 data() { 61 data () {
62 return { 62 return {
63 key: 0, 63 key: 0,
64 myValue: this.value, 64 myValue: this.value,
...@@ -204,7 +204,7 @@ export default { ...@@ -204,7 +204,7 @@ export default {
204 }, 204 },
205 }, 205 },
206 { 206 {
207 width: "150", 207 width: "100",
208 label: "操作", 208 label: "操作",
209 render: (h, scope) => { 209 render: (h, scope) => {
210 return ( 210 return (
...@@ -228,16 +228,16 @@ export default { ...@@ -228,16 +228,16 @@ export default {
228 删除 228 删除
229 </el-button> 229 </el-button>
230 </div> 230 </div>
231 ); 231 )
232 }, 232 }
233 }, 233 }
234 ], 234 ],
235 tableData: [], 235 tableData: []
236 }; 236 }
237 }, 237 },
238 watch: { 238 watch: {
239 value(val) { 239 value (val) {
240 this.myValue = val; 240 this.myValue = val
241 }, 241 },
242 "details.dictid": { 242 "details.dictid": {
243 handler: function (newValue) { 243 handler: function (newValue) {
...@@ -248,10 +248,10 @@ export default { ...@@ -248,10 +248,10 @@ export default {
248 this.tableData = result ? result : []; 248 this.tableData = result ? result : [];
249 this.tableData.forEach((item, index) => { 249 this.tableData.forEach((item, index) => {
250 item.index = index + 1; 250 item.index = index + 1;
251 }); 251 })
252 }); 252 })
253 }, 253 },
254 immediate: true, 254 immediate: true
255 }, 255 },
256 details: { 256 details: {
257 handler: function (newValue) { 257 handler: function (newValue) {
...@@ -269,7 +269,7 @@ export default { ...@@ -269,7 +269,7 @@ export default {
269 }, 269 },
270 methods: { 270 methods: {
271 // 添加索引 271 // 添加索引
272 addIndexes(data = this.tableData, isAdd = true) { 272 addIndexes (data = this.tableData, isAdd = true) {
273 data.forEach((item, index) => { 273 data.forEach((item, index) => {
274 if (index == 0) { 274 if (index == 0) {
275 item.codeShow = true; 275 item.codeShow = true;
...@@ -290,7 +290,7 @@ export default { ...@@ -290,7 +290,7 @@ export default {
290 } 290 }
291 }); 291 });
292 }, 292 },
293 itemShowFalse() { 293 itemShowFalse () {
294 this.tableData.forEach((item, index) => { 294 this.tableData.forEach((item, index) => {
295 item.codeShow = false; 295 item.codeShow = false;
296 item.nameShow = false; 296 item.nameShow = false;
...@@ -298,7 +298,7 @@ export default { ...@@ -298,7 +298,7 @@ export default {
298 item.normnameShow = false; 298 item.normnameShow = false;
299 }); 299 });
300 }, 300 },
301 handleMinus(index, row) { 301 handleMinus (index, row) {
302 this.$confirm("此操作将永久删除, 是否继续?", "提示", { 302 this.$confirm("此操作将永久删除, 是否继续?", "提示", {
303 confirmButtonText: "确定", 303 confirmButtonText: "确定",
304 cancelButtonText: "取消", 304 cancelButtonText: "取消",
...@@ -318,7 +318,7 @@ export default { ...@@ -318,7 +318,7 @@ export default {
318 }); 318 });
319 }); 319 });
320 }, 320 },
321 handleSubmit() { 321 handleSubmit () {
322 editDictNode({ 322 editDictNode({
323 dictid: this.details.rowData.dictid, 323 dictid: this.details.rowData.dictid,
324 typeid: this.details.rowData.typeid, 324 typeid: this.details.rowData.typeid,
...@@ -333,11 +333,11 @@ export default { ...@@ -333,11 +333,11 @@ export default {
333 } 333 }
334 }); 334 });
335 }, 335 },
336 closeDialog() { 336 closeDialog () {
337 this.$emit("input", false); 337 this.$emit("input", false);
338 }, 338 },
339 // 增加下级 339 // 增加下级
340 handleAddSubordinate(row) { 340 handleAddSubordinate (row) {
341 if (!row.children) { 341 if (!row.children) {
342 row.children = []; 342 row.children = [];
343 } 343 }
...@@ -354,7 +354,7 @@ export default { ...@@ -354,7 +354,7 @@ export default {
354 this.keyList.push(row.dictid); 354 this.keyList.push(row.dictid);
355 }, 355 },
356 // 增加 356 // 增加
357 handleAdd() { 357 handleAdd () {
358 this.$nextTick(() => { 358 this.$nextTick(() => {
359 let container = this.$el.querySelector(".el-table__body-wrapper"); 359 let container = this.$el.querySelector(".el-table__body-wrapper");
360 container.scrollTop = container.scrollHeight; 360 container.scrollTop = container.scrollHeight;
...@@ -372,13 +372,13 @@ export default { ...@@ -372,13 +372,13 @@ export default {
372 this.key++; 372 this.key++;
373 }, 373 },
374 // 上移下移 374 // 上移下移
375 moveUpward(index, row) { 375 moveUpward (index, row) {
376 realMove(row.dictid, "UP", this.tableData); 376 realMove(row.dictid, "UP", this.tableData);
377 this.key++; 377 this.key++;
378 let id = findParents(this.tableData, row.dictid); 378 let id = findParents(this.tableData, row.dictid);
379 this.keyList = id; 379 this.keyList = id;
380 }, 380 },
381 moveDown(index, row) { 381 moveDown (index, row) {
382 realMove(row.dictid, "DOWN", this.tableData); 382 realMove(row.dictid, "DOWN", this.tableData);
383 this.key++; 383 this.key++;
384 let id = findParents(this.tableData, row.dictid); 384 let id = findParents(this.tableData, row.dictid);
...@@ -398,13 +398,16 @@ export default { ...@@ -398,13 +398,16 @@ export default {
398 /deep/.el-radio__label { 398 /deep/.el-radio__label {
399 display: block; 399 display: block;
400 } 400 }
401 /deep/.el-form-item__label{ 401
402 color:#fff; 402 /deep/.el-form-item__label {
403 color: #fff;
403 } 404 }
404 /deep/.el-form-item{ 405
405 color:#fff; 406 /deep/.el-form-item {
407 color: #fff;
406 margin-bottom: 10px; 408 margin-bottom: 10px;
407 } 409 }
410
408 /deep/.el-radio-group { 411 /deep/.el-radio-group {
409 display: flex; 412 display: flex;
410 align-items: center; 413 align-items: center;
......
...@@ -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> : 76 }
78 <el-button type="text" icon="el-icon-view" onClick={() => { this.editClick(scope.row, 2) }}>查看</el-button>
79 }
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