web资产关停

src/views/components/assetsType/index.vue

@@ -387,7 +387,11 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="系统状态" required>
-                <el-select v-model="ruleForm.xtzt" placeholder="请选择系统状态">
+                <el-select
+                  v-model="ruleForm.xtzt"
+                  placeholder="请选择系统状态"
+                  @change="changeState"
+                >
                   <el-option
                     v-for="dict in dict.type.zc_xtzt"
                     :key="dict.value"
@@ -493,6 +497,23 @@
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row v-show="ruleForm.xtzt == 5">
+            <el-col :span="24">
+              <el-form-item
+                label="关停原因"
+                prop="bfyy"
+                :required="ruleForm.xtzt == 5"
+              >
+                <el-input
+                  type="textarea"
+                  resize="none"
+                  placeholder="请输入关停原因"
+                  :rows="5"
+                  v-model="ruleForm.bfyy"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
           <el-row>
             <el-col :span="24">
               <el-form-item label="系统特征">
@@ -4278,6 +4299,13 @@ export default {
     myUpload,
   },
   data() {
+    const changeSateTetx = (rule, value, callback) => {
+      if (this.ruleForm.xtzt == 5 && !value) {
+        callback(new Error("请填写"));
+      } else {
+        callback();
+      }
+    };
     return {
       accept: [
         "xls",
@@ -4461,6 +4489,7 @@ export default {
         },
       ],
       rules: {
+        bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
         xtmc: [{ required: true, message: "请输入系统名称", trigger: "blur" }],
         dwmc: [
           { required: true, message: "请输入单位名称", trigger: "blur" },
@@ -4498,6 +4527,11 @@ export default {
     }
   },
   methods: {
+    changeState(e) {
+      if (e != 5) {
+        this.ruleForm.bfyy = "";
+      }
+    },
     // 获取详情
     getInfo(id) {
       assetInfo(id).then((res) => {

src/views/components/myAssetsType/index.vue

@@ -484,7 +484,11 @@
                   trigger: 'blur',
                 }"
               >
-                <el-select v-model="ruleForm.xtzt" placeholder="请选择系统状态">
+                <el-select
+                  v-model="ruleForm.xtzt"
+                  placeholder="请选择系统状态"
+                  @change="changeState"
+                >
                   <el-option
                     v-for="dict in dict.type.zc_xtzt"
                     :key="dict.value"
@@ -590,6 +594,23 @@
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row v-show="ruleForm.xtzt == 5">
+            <el-col :span="24">
+              <el-form-item
+                label="关停原因"
+                prop="bfyy"
+                :required="ruleForm.xtzt == 5"
+              >
+                <el-input
+                  type="textarea"
+                  resize="none"
+                  placeholder="请输入关停原因"
+                  :rows="5"
+                  v-model="ruleForm.bfyy"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
           <el-row>
             <el-col :span="24">
               <el-form-item label="系统特征">
@@ -5185,6 +5206,13 @@ export default {
         callback();
       }
     };
+    const changeSateTetx = (rule, value, callback) => {
+      if (this.ruleForm.xtzt == 5 && !value) {
+        callback(new Error("请填写"));
+      } else {
+        callback();
+      }
+    };
     return {
       accept: [
         "xls",
@@ -5369,6 +5397,7 @@ export default {
       xtfhqkFls: [],
 
       rules: {
+        bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
         xtmc: [{ required: true, message: "请输入系统名称", trigger: "blur" }],
         dwmc: [{ required: true, message: "请输入单位名称", trigger: "blur" }],
         ywxttpt: [
@@ -5462,6 +5491,11 @@ export default {
     }
   },
   methods: {
+    changeState(e) {
+      if (e != 5) {
+        this.ruleForm.bfyy = "";
+      }
+    },
     // 获取详情
     getInfo(id) {
       assetInfo(id).then((res) => {