<template>
|
<div
|
class="listDetailDialog"
|
v-loading.fullscreen.lock="loading"
|
element-loading-background="transparent"
|
>
|
<el-dialog
|
:visible.sync="applyVisible"
|
:title="title"
|
:close-on-click-modal="false"
|
:modal-append-to-body="true"
|
:append-to-body="true"
|
:destroy-on-close="true"
|
@close="closeDialog('form')"
|
width="60%"
|
:scrollable="true"
|
>
|
<p
|
class="listDetailDialogtitle"
|
style="text-align: left; margin-left: 20px"
|
>
|
<span></span>
|
{{ title }}
|
</p>
|
<KeysTable
|
:list="detailList"
|
:header="detailListHeader"
|
:isShowPages="false"
|
title=""
|
></KeysTable>
|
<div style="text-align: center; margin-top: 20px">
|
<el-button type="primary" @click="closeDialog('form')">关闭</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import KeysTable from "../../comprehensiveTransaction/components/KeysTable.vue";
|
// import {
|
// qryMainCreditInfo, //查询主授信人信息
|
// qryReconcileInfoMap, //查询和解信息
|
// qryCommunicationInfo, //查询律所历史沟通信息
|
// saveCommunicationInfo, // 保存律所沟通记录
|
// saveReconcileInfo, //保存律所信息
|
// trialFirstPayment, //V贷首次还款试算
|
// queryPaymentCalcLog, //查询首次还款试算明细
|
// queryPaymentCalcResult, //查询首次还款试算结果
|
// } from "@comprehensive/serve/public";
|
// import {
|
// lawCommunHistoryListHeader,
|
// vLoanReconcileRepaymentTrialListHeader,
|
// } from "@comprehensive/utils/tableHeaders";
|
export default {
|
props: ["title", "visible", "showList", "showListHeader"],
|
data() {
|
return {
|
loading: false,
|
detailList: [],
|
detailListHeader: [...this.showListHeader],
|
};
|
},
|
components: {
|
KeysTable,
|
},
|
computed: {
|
applyVisible: {
|
get() {
|
return this.visible;
|
},
|
set() {},
|
},
|
},
|
async created() {
|
console.log("selectWorkerInfo", this.selectWorkerInfo);
|
this.init();
|
},
|
methods: {
|
async init() {
|
this.detailList = this.showList;
|
},
|
closeDialog(formName) {
|
this.$emit("closeApply", false);
|
},
|
},
|
};
|
</script>
|
|
<style lang="stylus">
|
.listDetailDialog {
|
.el-dialog {
|
width: auto;
|
max-width: calc(100% - 180px);
|
min-width: 1280px;
|
max-height: 100%;
|
overflow: hidden;
|
margin: 0 !important;
|
position: absolute;
|
left: 50%;
|
top: 50%;
|
transform: translate(-50%, -50%);
|
|
p {
|
text-align: center;
|
color: #222222;
|
font-size: 18px;
|
font-weight: 500;
|
margin-bottom: 20px;
|
}
|
|
.el-dialog__header {
|
padding: 40px 0 30px;
|
|
.el-dialog__title {
|
margin: 0 0 0 20px;
|
}
|
|
.el-dialog__headerbtn {
|
top: 12px;
|
}
|
}
|
|
.el-dialog__body {
|
padding: 0 20px 26px;
|
|
.el-table {
|
td, th {
|
height: 48px;
|
padding: 0;
|
|
.cell {
|
line-height: 18px;
|
}
|
}
|
}
|
}
|
|
.el-dialog__footer {
|
padding: 0;
|
}
|
|
.dialog-footer {
|
padding: 0 0 40px;
|
}
|
|
.el-button {
|
width: 120px;
|
font-size: 14px;
|
line-height: 20px;
|
padding: 5px 0;
|
}
|
|
.el-form {
|
display: flex;
|
justify-content: flex-start;
|
flex-wrap: wrap;
|
|
.el-form-item {
|
display: flex;
|
width: 45%;
|
margin: 0 30px 24px 0;
|
|
.el-form-item__label {
|
color: #888;
|
}
|
|
.el-form-item__content {
|
flex: 1;
|
|
.el-date-editor {
|
width: auto;
|
}
|
|
.el-select {
|
display: block;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.listDetailDialogtitle {
|
margin: 0px 0 20px 0;
|
padding: 0 0 0 10px;
|
border-left: solid 2px #0081f0;
|
line-height: 16px;
|
font-size: 14px;
|
color: #222222;
|
}
|
|
.el-dialog__body {
|
max-height: 600px; /* 你可以根据需要调整这个值 */
|
overflow-y: auto; /* 当内容超出最大高度时，显示垂直滚动条 */
|
}
|
|
.family-address-item .el-form-item__content {
|
width: 50%; /* 或者你希望的特定宽度 */
|
}
|
</style>
|
