{"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>"]}]}