<template>
  <div class="addContent">
    <div class="detail_content">
      <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 class="f_validate">*</span>申报单位成立时间
              </template>
              <el-form-item label-width="0" prop="establishTime">
                <el-date-picker
                  v-model="form.establishTime"
                  type="date"
                  placeholder="请选择申报单位成立时间"
                  value-format="yyyy-MM-dd"
                  >
                </el-date-picker>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                <span class="f_validate">*</span>截止目前员工人数
              </template>
              <el-form-item label-width="0" prop="employeeNum">
                <el-input placeholder="请输入截至目前人数" v-model="form.employeeNum" maxlength="10">
                  <template slot="append">人</template>
                </el-input>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                <span class="f_validate">*</span>2023年营收
              </template>
              <el-form-item label-width="0" prop="revenueNowYear1">
                <el-input placeholder="请输入金额" v-model="form.revenueNowYear1" maxlength="10">
                  <template slot="append">元</template>
                </el-input>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                <span class="f_validate">*</span>2023年税收
              </template>
              <el-form-item label-width="0" prop="taxationNowYear1">
                <el-input placeholder="请输入金额" v-model="form.taxationNowYear1" maxlength="10">
                  <template slot="append">元</template>
                </el-input>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                <span class="f_validate">*</span>2024年预计营收
              </template>
              <el-form-item label-width="0" prop="revenueNowYear">
                <el-input placeholder="请输入金额" v-model="form.revenueNowYear" maxlength="10">
                  <template slot="append">元</template>
                </el-input>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item>
              <template slot="label">
                <span class="f_validate">*</span>2024年预计税收
              </template>
              <el-form-item label-width="0" prop="taxationNowYear">
                <el-input placeholder="请输入金额" v-model="form.taxationNowYear" maxlength="10">
                  <template slot="append">元</template>
                </el-input>
              </el-form-item>
            </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>
              <el-descriptions-item>
                <template slot="label">
                  项目名称
                </template>
                {{ openInterfaceInfo.projectName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>申报单位成立时间
                </template>
                <el-form-item label-width="0" prop="establishTime">
                  <el-date-picker
                    v-model="form.establishTime"
                    type="date"
                    placeholder="请选择申报单位成立时间"
                    value-format="yyyy-MM-dd"
                    >
                  </el-date-picker>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>是否获得园区其他经营奖励
                </template>
                <el-form-item label-width="0" prop="isGainRewards">
                  <el-radio-group v-model="form.isGainRewards">
                    <el-radio :label="0">否</el-radio>
                    <el-radio :label="1">是</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2021年营收
                </template>
                <el-form-item label-width="0" prop="revenueNowYear3">
                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear3">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2021年税收
                </template>
                <el-form-item label-width="0" prop="taxationNowYear3">
                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear3">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2022年营收
                </template>
                <el-form-item label-width="0" prop="revenueNowYear2">
                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear2">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2022年税收
                </template>
                <el-form-item label-width="0" prop="taxationNowYear2">
                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear2">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2023年营收
                </template>
                <el-form-item label-width="0" prop="revenueNowYear1">
                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear1">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2023年税收
                </template>
                <el-form-item label-width="0" prop="taxationNowYear1">
                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear1">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2024年预计营收
                </template>
                <el-form-item label-width="0" prop="revenueNowYear">
                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>2024年预计税收
                </template>
                <el-form-item label-width="0" prop="taxationNowYear">
                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear">
                    <template slot="append">元</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>园区其他经营奖励
                </template>
                <el-form-item label-width="0" prop="rewardDescription">
                  <el-input placeholder="请输入其他经营奖励" v-model="form.rewardDescription">
                  </el-input>
                </el-form-item>
              </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>
              <el-descriptions-item>
                <template slot="label">
                  项目名称
                </template>
                {{ openInterfaceInfo.projectName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>文体企业数量占比
                </template>
                <el-form-item prop="quantityProportion" label-width="0">
                  <el-input
                      type="text"
                      placeholder="请输入文体企业数量占比"
                      v-model="form.quantityProportion"
                      maxlength="5"
                      show-word-limit
                    >
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>文体企业营收占比
                </template>
                <el-form-item prop="revenueProportion" label-width="0">
                  <el-input
                      type="text"
                      placeholder="请输入文体企业营收占比"
                      v-model="form.revenueProportion"
                      maxlength="5"
                      show-word-limit
                    >
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>文体企业从业人员占比
                </template>
                <el-form-item prop="personnelProportion" label-width="0">
                  <el-input
                      type="text"
                      placeholder="请输入文体企业从业人员占比"
                      v-model="form.personnelProportion"
                      maxlength="5"
                      show-word-limit
                    >
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </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>
              <el-descriptions-item>
                <template slot="label">
                  项目名称
                </template>
                {{ openInterfaceInfo.projectName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>平台(项目)名称
                </template>
                <el-form-item label-width="0" prop="platfromName">
                  <el-input
                    type="text"
                    placeholder="请输入平台(项目)"
                    v-model="form.platfromName"
                    maxlength="50"
                    show-word-limit
                  >
                </el-input>
                </el-form-item>
              </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>
              <el-descriptions-item>
                <template slot="label">
                  项目名称
                </template>
                {{ openInterfaceInfo.projectName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>所获荣誉/所举办活动
                </template>
                <el-form-item prop="honorsReceived" label-width="0">
                  <el-input
                    type="text"
                    placeholder="请输入所获荣誉/所举办活动"
                    v-model="form.honorsReceived"
                    show-word-limit
                  >
                </el-input>
                </el-form-item>
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>所获等级
                </template>
                <el-form-item label-width="0" prop="level">
                  <el-select 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>
              </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>
              <el-descriptions-item>
                <template slot="label">
                  项目名称
                </template>
                {{ openInterfaceInfo.projectName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>所属类型
                </template>
                <el-form-item label-width="0" prop="type">
                  <el-select 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>
              </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 class="f_validate">*</span>荣誉名称
                </template>
                <el-form-item label-width="0" prop="honoraryName">
                  <el-input placeholder="请输入荣誉名称" v-model="form.honoraryName"></el-input>
                </el-form-item>
              </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>
              <el-descriptions-item>
                <template slot="label">
                  项目名称
                </template>
                {{ openInterfaceInfo.projectName }}
              </el-descriptions-item>
              <el-descriptions-item>
                <template slot="label">
                  <span class="f_validate">*</span>申报类型
                </template>
                <el-form-item label-width="0" prop="declarationType">
                  <el-select 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>
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <!-- 上传文件列表 -->
          <div class="table-content last_upload">
            <p>【上传材料】</p>
            <el-row>
              <el-col :span="24" v-if="(templateId == 2 )|| (templateId == 4 ) || (templateId == 5 ) || (templateId == 6 ) || (templateId == 8 ) ">
                <!-- <el-form-item label="企业近3年发展情况及未来发展计划" label-width="340px" v-if="templateId == 2">
                  <el-upload
                    cclass="upload-demo"
                    :show-file-list="true"
                    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>
                </el-form-item>
                <el-form-item label="证明材料" label-width="340px" v-if="templateId == 6" prop="fileList">
                  <div class="form_item">公示、发文证明、专家评分表</div>
                  <el-upload
                    class="upload-demo"
                    :show-file-list="true"
                    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>
                </el-form-item> -->
                <!-- 平台建设模版 -->
                <el-form-item :label="uploadLabel" label-width="340px"  prop="fileList">
                  <!-- 平台建设奖补模版 -->
                  <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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</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 }}</span>
                      <el-button type="text" style="color: red;" @click="deleteUploadNine(item)">删除</el-button>
                    </li>
                  </ul>
                </el-form-item>
              </el-col>
            </el-row>
          </div>
        </el-form>
        <div class="operate_btn">
          <el-button @click="goBack">返回</el-button>
          <el-button @click="submitForm" >暂存</el-button>
          <el-button type="success" @click="submitForm" class="btn">提交</el-button>
        </div>
      </div>
      <div class="right_content">
        <div class="left_main">
          <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>
          <el-tabs type="border-card">
            <el-tab-pane label="审批流程">
              <div class="empty">
                <div class="top">
                  同步获取表单流程
                </div>
                <p class="bottom">
                  暂无审批流程
                </p>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
    <!-- <div class="operate_btn">
      <el-button @click="goBack">返回</el-button>
      <el-button @click="submitForm" >暂存</el-button>
      <el-button type="success" @click="submitForm" class="btn">提交</el-button>
    </div> -->
  </div>
</template>

<script>
import { getTemplateInfo, getBasicInfo, getOpenInterface, templateList, uploadFile,
  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"

export default {
  name: "declareAddContent",
  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: {},
      templateDataList: [],
      form: {},
      active: 4,
      templateId: null,
      templateRecordId: 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" }
        ],
        taxationNowYear: [
          { 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: [],
    };
  },
  async mounted(){
    let { templateId, templateRecordId, pageType} = this.$route.query;
    this.templateId = templateId
    this.templateRecordId = templateRecordId
    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) => {
      this.baseInfo = response.data
    })
    getOpenInterface({templateRecordId: templateRecordId}).then((response) => {
      this.openInterfaceInfo = response.data
    })
    templateList({
      responsibilityUnit: this.templateInfo.responsibilityUnit,
      enterpriseId: this.$store.state.user.enterpriseId,
      pageNum: 1,
      pageSize: 10,
    }).then((response) => {
      this.templateDataList = response.rows
    })

  },
  methods: {
    goBack() {
      this.$router.go(-1)
    },
    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,
            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},`
              }
            })
            let detailList = []
            detailList.push({amount: this.form.revenueNowYear1,detailId: '',illustrade: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear1',year: this.openInterfaceInfo.year})
            detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrade: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: this.openInterfaceInfo.year})
            detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrade: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: this.openInterfaceInfo.year+1})
            detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrade: '预计税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: this.openInterfaceInfo.year+1})
            params.fundingDetailList = detailList
            console.log('11', params);
            addProjectSettlementAward(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},`
              }
            })
            let detailList = []
            detailList.push({amount: this.form.revenueNowYear3,detailId: '',illustrade: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear3',year: this.openInterfaceInfo.year})
            detailList.push({amount: this.form.taxationNowYear3,detailId: '',illustrade: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear3',year: this.openInterfaceInfo.year})
            detailList.push({amount: this.form.revenueNowYear2,detailId: '',illustrade: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear2',year: this.openInterfaceInfo.year+1})
            detailList.push({amount: this.form.taxationNowYear2,detailId: '',illustrade: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear2',year: this.openInterfaceInfo.year+1})
            detailList.push({amount: this.form.revenueNowYear1,detailId: '',illustrade: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear1',year: this.openInterfaceInfo.year+2})
            detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrade: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: this.openInterfaceInfo.year+2})
            detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrade: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: this.openInterfaceInfo.year+3})
            detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrade: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: this.openInterfaceInfo.year+3})
            params.fundingDetailList = detailList
            console.log('11', params);
            addBigStrongAward(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);
            addCarrierConstructionAward(params).then((response) => {
              this.$message.success("上传成功");
              this.$router.go(-1)
            }).catch((response) => {

            })
          }
          if(this.templateId == "4") {
            params.platfromName = this.form.platfromName
            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);
            addPlatformConstructionAward(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);
            addBrandingAward(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);
            addSceneOpeningAward(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);
            addCreditManagement(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);
            addIndustrialInternetAward(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);
            addManufacturingServicesAward(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);
            addLogisticsDevelopmentAward(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);
            addIntegrationIndustries(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 = []
        // console.log(response,"response");
        // console.log(file,"file");
        this.fileList.push(file)
        let data = {};
        data.name = response.originalFilename;
        data.url = response.url;
        this.uploadList.push(data)
        this.form.fileList = this.fileList
        console.log('this.fileList: ', this.fileList);
      })
    },
    deleteUpload(value) {
      this.uploadList =  this.uploadList.filter(item => {
        return item.url != value.url
      })
    },
    /* 上传一 */
    handleFileUploadOne(params) {
      console.log('params: ', params);
      this.form.fileName = params.file.name
      const file = params.file
      let form = new FormData()
      form.append('file', file)
      uploadFile(form).then(response => {
        // this.fileList = []
        this.fileListOne.push(file)
        let data = {};
        data.name = response.originalFilename;
        data.url = response.url;
        this.uploadList.push(data)
        // this.form.fileListOne = this.fileListOne
        this.$set(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
        this.$set(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
        this.$set(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
        this.$set(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
        this.$set(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
        this.$set(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
        this.$set(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
        this.$set(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
        this.$set(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 = []
      }
    },
  },
}
</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;
}
.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: 100% !important;
  height: calc(100vh - 100px);
  // padding: 10px 10px 0 10px;
  background-color: #f6f7f9;
  .detail_content {
    display: flex;
    justify-content: space-between;
    height: calc(100vh - 140px);
    .left_content {
      height: calc(100vh - 140px);
      width: 69.5%;
      overflow: auto;
      background-color: #fff;
      padding: 20px;
    }
    .right_content {
      height: calc(100vh - 140px);
      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;
          }
        }
      }
    }
  }
  .operate_btn {
    text-align: center;
    background-color: #fff;
    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__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;
}
.el-tabs--border-card  {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.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;
// }
.form_item {
  position: absolute;
  width: 300px;
  top: 40px;
  left: -340px;
  color: red;
  font-size: 12px;
  line-height: 24px;
}
</style>
