bztang-admin/resources/views/public/admin/pop.blade.php

<script>
Vue.component('pop', {
    props: ["show"],
    delimiters: ['[[', ']]'],
    data(){
        return{
          sss: 'home',
          tabID:0,
          tree:[],
          Brands:[],
          url:'',
          keyword:'',
          Goods:[],
          store:[],
          member:[],
          webapp:[]
        }
    },
    watch:{
        
    },
    mounted: function(){

    },
    created(){
      this.getLink()
    },
    methods:{
        inniData(){
          this.tabID=0;
          this.url='';
          this.keyword='';
          this.Goods=[];
        },
        addHref(item){
          let child=item;
          let confirm=this.show;
          confirm=false;
          this.$emit("add",child,confirm);
          this.inniData();
        },
        closeShow(){
         let item=this.show;
         item=false;
         this.$emit('replace', item);
         this.inniData();
        },
        check(){
            let child=this.url;
            let confirm=this.show;
            confirm=false;
            this.$emit("add",child,confirm);
            this.url=''
        },
        search() {
                let json={
                  kw:this.keyword
                }
                this.$http.post('{!! yzWebFullUrl('goods.goods.getMyLinkGoods') !!}',json).then(function (response){
                    this.Goods=response.body;

                },function (response) {
                    console.log(response);
                }
                );
        },
        getLevel() {
                this.tabID=2;
               
                this.$http.get('{!! yzWebFullUrl('link.link.categoryLink') !!}').then(function (response){
                    console.log(response)
                    this.tree=response.data;
                },function (response) {
                    console.log(response);
                }
                );
        },
        getBrands() {
                this.tabID=3;
                this.$http.get('{!! yzWebFullUrl('link.link.brandLink') !!}').then(function (response){
                    this.Brands=response.data;
                },function (response) {
                    console.log(response);
                }
                );
        },
        
        getLink(){
          this.$http.post('{!! yzWebFullUrl('component.get-jump-link') !!}').then(response => {
            if (response.body.result == 1) {
              let data = response.body.data.jump_link.plugin_link
              this.store = data[0].data  //商城页面
              this.member = data[1].data  //会员中心
              this.webapp = data[2].data   //其他链接
              this.store.forEach(item => {
                 item.url = this.getSiteRoot()+'/addons/yun_shop/?menu#/'+item.url+'?i='+ "{{ \YunShop::app()->uniacid }}"
              });
              this.member.forEach(item => {
                 item.url = this.getSiteRoot()+'/addons/yun_shop/?menu#/'+item.url+'?i='+ "{{ \YunShop::app()->uniacid }}"
              });
              this.webapp.forEach(item => {
                 item.url = this.getSiteRoot()+'/addons/yun_shop/?menu#/'+item.url+'?i='+ "{{ \YunShop::app()->uniacid }}"
              });                            
						} else {
							if (response.msg) {
								this.$message.error(response.msg);
							}
						}
					}).catch(err => {
						console.log(err);
					});        
        },
        getSiteRoot(){
          return document.location.protocol + "//" + window.location.host;
        },

        },
  template: `
  <div class="dialog" v-if="show">
    <div class="dialog-cover" v-if="show" @click="closeShow"></div>
    <div class="dialog-content">
      <div class="close" @click="closeShow  ">X</div>
      <div class="dialog-header">
        <ul class="tablist">
          <li @click="tabID=0"><a :class="{popTab:tabID==0}">系统页面</a></li>
          <li @click="tabID=1"><a :class="{popTab:tabID==1}">商品链接</a></li>
          <li @click="getLevel"><a :class="{popTab:tabID==2}">商品分类</a></li>
          <li @click="getBrands"><a :class="{popTab:tabID==3}">商品品牌</a></li>
          <li @click="tabID=4"><a :class="{popTab:tabID==4}">自定义链接</a></li>
        </ul>
      </div>
      <div class="link-content" v-show="tabID==0">
        <div class="page">
          <h4><i class="fa fa-folder-open-o"></i>商城页面链接</h4>
          <span class="link" v-for="(item,index,key) in store" @click="addHref(item.url)" :href="item.url">[[item.name]]</span>
        </div>
        <div class="page">
          <h4><i class="fa fa-folder-open-o"></i>会员中心链接</h4>
          <span class="link" v-for="(item,index,key) in member" @click="addHref(item.url)" :href="item.url">[[item.name]]</span>
        </div>
        <div class="page">
          <h4><i class="fa fa-folder-open-o"></i>其他链接</h4>
          <span class="link" v-for="(item,index,key) in webapp" @click="addHref(item.url)" :href="item.url">[[item.name]]</span>
        </div>
      </div>
      <div class="search-content" v-show="tabID==1">
         <input type="text" placeholder="请输入商品名称进行搜索 (多规格商品不支持一键下单)" class="sou" v-model="keyword">
         <span class="sou-btn" @click="search">搜索</span>
         <div class="search-goods" style="max-height: 400px;overflow: scroll;overflow-x: hidden;">
            <div class="goods" v-for="(item,index,key) in Goods">
              <div class="info">
                <div class="img">
                   <img :src="item.thumb">
                </div>
                <div class="right-content">
                  <div class="top"><span class="text">[[item.title]]</span><span :href="item.url" class="href" @click="addHref(item.url)">详情链接</span></div>
                  <div class="bottom"><span>原价:￥[[item.market_price]]</span><span>现价￥[[item.price]]</span></div>
                </div>
                <div style="clear: both;"></div>
              </div>
            </div>
            <div style="clear: both;"></div>
         </div>
      </div>
      <div class="classification-content" v-show="tabID==2">
        <div class="tree" v-for="(item,index,key) in tree" >
          <div class="first-tree">
            <span class="name">[[item.name]]</span>
            <span class="link-href" @click="addHref(item.url)" :href="item.url">选择</span>
          </div>
          <div v-for="(list,index,key) in item.has_many_children" v-if="item.has_many_children.length>0" class="tree-two">
            <div class="second-tree">
              <div class="name">
                <span class="line"></span>
                <span class="text">[[list.name]]</span>
              </div>
              <span class="link-href" @click="addHref(list.url)" :href="list.url">选择</span>
            </div>
            <div v-for="(obj,index,key) in list.has_many_children" v-if="list.has_many_children.length>0">
                <div class="third-tree">
                  <div class="name">
                    <span class="line"></span>
                    <span class="text">[[obj.name]]</span>
                  </div>
                  <span class="link-href" @click="addHref(obj.url)" :href="obj.url">选择</span>
                </div>                 
            </div>
          </div>
        </div>
      </div>
      <div class="brands-content" v-show="tabID==3">
        <div class="link" v-for="(item,index,key) in Brands">
        <span class="name">[[item.name]]</span>
        <span class="link-href" @click="addHref(item.url)" :href="item.url">选择</span>
        </div>
      </div>
      <div class="customize-content" v-show="tabID==4">
        <span class="text">链接地址</span>
        <div class="right">
          <textarea class="input" placeholder="请以http://开头" v-model="url"></textarea>
          <div class="insert" @click="check">插入</div>
        </div>
      </div>
    </div>
  </div>
  `
});
</script>