<template>
  <view>
    <block v-if="loginStyle == 0">
      <view class="login-page">
        <view class="login-hero">
          <image
            class="login-hero-bg"
            :src="constant.hostUrl + '/image//workbench-header-bg.webp'"
            mode="aspectFill"
          />
          <view class="login-hero-scrim"></view>
          <view class="status-space" :style="{ height: statusBarHeight + 'px' }"></view>
          <view class="login-hero-inner">
            <text class="login-hero-title">鑺辨帉鏌?/text>
            <text class="login-hero-desc">鐧诲綍鏌ョ湅鎴戠殑闂ㄥ簵</text>
          </view>
        </view>
        <view class="login-body">
          <!-- #ifdef MP-WEIXIN -->
          <view class="login-card">
            <view class="login-card-top">
              <view class="login-card-icon-wrap login-card-icon-wrap--buy">
                <image class="login-card-icon" :src="iconSrc('bouquet')" mode="aspectFit" />
              </view>
              <view class="login-card-main">
                <text class="login-card-title">涓汉涔拌姳</text>
                <text class="login-card-desc">璐拱鑺辨潗銆佽姳鏉熷拰缁挎</text>
              </view>
            </view>
            <button class="login-card-btn login-card-btn--outline" @click="buyItem">涔拌姳</button>
          </view>
          <!-- #endif -->
          <view class="login-card">
            <view class="login-card-top">
              <view class="login-card-icon-wrap login-card-icon-wrap--supply">
                <image class="login-card-icon" :src="iconSrc('procurement')" mode="aspectFit" />
              </view>
              <view class="login-card-main">
                <text class="login-card-title">鑺卞簵杩涜揣</text>
                <text class="login-card-desc">鑺卞簵涔拌姳鏉愩€侀噰璐拰绠＄悊</text>
              </view>
            </view>
            <button
              class="login-card-btn login-card-btn--primary"
              @click="pageTo({ url: '/admin/home/login' })"
            >鐧诲綍</button>
          </view>
          <view class="login-register" @click="pageTo({ url: '/pagesClient/official/apply' })">
            <text class="login-register-tip">杩樻病鏈夎姳搴楄处鍙凤紵</text>
            <text class="login-register-link">鑺卞簵娉ㄥ唽</text>
          </view>
        </view>
      </view>
    </block>
    <block v-else>
      <view class="order-page">
        <view class="ghs_list_page flex-col">
          <view class="profile-section">
            <image class="workbench-header-bg" :src="constant.hostUrl + '/image//workbench-header-bg.webp'" mode="aspectFill"></image>
            <view class="status-safe-area" :style="{ height: statusBarHeight + 'px' }"></view>
            <view class="custom-nav">
              <text class="custom-nav-title">{{ workbenchTitle }}</text>
            </view>
            <!-- <view class="profile-header">
              <view class="avatar-container">
                <button class="avatar-button" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
                  <image class="avatar" :src="shopAvatar()" mode="aspectFill" />
                </button>
              </view>
              <view class="user-info" @click="pageTo({ url: '/admin/home/edit' })">
                <text class="username">{{ (shopInfo && shopInfo.shopName == '棣栧簵') ? (shopInfo.merchantName || '') :
                  (((shopInfo && shopInfo.merchantName) ? shopInfo.merchantName : '') + (shopInfo && shopInfo.shopName ?
                    (' ' + shopInfo.shopName) : '')) }}</text>
              </view>
            </view> -->

            <view class="function-grid function-grid--overlay">
              <view class="function-item function-item--overlay"
                @click="pageTo({ url: '/admin/shop/add?id=' + loginInfo.shopId })">
                <image class="function-icon" :src="iconSrc('stock-my-address')" mode="aspectFit" />
                <text class="function-text function-text--overlay function-text--sm">鎴戠殑鍦板潃</text>
              </view>
              <view class="function-item function-item--overlay" @click="pageTo({ url: '/admin/stat/cgItem' })">
                <image class="function-icon" :src="iconSrc('stock-purchase-stats')" mode="aspectFit" />
                <text class="function-text function-text--overlay function-text--sm">閲囪喘缁熻</text>
              </view>
              <view class="function-item function-item--overlay" @click="goMore()">
                <image class="function-icon" :src="iconSrc('stock-deleted-wholesaler')" mode="aspectFit" />
                <text class="function-text function-text--overlay function-text--sm">宸插垹闂ㄥ簵</text>
              </view>
              <view class="function-item function-item--overlay" @click="goMore()">
                <image class="function-icon" :src="iconSrc('open-shop')" mode="aspectFit" />
                <text class="function-text function-text--overlay function-text--sm">鐢宠寮€搴?/text>
              </view>
            </view>
          </view>

          <!-- <view class="admin-contact-wrap">
            <view class="admin-contact-inner">
              <text class="admin-contact-name">{{ loginInfo.admin && loginInfo.admin.name ? loginInfo.admin.name : ''
                }}</text>
              <text class="admin-contact-divider">|</text>
              <text class="admin-contact-mobile">{{ loginInfo.admin && loginInfo.admin.mobile ? loginInfo.admin.mobile :
                '' }}</text>
            </view>
          </view> -->

          <view v-if="!$util.isEmpty(data.warning)" class="warning-banner">{{ data.warning }}</view>

          <template v-if="!$util.isEmpty(ad)">
            <block v-for="(adInfo, adIndex) in ad" :key="adIndex">
              <view class="ad-wrap" @click.stop="pageTo({ url: adInfo.url })">
                <image :src="adInfo.banner" mode="widthFix" class="ad-image"></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" />
                  </view>
                  <view class="text-group_7 flex-col justify-center">
                    <text class="text_8">{{ ghsInfo.name }}</text>
                    <view class="phone-line"
                      v-if="!$util.isEmpty(ghsInfo.telephone) || !$util.isEmpty(ghsInfo.telephone2)"
                      @click.stop="callUp(ghsInfo)">
                      <image class="phone-icon" :src="iconSrc('stock-phone')" mode="aspectFit" />
                      <text class="phone-text">
                        <text v-if="!$util.isEmpty(ghsInfo.telephone)">{{ ghsInfo.telephone }}</text>
                      </text>
                    </view>
                    <text class="text_9">

                      <block v-if="ghsInfo.cutStyle && ghsInfo.cutStyle == 1">
                        <block v-if="ghsInfo.meetNum > 0 || ghsInfo.meetAmount > 0">
                          <text class="discount-highlight" 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 class="discount-highlight" 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>
                    <text class="text_distance" v-if="ghsInfo.distance && ghsInfo.distance > 0">{{ ghsInfo.distance >
                      1000 ? Math.round(Number(ghsInfo.distance) / 1000) + 'km' : ghsInfo.distance + 'm' }}</text>
                  </view>
                </view>
                <view class="box_9">
                  <view class="tag_2" @click="pageTo({ url: '/admin/ghs/debtChange?ghsId=' + ghsInfo.id })">
                    <image class="tag-icon" :src="iconSrc('stock-debt-change')" mode="aspectFit" />
                    <text>鎸傝处鍙樺姩</text>
                  </view>
                  <view class="tag_2" @click="pageTo({ url: '/admin/clear/list?ghsId=' + ghsInfo.id })">
                    <image class="tag-icon" :src="iconSrc('stock-checkout-record')" mode="aspectFit" />
                    <text>缁撹处璁板綍</text>
                  </view>
                  <view class="tag_2 tag_2--bought"
                    @click.stop="pageTo({ url: '/pagesPurchase/shopping?ghsId=' + ghsInfo.id + '&ghsName=' + ghsInfo.name })">
                    <image class="tag-icon" :src="iconSrc('stock-purchase-record')" mode="aspectFit" />
                    <text>璐拱璁板綍</text>
                  </view>
                  <view class="tag_2 tag_2--share tag_2--highlight">
                    <button open-type="share" :data-ghs="ghsInfo" class="share-button-mask"></button>
                    <image class="tag-icon" :src="iconSrc('stock-share')" mode="aspectFit" />
                    <text>鍒嗕韩鏈簵</text>
                  </view>
                  <view class="tag_2 tag_2--highlight" @click.stop="getMore(ghsInfo)">
                    <image class="tag-icon" :src="iconSrc('stock-more-features')" mode="aspectFit" />
                    <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>
                    <text class="clear-action" v-if="ghsInfo.remainDebtAmount > 0">閫夎鍗曠粨绠?></text>
                  </view>
                </view>

                <block v-if="Number(ghsInfo.balance) > 0">
                  <view class="box_6 box_6--blue 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 waite_clear_order--blue">
                        <text v-if="Number(ghsInfo.balance) > 0">鍑忓幓浣欓楼{{ ghsInfo.balance ? parseFloat(ghsInfo.balance) : 0
                          }}</text>
                        <text v-if="ghsInfo.remainDebtAmount > 0" class="ml-15">瀹炴瑺楼{{ ghsInfo.remainDebtAmount }}</text>
                      </text>
                      <text class="clear-action clear-action--blue">鎸夐噾棰濈粨绠?></text>
                    </view>
                  </view>

                  <view class="box_6 box_6--blue 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 waite_clear_order--blue">
                        <text>璐︽埛浣欓楼{{ Math.abs(ghsInfo.remainDebtAmount) }}</text>
                      </text>
                      <text class="clear-action clear-action--blue">宸茬粨娓?/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>
              </view>
            </view>
          </template>

          <block v-else>

            <!-- 濡傛灉娌℃湁璇锋眰杩囨帴鍙ｏ紝涓嶇‘瀹氳繖涓姳搴楋紝鏈夋病鎵瑰彂搴楋紝鏆傛椂涓嶆樉绀烘壘鎵瑰彂搴楃殑鍏ュ彛锛岄伩鍏嶅紩璧蜂簤璁?-->
            <block v-if="hasRequestApi == 0">
              <view class="location-empty-box">
                <view class="location-empty-title">鏆傛棤鎵瑰彂搴?/view>
              </view>
            </block>
            <block v-else>
              <view v-if="isWithinTwoDays" class="no-supplier-tip">闄勮繎鏆傛棤鎵瑰彂搴?/view>
              <block v-else>
                <view class="location-empty-box">
                  <image class="location-empty-icon" :src="iconSrc('general-location')" mode="aspectFit" />
                  <view class="location-empty-title">寮€鍚畾浣嶏紝鏌ョ湅闄勮繎鎵瑰彂搴?/view>
                  <button class="location-empty-btn" @click="searchGhs()">寮€鍚?/button>
                </view>
              </block>
            </block>

          </block>

          <view class="support-entry" @click="toPhone()">
            <text>鍘﹂棬涓姳姹囨妧鏈敮鎸?<text class="support-divider">|</text> 鑱旂郴鍘﹂棬涓姳姹?/text>
          </view>

        </view>
      </view>
    </block>

    <uni-popup ref="toShowMore" background-color="#fff" type="center" :animation="true" class="class-popup-style">
      <view class="more-popup-list">
        <view class="more-popup-item"><button @click="rechargeChange()">鍏呭€艰褰?/button></view>
        <view class="more-popup-item"><button @click="balanceChange()">浣欓鍙樺姩</button></view>
        <view class="more-popup-item"><button @click="bpSj()">鍒犻櫎</button></view>
        <view class="more-popup-item more-popup-item--cancel"><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 displayGhsList" :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 { consoleIndex } from "@/api/workbench";
import autoUpdateMixins from "@/mixins/autoUpdate";
import { ghsList } from "@/api/purchase";
import { changeDelStatus, hasMoreGhs, searchNearbyGhs } from "@/api/ghs";
import { currentShop, uploadShopAvatar } from "@/api/shop";
import { hasNotice } from "@/api/admin";
import { APIHOST } from "@/config";
import permision from "@/utils/wa-permission_1.1/permission.js";
import { iconSrc } from "@/utils/iconSrc";
export default {
  name: "workbench",
  mixins: [autoUpdateMixins],
  data() {
    return {
      constant: this.$constant,
      ad: [],
      getappIdList: {},
      data: {
        admin: {},
        asset: {},
        notice: {},
        todayData: { income: 0.00, order: 0, custom: 0, expend: 0.00, visit: 0 },
        isMini: 0
      },
      supplierList: [],
      //鐧诲綍鐘舵€?0鏈櫥褰?1鐧诲綍浠呯敤鍒颁簡閲囪喘 2鐧诲綍鐢ㄥ埌瀹屾暣鍔熻兘
      loginStyle: 0,
      currentGhs: {},
      displayGhsList: [],// 鐢ㄤ簬鏄剧ず鍦ㄥ脊妗嗕腑鐨勪緵璐у晢鍒楄〃
      shopInfo: [],
      supplierSearchTime: 0, // 鏌ユ壘闄勮繎鎵瑰彂搴楁椂闂?      hasRequestApi: 0,
      statusBarHeight: 0
    };
  },
  computed: {
    ...mapGetters({ loginInfo: "getLoginInfo" }),
    workbenchTitle() {
      if (this.shopInfo && this.shopInfo.shopName == '棣栧簵') {
        return this.shopInfo.merchantName || '杩涜揣'
      }
      const merchantName = (this.shopInfo && this.shopInfo.merchantName) ? this.shopInfo.merchantName : ''
      const shopName = (this.shopInfo && this.shopInfo.shopName) ? this.shopInfo.shopName : ''
      const title = merchantName + (shopName ? (' 路 ' + shopName) : '')
      return title || '杩涜揣'
    },
    isWithinTwoDays() {
      if (!this.supplierSearchTime) return false;
      const twoDays = 2 * 24 * 60 * 60 * 1000;
      return (Date.now() - this.supplierSearchTime) < twoDays;
    }
  },
  watch: {
    //鍙渶瑕侀噰璐姳鏉愮殑鑺卞簵涓嶆樉绀哄簳閮ㄨ彍鍗?    loginInfo(newVal) {
      if (!this.$util.isEmpty(newVal.admin) && newVal.admin.currentShopId > 0) {
        this.handleLoginStyle()
      }
    }
  },
  onPullDownRefresh() {
    this.init();
    uni.stopPullDownRefresh();
  },
  onLoad() {
    try {
      const systemInfo = uni.getSystemInfoSync()
      this.statusBarHeight = systemInfo.statusBarHeight || 0
    } catch (e) {
      this.statusBarHeight = 0
    }
    getWeixinId().then(res => {
      this.getappIdList = res.data
    })
  },
  onShow() {
    this.supplierSearchTime = uni.getStorageSync('supplier_search_time') || 0;

    this.init();

    // 鍒ゆ柇鏄惁鐧诲綍
    if (!this.$util.isEmpty(this.loginInfo.admin) && this.loginInfo.admin.currentShopId > 0) {
      this.handleLoginStyle()
      //this.showShopName()
    }
  },
  onShareAppMessage(res) {
    if (res.from === 'button') {
      let ghsInfo = res.target.dataset.ghs
      let hdShopAdminId = this.loginInfo && this.loginInfo.shopAdminId ? this.loginInfo.shopAdminId : 0
      let ghsShopAdminId = ghsInfo.shopAdminId || 0
      let shopId = ghsInfo.shopId || 0
      let fromGhsId = ghsInfo.id || 0
      let fromCg = 1

      let path = `/pagesPurchase/ghsProduct?hdShopAdminId=${hdShopAdminId}&ghsShopAdminId=${ghsShopAdminId}&shopId=${shopId}&id=0&fromGhsId=${fromGhsId}&fromCg=${fromCg}`

      return {
        title: ghsInfo.name,
        desc: "",
        path: path,
        imageUrl: ghsInfo.avatar || ghsInfo.smallAvatar || ''
      }
    }
    return { title: "鑺辨帉鏌滐紝鑺卞簵绠″濠?, desc: "", imageUrl: "", path: "admin/home/workbench" }
  },
  methods: {
    iconSrc,
    onChooseAvatar(e) {
      if (this.loginInfo && this.loginInfo.staff && this.loginInfo.staff.founder != 2) {
        this.$msg('闂ㄥ簵LOGO璇疯€佹澘淇敼')
        return
      }
      if (e && e.detail && e.detail.avatarUrl) {
        let avatarUrl = e.detail.avatarUrl
        this.updateShopAvatar(avatarUrl)
      } else {
        this.$msg('鑾峰彇澶村儚澶辫触')
      }
    },
    updateShopAvatar(avatarUrl) {
      let token = uni.getStorageSync('token') || ''
      let url = APIHOST + '/upload/save-file'
      uni.uploadFile({
        url: url,
        filePath: avatarUrl,
        name: 'file',
        header: { token: token },
        formData: {},
        success: (res) => {
          try {
            const ret = JSON.parse(res.data)
            if (ret.code == 1) {
              this.shopInfo.avatar = ret.data.shortUrl
              this.$msg('澶村儚宸叉洿鏂?)
              uni.setStorageSync('shopAvatar', this.shopInfo.avatar)

              //璇峰悗绔紝涓婁紶鏂扮殑澶村儚鍦板潃锛屽悓姝ユ洿鏂皒hGhsCustom閲岄潰鐨勫ご鍍忓湴鍧€
              uploadShopAvatar({ id: this.shopInfo.id, avatar: ret.data.shortUrl }).then(res => {
                if (res.code == 1) {
                  // this.$msg('澶村儚涓婁紶鎴愬姛')
                } else {
                  // this.$msg(res.msg || '涓婁紶澶辫触')
                  console.log(res.msg || '涓婁紶澶辫触')
                }
              })
            } else {
              this.$msg(ret.msg || '涓婁紶澶辫触')
            }
          } catch (err) {
            this.$msg('鏈嶅姟寮傚父')
          }
        },
        fail: () => {
          this.$msg('涓婁紶澶辫触')
        }
      })
    },
    shopAvatar() {
      const avatar = (this.shopInfo && this.shopInfo.avatar) ? this.shopInfo.avatar : '/default_avatar.png?x-oss-process=image/resize,m_fill,h_130,w_130'
      if (!avatar) {
        return ''
      }
      if (/^https?:\/\//i.test(avatar)) {
        return avatar
      }
      return this.$constant.imgUrl + (avatar.indexOf('/') === 0 ? avatar : ('/' + avatar))
    },
    buyItem() {
      let that = this
      // #ifdef MP-WEIXIN
      uni.navigateToMiniProgram({
        //濮滄灚-2021.04.13
        appId: that.getappIdList.mall.miniAppId,
        path: 'pages/home/recent',
        //develop 寮€鍙戠増 trial 浣撻獙鐗?release 姝ｅ紡鐗?        envVersion: process.env.NODE_ENV === 'development' ? 'develop' : 'release',
        extraData: {},
        success(res) {
        }
      })
      // #endif
      // #ifdef APP-PLUS
      that.$msg("璇风敤寰俊鎵撳紑")
      // #endif
    },
    init() {
      this.getGHSList()

      // #ifdef MP-WEIXIN
      this.isMini = 1
      // #endif

      consoleIndex({ isMini: this.isMini }).then(res => {
        this.data = res.data
      })
      this.showShopName()
    },
    handleLoginStyle() {
      this.loginStyle = 1
      this.toRemindCustom()
    },
    closeToShow() {
      this.$refs.toShowMore.close()
    },
    // 鏄剧ず渚涜揣鍟嗘彁绀哄脊妗?    showSupplierNotice() {
      // 璁剧疆瑕佹樉绀虹殑渚涜揣鍟嗗垪琛紝鏈€澶氭樉绀?涓?      this.displayGhsList = 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()
      // 涓嶈皟鐢╤asNotice鎺ュ彛锛屼繚鎸佹彁閱掔姸鎬?    },
    getMore(info) {
      this.currentGhs = info
      this.$refs.toShowMore.open('center')
    },
    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) {
          this.shopInfo = res.data ? res.data : []
          if (this.shopInfo.avatar) {
            uni.setStorageSync('shopAvatar', this.shopInfo.avatar);
          } else {
            uni.setStorageSync('shopAvatar', '');
          }
        }
      })
    },
    goMore() {
      this.$util.pageTo({ url: '/pagesPurchase/pb' })
    },
    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 })
    },
    settleAccounts(item) {
      this.pageTo({ url: '/pagesPurchase/gathering?id=' + item.id })
    },
    getGHSList() {
      return ghsList().then(res => {
        this.supplierList = res.data.list
        this.ad = res.data.ad ? res.data.ad : []
        this.hasRequestApi = 1
      })
    },
    toRemindCustom() {
      if (this.loginStyle == 1) {
        hasMoreGhs().then(ret => {
          if (ret.data.needNotice == 1) {
            this.showSupplierNotice()
          }
        })
      }
    },
    async searchGhs() {
      console.log('searchGhs start')

      // #ifdef APP-PLUS
      // App 绔厛鏄惧紡鐢宠鏉冮檺锛岄伩鍏嶉儴鍒嗘満鍨?getLocation 鎸傝捣鏃犲洖璋?      if (plus.os.name === 'Android') {
        const permissionRes = await permision.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION')
        if (permissionRes !== 1) {
          this.$msg('璇峰紑鍚畾浣嶆潈闄愬悗閲嶈瘯')
          if (permissionRes === -1) {
            permision.gotoAppPermissionSetting()
          }
          return
        }
      }
      if (!permision.checkSystemEnableLocation()) {
        this.$msg('璇峰厛寮€鍚郴缁熷畾浣嶆湇鍔?)
        return
      }
      // #endif

      let hasLocationCallback = false
      const timeoutTimer = setTimeout(() => {
        if (!hasLocationCallback) {
          console.log('getLocation timeout')
          this.$msg('瀹氫綅瓒呮椂锛岃纭绯荤粺瀹氫綅宸插紑鍚悗閲嶈瘯')
        }
      }, 5000)

      const handleLocationSuccess = (res, locationType) => {
        hasLocationCallback = true
        clearTimeout(timeoutTimer)
        console.log('getLocation success', locationType, res)
        searchNearbyGhs({
          locationType: locationType,
          lat: res.latitude,
          long: res.longitude
        }).then(ret => {
          if (ret.code == 1) {
            uni.setStorageSync('supplier_search_time', Date.now()) //璁剧疆缂撳瓨鏃堕棿--璁板綍褰撳墠鏌ユ壘闄勮繎鎵瑰彂搴楃殑鏃堕棿
            //閲嶆柊鍒锋柊鍒楄〃
            this.getGHSList()
            this.$msg('鏌ユ壘鎴愬姛')
          } else {
            this.$msg(ret.msg)
          }
        })
      }
      const requestLocation = (locationType) => {
        uni.getLocation({
          type: locationType,
          success: (res) => {
            handleLocationSuccess(res, locationType)
          },
          fail: (err) => {
            console.log('getLocation fail', locationType, err)
            // 閮ㄥ垎瀹夊崜鏈哄瀷涓嶆敮鎸?gcj02锛岃嚜鍔ㄩ檷绾у埌 wgs84 鍐嶈瘯涓€娆?            if (locationType === 'gcj02' && (
              err.code == 18 ||
              err.errCode == 18 ||
              (err.errMsg && (
                err.errMsg.indexOf('not support gcj02') > -1 ||
                err.errMsg.indexOf('Not Support CoordsType') > -1
              ))
            )) {
              requestLocation('wgs84')
              return
            }
            hasLocationCallback = true
            clearTimeout(timeoutTimer)
            uni.showToast({ title: '瀹氫綅澶辫触锛岃妫€鏌ュ畾浣嶆潈闄?, icon: 'none' })
          },
          complete: () => {
            console.log('getLocation complete', locationType)
          }
        })
      }
      // iOS 鏈哄瀷鍦ㄩ儴鍒嗚繍琛岀幆澧冧笉鏀寔 gcj02锛岀洿鎺ヤ娇鐢?wgs84
      // #ifdef APP-PLUS
      if (plus.os.name === 'iOS') {
        requestLocation('wgs84')
        return
      }
      // #endif
      requestLocation('gcj02')
    }
  }
};
</script>
<style lang="scss" scoped>
.login-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f2f7f4;
}

.login-hero {
  position: relative;
  padding: 0 24upx 36upx;
  overflow: hidden;
  background: linear-gradient(180deg, #e8f5ed 0%, #ecf6f0 72%, #f2f7f4 100%);
}

.login-hero-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 360upx;
  z-index: 0;
  opacity: 0.55;
}

.login-hero-scrim {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 360upx;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.78) 0%,
    rgba(237, 248, 242, 0.52) 48%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}

.status-space {
  position: relative;
  z-index: 2;
  width: 100%;
}

.login-hero-inner {
  position: relative;
  z-index: 2;
  padding: 56upx 8upx 0;
}

.login-hero-title {
  display: block;
  color: #161819;
  font-size: 58upx;
  font-weight: 700;
  line-height: 60upx;
  text-shadow:
    0 0 12upx rgba(255, 255, 255, 0.92),
    0 2upx 6upx rgba(255, 255, 255, 0.75);
}

.login-hero-desc {
  display: block;
  margin-top: 14upx;
  color: #192129;
  font-size: 34upx;
  line-height: 44upx;
}

.login-body {
  flex: 1;
  padding: 28upx 24upx 64upx;
}

.login-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 36upx 32upx 32upx;
  background: #fff;
  border-radius: 24upx;
  box-shadow: 0 8upx 24upx rgba(9, 197, 103, 0.08);
}

.login-card + .login-card {
  margin-top: 36upx;
}

.login-card-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
}

.login-card-icon-wrap {
  width: 104upx;
  height: 104upx;
  border-radius: 26upx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.login-card-icon-wrap--buy {
  background: linear-gradient(135deg, #fff4e8 0%, #ffe8d6 100%);
}

.login-card-icon-wrap--supply {
  background: linear-gradient(135deg, #e8f8f0 0%, #d4f0e2 100%);
}

.login-card-icon {
  width: 56upx;
  height: 56upx;
}

.login-card-main {
  flex: 1;
  min-width: 0;
  margin-left: 24upx;
}

.login-card-title {
  display: block;
  color: #161819;
  font-size: 38upx;
  font-weight: 700;
  line-height: 48upx;
}

.login-card-desc {
  display: block;
  margin-top: 12upx;
  color: #8a9199;
  font-size: 30upx;
  line-height: 40upx;
}

.login-card-btn {
  width: 100%;
  margin: 36upx 0 0;
  padding: 0;
  min-width: 0;
  height: 101upx;
  line-height: 101upx;
  font-size: 38upx;
  font-weight: 600;
  border-radius: 40upx;
  text-align: center;
  border: none;
  color: #fff;
  background: #09c567;
}

.login-card-btn::after {
  border: none;
}

.login-card-btn--primary,
.login-card-btn--outline {
  color: #fff;
  background: #09c567;
}

.login-register {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 56upx;
}

.login-register-tip {
  color: #8a9199;
  font-size: 40upx;
  line-height: 44upx;
}

.login-register-link {
  margin-left: 8upx;
  color: #09c567;
  font-size: 40upx;
  line-height: 44upx;
  font-weight: 600;
}

.order-page {
  .ghs_list_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750upx;
    overflow: hidden;

    .profile-section {
      background-color: #09C567;
      padding: 30upx 30upx 0upx 30upx;
      border-radius: 0;

      .profile-header {
        display: flex;
        align-items: center;

        .avatar-container {
          width: 50upx;
          height: 50upx;
          border-radius: 50upx;
          overflow: hidden;
          background-color: rgba(255, 255, 255, 0.2);
          border: 1upx solid #ffffff;
          display: flex;
          align-items: center;
          justify-content: center;

          .avatar-button {
            background: none !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50upx;
            height: 50upx;
            color: transparent !important;

            &::after {
              border: none !important;
            }
          }

          .avatar {
            width: 50upx;
            height: 50upx;
            border-radius: 50upx;
          }
        }

        .user-info {
          flex: 1;
          margin-left: 10upx;
          display: flex;
          align-items: center;

          .username {
            display: block;
            font-size: 40upx;
            font-weight: bold;
            color: #ffffff;
            line-height: 1;
          }

          .user-id {
            display: block;
            margin-top: 6upx;
            font-size: 26upx;
            color: #ffffff;
          }
        }

        .more-icon {
          margin-left: 12upx;
          width: 60upx;
          height: 60upx;
          border-radius: 30upx;
          align-items: center;
          justify-content: center;
          display: flex;
        }
      }

    }

    .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;

        .more-btn {
          position: absolute;
          top: 20upx;
          right: 20upx;
          width: 40upx;
          height: 40upx;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 20upx;
          background: rgba(0, 0, 0, 0.05);

          .more-icon {
            font-size: 24upx;
            color: #666;
            font-weight: bold;
          }
        }

        .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;
            min-height: 99upx;
            height: auto;
            margin-top: 5upx;
            justify-content: center;

            .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;
              margin-bottom: 12upx;
            }

            .text_9 {
              width: 533upx;
              height: 25upx;
              overflow-wrap: break-word;
              color: rgba(153, 153, 153, 1);
              font-size: 30upx;
              text-align: left;
              white-space: nowrap;
              line-height: 25upx;
              margin-bottom: 10upx;
            }

            .text_distance {
              font-size: 26upx;
              color: #666;
              line-height: 24upx;
            }
          }
        }

        .box_4 {
          background-color: rgba(238, 238, 238, 1);
          width: 750upx;
          height: 1upx;
          margin-top: 40upx;
        }

        .box_9 {
          width: calc(100% - 30upx);
          height: auto;
          margin: 23upx 15upx 22upx 15upx;
          display: flex;
          flex-wrap: wrap;
          align-items: stretch;
          overflow: visible;
          position: relative;

          .tag_2 {
            background-color: rgba(255, 255, 255, 1);
            border-radius: 8px;
            height: 80upx;
            border: 2px solid rgba(221, 221, 221, 1);
            color: rgba(51, 51, 51, 1);
            font-size: 28upx;
            margin: 0 7upx 15upx 0;
            text-align: center;
            width: calc((100% - 28upx) / 5);
            padding: 0 4upx;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;

            &:nth-child(5n) {
              margin-right: 0;
            }

            text {
              display: block;
              width: 100%;
              font-size: 28upx;
              line-height: 1.2;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }

          .tag_2--share {
            padding-left: 2upx;
            padding-right: 2upx;
            position: relative;
          }

          .tag_2--highlight {
            color: #09C567;
            border-color: #09C567;
            font-weight: bold;
          }

          .share-button-mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
          }
        }

        .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;
            }

            .waite_clear_order--blue {
              color: #3385ff;
            }

            .ml-15 {
              margin-left: 15upx;
            }

            .ml-30 {
              margin-left: 30upx;
            }
          }
        }

        .button_4 {
          height: 92upx;
          line-height: 92upx;
          text-align: center;
          background-color: #09C567;
          background-size: 137upx 137upx;
          width: 130upx;
          position: absolute;
          left: 570upx;
          top: 110upx;
          border-radius: 39upx;

          .text_13 {
            color: rgba(255, 255, 255, 1);
            font-size: 30upx;
            font-weight: bold;
          }
        }

        .button_5 {
          height: 92upx;
          line-height: 92upx;
          text-align: center;
          background-color: #CCCCCC;
          background-size: 137upx 137upx;
          width: 130upx;
          position: absolute;
          left: 570upx;
          top: 110upx;
          border-radius: 39upx;

          .text_13 {
            color: rgba(255, 255, 255, 1);
            font-size: 30upx;
            font-weight: bold;
          }
        }

        .button_6 {
          height: 92upx;
          line-height: 92upx;
          text-align: center;
          background-color: rgb(152, 153, 197);
          background-size: 137upx 137upx;
          width: 170upx;
          position: absolute;
          left: 540upx;
          top: 110upx;
          border-radius: 39upx;

          .text_13 {
            color: rgba(255, 255, 255, 1);
            font-size: 30upx;
            font-weight: bold;
          }
        }

        .button_7 {
          height: 92upx;
          line-height: 92upx;
          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;
          }
        }
      }
    }
  }
}

.admin-contact-wrap {
  text-align: center;
  font-size: 28upx;
  color: #666;
  padding: 16upx 30upx;
  margin: 0 20upx;
  background: #fff;
  border-radius: 30upx;
}

.admin-contact-inner {
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 10upx 25upx;
  border-radius: 20upx;
  box-shadow: 0 2upx 8upx rgba(0, 0, 0, 0.05);
}

.admin-contact-name {
  color: #333;
  font-weight: 500;
  font-size: 28upx;
}

.admin-contact-divider {
  margin: 0 15upx;
  color: #eee;
}

.admin-contact-mobile {
  color: #666;
  font-size: 28upx;
}

.ad-wrap {
  text-align: center;
}

.ad-image {
  width: 97%;
  margin: 0 auto;
}

.discount-highlight {
  color: red;
  font-weight: bold;
}

.no-supplier-tip {
  margin: 60upx auto 40upx auto;
  font-weight: bold;
  font-size: 36upx;
  text-align: center;
  color: #999;
}

.location-empty-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100upx;
  margin-bottom: 100upx;
}

.location-empty-title {
  font-size: 36upx;
  color: #999;
  font-weight: bold;
  margin-bottom: 40upx;
}

.location-empty-btn {
  background-color: #09C567;
  color: #fff;
  width: 240upx;
  border-radius: 10upx;
}

.support-entry {
  text-align: center;
  margin-top: 20upx;
  margin-bottom: 50upx;
  color: #827171;
  font-size: 32upx;
}

.support-divider {
  margin: 0 20upx 0 20upx;
}

.more-popup-list {
  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;
}

.more-popup-item {
  width: 100vw;
  margin-top: 8upx;
}

.more-popup-item--cancel {
  margin-top: 30upx;
}

/* 渚涜揣鍟嗘彁绀哄脊妗嗘牱寮?*/
.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: 42upx;
        font-weight: bold;
        color: red;
        margin-bottom: 30upx;
        line-height: 1.4;
      }

      .supplier-notice-buttons {
        display: flex;
        justify-content: space-between;

        .admin-button-com+.admin-button-com {
          margin-left: 20upx;
        }

        .admin-button-com {
          flex: 1;
          margin: 0;
          padding: 20upx 0;
          height: auto;
          line-height: normal;
          font-size: 34upx;
          font-weight: bold;
        }
      }
    }
  }
}

.warning-banner {
  background-color: #ff6b6b;
  border-radius: 8upx;
  margin: 0upx 10upx 20upx 10upx;
  padding: 20upx 24upx;
  color: #ffffff;
  font-size: 32upx;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}

/* New workbench visual style */
.order-page {
  min-height: 100vh;
  background: #f5f7f6;
}

.order-page .ghs_list_page {
  width: 750upx;
  min-height: 100vh;
  overflow: hidden;
  background: #f5f7f6;
}

.order-page .ghs_list_page .profile-section {
  position: relative;
  padding: 0 24upx 4upx;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.24) 58%, rgba(245, 247, 246, 0.58) 100%);
}

.order-page .ghs_list_page .profile-section::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 280upx;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.78) 0%,
    rgba(237, 248, 242, 0.52) 48%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}

.workbench-header-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 300upx;
  z-index: 0;
}

.order-page .ghs_list_page .profile-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 252upx;
  height: 150upx;
  z-index: 1;
  background: linear-gradient(180deg, rgba(245, 247, 246, 0) 0%, rgba(245, 247, 246, 0.62) 100%);
  pointer-events: none;
}

.status-safe-area,
.custom-nav,
.profile-header,
.function-grid--overlay {
  position: relative;
  z-index: 2;
}

.custom-nav {
  position: relative;
  height: 145upx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 65upx;
  box-sizing: border-box;
}

.custom-nav-title {
  max-width: 560upx;
  color: #161819;
  font-size: 50upx;
  font-weight: 700;
  line-height: 48upx;
  text-align: center;
  text-shadow:
    0 0 12upx rgba(255, 255, 255, 0.92),
    0 2upx 6upx rgba(255, 255, 255, 0.75);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-page .ghs_list_page .profile-section .profile-header {
  min-height: 78upx;
  justify-content: center;
}

.order-page .ghs_list_page .profile-section .profile-header .avatar-container {
  width: 72upx;
  height: 72upx;
  border-radius: 50%;
  border: 4upx solid rgba(255, 255, 255, 0.95);
  background: #fff;
  box-shadow: 0 8upx 22upx rgba(9, 197, 103, 0.18);
}

.order-page .ghs_list_page .profile-section .profile-header .avatar-container .avatar-button {
  width: 72upx;
  height: 72upx;
  border-radius: 50%;
}

.order-page .ghs_list_page .profile-section .profile-header .avatar-container .avatar {
  width: 72upx;
  height: 72upx;
  border-radius: 50%;
}

.order-page .ghs_list_page .profile-section .profile-header .user-info {
  flex: 0 1 auto;
  max-width: 540upx;
  margin-left: 18upx;
}

.order-page .ghs_list_page .profile-section .profile-header .user-info .username {
  color: #161819;
  font-size: 34upx;
  line-height: 42upx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.order-page .ghs_list_page .profile-section .function-grid--overlay {
  margin-top: 10upx;
  min-height: 166upx;
  padding: 30upx 12upx 24upx;
  border-radius: 26upx;
  background: #f5f7f6;
  box-shadow: 0 14upx 34upx rgba(42, 75, 55, 0.13);
  display: flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
}

.order-page .ghs_list_page .profile-section .function-item--overlay {
  flex: 1;
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.order-page .ghs_list_page .profile-section .function-item--overlay+.function-item--overlay {
  margin-left: 0;
}

.order-page .ghs_list_page .profile-section .function-text--overlay {
  margin-top: 14upx;
  color: #202325;
  font-size: 29upx;
  line-height: 36upx;
  background-color: transparent;
}

.admin-contact-wrap {
  margin: 20upx 24upx 0;
  padding: 18upx 24upx;
  border-radius: 22upx;
  background: #fff;
  box-shadow: 0 10upx 26upx rgba(31, 46, 37, 0.06);
}

.admin-contact-inner {
  width: 100%;
  padding: 0;
  box-shadow: none;
  justify-content: center;
}

.warning-banner {
  margin: 22upx 24upx 0;
  padding: 22upx 28upx;
  border-radius: 20upx;
  background: linear-gradient(90deg, #ff393f 0%, #ff4d4f 100%);
  box-shadow: 0 10upx 22upx rgba(255, 57, 63, 0.18);
  color: #fff;
  font-size: 30upx;
  font-weight: 700;
}

.ad-wrap {
  margin: 22upx 24upx 0;
  overflow: hidden;
  border-radius: 20upx;
}

.ad-image {
  display: block;
  width: 100%;
  margin: 0;
}

.order-page .ghs_list_page .ghs_list_area {
  width: 750upx;
  padding: 24upx 0 12upx;
  background: #f5f7f6;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box {
  width: 702upx;
  margin: 0 24upx 24upx;
  padding: 24upx 24upx 26upx;
  box-sizing: border-box;
  border-radius: 24upx;
  background: #fff;
  box-shadow: 0 10upx 28upx rgba(24, 37, 30, 0.08);
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .image-text_7 {
  width: 100%;
  min-height: 116upx;
  height: auto;
  margin: 0;
  align-items: center;
  justify-content: flex-start;
  padding-right: 178upx;
  box-sizing: border-box;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .image-text_7 .section_1 {
  width: 112upx;
  height: 112upx;
  flex-shrink: 0;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .image-text_7 .section_1 .logo {
  width: 112upx;
  height: 112upx;
  border-radius: 50%;
  background: #eaf8ef;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .image-text_7 .text-group_7 {
  flex: 1;
  width: auto;
  min-width: 0;
  min-height: 100upx;
  margin: 0 0 0 24upx;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .image-text_7 .text-group_7 .text_8 {
  width: 100%;
  height: auto;
  margin-bottom: 10upx;
  color: #171a1d;
  font-size: 36upx;
  line-height: 44upx;
  font-weight: 700;
}

.phone-line {
  width: 100%;
  min-height: 34upx;
  display: flex;
  align-items: center;
  margin-bottom:10upx;
}

.phone-text {
  flex: 1;
  min-width: 0;
  margin-left: 10upx;
  color: #252a2d;
  font-size: 28upx;
  line-height: 32upx;
  white-space: nowrap;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .image-text_7 .text-group_7 .text_9 {
  width: 100%;
  height: auto;
  min-height: 28upx;
  margin-bottom: 6upx;
  color: #7e8782;
  font-size: 24upx;
  line-height: 30upx;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .image-text_7 .text-group_7 .text_distance {
  color: #7e8782;
  font-size: 24upx;
  line-height: 30upx;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_4 {
  display: none;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .button_4,
.order-page .ghs_list_page .ghs_list_area .ghs_box .button_5,
.order-page .ghs_list_page .ghs_list_area .ghs_box .button_6,
.order-page .ghs_list_page .ghs_list_area .ghs_box .button_7 {
  top: 48upx;
  left: auto;
  right: 28upx;
  width: 142upx;
  height: 76upx;
  line-height: 76upx;
  border-radius: 999upx;
  box-shadow: 0 8upx 18upx rgba(9, 197, 103, 0.22);
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .button_4,
.order-page .ghs_list_page .ghs_list_area .ghs_box .button_7 {
  background: linear-gradient(135deg, #16d66d 0%, #08b858 100%);
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .button_5 {
  background: #c9d0cd;
  box-shadow: none;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .button_6 {
  background: linear-gradient(135deg, #65c690 0%, #35aa69 100%);
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .button_7 {
  right: 182upx;
  width: 156upx;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .button_4 .text_13,
.order-page .ghs_list_page .ghs_list_area .ghs_box .button_5 .text_13,
.order-page .ghs_list_page .ghs_list_area .ghs_box .button_6 .text_13,
.order-page .ghs_list_page .ghs_list_area .ghs_box .button_7 .text_13 {
  color: #fff;
  font-size: 28upx;
  font-weight: 700;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_9 {
  width: 100%;
  margin: 30upx 0 8upx;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: visible;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_9 .tag_2 {
  width: 120upx;
  height: 140upx;
  margin: 0;
  padding: 15upx 4upx;
  border: 1upx solid #dbeee3;
  border-radius: 10upx;
  background: #fbfffd;
  color: #1f2523;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_9 .tag_2 text {
  width: 100%;
  margin-top: 13upx;
  color: #1f2523;
  font-size: 24upx;
  line-height: 30upx;
  text-align: center;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_9 .tag_2--highlight {
  color: #09c567;
  border-color: #d2efdd;
  font-weight: 400;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_9 .tag_2--highlight text {
  color: #1f2523;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_6 {
  width: 100%;
  height: auto;
  min-height: 72upx;
  margin-top: 18upx;
  border-radius: 12upx;
  background: #fff1f1;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_6--blue {
  background: #edf6ff;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_6 .show_clear_area {
  width: 100%;
  height: auto;
  min-height: 72upx;
  margin: 0;
  padding: 0 18upx;
  box-sizing: border-box;
  align-items: center;
  flex-wrap: nowrap;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_6 .show_clear_area .waite_clear_order {
  flex: 1;
  width: auto;
  height: auto;
  color: #f50e24;
  font-size: 30upx;
  line-height: 38upx;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clear-action {
  flex-shrink: 0;
  margin-left: 18upx;
  color: #f50e24;
  font-size: 26upx;
  line-height: 34upx;
  font-weight: 700;
  white-space: nowrap;
}

.order-page .ghs_list_page .ghs_list_area .ghs_box .box_6 .show_clear_area .waite_clear_order--blue,
.clear-action--blue {
  color: #1677ff;
}

.location-empty-box {
  width: 702upx;
  margin: 40upx 24upx 80upx;
  padding: 70upx 24upx;
  box-sizing: border-box;
  border-radius: 24upx;
  background: #fff;
  box-shadow: 0 10upx 28upx rgba(24, 37, 30, 0.06);
}

.location-empty-title {
  color: #77817c;
  font-size: 32upx;
}

.location-empty-btn {
  margin-top: 22upx;
  background: #09c567;
  color: #fff;
  border-radius: 999upx;
}

.no-supplier-tip {
  width: 702upx;
  margin: 40upx 24upx 80upx;
  padding: 70upx 24upx;
  box-sizing: border-box;
  border-radius: 24upx;
  background: #fff;
  color: #77817c;
  font-size: 32upx;
  box-shadow: 0 10upx 28upx rgba(24, 37, 30, 0.06);
}

.function-icon,
.phone-icon,
.tag-icon,
.location-empty-icon {
  display: block;
  flex-shrink: 0;
}

.function-icon {
  width: 58upx;
  height: 58upx;
}

.phone-icon {
  width: 28upx;
  height: 28upx;
}

.tag-icon {
  width: 50upx;
  height: 50upx;
}

.location-empty-icon {
  width: 40upx;
  height: 40upx;
  margin-bottom: 24upx;
}
</style>