配置相关内容字段隐藏

src/views/base/aboutUs-detail.vue

@@ -16,6 +16,9 @@
           :rules="ruleValidate"
           :label-width="'100px'"
         >
+        <el-form-item label="数据代码" prop="code">
+            <el-input v-model="formModel.code" placeholder="请输入数据代码" style="width: 300px"></el-input>
+          </el-form-item>
         <el-form-item label="标题" prop="title">
             <el-input v-model="formModel.title" placeholder="请输入标题" style="width: 300px"></el-input>
           </el-form-item>
@@ -78,6 +81,9 @@
       return {
           showPwd: true,
           ruleValidate: {
+              code: [
+              { required: true, message: "数据代码不能为空", trigger: "blur" },
+              ],
               title: [
               { required: true, message: "标题不能为空", trigger: "blur" },
               ],

src/views/base/aboutUs-list.vue

@@ -35,6 +35,7 @@
       </el-form>
       <el-divider></el-divider>
       <el-row class="button-group">
+        <el-button type="primary" size="small" plain icon="el-icon-circle-plus" @click="handleAdd">新增</el-button>
         <el-button
           type="primary"
           size="small"
@@ -56,7 +57,14 @@
         <el-table-column  prop="code"  label="数据代码"></el-table-column>
         <el-table-column  prop="type"  label="类型"></el-table-column>
         <el-table-column  prop="title"  label="标题说明"></el-table-column>
-        <el-table-column  prop="content"  label="内容" ></el-table-column>
+        <el-table-column  prop="contentType"  label="内容类型" >
+          <template slot-scope="{row}" >
+            <span v-if="row.contentType=='1'">文本</span>
+            <span v-else-if="row.contentType=='2'">富文本</span>
+            <span v-else-if="row.contentType=='3'">图片</span>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column  prop="content"  label="内容" ></el-table-column> -->
         
         <el-table-column label="操作">
           <template slot-scope="{row}" >