perf: 优化站点中心简介编辑

base-manager-ui/admin/src/pages/basicset/site/components/addsite.vue

@@ -179,13 +179,22 @@
               </a-form-model-item>
             </a-col>
             <a-col :span="24">
-              <a-form-model-item label="中心简介" prop="siteRemark">
-                <a-textarea
+              <a-form-model-item
+                class="siteRemark"
+                label="中心简介"
+                prop="siteRemark"
+              >
+                <div class="content-box">
+                  <y-quill-editor
+                    v-model="formInfo.siteRemark"
+                  ></y-quill-editor>
+                </div>
+                <!-- <a-textarea
                   v-model="formInfo.siteRemark"
                   class="siteRemark"
                   placeholder="请输入中心简介"
                   allow-clear
-                />
+                /> -->
               </a-form-model-item>
             </a-col>
             <a-col :span="24">
@@ -302,6 +311,7 @@ import { modelList, siteSave } from "@/services/basicsetFun";
 import YCheckbox from "@/components/ycheckbox/YCheckbox.vue";
 import YSwitch from "@/components/yswitch/YSwitch.vue";
 import YUpload from "@/components/YUpload.vue";
+import YQuillEditor from "@/components/YQuillEditor.vue";
 // import options from "@/utils/city";
 import { regionData } from "element-china-area-data";
 import { checkPort, checkIp, checkPhone } from "@/utils/validate";
@@ -329,6 +339,7 @@ export default {
     YCheckbox,
     YSwitch,
     YUpload,
+    YQuillEditor,
   },
   data() {
     return {
@@ -752,8 +763,13 @@ export default {
   }
 }
 .siteRemark {
-  /deep/ textarea {
-    width: 990px !important;
+  display: flex;
+  align-items: flex-start;
+  /deep/.ant-form-item-label {
+    flex-shrink: 0;
+  }
+  .content-box {
+    height: 400px;
   }
 }
 /deep/.ant-form-explain {

base-manager-ui/admin/src/pages/basicset/site/components/alldetails.vue

 <template>
   <a-modal
     centered
-    title="查看所有"
+    title="中心简介"
     :visible="VisibleShow"
-    :footer="null"
-    :width="900"
+    width="60%"
     @cancel="clickClose"
   >
-    {{ details }}
-    <div class="close_btn">
-      <a-button @click="clickClose">关闭</a-button>
+    <div class="content ql-editor" v-html="details"></div>
+    <div slot="footer">
+      <a-button type="primary" @click="clickClose">关闭</a-button>
     </div>
   </a-modal>
 </template>
@@ -54,4 +53,17 @@ export default {
   display: flex;
   justify-content: center;
 }
+/deep/.ql-editor {
+  padding: 0 !important;
+}
+/deep/.ant-modal-body {
+  max-height: 600px;
+  overflow: auto;
+}
+.content {
+  width: 100%;
+  /deep/ img {
+    max-width: 100%;
+  }
+}
 </style>

base-manager-ui/admin/src/pages/basicset/site/website.vue

@@ -117,12 +117,13 @@
                     <a-row>
                       <a-col :span="19">
                         <span>中心简介：</span>
-                        <div class="col_item">
+                        <span @click="cookAll(item.siteRemark)">查看全部</span>
+                        <!-- <div class="col_item">
                           <div class="detail_place">{{ item.siteRemark }}</div>
                           <span @click="cookAll(item.siteRemark)"
                             >查看全部</span
                           >
-                        </div>
+                        </div> -->
                       </a-col>
                     </a-row>
                   </div>
@@ -576,7 +577,7 @@ export default {
             text-align: center;
             color: #fff;
             border-radius: 5px;
-            .item-text{
+            .item-text {
               display: -webkit-box;
               -webkit-box-orient: vertical;
               -webkit-line-clamp: 2;