|
|
@@ -1,622 +1,15 @@
|
|
|
<template>
|
|
|
<view class="ghs_list_page flex-col">
|
|
|
-
|
|
|
- <template v-if="!$util.isEmpty(ad)">
|
|
|
- <block v-for="(adInfo, adIndex) in ad" :key="adIndex">
|
|
|
- <view style="text-align:center;" @click.stop="pageTo({url:adInfo.url})">
|
|
|
- <image :src="adInfo.banner" mode="widthFix" style="width:97%;margin:0 auto;"></image>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- </template>
|
|
|
-
|
|
|
- <view class="ghs_list_area flex-col justify-end" v-if="!$util.isEmpty(supplierList)">
|
|
|
-
|
|
|
- <view class="ghs_box flex-col justify-end" v-for="(ghsInfo, index) in supplierList" :key="index">
|
|
|
- <view class="image-text_7 flex-row justify-between">
|
|
|
- <view class="section_1 flex-col">
|
|
|
- <image class="logo" :src="ghsInfo.smallAvatar" />
|
|
|
- </view>
|
|
|
- <view class="text-group_7 flex-col justify-between">
|
|
|
- <text class="text_8">{{ghsInfo.name}}</text>
|
|
|
- <text class="text_9">
|
|
|
-
|
|
|
- <block v-if="ghsInfo.cutStyle && ghsInfo.cutStyle == 1">
|
|
|
- <block v-if="ghsInfo.meetNum>0 || ghsInfo.meetAmount>0">
|
|
|
- <text style="color:red;font-weight:bold;" v-if="ghsInfo.cutAmount>0">
|
|
|
- 满<text v-if="ghsInfo.meetNum>0">{{ghsInfo.meetNum?ghsInfo.meetNum:0}}扎</text>
|
|
|
- <text v-if="ghsInfo.meetAmount>0"><text v-if="ghsInfo.meetNum>0">和</text>{{ghsInfo.meetAmount?ghsInfo.meetAmount:0}}元</text>{{ghsInfo.cutAmount?parseFloat(ghsInfo.cutAmount*100).toString().replace(/0/g,''):0}}折
|
|
|
- </text>
|
|
|
- </block>
|
|
|
- </block>
|
|
|
- <block v-else>
|
|
|
- <block v-if="ghsInfo.meetNum>0 || ghsInfo.meetAmount>0">
|
|
|
- <text style="color:red;font-weight:bold;" v-if="ghsInfo.cutAmount>0">
|
|
|
- 满<text v-if="ghsInfo.meetNum>0">{{ghsInfo.meetNum?ghsInfo.meetNum:0}}扎</text>
|
|
|
- <text v-if="ghsInfo.meetAmount>0"><text v-if="ghsInfo.meetNum>0">和</text>{{ghsInfo.meetAmount?ghsInfo.meetAmount:0}}元</text>优惠{{ghsInfo.cutAmount?parseFloat(ghsInfo.cutAmount):0}}元
|
|
|
- </text>
|
|
|
- </block>
|
|
|
- </block>
|
|
|
-
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="box_4 flex-col"></view>
|
|
|
- <view class="box_9">
|
|
|
- <view class="tag_2" @click="pageTo({ url: '/admin/ghs/debtChange?ghsId='+ghsInfo.id})"> <text>挂账变动记录</text> </view>
|
|
|
- <view class="tag_2" @click="pageTo({ url: '/admin/clear/list?ghsId='+ghsInfo.id})"> <text>结账记录</text> </view>
|
|
|
- <view class="tag_2" @click="pageTo({url:'/pagesPurchase/shopping?ghsId='+ghsInfo.id+'&ghsName='+ghsInfo.name})"> <text>买花记录</text> </view>
|
|
|
- <view class="tag_2" @click.stop="callUp(ghsInfo)" style="color:green;font-weight:bold;"> <text>联系我们</text> </view>
|
|
|
- </view>
|
|
|
- <view class="box_6 flex-row" @click.stop="settleAccounts(ghsInfo)" v-if="Number(ghsInfo.debtAmount)>0">
|
|
|
- <view class="show_clear_area flex-row justify-between">
|
|
|
- <text class="waite_clear_order">
|
|
|
- 待结订单 {{ghsInfo.debtNum}}笔 合计¥{{ghsInfo.debtAmount?parseFloat(ghsInfo.debtAmount):0}}
|
|
|
- <text style="margin-left:30upx;" v-if="ghsInfo.remainDebtAmount>0">选订单结 》</text>
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <block v-if="Number(ghsInfo.balance)>0">
|
|
|
- <view class="box_6 flex-row" v-if="ghsInfo.remainDebtAmount>0" @click.stop="recharge(ghsInfo)">
|
|
|
- <view class="show_clear_area flex-row justify-between">
|
|
|
- <text class="waite_clear_order" style="color:#3385ff;">
|
|
|
- <text v-if="Number(ghsInfo.balance)>0">减去余额¥{{ ghsInfo.balance ? parseFloat(ghsInfo.balance) : 0 }}</text>
|
|
|
- <text v-if="ghsInfo.remainDebtAmount>0" style="margin-left:15upx;">实欠¥{{ ghsInfo.remainDebtAmount }}</text>
|
|
|
- <text style="margin-left:30upx;">按金额结 》</text>
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="box_6 flex-row" v-if="ghsInfo.remainDebtAmount<0" @click.stop="recharge(ghsInfo)">
|
|
|
- <view class="show_clear_area flex-row justify-between">
|
|
|
- <text class="waite_clear_order" style="color:#3385ff;">
|
|
|
- <text>账户余额¥{{ Math.abs(ghsInfo.remainDebtAmount) }}</text>
|
|
|
- <text style="margin-left:30upx;">已结清</text>
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
-
|
|
|
- <block v-if="ghsInfo.live == 1">
|
|
|
- <view class="button_7 flex-col" @click.stop="goKmCg(ghsInfo)" v-if="ghsInfo.openKmCg && ghsInfo.openKmCg == 1"><text class="text_13">昆明直采</text></view>
|
|
|
- <view class="button_4 flex-col" v-if="ghsInfo.isOpen == 1" @click="enterShop(ghsInfo)"><text class="text_13">买花</text></view>
|
|
|
- <view class="button_5 flex-col" v-else @click="enterShop(ghsInfo)"><text class="text_13">买花</text></view>
|
|
|
- </block>
|
|
|
- <block v-else>
|
|
|
- <view class="button_6 flex-col" @click="fillCg(ghsInfo)"><text class="text_13">买花</text></view>
|
|
|
- </block>
|
|
|
- <text style="position:absolute;left:686upx;top:16upx;color:#CCCCCC;" @click.stop="getMore(ghsInfo)">更多</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <view v-else style="margin:60upx auto 40upx auto;font-weight:bold;font-size:36upx;text-align: center;">暂无供货商</view>
|
|
|
-
|
|
|
- <view style="text-align:center;margin-top:50upx;margin-bottom:182upx;color:#827171;font-size:30upx;">
|
|
|
- <text style="margin-right:20upx;" @click="toPhone()">厦门中花汇技术支持</text>
|
|
|
- <text style="margin-right:20upx;">|</text>
|
|
|
- <text @click="toPhone()">联系软件公司</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="app-footer open_btn">
|
|
|
- <view @click="addGhs()" class="admin-button-com big blue">新增供货商</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <uni-popup ref="toShowMore" background-color="#fff" type="center" :animation="true" class="class-popup-style">
|
|
|
- <view style="display:flex;width:100vw;padding:20upx 20upx 40upx 20upx;height:auto;justify-content: space-between;align-items:center;flex-wrap:wrap;max-height:100vh;overflow:auto;">
|
|
|
- <view style="width:100vw;margin-top:8upx;"><button @click="rechargeChange()">充值记录</button></view>
|
|
|
- <view style="width:100vw;margin-top:8upx;"><button @click="balanceChange()">余额变动记录</button></view>
|
|
|
- <view style="width:100vw;margin-top:8upx;"><button @click="bpSj()">删除</button></view>
|
|
|
- <view style="width:100vw;margin-top:30upx;"><button @click="closeToShow()">取消</button></view>
|
|
|
- </view>
|
|
|
- </uni-popup>
|
|
|
-
|
|
|
- <!-- 多供货商提示弹框 -->
|
|
|
- <uni-popup ref="supplierNoticePopup" background-color="#fff" type="center" :animation="true" class="supplier-notice-popup">
|
|
|
- <view class="supplier-notice-container">
|
|
|
- <!-- 头部 -->
|
|
|
- <view class="supplier-notice-header">
|
|
|
- <text class="supplier-notice-title">您已有多个供货商</text>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 中间供货商列表 -->
|
|
|
- <view class="supplier-notice-content">
|
|
|
- <view class="supplier-list">
|
|
|
- <view class="supplier-item" v-for="(supplier, index) in displaySupplierList" :key="index">
|
|
|
- <view class="supplier-icon">🏪</view>
|
|
|
- <text class="supplier-name">{{ supplier.name }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 底部提示 -->
|
|
|
- <view class="supplier-notice-footer">
|
|
|
- <text class="supplier-notice-tip">请注意区分，已经有很多个人，下到不是自己要的那家了</text>
|
|
|
- <view class="supplier-notice-buttons">
|
|
|
- <button class="admin-button-com default" @click="remindLater">下次提醒</button>
|
|
|
- <button class="admin-button-com blue" @click="closeSupplierNotice">知道了</button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uni-popup>
|
|
|
-
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { mapGetters } from "vuex";
|
|
|
-import { ghsList } from "@/api/purchase";
|
|
|
-import { changeDelStatus,hasMoreGhs } from "@/api/ghs";
|
|
|
-import { hasNotice } from "@/api/admin";
|
|
|
export default {
|
|
|
components: {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- supplierList: [],
|
|
|
- ad:[],
|
|
|
- currentGhs:{},
|
|
|
- displaySupplierList: [],
|
|
|
- refreshPage:0
|
|
|
- }
|
|
|
- },
|
|
|
- onPullDownRefresh() {
|
|
|
- this.getMyGhsData().then(res => {
|
|
|
- uni.stopPullDownRefresh();
|
|
|
- })
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapGetters({ dictInfo:"getDictionariesInfo" })
|
|
|
- },
|
|
|
- onShow(){
|
|
|
- if(this.refreshPage == 1){
|
|
|
- this.init()
|
|
|
- this.refreshPage = 0
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- closeToShow(){
|
|
|
- this.$refs.toShowMore.close()
|
|
|
- },
|
|
|
- // 显示供货商提示弹框
|
|
|
- showSupplierNotice() {
|
|
|
- // 设置要显示的供货商列表，最多显示5个
|
|
|
- this.displaySupplierList = this.supplierList.filter(item => item.name).slice(0, 5)
|
|
|
- this.$refs.supplierNoticePopup.open('center')
|
|
|
- },
|
|
|
- // 关闭供货商提示弹框
|
|
|
- closeSupplierNotice() {
|
|
|
- this.$refs.supplierNoticePopup.close()
|
|
|
- // 调用已有的接口标记已通知
|
|
|
- hasNotice().then(res => { })
|
|
|
- },
|
|
|
- // 下次提醒
|
|
|
- remindLater() {
|
|
|
- this.$refs.supplierNoticePopup.close()
|
|
|
- // 不调用hasNotice接口，保持提醒状态
|
|
|
- },
|
|
|
- getMore(info){
|
|
|
- this.currentGhs = info
|
|
|
- this.$refs.toShowMore.open('top')
|
|
|
- },
|
|
|
- callUp (ghs) {
|
|
|
- let mobileList = []
|
|
|
- if (!this.$util.isEmpty(ghs.telephone)){
|
|
|
- mobileList.push(ghs.telephone)
|
|
|
- }
|
|
|
- if (!this.$util.isEmpty(ghs.telephone2)){
|
|
|
- mobileList.push(ghs.telephone2)
|
|
|
- }
|
|
|
- if(this.$util.isEmpty(mobileList)){
|
|
|
- this.$msg('没有联系电话')
|
|
|
- return false
|
|
|
- }
|
|
|
- uni.showActionSheet({
|
|
|
- itemList: mobileList,
|
|
|
- success: function (respond) {
|
|
|
- let currentIndex = respond.tapIndex
|
|
|
- let mobile = mobileList[currentIndex]
|
|
|
- uni.makePhoneCall({ phoneNumber: mobile })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- toPhone(){
|
|
|
- this.$util.pageTo({url: '/pagesPurchase/contact'})
|
|
|
- },
|
|
|
- addGhs(){
|
|
|
- this.pageTo({url: '/admin/ghs/addGhs'})
|
|
|
- },
|
|
|
- suggest(){
|
|
|
- let that = this
|
|
|
- that.$util.confirmModal({content:'请添加客服微信反馈',okText:'复制微信'},() => {
|
|
|
- uni.setClipboardData({
|
|
|
- data: '15280215347',
|
|
|
- success: function() {
|
|
|
- that.$msg("复制成功");
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- bookItem(item){
|
|
|
- const { id } = item
|
|
|
- this.pageTo({url: '/pagesPurchase/bookProduct?id='+id})
|
|
|
- },
|
|
|
- goBalanceChange(info){
|
|
|
- this.closeToShow()
|
|
|
- this.pageTo({url: '/admin/ghs/balanceChange?ghsId='+info.id})
|
|
|
- },
|
|
|
- rechargeChange(){
|
|
|
- this.closeToShow()
|
|
|
- this.pageTo({url: '/admin/ghs/rechargeChange?ghsId='+this.currentGhs.id})
|
|
|
- },
|
|
|
- recharge(currentGhs){
|
|
|
- this.pageTo({url: '/admin/ghs/pay?id='+currentGhs.id+'&salt='+currentGhs.salt})
|
|
|
- },
|
|
|
- balanceChange(){
|
|
|
- this.closeToShow()
|
|
|
- this.pageTo({url: '/admin/ghs/balanceChange?ghsId='+this.currentGhs.id})
|
|
|
- },
|
|
|
- bpSj(){
|
|
|
- let that = this
|
|
|
- that.$util.confirmModal({content:'确认删除？删除后你不能再跟此批发店买花！！！！',okText:'确认'},() => {
|
|
|
- that.confirmPb(that.currentGhs)
|
|
|
- })
|
|
|
- },
|
|
|
- confirmPb(ghs){
|
|
|
- let that = this
|
|
|
- changeDelStatus({delStatus:1,ghsId:ghs.id}).then(res=>{
|
|
|
- if(res.code == 1){
|
|
|
- that.closeToShow()
|
|
|
- that.getMyGhsData()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- fillCg(item){
|
|
|
- this.pageTo({url: '/pagesPurchase/addCg?ghsId='+item.id+'&ghsName='+item.name})
|
|
|
- },
|
|
|
- goKmCg(currentGhs){
|
|
|
- let self = this
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
- uni.navigateToMiniProgram({
|
|
|
- appId: currentGhs.kmCgAppId,
|
|
|
- path: currentGhs.kmCgUrl,
|
|
|
- //develop 开发版 trial 体验版 release 正式版
|
|
|
- envVersion: process.env.NODE_ENV === 'development' ? 'develop' : 'release',
|
|
|
- extraData: {},
|
|
|
- success (res) {}
|
|
|
- })
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- self.$msg('开发中')
|
|
|
- // #endif
|
|
|
- },
|
|
|
- enterShop(item) {
|
|
|
- let that = this
|
|
|
- if(item.isOpen == 0){
|
|
|
- that.$msg('已休店，请选择其它门店')
|
|
|
- return false
|
|
|
- }
|
|
|
- that.pageTo({url: '/pagesPurchase/ghsProduct?id='+item.id})
|
|
|
- },
|
|
|
- whyHave(){
|
|
|
- this.$util.confirmModal({content:'付款金额不足消欠款单时，存为余额下次使用'},() => {})
|
|
|
- },
|
|
|
- init() {
|
|
|
- this.getMyGhsData()
|
|
|
- },
|
|
|
- toRemindCustom(){
|
|
|
- hasMoreGhs().then(ret=>{
|
|
|
- if(ret.data.needNotice == 1){
|
|
|
- this.showSupplierNotice()
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- getMyGhsData () {
|
|
|
- return ghsList().then(res => {
|
|
|
- this.supplierList = res.data.list
|
|
|
- this.ad = res.data.ad ? res.data.ad : []
|
|
|
- //这个不能移到外面去，否则会有问题
|
|
|
- this.toRemindCustom()
|
|
|
- })
|
|
|
- },
|
|
|
- settleAccounts (item) {
|
|
|
- this.pageTo({ url: '/pagesPurchase/gathering?id='+item.id})
|
|
|
- },
|
|
|
- gotoDetails (val) {
|
|
|
- this.pageTo({ url: '/pagesPurchase/purDetails?status=' + val.status + '&id=' + val.id, type:2 })
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
-<style lang='scss' scoped>
|
|
|
-.ghs_list_page {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- position: relative;
|
|
|
- width: 750upx;
|
|
|
- overflow: hidden;
|
|
|
- .flex-col {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
- .flex-row {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- }
|
|
|
- .justify-end {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- }
|
|
|
- .justify-between {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
-
|
|
|
- .ghs_list_area {
|
|
|
- width: 750upx;
|
|
|
- background-color: #ece5e5;
|
|
|
- margin-bottom:40upx;
|
|
|
-
|
|
|
- .ghs_box {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- position: relative;
|
|
|
- width: 750upx;
|
|
|
- height: auto;
|
|
|
- margin-bottom:35upx;
|
|
|
- .image-text_7 {
|
|
|
- width: 674upx;
|
|
|
- height: 120upx;
|
|
|
- margin: 40upx 0 0 31upx;
|
|
|
- .section_1 {
|
|
|
- width: 120upx;
|
|
|
- height: 120upx;
|
|
|
- .logo{
|
|
|
- width:120upx;
|
|
|
- height:120upx;
|
|
|
- border-radius:10upx;
|
|
|
- }
|
|
|
- }
|
|
|
- .text-group_7 {
|
|
|
- width: 533upx;
|
|
|
- height: 99upx;
|
|
|
- margin-top: 5upx;
|
|
|
- .text_8 {
|
|
|
- display:inline-block;
|
|
|
- width: 550upx;
|
|
|
- height: 38upx;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-size: 36upx;
|
|
|
- font-weight:bold;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height:38upx;
|
|
|
- overflow:hidden;
|
|
|
- text-overflow:ellipsis;
|
|
|
- }
|
|
|
- .text_9 {
|
|
|
- width: 533upx;
|
|
|
- height: 25upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(153, 153, 153, 1);
|
|
|
- font-size: 28upx;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 24upx;
|
|
|
- margin-top: 10upx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .box_4 {
|
|
|
- background-color: rgba(238, 238, 238, 1);
|
|
|
- width: 750upx;
|
|
|
- height: 1upx;
|
|
|
- margin-top: 40upx;
|
|
|
- }
|
|
|
- .box_9 {
|
|
|
- width: 100%;
|
|
|
- height: 60upx;
|
|
|
- margin: 23upx 0 22upx 15upx;
|
|
|
- .tag_2 {
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- border-radius: 8px;
|
|
|
- height: 60upx;
|
|
|
- line-height:60upx;
|
|
|
- border: 2px solid rgba(221, 221, 221, 1);
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-size: 30upx;
|
|
|
- margin:0 16upx 0 0;
|
|
|
- text-align:center;
|
|
|
- float:left;
|
|
|
- padding-left:15upx;
|
|
|
- padding-right:15upx;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- .box_6 {
|
|
|
- background-color: rgb(248, 242, 242);
|
|
|
- width: 750upx;
|
|
|
- height:95upx;
|
|
|
- .show_clear_area {
|
|
|
- width: 247upx;
|
|
|
- height: 29upx;
|
|
|
- margin: 26upx 0 0 30upx;
|
|
|
- .waite_clear_order {
|
|
|
- width: 214upx;
|
|
|
- height: 29upx;
|
|
|
- overflow-wrap: break-word;
|
|
|
- color: rgba(255, 40, 66, 1);
|
|
|
- font-size: 31upx;
|
|
|
- font-weight:bold;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- line-height: 29upx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .button_4 {
|
|
|
- height: 80upx;
|
|
|
- line-height:80upx;
|
|
|
- text-align:center;
|
|
|
- background-color:#09C567;
|
|
|
- background-size: 137upx 137upx;
|
|
|
- width: 130upx;
|
|
|
- position: absolute;
|
|
|
- left: 560upx;
|
|
|
- top: 105upx;
|
|
|
- border-radius:39upx;
|
|
|
- .text_13 {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-size: 30upx;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- }
|
|
|
- .button_5 {
|
|
|
- height: 80upx;
|
|
|
- line-height:80upx;
|
|
|
- text-align:center;
|
|
|
- background-color:#CCCCCC;
|
|
|
- background-size: 137upx 137upx;
|
|
|
- width: 130upx;
|
|
|
- position: absolute;
|
|
|
-
|
|
|
- left: 560upx;
|
|
|
- top: 105upx;
|
|
|
- border-radius:39upx;
|
|
|
- .text_13 {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-size: 30upx;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- }
|
|
|
- .button_6 {
|
|
|
- height: 80upx;
|
|
|
- line-height:80upx;
|
|
|
- text-align:center;
|
|
|
-
|
|
|
- background-color:rgb(152, 153, 197);
|
|
|
- background-size: 137upx 137upx;
|
|
|
-
|
|
|
- width: 170upx;
|
|
|
- position: absolute;
|
|
|
-
|
|
|
- left: 540upx;
|
|
|
- top: 105upx;
|
|
|
- border-radius:39upx;
|
|
|
- .text_13 {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-size: 30upx;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- }
|
|
|
- .button_7 {
|
|
|
- height: 80upx;
|
|
|
- line-height:80upx;
|
|
|
- text-align:center;
|
|
|
- background-color:#09C567;
|
|
|
- background-size: 137upx 137upx;
|
|
|
- width: 180upx;
|
|
|
- position: absolute;
|
|
|
- left: 300upx;
|
|
|
- top: 100upx;
|
|
|
- border-radius:39upx;
|
|
|
- .text_13 {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-size: 30upx;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/* 供货商提示弹框样式 */
|
|
|
-.supplier-notice-popup {
|
|
|
- .supplier-notice-container {
|
|
|
- width: 650upx;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 20upx;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- .supplier-notice-header {
|
|
|
- padding: 40upx 30upx 20upx;
|
|
|
- text-align: center;
|
|
|
- background-color: #f8f9fa;
|
|
|
- border-bottom: 1upx solid #e9ecef;
|
|
|
-
|
|
|
- .supplier-notice-title {
|
|
|
- font-size: 36upx;
|
|
|
- font-weight: bold;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .supplier-notice-content {
|
|
|
- padding: 20upx 0;
|
|
|
-
|
|
|
- .supplier-list {
|
|
|
- padding: 0 30upx;
|
|
|
-
|
|
|
- .supplier-item {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 20upx 0;
|
|
|
- border-bottom: 1upx solid #f0f0f0;
|
|
|
-
|
|
|
- &:last-child {
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
-
|
|
|
- .supplier-icon {
|
|
|
- width: 60upx;
|
|
|
- height: 60upx;
|
|
|
- background-color: #e3f2fd;
|
|
|
- border-radius: 50%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- font-size: 32upx;
|
|
|
- margin-right: 20upx;
|
|
|
- }
|
|
|
-
|
|
|
- .supplier-name {
|
|
|
- font-size: 32upx;
|
|
|
- color: #333;
|
|
|
- flex: 1;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .supplier-notice-footer {
|
|
|
- padding: 30upx;
|
|
|
- text-align: center;
|
|
|
- background-color: #f8f9fa;
|
|
|
- border-top: 1upx solid #e9ecef;
|
|
|
-
|
|
|
- .supplier-notice-tip {
|
|
|
- display: block;
|
|
|
- font-size: 40upx;
|
|
|
- font-weight: bold;
|
|
|
- color: red;
|
|
|
- margin-bottom: 30upx;
|
|
|
- line-height: 1.4;
|
|
|
- }
|
|
|
-
|
|
|
- .supplier-notice-buttons {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- gap: 20upx;
|
|
|
-
|
|
|
- .admin-button-com {
|
|
|
- flex: 1;
|
|
|
- margin: 0;
|
|
|
- padding: 20upx 0;
|
|
|
- height: auto;
|
|
|
- line-height: normal;
|
|
|
- font-size: 34upx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
+ supplierList: []
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</script>
|
