suzhou-jichuang-lanhai
/
jin_ji_hu
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'c42005373e'
${ noResults }
jin_ji_hu/src/views/onlineDeclaration/declareDetailContent/index.vue

3282 lines
148 KiB
Raw Blame History Escape

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<div class="addContent">
<div class="detail_content" ref="pdf">
<div class="left_content">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left" class="form">
<el-row>
<el-col :span="12" style="height: 50px">
<div class="templateInfo">
<div class="templateInfo_left">申报类别</div>
<div>{{ templateInfo.templateName }}</div>
</div>
</el-col>
<el-col :span="12" style="height: 50px">
<div class="templateInfo">
<div class="templateInfo_left">责任单位</div>
<dict-tag :options="dict.type.bms_responsibility_unit" :value="templateInfo.responsibilityUnit"/>
</div>
</el-col>
<el-col :span="12" style="height: 50px">
<div class="templateInfo">
<div class="templateInfo_left">申报时间</div>
<div>{{ parseTime(new Date(), '{y}-{m}-{d}') }}</div>
</div>
</el-col>
</el-row>
<el-descriptions class="margin-top" title="【申报企业信息】" :column="3" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
申报企业名称
</template>
{{ baseInfo.enterpriseName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
统一社会信用代码
</template>
{{ baseInfo.creditCode }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
联络人
</template>
{{ baseInfo.contacts }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
联络电话
</template>
{{ baseInfo.contactsNumber }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
企业地址
</template>
{{ baseInfo.address }}
</el-descriptions-item>
</el-descriptions>
<!-- 项目落户奖补模版 -->
<div class="table-content" v-if="templateId == 1">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">申报单位成立时间</span>
<span v-if="pageType == 'detail'">申报单位成立时间</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="establishTime">
<el-date-picker
v-if="pageType == 'edit'"
v-model="form.establishTime"
type="date"
placeholder="请选择申报单位成立时间"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.establishTime }}</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">截止目前员工人数</span>
<span v-if="pageType == 'detail'">截止目前员工人数</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="employeeNum">
<el-input v-if="pageType == 'edit'" placeholder="请输入截至目前人数" v-model="form.employeeNum" maxlength="10">
<template slot="append">人</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.employeeNum }}人</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2023年营收</span>
<span v-if="pageType == 'detail'">2023年营收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="revenueNowYear1">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.revenueNowYear1" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.revenueNowYear1 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2023年税收</span>
<span v-if="pageType == 'detail'">2023年税收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="taxationNowYear1">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.taxationNowYear1" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.taxationNowYear1 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2024年预计营收</span>
<span v-if="pageType == 'detail'">2024年预计营收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="revenueNowYear">
<el-input v-if="pageType == 'edit'" v-model="form.revenueNowYear" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.revenueNowYear }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2024年预计税收</span>
<span v-if="pageType == 'detail'">2024年预计税收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="taxationNowYear">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.taxationNowYear" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.taxationNowYear }}元</span>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 做大做强奖补模版 -->
<div class="table-content" v-if="templateId == 2">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">申报单位成立时间</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">申报单位成立时间</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="establishTime">
<el-date-picker
v-if="pageType == 'edit'"
v-model="form.establishTime"
type="date"
placeholder="请选择申报单位成立时间"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.establishTime }}</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">是否获得园区其他经营奖励</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">是否获得园区其他经营奖励</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="isGainRewards">
<el-radio-group v-if="pageType == 'edit'" v-model="form.isGainRewards">
<el-radio :label="0">否</el-radio>
<el-radio :label="1">是</el-radio>
</el-radio-group>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.isGainRewards == 1? '是': '否' }}</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2021年营收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2021年营收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="revenueNowYear3">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.revenueNowYear3">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.revenueNowYear3 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2021年税收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2021年税收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="taxationNowYear3">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.taxationNowYear3">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.taxationNowYear3 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2022年营收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2022年营收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="revenueNowYear2">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.revenueNowYear2">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.revenueNowYear2 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2022年税收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2022年税收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="taxationNowYear2">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.taxationNowYear2">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.taxationNowYear2 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2023年营收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2023年营收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="revenueNowYear1">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.revenueNowYear1">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.revenueNowYear1 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2023年税收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2023年税收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="taxationNowYear1">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.taxationNowYear1">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.taxationNowYear1 }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2024年预计营收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2024年预计营收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="revenueNowYear">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.revenueNowYear">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.revenueNowYear }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">2024年预计税收</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">2024年预计税收</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="taxationNowYear">
<el-input v-if="pageType == 'edit'" placeholder="请输入金额" v-model="form.taxationNowYear">
<template slot="append">元</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.taxationNowYear }}元</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">园区其他经营奖励</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">园区其他经营奖励</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="rewardDescription">
<el-input v-if="pageType == 'edit'" placeholder="请输入其他经营奖励" v-model="form.rewardDescription">
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.rewardDescription }}元</span>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 载体建设奖补模版 -->
<div class="table-content" v-if="templateId == 3">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">文体企业数量占比</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">文体企业数量占比</span>
</template>
<el-form-item v-if="pageType == 'edit'" prop="quantityProportion" label-width="0">
<el-input
v-if="pageType == 'edit'"
type="text"
placeholder="请输入文体企业数量占比"
v-model="form.quantityProportion"
maxlength="5"
show-word-limit
>
<template slot="append">%</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.quantityProportion }}%</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">文体企业营收占比</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">文体企业营收占比</span>
</template>
<el-form-item v-if="pageType == 'edit'" prop="revenueProportion" label-width="0">
<el-input
v-if="pageType == 'edit'"
type="text"
placeholder="请输入文体企业营收占比"
v-model="form.revenueProportion"
maxlength="5"
show-word-limit
>
<template slot="append">%</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.revenueProportion }}%</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">文体企业从业人员占比</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">文体企业从业人员占比</span>
</template>
<el-form-item v-if="pageType == 'edit'" prop="personnelProportion" label-width="0">
<el-input
v-if="pageType == 'edit'"
type="text"
placeholder="请输入文体企业从业人员占比"
v-model="form.personnelProportion"
maxlength="5"
show-word-limit
>
<template slot="append">%</template>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.personnelProportion }}%</span>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 平台建设模版 -->
<div class="table-content" v-if="templateId == 4">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">平台(项目)名称</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">平台(项目)名称</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="platfromName">
<el-input
v-if="pageType == 'edit'"
type="text"
placeholder="请输入平台(项目)"
v-model="form.platfromName"
maxlength="50"
show-word-limit
>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.platfromName }}</span>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 品牌打造奖补模版 -->
<div class="table-content" v-if="templateId == 5">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">所获荣誉/所举办活动</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">所获荣誉/所举办活动</span>
</template>
<el-form-item v-if="pageType == 'edit'" prop="honorsReceived" label-width="0">
<el-input
v-if="pageType == 'edit'"
type="text"
placeholder="请输入所获荣誉/所举办活动"
v-model="form.honorsReceived"
show-word-limit
>
</el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.honorsReceived }}</span>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">所获等级</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">所获等级</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="level">
<el-select v-if="pageType == 'edit'" v-model="form.level" placeholder="请选择所属等级" clearable style="width: 100%;">
<el-option
v-for="dict in dict.type.bms_level"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<dict-tag v-if="pageType == 'detail'" :options="dict.type.bms_level" :value="form.level"/>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 场景开放模版 -->
<div class="table-content" v-if="templateId == 6">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">所属类型</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">所属类型</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="type">
<el-select v-if="pageType == 'edit'" v-model="form.type" placeholder="请选择责任单位" clearable style="width: 100%;">
<el-option
v-for="dict in dict.type.bms_affiliation_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<dict-tag v-if="pageType == 'detail'" :options="dict.type.bms_affiliation_type" :value="form.type"/>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 5G+工业互联网奖补模版 -->
<div class="table-content" v-if="templateId == 8">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">荣誉名称</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">荣誉名称</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="honoraryName">
<el-input v-if="pageType == 'edit'" placeholder="请输入荣誉名称" v-model="form.honoraryName"></el-input>
</el-form-item>
<span v-if="pageType == 'detail'">{{ form.honoraryName }}</span>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 信用管理奖补模版 -->
<!-- 制造服务业有效投入奖补模版 -->
<!-- 物流发展奖补模版 -->
<div class="table-content" v-if="(templateId == 7) || (templateId == 9) || (templateId == 10)">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 两业融合奖补模版 -->
<div class="table-content" v-if="templateId == 11">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span v-if="pageType == 'detail'">申报类型</span>
<span v-if="pageType == 'edit'" class="f_validate">*</span>
<span v-if="pageType == 'edit'">申报类型</span>
</template>
<el-form-item v-if="pageType == 'edit'" label-width="0" prop="declarationType">
<el-select v-if="pageType == 'edit'" v-model="form.declarationType" placeholder="请选择项目" style="width: 100%;">
<el-option
v-for="dict in dict.type.sys_declaration_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<dict-tag v-if="pageType == 'detail'" :options="dict.type.sys_declaration_type" :value="form.declarationType"/>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 上传文件列表 -->
<div class="table-content">
<p>【上传材料】</p>
<el-row v-if="pageType == 'edit'">
<el-col :span="24" v-if="(templateId == 2 )|| (templateId == 4 ) || (templateId == 5 ) || (templateId == 6 ) || (templateId == 8 ) ">
<!-- 平台建设模版 -->
<el-form-item :label="uploadLabel" label-width="340px" prop="fileList">
<!-- 做大做强模版 -->
<!-- <div v-if="templateId == 2" class="form_item">如不宜公开则上传封面及盖章页</div> -->
<!-- 平台建设奖补模版 -->
<div v-if="templateId == 4" class="form_item">如不宜公开则上传封面及盖章页</div>
<!-- 品牌打造奖补模版 -->
<div v-if="templateId == 5" class="form_item">上级发文、新闻报道、现场照片、发票</div>
<!-- 场景开放模版 -->
<div v-if="templateId == 6" class="form_item">公示、发文证明、专家评分表</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUpload"
:file-list="fileList"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileList.length >0" class="upload_ul">
<li v-for="item in uploadList" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUpload(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 项目落户奖补模版 -->
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="招商协议" label-width="340px" prop="fileListOne">
<div class="form_item">如不宜公开则上传封面及盖章页</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="验资报告" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="营业执照" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="其他证明材料" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 载体建设奖补模版 -->
<el-col :span="24" v-if="templateId == 3 " class="upload_col">
<el-form-item label="相关佐证材料" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 3 " class="upload_col">
<el-form-item label="项目工商登记许可" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 3 " class="upload_col">
<el-form-item label="消防验收报告" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 信用管理奖补模版 -->
<el-col :span="24" v-if="templateId == 7 " class="upload_col">
<el-form-item label="项目方案" label-width="340px" prop="fileListOne">
<div class="form_item">包括项目基本情况、项目投资情况以及实施进展、项目目标及取得的主要成效</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 7 " class="upload_col">
<el-form-item label="资金使用说明" label-width="340px" prop="fileListTwo">
<div class="form_item">项目未完成的需提供，内容主要包括项目计划投资额，投资明细，目前已完成投资情况和后续投入计划等</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 7 " class="upload_col">
<el-form-item label="项目专项审计报告" label-width="340px" prop="fileListThree">
<div class="form_item">项目已完成的需提供</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 制造服务业有效投入奖补模版 -->
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="购置设备发票清单及发票扫描件" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="会计师事务所出具的企业申报项目购置设备情况的专项审计报告" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 物流发展奖补模版 -->
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="荣誉证明文件" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="平台名称" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 物流发展奖补模版 -->
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="证明文件" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="营业执照" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="完税证明" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="审计报告" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="股权架构图" label-width="340px" prop="fileListFive">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFive"
:file-list="fileListFive"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFive.length >0" class="upload_ul">
<li v-for="item in uploadListFive" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFive(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="项目申报报告" label-width="340px" prop="fileListSix">
<div class="form_item">含企业基本情况和项目基本情况</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadSix"
:file-list="fileListSix"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListSix.length >0" class="upload_ul">
<li v-for="item in uploadListSix" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadSix(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="独立核算相关证明" label-width="340px" prop="fileListSeven">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadSeven"
:file-list="fileListSeven"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListSeven.length >0" class="upload_ul">
<li v-for="item in uploadListSeven" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
<el-button type="text" style="color: red;" @click="deleteUploadSeven(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="验资报告" label-width="340px" prop="fileListEight">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadEight"
:file-list="fileListEight"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListEight.length >0" class="upload_ul">
<li v-for="item in uploadListEight" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadEight(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="其他证明材料" label-width="340px" prop="fileListNine">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadNine"
:file-list="fileListNine"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListNine.length >0" class="upload_ul">
<li v-for="item in uploadListNine" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name |dealURL }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadNine(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
</el-row>
<div v-if="pageType == 'detail'">
<!-- 项目落户奖补模版 1-->
<div v-if="templateId == 1 " class="detail_main">
<div class="left">
<div class="upload_title">招商协议</div>
<div class="title_explain">如不宜公开则上传封面及盖章页</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 1 " class="detail_main">
<div class="left">
<div class="upload_title">验资报告</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 1 " class="detail_main">
<div class="left">
<div class="upload_title">营业执照</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 1 " class="detail_main">
<div class="left">
<div class="upload_title">其他证明材料</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<!-- 平台建设模版2、4、5、、6、8 -->
<div v-if="(templateId == 2 )|| (templateId == 4 ) || (templateId == 5 ) || (templateId == 6 ) || (templateId == 8 ) " class="detail_main">
<div class="left">
<div v-if="templateId == 2" class="upload_title">企业近3年发展情况及未来发展计划</div>
<div v-if="templateId == 4" class="upload_title">合作协议</div>
<div v-if="(templateId == 5 ) || (templateId == 6 ) || (templateId == 8 )" class="upload_title">证明材料</div>
<!-- 平台建设奖补模版 -->
<div v-if="templateId == 4" class="title_explain">如不宜公开则上传封面及盖章页</div>
<!-- 品牌打造奖补模版 -->
<div v-if="templateId == 5" class="title_explain">上级发文、新闻报道、现场照片、发票</div>
<!-- 场景开放模版 -->
<div v-if="templateId == 6" class="title_explain">公示、发文证明、专家评分表</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadList" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
</a>
</li>
</ul>
</div>
</div>
<!-- 载体建设奖补模版3 -->
<div v-if="templateId == 3 " class="detail_main">
<div class="left">
<div class="upload_title">相关佐证材料</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 3 " class="detail_main">
<div class="left">
<div class="upload_title">项目工商登记许可</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 3 " class="detail_main">
<div class="left">
<div class="upload_title">消防验收报告</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<!-- 信用管理奖补模版7 -->
<div v-if="templateId == 7 " class="detail_main">
<div class="left">
<div class="upload_title">项目方案</div>
<div class="title_explain">包括项目基本情况、项目投资情况以及实施进展、项目目标及取得的主要成效</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 7 " class="detail_main">
<div class="left">
<div class="upload_title">资金使用说明</div>
<div class="title_explain">项目未完成的需提供，内容主要包括项目计划投资额，投资明细，目前已完成投资情况和后续投入计划等</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 7 " class="detail_main">
<div class="left">
<div class="upload_title">项目已完成的需提供</div>
<div class="title_explain">项目已完成的需提供</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<!-- 制造服务业有效投入奖补模版9 -->
<div v-if="templateId == 9 " class="detail_main">
<div class="left">
<div class="upload_title">企业投资项目备案通知书或核准批复文件</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 9 " class="detail_main">
<div class="left">
<div class="upload_title">购置设备发票清单及发票扫描件</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 9 " class="detail_main">
<div class="left">
<div class="upload_title">会计师事务所出具的企业申报项目购置设备情况的专项审计报告</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 9 " class="detail_main">
<div class="left">
<div class="upload_title">会计师事务所出具的企业财务报表审计报告</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL}}</span>
</a>
</li>
</ul>
</div>
</div>
<!-- 物流发展奖补模版10 -->
<div v-if="templateId == 10 " class="detail_main">
<div class="left">
<div class="upload_title">荣誉证明文件</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 10 " class="detail_main">
<div class="left">
<div class="upload_title">平台名称</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 10 " class="detail_main">
<div class="left">
<div class="upload_title">企业投资项目备案通知书或核准批复文件</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 10 " class="detail_main">
<div class="left">
<div class="upload_title">会计师事务所出具的企业财务报表审计报告</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<!-- 物流发展奖补模版11 -->
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">证明文件</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">营业执照</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">完税证明</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">审计报告</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">股权架构图</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListFive" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">项目申报报告</div>
<div class="title_explain">含企业基本情况和项目基本情况</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListSix" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">独立核算相关证明</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListSeven" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">验资报告</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListEight" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
<div v-if="templateId == 11 " class="detail_main">
<div class="left">
<div class="upload_title">其他证明材料</div>
</div>
<div class="right">
<ul class="upload_ul">
<li v-for="item in uploadListNine" :key="item.url" class="upload_li">
<a :href="item.url" target="_blank">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name | dealURL }}</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</el-form>
</div>
<div class="right_content">
<div class="left_title">
<el-steps :active="active" finish-status="process" align-center>
<el-step title="初审中"></el-step>
<el-step title="复审中"></el-step>
<el-step title="专家评审中"></el-step>
<el-step title="市级评定中"></el-step>
<el-step title="评定通过"></el-step>
</el-steps>
</div>
<div class="tab_content">
<el-tabs type="border-card">
<el-tab-pane label="审批流程">
<div class="empty">
<div class="top">
同步获取表单流程
</div>
<p v-if="pageType == 'edit'" class="bottom">
暂无审批流程
</p>
<div v-if="pageType == 'detail'">
<div class="step_contain" :class="index == approvalInfoList.length - 1 ? 'step_contain_one' : 'step_contain'" v-for="(item,index) in approvalInfoList" :key="item.id">
<span class="drop_style">
</span>
<span class="out_drop_style" :class="item.approvalStatus == 0 ? 'out_drop_style_one' : ''">
</span>
<div class="contain_main">
<div>{{ item.approvalByName }}</div>
<div>审核意见{{ item.approvalOpinions }}</div>
<div class="attach">
<div v-if="!item.approvalAttachment">附件</div>
<div class="attach_left" v-if="item.approvalAttachment">附件</div>
<div class="attach_right" v-if="item.approvalAttachment">
<div v-for="(attachment, index) in item.children" :key="index" class="attach_item">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ attachment | dealURL }}</span>
</div>
</div>
</div>
<div>{{ item.approvalTime }}</div>
<img v-if="item.approvalStatus == 1" class="approval_img" src="../../../assets/images/approvalAgree.jpg" alt="">
<img v-if="item.approvalStatus == 2" class="approval_img" src="../../../assets/images/approvalReject.jpg" alt="">
<img v-if="item.approvalStatus == 0" class="approval_img" src="../../../assets/images/approvalPrimary.jpg" alt="">
</div>
</div>
<!-- <el-steps direction="vertical">
<el-step v-for="item in approvalInfoList" :key="item.id">
<template slot="description">
<div class="step_contain">
<div>{{ item.approvalByName }}</div>
<div>审核意见{{ item.approvalOpinions }}</div>
<div class="attach">
<div class="attach_left">附件</div>
<div class="attach_right" v-if="item.approvalAttachment">
<div v-for="(attachment, index) in item.children" :key="index" class="attach_item">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ attachment | dealURL }}</span>
</div>
</div>
</div>
<div>{{ item.approvalTime }}</div>
<img v-if="item.approvalStatus == 1" class="approval_img" src="../../../assets/images/approvalAgree.jpg" alt="">
<img v-if="item.approvalStatus == 2" class="approval_img" src="../../../assets/images/approvalReject.jpg" alt="">
<img v-if="item.approvalStatus == 0" class="approval_img" src="../../../assets/images/approvalPrimary.jpg" alt="">
</div>
</template>
</el-step>
</el-steps> -->
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
<div class="operate_btn">
<el-button @click="goBack">返回</el-button>
<el-button v-if="pageType == 'edit'" @click="submitForm">暂存</el-button>
<el-button v-if="pageType == 'edit'" type="success" @click="submitForm">提交</el-button>
<el-button v-if="pageType == 'detail'" @click="printOutpdf" class="btn">导出申报信息</el-button>
</div>
</div>
</template>
<script>
import { getTemplateInfo, getBasicInfo, getOpenInterface, uploadFile, getDeclarationRecords,
addProjectSettlementAward, putProjectSettlementAward,
addBigStrongAward, putBigStrongAward,
addCarrierConstructionAward, putCarrierConstructionAward,
addPlatformConstructionAward, putPlatformConstructionAward,
addBrandingAward, putBrandingAward,
addSceneOpeningAward, putSceneOpeningAward,
addCreditManagement, putCreditManagement,
addIndustrialInternetAward, putIndustrialInternetAward,
addManufacturingServicesAward, putManufacturingServicesAward,
addLogisticsDevelopmentAward, putLogisticsDevelopmentAward,
addIntegrationIndustries, putIntegrationIndustries,
} from "@/api/onlineDeclartion/declareAddContent"
import { dealFormatDate } from "@/utils/index.js"
import html2canvas from 'html2canvas';
import JsPDF from 'jspdf';
export default {
name: "declareDetailContent",
dicts: ['sys_show_hide', 'sys_normal_disable', 'bms_product_area', 'bms_declaration_type',
'bms_responsibility_unit', 'bms_level', 'bms_template_type', 'bms_declaration_channels', 'bms_affiliation_type', 'sys_declaration_type'],
data() {
return {
size: '',
templateInfo: {},
baseInfo: {},
openInterfaceInfo: {},
form: {},
active: 4,
templateId: null, //公司id
templateRecordId: null, //模版ID
enterpriseId: null,
detailId: null, //当前数据id
pageType: null, //类型
uploadLabel: null,
LS: {
'width': '135px',
'work-break': 'break-all'
},
rules: {
platfromName: [
{ required: true, message: "请输入平台(项目)名称", trigger: "blur" }
],
fileList: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListOne: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListTwo: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListThree: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListFour: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListFive: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListSix: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListSeven: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListEight: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListNine: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
type: [
{ required: true, message: "请选择责任单位", trigger: "blur" }
],
establishTime: [
{ required: true, message: "请输入申报单位成立时间", trigger: "blur" }
],
// 1
employeeNum: [
{ required: true, message: "请输入截至目前人数", trigger: "blur" }
],
isGainRewards: [
{ required: true, message: "请选择", trigger: "blur" }
],
revenueNowYear3: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
taxationNowYear3: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
revenueNowYear2: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
taxationNowYear2: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
revenueNowYear1: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
taxationNowYear1: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
revenueNowYear: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
revenueNowYear: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
rewardDescription: [
{ required: true, message: "请输入获得园区其他经营奖励", trigger: "blur" }
],
// 3
quantityProportion: [
{ required: true, message: "请输入文体企业数量占比", trigger: "blur" }
],
revenueProportion: [
{ required: true, message: "请输入文体企业营收占比", trigger: "blur" }
],
personnelProportion: [
{ required: true, message: "请输入文体企业从业人员占比", trigger: "blur" }
],
// 8
honoraryName: [
{ required: true, message: "请输入荣誉名称", trigger: "blur" }
],
//
honorsReceived: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
level: [
{ required: true, message: "请输入获得园区其他经营奖励", trigger: "blur" }
],
// 11
declarationType: [
{ required: true, message: "请选择项目", trigger: "blur" }
],
},
fileList: [],
fileListOne: [],
fileListTwo: [],
fileListThree: [],
fileListFour: [],
fileListFive: [],
fileListSix: [],
fileListSeven: [],
fileListEight: [],
fileListNine: [],
// 上传列表
uploadList: [],
uploadListOne: [],
uploadListTwo: [],
uploadListThree: [],
uploadListFour: [],
uploadListFive: [],
uploadListSix: [],
uploadListSeven: [],
uploadListEight: [],
uploadListNine: [],
// 审核列表
approvalInfoList: [],
};
},
async mounted(){
let { templateId, templateRecordId, pageType, detailId, enterpriseId} = this.$route.query;
this.templateId = templateId
this.templateRecordId = templateRecordId
this.detailId = detailId
this.pageType = pageType
this.enterpriseId = enterpriseId
let { data } = await getTemplateInfo({templateId: templateId})
this.templateInfo = data
switch (this.templateId){
case '2':
this.uploadLabel = '企业近3年发展情况及未来发展计划'
break;
case '4':
this.uploadLabel = '合作协议'
break;
case '5':
this.uploadLabel = '证明材料'
break;
case '6':
this.uploadLabel = '证明材料'
break;
case '8':
this.uploadLabel = '证明材料'
break;
}
console.log('this.templateInfo: ', this.templateInfo);
// getBasicInfo({enterpriseId: this.$store.state.user.enterpriseId}).then((response) => {
getBasicInfo({enterpriseId: this.enterpriseId}).then((response) => {
this.baseInfo = response.data
})
getOpenInterface({templateRecordId: templateRecordId}).then((response) => {
this.openInterfaceInfo = response.data
})
this.getDetailInfo(detailId)
},
filters: {
dealURL : (value)=>{
let arr = value.split("/")
return arr[arr.length - 1]
}
},
methods: {
goBack() {
this.$router.go(-1)
},
getDetailInfo(id) {
getDeclarationRecords({id}).then((response) => {
let approvalInfoList = response.data.approvalInfoList
approvalInfoList.forEach(item => {
if(item.approvalAttachment) {
item.children = item.approvalAttachment.split(',')
}
this.approvalInfoList.push(item)
return item
})
if(this.templateId == "1") {
this.form = response.data.bmsProjectSettlementAwardQueryVo //1
this.form.fundingDetailList.forEach((item, index )=> {
switch (index){
case 0:
this.form.revenueNowYear1 = item.amount
break;
case 1:
this.form.taxationNowYear1 = item.amount
break;
case 2:
this.form.revenueNowYear = item.amount
break;
case 3:
this.form.taxationNowYear = item.amount
break;
}
})
let agreement = this.form.agreement.split(',')
let businessLicense = this.form.businessLicense.split(',')
let otherMaterials = this.form.otherMaterials.split(',')
let report = this.form.report.split(',')
agreement.forEach(item => {
this.uploadListOne.push({name: item,url: item})
this.fileListOne = this.uploadListOne
this.form.fileListOne = this.uploadListOne
})
businessLicense.forEach(item => {
this.uploadListTwo.push({name: item,url: item})
this.fileListTwo = this.uploadListTwo
this.form.fileListTwo = this.uploadListTwo
})
otherMaterials.forEach(item => {
this.uploadListThree.push({name: item,url: item})
this.fileListThree = this.uploadListThree
this.form.fileListThree = this.uploadListThree
})
report.forEach(item => {
this.uploadListFour.push({name: item,url: item})
this.fileListFour = this.uploadListFour
this.form.fileListFour = this.uploadListFour
})
}
if(this.templateId == "2") {
this.form = response.data.bmsBigStrongAwardQueryVo //2
this.form.fundingDetailList.forEach((item, index )=> {
switch (index){
case 0:
this.form.revenueNowYear3 = item.amount
break;
case 1:
this.form.taxationNowYear3 = item.amount
break;
case 2:
this.form.revenueNowYear2 = item.amount
break;
case 3:
this.form.taxationNowYear2 = item.amount
break;
case 4:
this.form.revenueNowYear1 = item.amount
break;
case 5:
this.form.taxationNowYear1 = item.amount
break;
case 6:
this.form.revenueNowYear = item.amount
break;
case 7:
this.form.taxationNowYear = item.amount
break;
}
})
let developmentPlan = this.form.developmentPlan.split(',')
developmentPlan.forEach(item => {
this.uploadList.push({name: item,url: item})
this.fileList = this.uploadList
this.form.fileList = this.uploadList
})
}
if(this.templateId == "3") {
this.form = response.data.bmsCarrierConstructionAward //3
let supportingMaterials = this.form.supportingMaterials.split(',')
let businessLicense = this.form.businessLicense.split(',')
let fireReport = this.form.fireReport.split(',')
supportingMaterials.forEach(item => {
this.uploadListOne.push({name: item,url: item})
this.fileListOne = this.uploadListOne
this.form.fileListOne = this.uploadListOne
})
businessLicense.forEach(item => {
this.uploadListTwo.push({name: item,url: item})
this.fileListTwo = this.uploadListTwo
this.form.fileListTwo = this.uploadListTwo
})
fireReport.forEach(item => {
this.uploadListThree.push({name: item,url: item})
this.fileListThree = this.uploadListThree
this.form.fileListThree = this.uploadListThree
})
}
if(this.templateId == "4") {
this.form = response.data.bmsPlatformConstructionAward //4
let agreement = this.form.agreement.split(',')
agreement.forEach(item => {
this.uploadList.push({name: item,url: item})
this.fileList = this.uploadList
this.form.fileList = this.uploadList
})
}
if(this.templateId == "5") {
this.form = {...response.data.bmsBrandingAward} //5
this.form.level = this.form.level + ''
let evidence = this.form.evidence.split(',')
evidence.forEach(item => {
this.uploadList.push({name: item,url: item})
this.fileList = this.uploadList
this.form.fileList = this.uploadList
})
}
if(this.templateId == "6") {
this.form = response.data.bmsSceneOpeningAward //6
this.form.type = this.form.type + ''
let material = this.form.material.split(',')
material.forEach(item => {
this.uploadList.push({name: item,url: item})
this.fileList = this.uploadList
this.form.fileList = this.uploadList
})
}
if(this.templateId == "7") {
this.form = response.data.bmsCreditManagement //7
let projectPlan = this.form.projectPlan.split(',')
let usesFunds = this.form.usesFunds.split(',')
let auditReport = this.form.auditReport.split(',')
projectPlan.forEach(item => {
this.uploadListOne.push({name: item,url: item})
this.fileListOne = this.uploadListOne
this.form.fileListOne = this.uploadListOne
})
usesFunds.forEach(item => {
this.uploadListTwo.push({name: item,url: item})
this.fileListTwo = this.uploadListTwo
this.form.fileListTwo = this.uploadListTwo
})
auditReport.forEach(item => {
this.uploadListThree.push({name: item,url: item})
this.fileListThree = this.uploadListThree
this.form.fileListThree = this.uploadListThree
})
}
if(this.templateId == "8") {
this.form = response.data.bmsIndustrialInternetAward //8
let material = this.form.material.split(',')
material.forEach(item => {
this.uploadList.push({name: item,url: item})
this.fileList = this.uploadList
this.form.fileList = this.uploadList
})
}
if(this.templateId == "9") {
this.form = response.data.bmsManufacturingServicesAward //9
let filingNotice = this.form.filingNotice.split(',')
let invoice = this.form.invoice.split(',')
let auditReport = this.form.auditReport.split(',')
let financialStatements = this.form.financialStatements.split(',')
filingNotice.forEach(item => {
this.uploadListOne.push({name: item,url: item})
this.fileListOne = this.uploadListOne
this.form.fileListOne = this.uploadListOne
})
invoice.forEach(item => {
this.uploadListTwo.push({name: item,url: item})
this.fileListTwo = this.uploadListTwo
this.form.fileListTwo = this.uploadListTwo
})
auditReport.forEach(item => {
this.uploadListThree.push({name: item,url: item})
this.fileListThree = this.uploadListThree
this.form.fileListThree = this.uploadListThree
})
financialStatements.forEach(item => {
this.uploadListFour.push({name: item,url: item})
this.fileListFour = this.uploadListFour
this.form.fileListFour = this.uploadListFour
})
}
if(this.templateId == "10") {
this.form = response.data.bmsLogisticsDevelopmentAward //10
let honorCertificate = this.form.honorCertificate.split(',')
let platformName = this.form.platformName.split(',')
let filingNotice = this.form.filingNotice.split(',')
let auditReport = this.form.auditReport.split(',')
honorCertificate.forEach(item => {
this.uploadListOne.push({name: item,url: item})
this.fileListOne = this.uploadListOne
this.form.fileListOne = this.uploadListOne
})
platformName.forEach(item => {
this.uploadListTwo.push({name: item,url: item})
this.fileListTwo = this.uploadListTwo
this.form.fileListTwo = this.uploadListTwo
})
filingNotice.forEach(item => {
this.uploadListThree.push({name: item,url: item})
this.fileListThree = this.uploadListThree
this.form.fileListThree = this.uploadListThree
})
auditReport.forEach(item => {
this.uploadListFour.push({name: item,url: item})
this.fileListFour = this.uploadListFour
this.form.fileListFour = this.uploadListFour
})
}
if(this.templateId == "11") {
this.form = response.data.bmsIntegrationIndustries //11
this.form.declarationType = this.form.declarationType + ''
let evidence = this.form.evidence.split(',')
let businessLicense = this.form.businessLicense.split(',')
let taxPaymentCertificate = this.form.taxPaymentCertificate.split(',')
let auditReport = this.form.auditReport.split(',')
let equityStructureChart = this.form.equityStructureChart.split(',')
let declarationReport = this.form.declarationReport.split(',')
let independentAccounting = this.form.independentAccounting.split(',')
let capitalVerificationReport = this.form.capitalVerificationReport.split(',')
let otherEvidence = this.form.otherEvidence.split(',')
evidence.forEach(item => {
this.uploadListOne.push({name: item,url: item})
this.fileListOne = this.uploadListOne
this.form.fileListOne = this.uploadListOne
})
businessLicense.forEach(item => {
this.uploadListTwo.push({name: item,url: item})
this.fileListTwo = this.uploadListTwo
this.form.fileListTwo = this.uploadListTwo
})
taxPaymentCertificate.forEach(item => {
this.uploadListThree.push({name: item,url: item})
this.fileListThree = this.uploadListThree
this.form.fileListThree = this.uploadListThree
})
auditReport.forEach(item => {
this.uploadListFour.push({name: item,url: item})
this.fileListFour = this.uploadListFour
this.form.fileListFour = this.uploadListFour
})
equityStructureChart.forEach(item => {
this.uploadListFive.push({name: item,url: item})
this.fileListFive = this.uploadListFive
this.form.fileListFive = this.uploadListFive
})
declarationReport.forEach(item => {
this.uploadListSix.push({name: item,url: item})
this.fileListSix = this.uploadListSix
this.form.fileListSix = this.uploadListSix
})
independentAccounting.forEach(item => {
this.uploadListSeven.push({name: item,url: item})
this.fileListSeven = this.uploadListSeven
this.form.fileListSeven = this.uploadListSeven
})
capitalVerificationReport.forEach(item => {
this.uploadListEight.push({name: item,url: item})
this.fileListEight = this.uploadListEight
this.form.fileListEight = this.uploadListEight
})
otherEvidence.forEach(item => {
this.uploadListNine.push({name: item,url: item})
this.fileListNine = this.uploadListNine
this.form.fileListNine = this.uploadListNine
})
}
})
},
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
let params = {
address: this.baseInfo.address,
contacts: this.baseInfo.contacts,
contactsNumber: this.baseInfo.contactsNumber,
creditCode: this.baseInfo.creditCode,
enterpriseName: this.baseInfo.enterpriseName,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType,
projectName: this.openInterfaceInfo.projectName,
year: this.openInterfaceInfo.year,
projectId: this.templateId,
templateRecordId: this.templateRecordId,
declarationRecordsId: this.detailId,
id: this.form.id,
status: 1,
agreement:'', //招商协议1
businessLicense: '', //营业执照1,3,11
otherMaterials: '', //其它证明材料1
report: '', //验资报告1
supportingMaterials: '', //相关佐证材料3
fireReport: '', //消防验收报告3
projectPlan: '', //项目方案7
usesFunds: '', //资金使用说明7
auditReport: '', //项目专项审计报告7,9,10,11
filingNotice: '', //企业投资项目备案通知书或核准批复文件9,10
invoice: '', //购置设备发票清单及发票扫描件9
financialStatements: '', //会计师事务所出具的企业财务报表审计报告9
material: '', //证明材料6,8,11
honorCertificate: '', //荣誉证明文件10
platformName: '', //平台名称10
evidence: '', //证明文件11
taxPaymentCertificate: '', //完税证明11
equityStructureChart: '', //股权架构图11
declarationReport: '', //项目申报报告11
independentAccounting: '', //独立核算相关证明11
capitalVerificationReport: '', //验资报告11
otherEvidence: '', //其他证明材料11
}
if(this.templateId == "1") {
params.establishTime = this.form.establishTime
params.employeeNum = this.form.employeeNum
params.fillingTime = dealFormatDate(new Date())
params.agreement = '' //招商协议
params.businessLicense = '' //营业执照
params.otherMaterials = '' //其它证明材料
params.report = '' //验资报告
this.uploadListOne.forEach((item,index) => {
if(this.uploadListOne.length-1 == index){
params.agreement+=`${item.url}`
} else {
params.agreement+=`${item.url},`
}
})
this.uploadListTwo.forEach((item,index) => {
if(this.uploadListTwo.length-1 == index){
params.report+=`${item.url}`
} else {
params.report+=`${item.url},`
}
})
this.uploadListThree.forEach((item,index) => {
if(this.uploadListThree.length-1 == index){
params.businessLicense+=`${item.url}`
} else {
params.businessLicense+=`${item.url},`
}
})
this.uploadListFour.forEach((item,index) => {
if(this.uploadListFour.length-1 == index){
params.otherMaterials+=`${item.url}`
} else {
params.otherMaterials+=`${item.url},`
}
})
params.fundingDetailList = this.form.fundingDetailList.forEach((item, index) => {
switch (index){
case 0:
item.amount = this.form.revenueNowYear1
break;
case 1:
item.amount = this.form.taxationNowYear1
break;
case 2:
item.amount = this.form.revenueNowYear
break;
case 3:
item.amount = this.form.taxationNowYear
break;
}
})
console.log('11', params);
putProjectSettlementAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "2") {
params.rewardDescription = this.form.rewardDescription
params.isGainRewards = this.form.isGainRewards
params.establishTime = this.form.establishTime
// params.fillingTime = dealFormatDate(new Date())
params.developmentPlan = ''
this.uploadList.forEach((item,index) => {
if(this.uploadList.length-1 == index){
params.developmentPlan+=`${item.url}`
} else {
params.developmentPlan+=`${item.url},`
}
})
params.fundingDetailList = this.form.fundingDetailList.forEach((item, index) => {
switch (index){
case 0:
item.amount = this.form.revenueNowYear3
break;
case 1:
item.amount = this.form.taxationNowYear3
break;
case 2:
item.amount = this.form.revenueNowYear2
break;
case 3:
item.amount = this.form.taxationNowYear2
break;
case 4:
item.amount = this.form.revenueNowYear1
break;
case 5:
item.amount = this.form.taxationNowYear1
break;
case 6:
item.amount = this.form.revenueNowYear
break;
case 7:
item.amount = this.form.taxationNowYear
break;
}
})
console.log('11', params);
putBigStrongAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "3") {
params.quantityProportion = this.form.quantityProportion
params.revenueProportion = this.form.revenueProportion
params.personnelProportion = this.form.personnelProportion
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item,index) => {
if(this.uploadListOne.length-1 == index){
params.supportingMaterials+=`${item.url}`
} else {
params.supportingMaterials+=`${item.url},`
}
})
this.uploadListTwo.forEach((item,index) => {
if(this.uploadListTwo.length-1 == index){
params.businessLicense+=`${item.url}`
} else {
params.businessLicense+=`${item.url},`
}
})
this.uploadListThree.forEach((item,index) => {
if(this.uploadListThree.length-1 == index){
params.fireReport+=`${item.url}`
} else {
params.fireReport+=`${item.url},`
}
})
console.log('11', params);
putCarrierConstructionAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "4") {
params.platformName = this.form.platformName
params.fillingTime = dealFormatDate(new Date())
params.agreement = ''
this.uploadList.forEach((item,index) => {
if(this.uploadList.length-1 == index){
params.agreement+=`${item.url}`
} else {
params.agreement+=`${item.url},`
}
})
console.log('11', params);
putPlatformConstructionAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
})
}
if(this.templateId == "5") {
params.honorsReceived = this.form.honorsReceived
params.level = this.form.level
params.fillingTime = dealFormatDate(new Date())
params.evidence = ''
this.uploadList.forEach((item,index) => {
if(this.uploadList.length-1 == index){
params.evidence+=`${item.url}`
} else {
params.evidence+=`${item.url},`
}
})
console.log('11', params);
putBrandingAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "6") {
params.type = this.form.type
params.fillingTime = dealFormatDate(new Date())
this.uploadList.forEach((item,index) => {
if(this.uploadList.length-1 == index){
params.material+=`${item.url}`
} else {
params.material+=`${item.url},`
}
})
console.log('11', params);
putSceneOpeningAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "7") {
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item,index) => {
if(this.uploadListOne.length-1 == index){
params.projectPlan+=`${item.url}`
} else {
params.projectPlan+=`${item.url},`
}
})
this.uploadListTwo.forEach((item,index) => {
if(this.uploadListTwo.length-1 == index){
params.usesFunds+=`${item.url}`
} else {
params.usesFunds+=`${item.url},`
}
})
this.uploadListThree.forEach((item,index) => {
if(this.uploadListThree.length-1 == index){
params.auditReport+=`${item.url}`
} else {
params.auditReport+=`${item.url},`
}
})
console.log('11', params);
putCreditManagement(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "8") {
params.honoraryName = this.form.honoraryName
params.fillingTime = dealFormatDate(new Date())
this.uploadList.forEach((item,index) => {
if(this.uploadList.length-1 == index){
params.material+=`${item.url}`
} else {
params.material+=`${item.url},`
}
})
console.log('11', params);
putIndustrialInternetAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "9") {
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item,index) => {
if(this.uploadListOne.length-1 == index){
params.filingNotice+=`${item.url}`
} else {
params.filingNotice+=`${item.url},`
}
})
this.uploadListTwo.forEach((item,index) => {
if(this.uploadListTwo.length-1 == index){
params.invoice+=`${item.url}`
} else {
params.invoice+=`${item.url},`
}
})
this.uploadListThree.forEach((item,index) => {
if(this.uploadListThree.length-1 == index){
params.auditReport+=`${item.url}`
} else {
params.auditReport+=`${item.url},`
}
})
this.uploadListFour.forEach((item,index) => {
if(this.uploadListFour.length-1 == index){
params.financialStatements+=`${item.url}`
} else {
params.financialStatements+=`${item.url},`
}
})
console.log('11', params);
putManufacturingServicesAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "10") {
// params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item,index) => {
if(this.uploadListOne.length-1 == index){
params.honorCertificate+=`${item.url}`
} else {
params.honorCertificate+=`${item.url},`
}
})
this.uploadListTwo.forEach((item,index) => {
if(this.uploadListTwo.length-1 == index){
params.platformName+=`${item.url}`
} else {
params.platformName+=`${item.url},`
}
})
this.uploadListThree.forEach((item,index) => {
if(this.uploadListThree.length-1 == index){
params.filingNotice+=`${item.url}`
} else {
params.filingNotice+=`${item.url},`
}
})
this.uploadListFour.forEach((item,index) => {
if(this.uploadListFour.length-1 == index){
params.auditReport+=`${item.url}`
} else {
params.auditReport+=`${item.url},`
}
})
console.log('11', params);
putLogisticsDevelopmentAward(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if(this.templateId == "11") {
params.declarationType = this.form.declarationType
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item,index) => {
if(this.uploadListOne.length-1 == index){
params.evidence+=`${item.url}`
} else {
params.evidence+=`${item.url},`
}
})
this.uploadListTwo.forEach((item,index) => {
if(this.uploadListTwo.length-1 == index){
params.businessLicense+=`${item.url}`
} else {
params.businessLicense+=`${item.url},`
}
})
this.uploadListThree.forEach((item,index) => {
if(this.uploadListThree.length-1 == index){
params.taxPaymentCertificate+=`${item.url}`
} else {
params.taxPaymentCertificate+=`${item.url},`
}
})
this.uploadListFour.forEach((item,index) => {
if(this.uploadListFour.length-1 == index){
params.auditReport+=`${item.url}`
} else {
params.auditReport+=`${item.url},`
}
})
this.uploadListFive.forEach((item,index) => {
if(this.uploadListFive.length-1 == index){
params.equityStructureChart+=`${item.url}`
} else {
params.equityStructureChart+=`${item.url},`
}
})
this.uploadListSix.forEach((item,index) => {
if(this.uploadListSix.length-1 == index){
params.declarationReport+=`${item.url}`
} else {
params.declarationReport+=`${item.url},`
}
})
this.uploadListSeven.forEach((item,index) => {
if(this.uploadListSeven.length-1 == index){
params.independentAccounting+=`${item.url}`
} else {
params.independentAccounting+=`${item.url},`
}
})
this.uploadListEight.forEach((item,index) => {
if(this.uploadListEight.length-1 == index){
params.capitalVerificationReport+=`${item.url}`
} else {
params.capitalVerificationReport+=`${item.url},`
}
})
this.uploadListNine.forEach((item,index) => {
if(this.uploadListNine.length-1 == index){
params.otherEvidence+=`${item.url}`
} else {
params.otherEvidence+=`${item.url},`
}
})
console.log('11', params);
putIntegrationIndustries(params).then((response) => {
this.$message.success("修改成功");
this.$router.go(-1)
}).catch((response) => {
})
}
}
});
},
handleRemove(file, fileList) {
this.fileList = fileList
},
handleFileUpload(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileList.push(file)
this.uploadList.push(response.data)
this.form.fileList = this.fileList
console.log('this.fileList: ', this.fileList);
})
},
deleteUpload(value) {
this.uploadList = this.uploadList.filter(item => {
return item.url != value.url
})
},
/* 上传一 */
handleFileUploadOne(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListOne.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.url;
this.uploadList.push(data)
this.form.fileListOne = this.fileListOne
console.log('this.fileListOne: ', this.fileListOne);
})
},
/* 上传二 */
handleFileUploadTwo(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListTwo.push(file)
this.uploadListTwo.push(response.data)
this.form.fileListTwo = this.fileListTwo
console.log('this.fileListTwo: ', this.fileListTwo);
})
},
/* 上传三 */
handleFileUploadThree(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListThree.push(file)
this.uploadListThree.push(response.data)
this.form.fileListThree = this.fileListThree
console.log('this.fileListThree: ', this.fileListThree);
})
},
/* 上传四 */
handleFileUploadFour(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListFour.push(file)
this.uploadListFour.push(response.data)
this.form.fileListFour = this.fileListFour
console.log('this.fileListFour: ', this.fileListFour);
})
},
/* 上传五 */
handleFileUploadFive(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListFive.push(file)
this.uploadListFive.push(response.data)
this.form.fileListFive = this.fileListFive
console.log('this.fileListFive: ', this.fileListFive);
})
},
/* 上传六 */
handleFileUploadSix(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListSix.push(file)
this.uploadListSix.push(response.data)
this.form.fileListSix = this.fileListSix
console.log('this.fileListSix: ', this.fileListSix);
})
},
/* 上传七 */
handleFileUploadSeven(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListSeven.push(file)
this.uploadListSeven.push(response.data)
this.form.fileListSeven = this.fileListSeven
console.log('this.fileListSeven: ', this.fileListSeven);
})
},
/* 上传八 */
handleFileUploadEight(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListEight.push(file)
this.uploadListEight.push(response.data)
this.form.fileListEight = this.fileListEight
console.log('this.fileListEight: ', this.fileListEight);
})
},
/* 上传九 */
handleFileUploadNine(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListNine.push(file)
this.uploadListNine.push(response.data)
this.form.fileListNine = this.fileListNine
console.log('this.fileListNine: ', this.fileListNine);
})
},
/* 删除上传一 */
deleteUploadOne(value) {
this.uploadListOne = this.uploadListOne.filter(item => {
return item.url != value.url
})
if(this.uploadListOne.length == 0) {
this.form.fileListOne = []
}
},
/* 删除上传二 */
deleteUploadTwo(value) {
this.uploadListTwo = this.uploadListTwo.filter(item => {
return item.url != value.url
})
if(this.uploadListTwo.length == 0) {
this.form.fileListTwo = []
}
},
/* 删除上传三 */
deleteUploadThree(value) {
this.uploadListThree = this.uploadListThree.filter(item => {
return item.url != value.url
})
if(this.uploadListThree.length == 0) {
this.form.fileListThree = []
}
},
/* 删除上传四 */
deleteUploadFour(value) {
this.uploadListFour = this.uploadListFour.filter(item => {
return item.url != value.url
})
if(this.uploadListFour.length == 0) {
this.form.fileListFour = []
}
},
/* 删除上传五 */
deleteUploadFive(value) {
this.uploadListFive = this.uploadListFive.filter(item => {
return item.url != value.url
})
if(this.uploadListFive.length == 0) {
this.form.fileListFive = []
}
},
/* 删除上传六 */
deleteUploadSix(value) {
this.uploadListSix = this.uploadListSix.filter(item => {
return item.url != value.url
})
if(this.uploadListSix.length == 0) {
this.form.fileListSix = []
}
},
/* 删除上传七 */
deleteUploadSeven(value) {
this.uploadListSeven = this.uploadListSeven.filter(item => {
return item.url != value.url
})
if(this.uploadListSeven.length == 0) {
this.form.fileListSeven = []
}
},
/* 删除上传八 */
deleteUploadEight(value) {
this.uploadListEight = this.uploadListEight.filter(item => {
return item.url != value.url
})
if(this.uploadListEight.length == 0) {
this.form.fileListEight = []
}
},
/* 删除上传九 */
deleteUploadNine(value) {
this.uploadListNine = this.uploadListNine.filter(item => {
return item.url != value.url
})
if(this.uploadListNine.length == 0) {
this.form.fileListNine = []
}
},
/* 打印 */
printOutpdf() {
let name = ''
name = `${this.openInterfaceInfo.projectName}_${this.baseInfo.enterpriseName}`
html2canvas(this.$refs.pdf).then(function(canvas) {
let contentWidth = canvas.width;
let contentHeight = canvas.height;
//a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
let imgWidth = 595.28;
let imgHeight = 595.28/contentWidth * contentHeight;
// 第一个参数： l：横向 p：纵向
// 第二个参数：测量单位（"pt"，"mm", "cm", "m", "in" or "px"）
let pdf = new JsPDF("p", "pt");
pdf.addImage(
canvas.toDataURL("image/jpeg", 1.0),
"JPEG",
0,
0,
imgWidth,
imgHeight
);
pdf.save(name + ".pdf");
})
}
},
}
</script>
<style lang="scss" scoped>
ul, li {
list-style: none; /* 清除列表项前的标记 */
margin: 0; /* 清除上下外边距 */
padding: 0; /* 清除左右内边距 */
}
.upload_ul {
display: flex;
flex-wrap: wrap;
align-content: space-between;
.upload_li {
// width: 45%;
display: flex;
// justify-content: space-between;
align-items: center;
padding: 0 5px;
color: inherit;
border: 1px solid #e4e7ed;
border-radius: 2px;
margin: 10px 20px 10px 0;
.li_img {
width: 25px;
height: 30px;
margin-right: 10px;
padding: 2px;
}
.icon_name {
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
white-space: nowrap;
}
}
}
.upload_col {
border-bottom: 1px solid #ebeef5;
padding: 10px 30px;
}
.detail_main {
display: flex;
justify-content: flex-start;
padding: 10px 0;
.left {
width: 245px;
padding-left: 25px;
.upload_title {
font-size: 14px;
width: 245px;
padding-right: 20px;
}
.title_explain {
color: red;
font-size: 12px;
line-height: 24px;
}
}
.right {
flex: 1;
padding: 0 15px;
.upload_li {
// width: 45%;
display: flex;
// justify-content: space-between;
align-items: center;
padding: 0 30px 0 5px;
color: inherit;
border: 1px solid #e4e7ed;
border-radius: 2px;
margin: 10px 20px 10px 0;
a {
display: flex;
// justify-content: space-between;
align-items: center;
}
.li_img {
width: 25px;
height: 30px;
margin-right: 10px;
padding: 2px;
}
.icon_name {
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
white-space: nowrap;
}
}
}
}
.templateInfo {
display: flex;
justify-content: flex-start;
font-size: 14px;
.templateInfo_left {
width: 80px;
}
}
.f_validate {
color: red;
}
</style>
<style lang="scss" scoped>
.addContent {
// height: calc(100vh - 100px);
// height: calc(100% - 10px);
height: 100%;
// padding: 10px 10px 0 10px;
background-color: #f6f7f9;
.detail_content {
display: flex;
justify-content: space-between;
// height: calc(100vh - 160px);
height: calc(100% - 40px);
.left_content {
// height: calc(100vh - 160px);
height: 100%;
width: 69.5%;
overflow: auto;
background-color: #fff;
padding: 20px;
}
.right_content {
// height: calc(100vh - 160px);
height: 100%;
width: 30%;
background-color: #fff;
.left_main {
height: 600px;
background-color: #fff;
.empty {
.top {
font-size: 12px;
color: #737373;
}
.bottom {
text-align: center;
color: #737373;
}
}
}
.left_title {
height: 77px;
padding-top: 20px;
background-color: #fff;
margin-bottom: 4px;
}
.tab_content {
// height: calc(100vh - 240px);
height: calc(100% - 77px);
// overflow: auto;
background-color: #fff;
padding: 0 20px;
::v-deep .el-tabs__content {
padding: 0;
height: calc(100% - 50px);
.el-tab-pane {
height: 100%;
}
}
.empty {
// height: calc(100vh - 300px);
// height: calc(100% - 100px);
height: 100%;
padding: 10px 15px 0 15px;
overflow: auto;
.top {
font-size: 12px;
color: #737373;
margin-bottom: 10px;
}
.bottom {
text-align: center;
color: #737373;
}
.step_contain {
position: relative;
line-height: 35px;
border-left: 2px solid green;
padding-bottom: 40px;
z-index: 2;
.drop_style {
position: absolute;
width: 24px;
height: 24px;
top: -4px;
left: -12px;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 0 10px #ccc;
z-index: 2;
}
.out_drop_style {
position: absolute;
width: 6px;
height: 6px;
top: 6px;
left: -3px;
background-color: #4eb997;
border-radius: 3px;
z-index: 2;
}
.out_drop_style_one {
background-color: #000;
}
.contain_main {
background-color: #f8fafb;
color: #192A92;
margin-left: 25px;
border-radius: 2px;
width: 100%;
.attach {
// display: flex;
width: 100%;
// padding-right: 100px;
position: relative;
.attach_left {
position: absolute;
width: 140px;
}
.attach_right {
// flex: 1;
// flex-direction: column;
// justify-content: space-between;
padding: 0 80px 0 50px;
.attach_item{
// width: 55%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5px;
color: inherit;
border: 1px solid #e4e7ed;
border-radius: 2px;
margin: 10px 20px 10px 0;
.li_img {
width: 25px;
height: 30px;
margin-right: 10px;
padding: 2px;
}
.icon_name {
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
white-space: nowrap;
}
}
}
}
}
.approval_img {
position: absolute;
z-index: 2;
top: 0;
right: 20px;
width: 85px;
height: 80px;
}
}
.step_contain_one {
border: none;
}
}
}
}
}
.operate_btn {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding-top: 10px;
// padding-bottom: 20px;
}
.form {
height: calc(100% - 150px);
background-color: #fff;
padding: 15px;
.table-content {
margin-top: 10px;
}
.last_upload {
margin-bottom: 30px;
}
}
.left_title {
height: 77px;
padding-top: 20px;
background-color: #fff;
margin-bottom: 4px;
}
}
::v-deep .el-step__main {
width: 100%;
}
::v-deep .el-step__title {
font-size: 12px;
color: #192A92;
border-color: none;
}
::v-deep .el-step__head.is-process {
color: #192A92;
}
::v-deep .el-step__line {
background-color: #192A92;
}
::v-deep .el-step__icon {
border: 2px solid #ffff;
box-shadow: 0 0 10px #ccc;
}
::v-deep .el-form-item {
margin-bottom: 0;
}
.form_item {
position: absolute;
width: 300px;
top: 40px;
left: -340px;
color: red;
font-size: 12px;
line-height: 24px;
}
.el-tabs--border-card {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
// height: calc(100vh - 240px);
height: 100%;
}
.btn {
background-color: #f1d78c;
border: none;
color: #000;
}
/* 悬浮 */
// ::v-deep .el-button:hover {
// /* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
// background: linear-gradient(100deg, #f1d78c, #f1c19d) !important;
// font-weight: bold;
// color: #606266;
// }
/*按钮点击*/
// ::v-deep .el-button:focus {
// background: linear-gradient(100deg, #f1d78c, #f1c19d) !important;
// /* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
// font-weight: bold;
// color: #606266;
// }
</style>
Reference in new issue View Git Blame Copy Permalink