<!--
 * @Descripttion:
 * @version:
 * @Author: kBank
 * @Date: 2022-10-24 15:45:01
-->
<template>
  <div class="page">
    <topBar
      v-if="topList.length > 0"
      :top-list="topList"
      :moren="moren"
    />
    <div class="main">
      <div class="maintop">

        <div class="flexs">
          <div style="flex: 1">
            <div style="position: relative">
              <div class="content">
                <div>
                  <div class="systemTitle">
                    <div class="titles">
                      <div>资质认证</div>
                    </div>
                    <div class="mainbtn">
                      <el-button v-has-buttons="['markerSpaceDetailsExport']" size="small" style="background: #FFAD41;color: #fff;margin:20px 20px 0 0" class="thebtn3" @click="exports()"> {{ '导出' }}</el-button>
                    </div>
                  </div>
                  <div class="form">
                    <el-form
                      ref="ruleForm"
                      :model="table"
                      :rules="rules"
                      label-position="top"
                      status-icon
                      class="demo-ruleForm"
                    >
                      <div style="display: flex">
                        <div style="text-align: left;position: absolute;font-size: 16px;color: #333;font-weight: bold">基础信息</div>
                        <el-form-item :label="'会员编号'" prop="memberCode" style="margin-top:30px">
                          <el-input
                            v-model="memberCode"
                            class="inputs"
                            disabled="disabled"
                            :placeholder="'请输入会员编号'"
                          />
                        </el-form-item>
                        <el-form-item
                          style="margin-left: 50px;margin-top: 30px"
                          :label="'会员姓名'"
                          prop="memberName"
                        >
                          <el-input
                            v-model="memberName"
                            class="inputs"
                            disabled="disabled"
                            :placeholder="'请输入会员姓名'"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex">
                        <el-form-item :label="'创客空间名称'" prop="storeName">
                          <el-input
                            v-model="table.storeName"
                            :disabled="disableds"
                            class="inputs"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                        <el-form-item
                          style="margin-left: 50px"
                          :label="'创客空间等级'"
                          prop="storeLevelVal"
                        >
                          <el-input
                            v-model="storeLevelVal"
                            class="inputs"
                            disabled="disabled"
                            placeholder=""
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex">
                        <el-form-item label="营业执照名称" prop="licenseName">
                          <el-input
                            v-model="table.licenseName"
                            :disabled="disableds"
                            class="inputs"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                        <el-form-item
                          style="margin-left: 50px"
                          label="统一社会信用代码"
                          prop="creditCode"
                        >
                          <el-input
                            v-model="table.creditCode"
                            :disabled="disableds"
                            class="inputs"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex">
                        <el-form-item label="法人姓名" prop="legalName">
                          <el-input
                            v-model="table.legalName"
                            :disabled="disableds"
                            class="inputs"
                            :placeholder="'请输入'"
                          />
                          <div style="color: #999; font-size: 12px">
                            法人姓名与法人身份证号与系统会员信息保持一致
                          </div>
                        </el-form-item>
                        <el-form-item
                          style="margin-left: 50px"
                          label="法人身份证号"
                          prop="legalIdCard"
                        >
                          <el-input
                            v-model="table.legalIdCard"
                            :disabled="disableds"
                            class="inputs"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex">
                        <el-form-item
                          label="营业执照注册地址"
                          prop="licenseAddress"
                        >
                          <el-cascader
                            v-model="address"
                            :disabled="disableds"
                            class="area"
                            :options="areaData"
                            :placeholder="'请选择省市区'"
                            :props="regionParams"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex; margin-top: 10px">
                        <el-form-item label="" prop="licenseAddress">
                          <el-input
                            v-model="table.licenseAddress"
                            :disabled="disableds"
                            class="area centers"
                            :placeholder="'详细地址'"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex">
                        <el-form-item :label="'联系人'" prop="storePerson">
                          <el-input
                            v-model="table.storePerson"
                            class="inputs"
                            :disabled="disableds"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                        <el-form-item
                          style="margin-left: 50px"
                          :label="'联系方式'"
                          prop="storePhone"
                        >
                          <el-input
                            v-model="table.storePhone"
                            class="inputs"
                            :disabled="disableds"
                            max-length="11"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex">
                        <el-form-item :label="'详细地址'" prop="storeProvince">
                          <el-cascader
                            v-model="address1"
                            class="area"
                            :disabled="disableds"
                            :options="areaData"
                            :placeholder="'请选择省市区'"
                            :props="regionParams"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex; margin-top: 10px">
                        <el-form-item label="" prop="storeAddress">
                          <el-input
                            v-model="table.storeAddress"
                            class="area centers"
                            :disabled="disableds"
                            :placeholder="'详细地址'"
                          />
                        </el-form-item>
                      </div>
                      <div style="display: flex">
                        <el-form-item :label="'银行名称'" prop="pkBank">
                          <el-select
                            v-model="table.pkBank"
                            class="inputs centers"
                            :disabled="disableds"
                            :placeholder="'请选择'"
                          >
                            <el-option
                              v-for="(item, index) in bankCardChioceList"
                              :key="index"
                              :label="item.bankName"
                              :value="item.pkId"
                            />
                          </el-select>
                        </el-form-item>
                        <el-form-item
                          style="margin-left: 50px"
                          label="银行账号"
                          prop="bankAccount"
                        >
                          <el-input
                            v-model="table.bankAccount"
                            class="inputs"
                            :disabled="disableds"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                      </div>

                      <div>
                        <el-form-item :label="'开户支行'" prop="bankBranch">
                          <el-input
                            v-model="table.bankBranch"
                            class="inputs"
                            :disabled="disableds"
                            :placeholder="'请输入'"
                          />
                        </el-form-item>
                      </div>
                      <div>
                        <div style="display: flex">
                          <el-form-item label="创客空间标志" prop="" />
                        </div>
                        <div class="upload-list">

                          <div v-if="table.storeSign == ''" class="upload">
                            <div class="img-s">
                              <img src="@/assets/images/markerSpace/upload.png">
                            </div>
                            <div class="texts">上传图片</div>
                          </div>
                          <div
                            v-if="table.storeSign != ''"
                            style=" display: flex"
                          >
                            <div
                              class="img-ss imgWidth"
                              @click.stop="dialogFormVisible = false"
                            >
                              <!-- <img :src="table.storeSign"> -->
                              <el-image
                                style="width: 128px; height: 128px"
                                :src="table.storeSign"
                                :preview-src-list="[table.storeSign]"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                      <div style="display: flex">
                        <el-form-item :label="'申请日期'" prop="">
                          <el-input
                            v-model="creatTime"
                            style="height: 32px"
                            class="inputs"
                            disabled
                            placeholder=""
                          />
                        </el-form-item>
                        <el-form-item
                          style="margin-left: 50px"
                          :label="'审核日期'"
                          prop=""
                        >
                          <el-input
                            v-model="checkTime"
                            class="inputs"
                            disabled
                            placeholder=""
                          />
                        </el-form-item>
                      </div>
                      <div class="systemTitle">
                        <div class="titles">
                          <div style="margin: 20px 0">资质材料</div>
                        </div>
                      </div>
                      <div style="display: flex;margin-top:20px">
                        <el-form-item label="法人身份证正反面" />
                      </div>
                      <div style="display: flex">
                        <div class="idCard">
                          <div v-if="typeNext==0">
                            <div v-if="table.legalCardFront == ''">
                              <img
                                src="@/assets/images/markerSpace/idCard-img1.png"
                              >
                            </div>
                            <div
                              v-if="table.legalCardFront != ''"
                              style="display: flex"
                            >
                              <div
                                class="img-ss card"
                                @click.stop="dialogFormVisible = false"
                              >
                                <!-- <img :src="table.legalCardFront"> -->
                                <el-image
                                  style="width: 362px; height: 211px"
                                  :src="table.legalCardFront"
                                  :preview-src-list="[table.legalCardFront]"
                                />
                                <div>{{ table.legalCardFrontDate }}</div>
                              </div>
                            </div>
                          </div>
                          <imageUpload v-else v-model="table.legalCardFront" />
                        </div>
                        <div class="idCard" style="margin-left: 99px">

                          <div v-if="typeNext==0">
                            <div v-if="table.legalCardBack == ''">
                              <img
                                src="@/assets/images/markerSpace/idCard-img2.png"
                              >
                            </div>
                            <div
                              v-if="table.legalCardBack != ''"
                              style="display: flex"
                            >
                              <div
                                class="img-ss card"
                                @click.stop="dialogFormVisible = false"
                              >
                                <!-- <img :src="table.legalCardBack"> -->
                                <el-image
                                  style="width: 362px; height: 211px"
                                  :src="table.legalCardBack"
                                  :preview-src-list="[table.legalCardBack]"
                                />
                                <div>{{ table.legalCardBackDate }}</div>
                              </div>
                            </div>
                          </div>
                          <imageUpload v-else v-model="table.legalCardBack" />
                        </div>
                      </div>
                      <div style="display: flex;margin-top:30px">
                        <el-form-item label="营业执照" />
                      </div>
                      <div class="upload-list">
                        <div v-if="typeNext==0">
                          <div v-if="table.license == ''" class="upload">
                            <div class="img-s">
                              <img src="@/assets/images/markerSpace/upload.png">
                            </div>
                            <div class="texts">上传图片</div>
                          </div>
                          <div
                            v-if="table.license != ''"
                            style=" display: flex"
                          >
                            <div
                              class="img-ss imgWidth"
                              @click.stop="dialogFormVisible = false"
                            >
                              <!-- <img :src="table.license"> -->
                              <el-image
                                style="width: 128px; height: 128px"
                                :src="table.license"
                                :preview-src-list="[table.license]"
                              />
                              <div>{{ table.licenseDate }}</div>
                            </div>
                          </div>
                        </div>
                        <imageUpload v-else v-model="table.license" />
                      </div>
                      <div style="display: flex;margin-top:30px">
                        <el-form-item label="上传已签字的创客空间协议" />
                      </div>
                      <div class="upload-list">

                        <div style="display: flex; margin-right: 20px;flex-wrap: wrap;width: 800px">
                          <div
                            v-for="(item, index) in table.storeAgreementList"
                            v-show="typeNext==0"
                            style="margin-bottom:10px;"
                            class="img-ss imgWidth"
                          >
                            <el-image
                              style="width: 128px; height:128px"
                              :src="item"
                              :preview-src-list="[item]"
                            />
                            <div v-if="table.storeAgreementDateList!=undefined">{{ table.storeAgreementDateList[index] }}</div>
                          </div>
                          <ImageUploads
                            v-if="typeNext==1"
                            v-model="storeAgreementListObj"
                            list-type="picture-card"
                          />
                        </div>
                      </div>
                      <div style="display: flex;margin-top:30px">
                        <el-form-item label="门店视频(3/3)" />
                      </div>
                      <div class="upload-list">
                        <div style="display: flex">
                          <div class="upload">

                            <div v-if="table.videoDoorhead == ''" class="upload">
                              <div class="texts titleSize">门头展示</div>
                              <div class="img-s">
                                <img
                                  style="margin-top: 10px"
                                  src="@/assets/images/markerSpace/upload.png"
                                >
                              </div>
                              <div class="texts" style="margin-top: 10px">
                                上传视频
                              </div>
                            </div>
                            <div
                              v-if="table.videoDoorhead != ''"
                              style="display: flex"
                            >
                              <div
                                class="img-ss width"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img class="close-icon" src="@/assets/images/markerSpace/close.png">
                                <video :src="table.videoDoorhead" controls="controls" @click.stop="dialogFormVisible = false" />
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.videoStore == ''" class="upload">
                              <div class="texts titleSize">店内视频</div>
                              <div class="img-s">
                                <img
                                  style="margin-top: 10px"
                                  src="@/assets/images/markerSpace/upload.png"
                                >
                              </div>
                              <div class="texts" style="margin-top: 10px">
                                上传视频
                              </div>
                            </div>
                            <div
                              v-if="table.videoStore != ''"
                              style="display: flex"
                            >
                              <div
                                class="img-ss width"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img class="close-icon" src="@/assets/images/markerSpace/close.png" @click="delStops('videoStore', 2)">
                                <video :src="table.videoStore" controls="controls" @click.stop="dialogFormVisible = false" />
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.videoProduct == ''" class="upload">
                              <div class="texts titleSize">产品展示视频</div>
                              <div class="img-s">
                                <img
                                  style="margin-top: 10px"
                                  src="@/assets/images/markerSpace/upload.png"
                                >
                              </div>
                              <div class="texts" style="margin-top: 10px">
                                上传视频
                              </div>
                            </div>
                            <div
                              v-if="table.videoProduct != ''"
                              style="display: flex"
                            >
                              <div
                                class="img-ss width"
                                @click.stop="dialogFormVisible = false"
                              >
                                <video :src="table.videoProduct" controls="controls" @click.stop="dialogFormVisible = false" />
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div style="display: flex">
                        <el-form-item label="门店图片(10/10)" />
                      </div>
                      <div class="upload-list">
                        <div style="display: flex">
                          <div class="upload">

                            <div v-if="table.imageDoorhead1 == ''" class="upload">
                              <div class="texts titleSize">门头展示</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageDoorhead1 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <!-- <img :src="table.imageDoorhead1"> -->

                                <el-image
                                  style="width: 128px; height: 128px"
                                  :src="table.imageDoorhead1"
                                  :preview-src-list="[table.imageDoorhead1]"
                                />                                </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageExperience1 == ''" class="upload">
                              <div class="texts titleSize">体验区</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageExperience1 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageExperience1">
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageMeeting1 == ''" class="upload">
                              <div class="texts titleSize">会议室</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageMeeting1 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageMeeting1">
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageProduct1 == ''" class="upload">
                              <div class="texts titleSize">产品展示区</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageProduct1 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageProduct1">
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageLounge1 == ''" class="upload">
                              <div class="texts titleSize">休息室</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageLounge1 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageLounge1">
                              </div>
                            </div>
                          </div>
                        </div>
                        <div style="display: flex">
                          <div class="upload">

                            <div v-if="table.imageDoorhead2 == ''" class="upload">
                              <div class="texts titleSize">门头展示</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageDoorhead2 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageDoorhead2">
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageExperience2 == ''" class="upload">
                              <div class="texts titleSize">体验区</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageExperience2 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageExperience2">
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageMeeting2 == ''" class="upload">
                              <div class="texts titleSize">会议室</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageMeeting2 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageMeeting2">
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageProduct2 == ''" class="upload">
                              <div class="texts titleSize">产品展示区</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageProduct2 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageProduct2">
                              </div>
                            </div>
                          </div>
                          <div class="upload">

                            <div v-if="table.imageLounge2 == ''" class="upload">
                              <div class="texts titleSize">休息室</div>
                              <div class="img-s">
                                <img style="margin-top:5px" src="@/assets/images/markerSpace/upload.png">
                              </div>
                              <div class="texts">上传图片</div>
                            </div>
                            <div
                              v-if="table.imageLounge2 != ''"
                              style=" display: flex"
                            >
                              <div
                                class="img-ss imgWidth"
                                @click.stop="dialogFormVisible = false"
                              >
                                <img :src="table.imageLounge2">
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </el-form>
                  </div>
                </div>
                <div class="display">
                  <div v-if="typeNext==1" class="button-m" @click="toOnline">确定</div>
                  <div v-if="status == 0 && status_flag==true" class="button-s" disabled="" @click="returnHref"> {{ '返回' }}</div></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import topBar from '@/components/topBar'
import * as api from '@/api/settle.js'
import * as api_s from '@/api/product.js'
import * as apis from '@/api/site.js'
import { classifyUpdate, classifySave } from '@/api/product'
import * as log from '@/api/logistics'
import { getcountryAllList } from '@/api/exchangerate'
import { bonusSource } from '@/api/bonus'
import * as del from '@/api/delivery'
import { getAwardsListChiose } from '@/api/level'
import { markerSpace, markerSpaceDetail } from '@/api/settle.js'
import ImageUpload from '@/components/ImageUpload'
import ImageUploads from '@/components/ImageUploads'
import { findAllArea } from '@/api/product.js'
import { isLocals } from '@/utils/numberToCurrency'
export default {
  name: 'Bzpz',
  components: {
    topBar,
    ImageUpload,
    ImageUploads
  },
  filters: {
    isAgree(val) {
      if (!val) {
        return '允许'
      } else {
        return '禁止'
      }
    }
  },
  data() {
    return {
      awardsList: [],
      kdzcList: [
        {
          value: '1',
          label: '空单注册'
        }
      ], // 注册类型
      isActive: false,
      typeList: [
        {
          value: 0,
          label: '前台'
        },
        {
          value: 1,
          label: '后台'
        }
      ],
      digList: [
        {
          value: 0,
          label: '允许'
        },
        {
          value: 1,
          label: '禁止'
        }
      ],
      menuList: [
        {
          id: 0,
          text: '全选',
          checked: false
        },
        {
          id: 1,
          text: '拓展无封' + '(¥)',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 2,
          text: '拓展无封' + '(¥)',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 3,
          text: '拓展正常减半' + '(¥)',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 4,
          text: '拓展实际减半' + '(¥)',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 5,
          text: '拓展无封' + '(¥)',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 6,
          text: '拓展封顶' + `(${isLocals()})`,
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 7,
          text: '拓展正常减半' + '($)',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 8,
          text: '拓展实际减半' + '($)',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 9,
          text: '直推轮数',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 10,
          text: '直推次数',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 11,
          text: '当前碰次',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 12,
          text: '拓展碰次',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 13,
          text: '当前代数',
          checked: false,
          prop: 'firstBuyAmountDollar'
        },
        {
          id: 14,
          text: '辅导代数',
          checked: false,
          prop: 'firstBuyAmountDollar'
        }
      ],
      creationTime: [],
      creationTime1: [],
      creationTime2: [],
      creationTime3: [],
      select: {

      },
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 50
      },
      addOrEdit: '',
      total: 0,
      dialogVisible: false,
      tableData: {
        censusSummaryList: []
      },
      moren: 'markerSpace',
      topList: [
        {
          name: '创客空间',
          path: 'markerSpace'
        }
      ],
      form: {
        name: ''
      },
      areaData: [],
      shoppingAddress: [],
      acList: [],
      verList: [],
      memberList: [],
      yieldList: [],
      yieldStatus: [],
      countryList: [],
      orderTypeList: [],
      pkMemberTeam: [],
      pkVertex: [],
      typeId: '',
      paywayList: [],
      presaleStatusList: [],
      orderStatusList: [],
      transportTypeList: [],
      gyList: [],
      deliveryWayList: [],
      markerList: [{ 'name': '会员', 'id': 0 }, { 'name': '体验中心', 'id': 1 }],
      navList: [
        { name: '调换货物', url: '/' },
        { name: '修改地址', url: '/' },
        { name: '订单自提', url: '/' },
        { name: '户籍变更', url: '/' },
        { name: '经销商认证', url: '/dealer' }
        // { name: '超级工作室认证', url: '/superStudio' },
        // { name: '创客空间认证', url: '/markerSpace' }
      ],
      status_flag: true,
      text: '提交认证',
      storeTypes: 1,
      // 多张图
      fileList1: [],
      disableds: true,
      flags: 0,
      hideUploadAdd: false,
      // 上传后的文件列表
      fileList: [],
      fileType: ['png', 'jpg'],
      fileSize: 50,
      fileLimit: 50,
      fileLimits: 50,
      status: 0, // 0未上传过 1已上传正在系统审核 2审核已成功只能查看无法编辑 3审核被驳回
      table: {
        storeType: 1,
        status: 0,
        storeName: '', // 名称
        storeLevelVal: '', // 创客空间等级
        licenseName: '', // 营业执照名称
        creditCode: '', // 统一社会信用代码
        legalName: '', // 法人姓名
        legalIdCard: '', // 法人身份证号
        licenseProvince: '', // 营业执照省
        licenseCity: '', // 营业执照市
        licenseCounty: '', // 营业执照区
        licenseAddress: '', // 营业执照详细地址
        storePerson: '', // 联系人
        storePhone: '', // 联系方式
        pkBank: '', // 银行名称
        bankAccount: '', // 银行账号
        storeProvince: '', // 省
        storeCity: '', // 市
        storeCounty: '', // 区
        storeAddress: '', // 详细地址
        storeSign: '', // 创客空间标志
        legalCardFront: '', // 法人身份证正面
        legalCardBack: '', // 法人身份证反面
        license: '', // 营业执照
        storeAgreementList: [], // 协议列表
        videoDoorhead: '', // 门店门头视频
        videoStore: '', // 门店店内视频
        videoProduct: '', // 门店产品视频
        imageDoorhead1: '', // 门店门头图片1
        imageDoorhead2: '', // 门店门头图片2
        imageExperience1: '', // 门店体验区图片1
        imageExperience2: '', // 门店体验区图片2
        imageMeeting1: '', // 门店会议室图片1
        imageMeeting2: '', // 门店会议室图片2
        imageProduct1: '', // 门店产品图片1
        imageProduct2: '', // 门店产品图片2
        imageLounge1: '', // 门店休息室图片1
        imageLounge2: '', // 门店休息室图片2
        bankBranch: '' // 开户支行
      },
      storeAgreementListObj: [],
      address: '', // 营业执照地址
      address1: '', // 详细地址
      bankCardChioceList: [],
      rules: {
        storeName: [
          { required: false, message: '请输入超级工作室名称', trigger: 'blur' }
        ],
        licenseName: [
          { required: false, message: '请输入营业执照名称', trigger: 'blur' }
        ],
        creditCode: [
          { required: false, message: '请输入统一社会信用代码', trigger: 'blur' }
        ],
        legalName: [
          { required: false, message: '请输入法人姓名', trigger: 'blur' }
        ],
        legalIdCard: [
          { required: false, message: '请输入法人身份证号', trigger: 'blur' }
        ],
        licenseProvince: [
          { required: false, message: '请选择营业执照省市区', trigger: ['blur', 'change'] }
        ],
        licenseAddress: [
          { required: false, message: '请输入营业执照详细地址', trigger: 'blur' }
        ],
        storeAddress: [
          { required: false, message: '请输入详细地址', trigger: 'blur' }
        ],
        storeProvince: [
          { required: false, message: '请选择省市区', trigger: ['blur', 'change'] }
        ],
        pkBank: [
          { required: false, message: '请选择银行名称', trigger: 'change' }
        ],
        bankAccount: [
          { required: false, message: '请输入银行账号', trigger: 'blur' }
        ],
        bankBranch: [
          { required: false, message: '请输入开户支行', trigger: 'blur' }
        ],
        storePerson: [
          { required: false, message: '请输入联系人', trigger: 'blur' }
        ],
        storePhone: [
          {
            required: false,
            message: '请输入联系方式',
            trigger: 'blur'
          },
          { min: 11, message: '请输入正确的手机号', trigger: 'blur' }
        ],
        storeSign: [
          { required: false, message: ' ', trigger: 'blur' }
        ]
      },
      regionParams: {
        label: 'name',
        value: 'id',
        children: 'children',
        expandTrigger: 'hover'
      },
      storeLevelVal: '',
      memberCode: '',
      memberName: '',
      cause: '', // 驳回原因
      creatTime: '', // 创建时间
      checkTime: '', // 审核时间
      typeNext: 0,
      storeCode: 0,
      allData: {}
    }
  },
  mounted() {
    // 获取下拉
    // this.getData()
    // 获取列表
    if (this.$route.query.data) {
      const obj = {
        data: JSON.parse(this.$route.query.data)[0]
      }
      this.typeNext = 0
      this.getDatas(obj)
    } else {
      const geturl = window.location.href
      const getqyinfo = geturl.split('?')[1]
      const getqys = new URLSearchParams('?' + getqyinfo)
      const code = getqys.get('code')
      this.storeCode = code
      // 1
      this.typeNext = getqys.get('index') || 0
      this.getUserStatus(code)
    }

    this.getAllArea()
  },
  methods: {
    toOnline() {
      this.table.storeAgreementList = this.storeAgreementListObj.map((item) => item.url)
      const obj = Object.assign(
        {
          storeCode: this.storeCode
        }, this.allData, this.table)
      this.$router.push({
        path: 'ckkjZxqc',
        query: {
          data: JSON.stringify([obj]),
          approvalBusiness: 161,
          typeNext: this.typeNext
        }
      })
    },
    returnHref() {
      this.$router.go(-1)
      // this.$router.push('/information/markerSpace/markerSpaceList')
    },
    getAllArea() {
      findAllArea().then((res) => {
        this.areaData = res.data
      })
    },
    getDatas(res) {
      this.creatTime = res.data.applyTime
      if (res.data.approveTime) {
        this.checkTime = res.data.approveTime
      }
      const arr = []
      const arr1 = []
      if (res.data.storeProvince) {
        arr1.push(res.data.storeProvince.toString())
        arr1.push(res.data.storeCity.toString())
        if (res.data.storeCounty) {
          arr1.push(res.data.storeCounty.toString())
        }
      }
      if (res.data.licenseProvince) {
        arr.push(res.data.licenseProvince.toString())
        arr.push(res.data.licenseCity.toString())
        if (res.data.licenseCounty) {
          arr.push(res.data.licenseCounty.toString())
        }
      }
      console.error(arr)
      this.address = arr // 营业执照省市区
      this.address1 = arr1 // 联系人省市区
      this.storeLevelVal = res.data.storeLevelVal
      this.memberCode = res.data.memberCode
      this.memberName = res.data.memberName
      this.table = {
        storeType: res.data.storeType,
        storeName: res.data.storeName, // 名称
        // storeLevelVal: res.data.storeLevelVal, //创客空间等级
        licenseName: res.data.licenseName, // 营业执照名称
        creditCode: res.data.creditCode, // 统一社会信用代码
        legalName: res.data.legalName, // 法人姓名
        legalIdCard: res.data.legalIdCard, // 法人身份证号
        licenseProvince: res.data.licenseProvince, // 营业执照省
        licenseCity: res.data.licenseCity, // 营业执照市
        licenseCounty: res.data.licenseCounty, // 营业执照区
        licenseAddress: res.data.licenseAddress, // 营业执照详细地址
        storePerson: res.data.storePerson, // 联系人
        storePhone: res.data.storePhone, // 联系方式
        pkBank: res.data.bankName, // 银行名称
        bankAccount: res.data.bankAccount, // 银行账号
        storeProvince: res.data.storeProvince, // 省
        storeCity: res.data.storeCity, // 市
        storeCounty: res.data.storeCounty, // 区
        storeAddress: res.data.storeAddress, // 详细地址
        storeSign: res.data.storeSign ? res.data.storeSign : '', // 创客空间标志
        legalCardFront: res.data.legalCardFront, // 法人身份证正面
        legalCardBack: res.data.legalCardBack, // 法人身份证反面
        legalCardFrontDate: res.data.legalCardFrontDate, // 法人身份证反面
        legalCardBackDate: res.data.legalCardBackDate, // 法人身份证反面
        licenseDate: res.data.licenseDate, // 法人身份证反面
        storeAgreementDateList: res.data.storeAgreementDateList, // 法人身份证反面
        license: res.data.license, // 营业执照
        storeAgreementList: res.data.storeAgreementList, // 协议列表
        videoDoorhead: res.data.videoDoorhead, // 门店门头视频
        videoStore: res.data.videoStore, // 门店店内视频
        videoProduct: res.data.videoProduct, // 门店产品视频
        imageDoorhead1: res.data.imageDoorhead1, // 门店门头图片1
        imageDoorhead2: res.data.imageDoorhead2, // 门店门头图片2
        imageExperience1: res.data.imageExperience1, // 门店体验区图片1
        imageExperience2: res.data.imageExperience2, // 门店体验区图片2
        imageMeeting1: res.data.imageMeeting1, // 门店会议室图片1
        imageMeeting2: res.data.imageMeeting2, // 门店会议室图片2
        imageProduct1: res.data.imageProduct1, // 门店产品图片1
        imageProduct2: res.data.imageProduct2, // 门店产品图片2
        imageLounge1: res.data.imageLounge1, // 门店休息室图片1
        imageLounge2: res.data.imageLounge2, // 门店休息室图片2
        bankBranch: res.data.bankBranch // 支行
      }
      const arrly = []
      res.data.storeAgreementList.forEach((item, index) => {
        arrly.push({
          name: index,
          url: item
        })
      })
      this.storeAgreementListObj = arrly
    },
    getUserStatus(code) {
      api.markerSpaceDetail({ storeCode: code }).then((res) => {
        this.allData = res.data
        this.creatTime = res.data.applyTime
        if (res.data.approveTime) {
          this.checkTime = res.data.approveTime
        }
        const arr = []
        const arr1 = []
        if (res.data.storeProvince) {
          arr1.push(res.data.storeProvince.toString())
          arr1.push(res.data.storeCity.toString())
          if (res.data.storeCounty) {
            arr1.push(res.data.storeCounty.toString())
          }
        }
        if (res.data.licenseProvince) {
          arr.push(res.data.licenseProvince.toString())
          arr.push(res.data.licenseCity.toString())
          if (res.data.licenseCounty) {
            arr.push(res.data.licenseCounty.toString())
          }
        }
        console.error(arr)
        this.address = arr // 营业执照省市区
        this.address1 = arr1 // 联系人省市区
        this.storeLevelVal = res.data.storeLevelVal
        this.memberCode = res.data.memberCode
        this.memberName = res.data.memberName
        this.table = {
          storeType: res.data.storeType,
          storeName: res.data.storeName, // 名称
          // storeLevelVal: res.data.storeLevelVal, //创客空间等级
          licenseName: res.data.licenseName, // 营业执照名称
          creditCode: res.data.creditCode, // 统一社会信用代码
          legalName: res.data.legalName, // 法人姓名
          legalIdCard: res.data.legalIdCard, // 法人身份证号
          licenseProvince: res.data.licenseProvince, // 营业执照省
          licenseCity: res.data.licenseCity, // 营业执照市
          licenseCounty: res.data.licenseCounty, // 营业执照区
          licenseAddress: res.data.licenseAddress, // 营业执照详细地址
          storePerson: res.data.storePerson, // 联系人
          storePhone: res.data.storePhone, // 联系方式
          pkBank: res.data.bankName, // 银行名称
          bankAccount: res.data.bankAccount, // 银行账号
          storeProvince: res.data.storeProvince, // 省
          storeCity: res.data.storeCity, // 市
          storeCounty: res.data.storeCounty, // 区
          storeAddress: res.data.storeAddress, // 详细地址
          storeSign: res.data.storeSign ? res.data.storeSign : '', // 创客空间标志
          legalCardFront: res.data.legalCardFront, // 法人身份证正面
          legalCardBack: res.data.legalCardBack, // 法人身份证反面
          legalCardFrontDate: res.data.legalCardFrontDate, // 法人身份证反面
          legalCardBackDate: res.data.legalCardBackDate, // 法人身份证反面
          licenseDate: res.data.licenseDate, // 法人身份证反面
          storeAgreementDateList: res.data.storeAgreementDateList, // 法人身份证反面
          license: res.data.license, // 营业执照
          storeAgreementList: res.data.storeAgreementList, // 协议列表
          videoDoorhead: res.data.videoDoorhead, // 门店门头视频
          videoStore: res.data.videoStore, // 门店店内视频
          videoProduct: res.data.videoProduct, // 门店产品视频
          imageDoorhead1: res.data.imageDoorhead1, // 门店门头图片1
          imageDoorhead2: res.data.imageDoorhead2, // 门店门头图片2
          imageExperience1: res.data.imageExperience1, // 门店体验区图片1
          imageExperience2: res.data.imageExperience2, // 门店体验区图片2
          imageMeeting1: res.data.imageMeeting1, // 门店会议室图片1
          imageMeeting2: res.data.imageMeeting2, // 门店会议室图片2
          imageProduct1: res.data.imageProduct1, // 门店产品图片1
          imageProduct2: res.data.imageProduct2, // 门店产品图片2
          imageLounge1: res.data.imageLounge1, // 门店休息室图片1
          imageLounge2: res.data.imageLounge2, // 门店休息室图片2
          bankBranch: res.data.bankBranch // 支行
        }
        const arrly = []
        res.data.storeAgreementList.forEach((item, index) => {
          arrly.push({
            name: index,
            url: item
          })
        })
        this.$nextTick(() => {
          this.storeAgreementListObj = arrly
          this.$forceUpdate()
        })
      })
    },
    exports() {
      this.download(
        '/member/manage/maker-space/export',
        {},
        `${'创客空间'}${new Date().getTime()}.xlsx`
      )
    },
    handleChange(res) {
      this.form.recProvince = res[0]
      this.form.recCity = res[1]
      this.form.recCounty = res[2]
    },
    // 展开折叠
    changeActive() {
      this.isActive = !this.isActive
    },
    reset() {
      this.select = {
      }
      this.pkVertex = []
      this.pkMemberTeam = []
      this.typeId = ''
    },
    getMenu(e, id) {
      if (e && id == 0) {
        this.menuList.forEach((item) => {
          this.$set(item, 'checked', true)
        })
      } else if (!e && id == 0) {
        this.menuList.forEach((item) => {
          this.$set(item, 'checked', false)
        })
      }
    },
    getData() {
      getAwardsListChiose().then((res) => {
        this.awardsList = res.rows
      })
      // 获取隶属体系
      api.vertexList().then((res) => {
        this.verList = res.data
      })
      // 获取隶属团队
      api.memberTeam().then((res) => {
        this.memberList = res.rows
      })
    },
    changeTime(val) {
      // this.select.startCreationTime = val[0]
      // this.select.endCreationTime = val[1]
    },
    changeTime1(val) {
      // this.select.startPayTime = val[0]
      // this.select.endPayTime = val[1]
    },
    // 点击修改
    toFixed(id) {
      this.addOrEdit = false
      this.dialogVisible = true
      this.$router.push({
        path: 'noticeList/details',
        query: {
          pkId: id
        }
      })
    },
    getSummaries(param) {
      const { columns, data } = param
      const sums = []
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = ''
          return
        }
        if (index === 1) {
          sums[index] = ''
          return
        }
        const values = data.map((item) => Number(item[column.property]))
        if (!values.every((value) => isNaN(value))) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr)
            if (!isNaN(value)) {
              return
            } else {
              return
            }
          }, 0)
          // sums[index] += ' 元'
        } else {
          sums[index] = ''
        }
      })

      return sums
    },
    // 删除
    handleDelete(id) {
      this.$confirm('确认删除?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        api.classifyDel(id).then((res) => {
          this.getDataList()
        })
      })
    },
    onSubmit(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          let url = ''
          if (this.addOrEdit == true) {
            url = classifySave
          } else {
            url = classifyUpdate
          }
          url(this.form).then((res) => {
            if (res.code == 200) {
              this.$message({
                message: res.msg,
                type: 'success'
              })
              this.dialogVisible = false
              // 充值数据
              this.$refs[formName].resetFields()
              // 获取列表
              this.getDataList()
            }
          })
        } else {
          return false
        }
      })
    },
    handleClose() {
      this.dialogVisible = false
      this.$refs['form'].clearValidate()
      this.$refs['form'].resetFields()
    },
    openDig() {
      this.$router.push({
        path: 'noticeList/details'
      })
    },
    getDataList() {
      console.error(this.select)
      api.markerSpace(this.select)
        .then((res) => {
          // res.data.forEach((element) => {
          //   element.approvalStatus = element.approvalStatus === 1 ? '审核中' : element.approvalStatus == 2 ? '审核通过' : '审核驳回'
          // })
          this.tableData.censusSummaryList = res.rows
          // this.total = res.total
        })
    },
    handleSelectionChange(val) {},
    /** 导出按钮操作 */
    handleExport() {
      const queryParams = this.queryParams
      this.$confirm('是否确认导出所有数据项?', '警告', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(function() {
          return api.exportClassIfy(queryParams)
        })
        .then((response) => {
          this.download(response)
        })
    },
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 == 1) {
        return 'warning-row'
      } else if (rowIndex % 2 == 0) {
        return 'success-row'
      }
      return ''
    }
  }
}
</script>
<style scoped lang="scss">
::v-deep .el-form-item__label{
  font-size: 16px!important;
}
::v-deep .el-input.is-disabled .el-input__inner{
  color: #666!important;
}
.styles {
  border: none !important;
  color: #fff !important;
  background: #d61820;
}
.top-lists {
  display: flex;
  padding: 20px 0 0 0;
  .nav-view {
    cursor: pointer;
    padding: 0 26px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #999999;
    font-size: 14px;
    text-align: center;
    line-height: 44px;
    margin-right: 20px;
    color: #999;
  }
}
.width{
  position: relative;
  width: 128px;
  height: 128px;
}
.close-icon{
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  display: none;
}
.idCardWidth {
  width: 362px !important;
  height: 211px !important;
  position: relative;
  top: 0;
}
.card {
  width: 362px !important;
  height: 211px !important;
  position: relative;
}
.card img {
  width: 362px !important;
  height: 211px !important;
}
.centers {
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload-list {
  //margin-left: -20px;
}
::v-deep .el-upload {
  display: flex;
}
.upload-demo {
  display: flex;
}
.text_s {
  position: absolute;
  top: 70px;
  right: 20px;
  width: 360px;
  line-height: 20px;
  color: #666;
  font-size: 12px;
}
.bolds {
  font-weight: bold;
}
.status-size {
  margin-top: 10px;
  font-size: 20px;
  color: #000;
}
.img_cen {
  padding: 200px 0;
  margin: 0 auto;
  text-align: center;
}
.status-img img {
  width: 80px;
  height: 80px;
}
.display{
  display: flex;
  justify-content: center;
}
.button-s {
  width: 290px;
  height: 66px;
  background: #CCCCCC;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  cursor: pointer;
  line-height: 66px;
  font-size: 22px;
  color: #fff;
  margin: 60px 0;
}
.button-m {
  width: 290px;
  height: 66px;
  background: #d61820;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
  cursor: pointer;
  line-height: 66px;
  font-size: 22px;
  color: #fff;
  margin: 60px 20px;
}
::v-deep .el-form-item {
  margin-bottom:20px;
}
.titleSize {
  margin: 10px 0 5px 0 !important;
  color: #000 !important;
}
.idCard img {
  width: 362px;
  height: 211px;
}
.line-s {
  //padding: 0 20px;
  margin: 40px 0;
  background: rgba(0, 0, 0, 0.1);
  height: 4px;
  position: absolute;
  width: 100%;
  top: 1800px;
}
.size-s {
  color: #c8161d;
  font-size: 12px;
  margin-bottom: 5px;
}
.texts {
  color: #999;
  font-size: 12px;
  margin-top: 20px;
}
.imgWidth {
  position: relative;
  width: 128px;
  height: 128px;
}
video {
  position: absolute;
  width: 128px !important;
  height: 128px !important;
  margin-top: 0 !important;
  left: 0;
  top: 0;
}
.imgWidth img {
  position: absolute;
  width: 128px !important;
  height: 128px !important;
  margin-top: 0 !important;
  left: 0;
  top: 0;
}
.box-colors {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 6px 6px;
  width: 128px;
  height: 128px;
  position: absolute;
}
.img-ss {
  margin-right: 20px;
}
.img-s img {
  width: 40px;
  height: 40px;
  margin-top: 25px;
}
.upload {
  width: 128px;
  height: 128px;
  background: rgba(204, 204, 204, 0.3);
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 20px;
  margin-right: 20px;
}
::v-deep .area .el-input__inner {
  width: 820px;
  height: 40px;
  font-size: 18px;
}
.form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
::v-deep .el-form--label-top .el-form-item__label {
  padding-bottom: 0;
}
::v-deep .el-form-item__label {
  font-size: 14px;
  color: #000;
}
::v-deep .centers .el-input__inner {
  text-align: center;
}
::v-deep .inputs .el-input__inner {
  width: 378px;
  height: 40px;
  font-size: 18px;
}
.flexs {
  display: flex;
  padding-right: 60px;
  background-color: #f9f9f9;
  width: 100%!important;
}
.banners {
  flex: 1;
  margin-top: 20px;
}
.content {
  //width: 100%;
  padding: 30px 0;
  background-color: #fff;
  margin-top: 20px;
  box-shadow: 0px 2px 20px 0px rgba(135, 135, 135, 0.3);
  border-radius: 10px 10px 10px 10px;
  .systemTitle {
    display: flex;
    justify-content: space-between;
    //margin-top: 25px;
    position: relative;
    .button {
      background-color: #ffad41;
      color: #fff;
      font-size: 16px;
      height: 48px;
      border-radius: 10px 10px 10px 10px;
      line-height: 20px;
      position: absolute;
      right: 80px;
      top: 10px;
    }
    .titles {
      margin: 25px auto auto auto;
      color: #333;
      font-size: 28px;
      font-weight: 600;
    }
  }
  .title {
    //height: 49px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    padding-bottom: 10px;
    .name {
      margin-left: 10px;
      font-weight: 600;
    }
    .line {
      width: 5px;
      height: 19px;
      background: #c8161d;
    }
  }
}

::v-deep .el-form-item{
  margin-bottom: 10px;
}
::v-deep .div1 .el-form-item__content{
  margin-left: 10px!important;
}
::v-deep .divs .el-input{
  //width: 300px;
}
::v-deep .el-date-editor .el-range__close-icon{
  margin-top: -10px;
}
::v-deep .el-date-editor .el-range-separator{
  margin-top: -10px;
}
::v-deep .el-date-editor .el-range__icon{
  margin-top: -10px;
}
::v-deep .el-input__inner{
  //height:28px;
  //line-height: 28px;
}
::v-deep .el-form-item__label{
  color: #333;
  font-weight: inherit;
}
::v-deep .el-table .warning-row {
  background: #f9f9f9;
}

::v-deep .el-table .success-row {
  background: #ffffff;
}
::v-deep .el-table thead {
  color: #000000;
}
::v-deep .el-select {
  width: 100%;
}
.uploadIcon ::v-deep .el-upload--picture-card {
  display: none !important; /* 上传按钮隐藏 */
}
.page {
  padding: 20px;
  background: #f9f9f9;
  font-size: 14px;
  .main {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
    .maintop {
      display: flex;
      //padding: 10px 20px;
      justify-content: right;
      //align-items: ri;
      .mainbtn {
        .thebtn1 {
          background: #3181e5;
          color: #ffffff;
        }
        .thebtn2 {
          background: #ffad41;
          color: #ffffff;
        }
      }
      .maintitle {
        font-size: 10px;
        font-family: MicrosoftYaHei;
        color: #999999;
      }
    }
  }
  .tem {
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      width: 28px;
      height: 20px;
      margin-right: 3px;
    }
  }
  .isRed {
    color: #ed1d25;
  }
  .isGreen {
    color: #1ab62b;
  }
  .bgImg {
    width: 48px;
    height: 48px;
  }
}
.openClose {
  margin-right: 10px;
  color: #666666;
  text-align: center;
}
.kuang {
  padding: 5px 20px;
  background: rgba(255, 255, 255, 0);
  border-radius: 4px;
  border: 1px solid #cccccc;
}
.heji {
  margin-top: 10px;
  .dis {
    display: flex;
    justify-content: right;
    padding: 5px 10px;
    font-size: 14px;
    color: #333333;
    :nth-child(1) {
      font-size: 14px;
      font-weight: bold;
      color: #333333;
      margin-right: 20px;
    }
  }
}
</style>
<style>
.itemTrading .el-table {
  overflow: auto;
}
.itemTrading .el-table__body-wrapper,
.itemTrading .el-table__header-wrapper,
.itemTrading .el-table__footer-wrapper {
  overflow: visible;
}
.itemTrading .el-table::after {
  position: relative !important;
}

.body-theme-grenn .el-table--scrollable-x .el-table__body-wrapper {
  overflow: visible;
}
</style>
