小程序、公众号关停原因

src/views/components/myAssetsType/index_v1.vue

@@ -84,6 +84,7 @@
                 <el-select
                   v-model="ruleForm.state"
                   placeholder="请选择小程序状态"
+                  @change="changeState"
                 >
                   <el-option
                     v-for="dict in dict.type.gzh_state"
@@ -338,6 +339,23 @@
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row v-show="ruleForm.state == 7">
+            <el-col :span="24">
+              <el-form-item
+                label="关停原因"
+                prop="bfyy"
+                :required="ruleForm.state == 7"
+              >
+                <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="系统简介" prop="xtjj">
@@ -442,9 +460,17 @@ export default {
     myDialog,
   },
   data() {
+    const changeSateTetx = (rule, value, callback) => {
+      if (this.ruleForm.state == 7 && !value) {
+        callback(new Error("请填写"));
+      } else {
+        callback();
+      }
+    };
     return {
       ruleForm: {},
       rules: {
+        bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
         ssdw: [
           { required: true, message: "所属单位不能为空", trigger: "blur" },
         ],
@@ -605,6 +631,11 @@ export default {
     }
   },
   methods: {
+    changeState(e) {
+      if (e != 7) {
+        this.ruleForm.bfyy = "";
+      }
+    },
     getInfo(id) {
       miniProgramsInfo(id).then((res) => {
         this.ruleForm = res.data;

src/views/components/myAssetsType/index_v2.vue

@@ -494,6 +494,7 @@
                   <el-select
                     v-model="ruleForm.gzhzt"
                     placeholder="请选择账号状态"
+                    @change="changeState"
                   >
                     <el-option
                       v-for="dict in dict.type.gzh_state"
@@ -646,6 +647,23 @@
                 </el-form-item>
               </el-col>
             </el-row>
+            <el-row v-show="ruleForm.gzhzt == 7">
+              <el-col :span="24">
+                <el-form-item
+                  label="关停原因"
+                  prop="bfyy"
+                  :required="ruleForm.gzhzt == 7"
+                >
+                  <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="系统简介" required prop="xtjj">
@@ -756,6 +774,13 @@ export default {
     ...mapGetters(["nickName"]),
   },
   data() {
+    const changeSateTetx = (rule, value, callback) => {
+      if (this.ruleForm.gzhzt == 7 && !value) {
+        callback(new Error("请填写"));
+      } else {
+        callback();
+      }
+    };
     return {
       ruleForm: {
         cdList: [
@@ -767,6 +792,7 @@ export default {
         ],
       },
       rules: {
+        bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
         ssdw: [
           { required: true, message: "所属单位不能为空", trigger: "blur" },
         ],
@@ -927,6 +953,12 @@ export default {
     }
   },
   methods: {
+    changeState(e) {
+      if (e != 7) {
+        this.ruleForm.bfyy = "";
+      }
+    },
+
     removeDomain(item, type) {
       var index = this.ruleForm[type].indexOf(item);
       if (index !== -1) {