|  | @@ -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 () {
 |