| 1 |
- {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\complexPop\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\complexPop\\index.vue","mtime":1619607677274},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmNvbXBsZXhCb3ggew0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuQA;AACA","file":"index.vue","sourceRoot":"src/components/complexPop","sourcesContent":["<template>\r\n <div class=\"complexBox\">\r\n <Input\r\n v-model=\"approves\"\r\n placeholder=\"请输入\"\r\n icon=\"ios-funnel-outline\"\r\n @on-click=\"onIconclick\"\r\n disabled\r\n />\r\n <Modal\r\n v-model=\"openControl\"\r\n :title=\"title\"\r\n :mask=\"true\"\r\n :mask-closable=\"false\"\r\n :width=\"835\"\r\n @on-ok=\"ok\"\r\n @on-cancel=\"cancel\"\r\n >\r\n <div class=\"modalCotent\">\r\n <mutipleSelectPop\r\n ref=\"dialogtest\"\r\n :loading=\"loading\"\r\n :resultData=\"resultMessage\"\r\n :isUse=\"isUse\"\r\n :isMutiple=\"isMutiple\"\r\n :isCallInterface=\"isCallInterface\"\r\n @getResult=\"getResult\"\r\n @on-delectli=\"deleteLi\"\r\n @delecFun=\"delecFun\"\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 @on-change=\"inputchange\"\r\n @on-keydown=\"inputkeydown\"\r\n @on-search=\"inputsearch\"\r\n @on-select-change=\"getSelectedNodes\"\r\n @on-check-change=\"getCheckedNodes\"\r\n ></mutipleSelectPop>\r\n </div>\r\n </Modal>\r\n </div>\r\n</template>\r\n<script>\r\nimport mutipleSelectPop from \"@/components/MutipleSelectPop\";\r\nexport default {\r\n name: \"complexBox\",\r\n components: { mutipleSelectPop },\r\n props: {\r\n title: {\r\n type: String,\r\n default: \"\"\r\n },\r\n defaultValue: {\r\n type: String,\r\n default: \"\"\r\n },\r\n resultData: {\r\n type: Object,\r\n default: () => {\r\n return {}\r\n }\r\n },\r\n isUse: {\r\n type: Boolean,\r\n default: true\r\n },\r\n isMutiple: {\r\n type: Boolean,\r\n default: true\r\n },\r\n disabled:{\r\n type:Boolean,\r\n default:false\r\n }\r\n },\r\n data() {\r\n return {\r\n loading: false,\r\n openControl: false,\r\n isCallInterface: false,\r\n approves: \"\",\r\n resultObj: {\r\n total: 0,\r\n list: []\r\n },\r\n result: {\r\n //结果备份\r\n total: 0,\r\n list: []\r\n }\r\n };\r\n },\r\n computed: {\r\n resultMessage() {\r\n // let data = Object.assign(this.resultObj, this.resultData);\r\n return this.resultObj;\r\n }\r\n },\r\n methods: {\r\n onIconclick() {\r\n if(this.disabled){\r\n return\r\n }\r\n this.openControl = true;\r\n this.isCallInterface = true;\r\n this.resultObj = this.deepCopy(this.result);\r\n this.resultObj.total = this.resultObj.list.length;\r\n },\r\n getResult(data) {\r\n //组件的结果\r\n this.resultObj = this.deepCopy(data);\r\n },\r\n ok() {\r\n if (this.resultObj.list.length > 0) {\r\n this.result.list=[];\r\n\r\n //增加\r\n //新增\r\n this.resultObj.list.map(item => {\r\n if (this.result.list.length > 0) {\r\n //修改\r\n let flagIndex = this.result.list.findIndex(inner => {\r\n return (\r\n item.approve_value === inner.approve_value|| item.ID === Number(inner.approve_value)\r\n );\r\n });\r\n if (flagIndex === -1) {\r\n //没有相同的\r\n this.result.list.push({\r\n approve_type: item.approve_type,\r\n approve_value: item.approve_value?item.approve_value:item.ID,\r\n approve_value_name: item.string,\r\n string: item.string\r\n });\r\n }\r\n } else {\r\n //新增\r\n this.result.list.push({\r\n approve_type: item.approve_type,\r\n approve_value: item.approve_value?item.approve_value:item.ID,\r\n approve_value_name: item.string,\r\n string: item.string\r\n });\r\n }\r\n });\r\n \r\n } else {\r\n //清空\r\n this.result.list = [];\r\n }\r\n this.result.total = this.result.list.length;\r\n this.formatString(this.result);\r\n this.$emit(\"getTotalResult\", this.result);\r\n this.openControl = false;\r\n this.isCallInterface = false;\r\n },\r\n cancel() {\r\n this.resultObj = this.deepCopy(this.result);\r\n // this.$emit(\"getTotalResult\", this.arr);\r\n this.openControl = false;\r\n this.isCallInterface = false;\r\n },\r\n formatString(data) {\r\n //input内容显示处理\r\n this.approves = \"\";\r\n if (data.list && data.list.length > 0) {\r\n data.list.forEach(item => {\r\n this.approves += item.string + \",\";\r\n });\r\n if (this.approves.length > 0) {\r\n this.approves = this.approves.substring(0, this.approves.length - 1);\r\n } else {\r\n this.approves = \"\";\r\n }\r\n }\r\n },\r\n getSelectedNodes(obj, vm) {\r\n this.$emit(\"on-select-tree\", obj, vm, this);\r\n },\r\n getCheckedNodes(obj, vm) {\r\n this.$emit(\"on-change-tree\", obj, vm, this);\r\n },\r\n tabClick(index, vm) {\r\n this.index = index;\r\n this.$emit(\"on-click-tab\", index, vm, this);\r\n },\r\n pageChange(index, vm) {\r\n this.$emit(\"on-change-page\", index, vm);\r\n },\r\n pageChangeSize(index, vm) {\r\n this.$emit(\"on-change-pageSize\", index, vm, this);\r\n },\r\n rowdbClick(index, row, vm) {\r\n this.$emit(\"on-row-dblclick\", index, row, vm, this);\r\n },\r\n rowClick(index, row, vm) {\r\n this.$emit(\"on-row-click\", index, row, vm, this);\r\n },\r\n Onselect(selection, row, vm) {\r\n this.$emit(\"on-select\", selection, row);\r\n },\r\n onSelectCancel(selection, row) {\r\n this.$emit(\"on-select-cancel\", selection, row);\r\n },\r\n onSelectAll(selection) {\r\n this.$emit(\"on-select-all\", selection);\r\n },\r\n onSelectAllCancel(selection) {\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, vm) {\r\n this.$emit(\"on-change\", event, vm);\r\n },\r\n inputkeydown(event, vm) {\r\n this.$emit(\"on-keydown\", event, vm);\r\n },\r\n inputsearch(event) {\r\n this.$emit(\"on-search\", event);\r\n },\r\n operationTwo() {\r\n let selectNode = this.$refs.Tree.getCheckedNodes();\r\n this.$emit(\"on-transfer-two\", selectNode, this);\r\n },\r\n operation() {\r\n this.$emit(\"on-transfer\");\r\n },\r\n deleteLi(index, tem) {\r\n this.$emit(\"on-delectli\", index, tem);\r\n },\r\n delecFun() {\r\n this.$emit(\"on-deleBtn\");\r\n },\r\n deepCopy(obj) {\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 },\r\n created() {\r\n if (this.resultData && Object.keys(this.resultData).length > 0) {\r\n this.resultObj = this.deepCopy(this.resultData);\r\n this.result = this.deepCopy(this.resultData);\r\n this.formatString(this.resultObj);\r\n }\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.complexBox {\r\n}\r\n</style>"]}]}
|
