<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.jjh_project_type"
                  :value="templateInfo.projectClassify"
                />
              </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" v-if="templateId == 1">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="3"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">申报单位成立时间</span>
                  <span v-if="pageType == 'detail'">申报单位成立时间</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="establishTime"
                >
                  <el-date-picker
                    v-if="pageType == 'edit'"
                    v-model="form.establishTime"
                    type="date"
                    placeholder="请选择申报单位成立时间"
                    value-format="yyyy-MM-dd"
                  >
                  </el-date-picker>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{
                  form.establishTime
                }}</span>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">截止目前员工人数</span>
                  <span v-if="pageType == 'detail'">截止目前员工人数</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="employeeNum"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入截至目前人数"
                    v-model="form.employeeNum"
                    maxlength="10"
                  >
                    <template slot="append">人</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.employeeNum }}人</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2023年营收</span>
                  <span v-if="pageType == 'detail'">2023年营收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="revenueNowYear1"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.revenueNowYear1"
                    maxlength="10"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.revenueNowYear1 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2023年税收</span>
                  <span v-if="pageType == 'detail'">2023年税收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="taxationNowYear1"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.taxationNowYear1"
                    maxlength="10"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.taxationNowYear1 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2024年预计营收</span>
                  <span v-if="pageType == 'detail'">2024年预计营收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="revenueNowYear"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    v-model="form.revenueNowYear"
                    maxlength="10"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.revenueNowYear }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2024年预计税收</span>
                  <span v-if="pageType == 'detail'">2024年预计税收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="taxationNowYear"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.taxationNowYear"
                    maxlength="10"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.taxationNowYear }}元</span
                >
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 做大做强奖补模版 -->
          <div class="table-content" v-if="templateId == 2">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="3"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">申报单位成立时间</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">申报单位成立时间</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="establishTime"
                >
                  <el-date-picker
                    v-if="pageType == 'edit'"
                    v-model="form.establishTime"
                    type="date"
                    placeholder="请选择申报单位成立时间"
                    value-format="yyyy-MM-dd"
                  >
                  </el-date-picker>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{
                  form.establishTime
                }}</span>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'"
                    >是否获得园区其他经营奖励</span
                  >
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'"
                    >是否获得园区其他经营奖励</span
                  >
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="isGainRewards"
                >
                  <el-radio-group
                    v-if="pageType == 'edit'"
                    v-model="form.isGainRewards"
                  >
                    <el-radio :label="0">否</el-radio>
                    <el-radio :label="1">是</el-radio>
                  </el-radio-group>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{
                  form.isGainRewards == 1 ? "是" : "否"
                }}</span>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2021年营收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2021年营收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="revenueNowYear3"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.revenueNowYear3"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.revenueNowYear3 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2021年税收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2021年税收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="taxationNowYear3"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.taxationNowYear3"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.taxationNowYear3 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2022年营收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2022年营收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="revenueNowYear2"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.revenueNowYear2"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.revenueNowYear2 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2022年税收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2022年税收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="taxationNowYear2"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.taxationNowYear2"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.taxationNowYear2 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2023年营收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2023年营收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="revenueNowYear1"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.revenueNowYear1"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.revenueNowYear1 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2023年税收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2023年税收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="taxationNowYear1"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.taxationNowYear1"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.taxationNowYear1 }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2024年预计营收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2024年预计营收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="revenueNowYear"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.revenueNowYear"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.revenueNowYear }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">2024年预计税收</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">2024年预计税收</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="taxationNowYear"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入金额"
                    v-model="form.taxationNowYear"
                  >
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.taxationNowYear }}元</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">园区其他经营奖励</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">园区其他经营奖励</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="rewardDescription"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入其他经营奖励"
                    v-model="form.rewardDescription"
                  >
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.rewardDescription }}元</span
                >
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 载体建设奖补模版 -->
          <div class="table-content" v-if="templateId == 3">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="2"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">文体企业数量占比</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">文体企业数量占比</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  prop="quantityProportion"
                  label-width="0"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入文体企业数量占比"
                    v-model="form.quantityProportion"
                    maxlength="5"
                    show-word-limit
                  >
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.quantityProportion }}%</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">文体企业营收占比</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">文体企业营收占比</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  prop="revenueProportion"
                  label-width="0"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入文体企业营收占比"
                    v-model="form.revenueProportion"
                    maxlength="5"
                    show-word-limit
                  >
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.revenueProportion }}%</span
                >
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">文体企业从业人员占比</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">文体企业从业人员占比</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  prop="personnelProportion"
                  label-width="0"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入文体企业从业人员占比"
                    v-model="form.personnelProportion"
                    maxlength="5"
                    show-word-limit
                  >
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'"
                  >{{ form.personnelProportion }}%</span
                >
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 平台建设模版 -->
          <div class="table-content" v-if="templateId == 4">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="2"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">平台(项目)名称</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">平台(项目)名称</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="platformName"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入平台(项目)"
                    v-model="form.platformName"
                    maxlength="50"
                    show-word-limit
                  >
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{ form.platformName }}</span>
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 品牌打造奖补模版 -->
          <div class="table-content" v-if="templateId == 5">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="3"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">所获荣誉/所举办活动</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">所获荣誉/所举办活动</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  prop="honorsReceived"
                  label-width="0"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入所获荣誉/所举办活动"
                    v-model="form.honorsReceived"
                    show-word-limit
                  >
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{
                  form.honorsReceived
                }}</span>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">所获等级</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">所获等级</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="level"
                >
                  <el-select
                    v-if="pageType == 'edit'"
                    v-model="form.level"
                    placeholder="请选择所属等级"
                    clearable
                    style="width: 100%"
                  >
                    <el-option
                      v-for="dict in dict.type.bms_level"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
                <dict-tag
                  v-if="pageType == 'detail'"
                  :options="dict.type.bms_level"
                  :value="form.level"
                />
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 场景开放模版 -->
          <div class="table-content" v-if="templateId == 6">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="2"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">所属类型</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">所属类型</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="type"
                >
                  <el-select
                    v-if="pageType == 'edit'"
                    v-model="form.type"
                    placeholder="请选择责任单位"
                    clearable
                    style="width: 100%"
                  >
                    <el-option
                      v-for="dict in dict.type.bms_affiliation_type"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    />
                  </el-select>
                </el-form-item>
                <dict-tag
                  v-if="pageType == 'detail'"
                  :options="dict.type.bms_affiliation_type"
                  :value="form.type"
                />
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 5G+工业互联网奖补模版 -->
          <div class="table-content" v-if="templateId == 8">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="2"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">荣誉名称</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">荣誉名称</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="honoraryName"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    placeholder="请输入荣誉名称"
                    v-model="form.honoraryName"
                  ></el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{ form.honoraryName }}</span>
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 信用管理奖补模版 -->
          <!-- 制造服务业有效投入奖补模版	 -->
          <!-- 物流发展奖补模版	 -->
          <div
            class="table-content"
            v-if="templateId == 7 || templateId == 9 || templateId == 10"
          >
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="2"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 两业融合奖补模版 -->
          <div class="table-content" v-if="templateId == 11">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="2"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">申报类型</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">申报类型</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="declarationType"
                >
                  <el-select
                    v-if="pageType == 'edit'"
                    v-model="form.declarationType"
                    placeholder="请选择项目"
                    style="width: 100%"
                  >
                    <el-option
                      v-for="dict in dict.type.sys_declaration_type"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <dict-tag
                  v-if="pageType == 'detail'"
                  :options="dict.type.sys_declaration_type"
                  :value="form.declarationType"
                />
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
          <div class="table-content" v-if="templateId == 12">
            <el-descriptions
              class="margin-top"
              title="【项目投资计划】"
              :column="2"
              :size="size"
              border
              :label-style="LS"
            >
              <el-descriptions-item>
                <template slot="label"> 项目名称 </template>
                {{ templateInfo.templateName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">主要产品</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">主要产品</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  prop="mainProducts"
                  label-width="0"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入主要产品"
                    v-model="form.mainProducts"
                    show-word-limit
                  >
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{ form.mainProducts }}</span>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">所属行业</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">所属行业</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="industry"
                >
                  <el-checkbox-group
                    v-model="form.industry"
                    style="width: 100%"
                    :disabled="pageType == 'edit' ? false : true"
                  >
                    <el-checkbox
                      v-for="city in dict.type.template_industry"
                      :true-label="city.value"
                      :label="city.value"
                      :key="city.value"
                    >
                      {{ city.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
                <dict-tag
                  v-if="pageType == 'detail'"
                  :options="dict.type.template_industry"
                  :value="form.industry"
                />
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">工作联系人</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">工作联系人</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  prop="workContact"
                  label-width="0"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入工作联系人"
                    v-model="form.workContact"
                    show-word-limit
                  >
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{ form.workContact }}</span>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">联系电话</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">联系电话</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  prop="iphone"
                  label-width="0"
                >
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入联系电话"
                    v-model="form.iphone"
                    show-word-limit
                  >
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{ form.iphone }}</span>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span v-if="pageType == 'detail'">类别</span>
                  <span v-if="pageType == 'edit'" class="f_validate">*</span>
                  <span v-if="pageType == 'edit'">类别</span>
                </template>
                <el-form-item
                  v-if="pageType == 'edit'"
                  label-width="0"
                  prop="template_type"
                >
                  <el-checkbox-group
                    v-model="form.template_type"
                    style="width: 100%"
                    :disabled="pageType == 'edit' ? false : true"
                  >
                    <el-checkbox
                      v-for="city in dict.type.new_template_type"
                      :true-label="city.value"
                      :label="city.value"
                      :key="city.value"
                    >
                      {{ city.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                </el-form-item>
                <dict-tag
                  v-if="pageType == 'detail'"
                  :options="dict.type.new_template_type"
                  :value="form.template_type"
                />
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 上传文件列表 -->
          <div class="table-content">
            <p>【上传材料】</p>
            <el-row v-if="pageType == 'edit'">
              <el-col
                :span="24"
                v-if="
                  templateId == 2 ||
                  templateId == 4 ||
                  templateId == 5 ||
                  templateId == 6 ||
                  templateId == 8
                "
              >
                <!-- 平台建设模版 -->
                <el-form-item
                  :label="uploadLabel"
                  label-width="340px"
                  prop="fileList"
                >
                  <!-- 做大做强模版 -->
                  <!-- <div v-if="templateId == 2" class="form_item">如不宜公开则上传封面及盖章页</div> -->
                  <!-- 平台建设奖补模版 -->
                  <div v-if="templateId == 4" class="form_item">
                    如不宜公开则上传封面及盖章页
                  </div>
                  <!-- 品牌打造奖补模版 -->
                  <div v-if="templateId == 5" class="form_item">
                    上级发文、新闻报道、现场照片、发票
                  </div>
                  <!-- 场景开放模版 -->
                  <div v-if="templateId == 6" class="form_item">
                    公示、发文证明、专家评分表
                  </div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUpload"
                    :file-list="fileList"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileList.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadList"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUpload(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <!-- 项目落户奖补模版 -->
              <el-col :span="24" v-if="templateId == 1" class="upload_col">
                <el-form-item
                  label="招商协议"
                  label-width="340px"
                  prop="fileListOne"
                >
                  <div class="form_item">如不宜公开则上传封面及盖章页</div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadOne"
                    :file-list="fileListOne"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadOne(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 1" class="upload_col">
                <el-form-item
                  label="验资报告"
                  label-width="340px"
                  prop="fileListTwo"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadTwo"
                    :file-list="fileListTwo"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadTwo(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 1" class="upload_col">
                <el-form-item
                  label="营业执照"
                  label-width="340px"
                  prop="fileListThree"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadThree"
                    :file-list="fileListThree"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadThree(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 1" class="upload_col">
                <el-form-item
                  label="其他证明材料"
                  label-width="340px"
                  prop="fileListFour"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadFour"
                    :file-list="fileListFour"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadFour(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <!-- 载体建设奖补模版 -->
              <el-col :span="24" v-if="templateId == 3" class="upload_col">
                <el-form-item
                  label="相关佐证材料"
                  label-width="340px"
                  prop="fileListOne"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadOne"
                    :file-list="fileListOne"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadOne(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 3" class="upload_col">
                <el-form-item
                  label="项目工商登记许可"
                  label-width="340px"
                  prop="fileListTwo"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadTwo"
                    :file-list="fileListTwo"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadTwo(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 3" class="upload_col">
                <el-form-item
                  label="消防验收报告"
                  label-width="340px"
                  prop="fileListThree"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadThree"
                    :file-list="fileListThree"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadThree(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <!-- 信用管理奖补模版 -->
              <el-col :span="24" v-if="templateId == 7" class="upload_col">
                <el-form-item
                  label="项目方案"
                  label-width="340px"
                  prop="fileListOne"
                >
                  <div class="form_item">
                    包括项目基本情况、项目投资情况以及实施进展、项目目标及取得的主要成效
                  </div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadOne"
                    :file-list="fileListOne"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadOne(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 7" class="upload_col">
                <el-form-item
                  label="资金使用说明"
                  label-width="340px"
                  prop="fileListTwo"
                >
                  <div class="form_item">
                    项目未完成的需提供，内容主要包括项目计划投资额，投资明细，目前已完成投资情况和后续投入计划等
                  </div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadTwo"
                    :file-list="fileListTwo"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadTwo(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 7" class="upload_col">
                <el-form-item
                  label="项目专项审计报告"
                  label-width="340px"
                  prop="fileListThree"
                >
                  <div class="form_item">项目已完成的需提供</div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadThree"
                    :file-list="fileListThree"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadThree(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <!-- 制造服务业有效投入奖补模版 -->
              <el-col :span="24" v-if="templateId == 9" class="upload_col">
                <el-form-item
                  label="企业投资项目备案通知书或核准批复文件"
                  label-width="340px"
                  prop="fileListOne"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadOne"
                    :file-list="fileListOne"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadOne(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 9" class="upload_col">
                <el-form-item
                  label="购置设备发票清单及发票扫描件"
                  label-width="340px"
                  prop="fileListTwo"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadTwo"
                    :file-list="fileListTwo"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadTwo(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 9" class="upload_col">
                <el-form-item
                  label="会计师事务所出具的企业申报项目购置设备情况的专项审计报告"
                  label-width="340px"
                  prop="fileListThree"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadThree"
                    :file-list="fileListThree"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadThree(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 9" class="upload_col">
                <el-form-item
                  label="会计师事务所出具的企业财务报表审计报告"
                  label-width="340px"
                  prop="fileListFour"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadFour"
                    :file-list="fileListFour"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadFour(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <!-- 物流发展奖补模版 -->
              <el-col :span="24" v-if="templateId == 10" class="upload_col">
                <el-form-item
                  label="荣誉证明文件"
                  label-width="340px"
                  prop="fileListOne"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadOne"
                    :file-list="fileListOne"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadOne(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 10" class="upload_col">
                <el-form-item
                  label="平台名称"
                  label-width="340px"
                  prop="fileListTwo"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadTwo"
                    :file-list="fileListTwo"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadTwo(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 10" class="upload_col">
                <el-form-item
                  label="企业投资项目备案通知书或核准批复文件"
                  label-width="340px"
                  prop="fileListThree"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadThree"
                    :file-list="fileListThree"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadThree(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 10" class="upload_col">
                <el-form-item
                  label="会计师事务所出具的企业财务报表审计报告"
                  label-width="340px"
                  prop="fileListFour"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadFour"
                    :file-list="fileListFour"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadFour(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <!-- 物流发展奖补模版 -->
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="证明文件"
                  label-width="340px"
                  prop="fileListOne"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadOne"
                    :file-list="fileListOne"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadOne(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="营业执照"
                  label-width="340px"
                  prop="fileListTwo"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadTwo"
                    :file-list="fileListTwo"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadTwo(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="完税证明"
                  label-width="340px"
                  prop="fileListThree"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadThree"
                    :file-list="fileListThree"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadThree(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="审计报告"
                  label-width="340px"
                  prop="fileListFour"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadFour"
                    :file-list="fileListFour"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadFour(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="股权架构图"
                  label-width="340px"
                  prop="fileListFive"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadFive"
                    :file-list="fileListFive"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListFive.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListFive"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadFive(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="项目申报报告"
                  label-width="340px"
                  prop="fileListSix"
                >
                  <div class="form_item">含企业基本情况和项目基本情况</div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadSix"
                    :file-list="fileListSix"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListSix.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListSix"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadSix(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="独立核算相关证明"
                  label-width="340px"
                  prop="fileListSeven"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadSeven"
                    :file-list="fileListSeven"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListSeven.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListSeven"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadSeven(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="验资报告"
                  label-width="340px"
                  prop="fileListEight"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadEight"
                    :file-list="fileListEight"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListEight.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListEight"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadEight(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 11" class="upload_col">
                <el-form-item
                  label="其他证明材料"
                  label-width="340px"
                  prop="fileListNine"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadNine"
                    :file-list="fileListNine"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListNine.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListNine"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadNine(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
              <el-col
                :span="24"
                v-if="templateId == 12"
                class="upload_col upload_col_one"
              >
                <el-form-item
                  :label="
                    form.template_type == '1'
                      ? '淘汰落后生产工艺装备'
                      : '退出低端低效产能装备'
                  "
                  label-width="340px"
                  prop="fileListOne"
                >
                  <div class="form_item">
                    1、填报具体装备名称、规格型号、数量）等共XX台套
                  </div>
                  <div class="form_item" style="margin-top: 20px">
                    2、落后生产工艺装备特指《产业结构调整指导目录》中明列的“淘汰类”“落后生产工艺装备”；低端低效生产工艺装备主要指经过较长时间运行，在能耗、环保、安全、技术指标等方面已弱化、企业拟主动提前退出的设备，它不属强制淘汰范畴。
                  </div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadOne"
                    :file-list="fileListOne"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadOne(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
              <el-col :span="24" v-if="templateId == 12" class="upload_col">
                <el-form-item
                  label="其他相关情况说明"
                  label-width="340px"
                  prop="fileListTwo"
                >
                  <el-upload
                    class="upload-demo"
                    :show-file-list="false"
                    action=""
                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
                    :http-request="handleFileUploadTwo"
                    :file-list="fileListTwo"
                    :on-remove="handleRemove"
                  >
                    <el-button slot="trigger" size="small" type="primary"
                      >上传文件</el-button
                    >
                    <div slot="tip" class="el-upload__tip">
                      请上传格式为<span style="color: red"
                        >doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span
                      >的文件
                    </div>
                  </el-upload>
                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <img
                        src="../../../assets/images/uploadBgc.jpg"
                        class="li_img"
                        alt=""
                      />
                      <span class="icon_name">{{ item.name | dealURL }}</span>
                      <el-button
                        type="text"
                        style="color: red"
                        @click="deleteUploadTwo(item)"
                        >删除</el-button
                      >
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
            </el-row>
            <div v-if="pageType == 'detail'">
              <!-- 项目落户奖补模版 1-->
              <div v-if="templateId == 1" class="detail_main">
                <div class="left">
                  <div class="upload_title">招商协议</div>
                  <div class="title_explain">如不宜公开则上传封面及盖章页</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 1" class="detail_main">
                <div class="left">
                  <div class="upload_title">验资报告</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 1" class="detail_main">
                <div class="left">
                  <div class="upload_title">营业执照</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 1" class="detail_main">
                <div class="left">
                  <div class="upload_title">其他证明材料</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 平台建设模版2、4、5、、6、8 -->
              <div
                v-if="
                  templateId == 2 ||
                  templateId == 4 ||
                  templateId == 5 ||
                  templateId == 6 ||
                  templateId == 8
                "
                class="detail_main"
              >
                <div class="left">
                  <div v-if="templateId == 2" class="upload_title">
                    企业近3年发展情况及未来发展计划
                  </div>
                  <div v-if="templateId == 4" class="upload_title">
                    合作协议
                  </div>
                  <div
                    v-if="templateId == 5 || templateId == 6 || templateId == 8"
                    class="upload_title"
                  >
                    证明材料
                  </div>
                  <!-- 平台建设奖补模版 -->
                  <div v-if="templateId == 4" class="title_explain">
                    如不宜公开则上传封面及盖章页
                  </div>
                  <!-- 品牌打造奖补模版 -->
                  <div v-if="templateId == 5" class="title_explain">
                    上级发文、新闻报道、现场照片、发票
                  </div>
                  <!-- 场景开放模版 -->
                  <div v-if="templateId == 6" class="title_explain">
                    公示、发文证明、专家评分表
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadList"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 载体建设奖补模版3 -->
              <div v-if="templateId == 3" class="detail_main">
                <div class="left">
                  <div class="upload_title">相关佐证材料</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 3" class="detail_main">
                <div class="left">
                  <div class="upload_title">项目工商登记许可</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 3" class="detail_main">
                <div class="left">
                  <div class="upload_title">消防验收报告</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 信用管理奖补模版7 -->
              <div v-if="templateId == 7" class="detail_main">
                <div class="left">
                  <div class="upload_title">项目方案</div>
                  <div class="title_explain">
                    包括项目基本情况、项目投资情况以及实施进展、项目目标及取得的主要成效
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 7" class="detail_main">
                <div class="left">
                  <div class="upload_title">资金使用说明</div>
                  <div class="title_explain">
                    项目未完成的需提供，内容主要包括项目计划投资额，投资明细，目前已完成投资情况和后续投入计划等
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 7" class="detail_main">
                <div class="left">
                  <div class="upload_title">项目已完成的需提供</div>
                  <div class="title_explain">项目已完成的需提供</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 制造服务业有效投入奖补模版9 -->
              <div v-if="templateId == 9" class="detail_main">
                <div class="left">
                  <div class="upload_title">
                    企业投资项目备案通知书或核准批复文件
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 9" class="detail_main">
                <div class="left">
                  <div class="upload_title">购置设备发票清单及发票扫描件</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 9" class="detail_main">
                <div class="left">
                  <div class="upload_title">
                    会计师事务所出具的企业申报项目购置设备情况的专项审计报告
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 9" class="detail_main">
                <div class="left">
                  <div class="upload_title">
                    会计师事务所出具的企业财务报表审计报告
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 物流发展奖补模版10 -->
              <div v-if="templateId == 10" class="detail_main">
                <div class="left">
                  <div class="upload_title">荣誉证明文件</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 10" class="detail_main">
                <div class="left">
                  <div class="upload_title">平台名称</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 10" class="detail_main">
                <div class="left">
                  <div class="upload_title">
                    企业投资项目备案通知书或核准批复文件
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 10" class="detail_main">
                <div class="left">
                  <div class="upload_title">
                    会计师事务所出具的企业财务报表审计报告
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 物流发展奖补模版11 -->
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">证明文件</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">营业执照</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">完税证明</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListThree"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">审计报告</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListFour"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">股权架构图</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListFive"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">项目申报报告</div>
                  <div class="title_explain">含企业基本情况和项目基本情况</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListSix"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">独立核算相关证明</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListSeven"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">验资报告</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListEight"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 11" class="detail_main">
                <div class="left">
                  <div class="upload_title">其他证明材料</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListNine"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
              <div v-if="templateId == 12" class="detail_main">
                <div class="left">
                  <div class="upload_title">
                    {{
                      form.template_type == "1"
                        ? "淘汰落后生产工艺装备"
                        : "退出低端低效产能装备"
                    }}
                  </div>
                  <div class="title_explain">
                    1、填报具体装备名称、规格型号、数量）等共XX台套
                  </div>
                  <div class="title_explain">
                    2、落后生产工艺装备特指《产业结构调整指导目录》中明列的“淘汰类”“落后生产工艺装备”；低端低效生产工艺装备主要指经过较长时间运行，在能耗、环保、安全、技术指标等方面已弱化、企业拟主动提前退出的设备，它不属强制淘汰范畴。
                  </div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListOne"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div v-if="templateId == 12" class="detail_main">
                <div class="left">
                  <div class="upload_title">其他相关情况说明</div>
                </div>
                <div class="right">
                  <ul class="upload_ul">
                    <li
                      v-for="item in uploadListTwo"
                      :key="item.url"
                      class="upload_li"
                    >
                      <a :href="VUE_APP_BASE_API + item.url" target="_blank">
                        <img
                          src="../../../assets/images/uploadBgc.jpg"
                          class="li_img"
                          alt=""
                        />
                        <span class="icon_name">{{ item.name | dealURL }}</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </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,
} from "@/api/onlineDeclartion/declareAddContent";
import { dealFormatDate } from "@/utils/index.js";
import html2canvas from "html2canvas";
import JsPDF from "jspdf";
// '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",
    "jjh_project_type",
    "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,
      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 } = this.$route.query;
    this.templateId = templateId;
    // this.templateRecordId = templateRecordId
    this.detailId = detailId;
    this.pageType = pageType;
    // 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) => {
        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) {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          let params = {
            // address: this.baseInfo.address,
            // contacts: this.baseInfo.contacts,
            // contactsNumber: this.baseInfo.contactsNumber,
            tyshxydm: this.baseInfo.tyshxydm,
            // enterpriseName: this.baseInfo.enterpriseName,
            // declarationTemplateType: this.openInterfaceInfo.declarationTemplateType,
            // projectName: this.openInterfaceInfo.projectName,
            // year: this.openInterfaceInfo.year,
            projectId: this.templateId,
            templateRecordId: this.templateRecordId,
            declarationRecordsId: this.detailId,
            id: this.form.id,
            status: type == "ts" ? 0 : 1,
            agreement: "", //招商协议1
            businessLicense: "", //营业执照1,3,11
            otherMaterials: "", //其它证明材料1
            report: "", //验资报告1
            supportingMaterials: "", //相关佐证材料3
            fireReport: "", //消防验收报告3
            projectPlan: "", //项目方案7
            usesFunds: "", //资金使用说明7
            auditReport: "", //项目专项审计报告7,9,10,11
            filingNotice: "", //企业投资项目备案通知书或核准批复文件9,10
            invoice: "", //购置设备发票清单及发票扫描件9
            financialStatements: "", //会计师事务所出具的企业财务报表审计报告9
            material: "", //证明材料6,8,11
            honorCertificate: "", //荣誉证明文件10
            platformName: "", //平台名称10
            evidence: "", //证明文件11
            taxPaymentCertificate: "", //完税证明11
            equityStructureChart: "", //股权架构图11
            declarationReport: "", //项目申报报告11
            independentAccounting: "", //独立核算相关证明11
            capitalVerificationReport: "", //验资报告11
            otherEvidence: "", //其他证明材料11
          };
          if (this.templateId == "1") {
            params.establishTime = this.form.establishTime;
            params.employeeNum = this.form.employeeNum;
            params.fillingTime = dealFormatDate(new Date());
            params.agreement = ""; //招商协议
            params.businessLicense = ""; //营业执照
            params.otherMaterials = ""; //其它证明材料
            params.report = ""; //验资报告
            this.uploadListOne.forEach((item, index) => {
              if (this.uploadListOne.length - 1 == index) {
                params.agreement += `${item.url}`;
              } else {
                params.agreement += `${item.url},`;
              }
            });
            this.uploadListTwo.forEach((item, index) => {
              if (this.uploadListTwo.length - 1 == index) {
                params.report += `${item.url}`;
              } else {
                params.report += `${item.url},`;
              }
            });
            this.uploadListThree.forEach((item, index) => {
              if (this.uploadListThree.length - 1 == index) {
                params.businessLicense += `${item.url}`;
              } else {
                params.businessLicense += `${item.url},`;
              }
            });
            this.uploadListFour.forEach((item, index) => {
              if (this.uploadListFour.length - 1 == index) {
                params.otherMaterials += `${item.url}`;
              } else {
                params.otherMaterials += `${item.url},`;
              }
            });
            this.form.fundingDetailList.forEach((item, index) => {
              if (index == 0) {
                item.amount = this.form.revenueNowYear1;
              } else if (index == 1) {
                item.amount = this.form.taxationNowYear1;
              } else if (index == 2) {
                item.amount = this.form.revenueNowYear;
              } else if (index == 3) {
                item.amount = this.form.taxationNowYear;
              }
            });
            // params.fundingDetailList = this.form.fundingDetailList.forEach((item, index) => {
            //   switch (index){
            //     case 0:
            //       item.amount = this.form.revenueNowYear1
            //       break;
            //     case 1:
            //       item.amount = this.form.taxationNowYear1
            //       break;
            //     case 2:
            //       item.amount = this.form.revenueNowYear
            //       break;
            //     case 3:
            //       item.amount = this.form.taxationNowYear
            //       break;
            //   }
            // })
            params.fundingDetailList = this.form.fundingDetailList;
            // console.log('11', params);
            putProjectSettlementAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "2") {
            params.rewardDescription = this.form.rewardDescription;
            params.isGainRewards = this.form.isGainRewards;
            params.establishTime = this.form.establishTime;
            // params.fillingTime = dealFormatDate(new Date())
            params.developmentPlan = "";
            this.uploadList.forEach((item, index) => {
              if (this.uploadList.length - 1 == index) {
                params.developmentPlan += `${item.url}`;
              } else {
                params.developmentPlan += `${item.url},`;
              }
            });
            this.form.fundingDetailList.forEach((item, index) => {
              if (index == 0) {
                item.amount = this.form.revenueNowYear3;
              } else if (index == 1) {
                item.amount = this.form.taxationNowYear3;
              } else if (index == 2) {
                item.amount = this.form.revenueNowYear2;
              } else if (index == 3) {
                item.amount = this.form.taxationNowYear2;
              } else if (index == 4) {
                item.amount = this.form.revenueNowYear1;
              } else if (index == 5) {
                item.amount = this.form.taxationNowYear1;
              } else if (index == 6) {
                item.amount = this.form.revenueNowYear;
              } else if (index == 7) {
                item.amount = this.form.taxationNowYear;
              }
            });
            params.fundingDetailList = this.form.fundingDetailList;
            // console.log('11', params);
            putBigStrongAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "3") {
            params.quantityProportion = this.form.quantityProportion;
            params.revenueProportion = this.form.revenueProportion;
            params.personnelProportion = this.form.personnelProportion;
            params.fillingTime = dealFormatDate(new Date());
            this.uploadListOne.forEach((item, index) => {
              if (this.uploadListOne.length - 1 == index) {
                params.supportingMaterials += `${item.url}`;
              } else {
                params.supportingMaterials += `${item.url},`;
              }
            });
            this.uploadListTwo.forEach((item, index) => {
              if (this.uploadListTwo.length - 1 == index) {
                params.businessLicense += `${item.url}`;
              } else {
                params.businessLicense += `${item.url},`;
              }
            });
            this.uploadListThree.forEach((item, index) => {
              if (this.uploadListThree.length - 1 == index) {
                params.fireReport += `${item.url}`;
              } else {
                params.fireReport += `${item.url},`;
              }
            });
            // console.log('11', params);
            putCarrierConstructionAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "4") {
            params.platformName = this.form.platformName;
            params.fillingTime = dealFormatDate(new Date());
            params.agreement = "";
            this.uploadList.forEach((item, index) => {
              if (this.uploadList.length - 1 == index) {
                params.agreement += `${item.url}`;
              } else {
                params.agreement += `${item.url},`;
              }
            });
            // console.log('11', params);
            putPlatformConstructionAward(params).then((response) => {
              this.$message.success("修改成功");
              this.$router.go(-1);
            });
          }
          if (this.templateId == "5") {
            params.honorsReceived = this.form.honorsReceived;
            params.level = this.form.level;
            params.fillingTime = dealFormatDate(new Date());
            params.evidence = "";
            this.uploadList.forEach((item, index) => {
              if (this.uploadList.length - 1 == index) {
                params.evidence += `${item.url}`;
              } else {
                params.evidence += `${item.url},`;
              }
            });
            // console.log('11', params);
            putBrandingAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "6") {
            params.type = this.form.type;
            params.fillingTime = dealFormatDate(new Date());
            this.uploadList.forEach((item, index) => {
              if (this.uploadList.length - 1 == index) {
                params.material += `${item.url}`;
              } else {
                params.material += `${item.url},`;
              }
            });
            // console.log('11', params);
            putSceneOpeningAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "7") {
            params.fillingTime = dealFormatDate(new Date());
            this.uploadListOne.forEach((item, index) => {
              if (this.uploadListOne.length - 1 == index) {
                params.projectPlan += `${item.url}`;
              } else {
                params.projectPlan += `${item.url},`;
              }
            });
            this.uploadListTwo.forEach((item, index) => {
              if (this.uploadListTwo.length - 1 == index) {
                params.usesFunds += `${item.url}`;
              } else {
                params.usesFunds += `${item.url},`;
              }
            });
            this.uploadListThree.forEach((item, index) => {
              if (this.uploadListThree.length - 1 == index) {
                params.auditReport += `${item.url}`;
              } else {
                params.auditReport += `${item.url},`;
              }
            });
            // console.log('11', params);
            putCreditManagement(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "8") {
            params.honoraryName = this.form.honoraryName;
            params.fillingTime = dealFormatDate(new Date());
            this.uploadList.forEach((item, index) => {
              if (this.uploadList.length - 1 == index) {
                params.material += `${item.url}`;
              } else {
                params.material += `${item.url},`;
              }
            });
            // console.log('11', params);
            putIndustrialInternetAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "9") {
            params.fillingTime = dealFormatDate(new Date());
            this.uploadListOne.forEach((item, index) => {
              if (this.uploadListOne.length - 1 == index) {
                params.filingNotice += `${item.url}`;
              } else {
                params.filingNotice += `${item.url},`;
              }
            });
            this.uploadListTwo.forEach((item, index) => {
              if (this.uploadListTwo.length - 1 == index) {
                params.invoice += `${item.url}`;
              } else {
                params.invoice += `${item.url},`;
              }
            });
            this.uploadListThree.forEach((item, index) => {
              if (this.uploadListThree.length - 1 == index) {
                params.auditReport += `${item.url}`;
              } else {
                params.auditReport += `${item.url},`;
              }
            });
            this.uploadListFour.forEach((item, index) => {
              if (this.uploadListFour.length - 1 == index) {
                params.financialStatements += `${item.url}`;
              } else {
                params.financialStatements += `${item.url},`;
              }
            });
            // console.log('11', params);
            putManufacturingServicesAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "10") {
            // params.fillingTime = dealFormatDate(new Date())
            this.uploadListOne.forEach((item, index) => {
              if (this.uploadListOne.length - 1 == index) {
                params.honorCertificate += `${item.url}`;
              } else {
                params.honorCertificate += `${item.url},`;
              }
            });
            this.uploadListTwo.forEach((item, index) => {
              if (this.uploadListTwo.length - 1 == index) {
                params.platformName += `${item.url}`;
              } else {
                params.platformName += `${item.url},`;
              }
            });
            this.uploadListThree.forEach((item, index) => {
              if (this.uploadListThree.length - 1 == index) {
                params.filingNotice += `${item.url}`;
              } else {
                params.filingNotice += `${item.url},`;
              }
            });
            this.uploadListFour.forEach((item, index) => {
              if (this.uploadListFour.length - 1 == index) {
                params.auditReport += `${item.url}`;
              } else {
                params.auditReport += `${item.url},`;
              }
            });
            // console.log('11', params);
            putLogisticsDevelopmentAward(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "11") {
            params.declarationType = this.form.declarationType;
            params.fillingTime = dealFormatDate(new Date());
            this.uploadListOne.forEach((item, index) => {
              if (this.uploadListOne.length - 1 == index) {
                params.evidence += `${item.url}`;
              } else {
                params.evidence += `${item.url},`;
              }
            });
            this.uploadListTwo.forEach((item, index) => {
              if (this.uploadListTwo.length - 1 == index) {
                params.businessLicense += `${item.url}`;
              } else {
                params.businessLicense += `${item.url},`;
              }
            });
            this.uploadListThree.forEach((item, index) => {
              if (this.uploadListThree.length - 1 == index) {
                params.taxPaymentCertificate += `${item.url}`;
              } else {
                params.taxPaymentCertificate += `${item.url},`;
              }
            });
            this.uploadListFour.forEach((item, index) => {
              if (this.uploadListFour.length - 1 == index) {
                params.auditReport += `${item.url}`;
              } else {
                params.auditReport += `${item.url},`;
              }
            });
            this.uploadListFive.forEach((item, index) => {
              if (this.uploadListFive.length - 1 == index) {
                params.equityStructureChart += `${item.url}`;
              } else {
                params.equityStructureChart += `${item.url},`;
              }
            });
            this.uploadListSix.forEach((item, index) => {
              if (this.uploadListSix.length - 1 == index) {
                params.declarationReport += `${item.url}`;
              } else {
                params.declarationReport += `${item.url},`;
              }
            });
            this.uploadListSeven.forEach((item, index) => {
              if (this.uploadListSeven.length - 1 == index) {
                params.independentAccounting += `${item.url}`;
              } else {
                params.independentAccounting += `${item.url},`;
              }
            });
            this.uploadListEight.forEach((item, index) => {
              if (this.uploadListEight.length - 1 == index) {
                params.capitalVerificationReport += `${item.url}`;
              } else {
                params.capitalVerificationReport += `${item.url},`;
              }
            });
            this.uploadListNine.forEach((item, index) => {
              if (this.uploadListNine.length - 1 == index) {
                params.otherEvidence += `${item.url}`;
              } else {
                params.otherEvidence += `${item.url},`;
              }
            });
            // console.log('11', params);
            putIntegrationIndustries(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
          if (this.templateId == "12") {
            params.mainProducts = this.form.mainProducts;
            params.industry = Number(this.form.industry);
            params.workContact = this.form.workContact;
            params.iphone = this.form.iphone;
            params.type = Number(this.form.template_type);
            params.fillingTime = dealFormatDate(new Date());
            params.specifics = ""; //拟淘汰或退出生产工艺装备情况（和类别对应）
            params.otherSpecifics = ""; //其他相关情况说明
            this.uploadListOne.forEach((item, index) => {
              if (this.uploadListOne.length - 1 == index) {
                params.specifics += `${item.url}`;
              } else {
                params.specifics += `${item.url},`;
              }
            });
            this.uploadListTwo.forEach((item, index) => {
              if (this.uploadListTwo.length - 1 == index) {
                params.otherSpecifics += `${item.url}`;
              } else {
                params.otherSpecifics += `${item.url},`;
              }
            });
            putOutQuitProducts(params)
              .then((response) => {
                this.$message.success("修改成功");
                this.$router.go(-1);
              })
              .catch((response) => {});
          }
        }
      });
    },
    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)
    }
  },
};
</script>

<style lang="scss" scoped>
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;
  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>
