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/supplementary/index.vue

2259 lines
102 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-descriptions class="margin-top" :column="2" :size="size" :label-style="LS">
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>申报类别
</template>
<el-form-item label-width="0" prop="templateRecordId">
<el-select v-model="form.templateRecordId" @change="changeTemplate" placeholder="请选择申报类别" clearable style="width: 100%;">
<el-option
v-for="dict in templateRecordList"
:key="dict.templateRecordId"
:label="dict.templateName"
:value="dict.templateRecordId"
/>
</el-select>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
责任单位
</template>
<dict-tag :options="dict.type.bms_responsibility_unit" :value="templateInfo.responsibilityUnit"/>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
申报时间
</template>
<div>{{ parseTime(new Date(), '{y}-{m}-{d}') }}</div>
</el-descriptions-item>
</el-descriptions>
<el-descriptions class="margin-top" title="【申报企业信息】" :column="3" :size="size" border :label-style="LS_new">
<el-descriptions-item :contentStyle="CS">
<template slot="label">
申报企业名称
</template>
{{ baseInfo.enterpriseName }}
</el-descriptions-item>
<el-descriptions-item :contentStyle="CS">
<template slot="label">
<span class="f_validate">*</span>统一社会信用代码
</template>
<el-form-item label-width="0" prop="socialCode">
<el-input placeholder="请输入统一社会信用代码" v-model="form.socialCode" clearable @input="inputSocialCode">
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item :contentStyle="CS">
<template slot="label">
联络人
</template>
{{ baseInfo.contacts }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
联络电话
</template>
{{ baseInfo.contactsNumber }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
企业地址
</template>
{{ baseInfo.address }}
</el-descriptions-item>
</el-descriptions>
<!-- 项目落户奖补模版 -->
<div class="table-content" v-if="templateId == 1">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>申报单位成立时间
</template>
<el-form-item label-width="0" prop="establishTime">
<el-date-picker
v-model="form.establishTime"
type="date"
placeholder="请选择申报单位成立时间"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>截止目前员工人数
</template>
<el-form-item label-width="0" prop="employeeNum">
<el-input placeholder="请输入截至目前人数" v-model="form.employeeNum" maxlength="10">
<template slot="append">人</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear1">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear1" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear1">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear1" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计营收
</template>
<el-form-item label-width="0" prop="revenueNowYear">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计税收
</template>
<el-form-item label-width="0" prop="taxationNowYear">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear" maxlength="10">
<template slot="append">元</template>
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 做大做强奖补模版 -->
<div class="table-content" v-if="templateId == 2">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>申报单位成立时间
</template>
<el-form-item label-width="0" prop="establishTime">
<el-date-picker
v-model="form.establishTime"
type="date"
placeholder="请选择申报单位成立时间"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>是否获得园区其他经营奖励
</template>
<el-form-item label-width="0" prop="isGainRewards">
<el-radio-group v-model="form.isGainRewards">
<el-radio :label="0">否</el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2021年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear3">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear3">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2021年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear3">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear3">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2022年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear2">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear2">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2022年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear2">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear2">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年营收
</template>
<el-form-item label-width="0" prop="revenueNowYear1">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear1">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2023年税收
</template>
<el-form-item label-width="0" prop="taxationNowYear1">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear1">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计营收
</template>
<el-form-item label-width="0" prop="revenueNowYear">
<el-input placeholder="请输入金额" v-model="form.revenueNowYear">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>2024年预计税收
</template>
<el-form-item label-width="0" prop="taxationNowYear">
<el-input placeholder="请输入金额" v-model="form.taxationNowYear">
<template slot="append"></template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>园区其他经营奖励
</template>
<el-form-item label-width="0" prop="rewardDescription">
<el-input placeholder="请输入其他经营奖励" v-model="form.rewardDescription">
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 载体建设奖补模版 -->
<div class="table-content" v-if="templateId == 3">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>文体企业数量占比
</template>
<el-form-item prop="quantityProportion" label-width="0">
<el-input
type="text"
placeholder="请输入文体企业数量占比"
v-model="form.quantityProportion"
maxlength="5"
show-word-limit
>
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>文体企业营收占比
</template>
<el-form-item prop="revenueProportion" label-width="0">
<el-input
type="text"
placeholder="请输入文体企业营收占比"
v-model="form.revenueProportion"
maxlength="5"
show-word-limit
>
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>文体企业从业人员占比
</template>
<el-form-item prop="personnelProportion" label-width="0">
<el-input
type="text"
placeholder="请输入文体企业从业人员占比"
v-model="form.personnelProportion"
maxlength="5"
show-word-limit
>
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 平台建设模版 -->
<div class="table-content" v-if="templateId == 4">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>平台(项目)名称
</template>
<el-form-item label-width="0" prop="platfromName">
<el-input
type="text"
placeholder="请输入平台(项目)"
v-model="form.platfromName"
maxlength="50"
show-word-limit
>
</el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 品牌打造奖补模版 -->
<div class="table-content" v-if="templateId == 5">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>所获荣誉/所举办活动
</template>
<el-form-item prop="honorsReceived" label-width="0">
<el-input
type="text"
placeholder="请输入所获荣誉/所举办活动"
v-model="form.honorsReceived"
show-word-limit
>
</el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>所获等级
</template>
<el-form-item label-width="0" prop="level">
<el-select v-model="form.level" placeholder="请选择所属等级" clearable style="width: 100%;">
<el-option
v-for="dict in dict.type.bms_level"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 场景开放模版 -->
<div class="table-content" v-if="templateId == 6">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>所属类型
</template>
<el-form-item label-width="0" prop="type">
<el-select v-model="form.type" placeholder="请选择责任单位" clearable style="width: 100%;">
<el-option
v-for="dict in dict.type.bms_affiliation_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 5G+工业互联网奖补模版 -->
<div class="table-content" v-if="templateId == 8">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>荣誉名称
</template>
<el-form-item label-width="0" prop="honoraryName">
<el-input placeholder="请输入荣誉名称" v-model="form.honoraryName"></el-input>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 信用管理奖补模版 -->
<!-- 制造服务业有效投入奖补模版 -->
<!-- 物流发展奖补模版 -->
<div class="table-content" v-if="(templateId == 7) || (templateId == 9) || (templateId == 10)">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 两业融合奖补模版 -->
<div class="table-content" v-if="templateId == 11">
<el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
<el-descriptions-item>
<template slot="label">
项目名称
</template>
{{ openInterfaceInfo.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label">
<span class="f_validate">*</span>申报类型
</template>
<el-form-item label-width="0" prop="declarationType">
<el-select v-model="form.declarationType" placeholder="请选择项目" style="width: 100%;">
<el-option
v-for="dict in dict.type.sys_declaration_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-descriptions-item>
</el-descriptions>
</div>
<!-- 上传文件列表 -->
<div class="table-content last_upload">
<p>【上传材料】</p>
<el-row>
<el-col :span="24" v-if="(templateId == 2 )|| (templateId == 4 ) || (templateId == 5 ) || (templateId == 6 ) || (templateId == 8 ) ">
<!-- <el-form-item label="企业近3年发展情况及未来发展计划" label-width="340px" v-if="templateId == 2">
<el-upload
cclass="upload-demo"
:show-file-list="true"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUpload"
:file-list="fileList"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>文件</div>
</el-upload>
</el-form-item>
<el-form-item label="证明材料" label-width="340px" v-if="templateId == 6" prop="fileList">
<div class="form_item">公示、发文证明、专家评分表</div>
<el-upload
class="upload-demo"
:show-file-list="true"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUpload"
:file-list="fileList"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>文件</div>
</el-upload>
</el-form-item> -->
<!-- 平台建设模版 -->
<el-form-item :label="uploadLabel" label-width="340px" prop="fileList">
<!-- 平台建设奖补模版 -->
<div v-if="templateId == 4" class="form_item">如不宜公开则上传封面及盖章页</div>
<!-- 品牌打造奖补模版 -->
<div v-if="templateId == 5" class="form_item">上级发文、新闻报道、现场照片、发票</div>
<!-- 场景开放模版 -->
<div v-if="templateId == 6" class="form_item">公示、发文证明、专家评分表</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUpload"
:file-list="fileList"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileList.length >0" class="upload_ul">
<li v-for="item in uploadList" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUpload(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 项目落户奖补模版 -->
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="招商协议" label-width="340px" prop="fileListOne">
<div class="form_item">如不宜公开则上传封面及盖章页</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="验资报告" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="营业执照" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 1 " class="upload_col">
<el-form-item label="其他证明材料" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 载体建设奖补模版 -->
<el-col :span="24" v-if="templateId == 3 " class="upload_col">
<el-form-item label="相关佐证材料" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 3 " class="upload_col">
<el-form-item label="项目工商登记许可" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 3 " class="upload_col">
<el-form-item label="消防验收报告" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 信用管理奖补模版 -->
<el-col :span="24" v-if="templateId == 7 " class="upload_col">
<el-form-item label="项目方案" label-width="340px" prop="fileListOne">
<div class="form_item">包括项目基本情况、项目投资情况以及实施进展、项目目标及取得的主要成效</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 7 " class="upload_col">
<el-form-item label="资金使用说明" label-width="340px" prop="fileListTwo">
<div class="form_item">项目未完成的需提供,内容主要包括项目计划投资额,投资明细,目前已完成投资情况和后续投入计划等</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 7 " class="upload_col">
<el-form-item label="项目专项审计报告" label-width="340px" prop="fileListThree">
<div class="form_item">项目已完成的需提供</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 制造服务业有效投入奖补模版 -->
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="购置设备发票清单及发票扫描件" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="会计师事务所出具的企业申报项目购置设备情况的专项审计报告" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 9 " class="upload_col">
<el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 物流发展奖补模版 -->
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="荣誉证明文件" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="平台名称" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 10 " class="upload_col">
<el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<!-- 物流发展奖补模版 -->
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="证明文件" label-width="340px" prop="fileListOne">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadOne"
:file-list="fileListOne"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListOne.length >0" class="upload_ul">
<li v-for="item in uploadListOne" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadOne(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="营业执照" label-width="340px" prop="fileListTwo">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadTwo"
:file-list="fileListTwo"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListTwo.length >0" class="upload_ul">
<li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadTwo(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="完税证明" label-width="340px" prop="fileListThree">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadThree"
:file-list="fileListThree"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListThree.length >0" class="upload_ul">
<li v-for="item in uploadListThree" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadThree(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="审计报告" label-width="340px" prop="fileListFour">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFour"
:file-list="fileListFour"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFour.length >0" class="upload_ul">
<li v-for="item in uploadListFour" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFour(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="股权架构图" label-width="340px" prop="fileListFive">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadFive"
:file-list="fileListFive"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListFive.length >0" class="upload_ul">
<li v-for="item in uploadListFive" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadFive(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="项目申报报告" label-width="340px" prop="fileListSix">
<div class="form_item">含企业基本情况和项目基本情况</div>
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadSix"
:file-list="fileListSix"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListSix.length >0" class="upload_ul">
<li v-for="item in uploadListSix" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadSix(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="独立核算相关证明" label-width="340px" prop="fileListSeven">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadSeven"
:file-list="fileListSeven"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListSeven.length >0" class="upload_ul">
<li v-for="item in uploadListSeven" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadSeven(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="验资报告" label-width="340px" prop="fileListEight">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadEight"
:file-list="fileListEight"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListEight.length >0" class="upload_ul">
<li v-for="item in uploadListEight" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadEight(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
<el-col :span="24" v-if="templateId == 11 " class="upload_col">
<el-form-item label="其他证明材料" label-width="340px" prop="fileListNine">
<el-upload
class="upload-demo"
:show-file-list="false"
action=""
accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
:http-request="handleFileUploadNine"
:file-list="fileListNine"
:on-remove="handleRemove">
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
<div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
</el-upload>
<ul v-if="fileListNine.length >0" class="upload_ul">
<li v-for="item in uploadListNine" :key="item.url" class="upload_li">
<img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
<span class="icon_name">{{ item.name }}</span>
<el-button type="text" style="color: red;" @click="deleteUploadNine(item)">删除</el-button>
</li>
</ul>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
<div class="operate_btn">
<el-button type="success" @click="submitForm" class="btn">提交</el-button>
</div>
</div>
<div class="right_content">
<div class="left_main">
<div class="left_title">
<el-steps :active="active" finish-status="process" align-center>
<el-step title="初审中"></el-step>
<el-step title="复审中"></el-step>
<el-step title="专家评审中"></el-step>
<el-step title="市级评定中"></el-step>
<el-step title="评定通过"></el-step>
</el-steps>
</div>
<div>
<div class="approval_style">审批流程</div>
<div class="empty">
<div class="top">
同步获取表单流程
</div>
<p class="bottom">
暂无审批流程
</p>
</div>
</div>
</div>
</div>
</div>
<div class="operate_btn">
<el-button type="success" @click="submitForm" class="btn"></el-button>
</div>
</div>
</template>
<script>
import { getTemplateInfo, getBasicInfo, getOpenInterface, templateList, uploadFile, unifyReport,
getEnterpriseInfo,
} from "@/api/onlineDeclartion/declareAddContent"
import { dealFormatDate } from "@/utils/index.js"
export default {
name: "supplementary",
dicts: ['sys_show_hide', 'sys_normal_disable', 'bms_product_area', 'bms_declaration_type',
'bms_responsibility_unit', 'bms_level', 'bms_template_type', 'bms_declaration_channels', 'bms_affiliation_type', 'sys_declaration_type'],
data() {
return {
size: '',
templateInfo: {},
baseInfo: {},
openInterfaceInfo: {},
templateRecordList: [],
form: {},
active: 4,
templateId: null,
templateRecordId: null,
uploadLabel: null,
// 表格宽度
LS: {
'width': '145px',
'work-break': 'break-all'
},
LS_new: {
'width': '155px',
'work-break': 'break-all'
},
CS: {
'width': '200px',
'work-break': 'break-all'
},
rules: {
socialCode: [
{ required: true, message: "请输入统一社会信用代码", trigger: "blur" }
],
templateRecordId: [
{ required: true, message: "请选择申报类别", trigger: "blur" }
],
platfromName: [
{ required: true, message: "请输入平台(项目)名称", trigger: "blur" }
],
fileList: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListOne: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListTwo: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListThree: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListFour: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListFive: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListSix: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListSeven: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListEight: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
fileListNine: [
{ required: true, message: "请上传协议", trigger: "blur" }
],
type: [
{ required: true, message: "请选择责任单位", trigger: "blur" }
],
establishTime: [
{ required: true, message: "请输入申报单位成立时间", trigger: "blur" }
],
// 1
employeeNum: [
{ required: true, message: "请输入截至目前人数", trigger: "blur" }
],
isGainRewards: [
{ required: true, message: "请选择", trigger: "blur" }
],
revenueNowYear3: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
taxationNowYear3: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
revenueNowYear2: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
taxationNowYear2: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
revenueNowYear1: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
taxationNowYear1: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
revenueNowYear: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
taxationNowYear: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
rewardDescription: [
{ required: true, message: "请输入获得园区其他经营奖励", trigger: "blur" }
],
// 3
quantityProportion: [
{ required: true, message: "请输入文体企业数量占比", trigger: "blur" }
],
revenueProportion: [
{ required: true, message: "请输入文体企业营收占比", trigger: "blur" }
],
personnelProportion: [
{ required: true, message: "请输入文体企业从业人员占比", trigger: "blur" }
],
// 8
honoraryName: [
{ required: true, message: "请输入荣誉名称", trigger: "blur" }
],
//
honorsReceived: [
{ required: true, message: "请输入正整数", trigger: "blur" }
],
level: [
{ required: true, message: "请输入获得园区其他经营奖励", trigger: "blur" }
],
// 11
declarationType: [
{ required: true, message: "请选择项目", trigger: "blur" }
],
},
fileList: [],
fileListOne: [],
fileListTwo: [],
fileListThree: [],
fileListFour: [],
fileListFive: [],
fileListSix: [],
fileListSeven: [],
fileListEight: [],
fileListNine: [],
// 上传列表
uploadList: [],
uploadListOne: [],
uploadListTwo: [],
uploadListThree: [],
uploadListFour: [],
uploadListFive: [],
uploadListSix: [],
uploadListSeven: [],
uploadListEight: [],
uploadListNine: [],
};
},
async mounted(){},
methods: {
inputSocialCode(valid) {
console.log('valid: ', valid);
if(valid) {
getEnterpriseInfo({socialCode: valid}).then((response) => {
this.baseInfo = response.data.enterpriseBasicList[0]
this.templateRecordList = response.data.templateRecordList
})
}else {
this.templateRecordList = []
}
},
changeTemplate (valid) {
this.templateRecordList.forEach(item => {
if(item.templateRecordId == valid){
this.templateId = item.templateId
}
})
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;
}
getOpenInterface({templateRecordId: valid}).then((response) => {
this.openInterfaceInfo = response.data
})
},
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
let params = {
address: this.baseInfo.address,
contacts: this.baseInfo.contacts,
contactsNumber: this.baseInfo.contactsNumber,
creditCode: this.baseInfo.creditCode,
enterpriseName: this.baseInfo.enterpriseName,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType,
projectName: this.openInterfaceInfo.projectName,
year: this.openInterfaceInfo.year,
projectId: this.templateId,
templateRecordId: this.form.templateRecordId,
status: 1,
agreement:'', //招商协议1
businessLicense: '', //营业执照1,3,11
otherMaterials: '', //其它证明材料1
report: '', //验资报告1
supportingMaterials: '', //相关佐证材料3
fireReport: '', //消防验收报告3
projectPlan: '', //项目方案7
usesFunds: '', //资金使用说明7
auditReport: '', //项目专项审计报告7,9,10,11
filingNotice: '', //企业投资项目备案通知书或核准批复文件9,10
invoice: '', //购置设备发票清单及发票扫描件9
financialStatements: '', //会计师事务所出具的企业财务报表审计报告9
material: '', //证明材料6,8,11
honorCertificate: '', //荣誉证明文件10
platformName: '', //平台名称10
evidence: '', //证明文件11
taxPaymentCertificate: '', //完税证明11
equityStructureChart: '', //股权架构图11
declarationReport: '', //项目申报报告11
independentAccounting: '', //独立核算相关证明11
capitalVerificationReport: '', //验资报告11
otherEvidence: '', //其他证明材料11
}
if(this.templateId == "1") {
params.establishTime = this.form.establishTime
params.employeeNum = this.form.employeeNum
params.fillingTime = dealFormatDate(new Date())
params.agreement = '' //招商协议
params.businessLicense = '' //营业执照
params.otherMaterials = '' //其它证明材料
params.report = '' //验资报告
this.uploadListOne.forEach((item,index) => {
if(this.uploadListOne.length-1 == index){
params.agreement+=`${item.url}`
} else {
params.agreement+=`${item.url},`
}
})
this.uploadListTwo.forEach((item,index) => {
if(this.uploadListTwo.length-1 == index){
params.report+=`${item.url}`
} else {
params.report+=`${item.url},`
}
})
this.uploadListThree.forEach((item,index) => {
if(this.uploadListThree.length-1 == index){
params.businessLicense+=`${item.url}`
} else {
params.businessLicense+=`${item.url},`
}
})
this.uploadListFour.forEach((item,index) => {
if(this.uploadListFour.length-1 == index){
params.otherMaterials+=`${item.url}`
} else {
params.otherMaterials+=`${item.url},`
}
})
let detailList = []
detailList.push({amount: this.form.revenueNowYear1,detailId: '',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})
params.fundingDetailList = detailList
console.log('11', params);
unifyReport({
bmsProjectSettlementAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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})
params.fundingDetailList = detailList
console.log('11', params);
unifyReport({
bmsBigStrongAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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);
unifyReport({
bmsCarrierConstructionAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).catch((response) => {
})
}
if(this.templateId == "4") {
params.platfromName = this.form.platfromName
params.fillingTime = dealFormatDate(new Date())
params.agreement = ''
this.uploadList.forEach((item,index) => {
if(this.uploadList.length-1 == index){
params.agreement+=`${item.url}`
} else {
params.agreement+=`${item.url},`
}
})
console.log('11', params);
unifyReport({
bmsPlatformConstructionAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
})
}
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);
unifyReport({
bmsBrandingAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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);
unifyReport({
bmsSceneOpeningAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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);
unifyReport({
bmsCreditManagementAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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);
unifyReport({
bmsIndustrialInternetAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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);
unifyReport({
bmsManufacturingServicesAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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);
unifyReport({
bmsLogisticsDevelopmentAwardAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).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);
unifyReport({
bmsIntegrationIndustriesAddDto: params,
declarationTemplateType: this.openInterfaceInfo.declarationTemplateType
}).then((response) => {
this.$message.success("申请成功");
this.reset()
}).catch((response) => {
})
}
}
});
},
reset() {
this.baseInfo = {}
this.templateRecordList = []
this.templateId = ''
this.openInterfaceInfo = {}
this.form = {}
},
handleRemove(file, fileList) {
this.fileList = fileList
},
handleFileUpload(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileList.push(file)
this.uploadList.push(response.data)
this.form.fileList = this.fileList
console.log('this.fileList: ', this.fileList);
})
},
deleteUpload(value) {
this.uploadList = this.uploadList.filter(item => {
return item.url != value.url
})
},
/* 上传一 */
handleFileUploadOne(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListOne.push(file)
let data = {};
data.name = response.originalFilename;
data.url = response.url;
this.uploadList.push(data)
// this.form.fileListOne = this.fileListOne
this.$set(this.form, 'fileListOne', this.fileListOne)
// console.log('this.fileListOne: ', this.fileListOne);
})
},
/* 上传二 */
handleFileUploadTwo(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListTwo.push(file)
this.uploadListTwo.push(response.data)
// this.form.fileListTwo = this.fileListTwo
this.$set(this.form, 'fileListTwo', this.fileListTwo)
// console.log('this.fileListTwo: ', this.fileListTwo);
})
},
/* 上传三 */
handleFileUploadThree(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListThree.push(file)
this.uploadListThree.push(response.data)
// this.form.fileListThree = this.fileListThree
this.$set(this.form, 'fileListThree', this.fileListThree)
// console.log('this.fileListThree: ', this.fileListThree);
})
},
/* 上传四 */
handleFileUploadFour(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListFour.push(file)
this.uploadListFour.push(response.data)
// this.form.fileListFour = this.fileListFour
this.$set(this.form, 'fileListFour', this.fileListFour)
// console.log('this.fileListFour: ', this.fileListFour);
})
},
/* 上传五 */
handleFileUploadFive(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListFive.push(file)
this.uploadListFive.push(response.data)
// this.form.fileListFive = this.fileListFive
this.$set(this.form, 'fileListFive', this.fileListFive)
// console.log('this.fileListFive: ', this.fileListFive);
})
},
/* 上传六 */
handleFileUploadSix(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListSix.push(file)
this.uploadListSix.push(response.data)
// this.form.fileListSix = this.fileListSix
this.$set(this.form, 'fileListSix', this.fileListSix)
// console.log('this.fileListSix: ', this.fileListSix);
})
},
/* 上传七 */
handleFileUploadSeven(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListSeven.push(file)
this.uploadListSeven.push(response.data)
// this.form.fileListSeven = this.fileListSeven
this.$set(this.form, 'fileListSeven', this.fileListSeven)
// console.log('this.fileListSeven: ', this.fileListSeven);
})
},
/* 上传八 */
handleFileUploadEight(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListEight.push(file)
this.uploadListEight.push(response.data)
// this.form.fileListEight = this.fileListEight
this.$set(this.form, 'fileListEight', this.fileListEight)
// console.log('this.fileListEight: ', this.fileListEight);
})
},
/* 上传九 */
handleFileUploadNine(params) {
console.log('params: ', params);
this.form.fileName = params.file.name
const file = params.file
let form = new FormData()
form.append('file', file)
uploadFile(form).then(response => {
// this.fileList = []
this.fileListNine.push(file)
this.uploadListNine.push(response.data)
// this.form.fileListNine = this.fileListNine
this.$set(this.form, 'fileListNine', this.fileListNine)
// console.log('this.fileListNine: ', this.fileListNine);
})
},
/* 删除上传一 */
deleteUploadOne(value) {
this.uploadListOne = this.uploadListOne.filter(item => {
return item.url != value.url
})
if(this.uploadListOne.length == 0) {
this.form.fileListOne = []
}
},
/* 删除上传二 */
deleteUploadTwo(value) {
this.uploadListTwo = this.uploadListTwo.filter(item => {
return item.url != value.url
})
if(this.uploadListTwo.length == 0) {
this.form.fileListTwo = []
}
},
/* 删除上传三 */
deleteUploadThree(value) {
this.uploadListThree = this.uploadListThree.filter(item => {
return item.url != value.url
})
if(this.uploadListThree.length == 0) {
this.form.fileListThree = []
}
},
/* 删除上传四 */
deleteUploadFour(value) {
this.uploadListFour = this.uploadListFour.filter(item => {
return item.url != value.url
})
if(this.uploadListFour.length == 0) {
this.form.fileListFour = []
}
},
/* 删除上传五 */
deleteUploadFive(value) {
this.uploadListFive = this.uploadListFive.filter(item => {
return item.url != value.url
})
if(this.uploadListFive.length == 0) {
this.form.fileListFive = []
}
},
/* 删除上传六 */
deleteUploadSix(value) {
this.uploadListSix = this.uploadListSix.filter(item => {
return item.url != value.url
})
if(this.uploadListSix.length == 0) {
this.form.fileListSix = []
}
},
/* 删除上传七 */
deleteUploadSeven(value) {
this.uploadListSeven = this.uploadListSeven.filter(item => {
return item.url != value.url
})
if(this.uploadListSeven.length == 0) {
this.form.fileListSeven = []
}
},
/* 删除上传八 */
deleteUploadEight(value) {
this.uploadListEight = this.uploadListEight.filter(item => {
return item.url != value.url
})
if(this.uploadListEight.length == 0) {
this.form.fileListEight = []
}
},
/* 删除上传九 */
deleteUploadNine(value) {
this.uploadListNine = this.uploadListNine.filter(item => {
return item.url != value.url
})
if(this.uploadListNine.length == 0) {
this.form.fileListNine = []
}
},
},
}
</script>
<style lang="scss" scoped>
ul, li {
list-style: none; /* 清除列表项前的标记 */
margin: 0; /* 清除上下外边距 */
padding: 0; /* 清除左右内边距 */
}
.upload_ul {
display: flex;
flex-wrap: wrap;
align-content: space-between;
.upload_li {
// width: 45%;
display: flex;
// justify-content: space-between;
align-items: center;
padding: 0 5px;
color: inherit;
border: 1px solid #e4e7ed;
border-radius: 2px;
margin: 10px 20px 10px 0;
.li_img {
width: 25px;
height: 30px;
margin-right: 10px;
padding: 2px;
}
.icon_name {
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
white-space: nowrap;
}
}
}
.upload_col {
border-bottom: 1px solid #ebeef5;
padding: 10px 30px;
}
.templateInfo {
display: flex;
justify-content: flex-start;
font-size: 14px;
.templateInfo_left {
width: 80px;
}
}
.f_validate {
color: red;
}
</style>
<style lang="scss" scoped>
.addContent {
// height: 100% !important;
height: calc(100vh);
// padding: 10px 10px 0 10px;
background-color: #f6f7f9;
.detail_content {
display: flex;
justify-content: space-between;
height: calc(100vh - 40px);
.left_content {
height: calc(100vh - 40px);
width: 69.5%;
overflow: auto;
background-color: #fff;
padding: 20px;
}
.right_content {
height: calc(100vh - 40px);
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;
}
}
.approval_style {
text-align: center;
line-height: 34px;
color: #409eff;
}
}
}
}
.operate_btn {
text-align: center;
background-color: #fff;
padding-bottom: 20px;
}
.form {
height: calc(100% - 110px);
background-color: #fff;
padding: 15px;
.table-content {
margin-top: 10px;
}
.last_upload {
margin-bottom: 30px;
}
}
.left_title {
height: 77px;
padding-top: 20px;
background-color: #fff;
margin-bottom: 4px;
}
}
::v-deep .el-step__title {
font-size: 12px;
color: #192A92;
border-color: none;
}
::v-deep .el-step__head.is-process {
color: #192A92;
}
::v-deep .el-step__line {
background-color: #192A92;
}
::v-deep .el-step__icon {
border: 2px solid #ffff;
box-shadow: 0 0 10px #ccc;
}
::v-deep .el-form-item {
margin-bottom: 0;
}
.el-tabs--border-card {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
}
.btn {
background-color: #f1d78c;
border: none;
color: #000;
}
/* 悬浮 */
::v-deep .el-button:hover {
/* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
background: linear-gradient(100deg, #f1d78c, #f1c19d) !important;
font-weight: bold;
color: #606266;
}
/*按钮点击*/
::v-deep .el-button:focus {
background: linear-gradient(100deg, #f1d78c, #f1c19d) !important;
/* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
font-weight: bold;
color: #606266;
}
.form_item {
position: absolute;
width: 300px;
top: 40px;
left: -340px;
color: red;
font-size: 12px;
line-height: 24px;
}
</style>