|
@@ -0,0 +1,255 @@
|
|
|
+<template>
|
|
|
+ <!-- 我的经营品牌 -->
|
|
|
+ <view class="whole">
|
|
|
+ <view class="head">
|
|
|
+ <view class="behind"></view>
|
|
|
+ <view class="below">
|
|
|
+ <view class="nothing" v-if="judge==true">
|
|
|
+ <u-empty mode="page" text="暂无数据"></u-empty>
|
|
|
+ </view>
|
|
|
+ <view class="content" v-else v-for="(item, index) in supplier_s" :key="index">
|
|
|
+ <view class="content_s">
|
|
|
+ <view class="title">
|
|
|
+ <view class="strip"></view>
|
|
|
+ <h3>{{item.brand}}</h3>
|
|
|
+ <view :class="
|
|
|
+ item.status==='已拒绝'? 'state1':
|
|
|
+ item.status==='审核通过'? 'state2':'state'"
|
|
|
+ >
|
|
|
+ <view>{{item.status}}</view>
|
|
|
+ <view class="triangle"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="information_E">
|
|
|
+ <u-form-item>
|
|
|
+ <u-icon name="manager-o" custom-prefix="van-icon" />
|
|
|
+ <u-input v-model="item.agentName" :disabled="true"/>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item>
|
|
|
+ <u-icon name="orders-o" custom-prefix="van-icon" />
|
|
|
+ <u-input v-model="item.signCount" :disabled="true"/>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="原因:" v-if="item.cause != null"><u-input v-model="item.cause" :disabled="true"/></u-form-item>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ request
|
|
|
+ } from '../../common/request/request'
|
|
|
+ require("promise.prototype.finally").shim()
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ judge: true,
|
|
|
+ supplier_s: [] //经销商信息
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ uni.showLoading({
|
|
|
+ title: '加载中...'
|
|
|
+ });
|
|
|
+ console.log("加载中")
|
|
|
+ setTimeout(function() {
|
|
|
+ uni.hideLoading();
|
|
|
+ }, 1000);
|
|
|
+ this.supplier()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ supplier() {
|
|
|
+ uni.getNetworkType({
|
|
|
+ success: function(res) {
|
|
|
+ let none = res.networkType
|
|
|
+ console.log(res.networkType);
|
|
|
+ if (none == 'none') {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: '无网络,请连接网络后再试~',
|
|
|
+ position: "bottom"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ request({
|
|
|
+ url: '/app/appAgent/getBrandAgent',
|
|
|
+ method: 'get',
|
|
|
+ params: {
|
|
|
+ storeId: this.$store.state.storeInfo.storeId,
|
|
|
+ // userId: this.$store.state.storeInfo.userId
|
|
|
+ }
|
|
|
+ }).then(res => {
|
|
|
+ console.log(res)
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.supplier_s = res.data.data.data
|
|
|
+ this.judge = false
|
|
|
+ } else if (res.data.code == 500) {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: '出错了,请稍后再试',
|
|
|
+ position: "bottom"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'none',
|
|
|
+ title: '出错了,请稍后再试',
|
|
|
+ position: "bottom"
|
|
|
+ })
|
|
|
+ }).finally(() => {
|
|
|
+ // Loading.close()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .behind {
|
|
|
+ width: 750rpx;
|
|
|
+ height: 462rpx;
|
|
|
+ background: url(../../static/sailun/behind.png) no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ margin-top: -150rpx;
|
|
|
+ padding-top: 100px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .below {
|
|
|
+ margin-top: -270rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .nothing {
|
|
|
+ width: 96%;
|
|
|
+ height: 800rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ box-shadow: 0 0 24rpx 0 rgba(101, 176, 249, 0.41);
|
|
|
+ }
|
|
|
+
|
|
|
+ .state {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ background-color: #F6CF19;
|
|
|
+ float: right;
|
|
|
+ margin-top: -60rpx;
|
|
|
+ margin-right: -47rpx;
|
|
|
+ border-top-left-radius: 60rpx;
|
|
|
+ border-bottom-left-radius: 60rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height:60rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ .triangle {
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ margin-top: 0rpx;
|
|
|
+ margin-right: 0rpx;
|
|
|
+ border: 10rpx solid;
|
|
|
+ transform: rotate(270deg);
|
|
|
+ float: right;
|
|
|
+ border-color: #B89804 #B89804 transparent transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .state1{
|
|
|
+ width: 200rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ background-color: #FC1E1E;
|
|
|
+ float: right;
|
|
|
+ margin-top: -60rpx;
|
|
|
+ margin-right: -47rpx;
|
|
|
+ border-top-left-radius: 60rpx;
|
|
|
+ border-bottom-left-radius: 60rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height:60rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ .triangle {
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ margin-top: 0rpx;
|
|
|
+ margin-right: 0rpx;
|
|
|
+ border: 10rpx solid;
|
|
|
+ transform: rotate(270deg);
|
|
|
+ float: right;
|
|
|
+ border-color: #960000 #960000 transparent transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .state2{
|
|
|
+ width: 200rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ background-color: #0094FE;
|
|
|
+ float: right;
|
|
|
+ margin-top: -60rpx;
|
|
|
+ margin-right: -47rpx;
|
|
|
+ border-top-left-radius: 60rpx;
|
|
|
+ border-bottom-left-radius: 60rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height:60rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+
|
|
|
+ .triangle {
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ margin-top: 0rpx;
|
|
|
+ margin-right: 0rpx;
|
|
|
+ border: 10rpx solid;
|
|
|
+ transform: rotate(270deg);
|
|
|
+ float: right;
|
|
|
+ border-color: #0F519C #0F519C transparent transparent;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ width: 667rpx;
|
|
|
+ height: auto;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 10rpx 30rpx 0px rgba(223, 223, 223, 0.51);
|
|
|
+ border-radius: 18px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: 30rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ padding-bottom: 40rpx;
|
|
|
+
|
|
|
+ .content_s {
|
|
|
+ width: 92%;
|
|
|
+ // height: 330rpx;
|
|
|
+ height: auto;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10rpx;
|
|
|
+
|
|
|
+ .information {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .information_E {
|
|
|
+ // display: flex;
|
|
|
+ width: 100%;
|
|
|
+ flex-flow: wrap;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ border-bottom: 1rpx solid #EBEBEB;
|
|
|
+ padding-bottom: 15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .strip {
|
|
|
+ width: 4px;
|
|
|
+ height: 20px;
|
|
|
+ background: #0292FD;
|
|
|
+ float: left;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ margin-top: 5rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|