<template>
  <div class="addContent">
    <div class="detail_content" ref="pdf">
      <div class="left_content" id="left_content">
        <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left" class="form">
          <el-row>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">申报任务标题：</div>
                <div>{{ templateInfo.enterpriseDirectory }}</div>
              </div>
            </el-col>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">申报单位：</div>
                <div>{{ baseInfo.qymc }}</div>
              </div>
            </el-col>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">年份：</div>
                <!-- <div>{{ parseTime(new Date(), '{y}-{m}-{d}') }}</div> -->
                <div>{{ parseTime(templateInfo.createTime, "{y}") }}</div>
              </div>
            </el-col>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">项目大类：</div>
                <dict-tag :options="dict.type.project_categories" :value="templateInfo.projectBigType" />
              </div>
            </el-col>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">项目中类：</div>
                <dict-tag :options="dict.type.project_middle_type" :value="templateInfo.projectMiddleType" />
              </div>
            </el-col>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">项目小类：</div>
                <dict-tag :options="dict.type.project_small_type" :value="templateInfo.projectSmallType" />
              </div>
            </el-col>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">责任单位：</div>
                <dict-tag :options="dict.type.bms_responsibility_unit" :value="templateInfo.responsibilityUnit" />
                <!-- <div>{{ templateInfo.responsibilityUnit == 0 ? '经发委' : templateInfo.responsibilityUnit == 1 ? '规建委' : templateInfo.responsibilityUnit == 2 ? '行审局' : templateInfo.responsibilityUnit == 3 ? '市监局' : '' }}</div> -->
              </div>
            </el-col>
            <el-col :span="8" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">级别：</div>
                <!-- <div>{{ parseTime(new Date(), '{y}-{m}-{d}') }}</div> -->
                <div>
                  {{
                    templateInfo.level == 0
                      ? "本级"
                      : templateInfo.level == 1
                        ? "省级"
                        : ""
                  }}
                </div>
              </div>
            </el-col>
          </el-row>
          <el-descriptions class="margin-top" title="【申报企业信息】" :column="3" :size="size" border :label-style="LS">
            <el-descriptions-item>
              <template slot="label"> 申报企业名称 </template>
              {{ baseInfo.qymc }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 统一社会信用代码 </template>
              {{ baseInfo.tyshxydm }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 联络人 </template>
              {{ baseInfo.fddbrxm }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 联络电话 </template>
              {{ baseInfo.fddbrzjhm }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label"> 企业地址 </template>
              {{ baseInfo.jycs }}
            </el-descriptions-item>
          </el-descriptions>
          <div class="table-content">
            <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
            </el-descriptions>
            <ismybuild ref="ismybuild" :templateJson="templateInfo.templateJson"></ismybuild>
          </div>

        </el-form>
      </div>
      <div class="right_content">
        <div class="left_title">
          <el-steps :active="active" finish-status="process" align-center>
            <el-step title="初审"></el-step>
            <el-step title="复审"></el-step>
            <!-- <el-step title="专家评审中"></el-step> -->
            <!-- <el-step title="市级评定中"></el-step> -->
            <!-- <el-step title="上级评定中"></el-step> -->
            <el-step title="终审"></el-step>
            <!-- <el-step title="评定通过"></el-step> -->
          </el-steps>
        </div>
        <div class="tab_content">
          <el-tabs type="border-card">
            <el-tab-pane label="审批流程">
              <div class="empty">
                <!-- <div class="top">
                  同步获取表单流程
                </div> -->
                <!-- <p v-if="pageType == 'edit'" class="bottom">
                  暂无审批流程
                </p> -->
                <!-- v-if="pageType == 'detail'" -->
                <div>
                  <div class="step_contain" :class="index == approvalInfoList.length - 1
                    ? 'step_contain_one'
                    : 'step_contain'
                    " v-for="(item, index) in approvalInfoList" :key="item.id">
                    <span class="drop_style"> </span>
                    <span class="out_drop_style" :class="item.approvalStatus == 0 ? 'out_drop_style_one' : ''
                      ">
                    </span>
                    <div class="contain_main">
                      <div v-if="item.approvalByName && item.approvalStatus == 1">{{ item.approvalByName }}</div>
                      <div v-show="item.approvalOpinions">
                        审核意见：{{ item.approvalOpinions }}
                      </div>
                      <div>
                        企业名称：{{ item.enterpriseName }}
                      </div>
                      <div class="attach">
                        <div v-if="!item.approvalAttachment">附件</div>
                        <div class="attach_left" v-if="item.approvalAttachment">
                          附件
                        </div>
                        <div class="attach_right" v-if="item.approvalAttachment">
                          <div v-for="(attachment, index) in item.children" :key="index" class="attach_item">
                            <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                              <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="" />
                              <span class="icon_name">{{
                                attachment | dealURL
                                }}</span>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div>{{ item.approvalTime }}</div>
                      <div class="right-img">
                        <img v-if="item.approvalStatus == 1" class="approval_img"
                          src="../../../assets/images/approvalAgree.jpg" alt="" />
                        <img v-if="item.approvalStatus == 2" class="approval_img"
                          src="../../../assets/images/approvalReject.jpg" alt="" />
                        <img v-if="item.approvalStatus == 0" class="approval_img"
                          src="../../../assets/images/approvalPrimary.jpg" alt="" />
                        <img v-if="item.approvalStatus == 3" class="approval_img"
                          src="../../../assets/images/approvalReject.jpg" alt="" />
                      </div>
                    </div>
                  </div>
                  <!-- <el-steps direction="vertical">
                    <el-step v-for="item in approvalInfoList" :key="item.id">
                      <template slot="description">
                        <div class="step_contain">
                          <div>{{ item.approvalByName }}</div>
                          <div>审核意见{{ item.approvalOpinions }}</div>
                          <div class="attach">
                            <div class="attach_left">附件</div>
                            <div class="attach_right" v-if="item.approvalAttachment">
                              <div v-for="(attachment, index) in item.children" :key="index" class="attach_item">
                                <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                                <span class="icon_name">{{ attachment | dealURL }}</span>
                              </div>
                            </div>
                          </div>
                          <div>{{ item.approvalTime }}</div>
                          <img v-if="item.approvalStatus == 1" class="approval_img" src="../../../assets/images/approvalAgree.jpg" alt="">
                          <img v-if="item.approvalStatus == 2" class="approval_img"  src="../../../assets/images/approvalReject.jpg" alt="">
                          <img v-if="item.approvalStatus == 0" class="approval_img"  src="../../../assets/images/approvalPrimary.jpg" alt="">
                        </div>
                      </template>
                    </el-step>
                  </el-steps> -->
                </div>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
    <div class="operate_btn">
      <el-button @click="goBack">返回</el-button>
      <!-- <el-button v-if="pageType == 'edit'" @click="submitForm('ts')">暂存</el-button> -->
      <el-button v-if="pageType == 'edit'" type="success" @click="submitForm('sub')">提交</el-button>
      <el-button v-if="pageType == 'detail'" @click="printOutpdf" class="btn">导出申报信息</el-button>
    </div>
  </div>
</template>

<script>
import {
  getTemplateInfo,
  getBasicInfo,
  getOpenInterface,
  uploadFile,
  getDeclarationRecords,
  addProjectSettlementAward,
  putProjectSettlementAward,
  addBigStrongAward,
  putBigStrongAward,
  addCarrierConstructionAward,
  putCarrierConstructionAward,
  addPlatformConstructionAward,
  putPlatformConstructionAward,
  addBrandingAward,
  putBrandingAward,
  addSceneOpeningAward,
  putSceneOpeningAward,
  addCreditManagement,
  putCreditManagement,
  addIndustrialInternetAward,
  putIndustrialInternetAward,
  addManufacturingServicesAward,
  putManufacturingServicesAward,
  addLogisticsDevelopmentAward,
  putLogisticsDevelopmentAward,
  addIntegrationIndustries,
  putIntegrationIndustries,
  addOutQuitProducts,
  putOutQuitProducts,
  systemfill,
  systemfillupdate

} from "@/api/onlineDeclartion/declareAddContent";
import { dealFormatDate } from "@/utils/index.js";
import html2canvas from "html2canvas";
import JsPDF from "jspdf";
import ismybuild from "@/views/onlineDeclaration/declareAddContent/ismybuild/index.vue"

// 'sys_show_hide', 'sys_normal_disable', 'bms_product_area', 'bms_declaration_type', 'bms_template_type', 'bms_declaration_channels'
export default {
  name: "declareDetailContent",
  dicts: [
    "bms_responsibility_unit",
    "bms_level",
    "bms_affiliation_type",
    "sys_declaration_type",
    "project_middle_type",
    "project_small_type",
    "project_categories",
    "template_industry",
    "new_template_type",
  ],
  data() {
    return {
      VUE_APP_BASE_API: process.env.VUE_APP_BASE_API,
      size: "",
      templateInfo: {},
      baseInfo: {},
      openInterfaceInfo: {},
      form: {
        industry: "",
        template_type: "1",
      },
      active: 4,
      templateId: null, //公司id
      templateRecordId: null, //模版ID
      enterpriseId: null,
      detailId: null, //当前数据id
      pageType: null, //类型
      uploadLabel: null,
      declarationId:null,
      LS: {
        width: "135px",
        "work-break": "break-all",
      },
      rules: {
        platformName: [
          { required: true, message: "请输入平台(项目)名称", trigger: "blur" },
        ],
        fileList: [{ required: true, message: "请上传协议", trigger: "blur" }],
        fileListOne: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListTwo: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListThree: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListFour: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListFive: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListSix: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListSeven: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListEight: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        fileListNine: [
          { required: true, message: "请上传协议", trigger: "blur" },
        ],
        type: [{ required: true, message: "请选择责任单位", trigger: "blur" }],
        establishTime: [
          {
            required: true,
            message: "请输入申报单位成立时间",
            trigger: "blur",
          },
        ],
        // 1
        employeeNum: [
          { required: true, message: "请输入截至目前人数", trigger: "blur" },
        ],
        isGainRewards: [{ required: true, message: "请选择", trigger: "blur" }],
        revenueNowYear3: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        taxationNowYear3: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        revenueNowYear2: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        taxationNowYear2: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        revenueNowYear1: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        taxationNowYear1: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        revenueNowYear: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        revenueNowYear: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        rewardDescription: [
          {
            required: true,
            message: "请输入获得园区其他经营奖励",
            trigger: "blur",
          },
        ],
        // 3
        quantityProportion: [
          {
            required: true,
            message: "请输入文体企业数量占比",
            trigger: "blur",
          },
        ],
        revenueProportion: [
          {
            required: true,
            message: "请输入文体企业营收占比",
            trigger: "blur",
          },
        ],
        personnelProportion: [
          {
            required: true,
            message: "请输入文体企业从业人员占比",
            trigger: "blur",
          },
        ],
        // 8
        honoraryName: [
          { required: true, message: "请输入荣誉名称", trigger: "blur" },
        ],
        //
        honorsReceived: [
          { required: true, message: "请输入正整数", trigger: "blur" },
        ],
        level: [
          {
            required: true,
            message: "请输入获得园区其他经营奖励",
            trigger: "blur",
          },
        ],
        // 11
        declarationType: [
          { required: true, message: "请选择项目", trigger: "blur" },
        ],
        industry: [
          { required: true, message: "请选择所属行业", trigger: "blur" },
        ],
      },
      fileList: [],
      fileListOne: [],
      fileListTwo: [],
      fileListThree: [],
      fileListFour: [],
      fileListFive: [],
      fileListSix: [],
      fileListSeven: [],
      fileListEight: [],
      fileListNine: [],
      // 上传列表
      uploadList: [],
      uploadListOne: [],
      uploadListTwo: [],
      uploadListThree: [],
      uploadListFour: [],
      uploadListFive: [],
      uploadListSix: [],
      uploadListSeven: [],
      uploadListEight: [],
      uploadListNine: [],
      // 审核列表
      approvalInfoList: [],
    };
  },
  async mounted() {
    // enterpriseId, templateRecordId
    let { templateId, pageType, detailId,templateRecordId,enterpriseId } = this.$route.query;
    this.templateId = templateId;
    this.templateRecordId = templateRecordId
    this.detailId = detailId;
    this.pageType = pageType;
    this.declarationId = detailId
    // this.enterpriseId = enterpriseId
    let { data } = await getTemplateInfo({ templateId: templateId });
    this.templateInfo = data;


    switch (this.templateId) {
      case "2":
        this.uploadLabel = "企业近3年发展情况及未来发展计划";
        break;
      case "4":
        this.uploadLabel = "合作协议";
        break;
      case "5":
        this.uploadLabel = "证明材料";
        break;
      case "6":
        this.uploadLabel = "证明材料";
        break;
      case "8":
        this.uploadLabel = "证明材料";
        break;
    }
    // getBasicInfo({enterpriseId: this.$store.state.user.enterpriseId}).then((response) => {
    // getBasicInfo({enterpriseId:this.enterpriseId}).then((response) => {
    //   this.baseInfo = response.data
    // })
    // getOpenInterface({templateRecordId: templateRecordId}).then((response) => {
    //   this.openInterfaceInfo = response.data
    // })
    this.getDetailInfo(detailId);
  },
  filters: {
    dealURL: (value) => {
      let arr = value.split("/");
      return arr[arr.length - 1];
    },
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    },
    getDetailInfo(id) {
      getDeclarationRecords({ id }).then((response) => {

        let templateJson = JSON.parse(response.data.bmsDeclarationRecords.templateJson)
        // console.log(templateJson);
        if (this.pageType != "edit") {
          templateJson.fields.forEach(item => {
            if (item.hasOwnProperty('disabled')) {
              item.disabled = true
            }
          })
        }

        this.$refs.ismybuild.jsonOpen(JSON.stringify(templateJson))

        this.baseInfo = response.data.bmsEnterpriseBasicInfo;
        let approvalInfoList = response.data.approvalInfoList;
        this.templateInfo.enterpriseDirectory =
          response.data.enterpriseDirectory;
        // this.templateInfo.enterpriseName = response.data.bmsEnterpriseBasicInfo.enterpriseName
        approvalInfoList.forEach((item) => {
          if (item.approvalAttachment) {
            item.children = item.approvalAttachment.split(",");
          }
          this.approvalInfoList.push(item);
          return item;
        });
        if (this.templateId == "1") {
          this.form = response.data.bmsProjectSettlementAwardQueryVo; //1
          let fundingDetailList = [
            ...response.data.bmsProjectSettlementAwardQueryVo.fundingDetailList,
          ];
          this.$set(this.form, "revenueNowYear1", fundingDetailList[0].amount);
          this.$set(this.form, "taxationNowYear1", fundingDetailList[1].amount);
          this.$set(this.form, "revenueNowYear", fundingDetailList[2].amount);
          this.$set(this.form, "taxationNowYear", fundingDetailList[3].amount);
          // this.form.fundingDetailList.forEach((item, index )=> {
          //   switch (index){
          //     case 0:
          //       this.form.revenueNowYear1 = item.amount
          //       break;
          //     case 1:
          //       this.form.taxationNowYear1 = item.amount
          //       break;
          //     case 2:
          //       this.form.revenueNowYear = item.amount
          //       break;
          //     case 3:
          //       this.form.taxationNowYear = item.amount
          //       break;
          //   }
          // })
          let agreement = this.form.agreement.split(",");
          let businessLicense = this.form.businessLicense.split(",");
          let otherMaterials = this.form.otherMaterials.split(",");
          let report = this.form.report.split(",");
          agreement.forEach((item) => {
            this.uploadListOne.push({ name: item, url: item });
            this.fileListOne = [...this.uploadListOne];
            this.form.fileListOne = [...this.uploadListOne];
          });
          businessLicense.forEach((item) => {
            this.uploadListTwo.push({ name: item, url: item });
            this.fileListTwo = [...this.uploadListTwo];
            this.form.fileListTwo = [...this.uploadListTwo];
          });
          otherMaterials.forEach((item) => {
            this.uploadListThree.push({ name: item, url: item });
            this.fileListThree = [...this.uploadListThree];
            this.form.fileListThree = [...this.uploadListThree];
          });
          report.forEach((item) => {
            this.uploadListFour.push({ name: item, url: item });
            this.fileListFour = [...this.uploadListFour];
            this.form.fileListFour = [...this.uploadListFour];
          });
        }
        if (this.templateId == "2") {
          this.form = response.data.bmsBigStrongAwardQueryVo; //2
          let fundingDetailList = [
            ...response.data.bmsBigStrongAwardQueryVo.fundingDetailList,
          ];
          this.$set(this.form, "revenueNowYear3", fundingDetailList[0].amount);
          this.$set(this.form, "taxationNowYear3", fundingDetailList[1].amount);
          this.$set(this.form, "revenueNowYear2", fundingDetailList[2].amount);
          this.$set(this.form, "taxationNowYear2", fundingDetailList[3].amount);
          this.$set(this.form, "revenueNowYear1", fundingDetailList[4].amount);
          this.$set(this.form, "taxationNowYear1", fundingDetailList[5].amount);
          this.$set(this.form, "revenueNowYear", fundingDetailList[6].amount);
          this.$set(this.form, "taxationNowYear", fundingDetailList[7].amount);
          // fundingDetailList.forEach((item, index )=> {
          //   switch (index){
          //     case 0:
          //       this.form.revenueNowYear3 = item.amount
          //       break;
          //     case 1:
          //       this.form.taxationNowYear3 = item.amount
          //       break;
          //     case 2:
          //       this.form.revenueNowYear2 = item.amount
          //       break;
          //     case 3:
          //       this.form.taxationNowYear2 = item.amount
          //       break;
          //     case 4:
          //       this.form.revenueNowYear1 = item.amount
          //       break;
          //     case 5:
          //       this.form.taxationNowYear1 = item.amount
          //       break;
          //     case 6:
          //       this.form.revenueNowYear = item.amount
          //       break;
          //     case 7:
          //       this.form.taxationNowYear = item.amount
          //       break;
          //   }
          // })
          let developmentPlan = this.form.developmentPlan.split(",");
          developmentPlan.forEach((item) => {
            this.uploadList.push({ name: item, url: item });
            this.fileList = [...this.uploadList];
            this.form.fileList = [...this.uploadList];
          });
        }
        if (this.templateId == "3") {
          this.form = response.data.bmsCarrierConstructionAward; //3
          let supportingMaterials = this.form.supportingMaterials.split(",");
          let businessLicense = this.form.businessLicense.split(",");
          let fireReport = this.form.fireReport.split(",");
          supportingMaterials.forEach((item) => {
            this.uploadListOne.push({ name: item, url: item });
            this.fileListOne = [...this.uploadListOne];
            this.form.fileListOne = [...this.uploadListOne];
          });
          businessLicense.forEach((item) => {
            this.uploadListTwo.push({ name: item, url: item });
            this.fileListTwo = [...this.uploadListTwo];
            this.form.fileListTwo = [...this.uploadListTwo];
          });
          fireReport.forEach((item) => {
            this.uploadListThree.push({ name: item, url: item });
            this.fileListThree = [...this.uploadListThree];
            this.form.fileListThree = [...this.uploadListThree];
          });
        }
        if (this.templateId == "4") {
          this.form = response.data.bmsPlatformConstructionAward; //4
          let agreement = this.form.agreement.split(",");
          agreement.forEach((item) => {
            this.uploadList.push({ name: item, url: item });
            this.fileList = [...this.uploadList];
            this.form.fileList = [...this.uploadList];
          });
        }
        if (this.templateId == "5") {
          this.form = { ...response.data.bmsBrandingAward }; //5
          this.form.level = this.form.level + "";
          let evidence = this.form.evidence.split(",");
          evidence.forEach((item) => {
            this.uploadList.push({ name: item, url: item });
            this.fileList = [...this.uploadList];
            this.form.fileList = [...this.uploadList];
          });
        }
        if (this.templateId == "6") {
          this.form = response.data.bmsSceneOpeningAward; //6
          this.form.type = this.form.type + "";
          let material = this.form.material.split(",");
          material.forEach((item) => {
            this.uploadList.push({ name: item, url: item });
            this.fileList = [...this.uploadList];
            this.form.fileList = [...this.uploadList];
          });
        }
        if (this.templateId == "7") {
          this.form = response.data.bmsCreditManagement; //7
          let projectPlan = this.form.projectPlan.split(",");
          let usesFunds = this.form.usesFunds.split(",");
          let auditReport = this.form.auditReport.split(",");
          projectPlan.forEach((item) => {
            this.uploadListOne.push({ name: item, url: item });
            this.fileListOne = [...this.uploadListOne];
            this.form.fileListOne = [...this.uploadListOne];
          });
          usesFunds.forEach((item) => {
            this.uploadListTwo.push({ name: item, url: item });
            this.fileListTwo = [...this.uploadListTwo];
            this.form.fileListTwo = [...this.uploadListTwo];
          });
          auditReport.forEach((item) => {
            this.uploadListThree.push({ name: item, url: item });
            this.fileListThree = [...this.uploadListThree];
            this.form.fileListThree = [...this.uploadListThree];
          });
        }
        if (this.templateId == "8") {
          this.form = response.data.bmsIndustrialInternetAward; //8
          let material = this.form.material.split(",");
          material.forEach((item) => {
            this.uploadList.push({ name: item, url: item });
            this.fileList = [...this.uploadList];
            this.form.fileList = [...this.uploadList];
          });
        }
        if (this.templateId == "9") {
          this.form = response.data.bmsManufacturingServicesAward; //9
          let filingNotice = this.form.filingNotice.split(",");
          let invoice = this.form.invoice.split(",");
          let auditReport = this.form.auditReport.split(",");
          let financialStatements = this.form.financialStatements.split(",");
          filingNotice.forEach((item) => {
            this.uploadListOne.push({ name: item, url: item });
            this.fileListOne = [...this.uploadListOne];
            this.form.fileListOne = [...this.uploadListOne];
          });
          invoice.forEach((item) => {
            this.uploadListTwo.push({ name: item, url: item });
            this.fileListTwo = [...this.uploadListTwo];
            this.form.fileListTwo = [...this.uploadListTwo];
          });
          auditReport.forEach((item) => {
            this.uploadListThree.push({ name: item, url: item });
            this.fileListThree = [...this.uploadListThree];
            this.form.fileListThree = [...this.uploadListThree];
          });
          financialStatements.forEach((item) => {
            this.uploadListFour.push({ name: item, url: item });
            this.fileListFour = [...this.uploadListFour];
            this.form.fileListFour = [...this.uploadListFour];
          });
        }
        if (this.templateId == "10") {
          this.form = response.data.bmsLogisticsDevelopmentAward; //10
          let honorCertificate = this.form.honorCertificate.split(",");
          let platformName = this.form.platformName.split(",");
          let filingNotice = this.form.filingNotice.split(",");
          let auditReport = this.form.auditReport.split(",");
          honorCertificate.forEach((item) => {
            this.uploadListOne.push({ name: item, url: item });
            this.fileListOne = [...this.uploadListOne];
            this.form.fileListOne = [...this.uploadListOne];
          });
          platformName.forEach((item) => {
            this.uploadListTwo.push({ name: item, url: item });
            this.fileListTwo = [...this.uploadListTwo];
            this.form.fileListTwo = [...this.uploadListTwo];
          });
          filingNotice.forEach((item) => {
            this.uploadListThree.push({ name: item, url: item });
            this.fileListThree = [...this.uploadListThree];
            this.form.fileListThree = [...this.uploadListThree];
          });
          auditReport.forEach((item) => {
            this.uploadListFour.push({ name: item, url: item });
            this.fileListFour = [...this.uploadListFour];
            this.form.fileListFour = [...this.uploadListFour];
          });
        }
        if (this.templateId == "11") {
          this.form = response.data.bmsIntegrationIndustries; //11
          this.form.declarationType = this.form.declarationType + "";
          this.form.industry = this.form.industry + "";
          let evidence = this.form.evidence.split(",");
          let businessLicense = this.form.businessLicense.split(",");
          let taxPaymentCertificate =
            this.form.taxPaymentCertificate.split(",");
          let auditReport = this.form.auditReport.split(",");
          let equityStructureChart = this.form.equityStructureChart.split(",");
          let declarationReport = this.form.declarationReport.split(",");
          let independentAccounting =
            this.form.independentAccounting.split(",");
          let capitalVerificationReport =
            this.form.capitalVerificationReport.split(",");
          let otherEvidence = this.form.otherEvidence.split(",");
          evidence.forEach((item) => {
            this.uploadListOne.push({ name: item, url: item });
            this.fileListOne = [...this.uploadListOne];
            this.form.fileListOne = [...this.uploadListOne];
          });
          businessLicense.forEach((item) => {
            this.uploadListTwo.push({ name: item, url: item });
            this.fileListTwo = [...this.uploadListTwo];
            this.form.fileListTwo = [...this.uploadListTwo];
          });
          taxPaymentCertificate.forEach((item) => {
            this.uploadListThree.push({ name: item, url: item });
            this.fileListThree = [...this.uploadListThree];
            this.form.fileListThree = [...this.uploadListThree];
          });
          auditReport.forEach((item) => {
            this.uploadListFour.push({ name: item, url: item });
            this.fileListFour = [...this.uploadListFour];
            this.form.fileListFour = [...this.uploadListFour];
          });
          equityStructureChart.forEach((item) => {
            this.uploadListFive.push({ name: item, url: item });
            this.fileListFive = [...this.uploadListFive];
            this.form.fileListFive = [...this.uploadListFive];
          });
          declarationReport.forEach((item) => {
            this.uploadListSix.push({ name: item, url: item });
            this.fileListSix = [...this.uploadListSix];
            this.form.fileListSix = [...this.uploadListSix];
          });
          independentAccounting.forEach((item) => {
            this.uploadListSeven.push({ name: item, url: item });
            this.fileListSeven = [...this.uploadListSeven];
            this.form.fileListSeven = [...this.uploadListSeven];
          });
          capitalVerificationReport.forEach((item) => {
            this.uploadListEight.push({ name: item, url: item });
            this.fileListEight = [...this.uploadListEight];
            this.form.fileListEight = [...this.uploadListEight];
          });
          otherEvidence.forEach((item) => {
            this.uploadListNine.push({ name: item, url: item });
            this.fileListNine = [...this.uploadListNine];
            this.form.fileListNine = [...this.uploadListNine];
          });
        }
        if (this.templateId == "12") {
          this.form = response.data.bmsOutQuitProducts; //3
          this.form.template_type = this.form.type + "";
          this.form.industry = this.form.industry + "";
          let specifics = this.form.specifics.split(",");
          let otherSpecifics = this.form.otherSpecifics.split(",");
          specifics.forEach((item) => {
            this.uploadListOne.push({ name: item, url: item });
            this.fileListOne = [...this.uploadListOne];
            this.form.fileListOne = [...this.uploadListOne];
          });
          otherSpecifics.forEach((item) => {
            this.uploadListTwo.push({ name: item, url: item });
            this.fileListTwo = [...this.uploadListTwo];
            this.form.fileListTwo = [...this.uploadListTwo];
          });
          // console.log(this.form);
        }
      });
    },
    submitForm(type) {

      function validatePhoneNumber(text, phoneNumber) {
        const pattern = text
        const regex = new RegExp(pattern.slice(1, -1)); // 创建正则表达式对象，去除 pattern 字符串两端的斜杠
        // console.log("yanzhengyanzheneg ", regex.test(phoneNumber));
        return regex.test(phoneNumber);
      }
      // console.log(this.$refs.ismybuild.drawingList);
      let drawingList = this.$refs.ismybuild.drawingList
      // 循环所有内容
      for (let index = 0; index < drawingList.length; index++) {
        // 判断是否要校验
        if (drawingList[index].required) {
          if (!drawingList[index].defaultValue) {
            this.$message.error('请填写' + drawingList[index].label);
            return
          } else {
            //如果有正则，判断是否能通过
            if (drawingList[index].regList.length != 0) {
              if (!validatePhoneNumber(drawingList[index].regList[0].pattern, drawingList[index].defaultValue)) {
                this.$message.error(drawingList[index].regList[0].message);
                return

              }
            }
          }
        }
      }
      let myJSON = JSON.parse(this.templateInfo.templateJson)
      myJSON.fields = drawingList
      let obj = {
        creditCode: this.baseInfo.bszh,
        declarationId: this.declarationId,
        templateJson: JSON.stringify(myJSON),
        templateRecordId: this.templateRecordId
      }
      systemfillupdate(obj).then(res => {
        // console.log(999, res);
        if (res.code == 200) {
          this.$router.go(-1);
        }
      })

    },
    handleRemove(file, fileList) {
      this.fileList = fileList;
    },
    handleFileUpload(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileList.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadList.push(data);
        this.form.fileList = this.fileList;
        // console.log('this.fileList: ', this.fileList);
      });
    },
    deleteUpload(value) {
      this.uploadList = this.uploadList.filter((item) => {
        return item.url != value.url;
      });
    },
    /* 上传一 */
    handleFileUploadOne(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListOne.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadList.push(data);
        this.form.fileListOne = this.fileListOne;
        // console.log('this.fileListOne: ', this.fileListOne);
      });
    },
    /* 上传二 */
    handleFileUploadTwo(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListTwo.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListTwo.push(data);
        this.form.fileListTwo = this.fileListTwo;
        // console.log('this.fileListTwo: ', this.fileListTwo);
      });
    },
    /* 上传三 */
    handleFileUploadThree(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListThree.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListThree.push(data);
        this.form.fileListThree = this.fileListThree;
        // console.log("this.fileListThree: ", this.fileListThree);
      });
    },
    /* 上传四 */
    handleFileUploadFour(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListFour.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListFour.push(data);
        this.form.fileListFour = this.fileListFour;
        // console.log('this.fileListFour: ', this.fileListFour);
      });
    },
    /* 上传五 */
    handleFileUploadFive(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListFive.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListFive.push(data);
        this.form.fileListFive = this.fileListFive;
        // console.log('this.fileListFive: ', this.fileListFive);
      });
    },
    /* 上传六 */
    handleFileUploadSix(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListSix.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListSix.push(data);
        this.form.fileListSix = this.fileListSix;
        // console.log('this.fileListSix: ', this.fileListSix);
      });
    },
    /* 上传七 */
    handleFileUploadSeven(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListSeven.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListSeven.push(data);
        this.form.fileListSeven = this.fileListSeven;
        // console.log('this.fileListSeven: ', this.fileListSeven);
      });
    },
    /* 上传八 */
    handleFileUploadEight(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListEight.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListEight.push(data);
        this.form.fileListEight = this.fileListEight;
        // console.log('this.fileListEight: ', this.fileListEight);
      });
    },
    /* 上传九 */
    handleFileUploadNine(params) {
      // console.log('params: ', params);
      this.form.fileName = params.file.name;
      const file = params.file;
      let form = new FormData();
      form.append("file", file);
      uploadFile(form).then((response) => {
        // this.fileList = []
        this.fileListNine.push(file);
        let data = {};
        data.name = response.originalFilename;
        data.url = response.fileName;
        this.uploadListNine.push(data);
        this.form.fileListNine = this.fileListNine;
        // console.log('this.fileListNine: ', this.fileListNine);
      });
    },
    /* 删除上传一 */
    deleteUploadOne(value) {
      this.uploadListOne = this.uploadListOne.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListOne.length == 0) {
        this.form.fileListOne = [];
      }
    },
    /* 删除上传二 */
    deleteUploadTwo(value) {
      this.uploadListTwo = this.uploadListTwo.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListTwo.length == 0) {
        this.form.fileListTwo = [];
      }
    },
    /* 删除上传三 */
    deleteUploadThree(value) {
      this.uploadListThree = this.uploadListThree.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListThree.length == 0) {
        this.form.fileListThree = [];
      }
    },
    /* 删除上传四 */
    deleteUploadFour(value) {
      this.uploadListFour = this.uploadListFour.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListFour.length == 0) {
        this.form.fileListFour = [];
      }
    },
    /* 删除上传五 */
    deleteUploadFive(value) {
      this.uploadListFive = this.uploadListFive.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListFive.length == 0) {
        this.form.fileListFive = [];
      }
    },
    /* 删除上传六 */
    deleteUploadSix(value) {
      this.uploadListSix = this.uploadListSix.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListSix.length == 0) {
        this.form.fileListSix = [];
      }
    },
    /* 删除上传七 */
    deleteUploadSeven(value) {
      this.uploadListSeven = this.uploadListSeven.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListSeven.length == 0) {
        this.form.fileListSeven = [];
      }
    },
    /* 删除上传八 */
    deleteUploadEight(value) {
      this.uploadListEight = this.uploadListEight.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListEight.length == 0) {
        this.form.fileListEight = [];
      }
    },
    /* 删除上传九 */
    deleteUploadNine(value) {
      this.uploadListNine = this.uploadListNine.filter((item) => {
        return item.url != value.url;
      });
      if (this.uploadListNine.length == 0) {
        this.form.fileListNine = [];
      }
    },
    downLoadFile(fileName, canvasImg) {
      //创建一个a标签
      var a = document.createElement("a");
      //指定下载文件名称
      a.href = canvasImg;
      a.download = fileName;
      //a 标签 需要点击触发。所以强制给他分派一个点击事件
      //创建一个鼠标事件
      let event = document.createEvent("MouseEvents");
      // 初始化鼠标事件
      event.initMouseEvent(
        "click",
        true,
        false,
        window,
        0,
        0,
        0,
        0,
        0,
        false,
        false,
        false,
        false,
        0,
        null
      );
      // 指定元素对象触发事件
      a.dispatchEvent(event);
    },

    /* 打印 */
    printOutpdf() {
      let name = ''
      name = `${this.templateInfo.templateName}_${this.baseInfo.enterpriseName}`
      let modalDiv = this.$refs.pdf
      let newDiv = modalDiv.cloneNode(true)
      newDiv.classList.remove('detail_content');
      newDiv.id = 'reportId'
      let newTwoDiv = document.createElement('div');
      newTwoDiv.id = 'detail_content_two'
      document.body.appendChild(newTwoDiv)
      newTwoDiv.appendChild(newDiv)
      let obj = document.getElementById('reportId')
      setTimeout(() => {
        html2canvas(obj).then(function (canvas) {
          let contentWidth = canvas.width
          let contentHeight = canvas.height
          let pageHeight = contentWidth / 592.28 * 841.89
          let leftHeight = contentHeight
          let position = 0
          let imgWidth = 595.28
          let imgHeight = 592.28 / contentWidth * contentHeight
          let pageData = canvas.toDataURL('image/jpeg', 1.0)
          let PDF = new JsPDF('p', 'pt', 'a4') // [592.28 * 841.89]
          // console.log(pageData);
          if (leftHeight < pageHeight) {
            PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
          } else {
            // 5 为误差值
            while (leftHeight > 5) {
              PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
              leftHeight -= pageHeight
              position -= 841.89
              if (leftHeight > 5) {
                PDF.addPage()
              }
            }
          }
          PDF.save(name + '.pdf')
          newTwoDiv.remove()
        })
      }, 200)
    }
  },
  components: { ismybuild }

};
</script>

<style lang="scss" scoped>
::v-deep .el-form {
  .el-form-item__content {
    .el-upload-list {
      .el-upload-list__item{
        transition: none !important;
      } 
    }
  }
}
ul,
li {
  list-style: none;
  /* 清除列表项前的标记 */
  margin: 0;
  /* 清除上下外边距 */
  padding: 0;
  /* 清除左右内边距 */
}

.upload_ul {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;

  .upload_li {
    // width: 45%;
    display: flex;
    // justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    color: inherit;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    margin: 10px 20px 10px 0;

    .li_img {
      width: 25px;
      height: 30px;
      margin-right: 10px;
      padding: 2px;
    }

    .icon_name {
      text-overflow: ellipsis;
      overflow: hidden;
      word-wrap: break-word;
      white-space: nowrap;
    }
  }
}

.upload_col {
  border-bottom: 1px solid #ebeef5;
  padding: 10px 30px;
}

.upload_col_one {
  padding-bottom: 100px;
}

.detail_main {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0;

  .left {
    width: 245px;
    padding-left: 25px;

    .upload_title {
      font-size: 14px;
      width: 245px;
      padding-right: 20px;
    }

    .title_explain {
      color: red;
      font-size: 12px;
      line-height: 24px;
    }
  }

  .right {
    flex: 1;
    padding: 0 15px;

    .upload_li {
      // width: 45%;
      display: flex;
      // justify-content: space-between;
      align-items: center;
      padding: 0 30px 0 5px;
      color: inherit;
      border: 1px solid #e4e7ed;
      border-radius: 2px;
      margin: 10px 20px 10px 0;

      a {
        display: flex;
        // justify-content: space-between;
        align-items: center;
      }

      .li_img {
        width: 25px;
        height: 30px;
        margin-right: 10px;
        padding: 2px;
      }

      .icon_name {
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        white-space: nowrap;
      }
    }
  }
}

.templateInfo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;

  .templateInfo_left {
    // width: 80px;
    margin-right: 10px;
  }
}

.f_validate {
  color: red;
}
</style>
<style lang="scss" scoped>
.addContent {
  // height: calc(100vh - 100px);
  // height: calc(100% - 10px);
  height: 100%;
  // padding: 10px 10px 0 10px;
  background-color: #f6f7f9;

  .detail_content {
    display: flex;
    justify-content: space-between;
    // height: calc(100vh - 160px);
    height: calc(100% - 40px);

    .left_content {
      // height: calc(100vh - 160px);
      height: 100%;
      width: 69.5%;
      overflow: auto;
      background-color: #fff;
      padding: 20px;
    }

    .right_content {
      // height: calc(100vh - 160px);
      height: 100%;
      width: 30%;
      background-color: #fff;

      .left_main {
        height: 600px;
        background-color: #fff;

        .empty {
          .top {
            font-size: 12px;
            color: #737373;
          }

          .bottom {
            text-align: center;
            color: #737373;
          }
        }
      }

      .left_title {
        height: 77px;
        padding-top: 20px;
        background-color: #fff;
        margin-bottom: 4px;
      }

      .tab_content {
        // height: calc(100vh - 240px);
        height: calc(100% - 77px);
        // overflow: auto;
        background-color: #fff;
        padding: 0 20px;

        ::v-deep .el-tabs__content {
          padding: 0;
          height: calc(100% - 50px);

          .el-tab-pane {
            height: 100%;
          }
        }

        .empty {
          // height: calc(100vh - 300px);
          // height: calc(100% - 100px);
          height: 100%;
          padding: 10px 15px 0 15px;
          overflow: auto;

          .top {
            font-size: 12px;
            color: #737373;
            margin-bottom: 10px;
          }

          .bottom {
            text-align: center;
            color: #737373;
          }

          .step_contain {
            position: relative;
            line-height: 35px;
            border-left: 2px solid green;
            padding-bottom: 40px;
            z-index: 2;

            .drop_style {
              position: absolute;
              width: 24px;
              height: 24px;
              top: -4px;
              left: -12px;
              background-color: #fff;
              border-radius: 12px;
              box-shadow: 0 0 10px #ccc;
              z-index: 2;
            }

            .out_drop_style {
              position: absolute;
              width: 6px;
              height: 6px;
              top: 6px;
              left: -3px;
              background-color: #4eb997;
              border-radius: 3px;
              z-index: 2;
            }

            .out_drop_style_one {
              background-color: #000;
            }

            .contain_main {
              background-color: #f8fafb;
              color: #192a92;
              margin-left: 25px;
              border-radius: 2px;
              width: 100%;

              .attach {
                // display: flex;
                width: 100%;
                // padding-right: 100px;
                position: relative;

                .attach_left {
                  position: absolute;
                  width: 140px;
                }

                .attach_right {
                  // flex: 1;
                  // flex-direction: column;
                  // justify-content: space-between;
                  padding: 0 80px 0 50px;

                  .attach_item {
                    width: 85%;
                    display: flex;
                    // justify-content: space-between;
                    align-items: center;
                    padding: 0 5px;
                    color: inherit;
                    border: 1px solid #e4e7ed;
                    border-radius: 2px;
                    margin: 10px 20px 10px 0;

                    a {
                      display: flex;
                      // justify-content: space-between;
                      align-items: center;
                    }

                    .li_img {
                      width: 25px;
                      height: 30px;
                      margin-right: 10px;
                      padding: 2px;
                    }

                    .icon_name {
                      text-overflow: ellipsis;
                      overflow: hidden;
                      word-wrap: break-word;
                      white-space: nowrap;
                    }
                  }
                }
              }
            }

            .right-img {
              position: absolute;
              z-index: 2;
              top: 0;
              bottom: 40px;
              right: 20px;
              display: flex;
              align-items: center;

              .approval_img {
                width: 85px;
                height: 80px;
              }
            }
          }

          .step_contain_one {
            border: none;
          }
        }
      }
    }
  }

  .operate_btn {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    // padding-bottom: 20px;
  }

  .form {
    // height: calc(100% - 150px);
    background-color: #fff;
    padding: 15px;

    .table-content {
      margin-top: 10px;
    }

    .last_upload {
      margin-bottom: 30px;
    }
  }

  .left_title {
    height: 77px;
    padding-top: 20px;
    background-color: #fff;
    margin-bottom: 4px;
  }
}

::v-deep .el-step__main {
  width: 100%;
}

::v-deep .el-step__title {
  font-size: 12px;
  color: #192a92;
  border-color: none;
}

::v-deep .el-step__head.is-process {
  color: #192a92;
}

::v-deep .el-step__line {
  background-color: #192a92;
}

::v-deep .el-step__icon {
  border: 2px solid #ffff;
  box-shadow: 0 0 10px #ccc;
}

::v-deep .el-form-item {
  margin-bottom: 0;
}

.form_item {
  position: absolute;
  width: 300px;
  top: 40px;
  left: -340px;
  color: red;
  font-size: 12px;
  line-height: 24px;
}

.el-tabs--border-card {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  // height: calc(100vh - 240px);
  height: 100%;
}

.btn {
  background-color: #f1d78c;
  border: none;
  color: #000;
}

/* 悬浮 */
// ::v-deep .el-button:hover {
//   /* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
//   background: linear-gradient(100deg, #f1d78c, #f1c19d) !important;
//   font-weight: bold;
//   color: #606266;
// }
/*按钮点击*/
// ::v-deep .el-button:focus {
//   background: linear-gradient(100deg, #f1d78c, #f1c19d) !important;
//   /* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
//   font-weight: bold;
//   color: #606266;
// }</style>
