更新内容 改为富文本样式

src/views/project/list/detail.vue

@@ -6,7 +6,8 @@
         <el-input v-model="projectForm.name" placeholder="请输入项目名称" />
       </el-form-item>
       <el-form-item label="图标：">
-        <Upload :url="projectForm.pic" @success="getUpload($event, 'icon')" @delete="getUpload($event, 'icon')" />
+        <Upload :url="projectForm.pic" @success="getUpload($event, 'icon')"
+          @delete="getUpload($event, 'icon')" />
       </el-form-item>
       <el-form-item v-if="projectForm.id" label="版本管理：" style="width: 1500px">
         <!-- app列表 -->
@@ -14,14 +15,20 @@
         <el-table :data="versionData" v-loading="loading" height="342px">
           <el-table-column type="index" label="序号" align="center" />
           <el-table-column prop="name" label="应用名称" align="center" show-overflow-tooltip />
-          <el-table-column prop="version" label="最新版本" align="center" width="100px" />
-          <el-table-column prop="updateContent" label="更新内容" align="center" show-overflow-tooltip />
+          <el-table-column prop="version" label="最新版本" align="center" width="100px" show-overflow-tooltip />
+          <el-table-column label="更新内容" align="center" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span class="updateContent" v-html="scope.row.updateContent" />
+            </template>
+          </el-table-column>
           <el-table-column prop="os" label="系统类型" align="center" width="100px" />
           <el-table-column prop="updateTimeText" label="更新时间" align="center" />
-          <el-table-column prop="status" label="当前状态" align="center" :formatter="statusFormatter" width="100px" />
+          <el-table-column prop="status" label="当前状态" align="center" :formatter="statusFormatter"
+            width="100px" />
           <el-table-column label="操作" align="center">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.status === 0" type="text" @click="getDialog(scope.row, '上架')">上架</el-button>
+              <el-button v-if="scope.row.status === 0" type="text" @click="getDialog(scope.row, '上架')">上架
+              </el-button>
               <el-button v-else type="text" @click="getDialog(scope.row, '下架')">下架</el-button>
               <el-button type="text" @click="getDialog(scope.row, '更新')">更新</el-button>
               <el-button type="text" @click="getDialog(scope.row, '编辑')">编辑</el-button>
@@ -36,13 +43,8 @@
             </template>
           </el-table-column>
         </el-table>
-        <pagination
-          v-show="total>0"
-          :total="total"
-          :page.sync="versionForm.pageNum"
-          :limit.sync="versionForm.pageSize"
-          @pagination="getList"
-        />
+        <pagination v-show="total>0" :total="total" :page.sync="versionForm.pageNum"
+          :limit.sync="versionForm.pageSize" @pagination="getList" />
       </el-form-item>
       <el-form-item>
         <el-button @click="cancel">取消</el-button>
@@ -62,13 +64,14 @@
           </el-select>
         </el-form-item>
         <el-form-item v-show="title !== '更新'" label="应用Logo：">
-          <Upload :url="addForm.pic" @success="getUpload($event, 'logo')" @delete="getUpload($event, 'logo')" />
+          <Upload :url="addForm.pic" @success="getUpload($event, 'logo')"
+            @delete="getUpload($event, 'logo')" />
         </el-form-item>
         <el-form-item v-show="title !== '编辑'" label="版本号：">
           <el-input v-model="addForm.version" placeholder="请输入版本号" />
         </el-form-item>
         <el-form-item v-show="title !== '编辑'" label="更新内容：">
-          <el-input v-model="addForm.updateContent" type="textarea" rows="4" placeholder="请输入更新内容"></el-input>
+          <Editor v-model="addForm.updateContent" :min-height="192" />
         </el-form-item>
         <el-form-item v-show="title !== '编辑'" label="安装包：">
           <Upload type="file" @success="getUpload($event, 'file')" />
@@ -85,11 +88,12 @@
 <script>
 import { add, edit, update, updateAdd, updatePage } from "@/api/project/list";
 import Upload from "@/components/Upload";
+import Editor from '@/components/Editor'
 import { statusMixin, osMixin } from "../mixin/index";
 export default {
   mixins: [statusMixin, osMixin],
   components: {
-    Upload,
+    Upload, Editor
   },
   data() {
     return {
@@ -222,9 +226,7 @@ export default {
     // 字典翻译
     statusFormatter(row) {
       return this.selectDictLabel(this.statusOptions, row.status);
-    },
-
-    // 编辑 / 新增
+    }
   },
 };
 </script>
@@ -233,4 +235,14 @@ export default {
 .form {
   width: 500px;
 }
+
+::v-deep .updateContent {
+  display: block;
+  height: 23px;
+  margin: 0;
+
+  p{
+    margin-top: 0;
+  }
+}
 </style>