电子邮件关停原因

src/views/components/myAssetsType/index_v3.vue

@@ -72,6 +72,7 @@
             <el-col :span="12">
               <el-form-item label="邮件系统状态" prop="yjxtzc">
                 <el-select
+                  @change="changeState"
                   v-model="ruleForm.yjxtzc"
                   placeholder="请选择邮件系统状态"
                 >
@@ -244,6 +245,23 @@
               </el-form-item>
             </el-col>
           </el-row>
+          <el-row v-show="ruleForm.yjxtzc == 2">
+            <el-col :span="24">
+              <el-form-item
+                label="关停原因"
+                prop="bfyy"
+                :required="ruleForm.yjxtzc == 2"
+              >
+                <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="jj">
@@ -350,9 +368,17 @@ export default {
     ...mapGetters(["nickName"]),
   },
   data() {
+    const changeSateTetx = (rule, value, callback) => {
+      if (this.ruleForm.yjxtzc == 2 && !value) {
+        callback(new Error("请填写"));
+      } else {
+        callback();
+      }
+    };
     return {
       ruleForm: {},
       rules: {
+        bfyy: [{ validator: changeSateTetx, trigger: "blur" }],
         ssdw: [
           { required: true, message: "所属单位不能为空", trigger: "blur" },
         ],
@@ -481,6 +507,11 @@ export default {
     }
   },
   methods: {
+    changeState(e) {
+      if (e != 2) {
+        this.ruleForm.bfyy = "";
+      }
+    },
     getInfo(id) {
       assetEmailInfo(id).then((res) => {
         this.ruleForm = res.data;