|
|
|
@ -2,7 +2,10 @@ |
|
|
|
<div class="app-container"> |
|
|
|
<div class=""> |
|
|
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
|
|
|
<div class="title">准备执行材料</div> |
|
|
|
<div class="title titleOne"> |
|
|
|
<div>准备执行材料</div> |
|
|
|
<el-button type="primary" size="mini" class="btntopblueline" @click="lookHistory">历史执行记录</el-button> |
|
|
|
</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">转执行日期</div> |
|
|
|
@ -126,6 +129,155 @@ |
|
|
|
<el-dialog :visible.sync="dialogVisible"> |
|
|
|
<el-image style="width: 150px; height: 150px" v-for="(item, index) in list" :key="index" :src="item" :preview-src-list="list"/> |
|
|
|
</el-dialog> |
|
|
|
<!-- 历史执行记录 --> |
|
|
|
<el-dialog :visible.sync="historyVisible" width="70%"> |
|
|
|
<div v-show="tableVisible"> |
|
|
|
<el-form ref="form_obj" :rules="rules" class="formaddcopy02"> |
|
|
|
<div class="title">历史执行记录</div> |
|
|
|
<el-table :key="historyKey" :data="historyList" :index="index" border style="width: 100%"> |
|
|
|
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" /> |
|
|
|
<el-table-column prop="prepareTime" label="转执行日期" align="center" width="150" /> |
|
|
|
<el-table-column prop="executeTime" label="执行立案日期" align="center" width="230" /> |
|
|
|
<el-table-column label="执行案件号" align="center" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="bluezi" @click="lookDetail(scope.row.recordSid)">{{ scope.row.executeCaseNo }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="executeMoney" label="执行立案金额" align="center" width="200" /> |
|
|
|
<el-table-column prop="executeAmountAll" label="执行回款总金额" align="center" width="200" /> |
|
|
|
<el-table-column prop="endTime" label="终止日期" align="center" width="150" /> |
|
|
|
<el-table-column prop="endReason" label="终止原因" align="center" min-width="300" /> |
|
|
|
</el-table> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div v-show="!tableVisible"> |
|
|
|
<div style="text-align: right"> |
|
|
|
<el-button type="info" size="small" @click="handleClose()">关闭</el-button> |
|
|
|
</div> |
|
|
|
<el-form ref="form_obj" :model="history" :rules="rules" class="formaddcopy02"> |
|
|
|
<div class="title"> |
|
|
|
<div>准备执行材料</div> |
|
|
|
</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">转执行日期</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.readyInfo.prepareTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">材料递交日期</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.readyInfo.transferTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">负责人</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.readyInfo.header }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div> |
|
|
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.readyInfo.file" :key="index" :src="item" :preview-src-list="history.readyInfo.file" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">已执行立案</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">执行立案日期</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">执行案件号</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeCaseNo }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">执行时限(天)</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeDays }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">执行立案金额</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeMoney }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">执行回款总金额</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeAmountAll }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">执行未回款金额</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.yiZhiXingInfo.executeNotAmount }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">执行法官 |
|
|
|
</div> |
|
|
|
<el-table :key="tableKey" :data="history.yiZhiXingInfo.executeMeasure" :index="index" border style="width: 100%"> |
|
|
|
<el-table-column prop="measure" label="执行措施" align="center" width="150" /> |
|
|
|
<el-table-column prop="measureTime" label="执行日期" align="center" width="230" /> |
|
|
|
<el-table-column prop="measureMoney" label="执行回款金额" align="center" min-width="300" /> |
|
|
|
<el-table-column prop="measureShows" label="执行说明" align="center" min-width="300" /> |
|
|
|
<el-table-column prop="operatorTime" label="操作时间" align="center" width="200" /> |
|
|
|
<el-table-column prop="operator" label="操作人" align="center" width="150" /> |
|
|
|
<el-table-column label="附件" align="center" width="120"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="mini" style="padding-left: 5px" v-show="scope.row.file.length > 0" @click="handleLook(scope.row.file)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="title">列入失信人名单</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty">列入日期</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.promiseInfo.promiseTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div> |
|
|
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.promiseInfo.file" :key="index" :src="item" :preview-src-list="history.promiseInfo.file" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">查封、冻结资产</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="16"> |
|
|
|
<div class="span-sty">查封内容</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.closeInfo.closePart }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">查封日期</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.closeInfo.closeTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div> |
|
|
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.closeInfo.file" :key="index" :src="item" :preview-src-list="history.closeInfo.file" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty">财产处置</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.closeInfo.closeDisposal }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">终止本次执行</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="span-sty">终止日期</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.endCaseInfo.endTime }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="16"> |
|
|
|
<div class="span-sty">终止原因</div> |
|
|
|
<el-form-item><span class="addinputInfo">{{ history.endCaseInfo.endReason }}</span></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">材料</div> |
|
|
|
<el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in history.endCaseInfo.file" :key="index" :src="item" :preview-src-list="history.endCaseInfo.file" /></el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -181,6 +333,46 @@ export default { |
|
|
|
file: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
historyVisible: false, |
|
|
|
tableVisible: true, |
|
|
|
historyList: [], |
|
|
|
historyKey: 1, |
|
|
|
history: { |
|
|
|
sid: '', |
|
|
|
recordSid: '', |
|
|
|
readyInfo: { |
|
|
|
prepareTime: '', |
|
|
|
transferTime: '', |
|
|
|
header: '', |
|
|
|
headerSid: '', |
|
|
|
file: [] |
|
|
|
}, |
|
|
|
yiZhiXingInfo: { |
|
|
|
executeTime: '', |
|
|
|
executeCaseNo: '', |
|
|
|
executeDays: '', |
|
|
|
executeMoney: '', |
|
|
|
executeAmountAll: '', |
|
|
|
executeNotAmount: '', |
|
|
|
executeJudge: '', |
|
|
|
executeMeasure: [] |
|
|
|
}, |
|
|
|
closeInfo: { |
|
|
|
closePart: '', |
|
|
|
closeTime: '', |
|
|
|
closeDisposal: '', |
|
|
|
file: [] |
|
|
|
}, |
|
|
|
endCaseInfo: { |
|
|
|
endTime: '', |
|
|
|
endReason: '', |
|
|
|
file: [] |
|
|
|
}, |
|
|
|
promiseInfo: { |
|
|
|
promiseTime: '', |
|
|
|
file: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
rules: {} |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -220,6 +412,90 @@ export default { |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
lookHistory() { |
|
|
|
this.historyVisible = true |
|
|
|
req.getExecuteList({ sid: this.formobj.sid }).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
this.tableVisible = true |
|
|
|
this.historyList = resp.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
lookDetail(sid) { |
|
|
|
req.getHistoryExecuteDetail({ recordSid: sid }).then((resp) => { |
|
|
|
if (resp.success) { |
|
|
|
this.tableVisible = false |
|
|
|
this.history = resp.data |
|
|
|
if (this.formobj.readyInfo.file.length > 0) { |
|
|
|
const aa = [] |
|
|
|
this.formobj.readyInfo.file.forEach((e) => { |
|
|
|
aa.push(e.url) |
|
|
|
}) |
|
|
|
this.formobj.readyInfo.file = aa |
|
|
|
} |
|
|
|
if (this.formobj.closeInfo.file.length > 0) { |
|
|
|
const aa = [] |
|
|
|
this.formobj.closeInfo.file.forEach((e) => { |
|
|
|
aa.push(e.url) |
|
|
|
}) |
|
|
|
this.formobj.closeInfo.file = aa |
|
|
|
} |
|
|
|
if (this.formobj.promiseInfo.file.length > 0) { |
|
|
|
const aa = [] |
|
|
|
this.formobj.promiseInfo.file.forEach((e) => { |
|
|
|
aa.push(e.url) |
|
|
|
}) |
|
|
|
this.formobj.promiseInfo.file = aa |
|
|
|
} |
|
|
|
if (this.formobj.endCaseInfo.file.length > 0) { |
|
|
|
const aa = [] |
|
|
|
this.formobj.endCaseInfo.file.forEach((e) => { |
|
|
|
aa.push(e.url) |
|
|
|
}) |
|
|
|
this.formobj.endCaseInfo.file = aa |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
handleClose() { |
|
|
|
this.tableVisible = true |
|
|
|
this.history = { |
|
|
|
sid: '', |
|
|
|
recordSid: '', |
|
|
|
readyInfo: { |
|
|
|
prepareTime: '', |
|
|
|
transferTime: '', |
|
|
|
header: '', |
|
|
|
headerSid: '', |
|
|
|
file: [] |
|
|
|
}, |
|
|
|
yiZhiXingInfo: { |
|
|
|
executeTime: '', |
|
|
|
executeCaseNo: '', |
|
|
|
executeDays: '', |
|
|
|
executeMoney: '', |
|
|
|
executeAmountAll: '', |
|
|
|
executeNotAmount: '', |
|
|
|
executeJudge: '', |
|
|
|
executeMeasure: [] |
|
|
|
}, |
|
|
|
closeInfo: { |
|
|
|
closePart: '', |
|
|
|
closeTime: '', |
|
|
|
closeDisposal: '', |
|
|
|
file: [] |
|
|
|
}, |
|
|
|
endCaseInfo: { |
|
|
|
endTime: '', |
|
|
|
endReason: '', |
|
|
|
file: [] |
|
|
|
}, |
|
|
|
promiseInfo: { |
|
|
|
promiseTime: '', |
|
|
|
file: [] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
// 执行法官--附件查看 |
|
|
|
handleLook(row) { |
|
|
|
this.dialogVisible = true |
|
|
|
@ -245,4 +521,11 @@ export default { |
|
|
|
.addinputInfo { |
|
|
|
margin-left: 140px !important; |
|
|
|
} |
|
|
|
.titleOne { |
|
|
|
padding: 7px; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
