|
@@ -1,66 +1,77 @@
|
|
|
$(function () {
|
|
|
- $("#jqGrid").jqGrid({
|
|
|
- url: '../mkdisthier/list',
|
|
|
- datatype: "json",
|
|
|
- colModel: [
|
|
|
- {label: 'distHierId', name: 'distHierId', index: 'dist_hier_id', key: true, hidden: true},
|
|
|
- {label: '分销渠道id', name: 'distChnlId', index: 'dist_chnl_id', width: 80, hidden: true},
|
|
|
- {label: '上级分销商id', name: 'pdistId', index: 'pdist_id', width: 80, hidden: true},
|
|
|
- {label: '分销商id', name: 'distId', index: 'dist_id', width: 80, hidden: true},
|
|
|
- {label: '所属供应商', name: 'supplierId', index: 'supplier_id', width: 80, hidden: true},
|
|
|
- {label: '层级级别', name: 'hierLvl', index: 'hier_lvl', width: 50, align: 'center'},
|
|
|
- {label: '上级分销商', name: 'pdDistName', index: 'pdDistName', width: 80},
|
|
|
- {label: '下级分销商', name: 'distName', index: 'distName', width: 80},
|
|
|
- {label: '分销渠道名称', name: 'distFlag', index: 'distFlag', width: 80},
|
|
|
- {label: '分销层级名称', name: 'distHierName', index: 'dist_hier_name', width: 140},
|
|
|
- {label: '分销层级昵称', name: 'distHierNname', index: 'dist_hier_nname', width: 80},
|
|
|
- {label: '所属供应商', name: 'childSupplierName', index: 'childSupplierName', width: 80},
|
|
|
- {label: '是否有效', name: 'isValid', index: 'is_valid', width: 60,
|
|
|
- formatter: function (value) {
|
|
|
- if (value == '0') {
|
|
|
- return '有效';
|
|
|
- } else if (value == '1') {
|
|
|
- return '无效';
|
|
|
- }
|
|
|
- return '';
|
|
|
- }},
|
|
|
- {label: '排序', name: 'sortOrder', index: 'sort_order', width: 80},
|
|
|
- {label: '创建人编号', name: 'createrSn', index: 'creater_sn', width: 60},
|
|
|
- {label: '创建时间', name: 'createTime', index: 'create_time', width: 100,
|
|
|
- formatter: function (value) {
|
|
|
- return transDate(value, 'yyyy-MM-dd hh:mm:ss');
|
|
|
- }},
|
|
|
- {label: '修改人编号', name: 'moderSn', index: 'moder_sn', width: 60},
|
|
|
- {label: '修改时间', name: 'modTime', index: 'mod_time', width: 100,
|
|
|
- formatter: function (value) {
|
|
|
- return transDate(value, 'yyyy-MM-dd hh:mm:ss');
|
|
|
- }}],
|
|
|
- viewrecords: true,
|
|
|
- height: 385,
|
|
|
- rowNum: 10,
|
|
|
- rowList: [10, 30, 50],
|
|
|
- rownumbers: true,
|
|
|
- rownumWidth: 25,
|
|
|
- autowidth: true,
|
|
|
- multiselect: true,
|
|
|
- pager: "#jqGridPager",
|
|
|
- jsonReader: {
|
|
|
- root: "page.list",
|
|
|
- page: "page.currPage",
|
|
|
- total: "page.totalPage",
|
|
|
- records: "page.totalCount"
|
|
|
- },
|
|
|
- prmNames: {
|
|
|
- page: "page",
|
|
|
- rows: "limit",
|
|
|
- order: "order"
|
|
|
- },
|
|
|
- gridComplete: function () {
|
|
|
- $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
|
|
|
- }
|
|
|
- });
|
|
|
+ initialPage();
|
|
|
+ getGrid();
|
|
|
});
|
|
|
|
|
|
+function initialPage() {
|
|
|
+ $(window).resize(function () {
|
|
|
+ TreeGrid.table.resetHeight({height: $(window).height() - 100});
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function getGrid() {
|
|
|
+ var colunms = TreeGrid.initColumn();
|
|
|
+ var table = new TreeTable(TreeGrid.id, '../mkdisthier/queryAll', colunms, {'distHierName': vm.q.distHierName,'pdistId':vm.q.pdistId});
|
|
|
+ table.setExpandColumn(2);
|
|
|
+ table.setIdField("distHierId");
|
|
|
+ table.setCodeField("distId");
|
|
|
+ table.setParentCodeField("parentId");
|
|
|
+ table.setExpandAll(false);
|
|
|
+ table.setHeight($(window).height() - 100);
|
|
|
+ table.init();
|
|
|
+ TreeGrid.table = table;
|
|
|
+}
|
|
|
+var TreeGrid = {
|
|
|
+ id: "jqGrid",
|
|
|
+ table: null,
|
|
|
+ layerIndex: -1
|
|
|
+};
|
|
|
+/**
|
|
|
+ * 初始化表格的列
|
|
|
+ */
|
|
|
+TreeGrid.initColumn = function () {
|
|
|
+ var columns = [
|
|
|
+ {field: 'selectItem', radio: true},
|
|
|
+ {title: '编号', field: 'distHierId', visitable: false, align: 'center', valign: 'middle', width: '50px'},
|
|
|
+ // {title: '编号', field: 'distId', visitable: false, align: 'center', valign: 'middle', width: '50px'},
|
|
|
+ // {title: 'parentId', field: 'parentId', align: 'center', valign: 'middle', width: 50},
|
|
|
+ {title: '上级分销商', field: 'parentName', width: 80},
|
|
|
+ {title: '子级分销商', field: 'name', width: 80},
|
|
|
+ {title: '级别', field: 'hierLvl', width: '50px', align: 'center',
|
|
|
+ formatter: function (item) {
|
|
|
+ if (item.hierLvl != '') {
|
|
|
+ return item.hierLvl+'级';
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ }},
|
|
|
+ {title: '分销渠道名称', field: 'distFlag', width: 80},
|
|
|
+ {title: '分销层级名称', field: 'distHierName', width: 140},
|
|
|
+ {title: '分销层级昵称', field: 'distHierNname', width: 80},
|
|
|
+ {title: '所属供应商', field: 'childSupplierName', width: 80},
|
|
|
+ {title: '是否有效', field: 'isValid', width: '80px',
|
|
|
+ formatter: function (item) {
|
|
|
+ if (item.isValid == '0') {
|
|
|
+ return '有效';
|
|
|
+ } else if (item.isValid == '1') {
|
|
|
+ return '无效';
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ }},
|
|
|
+ {title: '排序', field: 'sortOrder', width: '50px'},
|
|
|
+ {title: '创建人编号', field: 'createrSn', width: '90px'},
|
|
|
+ {title: '创建时间', field: 'createTime', width: 100,
|
|
|
+ formatter: function (item) {
|
|
|
+ return transDate(item.createTime, 'yyyy-MM-dd hh:mm:ss');
|
|
|
+ }},
|
|
|
+ {title: '修改人编号', field: 'moderSn', width: '90px'},
|
|
|
+ {title: '修改时间', field: 'modTime', width: 100,
|
|
|
+ formatter: function (item) {
|
|
|
+ return transDate(item.modTime, 'yyyy-MM-dd hh:mm:ss');
|
|
|
+ }}
|
|
|
+ ]
|
|
|
+ return columns;
|
|
|
+};
|
|
|
+
|
|
|
let vm = new Vue({
|
|
|
el: '#rrapp',
|
|
|
data: {
|
|
@@ -74,12 +85,13 @@ let vm = new Vue({
|
|
|
},
|
|
|
q: {
|
|
|
distHierName: '',
|
|
|
- distId:''
|
|
|
+ pdistId:''
|
|
|
},
|
|
|
suppliers:[],
|
|
|
mkDistList:[],
|
|
|
mkDistChnlList:[],
|
|
|
mkChildDistList:[],
|
|
|
+ mkUpDistList:[],
|
|
|
lvlEntitieyList: [],
|
|
|
isOperatorShow: false,
|
|
|
hierLvl: '',
|
|
@@ -87,6 +99,9 @@ let vm = new Vue({
|
|
|
},
|
|
|
methods: {
|
|
|
query: function () {
|
|
|
+ // $('#jqGrid').treegrid('load', {'distHierName': vm.q.distHierName,'distId':vm.q.distId});
|
|
|
+ // TreeGrid.table.refresh({'distHierName': vm.q.distHierName,'distId':vm.q.distId});
|
|
|
+ // TreeGrid.table.refresh();
|
|
|
vm.reload();
|
|
|
},
|
|
|
add: function () {
|
|
@@ -103,11 +118,18 @@ let vm = new Vue({
|
|
|
vm.getLvlList();
|
|
|
},
|
|
|
update: function (event) {
|
|
|
- let distHierId = getSelectedRow();
|
|
|
- if (distHierId == null) {
|
|
|
- return;
|
|
|
- }
|
|
|
- vm.showList = false;
|
|
|
+ // let distHierId = getSelectedRow();
|
|
|
+ // if (distHierId == null) {
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+
|
|
|
+ var id = TreeGrid.table.getSelectedRow();
|
|
|
+ if (id.length == 0) {
|
|
|
+ iview.Message.error("请选择一条记录");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let distHierId = id[0].id;
|
|
|
+ vm.showList = false;
|
|
|
vm.title = "修改";
|
|
|
vm.isOperatorShow = true;
|
|
|
|
|
@@ -136,10 +158,18 @@ let vm = new Vue({
|
|
|
});
|
|
|
},
|
|
|
del: function (event) {
|
|
|
- let distHierIds = getSelectedRows();
|
|
|
- if (distHierIds == null){
|
|
|
- return;
|
|
|
- }
|
|
|
+ // let distHierIds = getSelectedRows();
|
|
|
+ // if (distHierIds == null){
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ var distHierId = TreeGrid.table.getSelectedRow(), distHierIds = [];
|
|
|
+ if (distHierId.length == 0) {
|
|
|
+ iview.Message.error("请选择一条记录");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ $.each(distHierId, function (idx, item) {
|
|
|
+ distHierIds[idx] = item.id;
|
|
|
+ });
|
|
|
|
|
|
confirm('确定要删除选中的记录?', function () {
|
|
|
$.ajax({
|
|
@@ -150,7 +180,7 @@ let vm = new Vue({
|
|
|
success: function (r) {
|
|
|
if (r.code == 0) {
|
|
|
alert('操作成功', function (index) {
|
|
|
- $("#jqGrid").trigger("reloadGrid");
|
|
|
+ vm.reload();
|
|
|
});
|
|
|
} else {
|
|
|
alert(r.msg);
|
|
@@ -162,6 +192,7 @@ let vm = new Vue({
|
|
|
getInfo: function(distHierId){
|
|
|
$.get("../mkdisthier/info/"+distHierId, function (r) {
|
|
|
vm.mkDistHier = r.mkDistHier;
|
|
|
+ vm.upDist(vm.mkDistHier.pdistId);
|
|
|
});
|
|
|
},
|
|
|
showSupplier: function (supplierId) {
|
|
@@ -204,6 +235,13 @@ let vm = new Vue({
|
|
|
vm.mkDistList = r.list;
|
|
|
});
|
|
|
},
|
|
|
+ upDist: function (distId) {
|
|
|
+ if(distId){
|
|
|
+ $.get("../mkdist/queryAllById?distId="+distId, function (r) {
|
|
|
+ vm.mkUpDistList = r.list;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
changeChildDist: function (option) {
|
|
|
var distId = option.value;
|
|
|
$.get("../mkdist/queryChildAll?childDistId="+distId, function (r) {
|
|
@@ -218,18 +256,22 @@ let vm = new Vue({
|
|
|
reloadSearch: function() {
|
|
|
vm.q = {
|
|
|
distHierName: '',
|
|
|
- distId:''
|
|
|
+ pdistId:''
|
|
|
}
|
|
|
vm.reload();
|
|
|
},
|
|
|
reload: function (event) {
|
|
|
- vm.showList = true;
|
|
|
+ vm.showList = true;
|
|
|
+ // TreeGrid.table.refresh();
|
|
|
+ initialPage();
|
|
|
+ getGrid();
|
|
|
+ /*vm.showList = true;
|
|
|
let page = $("#jqGrid").jqGrid('getGridParam', 'page');
|
|
|
$("#jqGrid").jqGrid('setGridParam', {
|
|
|
postData: {'distHierName': vm.q.distHierName,'distId':vm.q.distId},
|
|
|
page: page
|
|
|
}).trigger("reloadGrid");
|
|
|
- vm.handleReset('formValidate');
|
|
|
+ vm.handleReset('formValidate');*/
|
|
|
},
|
|
|
handleSubmit: function (name) {
|
|
|
handleSubmitValidate(this, name, function () {
|