优化

src/views/rulesManagement/earlyWarningRules/components/matter-add.vue

@@ -1,138 +1,242 @@
 <template>
   <div class="matter-add">
-    <ele-modal :title="dialogTitle" :visible.sync="addMatterDialog" :before-close="handleClose"
-      :close-on-click-modal="false" :close-on-press-escape="false" width="80%">
-      <el-form :model="formData" v-loading="dialogLoading" ref="contentConfigForm" label-width="100px"
-        :show-message="false" :rules="contentConfigFormRules">
+    <ele-modal
+      :title="dialogTitle"
+      :visible.sync="addMatterDialog"
+      :before-close="handleClose"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      width="80%"
+    >
+      <el-form
+        :model="formData"
+        v-loading="dialogLoading"
+        ref="contentConfigForm"
+        label-width="100px"
+        :show-message="false"
+        :rules="contentConfigFormRules"
+      >
         <el-row>
           <el-col :span="7">
             <el-form-item label="规则编码" prop="name">
-              <el-input v-model="formData.code" size="small" :disabled="true"></el-input>
+              <el-input
+                v-model="formData.code"
+                size="small"
+                :disabled="true"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="规则名称" prop="name">
-              <el-input v-model="formData.name" placeholder="请输入" size="small" :disabled="isBindPlan"></el-input>
+              <el-input
+                v-model="formData.name"
+                placeholder="请输入"
+                size="small"
+                :disabled="isBindPlan"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="预警类型" prop="ruleType">
-              <DictSelection dictName="预警类型" clearable v-model="formData.ruleType">
+              <DictSelection
+                dictName="预警类型"
+                clearable
+                v-model="formData.ruleType"
+              >
               </DictSelection>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="状态" prop="status" label-width="70px">
-              <el-switch v-model="formData.status" active-text="生效" inactive-text="失效" :active-value="1"
-                :inactive-value="0">
+              <el-switch
+                v-model="formData.status"
+                active-text="生效"
+                inactive-text="失效"
+                :active-value="1"
+                :inactive-value="0"
+              >
               </el-switch>
             </el-form-item>
           </el-col>
-
-
         </el-row>
-   
 
-
-          <el-row>
-            <el-col :span="24">
+        <el-row>
+          <el-col :span="24">
             <el-form-item label="周期" prop="cycleValue">
-              <rule-cycle ref="cycleMultipleRef" :formData="formData" :pageType="pageType" :isBindPlan="isBindPlan" />
+              <rule-cycle
+                ref="cycleMultipleRef"
+                :formData="formData"
+                :pageType="pageType"
+                :isBindPlan="isBindPlan"
+              />
             </el-form-item>
           </el-col>
-            </el-row>
-
+        </el-row>
 
-        <el-table ref="multipleTable" v-if="formData.ruleType !== 4" :data="formData.ruleItems" tooltip-effect="dark"
-          style="width: 95%; margin: auto" border :header-cell-style="{ background: '#F0F3F3' }">
+        <el-table
+          ref="multipleTable"
+          v-if="formData.ruleType !== 4"
+          :data="formData.ruleItems"
+          tooltip-effect="dark"
+          style="width: 95%; margin: auto"
+          border
+          :header-cell-style="{ background: '#F0F3F3' }"
+        >
           <el-table-column type="index" width="100" align="center">
             <template slot="header">
-              <el-button type="text" @click="addItem" icon="el-icon-plus" :disabled="isBindPlan">新增</el-button>
+              <el-button
+                type="text"
+                @click="addItem"
+                icon="el-icon-plus"
+                :disabled="isBindPlan"
+                >新增</el-button
+              >
             </template>
           </el-table-column>
 
           <el-table-column prop="minWarningValue" label="预警值" width="240">
-            <template slot-scope="scope" style="display: flex; flex-direction: row">
-              <el-form-item style="width: 100px;" :prop="'ruleItems.' + scope.$index + '.minWarningValue'" label-width="0"
-                :rules="contentConfigFormRules.minWarningValue">
-                <span v-if="scope.row.readonly">{{ scope.row.minWarningValue }}</span>
-                <el-input v-if="!scope.row.readonly" size="small" placeholder="最小" v-model="scope.row.minWarningValue"
-                  :disabled="isBindPlan"></el-input>
+            <template
+              slot-scope="scope"
+              style="display: flex; flex-direction: row"
+            >
+              <el-form-item
+                style="width: 100px"
+                :prop="'ruleItems.' + scope.$index + '.minWarningValue'"
+                label-width="0"
+                :rules="contentConfigFormRules.minWarningValue"
+              >
+                <span v-if="scope.row.readonly">{{
+                  scope.row.minWarningValue
+                }}</span>
+                <el-input
+                  v-if="!scope.row.readonly"
+                  size="small"
+                  placeholder="最小"
+                  v-model="scope.row.minWarningValue"
+                  :disabled="isBindPlan"
+                ></el-input>
               </el-form-item>
               <span>&nbsp;&nbsp; - &nbsp;&nbsp;</span>
 
-              <el-form-item style="width: 100px;" :prop="'ruleItems.' + scope.$index + '.maxWarningValue'" label-width="0"
-                :rules="contentConfigFormRules.maxWarningValue">
-                <span v-if="scope.row.readonly">{{ scope.row.maxWarningValue }}</span>
-                <el-input v-if="!scope.row.readonly" size="small" placeholder="最大" v-model="scope.row.maxWarningValue"
-                  :disabled="isBindPlan"></el-input>
+              <el-form-item
+                style="width: 100px"
+                :prop="'ruleItems.' + scope.$index + '.maxWarningValue'"
+                label-width="0"
+                :rules="contentConfigFormRules.maxWarningValue"
+              >
+                <span v-if="scope.row.readonly">{{
+                  scope.row.maxWarningValue
+                }}</span>
+                <el-input
+                  v-if="!scope.row.readonly"
+                  size="small"
+                  placeholder="最大"
+                  v-model="scope.row.maxWarningValue"
+                  :disabled="isBindPlan"
+                ></el-input>
               </el-form-item>
             </template>
           </el-table-column>
 
           <el-table-column prop="warningUnit" label="预警时间单位" width="120">
             <template slot-scope="scope">
-              <el-form-item :prop="'ruleItems.' + scope.$index + '.warningUnit'" label-width="0"
-                :rules="contentConfigFormRules.warningUnit">
-
-                <DictSelection  dictName="时间单位" 
-                v-model="scope.row.warningUnit"   :disabled="isBindPlan">
-              </DictSelection>
-
+              <el-form-item
+                :prop="'ruleItems.' + scope.$index + '.warningUnit'"
+                label-width="0"
+                :rules="contentConfigFormRules.warningUnit"
+              >
+                <DictSelection
+                  dictName="时间单位"
+                  v-model="scope.row.warningUnit"
+                  :disabled="isBindPlan"
+                >
+                </DictSelection>
               </el-form-item>
             </template>
           </el-table-column>
 
           <el-table-column prop="urgent" label="紧急程度" width="120">
             <template slot-scope="scope">
-              <el-form-item :prop="'ruleItems.' + scope.$index + '.urgent'" label-width="0"
-                :rules="contentConfigFormRules.urgent">
-
-                <DictSelection  dictName="紧急程度" 
-                v-model="scope.row.urgent"   :disabled="isBindPlan">
-              </DictSelection>
-
+              <el-form-item
+                :prop="'ruleItems.' + scope.$index + '.urgent'"
+                label-width="0"
+                :rules="contentConfigFormRules.urgent"
+              >
+                <DictSelection
+                  dictName="紧急程度"
+                  v-model="scope.row.urgent"
+                  :disabled="isBindPlan"
+                >
+                </DictSelection>
               </el-form-item>
             </template>
           </el-table-column>
 
-
-
           <el-table-column prop="name" label="事项" width="300">
             <template slot-scope="scope">
-              <el-form-item :prop="'ruleItems.' + scope.$index + '.name'" label-width="0"
-                :rules="contentConfigFormRules.name">
+              <el-form-item
+                :prop="'ruleItems.' + scope.$index + '.name'"
+                label-width="0"
+                :rules="contentConfigFormRules.name"
+              >
                 <span v-if="scope.row.readonly">{{ scope.row.name }}</span>
-                <el-input v-if="!scope.row.readonly" size="small" placeholder="请输入" v-model="scope.row.name"
-                  :disabled="isBindPlan"></el-input>
+                <el-input
+                  v-if="!scope.row.readonly"
+                  size="small"
+                  placeholder="请输入"
+                  v-model="scope.row.name"
+                  :disabled="isBindPlan"
+                ></el-input>
               </el-form-item>
             </template>
           </el-table-column>
           <el-table-column prop="content" label="内容" width="300">
             <template slot-scope="scope">
-              <el-form-item :prop="'ruleItems.' + scope.$index + '.content'" label-width="0"
-                :rules="contentConfigFormRules.content">
+              <el-form-item
+                :prop="'ruleItems.' + scope.$index + '.content'"
+                label-width="0"
+                :rules="contentConfigFormRules.content"
+              >
                 <span v-if="scope.row.readonly">{{ scope.row.content }}</span>
-                <el-input v-if="!scope.row.readonly" size="small" placeholder="请输入" v-model="scope.row.content"
-                  :disabled="isBindPlan"></el-input>
+                <el-input
+                  v-if="!scope.row.readonly"
+                  size="small"
+                  placeholder="请输入"
+                  v-model="scope.row.content"
+                  :disabled="isBindPlan"
+                ></el-input>
               </el-form-item>
             </template>
           </el-table-column>
 
           <el-table-column prop="norm" label="标准">
             <template slot-scope="scope">
-              <el-form-item :prop="'ruleItems.' + scope.$index + '.norm'" label-width="0"
-                :rules="contentConfigFormRules.norm">
+              <el-form-item
+                :prop="'ruleItems.' + scope.$index + '.norm'"
+                label-width="0"
+                :rules="contentConfigFormRules.norm"
+              >
                 <span v-if="scope.row.readonly">{{ scope.row.norm }}</span>
-                <el-input v-if="!scope.row.readonly" size="small" placeholder="请输入" v-model="scope.row.norm"
-                  :disabled="isBindPlan"></el-input>
+                <el-input
+                  v-if="!scope.row.readonly"
+                  size="small"
+                  placeholder="请输入"
+                  v-model="scope.row.norm"
+                  :disabled="isBindPlan"
+                ></el-input>
               </el-form-item>
             </template>
           </el-table-column>
 
           <el-table-column label="操作">
             <template slot-scope="scope">
-              <el-button type="text" @click="delItem(scope.$index)" size="small" :disabled="isBindPlan">删除</el-button>
+              <el-button
+                type="text"
+                @click="delItem(scope.$index)"
+                size="small"
+                :disabled="isBindPlan"
+                >删除</el-button
+              >
             </template>
           </el-table-column>
         </el-table>
@@ -145,374 +249,382 @@
   </div>
 </template>
 <script>
-import RuleCycle from './rule-cycle';
-import { deepClone } from '@/utils/index';
-import {
-  saveOrUpdate,
-  getCode,
-  getDetail
-} from '@/api/ruleManagement/earlyWarning';
-
-export default {
-  components: { RuleCycle },
-  props: {
-    pageType: {
-      type: String,
-      default: ''
-    },
-    infoData: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    dialogTitle: {
-      type: String,
-      default: '新建规则'
-    },
-    dialogLoading: {
-      type: Boolean,
-      default: () => {
-        return false;
-      }
-    }
-  },
-  data() {
-    // 默认表单数据
-    const defaultForm = {
-      code: '',
-      name: '',
-      ruleType: '1',
-      status: 1,
-      warningValue: null,
-      cycleValue: undefined,
-      cycleType: 1,
-      contentImage: {},
-      ruleCycleList: [], // 规则周期日期值
-      ruleItems: [
-        {
-          name: '', // 巡点检事项
-          content: '', // 巡点检内容
-          norm: '' // 巡点检标准
+  import RuleCycle from './rule-cycle';
+  import { deepClone } from '@/utils/index';
+  import {
+    saveOrUpdate,
+    getCode,
+    getDetail
+  } from '@/api/ruleManagement/earlyWarning';
+
+  export default {
+    components: { RuleCycle },
+    props: {
+      pageType: {
+        type: String,
+        default: ''
+      },
+      infoData: {
+        type: Object,
+        default: () => {
+          return {};
         }
-      ]
-    };
-    return {
-      addMatterDialog: false,
-      cycleValue: '',
-      uploadList: [],
-      formData: {},
-      contentConfigFormRules: {
-        maxWarningValue: [
-        { required: true, message: '请输入预警值', trigger: 'blur' }  
-        ],
-        minWarningValue: [
-        { required: true, message: '请输入预警值', trigger: 'blur' }  
-        ],
-        warningUnit: [
-        { required: true, message: '请输入预警时间单位', trigger: 'blur' }  
-        ],
-        urgent: [
-        { required: true, message: '请选择紧急程度', trigger: 'blur' }  
-        ],
-        name: [
-          { required: true, message: '请输入规则名称', trigger: 'blur' }
-        ],
-        ruleType: [
-          { required: true, message: '请选择预警类型', trigger: 'change' }
-        ],
-    
-        // contentImage: [
-        //   { required: false, message: '请上传图片', trigger: 'blur' }
-        // ],
-        status: [{ required: true }],
-        name: [
-          { required: true, message: '请输入巡点检事项', trigger: 'blur' }
-        ],
-        content: [
-          { required: true, message: '请输入巡点检内容', trigger: 'blur' }
-        ],
-        norm: [
-          { required: true, message: '请输入巡点检标准', trigger: 'blur' }
-        ]
       },
-      isBindPlan: false
-    };
-  },
-  watch: {},
-  methods: {
-    openDialog(row, type) {
-      this.addMatterDialog = true;
-      if (type != 'add') {
-        this.getRuleInfo(row.id, type);
-      } else {
-        this.formData = { ...this.defaultForm };
-        this.$set(this.formData, 'status', 1);
-        this.$set(this.formData, 'ruleType', '1');
-        console.log('this.formData---------', this.formData);
-        this.$refs.contentConfigForm &&
-          this.$refs.contentConfigForm.resetFields();
-      }
-      if (type != 'edit') {
-        this.getOrderCode();
-      }
-    },
-
-    async getRuleInfo(id, type) {
-      const data = await getDetail(id);
-      this.formData = data;
-      this.formData.ruleType = JSON.stringify(this.formData.ruleType);
-      this.$set(this.formData, 'urgent', JSON.stringify(this.formData.urgent));
-      if (type == 'clone') {
-        delete this.formData.id;
+      dialogTitle: {
+        type: String,
+        default: '新建规则'
+      },
+      dialogLoading: {
+        type: Boolean,
+        default: () => {
+          return false;
+        }
       }
     },
-
-    async getOrderCode() {
-      const data = await getCode('warn_rule_code');
-      this.$set(this.formData, 'code', data);
-    },
-
-    handleClose() {
-      this.addMatterDialog = false;
-      this.$emit('handleClose');
-    },
-    addItem() {
-      if (this.formData.ruleItems) {
-        this.formData.ruleItems.push({
-          name: '', // 巡点检事项
-          content: '', // 巡点检内容
-          norm: '', // 巡点检标准
-
-          readonly: false
-        });
-      } else {
-        let arr = [
+    data() {
+      // 默认表单数据
+      const defaultForm = {
+        code: '',
+        name: '',
+        ruleType: '1',
+        status: 1,
+        warningValue: null,
+        cycleValue: undefined,
+        cycleType: 1,
+        contentImage: {},
+        ruleCycleList: [], // 规则周期日期值
+        ruleItems: [
           {
             name: '', // 巡点检事项
             content: '', // 巡点检内容
             norm: '' // 巡点检标准
           }
-        ];
-        this.$set(this.formData, 'ruleItems', arr);
-        // this.formData.ruleItems =
-      }
-    },
-    saveItem(index, row) {
-      this.$nextTick(() => {
-        let flag = false;
-        let name = row.name;
-        let content = row.content;
-        let norm = row.norm;
-        flag = name && content && norm;
-        this.$refs.contentConfigForm.validate((valid) => {
-          if (valid || flag) {
-            this.$set(this.formData.ruleItems[index], 'readonly', true);
-          }
-        });
-      });
-    },
-    upload(data) {
-      if (data && data[0]?.accessUrl) {
-        this.formData.contentImage = data;
-      } else {
-        this.formData.contentImage = {};
-      }
-      this.$nextTick(() => {
-        this.$refs.contentConfigForm.validateField('contentImage');
-      });
-      console.log(this.formData.contentImage);
-    },
-    editItem(index) {
-      this.$nextTick(() => {
-        this.$set(this.formData.ruleItems[index], 'readonly', false);
-      });
-    },
-    delItem(index) {
-      this.formData.ruleItems.splice(index, 1);
+        ]
+      };
+      return {
+        addMatterDialog: false,
+        cycleValue: '',
+        uploadList: [],
+        formData: {},
+        contentConfigFormRules: {
+          maxWarningValue: [
+            { required: true, message: '请输入预警值', trigger: 'blur' }
+          ],
+          minWarningValue: [
+            { required: true, message: '请输入预警值', trigger: 'blur' }
+          ],
+          warningUnit: [
+            { required: true, message: '请输入预警时间单位', trigger: 'blur' }
+          ],
+          urgent: [
+            { required: true, message: '请选择紧急程度', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '请输入规则名称', trigger: 'blur' }
+          ],
+          ruleType: [
+            { required: true, message: '请选择预警类型', trigger: 'change' }
+          ],
+
+          // contentImage: [
+          //   { required: false, message: '请上传图片', trigger: 'blur' }
+          // ],
+          status: [{ required: true }],
+          name: [
+            { required: true, message: '请输入巡点检事项', trigger: 'blur' }
+          ],
+          content: [
+            { required: true, message: '请输入巡点检内容', trigger: 'blur' }
+          ],
+          norm: [
+            { required: true, message: '请输入巡点检标准', trigger: 'blur' }
+          ]
+        },
+        isBindPlan: false
+      };
     },
+    watch: {},
+    methods: {
+      openDialog(row, type) {
+        this.addMatterDialog = true;
+        if (type != 'add') {
+          this.getRuleInfo(row.id, type);
+        } else {
+          this.formData = { ...this.defaultForm };
+          this.$set(this.formData, 'status', 1);
+          this.$set(this.formData, 'ruleType', '1');
+          console.log('this.formData---------', this.formData);
+          this.$refs.contentConfigForm &&
+            this.$refs.contentConfigForm.resetFields();
+        }
+        if (type != 'edit') {
+          this.getOrderCode();
+        }
+      },
 
-    // 保存
-    dataKeep() {
-      let form = deepClone(this.formData);
-      console.log(this.$refs.cycleMultipleRef);
-      form.cycle = this.$refs.cycleMultipleRef.ruleCycleList;
-      console.log(form);
-      switch (form.cycleType) {
-        case 1:
-          if (form.cycle[0].minute === '') {
-            this.$message.warning('周期信息需补充完整！');
-            return;
-          }
-          break;
-        case 2:
-          if (form.cycle[0].hour === '' || form.cycle[0].minute === '') {
-            this.$message.warning('周期信息需补充完整！');
-            return;
-          }
-          break;
-        case 4:
-          if (
-            form.cycle[0].day === '' ||
-            form.cycle[0].hour === '' ||
-            form.cycle[0].minute === ''
-          ) {
-            this.$message.warning('周期信息需补充完整！');
-            return;
-          }
-          break;
-        case 5:
-          if (
-            form.cycle[0].month === '' ||
-            form.cycle[0].day === '' ||
-            form.cycle[0].hour === '' ||
-            form.cycle[0].minute === ''
-          ) {
-            this.$message.warning('周期信息需补充完整！');
-            return;
-          }
-          break;
-        case 11:
-          let flg = false;
-          form.cycle.map((item, index) => {
-            if (item.hour === '' || item.minute === '') {
-              flg = true;
-            }
+      async getRuleInfo(id, type) {
+        const data = await getDetail(id);
+        this.formData = data;
+        console.log(
+          '!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!',
+          this.formData
+        );
+        this.formData.ruleType = JSON.stringify(this.formData.ruleType);
+        this.$set(
+          this.formData,
+          'urgent',
+          JSON.stringify(this.formData.urgent)
+        );
+        if (type == 'clone') {
+          delete this.formData.id;
+        }
+      },
+
+      async getOrderCode() {
+        const data = await getCode('warn_rule_code');
+        this.$set(this.formData, 'code', data);
+      },
+
+      handleClose() {
+        this.addMatterDialog = false;
+        this.$emit('handleClose');
+      },
+      addItem() {
+        if (this.formData.ruleItems) {
+          this.formData.ruleItems.push({
+            name: '', // 巡点检事项
+            content: '', // 巡点检内容
+            norm: '', // 巡点检标准
+
+            readonly: false
           });
-          if (flg) {
-            this.$message.warning('周期信息需补充完整！');
-            return;
-          }
-          break;
-        case 13:
+        } else {
+          let arr = [
+            {
+              name: '', // 巡点检事项
+              content: '', // 巡点检内容
+              norm: '' // 巡点检标准
+            }
+          ];
+          this.$set(this.formData, 'ruleItems', arr);
+          // this.formData.ruleItems =
+        }
+      },
+      saveItem(index, row) {
+        this.$nextTick(() => {
           let flag = false;
-          form.cycle.map((item, index) => {
-            if (item.day === '' || item.hour === '') {
-              flag = true;
+          let name = row.name;
+          let content = row.content;
+          let norm = row.norm;
+          flag = name && content && norm;
+          this.$refs.contentConfigForm.validate((valid) => {
+            if (valid || flag) {
+              this.$set(this.formData.ruleItems[index], 'readonly', true);
             }
           });
-          if (flag) {
-            this.$message.warning('周期信息需补充完整！');
-            return;
-          }
-          break;
-        case 14:
-          let fla = false;
-          form.cycle.map((item, index) => {
-            if (item.month === '' || item.day === '' || item.hour === '') {
-              fla = true;
+        });
+      },
+      upload(data) {
+        if (data && data[0]?.accessUrl) {
+          this.formData.contentImage = data;
+        } else {
+          this.formData.contentImage = {};
+        }
+        this.$nextTick(() => {
+          this.$refs.contentConfigForm.validateField('contentImage');
+        });
+        console.log(this.formData.contentImage);
+      },
+      editItem(index) {
+        this.$nextTick(() => {
+          this.$set(this.formData.ruleItems[index], 'readonly', false);
+        });
+      },
+      delItem(index) {
+        this.formData.ruleItems.splice(index, 1);
+      },
+
+      // 保存
+      dataKeep() {
+        let form = deepClone(this.formData);
+        console.log(this.$refs.cycleMultipleRef);
+        form.cycle = this.$refs.cycleMultipleRef.ruleCycleList;
+        console.log(form);
+        switch (form.cycleType) {
+          case 1:
+            if (form.cycle[0].minute === '') {
+              this.$message.warning('周期信息需补充完整！');
+              return;
             }
-          });
-          if (fla) {
-            this.$message.warning('周期信息需补充完整！');
-            return;
-          }
-          break;
-      }
-      if (form.ruleItems && form.ruleItems.length > 0) {
-        this.$refs.contentConfigForm.validate(async (valid) => {
-          if (valid) {
-            // let form = deepClone(this.formData)
-            // form.ruleCycleList = this.$refs.cycleMultipleRef.ruleCycleList
-            // form.ruleItems.forEach(item => {
-            //   if (item.ruleType) {
-            //     item.ruleType = this.ruleTypeObj[item.ruleType.code]
-            //   }
-            // })
-            let res = await saveOrUpdate(form);
-            if (res) {
-              this.$message.success('操作成功！');
-              this.handleClose();
-              this.$emit('done');
+            break;
+          case 2:
+            if (form.cycle[0].hour === '' || form.cycle[0].minute === '') {
+              this.$message.warning('周期信息需补充完整！');
+              return;
             }
-          } else {
-            this.$message.warning('请将信息补充完整！');
-          }
-        });
-      } else {
-        this.$message.error('请添加事项内容！');
+            break;
+          case 4:
+            if (
+              form.cycle[0].day === '' ||
+              form.cycle[0].hour === '' ||
+              form.cycle[0].minute === ''
+            ) {
+              this.$message.warning('周期信息需补充完整！');
+              return;
+            }
+            break;
+          case 5:
+            if (
+              form.cycle[0].month === '' ||
+              form.cycle[0].day === '' ||
+              form.cycle[0].hour === '' ||
+              form.cycle[0].minute === ''
+            ) {
+              this.$message.warning('周期信息需补充完整！');
+              return;
+            }
+            break;
+          case 11:
+            let flg = false;
+            form.cycle.map((item, index) => {
+              if (item.hour === '' || item.minute === '') {
+                flg = true;
+              }
+            });
+            if (flg) {
+              this.$message.warning('周期信息需补充完整！');
+              return;
+            }
+            break;
+          case 13:
+            let flag = false;
+            form.cycle.map((item, index) => {
+              if (item.day === '' || item.hour === '') {
+                flag = true;
+              }
+            });
+            if (flag) {
+              this.$message.warning('周期信息需补充完整！');
+              return;
+            }
+            break;
+          case 14:
+            let fla = false;
+            form.cycle.map((item, index) => {
+              if (item.month === '' || item.day === '' || item.hour === '') {
+                fla = true;
+              }
+            });
+            if (fla) {
+              this.$message.warning('周期信息需补充完整！');
+              return;
+            }
+            break;
+        }
+        if (form.ruleItems && form.ruleItems.length > 0) {
+          this.$refs.contentConfigForm.validate(async (valid) => {
+            if (valid) {
+              // let form = deepClone(this.formData)
+              // form.ruleCycleList = this.$refs.cycleMultipleRef.ruleCycleList
+              // form.ruleItems.forEach(item => {
+              //   if (item.ruleType) {
+              //     item.ruleType = this.ruleTypeObj[item.ruleType.code]
+              //   }
+              // })
+              let res = await saveOrUpdate(form);
+              if (res) {
+                this.$message.success('操作成功！');
+                this.handleClose();
+                this.$emit('done');
+              }
+            } else {
+              this.$message.warning('请将信息补充完整！');
+            }
+          });
+        } else {
+          this.$message.error('请添加事项内容！');
+        }
       }
     }
-  }
-};
+  };
 </script>
 <style scoped lang="scss">
-.operationGuide_box {
-  width: 100%;
-  height: 50px;
-  display: flex;
-  overflow: hidden;
-  cursor: pointer;
+  .operationGuide_box {
+    width: 100%;
+    height: 50px;
+    display: flex;
+    overflow: hidden;
+    cursor: pointer;
+
+    .left_content {
+      flex: 0 0 200px;
+      padding: 10px;
+      box-sizing: border-box;
+      border: 1px solid #c0c4cc;
+      border-radius: 10px;
+      margin-right: 10px;
+      overflow-y: auto;
+    }
 
-  .left_content {
-    flex: 0 0 200px;
-    padding: 10px;
-    box-sizing: border-box;
-    border: 1px solid #c0c4cc;
-    border-radius: 10px;
-    margin-right: 10px;
-    overflow-y: auto;
+    .right_content {
+      flex: 1;
+      padding: 10px;
+      box-sizing: border-box;
+      border: 1px solid #c0c4cc;
+      border-radius: 10px;
+      overflow-y: auto;
+    }
   }
 
-  .right_content {
-    flex: 1;
-    padding: 10px;
-    box-sizing: border-box;
-    border: 1px solid #c0c4cc;
-    border-radius: 10px;
-    overflow-y: auto;
+  .form-ipt {
+    width: 310px;
   }
-}
 
-.form-ipt {
-  width: 310px;
-}
+  .details-div {
+    font-size: 14px;
+    padding-left: 40px;
 
-.details-div {
-  font-size: 14px;
-  padding-left: 40px;
+    .details-div-title {
+      display: flex;
+      justify-content: space-between;
 
-  .details-div-title {
-    display: flex;
-    justify-content: space-between;
-
-    span {
-      padding-top: 8px;
+      span {
+        padding-top: 8px;
+      }
     }
   }
-}
 
-.zw-container {
-  height: 450px;
-}
+  .zw-container {
+    height: 450px;
+  }
 
-.page-footer-btn {
-  margin: 20px 0;
-  text-align: center;
-}
+  .page-footer-btn {
+    margin: 20px 0;
+    text-align: center;
+  }
 
-// .app-container {
-::v-deep .el-form-item {
-  margin-bottom: 14px;
-}
+  // .app-container {
+  ::v-deep .el-form-item {
+    margin-bottom: 14px;
+  }
 
-::v-deep .el-table__body-wrapper {
-  .el-form-item {
-    margin-bottom: 0;
+  ::v-deep .el-table__body-wrapper {
+    .el-form-item {
+      margin-bottom: 0;
+    }
   }
-}
 
-::v-deep .el-form-item__error {
-  padding-top: 0;
-}
+  ::v-deep .el-form-item__error {
+    padding-top: 0;
+  }
 
-.cycle_value {
-  ::v-deep .el-input__inner {
-    text-align: center;
+  .cycle_value {
+    ::v-deep .el-input__inner {
+      text-align: center;
+    }
   }
-}
 
-::v-deep .el-table .cell {
-  display: flex;
-}
+  ::v-deep .el-table .cell {
+    display: flex;
+  }
 </style>

src/views/system/unifiedPortal/dialog.vue

@@ -2,7 +2,8 @@
   <el-dialog
     :title="`${type}统一门户`"
     :visible.sync="dialogVisible"
-    width="25%"
+    width="50%"
+    :close-on-click-modal="false"
   >
     <el-form label-width="150px" class="unifiedPortal-form" :model="form">
       <div class="icon-box">
@@ -61,14 +62,12 @@
         ></el-input>
       </el-form-item>
       <el-form-item label="链接" required>
-        <el-input placeholder="请输入内容" v-model="form.linkUrl">
-          <!--  <template slot="prepend">https://</template> -->
+        <el-input placeholder="请输入内容" v-model="form.link">
           <el-select
             v-model="select"
             slot="prepend"
             placeholder="请选择"
             style="width: 100px"
-            @change="changeSelect"
           >
             <el-option label="http://" value="http://"></el-option>
             <el-option label="https://" value="https://"></el-option>
@@ -115,7 +114,8 @@
         type: '新增',
         form: {
           linkType: '1',
-          architType: '1'
+          architType: '1',
+          link: ''
         },
         select: '',
         imageUrl: '',
@@ -144,17 +144,26 @@
         if (type == '新增') {
           this.form = {
             linkType: '1',
-            architType: '1'
+            architType: '1',
+            link: ''
           };
           this.imageUrl = '';
           this.file = null;
         } else {
           this.file = null;
-          this.form = await getDetails(id);
+          const data = await getDetails(id);
+          // 编辑时，需要去掉链接前面的http://和https://
+          let link = data.linkUrl.replace(/^https?:\/\//, '');
+
           this.imageUrl =
             window.location.origin +
             '/api/main/file/getFile?objectName=' +
-            this.form.iconPath;
+            data.iconPath;
+          this.select = data.linkUrl.split('://')[0]
+            ? data.linkUrl.split('://')[0] + '://'
+            : '';
+          // console.log(this.imageUrl, ' this.imageUrl');
+          this.form = { ...data, link };
         }
         this.dialogVisible = true;
       },
@@ -176,10 +185,7 @@
           this.file = file.raw; //赋值文件对象，用于上传操作
         }
       },
-      changeSelect() {
-        let urlWithoutProtocol = this.form.linkUrl.replace(/^https?:\/\//, '');
-        this.form.linkUrl = `${this.select}${urlWithoutProtocol}`;
-      },
+
       async config() {
         if (!this.form.name) {
           return this.$message.error('请输入名称');
@@ -187,7 +193,7 @@
         if (this.form.sort < 0) {
           return this.$message.error('请输入排序');
         }
-        if (!this.form.linkUrl) {
+        if (!this.form.link) {
           return this.$message.error('请输入链接');
         }
         if (this.form.linkType < 0) {
@@ -213,7 +219,9 @@
             return this.$message.error('请上传图片');
           }
         }
-
+        // let urlWithoutProtocol = this.form.link.replace(/^https?:\/\//, '');
+        this.form.linkUrl = `${this.select}${this.form.link}`;
+        delete this.form.link;
         if (this.type == '新增') {
           // 保存数据
           try {

vue.config.js

@@ -32,7 +32,7 @@ module.exports = {
       // 当我们的本地的请求 有/api的时候，就会代理我们的请求地址向另外一个服务器发出请求
       '/api': {
         // target: 'http://192.168.1.125:18086',
-        target: 'http://192.168.1.116:18086',
+        target: 'http://192.168.1.251:18086',
         // target: 'http://192.168.1.176:18086',
 
         changeOrigin: true, // 只有这个值为true的情况下 才表示开启跨域