| 1 |
- {"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":1620609644454},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLk11dGlwbGVTZWxlY3RQb3Agew0KICB3aWR0aDogODAwcHg7DQogIGRpc3BsYXk6IGZsZXg7DQogIGhlaWdodDogNDg0cHg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgLmRlbW8tc3Bpbi1pY29uLWxvYWQgew0KICAgIGFuaW1hdGlvbjogYW5pLWRlbW8tc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7DQogIH0NCiAgLmNvbXBsZXgtc3Bpbi1maXggew0KICAgIHotaW5kZXg6IDIwOw0KICB9DQogIEBrZXlmcmFtZXMgYW5pLWRlbW8tc3BpbiB7DQogICAgZnJvbSB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsNCiAgICB9DQogICAgNTAlIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7DQogICAgfQ0KICAgIHRvIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7DQogICAgfQ0KICB9DQogIG92ZXJmbG93OiBoaWRkZW47DQogIC5kaWFsb2dfbGVmdCB7DQogICAgd2lkdGg6IDE3MHB4Ow0KICAgIGRpc3BsYXk6IC1tcy1mbGV4Ym94Ow0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgLW1zLWZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICBwYWRkaW5nOiAxMHB4Ow0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNkY2RlZTI7DQogICAgYm9yZGVyLXJpZ2h0OiBub25lOw0KICAgIC5sZWZ0X3RvcCB7DQogICAgICBoZWlnaHQ6IDMycHg7DQogICAgICBsaW5lLWhlaWdodDogMzJweDsNCiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2U4ZWFlYzsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjNTc1NzU3Ow0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGlucHV0IHsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7DQogICAgICAgIGhlaWdodDogMzJweDsNCiAgICAgIH0NCg0KICAgICAgZGl2OmZpcnN0LWNoaWxkIHsNCiAgICAgICAgZmxleDogMTsNCiAgICAgIH0NCiAgICAgIGkgew0KICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgICB9DQogICAgfQ0KICAgIC5sZWZ0X2NlbnRlciB7DQogICAgICBmbGV4OiAxOw0KICAgICAgcGFkZGluZy10b3A6IDEwcHg7DQogICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICBoZWlnaHQ6IDM5MHB4Ow0KICAgICAgcGFkZGluZy1ib3R0b206IDEwcHg7DQogICAgICB3aWR0aDogMTU2cHg7DQogICAgICBvdmVyZmxvdy15OiBhdXRvOw0KICAgIH0NCiAgfQ0KICAuZGlhbG9nX2NlbnRlciB7DQogICAgd2lkdGg6IDQwMHB4Ow0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBoZWlnaHQ6IDQ4NHB4Ow0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNkY2RlZTI7DQogICAgYm9yZGVyLXJpZ2h0OiBub25lOw0KICAgIC8vYm94LXNoYWRvdzogMnB4IC0ycHggOXB4IEBzaGFkb3ctY29sb3I7DQogICAgcGFkZGluZzogMTBweDsNCiAgICBkaXNwbGF5OiAtbXMtZmxleGJveDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIC1tcy1mbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogICAgLmRpYWxvZ19wMTAgew0KICAgICAgcGFkZGluZzogMTBweCAwOw0KICAgIH0NCiAgICAuZGlhbG9nX2NlbnRlcl90b3Agew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4Ow0KICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsNCiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7DQogICAgICAuZGlhbG9nX2NlbnRlcl90b3BfZml4IHsNCiAgICAgICAgd2lkdGg6IDI3MHB4Ow0KICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KICAgICAgICBwYWRkaW5nLXJpZ2h0OiAyMHB4Ow0KICAgICAgICBpbnB1dCB7DQogICAgICAgICAgbGluZS1oZWlnaHQ6IDMycHg7DQogICAgICAgICAgaGVpZ2h0OiAzMnB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQogIC5kaWFsb2ctb3BlcmF0aW9uIHsNCiAgICB3aWR0aDogOTJweDsNCiAgICBwYWRkaW5nOiAwcHg7DQogICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZGNkZWUyOw0KICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICBkaXYgew0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgLm9wZXJhdGVidG4gew0KICAgICAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICAgICAgICBwYWRkaW5nOiA4cHggMTJweDsNCiAgICAgICAgJjpsYXN0LWNoaWxkIHsNCiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwOw0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQogIC5kaWFsb2dfcmlnaHQgew0KICAgIHdpZHRoOiAyMjBweDsNCiAgICBwYWRkaW5nOiAxMHB4Ow0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNkY2RlZTI7DQogICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCiAgICBkaXNwbGF5OiAtbXMtZmxleGJveDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIC1tcy1mbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47DQogICAgLmxlZnRfdG9wIHsNCiAgICAgIGhlaWdodDogMzBweDsNCiAgICAgIGxpbmUtaGVpZ2h0OiAzMHB4Ow0KICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZThlYWVjOw0KICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgY29sb3I6ICM1NzU3NTc7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZGl2OmZpcnN0LWNoaWxkIHsNCiAgICAgICAgZmxleDogMTsNCiAgICAgIH0NCiAgICAgIGkgew0KICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgICB9DQogICAgfQ0KICAgIHVsIHsNCiAgICAgIGhlaWdodDogMzkwcHg7DQogICAgICBvdmVyZmxvdzogYXV0bzsNCiAgICAgIGxpIHsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4Ow0KICAgICAgICBkaXNwbGF5OiAtbXMtZmxleGJveDsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgLW1zLWZsZXgtYWxpZ246IGNlbnRlcjsNCiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjhmODsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgIHAgew0KICAgICAgICAgIGZsZXg6IDE7DQogICAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7DQogICAgICAgICAgbWFyZ2luLWxlZnQ6IDRweDsNCiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgICAgICBwYWRkaW5nOiA0cHggNnB4Ow0KICAgICAgICAgIGNvbG9yOiAjMGY4ZWU5Ow0KICAgICAgICAgIHdvcmQtd3JhcDogYnJlYWstd29yZDsNCiAgICAgICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLnJpZ2h0X2NlbnRlciB7DQogICAgZmxleDogMTsNCiAgICBwYWRkaW5nLXRvcDogMTBweDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAg4BA;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 <!-- <el-tree\r\n :props=\"treeLists\"\r\n show-checkbox\r\n @check-change=\"handleCheckChange\">\r\n </el-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=\"el-icon-delete\" @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;\r\n if (res.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.resultCode === 0) {\r\n console.log(345678)\r\n this.treeNewData = [];\r\n let newArr = [];\r\n let root = {};\r\n if (res.data.records.length > 0) {\r\n console.log(3456788)\r\n res.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 console.log(this.treeNewData)\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 handleCheckChange(){\r\n \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"]}]}
|
