<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>办件信息</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/style-screen-1920.css">
</head>
<body>
<div class="content" id="vue_det">
<div class="main clearfix">
<div class="main-fr">
<p class="title">办件信息</p>
<div class="cont flex-column">
<div class="confirm-table">
<table class="table-row" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #9999bb;">
<colgroup>
<col width="22%">
<col width="28%">
<col width="22%">
<col width="28%">
</colgroup>
<tbody>
<tr>
<tr>
<td>项目名称:</td>
<td colspan="3">{{caseInfo.projectName}}</td>
</tr>
<tr>
<td>办件编号:</td>
<td colspan="3">{{caseInfo.caseNumber}}</td>
</tr>
<tr>
<td>办件状态:</td>
<td colspan="3">
<span v-if="caseInfo.caseStatus == 1">待预审</span>
<span v-if="caseInfo.caseStatus == 2">办理中</span>
<span v-if="caseInfo.caseStatus == 3">已办结</span>
<span v-if="caseInfo.caseStatus == -1">作废</span>
<span v-if="caseInfo.caseStatus == 5">异常办结</span>
<span v-if="caseInfo.caseStatus == 9">预审不通过</span>
<span v-if="caseInfo.caseStatus == 47">不予受理</span>
<span v-if="caseInfo.caseStatus == 44">不予批准</span>
</td>
</tr>
<tr>
<td>申请人名称:</td>
<td colspan="3">{{caseInfo.applyUserName}}</td>
<!-- <td><span v-if="cegisterType == 0">通讯地址:</span></td>
<td><span v-if="cegisterType == 0">{{caseContent.applyUserAddress}}</span></td>-->
</tr>
<tr>
<td>申请人手机号:</td>
<td colspan="3">{{caseInfo.applyUserPhone}}</td>
</tr>
<tr>
<td>登记时间:</td>
<td colspan="3">{{caseInfo.createDate}}</td>
</tr>
<tr>
<td>办结时间:</td>
<td colspan="3">{{caseInfo.concludeDate}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../pbpj/js/vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
var app = new Vue({
el: '#vue_det',
data: {
caseOid:"",
caseInfo:{}
},
mounted: function () {
this.getCaseInfo();//需要触发的函数
},
methods: {
getCaseInfo: function () {
var content = this.getURLParameter("caseOid");
this.caseOid=content;
this.pushCallInfo();
},
getURLParameter: function (name) {
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null;
},
pushCallInfo:function() {
axios.get('http://172.168.252.59:9091/appService/queryCaseInfo', { params: { 'qlCaseOid': this.caseOid} }).then((res) => {
if (res) {
console.log(JSON.stringify(res))
if (res.data) {
this.caseInfo=res.data.data;
}
}
}).catch((error) => {
});
},
}
})
</script>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
