feat:证书管理
Showing
3 changed files
with
77 additions
and
42 deletions
... | @@ -6,17 +6,26 @@ | ... | @@ -6,17 +6,26 @@ |
6 | <el-row> | 6 | <el-row> |
7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
8 | <el-form-item label="分发编号"> | 8 | <el-form-item label="分发编号"> |
9 | <el-input v-model="approveForm.batchno" @clear="queryClick()" clearable placeholder="分发编号"></el-input> | 9 | <el-input v-model="ruleForm.batchno" @clear="queryClick()" clearable placeholder="分发编号"></el-input> |
10 | </el-form-item> | 10 | </el-form-item> |
11 | </el-col> | 11 | </el-col> |
12 | <el-col :span="8"> | 12 | |
13 | <el-form-item label="领取时间"> | 13 | <el-col :span="5"> |
14 | <el-date-picker v-model="ruleForm.ffsj" type="daterange" range-separator="至" start-placeholder="开始日期" | 14 | <el-form-item label="开始日期"> |
15 | end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable> | 15 | <el-date-picker v-model="ruleForm.ffkssj" :picker-options="pickerOptionsStart" type="date" |
16 | placeholder="开始日期" value-format="yyyy-MM-dd" clearable> | ||
17 | </el-date-picker> | ||
18 | </el-form-item> | ||
19 | </el-col> | ||
20 | <el-col :span="5"> | ||
21 | <el-form-item label="结束时间"> | ||
22 | <el-date-picker v-model="ruleForm.ffjssj" :picker-options="pickerOptionsEnd" type="date" | ||
23 | placeholder="结束日期" value-format="yyyy-MM-dd" clearable> | ||
16 | </el-date-picker> | 24 | </el-date-picker> |
17 | </el-form-item> | 25 | </el-form-item> |
18 | </el-col> | 26 | </el-col> |
19 | <el-col :span="11" class="btnColRight"> | 27 | |
28 | <el-col :span="9" class="btnColRight"> | ||
20 | <el-form-item> | 29 | <el-form-item> |
21 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> | 30 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> |
22 | <el-button type="primary" @click="openDialog()">新增</el-button> | 31 | <el-button type="primary" @click="openDialog()">新增</el-button> |
... | @@ -55,10 +64,6 @@ export default { | ... | @@ -55,10 +64,6 @@ export default { |
55 | isDialog: false, | 64 | isDialog: false, |
56 | value: '', | 65 | value: '', |
57 | ruleForm: { | 66 | ruleForm: { |
58 | batchno: "", | ||
59 | ffsj: "" | ||
60 | }, | ||
61 | approveForm: { | ||
62 | batchno: '', | 67 | batchno: '', |
63 | ffkssj: '', | 68 | ffkssj: '', |
64 | ffjssj: '' | 69 | ffjssj: '' |
... | @@ -68,6 +73,26 @@ export default { | ... | @@ -68,6 +73,26 @@ export default { |
68 | columns: datas.columns(), | 73 | columns: datas.columns(), |
69 | data: [], | 74 | data: [], |
70 | }, | 75 | }, |
76 | // 开始结束日期限制 | ||
77 | pickerOptionsStart: { | ||
78 | disabledDate: (time) => { | ||
79 | if (this.ruleForm.ffjssj) { | ||
80 | return ( | ||
81 | time.getTime() >= new Date(this.ruleForm.ffjssj).getTime() | ||
82 | ); | ||
83 | } | ||
84 | } | ||
85 | }, | ||
86 | // 结束日期限制 | ||
87 | pickerOptionsEnd: { | ||
88 | disabledDate: (time) => { | ||
89 | if (this.ruleForm.ffkssj) { | ||
90 | return ( | ||
91 | time.getTime() <= new Date(this.ruleForm.ffkssj).getTime() | ||
92 | ); | ||
93 | } | ||
94 | } | ||
95 | } | ||
71 | } | 96 | } |
72 | }, | 97 | }, |
73 | methods: { | 98 | methods: { |
... | @@ -76,7 +101,7 @@ export default { | ... | @@ -76,7 +101,7 @@ export default { |
76 | }, | 101 | }, |
77 | // 列表渲染接口 | 102 | // 列表渲染接口 |
78 | fetchData () { | 103 | fetchData () { |
79 | getZsglffList({ ...this.approveForm, ...this.pageData }).then(res => { | 104 | getZsglffList({ ...this.ruleForm, ...this.pageData }).then(res => { |
80 | if (res.code === 200) { | 105 | if (res.code === 200) { |
81 | let { total, records } = res.result | 106 | let { total, records } = res.result |
82 | this.tableData.total = total; | 107 | this.tableData.total = total; |
... | @@ -100,17 +125,6 @@ export default { | ... | @@ -100,17 +125,6 @@ export default { |
100 | queryClick () { | 125 | queryClick () { |
101 | this.fetchData() | 126 | this.fetchData() |
102 | }, | 127 | }, |
103 | //修改筛选时间 | ||
104 | timeChange () { | ||
105 | if (this.ruleForm.ffsj != null) { | ||
106 | this.approveForm.ffkssj = this.ruleForm.ffsj[0]; | ||
107 | this.approveForm.ffjssj = this.ruleForm.ffsj[1]; | ||
108 | } else { | ||
109 | this.approveForm.ffkssj = '' | ||
110 | this.approveForm.ffjssj = '' | ||
111 | } | ||
112 | this.fetchData() | ||
113 | }, | ||
114 | //确定证书分发 | 128 | //确定证书分发 |
115 | confrimVerify (item) { | 129 | confrimVerify (item) { |
116 | this.$confirm('是否确定分发', '提示', { | 130 | this.$confirm('是否确定分发', '提示', { |
... | @@ -161,4 +175,8 @@ export default { | ... | @@ -161,4 +175,8 @@ export default { |
161 | </script> | 175 | </script> |
162 | <style scoped lang="scss"> | 176 | <style scoped lang="scss"> |
163 | @import "~@/styles/public.scss"; | 177 | @import "~@/styles/public.scss"; |
178 | |||
179 | /deep/.el-icon-date { | ||
180 | display: none; | ||
181 | } | ||
164 | </style> | 182 | </style> | ... | ... |
... | @@ -9,14 +9,21 @@ | ... | @@ -9,14 +9,21 @@ |
9 | <el-input v-model="ruleForm.batchno" @clear="queryClick()" clearable placeholder="入库编号"></el-input> | 9 | <el-input v-model="ruleForm.batchno" @clear="queryClick()" clearable placeholder="入库编号"></el-input> |
10 | </el-form-item> | 10 | </el-form-item> |
11 | </el-col> | 11 | </el-col> |
12 | <el-col :span="8"> | 12 | <el-col :span="5"> |
13 | <el-form-item label="人库时间"> | 13 | <el-form-item label="开始日期"> |
14 | <el-date-picker v-model="ruleForm.rksj" type="datetimerange" range-separator="至" start-placeholder="开始日期" | 14 | <el-date-picker v-model="ruleForm.rkkssj" :picker-options="pickerOptionsStart" type="date" |
15 | end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable> | 15 | placeholder="开始日期" value-format="yyyy-MM-dd" clearable> |
16 | </el-date-picker> | ||
17 | </el-form-item> | ||
18 | </el-col> | ||
19 | <el-col :span="5"> | ||
20 | <el-form-item label="结束时间"> | ||
21 | <el-date-picker v-model="ruleForm.rkjssj" :picker-options="pickerOptionsEnd" type="date" | ||
22 | placeholder="结束日期" value-format="yyyy-MM-dd" clearable> | ||
16 | </el-date-picker> | 23 | </el-date-picker> |
17 | </el-form-item> | 24 | </el-form-item> |
18 | </el-col> | 25 | </el-col> |
19 | <el-col :span="11" class="btnColRight"> | 26 | <el-col :span="9" class="btnColRight"> |
20 | <el-form-item> | 27 | <el-form-item> |
21 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> | 28 | <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button> |
22 | <el-button type="primary" @click="openDialog()">新增</el-button> | 29 | <el-button type="primary" @click="openDialog()">新增</el-button> |
... | @@ -54,7 +61,6 @@ export default { | ... | @@ -54,7 +61,6 @@ export default { |
54 | isDialog: false, | 61 | isDialog: false, |
55 | viewDialog: false, | 62 | viewDialog: false, |
56 | ruleForm: { | 63 | ruleForm: { |
57 | rksj: '', | ||
58 | batchno: '', | 64 | batchno: '', |
59 | rkkssj: '', | 65 | rkkssj: '', |
60 | rkjssj: '' | 66 | rkjssj: '' |
... | @@ -64,7 +70,27 @@ export default { | ... | @@ -64,7 +70,27 @@ export default { |
64 | columns: datas.columns(), | 70 | columns: datas.columns(), |
65 | data: [], | 71 | data: [], |
66 | }, | 72 | }, |
67 | }; | 73 | // 开始结束日期限制 |
74 | pickerOptionsStart: { | ||
75 | disabledDate: (time) => { | ||
76 | if (this.ruleForm.rkjssj) { | ||
77 | return ( | ||
78 | time.getTime() >= new Date(this.ruleForm.rkjssj).getTime() | ||
79 | ); | ||
80 | } | ||
81 | } | ||
82 | }, | ||
83 | // 结束日期限制 | ||
84 | pickerOptionsEnd: { | ||
85 | disabledDate: (time) => { | ||
86 | if (this.ruleForm.rkkssj) { | ||
87 | return ( | ||
88 | time.getTime() <= new Date(this.ruleForm.rkkssj).getTime() | ||
89 | ); | ||
90 | } | ||
91 | } | ||
92 | } | ||
93 | } | ||
68 | }, | 94 | }, |
69 | methods: { | 95 | methods: { |
70 | // 列表渲染接口 | 96 | // 列表渲染接口 |
... | @@ -92,17 +118,6 @@ export default { | ... | @@ -92,17 +118,6 @@ export default { |
92 | queryClick () { | 118 | queryClick () { |
93 | this.fetchData() | 119 | this.fetchData() |
94 | }, | 120 | }, |
95 | //修改筛选时间 | ||
96 | timeChange (val) { | ||
97 | if (this.ruleForm.rksj != null) { | ||
98 | this.ruleForm.rkkssj = this.ruleForm.rksj[0]; | ||
99 | this.ruleForm.rkjssj = this.ruleForm.rksj[1]; | ||
100 | } else { | ||
101 | this.ruleForm.rkkssj = '' | ||
102 | this.ruleForm.rkjssj = '' | ||
103 | } | ||
104 | this.fetchData() | ||
105 | }, | ||
106 | //删除证书入库数据 | 121 | //删除证书入库数据 |
107 | delZsrk (item) { | 122 | delZsrk (item) { |
108 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | 123 | this.$confirm('确定要删除吗, 是否继续?', '提示', { |
... | @@ -153,4 +168,8 @@ export default { | ... | @@ -153,4 +168,8 @@ export default { |
153 | </script> | 168 | </script> |
154 | <style scoped lang="scss"> | 169 | <style scoped lang="scss"> |
155 | @import "~@/styles/public.scss"; | 170 | @import "~@/styles/public.scss"; |
171 | |||
172 | /deep/.el-icon-date { | ||
173 | display: none; | ||
174 | } | ||
156 | </style> | 175 | </style> | ... | ... |
1 | import filter from '@/utils/filter.js' | 1 | import filter from '@/utils/filter.js' |
2 | let vm = null | 2 | let vm = null |
3 | |||
4 | const sendThis = (_this) => { | 3 | const sendThis = (_this) => { |
5 | vm = _this | 4 | vm = _this |
6 | } | 5 | } |
... | @@ -60,7 +59,6 @@ class data extends filter { | ... | @@ -60,7 +59,6 @@ class data extends filter { |
60 | }, | 59 | }, |
61 | { | 60 | { |
62 | label: '操作', | 61 | label: '操作', |
63 | width: '200', | ||
64 | align: 'center', | 62 | align: 'center', |
65 | fixed: 'right', | 63 | fixed: 'right', |
66 | render: (h, scope) => { | 64 | render: (h, scope) => { | ... | ... |
-
Please register or sign in to post a comment