elink-star
/
epmet-oper-gov
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

全部证明信息

rizhao_dev
井乐禹 2 years ago
parent
64825fa713
commit
a9fe919dde
1 changed files with 83 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 118
      src/views/modules/withoutProof/index.vue

118
src/views/modules/withoutProof/index.vue
View File

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