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/declareAddContent/indexcopy.vue

2412 lines
117 KiB

<template>
<div class="addContent">
<div class="detail_content">
<div class="left_content">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left" class="form">
<el-row>
<el-col :span="8" style="height: 50px">
<div class="templateInfo">
<div class="templateInfo_left">申报任务标题</div>
<div>{{ 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.project_categories" :value="templateInfo.projectBigType" />
</div>
</el-col>
<el-col :span="8" style="height: 50px">
<div class="templateInfo">
<div class="templateInfo_left">项目中类</div>
<dict-tag :options="dict.type.project_middle_type" :value="templateInfo.projectMiddleType" />
</div>
</el-col>
<el-col :span="8" style="height: 50px">
<div class="templateInfo">
<div class="templateInfo_left">项目小类</div>
<dict-tag :options="dict.type.project_small_type" :value="templateInfo.projectSmallType" />
</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>
</el-col>
<el-col :span="8" style="height: 50px">
<div class="templateInfo">
<div class="templateInfo_left">级别</div>
<dict-tag :options="dict.type.bms_level" :value="templateInfo.level" />
</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 || "" }} <!-- enterpriseName -->
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
统一社会信用代码
</template>
{{ baseInfo.tyshxydm }} <!-- creditCode -->
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
联络人
</template>
{{ baseInfo.fddbrxm }} <!-- contacts -->
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
联络电话
</template>
{{ baseInfo.fddbrzjhm }} <!-- contactsNumber -->
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
企业地址
</template>
{{ baseInfo.jycs }} <!-- address -->
</el-descriptions-item>
</el-descriptions>
<div v-if="false">
<!-- 项目落户奖补模版 -->
<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 class="f_validate">*</span>申报单位成立时间
</template>
<el-form-item label-width="0" prop="establishTime">
<el-date-picker v-model="form.establishTime" type="date" placeholder="请选择申报单位成立时间"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>截止目前员工人数
</template>
<el-form-item label-width="0" prop="employeeNum">
<el-input placeholder="请输入截至目前人数" v-model="form.employeeNum" maxlength="10">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear1">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear1" maxlength="10">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear1">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear1" maxlength="10">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计营收
</template>
<el-form-item label-width="0" prop="revenueNowYear">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear" maxlength="10">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计税收
</template>
<el-form-item label-width="0" prop="taxationNowYear">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear" maxlength="10">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 做大做强奖补模版 -->
<div class="table-content" v-if="templateId == 2">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>申报单位成立时间
</template>
<el-form-item label-width="0" prop="establishTime">
<el-date-picker v-model="form.establishTime" type="date" placeholder="请选择申报单位成立时间"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>是否获得园区其他经营奖励
</template>
<el-form-item label-width="0" prop="isGainRewards">
<el-radio-group v-model="form.isGainRewards">
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2021年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear3">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear3">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2021年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear3">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear3">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2022年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear2">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear2">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2022年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear2">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear2">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear1">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear1">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear1">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear1">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计营收
</template>
<el-form-item label-width="0" prop="revenueNowYear">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计税收
</template>
<el-form-item label-width="0" prop="taxationNowYear">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>园区其他经营奖励
</template>
<el-form-item label-width="0" prop="rewardDescription">
<el-input placeholder="请输入其他经营奖励" v-model="form.rewardDescription">
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 载体建设奖补模版 -->
<div class="table-content" v-if="templateId == 3">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>文体企业数量占比
</template>
<el-form-item prop="quantityProportion" label-width="0">
<el-input type="text" placeholder="请输入文体企业数量占比" v-model="form.quantityProportion" maxlength="5"
show-word-limit>
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>文体企业营收占比
</template>
<el-form-item prop="revenueProportion" label-width="0">
<el-input type="text" placeholder="请输入文体企业营收占比" v-model="form.revenueProportion" maxlength="5"
show-word-limit>
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>文体企业从业人员占比
</template>
<el-form-item prop="personnelProportion" label-width="0">
<el-input type="text" placeholder="请输入文体企业从业人员占比" v-model="form.personnelProportion" maxlength="5"
show-word-limit>
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 平台建设模版 -->
<div class="table-content" v-if="templateId == 4">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>平台(项目)名称
</template>
<el-form-item label-width="0" prop="platformName">
<el-input type="text" placeholder="请输入平台(项目)" v-model="form.platformName" maxlength="50"
show-word-limit>
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 品牌打造奖补模版 -->
<div class="table-content" v-if="templateId == 5">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>所获荣誉/所举办活动
</template>
<el-form-item prop="honorsReceived" label-width="0">
<el-input type="text" placeholder="请输入所获荣誉/所举办活动" v-model="form.honorsReceived" show-word-limit>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>所获等级
</template>
<el-form-item label-width="0" prop="level">
<el-select v-model="form.level" placeholder="请选择所属等级" clearable style="width: 100%;">
<el-option v-for="dict in dict.type.bms_level" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 场景开放模版 -->
<div class="table-content" v-if="templateId == 6">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>所属类型
</template>
<el-form-item label-width="0" prop="type">
<el-select v-model="form.type" placeholder="请选择责任单位" clearable style="width: 100%;">
<el-option v-for="dict in dict.type.bms_affiliation_type" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 5G+工业互联网奖补模版 -->
<div class="table-content" v-if="templateId == 8">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>荣誉名称
</template>
<el-form-item label-width="0" prop="honoraryName">
<el-input placeholder="请输入荣誉名称" v-model="form.honoraryName"></el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 信用管理奖补模版 -->
<!-- 制造服务业有效投入奖补模版 -->
<!-- 物流发展奖补模版 -->
<div class="table-content" v-if="(templateId == 7) || (templateId == 9) || (templateId == 10)">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ 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>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>申报类型
</template>
<el-form-item label-width="0" prop="declarationType">
<el-select v-model="form.declarationType" placeholder="请选择项目" style="width: 100%;">
<el-option v-for="dict in dict.type.sys_declaration_type" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
<div class="table-content" v-if="templateId == 12">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ templateInfo.templateName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>主要产品
</template>
<el-form-item label-width="0" prop="mainProducts">
<el-input placeholder="请输入主要产品" v-model="form.mainProducts"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>所属行业
</template>
<el-form-item label-width="0" prop="industry">
<el-checkbox-group v-model="form.industry" style="width: 100%;">
<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>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>工作联系人
</template>
<el-form-item label-width="0" prop="workContact">
<el-input placeholder="请输入工作联系人" v-model="form.workContact"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>联系电话
</template>
<el-form-item label-width="0" prop="iphone">
<el-input placeholder="请输入联系电话" v-model="form.iphone"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>类别
</template>
<el-form-item label-width="0" prop="template_type">
<el-checkbox-group v-model="form.template_type" @change="handleCheckedCitiesChange"
style="width: 100%;">
<el-checkbox v-for="dict in dict.type.new_template_type" :true-label="dict.value"
:label="dict.value" :key="dict.value">
{{ dict.label }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
</div>
<div class="table-content">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
</el-descriptions>
<ismybuild ref="ismybuild" :templateJson="templateInfo.templateJson"></ismybuild>
</div>
<!-- 上传文件列表 -->
<div class="table-content last_upload">
<p>上传材料</p>
<el-row>
<el-col :span="24"
v-if="(templateId == 2) || (templateId == 4) || (templateId == 5) || (templateId == 6) || (templateId == 8)">
<!-- <el-form-item label="企业近3年发展情况及未来发展计划" label-width="340px" v-if="templateId == 2">
<el-upload
cclass="upload-demo"
:show-file-list="true"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUpload"
:file-list="fileList"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>文件</div>
</el-upload>
</el-form-item>
<el-form-item label="证明材料" label-width="340px" v-if="templateId == 6" prop="fileList">
<div class="form_item">公示发文证明专家评分表</div>
<el-upload
class="upload-demo"
:show-file-list="true"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUpload"
:file-list="fileList"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>文件</div>
</el-upload>
</el-form-item> -->
<!-- 平台建设模版 -->
<el-form-item :label="uploadLabel" label-width="340px" prop="fileList">
<!-- 平台建设奖补模版 -->
<div v-if="templateId == 4" class="form_item"></div>
<!-- 品牌打造奖补模版 -->
<div v-if="templateId == 5" class="form_item"></div>
<!-- 场景开放模版 -->
<div v-if="templateId == 6" class="form_item"></div>
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUpload" :file-list="fileList" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileList.length > 0" class="upload_ul">
<li v-for="item in uploadList" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUpload(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 项目落户奖补模版 -->
<el-col :span="24" v-if="templateId == 1" class="upload_col">
<el-form-item label="招商协议" label-width="340px" prop="fileListOne">
<div class="form_item">如不宜公开则上传封面及盖章页</div>
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length > 0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1" class="upload_col">
<el-form-item label="验资报告" label-width="340px" prop="fileListTwo">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length > 0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1" class="upload_col">
<el-form-item label="营业执照" label-width="340px" prop="fileListThree">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length > 0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1" class="upload_col">
<el-form-item label="其他证明材料" label-width="340px" prop="fileListFour">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length > 0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 载体建设奖补模版 -->
<el-col :span="24" v-if="templateId == 3" class="upload_col">
<el-form-item label="相关佐证材料" label-width="340px" prop="fileListOne">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length > 0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 3" class="upload_col">
<el-form-item label="项目工商登记许可" label-width="340px" prop="fileListTwo">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length > 0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 3" class="upload_col">
<el-form-item label="消防验收报告" label-width="340px" prop="fileListThree">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length > 0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 信用管理奖补模版 -->
<el-col :span="24" v-if="templateId == 7" class="upload_col">
<el-form-item label="项目方案" label-width="340px" prop="fileListOne">
<div class="form_item">包括项目基本情况项目投资情况以及实施进展项目目标及取得的主要成效</div>
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length > 0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 7" class="upload_col">
<el-form-item label="资金使用说明" label-width="340px" prop="fileListTwo">
<div class="form_item">项目未完成的需提供内容主要包括项目计划投资额投资明细目前已完成投资情况和后续投入计划等</div>
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length > 0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 7" class="upload_col">
<el-form-item label="项目专项审计报告" label-width="340px" prop="fileListThree">
<div class="form_item">项目已完成的需提供</div>
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length > 0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 制造服务业有效投入奖补模版 -->
<el-col :span="24" v-if="templateId == 9" class="upload_col">
<el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListOne">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length > 0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9" class="upload_col">
<el-form-item label="购置设备发票清单及发票扫描件" label-width="340px" prop="fileListTwo">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length > 0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9" class="upload_col">
<el-form-item label="会计师事务所出具的企业申报项目购置设备情况的专项审计报告" label-width="340px" prop="fileListThree">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length > 0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9" class="upload_col">
<el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length > 0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 物流发展奖补模版 -->
<el-col :span="24" v-if="templateId == 10" class="upload_col">
<el-form-item label="荣誉证明文件" label-width="340px" prop="fileListOne">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length > 0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10" class="upload_col">
<el-form-item label="平台名称" label-width="340px" prop="fileListTwo">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length > 0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10" class="upload_col">
<el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListThree">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length > 0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10" class="upload_col">
<el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length > 0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 物流发展奖补模版 -->
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="证明文件" label-width="340px" prop="fileListOne">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length > 0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="营业执照" label-width="340px" prop="fileListTwo">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length > 0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="完税证明" label-width="340px" prop="fileListThree">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length > 0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="审计报告" label-width="340px" prop="fileListFour">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length > 0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="股权架构图" label-width="340px" prop="fileListFive">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFive" :file-list="fileListFive" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFive.length > 0" class="upload_ul">
<li v-for="item in uploadListFive" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFive(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="项目申报报告" label-width="340px" prop="fileListSix">
<div class="form_item">含企业基本情况和项目基本情况</div>
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadSix" :file-list="fileListSix" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListSix.length > 0" class="upload_ul">
<li v-for="item in uploadListSix" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadSix(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="独立核算相关证明" label-width="340px" prop="fileListSeven">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadSeven" :file-list="fileListSeven" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListSeven.length > 0" class="upload_ul">
<li v-for="item in uploadListSeven" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadSeven(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="验资报告" label-width="340px" prop="fileListEight">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadEight" :file-list="fileListEight" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListEight.length > 0" class="upload_ul">
<li v-for="item in uploadListEight" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadEight(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11" class="upload_col">
<el-form-item label="其他证明材料" label-width="340px" prop="fileListNine">
<el-upload class="upload-demo" :show-file-list="false" action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadNine" :file-list="fileListNine" :on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span
style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListNine.length > 0" class="upload_ul">
<li v-for="item in uploadListNine" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadNine(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- -->
<el-col :span="24" v-if="templateId == 12" class="upload_col upload_col_one">
<!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
<el-form-item :label="form.template_type == '1' ? '淘汰落后生产工艺装备' : '退出低端低效产能装备'" label-width="340px"
prop="fileListOne">
<!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
<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 }}</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 == 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 }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)"></el-button>
</li>
</ul>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
<!-- <div class="operate_btn">
<el-button @click="goBack"></el-button>
<el-button @click="submitForm" >暂存</el-button>
<el-button type="success" @click="submitForm" class="btn">提交</el-button>
</div> -->
</div>
<div class="right_content">
<div class="left_main">
<div class="left_title">
<el-steps :active="active" finish-status="process" align-center>
<el-step title="初审"></el-step>
<el-step title="复审"></el-step>
<!-- <el-step title="专家评审中"></el-step>
<el-step title="市级评定中"></el-step> -->
<!-- <el-step title="上级评定中"></el-step> -->
<el-step title="终审"></el-step>
<!-- <el-step title="评定通过"></el-step> -->
</el-steps>
</div>
<el-tabs type="border-card">
<el-tab-pane label="审批流程">
<div class="empty">
<div class="top">
同步获取表单流程
</div>
<p class="bottom">
暂无审批流程
</p>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
<div class="operate_btn">
<el-button @click="goBack"></el-button>
<!-- <el-button @click="submitForm('ts')" >暂存</el-button> -->
<el-button type="success" @click="submitForm('sub')" class="btn">提交</el-button>
</div>
</div>
</template>
<script>
import {
getTemplateInfo, getBasicInfo, getOpenInterface, templateList, uploadFile,
templateGetId,
addProjectSettlementAward, putProjectSettlementAward,
addBigStrongAward, putBigStrongAward,
addCarrierConstructionAward, putCarrierConstructionAward,
addPlatformConstructionAward, putPlatformConstructionAward,
addBrandingAward, putBrandingAward,
addSceneOpeningAward, putSceneOpeningAward,
addCreditManagement, putCreditManagement,
addIndustrialInternetAward, putIndustrialInternetAward,
addManufacturingServicesAward, putManufacturingServicesAward,
addLogisticsDevelopmentAward, putLogisticsDevelopmentAward,
addIntegrationIndustries, putIntegrationIndustries,
addOutQuitProducts, putOutQuitProducts,
systemfill
} from "@/api/onlineDeclartion/declareAddContent"
import { dealFormatDate } from "@/utils/index.js"
import ismybuild from "./ismybuild/index.vue"
export default {
name: "declareAddContent",
// 'sys_show_hide', 'sys_normal_disable', 'bms_product_area', 'bms_declaration_type','bms_template_type', 'bms_declaration_channels',
dicts: ['bms_responsibility_unit', 'bms_level', 'bms_affiliation_type', 'sys_declaration_type', 'jjh_project_type', 'template_industry', 'new_template_type', "project_middle_type", "project_small_type", "project_categories"],
data() {
//验证手机号的规则
var checkMobile = (rule, value, cb) => {
const regMobile = /^(0|86|17951)?(13[0-9]|15[0123456789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
if (regMobile.test(value)) {
//合法的手机号
return cb();
}
//手机号不合法
cb(new Error('请输入合法的手机号!'));
}
return {
size: '',
templateInfo: {},
baseInfo: {},
openInterfaceInfo: {},
templateDataList: [],
enterpriseDirectory: null,
form: {
industry: "",
template_type: "1",
},
active: 4,
templateId: null,
declarationId: null,
templateRecordId: 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" }
],
taxationNowYear: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
rewardDescription: [
{ required: true, message: "请输入获得园区其他经营奖励", trigger: "blur" }
],
// 3
quantityProportion: [
{ required: true, message: "请输入文体企业数量占比", trigger: "blur" }
],
revenueProportion: [
{ required: true, message: "请输入文体企业营收占比", trigger: "blur" }
],
personnelProportion: [
{ required: true, message: "请输入文体企业从业人员占比", trigger: "blur" }
],
// 8
honoraryName: [
{ required: true, message: "请输入荣誉名称", trigger: "blur" }
],
//
honorsReceived: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
level: [
{ required: true, message: "请输入获得园区其他经营奖励", trigger: "blur" }
],
// 11
declarationType: [
{ required: true, message: "请选择项目", trigger: "blur" }
],
mainProducts: [
{ required: true, message: "请输入主要产品", trigger: "blur" }
],
industry: [
{ required: true, message: "请选择所属行业", trigger: "blur" }
],
workContact: [
{ required: true, message: "请输入工作联系人", trigger: "blur" }
],
iphone: [
{ required: true, message: "请输入联系电话", trigger: "blur" },
{ validator: checkMobile, trigger: 'blur' }
],
template_type: [
{ required: true, message: "请选择类别", trigger: "blur" }
],
},
fileList: [],
fileListOne: [],
fileListTwo: [],
fileListThree: [],
fileListFour: [],
fileListFive: [],
fileListSix: [],
fileListSeven: [],
fileListEight: [],
fileListNine: [],
// 上传列表
uploadList: [],
uploadListOne: [],
uploadListTwo: [],
uploadListThree: [],
uploadListFour: [],
uploadListFive: [],
uploadListSix: [],
uploadListSeven: [],
uploadListEight: [],
uploadListNine: [],
};
},
async mounted() {
let { templateId, templateRecordId, pageType, declarationId } = this.$route.query;
this.declarationId = declarationId
this.templateId = templateId
this.templateRecordId = templateRecordId
let { data } = await getTemplateInfo({ templateId: templateId })
this.templateInfo = data
// console.log(7777, this.templateInfo);
this.$refs.ismybuild.jsonOpen(this.templateInfo.templateJson)
switch (this.templateId) {
case '2':
this.uploadLabel = '企业近3年发展情况及未来发展计划'
break;
case '4':
this.uploadLabel = '合作协议'
break;
case '5':
this.uploadLabel = '证明材料'
break;
case '6':
this.uploadLabel = '证明材料'
break;
case '8':
this.uploadLabel = '证明材料'
break;
}
// console.log('this.templateInfo: ', this.templateInfo);
getBasicInfo({ enterpriseId: this.$store.state.user.enterpriseId }).then((response) => {
this.baseInfo = response.data
// console.log(this.baseInfo);
})
getOpenInterface({ templateRecordId: templateRecordId }).then((response) => {
this.openInterfaceInfo = response.data
})
// templateList({
// responsibilityUnit: this.templateInfo.responsibilityUnit,
// enterpriseId: this.$store.state.user.enterpriseId,
// pageNum: 1,
// pageSize: 10,
// }).then((response) => {
// this.templateDataList = response.rows
// })
templateGetId(templateRecordId).then(res => {
this.enterpriseDirectory = res.data.enterpriseDirectory
})
},
methods: {
goBack() {
this.$router.go(-1)
},
// 切换类别
handleCheckedCitiesChange(value) {
if (this.fileListOne || this.uploadListOne) {
this.fileListOne = [];
this.uploadListOne = [];
this.form.fileName = ''
this.form.fileListOne = []
}
},
submitForm(type) {
function validatePhoneNumber(text, phoneNumber) {
const pattern = text
const regex = new RegExp(pattern.slice(1, -1)); // 创建正则表达式对象,去除 pattern 字符串两端的斜杠
// console.log("yanzhengyanzheneg ", regex.test(phoneNumber));
return regex.test(phoneNumber);
}
// console.log(this.$refs.ismybuild.drawingList);
let drawingList = this.$refs.ismybuild.drawingList
// 循环所有内容
for (let index = 0; index < drawingList.length; index++) {
// 判断是否要校验
if (drawingList[index].required) {
if (!drawingList[index].defaultValue) {
this.$message.error('请填写' + drawingList[index].label);
return
} else {
//如果有正则,判断是否能通过
if (drawingList[index].regList.length != 0) {
if (!validatePhoneNumber(drawingList[index].regList[0].pattern, drawingList[index].defaultValue)) {
this.$message.error(drawingList[index].regList[0].message);
return
}
}
}
}
}
let myJSON = JSON.parse(this.templateInfo.templateJson)
myJSON.fields = drawingList
let obj = {
creditCode: this.baseInfo.bszh,
declarationId: this.declarationId,
templateJson: JSON.stringify(myJSON),
templateRecordId: this.templateRecordId
}
systemfill(obj).then(res => {
// console.log(999, res);
})
this.$refs["form"].validate(valid => {
if (valid) {
let params = {
declarationId: this.declarationId,
// 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.templateInfo.templateName,
year: this.templateInfo.createTime,
projectId: this.templateId,
templateRecordId: this.templateRecordId,
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
// 2024年度淘汰落后和退出低端低效产能装备清单
// mainProducts: '', // 主要产品
// industry: '', // 所属行业
// workContact: '', // 工作联系人
// iphone: '', // 联系电话
// template_type: '', // 类别
}
if (this.templateId == "1") {
params.establishTime = this.form.establishTime
params.employeeNum = this.form.employeeNum
params.fillingTime = dealFormatDate(new Date())
params.agreement = '' //招商协议
params.businessLicense = '' //营业执照
params.otherMaterials = '' //其它证明材料
params.report = '' //验资报告
this.uploadListOne.forEach((item, index) => {
if (this.uploadListOne.length - 1 == index) {
params.agreement += `${item.url}`
} else {
params.agreement += `${item.url},`
}
})
this.uploadListTwo.forEach((item, index) => {
if (this.uploadListTwo.length - 1 == index) {
params.report += `${item.url}`
} else {
params.report += `${item.url},`
}
})
this.uploadListThree.forEach((item, index) => {
if (this.uploadListThree.length - 1 == index) {
params.businessLicense += `${item.url}`
} else {
params.businessLicense += `${item.url},`
}
})
this.uploadListFour.forEach((item, index) => {
if (this.uploadListFour.length - 1 == index) {
params.otherMaterials += `${item.url}`
} else {
params.otherMaterials += `${item.url},`
}
})
let detailList = []
// detailList.push({amount: this.form.revenueNowYear1,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear1',year: this.openInterfaceInfo.year})
// detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: this.openInterfaceInfo.year})
// detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: Number(this.openInterfaceInfo.year)+1})
// detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrate: '预计税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: Number(this.openInterfaceInfo.year)+1})
detailList.push({ amount: this.form.revenueNowYear1, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear1', year: 2021 })
detailList.push({ amount: this.form.taxationNowYear1, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear1', year: 2021 })
detailList.push({ amount: this.form.revenueNowYear, detailId: '', illustrate: '预计营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear', year: 2022 })
detailList.push({ amount: this.form.taxationNowYear, detailId: '', illustrate: '预计税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear', year: 2022 })
params.fundingDetailList = detailList
// console.log('11', params);
addProjectSettlementAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "2") {
params.rewardDescription = this.form.rewardDescription
params.isGainRewards = this.form.isGainRewards
params.establishTime = this.form.establishTime
params.fillingTime = dealFormatDate(new Date())
params.developmentPlan = ''
this.uploadList.forEach((item, index) => {
if (this.uploadList.length - 1 == index) {
params.developmentPlan += `${item.url}`
} else {
params.developmentPlan += `${item.url},`
}
})
let detailList = []
// detailList.push({amount: this.form.revenueNowYear3,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear3',year: this.openInterfaceInfo.year})
// detailList.push({amount: this.form.taxationNowYear3,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear3',year: this.openInterfaceInfo.year})
// detailList.push({amount: this.form.revenueNowYear2,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear2',year: Number(this.openInterfaceInfo.year)+1})
// detailList.push({amount: this.form.taxationNowYear2,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear2',year: Number(this.openInterfaceInfo.year)+1})
// detailList.push({amount: this.form.revenueNowYear1,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear1',year: Number(this.openInterfaceInfo.year)+2})
// detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: Number(this.openInterfaceInfo.year)+2})
// detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: Number(this.openInterfaceInfo.year)+3})
// detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: Number(this.openInterfaceInfo.year)+3})
detailList.push({ amount: this.form.revenueNowYear3, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear3', year: 2021 })
detailList.push({ amount: this.form.taxationNowYear3, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear3', year: 2021 })
detailList.push({ amount: this.form.revenueNowYear2, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear2', year: 2022 })
detailList.push({ amount: this.form.taxationNowYear2, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear2', year: 2022 })
detailList.push({ amount: this.form.revenueNowYear1, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear1', year: 2023 })
detailList.push({ amount: this.form.taxationNowYear1, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear1', year: 2023 })
detailList.push({ amount: this.form.revenueNowYear, detailId: '', illustrate: '预计营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear', year: 2024 })
detailList.push({ amount: this.form.taxationNowYear, detailId: '', illustrate: '预计营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear', year: 2024 })
params.fundingDetailList = detailList
// console.log('11', params);
addBigStrongAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "3") {
params.quantityProportion = this.form.quantityProportion
params.revenueProportion = this.form.revenueProportion
params.personnelProportion = this.form.personnelProportion
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item, index) => {
if (this.uploadListOne.length - 1 == index) {
params.supportingMaterials += `${item.url}`
} else {
params.supportingMaterials += `${item.url},`
}
})
this.uploadListTwo.forEach((item, index) => {
if (this.uploadListTwo.length - 1 == index) {
params.businessLicense += `${item.url}`
} else {
params.businessLicense += `${item.url},`
}
})
this.uploadListThree.forEach((item, index) => {
if (this.uploadListThree.length - 1 == index) {
params.fireReport += `${item.url}`
} else {
params.fireReport += `${item.url},`
}
})
// console.log('11', params);
addCarrierConstructionAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "4") {
params.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);
addPlatformConstructionAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
})
}
if (this.templateId == "5") {
params.honorsReceived = this.form.honorsReceived
params.level = this.form.level
params.fillingTime = dealFormatDate(new Date())
params.evidence = ''
this.uploadList.forEach((item, index) => {
if (this.uploadList.length - 1 == index) {
params.evidence += `${item.url}`
} else {
params.evidence += `${item.url},`
}
})
// console.log('11', params);
addBrandingAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "6") {
params.type = this.form.type
params.fillingTime = dealFormatDate(new Date())
this.uploadList.forEach((item, index) => {
if (this.uploadList.length - 1 == index) {
params.material += `${item.url}`
} else {
params.material += `${item.url},`
}
})
// console.log('11', params);
addSceneOpeningAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "7") {
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item, index) => {
if (this.uploadListOne.length - 1 == index) {
params.projectPlan += `${item.url}`
} else {
params.projectPlan += `${item.url},`
}
})
this.uploadListTwo.forEach((item, index) => {
if (this.uploadListTwo.length - 1 == index) {
params.usesFunds += `${item.url}`
} else {
params.usesFunds += `${item.url},`
}
})
this.uploadListThree.forEach((item, index) => {
if (this.uploadListThree.length - 1 == index) {
params.auditReport += `${item.url}`
} else {
params.auditReport += `${item.url},`
}
})
// console.log('11', params);
addCreditManagement(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "8") {
params.honoraryName = this.form.honoraryName
params.fillingTime = dealFormatDate(new Date())
this.uploadList.forEach((item, index) => {
if (this.uploadList.length - 1 == index) {
params.material += `${item.url}`
} else {
params.material += `${item.url},`
}
})
// console.log('11', params);
addIndustrialInternetAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "9") {
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item, index) => {
if (this.uploadListOne.length - 1 == index) {
params.filingNotice += `${item.url}`
} else {
params.filingNotice += `${item.url},`
}
})
this.uploadListTwo.forEach((item, index) => {
if (this.uploadListTwo.length - 1 == index) {
params.invoice += `${item.url}`
} else {
params.invoice += `${item.url},`
}
})
this.uploadListThree.forEach((item, index) => {
if (this.uploadListThree.length - 1 == index) {
params.auditReport += `${item.url}`
} else {
params.auditReport += `${item.url},`
}
})
this.uploadListFour.forEach((item, index) => {
if (this.uploadListFour.length - 1 == index) {
params.financialStatements += `${item.url}`
} else {
params.financialStatements += `${item.url},`
}
})
// console.log('11', params);
addManufacturingServicesAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "10") {
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item, index) => {
if (this.uploadListOne.length - 1 == index) {
params.honorCertificate += `${item.url}`
} else {
params.honorCertificate += `${item.url},`
}
})
this.uploadListTwo.forEach((item, index) => {
if (this.uploadListTwo.length - 1 == index) {
params.platformName += `${item.url}`
} else {
params.platformName += `${item.url},`
}
})
this.uploadListThree.forEach((item, index) => {
if (this.uploadListThree.length - 1 == index) {
params.filingNotice += `${item.url}`
} else {
params.filingNotice += `${item.url},`
}
})
this.uploadListFour.forEach((item, index) => {
if (this.uploadListFour.length - 1 == index) {
params.auditReport += `${item.url}`
} else {
params.auditReport += `${item.url},`
}
})
// console.log('11', params);
addLogisticsDevelopmentAward(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
if (this.templateId == "11") {
params.declarationType = this.form.declarationType
params.fillingTime = dealFormatDate(new Date())
this.uploadListOne.forEach((item, index) => {
if (this.uploadListOne.length - 1 == index) {
params.evidence += `${item.url}`
} else {
params.evidence += `${item.url},`
}
})
this.uploadListTwo.forEach((item, index) => {
if (this.uploadListTwo.length - 1 == index) {
params.businessLicense += `${item.url}`
} else {
params.businessLicense += `${item.url},`
}
})
this.uploadListThree.forEach((item, index) => {
if (this.uploadListThree.length - 1 == index) {
params.taxPaymentCertificate += `${item.url}`
} else {
params.taxPaymentCertificate += `${item.url},`
}
})
this.uploadListFour.forEach((item, index) => {
if (this.uploadListFour.length - 1 == index) {
params.auditReport += `${item.url}`
} else {
params.auditReport += `${item.url},`
}
})
this.uploadListFive.forEach((item, index) => {
if (this.uploadListFive.length - 1 == index) {
params.equityStructureChart += `${item.url}`
} else {
params.equityStructureChart += `${item.url},`
}
})
this.uploadListSix.forEach((item, index) => {
if (this.uploadListSix.length - 1 == index) {
params.declarationReport += `${item.url}`
} else {
params.declarationReport += `${item.url},`
}
})
this.uploadListSeven.forEach((item, index) => {
if (this.uploadListSeven.length - 1 == index) {
params.independentAccounting += `${item.url}`
} else {
params.independentAccounting += `${item.url},`
}
})
this.uploadListEight.forEach((item, index) => {
if (this.uploadListEight.length - 1 == index) {
params.capitalVerificationReport += `${item.url}`
} else {
params.capitalVerificationReport += `${item.url},`
}
})
this.uploadListNine.forEach((item, index) => {
if (this.uploadListNine.length - 1 == index) {
params.otherEvidence += `${item.url}`
} else {
params.otherEvidence += `${item.url},`
}
})
// console.log('11', params);
addIntegrationIndustries(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
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},`
}
})
// console.log(params);
addOutQuitProducts(params).then((response) => {
this.$message.success("上传成功");
this.$router.go(-1)
}).catch((response) => {
})
}
}
});
},
handleRemove(file, fileList) {
this.fileList = fileList
},
handleFileUpload(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
// console.log(response,"response");
// console.log(file,"file");
this.fileList.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.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.uploadListOne.push(data)
// this.form.fileListOne = this.fileListOne
this.$set(this.form, 'fileListOne', this.fileListOne)
// console.log('this.fileListOne: ', this.fileListOne);
})
},
/* 上传二 */
handleFileUploadTwo(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListTwo.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListTwo.push(data)
// this.form.fileListTwo = this.fileListTwo
this.$set(this.form, 'fileListTwo', this.fileListTwo)
// console.log('this.fileListTwo: ', this.fileListTwo);
})
},
/* 上传三 */
handleFileUploadThree(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListThree.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListThree.push(data)
// this.form.fileListThree = this.fileListThree
this.$set(this.form, 'fileListThree', this.fileListThree)
// console.log('this.fileListThree: ', this.fileListThree);
})
},
/* 上传四 */
handleFileUploadFour(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListFour.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListFour.push(data)
// this.form.fileListFour = this.fileListFour
this.$set(this.form, 'fileListFour', this.fileListFour)
// console.log('this.fileListFour: ', this.fileListFour);
})
},
/* 上传五 */
handleFileUploadFive(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListFive.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListFive.push(data)
// this.form.fileListFive = this.fileListFive
this.$set(this.form, 'fileListFive', this.fileListFive)
// console.log('this.fileListFive: ', this.fileListFive);
})
},
/* 上传六 */
handleFileUploadSix(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListSix.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListSix.push(data)
// this.form.fileListSix = this.fileListSix
this.$set(this.form, 'fileListSix', this.fileListSix)
// console.log('this.fileListSix: ', this.fileListSix);
})
},
/* 上传七 */
handleFileUploadSeven(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListSeven.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListSeven.push(data)
// this.form.fileListSeven = this.fileListSeven
this.$set(this.form, 'fileListSeven', this.fileListSeven)
// console.log('this.fileListSeven: ', this.fileListSeven);
})
},
/* 上传八 */
handleFileUploadEight(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListEight.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListEight.push(data)
// this.form.fileListEight = this.fileListEight
this.$set(this.form, 'fileListEight', this.fileListEight)
// console.log('this.fileListEight: ', this.fileListEight);
})
},
/* 上传九 */
handleFileUploadNine(params) {
// console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListNine.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.fileName;
this.uploadListNine.push(data)
// this.form.fileListNine = this.fileListNine
this.$set(this.form, 'fileListNine', this.fileListNine)
// console.log('this.fileListNine: ', this.fileListNine);
})
},
/* 删除上传一 */
deleteUploadOne(value) {
this.uploadListOne = this.uploadListOne.filter(item => {
return item.url != value.url
})
if (this.uploadListOne.length == 0) {
this.form.fileListOne = []
}
},
/* 删除上传二 */
deleteUploadTwo(value) {
this.uploadListTwo = this.uploadListTwo.filter(item => {
return item.url != value.url
})
if (this.uploadListTwo.length == 0) {
this.form.fileListTwo = []
}
},
/* 删除上传三 */
deleteUploadThree(value) {
this.uploadListThree = this.uploadListThree.filter(item => {
return item.url != value.url
})
if (this.uploadListThree.length == 0) {
this.form.fileListThree = []
}
},
/* 删除上传四 */
deleteUploadFour(value) {
this.uploadListFour = this.uploadListFour.filter(item => {
return item.url != value.url
})
if (this.uploadListFour.length == 0) {
this.form.fileListFour = []
}
},
/* 删除上传五 */
deleteUploadFive(value) {
this.uploadListFive = this.uploadListFive.filter(item => {
return item.url != value.url
})
if (this.uploadListFive.length == 0) {
this.form.fileListFive = []
}
},
/* 删除上传六 */
deleteUploadSix(value) {
this.uploadListSix = this.uploadListSix.filter(item => {
return item.url != value.url
})
if (this.uploadListSix.length == 0) {
this.form.fileListSix = []
}
},
/* 删除上传七 */
deleteUploadSeven(value) {
this.uploadListSeven = this.uploadListSeven.filter(item => {
return item.url != value.url
})
if (this.uploadListSeven.length == 0) {
this.form.fileListSeven = []
}
},
/* 删除上传八 */
deleteUploadEight(value) {
this.uploadListEight = this.uploadListEight.filter(item => {
return item.url != value.url
})
if (this.uploadListEight.length == 0) {
this.form.fileListEight = []
}
},
/* 删除上传九 */
deleteUploadNine(value) {
this.uploadListNine = this.uploadListNine.filter(item => {
return item.url != value.url
})
if (this.uploadListNine.length == 0) {
this.form.fileListNine = []
}
},
},
components: { ismybuild }
}
</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;
}
.templateInfo {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
.templateInfo_left {
// width: 100px;
margin-right: 10px;
}
}
.f_validate {
color: red;
}
</style>
<style lang="scss" scoped>
.addContent {
// height: 100% !important;
// height: calc(100vh - 100px);
height: 100%;
// padding: 10px 10px 0 10px;
background-color: #f6f7f9;
.detail_content {
display: flex;
justify-content: space-between;
// height: calc(100vh - 140px);
height: calc(100% - 40px);
.left_content {
// height: calc(100vh - 140px);
height: 100%;
width: 69.5%;
overflow: auto;
background-color: #fff;
padding: 20px;
}
.right_content {
// height: calc(100vh - 140px);
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;
}
}
}
}
}
.operate_btn {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding-top: 10px;
}
.form {
height: calc(100% - 150px);
background-color: #fff;
padding: 15px;
.table-content {
margin-top: 10px;
}
.last_upload {
margin-bottom: 30px;
}
}
.left_title {
height: 77px;
padding-top: 20px;
background-color: #fff;
margin-bottom: 4px;
}
}
::v-deep .el-step__title {
font-size: 12px;
color: #192A92;
border-color: none;
}
::v-deep .el-step__head.is-process {
color: #192A92;
}
::v-deep .el-step__line {
background-color: #192A92;
}
::v-deep .el-step__icon {
border: 2px solid #ffff;
box-shadow: 0 0 10px #ccc;
}
::v-deep .el-form-item {
margin-bottom: 0;
}
.el-tabs--border-card {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
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;
// }
.form_item {
position: absolute;
width: 300px;
top: 40px;
left: -340px;
color: red;
font-size: 12px;
line-height: 24px;
}
</style>