|
|
@ -3,28 +3,45 @@ |
|
|
|
<div class="wrap"> |
|
|
|
<div class="search"> |
|
|
|
<div class="input"> |
|
|
|
<input type="text" placeholder="请输入证件号码" style="width: 591px;" v-model="formData.key" |
|
|
|
@keyup.enter="handleClickSearchBtn" /> |
|
|
|
<div class="close-btn" v-if="formData.key != ''" @click="cleanData"> |
|
|
|
<input type="text" |
|
|
|
placeholder="请输入证件号码" |
|
|
|
style="width: 591px;" |
|
|
|
v-model="formData.key" |
|
|
|
@keyup.enter="handleClickSearchBtn" /> |
|
|
|
<div class="close-btn" |
|
|
|
v-if="formData.key != ''" |
|
|
|
@click="cleanData"> |
|
|
|
<img src="@/assets/img/shequ/close.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="btn" @click="handleClickSearchBtn">查询</div> |
|
|
|
<div class="btn" |
|
|
|
@click="handleClickSearchBtn">查询</div> |
|
|
|
</div> |
|
|
|
<template v-if="isViews"> |
|
|
|
<h3>办理窗口</h3> |
|
|
|
<div class="m-tb"> |
|
|
|
<div class="tb"> |
|
|
|
<el-table :data="tableData" :height="tableHeight" v-loading="tableLoading" |
|
|
|
highlight-current-row @current-change="handleCurrentChange" |
|
|
|
border :max-height="1000" style="width: 100%"> |
|
|
|
<el-table-column prop="zmtaskname" label="证明材料名称" align="center"> </el-table-column> |
|
|
|
<el-table-column prop="dealouname" label="证明开具部门" align="center"> |
|
|
|
<el-table :data="tableData" |
|
|
|
:height="tableHeight" |
|
|
|
v-loading="tableLoading" |
|
|
|
highlight-current-row |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
border |
|
|
|
:max-height="1000" |
|
|
|
style="width: 100%"> |
|
|
|
<el-table-column prop="zmtaskname" |
|
|
|
label="证明材料名称" |
|
|
|
align="center"> </el-table-column> |
|
|
|
<el-table-column prop="dealouname" |
|
|
|
label="证明开具部门" |
|
|
|
align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.dealouname === '' ? '/' : scope.row.dealouname }} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="applyertype" label="证件类型" align="center" > |
|
|
|
<el-table-column prop="applyertype" |
|
|
|
label="证件类型" |
|
|
|
align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
{{ scope.row.applyertype === '20' ? '身份证' : scope.row.applyertype === '10' ? '统一信用代码' : '身份证,统一信用代码' }} |
|
|
|
</template> |
|
|
@ -37,20 +54,41 @@ |
|
|
|
<h3>全部证明信息</h3> |
|
|
|
<div class="m-tb"> |
|
|
|
<div class="tb"> |
|
|
|
<el-table :data="newTableData" :height="tableHeight" v-loading="tableLoading" border :max-height="1000" style="width: 100%"> |
|
|
|
<el-table-column prop="zmresultname" label="证明材料名称" align="center"></el-table-column> |
|
|
|
<el-table-column prop="base64str" label="缩略图" align="center"> |
|
|
|
<el-table :data="newTableData" |
|
|
|
:height="tableHeight" |
|
|
|
v-loading="tableLoading" |
|
|
|
border |
|
|
|
:max-height="1000" |
|
|
|
style="width: 100%"> |
|
|
|
<el-table-column prop="zmresultname" |
|
|
|
label="证明材料名称" |
|
|
|
align="center"></el-table-column> |
|
|
|
<el-table-column prop="base64str" |
|
|
|
label="缩略图" |
|
|
|
align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<img :src="scope.row.base64str" style="width: 100%;border-radius: 50%;"/> |
|
|
|
<img :src="scope.row.base64str" |
|
|
|
style="width: 100%;border-radius: 50%;" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="downloadurl" label="操作" fixed="right" header-align="center" align="center" class="operate"> |
|
|
|
<el-table-column label="操作" |
|
|
|
fixed="right" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
class="operate"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <el-button type="text" style="color: #1c6afd; text-decoration: underline" |
|
|
|
size="small" @click="handleClickAdd(scope.row)">申请</el-button> --> |
|
|
|
<el-button type="text" style="color: #1c6afd; text-decoration: underline" size="small"> |
|
|
|
<el-button type="text" |
|
|
|
style="color: #1c6afd; text-decoration: underline" |
|
|
|
size="small" |
|
|
|
v-if="scope.row.downloadurl"> |
|
|
|
<a :href="scope.row.downloadurl">下载</a> |
|
|
|
</el-button> |
|
|
|
<el-button v-else |
|
|
|
type="text" |
|
|
|
style="color: #1c6afd; text-decoration: underline" |
|
|
|
size="small" |
|
|
|
@click="handleClickAdd(scope.row)">申请</el-button> |
|
|
|
|
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
@ -59,18 +97,28 @@ |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" |
|
|
|
width="950px" top="5vh" class="dialog-h" @closed="diaClose"> |
|
|
|
<edit-form v-if="formShow" ref="ref_form" :rowObj="rowObj" @dialogCancle="addFormCancle" |
|
|
|
@dialogOk="addFormOk" :keyWord="keyWord"></edit-form> |
|
|
|
<el-dialog :visible.sync="formShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="formTitle" |
|
|
|
width="950px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose"> |
|
|
|
<edit-form v-if="formShow" |
|
|
|
ref="ref_form" |
|
|
|
:rowObj="rowObj" |
|
|
|
@dialogCancle="addFormCancle" |
|
|
|
@dialogOk="addFormOk" |
|
|
|
:keyWord="keyWord"></edit-form> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import editForm from './form' |
|
|
|
import { requestGet } from "@/js/dai/request"; |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { mapGetters } from 'vuex'; |
|
|
|
import editForm from './form'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'WorkLog', |
|
|
@ -83,7 +131,7 @@ export default { |
|
|
|
formData: { |
|
|
|
key: '' |
|
|
|
}, |
|
|
|
keyWord:'', |
|
|
|
keyWord: '', |
|
|
|
rowguid: '', |
|
|
|
applyertype: '', |
|
|
|
idCard: '', |
|
|
@ -109,26 +157,26 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async getDownList(){ |
|
|
|
if(!this.rowguid) { |
|
|
|
async getDownList() { |
|
|
|
if (!this.rowguid) { |
|
|
|
return this.$message.error('请选择证明开具部门!') |
|
|
|
} |
|
|
|
if(!this.formData.key){ |
|
|
|
if (!this.formData.key) { |
|
|
|
return this.$message.error('请输入证件号码!') |
|
|
|
} |
|
|
|
this.newTableData = [] |
|
|
|
if(this.applyertype === '20'){ |
|
|
|
if (this.applyertype === '20') { |
|
|
|
this.idCard = this.formData.key |
|
|
|
this.qrCode = '' |
|
|
|
}else if(this.applyertype === '10'){ |
|
|
|
} else if (this.applyertype === '10') { |
|
|
|
this.qrCode = this.formData.key |
|
|
|
this.idCard = '' |
|
|
|
}else { |
|
|
|
} else { |
|
|
|
this.idCard = this.formData.key |
|
|
|
this.qrCode = '' |
|
|
|
} |
|
|
|
//获取下拉列表数据 回对象形式 回传给页面的 |
|
|
|
const res = await requestGet("/gov/org/actingWP/getWzmProject",{idCard:this.idCard,qrcode:this.qrCode,zmtaskguid:this.rowguid}) |
|
|
|
const res = await requestGet("/gov/org/actingWP/getWzmProject", { idCard: this.idCard, qrcode: this.qrCode, zmtaskguid: this.rowguid }) |
|
|
|
this.$nextTick(() => { |
|
|
|
this.newTableData = res.data; |
|
|
|
this.isViews = false |
|
|
@ -169,7 +217,7 @@ export default { |
|
|
|
this.rowguid = val.rowguid |
|
|
|
this.applyertype = val.applyertype |
|
|
|
}, |
|
|
|
cleanData(){ |
|
|
|
cleanData() { |
|
|
|
this.formData.key = '' |
|
|
|
this.newTableData = [] |
|
|
|
this.fetchData() |
|
|
@ -179,7 +227,7 @@ export default { |
|
|
|
...mapGetters(['clientHeight', 'iframeHeight']), |
|
|
|
tableHeight() { |
|
|
|
const _h = this.clientHeight - this.sHeight |
|
|
|
return _h |
|
|
|
return _h |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: { |
|
|
@ -193,7 +241,7 @@ export default { |
|
|
|
<style lang="scss" src="@/assets/scss/modules/search.scss" scoped></style> |
|
|
|
<style> |
|
|
|
.current-row { |
|
|
|
color: blue !important |
|
|
|
color: blue !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|