tom
2024-08-16 d128bca90c989ecbbe2f3054314b43a22b8871d1
module/flow/page/flow_clean_list.html
@@ -1,3 +1,4 @@
<!doctype html>
<html>
   <head>
@@ -5,962 +6,344 @@
      <title>流向清洗</title>
      
      <script type="text/javascript">
         var pageVue = null;
         function loadJsCss(callback) {
            var jscss_urls = [];
            var jscss_urls = [
               {id: "css_m1", type: "css", url: "root/css/tree.css"},
            ];
            window.top.initJsCss(document, jscss_urls, callback);
         };
         
         function initVue() {
            pageVue = new TabTableVue({
            new TreeVue({
               el: "#vbody",
               data: {
                  dataname: "md_product_category",
                  title: "流向清洗",
                  //Tab项设置
                  tabs_d: [
                     {code: "month", name: "月流向", dataname: "flow_daily_sell", filterTxt: "", orderby: ""},
                     {code: "daily", name: "日流向", dataname: "flow_month_sell", filterTxt: "", orderby: ""},
                  ],
                  d_tabs: {
                     month: true,
                     daily: true,
                  },
                  tabs: [],
                  tabsobj: {},
                  dataRequest: [],
                  authTableFields: [
                     {field: "code", name: "医院编码", isshow: "T", align: "center",width: "150"},
                     {field: "name", name: "医院名称", isshow: "T", align: "left",width: "200", isminwidth: true},
                     {field: "org_code", name: "经销商编码", isshow: "T", align: "center",width: "150"},
                     {field: "org_name", name: "经销商名称", isshow: "T", align: "left",width: "200", isminwidth: true},
                  ],
                  authFilterFields: [
                     {isshow: "T", field: "code", name: "医院编码", filterfield:"", filteroperator: "like", type: ""},
                     {isshow: "T", field: "name", name: "医院名称", filterfield:"", filteroperator: "like", type: ""},
                     {isshow: "T", field: "org_code", name: "经销商编码", filterfield:"", filteroperator: "like", type: ""},
                     {isshow: "T", field: "org_name", name: "经销商名称", filterfield:"", filteroperator: "like", type: ""},
                  tree_title: "清洗进度",
                  treeTxtFormatter: "{name}:{cnt}",
                  isTreeReadonly: true,
                  isTreeRefresh: true,
                  initTreeData_d: [
                     {id: "C0", name: "流向总数", cnt: "1200",
                        children: [
                           {id: "C01", name: "正确处理", cnt: "1200", dataname: "md_org_data", filtertxt: "1<>1",
                           children: [
                              {id: "C011", name: "去重客户", cnt: "1200", dataname: "md_org_data", filtertxt: "1<>1",
                              children: [
                                 {id: "C0111", name: "自动匹配", cnt: "1180", dataname: "md_org_data", filtertxt: "1<>1"},
                                 {id: "C0112", name: "人工待处理", cnt: "12", dataname: "md_org_data", filtertxt: "1<>1"},
                                 {id: "C0113", name: "人工已处理", cnt: "0", dataname: "md_org_data", filtertxt: "1<>1"},
                                 {id: "C0114", name: "建议新增", cnt: "8", dataname: "md_org_data", filtertxt: "1<>1"},
                              ]},
                           ]},
                           {id: "C1", name: "处理错误", cnt: "0", dataname: "md_org_data", filtertxt: "1<>1"},
                        ]
                     },
                  ],
                  
                  cbuttons_r: {},
                  ctabs_r: {},
                  filterTxt: "",
                  iscustomer: false,
                  isSales: false,//销售人员(销售代表、大区经理、小区经理)
                  isRegionR: false,//大区经理
                  saveUser: null,//登录者id
                  isRefresh_table1: true,
                  tableFields_table1: [
                     {isshow: "T", field: "field1", name: "原始客户名称", align: "left",width: "100", isminwidth: true},
                     {isshow: "T", field: "field2", name: "最高分", align: "center", width: "80"},
                     {isshow: "T", field: "field3", name: "专有名词", align: "left", width: "100", isminwidth: true},
                     {isshow: "T", field: "field4", name: "渠道", align: "left", width: "120"},
                     {isshow: "T", field: "field5", name: "省份", align: "center", width: "100"},
                     {isshow: "T", field: "field6", name: "城市", align: "center", width: "100"},
                     {isshow: "T", field: "field7", name: "区县", align: "center", width: "100"},
                     {isshow: "T", field: "field8", name: "状态", align: "center", width: "100"},
                  ],
                  pagesize_table1: 10,
                  pagenum_table1: 1,
                  total_table1: 0,
                  tableHeight_table1: 100,
                  tablefieldClick_table1: {},
                  tableData_table1: [
                     {id: "001", field1: "宏佳顺医疗器械有限公司", field2: "89", field3: "宏佳顺,医疗器械", field4: "有限公司", field5: "江西省", field6: "", field7: "", field8: "待清洗" },
                     {id: "002", field1: "誉美医疗器械贸易有限公司", field2: "89", field3: "誉美,医疗器械,贸易", field4: "有限公司", field5: "湖南省", field6: "长沙市", field7: "", field8: "待清洗" },
                     {id: "003", field1: "德汇同创医疗器械有限公司", field2: "89", field3: "德汇同创", field4: "有限公司", field5: "广州省", field6: "", field7: "", field8: "待清洗" },
                     {id: "004", field1: "通泰慷医疗科技有限公司", field2: "89", field3: "通泰慷,医疗科技", field4: "有限公司", field5: "上海市", field6: "", field7: "", field8: "待清洗" },
                  ],
                  selectedrow_table1: {},
                  isRefresh_table2: true,
                  filterAttr: {
                     columnnumber: 4,
                     labelwidth: "80px",
                     labelposition: "right",//"left",//"right",
                     size: "medium",
                     border: "0px solid #c6c6c600"
                  },
                  filterFields_table2: [
                     {isshow: "T", field: "field1", name: "客户名称", filterfield: "", filteroperator: "like"},
                  ],
                  filterObj_table2: {},
                  tableFields_table2: [
                     {isshow: "T", field: "field1", name: "客户名称", align: "center",width: "150", isminwidth: true, isfilter: true},
                     {isshow: "T", field: "field2", name: "省份", align: "center", width: "100"},
                     {isshow: "T", field: "field3", name: "城市", align: "center", width: "100"},
                     {isshow: "T", field: "field4", name: "区县", align: "center", width: "100"},
                     {isshow: "T", field: "field5", name: "渠道", align: "center", width: "120"},
                     {isshow: "T", field: "field6", name: "区县", align: "center", width: "100"},
                     {isshow: "T", field: "field7",name: "操作", type:"buttons", buttons: [{name:"推荐",code:"tj"},{name: "不推荐", code:"nbj"}]},
                  ],
                  pagesize_table2: 10,
                  pagenum_table2: 1,
                  total_table2: 0,
                  tableHeight_table2: 100,
                  tablefieldClick_table2: {},
                  tableData_table2: [],
                  selectedrow_table2: {},
                  isRefresh_table3: true,
                  tableAttr_table3: {
                     isborder: false
                  },
                  tableFields_table3: [
                     {isshow: "T", field: "field1", name: "分值", align: "center",width: "100", headercolor: "#0000"},
                     {isshow: "T", field: "field2", name: "客户名称", align: "center", width: "150", headercolor: "#0000"},
                     {isshow: "T", field: "field3", name: "专有名词", width: "100", isminwidth: true, headercolor: "#0000"},
                     {isshow: "T", field: "field5", name: "省份", align: "center", width: "100", headercolor: "#0000"},
                     {isshow: "T", field: "field6", name: "城市", align: "center", width: "100", headercolor: "#0000"},
                     {isshow: "T", field: "field7", name: "区县", align: "center", width: "100", headercolor: "#0000"},
                     {isshow: "T", field: "field8", name: "状态", align: "center", width: "100", headercolor: "#0000"},
                     {isshow: "T", field: "field9",name: "操作", align: "center", width: "100", headercolor: "#0000", type:"buttons", buttons: [{name:"推荐",code:"tj"},{name: "不推荐", code:"nbj"}]},
                  ],
                  tableHeight_table3: 100,
                  tableData_table3: [
                     {id: "1"},
                     {id: "2"},
                     {id: "3"},
                     {id: "4"},
                  ],
                  tablefieldClick_table3: {},
                  selectedrow_table3: {},
               },
               created() {
                  if (window.top.vue.userinfo) {
                     this.saveUser = window.top.vue.userinfo.id;
                     if (window.top.vue.userinfo.currentactor.code == "Capacity-Sale" || window.top.vue.userinfo.currentactor.code == "Capacity-Region-R" || window.top.vue.userinfo.currentactor.code == "Capacity-Region-M") {
                        this.isSales = true;
                        if(window.top.vue.userinfo.currentactor.code == "Capacity-Region-R") {
                           this.isRegionR = true;
                        }
                     }
                  }
                  let clientHeight = document.documentElement.clientHeight;
                  this.treeHeight = clientHeight - 120;
                  // var currentcapacity = window.top.vue.userinfo.currentcapacity;
                  // var dataRequest_ = {
                  //    name: "md_approval",
                  //    paramsobj: {
                  //       filter: "rolecode like '%|" + window.top.vue.userinfo.currentcapacity.code + "|%'"
                  //       // filter: "rolecode like '%|Capacity-QA|%'"
                  //    },
                  //    url: "root/workflow/getOutline",
                  //    isnotoption: true,
                  // }
                  // this.dataRequest.push(dataRequest_);
                  this.tableHeight_table1 = this.treeHeight / 3 + 10;
                  this.tableHeight_table2 = this.treeHeight / 3 + 10;
                  this.tableHeight_table3 = this.treeHeight - this.tableHeight_table1 - this.tableHeight_table2 - 10;
                  this.fieldClick();
               },
               
               mounted() {
                  var me = this;
                  if (window.top.tab.selected.option.page_id) {
                     // this.page_id = 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 = me.d_tabs
                  //预加载数据
                  if (this.dataRequest && this.dataRequest.length) {
                     var result = {};
                     this.loadRequestData(this.dataRequest, result, function(data) {
                        console.log("预加载数据:", data);
                        me.dataRequestObj = data;
                        // let md_approval_ = ArrayToTree(clone(data.md_approval.data), "name", "parent_id");
                        // me.initTreeData_d = md_approval_;
                        
                        var tabsarr = [];
                        me.tabs_d.map(e=>{
                           if(me.ctabs_r[e.code]){
                              tabsarr.push(e)
                        var medataRequest_ = []
                        me.initTreeData_d.map(nodes=>{
                           if (nodes.children) {
                              var isBadge_ = false;
                              nodes.children.map(node=>{
                                 if (node.cnt) {
                                    isBadge_ = true;
                                    node.badgeval = node.cnt
                                 }
                              })
                              nodes.isBadge = isBadge_;
                           }
                        })
                        me.tabs = tabsarr;
                        //预加载数据
                        if (me.dataRequest && me.dataRequest.length) {
                           var result = {};
                           me.loadRequestData(me.dataRequest, result, function(data) {
                              me.dataRequestObj = data;
                              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();
                           });
                        }
                     })
                        me.initData();
                        // 以服务的方式调用的 Loading 需要异步关闭
                        me.$nextTick(() => {
                           hideLoading();
                        });
                     });
                  }
                  else {
                     this.initData(); // 以服务的方式调用的 Loading 需要异步关闭
                     this.$nextTick(() => {
                        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_ = [];
                           // if(me.selectTabObj.code == 'authorize') {
                           //    tableFields_ = clone(me.authTableFields);
                           //    filterFields_ = clone(me.authFilterFields);
                           // }
                           metas.map(f=>{
                              // if(me.selectTabObj.code == 'authorize') {
                              //    if (f.field == "begin_date" || f.field == "end_date" || f.field == "authorization_type" || f.field == "category_name") {
                              //       f.isshow = "T";
                              //       tableFields_.push(clone(f));
                              //    }
                              // } else {
                              f.isshow = "T";
                              // if(f.field == "state_name") {
                              //    if(me.selectTabObj.code == "hospital") {
                              //       f.isshow = "F";
                              //    }
                              // }
                              tableFields_.push(clone(f));
                              if(f.field == "province") {
                                 f.options = me.dataRequestObj.md_province;
                              }
                              if (f.isfilter) {
                                 filterFields_.push(clone(f));
                              }
                              // else if (f.field == "state_name"){
                              //    f.inputtypefilter = "select";
                              //    f.filterfield = "state_code";
                              //    if(me.selectTabObj.code == "infoAll" || me.selectTabObj.code == "authAll"){
                              //       f.options = me.dataRequestObj.machine_state;
                              //       filterFields_.push(clone(f));
                              //    }
                              // }
                              else {
                                 var filter_f = clone(f);
                                 filter_f.isshow = "F";
                                 filterFields_.push(filter_f);
                              }
                           })
                           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();
                           }
                        }
                     me.treeData = me.initTreeData_d;
                     // this.onQuery(function(result, callback) {//查询后的回调,用于获取字段的
                     //    me.treeData = me.initTreeData_d;
                     //    if (callback) {
                     //       callback();
                     //    }
                        
                        if (callback) {
                           callback();
                        }
                     });
                     // });
                     // me.treeRefresh()
                  },
                  tableFieldClick() {
                  onTableDataAfter() {},
                  treeRefresh() {
                     var me = this;
                     //辖区医院列表
                     var tablefieldClick_hospital = {
                        code: {//字段事件设置
                           val: {//有值时的点击事件
                              onclick: function(obj) {//数据值点击事件
                                 me.showInfo(obj);
                              },
                           },
                        }
                     };
                     //辖区变更
                     var tablefieldClick_info = {
                        //waiting
                        hospital_code: {//字段事件设置
                           val: {//有值时的点击事件
                              onclick: function(obj) {//数据值点击事件
                                 me.showChangeInfo(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);
                              },
                           },
                        },
                     };
                     //医院授权列表
                     var tablefieldClick_org = {
                        category_name: {//授权产品
                           val: {
                              notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                              notclick_bindfield: [
                                 {
                                    field: "id",
                                    val: null,
                     var param_ = {
                        filter: "rolecode like '%|" + window.top.vue.userinfo.currentcapacity.code + "|%'"
                     }
                     Server.call("root/workflow/getOutline", param_, function(result) {
                        let md_approval_ = ArrayToTree(clone(result.data), "name", "parent_id");
                        var medataRequest_ = [];
                        md_approval_.map(nodes=>{
                           if (nodes.children) {
                              var isBadge_ = false;
                              nodes.children.map(node=>{
                                 if (node.cnt) {
                                    isBadge_ = true;
                                    node.badgeval = node.cnt
                                 }
                              ],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                              onclick: function(obj) {//数据值点击事件
                                 me.showAuthInfo(obj.row)
                              },
                           },
                           defaultval: {
                              val: "查看",//空值时的显示值
                              onclick: function(obj) {//默认值点击事件,此事件需要设置val才有效
                                 me.showAuthInfo(obj.row)
                              }
                           },
                        },
                        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);
                              },
                           },
                        },
                     };
                     //授权变更
                     var tablefieldClick_auth = {
                        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);
                              },
                           },
                        },
                        type_name: {//授权产品
                           val: {
                              notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
                              notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
                              onclick: function(obj) {//数据值点击事件
                                 me.showAuthChange(obj.row)
                              },
                           },
                           defaultval: {
                              val: "查看",//空值时的显示值
                              onclick: function(obj) {//默认值点击事件,此事件需要设置val才有效
                                 me.showAuthChange(obj.row)
                              }
                           },
                        },
                     };
                     var filterfieldClick = {};
                     //医院管理列表-辖区医院tab
                     if (this.selectTabObj.code == "hospital") {
                        this.selectTabObj.tablefieldClick = tablefieldClick_hospital;
                     }
                     //辖区新增/变更-辖区审批中、全部辖区申请tab
                     else if (this.selectTabObj.code == "infoUnderApproval" || this.selectTabObj.code == "infoAll") {
                        this.selectTabObj.tablefieldClick = tablefieldClick_info;
                     }
                     //医院授权列表-医院授权tab
                     else if (this.selectTabObj.code == "authorize") {
                        this.selectTabObj.tablefieldClick = tablefieldClick_org;
                     }
                     //授权变更-授权审批中、全部授权申请tab
                     else if (this.selectTabObj.code == "authUnderApproval" || this.selectTabObj.code == "authAll") {
                        this.selectTabObj.tablefieldClick = tablefieldClick_auth;
                     }
                     this.filterfieldClick = filterfieldClick;
                  },
                  tableButtonClick() {
                     var me = this;
                     var tablebuttonClick = {};
                     tablebuttonClick.hospital = [
                        {
                           isbuttonshow: me.cbuttons_r.add ? me.cbuttons_r.add : false,type:"primary",
                           code: "add",isselected: false,classname: "",
                           onclick: function(obj) {
                              me.openPolicy('add', {})
                              })
                              nodes.isBadge = isBadge_;
                           }
                        },
                        {
                           // 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) {
                              // me.commitData(obj.selectedList[0]);
                              me.openPolicy('edit', obj.selectedList[0])
                           }
                        },
                        {
                           isbuttonshow: me.cbuttons_r.edit ? me.cbuttons_r.edit : 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.openPolicy('edit', 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].state_code == 'Input'
                                 bo_ = false
                              }
                              return bo_;
                           },
                           onclick: function(obj) {
                              me.delDataPolicy(obj, obj.selectedList[0])
                           }
                        }
                     ];
                     tablebuttonClick.infoUnderApproval = [
                        {
                           isbuttonshow:  me.cbuttons_r.formdetail ? me.cbuttons_r.formdetail : false,type:"primary",
                           code: "formdetail",isselected: false,classname: "",
                           onclick: function(obj) {
                              me.openPolicy("browse", obj.selectedList[0])
                           }
                        },
                     ]
                     tablebuttonClick.infoAll = [
                        {
                           isbuttonshow:  me.cbuttons_r.formdetail ? me.cbuttons_r.formdetail : false,type:"primary",
                           code: "formdetail",isselected: false,classname: "",
                           onclick: function(obj) {
                              me.openPolicy("browse", obj.selectedList[0])
                           }
                        },
                     ]
                     if (tablebuttonClick[this.activeTabName]) {
                        this.selectTabObj.tablebuttonClick = tablebuttonClick[this.activeTabName];
                     }
                     else {
                        this.selectTabObj.tablebuttonClick = []
                     }
                  },
                  delDataPolicy(obj, row) {
                     let me = this;
                     let name_ = "该数据";
                     if (!row.id) {
                        Root.message({
                           type: 'warning',
                           message: '请选择删除数据'
                        });
                        return
                     }
                     if (row.md_hospital__name) {
                        name_ = "_" + row.md_hospital__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();
                        })
                        me.isTreeRefresh = false;
                        me.treeData = md_approval_;
                        me.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
                           me.defaultexpandedkeys = [me.selectednode.id];
                           me.currentnodekey = me.selectednode.id;
                           me.isTreeRefresh = true;
                        });
                     }).catch(() => {
                        Root.message({
                           type: 'info',
                           message: '已取消删除'
                        });
                     });
                        me.getData1ByNode();
                     })
                  },
                  
                  commitData(obj) {
                     var me = this;
                     Root.confirm('确定提交辖区医院' + obj.md_hospital__name + '吗?', '提交提示', {
                       confirmButtonText: '提交',
                       cancelButtonText: '取消',
                       type: 'warning'
                     }).then(() => {
                        var param = {
                           dataname: me.selectTabObj.dataname,
                           id: obj.id,
                           to_state: "OpeningApproval"
                        }
                        console.log(me.selectTabObj)
                        Server.call("root/data/commit", param, function(result) {
                           console.log(result);
                           if (result.success) {
                              Root.message({
                                 type: 'success',
                                 message: '提交成功'
                              });
                              me.onQuery();
                  onNodeClick(obj) {
                     var data = obj.data, node = obj.node, el = obj.el;
                     var val = data.name;
                     if (data.children && data.children.length) {
                        val = "";
                        data.children.map(r=>{
                           if (val == "") {
                              val = r.name;
                           }
                        });
                     }).catch(() => {
                        Root.message({
                           type: 'info',
                           message: '已取消'
                        });
                     });
                           else {
                              val += "','" + r.name;
                           }
                        })
                     }
                     // this.filterObjBydefault.category_name = val
                     this.selectednode = data;
                     this.pagenum_table1 = 1;
                     if (this.selectednode.dataname) {
                        // this.getTable1Meta();
                        // this.getData1ByNode();
                     }
                  },
                  getTable1Meta() {},
                  getData1ByNode() {},
                  getData1(page) {
                     this.pagesize_table1 = page.pagesize;
                     this.pagenum_table1 = page.pagenum;
                     this.getData1ByNode();
                  },
                  
                  openPolicy(sceneCode, row) {
                     let me = this;
                     var text = "";
                  table1RowClick(obj) {
                     this.selectedrow_table1 = obj.row;
                     this.getData2ByRowTable1();
                  },
                  getData2(page) {
                     this.pagesize_table2 = page.pagesize;
                     this.pagenum_table2 = page.pagenum;
                  },
                  table2RowClick(obj) {
                     this.selectedrow_table2 = obj.row;
                  },
                  getData2ByRowTable1() {},
                  onQueryTable2() {},
                  onInitFilterTable2() {
                     //清空
                     this.filterObj = {};
                     this.selectedrow = {};
                     this.onQueryTable2();
                  },
                  getData3(page) {
                     
                     // type_code: "", // Standard标准价目表、Customer经销商价目表
                     if (sceneCode == "add") {
                     }
                     else if (sceneCode == "edit" || sceneCode == "browse") {
                        if(!row){
                           Root.message({
                              type: 'warning',
                              message: '请选择一条数据'
                           });
                           return;
                  },
                  table3RowClick(obj) {
                     this.selectedrow_table3 = obj.row;
                  },
                  fieldClick() {
                     this.tablefieldClick_table3 = {
                        field9: {
                           buttons: {
                              onclick: function(row, code) {
                                 Root.message({
                                    type: 'success',
                                    message: code
                                 });
                              }
                           }
                        }
                        // if (row.customer_name) {
                        //    text = row.customer_name;
                        // }
                     }
                     this.tablefieldClick_table2 = {
                        field7: {
                           buttons: {
                              onclick: function(row, code) {
                                 Root.message({
                                    type: 'success',
                                    message: code
                                 });
                              }
                           }
                        }
                     }
                  },
                  //清洗
                  doWash() {
                     var me = this;
                     var config = {
                        totab: false, //true: 以Tab导航的方式打开
                        width: "900px",
                        height: "320px",
                        icon: "icon-product",
                        text: "辖区医院" + text,
                        id: "popup_position_hospital" + row.id + sceneCode,//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/popup/popup_position_hospital.html",
                        data: row,
                        delta: {dataname: me.selectTabObj.dataname,},
                        sceneCode: sceneCode,//"refuseedit",//"approval", //"add"//"browse",
                        callback: function(obj, callback) {
                           me.onQuery();
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  //辖区医院新增
                  onAddData() {
                     var me = this;
                     var config = {
                        totab: true, //true: 以Tab导航的方式打开
                        width: "900px",
                        height: "900px",
                        icon: "icon-product",
                        text: "医院管理信息",
                        id: "hospital_list_info",//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/hospital_list_info.html",
                        text: "清洗进度",
                        id: "test_page",//totab: true时需设置,用于判断是否已打开此页面
                        //url: "module/system/page/coming.html",
                        url: "module/flow/page/popup/washProcess.html",
                        data: {},
                        delta: {},
                        sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse",
                        sceneCode: "edit", //"add"//"browse",
                        callback: function(obj, callback) {
                           //isSales提交后刷新'辖区审批中'tab
                           // if(me.isSales) {
                              var tab = {
                                 name: 'infoUnderApproval',
                              };
                              me.activeTabName = 'infoUnderApproval';
                              me.handleClick(tab);
                              me.onQuery();
                           // } else {
                           //    me.onQuery();
                           // }
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  }
                  
                  //辖区医院信息查看
                  showInfo(obj) {
                     var me = this;
                     var config = {
                        totab: true, //true: 以Tab导航的方式打开
                        width: "1200px",
                        height: "600px",
                        icon: "icon-product",
                        text: obj.row.name  + " 医院管理信息",
                        id: "hospital_list_info" + "browse" + obj.row.id,//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/hospital_list_info.html",
                        data: obj.row,
                        delta: {},
                        sceneCode: "browse", //"add"//"browse",
                        callback: function(obj, callback) {
                           me.onQuery();
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  
                  //辖区医院变更
                  onEditDataChange(config) {
                     var me = this;
                     var row = me.selectTabObj.selectedrow;
                     config = {
                        totab: true, //true: 以Tab导航的方式打开
                        width: "900px",
                        height: "500px",
                        icon: "icon-product",
                        text: row.name  + " 信息变更",
                        id: "hospital_list_info" + row.id + "_edit",//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/hospital_list_info.html",
                        data: row,
                        delta: {},
                        sceneCode: "change",//"refuseedit",//"approval", //"add"//"browse",
                        callback: function(obj, callback) {
                           //isSales提交后刷新'辖区审批中'tab
                           // if(me.isSales) {
                              var tab = {
                                 name: 'infoUnderApproval',
                              };
                              me.activeTabName = 'infoUnderApproval';
                              me.handleClick(tab);
                              me.onQuery();
                           // } else {
                           //    me.onQuery();
                           // }
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  //辖区医院变更查看
                  showChangeInfo(obj) {
                     var me = this;
                     var config = {
                        totab: true, //true: 以Tab导航的方式打开
                        width: "900px",
                        height: "500px",
                        icon: "icon-product",
                        text: obj.row.hospital_name + " 变更信息",
                        id: "hospitalInfoChange" + obj.row.id + "infoChange_browse",//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/hospital_list_info.html",
                        data: obj.row,
                        delta: {},
                        sceneCode: "infoChange_browse",//"refuseedit",//"approval", //"add"//"browse",
                        callback: function(obj, callback) {
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  //辖区医院退回编辑
                  reEditInfo() {
                     var me = this;
                     var row = me.selectTabObj.selectedrow;
                     var config = {
                        totab: true, //true: 以Tab导航的方式打开
                        width: "900px",
                        height: "500px",
                        icon: "icon-product",
                        text: row.hospital_name + " 变更信息",
                        id: "hospitalInfoChange" + row.id + "infoChange_browse",//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/hospital_list_info.html",
                        data: row,
                        delta: {},
                        sceneCode: 'reEdit',//"refuseedit",//"approval", //"add"//"browse",
                        callback: function(obj, callback) {
                           var tab = {
                              name: 'infoUnderApproval',
                           };
                           me.activeTabName = 'infoUnderApproval';
                           me.handleClick(tab);
                           me.onQuery();
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  //授权信息查看
                  showAuthInfo(row) {
                     let me = this;
                     var delta_ = {};
                     if(!row.id) {
                        Root.message({
                           type: 'warning',
                           message: '该医院暂无授权数据'
                        });
                        return;
                     }
                     var config = {
                        totab: true, //true: 以Tab导航的方式打开
                        width: "950px",
                        height: "500px",
                        icon: "icon-product",
                        text: row.name + " 授权信息",
                        id: "org_hospital_edit" + row.id + "browse",//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/popup/org_hospital_edit.html",
                        data: row,
                        delta: delta_,
                        // filter: "state_code!='UnderApproval'",
                        sceneCode: "browse",//"edit", //"add"//"browse",
                        callback: function(obj, callback) {
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  //医院授权变更
                  onAuthorize(auth_type) {
                     var me = this;
                     var row = me.selectTabObj.selectedrow;
                     //3. popup
                     config = {
                        totab: true,
                        icon: "icon-product",
                        text: "授权信息",
                        width: "900px",
                        height: "460px",
                        // id: "authorize_customer_list" + "edit" + row.id,
                        // url: "module/md/page/terminal/page/popup/authorize_customer_list.html",
                        // filter: "hospital_id='"+ row.id +"'",
                        // sceneCode: "edit",
                        id: "org_hospital_edit" + auth_type + row.id,
                        url: "module/md/page/terminal/page/popup/org_hospital_edit.html",
                        filter: "hospital_id='"+ row.id +"'",
                        sceneCode: auth_type,
                        data: row,
                        delta: {},
                        callback: function(obj, callback) {
                           //isSales提交后刷新'授权审批中'tab
                           if(me.isSales) {
                              var tab = {
                                 name: 'authUnderApproval',
                              };
                              me.activeTabName = 'authUnderApproval';
                              me.handleClick(tab);
                              me.onQuery();
                           } else {
                              var tab = {
                                 name: 'authorize',
                              };
                              me.activeTabName = 'authorize';
                              me.handleClick(tab);
                              me.onQuery();
                           }
                           if (callback) {
                              callback();
                           }
                        },
                     };
                     me.doPopupByPublic(config);
                  },
                  //授权变更查看
                  showAuthChange(row) {
                      let me = this;
                      var delta_ = {};
                      var config = {
                          totab: true, //true: 以Tab导航的方式打开
                          width: "950px",
                          height: "500px",
                          icon: "icon-product",
                          text: row.hospital_name + " 授权变更信息",
                          id: "org_hospital_edit" + row.id + "authChange_browse",//totab: true时需设置,用于判断是否已打开此页面
                          url: "module/md/page/terminal/page/popup/org_hospital_edit.html",
                          data: row,
                          delta: delta_,
                          // filter: "state_code!='UnderApproval'",
                          sceneCode: 'authChange_browse',//"edit", //"add"//"browse",
                          callback: function(obj, callback) {
                           //回退编辑时,isSales提交后刷新'授权审批中'tab
                           if(sceneCode_ == "reEdit") {
                              if(me.isSales) {
                                 var tab = {
                                    name: 'authUnderApproval',
                                 };
                                 me.activeTabName = 'authUnderApproval';
                                 me.handleClick(tab);
                                 me.onQuery();
                              } else {
                                 me.onQuery();
                              }
                           }
                              if (callback) {
                                  callback();
                              }
                          }
                      };
                      me.doPopupByPublic(config);
                  },
                  //授权退回编辑
                  reEditAuth() {
                     var me = this;
                     var row = me.selectTabObj.selectedrow;
                     var config = {
                          totab: true, //true: 以Tab导航的方式打开
                          width: "950px",
                          height: "500px",
                          icon: "icon-product",
                          text: row.hospital_name + " 授权变更信息",
                          id: "org_hospital_edit" + row.id + "reEdit",//totab: true时需设置,用于判断是否已打开此页面
                          url: "module/md/page/terminal/page/popup/org_hospital_edit.html",
                          data: row,
                          delta: {},
                          // filter: "state_code!='UnderApproval'",
                          sceneCode: 'reEdit',//"edit", //"add"//"browse",
                          callback: function(obj, callback) {
                           var tab = {
                              name: 'authUnderApproval',
                           };
                           me.activeTabName = 'authUnderApproval';
                           me.handleClick(tab);
                           me.onQuery();
                              if (callback) {
                                  callback();
                              }
                          }
                      };
                      me.doPopupByPublic(config);
                  },
                  onDownload() {
                     let me = this;
                     var ioname = "export_md_position_hospital";
                     var sign = "md_position_hospital";
                     var filename = '辖区医院导出' + String(new Date().getTime());
                     var filter_ = "1 = 1";
                     filter_ = this.getFilterData(filter_);
                     let param = {
                        sign: sign,
                        filename: filename,
                        filter: filter_,
                        ioname:ioname,
                        orderby: "",
                        token: Root.getToken()
                     }
                     window.top.vue.textdownloadForm(param);
                  },
                  // DownloadTemplate() {
                  //    var pathurl = "template/1.导入模板/目标医院植入指标.xlsx";
                  //    handleDownload(pathurl);
                  // },
                  DownloadTemplate() {
                     let me = this;
                     let param = {
                        // sign: "md_target_hospital",
                        ioname:"export_md_position_hospital_template",
                        orderby: "",
                        token: Root.getToken()
                     }
                     window.top.vue.textdownloadForm(param);
                  },
                  onPopupByUploadFile() {
                     var me = this;
                     var ioname_ = "import_md_position_hospital"
                     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:ioname_,
                        },
                        delta: delta_,
                        callback: function(obj, callback) {
                           me.$message({
                              showClose: true,
                              message: '上传成功!',
                              type: 'success'
                           });
                           me.onQuery();
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     this.doPopupByPublic(config);
                  },
                  onShowLinkPharmacy() {
                     var me = this;
                     var row = me.selectTabObj.selectedrow;
                     var config = {
                        totab: false, //true: 以Tab导航的方式打开
                        width: "950px",
                        height: "300px",
                        icon: "icon-product",
                        text: row.hospital_name + "-关联院外店",
                        id: "popup_linkpharmacy_list" + row.id + "browse",//totab: true时需设置,用于判断是否已打开此页面
                        url: "module/md/page/terminal/page/popup/popup_linkpharmacy_list.html",
                        data: row,
                        delta: {},
                        filter: "hospital_id='"+ row.hospital_id +"'",
                        sceneCode: 'browse',//"edit", //"add"//"browse",
                        callback: function(obj, callback) {
                           if (callback) {
                              callback();
                           }
                        }
                     };
                     me.doPopupByPublic(config);
                  },
                  
               }
            });
@@ -971,7 +354,7 @@
         });
      </script>
      <style>
         /* 在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
         /*  在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
         [v-cloak] {
            display: none !important;
         }
@@ -979,6 +362,17 @@
             overflow: hidden;
             position: relative;
             padding-left: 20px;
         }
         .nodeLabel {
            max-width: 200px !important;
         }
         .h_table {
             margin-top: 0px !important;
             position: relative;
         }
         .el-table--small .el-table__cell {
             padding: 5px 0!important;
         }
      </style>
      
@@ -989,97 +383,148 @@
         <div id="page_root">
            <div class="topbar">
               <span>{{title}}</span>
               <div style="float: right;">
                  <el-button-group style="margin-left: 3px">
                     <el-button v-show="cbuttons_r.linkpharmacy" @click="onShowLinkPharmacy">关联院外店</el-button>
                     <el-button v-show="cbuttons_r.downloadTemplate" @click="DownloadTemplate">模板下载</el-button>
                     <el-tooltip class="item" effect="dark" :content="buttonsconfig.clearandappend.tooltip" placement="top-start">
                        <el-button v-show="cbuttons_r.import" @click="onPopupByUploadFile":icon="buttonsconfig.clearandappend.icon">{{buttonsconfig.clearandappend.name}}</el-button>
                     </el-tooltip>
                     <el-button v-show="cbuttons_r.export" type="primary" @click="onDownload" :icon="buttonsconfig.export.icon">{{buttonsconfig.export.name}}</el-button>
               <!-- <div style="float: right; margin-right: 18px;">
                  <el-button-group style="margin-left: 3px;">
                     <el-button type="primary" @click="doWash">清 洗</el-button>
                  </el-button-group>
                  <!-- <el-button
                     v-show="cbuttons_r.Add && selectTabObj.code == 'hospital'" @click="addData":icon="buttonsconfig.add.icon">{{buttonsconfig.add.name}}
                  </el-button>
                  <el-button
                     v-show="cbuttons_r.Add && selectTabObj.code == 'hospital'"
                     :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)"
                     @click="onEditDataChange" :icon="buttonsconfig.change.icon">变更
                  </el-button>
                  <el-button
                     v-show="cbuttons_r.Auth && selectTabObj.code == 'hospital'"
                     :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)"
                     @click="onAuthorize('add')" :icon="buttonsconfig.authorize.icon">新增授权
                  </el-button>
                  <el-button-group v-show="selectTabObj.code == 'authorize'" style="margin-left: 3px;">
                     <el-button
                        v-show="cbuttons_r.Auth"
                        @click="onAuthorize('add')" :icon="buttonsconfig.authorize.icon">新增授权
                     </el-button>
                     <el-button
                        v-show="cbuttons_r.Auth"
                        :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)"
                        @click="onAuthorize('change')" :icon="buttonsconfig.authorize.icon">变更授权
                     </el-button>
                     <el-button
                        v-show="cbuttons_r.Auth"
                        :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id)"
                        type="danger"
                        @click="onAuthorize('delete')" :icon="buttonsconfig.authorize.icon">取消授权
                     </el-button>
                  </el-button-group>
                  <el-button-group v-show="selectTabObj.code == 'infoAll'" style="margin-left: 3px;">
                     <el-button
                        v-show="cbuttons_r.Add"
                        :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && (selectTabObj.selectedrow.state_code == 'Rejected' || selectTabObj.selectedrow.state_code == 'Input') && selectTabObj.selectedrow.create_id == saveUser)"
                        @click="reEditInfo" :icon="buttonsconfig.edit.icon">编辑
                     </el-button>
                  </el-button-group>
                  <el-button-group v-show="selectTabObj.code == 'authAll'" style="margin-left: 3px;">
                     <el-button
                        v-show="cbuttons_r.Auth"
                        :disabled="!(selectTabObj.selectedrow && selectTabObj.selectedrow.id && (selectTabObj.selectedrow.state_code == 'Rejected' || selectTabObj.selectedrow.state_code == 'Input') && selectTabObj.selectedrow.create_id == saveUser)"
                        @click="reEditAuth" :icon="buttonsconfig.edit.icon">编辑
                     </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="h_dialog__body">
               <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"
                  :is-show-index="selectTabObj.isShowIndex"
                  :tableloading="tableloading"
                  :isdraggableorder="false"
                  :is-highlight-row="true"
                  v-on:get-data="getData"
                  v-on:row-click="rowClick"
               >
               </h-table>
               <div style="position: absolute;left: 10px; top:45px;width: 320px; bottom: 10px;border: 1px solid #ccc;">
                  <div style="height: 32px;line-height: 32px;border-bottom: 1px solid #ccc ;">
                     <span style="font-size: 14px;margin-left: 20px;">{{tree_title}}</span>
                  </div>
                  <div :style="{padding: '10px 0', height: treeHeight + 'px', overflow: 'auto'}">
                     <h-tree v-if="isTreeRefresh"
                        :tree-data="treeData"
                        :tree-txt-formatter="treeTxtFormatter"
                        :is-readonly="isTreeReadonly"
                        :default-expanded-keys="defaultexpandedkeys"
                        :currentnodekey="currentnodekey"
                        :default-expand-all="true"
                        @node-click="onNodeClick"
                        >
                     </h-tree>
                  </div>
               </div>
               <div style="position: absolute;left: 340px; top:45px; right: 10px; bottom: 10px;border: 1px solid #ccc;">
                  <div>
                     <div style="height: 32px;">
                        <div class="table_title" style="float: left;">
                           <span>人工待清洗数据</span>
                        </div>
                        <div style="float: right; margin-right: 18px;">
                           <el-button-group style="margin-left: 3px;">
                              <el-button @click="">来十条</el-button>
                           </el-button-group>
                        </div>
                     </div>
                     <h-table
                        v-if="isRefresh_table1 && tableFields_table1.length"
                        ref="table_table1"
                        :table-fields="tableFields_table1"
                        :table-data="tableData_table1"
                        :pagesize="pagesize_table1"
                        :pagenum="pagenum_table1"
                        :total="total_table1"
                        :table-height="tableHeight_table1 - 32"
                        :is-highlight-row="true"
                        :table-field-click="tablefieldClick_table1"
                        :is-pagination="false"
                        :isfilterfield="false"
                        :isdraggableorder="false"
                        :isbasicfilterfields="false"
                        :isshowtool="false"
                        v-on:get-data="getData1"
                        v-on:row-click="table1RowClick"
                     >
                     </h-table>
                     <div :style="{height: (tableHeight_table3) + 'px'}">
                        <div style="height: 32px;line-height: 32px;margin-top: 10px;">
                           <span style="font-weight: bold;margin-left: 20px;"><i class="el-icon-tickets"></i> 原始客户名称:</span>
                           <span>{{selectedrow_table1.field1}}</span>
                           <div style="float: right; margin-right: 18px;">
                              <el-button-group style="margin-left: 3px;">
                                 <el-button @click="">建议新增</el-button>
                                 <el-button @click="">待 定</el-button>
                                 <el-button @click="">清空推荐</el-button>
                              </el-button-group>
                           </div>
                        </div>
                        <h-table
                           v-if="isRefresh_table3 && tableFields_table3.length"
                           ref="table_table3"
                           :table-attr="tableAttr_table3"
                           :table-fields="tableFields_table3"
                           :table-data="tableData_table3"
                           :table-height="tableHeight_table3 - 42"
                           :is-highlight-row="true"
                           :table-field-click="tablefieldClick_table3"
                           :is-pagination="false"
                           :is-show-index="true"
                           :is-within-edit-table-data="true"
                           :isfilterfield="false"
                           :isdraggableorder="false"
                           :isbasicfilterfields="false"
                           :isshowtool="false"
                           v-on:get-data="getData3"
                           v-on:row-click="table3RowClick"
                        >
                        </h-table>
                     </div>
                     <div :style="{height: (tableHeight_table2) + 'px'}">
                        <!-- <div style="height: 32px; margin-top: 20px;">
                           <div class="table_title" style="float: left;">
                              <span> <span v-if="selectedrow && selectedrow.field2">【{{selectedrow.field2}}】</span>对应审批人</span>
                           </div>
                        </div> -->
                        <!-- <div class="topbar-line">
                           <div class="query-bar">
                              <h-form-filter v-if="filterFields_table2" ref="form1"
                                 :form-attr="filterAttr"
                                 :table-fields="filterFields_table2"
                                 :form-data="filterObj_table2"
                                 :isdraggableorder="false"
                                 v-on:on-query="onQueryTable2"
                                 v-on:on-init-query="onInitFilterTable2"
                                 >
                              </h-form-filter>
                           </div>
                        </div> -->
                        <h-table
                           v-if="isRefresh_table1 && tableFields_table2.length"
                           ref="table_table2"
                           :table-fields="tableFields_table2"
                           :table-data="tableData_table2"
                           :table-height="tableHeight_table2 - 40"
                           :is-highlight-row="true"
                           :table-field-click="tablefieldClick_table2"
                           :is-pagination="true"
                           :is-within-edit-table-data="true"
                           :isfilterfield="true"
                           :isdraggableorder="false"
                           :isbasicfilterfields="true"
                           v-on:get-data="getData2"
                           v-on:row-click="table2RowClick"
                        >
                        </h-table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
@@ -1090,6 +535,4 @@
           <div class="cube2"></div>
         </div>
      </div>
   </body>
</html>