From e030671ae98e7c52825b69b83d9aa0b3693026d8 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 1 Jul 2022 17:56:51 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=98=E6=9C=89=E5=BE=88=E9=95=BF=E8=B7=9D?=
 =?UTF-8?q?=E7=A6=BB=E6=89=8D=E8=83=BD=E7=BB=93=E6=9D=9F=EF=BC=8C=E8=BF=99?=
 =?UTF-8?q?=E4=B8=AA=E5=85=AC=E5=85=B1=E6=A8=A1=E6=9D=BF=E5=A4=8D=E6=9D=82?=
 =?UTF-8?q?=E5=BA=A6=E5=BE=88=E5=A4=A7=E5=95=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/communityParty/article/drafts.vue | 390 +++++++++++++-----
 .../modules/communityParty/article/index.vue  |  96 ++++-
 src/views/modules/cpts/base/cpts/edit.vue     |  92 ++++-
 src/views/modules/cpts/base/index.vue         |  24 +-
 .../shequzhili/tuceng/anquan/xuncha/index.vue |   2 +-
 5 files changed, 461 insertions(+), 143 deletions(-)

diff --git a/src/views/modules/communityParty/article/drafts.vue b/src/views/modules/communityParty/article/drafts.vue
index dbee3e59..36b4bdd6 100644
--- a/src/views/modules/communityParty/article/drafts.vue
+++ b/src/views/modules/communityParty/article/drafts.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <base-page
+      ref="basePage"
       :searchParams="searchParams"
       :tableParams="tableParams"
       :tableUrl="tableUrl"
@@ -14,174 +15,325 @@
       :importUrl="importUrl"
       :mubanUrl="mubanUrl"
       :editParams="editParams"
+      :editFixedParams="editFixedParams"
       :editElseRules="editElseRules"
-      :editBtnName="(item) => (!item.latitude ? '待完善' : '修改')"
-      idName="icDangerousChemicalsId"
-    ></base-page>
+      :editConfig="editConfig"
+      :editParamsDiv="5"
+      :infoAuth="() => false"
+      :formBtnFixed="true"
+      idName="draftId"
+    >
+      <template v-slot:editOperateSup="{ id, formType, info }">
+        <el-button
+          v-if="formType != 'watch'"
+          type="warning"
+          size="small"
+          :disabled="draftBtnDisable"
+          @click="handleClickDraft(info)"
+          >存草稿</el-button
+        >
+      </template>
+    </base-page>
   </div>
 </template>
 
 <script>
 import basePage from "@/views/modules/cpts/base/index";
+import { getItemByIdInCascader, collapse } from "@/utils/cascader";
+import { requestPost } from "@/js/dai/request";
+import dateFormat from "dai-js/tools/dateFormat.js";
 
 export default {
   props: {},
 
   data() {
     return {
+      draftBtnDisable: false,
+
       searchParams: [
-        { field: "活动标题", keyName: "name", type: "input" },
-        {
-          field: "分类",
-          keyName: "category",
-          type: "select",
-          optionUrl: "/gov/org/coverage/dict-select-list/dangerous_chemicals",
-          optionUrlParams: {},
-          optionList: [],
-        },
-        {
-          field: "状态",
-          keyName: "dangerType",
-          type: "select",
-          optionUrl: "/sys/dict/data/dictlist",
-          optionUrlParams: {
-            dictType: "ic_danger_type",
-          },
-          optionList: [],
-        },
-        {
-          field: "发布范围",
-          keyName: "dangerType",
-          type: "select",
-          optionUrl: "/sys/dict/data/dictlist",
-          optionUrlParams: {
-            dictType: "ic_danger_type",
-          },
-          optionList: [],
-        },
+        { field: "文章标题", keyName: "title", type: "input" },
         {
-          field: "发布时间",
-          keyName: "dangerType",
-          type: "select",
-          optionUrl: "/sys/dict/data/dictlist",
-          optionUrlParams: {
-            dictType: "ic_danger_type",
-          },
-          optionList: [],
+          field: "创建时间",
+          keyName: "createdTime",
+          type: "date-range",
+          supKeys: ["startTime", "endTime"],
+          supValues: ["", ""],
         },
       ],
 
       tableParams: [
         { field: "序号", keyName: "", type: "no" },
-        { field: "企业名称", keyName: "name", type: "text" },
-        { field: "企业类别", keyName: "categoryName", type: "text" },
-        { field: "周边安全间距", keyName: "safeDistanceName", type: "text" },
-        { field: "危化品种类", keyName: "dangerTypeName", type: "text" },
-        { field: "经营地址", keyName: "address", type: "text" },
-        { field: "负责人", keyName: "principalName", type: "text" },
-        { field: "联系电话", keyName: "principalMobile", type: "text" },
-        { field: "备注", keyName: "remark", type: "text" },
+        { field: "文章标题", keyName: "title", type: "text" },
+        { field: "创建时间", keyName: "createdTime", type: "text" },
       ],
-      tableUrl: "/gov/org/icDangerousChemicals/list",
-      mubanUrl: "/gov/org/icDangerousChemicals/download",
-      importUrl: "/gov/org/icDangerousChemicals/import",
-      exportUrl: "/gov/org/icDangerousChemicals/export",
+      tableUrl: "/gov/voice/draft/draftListV2",
+      mubanUrl: "",
+      importUrl: "",
+      exportUrl: "",
 
-      addUrl: "/gov/org/icDangerousChemicals/add",
-      editUrl: "/gov/org/icDangerousChemicals/edit",
-      infoUrl: "/gov/org/icDangerousChemicals/detail",
-      delUrl: "/gov/org/icDangerousChemicals/del",
+      addUrl: "/gov/voice/article/addOrSaveDraft",
+      editUrl: "/gov/voice/article/addOrSaveDraft",
+      infoUrl: "/gov/voice/draft/detailV2",
+      delUrl: "/gov/voice/draft/deletedraft",
       editAuth(item) {
-        return item.agencyId == this.$store.state.user.agencyId;
+        return true;
       },
       delAuth(item) {
-        return item.agencyId == this.$store.state.user.agencyId;
+        return true;
       },
 
       editParams: [
         {
-          field: "企业名称",
-          keyName: "name",
+          field: "文章标题",
+          keyName: "title",
           type: "input",
           maxlength: 50,
           editDisabled: true,
           rules: [
             {
               required: true,
-              message: "企业名称不能为空",
+              message: "文章标题不能为空",
               trigger: "blur",
             },
           ],
         },
         {
-          field: "企业分类",
-          keyName: "category",
-          type: "select",
-          optionUrl: "/gov/org/coverage/dict-select-list/dangerous_chemicals",
+          field: "封面图片",
+          keyName: "imgArr",
+          type: "upload",
+          limit: 1,
+          editDisabled: true,
+          rules: [],
+          value: [],
+          supKeys: ["imgUrlArr", "imgUrl"],
+          supValues: [[], ""],
+          beforeImgUpload(file, item, that) {
+            console.log(file);
+            const isLt1M = file.size / 1024 / 1024 < 10;
+            const srcType = file.type;
+
+            if (!isLt1M) {
+              that.$message.error("上传文件大小不能超过 10MB!");
+              return false;
+            }
+            if (srcType.indexOf("image") == -1) {
+              that.$message.error("仅限图片格式");
+              return false;
+            }
+            return true;
+          },
+        },
+        {
+          field: "发布范围",
+          keyName: "gridIdList",
+          type: "cascader",
+          value: [],
+          supKeys: ["publishRangeDesc"],
+          supValues: [[]],
+          optionUrl: "/gov/org/customeragency/agencygridtree",
           optionUrlParams: {
-            // dictType: "ic_service_type",
+            agencyId: this.$store.state.user.agencyId,
           },
           optionList: [],
-          editDisabled: true,
+          optionProps: {
+            multiple: true,
+            value: "agencyId",
+            label: "agencyName",
+            children: "subAgencyList",
+            checkStrictly: false,
+            emitPath: false,
+          },
+          optionCook(obj) {
+            return [obj];
+          },
+          handleChangeFn(vals, item, that) {
+            console.log("handleChangeFn", vals);
+            const { optionList } = item;
+            const optionPlaneList = collapse(optionList, "subAgencyList");
+            if (vals.length > 0) {
+              let selectedList = vals.map(
+                (v) =>
+                  getItemByIdInCascader(
+                    optionPlaneList,
+                    [v],
+                    "agencyId",
+                    "subAgencyList"
+                  )[0]
+              );
+              console.log("handleChangeFn", selectedList);
+              let selectedFilterList = selectedList.filter(
+                (a) => a.level == "grid"
+              );
+              that.fmData[item["keyName"]] = selectedFilterList.map(
+                (a) => a.agencyId
+              );
+              that.fmData[item["supKeys"][0]] = selectedFilterList
+                .map((a) => a.agencyName)
+                .join("、");
+            } else {
+            }
+          },
           rules: [
-            { required: true, message: "企业分类不能为空", trigger: "blur" },
+            {
+              required: true,
+              message: "发布范围不能为空",
+              trigger: "blur",
+            },
           ],
         },
         {
-          field: "周边安全间距",
-          keyName: "safeDistance",
-          type: "number",
-          precision: 2,
-          step: 0.01,
-          min: 0,
-          max: 1000000000,
-          unitName: "公里",
+          field: "发布时间",
+          keyName: "publishDate",
+          type: "date",
+          value: dateFormat(new Date(), "yyyy-MM-dd"),
+          rules: [
+            {
+              required: true,
+              message: "发布时间不能为空",
+              trigger: "blur",
+            },
+          ],
         },
         {
-          field: "危化品种类",
-          keyName: "dangerType",
+          field: "发布单位",
+          keyName: "publisher",
           type: "select",
-          optionUrl: "/sys/dict/data/dictlist",
-          optionUrlParams: {
-            dictType: "ic_danger_type",
-          },
+          optionUrl: "/gov/voice/article/publishagencylist",
           optionList: [],
-          editDisabled: true,
-        },
-        {
-          field: "负责人",
-          keyName: "principalName",
-          type: "input",
-          maxlength: 50,
+          optionType: "group",
+          supKeys: ["publisherName", "publisherType"],
+          supValues: ["", ""],
+          optionCook(data) {
+            let ret = [];
+            const { agencyDeptList, agencyGridList, agencyId, agencyName } =
+              data;
+            if (agencyId) {
+              ret.push({
+                label: "以组织名义",
+                optionList: [
+                  {
+                    label: agencyId,
+                    value: agencyName,
+                    type: "agency",
+                  },
+                ],
+              });
+            }
+            if (Array.isArray(agencyDeptList) && agencyDeptList.length > 0) {
+              ret.push({
+                label: "以部门名义",
+                optionList: [
+                  ...agencyDeptList.map((d) => ({
+                    label: d.agencyDeptName,
+                    value: d.departmentId,
+                    type: "department",
+                  })),
+                ],
+              });
+            }
+            if (Array.isArray(agencyGridList) && agencyGridList.length > 0) {
+              ret.push({
+                label: "以网格名义",
+                optionList: [
+                  ...agencyGridList.map((d) => ({
+                    label: d.agencyGridName,
+                    value: d.gridId,
+                    type: "grid",
+                  })),
+                ],
+              });
+            }
+            return ret;
+          },
+          handleChangeFn(vals, item, that) {
+            const { optionList } = item;
+            let opts = [];
+            optionList.forEach((g) => {
+              opts = [...opts, ...g.optionList];
+            });
+            let publisher = opts.find((p) => vals == p.value);
+            that.fmData[item["supKeys"][0]] = publisher.label;
+            that.fmData[item["supKeys"][1]] = publisher.type;
+          },
+          rules: [
+            {
+              required: true,
+              message: "发布单位不能为空",
+              trigger: "blur",
+            },
+          ],
         },
         {
-          field: "联系电话",
-          keyName: "principalMobile",
-          type: "input",
-          maxlength: 50,
+          field: "文章标签",
+          keyName: "tagNameList",
+          type: "select",
+          multiple: true,
+          filterable: true,
+          allowCreate: true,
+          optionUrl: "/gov/voice/tag/taglist",
+          optionUrlParams: {},
+          optionList: [],
+          optionCook(list) {
+            return list.map((item) => ({
+              label: item.tagName,
+              value: item.tagName,
+            }));
+          },
         },
         {
-          field: "经营地址",
-          keyName: "address",
-          type: "address",
-          maxlength: 50,
-          supKeys: ["longitude", "latitude"],
-          supValues: ["", ""],
+          field: "内容",
+          keyName: "content",
+          type: "rich-text",
           rules: [
             {
               required: true,
-              message: "经营地址坐标不能为空",
+              message: "内容不能为空",
               trigger: "blur",
             },
           ],
         },
-        { field: "备注", keyName: "remark", type: "textarea" },
+        {
+          field: "置顶",
+          keyName: "isTop",
+          type: "switch",
+          activeValue: "1",
+          inactiveValue: "0",
+        },
       ],
-      editElseRules: {
-        longitude: {
-          type: "number",
-          required: true,
-          message: "请拖动地图选择坐标点",
+      editFixedParams: {
+        type: "article",
+      },
+      editElseRules: {},
+      editConfig: {
+        cookInfoFn(data) {
+          if (data.richTextFlag == "0") {
+            data.content = data.contentList
+              .map((item) => {
+                if (item.contentType == "text") {
+                  return `<p>${item.content}</p>`;
+                } else if (item.contentType == "img") {
+                  return `<img src="${item.content}" style="max-width:100%"></img>`;
+                } else if (item.contentType == "video") {
+                  return `<video src="${item.content}" style="max-width:100%"></video>`;
+                } else if (item.contentType == "file") {
+                  return `<a src="${item.content}" target="_blank">附件：${item.fileName}</a>`;
+                }
+              })
+              .join(" ");
+          } else {
+            data.content = data.contentList[0].content;
+          }
+          if (data.imgUrl) {
+            data.imgArr = [
+              {
+                name: "封面",
+                url: data.imgUrl,
+              },
+            ];
+            data.imgUrlArr = [data.imgUrl];
+          }
+
+          return data;
         },
       },
     };
@@ -192,7 +344,31 @@ export default {
 
   async mounted() {},
 
-  methods: {},
+  methods: {
+    async handleClickDraft(fmData) {
+      let url = this.addUrl;
+      let params = {
+        ...fmData,
+        type: "draft",
+      };
+      params = this.$refs.basePage.$refs.editForm.cookBeforeSubmit(params);
+      if (!params.title && !params.content) {
+        return this.$message.error("标题或内容不能为空");
+      }
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message({
+          type: "success",
+          message: "保存成功",
+        });
+        this.$refs.basePage.handleClose();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+  },
 };
 </script>
 
diff --git a/src/views/modules/communityParty/article/index.vue b/src/views/modules/communityParty/article/index.vue
index 323c9d02..e4ec2984 100644
--- a/src/views/modules/communityParty/article/index.vue
+++ b/src/views/modules/communityParty/article/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <base-page
+      ref="basePage"
       :searchParams="searchParams"
       :tableParams="tableParams"
       :tableUrl="tableUrl"
@@ -14,10 +15,25 @@
       :importUrl="importUrl"
       :mubanUrl="mubanUrl"
       :editParams="editParams"
+      :editFixedParams="editFixedParams"
       :editElseRules="editElseRules"
+      :editConfig="editConfig"
+      :editParamsDiv="5"
       :editBtnName="(item) => (!item.latitude ? '待完善' : '修改')"
+      :formBtnFixed="true"
       idName="articleId"
-    ></base-page>
+    >
+      <template v-slot:editOperateSup="{ id, formType, info }">
+        <el-button
+          v-if="formType != 'watch'"
+          type="warning"
+          size="small"
+          :disabled="draftBtnDisable"
+          @click="handleClickDraft(info)"
+          >存草稿</el-button
+        >
+      </template>
+    </base-page>
   </div>
 </template>
 
@@ -32,8 +48,10 @@ export default {
 
   data() {
     return {
+      draftBtnDisable: false,
+
       searchParams: [
-        { field: "活动标题", keyName: "title", type: "input" },
+        { field: "文章标题", keyName: "title", type: "input" },
         {
           field: "标签",
           keyName: "tagIds",
@@ -119,7 +137,7 @@ export default {
 
       tableParams: [
         { field: "序号", keyName: "", type: "no" },
-        { field: "活动标题", keyName: "title", type: "text" },
+        { field: "文章标题", keyName: "title", type: "text" },
         {
           field: "标签",
           keyName: "tagNameList",
@@ -132,8 +150,7 @@ export default {
         {
           field: "发布范围",
           keyName: "publishRangeDesc",
-          type: "array",
-          arrayDiv: "、",
+          type: "text",
         },
         { field: "置顶", keyName: "isTopName", type: "text" },
       ],
@@ -200,7 +217,7 @@ export default {
           type: "cascader",
           value: [],
           supKeys: ["publishRangeDesc"],
-          supValues: [""],
+          supValues: [[]],
           optionUrl: "/gov/org/customeragency/agencygridtree",
           optionUrlParams: {
             agencyId: this.$store.state.user.agencyId,
@@ -238,9 +255,9 @@ export default {
               that.fmData[item["keyName"]] = selectedFilterList.map(
                 (a) => a.agencyId
               );
-              that.fmData[item["supKeys"][0]] = selectedFilterList.map(
-                (a) => a.agencyName
-              );
+              that.fmData[item["supKeys"][0]] = selectedFilterList
+                .map((a) => a.agencyName)
+                .join("、");
             } else {
             }
           },
@@ -371,7 +388,42 @@ export default {
           inactiveValue: "0",
         },
       ],
+      editFixedParams: {
+        type: "article",
+      },
       editElseRules: {},
+      editConfig: {
+        cookInfoFn(data) {
+          if (data.richTextFlag == "0") {
+            data.content = data.contentList
+              .map((item) => {
+                if (item.contentType == "text") {
+                  return `<p>${item.content}</p>`;
+                } else if (item.contentType == "img") {
+                  return `<img src="${item.content}" style="max-width:100%"></img>`;
+                } else if (item.contentType == "video") {
+                  return `<video src="${item.content}" style="max-width:100%"></video>`;
+                } else if (item.contentType == "file") {
+                  return `<a src="${item.content}" target="_blank">附件：${item.fileName}</a>`;
+                }
+              })
+              .join(" ");
+          } else {
+            data.content = data.contentList[0].content;
+          }
+          if (data.imgUrl) {
+            data.imgArr = [
+              {
+                name: "封面",
+                url: data.imgUrl,
+              },
+            ];
+            data.imgUrlArr = [data.imgUrl];
+          }
+
+          return data;
+        },
+      },
     };
   },
   components: { basePage },
@@ -380,7 +432,31 @@ export default {
 
   async mounted() {},
 
-  methods: {},
+  methods: {
+    async handleClickDraft(fmData) {
+      let url = this.addUrl;
+      let params = {
+        ...fmData,
+        type: "draft",
+      };
+      params = this.$refs.basePage.$refs.editForm.cookBeforeSubmit(params);
+      if (!params.title && !params.content) {
+        return this.$message.error("标题或内容不能为空");
+      }
+
+      const { data, code, msg } = await requestPost(url, params);
+
+      if (code === 0) {
+        this.$message({
+          type: "success",
+          message: "保存成功",
+        });
+        this.$refs.basePage.handleClose();
+      } else {
+        this.$message.error(msg);
+      }
+    },
+  },
 };
 </script>
 
diff --git a/src/views/modules/cpts/base/cpts/edit.vue b/src/views/modules/cpts/base/cpts/edit.vue
index c53aa894..933fc02d 100644
--- a/src/views/modules/cpts/base/cpts/edit.vue
+++ b/src/views/modules/cpts/base/cpts/edit.vue
@@ -14,7 +14,7 @@
           <el-form-item
             v-for="item in editParams"
             class="item"
-            label-width="150px"
+            label-width="140px"
             style="display: block"
             :key="'edit' + item.keyName"
             :label="item.field"
@@ -152,25 +152,22 @@
             </template>
 
             <template v-else-if="item.type == 'rich-text'">
-              <Tinymce
-                class="item-rich-text"
+              <div
                 v-if="
                   formType == 'add' || (formType == 'edit' && !item.editDisable)
                 "
-                :ref="'richText' + item.keyName"
-                :id="'richText' + item.keyName"
-                v-model="fmData[item.keyName]"
-                :height="450"
-                :customerId="customerId"
-                :placeholder="item.placeholder || '请输入'"
-              />
-
-              <p
-                v-else
-                class="item-show"
-                v-html="fmData[item.keyName]"
-                disabled
-              ></p>
+                class="item-rich-text"
+              >
+                <Tinymce
+                  :ref="'richText' + item.keyName"
+                  v-model="fmData[item.keyName]"
+                  :customerId="customerId"
+                  :placeholder="item.placeholder || '请输入'"
+                />
+              </div>
+              <div v-else class="item-show" @click="handleClickHtmlNode">
+                <div v-html="fmData[item.keyName]"></div>
+              </div>
             </template>
 
             <template v-else-if="item.type == 'cascader'">
@@ -196,7 +193,7 @@
                 :show-file-list="true"
                 :list-type="item.listType || 'picture'"
                 :limit="item.limit || 100"
-                :file-list="item.showList"
+                :file-list="fmData[item.keyName]"
                 :on-success="(res, file) => handleImgSuccess(res, file, item)"
                 :on-remove="(res) => handleImgRemove(res, item)"
                 :before-upload="(file) => beforeImgUpload(file, item)"
@@ -260,9 +257,16 @@
           @click="handleComfirm"
           >确 定</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"
@@ -279,6 +283,12 @@
         @click="handleComfirm"
         >确 定</el-button
       >
+      <slot
+        name="operateSup"
+        v-bind:id="formId"
+        v-bind:info="fmData"
+        v-bind:formType="formType"
+      ></slot>
     </div>
   </div>
 </template>
@@ -348,6 +358,10 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    editConfig: {
+      type: Object,
+      default: () => ({}),
+    },
   },
 
   data() {
@@ -430,6 +444,15 @@ export default {
       this.iniLoaded = true;
     },
 
+    handleClickHtmlNode(e) {
+      //在判断事件目标节点的时候，考虑到兼容性应该统一转换成大写或小写进行判断
+      if (e.target.localName.toLowerCase() === "a") {
+        // 通过判端目标节点以后，就能在这里对其进行操作啦。
+        let url = e.target.getAttribute("src"); //获取a标签属性，我这里自定义了一个属性data-id并将id赋值给了该属性，如何需要获取click方法的参数，需要获取a标签的click属性，并手动解析获取里面的参数
+        window.open(url);
+      }
+    },
+
     async getFmOptions(index, url, params, cookFn) {
       const { data, code, msg } = await requestPost(url, {
         ...params,
@@ -630,8 +653,12 @@ export default {
         [idName]: formId,
       };
 
-      const { data, code, msg } = await requestPost(url, params);
+      let { data, code, msg } = await requestPost(url, params);
       if (code === 0) {
+        const { editConfig } = this;
+        if (editConfig && typeof editConfig.cookInfoFn == "function") {
+          data = editConfig.cookInfoFn(data);
+        }
         this.fmData = {
           ...this.fmData,
           ...data,
@@ -656,6 +683,7 @@ export default {
       window.open(src);
     },
 
+    // 过滤文本
     dormatHtml(content) {
       if (
         content.startsWith(
@@ -668,6 +696,15 @@ export default {
       return content;
     },
 
+    cookBeforeSubmit(data) {
+      Object.keys(data).forEach((k) => {
+        if (typeof data[k] == "string") {
+          data[k] = this.dormatHtml(data[k]);
+        }
+      });
+      return data;
+    },
+
     async handleComfirm() {
       this.btnDisable = true;
       setTimeout(() => {
@@ -708,6 +745,8 @@ export default {
         // serviceType: this.fmData.serviceTypeArr.join(","),
       };
 
+      params = this.cookBeforeSubmit(params);
+
       if (this.formType === "add") {
         url = this.addUrl;
       } else {
@@ -750,6 +789,10 @@ export default {
       }
     }
 
+    .item-show {
+      width: 225px;
+    }
+
     .item-input {
       width: 225px;
     }
@@ -776,14 +819,19 @@ export default {
   .item-rich-text {
     width: 600px;
     height: 450px;
+    img {
+      max-width: 100%;
+    }
+    .item-show {
+      width: 100%;
+    }
   }
 
+  .item-select,
+  .item-show,
   .item-input {
     width: 450px;
   }
-  .item-select {
-    width: 450px;
-  }
   .item-number {
     width: 225px;
   }
diff --git a/src/views/modules/cpts/base/index.vue b/src/views/modules/cpts/base/index.vue
index 61043b8a..5fef8acd 100644
--- a/src/views/modules/cpts/base/index.vue
+++ b/src/views/modules/cpts/base/index.vue
@@ -191,6 +191,7 @@
           >
             <template slot-scope="scope">
               <el-button
+                v-if="infoUrl && infoAuth(scope.row)"
                 @click="handleWatch(scope.row)"
                 type="text"
                 size="small"
@@ -252,7 +253,7 @@
       @closed="handleClose"
     >
       <edit-form
-        ref="eleEditForm"
+        ref="editForm"
         :idName="idName"
         :formId="formId"
         :formType="formType"
@@ -264,12 +265,21 @@
         :editElseRules="editElseRules"
         :editFixedParams="editFixedParams"
         :formBtnFixed="formBtnFixed"
+        :editConfig="editConfig"
         @close="handleClose"
         @afterEdit="handleEditSuccess"
       >
-        <template v-slot="{ id, formType, info }">
+        <template v-slot:bottomSup="{ id, formType, info }">
           <slot
-            name="editElse"
+            name="editBottomSup"
+            v-bind:id="id"
+            v-bind:formType="formType"
+            v-bind:info="info"
+          ></slot>
+        </template>
+        <template v-slot:operateSup="{ id, formType, info }">
+          <slot
+            name="editOperateSup"
             v-bind:id="id"
             v-bind:formType="formType"
             v-bind:info="info"
@@ -339,6 +349,10 @@ export default {
       default: "",
     },
 
+    infoAuth: {
+      type: Function,
+      default: () => true,
+    },
     editAuth: {
       type: Function,
       default: () => true,
@@ -360,6 +374,10 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    editConfig: {
+      type: Object,
+      default: () => ({}),
+    },
     editFixedParams: {
       type: Object,
       default: () => ({}),
diff --git a/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue b/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
index b3af3507..e67bcc55 100644
--- a/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
+++ b/src/views/modules/shequzhili/tuceng/anquan/xuncha/index.vue
@@ -21,7 +21,7 @@
       :formBtnFixed="false"
       idName="enterpriseId"
     >
-      <template v-slot:editElse="{ id, formType, info }">
+      <template v-slot:editBottomSup="{ id, formType, info }">
         <record
           v-if="formType != 'add' && id"
           :formType="formType"