直客组件

src/components/WebSet/WebSiteEdit.vue

@@ -459,6 +459,7 @@
         this.currentEditItem = item;
         this.commonTitle = item.plugData.Title;
         this.currentEditItemData = JSON.parse(JSON.stringify(item.plugData));
+        if(!this.currentEditItemData.BottomList) this.$set(this.currentEditItemData,'BottomList',[])
       },
       //获取数据
       setSubPlugData() {

src/components/WebSet/home/indexNav.vue

@@ -99,6 +99,47 @@
           <el-color-picker style='vertical-align: middle;' v-model="plugData.BgColor"></el-color-picker>
         </el-form-item>
       </el-row>
+      <tbody>
+        <tr>
+          <td class="caidantext">
+            {{$t('objFill.v101.activity.lianjie')}}
+          </td>
+          <td></td>
+          <td class="rowEnd">
+            &nbsp;
+            <div>
+              <el-tooltip class="item" effect="dark" :content="'+ '+$t('objFill.v101.activity.lianjie')" placement="top">
+                <el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addMenu(3)"></el-button>
+              </el-tooltip>
+
+            </div>
+          </td>
+        </tr>
+        <tr v-for="(item,index) in plugData.BottomList" :key="index">
+          <td>
+            <el-form-item :label="$t('objFill.v101.activity.lianjie')+$t('objFill.biaoti')+(index+1)" style="margin-bottom: 0;">
+              <el-input type="text" v-model="item.LinkTitle"></el-input>
+            </el-form-item>
+          </td>
+          <td>
+            <el-form-item :label="$t('objFill.v101.activity.lianjie')+$t('objFill.v101.lianjie')+(index+1)" style="margin-bottom: 0;">
+              <el-input type="text" v-model="item.LinkUrl"></el-input>
+            </el-form-item>
+          </td>
+          <td>
+            &nbsp;
+            <el-tooltip v-show="plugData.BottomList.length>1" class="item" effect="dark" :content="'- '+$t('objFill.v101.activity.lianjie')" placement="top">
+              <el-button type="danger" icon="el-icon-minus" size="mini" circle @click="delMenu(3,index)"></el-button>
+            </el-tooltip>
+          </td>
+        </tr>
+      </tbody>
+        <!-- <el-form-item :label="$t('objFill.biaoti')+(index+1)" style="margin-bottom: 0;">
+          <el-input type="text" v-model="item.LinkUrl"></el-input>
+        </el-form-item>
+        <el-form-item :label="$t('objFill.v101.lianjie')+(index+1)" style="margin-bottom: 0;">
+          <el-input type="text" v-model="item.LinkUrl"></el-input>
+        </el-form-item> -->
       <table>
         <tbody v-for="(item,index) in plugData.MenuList" :key="index">
           <tr>
@@ -119,7 +160,6 @@
           </tr>
           <tr>
             <td class="w350">
-
               <el-form-item :label="$t('objFill.v101.fengmian')" style="margin-bottom: 0;">
                 <div class="webSliderDiv" @click="clickIndex=index">
                   <el-upload v-if="item.FileType==1" :http-request="UploadAttachment" :multiple="true"
@@ -270,6 +310,10 @@
           MenuName: '',
           MenuSubName: '',
           SubMenuList: null,
+        },
+        BottomList: {
+          LinkTitle: '',
+          LinkUrl: '',
         }
       };
     },
@@ -283,6 +327,8 @@
           this.plugData.MenuList.push(JSON.parse(JSON.stringify(this.MenuList)))
         }else if(type==2){
           this.plugData.MenuList[index].SubMenuList.push(JSON.parse(JSON.stringify(this.SubMenuList)))
+        }else if(type==3){
+          this.plugData.BottomList.push(JSON.parse(JSON.stringify(this.BottomList)))
         }
       },
       delMenu(type,index,i){
@@ -291,6 +337,8 @@
           this.plugData.MenuList.splice(index,1)
         }else if(type==2){
           this.plugData.MenuList[index].SubMenuList.splice(i,1)
+        }else if(type==3){
+          this.plugData.BottomList.splice(i,1)
         }
       },
       //上传图片