Skip to content

Z
zj-manage
Commit a9bb61be by swl
Options

feat: gx

parent cc211273
Showing with 978 additions and 294 deletions
src/views/Purchase/details.vue
<template>
<div class="purchase">
<div class="search-wrapper">
<el-form :inline="true" :model="searchForm" class="search_form" style="text-align: left">
<el-form
:inline="true"
:model="searchForm"
class="search_form"
style="text-align: left"
>
<el-form-item label="姓名">
<el-input v-model="searchForm.name" placeholder="请输入姓名" @keyup.enter.native="onSubmit"></el-input>
<el-input
v-model="searchForm.name"
placeholder="请输入姓名"
@keyup.enter.native="onSubmit"
></el-input>
</el-form-item>
<el-form-item label="手机号码">
<el-input v-model="searchForm.phone" placeholder="请输入手机号码" @keyup.enter.native="onSubmit"></el-input>
<el-input
v-model="searchForm.phone"
placeholder="请输入手机号码"
@keyup.enter.native="onSubmit"
></el-input>
</el-form-item>
<el-form-item label="事项名称">
<el-select v-model="searchForm.guideId" placeholder="请选择事项名称">
<el-option v-for="item in guideIdList" :key="item.value" :label="item.label" :value="item.value">
<el-option
v-for="item in guideIdList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -20,47 +38,117 @@
<br />
<el-form-item label="状态" style="margin-top: 10px">
<el-radio-group v-model="searchForm.state" @change="onSubmit">
<el-radio :label="item.state" v-for="item in stateList" :key="item.state">{{ item.stateName }}</el-radio>
<el-radio
:label="item.state"
v-for="item in stateList"
:key="item.state"
>{{ item.stateName }}</el-radio
>
</el-radio-group>
</el-form-item>
</el-form>
</div>
<div class="table-wrapper">
<table-template :tableData="tableData" :tableColumns="tableColumns" :loading="loading" :pagination="pagination"
@Jump="jumpPage">
<table-template
:tableData="tableData"
:tableColumns="tableColumns"
:loading="loading"
:pagination="pagination"
@Jump="jumpPage"
>
<el-table-column width="120" label="状态" align="center">
<template slot-scope="scope">
<el-tag type="warning" v-if="scope.row.houseState === 0 && scope.row.reviewerState !== 8">待审核</el-tag>
<el-tag type="warning" v-if="scope.row.houseState === 0 && scope.row.reviewerState === 8">待复审</el-tag>
<el-tag type="success" v-if="scope.row.houseState === 1">初审通过</el-tag>
<el-tag type="warning" v-if="scope.row.houseState === 2">待终审</el-tag>
<el-tag type="success" v-if="scope.row.houseState === 3">已完结</el-tag>
<el-tag type="danger" v-if="scope.row.houseState === 4">已驳回</el-tag>
<el-tag type="info" v-if="scope.row.houseState === 5">已撤销</el-tag>
<el-tag type="warning" v-if="scope.row.houseState === 6">资料审核</el-tag>
<el-tag type="success" v-if="scope.row.houseState === 7">发放补贴</el-tag>
<el-tag
type="warning"
v-if="scope.row.houseState === 0 && scope.row.reviewerState !== 8"
>待审核</el-tag
>
<el-tag
type="warning"
v-if="scope.row.houseState === 0 && scope.row.reviewerState === 8"
>待复审</el-tag
>
<el-tag type="success" v-if="scope.row.houseState === 1"
>初审通过</el-tag
>
<el-tag type="warning" v-if="scope.row.houseState === 2"
>待终审</el-tag
>
<el-tag type="success" v-if="scope.row.houseState === 3"
>已完结</el-tag
>
<el-tag type="danger" v-if="scope.row.houseState === 4"
>已驳回</el-tag
>
<el-tag type="info" v-if="scope.row.houseState === 5"
>已撤销</el-tag
>
<el-tag type="warning" v-if="scope.row.houseState === 6"
>资料审核</el-tag
>
<el-tag type="success" v-if="scope.row.houseState === 7"
>发放补贴</el-tag
>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="380" align="left">
<template slot-scope="scope">
<el-button type="primary" size="mini" round @click="view(scope.row)">查看</el-button>
<el-button type="primary" size="mini" round @click="record(scope.row)">记录</el-button>
<el-button type="primary" size="mini" round @click="view(scope.row)"
>查看</el-button
>
<el-button
type="primary"
size="mini"
round
@click="record(scope.row)"
>记录</el-button
>
<!-- 申请的单子有通过拒绝-->
<el-button v-if="scope.row.houseState === 0 && scope.row.reviewerState === 0" type="success" size="mini" round
@click="pass(scope.row)">通过</el-button>
<el-button v-if="scope.row.houseState === 0 && scope.row.reviewerState === 0" type="danger" size="mini" round
@click="deny(scope.row)">拒绝</el-button>
<el-button v-if="
<el-button
v-if="scope.row.houseState === 0 && scope.row.reviewerState === 0"
type="success"
size="mini"
round
@click="pass(scope.row)"
>通过</el-button
>
<el-button
v-if="scope.row.houseState === 0 && scope.row.reviewerState === 0"
type="danger"
size="mini"
round
@click="deny(scope.row)"
>拒绝</el-button
>
<el-button
v-if="
scope.row.houseState === 3 &&
searchForm.departmentCode === '10000031'
" type="success" size="mini" round @click="dispatch(scope.row)">发放补贴</el-button>
<el-button v-if="scope.row.attachedFileMark === true" type="info" size="mini" round
@click="viewUrl(scope.row)">查看附件</el-button>
"
type="success"
size="mini"
round
@click="dispatch(scope.row)"
>发放补贴</el-button
>
<el-button
v-if="scope.row.attachedFileMark === true"
type="info"
size="mini"
round
@click="viewUrl(scope.row)"
>查看附件</el-button
>
</template>
</el-table-column>
</table-template>
</div>
<el-dialog title="申报详情" :visible.sync="viewShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="申报详情"
:visible.sync="viewShow"
width="800px"
:close-on-press-escape="false"
>
<div class="content">
<el-table :data="totalList" style="width: 100%">
<el-table-column prop="reasonName" label="审核单位" width="180">
......@@ -94,24 +182,39 @@
<div class="cell">
<p class="label">企业营业执照或事业单位法人登记证</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.enterprise
.businessLicenseList" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture" :z-index="7777777" :preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.enterprise
.businessLicenseList"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<p class="label">单位申报人才购房补贴汇总表</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.enterprise.summarySheetList" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.enterprise.summarySheetList"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
</div>
<div class="applilist">
<div class="card" v-for="(item, index) in viewDetail.appliList" :key="index">
<div
class="card"
v-for="(item, index) in viewDetail.appliList"
:key="index"
>
<div class="title">申报人信息{{ index + 1 }}</div>
<div class="cell">
<p class="label">申报人姓名</p>
......@@ -193,8 +296,14 @@
<p class="label">个人申请表</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 3" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 3"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -203,8 +312,14 @@
<p class="label">身份证照片</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 4" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 4"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -213,8 +328,14 @@
<p class="label">个人银行卡照</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 5" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 5"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -223,8 +344,14 @@
<p class="label">商品买卖合同</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 6" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 6"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -233,8 +360,14 @@
<p class="label">不动产权证书</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 7" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 7"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -243,8 +376,14 @@
<p class="label">契税完税凭证</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 8" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 8"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -253,19 +392,49 @@
<p class="label">劳动或聘用合同</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 9" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 9"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
</div>
<div class="cell" v-if="viewDetail.guideName == '镇江市市区“归雁”人才购房补贴'">
<div class="cell">
<p class="label">毕业证照片</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image
v-if="i.pictureType == 11"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
</div>
<div
class="cell"
v-if="viewDetail.guideName == '镇江市市区“归雁”人才购房补贴'"
>
<p class="label">镇江籍证明材料</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 10" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="i.picture" :z-index="7777777"
:preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 10"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -274,7 +443,12 @@
</div>
</div>
</el-dialog>
<el-dialog title="操作记录" :visible.sync="recordShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="操作记录"
:visible.sync="recordShow"
width="800px"
:close-on-press-escape="false"
>
<div class="content">
<div class="cell" v-for="(item, index) in recordList" :key="index">
<p class="label" style="margin-right: 20px">
......@@ -289,44 +463,97 @@
<p v-if="record.length === 0">暂无记录~</p>
</div>
</el-dialog>
<el-dialog title="拒绝原因" :visible.sync="refuseShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="拒绝原因"
:visible.sync="refuseShow"
width="800px"
:close-on-press-escape="false"
>
<div class="reject" v-for="(item, index) in arrList" :key="index">
<el-cascader v-model="item.test" :options="options" :props="{ checkStrictly: true }" :show-all-levels="false"
clearable></el-cascader>
<el-input v-model="item.remark" style="padding: 0 10px" placeholder="请输入原因" clearable></el-input>
<el-button type="primary" icon="el-icon-plus" @click="arrList.push({ test: '', remark: '' })"></el-button>
<el-cascader
v-model="item.test"
:options="options"
:props="{ checkStrictly: true }"
:show-all-levels="false"
clearable
></el-cascader>
<el-input
v-model="item.remark"
style="padding: 0 10px"
placeholder="请输入原因"
clearable
></el-input>
<el-button
type="primary"
icon="el-icon-plus"
@click="arrList.push({ test: '', remark: '' })"
></el-button>
</div>
<div class="button">
<el-button @click="cancel">取消</el-button>
<el-button @click="affirm" type="primary">确认</el-button>
</div>
</el-dialog>
<el-dialog title="查看附件" :visible.sync="showUrl" width="500px" :close-on-press-escape="false">
<div style="margin: 0 0 0 10px;font-weight: 700;">图片附件：</div>
<div class="content" style="display: flex; flex-wrap: wrap" v-if="pictureUrlList.length > 0">
<el-dialog
title="查看附件"
:visible.sync="showUrl"
width="500px"
:close-on-press-escape="false"
>
<div style="margin: 0 0 0 10px; font-weight: 700">图片附件：</div>
<div
class="content"
style="display: flex; flex-wrap: wrap"
v-if="pictureUrlList.length > 0"
>
<div v-for="(item, index) in pictureUrlList" :key="index">
<el-image style="width: 95px; height: 95px; margin: 10px" :src="item.file"
:preview-src-list="[item.file]"></el-image>
<el-image
style="width: 95px; height: 95px; margin: 10px"
:src="item.file"
:preview-src-list="[item.file]"
></el-image>
</div>
</div>
<div class="content" style="display: flex; justify-content: center" v-if="pictureUrlList.length == 0">
<div
class="content"
style="display: flex; justify-content: center"
v-if="pictureUrlList.length == 0"
>
<el-empty :image-size="50"></el-empty>
</div>
<div style="margin: 0 0 0 10px;font-weight: 700;">文件附件：</div>
<div class="content" style="display: flex; flex-direction: column; flex-wrap: wrap" v-if="fileUrlList.length > 0">
<div v-for="(item, index) in fileUrlList" :key="index" style="
<div style="margin: 0 0 0 10px; font-weight: 700">文件附件：</div>
<div
class="content"
style="display: flex; flex-direction: column; flex-wrap: wrap"
v-if="fileUrlList.length > 0"
>
<div
v-for="(item, index) in fileUrlList"
:key="index"
style="
margin: 10px 10px 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
">
"
>
<p class="label" style="margin: 0; text-align: center">
{{ item.fileExplain }}
</p>
<el-button size="mini" type="primary" @click="download(item.file)" class="down-text">下载附件</el-button>
<el-button
size="mini"
type="primary"
@click="download(item.file)"
class="down-text"
>下载附件</el-button
>
</div>
</div>
<div class="content" style="display: flex; justify-content: center" v-if="fileUrlList.length == 0">
<div
class="content"
style="display: flex; justify-content: center"
v-if="fileUrlList.length == 0"
>
<el-empty :image-size="50"></el-empty>
</div>
</el-dialog>
......
src/views/Purchase/index.vue
<template>
<div class="purchase">
<div class="search-wrapper">
<el-form :inline="true" :model="searchForm" class="search_form" style="text-align: left">
<el-form
:inline="true"
:model="searchForm"
class="search_form"
style="text-align: left"
>
<el-form-item label="姓名">
<el-input v-model="searchForm.name" placeholder="请输入姓名" @keyup.enter.native="onSubmit"></el-input>
<el-input
v-model="searchForm.name"
placeholder="请输入姓名"
@keyup.enter.native="onSubmit"
></el-input>
</el-form-item>
<el-form-item label="手机号码">
<el-input v-model="searchForm.phone" placeholder="请输入手机号码" @keyup.enter.native="onSubmit"></el-input>
<el-input
v-model="searchForm.phone"
placeholder="请输入手机号码"
@keyup.enter.native="onSubmit"
></el-input>
</el-form-item>
<el-form-item label="事项名称">
<el-select v-model="searchForm.guideId" placeholder="请选择事项名称">
<el-option v-for="item in guideIdList" :key="item.value" :label="item.label" :value="item.value">
<el-option
v-for="item in guideIdList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -20,40 +38,100 @@
<br />
<el-form-item label="状态" style="margin-top: 10px">
<el-radio-group v-model="searchForm.state" @change="onSubmit">
<el-radio :label="item.state" v-for="item in stateList" :key="item.state">{{ item.stateName }}</el-radio>
<el-radio
:label="item.state"
v-for="item in stateList"
:key="item.state"
>{{ item.stateName }}</el-radio
>
</el-radio-group>
</el-form-item>
</el-form>
</div>
<div class="table-wrapper">
<table-template :tableData="tableData" :tableColumns="tableColumns" :loading="loading" :pagination="pagination"
@Jump="jumpPage">
<el-table-column width="120" key="stateName" prop="stateName" label="状态" align="center">
<table-template
:tableData="tableData"
:tableColumns="tableColumns"
:loading="loading"
:pagination="pagination"
@Jump="jumpPage"
>
<el-table-column
width="120"
key="stateName"
prop="stateName"
label="状态"
align="center"
>
<template slot-scope="scope">
<el-tag :type="scope.row.type">{{ scope.row.stateName }}</el-tag>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="420" align="left">
<template slot-scope="scope">
<el-button type="primary" size="mini" round @click="view(scope.row)">查看</el-button>
<el-button type="primary" size="mini" round @click="record(scope.row)">记录</el-button>
<el-button type="primary" size="mini" round @click="view(scope.row)"
>查看</el-button
>
<el-button
type="primary"
size="mini"
round
@click="record(scope.row)"
>记录</el-button
>
<!-- 待复审的单子有通过拒绝-->
<template v-if="scope.row.state === 1">
<el-button type="success" size="mini" round @click="pass(scope.row)">复审通过</el-button>
<el-button type="danger" size="mini" round @click="deny(scope.row)">复审拒绝</el-button>
<el-button
type="success"
size="mini"
round
@click="pass(scope.row)"
>复审通过</el-button
>
<el-button
type="danger"
size="mini"
round
@click="deny(scope.row)"
>复审拒绝</el-button
>
</template>
<template v-if="scope.row.state === 2">
<el-button type="success" size="mini" round @click="passFinal(scope.row)">终审通过</el-button>
<el-button type="danger" size="mini" round @click="deny(scope.row)" m>终审拒绝</el-button>
<el-button
type="success"
size="mini"
round
@click="passFinal(scope.row)"
>终审通过</el-button
>
<el-button
type="danger"
size="mini"
round
@click="deny(scope.row)"
m
>终审拒绝</el-button
>
</template>
<template v-if="scope.row.attachedFileMark === true">
<el-button type="info" size="mini" round @click="viewUrl(scope.row)">查看附件</el-button>
<el-button
type="info"
size="mini"
round
@click="viewUrl(scope.row)"
>查看附件</el-button
>
</template>
</template>
</el-table-column>
</table-template>
</div>
<el-dialog title="申报详情" :visible.sync="viewShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="申报详情"
:visible.sync="viewShow"
width="800px"
:close-on-press-escape="false"
>
<div class="content">
<el-table :data="totalList" style="width: 100%">
<el-table-column prop="reasonName" label="审核单位" width="180">
......@@ -87,24 +165,39 @@
<div class="cell">
<p class="label">企业营业执照或事业单位法人登记证</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.enterprise
.businessLicenseList" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture" :z-index="7777777" :preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.enterprise
.businessLicenseList"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<p class="label">单位申报人才购房补贴汇总表</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.enterprise.summarySheetList" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.enterprise.summarySheetList"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
</div>
<div class="applilist">
<div class="card" v-for="(item, index) in viewDetail.appliList" :key="index">
<div
class="card"
v-for="(item, index) in viewDetail.appliList"
:key="index"
>
<div class="title">申报人信息{{ index + 1 }}</div>
<div class="cell">
<p class="label">申报人姓名</p>
......@@ -186,8 +279,14 @@
<p class="label">个人申请表</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 3" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 3"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -196,8 +295,14 @@
<p class="label">身份证照片</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 4" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 4"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -206,8 +311,14 @@
<p class="label">个人银行卡照</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 5" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 5"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -216,8 +327,14 @@
<p class="label">商品买卖合同</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 6" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 6"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -226,8 +343,14 @@
<p class="label">不动产权证书</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 7" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 7"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -236,8 +359,14 @@
<p class="label">契税完税凭证</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 8" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 8"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -246,19 +375,49 @@
<p class="label">劳动或聘用合同</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 9" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 9"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
</div>
<div class="cell" v-if="viewDetail.guideName == '镇江市市区“归雁”人才购房补贴'">
<div class="cell">
<p class="label">毕业证照片</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image
v-if="i.pictureType == 11"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
</div>
<div
class="cell"
v-if="viewDetail.guideName == '镇江市市区“归雁”人才购房补贴'"
>
<p class="label">镇江籍证明材料</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 10" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="i.picture" :z-index="7777777"
:preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 10"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -267,7 +426,12 @@
</div>
</div>
</el-dialog>
<el-dialog title="操作记录" :visible.sync="recordShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="操作记录"
:visible.sync="recordShow"
width="800px"
:close-on-press-escape="false"
>
<div class="content">
<div class="cell" v-for="(item, index) in recordList" :key="index">
<p class="label" style="margin-right: 20px">
......@@ -282,38 +446,97 @@
<p v-if="record.length === 0">暂无记录~</p>
</div>
</el-dialog>
<el-dialog title="拒绝原因" :visible.sync="refuseShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="拒绝原因"
:visible.sync="refuseShow"
width="800px"
:close-on-press-escape="false"
>
<div class="reject" v-for="(item, index) in arrList" :key="index">
<el-cascader v-model="item.test" :options="options" :props="{ checkStrictly: true }" :show-all-levels="false"
clearable></el-cascader>
<el-input v-model="item.remark" style="padding: 0 10px" placeholder="请输入原因" clearable></el-input>
<el-button type="primary" icon="el-icon-plus" @click="arrList.push({ test: '', remark: '' })"></el-button>
<el-cascader
v-model="item.test"
:options="options"
:props="{ checkStrictly: true }"
:show-all-levels="false"
clearable
></el-cascader>
<el-input
v-model="item.remark"
style="padding: 0 10px"
placeholder="请输入原因"
clearable
></el-input>
<el-button
type="primary"
icon="el-icon-plus"
@click="arrList.push({ test: '', remark: '' })"
></el-button>
</div>
<div class="button">
<el-button @click="cancel">取消</el-button>
<el-button @click="affirm" type="primary">确认</el-button>
</div>
</el-dialog>
<el-dialog title="查看附件" :visible.sync="showUrl" width="500px" :close-on-press-escape="false">
<div style="margin: 0 0 0 10px;font-weight: 700;">图片附件：</div>
<div class="content" style="display:flex;flex-wrap:wrap;" v-if="pictureUrlList.length > 0">
<div v-for="(item,index) in pictureUrlList" :key="index">
<el-image style="width: 95px; height: 95px; margin: 10px;" :src="item.file" :preview-src-list="[item.file]"></el-image>
<el-dialog
title="查看附件"
:visible.sync="showUrl"
width="500px"
:close-on-press-escape="false"
>
<div style="margin: 0 0 0 10px; font-weight: 700">图片附件：</div>
<div
class="content"
style="display: flex; flex-wrap: wrap"
v-if="pictureUrlList.length > 0"
>
<div v-for="(item, index) in pictureUrlList" :key="index">
<el-image
style="width: 95px; height: 95px; margin: 10px"
:src="item.file"
:preview-src-list="[item.file]"
></el-image>
</div>
</div>
<div class="content" style="display:flex;justify-content: center;" v-if="pictureUrlList.length == 0">
<div
class="content"
style="display: flex; justify-content: center"
v-if="pictureUrlList.length == 0"
>
<el-empty :image-size="50"></el-empty>
</div>
<div style="margin: 0 0 0 10px;font-weight: 700;">文件附件：</div>
<div class="content" style="display:flex;flex-direction:column;flex-wrap:wrap;" v-if="fileUrlList.length > 0">
<div v-for="(item,index) in fileUrlList" :key="index" style="margin: 10px 10px 0 10px; display:flex; align-items:center; justify-content: space-between;">
<p class="label" style="margin: 0;text-align:center;">{{item.fileExplain}}</p>
<el-button size="mini" type="primary" @click="
download(item.file)
" class="down-text">下载附件</el-button>
<div style="margin: 0 0 0 10px; font-weight: 700">文件附件：</div>
<div
class="content"
style="display: flex; flex-direction: column; flex-wrap: wrap"
v-if="fileUrlList.length > 0"
>
<div
v-for="(item, index) in fileUrlList"
:key="index"
style="
margin: 10px 10px 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
"
>
<p class="label" style="margin: 0; text-align: center">
{{ item.fileExplain }}
</p>
<el-button
size="mini"
type="primary"
@click="download(item.file)"
class="down-text"
>下载附件</el-button
>
</div>
</div>
<div class="content" style="display:flex;justify-content: center;" v-if="fileUrlList.length == 0">
<div
class="content"
style="display: flex; justify-content: center"
v-if="fileUrlList.length == 0"
>
<el-empty :image-size="50"></el-empty>
</div>
</el-dialog>
......@@ -331,7 +554,7 @@ import {
mattersHouseStaffList,
mattersHouseReject,
mattersHousePass,
queryAttacheFile
queryAttacheFile,
} from "@/api/purchase";
export default {
components: { TableTemplate },
......@@ -529,7 +752,7 @@ export default {
},
viewShow: false,
viewDetail: {
guideName: '',
guideName: "",
enterprise: {
businessLicenseList: [],
summarySheetList: [],
......@@ -548,51 +771,57 @@ export default {
watch: {
$route() {
if (this.$route) {
this.userName = localStorage.getItem('userName');
this.searchForm.departmentCode = this.$route.query.departmentCode
this.userName = localStorage.getItem("userName");
this.searchForm.departmentCode = this.$route.query.departmentCode;
this.searchForm.payTaxesArea = this.$route.query.payTaxesArea
? this.$route.query.payTaxesArea
: null;
this.searchForm.name = ''
this.searchForm.phone = ''
this.searchForm.state = ''
this.searchForm.name = "";
this.searchForm.phone = "";
this.searchForm.state = "";
this.init();
}
}
},
},
methods: {
download(url) {
console.log(url)
let fileType = url.split(".")[url.split('.').length - 1]
if(fileType == 'pdf' || fileType == 'PDF') {
window.open(url)
console.log(url);
let fileType = url.split(".")[url.split(".").length - 1];
if (fileType == "pdf" || fileType == "PDF") {
window.open(url);
} else {
window.location.href = url
window.location.href = url;
}
},
viewUrl(row) {
console.log(row)
console.log(row);
queryAttacheFile({ code: row.houseCode }).then((res) => {
console.log(res)
console.log(res);
if (res.success) {
this.pictureUrlList = res.data.filter((item) => {
let fileType = item.fileExplain.split(".")[item.fileExplain.split('.').length - 1]
return fileType == 'jpg' || fileType == 'jpeg' || fileType == 'png'
})
let fileType =
item.fileExplain.split(".")[
item.fileExplain.split(".").length - 1
];
return fileType == "jpg" || fileType == "jpeg" || fileType == "png";
});
this.fileUrlList = res.data.filter((item) => {
let fileType = item.fileExplain.split(".")[item.fileExplain.split('.').length - 1]
return fileType != 'jpg' && fileType != 'jpeg' && fileType != 'png'
})
console.log(this.pictureUrlList)
console.log(this.fileUrlList)
this.showUrl = true
let fileType =
item.fileExplain.split(".")[
item.fileExplain.split(".").length - 1
];
return fileType != "jpg" && fileType != "jpeg" && fileType != "png";
});
console.log(this.pictureUrlList);
console.log(this.fileUrlList);
this.showUrl = true;
} else {
this.$message.error(res.msg || '查询失败');
this.$message.error(res.msg || "查询失败");
}
})
});
},
init() {
this.tableData = []
this.tableData = [];
this.loading = true;
let parmas = {
name: this.searchForm.name,
......@@ -616,11 +845,11 @@ export default {
item.type = this.getSatusArr(item.state).type;
return item;
});
if (localStorage.getItem('userName') == 'admin') {
this.tableData = changeList(this.tableData)
if (localStorage.getItem("userName") == "admin") {
this.tableData = changeList(this.tableData);
}
} else {
this.tableData = []
this.tableData = [];
}
}
});
......@@ -668,24 +897,26 @@ export default {
this.totalList = this.examineList.concat(this.housingList);
});
mattersHouseGetInfo(params2).then((res) => {
console.log('mattersHouseGetInfo----', res.data);
this.viewDetail.guideName = res.data.guideName
console.log("mattersHouseGetInfo----", res.data);
this.viewDetail.guideName = res.data.guideName;
this.viewDetail.enterprise = res.data.enterpriseVO;
this.viewDetail.enterprise.businessLicenseList = res.data.enterpriseVO.pictureVoS.filter(
(item) => {
this.viewDetail.enterprise.businessLicenseList =
res.data.enterpriseVO.pictureVoS.filter((item) => {
return item.pictureType != 2;
}
);
this.viewDetail.enterprise.summarySheetList = res.data.enterpriseVO.pictureVoS.filter(
(item) => {
});
this.viewDetail.enterprise.summarySheetList =
res.data.enterpriseVO.pictureVoS.filter((item) => {
return item.pictureType != 1;
}
);
});
this.viewDetail.appliList = res.data.staffVOList;
if (localStorage.getItem('userName') == 'admin') {
this.viewDetail.enterprise.contactUser = setName(this.viewDetail.enterprise.contactUser)
this.viewDetail.enterprise.contactMobile = setTel(this.viewDetail.enterprise.contactMobile)
this.viewDetail.appliList = changeList(res.data.staffVOList)
if (localStorage.getItem("userName") == "admin") {
this.viewDetail.enterprise.contactUser = setName(
this.viewDetail.enterprise.contactUser
);
this.viewDetail.enterprise.contactMobile = setTel(
this.viewDetail.enterprise.contactMobile
);
this.viewDetail.appliList = changeList(res.data.staffVOList);
}
this.viewShow = true;
});
......@@ -866,8 +1097,8 @@ export default {
},
},
created() {
this.userName = localStorage.getItem('userName');
this.searchForm.departmentCode = this.$route.query.departmentCode
this.userName = localStorage.getItem("userName");
this.searchForm.departmentCode = this.$route.query.departmentCode;
this.searchForm.payTaxesArea = this.$route.query.payTaxesArea
? this.$route.query.payTaxesArea
: null;
......
src/views/Purchase/windows.vue
<template>
<div class="purchase">
<div class="search-wrapper">
<el-form :inline="true" :model="searchForm" class="search_form" style="text-align: left">
<el-form
:inline="true"
:model="searchForm"
class="search_form"
style="text-align: left"
>
<el-form-item label="姓名">
<el-input v-model="searchForm.name" placeholder="请输入姓名" @keyup.enter.native="onSubmit"></el-input>
<el-input
v-model="searchForm.name"
placeholder="请输入姓名"
@keyup.enter.native="onSubmit"
></el-input>
</el-form-item>
<el-form-item label="手机号码">
<el-input v-model="searchForm.phone" placeholder="请输入手机号码" @keyup.enter.native="onSubmit"></el-input>
<el-input
v-model="searchForm.phone"
placeholder="请输入手机号码"
@keyup.enter.native="onSubmit"
></el-input>
</el-form-item>
<el-form-item label="事项名称">
<el-select v-model="searchForm.guideId" placeholder="请选择事项名称">
<el-option v-for="item in guideIdList" :key="item.value" :label="item.label" :value="item.value">
<el-option
v-for="item in guideIdList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -20,35 +38,76 @@
<br />
<el-form-item label="状态" style="margin-top: 10px">
<el-radio-group v-model="searchForm.state" @change="onSubmit">
<el-radio :label="item.state" v-for="item in stateList" :key="item.state">{{ item.stateName }}</el-radio>
<el-radio
:label="item.state"
v-for="item in stateList"
:key="item.state"
>{{ item.stateName }}</el-radio
>
</el-radio-group>
</el-form-item>
</el-form>
</div>
<div class="table-wrapper">
<table-template :tableData="tableData" :tableColumns="tableColumns" :loading="loading" :pagination="pagination"
@Jump="jumpPage">
<el-table-column width="120" key="stateName" prop="stateName" label="状态" align="center">
<table-template
:tableData="tableData"
:tableColumns="tableColumns"
:loading="loading"
:pagination="pagination"
@Jump="jumpPage"
>
<el-table-column
width="120"
key="stateName"
prop="stateName"
label="状态"
align="center"
>
<template slot-scope="scope">
<el-tag :type="scope.row.type">{{ scope.row.stateName }}</el-tag>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="380" align="left">
<template slot-scope="scope">
<el-button type="primary" size="mini" round @click="view(scope.row)">查看</el-button>
<el-button type="primary" size="mini" round @click="record(scope.row)">记录</el-button>
<el-button type="primary" size="mini" round @click="view(scope.row)"
>查看</el-button
>
<el-button
type="primary"
size="mini"
round
@click="record(scope.row)"
>记录</el-button
>
<!-- 待复审的单子有通过拒绝-->
<template v-if="scope.row.state === 6">
<el-button type="success" size="mini" round @click="passData(scope.row)">资料通过</el-button>
<el-button
type="success"
size="mini"
round
@click="passData(scope.row)"
>资料通过</el-button
>
</template>
<template v-if="scope.row.attachedFileMark === true">
<el-button type="info" size="mini" round @click="viewUrl(scope.row)">查看附件</el-button>
<el-button
type="info"
size="mini"
round
@click="viewUrl(scope.row)"
>查看附件</el-button
>
</template>
</template>
</el-table-column>
</table-template>
</div>
<el-dialog title="申报详情" :visible.sync="viewShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="申报详情"
:visible.sync="viewShow"
width="800px"
:close-on-press-escape="false"
>
<div class="content">
<el-table :data="totalList" style="width: 100%">
<el-table-column prop="reasonName" label="审核单位" width="180">
......@@ -82,24 +141,39 @@
<div class="cell">
<p class="label">企业营业执照或事业单位法人登记证</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.enterprise
.businessLicenseList" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture" :z-index="7777777" :preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.enterprise
.businessLicenseList"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
<div class="cell">
<p class="label">单位申报人才购房补贴汇总表</p>
<p class="value">
<el-image v-for="(item, index) in viewDetail.enterprise.summarySheetList" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="item.picture" :z-index="7777777"
:preview-src-list="[item.picture]">
<el-image
v-for="(item, index) in viewDetail.enterprise.summarySheetList"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="item.picture"
:z-index="7777777"
:preview-src-list="[item.picture]"
>
</el-image>
</p>
</div>
</div>
<div class="applilist">
<div class="card" v-for="(item, index) in viewDetail.appliList" :key="index">
<div
class="card"
v-for="(item, index) in viewDetail.appliList"
:key="index"
>
<div class="title">申报人信息{{ index + 1 }}</div>
<div class="cell">
<p class="label">申报人姓名</p>
......@@ -181,8 +255,14 @@
<p class="label">个人申请表</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 3" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 3"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -191,8 +271,14 @@
<p class="label">身份证照片</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 4" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 4"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -201,8 +287,14 @@
<p class="label">个人银行卡照</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 5" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 5"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -211,8 +303,14 @@
<p class="label">商品买卖合同</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 6" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 6"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -221,8 +319,14 @@
<p class="label">不动产权证书</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 7" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 7"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -231,8 +335,14 @@
<p class="label">契税完税凭证</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 8" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 8"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -241,19 +351,49 @@
<p class="label">劳动或聘用合同</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 9" :key="index" style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture" :z-index="7777777" :preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 9"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
</div>
<div class="cell" v-if="viewDetail.guideName == '镇江市市区“归雁”人才购房补贴'">
<div class="cell">
<p class="label">毕业证照片</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image
v-if="i.pictureType == 11"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
</div>
<div
class="cell"
v-if="viewDetail.guideName == '镇江市市区“归雁”人才购房补贴'"
>
<p class="label">镇江籍证明材料</p>
<p class="value">
<template v-for="(i, index) in item.pictureVoS">
<el-image v-if="i.pictureType == 10" :key="index"
style="width: 100px; height: 100px; margin-right: 10px" :src="i.picture" :z-index="7777777"
:preview-src-list="[i.picture]">
<el-image
v-if="i.pictureType == 10"
:key="index"
style="width: 100px; height: 100px; margin-right: 10px"
:src="i.picture"
:z-index="7777777"
:preview-src-list="[i.picture]"
>
</el-image>
</template>
</p>
......@@ -262,7 +402,12 @@
</div>
</div>
</el-dialog>
<el-dialog title="操作记录" :visible.sync="recordShow" width="800px" :close-on-press-escape="false">
<el-dialog
title="操作记录"
:visible.sync="recordShow"
width="800px"
:close-on-press-escape="false"
>
<div class="content">
<div class="cell" v-for="(item, index) in recordList" :key="index">
<p class="label" style="margin-right: 20px">
......@@ -277,19 +422,42 @@
<p v-if="record.length === 0">暂无记录~</p>
</div>
</el-dialog>
<el-dialog title="资料审核通过" :visible.sync="finalShow" width="500px" :close-on-press-escape="false">
<el-dialog
title="资料审核通过"
:visible.sync="finalShow"
width="500px"
:close-on-press-escape="false"
>
<div class="content">
<div class="cell1">
<p class="label" style="margin: 0 0 10px 0">请输入原因：</p>
<el-input type="textarea" placeholder="请输入通过原因" v-model="textarea" maxlength="50" show-word-limit></el-input>
<el-input
type="textarea"
placeholder="请输入通过原因"
v-model="textarea"
maxlength="50"
show-word-limit
></el-input>
</div>
<div class="cell1">
<p class="label">请上传附件：</p>
<el-upload class="upload-demo" name="file" action="string" :limit="10" :show-file-list="true"
:on-remove="handleRemove" :on-error="handleError" :on-exceed="handleExceed" ref="dmtUploadFile"
:file-list="fileList" :http-request="uploadFile">
<el-upload
class="upload-demo"
name="file"
action="string"
:limit="10"
:show-file-list="true"
:on-remove="handleRemove"
:on-error="handleError"
:on-exceed="handleExceed"
ref="dmtUploadFile"
:file-list="fileList"
:http-request="uploadFile"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip" style="color: #F56C6C">支持上传jpg/png/doc/docx/xls/xlsx/pdf等文件</div>
<div slot="tip" class="el-upload__tip" style="color: #f56c6c">
支持上传jpg/png/doc/docx/xls/xlsx/pdf等文件
</div>
</el-upload>
</div>
</div>
......@@ -298,28 +466,66 @@
<el-button type="primary" @click="passData1">确 定</el-button>
</span>
</el-dialog>
<el-dialog title="查看附件" :visible.sync="showUrl" width="500px" :close-on-press-escape="false">
<div style="margin: 0 0 0 10px;font-weight: 700;">图片附件：</div>
<div class="content" style="display:flex;flex-wrap:wrap;" v-if="pictureUrlList.length > 0">
<el-dialog
title="查看附件"
:visible.sync="showUrl"
width="500px"
:close-on-press-escape="false"
>
<div style="margin: 0 0 0 10px; font-weight: 700">图片附件：</div>
<div
class="content"
style="display: flex; flex-wrap: wrap"
v-if="pictureUrlList.length > 0"
>
<div v-for="(item, index) in pictureUrlList" :key="index">
<el-image style="width: 95px; height: 95px; margin: 10px;" :src="item.file"
:preview-src-list="[item.file]"></el-image>
<el-image
style="width: 95px; height: 95px; margin: 10px"
:src="item.file"
:preview-src-list="[item.file]"
></el-image>
</div>
</div>
<div class="content" style="display:flex;justify-content: center;" v-if="pictureUrlList.length == 0">
<div
class="content"
style="display: flex; justify-content: center"
v-if="pictureUrlList.length == 0"
>
<el-empty :image-size="50"></el-empty>
</div>
<div style="margin: 0 0 0 10px;font-weight: 700;">文件附件：</div>
<div class="content" style="display:flex;flex-direction:column;flex-wrap:wrap;" v-if="fileUrlList.length > 0">
<div v-for="(item, index) in fileUrlList" :key="index"
style="margin: 10px 10px 0 10px; display:flex; align-items:center; justify-content: space-between;">
<p class="label" style="margin: 0;text-align:center;">{{ item.fileExplain }}</p>
<el-button size="mini" type="primary" @click="
download(item.file)
" class="down-text">下载附件</el-button>
<div style="margin: 0 0 0 10px; font-weight: 700">文件附件：</div>
<div
class="content"
style="display: flex; flex-direction: column; flex-wrap: wrap"
v-if="fileUrlList.length > 0"
>
<div
v-for="(item, index) in fileUrlList"
:key="index"
style="
margin: 10px 10px 0 10px;
display: flex;
align-items: center;
justify-content: space-between;
"
>
<p class="label" style="margin: 0; text-align: center">
{{ item.fileExplain }}
</p>
<el-button
size="mini"
type="primary"
@click="download(item.file)"
class="down-text"
>下载附件</el-button
>
</div>
</div>
<div class="content" style="display:flex;justify-content: center;" v-if="fileUrlList.length == 0">
<div
class="content"
style="display: flex; justify-content: center"
v-if="fileUrlList.length == 0"
>
<el-empty :image-size="50"></el-empty>
</div>
</el-dialog>
......@@ -335,7 +541,7 @@ import {
mattersHouseReason,
mattersHouseGetInfo,
mattersHousePass,
queryAttacheFile
queryAttacheFile,
} from "@/api/purchase";
import { uploadTalentFile } from "@/api/upload";
......@@ -363,14 +569,16 @@ export default {
},
guideIdList: [
{
label: '全部',
value: null
}, {
label: '购房补贴申领服务指南',
value: '1000126'
}, {
label: '镇江市市区“归雁”人才购房补贴',
value: '1000159'
label: "全部",
value: null,
},
{
label: "购房补贴申领服务指南",
value: "1000126",
},
{
label: "镇江市市区“归雁”人才购房补贴",
value: "1000159",
},
],
stateList: [
......@@ -469,7 +677,7 @@ export default {
{
state: 9,
stateName: "已驳回",
type: "danger"
type: "danger",
},
],
loading: false,
......@@ -518,7 +726,7 @@ export default {
},
viewShow: false,
viewDetail: {
guideName: '',
guideName: "",
enterprise: {
businessLicenseList: [],
summarySheetList: [],
......@@ -534,65 +742,79 @@ export default {
},
methods: {
download(url) {
console.log(url)
let fileType = url.split(".")[url.split('.').length - 1]
if (fileType == 'pdf' || fileType == 'PDF') {
window.open(url)
console.log(url);
let fileType = url.split(".")[url.split(".").length - 1];
if (fileType == "pdf" || fileType == "PDF") {
window.open(url);
} else {
window.location.href = url
window.location.href = url;
}
},
viewUrl(row) {
console.log(row)
console.log(row);
queryAttacheFile({ code: row.houseCode }).then((res) => {
console.log(res)
console.log(res);
if (res.success) {
this.pictureUrlList = res.data.filter((item) => {
let fileType = item.fileExplain.split(".")[item.fileExplain.split('.').length - 1]
return fileType == 'jpg' || fileType == 'jpeg' || fileType == 'png'
})
let fileType =
item.fileExplain.split(".")[
item.fileExplain.split(".").length - 1
];
return fileType == "jpg" || fileType == "jpeg" || fileType == "png";
});
this.fileUrlList = res.data.filter((item) => {
let fileType = item.fileExplain.split(".")[item.fileExplain.split('.').length - 1]
return fileType != 'jpg' && fileType != 'jpeg' && fileType != 'png'
})
console.log(this.pictureUrlList)
console.log(this.fileUrlList)
this.showUrl = true
let fileType =
item.fileExplain.split(".")[
item.fileExplain.split(".").length - 1
];
return fileType != "jpg" && fileType != "jpeg" && fileType != "png";
});
console.log(this.pictureUrlList);
console.log(this.fileUrlList);
this.showUrl = true;
} else {
this.$message.error(res.msg || '查询失败');
this.$message.error(res.msg || "查询失败");
}
})
});
},
handleExceed(files, fileList) {
console.log(files, fileList)
console.log(files, fileList);
this.$message.warning(`最多上传10个文件！`);
},
handleRemove(file, fileList) {
console.log(file, fileList);
this.fileUrl1 = this.fileUrl1.filter((item) => {
return item.fileExplain != file.name
})
console.log(this.fileUrl1)
return item.fileExplain != file.name;
});
console.log(this.fileUrl1);
},
handleError(err, file, fileList) {
console.log('err,file,fileList', err, file, fileList)
console.log("err,file,fileList", err, file, fileList);
},
uploadFile(param) {
const link = document.createElement("a");
link.style.display = "none";
uploadTalentFile(param.file).then((res) => {
console.log('res', res);
uploadTalentFile(param.file)
.then((res) => {
console.log("res", res);
if (res.success) {
this.$message.success(res.msg || "上传成功");
this.fileUrl1.push({ fileExplain: param.file.name, file: res.data })
this.fileUrl1.push({
fileExplain: param.file.name,
file: res.data,
});
} else {
// 上传失败删除列表展示
this.$refs.dmtUploadFile.uploadFiles.splice(this.$refs.dmtUploadFile.uploadFiles.indexOf(res), 1);
console.log(this.$refs.dmtUploadFile.uploadFiles)
this.$refs.dmtUploadFile.uploadFiles.splice(
this.$refs.dmtUploadFile.uploadFiles.indexOf(res),
1
);
console.log(this.$refs.dmtUploadFile.uploadFiles);
this.$message.error(res.msg || "上传失败");
}
}).catch((err) => {
this.fileList = []
})
.catch((err) => {
this.fileList = [];
this.$message.error(err.msg || "上传失败");
});
},
......@@ -620,11 +842,11 @@ export default {
item.type = this.getSatusArr(item.state).type;
return item;
});
if (localStorage.getItem('userName') == 'admin') {
this.tableData = changeList(this.tableData)
if (localStorage.getItem("userName") == "admin") {
this.tableData = changeList(this.tableData);
}
} else {
this.tableData = []
this.tableData = [];
}
}
});
......@@ -684,10 +906,14 @@ export default {
return item.pictureType != 1;
});
this.viewDetail.appliList = res.data.staffVOList;
if (localStorage.getItem('userName') == 'admin') {
this.viewDetail.enterprise.contactUser = setName(this.viewDetail.enterprise.contactUser)
this.viewDetail.enterprise.contactMobile = setTel(this.viewDetail.enterprise.contactMobile)
this.viewDetail.appliList = changeList(res.data.staffVOList)
if (localStorage.getItem("userName") == "admin") {
this.viewDetail.enterprise.contactUser = setName(
this.viewDetail.enterprise.contactUser
);
this.viewDetail.enterprise.contactMobile = setTel(
this.viewDetail.enterprise.contactMobile
);
this.viewDetail.appliList = changeList(res.data.staffVOList);
}
this.viewShow = true;
});
......@@ -718,11 +944,11 @@ export default {
},
//资料审核
passData(row) {
console.log(row)
this.rowDetail = row
this.fileList = []
this.fileUrl1 = []
this.finalShow = true
console.log(row);
this.rowDetail = row;
this.fileList = [];
this.fileUrl1 = [];
this.finalShow = true;
},
passData1() {
if (!this.textarea) {
......@@ -739,11 +965,11 @@ export default {
name: this.userName,
state: 2,
reason: this.textarea,
attachedPictureUploadDTO: this.fileUrl1
attachedPictureUploadDTO: this.fileUrl1,
};
mattersHousePass(params).then((res) => {
if (res.success) {
this.finalShow = false
this.finalShow = false;
this.$message.success(`资料审核通过`);
this.init();
} else {
......@@ -763,8 +989,8 @@ export default {
},
},
created() {
this.userName = localStorage.getItem('userName');
this.searchForm.departmentCode = this.$route.query.departmentCode
this.userName = localStorage.getItem("userName");
this.searchForm.departmentCode = this.$route.query.departmentCode;
this.init();
},
};
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment