<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>商务辖区</title>
|
<script src="../../../js/vue/vue.js"></script>
|
<script src="../../../js/vue/element-ui/lib/index.js"></script>
|
<script src="../../../js/myelement.js"></script>
|
<script src="../../../js/vue/page.js"></script>
|
<script src="../setting.js"></script>
|
|
<link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
|
<link href="../../../css/myelement.css" rel="stylesheet">
|
<link href="../../../css/iconfont.css" rel="stylesheet">
|
<link href="../../../css/page.css" rel="stylesheet">
|
</head>
|
|
<body>
|
<div id="vbody">
|
<div id="page_root">
|
<div style="width: 100%; height: 100%; padding: 20px; box-sizing: border-box;">
|
<div :style="{width: '30%', height: tableHeight2 + 50+'px', float: 'left', border: '1px solid #ccc'}">
|
<div v-if="treeData.length > 0" style="height: 50px; border-bottom: 1px solid #aaa;">
|
<div class="topbar" style="float: left; line-height: 50px;">
|
<span>{{title}}</span>
|
</div>
|
</div>
|
<div style=" padding: 20px;">
|
<el-input
|
placeholder="输入搜索字"
|
v-model="filterText">
|
</el-input>
|
</div>
|
<div v-if="treeData.length > 0 && istree" :style="{height: tableHeight2 - 68 +'px', padding: '0px 20px 20px 20px', 'box-sizing': 'border-box'}">
|
<div :style="{height: tableHeight2 - 80 +'px', 'overflow-y': 'auto', 'font-size': '14px'}">
|
<el-tree ref="tree" :data="treeData" :props="defaultProps" node-key="id"
|
:filter-node-method="filterNode"
|
highlight-current
|
@node-click="editnode"
|
>
|
<span class="custom-tree-node" slot-scope="{ node, data }">
|
|
<!-- <span v-if="data.md_name">{{data.md_description}}-{{data.md_name}}</span> -->
|
<span >{{ data.md_description }}</span>
|
<span v-if="isEditTreeData">
|
</span>
|
</span>
|
</el-tree>
|
</div>
|
</div>
|
</div>
|
<div :style="{width: '30%', height: tableHeight2 + 50+'px', float: 'left', border: '1px solid #ccc'}">
|
<div style="height: 50px; border-bottom: 1px solid #aaa;">
|
<div class="topbar" style="float: left; line-height: 50px;">
|
<span>岗位信息</span>
|
</div>
|
</div>
|
<div style=" padding: 20px;">
|
<el-input
|
placeholder="输入搜索字"
|
v-model="filterTextInformation">
|
</el-input>
|
</div>
|
<div v-if="postTreeData.length > 0 && istree" :style="{height: tableHeight2 - 68 +'px', padding: '0px 20px 20px 20px', 'box-sizing': 'border-box'}">
|
<div :style="{height: tableHeight2 - 80 +'px', 'overflow-y': 'auto', 'font-size': '14px'}">
|
<el-tree ref="treeInformation" :data="postTreeData" :props="defaultProps" node-key="id"
|
:filter-node-method="filterNode"
|
highlight-current
|
@node-click="editnodepost"
|
>
|
<span class="custom-tree-node" slot-scope="{ node, data }">
|
<span >{{ data.md_description }}</span>
|
</span>
|
</el-tree>
|
</div>
|
</div>
|
</div>
|
<div v-if="istree" :style="{width: '38%', height: tableHeight2 + 50+'px', float: 'right', border: '1px solid #ccc'}">
|
<div style="height: 50px; border-bottom: 1px solid #aaa;">
|
<div class="topbar" style="float: left; line-height: 50px;">
|
<span>详情</span>
|
</div>
|
<div v-if="showtableEdit" style="float: right; margin: 10px;">
|
<el-button @click="setEditTableData">{{isEditTableData ? '取消编辑' : '在线编辑'}}</el-button>
|
<el-button v-if="isEditTableData" @click="saveRowNoe">保 存</el-button>
|
</div>
|
</div>
|
<div style="margin: 20px;">
|
<h-form
|
v-if="showtableOrFrom"
|
ref="form1"
|
:form-attr="formNodeAttr"
|
:table-fields="treeFields"
|
|
:form-data="formnodeData"
|
|
v-on:show-popup="showPopup_employee"
|
v-on:select-change="selectchange"
|
>
|
</h-form>
|
<h-table
|
v-if="!showtableOrFrom"
|
v-on:row-click="rowClick"
|
:table-fields="tableFields_employee"
|
:is-edit-table-data="isEditTableData"
|
:is-within-edit-table-data= "isWithinEditTableData"
|
:disabled="!isEditTreeData"
|
:is-highlight-row="true"
|
:table-data="tableData_employee"
|
:is-pagination="false"
|
:table-height="tableHeight3"
|
>
|
</h-table>
|
<el-button v-if="newshowtable" @click="popupCustomerList">新增商业</el-button>
|
<h-table
|
v-if="showtable"
|
:pagesize="pagesize"
|
:pagenum="pagenum"
|
:total="total"
|
:table-fields="tableFields"
|
:table-data="tableData2"
|
:is-edit-table-data="isEditTableCustomerData"
|
:table-height="tableHeight3"
|
:is-edit-table-data="false"
|
v-on:edit-data="editData"
|
v-on:del-data="delData"
|
v-on:cell-click="cellClick"
|
v-on:get-data="getData"
|
>
|
</h-table>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
|
<div class="spinner">
|
<div class="cube1"></div>
|
<div class="cube2"></div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/javascript">
|
var setting = getSetting("territory_list");
|
var initlized = false;
|
let id = 1000;
|
|
new ListVue({
|
el: "#vbody",
|
data: {
|
dataname: "hierarchy",
|
tabaleFieldsName: "territory_tableFields",
|
|
title: "商务辖区",
|
|
page: setting.page,
|
buttons: setting.buttons,
|
|
tableFields_employee:[
|
{field: "md_code", name: "商业编码", isshow: "T", align: "center", width: "150"},
|
{field: "md_description", name: "员工姓名", isshow: "T"},
|
],
|
tableData_employee:[],
|
tableHeight2: 500,
|
isEditData:false,
|
isEditTreeData: false,
|
|
selectFormField:{},
|
|
formNodeAttr: {
|
istitle: false,
|
title: "辖区节点",
|
columnnumber: 1,
|
labelwidth: "100px",
|
labelposition: "right",
|
align: "left",
|
border: "10px solid #c6c6c600",
|
disabled:true
|
},
|
|
treeFields: [],
|
|
istree: false,
|
treeDataObj: {},
|
treeCodeDataObj: {},
|
treeData: [],
|
postTreeData: {},
|
defaultExpandedKeys: [],
|
defaultProps: {
|
children: 'children',
|
label: 'label',
|
/* label: 'name',
|
children: 'zones',
|
isLeaf: 'leaf' */
|
},
|
|
filterText: '',
|
filterTextInformation:"",
|
operationnodetype: "",
|
selectnode: {},
|
selectnodepost: {},
|
formnodeData: {},
|
rowNodeDialog: false,
|
pagesize: 10,
|
pagenum: 1,
|
total: 0,
|
showtable: false,
|
tableFields: [],
|
tableData2: [],
|
tableHeight3: 180,
|
showtableOrFrom:true,
|
newshowtable:false,
|
isEditTableData:false,
|
isEditTableCustomerData:false,
|
isWithinEditTableData:false,
|
productList:[],
|
save_province:[],
|
showtableEdit:false,
|
},
|
created() {
|
let me = this;
|
me.treeFields = dataRootFields.formFields.territory_;
|
//me.tableFields = dataRootFields.tableFields.territory_tableFields;
|
},
|
|
mounted() {
|
this.initData();
|
this.getTree();
|
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
|
hideLoading();
|
});
|
},
|
watch: {
|
filterText(val) {
|
this.$refs.tree.filter(val);
|
},
|
filterTextInformation(val){
|
this.$refs.treeInformation.filter(val);
|
}
|
},
|
methods:{
|
initData() {
|
//1. run only
|
if (initlized) { return; }
|
initlized = true;
|
},
|
|
onServerInitData(data) {
|
var me = this.data;
|
|
me.tableFields = data.tableFields;
|
if(me.tableFields.length > 0) {
|
for(var i=0; i < me.tableFields.length; i++) {
|
let fieldObj_ = me.tableFields[i];
|
|
me.tableFieldsObj[fieldObj_.field] = fieldObj_;
|
}
|
}
|
},
|
getTree() {
|
let me = this;
|
let filter_ = " (md_hierarchy.long_code like '01!0101!010102!010102628%' or md_hierarchy.md_code = '202009290028') and md_description not like '%停%'";
|
this.filterList = [];
|
let param_ = {
|
isClientMode: false,
|
dataname: this.dataname,
|
filterList: this.filterList,
|
filter: filter_,
|
orderby: 'long_code',
|
}
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
console.log(result);
|
me.total = 0;
|
me.saleManor = [];
|
if (result && result.data) {
|
var data_ = result.data.entityset;
|
me.saleManor = data_;
|
}
|
me.defaultExpandedKeys = [];
|
me.istree = false;
|
let treeDataList = me.saleManor;
|
treeDataList.map(e=>{
|
me.treeDataObj[e.id] = e;
|
});
|
let treeData_ = me.ArrayToTree_(treeDataList, "md_description", "parent_code");
|
treeData_.map(e=>{
|
me.defaultExpandedKeys.push(e.id);
|
if (e.children) {
|
e.children.map(ec=>{
|
|
});
|
}
|
});
|
me.treeData = treeData_;
|
me.istree = true;
|
});
|
},
|
editnode(data, node, tree) {
|
this.operationtype = "edit";
|
this.showtableEdit = false;
|
this.showtable = false;
|
this.showtableOrFrom = true;
|
this.formnodeData = [];
|
var treeFields_ = clone(this.treeFields);
|
treeFields_[3].isshow = 'F';
|
treeFields_[4].isshow = 'F';
|
this.treeFields = treeFields_;
|
this.newshowtable = false;
|
this.selectnode = data;
|
|
let me = this;
|
let filter_ = "1=1 and sub_dep_code = '" + data.md_code+ "'";
|
|
let param_ = {
|
|
dataname: 'position',
|
|
filter: filter_,
|
}
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
console.log(result);
|
me.total = 0;
|
me.saleManor = [];
|
if (result && result.data) {
|
var data_ = result.data.entityset;
|
me.saleManor = data_;
|
}
|
me.defaultExpandedKeys = [];
|
let treeDataList = me.saleManor;
|
|
me.treeDataObj = {};
|
me.treeCodeDataObj = {};
|
treeDataList.map(e=>{
|
me.treeDataObj[e.id] = e;
|
me.treeCodeDataObj[e.md_code] = e;
|
|
});
|
let treeData_ = me.ArrayToTree(treeDataList, "md_description", "reppost_code",null,null,null,"md_code");
|
treeData_.map(e=>{
|
me.defaultExpandedKeys.push(e.id);
|
if (e.children) {
|
e.children.map(ec=>{
|
|
});
|
}
|
});
|
me.postTreeData = treeData_;
|
});
|
},
|
editnodepost(data, node, tree) {
|
let me = this;
|
me.formnodeData = [];
|
me.tableData_employee = [];
|
me.tableData2 = [];
|
this.isEditTableData = true;
|
this.setEditTableData();
|
this.operationtype = "edit";
|
this.selectnodepost = data;
|
let formnodeData_ = clone(data);
|
let param_ = {
|
isClientMode: false,
|
dataname: "employee",
|
filter: " job_code = '" + formnodeData_.md_code + "'",
|
}
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
console.log(result.data.entityset);
|
if(result.data.entityset.length > 1){
|
me.showtableOrFrom = false;
|
me.tableData_employee = result.data.entityset;
|
}else if(result.data.entityset.length == 1){
|
me.showtableOrFrom = true;
|
me.formnodeData = clone(result.data.entityset[0]);
|
me.getPopedom();
|
}else{
|
me.operationtype = "edit";
|
me.showtableEdit = false;
|
me.showtable = false;
|
me.showtableOrFrom = true;
|
me.formnodeData = [];
|
me.formnodeData.md_description = "空岗";
|
var treeFields_ = clone(me.treeFields);
|
treeFields_[3].isshow = 'F';
|
treeFields_[4].isshow = 'F';
|
me.treeFields = treeFields_;
|
me.newshowtable = false;
|
}
|
});
|
},
|
ArrayToTree_(array_, name, parentId, parId, disabled_field, isencode) {
|
if(!parentId) {
|
parentId = "parent_id";
|
}
|
if(!name) {
|
name = "label";
|
}
|
if(!parId) {
|
parId = "";
|
}
|
|
let obj = {};
|
let result = [];
|
let list = JSON.parse(JSON.stringify(array_));
|
list.map(el => {
|
obj[el.md_code] = el;
|
})
|
let openId = "";
|
for (let i = 0, len = list.length; i < len; i++) {
|
let parentId_ = list[i][parentId];
|
|
//如果存在判断只读字段,并且该字段有值则设置该节点为只读
|
if (disabled_field) {
|
if(list[i][disabled_field]) {
|
list[i].disabled = true;
|
}
|
}
|
|
//设置显示字段
|
if (isencode) {
|
list[i].label = decodeURI(encodeURI( list[i][name]));//数据如果带“%”的需要编码再解码,否则会存在格式错误
|
list[i].name = decodeURI(encodeURI( list[i][name]));
|
}
|
else {
|
list[i].label = decodeURI(list[i][name]);
|
list[i].name = decodeURI(list[i][name]);
|
}
|
if (parentId_ == "202009290027") {
|
if(!obj[list[i].md_code].children) {
|
obj[list[i].md_code].children = null;
|
}
|
result.push(list[i]);
|
continue;
|
} else if (obj[parentId_]) {
|
if (!obj[parentId_].children) {
|
obj[parentId_].children = [];
|
}
|
obj[parentId_].children.push(list[i]);
|
}
|
}
|
return result;
|
},
|
ArrayToTree(array_, name, parentId, parId, disabled_field, isencode, id) {
|
if(!id) {
|
id = "id";
|
}
|
if(!parentId) {
|
parentId = "parent_id";
|
}
|
if(!name) {
|
name = "label";
|
}
|
if(!parId) {
|
parId = "";
|
}
|
|
let obj = {};
|
let result = [];
|
let list = JSON.parse(JSON.stringify(array_));
|
list.map(el => {
|
obj[el[id]] = el;
|
})
|
let openId = "";
|
for (let i = 0, len = list.length; i < len; i++) {
|
let parentId_ = list[i][parentId];
|
|
if (!this.treeCodeDataObj[parentId_]) {
|
parentId_ = ""
|
}
|
//如果存在判断只读字段,并且该字段有值则设置该节点为只读
|
if (disabled_field) {
|
if(list[i][disabled_field]) {
|
list[i].disabled = true;
|
}
|
}
|
|
//设置显示字段
|
if (isencode) {
|
list[i].label = decodeURI(encodeURI( list[i][name]));//数据如果带“%”的需要编码再解码,否则会存在格式错误
|
list[i].name = decodeURI(encodeURI( list[i][name]));
|
}
|
else {
|
list[i].label = decodeURI(list[i][name]);
|
list[i].name = decodeURI(list[i][name]);
|
}
|
|
if (parentId_ == parId || !parentId_ || parentId_ == "null") {
|
if(!obj[list[i][id]].children) {
|
obj[list[i][id]].children = null;
|
}
|
result.push(list[i]);
|
continue;
|
} else if (obj[parentId_]) {
|
if (!obj[parentId_].children) {
|
obj[parentId_].children = [];
|
}
|
obj[parentId_].children.push(list[i]);
|
}
|
}
|
return result;
|
},
|
setEditTableData() {
|
this.isEditTableData = !this.isEditTableData;
|
if(this.formnodeData.type == "商业" || this.formnodeData.type == "0"){
|
this.isEditTableCustomerData = clone(this.isEditTableData);
|
this.newshowtable = clone(this.isEditTableData);
|
}else{
|
this.newshowtable = false;
|
}
|
if(!this.isEditTableData){
|
this.isEditTableCustomerData = false;
|
}
|
this.formNodeAttr.disabled = !clone(this.isEditTableData);
|
this.isWithinEditTableData = !clone(this.isEditTableData);
|
this.tableDataAfter();
|
},
|
|
getPopedom(){
|
let me = this;
|
let param = {
|
isClientMode: false,
|
dataname: "getPopedom",
|
filter: " 1 = 1 and popedom.position_code = '" + this.selectnodepost.id + "' and popedom.employee_id = '"+this.formnodeData.id +"'",
|
page: {
|
no: 1,
|
pagesize: 10
|
},
|
}
|
Server.call("root/data/getEntitySet", param, function(result) {
|
me.showtable = true;
|
let data_ = clone(result.data.entityset);
|
let formdata_ = clone(me.formnodeData);
|
if(data_.length>0){
|
me.showtableEdit = true;
|
if(data_[0].type == "2"){
|
var filterprovince = "";
|
var province_name = "";
|
for(var i = 0;i<data_.length;i++){
|
filterprovince += "'" + data_[i].province_code +"',";
|
province_name += data_[i].province_name + "/ ";
|
}
|
var treeFields_ = clone(me.treeFields);
|
treeFields_[3].isshow = 'T';
|
treeFields_[4].isshow = 'T';
|
me.treeFields = treeFields_;
|
var tableFields_ = clone(me.tableFields);
|
tableFields_[4].isshow = "F";
|
me.tableFields = tableFields_;
|
me.newshowtable = false;
|
formdata_.type = "省份";
|
formdata_.province_name = province_name;
|
formdata_.business_depart_name = data_[0].business_depart_name;
|
formdata_.business_depart_id = data_[0].business_depart_id;
|
me.formnodeData = formdata_;
|
let param_ = {
|
isClientMode: false,
|
dataname: "vCustomer",
|
filter: " 1 = 1 and province in (" + filterprovince.slice(0,filterprovince.length-1) + ")",
|
page: {
|
no: me.pagenum,
|
pagesize: me.pagesize
|
},
|
}
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
me.total = result.data.page.recordcount;
|
me.total = result.data.page.recordcount;
|
let data_province = clone(result.data.entityset);
|
for(var i=0;i<data_province.length;i++){
|
data_province[i].product_type = "全产品"
|
}
|
me.tableData2 = data_province;
|
});
|
}else if(data_[0].type == "0"){
|
formdata_.type = "商业";
|
me.formnodeData = formdata_;
|
me.total = result.data.page.recordcount;
|
var treeFields_ = clone(me.treeFields);
|
treeFields_[3].isshow = 'F';
|
treeFields_[4].isshow = 'F';
|
me.treeFields = treeFields_;
|
var tableFields_ = clone(me.tableFields);
|
tableFields_[4].isshow = "T";
|
me.tableFields = tableFields_;
|
//me.newshowtable = true;
|
for(var i=0;i<data_.length;i++){
|
if(data_[i].cnt > 0){
|
data_[i].product_type = "部分产品"
|
}else{
|
data_[i].product_type = "全产品"
|
}
|
}
|
me.tableData2 = data_;
|
}
|
}else{
|
var treeFields_ = clone(me.treeFields);
|
treeFields_[3].isshow = 'F';
|
treeFields_[4].isshow = 'F';
|
me.treeFields = treeFields_;
|
me.newshowtable = false;
|
me.newshowtable = false;
|
me.showtableEdit = true;
|
}
|
|
});
|
},
|
editData(scope) {
|
let me = this;
|
Root.showPopup({
|
|
url: "../md/plan/hierarchy_edit.html",
|
width: 800,
|
height: 650,
|
data:scope.row,
|
tableFields:dataRootFields.formFields.territory_customer_,
|
callback: function(obj,objProduct, callback) {
|
let tableData = clone(obj.row);
|
var paramObj = {};
|
for (var k in tableData) {
|
paramObj[k] = tableData[k];
|
}
|
var param = paramObj;
|
Server.call("root/data/updateEntity/" + "popedom", param, function(result) {
|
console.log(result);
|
me.getPopedom();
|
});
|
for(var j = 0; j< objProduct.length;j++){
|
var param_ = objProduct[j];
|
Server.call("root/data/insertEntity/popedomDetail", param_, function(result) {
|
console.log(result);
|
});
|
}
|
if (callback) {
|
callback();
|
}
|
}
|
});
|
},
|
|
selectchange(obj){
|
this.tableFields_new
|
let field = obj.fieldobj.field;
|
let row = obj.data;
|
if (field == "type") {
|
let val = row[field];
|
var treeFields_ = clone(this.treeFields);
|
var tableFields_ = clone(this.tableFields);
|
if (val[0] == "2"){
|
treeFields_[3].isshow = 'T';
|
treeFields_[4].isshow = 'T';
|
tableFields_[4].isshow = "F";
|
this.newshowtable = false;
|
|
}else{
|
treeFields_[3].isshow = 'F';
|
treeFields_[4].isshow = 'F';
|
tableFields_[4].isshow = "T";
|
this.newshowtable = true;
|
this.tableData2 = [];
|
}
|
}
|
this.treeFields = treeFields_;
|
this.tableFields = tableFields_;
|
},
|
saveRowNoe() {
|
let me = this;
|
var formData_ = this.formnodeData;
|
var operationtype_ = this.operationtype;
|
var province = this.save_province;
|
var productList_ = this.productList;
|
if(formData_.type == "省份" || formData_.type == "2" ){
|
let param1 = {
|
filter:{
|
employee_id:formData_.id
|
},
|
|
isClientMode: false,
|
dataname: 'popedom',
|
}
|
Server.call("root/data/deleteEntitySet", param1, function(result) {
|
for(var i = 0; i< province.length;i++){
|
var param = province[i];
|
param.employee_id = formData_.id;
|
param.position_code = me.selectnodepost.id;
|
param.hierarchy_id = me.selectnode.id;
|
param.type = formData_.type[0];
|
param.business_depart_id = formData_.business_depart_id;
|
param.isClientMode = false;
|
Server.call("root/data/insertEntity/popedom", param, function(result) {
|
console.log(result);
|
});
|
}
|
});
|
|
}
|
|
this.isEditTableData = true;
|
this.setEditTableData()
|
},
|
saveRowtable() {
|
let me = this;
|
var formData_ = this.formnodeData;
|
var operationtype_ = this.operationtype;
|
var tabledata_ = this.tableData2;
|
var productList_ = this.productList;
|
|
for(var i = 0; i< tabledata_.length;i++){
|
var param = tabledata_[i];
|
param.employee_id = formData_.id;
|
param.id = tabledata_[i].id_;
|
param.position_code = this.selectnodepost.id;
|
param.hierarchy_id = this.selectnode.id;
|
param.type = formData_.type;
|
param.isClientMode = false;
|
Server.call("root/data/insertEntity/popedom", param, function(result) {
|
console.log(result);
|
});
|
}
|
for(var j = 0; j< productList_.length;j++){
|
var param = productList_[j];
|
param.isClientMode = false;
|
Server.call("root/data/insertEntity/popedomDetail", param, function(result) {
|
console.log(result);
|
});
|
}
|
me.getPopedom();
|
},
|
onNewTreeRecord() {
|
//1.
|
this.operationtype = "add";
|
|
//2. get config and go
|
var config = new Config(), go = true;
|
|
if (this.onAddTreeData) {
|
go = this.onAddTreeData.call(this, config);
|
}
|
|
//3. popup
|
if (go) {
|
this.doPopup(config);
|
}
|
},
|
|
onAddTreeData(config) {
|
var me = this;
|
config.combine({
|
url: "../md/plan/territory_edit.html",
|
sceneCode: "add",
|
data: {},
|
delta: me.treeFields ? me.treeFields : {},
|
callback: function(obj) {
|
me.saveRowTree_popup(obj);
|
}
|
});
|
|
return true;
|
},
|
saveRowTree_popup: function(obj) {
|
var me = this;
|
var formData_ = obj.row;
|
var operationtype_ = this.operationtype;
|
|
if (operationtype_ == "add") {//修改
|
var param = formData_;
|
param.isClientMode = false;
|
Server.call("root/data/insertEntity/" + this.dataname, param, function(result) {
|
console.log(result);
|
me.getTree();
|
});
|
}
|
},
|
getData: function(page) {
|
this.pagesize = page.pagesize;
|
this.pagenum = page.pagenum;
|
this.getPopedom();
|
},
|
delData: function(scope) {
|
let me = this;
|
|
if (this.onDelData) {
|
this.onDelData.call(this, scope);
|
return
|
}
|
|
let row = scope.row;
|
let index_ = scope.$index;
|
let name_ = "该数据";
|
|
if (row.md_description) {
|
name_ = "_" + row.md_description + "_";
|
}
|
|
Root.confirm('确定删除' + name_ + '吗?', '删除提示', {
|
confirmButtonText: '删除',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
let param1 = {
|
filter:{
|
parent_id: row.id
|
},
|
|
isClientMode: false,
|
dataname: 'popedomDetail',
|
}
|
Server.call("root/data/deleteEntitySet", param1, function(result) {
|
|
});
|
|
let param = {
|
id: row.id,
|
isClientMode: false,
|
dataname: "popedom",
|
}
|
Server.call("root/data/deleteEntity", param, function(result) {
|
console.log(result);
|
Root.message({
|
type: 'success',
|
message: '删除成功!'
|
});
|
me.getPopedom();
|
});
|
}).catch(() => {
|
Root.message({
|
type: 'info',
|
message: '已取消删除'
|
});
|
});
|
},
|
|
popupCustomerList(event) {
|
let me = this;
|
Root.showPopup({
|
|
url: "../md/plan/hierarchy_customer_edit.html",
|
title:"新增商业",
|
width: 800,
|
height: 650,
|
tableFields:dataRootFields.formFields.territory_customer_,
|
callback: function(obj,objProduct, callback) {
|
let param = {
|
isClientMode: false,
|
dataname: "getPopedom",
|
filter: " 1 = 1 and popedom.position_code = '" + me.selectnodepost.id + "' and popedom.employee_id = '"+me.formnodeData.id +"'",
|
page: {
|
no: 1,
|
pagesize: 10
|
},
|
}
|
Server.call("root/data/getEntitySet", param, function(result) {
|
me.showtable = true;
|
let data_ = clone(result.data.entityset);
|
let formdata_ = clone(me.formnodeData);
|
if(data_.length>0){
|
me.showtableEdit = true;
|
if(data_[0].type == "2"){
|
let param1 = {
|
filter:{
|
employee_id:formdata_.id
|
},
|
dataname: 'popedom',
|
}
|
Server.call("root/data/deleteEntitySet", param1, function(result) {
|
|
});
|
|
}
|
}
|
let tableData = clone(obj);
|
var tableData_ = [];
|
for(var i = 0;i<tableData.length;i++){
|
var row_ = {};
|
row_.customer_id = tableData[i].id;
|
row_.md_description = tableData[i].md_description;
|
row_.md_code = tableData[i].md_code;
|
row_.product_type = tableData[i].product_type;
|
row_.business_type = tableData[i].business_type;
|
row_.business_depart_name = tableData[i].business_depart_name;
|
row_.business_depart_id = tableData[i].business_depart_id;
|
row_.id_ = tableData[i].id_;
|
tableData_.push(row_);
|
}
|
me.productList = clone(objProduct)
|
me.tableData2 = tableData_;
|
me.saveRowtable();
|
if (callback) {
|
callback();
|
}
|
});
|
}
|
});
|
},
|
|
//表单
|
showPopup(obj) {
|
this.selectFormField = obj.obj;
|
},
|
saveFormValByField(val) {
|
this.$refs.form1.setFormValByField(this.selectFormField, val)
|
},
|
|
onVersionSelect(obj) {
|
this.currentVersion = obj;
|
},
|
|
|
filterNode(value, data) {
|
if (!value) return true;
|
return data.label.indexOf(value) !== -1;
|
},
|
append(data) {
|
const newChild = { id: id++, label: 'testtest', children: [] };
|
if (!data.children) {
|
this.$set(data, 'children', []);
|
}
|
data.children.push(newChild);
|
},
|
|
|
getparent(parentid, parents) {
|
if (this.treeDataObj[parentid].field5){
|
parents.unshift(this.treeDataObj[parentid].field5);
|
this.getparent(this.treeDataObj[parentid].field5, parents);
|
}
|
else {
|
return parents;
|
}
|
},
|
onCellClick(config, obj) {
|
let me = this;
|
var clickContext = this.selectCellField.clickContext;
|
|
if (clickContext && clickContext.type == "popup" && clickContext.url != "") {
|
config.combine({
|
url: clickContext.url,
|
sceneCode: clickContext.sceneCode,
|
data: obj.row,
|
delta: clickContext.delta ? clickContext.delta : {},
|
width: clickContext.width,
|
})
|
}
|
else {
|
return false;
|
}
|
|
return true;
|
},
|
onCellClick(config, obj) {
|
let me = this;
|
var clickContext = this.selectCellField.clickContext;
|
|
if (clickContext && clickContext.type == "popup" && clickContext.url != "") {
|
config.combine({
|
url: clickContext.url,
|
sceneCode: clickContext.sceneCode,
|
data: obj.row,
|
delta: clickContext.delta ? clickContext.delta : {},
|
width: clickContext.width,
|
})
|
}
|
else {
|
return false;
|
}
|
|
return true;
|
},
|
showPopup_employee(obj){
|
let me = this;
|
this.selectFormField = obj.obj;
|
if (this.selectFormField.field == "province_name"){
|
let me = this;
|
var filter_ = " 1 = 1";
|
Root.showPopup({
|
url: "../org/department/popup/area_list.html",
|
width: 800,
|
height: 550,
|
dataname:"getProvince_name",
|
filter:filter_,
|
isSelection:true,
|
callback: function(obj, callback) {
|
let formData_ = clone(me.formnodeData);
|
let tableData = clone(obj);
|
me.save_province = clone(obj);
|
var province_name = "";
|
var filterprovince = "";
|
for(var i = 0;i<tableData.length;i++){
|
province_name += tableData[i].province_name + "/ "
|
filterprovince += "'" + tableData[i].province_code +"',"
|
}
|
|
formData_.province_name = province_name
|
me.formnodeData = formData_;
|
|
let param = {
|
isClientMode: false,
|
dataname: "vCustomer",
|
filter: " 1 = 1 and province in (" + filterprovince.slice(0,filterprovince.length-1) + ")",
|
page: {
|
no: 1,
|
pagesize: 10
|
},
|
}
|
Server.call("root/data/getEntitySet", param, function(result) {
|
me.showtable = true;
|
me.total = result.data.page.recordcount;
|
let data_ = clone(result.data.entityset);
|
for(var i=0;i<data_.length;i++){
|
data_[i].product_type = "全产品"
|
}
|
me.tableData2 = data_;
|
});
|
|
|
if (callback) {
|
callback();
|
}
|
}
|
});
|
}
|
if (this.selectFormField.field == "business_depart_name"){
|
var filter_ = " 1 = 1 and name is not null ";
|
|
Root.showPopup({
|
url: "../org/department/popup/department_list.html",
|
width: 800,
|
height: 550,
|
filter:filter_,
|
callback: function(obj, callback) {
|
let formData_ = clone(me.formnodeData);
|
formData_.business_depart_name = obj.row.name;
|
formData_.business_depart_id = obj.row.id;
|
me.formnodeData = formData_;
|
if (callback) {
|
callback();
|
}
|
}
|
});
|
}
|
},
|
rowClick(event) {
|
this.selectcusrow = event.row;
|
this.tableData2 = [];
|
let me = this ;
|
let param = {
|
isClientMode: false,
|
dataname: "popedom",
|
filter: " 1 = 1 ",
|
page: {
|
no: 1,
|
pagesize: 10
|
},
|
}
|
Server.call("root/data/getEntitySet", param, function(result) {
|
me.showtable = true;
|
for(var i = 0; i < result.data.entityset.length; i++){
|
result.data.entityset[i].product_type = "全产品"
|
}
|
|
me.tableData2 = result.data.entityset;
|
});
|
},
|
}
|
});
|
</script>
|
<style>
|
.el-dialog__body{
|
border-top: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
padding: 20px;
|
}
|
.custom-tree-node {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
font-size: 14px;
|
padding-right: 8px;
|
}
|
</style>
|
</body>
|
</html>
|