<template>
|
<div class="help_doc_list_main">
|
<SearchCondition
|
:info="info"
|
ref="condRef"
|
:conForm="conForm"
|
:isShowDetail="isShowDetail"
|
:screenWidth="screenWidth"
|
:buttonsList="[1,2]"
|
@handleOnSeach="handleOnSeach"
|
@handleOnRest="handleOnRest"
|
@handleClick="isShowDetail = !isShowDetail"
|
/>
|
<ProTable
|
:pageInfo="pageInfo"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:isAutoIndex="true"
|
:list="records"
|
:header="tableHeader"
|
:loading="loading"
|
/>
|
</div>
|
</template>
|
|
<script>
|
import ProTable from "../components/ProTable";
|
import SearchCondition from "../components/SearchCondition";
|
|
import {
|
searchCondition,
|
contactPhoneDefault,
|
contactList
|
} from "./config/util";
|
import { qryCusAdditionalInfoList } from "../../http/api";
|
import { qryDropDownOption, qryEntInfoDetail } from "@/http/api";
|
export default {
|
props: {},
|
data() {
|
return {
|
info: [...searchCondition],
|
tableHeader: [...contactList],
|
conForm: { ...contactPhoneDefault },
|
condtionValue: { ...searchCondition },
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10,
|
total: 0
|
},
|
records: [],
|
loading: false,
|
condtionConfig: [...searchCondition],
|
// condformdefConfig: { ...IMAGEDATACONFIGDEF },
|
optionsData: [],
|
optionsArr: "CustomerType",
|
operateBtns: [],
|
screenWidth: document.body.offsetWidth,
|
isShowDetail: false // 是否显示所有表单项
|
};
|
},
|
mounted() {
|
// this.getBoardList();
|
this.handleOnSeach();
|
},
|
created() {
|
// await this.getDictionaryList("customerType", "CustomerType");
|
},
|
methods: {
|
// 搜索列表
|
handleOnSeach() {
|
const conRef = this.$refs.condRef;
|
this.$set(this, "condtionValue", conRef.$refs["conform"].model);
|
this.$set(this, "pageInfo", { currentPage: 1, pageSize: 10, total: 0 });
|
this.getBoardList();
|
},
|
// 重置
|
handleOnRest() {
|
this.$set(this, "condtionValue", {});
|
},
|
// 获取列表
|
async getBoardList() {
|
const { pageInfo, condtionValue, conForm } = this;
|
const { currentPage, pageSize } = this.pageInfo;
|
const loading = this.$loading({
|
lock: true,
|
text: "",
|
background: "hsla(0,0%,100%,.9)"
|
});
|
const params = {
|
...condtionValue,
|
...pageInfo,
|
additionalInfoType: "2"
|
};
|
const listRes = await qryCusAdditionalInfoList(params);
|
loading.close();
|
if (listRes.code && listRes.code === "00") {
|
const newList = listRes.result.records;
|
this.$set(this, "records", newList);
|
this.$set(
|
this.pageInfo,
|
"total",
|
listRes.result && listRes.result.total
|
);
|
}
|
},
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val;
|
this.getBoardList();
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val;
|
this.getBoardList();
|
}
|
},
|
components: { SearchCondition, ProTable }
|
};
|
</script>
|
|
|
<style lang="less">
|
.help_doc_list_main {
|
padding: 16px 0px 0 20px;
|
& .help_doc_dialog {
|
width: 1000px;
|
// & .is-always-shadow {
|
// // box-shadow: none;
|
// }
|
& .images {
|
text-align: left;
|
& .imagesList {
|
display: flex;
|
& .upload_parent {
|
margin-top: -5px !important;
|
margin-left: 10px !important;
|
}
|
& .img-item {
|
position: relative;
|
}
|
& .el-icon-error {
|
position: absolute;
|
left: 32px;
|
top: -2px;
|
cursor: pointer;
|
}
|
& .el-upload--picture-card {
|
height: 61px;
|
width: 52px;
|
position: relative;
|
& .el-icon-plus {
|
position: absolute;
|
left: 12px;
|
top: 15px;
|
}
|
}
|
}
|
& img {
|
width: 50px;
|
margin-right: 15px;
|
}
|
& .oper_img_list_ico {
|
width: 24px;
|
height: 24px;
|
margin-right: 0px;
|
position: absolute;
|
bottom: 0px !important;
|
}
|
}
|
& .el-dialog__footer {
|
& .dialog-footer {
|
& .el-button--default {
|
width: 120px;
|
height: 30px;
|
line-height: 7px;
|
border-radius: 4px;
|
border: 1px solid rgba(204, 204, 204, 1);
|
}
|
& .el-button--primary {
|
width: 120px;
|
height: 30px;
|
line-height: 7px;
|
background: #0081f0;
|
border-color: #0081f0;
|
border-radius: 4px;
|
margin-left: 40px;
|
}
|
}
|
}
|
}
|
& .help_doc_tip_dialog {
|
width: 1000px;
|
& .el-dialog__footer {
|
& .dialog-footer {
|
& .el-button--default {
|
width: 120px;
|
height: 30px;
|
line-height: 7px;
|
border-radius: 4px;
|
border: 1px solid rgba(204, 204, 204, 1);
|
}
|
& .el-button--primary {
|
width: 120px;
|
height: 30px;
|
line-height: 7px;
|
background: #0081f0;
|
border-color: #0081f0;
|
border-radius: 4px;
|
margin-left: 40px;
|
}
|
}
|
}
|
}
|
& .copy_dialog {
|
width: 950px;
|
}
|
& .del_dialog {
|
width: 450px;
|
& .el-dialog__body {
|
text-align: justify;
|
}
|
}
|
& .add-button {
|
padding: 2px 0 30px 0;
|
}
|
}
|
</style>
|
