front-end/hdApp/src/admin/home/workbench.vue

<template>
<view>
  <block v-if="loginStyle  == 0">
    <view style="width:100vw;height:500upx;display:flex;align-items:center;justify-content:center;">
      <button class="admin-button-com big blue" @click="pageTo({url:'/admin/home/login'})">点我登录</button>
      <view style="position:absolute;top:380upx;font-size:36upx;color:green;text-decoration: underline;" @click="pageTo({url:'/pagesClient/official/apply'})">注册账号</view>
    </view>
  </block>
  <block v-else>
    <view class="app-main app-content" v-if="loginStyle  == 2">
      <template v-if="lookMoney == 1">
        <view class="user-wrap" :style="{ backgroundImage: `url(${constant.imgUrl}/home/bg_hd_home2.png)` }">
          <view class="user-top">
            <view class="app-size-28">今日概况</view>
          </view>
          <view class="income-amount" @click="pageTo({url:'/admin/stat/kdIncome'})">
            <view>收入</view>
            <view class="price">{{ $util.numberFormat(data.todayData.income) }}</view>
          </view>
          <view class="user-bottom">
            <view class="info-list">
              <view class="info-list-name">访客</view>
              <view class="info-list-value">
                {{ $util.numberFormat(data.todayData.visit) || 0 }}
              </view>
            </view>
            <navigator url="/admin/home/order" open-type="switchTab" class="info-list">
              <view class="info-list-name">订单</view>
              <view class="info-list-value">
                {{ $util.numberFormat(data.todayData.order) || 0 }}
              </view>
            </navigator>
            <view class="info-list">
              <view class="info-list-name">昨天</view>
              <view class="info-list-value">
                {{ $util.numberFormat(0) || 0 }}
              </view>
            </view>
          </view>
        </view>
      </template>
      <view class="module-com news-wrap">
        <view class="news-list" v-for="(item, index) in data.notice" :key="index" @click="noticeFn(item)" >
          <view class="news-left">
            <i class="iconfont iconxiaoxi2 ling"></i>
            <span>{{ item.title }}</span>
          </view>
          <view class="news-right">
            <span>{{ item.action }}</span>
            <i class="iconfont iconxiangyou"></i>
          </view>
        </view>
      </view>

      <view style="text-align: center;font-size:34upx;font-weight:bold;color:red;margin-bottom:20upx;" @click="setRecharge" v-if="shopInfo.rechargeWeal == 0">
        请先设置充值活动的规则
        <text style="color:#3385ff;text-decoration: underline;margin-left:10upx;">去设置</text>
      </view>
      <view v-if="!$util.isEmpty(data.warning)" style="color:red;font-size:36upx;font-weight:bold;text-align: center;margin-bottom:15upx;">{{ data.warning }}</view>

      <view class="module-com flower-module">
        <!-- 花束花礼 -->
        <view class="flower-section">
          <view class="section-header">
            <view class="header-line"></view>
            <view class="header-title">花束花礼</view>
            <view class="header-line"></view>
          </view>
          <view class="icon-grid">
            <view class="icon-item" @click="goPage({url: '/admin/cg/mall'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">商城</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/goods/list'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">图集</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/order/workOrder'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">开单</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/order/quickOrder'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">快捷开单</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/work/list'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">任务</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/item/list2'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">花束管理</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/item/addGroup'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">添加花束</view>
            </view>
          </view>
        </view>
        
        <!-- 盆栽花材 -->
        <view class="flower-section">
          <view class="section-header">
            <view class="header-line"></view>
            <view class="header-title">盆栽花材</view>
            <view class="header-line"></view>
          </view>
          <view class="icon-grid">
            <view class="icon-item" @click="goPage({url: '/admin/cg/mall'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">商城</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/changePrice/list2'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">改价</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/order/workOrder'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">开单</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/order/quickOrder'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">快捷开单</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/part/list'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">拆散</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/breakage/list'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">损耗</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/admin/item/list2'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">花材列表</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/pagesPurchase/order'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">买花</view>
            </view>
            <view class="icon-item" @click="goPage({url: '/pagesPurchase/shopping'})">
              <view class="icon-wrapper">
                <image class="icon-image" :src="`${constant.hostUrl}/image/ghs/home/shop2.png`" mode="aspectFit"></image>
              </view>
              <view class="icon-text">买花记录</view>
            </view>
          </view>
        </view>
      </view>

      <template v-if="lookMoney == 1">
        <view class="module-com total-wrap">
          <view class="total-tit">总览</view>
          <view class="total-blo">
            <view class="total-list" v-for="(item, index) in overview" :key="index" @click="pageTo(item)">
              <view class="list-num">{{ $util.numberFormat(item.value) }}</view>
              <view class="app-color-3">{{ item.name }}</view>
            </view>
          </view>
        </view>
      </template>
    </view>
    <view class="order-page" v-else>
      <view class="ghs_list_page flex-col">
        <view style="background-color:white;margin-bottom:20upx;">
          <button class="admin-button-com mini-btn blue" style="margin-left:11upx;padding-top:17upx;padding-bottom:17upx;" @click="pageTo({url:'/admin/shop/myShop'})">我的门店</button>
          <button class="admin-button-com mini-btn blue" style="margin-left:11upx;padding-top:17upx;padding-bottom:17upx;" @click="pageTo({url:'/admin/staff/list'})">我的员工</button>
          <button class="admin-button-com mini-btn blue" style="margin-left:11upx;padding-top:17upx;padding-bottom:17upx;" @click="pageTo({url:'/admin/shop/add?id='+loginInfo.shopId})">我的地址</button>
          <button class="admin-button-com mini-btn blue" style="margin-left:11upx;padding-top:17upx;padding-bottom:17upx;" @click="pageTo({url:'/admin/stat/cgItem'})">采购统计</button>
          <button class="admin-button-com mini-btn blue" style="margin-left:11upx;padding-top:17upx;padding-bottom:17upx;" @click="goMore()">更多</button>
        </view>
        <view style="text-align:center;font-size:29upx;">您好，{{ loginInfo.admin && loginInfo.admin.name ? loginInfo.admin.name : '' }} {{ loginInfo.admin && loginInfo.admin.mobile ? loginInfo.admin.mobile : '' }}</view>
        <view v-if="!$util.isEmpty(data.warning)" style="color:red;font-size:36upx;font-weight:bold;text-align: center;margin-bottom:15upx;margin-top:20upx;">{{ data.warning }}</view>

        <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>

        <template v-if="!$util.isEmpty(supplierList)">
          <view class="ghs_list_area flex-col justify-end">
              <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" @click="enterShop(ghsInfo)" />
                  </view>
                  <view class="text-group_7 flex-col justify-between" @click="enterShop(ghsInfo)">
                    <text class="text_8">{{ghsInfo.name}}</text>
                    <text class="text_9">
                      <block v-if="ghsInfo.cutStyle && ghsInfo.cutStyle == 1">
                        <block v-if="ghsInfo.meetNum == 1 || ghsInfo.meetAmount == 1">
                          <block v-if="ghsInfo.meetNum && ghsInfo.meetNum>0 && ghsInfo.cutAmount>0">
                            <text style="color:red;font-weight:bold;">
                              全场{{ghsInfo.cutAmount?parseFloat(ghsInfo.cutAmount*100).toString().replace(/0/g,''):0}}折
                            </text>
                          </block>
                          <block v-else>
                            <text v-if="ghsInfo.meetAmount && ghsInfo.meetAmount>0 && ghsInfo.cutAmount>0" style="color:red;font-weight:bold;">
                              全场{{ghsInfo.cutAmount?parseFloat(ghsInfo.cutAmount*100).toString().replace(/0/g,''):0}}折
                            </text>
                          </block>
                        </block>
                        <block v-else>
                          <block v-if="ghsInfo.meetNum && ghsInfo.meetNum>0 && ghsInfo.cutAmount>0">
                            <text style="color:red;font-weight:bold;">
                              满{{ghsInfo.meetNum?ghsInfo.meetNum:0}}扎{{ghsInfo.cutAmount?parseFloat(ghsInfo.cutAmount*100).toString().replace(/0/g,''):0}}折
                            </text>
                          </block>
                          <block v-else>
                            <text v-if="ghsInfo.meetAmount && ghsInfo.meetAmount>0 && ghsInfo.cutAmount>0" style="color:red;font-weight:bold;">
                              满{{ghsInfo.meetAmount?ghsInfo.meetAmount:0}}元{{ghsInfo.cutAmount?parseFloat(ghsInfo.cutAmount*100).toString().replace(/0/g,''):0}}折
                            </text>
                          </block>
                        </block>

                      </block>
                      <block v-else>
                        <block v-if="ghsInfo.meetNum && ghsInfo.meetNum>0 && ghsInfo.cutAmount>0">
                          <text style="color:red;font-weight:bold;">
                            满{{ghsInfo.meetNum?ghsInfo.meetNum:0}}扎优惠{{ghsInfo.cutAmount?parseFloat(ghsInfo.cutAmount):0}}元
                          </text>
                        </block>
                        <block v-else>
                          <text v-if="ghsInfo.meetAmount && ghsInfo.meetAmount>0 && ghsInfo.cutAmount>0" style="color:red;font-weight:bold;">
                            满{{ghsInfo.meetAmount?ghsInfo.meetAmount:0}}元优惠{{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="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:677upx;top:17upx;color:#CCCCCC;" @click.stop="getMore(ghsInfo)">更多</text>
              </view>
          </view>
        </template>
        <block v-else>
          <view style="margin:60upx auto 40upx auto;font-weight:bold;font-size:36upx;text-align: center;">暂无供货商</view>
        </block>

        <view style="text-align:center;margin-top:50upx;margin-bottom:182upx;color:#827171;font-size:28upx;">
          <text style="margin-right:20upx;">中花汇提供技术支持</text>
          <text style="margin-right:20upx;">|</text>
          <text @click="toPhone()">联系软件公司</text>
        </view>

      </view>
    </view>
  </block>
  <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 { getWeixinId } from "@/api/invite";
import { getStat,getStrokeCount } from '@/api/console'
import { consoleIndex } from "@/api/workbench";
import NotLogin from "@/components/not-login";
import autoUpdateMixins from "@/mixins/autoUpdate";
import { ghsList } from "@/api/purchase";
import { changeDelStatus,hasMoreGhs } from "@/api/ghs";
import {currentShop} from "@/api/shop";
import { clearLogin,hasNotice } from "@/api/admin";
export default {
  name: "workbench",
  components: { NotLogin },
  mixins: [autoUpdateMixins],
  data () {
    return {
      overview:[],
      ad:[],
      showAd:1,
      constant: this.$constant,
      getappIdList: {},
      data: {
        admin: {},
        asset: {},
        notice: {},
        todayData: { income:0.00, order:0, custom:0, expend:0.00 },
        isMini:0
      },

      tabsData: [
        { name: "商城", img: `ghs/home/shop2.png`, url: "/admin/cg/mall",pf:1},
        { name: "改价", img: `ghs/home/gj2.png`, url: "/admin/changePrice/list2",pf:1},
        { name: "花材绿植", img: `ghs/home/hcgl2.png`, url: "/admin/item/list2",pf:1 },
        { name: "接花束", img: `ghs/home/shop2.png`, url: "/admin/order/workOrder",pf:1 },
        { name: "拆散", img: `ghs/home/kcyjs2.png`, url: "/admin/part/list",pf:1},
        { name: "损耗", img: `ghs/home/kcyjs2.png`, url: "/admin/breakage/list",pf:1},
        { name: "任务", img: `ghs/home/kcyjs2.png`, url: "/admin/work/list",pf:1 },
        { name: "买花", img: `ghs/home/shop2.png`, url: "/pagesPurchase/order",pf:1 },
        { name: "买花记录", img: `ghs/home/shop2.png`, url: "/pagesPurchase/shopping",pf:1 },
        { name: "花束", img: `ghs/home/hcgl2.png`, url: "/admin/goods/list",pf:1 },
        { name: "客户充值", img: `ghs/home/kcyjs2.png`, url: "/admin/recharge/rechargeCode",pf:1 },
      ],
      totalData: [
        { name: "客户数", value: 0 },
        { name: "总访客", value: 0 },
        { name: "总订单", value: 0 },
        { name: "总收入(元)", value: 0 },
        { name: "总支出(元)", value: 0 },
        { name: "总采购(元)", value: 0 }
      ],
      lskd1: `${this.$constant.imgUrl}/ghs/home/lskd001.jpg`,
      lskd2: `${this.$constant.imgUrl}/ghs/home/lskd002.jpg`,
      lskd3: `${this.$constant.imgUrl}/ghs/home/lskd003.jpg`,
      supplierList: [],
      //登录状态 0未登录 1登录仅用到了采购 2登录用到完整功能
      loginStyle :0,
      backAction:'',
      countStat:{systemIncome:0,systemCount:0,debtCount:0,debtIncome:0,kfWxCount:0,kfWxIncome:0},
      lookMoney:1,
      currentGhs:{},
      displaySupplierList: [],// 用于显示在弹框中的供货商列表
      shopInfo:[]
    };
  },
  computed: {
    ...mapGetters({ loginInfo: "getLoginInfo",dictInfo:"getDictionariesInfo",myShopInfo:"getMyShopInfo" })
  },
	watch: {
		//只需要采购花材的花店不显示底部菜单
		loginInfo(newVal) {
      if(!this.$util.isEmpty(newVal.admin) && newVal.admin.currentShopId > 0){
          if(!this.$util.isEmpty(newVal.onlyCg)){
            if(Number(newVal.onlyCg) == 1){
              this.loginStyle  = 1
              uni.hideTabBar()
              this.toRemindCustom()
            }else{
              this.loginStyle  = 2
              uni.showTabBar()
            }
          }
      }
		}
	},
  onPullDownRefresh () {
    this.init();
    uni.stopPullDownRefresh();
  },
  onShow () {

      if(this.backAction == 'login'){
        this.init()
      }
      if(this.backAction == 'cacelMask'){
        this.init()
        this.backAction = ''
      }

      if(!this.$util.isEmpty(this.loginInfo.admin) && this.loginInfo.admin.currentShopId > 0){
          if(!this.$util.isEmpty(this.loginInfo.onlyCg)){
            if(Number(this.loginInfo.onlyCg) == 1){
              this.loginStyle  = 1
              uni.hideTabBar()
              this.toRemindCustom()
            }else{
              this.loginStyle  = 2
              uni.showTabBar()
            }
          }
      }

      this.showShopName()

  },
  methods: {
    setRecharge(){
      this.$util.pageTo({url:'/admin/recharge/discount'})
    },
		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'})
		},
		showShopName(){
			currentShop().then(res => {
				if(res.code == 1){
					let sjName = res.data.merchantName ? res.data.merchantName : ''
					let shopName = res.data.shopName ? res.data.shopName : ''
					let title = shopName == '首店' ? sjName : sjName+' '+shopName
					uni.setNavigationBarTitle({ title: title })
          this.shopInfo = res.data?res.data:[]
				}
			})
		},
    goMore(){
      let that = this
      let shopkeeper = this.loginInfo.staff && this.loginInfo.staff.founder == 2 //判断店主（老板）
      let items = ['已屏蔽商家', '我已离职', '开关商城', '也要一个此商城', '修改密码', '退出登录'];
      if(shopkeeper) {
        items = ['已屏蔽商家', '改进建议', '开关商城', '也要一个此商城', '修改密码', '退出登录'];
      }
      uni.showActionSheet({
        itemList: items,
        success: function (res) {
          if(res.tapIndex == 0){
            that.$util.pageTo({url: '/pagesPurchase/pb'})
          }
          if(res.tapIndex == 1){
            if(shopkeeper){
              // 店主显示改进建议
              that.suggest()
            }else{
              // 员工显示离职
              that.$util.pageTo({url: '/admin/staff/dimission'})
            }
          }
          if(res.tapIndex == 2){
            that.$util.pageTo({url:'/pagesPurchase/open'})
          }
          if(res.tapIndex == 3){
            that.openPfShop()
          }
          if(res.tapIndex == 4){
            that.$util.pageTo({url:'/admin/shop/password'})
          }
          if(res.tapIndex == 5){
            that.$util.confirmModal({content:'确认退出？'},() => {
              // #ifdef APP-PLUS
              uni.clearStorage()
              that.$store.commit("setLoginInfo", {})
              plus.runtime.restart()
              // #endif
              // #ifdef MP-WEIXIN
              clearLogin().then(res=>{
                if(res.code == 1){
                  uni.clearStorage()
                  that.$store.commit("setLoginInfo", {})
                  uni.reLaunch({url:'/admin/home/workbench'})
                }
              })
              // #endif
            })
          }
        }
      });
    },
    openPfShop(){
      let that = this
      that.$util.confirmModal({content:'请添加客服微信申请：15280215347',okText:'复制微信'},() => {
        uni.setClipboardData({
          data: '15280215347',
          success: function() {
            that.$msg("复制成功")
          }
        })
			})
    },
    suggest(){
      let that = this
      that.$util.confirmModal({content:'请添加客服微信反馈：15280215347',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})
    },
    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)
			})
    },
    recharge(currentGhs){
      this.pageTo({url: '/admin/ghs/pay?id='+currentGhs.id+'&salt='+currentGhs.salt})
    },
    confirmPb(ghs){
      let that = this
      changeDelStatus({delStatus:1,ghsId:ghs.id}).then(res=>{
        if(res.code == 1){
          that.closeToShow()
          that.getGHSList()
        }
      })
    },
    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){
        this.$msg('已休店，请选择其它门店')
        return false
      }
      that.pageTo({url: '/pagesPurchase/ghsProduct?id='+item.id})
    },
    enterShop2(item) {
      let that = this
      if(item.isOpen == 0){
        this.$msg('已休店，请选择其它门店')
        return false
      }
      that.pageTo({url: '/pagesPurchase/ghsProduct2?id='+item.id})
    },
    whyHave(){
      this.$util.confirmModal({content:'付款金额不足消欠款单时，存为余额下次使用'},() => {})
    },
    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 })
    },
    getGHSList () {
      return ghsList().then(res => {
        this.supplierList = res.data.list
        this.ad = res.data.ad ? res.data.ad : []
        this.showAd = res.data.showAd ? res.data.showAd : 0
      })
    },
    goGd(){
      //选择花材生成制作单和订单
      this.$util.pageTo({url:'/admin/order/workOrder'})
    },
    goKjKd(){
      if(this.myShopInfo && Number(this.myShopInfo.defaultCustomId)>0){
        this.$util.pageTo({url:'/admin/billing/index2?customId='+this.myShopInfo.defaultCustomId})
      }else{
        this.$msg('请设置快捷开单的对应客户')
      }
    },
    goShKd(){
      this.$util.pageTo({url:'/admin/custom/selectCustom'})
    },
    goPage (item) {
      if (item.url === '/admin/billing/priceChange') {
        this.goToMallPt('pages/pay/index')
        return true
      }
      if(this.getLoginInfo.pfShopId && Number(this.getLoginInfo.pfShopId)>0){
        if(item.pf == 0){
          this.$msg('请在批发端操作')
          return false
        }
      }
      this.$util.pageTo(item)
    },
    init () {

        this.getGHSList()

        getWeixinId().then(res => {
          this.getappIdList = res.data
        })

        // #ifdef MP-WEIXIN
        this.isMini = 1
        // #endif

        let that = this
        consoleIndex({isMini:this.isMini}).then(res => {
          this.data = res.data
          this.lookMoney = res.data.lookMoney
        })

        getStrokeCount().then(res=>{
          if(res.code == 1){
            this.countStat = res.data
          }
        })

        getStat().then(res=>{
          if(res.code == 1){
            that.overview = res.data.overview
          }
        })
        this.showShopName()
    },
    toRemindCustom(){
        if(this.loginStyle==1){
          hasMoreGhs().then(ret=>{
            if(ret.data.needNotice == 1){
              this.showSupplierNotice()
            }
          })
        }
    },
    noticeFn (item) {
      this.$util.pageTo({ url: item.page })
    },
    goToWastage () {
      this.$util.pageTo({url:'/admin/breakage/list'})
    },
    goToKindStat(){
      this.$util.pageTo({url:'/admin/stat/kind'})
    },
    goToProfit () {
      this.$util.pageTo({url:'/admin/stat/profit'})
    },
    goToMallPt (url) {
      let self = this
        uni.navigateToMiniProgram({
          appId: this.getappIdList.mall.miniAppId,
          path: url + '?account=' + self.loginInfo.shopId,
          //develop 开发版 trial 体验版 release 正式版
          envVersion: process.env.NODE_ENV === 'development' ? 'develop' : 'release',
          extraData: {
            'hdShopAdminId': self.loginInfo.shopAdminId
          },
          success (res) {
          }
        })
    }
  }
};
</script>
<style lang="scss" scoped>
.app-content {
  padding-bottom: 10upx;
}
.module-com {
  margin-bottom: 20upx;
  background-color: #fff;
}
.user-wrap {
  padding: 20upx 30upx 34upx 30upx;
  color: #fff;
  text-align: center;
  background-size: 100% 380upx;
  background-repeat: no-repeat;
  .user-top {
    @include disFlex(center, space-between);
    .open-bt_bx {
      display: flex;
      align-items: center;
      line-height: 1upx;
      & > button {
        padding: 0;
        line-height: auto;
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 22upx;
        padding: 10upx 17upx !important;
        font-size: 24upx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #ffffff;
        & > .iconfont {
          font-size: 25upx;
          padding-right: 10upx;
        }
      }
    }
  }
  .income-amount {
    margin-top: 36upx;
    margin-bottom: 37upx;
    .price {
      font-size: 50upx;
      font-weight: bold;
      margin-top: 4upx;
    }
  }
  .user-bottom {
    @include disFlex(center, space-around);
    .info-list-name {
      color: white;
    }
    .info-list-value {
      font-size: 36upx;
      font-weight: bold;
      margin-top: 4upx;
    }
  }
}
// 消息
.news-wrap {
  .news-list {
    @include disFlex(center, space-between);
    padding: 30upx 24upx 30upx 30upx;
    border-bottom: 1px solid $borderColor;
    font-size: 26upx;
    color: $fontColor2;
    &:active {
      background-color: $backColor;
    }
    & > div {
      @include disFlex(center, flex-start);
    }
    .news-left {
      .iconfont {
        color: $mainColor;
        margin-right: 10upx;
      }
      .ling {
        font-size: 28upx;
      }
      span{
        font-size:29upx;
      }
    }
    .news-right {
      font-size: 26upx;
      color: $mainColor;
      transform: scale(0.9);
      @include disFlex(flex-end, flex-start);
      .iconfont {
        font-size: 24upx;
        margin-left: 10upx;
        margin-bottom: 6upx;
      }
    }
  }
}
// 总览
.total-wrap,
.order-wrap {
	.total-tit {
		padding: 18upx 0 18upx 20upx;
		border-bottom: 1upx solid $borderColor;
		font-weight: 600;
		font-size: 24upx;
		color: #333333;
	}
	.total-blo {
		@include disFlex(center, space-between);
		flex-wrap: wrap;
		padding: 20upx 0 0;
		.total-list {
			width: 33%;
			text-align: center;
			margin: 20upx 0upx;
			border-right: 1upx solid $borderColor;
			.list-num {
				margin-bottom: 8upx;
				font-size:26upx;
				font-weight: bold;
			}
		}
		.total-list:nth-child(3n) {
			border-right: none;
		}
		.total-list:nth-child(n + 4) {
			padding-bottom: 0;
		}

		.total-list2 {
			width: 24%;
			text-align: center;
			margin: 20upx 0upx;
			border-right: 1upx solid $borderColor;
			.list-num {
				margin-top:10upx;
				margin-bottom:8upx;
				font-size:26upx;
				font-weight:normal;
			}
		}
		.total-list2:nth-child(4n) {
			border-right: none;
		}
		.total-list2:nth-child(n + 4) {
			padding-bottom: 0;
		}

	}
}
// 新的花束花礼和盆栽花材样式
.flower-module {
  padding: 0;
  
  .flower-section {
    padding: 30upx 20upx;
    

    
    .section-header {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 30upx;
      
      .header-line {
        flex: 1;
        height: 1upx;
        background: linear-gradient(to right, transparent, #e0e0e0);
        
        &:last-child {
          background: linear-gradient(to left, transparent, #e0e0e0);
        }
      }
      
      .header-title {
        padding: 0 30upx;
        font-size: 32upx;
        font-weight: 600;
        color: #333;
      }
    }
    
    .icon-grid {
      display: flex;
      flex-wrap: wrap;
      margin: -10upx;
      
      .icon-item {
        width: 25%;
        padding: 10upx;
        text-align: center;
        
        .icon-wrapper {
          width: 120upx;
          height: 120upx;
          margin: 0 auto 4upx;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.3s ease;
          
          &:active {
            transform: scale(0.95);
          }
          
          .icon-image {
            width: 95upx;
            height: 95upx;
          }
        }
        
        .icon-text {
          font-size: 26upx;
          color: #333;
          line-height: 1.2;
        }
      }
    }
  }
}
.order-page {
.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;
    .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_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: 570upx;
        top: 95upx;
        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: 570upx;
        top: 95upx;
        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: 95upx;
        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: 330upx;
        top: 95upx;
        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;
        }
      }
    }
  }
}
</style>