jin_ji_hu/src/views/onlineDeclaration/declareDetailContent/index.vue

<template>
  <div class="addContent">
    <div class="detail_content" ref="pdf">
      <div class="left_content">
        <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left" class="form">
          <el-row>
            <el-col :span="12" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">申报类别</div>
                <div>{{ templateInfo.templateName }}</div>
              </div>
            </el-col>
            <el-col :span="12" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">责任单位</div>
                   <dict-tag :options="dict.type.bms_responsibility_unit" :value="templateInfo.responsibilityUnit"/>
              </div>
            </el-col>
            <el-col :span="12" style="height: 50px">
              <div class="templateInfo">
                <div class="templateInfo_left">申报时间</div>
                <div>{{ parseTime(new Date(), '{y}-{m}-{d}') }}</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.enterpriseName }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                统一社会信用代码
              </template>
              {{ baseInfo.creditCode }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                联络人
              </template>
              {{ baseInfo.contacts }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                联络电话
              </template>
              {{ baseInfo.contactsNumber }}
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                企业地址
              </template>
              {{ baseInfo.address }}
            </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>
                {{ openInterfaceInfo.projectName }}
              </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>
              {{ openInterfaceInfo.projectName }}
            </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>
                {{ openInterfaceInfo.projectName }}
              </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>
                {{ openInterfaceInfo.projectName }}
              </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="platfromName">
                  <el-input
                    v-if="pageType == 'edit'"
                    type="text"
                    placeholder="请输入平台(项目)"
                    v-model="form.platfromName"
                    maxlength="50"
                    show-word-limit
                    >
                  </el-input>
                </el-form-item>
                <span v-if="pageType == 'detail'">{{ form.platfromName }}</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>
                {{ openInterfaceInfo.projectName }}
              </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>
                {{ openInterfaceInfo.projectName }}
              </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>
                {{ openInterfaceInfo.projectName }}
              </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>
                {{ openInterfaceInfo.projectName }}
              </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>
                {{ openInterfaceInfo.projectName }}
              </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>
          <!-- 上传文件列表 -->
          <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>
            </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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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-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>
                <div v-if="pageType == 'detail'">
                    <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>{{ item.approvalByName }}</div>
                        <div>审核意见{{ item.approvalOpinions }}</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">
                              <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>
                    </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">暂存</el-button>
      <el-button v-if="pageType == 'edit'" type="success" @click="submitForm">提交</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,
} from "@/api/onlineDeclartion/declareAddContent"
import { dealFormatDate } from "@/utils/index.js"
import html2canvas from 'html2canvas';
import JsPDF from 'jspdf';

export default {
  name: "declareDetailContent",
  dicts: ['sys_show_hide', 'sys_normal_disable', 'bms_product_area', 'bms_declaration_type',
  'bms_responsibility_unit', 'bms_level', 'bms_template_type', 'bms_declaration_channels', 'bms_affiliation_type', 'sys_declaration_type'],
  data() {
    return {
      size: '',
      templateInfo: {},
      baseInfo: {},
      openInterfaceInfo: {},
      form: {},
      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: {
        platfromName: [
          { 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" }
        ],
      },
      fileList: [],
      fileListOne: [],
      fileListTwo: [],
      fileListThree: [],
      fileListFour: [],
      fileListFive: [],
      fileListSix: [],
      fileListSeven: [],
      fileListEight: [],
      fileListNine: [],
      // 上传列表
      uploadList: [],
      uploadListOne: [],
      uploadListTwo: [],
      uploadListThree: [],
      uploadListFour: [],
      uploadListFive: [],
      uploadListSix: [],
      uploadListSeven: [],
      uploadListEight: [],
      uploadListNine: [],
      // 审核列表
      approvalInfoList: [],
    };
  },
  async mounted(){
    let { templateId, templateRecordId, pageType, detailId, enterpriseId} = 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;
    }
    console.log('this.templateInfo: ', this.templateInfo);
    // getBasicInfo({enterpriseId: this.$store.state.user.enterpriseId}).then((response) => {
    getBasicInfo({enterpriseId: this.enterpriseId}).then((response) => {
      this.baseInfo = response.data
    })
    getOpenInterface({templateRecordId: templateRecordId}).then((response) => {
      this.openInterfaceInfo = response.data
    })
    this.getDetailInfo(detailId)
  },
  filters: {
    dealURL : (value)=>{
      let arr = value.split("/")
      return arr[arr.length - 1]
    }
  },
  methods: {
    goBack() {
      this.$router.go(-1)
    },
    getDetailInfo(id) {
      getDeclarationRecords({id}).then((response) => {
        let approvalInfoList = response.data.approvalInfoList
        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
          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
          this.form.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 + ''
          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
          })
        }
      })
    },
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          let params = {
            address: this.baseInfo.address,
            contacts: this.baseInfo.contacts,
            contactsNumber: this.baseInfo.contactsNumber,
            creditCode: this.baseInfo.creditCode,
            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: 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},`
              }
            })
            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;
              }
            })
            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},`
              }
            })
            params.fundingDetailList = this.form.fundingDetailList.forEach((item, index) => {
              switch (index){
                case 0:
                  item.amount = this.form.revenueNowYear3
                  break;
                case 1:
                  item.amount = this.form.taxationNowYear3
                  break;
                case 2:
                  item.amount = this.form.revenueNowYear2
                  break;
                case 3:
                  item.amount = this.form.taxationNowYear2
                  break;
                case 4:
                  item.amount = this.form.revenueNowYear1
                  break;
                case 5:
                  item.amount = this.form.taxationNowYear1
                  break;
                case 6:
                  item.amount = this.form.revenueNowYear
                  break;
                case 7:
                  item.amount = this.form.taxationNowYear
                  break;
              }
            })
            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) => {

            })
          }
        }
      });
    },
    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)
        this.uploadList.push(response.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.url;
        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)
        this.uploadListTwo.push(response.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)
        this.uploadListThree.push(response.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)
        this.uploadListFour.push(response.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)
        this.uploadListFive.push(response.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)
        this.uploadListSix.push(response.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)
        this.uploadListSeven.push(response.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)
        this.uploadListEight.push(response.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)
        this.uploadListNine.push(response.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 = []
      }
    },
    /* 打印 */
    printOutpdf() {
      let name = ''
      name = `${this.openInterfaceInfo.projectName}_${this.baseInfo.enterpriseName}`
      html2canvas(this.$refs.pdf).then(function(canvas) {
        let contentWidth = canvas.width;
        let contentHeight = canvas.height;
        //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
        let imgWidth = 595.28;
        let imgHeight = 595.28/contentWidth * contentHeight;

        // 第一个参数： l：横向  p：纵向
        // 第二个参数：测量单位（"pt"，"mm", "cm", "m", "in" or "px"）
        let pdf = new JsPDF("p", "pt");

        pdf.addImage(
          canvas.toDataURL("image/jpeg", 1.0),
          "JPEG",
          0,
          0,
          imgWidth,
          imgHeight
        );
        pdf.save(name + ".pdf");
      })
    }
  },
}
</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;
}
.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;
  }
}
.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: 55%;
                  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;
                  }
                }
              }
              }
            }

            .approval_img {
              position: absolute;
              z-index: 2;
              top: 0;
              right: 20px;
              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>