采美百科编辑页面调整

src/main/resources/static/css/supplier-center/encyclopedia/edit.css

@@ -26,7 +26,7 @@
 .valide-form .bk-control .bk-confirm{background:#E15616;color:#FFFFFF}
 .valide-form .bk-form-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 .valide-form .bk-form-item .bk-section{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-left:16px}
-.valide-form .bk-form-item .bk-section span{color:#E15616;text-decoration:underline;font-size:12px;white-space:nowrap;cursor:pointer;line-height:initial}
+.valide-form .bk-form-item .bk-section span{color:#E15616;text-decoration:none;font-size:12px;white-space:nowrap;cursor:pointer;line-height:initial}
 .valide-form .bk-form-item .bk-section .delete{position:absolute;top:0;right:-8px;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
 .valide-form .el-input{position:relative}
 .valide-form .el-input .bk-toolbar{position:absolute;top:0;left:0;font-size:14px;padding:6px 18px;background:#fff;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);border:1px solid #EEEEEE;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:initial;cursor:pointer;color:#9AA5B5;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

src/main/resources/static/js/supplier-center/encyclopedia/edit.js

@@ -411,8 +411,14 @@ const edit = new Vue({
                 entryId: '',
                 infoName: '',
                 infoContent: '',
+                infoNamePlaceHolder: ''
             }
         },
+        //
+        getInfoNamePlaceHolder(index){
+            const text = ['中文名', '别名', '英文名']
+            return text[index]
+        },
         // 新增信息栏
         handleInfoAdd() {
             this.formData.infoList.push(this.genereateInfo())
@@ -423,7 +429,7 @@ const edit = new Vue({
         },
         // 正文目录数据
         genereateTextInfo(type) {
-            let placeholderList = ['一级目录', '二级目录', '内容']
+            let placeholderList = ['一级标题', '二级标题', '内容']
             return {
                 id: '',
                 entryId: '',

src/main/resources/templates/supplier-center/encyclopedia/edit.html

@@ -69,7 +69,7 @@
                         <div class="bk-form-item-group" v-for="(item, index) in formData.infoList" :key="index">
                             <span class="bk-info-remove" v-if="formData.infoList.length > 4" @click="handleInfoRemove(index)">删除</span>
                             <el-form-item>
-                                <el-input v-model="item.infoName"></el-input>
+                                <el-input v-model="item.infoName" :placeholder="getInfoNamePlaceHolder(index)"></el-input>
                                 <div class="el-form-item__error" v-if="formValidate.infoList">敏感词：{{formValidate.infoList}}</div>
                             </el-form-item>
                             <el-form-item>
@@ -99,9 +99,9 @@
                                     </content-edit>
                                 </template>
                                 <div class="bk-section">
-                                    <span @click="handleAddTextInfo(index, 1)">一级目录</span>
-                                    <span @click="handleAddTextInfo(index, 2)">二级目录</span>
-                                    <span @click="handleAddTextInfo(index, 3)">内容</span>
+                                    <span @click="handleAddTextInfo(index, 1)">+一级目录</span>
+                                    <span @click="handleAddTextInfo(index, 2)">+二级目录</span>
+                                    <span @click="handleAddTextInfo(index, 3)">+内容</span>
                                     <span class="delete" @click="handleRemoveTextInfo(index)" v-if="formData.textInfoList.length > 3">删除</span>
                                 </div>
                             </div>