时间组件逻辑修改

src/views/informationReport/enterpriseLicense/index.vue

@@ -60,9 +60,9 @@
       </el-table-column>
       <el-table-column label="许可证编号" align="center" prop="permitIssueCode" />
       <el-table-column label="许可证发证机关" align="center" prop="permitIssueOrg" />
-      <el-table-column label="许可证发证日期" align="center" prop="permitIssueDate" />
-      <el-table-column label="许可证有效期开始时间" align="center" prop="permitStartDate" />
-      <el-table-column label="许可证有效期截止日期" align="center" prop="permitEndDate" />
+      <el-table-column label="许可证初次发证日期" align="center" prop="permitIssueDate" />
+      <el-table-column label="许可证本次发证日期" align="center" prop="permitStartDate" />
+      <el-table-column label="许可证有效截止日期" align="center" prop="permitEndDate" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -119,33 +119,36 @@
 
         <el-row>
           <el-col :span="8">
-            <el-form-item label="许可证发证日期" prop="permitIssueDate">
+            <el-form-item label="许可证初次发证日期" prop="permitIssueDate">
               <el-date-picker
                 v-model="form.permitIssueDate"
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd"
-                @change="change"
               />
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="许可证有效期开始日期" prop="permitStartDate">
+            <el-form-item label="许可证本次发证日期" prop="permitStartDate">
               <el-date-picker
                 v-model="form.permitStartDate"
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd"
+                format="yyyy-MM-dd"
+                @change="dateChange"
               />
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-form-item label="许可证有效期截止日期" prop="permitEndDate">
+            <el-form-item label="许可证有效截止日期" prop="permitEndDate">
               <el-date-picker
                 v-model="form.permitEndDate"
                 type="date"
                 placeholder="选择日期"
                 value-format="yyyy-MM-dd"
+                :picker-options="pickerOptions"
+                @change="endateChange"
               />
             </el-form-item>
           </el-col>
@@ -170,11 +173,13 @@ import {
   listPermitIssue,
   updatePermitIssue
 } from '@/api/informationReport'
+import moment from 'moment'
 
 export default {
   name: 'Index',
   dicts: ['bhxq_enterprise_permit_issue'],
   data() {
+    const that = this
     return {
       // 许可证名称字典
       permitList: [],
@@ -208,6 +213,13 @@ export default {
       // 表单参数
       form: {
         // businessType: '1'
+        permitStartDate: '',
+        permitEndDate: ''
+      },
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < moment(that.form.permitStartDate).valueOf()
+        }
       },
       // 表单校验
       rules: {
@@ -224,13 +236,13 @@ export default {
           { required: true, message: '发证机关不能为空', trigger: 'blur' }
         ],
         permitIssueDate: [
-          { required: true, message: '发证日期不能为空', trigger: 'blur' }
+          { required: true, message: '许可证初次发证日期不能为空', trigger: 'blur' }
         ],
         permitStartDate: [
-          { required: true, message: '有效期开始时间不能为空', trigger: 'blur' }
+          { required: true, message: '许可证本次发证日期不能为空', trigger: 'blur' }
         ],
         permitEndDate: [
-          { required: true, message: '有效期结束日期不能为空', trigger: 'blur' }
+          { required: true, message: '许可证有效截止日期不能为空', trigger: 'blur' }
         ]
       },
       // 日期范围
@@ -242,8 +254,15 @@ export default {
     this.getList()
   },
   methods: {
-    change() {
-      console.log(this.form)
+    dateChange() {
+      console.log(new Date(this.form.permitEndDate).getTime())
+      if (new Date(this.form.permitEndDate).getTime()) {
+        this.form.permitEndDate = ''
+      }
+      this.$forceUpdate()
+    },
+    endateChange() {
+      this.$forceUpdate()
     },
     /** 查询企业许可证列表 */
     getList() {