style:登簿日志

 <template>
   <div class="registerLog from-clues">
     <div class="registerLog-header from-clues-header">
-      <el-form ref="form" :model="form" label-width="80px">
+      <el-form ref="ruleForm" :model="form" label-width="80px">
         <el-row>
-          <el-col :span="5">
+          <el-col :span="6">
             <el-form-item label="行政区">
-              <el-select v-model="form.areacode" filterable placeholder="请选择行政区">
+              <el-select v-model="form.pcode" class="width100" filterable placeholder="请选择行政区">
                 <el-option v-for="item in []" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="10">
-            <el-form-item label="上报时间" class="reportingTime">
-              <el-date-picker type="date" placeholder="选择开始日期" :picker-options="pickerOptionsStart" clearable
-                v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
-              <span class="line">-</span>
-              <el-date-picker placeholder="选择结束日期" clearable :picker-options="pickerOptionsEnd" v-model="form.endTime"
-                value-format="yyyy-MM-dd">
-              </el-date-picker>
+          <el-col :span="6">
+            <el-form-item label="开始日期" prop="startTime">
+              <el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
+                clearable v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="9" class="btnColRight">
+          <el-col :span="6">
+            <el-form-item label="结束日期" prop="endTime">
+              <el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
+                clearable v-model="form.endTime" value-format="yyyy-MM-dd"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" class="btnColRight">
+            <el-button @click="resetForm('ruleForm')">重置</el-button>
             <el-button type="primary" @click="handleSubmit">查询结果</el-button>
           </el-col>
         </el-row>
@@ -54,8 +57,28 @@ export default {
   data () {
     return {
       xml: '',
+      // 开始结束日期限制
+      pickerOptionsStart: {
+        disabledDate: (time) => {
+          if (this.form.endTime) {
+            return (
+              time.getTime() >= new Date(this.form.endTime).getTime()
+            );
+          }
+        }
+      },
+      // 结束日期限制
+      pickerOptionsEnd: {
+        disabledDate: (time) => {
+          if (this.form.startTime) {
+            return (
+              time.getTime() <= new Date(this.form.startTime).getTime()
+            );
+          }
+        }
+      },
       form: {
-        areacode: '',
+        pcode: '',
         startTime: '',
         endTime: '',
         currentPage: 1
@@ -90,27 +113,14 @@ export default {
       },
       pageData: {
         total: 0,
-        pageSize: 15,
-        current: 1
+        pageSize: 15
       }
     }
   },
-  // watch: {
-  //   'dicData.XZQ': {
-  //     handler (val, oldVal) {
-  //       if (val.length == 1) {
-  //         this.form.areacode = val[0].DCODE
-  //       }
-  //     },
-  //     deep: true
-  //   }
-  // },
-  // created () {
-  //   if (this.dicData && this.dicData['XZQ'] && this.dicData['XZQ'].length == 1) {
-  //     this.form.areacode = this.dicData.XZQ[0].DCODE
-  //   }
-  // },
   methods: {
+    resetForm () {
+      this.$refs.ruleForm.resetFields();
+    },
     async featchData () {
       try {
         this.form = Object.assign(this.form, this.formData)
@@ -127,22 +137,9 @@ export default {
       }
     },
     async handlePreview (index, row) {
-      try {
-        let { result: res } = await journal.getXmlById(row.id)
-        if (res != null) {
-          this.xml = res
-          this.$refs.dialog.isShow();
-        } else {
-          this.$message('报文为空')
-        }
-      } catch (error) {
-        this.$alert(error, '提示', {
-          confirmButtonText: '确定',
-          type: 'error'
-        })
-      }
+
     }
-  },
+  }
 }
 </script>
 <style scoped lang="scss">