sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
    <meta name="referrer" content="always" />
    <meta charset='utf-8' />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <script src="js/vue.js"></script>
    <script src="js/vant-ui.js"></script>
    <script src="js/main.js"></script>
    <title></title>
</head>
<style>
    .card {
        width: 7rem;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 14px 8px 2px rgba(73, 87, 238, 0.08);
        opacity: 0.95;
        border-radius: .3rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        color: #0096DF;
    }

    .supplinr {
        display: flex;
        justify-content: center;
    }

    .card-border {
        padding: .4rem;
        width: 100%;
    }

    .card-list {
        display: flex;
        flex-direction: row;
        font-size: .3rem;
        align-items: center;
    }

    .card-input {
        border-bottom: 1px solid rgba(0, 160, 234, 1);
        padding-bottom: .05rem;
        font-size: .33rem;
    }
    [v-cloak] {
        display: none;
    }
</style>
<style scoped>
	.login {
		padding-top: .3rem !important
	}
</style>
<body>
    <div id="app">
        <div class="login">
          <div id="mescroll" style="position : fixed;height : 100%;overflow-y:scroll;width:98%">
            <div class="supplinr">
                <div class="card">
                    <div class="card-border">
                      <div v-cloak>
                        <div class="card-list">
                            <div style="width:.3rem">
                                <img src="./img/images/shop.png" style="height:.25rem">
                            </div>
                            <div>
                                经销商名称
                            </div>
                        </div>
                        <div class="card-input" style="margin:.15rem 0 .3rem 0" v-if="!supdate.agentName">
                            暂无数据
                        </div>
                        <div class="card-input" style="margin:.15rem 0 .3rem 0" v-else>
                            {{supdate.agentName}}
                        </div>
                      </div>

                        <div v-cloak>
                          <div class="card-list">
                              <div style="width:.3rem">
                                  <img src="./img/images/my.png" style="height:.25rem">
                              </div>
                              <div >
                                  联系人
                              </div>
                          </div>
                          <div class="card-input" style="margin:.15rem 0 .3rem 0" v-if="!photoLists.name">
                          暂无数据
                          </div>
                          <div class="card-input" style="margin:.15rem 0 .3rem 0" v-else>
                              {{photoLists.name}}
                          </div>
                          <div class="card-list">
                              <div style="width:.3rem">
                                  <img src="./img/images/photo.png" style="height:.25rem">
                              </div>
                              <div >
                                  联系电话
                              </div>
                          </div>
                          <div class="card-input" style="margin:.15rem 0 .3rem 0" v-if="!photoLists.agentPhone">
                              暂无数据
                          </div>
                          <div class="card-input" style="margin:.15rem 0 .3rem 0" v-else>
                              {{photoLists.agentPhone}}
                          </div>
                        </div>
                        <div v-cloak>
                          <div class="card-list">
                              <div style="width:.3rem">
                                  <img src="./img/images/shop.png" style="height:.25rem">
                              </div>
                              <div >
                                品牌
                              </div>
                          </div>
                          <div class="card-input" style="margin:.15rem 0 .1rem 0" v-if="!brandList">
                            暂无数据
                          </div>
                          <div class="card-input" style="margin:.15rem 0 .1rem 0" v-else>
                            {{brandList}}
                          </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>

        </div>
    </div>
</body>
<link rel="stylesheet" href="./mescroll/mescroll.min.css">
<script type="text/javascript" src="./js/qrcode.min.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
    apiready = function() {
        new Vue({
            el: '#app',
            data: {
              userid: '',
              supdate:'',
              photoLists:[{name:'',agentPhone:''}],
              brandList:'',
            },
            methods: {
                init: function() {
                  	this.userid = $api.getStorage('userid');
                    this.getSupplier();
                },
                getSupplier:function(){
                  var params = {
        							"storeId": this.userid,
        							url: 'json',
        							type: 'body'
        						},
        						_this = this;
        					this.$post('getSupplier', params, function(ret) {
        						_this.supdate=ret.data;
                    _this.photoLists=_this.supdate.messageList[0];
                    _this.brandList=_this.supdate.brandList.join("、");
        					});
                }
            },
            mounted: function() {
                this.init();
            }
        })
    }
</script>

</html>