style:登簿日志
Showing
1 changed file
with
42 additions
and
45 deletions
1 | <template> | 1 | <template> |
2 | <div class="registerLog from-clues"> | 2 | <div class="registerLog from-clues"> |
3 | <div class="registerLog-header from-clues-header"> | 3 | <div class="registerLog-header from-clues-header"> |
4 | <el-form ref="form" :model="form" label-width="80px"> | 4 | <el-form ref="ruleForm" :model="form" label-width="80px"> |
5 | <el-row> | 5 | <el-row> |
6 | <el-col :span="5"> | 6 | <el-col :span="6"> |
7 | <el-form-item label="行政区"> | 7 | <el-form-item label="行政区"> |
8 | <el-select v-model="form.areacode" filterable placeholder="请选择行政区"> | 8 | <el-select v-model="form.pcode" class="width100" filterable placeholder="请选择行政区"> |
9 | <el-option v-for="item in []" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 9 | <el-option v-for="item in []" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
10 | </el-option> | 10 | </el-option> |
11 | </el-select> | 11 | </el-select> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="10"> | 14 | <el-col :span="6"> |
15 | <el-form-item label="上报时间" class="reportingTime"> | 15 | <el-form-item label="开始日期" prop="startTime"> |
16 | <el-date-picker type="date" placeholder="选择开始日期" :picker-options="pickerOptionsStart" clearable | 16 | <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart" |
17 | v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> | 17 | clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker> |
18 | <span class="line">-</span> | ||
19 | <el-date-picker placeholder="选择结束日期" clearable :picker-options="pickerOptionsEnd" v-model="form.endTime" | ||
20 | value-format="yyyy-MM-dd"> | ||
21 | </el-date-picker> | ||
22 | </el-form-item> | 18 | </el-form-item> |
23 | </el-col> | 19 | </el-col> |
24 | <el-col :span="9" class="btnColRight"> | 20 | <el-col :span="6"> |
21 | <el-form-item label="结束日期" prop="endTime"> | ||
22 | <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd" | ||
23 | clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker> | ||
24 | </el-form-item> | ||
25 | </el-col> | ||
26 | <el-col :span="6" class="btnColRight"> | ||
27 | <el-button @click="resetForm('ruleForm')">重置</el-button> | ||
25 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> | 28 | <el-button type="primary" @click="handleSubmit">查询结果</el-button> |
26 | </el-col> | 29 | </el-col> |
27 | </el-row> | 30 | </el-row> |
... | @@ -54,8 +57,28 @@ export default { | ... | @@ -54,8 +57,28 @@ export default { |
54 | data () { | 57 | data () { |
55 | return { | 58 | return { |
56 | xml: '', | 59 | xml: '', |
60 | // 开始结束日期限制 | ||
61 | pickerOptionsStart: { | ||
62 | disabledDate: (time) => { | ||
63 | if (this.form.endTime) { | ||
64 | return ( | ||
65 | time.getTime() >= new Date(this.form.endTime).getTime() | ||
66 | ); | ||
67 | } | ||
68 | } | ||
69 | }, | ||
70 | // 结束日期限制 | ||
71 | pickerOptionsEnd: { | ||
72 | disabledDate: (time) => { | ||
73 | if (this.form.startTime) { | ||
74 | return ( | ||
75 | time.getTime() <= new Date(this.form.startTime).getTime() | ||
76 | ); | ||
77 | } | ||
78 | } | ||
79 | }, | ||
57 | form: { | 80 | form: { |
58 | areacode: '', | 81 | pcode: '', |
59 | startTime: '', | 82 | startTime: '', |
60 | endTime: '', | 83 | endTime: '', |
61 | currentPage: 1 | 84 | currentPage: 1 |
... | @@ -90,27 +113,14 @@ export default { | ... | @@ -90,27 +113,14 @@ export default { |
90 | }, | 113 | }, |
91 | pageData: { | 114 | pageData: { |
92 | total: 0, | 115 | total: 0, |
93 | pageSize: 15, | 116 | pageSize: 15 |
94 | current: 1 | ||
95 | } | 117 | } |
96 | } | 118 | } |
97 | }, | 119 | }, |
98 | // watch: { | ||
99 | // 'dicData.XZQ': { | ||
100 | // handler (val, oldVal) { | ||
101 | // if (val.length == 1) { | ||
102 | // this.form.areacode = val[0].DCODE | ||
103 | // } | ||
104 | // }, | ||
105 | // deep: true | ||
106 | // } | ||
107 | // }, | ||
108 | // created () { | ||
109 | // if (this.dicData && this.dicData['XZQ'] && this.dicData['XZQ'].length == 1) { | ||
110 | // this.form.areacode = this.dicData.XZQ[0].DCODE | ||
111 | // } | ||
112 | // }, | ||
113 | methods: { | 120 | methods: { |
121 | resetForm () { | ||
122 | this.$refs.ruleForm.resetFields(); | ||
123 | }, | ||
114 | async featchData () { | 124 | async featchData () { |
115 | try { | 125 | try { |
116 | this.form = Object.assign(this.form, this.formData) | 126 | this.form = Object.assign(this.form, this.formData) |
... | @@ -127,22 +137,9 @@ export default { | ... | @@ -127,22 +137,9 @@ export default { |
127 | } | 137 | } |
128 | }, | 138 | }, |
129 | async handlePreview (index, row) { | 139 | async handlePreview (index, row) { |
130 | try { | 140 | |
131 | let { result: res } = await journal.getXmlById(row.id) | ||
132 | if (res != null) { | ||
133 | this.xml = res | ||
134 | this.$refs.dialog.isShow(); | ||
135 | } else { | ||
136 | this.$message('报文为空') | ||
137 | } | ||
138 | } catch (error) { | ||
139 | this.$alert(error, '提示', { | ||
140 | confirmButtonText: '确定', | ||
141 | type: 'error' | ||
142 | }) | ||
143 | } | ||
144 | } | 141 | } |
145 | }, | 142 | } |
146 | } | 143 | } |
147 | </script> | 144 | </script> |
148 | <style scoped lang="scss"> | 145 | <style scoped lang="scss"> | ... | ... |
-
Please register or sign in to post a comment