案件录入页面输入校验

src/views/caseFiling/archiveList.vue

@@ -78,7 +78,11 @@
         prop="registerDate"
         :show-overflow-tooltip="true"
       />
-      <el-table-column label="案件状态" align="center" prop="caseStatusName" />
+      <el-table-column label="案件状态" align="center" prop="caseStatusName">
+        <template slot-scope="scope">
+          <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+        </template>
+      </el-table-column>
       <el-table-column
         label="操作"
         align="center"
@@ -177,6 +181,8 @@ export default {
     // model框显示
     showDetail(row) {
       this.getDetail({ id: row.id });
+      this.showarchiveDetails = true;
+      this.flagLoading = true;
     },
     // 关闭弹窗
     cancelpaymentdetails() {
@@ -186,7 +192,7 @@ export default {
     getDetail(parms) {
       adjudicationArchives(parms).then((res) => {
         this.detailform = res.data;
-        this.showarchiveDetails = true;
+        this.flagLoading = false;
       });
     },
   },

src/views/caseFiling/components/archiveDetailsDialog.vue

@@ -53,6 +53,15 @@ export default {
       noData: false,
     };
   },
+  watch: {
+    detailform(newValue) {
+      if (newValue) {
+        this.caseApplicationObj = this.detailform.caseApplication;
+        this.caselogDataArr = this.detailform.caseLogRecordList;
+        this.deliveryDataArr = this.detailform.logisticsInfoVOList;
+      }
+    },
+  },
   methods: {
     handleClick(tab, event) {
       // console.log(tab, event);
@@ -61,11 +70,6 @@ export default {
       this.$emit("cancelpaymentdetails");
     },
   },
-  created() {
-    this.caseApplicationObj = this.detailform.caseApplication;
-    this.caselogDataArr = this.detailform.caseLogRecordList;
-    this.deliveryDataArr = this.detailform.logisticsInfoVOList;
-  },
 };
 </script>