yw-ui-vue2 1.0.0 → 1.0.2

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

@@ -35654,7 +35654,6 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  Transfer1: function() { return /* reexport */ packages_Transfer1; },
   YwAutoComplete: function() { return /* reexport */ packages_AutoComplete; },
   YwAvatar: function() { return /* reexport */ packages_Avatar; },
   YwBadge: function() { return /* reexport */ packages_Badge; },
@@ -35668,6 +35667,7 @@ __webpack_require__.d(__webpack_exports__, {
   YwCollapse: function() { return /* reexport */ packages_Collapse; },
   YwConfigProvider: function() { return /* reexport */ packages_ConfigProvider; },
   YwContainer: function() { return /* reexport */ packages_PageContainer; },
+  YwCusTransfer: function() { return /* reexport */ ResourcePoolModal; },
   YwDatePicker: function() { return /* reexport */ packages_DatePicker; },
   YwDescriptions: function() { return /* reexport */ Description; },
   YwDivider: function() { return /* reexport */ packages_Divider; },
@@ -67614,15 +67614,51 @@ es_table_Table.install = function (Vue) {
 };
 
 /* harmony default export */ var table = (es_table_Table);
+;// 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/Table/src/YwTable.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var YwTablevue_type_script_lang_js = ({
+  name: "YwTable",
+  extends: table
+});
+;// CONCATENATED MODULE: ./packages/Table/src/YwTable.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_YwTablevue_type_script_lang_js = (YwTablevue_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/Table/src/YwTable.vue?vue&type=style&index=0&id=4a6a87b6&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./packages/Table/src/YwTable.vue?vue&type=style&index=0&id=4a6a87b6&prod&lang=less&scoped=true
+
+;// CONCATENATED MODULE: ./packages/Table/src/YwTable.vue
+var YwTable_render, YwTable_staticRenderFns
+;
+
+;
+
+
+/* normalize component */
+
+var YwTable_component = normalizeComponent(
+  src_YwTablevue_type_script_lang_js,
+  YwTable_render,
+  YwTable_staticRenderFns,
+  false,
+  null,
+  "4a6a87b6",
+  null
+  
+)
+
+/* harmony default export */ var YwTable = (YwTable_component.exports);
 ;// CONCATENATED MODULE: ./packages/Table/index.js
 
 
+
 const {
   Column: Table_Column,
   ColumnGroup: Table_ColumnGroup,
   ...Table_other
 } = table;
-const YwTable = {
+const Table_YwTable = {
   ...Table_other,
   name: "YwTable",
   Column: {
@@ -67634,12 +67670,12 @@ const YwTable = {
     name: "YwColumnGroup"
   }
 };
-YwTable.install = function (Vue) {
-  Vue.component(YwTable.name, table);
-  Vue.component(YwTable.Column.name, table.Column);
-  Vue.component(YwTable.ColumnGroup.name, table.ColumnGroup);
+Table_YwTable.install = function (Vue) {
+  Vue.component(Table_YwTable.name, YwTable);
+  Vue.component(Table_YwTable.Column.name, table.Column);
+  Vue.component(Table_YwTable.ColumnGroup.name, table.ColumnGroup);
 };
-/* harmony default export */ var packages_Table = (YwTable);
+/* harmony default export */ var packages_Table = (Table_YwTable);
 ;// CONCATENATED MODULE: ./node_modules/ant-design-vue/es/card/style/index.less
 // extracted by mini-css-extract-plugin
 
@@ -92670,6 +92706,213 @@ YwCollapse.install = function (Vue) {
   Vue.component(YwCollapse.Panel.name, Collapse_Panel);
 };
 /* harmony default export */ var packages_Collapse = (YwCollapse);
+;// 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/ResourcePoolModal/CusTransfer.vue?vue&type=template&id=df70a03a&scoped=true
+var CusTransfervue_type_template_id_df70a03a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('a-modal', _vm._b({
+    on: {
+      "cancel": _vm.cancel,
+      "ok": _vm.submit
+    }
+  }, 'a-modal', _vm.modalConfig, false), [_c('div', {
+    staticClass: "transferModal"
+  }, [_c('a-form-model', {
+    ref: "transferForm",
+    attrs: {
+      "model": _vm.form,
+      "rules": _vm.rules,
+      "colon": false
+    }
+  }, [_c('a-form-model-item', {
+    staticClass: "pool",
+    attrs: {
+      "labelAlign": "left",
+      "label": "资源池",
+      "prop": "resourcePoolValue",
+      "required": ""
+    }
+  }, [_c('a-cascader', {
+    staticStyle: {
+      "flex": "0.6"
+    },
+    attrs: {
+      "options": _vm.resourcePoolList,
+      "change-on-selec": "",
+      "placeholder": "请选择资源池",
+      "allowClear": ""
+    },
+    on: {
+      "change": value => _vm.changeTransferData('pool', value)
+    },
+    model: {
+      value: _vm.form.resourcePoolValue,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourcePoolValue", $$v);
+      },
+      expression: "form.resourcePoolValue"
+    }
+  }), _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": {
+        span: 2
+      },
+      "labelAlign": "left",
+      "prop": "resourceTypeValue"
+    }
+  }, [_c('div', {
+    staticClass: "left"
+  }, [_c('a-select', {
+    staticClass: "selectType",
+    staticStyle: {
+      "min-width": "88px"
+    },
+    attrs: {
+      "placeholder": "请选择",
+      "options": _vm.selectOpt
+    },
+    on: {
+      "change": _vm.changeType
+    },
+    model: {
+      value: _vm.form.resourceType,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceType", $$v);
+      },
+      expression: "form.resourceType"
+    }
+  }), _vm._v(" "), _vm.form.resourceType === 'serviceTree' ? _c('a-cascader', {
+    staticStyle: {
+      "flex": "1"
+    },
+    attrs: {
+      "options": _vm.serviceTreeList,
+      "change-on-selec": "",
+      "placeholder": "请选择服务树节点",
+      "allowClear": "",
+      "show-search": true
+    },
+    on: {
+      "change": value => _vm.changeTransferData('resourceType', value)
+    },
+    model: {
+      value: _vm.form.resourceTypeValue,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceTypeValue", $$v);
+      },
+      expression: "form.resourceTypeValue"
+    }
+  }) : _vm.form.resourceType === 'projectDesc' ? _c('a-select', {
+    attrs: {
+      "allowClear": "",
+      "showSearch": "",
+      "placeholder": "请输入项目描述",
+      "options": _vm.descsriptionList,
+      "filterOption": false
+    },
+    on: {
+      "change": value => _vm.changeTransferData('resourceType', value),
+      "search": _vm.fetchApi
+    },
+    model: {
+      value: _vm.form.resourceTypeValue,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceTypeValue", $$v);
+      },
+      expression: "form.resourceTypeValue"
+    }
+  }, [_c('template', {
+    slot: "notFoundContent"
+  }, [!_vm.descsriptionList.length > 0 ? _c('a-spin', {
+    attrs: {
+      "size": "small"
+    }
+  }) : _c('a-empty')], 1)], 2) : _vm.form.resourceType === 'customerDesc' ? _c('a-select', {
+    attrs: {
+      "allowClear": "",
+      "showSearch": "",
+      "placeholder": "请输入客户描述",
+      "options": _vm.descsriptionList,
+      "filterOption": false
+    },
+    on: {
+      "change": value => _vm.changeTransferData('resourceType', value),
+      "search": _vm.fetchApi
+    },
+    model: {
+      value: _vm.form.resourceTypeValue,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "resourceTypeValue", $$v);
+      },
+      expression: "form.resourceTypeValue"
+    }
+  }, [_c('template', {
+    slot: "notFoundContent"
+  }, [!_vm.descsriptionList.length > 0 ? _c('a-spin', {
+    attrs: {
+      "size": "small"
+    }
+  }) : _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 CusTransfervue_type_template_id_df70a03a_scoped_true_staticRenderFns = [];
+
 ;// CONCATENATED MODULE: ./node_modules/ant-design-vue/es/transfer/style/index.less
 // extracted by mini-css-extract-plugin
 
@@ -94194,178 +94437,396 @@ Transfer.install = function (Vue) {
 };
 
 /* harmony default export */ var transfer = (Transfer);
-;// CONCATENATED MODULE: ./packages/Transfer/index.js
-
-
-const {
-  ...Transfer_other
-} = transfer;
-const YwTransfer = {
-  ...Transfer_other,
-  name: "YwTransfer"
-};
-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/Transfer1/index.vue?vue&type=template&id=0ee2fb33&scoped=true
-var Transfer1vue_type_template_id_0ee2fb33_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/ResourcePoolModal/component/BatchSelectIP.vue?vue&type=template&id=c1d16450&scoped=true
+var BatchSelectIPvue_type_template_id_c1d16450_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "ant-transfer"
-  }, [_c('div', {
-    staticClass: "ant-transfer-list"
-  }, [_c('div', {
-    staticClass: "ant-transfer-list-header"
-  }, [_c('label', {
-    staticClass: "ant-checkbox-wrapper"
-  }, [_c('span', {
-    staticClass: "ant-checkbox"
-  }, [_c('yw-input', {
+  return _c('a-modal', {
     attrs: {
-      "type": "checkbox"
+      "title": "批量搜索",
+      "visible": _vm.show
     },
     on: {
-      "change": _vm.selectAllItems
-    },
-    model: {
-      value: _vm.selectAll,
-      callback: function ($$v) {
-        _vm.selectAll = $$v;
-      },
-      expression: "selectAll"
+      "ok": _vm.confirm,
+      "cancel": _vm.close
     }
-  })], 1)]), _vm._v(" "), _c('span', {
-    staticClass: "ant-transfer-list-header-selected"
-  }, [_c('span', [_vm._v(" " + _vm._s(_vm.leftcount) + _vm._s(_vm.titleleft) + "(13项)")])])]), _vm._v(" "), _c('div', {
-    staticClass: "ant-transfer-list-body ant-transfer-list-body-with-search"
-  }, [_c('div', {
-    staticClass: "ant-transfer-list-body-search-wrapper"
-  }, [_c('div', [_c('yw-input', {
-    staticClass: "ant-transfer-list-search",
+  }, [_c('a-form-model', {
+    ref: "ipForm",
     attrs: {
-      "placeholder": _vm.searchplaceholder
+      "model": _vm.form,
+      "rules": _vm.rules,
+      "colon": false
     }
-  }, [_c('yw-icon', {
-    attrs: {
-      "slot": "prefix",
-      "iconClass": "xian16-sousuo"
-    },
-    slot: "prefix"
-  })], 1)], 1)])])]), _vm._v(" "), _c('div', {
-    staticClass: "ant-transfer-operation"
-  }, [_c('yw-button', {
+  }, [_c('a-form-model-item', {
+    staticClass: "pool",
     attrs: {
-      "type": "primary",
-      "size": "small"
+      "labelAlign": "left",
+      "label": "资源池IP地址",
+      "prop": "ipList",
+      "required": ""
     }
-  }, [_c('yw-icon', {
+  }, [_c('a-textarea', {
     attrs: {
-      "iconClass": "xian16-you"
+      "rows": 4,
+      "placeholder": "请输入IP地址，可以输入多个，用英文逗号隔开",
+      "allow-clear": ""
+    },
+    model: {
+      value: _vm.form.ipList,
+      callback: function ($$v) {
+        _vm.$set(_vm.form, "ipList", $$v);
+      },
+      expression: "form.ipList"
     }
-  })], 1), _vm._v(" "), _c('yw-button', {
-    attrs: {
-      "type": "primary",
-      "size": "small"
+  })], 1)], 1)], 1);
+};
+var BatchSelectIPvue_type_template_id_c1d16450_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/ResourcePoolModal/component/BatchSelectIP.vue?vue&type=script&lang=js
+
+
+
+
+
+
+/* harmony default export */ var BatchSelectIPvue_type_script_lang_js = ({
+  name: "BatchSelect",
+  components: {
+    Modal: modal,
+    FormModel: form_model,
+    Input: es_input
+  },
+  data() {
+    return {
+      form: {
+        ipList: ""
+      },
+      rules: {
+        ipList: [{
+          required: true,
+          message: "请输入IP地址"
+        }, {
+          pattern: /^[0-9,.]+$/,
+          message: "请按格式输入IP地址"
+        }]
+      },
+      show: false
+    };
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
     }
-  }, [_c('yw-icon', {
-    attrs: {
-      "iconClass": "xian16-zuo"
+  },
+  watch: {
+    visible(val) {
+      this.show = val;
     }
-  })], 1)], 1), _vm._v(" "), _c('div', {
-    staticClass: "yw-transfer-list"
-  }, [_c('span', {
-    staticClass: "yw-transfer-list-header"
-  }, [_vm._m(0), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.rightcount) + " (" + _vm._s(_vm.titleright) + ")")])]), _vm._v(" "), _c('div', {
-    staticClass: "ant-transfer-list-body ant-transfer-list-body-with-search"
-  })])]);
-};
-var Transfer1vue_type_template_id_0ee2fb33_scoped_true_staticRenderFns = [function () {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('span', {
-    staticClass: "ant-checkbox"
-  }, [_c('label')]);
-}];
+  },
+  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/ResourcePoolModal/component/BatchSelectIP.vue?vue&type=script&lang=js
+ /* harmony default export */ var component_BatchSelectIPvue_type_script_lang_js = (BatchSelectIPvue_type_script_lang_js); 
+;// CONCATENATED MODULE: ./packages/ResourcePoolModal/component/BatchSelectIP.vue
+
+
+
+
+
+/* normalize component */
+;
+var BatchSelectIP_component = normalizeComponent(
+  component_BatchSelectIPvue_type_script_lang_js,
+  BatchSelectIPvue_type_template_id_c1d16450_scoped_true_render,
+  BatchSelectIPvue_type_template_id_c1d16450_scoped_true_staticRenderFns,
+  false,
+  null,
+  "c1d16450",
+  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/ResourcePoolModal/CusTransfer.vue?vue&type=script&lang=js
+
+
+
+
+
 
-;// CONCATENATED MODULE: ./packages/Transfer1/index.vue?vue&type=template&id=0ee2fb33&scoped=true
 
-;// 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/Transfer1/index.vue?vue&type=script&lang=js
-/* harmony default export */ var Transfer1vue_type_script_lang_js = ({
-  name: "Transfer1",
+
+
+
+
+
+
+
+
+
+
+
+
+// type分类初始配置
+const selectOpt = [{
+  label: "服务树",
+  value: "serviceTree"
+}, {
+  label: "项目描述",
+  value: "projectDesc"
+}, {
+  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 = {
+  visible: false,
+  title: "选择资源",
+  width: 700
+};
+/* harmony default export */ var CusTransfervue_type_script_lang_js = ({
+  name: "YwCusTransfer",
+  components: {
+    BatchSelectIP: BatchSelectIP,
+    modal: modal,
+    Button: es_button,
+    FormModel: form_model,
+    Transfer: transfer,
+    Icon: es_icon,
+    Select: es_select,
+    Spin: spin,
+    Empty: es_empty,
+    Cascader: cascader
+  },
   props: {
-    items: {
+    // 显示资源
+    resourcePoolValue: {
       type: Array,
       default: () => []
     },
-    selectedItems: {
+    // 资源池
+    resourcePoolList: {
       type: Array,
       default: () => []
     },
-    titleleft: {
-      default: "Source"
+    // 类型--服务树，项目描述，客户描述
+    resourceType: {
+      type: String,
+      default: "serviceTree"
     },
-    titleright: {
-      default: "Target"
+    // 类型--值
+    resourceTypeValue: {
+      type: Array | String,
+      default: () => []
     },
-    filedLeftList: {
-      type: Array
+    // 类型--列表
+    resourceTypeList: {
+      type: Array,
+      default: () => []
     },
-    searchplaceholder: {
-      type: String,
-      default: "搜索"
+    // 穿梭框配置参数
+    transferProps: {
+      type: Object,
+      default: () => {}
+    },
+    modalProps: {
+      type: Object,
+      default: () => {}
     }
   },
   data() {
     return {
-      searchKeantord: "",
-      selectAll: false,
-      leftActive: false,
-      rightActive: false,
-      disabled: false,
-      leftcount: 0,
-      rightcount: 0
+      // 表单数据
+      form: {},
+      rules: {
+        resourcePoolValue: [{
+          required: true,
+          message: "请选择资源池"
+        }]
+      },
+      selectOpt,
+      transferConfig,
+      ipModalShow: false,
+      serviceTreeList: [],
+      descsriptionList: [],
+      modalConfig
     };
   },
-  computed: {
-    filteredItems() {
-      return this.items.filter(item => item.label.includes(this.searchKeantord));
-    }
-  },
-  methods: {
-    selectAllItems() {
-      if (this.selectAll) {
-        this.selectedItems = this.items.slice();
+  watch: {
+    // 资源显示
+    resourcePoolValue(newVal) {
+      // console.log(newVal, this.resourceTypeValue, "poolVal-哈哈-transfer");
+      this.form.resourcePoolValue = newVal;
+    },
+    // 类型分类type
+    resourceType(newVal) {
+      this.form.resourceType = newVal || "serviceTree";
+    },
+    // 分类list显示
+    resourceTypeValue(newVal) {
+      // console.log(newVal, this.resourceTypeValue, "poolVal-哈哈-transfer");
+      this.form.resourceTypeValue = newVal;
+    },
+    // 分类list
+    resourceTypeList(newVal) {
+      // 服务树list
+      if (this.form.resourceType === "serviceTree") {
+        this.serviceTreeList = newVal || [];
+        // 描述list
       } else {
-        this.selectedItems = [];
+        this.descsriptionList = newVal || [];
       }
     },
-    toggleItem() {
-      if (this.selectedItems.length === this.items.length) {
-        this.selectAll = true;
-      } else {
-        this.selectAll = false;
-      }
+    // 穿梭框配置信息
+    transferProps(newVal, oldVal) {
+      this.transferConfig = {
+        ...this.transferConfig,
+        ...newVal
+      };
     },
-    moveToSelected() {
-      // 将选中项移动到已选项中
-      // ...
+    // 弹窗配置信息
+    modalProps(newVal, oldVal) {
+      // console.log(newVal, oldVal, this.modalConfig, "modalProps");
+      this.$set(this, "modalConfig", {
+        ...modalConfig,
+        ...newVal
+      });
+    }
+  },
+  created() {
+    // 初始化
+    this.form = {
+      resourcePoolValue: this.resourcePoolValue,
+      // 显示资源池
+      resourceTypeValue: this.resourceTypeValue,
+      // 显示类型值名称
+      resourceType: this.resourceType,
+      // 类型
+      selectedKeys: this.transferProps?.targetKeys || [] // 选定的ip
+    };
+    // 穿梭框配置参数合并
+    this.transferConfig = {
+      ...transferConfig,
+      ...this.transferProps,
+      targetKeys: this.transferProps?.targetKeys ? this.transferProps?.targetKeys : []
+    };
+    // 弹窗配置参数合并
+    this.modalConfig = {
+      ...modalConfig,
+      ...this.modalProps
+    };
+    this.serviceTreeList = this.resourceTypeList || [];
+    // console.log(this.form, "this.form--transfer--");
+  },
+  mounted() {},
+  methods: {
+    // 模糊搜索描述列表
+    fetchApi(value) {
+      console.log(value, "value");
+      value.trim() && this.$emit("updateTypeList", {
+        key: value,
+        type: this.form.resourceType
+      });
+    },
+    // changeType
+    changeType(key) {
+      this.form.resourceTypeValue = key === "serviceTree" ? [] : undefined;
+      this.descsriptionList = [];
+      this.transferConfig.disabled = false;
+      this.transferConfig.targetKeys = [];
+    },
+    // ip集合选中--批量确定
+    getIpList(value) {
+      this.transferConfig.selectedKeys = value;
+    },
+    // 批量搜索显示
+    showIpModal() {
+      this.ipModalShow = true;
+    },
+    // 穿梭
+    handleChange(targetKeys, direction, moveKeys) {
+      this.transferConfig.targetKeys = targetKeys;
+      this.form.selectedKeys = targetKeys;
+    },
+    // 穿梭框选中
+    handleSelectChange(sourceSelectedKeys, targetSelectedKeys) {
+      this.transferConfig.selectedKeys = [...sourceSelectedKeys, ...targetSelectedKeys];
+    },
+    // 提交确定
+    submit() {
+      this.$refs.transferForm.validate(valid => {
+        if (valid) {
+          this.modalConfig.ok(this.form);
+          this.cancel();
+        }
+      });
     },
-    moveToUnselected() {
-      // 将选中项移动到未选项中
-      // ...
+    // 关闭
+    cancel() {
+      this.$refs.transferForm.resetFields();
+      this.modalConfig.cancel(false);
+      this.transferConfig.selectedKeys = [];
+      this.transferConfig.targetKeys = [];
+      this.form.resourceType = 'serviceTree';
+      this.form.resourceTypeValue = [];
+    },
+    // 绑定服务
+    bindService() {
+      this.transferConfig.disabled = !this.transferConfig.disabled;
+    },
+    // 切换typeValue，更换TransferData
+    changeTransferData(type, value) {
+      console.log("updateTransferData", {
+        key: value,
+        type: type
+      });
+      this.$emit("updateTransferData", {
+        key: value,
+        type: type
+      });
     }
   }
 });
-;// CONCATENATED MODULE: ./packages/Transfer1/index.vue?vue&type=script&lang=js
- /* harmony default export */ var packages_Transfer1vue_type_script_lang_js = (Transfer1vue_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/Transfer1/index.vue?vue&type=style&index=0&id=0ee2fb33&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/ResourcePoolModal/CusTransfer.vue?vue&type=script&lang=js
+ /* harmony default export */ var ResourcePoolModal_CusTransfervue_type_script_lang_js = (CusTransfervue_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/ResourcePoolModal/CusTransfer.vue?vue&type=style&index=0&id=df70a03a&prod&lang=less&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/Transfer1/index.vue?vue&type=style&index=0&id=0ee2fb33&prod&lang=less&scoped=true
+;// CONCATENATED MODULE: ./packages/ResourcePoolModal/CusTransfer.vue?vue&type=style&index=0&id=df70a03a&prod&lang=less&scoped=true
 
-;// CONCATENATED MODULE: ./packages/Transfer1/index.vue
+;// CONCATENATED MODULE: ./packages/ResourcePoolModal/CusTransfer.vue
 
 
 
@@ -94374,24 +94835,38 @@ var Transfer1vue_type_template_id_0ee2fb33_scoped_true_staticRenderFns = [functi
 
 /* normalize component */
 
-var Transfer1_component = normalizeComponent(
-  packages_Transfer1vue_type_script_lang_js,
-  Transfer1vue_type_template_id_0ee2fb33_scoped_true_render,
-  Transfer1vue_type_template_id_0ee2fb33_scoped_true_staticRenderFns,
+var CusTransfer_component = normalizeComponent(
+  ResourcePoolModal_CusTransfervue_type_script_lang_js,
+  CusTransfervue_type_template_id_df70a03a_scoped_true_render,
+  CusTransfervue_type_template_id_df70a03a_scoped_true_staticRenderFns,
   false,
   null,
-  "0ee2fb33",
+  "df70a03a",
   null
   
 )
 
-/* harmony default export */ var Transfer1 = (Transfer1_component.exports);
-;// CONCATENATED MODULE: ./packages/Transfer1/index.js
+/* harmony default export */ var CusTransfer = (CusTransfer_component.exports);
+;// CONCATENATED MODULE: ./packages/ResourcePoolModal/index.js
+
+CusTransfer.install = function (Vue) {
+  Vue.component(CusTransfer.name, CusTransfer);
+};
+/* harmony default export */ var ResourcePoolModal = (CusTransfer);
+;// CONCATENATED MODULE: ./packages/Transfer/index.js
+
 
-Transfer1.install = function (Vue) {
-  Vue.component(Transfer1.name, Transfer1);
+const {
+  ...Transfer_other
+} = transfer;
+const YwTransfer = {
+  ...Transfer_other,
+  name: "YwTransfer"
 };
-/* harmony default export */ var packages_Transfer1 = (Transfer1);
+YwTransfer.install = function (Vue) {
+  Vue.component(YwTransfer.name, transfer);
+};
+/* harmony default export */ var packages_Transfer = (YwTransfer);
 ;// CONCATENATED MODULE: ./packages/index.js
 
 
@@ -94448,7 +94923,7 @@ Transfer1.install = function (Vue) {
 
 
 
-const components = [Button, packages_layout, packages_Divider, packages_Space, Grid_Col, Grid_Row, packages_icon, packages_Input, packages_Select, packages_Tabs, packages_Pagination, packages_Drawer, packages_Menu, packages_Form, packages_Table, packages_Card, BreadRumb, packages_Spin, packages_Modal, packages_Popover, packages_Tag, packages_Dropdown, PopConfirm, packages_PageHeader, packages_Radio, Message, packages_list, packages_Mentions, packages_Rate, packages_DatePicker, packages_Tree, Progress, packages_Tooltip, packages_Steps, packages_Checkbox, packages_Cascader, packages_Switch, packages_ConfigProvider, packages_LocaleProvider, packages_AutoComplete, packages_InputNumber, packages_Notification, packages_Skeleton, packages_Slider, packages_Avatar, packages_Calendar, FormModel, Description, packages_Badge, packages_TimePicker, packages_PageContainer, packages_Collapse, packages_Transfer, packages_Transfer1];
+const components = [Button, packages_layout, packages_Divider, packages_Space, Grid_Col, Grid_Row, packages_icon, packages_Input, packages_Select, packages_Tabs, packages_Pagination, packages_Drawer, packages_Menu, packages_Form, packages_Table, packages_Card, BreadRumb, packages_Spin, packages_Modal, packages_Popover, packages_Tag, packages_Dropdown, PopConfirm, packages_PageHeader, packages_Radio, Message, packages_list, packages_Mentions, packages_Rate, packages_DatePicker, packages_Tree, Progress, packages_Tooltip, packages_Steps, packages_Checkbox, packages_Cascader, packages_Switch, packages_ConfigProvider, packages_LocaleProvider, packages_AutoComplete, packages_InputNumber, packages_Notification, packages_Skeleton, packages_Slider, packages_Avatar, packages_Calendar, FormModel, Description, packages_Badge, packages_TimePicker, packages_PageContainer, packages_Collapse, ResourcePoolModal, packages_Transfer];
 // 定义install方法，接收Vue作为参数
 const packages_install = function (Vue) {
   if (packages_install.installed) return;