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