27b66d96 by 任超

style:登簿日志

1 parent e3b8dd32
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">
......