yw-ui-vue2 1.2.8 → 1.3.0

package/lib/yw-ui-vue2.common.js

@@ -94244,20 +94244,23 @@ YwTransfer.install = function (Vue) {
   Vue.component(YwTransfer.name, transfer);
 };
 /* harmony default export */ var packages_Transfer = (YwTransfer);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=template&id=4eeb78d4&scoped=true
-var srcvue_type_template_id_4eeb78d4_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=template&id=6c1d97a6&scoped=true
+var srcvue_type_template_id_6c1d97a6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('a-modal', {
+  return _c('a-modal', _vm._b({
     attrs: {
       "visible": _vm.visible
     },
     on: {
-      "cancel": _vm.cancel
+      "cancel": _vm.cancel,
+      "ok": _vm.ok
     }
-  }, [_c('a-form-model', {
+  }, 'a-modal', _vm.modalConfig, false), [_c('a-form-model', {
+    ref: "transferModalForm",
     attrs: {
-      "form": _vm.form
+      "model": _vm.form,
+      "rules": _vm.rule
     }
   }, [_c('a-form-model-item', {
     staticClass: "pool",
@@ -94287,7 +94290,14 @@ var srcvue_type_template_id_4eeb78d4_scoped_true_render = function render() {
       },
       expression: "form.resourcePoolValue"
     }
-  })], 1), _vm._v(" "), _c('a-form-model-item', {
+  }), _vm._v(" "), _c('a-button', {
+    attrs: {
+      "icon": "filter"
+    },
+    on: {
+      "click": _vm.showIpModal
+    }
+  }, [_vm._v("批量搜索")])], 1), _vm._v(" "), _c('a-form-model-item', {
     staticClass: "category",
     attrs: {
       "labelCol": {
@@ -94317,11 +94327,7 @@ var srcvue_type_template_id_4eeb78d4_scoped_true_render = function render() {
       },
       expression: "form.resourceType"
     }
-  }), _vm._v(" "), _vm.form.resourceType === 'serviceTree' ? _c('div', {
-    staticStyle: {
-      "flex": "1"
-    }
-  }, [_c('a-cascader', {
+  }), _vm._v(" "), _vm.form.resourceType === 'serviceTree' ? _c('a-cascader', {
     attrs: {
       "options": _vm.serviceTreeList,
       "change-on-selec": "",
@@ -94339,20 +94345,7 @@ var srcvue_type_template_id_4eeb78d4_scoped_true_render = function render() {
       },
       expression: "form.resourceTypeValue"
     }
-  }), _vm._v(" "), _c('a-checkbox', {
-    on: {
-      "change": _vm.bindService
-    }
-  }, [_vm._v("绑定服务")]), _vm._v(" "), _c('a-tooltip', {
-    attrs: {
-      "placement": "top",
-      "title": "所选资源随服务下挂载资源实时更新"
-    }
-  }, [_c('a-icon', {
-    attrs: {
-      "type": "question-circle"
-    }
-  })], 1)], 1) : _vm.form.resourceType === 'projectDesc' ? _c('a-select', {
+  }) : _vm.form.resourceType === 'projectDesc' ? _c('a-select', {
     attrs: {
       "allowClear": "",
       "showSearch": "",
@@ -94402,11 +94395,214 @@ var srcvue_type_template_id_4eeb78d4_scoped_true_render = function render() {
     attrs: {
       "size": "small"
     }
-  }) : _c('a-empty')], 1)], 2) : _vm._e()], 1)])], 1)], 1);
+  }) : _c('a-empty')], 1)], 2) : _vm._e()], 1), _vm._v(" "), _vm.form.resourceType === 'serviceTree' ? _c('div', [_c('a-checkbox', {
+    on: {
+      "change": _vm.bindService
+    }
+  }, [_vm._v("绑定服务")]), _vm._v(" "), _c('a-tooltip', {
+    attrs: {
+      "placement": "top",
+      "title": "所选资源随服务下挂载资源实时更新"
+    }
+  }, [_c('a-icon', {
+    attrs: {
+      "type": "question-circle"
+    }
+  })], 1)], 1) : _vm._e()]), _vm._v(" "), _c('a-form-model-item', {
+    attrs: {
+      "labelCol": {
+        span: 2
+      },
+      "labelAlign": "left",
+      "prop": "selectedKeys"
+    }
+  }, [_c('a-transfer', _vm._b({
+    attrs: {
+      "list-style": {
+        width: '45%',
+        height: '300px'
+      }
+    },
+    on: {
+      "change": _vm.handleChange,
+      "selectChange": _vm.handleSelectChange
+    }
+  }, 'a-transfer', _vm.transferConfig, false), [_c('span', {
+    attrs: {
+      "slot": "notFoundContent"
+    },
+    slot: "notFoundContent"
+  }, [_vm._v(" 暂无数据 ")])])], 1)], 1), _vm._v(" "), _c('BatchSelectIP', {
+    attrs: {
+      "visible": _vm.ipModalShow
+    },
+    on: {
+      "update:visible": function ($event) {
+        _vm.ipModalShow = $event;
+      },
+      "confirm": _vm.getIpList
+    }
+  })], 1);
 };
-var srcvue_type_template_id_4eeb78d4_scoped_true_staticRenderFns = [];
+var srcvue_type_template_id_6c1d97a6_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/BatchSelectIP.vue?vue&type=template&id=85898afc&scoped=true
+var BatchSelectIPvue_type_template_id_85898afc_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('a-modal', {
+    attrs: {
+      "title": "批量搜索",
+      "visible": _vm.show
+    },
+    on: {
+      "ok": _vm.confirm,
+      "cancel": _vm.close
+    }
+  }, [_c('a-form-model', {
+    ref: "ipForm",
+    attrs: {
+      "model": _vm.form,
+      "rules": _vm.rules,
+      "colon": false
+    }
+  }, [_c('a-form-model-item', {
+    staticClass: "pool",
+    attrs: {
+      "labelAlign": "left",
+      "label": "资源池IP地址",
+      "prop": "ipList",
+      "required": ""
+    }
+  }, [_c('a-textarea', {
+    attrs: {
+      "rows": 4,
+      "placeholder": "请输入IP地址，可以输入多个，用英文逗号隔开",
+      "allow-clear": ""
+    },
+    model: {
+      value: _vm.form.ipList,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "ipList", $$v);
+      },
+      expression: "form.ipList"
+    }
+  })], 1)], 1)], 1);
+};
+var BatchSelectIPvue_type_template_id_85898afc_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/BatchSelectIP.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
 
+
+
+
+
+
+
+
+
+const {
+  Item: BatchSelectIPvue_type_script_lang_js_Item
+} = form_model;
+const {
+  TextArea: BatchSelectIPvue_type_script_lang_js_TextArea
+} = es_input;
+/* harmony default export */ var BatchSelectIPvue_type_script_lang_js = ({
+  name: "BatchSelect",
+  components: {
+    "a-modal": modal,
+    "a-form-model": form_model,
+    "a-transfer": transfer,
+    "a-select": es_select,
+    "a-input": es_input,
+    "a-tooltip": tooltip,
+    "a-checkbox": es_checkbox,
+    "a-cascader": cascader,
+    "a-button": es_button,
+    "a-form-model-item": BatchSelectIPvue_type_script_lang_js_Item,
+    "a-textarea": BatchSelectIPvue_type_script_lang_js_TextArea
+  },
+  data() {
+    return {
+      form: {
+        ipList: ""
+      },
+      rules: {
+        ipList: [{
+          required: true,
+          message: "请输入IP地址"
+        }, {
+          pattern: /^[0-9,.]+$/,
+          message: "请按格式输入IP地址"
+        }]
+      },
+      show: false
+    };
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    visible(val) {
+      this.show = val;
+    }
+  },
+  methods: {
+    confirm() {
+      this.$refs.ipForm.validate(valid => {
+        if (valid) {
+          const res = this.form.ipList.split(",");
+          // console.log(res)
+          this.$emit("confirm", res);
+          this.close();
+        }
+      });
+    },
+    /**
+     * @description: 关闭弹窗
+     */
+    close() {
+      this.$refs.ipForm.resetFields();
+      this.$emit("update:visible", false);
+    }
+  }
+});
+;// CONCATENATED MODULE: ./packages/CusTransfer/src/BatchSelectIP.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_BatchSelectIPvue_type_script_lang_js = (BatchSelectIPvue_type_script_lang_js); 
+;// CONCATENATED MODULE: ./packages/CusTransfer/src/BatchSelectIP.vue
+
+
+
+
+
+/* normalize component */
+;
+var BatchSelectIP_component = normalizeComponent(
+  src_BatchSelectIPvue_type_script_lang_js,
+  BatchSelectIPvue_type_template_id_85898afc_scoped_true_render,
+  BatchSelectIPvue_type_template_id_85898afc_scoped_true_staticRenderFns,
+  false,
+  null,
+  "85898afc",
+  null
+  
+)
+
+/* harmony default export */ var BatchSelectIP = (BatchSelectIP_component.exports);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=script&lang=js
+
 // type分类初始配置
 const typeOpts = [{
   label: "服务树",
@@ -94418,8 +94614,29 @@ const typeOpts = [{
   label: "客户描述",
   value: "customerDesc"
 }];
+// transfer默认配置
+const transferConfig = {
+  showSearch: true,
+  showSelectAll: true,
+  showArrow: true,
+  disabled: false,
+  titles: ["资源实列", "目标资源"],
+  searchPlaceholder: "请输入搜索内容",
+  render: item => `${item.title || item.description}`,
+  targetKeys: [],
+  selectedKeys: undefined,
+  dataSource: []
+};
+// modal弹框配置
+const modalConfig = {
+  title: "选择资源",
+  width: 700
+};
 /* harmony default export */ var CusTransfer_srcvue_type_script_lang_js = ({
   name: "YwTransferModal",
+  components: {
+    BatchSelectIP: BatchSelectIP
+  },
   props: {
     show: {
       type: Boolean,
@@ -94461,16 +94678,20 @@ const typeOpts = [{
       typeOpts,
       serviceTreeList: [],
       descsriptionList: [],
-      transferConfig: {},
-      modalConfig: {}
+      transferConfig,
+      modalConfig,
+      ipModalShow: false
     };
   },
-  created() {
-    this.form = {
-      resourcePoolValue: this.resourcePoolValue,
-      resourceType: this.resourceType,
-      resourceTypeValue: this.resourceTypeValue
-    };
+  computed: {
+    rule() {
+      return {
+        resourcePoolValue: [{
+          required: true,
+          message: "请选择资源池"
+        }]
+      };
+    }
   },
   watch: {
     show(val) {
@@ -94489,8 +94710,28 @@ const typeOpts = [{
       } else {
         this.descsriptionList = newVal || [];
       }
+    },
+    modalProps(val) {
+      this.modalConfig = {
+        ...this.modalConfig,
+        ...val
+      };
+    },
+    transferProps(val) {
+      this.transferConfig = {
+        ...this.transferConfig,
+        ...val
+      };
     }
   },
+  created() {
+    this.form = {
+      resourcePoolValue: this.resourcePoolValue,
+      resourceType: this.resourceType,
+      resourceTypeValue: this.resourceTypeValue,
+      selectedKeys: this.transferConfig.selectedKeys || []
+    };
+  },
   methods: {
     changeType(key) {
       this.form.resourceTypeValue = key === "serviceTree" ? [] : undefined;
@@ -94501,20 +94742,37 @@ const typeOpts = [{
     },
     // 模糊搜索描述列表
     fetchApi(value) {
-      // console.log(value, "value");
+      console.log(value, "value");
       value.trim() && this.$emit("updateTypeList", {
         key: value,
         type: this.form.resourceType
       });
     },
-    changeTransferData(type, value) {
-      console.log(type, value, "changeTransferData");
+    // 穿梭
+    handleChange(targetKeys, direction, moveKeys) {
+      this.transferConfig.targetKeys = targetKeys;
+      this.form.selectedKeys = targetKeys;
+    },
+    // 穿梭框选中
+    handleSelectChange(sourceSelectedKeys, targetSelectedKeys) {
+      this.transferConfig.selectedKeys = [...sourceSelectedKeys, ...targetSelectedKeys];
     },
     cancel() {
       this.$emit("update:show", false);
+      this.$refs.transferModalForm.resetFields();
+      this.transferConfig.selectedKeys = [];
+      this.transferConfig.targetKeys = [];
+      this.form.resourceType = "serviceTree";
+      this.form.resourceTypeValue = [];
     },
     ok() {
-      this.cancel();
+      this.$refs.transferModalForm.validate(valid => {
+        console.log(this.form, 'form');
+        if (valid) {
+          this.$emit("confirm", this.form);
+          this.cancel();
+        }
+      });
     },
     // 切换typeValue，更换TransferData
     changeTransferData(type, value) {
@@ -94529,15 +94787,23 @@ const typeOpts = [{
     },
     bindService() {
       this.transferConfig.disabled = !this.transferConfig.disabled;
+    },
+    // ip集合选中--批量确定
+    getIpList(value) {
+      this.transferConfig.selectedKeys = value;
+    },
+    // 批量搜索显示
+    showIpModal() {
+      this.ipModalShow = true;
     }
   }
 });
 ;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=script&lang=js
  /* harmony default export */ var packages_CusTransfer_srcvue_type_script_lang_js = (CusTransfer_srcvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=4eeb78d4&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=6c1d97a6&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=4eeb78d4&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue?vue&type=style&index=0&id=6c1d97a6&prod&lang=less&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/CusTransfer/src/index.vue
 
@@ -94550,11 +94816,11 @@ const typeOpts = [{
 
 var CusTransfer_src_component = normalizeComponent(
   packages_CusTransfer_srcvue_type_script_lang_js,
-  srcvue_type_template_id_4eeb78d4_scoped_true_render,
-  srcvue_type_template_id_4eeb78d4_scoped_true_staticRenderFns,
+  srcvue_type_template_id_6c1d97a6_scoped_true_render,
+  srcvue_type_template_id_6c1d97a6_scoped_true_staticRenderFns,
   false,
   null,
-  "4eeb78d4",
+  "6c1d97a6",
   null
   
 )