Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
415a1cc1 by 任超
Options

feat:文件夹整理

1 parent 7199e188
Inline Side-by-side
Showing 26 changed files with 3 additions and 1150 deletions
...@@ -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
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
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