<template>
|
<div style="padding: 10px">
|
<el-card style="margin-bottom: 10px;">
|
<el-form :inline="true" :model="queryParams" ref="queryForm" class="mb8">
|
<el-form-item label="客户代码" prop="HNumber">
|
<el-input
|
v-model="queryParams.HNumber"
|
placeholder="请输入客户代码"
|
style="width: 160px"
|
/>
|
</el-form-item>
|
<el-form-item label="客户名称" prop="HName">
|
<el-input
|
v-model="queryParams.HName"
|
placeholder="请输入客户名称"
|
style="width: 160px"
|
/>
|
</el-form-item>
|
<el-form-item label="重新同步">
|
<el-input
|
v-model="queryParams.HNumber2"
|
placeholder="请输入客户代码"
|
style="width: 160px"
|
/>
|
<el-button type="primary" @click="handleResCnz" style="margin-left: 10px">重新同步</el-button>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
<el-button @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
|
<el-form :model="queryParams" ref="filterForm">
|
<el-collapse v-model="activeCollapse" class="filter-collapse">
|
<el-collapse-item title="更多" name="more">
|
|
<el-card class="box-card" style="margin-top: 20px;">
|
<div slot="header" class="clearfix"><span>过滤</span></div>
|
<div>
|
<el-form-item label-width="0">
|
<el-row>
|
<el-col :span="7">
|
<el-select
|
v-model="queryParams.ColName"
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option
|
v-for="(item, index) in visibleColumns"
|
:key="index"
|
:label="item.title"
|
:value="item.field"
|
></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="6" style="padding: 0 10px">
|
<el-select
|
v-model="queryParams.Comparator"
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option
|
v-for="(item, index) in comparatorList"
|
:key="index"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="11">
|
<el-input
|
v-model="queryParams.ColContent"
|
placeholder="请输入"
|
clearable
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item label-width="0">
|
<el-row>
|
<el-col :span="7">
|
<el-select
|
v-model="queryParams.ColName1"
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option
|
v-for="(item, index) in visibleColumns"
|
:key="index"
|
:label="item.title"
|
:value="item.field"
|
></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="6" style="padding: 0 10px">
|
<el-select
|
v-model="queryParams.Comparator1"
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option
|
v-for="(item, index) in comparatorList"
|
:key="index"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="11">
|
<el-input
|
v-model="queryParams.ColContent1"
|
placeholder="请输入"
|
clearable
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item label-width="0">
|
<el-row>
|
<el-col :span="7">
|
<el-select
|
v-model="queryParams.ColName2"
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option
|
v-for="(item, index) in visibleColumns"
|
:key="index"
|
:label="item.title"
|
:value="item.field"
|
></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="6" style="padding: 0 10px">
|
<el-select
|
v-model="queryParams.Comparator2"
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option value="0" label=""></el-option>
|
<el-option
|
v-for="(item, index) in comparatorList"
|
:key="index"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="11">
|
<el-input
|
v-model="queryParams.ColContent2"
|
placeholder="请输入"
|
clearable
|
@keyup.enter.native="handleQuery"
|
/>
|
</el-col>
|
</el-row>
|
</el-form-item>
|
</div>
|
</el-card>
|
</el-collapse-item>
|
</el-collapse>
|
</el-form>
|
|
|
<div style="text-align:center;font-size:15px;font-weight:bold;color:#fc9393;margin: 20px 0;">
|
{{ currentFilterScheme }}
|
</div>
|
</el-card>
|
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-button
|
type="warning"
|
plain
|
icon="el-icon-upload2"
|
size="mini"
|
@click="handleImport"
|
>导入</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="warning"
|
plain
|
icon="el-icon-download"
|
size="mini"
|
@click="handleExport"
|
>导出</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
plain
|
icon="el-icon-document"
|
size="mini"
|
@click="handleNumAdd"
|
>流水号新增</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
plain
|
icon="el-icon-plus"
|
size="mini"
|
@click="handleAdd"
|
>新增</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="success"
|
plain
|
icon="el-icon-document-copy"
|
size="mini"
|
:disabled="single"
|
@click="handleCopy"
|
>复制</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="success"
|
plain
|
icon="el-icon-edit"
|
size="mini"
|
:disabled="single"
|
@click="handleEdit"
|
>编辑</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="danger"
|
plain
|
icon="el-icon-delete"
|
size="mini"
|
:disabled="single"
|
@click="handleDelete"
|
>删除</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="success"
|
plain
|
icon="el-icon-check"
|
size="mini"
|
:disabled="single"
|
@click="handleAudit(0)"
|
>审核</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="success"
|
plain
|
icon="el-icon-close"
|
size="mini"
|
:disabled="single"
|
@click="handleAudit(1)"
|
>反审核</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="warning"
|
plain
|
icon="el-icon-turn-off"
|
size="mini"
|
:disabled="single"
|
@click="handleStop(0)"
|
>禁用</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="warning"
|
plain
|
icon="el-icon-open"
|
size="mini"
|
:disabled="single"
|
@click="handleStop(1)"
|
>反禁用</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="info"
|
plain
|
icon="el-icon-setting"
|
size="mini"
|
@click="handleColumnSetting"
|
>列设置</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="info"
|
plain
|
icon="el-icon-s-operation"
|
size="mini"
|
@click="handleButtonSetting"
|
>按钮设置</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
plain
|
icon="el-icon-folder-checked"
|
size="mini"
|
@click="handleSaveScheme"
|
>保存方案</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="primary"
|
plain
|
icon="el-icon-folder-opened"
|
size="mini"
|
@click="handleReadScheme"
|
>读取方案</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="info"
|
plain
|
icon="el-icon-refresh"
|
size="mini"
|
@click="handleRefresh"
|
>刷新</el-button
|
>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button
|
type="info"
|
plain
|
icon="el-icon-close"
|
size="mini"
|
@click="handleExit"
|
>退出</el-button
|
>
|
</el-col>
|
</el-row>
|
|
<el-row :gutter="10" style="margin-top: 10px">
|
<el-col :span="4">
|
<el-card style="height: 600px; overflow: auto">
|
<div slot="header">
|
<span>客户分类</span>
|
</div>
|
<el-tree
|
:data="treeData"
|
:props="treeProps"
|
node-key="id"
|
default-expand-all
|
:expand-on-click-node="false"
|
@node-click="handleTreeNodeClick"
|
:highlight-current="true"
|
>
|
<span class="custom-tree-node" slot-scope="{ node, data }">
|
<span>{{ node.label }}</span>
|
</span>
|
</el-tree>
|
</el-card>
|
</el-col>
|
|
|
<el-col :span="20">
|
<div class="tableBox" v-loading="loading">
|
<el-table
|
:data="tableData"
|
ref="tableData"
|
height="600"
|
@selection-change="handleSelectionChange"
|
border
|
@row-click="handleRowClick"
|
:row-style="rowStyle"
|
@cell-dblclick="handleDblclick"
|
v-if="tableShow"
|
>
|
<el-table-column type="selection" width="55" align="center" fixed="left" />
|
<el-table-column prop="hmainid" label="单据ID" v-if="false" />
|
<el-table-column
|
v-for="(item, index) in btList"
|
:key="index"
|
:align="item.align"
|
:prop="item.field"
|
:label="item.title"
|
:width="item.width"
|
v-if="!item.hide"
|
:sortable="item.sort"
|
show-overflow-tooltip
|
:fixed="item.fixed"
|
>
|
<template slot-scope="{ row, column }">
|
<div :style="item.style">
|
<el-button
|
type="text"
|
@click="handleCustomerCodeClick(row)"
|
v-if="column.property === '客户代码'"
|
>{{ row[column.property] }}</el-button
|
>
|
<span v-else-if="(column.property || '').includes('时间') || (column.property || '').includes('日期')">
|
{{ formatDate(row[column.property]) }}
|
</span>
|
<span v-else>{{ row[column.property] }}</span>
|
</div>
|
</template>
|
</el-table-column>
|
</el-table>
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="page"
|
:limit.sync="pageSize"
|
:pageSizes="pageSizes"
|
@pagination="getList"
|
/>
|
</div>
|
</el-col>
|
</el-row>
|
|
|
<el-card v-if="selectedRow" style="margin-top: 20px">
|
<div slot="header">
|
<span>关联用户</span>
|
</div>
|
<el-table
|
:data="relationUserData"
|
height="300"
|
border
|
v-loading="relationLoading"
|
>
|
<el-table-column
|
v-for="(item, index) in relationUserColumns"
|
:key="index"
|
:prop="item.field"
|
:label="item.title"
|
:width="item.width"
|
:align="item.align"
|
>
|
<template slot-scope="{ row, column }">
|
<span v-if="column.property.includes('时间') || column.property.includes('日期')">
|
{{ formatDate(row[column.property]) }}
|
</span>
|
<span v-else>{{ row[column.property] }}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-card>
|
|
<el-dialog
|
title="隐藏列设置"
|
:visible.sync="openColumnSetting"
|
width="816px"
|
append-to-body
|
>
|
<RowSettings
|
:colName="btResList"
|
:HModName="HModName"
|
@rowEditClose="columnSettingClose"
|
v-if="columnSettingShow"
|
/>
|
</el-dialog>
|
|
<el-dialog
|
title="编辑客户"
|
:visible.sync="openEdit"
|
width="1480px"
|
append-to-body
|
class="customerBox"
|
:before-close="closeEdit"
|
>
|
<CustomerEdit
|
:OperationType="OperationType"
|
:linterid="selectedRow ? selectedRow.HItemID : ''"
|
:HSouceBillType="''"
|
:HCusTypeID="currentCusTypeID"
|
:HCusClsName="currentCusClsName"
|
@editClose="editClose"
|
v-if="editShow"
|
/>
|
</el-dialog>
|
|
<el-dialog
|
:title="upload.title"
|
:visible.sync="upload.open"
|
width="1500px"
|
append-to-body
|
>
|
<div style="margin-top: -20px">
|
<el-button type="primary" @click="handleImportSubmit">导入数据</el-button>
|
<el-button type="primary" @click="upload.open = false">退 出</el-button>
|
<el-upload
|
ref="upload"
|
:limit="1"
|
accept=".xlsx, .xls"
|
style="display: inline-block; margin-left: 10px"
|
:action="upload.url + '?updateSupport=' + upload.updateSupport"
|
:disabled="upload.isUploading"
|
:on-progress="handleFileUploadProgress"
|
:on-success="handleFileSuccess"
|
>
|
<el-button type="primary">文件上传</el-button>
|
</el-upload>
|
</div>
|
<el-table
|
:data="uploadData"
|
v-loading="uploadTableLoading"
|
border
|
height="550"
|
>
|
<el-table-column type="index" label="序号" width="55" align="center" />
|
<el-table-column label="客户代码" prop="客户代码" align="center" width="120" />
|
<el-table-column label="客户名称" prop="客户名称" align="center" width="120" />
|
<el-table-column label="客户分类" prop="客户分类" align="center" width="120" />
|
<el-table-column label="操作" align="center">
|
<template slot-scope="scope">
|
<el-button
|
size="mini"
|
type="text"
|
icon="el-icon-delete"
|
@click="uploadDataDelete(scope.$index)"
|
>删除</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import axios from "axios";
|
import RowSettings from "@/views/component/rowSettings";
|
import CustomerEdit from "@/views/GyCustomer/CustomerEdit";
|
|
export default {
|
name: "GyCustomer",
|
components: { RowSettings ,CustomerEdit},
|
props: {
|
openPage: { type: String },
|
},
|
data() {
|
return {
|
|
activeCollapse: [],
|
|
HModName: "Gy_Customer",
|
HModuleName: "客户列表维护",
|
HClassTag: "ForFilteringSchemes",
|
|
|
|
treeData: [],
|
treeProps: {
|
children: 'children',
|
label: 'title'
|
},
|
currentCusTypeID: 0,
|
currentCusClsName: '',
|
|
|
editShow: false,
|
openEdit: false,
|
OperationType: null,
|
|
columnSettingShow: false,
|
openColumnSetting: false,
|
|
tableShow: true,
|
loading: true,
|
|
queryParams: {
|
HNumber: null,
|
HName: null,
|
HNumber2: null,
|
ColName: "0",
|
ColName1: "0",
|
ColName2: "0",
|
Comparator: "0",
|
Comparator1: "0",
|
Comparator2: "0",
|
ColContent: "",
|
ColContent1: "",
|
ColContent2: "",
|
},
|
|
currentFilterScheme: "",
|
HInterID_Choose: 0,
|
|
comparatorList: [
|
{ label: "=", value: "=" },
|
{ label: ">=", value: ">=" },
|
{ label: ">", value: ">" },
|
{ label: "<=", value: "<=" },
|
{ label: "<", value: "<" },
|
{ label: "<>", value: "<>" },
|
{ label: "包含", value: "7" },
|
{ label: "左包含", value: "8" },
|
{ label: "右包含", value: "9" },
|
{ label: "不包含", value: "10" },
|
],
|
|
sWhere: "",
|
selectedRow: null,
|
ids: [],
|
single: true,
|
multiple: true,
|
tyResList: [],
|
btList: [],
|
btResList: [],
|
tableData: [],
|
pageSizes: [50, 100, 500, 5000, 50000],
|
page: 1,
|
pageSize: 50,
|
total: 0,
|
|
relationUserData: [],
|
relationUserColumns: [],
|
relationLoading: false,
|
|
upload: {
|
open: false,
|
title: "导入",
|
isUploading: false,
|
updateSupport: 0,
|
url: "http://47.96.97.237/API/Gy_Customer/Gy_Customer_Excel",
|
},
|
uploadData: [],
|
uploadTableLoading: false,
|
|
baseURL: process.env.VUE_APP_BASE_URL || "http://47.96.97.237/API/",
|
user: "admin",
|
};
|
},
|
computed: {
|
visibleColumns() {
|
return this.btList.filter(item => !item.hide && item.field);
|
}
|
},
|
created() {
|
this.fetchData();
|
},
|
methods: {
|
fetchData() {
|
axios
|
.get(
|
"http://47.96.97.237/API/Web/GetUser?UserName=001&PassWord=123456&HOrgName=100038"
|
)
|
.then((response) => {
|
let data = response.data.data[0];
|
this.user = data.Czymc;
|
this.getTreeData();
|
this.getList();
|
this.getDefaultFilterScheme();
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
getTreeData() {
|
axios
|
.get(this.baseURL + "/Gy_BadReason/Gy_CusTypeTreeListByLevel")
|
.then((response) => {
|
if (response.data.count == 1) {
|
this.treeData = JSON.parse(response.data.data);
|
}
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
getList() {
|
this.tableShow = false;
|
this.loading = true;
|
console.log(this.sWhere);
|
console.log(this.user);
|
console.log(this.page);
|
console.log(this.pageSize);
|
axios
|
.get(this.baseURL + "/Gy_Customer/page", {
|
params: {
|
sWhere: this.sWhere,
|
user: this.user,
|
page: 1,
|
size: this.pageSize,
|
Organization: ''
|
},
|
})
|
.then((response) => {
|
let data1 = response.data;
|
console.log(response);
|
console.log(response.count);
|
if (data1.code == 1) {
|
this.tyResList = data1.data;
|
console.log(this.tyResList);
|
this.btResList = data1.data;
|
console.log(this.btResList);
|
this.total = data1.count;
|
this.setDefaultColumns();
|
this.tableData = data1.data;
|
this.tableShow = true;
|
this.loading = false;
|
}
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
this.loading = false;
|
});
|
},
|
|
setDefaultColumns() {
|
this.btList = [
|
{ type: 'checkbox', fixed: 'left' },
|
{ field: 'hmainid', title: '单据ID', hide: true },
|
{ field: '客户代码', title: '客户代码', align: 'center', width: 120 },
|
{ field: '客户名称', title: '客户名称', align: 'center', width: 120 },
|
{ field: '条码编号', title: '条码编号', align: 'center', width: 120 },
|
{ field: '组织名称', title: '组织名称', align: 'center', width: 120 },
|
{ field: '明细标记', title: '明细标记', align: 'center', width: 100 },
|
{ field: '禁用标记', title: '禁用标记', align: 'center', width: 100 },
|
{ field: '审核人', title: '审核人', align: 'center', width: 100 },
|
{ field: '创建人', title: '创建人', align: 'center', width: 100 },
|
{ field: '创建时间', title: '创建时间', align: 'center', width: 150 }
|
];
|
},
|
|
handleTreeNodeClick(data) {
|
this.currentCusTypeID = data.id;
|
this.currentCusClsName = data.title;
|
|
if (data.id == "100") {
|
this.sWhere = " and HCusTypeID= "+"0";
|
} else if (data.id == "0") {
|
this.sWhere = "";
|
} else {
|
this.sWhere = " and HCusTypeID='" + data.id + "' ";
|
}
|
this.getList();
|
},
|
|
|
async handleQuery() {
|
this.sWhere = "";
|
|
this.processFilterConditions();
|
|
|
if (this.queryParams.HNumber) {
|
this.sWhere += " and 客户代码 like '%" + this.queryParams.HNumber + "%'";
|
}
|
if (this.queryParams.HName) {
|
this.sWhere += " and 客户名称 like '%" + this.queryParams.HName + "%'";
|
}
|
|
this.getList();
|
},
|
|
processFilterConditions() {
|
const conditions = [
|
{ colName: this.queryParams.ColName, comparator: this.queryParams.Comparator, content: this.queryParams.ColContent },
|
{ colName: this.queryParams.ColName1, comparator: this.queryParams.Comparator1, content: this.queryParams.ColContent1 },
|
{ colName: this.queryParams.ColName2, comparator: this.queryParams.Comparator2, content: this.queryParams.ColContent2 }
|
];
|
|
conditions.forEach(condition => {
|
if (condition.colName && condition.colName !== "0" && condition.comparator && condition.comparator !== "0") {
|
let com = "";
|
switch (condition.comparator) {
|
case "7":
|
com = "like'%" + condition.content + "%'";
|
break;
|
case "8":
|
com = "like'%" + condition.content + "'";
|
break;
|
case "9":
|
com = "like'" + condition.content + "%'";
|
break;
|
case "10":
|
com = "not like'%" + condition.content + "%'";
|
break;
|
default:
|
com = "" + condition.comparator + "'" + condition.content + "'";
|
break;
|
}
|
this.sWhere += " and " + condition.colName + " " + com;
|
}
|
});
|
},
|
|
|
resetQuery() {
|
this.sWhere = "";
|
this.queryParams = {
|
HNumber: null,
|
HName: null,
|
HNumber2: null,
|
ColName: "0",
|
ColName1: "0",
|
ColName2: "0",
|
Comparator: "0",
|
Comparator1: "0",
|
Comparator2: "0",
|
ColContent: "",
|
ColContent1: "",
|
ColContent2: "",
|
};
|
this.getList();
|
},
|
|
handleResCnz() {
|
if (!this.queryParams.HNumber2) {
|
this.$modal.msgWarning("请输入客户代码");
|
return;
|
}
|
|
axios
|
.get(this.baseURL + "/Gy_Customer/Gy_CustomerViewApi", {
|
params: {
|
Number: this.queryParams.HNumber2,
|
Type: 'KH'
|
}
|
})
|
.then((response) => {
|
if (response.data.count == 1) {
|
this.$modal.msgSuccess(response.data.Message);
|
this.getList();
|
} else {
|
this.$modal.msgError(response.data.Message);
|
}
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
|
|
handleImport() {
|
this.uploadData = [];
|
this.upload.isUploading = false;
|
this.upload.title = "导入";
|
this.upload.open = true;
|
},
|
|
handleExport() {
|
axios
|
.get(this.baseURL + "/LMES/getReportByModRightNameCheck", {
|
params: {
|
ModRightNameCheck: "Gy_Customer_ExportExcel",
|
user: this.user
|
}
|
})
|
.then((response) => {
|
if (response.data.count == 1) {
|
const ws = this.$XLSX.utils.json_to_sheet(this.tyResList);
|
const wb = this.$XLSX.utils.book_new();
|
this.$XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
|
this.$XLSX.writeFile(wb, `Gy_Customer_${new Date().getTime()}.xlsx`);
|
} else {
|
this.$modal.msgError("当前模块没有导出权限!");
|
}
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
handleNumAdd() {
|
if ((this.currentCusTypeID == 0 || this.currentCusTypeID == null) && !this.judgeSkipTouchCusType()) {
|
this.$modal.msgWarning("请选择具体客户分类！");
|
return;
|
}
|
this.OperationType = 2;
|
this.openEdit = true;
|
this.editShow = true;
|
},
|
|
handleAdd() {
|
this.OperationType = 1;
|
this.openEdit = true;
|
this.editShow = true;
|
},
|
|
handleCopy() {
|
if (this.single) {
|
this.$modal.msgWarning("请选择一条数据");
|
return;
|
}
|
this.OperationType = 6;
|
this.openEdit = true;
|
this.editShow = true;
|
},
|
|
handleEdit() {
|
if (this.single) {
|
this.$modal.msgWarning("请选择一条数据");
|
return;
|
}
|
this.OperationType = 3;
|
this.openEdit = true;
|
this.editShow = true;
|
},
|
|
handleDelete() {
|
if (this.single) {
|
this.$modal.msgWarning("请选择一条数据");
|
return;
|
}
|
|
if (this.selectedRow.审核人 !== null && this.selectedRow.审核人 !== '') {
|
this.$modal.msgError("已被审核的用户不能被删除!");
|
return;
|
}
|
|
this.$modal
|
.confirm("确认要删除吗，删除后不能恢复")
|
.then(() => {
|
axios
|
.get(this.baseURL + "/Gy_Customer/Delete_Json", {
|
params: {
|
HItemID: this.selectedRow.HItemID,
|
User: this.user,
|
ModRightNameDelete: 'Crm_CustomerFile_Delete'
|
}
|
})
|
.then((response) => {
|
if (response.data.count == 1) {
|
this.getList();
|
this.$modal.msgSuccess("删除成功");
|
} else {
|
this.$modal.msgError("错误:" + response.data.code + response.data.Message);
|
}
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
})
|
.catch(() => {});
|
},
|
|
handleAudit(isAudit) {
|
if (this.single) {
|
this.$modal.msgWarning("请选择一条数据");
|
return;
|
}
|
|
axios
|
.get(this.baseURL + "/Gy_Customer/AuditGy_Customer", {
|
params: {
|
HInterID: this.selectedRow.HItemID,
|
IsAudit: isAudit,
|
CurUserName: this.user
|
}
|
})
|
.then((response) => {
|
if (response.data.count == 1) {
|
this.getList();
|
this.$modal.msgSuccess(response.data.Message);
|
} else {
|
this.$modal.msgError(response.data.Message);
|
}
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
handleStop(isStop) {
|
if (this.single) {
|
this.$modal.msgWarning("请选择一条数据");
|
return;
|
}
|
axios
|
.get(this.baseURL + "/Gy_Customer/StopGy_Customer", {
|
params: {
|
HInterID: this.selectedRow.HItemID,
|
IsStop: isStop,
|
CurUserName: this.user
|
}
|
})
|
.then((response) => {
|
if (response.data.count == 1) {
|
this.getList();
|
this.$modal.msgSuccess(response.data.Message);
|
} else {
|
this.$modal.msgError(response.data.Message);
|
}
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
handleColumnSetting() {
|
this.columnSettingShow = true;
|
this.openColumnSetting = true;
|
},
|
|
handleButtonSetting() {
|
this.$modal.msgInfo("按钮设置功能");
|
},
|
|
handleSaveScheme() {
|
this.$modal.msgInfo("保存方案功能");
|
},
|
|
handleReadScheme() {
|
this.$modal.msgInfo("读取方案功能");
|
},
|
|
handleRefresh() {
|
this.getList();
|
},
|
|
handleExit() {
|
this.$router.go(-1);
|
},
|
|
handleCustomerCodeClick(row) {
|
this.selectedRow = row;
|
this.OperationType = 3;
|
this.openEdit = true;
|
this.editShow = true;
|
},
|
|
handleRowClick(row, column, event) {
|
this.$refs.tableData.toggleRowSelection(row);
|
this.selectedRow = row;
|
this.getRelationUserData(row.HItemID);
|
},
|
|
getRelationUserData(HCusID) {
|
this.relationLoading = true;
|
axios
|
.get(this.baseURL + "/Gy_Customer/RelationUserlist", {
|
params: { HCusID: HCusID }
|
})
|
.then((response) => {
|
if (response.data.count == 1) {
|
this.relationUserData = response.data.data;
|
this.setRelationUserColumns(response.data.list);
|
}
|
this.relationLoading = false;
|
})
|
.catch((error) => {
|
this.relationLoading = false;
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
|
setRelationUserColumns(list) {
|
this.relationUserColumns = [];
|
for (let key in list) {
|
if (list[key].ColmCols !== 'HCusID') {
|
this.relationUserColumns.push({
|
field: list[key].ColmCols,
|
title: list[key].ColmCols,
|
align: 'center',
|
width: 120
|
});
|
}
|
}
|
},
|
|
rowStyle({ row, rowIndex }) {
|
if (this.ids.includes(row.hmainid)) {
|
return { background: "#ecf5ff" };
|
}
|
},
|
|
handleDblclick(row, column, cell, event) {
|
this.handleCustomerCodeClick(row);
|
},
|
|
handleSelectionChange(selection) {
|
this.ids = selection.map((item) => item.hmainid);
|
this.single = selection.length != 1;
|
this.multiple = !selection.length;
|
if (!this.single) {
|
this.selectedRow = selection[0];
|
this.getRelationUserData(this.selectedRow.HItemID);
|
}
|
},
|
|
closeEdit() {
|
this.openEdit = false;
|
this.editShow = false;
|
},
|
|
editClose(val) {
|
this.openEdit = false;
|
this.editShow = false;
|
this.getList();
|
},
|
|
columnSettingClose(val) {
|
this.columnSettingShow = false;
|
this.openColumnSetting = val;
|
this.getList();
|
},
|
|
handleFileUploadProgress(event, file, fileList) {
|
this.upload.isUploading = true;
|
this.uploadTableLoading = true;
|
},
|
|
handleFileSuccess(response, file, fileList) {
|
this.upload.isUploading = true;
|
this.$refs.upload.clearFiles();
|
if (response.code == 1) {
|
this.uploadData = response.data;
|
this.uploadTableLoading = false;
|
} else {
|
this.$alert(
|
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
response.Message +
|
"</div>",
|
"导入结果",
|
{ dangerouslyUseHTMLString: true }
|
);
|
}
|
},
|
|
handleImportSubmit() {
|
if (this.uploadData.length === 0) {
|
this.$modal.msgWarning("请先上传文件");
|
return;
|
}
|
|
var sMainSub = JSON.stringify(this.uploadData) + "&和" + this.user;
|
axios({
|
method: "post",
|
url: this.baseURL + "/Gy_Customer/Gy_Customer_btnSave",
|
data: {
|
sMainSub: sMainSub,
|
},
|
})
|
.then((res) => {
|
this.$alert(
|
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
res.data.Message +
|
"</div>",
|
"导入结果",
|
{ dangerouslyUseHTMLString: true }
|
);
|
this.upload.open = false;
|
this.getList();
|
})
|
.catch((error) => {
|
this.$modal.msgError("接口请求失败!");
|
});
|
},
|
|
uploadDataDelete(index) {
|
this.uploadData.splice(index, 1);
|
},
|
|
|
formatDate(dateString) {
|
if (!dateString) return '';
|
const date = new Date(dateString);
|
return date.toLocaleString('zh-CN');
|
},
|
|
judgeSkipTouchCusType() {
|
if (this.treeData.length > 0 && this.treeData[0].children &&
|
this.treeData[0].children.length == 1 &&
|
this.treeData[0].children[0].children.length == 0) {
|
return true;
|
} else {
|
return false;
|
}
|
},
|
|
getDefaultFilterScheme() {
|
this.currentFilterScheme = "当前过滤方案：默认方案";
|
}
|
},
|
};
|
</script>
|
|
<style>
|
.customerBox .el-date-editor.el-input {
|
width: 100%;
|
}
|
|
.custom-tree-node {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
font-size: 14px;
|
padding-right: 8px;
|
}
|
|
.filter-collapse {
|
margin-top: 10px;
|
}
|
</style>
|
