From 0c4eadcbf4999630d7561e4bafd4ed712691c70d Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Thu, 10 Nov 2022 17:44:38 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=98=E6=9C=89=E5=85=9A=E5=BB=BA=E5=A3=B0?=
 =?UTF-8?q?=E9=9F=B3=E4=B9=9F=E6=94=B9=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/cpts/base/cpts/edit.vue | 425 ++++++++++++----------
 1 file changed, 234 insertions(+), 191 deletions(-)

diff --git a/src/views/modules/cpts/base/cpts/edit.vue b/src/views/modules/cpts/base/cpts/edit.vue
index cc4fcbf79..afc83f45b 100644
--- a/src/views/modules/cpts/base/cpts/edit.vue
+++ b/src/views/modules/cpts/base/cpts/edit.vue
@@ -1,205 +1,235 @@
 <template>
   <div>
     <div class="dialog-h-content scroll-h">
-      <el-form v-if="iniLoaded"
-               ref="ref_form"
-               :model="fmData"
-               :inline="true"
-               :disabled="formType === 'watch'"
-               class="m-fm"
-               :class="{ 'z-div': editParamsDiv, 'z-watch': formType === 'watch' }">
+      <el-form
+        v-if="iniLoaded"
+        ref="ref_form"
+        :model="fmData"
+        :inline="true"
+        :disabled="formType === 'watch'"
+        class="m-fm"
+        :class="{ 'z-div': editParamsDiv, 'z-watch': formType === 'watch' }"
+      >
         <div class="list">
-          <el-form-item v-for="item in editParams"
-                        class="item"
-                        label-width="140px"
-                        style="display: block"
-                        :key="'edit' + item.keyName"
-                        :label="item.field"
-                        :prop="item.keyName"
-                        :rules="item.rules || []">
+          <el-form-item
+            v-for="item in editParams"
+            class="item"
+            label-width="140px"
+            style="display: block"
+            :key="'edit' + item.keyName"
+            :label="item.field"
+            :prop="item.keyName"
+            :rules="item.rules || []"
+          >
             <template v-if="item.type == 'switch'">
-              <el-switch v-model="fmData[item.keyName]"
-                         size="small"
-                         :active-text="item.activeText || ''"
-                         :inactive-text="item.inactiveText || ''"
-                         :active-value="item.activeValue || true"
-                         :inactive-value="item.inactiveValue || false">
+              <el-switch
+                v-model="fmData[item.keyName]"
+                size="small"
+                :active-text="item.activeText || ''"
+                :inactive-text="item.inactiveText || ''"
+                :active-value="item.activeValue || true"
+                :inactive-value="item.inactiveValue || false"
+              >
               </el-switch>
             </template>
 
             <template v-if="item.type == 'input'">
-              <el-input v-if="
+              <el-input
+                v-if="
                   formType == 'add' || (formType == 'edit' && !item.editDisable)
                 "
-                        v-model="fmData[item.keyName]"
-                        class="item-input"
-                        size="small"
-                        clearable
-                        show-word-limit
-                        :maxlength="item.maxlength || ''"
-                        :placeholder="item.placeholder || '请输入'">
+                v-model="fmData[item.keyName]"
+                class="item-input"
+                size="small"
+                clearable
+                show-word-limit
+                :maxlength="item.maxlength || ''"
+                :placeholder="item.placeholder || '请输入'"
+              >
               </el-input>
 
-              <div class="item-show"
-                   v-else>
+              <div class="item-show" v-else>
                 {{ fmData[item.keyName] || "--" }}
-                <span v-if="item.attach">{{item.attach}}</span>
+                <span v-if="item.attach">{{ item.attach }}</span>
               </div>
             </template>
 
             <template v-if="item.type == 'textarea'">
-              <el-input v-if="
+              <el-input
+                v-if="
                   formType == 'add' || (formType == 'edit' && !item.editDisable)
                 "
-                        v-model="fmData[item.keyName]"
-                        type="textarea"
-                        class="item-input"
-                        size="small"
-                        clearable
-                        show-word-limit
-                        :rows="3"
-                        :maxlength="item.maxlength || ''"
-                        :placeholder="item.placeholder || '请输入'">
+                v-model="fmData[item.keyName]"
+                type="textarea"
+                class="item-input"
+                size="small"
+                clearable
+                show-word-limit
+                :rows="3"
+                :maxlength="item.maxlength || ''"
+                :placeholder="item.placeholder || '请输入'"
+              >
               </el-input>
 
-              <div class="item-show"
-                   v-else>
+              <div class="item-show" v-else>
                 {{ fmData[item.keyName] || "--" }}
               </div>
             </template>
 
             <template v-if="item.type == 'date'">
-              <el-date-picker v-if="
+              <el-date-picker
+                v-if="
                   formType == 'add' || (formType == 'edit' && !item.editDisable)
                 "
-                              v-model="fmData[item.keyName]"
-                              :picker-options="item.pickerOptions"
-                              class="item-input"
-                              size="small"
-                              clearable
-                              show-word-limit
-                              :value-format="item.format || 'yyyy-MM-dd'"
-                              :placeholder="item.placeholder || '请输入'">
+                v-model="fmData[item.keyName]"
+                :picker-options="item.pickerOptions"
+                class="item-input"
+                size="small"
+                clearable
+                show-word-limit
+                :value-format="item.format || 'yyyy-MM-dd'"
+                :placeholder="item.placeholder || '请输入'"
+              >
               </el-date-picker>
 
-              <div class="item-show"
-                   v-else>
+              <div class="item-show" v-else>
                 {{ fmData[item.keyName] || "--" }}
               </div>
             </template>
 
             <template v-if="item.type == 'number'">
-              <el-input-number v-if="
+              <el-input-number
+                v-if="
                   formType == 'add' || (formType == 'edit' && !item.editDisable)
                 "
-                               v-model="fmData[item.keyName]"
-                               class="item-number"
-                               size="small"
-                               clearable
-                               :precision="item.precision || 0"
-                               :step="item.step || 1"
-                               :min="item.min || 0"
-                               :max="item.max || 999999999999"
-                               :placeholder="item.placeholder || '请输入'">
+                v-model="fmData[item.keyName]"
+                class="item-number"
+                size="small"
+                clearable
+                :precision="item.precision || 0"
+                :step="item.step || 1"
+                :min="item.min || 0"
+                :max="item.max || 999999999999"
+                :placeholder="item.placeholder || '请输入'"
+              >
               </el-input-number>
-              <span class="item-show"
-                    v-else>
+              <span class="item-show" v-else>
                 {{ fmData[item.keyName] || "--" }}
               </span>
               <span v-if="item.unitName">（{{ item.unitName }}）</span>
             </template>
 
             <template v-else-if="item.type == 'select'">
-              <el-select v-model="fmData[item.keyName]"
-                         :placeholder="item.placeholder || '请选择'"
-                         size="small"
-                         clearable
-                         class="item-select"
-                         :multiple="item.multiple || false"
-                         :filterable="item.filterable || false"
-                         :allowCreate="item.allowCreate || false"
-                         :collapse-tags="item.collapseTags || false"
-                         default-first-option
-                         @change="(e) => handleChangeSelect(e, item)">
+              <el-select
+                v-model="fmData[item.keyName]"
+                :placeholder="item.placeholder || '请选择'"
+                size="small"
+                clearable
+                class="item-select"
+                :multiple="item.multiple || false"
+                :filterable="item.filterable || false"
+                :allowCreate="item.allowCreate || false"
+                :collapse-tags="item.collapseTags || false"
+                default-first-option
+                @change="(e) => handleChangeSelect(e, item)"
+              >
                 <template v-if="item.optionType == 'group'">
-                  <el-option-group v-for="group in item.optionList"
-                                   :key="group.label"
-                                   :label="group.label">
-                    <el-option v-for="subItem in group.optionList"
-                               :key="subItem.value"
-                               :label="subItem.label"
-                               :value="subItem.value">
+                  <el-option-group
+                    v-for="group in item.optionList"
+                    :key="group.label"
+                    :label="group.label"
+                  >
+                    <el-option
+                      v-for="subItem in group.optionList"
+                      :key="subItem.value"
+                      :label="subItem.label"
+                      :value="subItem.value"
+                    >
                     </el-option>
                   </el-option-group>
                 </template>
                 <template v-else>
-                  <el-option v-for="(subItem, subIndex) in item.optionList"
-                             :key="subItem.value + subIndex"
-                             :label="subItem.label"
-                             :value="subItem.value">
+                  <el-option
+                    v-for="(subItem, subIndex) in item.optionList"
+                    :key="subItem.value + subIndex"
+                    :label="subItem.label"
+                    :value="subItem.value"
+                  >
                   </el-option>
                 </template>
               </el-select>
             </template>
 
             <template v-else-if="item.type == 'rich-text'">
-              <div v-if="
+              <div
+                v-if="
                   formType == 'add' || (formType == 'edit' && !item.editDisable)
                 "
-                   class="item-rich-text">
-                <Tinymce :ref="'richText' + item.keyName"
-                         v-model="fmData[item.keyName]"
-                         :customerId="customerId"
-                         :placeholder="item.placeholder || '请输入'"
-                         :height="500" />
+                class="item-rich-text"
+              >
+                <Tinymce
+                  :ref="'richText' + item.keyName"
+                  v-model="fmData[item.keyName]"
+                  :customerId="customerId"
+                  :placeholder="item.placeholder || '请输入'"
+                  :height="500"
+                />
               </div>
-              <div v-else
-                   class="item-rich-text z-show"
-                   @click="handleClickHtmlNode">
+              <div
+                v-else
+                class="item-rich-text z-show"
+                @click="handleClickHtmlNode"
+              >
                 <div v-html="fmData[item.keyName]"></div>
               </div>
             </template>
 
             <template v-else-if="item.type == 'cascader'">
-              <el-cascader v-model="fmData[item.keyName]"
-                           :placeholder="item.placeholder || '请选择'"
-                           :options="item.optionList"
-                           :props="item.optionProps || {}"
-                           :show-all-levels="false"
-                           :collapse-tags="item.collapseTags || false"
-                           size="small"
-                           clearable
-                           class="item-select"
-                           @change="(e) => handleChangeCascader(e, item)">
+              <el-cascader
+                v-model="fmData[item.keyName]"
+                :placeholder="item.placeholder || '请选择'"
+                :options="item.optionList"
+                :props="item.optionProps || {}"
+                :show-all-levels="false"
+                :collapse-tags="item.collapseTags || false"
+                size="small"
+                clearable
+                class="item-select"
+                @change="(e) => handleChangeCascader(e, item)"
+              >
               </el-cascader>
             </template>
 
             <template v-else-if="item.type == 'upload'">
-              <el-upload :headers="$getElUploadHeaders()"
-                         v-if="
+              <el-upload
+                :headers="$getElUploadHeaders()"
+                v-if="
                   formType == 'add' || (formType == 'edit' && !item.editDisable)
                 "
-                         ref="upload"
-                         class="avatar-uploader"
-                         :class="{ 'z-full': fmData[item.keyName].length >= item.limit }"
-                         :action="item.uploadUrl || uploadUrl"
-                         :data="{ customerId: customerId }"
-                         :show-file-list="true"
-                         :list-type="item.listType || 'picture'"
-                         :limit="item.limit || 100"
-                         :file-list="fmData[item.keyName]"
-                         :on-success="(res, file) => handleImgSuccess(res, file, item)"
-                         :on-error="(res, file) => handleImgError(res, file, item)"
-                         :on-remove="(res) => handleImgRemove(res, item)"
-                         :on-exceed="(res) => handleImgExceed(res, item)"
-                         :before-upload="(file) => beforeImgUpload(file, item)">
+                ref="upload"
+                class="avatar-uploader"
+                :class="{ 'z-full': fmData[item.keyName].length >= item.limit }"
+                :action="item.uploadUrl || uploadUrl"
+                :data="{ customerId: customerId }"
+                :show-file-list="true"
+                :list-type="item.listType || 'picture'"
+                :limit="item.limit || 100"
+                :file-list="fmData[item.keyName]"
+                :on-success="(res, file) => handleImgSuccess(res, file, item)"
+                :on-error="(res, file) => handleImgError(res, file, item)"
+                :on-remove="(res) => handleImgRemove(res, item)"
+                :on-exceed="(res) => handleImgExceed(res, item)"
+                :before-upload="(file) => beforeImgUpload(file, item)"
+              >
                 <a><i class="el-icon-plus"></i> 点击上传</a>
               </el-upload>
-              <el-image v-else-if="fmData[item.keyName].length > 0"
-                        style="width: 100px; height: 100px"
-                        :src="fmData[item.keyName][0].url"
-                        fit="cover"
-                        :preview-src-list="fmData[item.keyName].map((item) => item.url)"></el-image>
+              <el-image
+                v-else-if="fmData[item.keyName].length > 0"
+                style="width: 100px; height: 100px"
+                :src="fmData[item.keyName][0].url"
+                fit="cover"
+                :preview-src-list="fmData[item.keyName].map((item) => item.url)"
+              ></el-image>
               <span v-else>--</span>
             </template>
 
@@ -239,16 +269,20 @@
                 <div id="app_base" class="div_map"></div>
                 <div style="margin-top: 10px" v-show="false">
                   <span>经度</span>
-                  <el-input class="address-item-input2"
-                            maxlength="50"
-                            placeholder="请输入经度"
-                            v-model="fmData[item.supKeys[0]]">
+                  <el-input
+                    class="address-item-input2"
+                    maxlength="50"
+                    placeholder="请输入经度"
+                    v-model="fmData[item.supKeys[0]]"
+                  >
                   </el-input>
                   <span style="margin-left: 20px">纬度</span>
-                  <el-input class="address-item-input2"
-                            maxlength="50"
-                            placeholder="请输入纬度"
-                            v-model="fmData[item.supKeys[1]]">
+                  <el-input
+                    class="address-item-input2"
+                    maxlength="50"
+                    placeholder="请输入纬度"
+                    v-model="fmData[item.supKeys[1]]"
+                  >
                   </el-input>
                 </div>
               </div>
@@ -275,44 +309,52 @@
         </div>
       </el-form>
 
-      <div class="div_btn resi-btns"
-           v-if="!formBtnFixed">
-        <el-button size="small"
-                   @click="handleCancle">{{
+      <div class="div_btn resi-btns" v-if="!formBtnFixed">
+        <el-button size="small" @click="handleCancle">{{
           editConfig.cancelBtnName || "取消"
         }}</el-button>
-        <el-button v-if="formType != 'watch'"
-                   type="primary"
-                   size="small"
-                   :disabled="btnDisable"
-                   @click="handleComfirm">{{ editConfig.confirmBtnName || "确定" }}</el-button>
-        <slot name="operateSup"
-              v-bind:id="formId"
-              v-bind:info="fmData"
-              v-bind:formType="formType"></slot>
+        <el-button
+          v-if="formType != 'watch'"
+          type="primary"
+          size="small"
+          :disabled="btnDisable"
+          @click="handleComfirm"
+          >{{ editConfig.confirmBtnName || "确定" }}</el-button
+        >
+        <slot
+          name="operateSup"
+          v-bind:id="formId"
+          v-bind:info="fmData"
+          v-bind:formType="formType"
+        ></slot>
       </div>
 
-      <slot name="bottomSup"
-            v-bind:id="formId"
-            v-bind:info="fmData"
-            v-bind:formType="formType"></slot>
+      <slot
+        name="bottomSup"
+        v-bind:id="formId"
+        v-bind:info="fmData"
+        v-bind:formType="formType"
+      ></slot>
     </div>
 
-    <div class="div_btn resi-btns"
-         v-if="formBtnFixed">
-      <el-button size="small"
-                 @click="handleCancle">{{
+    <div class="div_btn resi-btns" v-if="formBtnFixed">
+      <el-button size="small" @click="handleCancle">{{
         editConfig.cancelBtnName || "取消"
       }}</el-button>
-      <el-button v-if="formType != 'watch'"
-                 type="primary"
-                 size="small"
-                 :disabled="btnDisable"
-                 @click="handleComfirm">{{ editConfig.confirmBtnName || "确定" }}</el-button>
-      <slot name="operateSup"
-            v-bind:id="formId"
-            v-bind:info="fmData"
-            v-bind:formType="formType"></slot>
+      <el-button
+        v-if="formType != 'watch'"
+        type="primary"
+        size="small"
+        :disabled="btnDisable"
+        @click="handleComfirm"
+        >{{ editConfig.confirmBtnName || "确定" }}</el-button
+      >
+      <slot
+        name="operateSup"
+        v-bind:id="formId"
+        v-bind:info="fmData"
+        v-bind:formType="formType"
+      ></slot>
     </div>
   </div>
 </template>
@@ -385,7 +427,7 @@ export default {
     },
   },
 
-  data () {
+  data() {
     return {
       iniLoaded: false,
       loading: false,
@@ -407,19 +449,19 @@ export default {
   computed: {},
   watch: {
     editParams: {
-      handler () {
+      handler() {
         this.computeFmData();
       },
       deep: true,
     },
   },
 
-  async mounted () {
+  async mounted() {
     this.initForm();
   },
 
   methods: {
-    async initForm () {
+    async initForm() {
       this.iniFmData();
 
       if (this.formId && this.formType != "add") {
@@ -427,11 +469,11 @@ export default {
       }
     },
 
-    computeFmData () {
+    computeFmData() {
       console.log(this.fmData);
     },
 
-    iniFmData () {
+    iniFmData() {
       const { editParams, fmData, editParamsDiv } = this;
       editParams.forEach((item, index) => {
         if (typeof item.value == "function") {
@@ -503,7 +545,7 @@ export default {
       this.iniLoaded = true;
     },
 
-    handleClickHtmlNode (e) {
+    handleClickHtmlNode(e) {
       //在判断事件目标节点的时候，考虑到兼容性应该统一转换成大写或小写进行判断
       if (e.target.localName.toLowerCase() === "a") {
         // 通过判端目标节点以后，就能在这里对其进行操作啦。
@@ -512,7 +554,7 @@ export default {
       }
     },
 
-    async getFmOptions (index, url, params, cookFn) {
+    async getFmOptions(index, url, params, cookFn) {
       const { data, code, msg } = await requestPost(url, {
         ...params,
       });
@@ -525,13 +567,13 @@ export default {
       }
     },
 
-    handleChangeCascader (vals, item) {
+    handleChangeCascader(vals, item) {
       this.fmData[item["keyName"]] = vals;
       if (typeof item.handleChangeFn == "function") {
         item.handleChangeFn(vals, item, this);
       }
     },
-    handleChangeSelect (vals, item) {
+    handleChangeSelect(vals, item) {
       console.log(vals, item);
       this.fmData[item["keyName"]] = vals;
       if (typeof item.handleChangeFn == "function") {
@@ -539,14 +581,14 @@ export default {
       }
     },
 
-    beforeImgUpload (file, item) {
+    beforeImgUpload(file, item) {
       if (typeof item.beforeImgUpload == "function") {
         if (!item.beforeImgUpload(file, item, this)) return false;
       }
       return true;
     },
 
-    handleImgRemove (file, item) {
+    handleImgRemove(file, item) {
       console.log("handleImgRemove", file);
       let url = file.response ? file.response.data.url : file.url;
       if (url) {
@@ -568,7 +610,7 @@ export default {
       }
     },
 
-    handleImgExceed (res, item) {
+    handleImgExceed(res, item) {
       console.log(res);
       // this.$message({
       //   type: "warning",
@@ -576,7 +618,7 @@ export default {
       // });
     },
 
-    handleImgSuccess (res, file, item) {
+    handleImgSuccess(res, file, item) {
       console.log("handleImgSuccess", res);
       if (res.code === 0 && res.msg === "success") {
         let { fmData } = this;
@@ -612,12 +654,12 @@ export default {
       }
     },
 
-    handleImgError (res, file, item) {
+    handleImgError(res, file, item) {
       console.log(res);
     },
 
     // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
-    initMap (item) {
+    initMap(item) {
       let { latitude, longitude } = this.$store.state.user;
 
       map = new daiMap(
@@ -756,12 +798,12 @@ export default {
       }
     },
 
-    watchImg (src) {
+    watchImg(src) {
       window.open(src);
     },
 
     // 过滤文本
-    dormatHtml (content) {
+    dormatHtml(content) {
       if (
         content.startsWith(
           "<!DOCTYPE html>\n<html>\n<head>\n</head>\n<body>\n"
@@ -773,7 +815,7 @@ export default {
       return content;
     },
 
-    cookBeforeSubmit (data) {
+    cookBeforeSubmit(data) {
       Object.keys(data).forEach((k) => {
         if (typeof data[k] == "string") {
           data[k] = this.dormatHtml(data[k]);
@@ -782,7 +824,7 @@ export default {
       return data;
     },
 
-    async handleComfirm () {
+    async handleComfirm() {
       this.btnDisable = true;
       setTimeout(() => {
         this.btnDisable = false;
@@ -814,7 +856,7 @@ export default {
       });
     },
 
-    async submit () {
+    async submit() {
       const { editConfig, fmData, formType, editFixedParams } = this;
       if (
         typeof editConfig.beforeSubmit == "function" &&
@@ -854,7 +896,7 @@ export default {
       }
     },
 
-    handleCancle () {
+    handleCancle() {
       this.$emit("close");
     },
   },
@@ -927,13 +969,14 @@ export default {
       .item {
         min-width: 45%;
 
-        .item-rich-text {
+        /deep/ .item-rich-text {
           width: 817px;
           max-height: 500px;
           overflow: auto;
 
           img {
             max-width: 100%;
+            height: auto;
           }
           &.z-show {
             box-sizing: border-box;