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.
jin_ji_hu/src/views/onlineDeclaration/declareDetailContent/index.vue

5169 lines
201 KiB

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