高雄 1 год назад
Родитель
Сommit
5056c0e80b
2 измененных файлов с 17 добавлено и 3 удалено
  1. 3 0
      src/components/Editor/index.vue
  2. 14 3
      src/views/system/config/index.vue

+ 3 - 0
src/components/Editor/index.vue

@@ -195,6 +195,9 @@ export default {
   white-space: pre-wrap !important;
   line-height: normal !important;
 }
+.ql-container{
+  height: 80%;
+}
 .quill-img {
   display: none;
 }

+ 14 - 3
src/views/system/config/index.vue

@@ -108,7 +108,11 @@
       <el-table-column label="参数主键" align="center" prop="configId" />
       <el-table-column label="参数名称" align="center" prop="configName" :show-overflow-tooltip="true" />
       <el-table-column label="参数键名" align="center" prop="configKey" :show-overflow-tooltip="true" />
-      <el-table-column label="参数键值" align="center" prop="configValue" :show-overflow-tooltip="true" />
+      <el-table-column label="参数键值" align="center" width="200" prop="configValue" :show-overflow-tooltip="true" >
+        <template slot-scope="scope">
+          <div v-html="scope.row.configValue"></div>
+        </template>
+      </el-table-column>
       <el-table-column label="系统内置" align="center" prop="configType">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.configType"/>
@@ -146,7 +150,7 @@
     />
 
     <!-- 添加或修改参数配置对话框 -->
-    <DialogCom :title="title" :visible.sync="open" width="500px" append-to-body>
+    <DialogCom :title="title" :visible.sync="open" width="1000px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="参数名称" prop="configName">
           <el-input v-model="form.configName" placeholder="请输入参数名称" />
@@ -155,7 +159,8 @@
           <el-input v-model="form.configKey" placeholder="请输入参数键名" />
         </el-form-item>
         <el-form-item label="参数键值" prop="configValue">
-          <el-input v-model="form.configValue" placeholder="请输入参数键值" />
+          <!--          <el-input v-model="form.configValue" placeholder="请输入参数键值" />-->
+          <Editor style="height: 150px" v-model="form.configValue" />
         </el-form-item>
         <el-form-item label="系统内置" prop="configType">
           <el-radio-group v-model="form.configType">
@@ -169,6 +174,10 @@
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
         </el-form-item>
+
+
+
+
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -180,9 +189,11 @@
 
 <script>
 import { listConfig, getConfig, delConfig, addConfig, updateConfig, refreshCache } from "@/api/system/config";
+import Editor from "@/components/Editor/index.vue"
 
 export default {
   name: "Config",
+  components: { Editor },
   dicts: ['sys_yes_no'],
   data() {
     return {