<cu-custom bgColor="bg-blue" isBack="{{true}}">
  <view slot="content">店铺详情</view>
</cu-custom>
<scroll-view wx:if="{{shopBean != null}}" enhanced="true" show-scrollbar="false">
  <view class="hint-title">
    <image src="../../../images/title-bg.png" mode="scaleToFill"></image>
    <text>基础信息</text>
  </view>
  <view class="cu-card">
    <!-- 是否认证 -->
    <view class="cu-form-group">
      <view class="title text-gray">
        认证信息
      </view>
      <view class=" {{shopBean.isCertification==1?'content':'content-red'}}" bindtap="showCertificationInfo">
        <view wx:if="{{shopBean.auditStatus==0}}">
          <text class="cu-tag">{{shopBean.shopCertificationId== '' ? '未认证' : '审核中'}}</text>
        </view>
        <text class="cu-tag" wx:if="{{shopBean.auditStatus==1}}">已认证</text>
        <text class="cu-tag" wx:if="{{shopBean.auditStatus==-1}}">审核未通过</text>
      </view>
    </view>
    <!-- 店铺名称 -->
    <view class="cu-form-group">
      <view class="title text-gray">
        店铺名称
      </view>
      <view class="content">{{shopBean.shopName}}</view>
    </view>
    <!-- 店铺地址 -->
    <view class="cu-form-group">
      <view class="title  text-gray">
        店铺地址
      </view>
      <view class="content">{{shopBean.shopAddress}}</view>
    </view>
    <!-- 开业时间 -->
    <view class="cu-form-group">
      <view class="title  text-gray">
        开业日期
      </view>
      <view class="content">{{shopBean.openDate}}</view>
    </view>
    <!-- 是否开业 -->
    <view class="cu-form-group">
      <view class="title  text-gray">
        是否开业
      </view>
      <view class="content">{{shopBean.isOpen==0? '未开业':'营业中'}}</view>
    </view>
    <!-- 店铺营业执照  -->
    <view class="cu-bar bg-white solid-top">
      <view class="action text-gray">
        店铺Logo
      </view>
    </view>
    <view class="cu-form-group padding-bottom-sm">
      <view class="grid col-3 grid-square flex-sub">
        <view class="bg-img">
          <image src='{{baseImg+shopBean.shopLogo}}' mode='aspectFill'></image>
        </view>
      </view>
    </view>
    <!-- 宣传视频 -->
    <view class="bg-white" style="margin-top:2rpx" wx:if="{{shopBean.shopVideo.length>0}}">
      <view class="cu-bar bg-white solid-top">
        <view class="action text-gray">
          宣传视频
        </view>
      </view>
      <view class="padding-lg">
        <video id="myVideo" src="{{baseImg+shopBean.shopVideo}}" binderror="videoErrorCallback"
          show-center-play-btn='{{true}}' bindenterpictureinpicture='bindVideoEnterPictureInPicture'
          bindleavepictureinpicture='bindVideoLeavePictureInPicture' style="width:100%;border-radius:20rpx;"></video>
      </view>
    </view>
    <!-- 店铺简介 -->
    <view class="cu-bar bg-white solid-top">
      <view class="action">
        店铺简介
      </view>
    </view>
    <view class="bg-white">
      <view class="cu-form-group">
        <view class="content-left solid padding-xs" style="min-height:100rpx;">{{shopBean.shopSummary}}</view>
      </view>
    </view>
    <!-- 店铺展示样式 -->
    <view class="cu-bar bg-white solid-top">
      <view class="action">
        展示样式
      </view>
    </view>
    <view class="bg-white">
      <view class="cu-form-group">
        <view class="content-left">{{'样式'+shopBean.shopTemplateId}}</view>
      </view>
    </view>
  </view>
  <!-- 店铺管理操作-->
  <view class="hint-title">
    <image src="../../../images/title-bg.png" mode="scaleToFill"></image>
    <text>店铺管理</text>
  </view>

  <view class="cu-card bg-white">
    <view class="cu-list menu">
      <view class="cu-item" bindtap="positionManage">
        <view class="content">
          <image src="../../../images/ic_position_icon.png" mode="scaleToFill" style="width:48rpx;height:48rpx;">
          </image>
          <text class="text-black">职位管理</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view>

      <view class="cu-item" bindtap="staffManage">
        <view class="content">
          <image src="../../../images/ic_staff_list_icon.png" mode="scaleToFill" style="width:48rpx;height:48rpx;">
          </image>
          <text class="text-black">员工管理</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view>
      <view class="cu-item" bindtap="memberManage">
        <view class="content">
          <image src="../../../images/ic_member_list_icon.png" mode="scaleToFill" style="width:48rpx;height:48rpx;">
          </image>
          <text class="text-black">会员管理</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view>
      <view class="cu-item" bindtap="catalogManage">
        <view class="content">
          <image src="../../../images/ic_goods_catalog.png" mode="scaleToFill" style="width:48rpx;height:48rpx;">
          </image>
          <text class="text-black">商品类目管理</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view>
      <view class="cu-item" bindtap="productManage">
        <view class="content">
          <image src="../../../images/ic_goods_list_icon.png" mode="scaleToFill" style="width:48rpx;height:48rpx;" />
          <text class="text-black">商品管理</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view>
      <!-- 添加会员 -->
      <view class="cu-item" bindtap="addMember">
        <view class="content">
          <image src="../../../images/ic_member_qrcode.png" mode="scaleToFill" style="width:48rpx;height:48rpx;" />
          <text class="text-black">会员二维码</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view>
      <!-- 添加员工 -->
      <view class="cu-item" bindtap="addStaff">
        <view class="content">
          <image src="../../../images/ic_staff_qrcode.png" mode="scaleToFill" style="width:48rpx;height:48rpx;" />
          <text class="text-black">员工二维码</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view>
      <!-- 扫一扫 -->
      <!-- <view class="cu-item" bindtap="scanCode">
        <view class="content">
          <text class="cuIcon-list text-green"></text>
          <text class="text-black">扫一扫</text>
        </view>
        <view class="action">
          <text class="cuIcon-right"></text>
        </view>
      </view> -->
    </view>
  </view>

</scroll-view>
<van-empty description="暂无数据" wx:else />

<van-dialog use-slot title="二维码" show="{{ show }}" bind:close="onClose" show-cancel-button>
  <image src="{{qrCode}}" />
</van-dialog>