{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\MutipleSelectPop\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\MutipleSelectPop\\index.vue","mtime":1619607677279},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5NdXRpcGxlU2VsZWN0UG9wIHsNCiAgd2lkdGg6IDgwMHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBoZWlnaHQ6IDQ4NHB4Ow0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIC5kZW1vLXNwaW4taWNvbi1sb2FkIHsNCiAgICBhbmltYXRpb246IGFuaS1kZW1vLXNwaW4gMXMgbGluZWFyIGluZmluaXRlOw0KICB9DQogIC5jb21wbGV4LXNwaW4tZml4IHsNCiAgICB6LWluZGV4OiAyMDsNCiAgfQ0KICBAa2V5ZnJhbWVzIGFuaS1kZW1vLXNwaW4gew0KICAgIGZyb20gew0KICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7DQogICAgfQ0KICAgIDUwJSB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOw0KICAgIH0NCiAgICB0byB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOw0KICAgIH0NCiAgfQ0KICBvdmVyZmxvdzogaGlkZGVuOw0KICAuZGlhbG9nX2xlZnQgew0KICAgIHdpZHRoOiAxNzBweDsNCiAgICBkaXNwbGF5OiAtbXMtZmxleGJveDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIC1tcy1mbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogICAgcGFkZGluZzogMTBweDsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICAgIGJvcmRlci1yaWdodDogbm9uZTsNCiAgICAubGVmdF90b3Agew0KICAgICAgaGVpZ2h0OiAzMnB4Ow0KICAgICAgbGluZS1oZWlnaHQ6IDMycHg7DQogICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlOGVhZWM7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBjb2xvcjogIzU3NTc1NzsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBpbnB1dCB7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4Ow0KICAgICAgICBoZWlnaHQ6IDMycHg7DQogICAgICB9DQoNCiAgICAgIGRpdjpmaXJzdC1jaGlsZCB7DQogICAgICAgIGZsZXg6IDE7DQogICAgICB9DQogICAgICBpIHsNCiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgICAgfQ0KICAgIH0NCiAgICAubGVmdF9jZW50ZXIgew0KICAgICAgZmxleDogMTsNCiAgICAgIHBhZGRpbmctdG9wOiAxMHB4Ow0KICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgICAgaGVpZ2h0OiAzOTBweDsNCiAgICAgIHBhZGRpbmctYm90dG9tOiAxMHB4Ow0KICAgICAgd2lkdGg6IDE1NnB4Ow0KICAgICAgb3ZlcmZsb3cteTogYXV0bzsNCiAgICB9DQogIH0NCiAgLmRpYWxvZ19jZW50ZXIgew0KICAgIHdpZHRoOiA0MDBweDsNCiAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgaGVpZ2h0OiA0ODRweDsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICAgIGJvcmRlci1yaWdodDogbm9uZTsNCiAgICAvL2JveC1zaGFkb3c6IDJweCAtMnB4IDlweCBAc2hhZG93LWNvbG9yOw0KICAgIHBhZGRpbmc6IDEwcHg7DQogICAgZGlzcGxheTogLW1zLWZsZXhib3g7DQogICAgZGlzcGxheTogZmxleDsNCiAgICAtbXMtZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgIC5kaWFsb2dfcDEwIHsNCiAgICAgIHBhZGRpbmc6IDEwcHggMDsNCiAgICB9DQogICAgLmRpYWxvZ19jZW50ZXJfdG9wIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBsaW5lLWhlaWdodDogMzJweDsNCiAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQogICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KICAgICAgLmRpYWxvZ19jZW50ZXJfdG9wX2ZpeCB7DQogICAgICAgIHdpZHRoOiAyNzBweDsNCiAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCiAgICAgICAgcGFkZGluZy1yaWdodDogMjBweDsNCiAgICAgICAgaW5wdXQgew0KICAgICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4Ow0KICAgICAgICAgIGhlaWdodDogMzJweDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAuZGlhbG9nLW9wZXJhdGlvbiB7DQogICAgd2lkdGg6IDkycHg7DQogICAgcGFkZGluZzogMHB4Ow0KICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgI2RjZGVlMjsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgZGl2IHsNCiAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICAgIC5vcGVyYXRlYnRuIHsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogMTBweDsNCiAgICAgICAgcGFkZGluZzogOHB4IDEycHg7DQogICAgICAgICY6bGFzdC1jaGlsZCB7DQogICAgICAgICAgbWFyZ2luLWJvdHRvbTogMDsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAuZGlhbG9nX3JpZ2h0IHsNCiAgICB3aWR0aDogMjIwcHg7DQogICAgcGFkZGluZzogMTBweDsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogICAgZGlzcGxheTogLW1zLWZsZXhib3g7DQogICAgZGlzcGxheTogZmxleDsNCiAgICAtbXMtZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgIC5sZWZ0X3RvcCB7DQogICAgICBoZWlnaHQ6IDMwcHg7DQogICAgICBsaW5lLWhlaWdodDogMzBweDsNCiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2U4ZWFlYzsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjNTc1NzU3Ow0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGRpdjpmaXJzdC1jaGlsZCB7DQogICAgICAgIGZsZXg6IDE7DQogICAgICB9DQogICAgICBpIHsNCiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgICAgfQ0KICAgIH0NCiAgICB1bCB7DQogICAgICBoZWlnaHQ6IDM5MHB4Ow0KICAgICAgb3ZlcmZsb3c6IGF1dG87DQogICAgICBsaSB7DQogICAgICAgIG1hcmdpbi1ib3R0b206IDRweDsNCiAgICAgICAgZGlzcGxheTogLW1zLWZsZXhib3g7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIC1tcy1mbGV4LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmOGY4Zjg7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICBwIHsNCiAgICAgICAgICBmbGV4OiAxOw0KICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4Ow0KICAgICAgICAgIG1hcmdpbi1sZWZ0OiA0cHg7DQogICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgICAgICAgcGFkZGluZzogNHB4IDZweDsNCiAgICAgICAgICBjb2xvcjogIzBmOGVlOTsNCiAgICAgICAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7DQogICAgICAgICAgd29yZC1icmVhazogYnJlYWstYWxsOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQogIC5yaWdodF9jZW50ZXIgew0KICAgIGZsZXg6IDE7DQogICAgcGFkZGluZy10b3A6IDEwcHg7DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAq3BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/MutipleSelectPop","sourcesContent":["<template>\r\n  <div class=\"MutipleSelectPop\">\r\n    <div class=\"dialog_left\">\r\n      <div class=\"left_top\">\r\n        <Input\r\n          @on-change=\"inputchange\"\r\n          @on-keydown=\"inputkeydown\"\r\n          search\r\n          @on-search=\"inputsearch\"\r\n          :placeholder=\"tree.placeholder\"\r\n          v-model=\"tree.search\"\r\n        ></Input>\r\n      </div>\r\n      <div class=\"left_center\">\r\n        <div class=\"complex-spin-fix\" v-if=\"treeLoading\">\r\n          <Spin fix>\r\n            <Icon type=\"ios-loading\" size=\"30\" class=\"demo-spin-icon-load\"></Icon>\r\n          </Spin>\r\n        </div>\r\n        <Tree\r\n          :data=\"treeLists\"\r\n          show-checkbox\r\n          ref=\"Tree\"\r\n          :query=\"tree.search\"\r\n          :queryStyle=\"queryStyle\"\r\n          @on-select-change=\"getSelectedNodes\"\r\n          @on-check-change=\"getCheckedNodes\"\r\n        ></Tree>\r\n      </div>\r\n    </div>\r\n    <div class=\"dialog_center\">\r\n      <div class=\"complex-spin-fix\" v-if=\"tableLoading\">\r\n        <Spin fix>\r\n          <Icon type=\"ios-loading\" size=\"30\" class=\"demo-spin-icon-load\"></Icon>\r\n        </Spin>\r\n      </div>\r\n      <div class=\"dialog_center_top\">\r\n        <div class=\"dialog_center_top_fix\">\r\n          <Input\r\n            @on-change=\"inputchange\"\r\n            @on-keydown=\"inputkeydown\"\r\n            search\r\n            @on-search=\"inputsearch\"\r\n            :placeholder=\"table.placeholder\"\r\n            v-model=\"table.search\"\r\n          ></Input>\r\n        </div>\r\n      </div>\r\n      <div>\r\n        <Tabs size=\"small\" @on-click=\"tabClick\" :animated=\"false\">\r\n          <TabPane v-for=\"(item,key) in TabPaneData\" :key=\"key\" :label=\"item.tab\">\r\n            <div class=\"dialog_center_page\">\r\n              <div>\r\n                <Table\r\n                  border\r\n                  :columns=\"item.columns\"\r\n                  ref=\"Table\"\r\n                  :highlight-row=\"true\"\r\n                  :clickTimerTask=\"300\"\r\n                  :height=\"item.height\"\r\n                  @on-select=\"Onselect\"\r\n                  @on-select-cancel=\"onSelectCancel\"\r\n                  @on-select-all=\"onSelectAll\"\r\n                  @on-select-all-cancel=\"onSelectAllCancel\"\r\n                  @on-selection-change=\"onSelectChange\"\r\n                  @on-row-dblclick=\"rowdbClick\"\r\n                  @on-row-click=\"rowClick\"\r\n                  :data=\"item.list\"\r\n                ></Table>\r\n              </div>\r\n              <div class=\"dialog_p10\">\r\n                <Page\r\n                  :total=\"item.total\"\r\n                  :page-size=\"item.pageSize\"\r\n                  :current=\"item.pageNum\"\r\n                  @on-change=\"pageChange\"\r\n                  :page-size-opts=\"item.pageOptions\"\r\n                  show-total\r\n                  size=\"small\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </TabPane>\r\n        </Tabs>\r\n      </div>\r\n    </div>\r\n    <div class=\"dialog-operation\" v-if=\"index === 0\">\r\n      <div>\r\n        <Button v-if=\"isUse\" class=\"operatebtn\" type=\"primary\" ghost @click=\"operationTwo\">选择部门</Button>\r\n        <Button class=\"operatebtn\" type=\"primary\" ghost @click=\"operation\">选择人员</Button>\r\n      </div>\r\n    </div>\r\n    <div class=\"dialog_right\">\r\n      <div class=\"left_top right_top\">\r\n        <div>已选中({{resultMessage.total || 0 }})</div>\r\n        <div>\r\n          <i class=\"iconfont iconios-trash-outline\" @click=\"delecFun\"></i>\r\n        </div>\r\n      </div>\r\n      <div class=\"right_center\">\r\n        <ul v-if=\"resultMessage.list.length>0\">\r\n          <li v-for=\"(item,index) in resultMessage.list\" :key=\"index\">\r\n            <p>{{item.string}}</p>\r\n            <i class=\"iconfont iconbj_delete2\" @click=\"deleteLi(index,item)\"></i>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import {\r\n     addGenmutipor,\r\n     addGenmutiporuder,\r\n     addGenmutiportree\r\n    } from \"@/api/activiti/definition\";\r\nexport default {\r\n  name: \"Mutiple\",\r\n  props: {\r\n    // treedata: {\r\n    //   type: Array,\r\n    //   default() {\r\n    //     return [];\r\n    //   }\r\n    // },\r\n    // componentData: {\r\n    //   type: Array,\r\n    //   default() {\r\n    //     return [];\r\n    //   }\r\n    // },\r\n    resultData: {\r\n      type: Object,\r\n      default() {\r\n        return {};\r\n      }\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    // treeLoading: {\r\n    //   type: Boolean,\r\n    //   default: false\r\n    // },\r\n    // tableLoading: {\r\n    //   type: Boolean,\r\n    //   default: false\r\n    // },\r\n    open: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    icon_delect: {\r\n      type: String,\r\n      default: \"iconfont  icon-bj_delete\"\r\n    },\r\n    checkedList: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n      }\r\n    },\r\n    // tableSearch: {\r\n    //   type: String,\r\n    //   default: \"\"\r\n    // },\r\n    isUse: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    isMutiple: {\r\n      //是否多选\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    // isResultShow: {\r\n    //   //result.list是否反显\r\n    //   type: Boolean,\r\n    //   default: true\r\n    // },\r\n    isCallInterface: {\r\n      //用来控制调用接口拿到数据 //也可以理解为弹框关闭状态\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      tableLoading: false,\r\n      treeLoading: false,\r\n      tree: {\r\n        placeholder: \"可搜索店仓/部门\",\r\n        search: \"\"\r\n      },\r\n      table: {\r\n        //表格显示部分搜索\r\n        placeholder: \"直接输入人员姓名搜索\",\r\n        search: \"\"\r\n      },\r\n      columns: [],\r\n      treeNewData: [],\r\n      showTree: this.open,\r\n      componentt: [\r\n        {\r\n          tab: \"筛选结果\",\r\n          columns: [\r\n            { key: \"NAME\", title: \"用户名\" },\r\n            { key: \"ENAME\", title: \"用户姓名\" }\r\n          ],\r\n          list: [],\r\n          total: 0,\r\n          pageSize: 10,\r\n          pageNum: 1, //当前页码\r\n          pageOptions: [10, 20, 50, 100],\r\n          height: 340\r\n        }\r\n      ],\r\n      resultRightData: {\r\n        total: 0,\r\n        list: []\r\n      },\r\n      templateName: \"\",\r\n      index: 0,\r\n      queryStyle: {\r\n        color: \"#fd6442\"\r\n      },\r\n      selectRow: [], //表格选中的数据\r\n      selectDatas: {}, //单行选中\r\n      obj: {} //\r\n    };\r\n  },\r\n  computed: {\r\n    treeLists() {\r\n      // this.treeNewData = this.treedata;\r\n      return this.treeNewData;\r\n    },\r\n    TabPaneData() {\r\n      // let data = Object.assign(this.component, this.componentData);\r\n      // return data;\r\n      if (this.isMutiple) {\r\n        // this.componentt[0].columns.unshift({\r\n        //   type: \"selection\",\r\n        //   align: \"center\",\r\n        //   fixed: \"left\",\r\n        //   width: 30\r\n        // });\r\n      }\r\n      return this.componentt;\r\n    },\r\n    resultMessage() {\r\n      // let data = Object.assign(this.resultRightData, this.resultData);\r\n      return this.resultRightData;\r\n    }\r\n  },\r\n  watch: {\r\n    isCallInterface: {\r\n      handler(newValue, oldValue) {\r\n        if (newValue) {\r\n          //执行请求\r\n          this.componentt[0].pageNum = 1\r\n          this.getTreeData();\r\n          if (this.resultData.list) {\r\n            this.resultRightData = this.deepCopy(this.resultData);\r\n          }\r\n        } else {\r\n          if (this.selectRow.length > 0) {\r\n            this.selectRow = [];\r\n          }\r\n          if (Object.keys(this.selectDatas).length > 0) {\r\n            this.selectDatas = {};\r\n          }\r\n          if (this.table.search) {\r\n            this.table.search = \"\";\r\n          }\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    deepCopy(obj) {\r\n      //兑现深拷贝\r\n      var result = Array.isArray(obj) ? [] : {};\r\n      for (var key in obj) {\r\n        if (obj.hasOwnProperty(key)) {\r\n          if (typeof obj[key] === \"object\" && obj[key] !== null) {\r\n            result[key] = this.deepCopy(obj[key]); //递归复制\r\n          } else {\r\n            result[key] = obj[key];\r\n          }\r\n        }\r\n      }\r\n      return result;\r\n    },\r\n    getSelectedNodes(val) {\r\n      // if (this.isMutiple) {\r\n      if (val.length > 0) {\r\n        this.obj = {};\r\n        this.saveObj = val[0];\r\n        let self = this;\r\n        let valID = \"\";\r\n        if (val[0].ID.indexOf(\".\") !== -1) {\r\n          valID = val[0].ID.split(\".\")[1];\r\n          valID = parseInt(valID);\r\n        } else {\r\n          valID = parseInt(val[0].ID);\r\n        }\r\n\r\n        if (val[0].CP_C_ORGUP_ID === null) {\r\n          //根节点\r\n          this.findUser({});\r\n        } else {\r\n          //当item的TYPE为店仓时\r\n          if (val[0].TYPE === \"CP_C_STORE_ID\") {\r\n            this.obj.CP_C_STORE_ID = \"in(\" + valID + \")\";\r\n            self.findUser(self.obj);\r\n          }\r\n          //当item的TYPE为供应商时\r\n          //  当item的TYPE为组织时\r\n          if (val[0].TYPE === \"CP_C_HRORG_ID\") {\r\n            addGenmutipor({ CP_C_ORGUP_ID: valID })\r\n              .then(res => {\r\n                if (res.data.resultCode === 0) {\r\n                  let HRORG = \"in (\"; //储存键名为CP_C_HRORG_ID对象的ID\r\n                  let STORE = \"in (\"; //储存键名为CP_C_STORE_ID对象的ID\r\n\r\n                  if (\r\n                    res.data.data.CP_C_HRORG &&\r\n                    res.data.data.CP_C_HRORG.length > 0\r\n                  ) {\r\n                    res.data.data.CP_C_HRORG.forEach(item => {\r\n                      HRORG += item.ID + \",\"; // in 1,2,3,5,6,87,8,6\r\n                    });\r\n                    if (res.data.data.CP_C_HRORG.length > 0) {\r\n                      self.obj.CP_C_HRORG_ID =\r\n                        HRORG.substring(0, HRORG.length - 1) + \")\";\r\n                    }\r\n                  }\r\n                  if (\r\n                    res.data.data.CP_C_STORE &&\r\n                    res.data.data.CP_C_STORE.length > 0\r\n                  ) {\r\n                    res.data.data.CP_C_STORE.forEach(item => {\r\n                      STORE += item.ID + \",\";\r\n                    });\r\n                    if (res.data.data.CP_C_STORE.length > 0) {\r\n                      self.obj.CP_C_STORE_ID =\r\n                        STORE.substring(0, STORE.length - 1) + \")\";\r\n                    }\r\n                  }\r\n                  self.findUser(self.obj);\r\n                } else {\r\n                  this.$Modal.fcError({\r\n                    title: \"错误提示\",\r\n                    content: res.data.resultMsg\r\n                  });\r\n                }\r\n              });\r\n          }\r\n          // setTimeout(function() {\r\n          //   self.findUser(self.obj);\r\n          // });\r\n        }\r\n      }\r\n      // }\r\n      this.$emit(\"on-select-tree\", val, this);\r\n    },\r\n    getCheckedNodes(obj) {\r\n      this.$emit(\"on-change-tree\", obj, this);\r\n    },\r\n    tabClick(index) {\r\n      this.index = index;\r\n      this.$emit(\"on-click-tab\", index, this);\r\n    },\r\n    pageChange(index) {\r\n      this.$emit(\"on-change-page\", index, this);\r\n      this.componentt[0].pageNum = index;\r\n      let param = Object.assign(this.obj, { page: index, pageSize: 10 });\r\n      if (this.table.search !== \"\") {\r\n        param.ENAME = this.table.search;\r\n      }\r\n      this.findUser(param);\r\n    },\r\n    pageChangeSize(index) {\r\n      this.$emit(\"on-change-pageSize\", index, this);\r\n      this.componentt[0].pageSize = index;\r\n      let param = Object.assign(this.obj, { page: 1, pageSize: index });\r\n      if (this.table.search !== \"\") {\r\n        param.ENAME = this.table.search;\r\n      }\r\n      this.findUser(param);\r\n    },\r\n    rowdbClick(row, index) {\r\n      let selectObj = Object.assign({}, row);\r\n      if (!this.isMutiple) {\r\n        selectObj.string = selectObj.ENAME;\r\n        if (this.resultRightData.list) {\r\n          this.resultRightData.list = [];\r\n          this.resultRightData.list.push(selectObj);\r\n        } else {\r\n          this.$set(this.resultRightData, \"list\", [selectObj]);\r\n        }\r\n      } else {\r\n        let selectObj = Object.assign({ approve_type: 4 }, row);\r\n        selectObj.string = selectObj.ENAME;\r\n        if (this.resultRightData.list && this.resultRightData.list.length > 0) {\r\n          let flagIndex = this.resultRightData.list.findIndex(inner => {\r\n            return (\r\n              selectObj.ID === inner.ID || selectObj.ID === Number(inner.approve_value)\r\n            );\r\n          });\r\n          if (flagIndex === -1) {\r\n            //没有找到相同的就加入\r\n            this.resultRightData.list.push(selectObj);\r\n          } else {\r\n            this.$message({\r\n                      message: selectObj.ENAME + \"已经选择过了,请不要重复选择！\",\r\n                      type: 'warning'\r\n                    });\r\n\r\n          }\r\n        } else {\r\n          this.$set(this.resultRightData, \"list\", [selectObj]);\r\n        }\r\n      }\r\n      this.resultRightData.total\r\n        ? (this.resultRightData.total = this.resultRightData.list.length)\r\n        : this.$set(\r\n            this.resultRightData,\r\n            \"total\",\r\n            this.resultRightData.list.length\r\n          );\r\n      this.$emit(\"getResult\", this.resultRightData);\r\n      this.$refs.Table[0].clearCurrentRow();\r\n      this.$emit(\"on-row-dblclick\", row, index, this);\r\n    },\r\n    rowClick(row, index) {\r\n      if (!this.isMutiple) {\r\n        this.selectDatas = Object.assign(this.selectDatas, row);\r\n      }\r\n      this.$emit(\"on-row-click\", row, index, this);\r\n    },\r\n    Onselect(selection, row) {\r\n      if (this.isMutiple) {\r\n        this.componentt[0].list.map(item => {\r\n          if (row.ID === item.ID) {\r\n            item._checked = true;\r\n          }\r\n        });\r\n        this.selectRow = [];\r\n        this.selectRow = selection;\r\n      }\r\n\r\n      this.$emit(\"on-select\", selection, row);\r\n    },\r\n    onSelectCancel(selection, row) {\r\n      this.componentt[0].list.map(item => {\r\n        if (row.ID === item.ID) {\r\n          item._checked = false;\r\n        }\r\n      });\r\n      this.selectRow = [];\r\n      this.selectRow = selection;\r\n      this.$emit(\"on-select-cancel\", selection, row);\r\n    },\r\n    onSelectAll(selection) {\r\n      this.selectRow = [];\r\n      this.componentt[0].list.map(item => {\r\n        item._checked = true;\r\n      });\r\n      this.selectRow = selection;\r\n      this.$emit(\"on-select-all\", selection);\r\n    },\r\n    onSelectAllCancel(selection) {\r\n      this.componentt[0].list.map(item => {\r\n        item._checked = false;\r\n      });\r\n      this.selectRow = [];\r\n      this.$emit(\"on-select-all-cancel\", selection);\r\n    },\r\n    onSelectChange(selection) {\r\n      this.$emit(\"on-select-change\", selection);\r\n    },\r\n    inputchange(event) {\r\n      // if(!this.isUse&&!this.isMutiple){\r\n      this.table.search = event.target.value;\r\n      // }\r\n      this.$emit(\"on-change\", event, this);\r\n    },\r\n    inputkeydown(event) {\r\n      this.$emit(\"on-keydown\", event, this);\r\n    },\r\n    inputsearch(event) {\r\n      let param = Object.assign(this.obj, {\r\n        page: 1,\r\n        pageSize: 10,\r\n        ENAME: event\r\n      });\r\n      this.findUser(param);\r\n      this.$emit(\"on-search\", event, this);\r\n    },\r\n    operationTwo() {\r\n      let selectNode = this.$refs.Tree.getCheckedNodes();\r\n      selectNode = selectNode.filter(item => item.title !=='全部')\r\n      if (this.isMutiple) {\r\n        if (selectNode.length > 0) {\r\n          this.resultRightData.total\r\n            ? this.$set(this.resultRightData, \"total\", this.resultData.total + selectNode.length)\r\n            : this.$set(this.resultRightData, \"total\", selectNode.length);\r\n          selectNode.map(item => {\r\n            let selectObj = Object.assign({ approve_type: 2 }, item);\r\n            selectObj.string = item.ENAME;\r\n            if (\r\n              this.resultRightData.list &&\r\n              this.resultRightData.list.length > 0\r\n            ) {\r\n              let flagIndex = this.resultRightData.list.findIndex(inner => {\r\n                return item.ID === inner.ID || item.ID === Number(inner.approve_value);\r\n              });\r\n              if (flagIndex === -1) {\r\n                //没有找到相同的就加入\r\n                this.resultRightData.list.push(selectObj);\r\n              } else {\r\n                  this.$message({\r\n                          message:  item.ENAME + \"已经选择过了,请不要重复选择！\",\r\n                          type: 'warning'\r\n                        });\r\n\r\n              }\r\n            } else {\r\n              this.$set(this.resultRightData, \"list\", [selectObj]);\r\n            }\r\n          });\r\n        } else {\r\n          his.$message({\r\n                  message:\"请选择部门！\",\r\n                  type: 'warning'\r\n                });\r\n          // this.$Message.warning(\"请选择部门\");\r\n        }\r\n        this.getTreeData();\r\n      }\r\n      if (this.selectRow.length > 0) {\r\n        //选中状态的清除\r\n        this.selectRow = [];\r\n      }\r\n      if (Object.keys(this.selectDatas).length > 0) {\r\n        this.selectDatas = {};\r\n      }\r\n      this.$emit(\"getResult\", this.resultRightData);\r\n      this.$emit(\"on-transfer-two\", selectNode, this);\r\n    },\r\n    operation() {\r\n      if (!this.isMutiple) {\r\n        //单选逻辑\r\n        if (Object.keys(this.selectDatas).length === 0) {\r\n          this.$message({\r\n                    message: '请选择人员',\r\n                    type: 'warning'\r\n                  });\r\n          // this.$Message.warning(\"请选择人员\");\r\n          return;\r\n        }\r\n        this.resultRightData.total\r\n          ? (this.resultRightData.total = 1)\r\n          : this.$set(this.resultRightData, \"total\", 1);\r\n        let selectObj = Object.assign({}, this.selectDatas);\r\n        selectObj.string = selectObj.ENAME;\r\n        if (this.resultRightData.list) {\r\n          this.resultRightData.list = [];\r\n          this.resultRightData.list.push(selectObj);\r\n        } else {\r\n          this.$set(this.resultRightData, \"list\", [selectObj]);\r\n        }\r\n      } else {\r\n        //多选逻辑\r\n        if (this.selectRow.length > 0) {\r\n          this.selectRow.map(item => {\r\n            let selectObj = Object.assign({ approve_type: 4 }, item);\r\n            selectObj.string = item.ENAME;\r\n            if (\r\n              this.resultRightData.list &&\r\n              this.resultRightData.list.length > 0\r\n            ) {\r\n              let flagIndex = this.resultRightData.list.findIndex(inner => {\r\n                return item.ID === inner.ID || item.ID === Number(inner.approve_value);\r\n              });\r\n              if (flagIndex === -1) {\r\n                //没有找到相同的就加入\r\n                this.resultRightData.list.push(selectObj);\r\n              } else {\r\n                this.$message({\r\n                          message: item.ENAME + \"已经选择过了,请不要重复选择！\",\r\n                          type: 'warning'\r\n                        });\r\n                // this.$Message.warning(\r\n                //   item.ENAME + \"已经选择过了,请不要重复选择！\"\r\n                // );\r\n              }\r\n            } else {\r\n              this.$set(this.resultRightData, \"list\", [selectObj]);\r\n            }\r\n          });\r\n          this.resultRightData.total\r\n            ? (this.resultRightData.total = this.resultRightData.list.length)\r\n            : this.$set(\r\n                this.resultRightData,\r\n                \"total\",\r\n                this.resultRightData.list.length\r\n              );\r\n        } else {\r\n          this.$message({\r\n                    message: '请选择人员',\r\n                    type: 'warning'\r\n                  });\r\n          // this.$Message.warning(\"请选择人员\");\r\n        }\r\n      }\r\n      //刷新表格数据\r\n      this.componentt[0].list.map(item => {\r\n        item._checked = false;\r\n      });\r\n      this.componentt[0].list = this.componentt[0].list.concat([]);\r\n      if (this.selectRow.length > 0) {\r\n        //选中状态的清除\r\n        this.selectRow = [];\r\n      }\r\n      if (Object.keys(this.selectDatas).length > 0) {\r\n        this.selectDatas = {};\r\n      }\r\n      this.$emit(\"getResult\", this.resultRightData);\r\n      this.$emit(\"on-transfer\", this);\r\n    },\r\n    deleteLi(index, tem) {\r\n      let selectNode = this.$refs.Tree.getCheckedNodes();\r\n      if (selectNode && selectNode.length > 0) {\r\n        selectNode.map(inItem => {\r\n          if (inItem.ID === tem.ID) {\r\n            this.$refs.Tree.handleCheck({\r\n              checked: false,\r\n              nodeKey: inItem.nodeKey\r\n            });\r\n          }\r\n        });\r\n      }\r\n      let selectrow = this.TabPaneData[0].list; //表格数据\r\n      selectrow.map((row, Index) => {\r\n        if (row.ID === tem.ID) {\r\n          row._checked = false;\r\n        }\r\n      });\r\n      this.resultRightData.list.splice(index, 1);\r\n      this.resultRightData.total = this.resultRightData.list.length;\r\n      this.$emit(\"getResult\", this.resultRightData);\r\n      this.$emit(\"on-delectli\", index, tem, this);\r\n    },\r\n    treeOpen(checked) {\r\n      this.showTree = !checked;\r\n      this.treeNewData.forEach(item => {\r\n        item.expand = !item.expand;\r\n      });\r\n    },\r\n    delecFun() {\r\n      let selectNode = this.$refs.Tree.getCheckedNodes();\r\n      if (selectNode && selectNode.length > 0) {\r\n        selectNode.map(inItem => {\r\n          this.$refs.Tree.handleCheck({\r\n            checked: false,\r\n            nodeKey: inItem.nodeKey\r\n          });\r\n        });\r\n      }\r\n      let selectrow = this.TabPaneData[0].list; //表格数据\r\n      if (selectrow && selectrow.length > 0) {\r\n        selectrow.map((row, Index) => {\r\n          row._checked = false;\r\n        });\r\n      }\r\n      this.$emit(\"on-deleBtn\", this);\r\n      this.resultRightData.total = 0;\r\n      this.resultRightData.list = [];\r\n      this.componentt[0].list.map(item => {\r\n        item._checked = false;\r\n      });\r\n      this.componentt[0].list = this.componentt[0].list.concat([]);\r\n      this.$emit(\"getResult\", this.resultRightData);\r\n    },\r\n    //查找用户信息\r\n    findUser(param) {\r\n      this.tableLoading = true;\r\n      addGenmutiporuder( param).then(res => {\r\n        this.tableLoading = false;\r\n        let data = res.data;\r\n        if (data.code === 0) {\r\n          if (data.data) {\r\n            this.transferTbody(data.data);\r\n          }\r\n          if (data.datas) {\r\n            this.transferTbody(data.datas);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    //表格体数据转化\r\n    transferTbody(data) {\r\n      this.componentt[0].total = data.totalRowCount;\r\n      this.componentt[0].pageOptions = data.selectrange;\r\n      this.componentt[0].list = [];\r\n      data.row.map(item => {\r\n        let tem = {};\r\n        let temval = {};\r\n        Object.keys(item).map(inner => {\r\n          tem[inner] = item[inner].val;\r\n        });\r\n        temval = Object.assign({}, tem);\r\n        this.componentt[0].list.push(tem);\r\n      });\r\n    },\r\n    //获取树数据\r\n     getTreeData() {\r\n      this.tree_loading = true;\r\n      addGenmutiportree().then(res => {\r\n        this.tree_loading = false;\r\n        if (res.data.resultCode === 0) {\r\n          this.treeNewData = [];\r\n          let newArr = [];\r\n          let root = {};\r\n          if (res.data.data.records.length > 0) {\r\n            res.data.data.records.forEach(item => {\r\n              let tem = Object.assign(item);\r\n              newArr.push(tem);\r\n              if (\r\n                item[\"CP_C_ORGUP_ID\"] === null ||\r\n                item[\"CP_C_ORGUP_ID\"] === \"\"\r\n              ) {\r\n                root = Object.assign({}, item);\r\n              }\r\n            });\r\n            this.treeNewData = this.arrayTransTree(newArr, \"CP_C_ORGUP_ID\");\r\n          }\r\n          this.findUser({}); //显示所有的用户\r\n        }\r\n      });\r\n    },\r\n\r\n    //改造树数据的结构\r\n    arrayTransTree(list, key) {\r\n      let parent = [];\r\n      let children = [];\r\n      list.map(item => {\r\n        item.expand = false;\r\n        item.title = item.ENAME;\r\n        if (\r\n          !item[key]||\r\n          (item[key].indexOf('.')!==-1&&!item[key].split(\".\")[1])\r\n        ) {\r\n          //根节点\r\n          parent.push(item);\r\n        } else {\r\n          //有父节点的\r\n          children.push(item);\r\n        }\r\n      });\r\n      if (parent.length < 1) {\r\n        //没有根节点\r\n        let newParent = this.findTreeRootFirstChild(list, key); //拿到一级节点\r\n        let rootArr = newParent.map(item => {\r\n          return item[key];\r\n        });\r\n        let rootTem = Array.from(new Set([...rootArr]));\r\n        if (rootTem.length === 1) {\r\n          parent = [\r\n            {\r\n              CP_C_ORGUP_ID: null,\r\n              ECODE: \"00000\",\r\n              ENAME: \"全部\",\r\n              ID: rootTem[0],\r\n              MIXNAME: \"[00000]全部\",\r\n              ORGTYPE: \"IN\",\r\n              TYPE: \"CP_C_HRORG_ID\",\r\n              title:'全部'\r\n            }\r\n          ];\r\n          this.translator(parent, children, key);\r\n          return parent;\r\n        } else {\r\n          this.$message({\r\n                    message: '数据有问题，请检查...',\r\n                    type: 'warning'\r\n                  });\r\n          // this.$Message.warning(\"数据有问题，请检查...\");\r\n          return;\r\n        }\r\n      } else {\r\n        this.translator(parent, children, key);\r\n\r\n        return parent;\r\n      }\r\n    },\r\n    translator(parents, children, key) {\r\n      let temp = [];\r\n      children.map(item => {\r\n        //对子节点数据进行深复制，这里只支持部分类型的数据深复制\r\n        let temItem = Object.assign({}, item);\r\n        temp.push(temItem);\r\n      });\r\n      //遍历父节点数据\r\n      parents.map(parent => {\r\n        //遍历子节点数据\r\n        children.map((current, index) => {\r\n          //此时找到父节点对应的一个子节点\r\n          if (current[key] === parent.ID) {\r\n            //让当前子节点从temp中移除，temp作为新的子节点数据，这里是为了让递归时，子节点的遍历次数更少，如果父子关系的层级越多，越有利\r\n            temp.splice(index, 1);\r\n            //让当前子节点作为唯一的父节点，去递归查找其对应的子节点\r\n            this.translator([current], temp, key);\r\n            //把找到子节点放入父节点的children属性中\r\n            parent.children\r\n              ? parent.children.push(current)\r\n              : (parent.children = [current]);\r\n          }\r\n        });\r\n      });\r\n    },\r\n    treeTransArray(tree, key) {\r\n      return tree\r\n        .reduce(function iteration(con, item) {\r\n          con.push(item);\r\n          if (item[key] && item[key].length > 0)\r\n            item[key].reduce(iteration, con);\r\n          return con;\r\n        }, [])\r\n        .map(function(item) {\r\n          item[key] = [];\r\n          return item;\r\n        });\r\n    },\r\n    findTreeRootFirstChild(Arr, key) {\r\n      let idArr = [];\r\n      let result = [];\r\n      idArr = Arr.map(item => {\r\n        return item[\"ID\"];\r\n      });\r\n      Arr.map(item => {\r\n        if (!idArr.includes(item[key])) {\r\n          //一级节点的特点是存在父节点 但是已父节点为ID的节点是不存在的\r\n          result.push(item);\r\n        }\r\n      });\r\n      return result;\r\n    },\r\n  },\r\n  mounted() {\r\n    // if(this.isCallInterface){\r\n    //   this.getTreeData();\r\n    //   if (this.resultData.list) {\r\n    //     this.resultRightData = this.deepCopy(this.resultData);\r\n    //   }\r\n    // }else{\r\n    //    if (this.selectRow.length > 0) {\r\n    //       this.selectRow = [];\r\n    //     }\r\n    //     if (Object.keys(this.selectDatas).length > 0) {\r\n    //       this.selectDatas = {};\r\n    //     }\r\n    //     if (this.table.search) {\r\n    //       this.table.search = \"\";\r\n    //     }\r\n    // }\r\n\r\n  },\r\n  destroyed() {\r\n    if (this.selectRow.length > 0) {\r\n      this.selectRow = [];\r\n    }\r\n    if (Object.keys(this.selectDatas).length > 0) {\r\n      this.selectDatas = {};\r\n    }\r\n    if (this.table.search) {\r\n      this.table.search = \"\";\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.MutipleSelectPop {\r\n  width: 800px;\r\n  display: flex;\r\n  height: 484px;\r\n  position: relative;\r\n  .demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear infinite;\r\n  }\r\n  .complex-spin-fix {\r\n    z-index: 20;\r\n  }\r\n  @keyframes ani-demo-spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n  overflow: hidden;\r\n  .dialog_left {\r\n    width: 170px;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    padding: 10px;\r\n    border: 1px solid #dcdee2;\r\n    border-right: none;\r\n    .left_top {\r\n      height: 32px;\r\n      line-height: 32px;\r\n      box-sizing: border-box;\r\n      border-bottom: 1px solid #e8eaec;\r\n      font-size: 12px;\r\n      color: #575757;\r\n      display: flex;\r\n      input {\r\n        line-height: 32px;\r\n        height: 32px;\r\n      }\r\n\r\n      div:first-child {\r\n        flex: 1;\r\n      }\r\n      i {\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n    .left_center {\r\n      flex: 1;\r\n      padding-top: 10px;\r\n      position: relative;\r\n      height: 390px;\r\n      padding-bottom: 10px;\r\n      width: 156px;\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n  .dialog_center {\r\n    width: 400px;\r\n    position: relative;\r\n    height: 484px;\r\n    border: 1px solid #dcdee2;\r\n    border-right: none;\r\n    //box-shadow: 2px -2px 9px @shadow-color;\r\n    padding: 10px;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    .dialog_p10 {\r\n      padding: 10px 0;\r\n    }\r\n    .dialog_center_top {\r\n      display: flex;\r\n      line-height: 32px;\r\n      vertical-align: middle;\r\n      box-sizing: border-box;\r\n      .dialog_center_top_fix {\r\n        width: 270px;\r\n        box-sizing: border-box;\r\n        padding-right: 20px;\r\n        input {\r\n          line-height: 32px;\r\n          height: 32px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .dialog-operation {\r\n    width: 92px;\r\n    padding: 0px;\r\n    border-left: 1px solid #dcdee2;\r\n    background-color: #fff;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    div {\r\n      text-align: center;\r\n      .operatebtn {\r\n        margin-bottom: 10px;\r\n        padding: 8px 12px;\r\n        &:last-child {\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .dialog_right {\r\n    width: 220px;\r\n    padding: 10px;\r\n    border: 1px solid #dcdee2;\r\n    box-sizing: border-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    .left_top {\r\n      height: 30px;\r\n      line-height: 30px;\r\n      box-sizing: border-box;\r\n      border-bottom: 1px solid #e8eaec;\r\n      font-size: 12px;\r\n      color: #575757;\r\n      display: flex;\r\n      div:first-child {\r\n        flex: 1;\r\n      }\r\n      i {\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n    ul {\r\n      height: 390px;\r\n      overflow: auto;\r\n      li {\r\n        margin-bottom: 4px;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        background-color: #f8f8f8;\r\n        border-radius: 2px;\r\n        font-size: 12px;\r\n        p {\r\n          flex: 1;\r\n          line-height: 18px;\r\n          margin-left: 4px;\r\n          box-sizing: border-box;\r\n          border-radius: 4px;\r\n          padding: 4px 6px;\r\n          color: #0f8ee9;\r\n          word-wrap: break-word;\r\n          word-break: break-all;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .right_center {\r\n    flex: 1;\r\n    padding-top: 10px;\r\n  }\r\n}\r\n</style>\r\n"]}]}