直客首页链接

src/components/WebSet/home/indexNav.vue

@@ -122,8 +122,9 @@
             </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 :label="$t('objFill.caidan')+$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
+              <!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
+              <pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
             </el-form-item>
           </td>
           <td>
@@ -134,12 +135,6 @@
           </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>
@@ -195,7 +190,8 @@
                 </el-select>
               </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-input type="text" v-model="item.LinkUrl"></el-input> -->
+                <pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
               </el-form-item>
 
             </td>
@@ -264,7 +260,8 @@
                 </el-select>
               </el-form-item>
               <el-form-item :label="$t('objFill.v101.lianjie')+(index+1)" style="margin-bottom: 0;">
-                <el-input type="text" v-model="sub.LinkUrl"></el-input>
+                <!-- <el-input type="text" v-model="sub.LinkUrl"></el-input> -->
+                <pageLinkUrl :item="sub" @getUrl="(url)=>{sub.LinkUrl=url}"></pageLinkUrl>
               </el-form-item>
             </td>
             <td>
@@ -284,7 +281,11 @@
   </div>
 </template>
 <script>
+  import pageLinkUrl from "./linkUrl"
   export default {
+    components: {
+      pageLinkUrl
+    },
     props: ["plugData"],
     data() {
       return {

src/components/WebSet/home/indexRoll1.vue

@@ -173,8 +173,9 @@
                   </el-option>
                 </el-select>
               </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 :label="$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
+                <!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
+                <pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
               </el-form-item>
               <el-form-item :label="$t('hotel.hotel_describle')+(index+1)">
                 <el-input type="textarea"
@@ -196,7 +197,11 @@
   </div>
 </template>
 <script>
+  import pageLinkUrl from "./linkUrl"
   export default {
+    components: {
+      pageLinkUrl
+    },
     props: ["plugData"],
     data() {
       return {

src/components/WebSet/home/indexRoll2.vue

@@ -173,8 +173,9 @@
                   </el-option>
                 </el-select>
               </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 :label="$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
+                <!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
+                <pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
               </el-form-item>
               <el-form-item :label="$t('hotel.hotel_describle')+(index+1)">
                 <el-input type="textarea"
@@ -196,7 +197,11 @@
   </div>
 </template>
 <script>
+  import pageLinkUrl from "./linkUrl"
   export default {
+    components: {
+      pageLinkUrl
+    },
     props: ["plugData"],
     data() {
       return {

src/components/WebSet/home/indexSlider1.vue

@@ -173,8 +173,9 @@
                   </el-option>
                 </el-select>
               </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 :label="$t('objFill.v101.activity.lianjie')+(index+1)" style="margin-bottom: 0;">
+                <!-- <el-input type="text" v-model="item.LinkUrl"></el-input> -->
+                <pageLinkUrl :item="item" @getUrl="(url)=>{item.LinkUrl=url}"></pageLinkUrl>
               </el-form-item>
               <el-form-item :label="$t('hotel.hotel_describle')+(index+1)">
                 <el-input type="textarea"
@@ -196,7 +197,11 @@
   </div>
 </template>
 <script>
+  import pageLinkUrl from "./linkUrl"
   export default {
+    components: {
+      pageLinkUrl
+    },
     props: ["plugData"],
     data() {
       return {

src/components/WebSet/home/linkUrl.vue

+<style scoped>
+  .column{
+    display: flex;
+    flex-direction: column;
+  }
+
+</style>
+<template>
+  <div class="">
+    <el-popover trigger="click">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane :label="$t('objFill.v101.myOrdersAllType.zidingyi')+$t('objFill.caidan')" name="1">
+            <!-- <el-checkbox-group
+              v-model="checkedCities"
+              :min="0"
+              :max="1" class="column"
+              @change="getUrl">
+              <el-checkbox v-for="(item,i) in dataDiyList" :label="item.Id" :key="i">
+                {{item.CategoryName}}</el-checkbox>
+              </el-checkbox-group> -->
+              <div class="column">
+                <el-checkbox v-model="checked"
+                :true-label="item.Id"
+                :false-label="0"
+                @change="getUrl"
+                v-for="(item,i) in dataDiyList" :label="item.Id" :key="i">
+                  {{item.CategoryName}}
+                </el-checkbox>
+              </div>
+
+          </el-tab-pane>
+          <el-tab-pane :label="$t('ground.fenlei')+$t('objFill.caidan')" name="2">
+            <el-tree
+              :data='WebSiteCategoryList'
+              :props="props"
+              :check-on-click-node="true"
+              :check-strictly="true"
+              lazy
+              node-key="Id"
+              show-checkbox
+              @check-change="handleCheckChange"
+              @check="treeCheck"
+              ref="treeForm">
+            </el-tree>
+          </el-tab-pane>
+        </el-tabs>
+        <slot name="reference" slot="reference">
+          <el-input type="text" v-model="item.LinkUrl">
+            <el-button slot="append" @click="isShowLink=true">{{$t('objFill.v101.xuanzljie')}}</el-button>
+          </el-input>
+        </slot>
+    </el-popover>
+  </div>
+</template>
+<script>
+  export default {
+    props: ["item"],
+    data() {
+      return {
+        props:{
+          children: "SubList",
+          label: "CategoryName",
+        },
+        activeName: '1',
+        saveload: false,
+        isShowLink: false,
+        DiyList: [],//自定义菜单
+        WebSiteCategoryList: [],//分类菜单
+        dataDiyList: [],
+        checkedCities: [],
+        LinkUrl: '',
+        checked: '',
+      };
+    },
+    created() {
+      var arr =  [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]
+    // console.log(Array.from(new Set(data.arr.flat(Infinity))))
+    // console.log()
+
+      this.getOptions()
+    },
+    methods: {
+      getUrl(){
+        if(this.checked>0){
+          let obj = this.dataDiyList.filter(x=>{return x.Id==this.checked})
+          this.LinkUrl = obj[0].LinkUrl
+          this.$refs.treeForm.setCheckedKeys(this.$refs.treeForm.getCheckedNodes(),false);
+          this.$emit('getUrl',this.LinkUrl)
+        }
+      },
+      treeCheck(node,list){
+        if (list.checkedKeys.length == 2) {
+            //单选实现
+            this.$refs.treeForm.setCheckedKeys([node.Id]);
+        }
+      },
+      handleCheckChange(data, checked, indeterminate) {
+        this.LinkUrl = data.LinkUrl
+        this.checkedCities = []
+        this.$emit('getUrl',this.LinkUrl)
+      },
+      handleClick(){
+        // if(this.activeName==1) this.checkedCities = []
+        // if(this.activeName==2) this.$refs.treeForm.setCurrentKey(null)
+      },
+      getOptions() {
+        this.apipost(
+          "ws_post_GetAllMenuList", {},
+          res => {
+            if (res.data.resultCode == 1) {
+              this.DiyList = res.data.data.DiyList;
+              this.WebSiteCategoryList = res.data.data.WebSiteCategoryList
+              this.dataDiyList = Array.from(new Set(this.DiyList.flat(Infinity))).sort((a,b)=>a-b)
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          err => {}
+        );
+      },
+    },
+    mounted() {}
+  };
+
+</script>