|
|
<template> <div class="mode-config"> <el-row> <el-col> <el-form label-position="top" style="margin-top: 1px; margin-left: 0px;"> <el-form :inline="true" label-position="top" style="margin-top: 0px"> <download-excel :fields="fields2()" :data="exportData2" type="xls" :name="exportName2" :header="exportHeader2" :footer="exportFooter2" :fetch="createExportData2" worksheet="导出信息" class="el-button el-button--primary el-button--medium"> {{ '导出' }} </download-excel> </el-form> </el-form> </el-col> </el-row> <el-table :data="dataList" :height="height" border v-loading="dataListLoading" style="width: 100%;margin-top: 10px "> <el-table-column v-for="(item,index) in columnList2" :key="index" :sortable="item.columnSortable" :prop="item.columnProp" :header-align="item.headerAlign" :show-overflow-tooltip="item.showOverflowTooltip" :align="item.align" :fixed="item.fixed==''?false:item.fixed" :min-width="item.columnWidth" :label="item.columnLabel"> <template slot-scope="scope"> <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span> <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> </template> </el-table-column> </el-table> </div></template><script>import { getCustomerContactData,} from "@/api/project/project.js"export default { name: "customerContact", props: { height: { type: Number, default: 300 }, dataList:{ type: Array, default: () => [] } }, data(){ return{ quotationData: {}, exportData2: [], exportName2: "项目客户联系人" + this.dayjs().format('YYYYMMDDHHmmss'), exportHeader2: ["项目客户联系人"], exportFooter2: [], exportList2:[], dataListLoading: false,
columnList2: [ { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99ContactName', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'contactName', headerAlign: 'center', align: 'center', columnLabel: '联系人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99ContactPhoneNumber1', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'contactPhoneNumber1', headerAlign: 'center', align: 'center', columnLabel: '联系电话', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99ContactLandlineNumber', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'contactLandlineNumber', headerAlign: 'center', align: 'center', columnLabel: '座机', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99Position', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'position', headerAlign: 'center', align: 'center', columnLabel: '公司职务', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99Mailbox', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'mailbox', headerAlign: 'center', align: 'center', columnLabel: '邮箱', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99PrimaryContact', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'primaryContact', headerAlign: 'center', align: 'center', columnLabel: '默认联系人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 40 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99ContactStatus', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'contactStatus', headerAlign: 'center', align: 'center', columnLabel: '状态', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 40 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99CreateDate', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'createDate', headerAlign: 'center', align: 'center', columnLabel: '创建时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99CreateBy', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'createBy', headerAlign: 'center', align: 'center', columnLabel: '创建人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99UpdateDate', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'updateDate', headerAlign: 'center', align: 'center', columnLabel: '更新时间', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 120 }, { userId: this.$store.state.user.name, functionId: 102003, serialNumber: '102003Table99UpdateBy', tableId: '102003Table99', tableName: '项目联系人表', columnProp: 'updateBy', headerAlign: 'center', align: 'center', columnLabel: '更新人', columnHidden: false, columnImage: false, columnSortable: false, sortLv: 0, status: true, fixed: '', columnWidth: 80 } ], } }, methods:{ //导出excel
async createExportData2() { return this.dataList; }, fields2() { let json = "{" this.columnList2.forEach((item, index) => { if (index == this.columnList2.length - 1) { json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" } else { json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + "," } }) json += "}" let s = eval("(" + json + ")") return s }, },}</script><style scoped>
</style>
|
