31 changed files with 457 additions and 38 deletions
@ -0,0 +1,314 @@ |
|||
<template> |
|||
<div> |
|||
<div class="crumbs"> |
|||
<el-breadcrumb separator="/"> |
|||
<el-breadcrumb-item> |
|||
<i class="el-icon-lx-cascades"></i> 资产管理 |
|||
</el-breadcrumb-item> |
|||
<el-breadcrumb-item>挂牌费支付审核</el-breadcrumb-item> |
|||
</el-breadcrumb> |
|||
</div> |
|||
<div class="container"> |
|||
<div class="handle-box"> |
|||
<el-input v-model="query.serial_name" placeholder="资产名称" class="handle-input mr10"></el-input> |
|||
<el-input v-model="query.firm_name" placeholder="机构名称" class="handle-input mr10"></el-input> |
|||
<el-input v-model="query.apply_name" placeholder="法人名称" class="handle-input mr10"></el-input> |
|||
<el-select v-model="query.account_apply" placeholder="审核状态" class="handle-select mr10"> |
|||
<el-option key="4" label="全部" :value="4"></el-option> |
|||
<el-option key="2" label="湖南省" value="湖南省"></el-option> |
|||
</el-select> |
|||
<el-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10"> |
|||
<el-option v-for="item in auditList" :key="item.uid" :label="item.username" :value="item.uid"></el-option> |
|||
</el-select> |
|||
<el-date-picker |
|||
class="mr10" |
|||
v-model="query.time" |
|||
type="datetimerange" |
|||
:picker-options="pickerOptions" |
|||
range-separator="至" |
|||
value-format="timestamp" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
align="right" |
|||
> |
|||
</el-date-picker> |
|||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> |
|||
<el-button type="primary" plain @click="reset">重置</el-button> |
|||
</div> |
|||
<el-table |
|||
:data="tableData" |
|||
border |
|||
class="table" |
|||
ref="multipleTable" |
|||
header-cell-class-name="table-header" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> |
|||
<el-table-column label="业务编码" prop="serial_number" ></el-table-column> |
|||
<el-table-column prop="update_time" :formatter="formatDate" label="申请时间" align="center"></el-table-column> |
|||
<el-table-column label="资产名称" prop="serial_name" align="center"></el-table-column> |
|||
<el-table-column prop="firm_name" label="机构名称" align="center"></el-table-column> |
|||
<el-table-column prop="apply_name" label="法人名称" align="center"></el-table-column> |
|||
<el-table-column label="审核状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.row.asset_check_status==0">待审核</span> |
|||
<span v-else-if="scope.row.asset_check_status==2">待复核</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="支付凭证" align="center"> |
|||
<template slot-scope="scope" v-if="scope.row.payment_document!=''"> |
|||
<a :href="scope.row.payment_document" target="_blank" rel="nofollow" class="upload_span">点击查看</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="audit_staff_name" label="审核人员" align="center"></el-table-column> |
|||
<el-table-column label="操作" width="280" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
type="text" |
|||
@click="handleEdit(scope.$index, scope.row)" |
|||
>资料查看</el-button> |
|||
<el-button |
|||
type="text" |
|||
@click="examine(scope.$index, scope.row)" |
|||
>挂牌费付款审核</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="pagination"> |
|||
<el-pagination |
|||
background |
|||
layout="total, prev, pager, next" |
|||
:current-page="query.page" |
|||
:page-size="query.limit" |
|||
:total="pageTotal" |
|||
@current-change="handlePageChange" |
|||
></el-pagination> |
|||
</div> |
|||
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" |
|||
:dialogType="dialogType" @MisShow="MisShow" :assets_type="1" @getData="getData"> |
|||
</whyDialog> |
|||
<el-dialog |
|||
title="挂牌费付款审核" |
|||
:visible.sync="centerDialogVisible" |
|||
width="30%" |
|||
center> |
|||
<span>该订单的付款审核是否通过？</span> |
|||
<div class="selectExamine"> |
|||
<el-radio v-model="query1.status" :label="1">审核通过</el-radio> |
|||
<el-radio v-model="query1.status" :label="2">审核不通过</el-radio> |
|||
</div> |
|||
<div class="messege" v-if="query1.status==2"> |
|||
<span>审核不通过原因：</span> |
|||
<el-input placeholder="请输入" v-model="query1.message" class="handle-input mr10"></el-input> |
|||
</div> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="centerDialogVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="selectExamine()">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { payList,auditList ,payCheck} from '../../../api/index'; |
|||
import moment from 'moment' |
|||
export default { |
|||
// name: 'basetable', |
|||
data() { |
|||
return { |
|||
centerDialogVisible:false, |
|||
query: { |
|||
account_name: '', |
|||
firm_name: '', |
|||
account_status: '', |
|||
audit_staff_name:'', |
|||
account_apply: '', |
|||
auditID: '', |
|||
time: '', |
|||
page: 1, |
|||
limit: 10 |
|||
}, |
|||
query1:{ |
|||
id:'', |
|||
status:'', |
|||
message:'' |
|||
}, |
|||
tableData: [], |
|||
multipleSelection: [], |
|||
delList: [], |
|||
auditList:[], |
|||
editVisible: false, |
|||
pageTotal: 0, |
|||
dialogID:'', |
|||
dialogType:2, |
|||
pickerOptions: { |
|||
shortcuts: [ |
|||
{ |
|||
text: "最近一周", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
{ |
|||
text: "最近一个月", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
{ |
|||
text: "最近三个月", |
|||
onClick(picker) { |
|||
const end = new Date(); |
|||
const start = new Date(); |
|||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
|||
picker.$emit("pick", [start, end]); |
|||
}, |
|||
}, |
|||
], |
|||
}, |
|||
}; |
|||
}, |
|||
components:{ |
|||
whyDialog: () => import('../../common/dialog/insex.vue') |
|||
}, |
|||
created() { |
|||
this.getData(); |
|||
this.getAuditList(); |
|||
}, |
|||
methods: { |
|||
selectExamine(){ |
|||
payCheck(this.query1).then(res=>{ |
|||
console.info(res) |
|||
if (res.code==100) { |
|||
this.$message.success('审核成功！'); |
|||
this.getData(); |
|||
}else{ |
|||
this.$message.error(res.msg); |
|||
} |
|||
this.centerDialogVisible=false |
|||
this.getData(); |
|||
}) |
|||
}, |
|||
examine(index,row){ |
|||
this.query1.id=row.id |
|||
this.centerDialogVisible=true |
|||
}, |
|||
MisShow(){ |
|||
this.editVisible=false |
|||
}, |
|||
//时间戳转换时间 |
|||
formatDate(row,colnum){ |
|||
return moment(row.create_time *1000).format('YYYY-MM-DD HH:mm:ss') |
|||
}, |
|||
// 重置方法 |
|||
reset(){ |
|||
Object.keys(this.query).forEach(key => { |
|||
console.info(key) |
|||
if (key!='page' && key!='limit') { |
|||
this.query[key] = '' |
|||
} |
|||
}); |
|||
}, |
|||
// 审核人员下拉数据 |
|||
getAuditList(){ |
|||
auditList().then(res => { |
|||
// console.log(res); |
|||
if (res.code==100) { |
|||
this.auditList=res.data.list |
|||
} |
|||
}); |
|||
}, |
|||
// 获取 easy-mock 的模拟数据 |
|||
getData() { |
|||
payList(this.query).then(res => { |
|||
console.log(res); |
|||
this.tableData = res.data.list; |
|||
this.pageTotal = res.data.count |
|||
}); |
|||
}, |
|||
// 触发搜索按钮 |
|||
handleSearch() { |
|||
this.$set(this.query, 'pageIndex', 1); |
|||
this.getData(); |
|||
}, |
|||
// 删除操作 |
|||
handleDelete(index, row) { |
|||
// 二次确认删除 |
|||
this.$confirm('确定要删除吗？', '提示', { |
|||
type: 'warning' |
|||
}) |
|||
.then(() => { |
|||
this.$message.success('删除成功'); |
|||
this.tableData.splice(index, 1); |
|||
}) |
|||
.catch(() => {}); |
|||
}, |
|||
// 多选操作 |
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val; |
|||
}, |
|||
// 编辑操作 |
|||
handleEdit(index, row) { |
|||
this.editVisible = true; |
|||
this.dialogID=row.id; |
|||
}, |
|||
// 保存编辑 |
|||
saveEdit() { |
|||
this.editVisible = false; |
|||
this.$message.success(`修改第 ${this.idx + 1} 行成功`); |
|||
this.$set(this.tableData, this.idx, this.form); |
|||
}, |
|||
// 分页导航 |
|||
handlePageChange(val) { |
|||
this.$set(this.query, 'page', val); |
|||
this.getData(); |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.handle-box { |
|||
margin-bottom: 20px; |
|||
} |
|||
.selectExamine{ |
|||
margin: 10px 0; |
|||
} |
|||
.handle-select { |
|||
width: 120px; |
|||
} |
|||
|
|||
.handle-input { |
|||
width: 150px; |
|||
display: inline-block; |
|||
} |
|||
.table { |
|||
width: 100%; |
|||
font-size: 14px; |
|||
} |
|||
.red { |
|||
color: #ff0000; |
|||
} |
|||
.mr10 { |
|||
margin-right: 10px; |
|||
} |
|||
.table-td-thumb { |
|||
display: block; |
|||
margin: auto; |
|||
width: 40px; |
|||
height: 40px; |
|||
} |
|||
.upload_span{ |
|||
color: #294CC6; |
|||
text-decoration: underline; |
|||
cursor: pointer; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue