zhangyanpeng
2024-08-15 23566b5d67c32c1c987e8f20166677712762cfd2
数量单
2个文件已添加
3380 ■■■■■ 已修改文件
module/fee/page/fee_payment.html 1399 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
module/fee/page/fee_qty.html 1981 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
module/fee/page/fee_payment.html
New file
@@ -0,0 +1,1399 @@
<!doctype html>
<html>
    <head>
        <meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
        <title>费用单</title>
        <script type="text/javascript">
            var pageVue = null;
            function loadJsCss(callback) {
                var jscss_urls = [];
                window.top.initJsCss(document, jscss_urls, callback);
            };
            function initVue() {
                pageVue = new TabTableVue({
                    el: "#vbody",
                    data: {
                        title: "费用单",
                        dataname: "agm_agreement",
                        //Tab项设置
                        tabs_d: [//agm_agreement
                            {code: "Input", name: "费用单申请", dataname: "agm_agreement", filterTxt: " (agm_agreement.state_code='Input' or agm_agreement.state_code='Rejected' or agm_agreement.state_code='OpeningApproval')", orderby: "agm_agreement.update_time desc",},
                            {code: "Open", name: "生效", dataname: "agm_agreement", filterTxt: " agm_agreement.state_code='Open'", orderby: "agm_agreement.update_time desc", },
                            {code: "Close", name: "终止", dataname: "agm_agreement", filterTxt: " (agm_agreement.state_code='Closed' or date_to < NOW())", orderby: "agm_agreement.update_time desc",},
                            {code: "All", name: "全部", dataname: "agm_agreement", filterTxt: "1=1", orderby: "agm_agreement.update_time desc",},
                        ],
                        // d_tabs: {
                        //     Input: true,
                        //     Working: true,
                        //     Open: true,
                        //     Close: true,
                        //     Overdue: true,
                        //     All: true,
                        // },
                        tabsobj: {},
                        tabs: [],
                        cbuttons_r: {},
                        ctabs_r: {},
                        selectedrows: [],
                        markSelected: false,
                        isCustomer: false,
                    },
                    created() {
                        this.isCustomer = window.top.vue.isCustomer
                    },
                    mounted() {
                        var me = this;
                        if (window.top.tab.selected.option.page_id) {
                            this.title = window.top.tab.selected.option.menutitle
                            getPageByPageId(window.top.tab.selected.option.page_id, function(result){
                                me.cbuttons_r = result.buttons_r;
                                me.ctabs_r = result.tabs_r;
                                // me.ctabs_r = me.d_tabs //标识2:
                                var tabsarr = [];
                                me.tabs_d.map(e=>{
                                    if(me.ctabs_r[e.code]){
                                        tabsarr.push(e)
                                    }
                                })
                                me.tabs = tabsarr;
                                if(me.tabs.length>0){
                                    me.activeTabName = me.tabs[0].code;
                                }
                                //初始化Tabs
                                me.initTabsPage(function() {
                                    //获取数据
                                    me.initData();
                                });
                                me.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
                                    hideLoading();
                                });
                            })
                        }
                    },
                    methods:{
                        onhandleClick() {
                            this.initData();
                        },
                        initData() {
                            var me = this;
                            me.tableButtonClick();
                            this.doQueryByTab(function(result, callback) {//查询后的回调,用于获取字段的
                                if (result.meta && result.meta[me.selectTabObj.dataname] && result.meta[me.selectTabObj.dataname].fields) {
                                    var metas = clone(result.meta[me.selectTabObj.dataname].fields);
                                    var filterFields_ = [];
                                    var tableFields_ = [];
                                    metas.map(f=>{
                                        f.isshow = "T";
                                        if (me.selectTabObj.code == 'Input') {
                                            if (f.field == 'contract_attachment_name') {
                                                f.isshow = "F";
                                            }
                                        }
                                        if (me.isCustomer && (f.field == "contact_department" || f.field == "contact_phone"
                                            || f.field == "template_attachment_name" || f.field == "logistics_code"
                                            || f.field == "creator_name" || f.field == "create_time" || f.field == "update_time"
                                        )) {
                                            f.isshow = "F"
                                            f.isfilter = false
                                        }
                                        if (me.isCustomer && me.selectTabObj.code != "Close" && (f.field == "suspend_date" || f.field == "suspend_remark")) {
                                            f.isshow = "F"
                                            f.isfilter = false
                                        }
                                        if (f.isfilter) {
                                            filterFields_.push(clone(f));
                                        }
                                        else {
                                            var filter_f = clone(f);
                                            filter_f.isshow = "F";
                                            filterFields_.push(filter_f);
                                        }
                                        tableFields_.push(clone(f));
                                    })
                                    if (!me.selectTabObj.filterFields || (me.selectTabObj.filterFields && me.selectTabObj.filterFields.length == 0)) {
                                        me.selectTabObj.filterFields = clone(filterFields_);
                                        me.selectTabObj.tableFields = clone(tableFields_);
                                        // me.selectTabObj.filterFields = clone(me.default_filterFields);
                                        // me.selectTabObj.tableFields = clone(me.default_tableFields);
                                        //字段数组转字段obj,目的为了筛选时获取字段属性
                                        me.fieldsToFieldsObj();
                                        //设置字段事件
                                        me.tableFieldClick();
                                    }
                                }
                                if (callback) {
                                    callback();
                                }
                            });
                        },
                        // 设置表格工具栏按键事件
                        tableButtonClick() {
                            var me = this;
                            var tablebuttonClick = {};
                            tablebuttonClick.Input = [
                                {
                                    // name: "新增", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.add ? me.cbuttons_r.add : false,
                                    code: "add", isselected: false, classname: "",
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.openAgreement('add', obj.selectedList[0]);
                                    }
                                },
                                {
                                    // name: "提交", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.submit ? me.cbuttons_r.submit : false,    type: "success",
                                    code: "submit", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == "Input") {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        // me.closeData('browse', obj.selectedList[0]);
                                        // me.commitData(obj.selectedList[0]);
                                        me.openAgreement('edit', obj.selectedList[0]);
                                    }
                                },
                                {
                                    // name: "详情", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.formdetail ? me.cbuttons_r.formdetail : false,
                                    code: "formdetail", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0]) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.openAgreement('browse', obj.selectedList[0]);
                                    }
                                },
                                {
                                    // name: "编辑", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.edit ? me.cbuttons_r.edit : false,
                                    code: "edit", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == "Input") {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.openAgreement('edit', obj.selectedList[0]);
                                    }
                                },
                                {
                                    // name: "删除", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.delete ? me.cbuttons_r.delete : false,    type: "danger",
                                    code: "delete", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == "Input") {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        me.delData()
                                        // obj.selectedList
                                        // me.closeData('browse', obj.selectedList[0]);
                                        // me.closeData();
                                    }
                                },
                            ]
                            tablebuttonClick.Open = [
                                // {
                                //     name: "物流单号", type: "primary", icon: "el-icon-truck",
                                //     isbuttonshow: me.cbuttons_r.logisticsCode ? me.cbuttons_r.logisticsCode : false,
                                //     code: "logisticsCode", isselected: true, classname: "",
                                //     disabled: function(selectRowList, selectedList) {
                                //         var bo_ = true;
                                //         if (selectRowList[0]) {
                                //             bo_ = false;
                                //         }
                                //         return bo_
                                //     },
                                //     onclick: function(obj) {
                                //         // obj.selectedList
                                //         me.editLogisticsCode();
                                //     }
                                // },
                                {
                                    name: "协议打印", type: "primary", icon: "el-icon-copy-document",
                                    isbuttonshow: me.cbuttons_r.PDFFile ? me.cbuttons_r.PDFFile : false,
                                    code: "PDFFile", isselected: true, classname: "",
                                    disabled: function(selectRowList, selectedList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].comeback_attachment_id) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.showFileImgByFileId(me.selectTabObj.selectedrow, 'comeback_attachment_name', 'comeback_attachment_id', me.dataname)
                                    }
                                },
                                {
                                    name: "协议回挂", type: "primary", icon: "el-icon-copy-document",
                                    isbuttonshow: me.cbuttons_r.uploadFilePDF ? me.cbuttons_r.uploadFilePDF : false,
                                    code: "uploadFilePDF", isselected: true, classname: "",
                                    disabled: function(selectRowList, selectedList) {
                                        var bo_ = true;
                                        if (selectRowList[0]) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.onPopupByUploadFile(me.selectTabObj.selectedrow, 'comeback_attachment_name', 'comeback_attachment_id', me.dataname)
                                    }
                                },
                                {
                                    name: "续签", type: "primary", icon: "el-icon-copy-document",
                                    isbuttonshow: me.cbuttons_r.agmCopy ? me.cbuttons_r.agmCopy : false,
                                    code: "agmCopy", isselected: true, classname: "",
                                    islistselected: true, // 可以多选
                                    disabled: function(selectRowList, selectedList) {
                                        var bo_ = true;
                                        if (selectedList.length) { // 可以多选
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        me.onCopyList(function(suspendData){
                                            var selectedList_ = clone(obj.selectedList);
                                            var newList_ = [];
                                            selectedList_.map(row=>{
                                                var old_row = clone(row);
                                                var new_row = clone(row);
                                                // 原协议的下一天
                                                var nextDate = new Date(old_row.date_to);
                                                if (old_row.suspend_date) { // 如果有终止日期
                                                    nextDate = new Date(old_row.suspend_date);
                                                }
                                                nextDate.setDate(nextDate.getDate() + 1);
                                                new_row.id = "";
                                                new_row.agreement_no = "";
                                                new_row.state_code = "Input";
                                                new_row.state_name = "草稿";
                                                new_row.date_from = dateFormat(nextDate, "yyyy-MM-dd");
                                                new_row.date_to = suspendData.date_to;
                                                new_row.suspend_date = null;
                                                new_row.contract_attachment_id = null;
                                                new_row.contract_attachment_name = null;
                                                new_row.comeback_attachment_id = null;
                                                new_row.comeback_attachment_name = null;
                                                new_row.logistics_code = "";
                                                new_row.source_id = old_row.id;
                                                newList_.push(new_row);
                                            })
                                            me.onSaveList(newList_);
                                        })
                                    }
                                },
                                {
                                    name: "变更", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.change ? me.cbuttons_r.change : false,
                                    code: "change", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == "Open") {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.openAgreement('change', obj.selectedList[0]);
                                    }
                                },
                                {
                                    // name: "作废", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.repeal ? me.cbuttons_r.repeal : false,    type: "danger",
                                    code: "suspend", isselected: true, classname: "",
                                    islistselected: true, // 可以多选
                                    disabled: function(selectRowList, selectedList) {
                                        var bo_ = true;
                                        if (selectedList.length) { // 可以多选
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        me.onSuspend(function(suspendData){
                                            var selectedList_ = clone(obj.selectedList);
                                            selectedList_.map(row=>{
                                                row.suspend_date = suspendData.suspend_date
                                                row.suspend_remark = suspendData.suspend_remark
                                            })
                                            me.onSaveSuspend(selectedList_);
                                        })
                                        // me.cancelConfirm();
                                    }
                                },
                            ]
                            tablebuttonClick.Close = [
                                {
                                    name: "续签", type: "primary", icon: "el-icon-copy-document",
                                    isbuttonshow: me.cbuttons_r.agmCopy ? me.cbuttons_r.agmCopy : false,
                                    code: "agmCopy", isselected: true, classname: "",
                                    islistselected: true, // 可以多选
                                    disabled: function(selectRowList, selectedList) {
                                        var bo_ = true;
                                        if (selectedList.length) { // 可以多选
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.onCopyList(function(suspendData){
                                            var selectedList_ = clone(obj.selectedList);
                                            var newList_ = [];
                                            selectedList_.map(row=>{
                                                var old_row = clone(row);
                                                var new_row = clone(row);
                                                // 原协议的下一天
                                                var nextDate = new Date(old_row.date_to);
                                                if (old_row.suspend_date) { // 如果有终止日期
                                                    nextDate = new Date(old_row.suspend_date);
                                                }
                                                nextDate.setDate(nextDate.getDate() + 1);
                                                new_row.id = "";
                                                new_row.agreement_no = "";
                                                new_row.state_code = "Input";
                                                new_row.state_name = "草稿";
                                                new_row.date_from = dateFormat(nextDate, "yyyy-MM-dd");
                                                new_row.date_to = suspendData.date_to;
                                                new_row.suspend_date = null;
                                                new_row.contract_attachment_id = null;
                                                new_row.contract_attachment_name = null;
                                                new_row.comeback_attachment_id = null;
                                                new_row.comeback_attachment_name = null;
                                                new_row.logistics_code = "";
                                                new_row.source_id = old_row.id;
                                                newList_.push(new_row);
                                            })
                                            me.onSaveList(newList_);
                                        })
                                    }
                                },
                            ]
                            if (tablebuttonClick[this.activeTabName]) {
                                this.selectTabObj.tablebuttonClick = tablebuttonClick[this.activeTabName];
                            }
                            else {
                                this.selectTabObj.tablebuttonClick = []
                            }
                        },
                        onSaveSuspend(list) {
                            var me = this;
                            if (list.length) {
                                var row = list[0];
                                var param = {
                                    dataname: me.selectTabObj.dataname,
                                    data: {},
                                }
                                param.data[me.selectTabObj.dataname] = {
                                    id: row.id,
                                    suspend_date: row.suspend_date,
                                    suspend_remark: row.suspend_remark
                                };
                                // 如果终止日期小于等于当天,判断该备案是否在终止日期后被使用过
                                var suspend_date_ = dateFormat(new Date(row.suspend_date), "yyyy-MM-dd")
                                var new_date_ = dateFormat(new Date(), "yyyy-MM-dd")
                                if (suspend_date_ == new_date_ || new Date(row.suspend_date) < new Date()) {
                                    param.data[me.selectTabObj.dataname].state_code = "Closed"
                                    param.data[me.selectTabObj.dataname].state_name = "已终止"
                                }
                                Server.call("root/data/saveEntity", param, function(result) {
                                    console.log(result);
                                    if (result.success) {
                                        list.remove(row);
                                        me.onSaveSuspend(list);
                                    }
                                });
                            }
                            else {
                                me.onQuery();
                            }
                        },
                        onSaveList(list) {
                            var me = this;
                            if (list.length) {
                                var row = list[0];
                                var list_ = []
                                list.map(f=>{
                                    list_.push(f.id)
                                })
                                var param = {
                                    dataname: me.selectTabObj.dataname,
                                    refer: {
                                        id: row.source_id
                                    },
                                    data: {
                                        agm_agreement: row
                                    },
                                }
                                Server.call("root/data/clone", param, function(result) {
                                    console.log(result);
                                    if (result.success) {
                                        Root.message({
                                            type: 'success',
                                            message: '续签成功'
                                        });
                                        list.remove(row);
                                        me.onSaveList(list);
                                    }
                                });
                            }
                            else {
                                me.onQuery();
                            }
                        },
                        // 克隆
                        onCloneList(list) {
                            var me = this;
                            if (list.length) {
                                var row = list[0];
                                var list_ = []
                                list.map(f=>{
                                    list_.push(f.id)
                                })
                                var param = {
                                    dataname: me.selectTabObj.dataname,
                                    id:row.id
                                }
                                Server.call("root/data/clone", param, function(result) {
                                    console.log(result);
                                    if (result.success) {
                                        Root.message({
                                            type: 'success',
                                            message: '续签成功'
                                        });
                                        list.remove(row);
                                        me.onCloneList(list);
                                    }
                                });
                            }
                            else {
                                me.onQuery();
                            }
                        },
                        tableFieldClick() {
                            var me = this;
                            var tablefieldClick = {};
                            //表格字段事件设置
                            tablefieldClick = {
                                agreement_no: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            //打开
                                            me.onShowData(obj);
                                        },
                                    },
                                    defaultval: {
                                        val: "查看",//空值时的显示值
                                        onclick: function(obj) {//默认值点击事件,此事件需要设置val才有效
                                            me.onShowData(obj);
                                        }
                                    },
                                },
                                state_name: {//状态
                                    val: {//有值时的点击事件
                                        notclick_val: ["草稿","草稿"],
                                        notclick_bindfield: [],
                                        onclick: function(obj) {
                                            var config = {
                                                totab: false,
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "流程步骤",
                                                id: "popup_workflow_step_user" + obj.row.id,
                                                url: "module/tool/page/popup_workflow_step_user.html?v=2023020703",
                                                data: obj.row,
                                                delta: {},
                                                sceneCode: "browse",
                                                callback: function(obj, callback) {
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                template_attachment_name: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [{field:"contract_attachment_id", val: null}],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            //打开
                                            me.showFileImgByFileId(obj.row, "template_attachment_name", "contract_attachment_id", me.dataname);
                                        },
                                    },
                                },
                                contract_attachment_name: {//字段事件设置
                                    defaultval: {
                                        val: "原协议上传",//空值时的显示值
                                        onclick: function(obj) {//默认值点击事件,此事件需要设置val才有效
                                            me.onPopupByUploadFile(obj.row, "contract_attachment_name", "contract_attachment_id", me.dataname);
                                        }
                                    },
                                    val:{
                                        onclick: function(obj){
                                            me.showFileImgByFileId(obj.row, "contract_attachment_name", "contract_attachment_id", me.dataname);
                                        }
                                    },
                                    suffixval: {
                                        val: "原协议上传",//有值时的后缀,此后缀和单位后缀不同,如:详情,更多,查看等
                                        onclick: function(obj) {//有值时的后缀点击事件,此事件需要设置val才有效
                                            me.onPopupByUploadFile(obj.row, "contract_attachment_name", "contract_attachment_id", me.dataname);
                                        }
                                    },
                                },
                                comeback_attachment_name: {//字段事件设置
                                    defaultval: {
                                        val: "协议回挂",//空值时的显示值
                                        onclick: function(obj) {//默认值点击事件,此事件需要设置val才有效
                                            me.onPopupByUploadFile(obj.row, "comeback_attachment_name", "comeback_attachment_id", me.dataname);
                                        }
                                    },
                                    val:{
                                        onclick: function(obj){
                                            me.showFileImgByFileId(obj.row, "comeback_attachment_name", "comeback_attachment_id", me.dataname);
                                        }
                                    },
                                    suffixval: {
                                        val: "协议回挂",//有值时的后缀,此后缀和单位后缀不同,如:详情,更多,查看等
                                        onclick: function(obj) {//有值时的后缀点击事件,此事件需要设置val才有效
                                            me.onPopupByUploadFile(obj.row, "comeback_attachment_name", "comeback_attachment_id", me.dataname);
                                        }
                                    },
                                },
                            };
                            tablefieldClickBeforeOpen = {
                                agreement_no: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            //打开
                                            me.onShowData(obj);
                                        },
                                    },
                                    defaultval: {
                                        val: "查看",//空值时的显示值
                                        onclick: function(obj) {//默认值点击事件,此事件需要设置val才有效
                                            me.onShowData(obj);
                                        }
                                    },
                                },
                                state_name: {//状态
                                    val: {//有值时的点击事件
                                        notclick_val: ["草稿","草稿"],
                                        notclick_bindfield: [],
                                        onclick: function(obj) {
                                            var config = {
                                                totab: false,
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "流程步骤",
                                                id: "popup_workflow_step_user" + obj.row.id,
                                                url: "module/tool/page/popup_workflow_step_user.html?v=2023020703",
                                                data: obj.row,
                                                delta: {},
                                                sceneCode: "browse",
                                                callback: function(obj, callback) {
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                template_attachment_name: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [{field:"contract_attachment_id", val: null}],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            //打开
                                            me.showFileImgByFileId(obj.row, "template_attachment_name", "contract_attachment_id", me.dataname);
                                        },
                                    },
                                },
                            };
                            if (this.selectTabObj.code != 'Input') {
                                this.selectTabObj.tablefieldClick = tablefieldClick;
                            } else {
                                this.selectTabObj.tablefieldClick = tablefieldClickBeforeOpen;
                            }
                        },
                        onSuspend(callback) {
                            var me = this;
                            var config = {
                                totab: false, //true: 以Tab导航的方式打开
                                width: "400px",
                                height: "400px",
                                icon: "icon-product",
                                text: "终止设置",
                                url: "module/tool/page/popup_suspend.html",
                                data: {},
                                delta: {},
                                sceneCode: "add", //"add"//"browse",
                                callback: function(popupobj, popupcallback) {
                                    callback(popupobj.row);
                                    if (popupcallback) {
                                        popupcallback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        onShowData(obj) {
                            var me = this;
                            var row = obj.row;
                            //1. empty row
                            if (!row || !row.id) {
                                Root.message({
                                    type: 'warning',
                                    message: '请选择要查看的数据'
                                });
                                return false;
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "900px",
                                height: "900px",
                                icon: "icon-product",
                                text: "协议详情",
                                id: "apply_edit_b" + row.id,
                                url: "module/md/page/customer/page/customer_list_agreement_edit.html",
                                data: row,
                                delta: {},
                                sceneCode: "browse", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        onAddData() {
                            var me = this;
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                icon: "icon-product",
                                text: "协议信息",
                                id: "apply_edit",//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_list_agreement_edit.html",
                                data: {},
                                delta: {},
                                sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        commitData(obj) {
                            var me = this;
                            Root.confirm('确定提交协议' + obj.agreement_no + '吗?', '提交提示', {
                              confirmButtonText: '提交',
                              cancelButtonText: '取消',
                              type: 'warning'
                            }).then(() => {
                                var param = {
                                    dataname: me.selectTabObj.dataname,
                                    id: obj.id,
                                    // to_state: "OpeningApproval"
                                }
                                Server.call("root/data/commit", param, function(result) {
                                    console.log(result);
                                    if (result.success) {
                                        Root.message({
                                            type: 'success',
                                            message: '提交成功'
                                        });
                                        me.onQuery();
                                    }
                                });
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消'
                                });
                            });
                        },
                        onEditData() {
                            var me = this;
                            var row = this.selectTabObj.selectedrow;;
                            //1. empty row
                            if (!row || !row.id) {
                                Root.message({
                                    type: 'warning',
                                    message: '请选择要编辑的数据'
                                });
                                return false;
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                icon: "icon-product",
                                text: "协议信息",
                                id: "apply_edit" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_list_agreement_edit.html",
                                data: row,
                                delta: {},
                                sceneCode: "edit",//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        delData: function(scope) {
                            let me = this;
                            var row = me.selectTabObj.selectedrow;
                            let name_ = "该数据";
                            if (!row.id) {
                                Root.message({
                                    type: 'warning',
                                    message: '该事件需存在数据ID'
                                });
                                return
                            }
                            if (row.agreement_no) {
                                name_ = "_" + row.agreement_no + "_";
                            }
                            Root.confirm('确定删除' + name_ + '吗?', '删除提示', {
                              confirmButtonText: '删除',
                              cancelButtonText: '取消',
                              type: 'warning'
                            }).then(() => {
                                let param = {
                                    id: row.id,
                                    dataname: me.selectTabObj.dataname,
                                }
                                Server.call("root/data/deleteEntity", param, function(result) {
                                    Root.message({
                                        type: 'success',
                                        message: '删除成功!'
                                    });
                                    me.onQuery();
                                });
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消删除'
                                });
                            });
                        },
                        //作废模板
                        cancelConfirm() {
                            let me = this;
                            data = me.selectTabObj.selectedrow;
                            Root.confirm('确定终止-' + data.agreement_no + '-吗?', '终止提示', {
                              confirmButtonText: '确定',
                              cancelButtonText: '取消',
                              type: 'warning'
                            }).then(() => {
                                me.onCancelData();
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消终止'
                                });
                            });
                        },
                        onCancelData() {
                            var me = this;
                            let param = {
                                dataname: me.dataname,
                                data: {
                                    "agm_agreement" :{
                                        id: me.selectTabObj.selectedrow.id,
                                        date_suspend: "", // 终止日期
                                        remark_suspend: "", // 终止说明
                                        state_code: "Cancel",
                                        state_name: "终止",
                                    }
                                },
                            }
                            Server.call("root/data/saveEntity", param, function(result) {
                                console.log(result);
                                Root.message({
                                    type: 'success',
                                    message: '已作废'
                                });
                                me.onQuery();
                            });
                        },
                        showFileImgByFileId(row, filenamefield, fileidfield, dataname) {
                            let me = this;
                            var file_name = row[filenamefield];
                            var file_id = row[fileidfield];
                            if(file_id) {
                                var fileid = file_id;
                                let fileName = clone(file_name);
                                let index1 = fileName.lastIndexOf(".");
                                let index2 = fileName.length;
                                let suffix = fileName.substring(index1, index2).toLowerCase(); //后缀名
                                if (suffix == ".png" || suffix == ".jpg" || suffix == ".pdf") {
                                    var row = {
                                        fileid: fileid,
                                        filename: fileName,
                                        dataname: dataname
                                    }
                                    var config = {
                                        totab: false,
                                        width: "1000px",
                                        height: 800,
                                        icon: "icon-product",
                                        text: "附件预览",
                                        id: "pdf_" + fileid,
                                        url: "module/tool/page/popup_file_pdf.html",
                                        data: row,
                                        delta: {},
                                        callback: function(obj, callback) {
                                            if (callback) {
                                                callback();
                                            }
                                        }
                                    };
                                    this.doPopupByPublic(config);
                                }
                                else {//只可下载,不可预览
                                    // handleDownloadUrl(fileid,false);
                                    handleDownload(fileid, dataname);
                                }
                            }
                        },
                        onPopupByUploadFile(row, filenamefield, fileidfield, dataname) {
                            var me = this;
                            if (row.state_code != 'Open') {
                                Root.message({
                                    type: 'warning',
                                    message: '仅生效数据可以进行协议回挂'
                                });
                                return;
                            }
                            var txt_ = "";
                            var isexists = false;
                            if (filenamefield == "comeback_attachment_name") { // 协议回挂
                                txt_ = "重新进行协议回挂将替换原回挂协议";
                                if (row.comeback_attachment_id) {
                                    isexists = true;
                                }
                            }
                            else if (filenamefield == "contract_attachment_name") { // 协议原件
                                txt_ = "重新上传协议原件将替换原协议原件";
                                if (row.contract_attachment_id) {
                                    isexists = true;
                                }
                            }
                            if (isexists) {
                                Root.confirm(txt_, '上传提示', {
                                confirmButtonText: '确定',
                                cancelButtonText: '取消',
                                type: 'warning'
                                }).then(() => {
                                    me.doPopupByUploadFile(row, filenamefield, fileidfield, dataname);
                                }).catch(() => {
                                    Root.message({
                                        type: 'info',
                                        message: '已取消上传'
                                    });
                                });
                            } else {
                                me.doPopupByUploadFile(row, filenamefield, fileidfield, dataname);
                            }
                        },
                        doPopupByUploadFile(row, filenamefield, fileidfield, dataname) {
                            var me = this;
                            var analysistype_ = "";
                            var delta_ = {filetypelist: []}//[".png", ".jpg", ".pdf"]
                            var config = {
                                totab: false,
                                width: "500px",
                                icon: "icon-product",
                                text: "附件上传",
                                id: "popupByUploadFile",
                                url: "module/tool/page/popup_uploadFile.html",
                                data: {
                                    dataName: dataname,
                                    fileidfieldName: fileidfield,
                                    id: row.id,
                                    fileNamefieldName: filenamefield
                                },
                                delta: delta_,
                                callback: function(fileobj, callback) {
                                    me.$message({
                                        showClose: true,
                                        message: '上传成功!',
                                        type: 'success'
                                    });
                                    row[filenamefield] =decodeURI(fileobj.row[0].name);
                                    row[fileidfield] = fileobj.row[0].id;
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            this.doPopupByPublic(config);
                        },
                        download() {
                            var fileid = this.selectTabObj.selectedrow.template_attachment_id;
                            handleDownload(fileid);
                        },
                        // 续签
                        onCopy(row) {
                            //
                            let me = this;
                            var old_row = clone(row);
                            var new_row = clone(row);
                            // 原协议的下一天
                            var nextDate = new Date(old_row.date_to);
                            if (old_row.suspend_date) { // 如果有终止日期
                                nextDate = new Date(old_row.suspend_date);
                            }
                            nextDate.setDate(nextDate.getDate() + 1);
                            new_row.id = "";
                            new_row.agreement_no = "";
                            new_row.state_code = "";
                            new_row.state_name = "";
                            new_row.date_from = dateFormat(nextDate, "yyyy-MM-dd");
                            new_row.date_to = "";
                            new_row.suspend_date = "";
                            new_row.contract_attachment_id = "";
                            new_row.contract_attachment_name = "";
                            new_row.comeback_attachment_id = "";
                            new_row.comeback_attachment_name = "";
                            new_row.logistics_code = "";
                            new_row.source_id = old_row.id;
                            Root.confirm('确定续签吗?', '续签提示', {
                              confirmButtonText: '确定',
                              cancelButtonText: '取消',
                              type: 'warning'
                            }).then(() => {
                                var me = this;
                                return
                                var config = {
                                    totab: true, //true: 以Tab导航的方式打开
                                    icon: "icon-product",
                                    text: "协议信息",
                                    id: "customer_list_agreement_edit",//totab: true时需设置,用于判断是否已打开此页面
                                    url: "module/md/page/customer/page/customer_list_agreement_edit.html",
                                    data: {},
                                    delta: {
                                        rows: rows,
                                    },
                                    sceneCode: "copyAdd",//"refuseedit",//"approval", //"add"//"browse",
                                    callback: function(obj, callback) {
                                        // me.emptyShoppingcart();
                                        me.$refs[me.selectTabObj.code].emptyShoppingcart();
                                        console.log(me.selectTabObj.selectedrows);
                                        console.log(me.$refs);
                                        me.onQuery();
                                        if (callback) {
                                            callback();
                                        }
                                    }
                                };
                                me.doPopupByPublic(config);
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消续签'
                                });
                            });
                        },
                        // 批量续签
                        onCopyList(callback) {
                            var me = this;
                            var config = {
                                totab: false, //true: 以Tab导航的方式打开
                                width: "400px",
                                height: "400px",
                                icon: "icon-product",
                                text: "续签时间设置",
                                url: "module/tool/page/popup_renewal.html",
                                data: {},
                                delta: {},
                                sceneCode: "add", //"add"//"browse",
                                callback: function(popupobj, popupcallback) {
                                    callback(popupobj.row);
                                    if (popupcallback) {
                                        popupcallback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        selectionChange(obj){
                            var me = this;
                            me.selectTabObj.selectedrows = obj;
                        },
                        saveShoppingcart(list) {
                            var me = this;
                            me.selectTabObj.selectedrows = list;
                        },
                        onDownload() {
                            let me = this;
                            var ioname = ""
                            var filename = '协议导出' + String(new Date().getTime());
                            var filter_ = "1 = 1";
                            filter_ = this.getFilterData(filter_);
                            if (me.selectTabObj.code == "Input") {
                                ioname = "export_agm"
                                filename = '协议申请导出' + String(new Date().getTime());
                            }
                            else if (me.selectTabObj.code == "Open") {
                                ioname = "export_agm_apply"
                            }
                            let param = {
                                sign: "agm_agreement",
                                filename: filename,
                                filter: filter_,
                                ioname:ioname,
                                orderby: "",
                                token: Root.getToken()
                            }
                            window.top.vue.textdownloadForm(param);
                        },
                        editLogisticsCode() {
                            var me = this;
                            var config = {
                                totab: false, //true: 以Tab导航的方式打开
                                width: "500px",
                                height: "300px",
                                icon: "icon-product",
                                text: "编辑物流单号",
                                id: "delivery_info_expresscode" + me.selectTabObj.selectedrow.id,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/agreement-popup/delivery_info_expresscode.html",
                                data: me.selectTabObj.selectedrow,
                                delta: {},
                                sceneCode: "edit",//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        openAgreement(sceneCode, obj) {
                            let me = this;
                            var row = {}
                            if (sceneCode == "edit" || sceneCode == "browse" || sceneCode == "change") {
                                row = me.selectTabObj.selectedrow;
                                if(!row){
                                    Root.message({
                                        type: 'warning',
                                        message: '请选择一条数据'
                                    });
                                    return;
                                }
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "1100px",
                                height: "520px",
                                icon: "icon-product",
                                text: "协议详情" + (row.customer_name ? ("-" + row.customer_name) : ""),
                                id: "customer_list_agreement_edit" + row.id + sceneCode,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_list_agreement_edit.html",
                                data: row,
                                delta: {},
                                sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        DownloadTemplate() {
                            var pathurl = "";
                            if (this.selectTabObj.code == "Input") {
                                pathurl = "template/1.导入模板/0_协议申请导入.xlsx";
                            }
                            handleDownload(pathurl);
                        },
                        onPopupByUploadFileToDB() {
                            var me = this;
                            var delta_ = {
                                filetypelist: [],
                                isToDB: true,
                                dataname: this.selectTabObj.dataname,
                                tableFields: this.selectTabObj.tableFields,
                                otherSave: "salesBizLogic/saveDealerTargetByImport",
                            }
                            var config = {
                                totab: false,
                                width: "500px",
                                icon: "icon-product",
                                text: "数据文件上传",
                                id: "popup_uploadFileToDB",
                                url: "module/tool/page/popup_uploadFileToDB.html",
                                data: {
                                    uploadType: "dealertarget",
                                    tempTable: "temp_target_dealer",
                                    operate_type: "dealertarget",
                                    userid: me.userid,
                                    ioname:"",
                                    // position_id: me.position_id,
                                },
                                delta: delta_,
                                callback: function(obj, callback) {
                                    me.$message({
                                        showClose: true,
                                        message: '上传成功!',
                                        type: 'success'
                                    });
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            this.doPopupByPublic(config);
                        },
                    }
                });
            };
            loadJsCss(function () {
                initVue();
            });
        </script>
        <style>
            /* 在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
            [v-cloak] {
                display: none !important;
            }
            .el-tabs__nav-scroll {
                overflow: hidden;
                position: relative;
                padding-left: 20px;
            }
        </style>
    </head>
    <body style="margin: 0px;">
        <div v-cloak id="vbody">
            <div id="page_root">
                <div class="topbar">
                    <span :class="page_title == 'right' ? 'h_page_title_right' : 'h_page_title_left'"><span class="h_page_title_txt">{{title}}</span></span>
                    <div :class="page_title == 'right' ? 'h_page_button_left' : 'h_page_button_right'">
                        <!-- <el-button v-show="cbuttons_r.logisticsCode  && (selectTabObj.code == 'Open' || selectTabObj.code == 'All')" type="primary" @click="editLogisticsCode" :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && selectTabObj.selectedrow.state_code == 'Open') || (selectedrows.length > 0)">编辑物流单号</el-button> -->
                        <!-- <el-button-group v-show= "selectTabObj.code == 'Input'" style="margin-left: 3px;">
                            <el-button v-show="cbuttons_r.Add" @click="addData" :icon="buttonsconfig.add.icon">{{buttonsconfig.add.name}}</el-button>
                            <el-button v-show="cbuttons_r.Edit" @click="onEditData" :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)" :icon="buttonsconfig.edit.icon">{{buttonsconfig.edit.name}}</el-button>
                            <el-button type="danger" @click="onDelData" :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)" :icon="buttonsconfig.delete.icon">{{buttonsconfig.delete.name}}</el-button>
                        </el-button-group> -->
                        <!-- <el-button-group v-show= "selectTabObj.code == 'Open'" style="margin-left: 3px;">
                            <el-button v-show="cbuttons_r.PDFFile" @click="showFileImgByFileId(selectTabObj.selectedrow, 'template_attachment_name', 'template_attachment_id')" :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && selectTabObj.selectedrow.template_attachment_id) || (selectedrows.length > 0)">协议打印</el-button>
                            <el-button v-show="cbuttons_r.uploadFilePDF"  @click="onPopupByUploadFile(selectTabObj.selectedrow, 'contract_attachment_name', 'contract_attachment_id', dataname)" :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id) || (selectedrows.length > 0)">协议回挂</el-button>
                            <el-button v-show="cbuttons_r.repeal" type="danger" @click="cancelConfirm" :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id) || (selectedrows.length > 0)">作 废</el-button>
                            <el-button v-show="cbuttons_r.agmCopy" @click="onCopy" :disabled="!(selectedrows.length > 0)">协议续签</el-button>
                        </el-button-group> -->
                        <!-- <el-button-group v-show= "selectTabObj.code == 'Overdue'" style="margin-left: 3px;">
                            <el-button v-show="cbuttons_r.Renew" @click="onCopy" :disabled="!(selectedrows.length > 0)">协议续签</el-button>
                        </el-button-group> -->
                        <el-button-group style="margin-left: 3px;">
                            <el-button v-show="cbuttons_r.downloadTemplate && selectTabObj.code == 'Input'" @click="DownloadTemplate">模板下载</el-button>
                            <el-button v-show="cbuttons_r.import && selectTabObj.code == 'Input'" @click="onPopupByUploadFileToDB":icon="buttonsconfig.import.icon">{{buttonsconfig.import.name}}</el-button>
                            <el-button v-show="cbuttons_r.export && (selectTabObj.code == 'Input' || selectTabObj.code == 'Open')" type="primary" @click="onDownload" :icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button>
                        </el-button-group>
                    </div>
                </div>
                <div>
                    <el-tabs v-model="activeTabName" @tab-click="handleClick">
                        <el-tab-pane v-for="(tab, k) in tabs" :label="tab.name" :name="tab.code" :key="k"></el-tab-pane>
                    </el-tabs>
                </div>
                <!-- <div class="topbar-line">
                    <div class="query-icon">
                        <i class="iconfont icon-query"></i>
                    </div>
                    <div class="query-bar">
                        <h-form-filter v-if="selectTabObj.filterFields" ref="form1"
                            :form-attr="filterAttr"
                            :table-fields="selectTabObj.filterFields"
                            :form-data="selectTabObj.filterObj"
                            :table-field-click="selectTabObj.filterfieldClick"
                            v-on:on-query="onQuery"
                            v-on:on-init-query="onInitFilter"
                            v-on:on-edit-query="onEditFilter"
                            >
                        </h-form-filter>
                    </div>
                </div> -->
                <div class="h_dialog__body">
                    <h-table
                        v-if="isRefresh && selectTabObj.tableFields && selectTabObj.tableFields.length"
                        :ref="selectTabObj.code"
                        :table-fields="selectTabObj.tableFields"
                        :table-data="selectTabObj.tableData"
                        :is-edit-table-data="selectTabObj.isEditTableData"
                        :pagesize="selectTabObj.pagesize"
                        :pagenum="selectTabObj.pagenum"
                        :total="selectTabObj.total"
                        :table-height="selectTabObj.tableHeight"
                        :table-field-click="selectTabObj.tablefieldClick"
                        :is-show-index="false"
                        :is-highlight-row="true"
                        :tableloading="tableloading"
                        :table-buttons-click="selectTabObj.tablebuttonClick"
                        :filtersobj="selectTabObj.filterObj"
                        v-on:get-data="getData"
                        v-on:edit-data="editData"
                        v-on:del-data="delData"
                        v-on:row-click="rowClick"
                        :select-table-data="selectTabObj.selectedrows"
                        :is-selection="(selectTabObj.code == 'Open' || selectTabObj.code == 'Close')"
                        :isshow-shoppingcart="(selectTabObj.code == 'Open' || selectTabObj.code == 'Close')"
                        v-on:selection-change="selectionChange"
                        v-on:save-shoppingcart="saveShoppingcart"
                    >
                    </h-table>
                </div>
            </div>
        </div>
        <div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
            <div class="spinner">
              <div class="cube1"></div>
              <div class="cube2"></div>
            </div>
        </div>
    </body>
</html>
module/fee/page/fee_qty.html
New file
@@ -0,0 +1,1981 @@
<!doctype html>
<html>
    <head>
        <meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
        <title>数量单确认</title>
        <script type="text/javascript">
            var me = this;
            var pageVue = null;
            function loadJsCss(callback) {
                var jscss_urls = [];
                window.top.initJsCss(document, jscss_urls, callback);
            };
            function initVue() {
                pageVue = new TabTableVue({
                    el: "#vbody",
                    data: {
                        title: "数量单确认",
                        //Tab项设置
                        tabs_d: [
                            {code: "matched", name: "匹配数量单", dataname: "md_org_customer", filterTxt: "", orderby: "md_org.update_time desc, md_org.code"},
                            {code: "notmatched", name: "不匹配数量单", dataname: "md_org_account", filterTxt: "(md_org_account.state_code='OpeningApproval' or md_org_account.state_code='Open' or md_org_account.state_code='CooperateApproval')", orderby: "md_org_account.update_time desc, md_org_account.code"},
                            {code: "Open", name: "已确认数量单", dataname: "md_org_partnership", filterTxt: "md_org_account.state_code='Incooperation'", orderby: "md_org_account.update_time desc, md_org_account.code"},
                        ],
                        filterTxt: "",
                        d_tabs: {
                            matched: true,
                            nccsy: true,
                            notmatched: true,
                            Open: true,
                            Close: true,
                            All: true,
                            Change: true,
                        },
                        tabs: [],
                        tabsobj: {},
                        dataRequest: [
                        ],
                        dataRequestObj:{},
                        cbuttons_r:{},
                        ctabs_r:{},
                        loading_ncc: false
                    },
                    created() {
                    },
                    mounted() {
                        var me = this;
                        if (window.top.tab.selected.option.page_id) {
                            getPageByPageId(window.top.tab.selected.option.page_id, function(result){
                                me.cbuttons_r = result.buttons_r;
                                me.ctabs_r = result.tabs_r;
                                // me.ctabs_r.distributorlist = true;
                                // me.ctabs_r = me.d_tabs
                                var tabsarr = [];
                                me.tabs_d.map(e=>{
                                    if(me.ctabs_r[e.code]){
                                        tabsarr.push(e)
                                    }
                                })
                                me.tabs = tabsarr;
                                //预加载
                                if (me.dataRequest && me.dataRequest.length) {
                                    var result = {};
                                    me.loadRequestData(me.dataRequest, result, function(data) {
                                        me.dataRequestObj = data;
                                        //预加载数据后给哪些字段设置options或formatterjson
                                        if(me.tabs.length>0){
                                            me.activeTabName = me.tabs[0].code;
                                        }
                                        //初始化Tabs
                                        me.initTabsPage(function() {
                                            //获取数据
                                            me.initData();
                                        });
                                        me.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
                                            hideLoading();
                                        });
                                    });
                                }
                                else {
                                    if(me.tabs.length>0){
                                        me.activeTabName = me.tabs[0].code;
                                    }
                                    //初始化Tabs
                                    me.initTabsPage(function() {
                                        //获取数据
                                        me.initData();
                                    });
                                    me.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
                                        hideLoading();
                                    });
                                }
                            })
                        }
                    },
                    methods:{
                        // topTabAfter(data, methods) { // 根据参数重新写一个查询事件
                        //     this.topTabAfterQuery(data, methods);
                        // },
                        onhandleClick() {
                            this.initData();
                        },
                        initData() {
                            var me = this;
                            me.tableButtonClick();
                            //设置工具栏事件
                            this.doQueryByTab(function(result, callback) {//查询后的回调,用于获取字段的
                                if (result.meta && result.meta[me.selectTabObj.dataname] && result.meta[me.selectTabObj.dataname].fields) {
                                    var metas = clone(result.meta[me.selectTabObj.dataname].fields);
                                    var filterFields_ = [];
                                    var tableFields_ = [];
                                    metas.map(f=>{
                                        f.isshow = "T";
                                        // f.issortable = "custom"
                                        // if (me.selectTabObj.code == "matched") {
                                        //     if(f.field == 'state_detail_name' || f.field == 'actor' || f.field == 'business_need_code'){
                                        //         f.isshow = "F";
                                        //     }
                                        // }
                                        // else if (me.selectTabObj.code == "nccsy") {
                                        //     if(f.field == 'state_name' || f.field == 'state_detail_name' || f.field == 'actor' || f.field == 'business_need_code'){
                                        //         f.isshow = "F";
                                        //     }
                                        // }
                                        if(me.selectTabObj.code == "distributorlist" && f.field == 'ncc_code'){
                                            f.isshow = "F";
                                            f.isfilter = false;
                                        }
                                        if(f.field == 'category_code' || f.field == 'is_preload' || f.field == 'credit_amt' || f.field == 'credit_available' || f.field == 'order_date' || f.field == 'hope_delivery' || f.field == 'amt_available'){
                                            f.isshow = "F";
                                        }
                                        if (f.isfilter) {
                                            if (f.field == "state_name") {
                                                f.options = me.dataRequestObj.machine_state;
                                            }
                                            filterFields_.push(clone(f));
                                        }
                                        else {
                                            var filter_f = clone(f);
                                            filter_f.isshow = "F";
                                            filterFields_.push(filter_f);
                                        }
                                        tableFields_.push(clone(f));
                                    })
                                    // var fbu_ = {isshow: "T", field: "bu", name: "BU", filterfield: "", filteroperator: "like", type: ""};
                                    // var ftcompany_ = {isshow: "T", field: "company_name", name: "公司", width: "100"};
                                    // var ftbu_ = {isshow: "T", field: "bu", name: "BU", width: "100"};
                                    // if (me.selectTabObj.code == "matched") {
                                    // }
                                    // else if (me.selectTabObj.code == "nccsy") {
                                    //     tableFields_.unshift(ftcompany_);
                                    // }
                                    // else {
                                    //     filterFields_.unshift(fbu_);
                                    //     tableFields_.unshift(ftbu_);
                                    //     tableFields_.unshift(ftcompany_);
                                    // }
                                    if (!me.selectTabObj.filterFields || (me.selectTabObj.filterFields && me.selectTabObj.filterFields.length == 0)) {
                                        me.selectTabObj.filterFields = clone(filterFields_);
                                        me.selectTabObj.tableFields = clone(tableFields_);
                                        //字段数组转字段obj,目的为了筛选时获取字段属性
                                        me.fieldsToFieldsObj();
                                        //设置字段事件
                                        me.tableFieldClick();
                                    }
                                }
                                if (callback) {
                                    callback();
                                }
                            });
                        },
                        tableFieldClick() {
                            var me = this;
                            var tablefieldClick = {};
                            var filterfieldClick = {};
                            //表格字段事件设置
                            tablefieldClick.All = {
                                state_name: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "流程步骤",
                                                id: "customer_acct" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/tool/page/popup_workflow_step_user.html?v=2023020703",
                                                data: obj.row,
                                                delta: {machine_code: "Org_Account_Open", dataname: "md_org_account"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                md_org__code: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var url = "customer_acct.html";
                                            if (obj.row.state_code == 'CloseingApproval' || obj.row.state_code == 'Rejected' || obj.row.state_code == 'CloseingSaleInput' || obj.row.state_code == 'Closed') {
                                                url = "customer_close.html";
                                            }
                                            var row = {}
                                            if (me.activeTabName == "matched" || me.activeTabName == "distributorlist") { // 客商信息
                                                row = obj.row;
                                            }
                                            else if (me.activeTabName == "nccsy") { // NCC首营
                                                row = {
                                                    id: obj.row.org_id,
                                                };
                                            }
                                            else {
                                                row = {
                                                    id: obj.row.org_id,
                                                };
                                            }
                                            url = "customer_basic.html";
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "客商信息详情",
                                                id: "customer_acct" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/customer/page/" + url,
                                                data: row,
                                                delta: {closeCode:"1"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    me.onQuery();
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                code: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var url = "customer_basic_acct.html";
                                            if (obj.row.state_code == 'CloseingApproval' || obj.row.state_code == 'Rejected' || obj.row.state_code == 'CloseingSaleInput' || obj.row.state_code == 'Closed') {
                                                url = "customer_close.html";
                                            }
                                            if (me.activeTabName == "matched" || me.activeTabName == "distributorlist") { // 客商信息
                                                url = "customer_basic.html";
                                            }
                                            else if (me.activeTabName == "nccsy") { // NCC首营
                                                url = "customer_ncc.html";
                                            }
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "80vh",
                                                icon: "icon-product",
                                                text: "客商信息详情",
                                                id: "customer_acct" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/customer/page/" + url,
                                                data: obj.row,
                                                delta: {closeCode:"1"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    me.onQuery();
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                name: {
                                    input: {
                                        valuekey: "name", // 输入框搜索时的选项对应字段
                                        onQuerySearch: function(obj, callback) { // 输入框搜索事件
                                            let param_ = {
                                                dataname: "md_org_customer",
                                                filter: obj.fieldobj.field + " like '%" + obj.inputstring + "%'",
                                                orderby:  obj.fieldobj.field
                                            }
                                            Server.call("root/data/getEntitySet", param_, function(result) {
                                                var inputoptions_ = []
                                                if (result && result.data && result.data.entityset) {
                                                    inputoptions_ = result.data.entityset;
                                                    callback(inputoptions_)
                                                }
                                                else {
                                                    callback(inputoptions_)
                                                }
                                            });
                                        }
                                    }
                                }
                            };
                            tablefieldClick.Change = {
                                state_name: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: ["草稿","录入"],//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "流程步骤",
                                                id: "customer_acct" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/tool/page/popup_workflow_step_user.html?v=2023020703",
                                                data: obj.row,
                                                delta: {machine_code: "Org_Account_Open"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                type_name: {//类型
                                    val: {//有值时的点击事件
                                        notclick_val: "",
                                        notclick_bindfield: [],
                                        onclick: function(obj) {
                                            //打开
                                            // me.openBrowseDetail(obj)
                                            me.openChangeCustomerUser('browse', obj.row)
                                        },
                                    },
                                },
                            };
                            tablefieldClick.matched = {
                                state_name: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: ["未生效"],//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "600px",
                                                height: "450px",
                                                icon: "icon-product",
                                                text: "开户信息",
                                                id: "popup_account_state" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/popup/page/popup_account_state.html",
                                                data: obj.row,
                                                // dataname:me.selectTabObj.dataname,
                                                filter:"org_id='" + obj.row.id + "'", //标识2:无对应的字段进行过滤
                                                delta: {from: "customer_list_account"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                md_org__code: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var url = "customer_acct.html";
                                            if (obj.row.state_code == 'CloseingApproval' || obj.row.state_code == 'Rejected' || obj.row.state_code == 'CloseingSaleInput' || obj.row.state_code == 'Closed') {
                                                url = "customer_close.html";
                                            }
                                            /*
                                            tabs_d: [
                                                {code: "matched", name: "客商列表", dataname: "md_org", filterTxt: "actor_id<>'Master'", orderby: "update_time desc, code"},
                                                {code: "nccsy", name: "NCC首营", dataname: "md_org_account_ncc", filterTxt: "1=1", orderby: "update_time desc, code"},
                                                {code: "notmatched", name: "待开户", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Input'", orderby: "update_time desc, code"},
                                                {code: "Open", name: "已开户", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Open'", orderby: "update_time desc, code"},
                                                {code: "Close", name: "已关闭", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Close'", orderby: "update_time desc, code"},
                                                {code: "All", name: "全部", dataname: "md_org_account", filterTxt: "1=1", orderby: "md_org_account.update_time desc, code"},
                                                {code: "Change", name: "变更申请", dataname: "md_org_account_change", orderby: "update_time desc"},
                                            ],
                                             */
                                            var row = {}
                                            if (me.activeTabName == "matched") { // 客商信息
                                                row = obj.row;
                                            }
                                            else if (me.activeTabName == "nccsy") { // NCC首营
                                                row = {
                                                    id: obj.row.org_id,
                                                };
                                            }
                                            url = "customer_basic.html";
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "客商信息详情",
                                                id: "customer_acct" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/customer/page/" + url,
                                                data: row,
                                                delta: {closeCode:"1"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    me.onQuery();
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                code: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var url = "customer_acct.html";
                                            if (obj.row.state_code == 'CloseingApproval' || obj.row.state_code == 'Rejected' || obj.row.state_code == 'CloseingSaleInput' || obj.row.state_code == 'Closed') {
                                                url = "customer_close.html";
                                            }
                                            /*
                                            tabs_d: [
                                                {code: "matched", name: "客商列表", dataname: "md_org", filterTxt: "actor_id<>'Master'", orderby: "update_time desc, code"},
                                                {code: "nccsy", name: "NCC首营", dataname: "md_org_account_ncc", filterTxt: "1=1", orderby: "update_time desc, code"},
                                                {code: "notmatched", name: "待开户", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Input'", orderby: "update_time desc, code"},
                                                {code: "Open", name: "已开户", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Open'", orderby: "update_time desc, code"},
                                                {code: "Close", name: "已关闭", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Close'", orderby: "update_time desc, code"},
                                                {code: "All", name: "全部", dataname: "md_org_account", filterTxt: "1=1", orderby: "md_org_account.update_time desc, code"},
                                                {code: "Change", name: "变更申请", dataname: "md_org_account_change", orderby: "update_time desc"},
                                            ],
                                             */
                                            if (me.activeTabName == "matched") { // 客商信息
                                                url = "customer_basic.html";
                                            }
                                            else if (me.activeTabName == "nccsy") { // NCC首营
                                                url = "customer_ncc.html";
                                            }
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "客商信息详情",
                                                id: "customer_acct" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/customer/page/" + url,
                                                data: obj.row,
                                                delta: {closeCode:"1"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    me.onQuery();
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                name: {
                                    input: {
                                        valuekey: "name", // 输入框搜索时的选项对应字段
                                        onQuerySearch: function(obj, callback) { // 输入框搜索事件
                                            let param_ = {
                                                dataname: "md_org_customer",
                                                filter: obj.fieldobj.field + " like '%" + obj.inputstring + "%'",
                                                orderby:  obj.fieldobj.field
                                            }
                                            Server.call("root/data/getEntitySet", param_, function(result) {
                                                var inputoptions_ = []
                                                if (result && result.data && result.data.entityset) {
                                                    inputoptions_ = result.data.entityset;
                                                    callback(inputoptions_)
                                                }
                                                else {
                                                    callback(inputoptions_)
                                                }
                                            });
                                        }
                                    }
                                }
                            };
                            tablefieldClick.nccsy = {
                                state_name: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: ["DMS未开户"],//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "600px",
                                                height: "450px",
                                                icon: "icon-product",
                                                text: "开户信息",
                                                id: "popup_account_state" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/popup/page/popup_account_state.html",
                                                data: obj.row,
                                                dataname: "md_org_account",
                                                filter:"md_org_account.org_ncc_id='" + obj.row.id + "'",//标识2:没有可点击的值,待验证
                                                delta: {from: "customer_list_account"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                md_org__code: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var url = "customer_acct.html";
                                            if (obj.row.state_code == 'CloseingApproval' || obj.row.state_code == 'Rejected' || obj.row.state_code == 'CloseingSaleInput' || obj.row.state_code == 'Closed') {
                                                url = "customer_close.html";
                                            }
                                            /*
                                            tabs_d: [
                                                {code: "matched", name: "客商列表", dataname: "md_org", filterTxt: "actor_id<>'Master'", orderby: "update_time desc, code"},
                                                {code: "nccsy", name: "NCC首营", dataname: "md_org_account_ncc", filterTxt: "1=1", orderby: "update_time desc, code"},
                                                {code: "notmatched", name: "待开户", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Input'", orderby: "update_time desc, code"},
                                                {code: "Open", name: "已开户", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Open'", orderby: "update_time desc, code"},
                                                {code: "Close", name: "已关闭", dataname: "md_org_account", filterTxt: "md_org_account.state_code='Close'", orderby: "update_time desc, code"},
                                                {code: "All", name: "全部", dataname: "md_org_account", filterTxt: "1=1", orderby: "md_org_account.update_time desc, code"},
                                                {code: "Change", name: "变更申请", dataname: "md_org_account_change", orderby: "update_time desc"},
                                            ],
                                             */
                                            var row = {}
                                            if (me.activeTabName == "matched") { // 客商信息
                                                row = obj.row;
                                            }
                                            else if (me.activeTabName == "nccsy") { // NCC首营
                                                row = {
                                                    id: obj.row.org_id,
                                                };
                                            }
                                            url = "customer_basic.html";
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "客商信息详情",
                                                id: "customer_acct" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/customer/page/" + url,
                                                data: row,
                                                delta: {closeCode:"1"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    me.onQuery();
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                code: {//字段事件设置
                                    val: {//有值时的点击事件
                                        notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                                        notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                                        onclick: function(obj) {//数据值点击事件
                                            var url = "customer_acct.html";
                                            if (obj.row.state_code == 'CloseingApproval' || obj.row.state_code == 'Rejected' || obj.row.state_code == 'CloseingSaleInput' || obj.row.state_code == 'Closed') {
                                                url = "customer_close.html";
                                            }
                                            if (me.activeTabName == "matched") { // 客商信息
                                                url = "customer_basic.html";
                                            }
                                            else if (me.activeTabName == "nccsy") { // NCC首营
                                                url = "customer_ncc.html";
                                            }
                                            var config = {
                                                totab: true, //true: 以Tab导航的方式打开
                                                width: "1100px",
                                                height: "520px",
                                                icon: "icon-product",
                                                text: "客商信息详情",
                                                id: "customer_acct" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                                                url: "module/md/page/customer/page/" + url,
                                                data: obj.row,
                                                delta: {closeCode:"1"},
                                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    me.onQuery();
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                                name: {
                                    input: {
                                        valuekey: "name", // 输入框搜索时的选项对应字段
                                        onQuerySearch: function(obj, callback) { // 输入框搜索事件
                                            let param_ = {
                                                dataname: "md_org_customer",
                                                filter: obj.fieldobj.field + " like '%" + obj.inputstring + "%'",
                                                orderby:  obj.fieldobj.field
                                            }
                                            Server.call("root/data/getEntitySet", param_, function(result) {
                                                var inputoptions_ = []
                                                if (result && result.data && result.data.entityset) {
                                                    inputoptions_ = result.data.entityset;
                                                    callback(inputoptions_)
                                                }
                                                else {
                                                    callback(inputoptions_)
                                                }
                                            });
                                        }
                                    }
                                }
                            }
                            if (this.activeTabName == "Change") {
                                this.selectTabObj.tablefieldClick = tablefieldClick[this.activeTabName];
                            }
                            else if (this.activeTabName == "matched") {
                                this.selectTabObj.tablefieldClick = tablefieldClick[this.activeTabName];
                            }
                            else if (this.activeTabName == "nccsy") {
                                this.selectTabObj.tablefieldClick = tablefieldClick[this.activeTabName];
                            }
                            else {
                                this.selectTabObj.tablefieldClick = tablefieldClick.All;
                            }
                        },
                        // 设置表格工具栏按键事件
                        tableButtonClick() {
                            var me = this;
                            var tablebuttonClick = {};
                            tablebuttonClick.matched = [
                                {
                                    isbuttonshow: me.cbuttons_r.add ? me.cbuttons_r.add : false,type:"primary",
                                    code: "add",isselected: false,classname: "",
                                    onclick: function(obj) {
                                        me.openCustomer('add')
                                    }
                                },
                                {
                                    isbuttonshow:  me.cbuttons_r.customerEdit ? me.cbuttons_r.customerEdit : false,type:"primary",
                                    code: "edit",isselected: true,classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == "Input") {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        me.openCustomer('edit')
                                    }
                                },
                                {
                                    name: "转预合作", isbuttonshow: true,type:"success",icon: "el-icon-news",
                                    code: "account",isselected: true,classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && (selectRowList[0].state_code == "Open" || selectRowList[0].state_code == "Prepared")) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        // me.closeData('browse', obj.selectedList[0]);
                                        // me.commitData(obj.selectedList[0]);
                                        obj.selectedList[0]['company_id'] = '1181'
                                        obj.selectedList[0]['company_name'] = '汇宇制药'
                                        obj.selectedList[0]['bu_id'] = 'BU-GM'
                                        obj.selectedList[0]['bu_name'] = '肿瘤'
                                        console.log(obj.selectedList[0])
                                        me.openCustomerUser('add', obj.selectedList[0]);
                                    }
                                },
                                // {
                                //     isbuttonshow:  me.cbuttons_r.delete ? me.cbuttons_r.delete : false,type: "danger",
                                //     code: "delete",isselected: true,classname: "",
                                //     disabled: function(selectRowList) {
                                //         var bo_ = true;
                                //         if (selectRowList[0] && selectRowList[0].source == "DMS") {
                                //             bo_ = false;
                                //         }
                                //         return bo_
                                //     },
                                //     onclick: function(obj) {
                                //         me.delData()
                                //     }
                                // },
                                // {
                                //     isbuttonshow:  me.cbuttons_r.delete ? me.cbuttons_r.delete : false, type: "danger",
                                //     code: "repeal", isselected: true, classname:"",
                                //     disabled: function(selectRowList) {
                                //         var bo_ = true ;
                                //         if (selectRowList[0] && selectRowList[0].source == "DMS") {
                                //             bo_ = false
                                //         }
                                //         return bo_;
                                //     },
                                //     onclick: function(obj) {
                                //         me.repealDataPolicy(obj, obj.selectedList[0])
                                //     }
                                // },
                                {
                                    // name: "删除", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.delete ? me.cbuttons_r.delete : false,    type: "danger",
                                    code: "delete", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true ;
                                        if (selectRowList[0] && selectRowList[0].state_code == 'Input') {
                                            bo_ = false
                                        }
                                        return bo_;
                                    },
                                    onclick: function(obj) {
                                        me.delData()
                                        // obj.selectedList
                                        // me.closeData('browse', obj.selectedList[0]);
                                        // me.closeData();
                                    }
                                },
                                // {
                                //     // name: "终止", // type: "primary", // icon: "el-icon-edit",
                                //     isbuttonshow:  me.cbuttons_r.delete ? me.cbuttons_r.delete : false,    type: "danger",
                                //     code: "suspend", isselected: true, classname: "",
                                //     islistselected: false, // 是否可以多选
                                //     disabled: function(selectRowList, selectedList) {
                                //         var bo_ = true;
                                //         if (selectRowList[0] && selectRowList[0].source == "DMS") {
                                //             bo_ = false;
                                //         }
                                //         return bo_
                                //     },
                                //     onclick: function(obj) {
                                //         me.onSuspend(function(suspendData){
                                //             var selectedList_ = clone(obj.selectedList);
                                //             selectedList_.map(row=>{
                                //                 row.suspend_date = suspendData.suspend_date
                                //                 row.suspend_remark = suspendData.suspend_remark
                                //             })
                                //             me.onSaveSuspend(selectedList_);
                                //         })
                                //         // me.cancelConfirm();
                                //     }
                                // },
                            ]
                            tablebuttonClick.nccsy = [
                                {
                                    name: "开户", isbuttonshow: me.cbuttons_r.accountOpenNCC ? me.cbuttons_r.accountOpenNCC : false,type:"success",icon: "el-icon-news",
                                    code: "account",isselected: true,classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0]) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        me.openCustomerUserByNCCId('add', obj.selectedList[0])
                                    }
                                },
                            ]
                            tablebuttonClick.Open = [{
                                    name: "重发邮件", isbuttonshow:  me.cbuttons_r.accountClose ? me.cbuttons_r.accountClose : false,type:"primary",icon: "el-icon-message",
                                    code: "account",isselected: true,classname: "",isloading: false,
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == 'Open') {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        obj.buttonobj.isloading = true
                                        me.toAccountMail(obj.selectedList[0], function(){
                                            obj.buttonobj.isloading = false
                                        });
                                    }
                                },
                                {
                                    name: "退出", isbuttonshow:  me.cbuttons_r.accountClose ? me.cbuttons_r.accountClose : false,type:"danger",icon: "el-icon-circle-close",
                                    code: "account",isselected: true,classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == 'InCooperation') {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // me.closeData();
                                        me.openCustomerUser('close', obj.selectedList[0])
                                    }
                                },
                                {
                                    name: "变更", isbuttonshow: me.cbuttons_r.accountChange ? me.cbuttons_r.accountChange : false,type:"primary",icon: "el-icon-share",
                                    code: "change",isselected: true,classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && selectRowList[0].state_code == 'InCooperation') {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        me.openCustomerUser('change', obj.selectedList[0])
                                    }
                                },
                                // {
                                //     name: "编辑", isbuttonshow:  me.cbuttons_r.accountCloseEdit ? me.cbuttons_r.accountCloseEdit : false,type:"primary",icon: "el-icon-edit-outline",
                                //     code: "account",isselected: true,classname: "",
                                //     disabled: function(selectRowList) {
                                //         var bo_ = true;
                                //         if (selectRowList[0] && (selectRowList[0].state_code == 'Rejected' || selectRowList[0].state_code == 'CloseingSaleInput')) {
                                //             bo_ = false;
                                //         }
                                //         return bo_
                                //     },
                                //     onclick: function(obj) {
                                //         me.closeDataEdit();
                                //     }
                                // },
                                {
                                    name: "等级设置", type: "primary", icon: "el-icon-edit",
                                    // isbuttonshow: me.cbuttons_r.edit_degree ? me.cbuttons_r.edit_degree : false,
                                    isbuttonshow: true,
                                    code: "edit_degree", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0]) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // var row = obj.selectedList[0];
                                        var fieldobjlist = [
                                            {isshow: "T", field: "degree", name: "等级", type: "input"}
                                        ]
                                        me.editFieldsByFieldList(fieldobjlist, obj.selectedList[0], function(suspendData){
                                            var selectedList_ = clone(obj.selectedList);
                                            selectedList_.map(row=>{
                                                fieldobjlist.map(f=>{
                                                    row[f.field] = suspendData[f.field]
                                                })
                                            })
                                            me.onSaveDataByFieldLsit(selectedList_, me.selectTabObj.dataname, fieldobjlist, function(){
                                                me.onQuery();
                                            });
                                        });
                                    }
                                },
                            ]
                            tablebuttonClick.notmatched = [
                                {
                                    name: "转合作", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.commitData ? me.cbuttons_r.commitData : false,    type: "success",
                                    code: "toCooperation", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true ;
                                        if (selectRowList[0] && selectRowList[0].state_code == 'Open') {
                                            bo_ = false
                                        }
                                        return bo_;
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        // me.closeData('browse', obj.selectedList[0]);
                                        // me.commitData(obj.selectedList[0]);
                                        me.commitnCustomerUser('edit', obj.selectedList[0]);
                                    }
                                },
                                {
                                    // name: "详情", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.formdetail ? me.cbuttons_r.formdetail : false,
                                    code: "formdetail", isselected: true, classname: "",
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.openCustomerUser('browse', obj.selectedList[0]);
                                    }
                                },
                                {
                                    // name: "编辑", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.accountEdit ? me.cbuttons_r.accountEdit : false,
                                    code: "edit", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true ;
                                        if (selectRowList[0] && selectRowList[0].state_code == 'Input') {
                                            bo_ = false
                                        }
                                        return bo_;
                                    },
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.openCustomerUser('edit', obj.selectedList[0]);
                                    }
                                },
                                {
                                    name: "等级设置", type: "primary", icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.edit_degree ? me.cbuttons_r.edit_degree : false,
                                    // isbuttonshow: true,
                                    code: "edit_degree", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0]) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // var row = obj.selectedList[0];
                                        var fieldobjlist = [
                                            {isshow: "T", field: "degree", name: "等级", type: "input"}
                                        ]
                                        me.editFieldsByFieldList(fieldobjlist, obj.selectedList[0], function(suspendData){
                                            var selectedList_ = clone(obj.selectedList);
                                            selectedList_.map(row=>{
                                                fieldobjlist.map(f=>{
                                                    row[f.field] = suspendData[f.field]
                                                })
                                            })
                                            me.onSaveDataByFieldLsit(selectedList_, me.selectTabObj.dataname, fieldobjlist, function(){
                                                me.onQuery();
                                            });
                                        });
                                    }
                                },
                                {
                                    // name: "删除", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.delete ? me.cbuttons_r.delete : false,    type: "danger",
                                    code: "delete", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true ;
                                        if (selectRowList[0] && selectRowList[0].state_code == 'Input') {
                                            bo_ = false
                                        }
                                        return bo_;
                                    },
                                    onclick: function(obj) {
                                        me.delData()
                                        // obj.selectedList
                                        // me.closeData('browse', obj.selectedList[0]);
                                        // me.closeData();
                                    }
                                },
                            ]
                            tablebuttonClick.All = [
                                {
                                    // name: "详情", // type: "primary", // icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.formdetail ? me.cbuttons_r.formdetail : false,
                                    code: "formdetail", isselected: true, classname: "",
                                    onclick: function(obj) {
                                        // obj.selectedList
                                        me.openCustomerUser('browse', obj.selectedList[0]);
                                    }
                                },
                                {
                                    name: "等级设置", type: "primary", icon: "el-icon-edit",
                                    isbuttonshow: me.cbuttons_r.edit_degree ? me.cbuttons_r.edit_degree : false,
                                    code: "edit_degree", isselected: true, classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0]) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        // var row = obj.selectedList[0];
                                        var fieldobjlist = [
                                            {isshow: "T", field: "degree", name: "等级", type: "input"}
                                        ]
                                        me.editFieldsByFieldList(fieldobjlist, obj.selectedList[0], function(suspendData){
                                            var selectedList_ = clone(obj.selectedList);
                                            selectedList_.map(row=>{
                                                fieldobjlist.map(f=>{
                                                    row[f.field] = suspendData[f.field]
                                                })
                                            })
                                            me.onSaveDataByFieldLsit(selectedList_, me.selectTabObj.dataname, fieldobjlist, function(){
                                                me.onQuery();
                                            });
                                        });
                                    }
                                },
                            ]
                            tablebuttonClick.Change = [
                                // {
                                //     name: "关户", isbuttonshow:  me.cbuttons_r.accountClose ? me.cbuttons_r.accountClose : false,type:"danger",icon: "el-icon-circle-close",
                                //     code: "account",isselected: true,classname: "",
                                //     disabled: function(selectRowList) {
                                //         var bo_ = true;
                                //         if (selectRowList[0] && selectRowList[0].type_code == "close" && selectRowList[0].state_code == 'Input') {
                                //             bo_ = false;
                                //         }
                                //         return bo_
                                //     },
                                //     onclick: function(obj) {
                                //         // me.closeData();
                                //         me.openChangeCustomerUser('edit', obj.selectedList[0])
                                //     }
                                // },
                                {
                                    name: "编辑", isbuttonshow: me.cbuttons_r.accountChange ? me.cbuttons_r.accountChange : false,type:"primary",icon: "el-icon-edit",
                                    code: "edit",isselected: true,classname: "",
                                    disabled: function(selectRowList) {
                                        var bo_ = true;
                                        if (selectRowList[0] && (selectRowList[0].state_code == 'Input')) {
                                            bo_ = false;
                                        }
                                        return bo_
                                    },
                                    onclick: function(obj) {
                                        me.openChangeCustomerUser('edit', obj.selectedList[0])
                                    }
                                },
                            ]
                            if (tablebuttonClick[this.activeTabName]) {
                                this.selectTabObj.tablebuttonClick = tablebuttonClick[this.activeTabName];
                            }
                            else if (this.activeTabName == "distributorlist") {
                                this.selectTabObj.tablebuttonClick = tablebuttonClick.matched;
                            }
                            else {
                                this.selectTabObj.tablebuttonClick = []
                            }
                        },
                        toAccountMail(row, callback) {
                            var org_id = row.md_org__id;
                            var org_code = row.md_org__code;
                            var account_id = row.id;
                            var business_email = row.business_email;
                            // 获取用户信息
                            let param_ = {
                                dataname: "sys_user",
                                filter: "name='" + org_code + ".admin' and is_active='T' and org_id='" + org_id + "'"
                            }
                            Server.call("root/data/getEntitySet", param_, function(result) {
                                if (result && result.data && result.data.entityset && result.data.entityset.length == 1) {
                                    var user_ = result.data.entityset[0];
                                    // 设置用户初始密码
                                    let param_u = {
                                        dataname: "sys_user",
                                        data: {
                                            sys_user: {
                                                id: user_.id,
                                                password: org_code
                                            }
                                        }
                                    }
                                    Server.call("root/client/initPassword", param_u, function(result) {
                                        // 发送邮件通知
                                        let param_m = {
                                            dataname: "md_org_account",
                                            businessCode: "login",
                                            id: account_id,
                                        }
                                        Server.call("root/data/mail.accountSuccess", param_m, function(result) {
                                            callback();
                                            Root.message({
                                                type: 'success',
                                                message: '已发送邮件至' + business_email
                                            });
                                        })
                                    })
                                }
                                else {
                                }
                            });
                        },
                        commitData(obj) {
                            var me = this;
                            Root.confirm('确定提交开户' + obj.account_name + '吗?', '提交提示', {
                              confirmButtonText: '提交',
                              cancelButtonText: '取消',
                              type: 'warning'
                            }).then(() => {
                                var param = {
                                    dataname: me.selectTabObj.dataname,
                                    id: obj.id,
                                    // to_state: "OpeningApproval"
                                }
                                if (obj.org_ncc_id) {
                                    param.refer = {
                                        dataname: "md_org_account_ncc",
                                        id: obj.org_ncc_id
                                    }
                                }
                                Server.call("root/data/commit", param, function(result) {
                                    console.log(result);
                                    if (result.success) {
                                        Root.message({
                                            type: 'success',
                                            message: '提交成功'
                                        });
                                        me.onQuery();
                                    }
                                });
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消开户'
                                });
                            });
                        },
                        rowClick(obj){
                            var me = this;
                            me.selectTabObj.selectedrow = obj.row;
                        },
                        repealDataPolicy(obj, row) {
                            var me = this;
                            Root.confirm('确定作废配送商【' + row.name + '】吗?', '作废提示', {
                              confirmButtonText: '作 废',
                              cancelButtonText: '取 消',
                              type: 'warning'
                            }).then(() => {
                                let param = {
                                    id: row.id,
                                    dataname: me.selectTabObj.dataname,
                                    data: {}
                                }
                                param.data[me.selectTabObj.dataname] = {
                                    id: row.id,
                                    state_code: "Closed",
                                    state_name: "作废"
                                }
                                Server.call("root/data/saveEntity", param, function(result) {
                                    console.log(result);
                                    Root.message({
                                        type: 'success',
                                        message: '已作废'
                                    });
                                    me.onQuery();
                                });
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消作废'
                                });
                            });
                        },
                        onSuspend(callback) {
                            var me = this;
                            var config = {
                                totab: false, //true: 以Tab导航的方式打开
                                width: "400px",
                                height: "400px",
                                icon: "icon-product",
                                text: "终止设置",
                                url: "module/tool/page/popup_suspend.html",
                                data: {},
                                delta: {},
                                sceneCode: "add", //"add"//"browse",
                                callback: function(popupobj, popupcallback) {
                                    callback(popupobj.row);
                                    if (popupcallback) {
                                        popupcallback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        onSaveSuspend(list) {
                            var me = this;
                            if (list.length) {
                                var row = list[0];
                                var param = {
                                    dataname: me.selectTabObj.dataname,
                                    data: {},
                                }
                                param.data[me.selectTabObj.dataname] = {
                                    id: row.id,
                                    suspend_date: row.suspend_date,
                                    suspend_remark: row.suspend_remark,
                                    // state_code: "Closed",
                                    // state_name: "失效",
                                };
                                var suspend_date_ = dateFormat(new Date(row.suspend_date), "yyyy-MM-dd")
                                var new_date_ = dateFormat(new Date(), "yyyy-MM-dd")
                                if (suspend_date_ == new_date_) {
                                    param.data[me.selectTabObj.dataname].state_code = "Closed"
                                    param.data[me.selectTabObj.dataname].state_name = "失效"
                                }
                                Server.call("root/data/saveEntity", param, function(result) {
                                    console.log(result);
                                    if (result.success) {
                                        list.remove(row);
                                        me.onSaveSuspend(list);
                                    }
                                });
                            }
                            else {
                                me.onQuery();
                            }
                        },
                        delData: function(scope) {
                            let me = this;
                            var row = me.selectTabObj.selectedrow;
                            let name_ = "该数据";
                            if (!row.id) {
                                Root.message({
                                    type: 'warning',
                                    message: '该事件需存在数据ID'
                                });
                                return
                            }
                            if (row.name) {
                                name_ = "_" + row.name + "_";
                            }
                            Root.confirm('确定删除' + name_ + '吗?', '删除提示', {
                              confirmButtonText: '删除',
                              cancelButtonText: '取消',
                              type: 'warning'
                            }).then(() => {
                                let param = {
                                    id: row.id,
                                    dataname: me.selectTabObj.dataname,
                                }
                                Server.call("root/data/deleteEntity", param, function(result) {
                                    Root.message({
                                        type: 'success',
                                        message: '删除成功!'
                                    });
                                    me.onQuery();
                                });
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消删除'
                                });
                            });
                        },
                        //新增客商
                        openCustomer(sceneCode){
                            let me = this;
                            var row = {};
                            if (sceneCode == "edit") {
                                row = me.selectTabObj.selectedrow;
                                if (!row.id) {
                                    Root.message({
                                        type: 'warning',
                                        message: '请选择一条数据'
                                    });
                                    return;
                                }
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "1100px",
                                height: "520px",
                                icon: "icon-product",
                                text: "推广商信息" + (row.name ? row.name : ""),
                                id: "customer_basic" + (row.id? row.id : "add"),//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_basic.html",
                                data: row,
                                delta: {},
                                sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        //开户
                        openCustomerNCC(sceneCode){
                            let me = this;
                            var row = me.selectTabObj.selectedrow;
                            if(!row){
                                Root.message({
                                    type: 'warning',
                                    message: '请选择一条数据'
                                });
                                return;
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "1100px",
                                height: "520px",
                                icon: "icon-product",
                                text: "首营信息" + (row.name ? row.name : ""),
                                id: "customer_basic_ncc" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_basic_ncc.html",
                                data: row,
                                delta: {},
                                sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        openCustomerUserByNCCId(sceneCode, row) {
                            let me = this;
                            // var row = {}
                            // row = me.selectTabObj.selectedrow;
                            if(!row.id) {
                                Root.message({
                                    type: 'warning',
                                    message: '请选择一条数据'
                                });
                                return;
                            }
                            var text_ = "-【" + row.company_name + "】-" + row.md_org__name;
                            var data_ = {
                                // NCCid
                                org_ncc_id: row.id,
                                // 公司
                                company_id: row.company_id,
                                company_name: row.company_name,
                                // 客商
                                org_id: row.org_id,
                                account_name: row.md_org__name,
                                // 客商关联信息
                                md_org__code: row.md_org__code,
                                md_org__ncc_code: row.md_org__ncc_code,
                            };
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "1100px",
                                height: "520px",
                                icon: "icon-product",
                                text: "开户信息" + text_,
                                id: "customer_basic_acct" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_basic_acct.html",
                                data: data_,
                                delta: {accountnccdata: row},
                                sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        commitnCustomerUser(sceneCode, row) {
                            var me = this;
                            Root.confirm('确认提交正式合作?', '提交提示', {
                              confirmButtonText: '转 合 作',
                              cancelButtonText: '取 消',
                              type: 'warning'
                            }).then(() => {
                                let param = {
                                    id: row.id,
                                    dataname: 'md_org_partnership',
                                    // data: {}
                                }
                                // param.data['md_org_partnership'] = row
                                Server.call("root/data/commit", param, function(result) {
                                    console.log(result);
                                    Root.message({
                                        type: 'success',
                                        message: '已提交'
                                    });
                                    me.onQuery();
                                });
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消提交'
                                });
                            });
                        },
                        openCustomerUser(sceneCode, obj) {
                            let me = this;
                            var delta_ = {};
                            var row = {};
                            var text = "开户信息"
                            if (sceneCode == "add") {
                                // 客商
                                row = me.selectTabObj.selectedrow;
                                delta_ = {
                                    orgdata: clone(row)
                                }
                            }
                            else if (sceneCode == "change") {
                                row = obj
                                if(!row.id){
                                    Root.message({
                                        type: 'warning',
                                        message: '请选择一条数据'
                                    });
                                    return;
                                }
                                text = "变更开户信息"
                            }
                            else if (sceneCode == "close") {
                                row = obj
                                if(!row.id){
                                    Root.message({
                                        type: 'warning',
                                        message: '请选择一条数据'
                                    });
                                    return;
                                }
                                text = "商业关户信息"
                            }
                            else if (sceneCode == "edit" || sceneCode == "browse" ) {
                                row = me.selectTabObj.selectedrow;
                                if(!row){
                                    Root.message({
                                        type: 'warning',
                                        message: '请选择一条数据'
                                    });
                                    return;
                                }
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "1100px",
                                height: "520px",
                                icon: "icon-product",
                                text: text + (row.name ? "-" + row.name : ""),
                                id: "customer_basic_acct" + row.id + sceneCode,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_basic_acct.html",
                                data: row,
                                delta: delta_,
                                sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        openChangeCustomerUser(sceneCode, row) {
                            let me = this;
                            var delta_ = {};
                            var text = "开户变更信息"
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "1100px",
                                height: "520px",
                                icon: "icon-product",
                                text: text + (row.name ? "-" + row.name : ""),
                                id: "customer_basic_acct_change" + row.id + sceneCode,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_basic_acct_change.html",
                                data: row,
                                delta: {type: "change"},
                                sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        openBrowseDetail(obj) {
                            var me = this;
                            if (!obj.row.type_name) {
                                obj.row.type_name = "";
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "900px",
                                height: "500px",
                                icon: "icon-product",
                                text: obj.row.org_name + " " + obj.row.type_name + " 变更",
                                id: "org_change" + obj.row.id + "_browse",//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/org/page/org_change.html",
                                data: obj.row,
                                delta: {},
                                sceneCode: "browse",//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        //变更
                        changeData() {
                            var me = this;
                            Root.confirm('确定变更【' + this.selectTabObj.selectedrow.name + '】吗?', '变更提示', {
                              confirmButtonText: '变 更',
                              cancelButtonText: '取 消',
                              type: 'warning'
                            }).then(() => {
                                me.editData();
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消变更'
                                });
                            });
                        },
                        editData(){
                            var me = this;
                            var row = me.selectTabObj.selectedrow;
                            if(!row){
                                Root.message({
                                    type: 'warning',
                                    message: '请选择一条数据'
                                });
                                return;
                            }
                            var config = {
                                totab: true, //true: 以Tab导航的方式打开
                                width: "1100px",
                                height: "520px",
                                icon: "icon-product",
                                text: "商业变更信息",
                                id: "customer_change" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                url: "module/md/page/customer/page/customer_change.html",
                                data: row,
                                delta: {},
                                sceneCode: "edit",//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        //关户或作废
                        closeData() {
                            var me = this;
                            var row = me.selectTabObj.selectedrow;
                            Root.confirm('确定将【' + row.account_name + '】关户吗?', '关户提示', {
                              confirmButtonText: '关 户',
                              cancelButtonText: '取 消',
                              type: 'warning'
                            }).then(() => {
                                var config = {
                                    totab: true, //true: 以Tab导航的方式打开
                                    width: "1100px",
                                    height: "520px",
                                    icon: "icon-product",
                                    text: "商业关户信息",
                                    id: "customer_close" + row.id,//totab: true时需设置,用于判断是否已打开此页面
                                    url: "module/md/page/customer/page/customer_close.html",
                                    data: {},
                                    delta: {accountdata: row},
                                    sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse",
                                    callback: function(obj, callback) {
                                        me.onQuery();
                                        if (callback) {
                                            callback();
                                        }
                                    }
                                };
                                me.doPopupByPublic(config);
                            }).catch(() => {
                                Root.message({
                                    type: 'info',
                                    message: '已取消关户'
                                });
                            });
                        },
                        closeDataEdit() {
                            var me = this;
                            var row = me.selectTabObj.selectedrow;
                            config = {
                                totab: true,
                                icon: "icon-product",
                                text: "商业关户信息",
                                width: "900px",
                                height: "900px",
                                id: "customer_close" + row.id + "edit",
                                url: "module/md/page/customer/page/customer_close.html",
                                sceneCode: "edit",
                                data: row,
                                delta: {},
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                },
                            };
                            me.doPopupByPublic(config);
                        },
                        // onDownload() {
                        //     let me = this;
                        //     var filter_ = "1 = 1";
                        //     // if(me.saveUser != "") {
                        //     //     filter_ = " customer_code = '" + me.saveUser + "'";
                        //     // }
                        //     filter_ = this.getFilterData(filter_);
                        //     let param = {
                        //         dataname: "orgInfoReport", //'md_org_account',
                        //         filename: '客商信息导出' + String(new Date().getTime()),
                        //         filter: filter_,
                        //         orderby: "update_time desc",
                        //         token: Root.getToken()
                        //     }
                        //     textdownloadForm(param);
                        // },
                        onDownload_V1() {//get
                            var httpRequest = new XMLHttpRequest();
                            //打开连接,将请求参数拼在url后面
                            httpRequest.open('GET', url, true);
                            //设置期望的返回值类型
                            httpRequest.responseType = "blob";
                            //设置请求头,将认证信息放入请求头中
                            httpRequest.setRequestHeader("Authorization","JWT "+Ext.util.Cookies.get("token"));
                        },
                        onDownload() {
                            let me = this;
                            var filter_ = "1 = 1";
                            filter_ = this.getFilterData(filter_);
                            var ioname_ = "export-md-account";
                            var orderby_ = "";
                            if (this.selectTabObj.code == "matched" || this.selectTabObj.code == "distributorlist" ) {
                                ioname_ = "export_md_org_customer";
                                orderby_ = "";
                            }
                            let param = {
                                sign: "md_org_account",
                                filename: '开户客商信息导出' + String(new Date().getTime()),
                                filter: filter_,
                                ioname: ioname_,
                                orderby: orderby_,
                                token: Root.getToken()
                            }
                            // window.top.vue.onDownload(param);
                            window.top.vue.textdownloadForm(param);
                        },
                        textdownloadForm(params) {//文件流下载
                            let form = document.createElement('form');
                            form.id = 'form_download';
                            form.name = 'form_download';
                            document.body.appendChild(form);
                            //循环创建input框
                            for (let obj in params) {
                                if (params.hasOwnProperty(obj)) {
                                    let input = document.createElement('input')
                                    input.type = 'hidden'
                                    input.name = obj;
                                    input.ioname = "export-md-account";
                                    input.value = params[obj]
                                    form.appendChild(input)
                                }
                            };
                            form.method = 'get'; //请求方式
                            // form.action = window.top.config.url_root + "root/exports/exportSheetsExcel?token=" + Root.getToken();
                            // form.action = window.top.config.url_root + "root/exports/exportSheetsExcel?token=" + Root.getToken();
                            form.action = window.top.config.url_root + "root/io/exportData?token=" + Root.getToken() + "&ioname=export-md-account"
                            // form.action = window.top.config.url_root + "root/io/exportData?token=" + Root.getToken()
                            form.submit(); // form表单提交
                            document.body.removeChild(form); // 移除创建的元素
                        },
                        // DownloadTemplate() {
                        //     let me = this;
                        //     let param = {
                        //         ioname:"export-batch-account",
                        //         orderby: "",
                        //         token: Root.getToken()
                        //     }
                        //     window.top.vue.textdownloadForm(param);
                        // },
                        DownloadTemplate() {
                            var pathurl = "template/1.导入模板/上线客商导入.xlsx";
                            handleDownload(pathurl);
                        },
                        onPopupByUploadFile() {
                            var me = this;
                            var ioname_ = "import_md_org_account"
                            var delta_ = {
                                filetypelist: [],
                                isToDB: true,
                            }
                            var config = {
                                totab: false,
                                width: "500px",
                                icon: "icon-product",
                                text: "数据文件上传",
                                id: "popup_uploadFileToDB",
                                url: "module/tool/page/popup_uploadFileToDB.html",
                                data: {
                                    // userid: me.userid,
                                    ioname:ioname_,
                                    // position_id: me.position_id,
                                },
                                delta: delta_,
                                callback: function(obj, callback) {
                                    me.$message({
                                        showClose: true,
                                        message: '上传成功!',
                                        type: 'success'
                                    });
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            this.doPopupByPublic(config);
                        },
                        getNCC() {
                            //org/syncEmployee
                            var me = this;
                            let param = {}
                            this.loading_ncc = true;
                            Server.call("root/account/syncNCCustomer", param, function(result) {
                                console.log(result);
                                me.loading_ncc = false;
                                me.onQuery();
                            }, function(){
                                me.loading_ncc = false;
                            })
                        }
                    }
                });
            };
            loadJsCss(function () {
                initVue();
            });
        </script>
        <style>
            /* 在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
            [v-cloak] {
                display: none !important;
            }
            .el-tabs__nav-scroll {
                overflow: hidden;
                position: relative;
                padding-left: 20px;
            }
        </style>
    </head>
    <body style="margin: 0px;">
        <div v-cloak id="vbody">
            <div id="page_root">
                <div class="topbar">
                    <span :class="page_title == 'right' ? 'h_page_title_right' : 'h_page_title_left'"><span class="h_page_title_txt">{{title}}</span></span>
                    <div :class="page_title == 'right' ? 'h_page_button_left' : 'h_page_button_right'">
                        <div style="float: right;" v-show= "selectTabObj.code == 'nccsy'">
                            <!-- <el-button :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id )" type="primary" @click="openCustomerUserByNCCId('add')" icon="el-icon-news">开户</el-button> -->
                            <el-button-group style="margin-left: 3px;">
                                <el-button v-show= "cbuttons_r.DownloadTemplate ? cbuttons_r.DownloadTemplate : false" type="primary" @click="DownloadTemplate" icon="el-icon-download">开户模板下载</el-button>
                                <el-button v-show= "cbuttons_r.imports ? cbuttons_r.imports : false" type="primary" @click="onPopupByUploadFile" icon="el-icon-upload2">批量开户导入</el-button>
                            </el-button-group>
                            <el-button v-show= "cbuttons_r.synchronous ? cbuttons_r.synchronous : false" type="primary" @click="getNCC" :loading="loading_ncc" icon="el-icon-refresh-right">同步NCC</el-button>
                            <!-- <el-button :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id )" type="primary" @click="openCustomerNCC('add')" :icon="buttonsconfig.edit.icon">NCC{{buttonsconfig.edit.name}}</el-button> -->
                        </div>
                        <div style="float: right; " v-show= "selectTabObj.code == 'matched'">
                            <!-- <el-button v-show="cbuttons_r.adminEdit" :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)" @click="openCustomer('adminedit')">管理员修改</el-button> -->
                            <!-- <el-button-group style="margin-left: 3px;"> -->
                                <!-- <el-button type="primary" @click="openCustomer('add')":icon="buttonsconfig.add.icon">{{buttonsconfig.add.name}}</el-button> -->
                                <!-- <el-button :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && selectTabObj.selectedrow.source == 'DMS' && selectTabObj.selectedrow.source == 'DMS')" type="primary" @click="openCustomer('edit')":icon="buttonsconfig.edit.icon">{{buttonsconfig.edit.name}}</el-button> -->
                                <!-- <el-button :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && selectTabObj.selectedrow.source == 'DMS')" type="danger" @click="delData" :icon="buttonsconfig.delete.icon">{{buttonsconfig.delete.name}}</el-button> -->
                                <!-- <el-button :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id )" type="primary" @click="">提交审批</el-button> -->
                            <!-- </el-button-group> -->
                        </div>
                        <div style="float: right;" v-show= "selectTabObj.code == 'Open' || selectTabObj.code == 'matched' || selectTabObj.code == 'distributorlist'">
                            <!-- <el-button-group style="margin-left: 3px;">
                                <el-button :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && selectTabObj.selectedrow.state_code == 'Open')" type="danger" @click="closeData">关 户</el-button>
                                <el-button :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && (selectTabObj.selectedrow.state_code == 'Rejected' || selectTabObj.selectedrow.state_code == 'CloseingSaleInput'))" type="primary" @click="closeDataEdit">关户编辑</el-button>
                            </el-button-group> -->
                            <el-button v-show= "cbuttons_r.onDownload ? cbuttons_r.onDownload : false"  @click="onDownload" :icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button>
                            <!-- <el-button-group style="margin-left: 3px;">
                                <el-button disabled :icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button>
                            </el-button-group> -->
                        </div>
                    </div>
                </div>
                <div>
                    <el-tabs v-model="activeTabName" @tab-click="handleClick">
                        <el-tab-pane v-for="(tab, k) in tabs" :label="tab.name" :name="tab.code" :key="k"></el-tab-pane>
                    </el-tabs>
                </div>
                <!-- <div class="topbar-line">
                    <div class="query-bar">
                        <h-form-filter
                            v-if="selectTabObj.filterFields"
                            ref="form1"
                            :form-attr="filterAttr"
                            :table-fields="selectTabObj.filterFields"
                            :form-data="selectTabObj.filterObj"
                            :table-field-click="selectTabObj.filterfieldClick"
                            :isdraggableorder="true"
                            v-on:on-query="onQuery"
                            v-on:on-init-query="onInitFilter"
                            v-on:on-edit-query="onEditFilter"
                            v-on:order-fields="orderFilterFields"
                            >
                        </h-form-filter>
                    </div>
                </div> -->
                <div class="h_dialog__body"  v-loading="!isRefresh">
                    <h-table
                        v-if="isRefresh && selectTabObj.tableFields"
                        ref="table1"
                        :table-fields="selectTabObj.tableFields"
                        :table-data="selectTabObj.tableData"
                        :is-edit-table-data="selectTabObj.isEditTableData"
                        :pagesize="selectTabObj.pagesize"
                        :pagenum="selectTabObj.pagenum"
                        :total="selectTabObj.total"
                        :table-height="selectTabObj.tableHeight"
                        :table-field-click="selectTabObj.tablefieldClick"
                        :table-buttons-click="selectTabObj.tablebuttonClick"
                        :filtersobj="selectTabObj.filterObj"
                        :isdraggableorder="true"
                        :is-highlight-row="true"
                        v-on:get-data="getData"
                        v-on:row-click="rowClick"
                        v-on:order-fields="orderTableFields"
                        v-on:orderby-change="orderbyChange"
                    >
                    </h-table>
                </div>
            </div>
        </div>
        <div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
            <div class="spinner">
              <div class="cube1"></div>
              <div class="cube2"></div>
            </div>
        </div>
    </body>
</html>