yw-ui-vue2 1.0.2 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/yw-ui-vue2.common.js +4 -626
- package/lib/yw-ui-vue2.common.js.map +1 -1
- package/lib/yw-ui-vue2.css +1 -1
- package/lib/yw-ui-vue2.umd.js +4 -626
- package/lib/yw-ui-vue2.umd.js.map +1 -1
- package/lib/yw-ui-vue2.umd.min.js +1 -1
- package/lib/yw-ui-vue2.umd.min.js.map +1 -1
- package/package.json +1 -1
package/lib/yw-ui-vue2.common.js
CHANGED
|
@@ -35667,7 +35667,6 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
35667
35667
|
YwCollapse: function() { return /* reexport */ packages_Collapse; },
|
|
35668
35668
|
YwConfigProvider: function() { return /* reexport */ packages_ConfigProvider; },
|
|
35669
35669
|
YwContainer: function() { return /* reexport */ packages_PageContainer; },
|
|
35670
|
-
YwCusTransfer: function() { return /* reexport */ ResourcePoolModal; },
|
|
35671
35670
|
YwDatePicker: function() { return /* reexport */ packages_DatePicker; },
|
|
35672
35671
|
YwDescriptions: function() { return /* reexport */ Description; },
|
|
35673
35672
|
YwDivider: function() { return /* reexport */ packages_Divider; },
|
|
@@ -92706,213 +92705,6 @@ YwCollapse.install = function (Vue) {
|
|
|
92706
92705
|
Vue.component(YwCollapse.Panel.name, Collapse_Panel);
|
|
92707
92706
|
};
|
|
92708
92707
|
/* harmony default export */ var packages_Collapse = (YwCollapse);
|
|
92709
|
-
;// 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
|
|
92710
|
-
var CusTransfervue_type_template_id_df70a03a_scoped_true_render = function render() {
|
|
92711
|
-
var _vm = this,
|
|
92712
|
-
_c = _vm._self._c;
|
|
92713
|
-
return _c('a-modal', _vm._b({
|
|
92714
|
-
on: {
|
|
92715
|
-
"cancel": _vm.cancel,
|
|
92716
|
-
"ok": _vm.submit
|
|
92717
|
-
}
|
|
92718
|
-
}, 'a-modal', _vm.modalConfig, false), [_c('div', {
|
|
92719
|
-
staticClass: "transferModal"
|
|
92720
|
-
}, [_c('a-form-model', {
|
|
92721
|
-
ref: "transferForm",
|
|
92722
|
-
attrs: {
|
|
92723
|
-
"model": _vm.form,
|
|
92724
|
-
"rules": _vm.rules,
|
|
92725
|
-
"colon": false
|
|
92726
|
-
}
|
|
92727
|
-
}, [_c('a-form-model-item', {
|
|
92728
|
-
staticClass: "pool",
|
|
92729
|
-
attrs: {
|
|
92730
|
-
"labelAlign": "left",
|
|
92731
|
-
"label": "资源池",
|
|
92732
|
-
"prop": "resourcePoolValue",
|
|
92733
|
-
"required": ""
|
|
92734
|
-
}
|
|
92735
|
-
}, [_c('a-cascader', {
|
|
92736
|
-
staticStyle: {
|
|
92737
|
-
"flex": "0.6"
|
|
92738
|
-
},
|
|
92739
|
-
attrs: {
|
|
92740
|
-
"options": _vm.resourcePoolList,
|
|
92741
|
-
"change-on-selec": "",
|
|
92742
|
-
"placeholder": "请选择资源池",
|
|
92743
|
-
"allowClear": ""
|
|
92744
|
-
},
|
|
92745
|
-
on: {
|
|
92746
|
-
"change": value => _vm.changeTransferData('pool', value)
|
|
92747
|
-
},
|
|
92748
|
-
model: {
|
|
92749
|
-
value: _vm.form.resourcePoolValue,
|
|
92750
|
-
callback: function ($$v) {
|
|
92751
|
-
_vm.$set(_vm.form, "resourcePoolValue", $$v);
|
|
92752
|
-
},
|
|
92753
|
-
expression: "form.resourcePoolValue"
|
|
92754
|
-
}
|
|
92755
|
-
}), _vm._v(" "), _c('a-button', {
|
|
92756
|
-
attrs: {
|
|
92757
|
-
"icon": "filter"
|
|
92758
|
-
},
|
|
92759
|
-
on: {
|
|
92760
|
-
"click": _vm.showIpModal
|
|
92761
|
-
}
|
|
92762
|
-
}, [_vm._v("批量搜索")])], 1), _vm._v(" "), _c('a-form-model-item', {
|
|
92763
|
-
staticClass: "category",
|
|
92764
|
-
attrs: {
|
|
92765
|
-
"labelCol": {
|
|
92766
|
-
span: 2
|
|
92767
|
-
},
|
|
92768
|
-
"labelAlign": "left",
|
|
92769
|
-
"prop": "resourceTypeValue"
|
|
92770
|
-
}
|
|
92771
|
-
}, [_c('div', {
|
|
92772
|
-
staticClass: "left"
|
|
92773
|
-
}, [_c('a-select', {
|
|
92774
|
-
staticClass: "selectType",
|
|
92775
|
-
staticStyle: {
|
|
92776
|
-
"min-width": "88px"
|
|
92777
|
-
},
|
|
92778
|
-
attrs: {
|
|
92779
|
-
"placeholder": "请选择",
|
|
92780
|
-
"options": _vm.selectOpt
|
|
92781
|
-
},
|
|
92782
|
-
on: {
|
|
92783
|
-
"change": _vm.changeType
|
|
92784
|
-
},
|
|
92785
|
-
model: {
|
|
92786
|
-
value: _vm.form.resourceType,
|
|
92787
|
-
callback: function ($$v) {
|
|
92788
|
-
_vm.$set(_vm.form, "resourceType", $$v);
|
|
92789
|
-
},
|
|
92790
|
-
expression: "form.resourceType"
|
|
92791
|
-
}
|
|
92792
|
-
}), _vm._v(" "), _vm.form.resourceType === 'serviceTree' ? _c('a-cascader', {
|
|
92793
|
-
staticStyle: {
|
|
92794
|
-
"flex": "1"
|
|
92795
|
-
},
|
|
92796
|
-
attrs: {
|
|
92797
|
-
"options": _vm.serviceTreeList,
|
|
92798
|
-
"change-on-selec": "",
|
|
92799
|
-
"placeholder": "请选择服务树节点",
|
|
92800
|
-
"allowClear": "",
|
|
92801
|
-
"show-search": true
|
|
92802
|
-
},
|
|
92803
|
-
on: {
|
|
92804
|
-
"change": value => _vm.changeTransferData('resourceType', value)
|
|
92805
|
-
},
|
|
92806
|
-
model: {
|
|
92807
|
-
value: _vm.form.resourceTypeValue,
|
|
92808
|
-
callback: function ($$v) {
|
|
92809
|
-
_vm.$set(_vm.form, "resourceTypeValue", $$v);
|
|
92810
|
-
},
|
|
92811
|
-
expression: "form.resourceTypeValue"
|
|
92812
|
-
}
|
|
92813
|
-
}) : _vm.form.resourceType === 'projectDesc' ? _c('a-select', {
|
|
92814
|
-
attrs: {
|
|
92815
|
-
"allowClear": "",
|
|
92816
|
-
"showSearch": "",
|
|
92817
|
-
"placeholder": "请输入项目描述",
|
|
92818
|
-
"options": _vm.descsriptionList,
|
|
92819
|
-
"filterOption": false
|
|
92820
|
-
},
|
|
92821
|
-
on: {
|
|
92822
|
-
"change": value => _vm.changeTransferData('resourceType', value),
|
|
92823
|
-
"search": _vm.fetchApi
|
|
92824
|
-
},
|
|
92825
|
-
model: {
|
|
92826
|
-
value: _vm.form.resourceTypeValue,
|
|
92827
|
-
callback: function ($$v) {
|
|
92828
|
-
_vm.$set(_vm.form, "resourceTypeValue", $$v);
|
|
92829
|
-
},
|
|
92830
|
-
expression: "form.resourceTypeValue"
|
|
92831
|
-
}
|
|
92832
|
-
}, [_c('template', {
|
|
92833
|
-
slot: "notFoundContent"
|
|
92834
|
-
}, [!_vm.descsriptionList.length > 0 ? _c('a-spin', {
|
|
92835
|
-
attrs: {
|
|
92836
|
-
"size": "small"
|
|
92837
|
-
}
|
|
92838
|
-
}) : _c('a-empty')], 1)], 2) : _vm.form.resourceType === 'customerDesc' ? _c('a-select', {
|
|
92839
|
-
attrs: {
|
|
92840
|
-
"allowClear": "",
|
|
92841
|
-
"showSearch": "",
|
|
92842
|
-
"placeholder": "请输入客户描述",
|
|
92843
|
-
"options": _vm.descsriptionList,
|
|
92844
|
-
"filterOption": false
|
|
92845
|
-
},
|
|
92846
|
-
on: {
|
|
92847
|
-
"change": value => _vm.changeTransferData('resourceType', value),
|
|
92848
|
-
"search": _vm.fetchApi
|
|
92849
|
-
},
|
|
92850
|
-
model: {
|
|
92851
|
-
value: _vm.form.resourceTypeValue,
|
|
92852
|
-
callback: function ($$v) {
|
|
92853
|
-
_vm.$set(_vm.form, "resourceTypeValue", $$v);
|
|
92854
|
-
},
|
|
92855
|
-
expression: "form.resourceTypeValue"
|
|
92856
|
-
}
|
|
92857
|
-
}, [_c('template', {
|
|
92858
|
-
slot: "notFoundContent"
|
|
92859
|
-
}, [!_vm.descsriptionList.length > 0 ? _c('a-spin', {
|
|
92860
|
-
attrs: {
|
|
92861
|
-
"size": "small"
|
|
92862
|
-
}
|
|
92863
|
-
}) : _c('a-empty')], 1)], 2) : _vm._e()], 1), _vm._v(" "), _vm.form.resourceType === 'serviceTree' ? _c('div', [_c('a-checkbox', {
|
|
92864
|
-
on: {
|
|
92865
|
-
"change": _vm.bindService
|
|
92866
|
-
}
|
|
92867
|
-
}, [_vm._v("绑定服务")]), _vm._v(" "), _c('a-tooltip', {
|
|
92868
|
-
attrs: {
|
|
92869
|
-
"placement": "top",
|
|
92870
|
-
"title": "所选资源随服务下挂载资源实时更新"
|
|
92871
|
-
}
|
|
92872
|
-
}, [_c('a-icon', {
|
|
92873
|
-
attrs: {
|
|
92874
|
-
"type": "question-circle"
|
|
92875
|
-
}
|
|
92876
|
-
})], 1)], 1) : _vm._e()]), _vm._v(" "), _c('a-form-model-item', {
|
|
92877
|
-
attrs: {
|
|
92878
|
-
"labelCol": {
|
|
92879
|
-
span: 2
|
|
92880
|
-
},
|
|
92881
|
-
"labelAlign": "left",
|
|
92882
|
-
"prop": "selectedKeys"
|
|
92883
|
-
}
|
|
92884
|
-
}, [_c('a-transfer', _vm._b({
|
|
92885
|
-
attrs: {
|
|
92886
|
-
"list-style": {
|
|
92887
|
-
width: '45%',
|
|
92888
|
-
height: '300px'
|
|
92889
|
-
}
|
|
92890
|
-
},
|
|
92891
|
-
on: {
|
|
92892
|
-
"change": _vm.handleChange,
|
|
92893
|
-
"selectChange": _vm.handleSelectChange
|
|
92894
|
-
}
|
|
92895
|
-
}, 'a-transfer', {
|
|
92896
|
-
..._vm.transferConfig
|
|
92897
|
-
}, false), [_c('span', {
|
|
92898
|
-
attrs: {
|
|
92899
|
-
"slot": "notFoundContent"
|
|
92900
|
-
},
|
|
92901
|
-
slot: "notFoundContent"
|
|
92902
|
-
}, [_vm._v(" 暂无数据 ")])])], 1)], 1), _vm._v(" "), _c('BatchSelectIP', {
|
|
92903
|
-
attrs: {
|
|
92904
|
-
"visible": _vm.ipModalShow
|
|
92905
|
-
},
|
|
92906
|
-
on: {
|
|
92907
|
-
"update:visible": function ($event) {
|
|
92908
|
-
_vm.ipModalShow = $event;
|
|
92909
|
-
},
|
|
92910
|
-
"confirm": _vm.getIpList
|
|
92911
|
-
}
|
|
92912
|
-
})], 1)]);
|
|
92913
|
-
};
|
|
92914
|
-
var CusTransfervue_type_template_id_df70a03a_scoped_true_staticRenderFns = [];
|
|
92915
|
-
|
|
92916
92708
|
;// CONCATENATED MODULE: ./node_modules/ant-design-vue/es/transfer/style/index.less
|
|
92917
92709
|
// extracted by mini-css-extract-plugin
|
|
92918
92710
|
|
|
@@ -94437,422 +94229,6 @@ Transfer.install = function (Vue) {
|
|
|
94437
94229
|
};
|
|
94438
94230
|
|
|
94439
94231
|
/* harmony default export */ var transfer = (Transfer);
|
|
94440
|
-
;// 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
|
|
94441
|
-
var BatchSelectIPvue_type_template_id_c1d16450_scoped_true_render = function render() {
|
|
94442
|
-
var _vm = this,
|
|
94443
|
-
_c = _vm._self._c;
|
|
94444
|
-
return _c('a-modal', {
|
|
94445
|
-
attrs: {
|
|
94446
|
-
"title": "批量搜索",
|
|
94447
|
-
"visible": _vm.show
|
|
94448
|
-
},
|
|
94449
|
-
on: {
|
|
94450
|
-
"ok": _vm.confirm,
|
|
94451
|
-
"cancel": _vm.close
|
|
94452
|
-
}
|
|
94453
|
-
}, [_c('a-form-model', {
|
|
94454
|
-
ref: "ipForm",
|
|
94455
|
-
attrs: {
|
|
94456
|
-
"model": _vm.form,
|
|
94457
|
-
"rules": _vm.rules,
|
|
94458
|
-
"colon": false
|
|
94459
|
-
}
|
|
94460
|
-
}, [_c('a-form-model-item', {
|
|
94461
|
-
staticClass: "pool",
|
|
94462
|
-
attrs: {
|
|
94463
|
-
"labelAlign": "left",
|
|
94464
|
-
"label": "资源池IP地址",
|
|
94465
|
-
"prop": "ipList",
|
|
94466
|
-
"required": ""
|
|
94467
|
-
}
|
|
94468
|
-
}, [_c('a-textarea', {
|
|
94469
|
-
attrs: {
|
|
94470
|
-
"rows": 4,
|
|
94471
|
-
"placeholder": "请输入IP地址,可以输入多个,用英文逗号隔开",
|
|
94472
|
-
"allow-clear": ""
|
|
94473
|
-
},
|
|
94474
|
-
model: {
|
|
94475
|
-
value: _vm.form.ipList,
|
|
94476
|
-
callback: function ($$v) {
|
|
94477
|
-
_vm.$set(_vm.form, "ipList", $$v);
|
|
94478
|
-
},
|
|
94479
|
-
expression: "form.ipList"
|
|
94480
|
-
}
|
|
94481
|
-
})], 1)], 1)], 1);
|
|
94482
|
-
};
|
|
94483
|
-
var BatchSelectIPvue_type_template_id_c1d16450_scoped_true_staticRenderFns = [];
|
|
94484
|
-
|
|
94485
|
-
;// 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
|
|
94486
|
-
|
|
94487
|
-
|
|
94488
|
-
|
|
94489
|
-
|
|
94490
|
-
|
|
94491
|
-
|
|
94492
|
-
/* harmony default export */ var BatchSelectIPvue_type_script_lang_js = ({
|
|
94493
|
-
name: "BatchSelect",
|
|
94494
|
-
components: {
|
|
94495
|
-
Modal: modal,
|
|
94496
|
-
FormModel: form_model,
|
|
94497
|
-
Input: es_input
|
|
94498
|
-
},
|
|
94499
|
-
data() {
|
|
94500
|
-
return {
|
|
94501
|
-
form: {
|
|
94502
|
-
ipList: ""
|
|
94503
|
-
},
|
|
94504
|
-
rules: {
|
|
94505
|
-
ipList: [{
|
|
94506
|
-
required: true,
|
|
94507
|
-
message: "请输入IP地址"
|
|
94508
|
-
}, {
|
|
94509
|
-
pattern: /^[0-9,.]+$/,
|
|
94510
|
-
message: "请按格式输入IP地址"
|
|
94511
|
-
}]
|
|
94512
|
-
},
|
|
94513
|
-
show: false
|
|
94514
|
-
};
|
|
94515
|
-
},
|
|
94516
|
-
props: {
|
|
94517
|
-
visible: {
|
|
94518
|
-
type: Boolean,
|
|
94519
|
-
default: false
|
|
94520
|
-
}
|
|
94521
|
-
},
|
|
94522
|
-
watch: {
|
|
94523
|
-
visible(val) {
|
|
94524
|
-
this.show = val;
|
|
94525
|
-
}
|
|
94526
|
-
},
|
|
94527
|
-
methods: {
|
|
94528
|
-
confirm() {
|
|
94529
|
-
this.$refs.ipForm.validate(valid => {
|
|
94530
|
-
if (valid) {
|
|
94531
|
-
const res = this.form.ipList.split(",");
|
|
94532
|
-
// console.log(res)
|
|
94533
|
-
this.$emit("confirm", res);
|
|
94534
|
-
this.close();
|
|
94535
|
-
}
|
|
94536
|
-
});
|
|
94537
|
-
},
|
|
94538
|
-
/**
|
|
94539
|
-
* @description: 关闭弹窗
|
|
94540
|
-
*/
|
|
94541
|
-
close() {
|
|
94542
|
-
this.$refs.ipForm.resetFields();
|
|
94543
|
-
this.$emit("update:visible", false);
|
|
94544
|
-
}
|
|
94545
|
-
}
|
|
94546
|
-
});
|
|
94547
|
-
;// CONCATENATED MODULE: ./packages/ResourcePoolModal/component/BatchSelectIP.vue?vue&type=script&lang=js
|
|
94548
|
-
/* harmony default export */ var component_BatchSelectIPvue_type_script_lang_js = (BatchSelectIPvue_type_script_lang_js);
|
|
94549
|
-
;// CONCATENATED MODULE: ./packages/ResourcePoolModal/component/BatchSelectIP.vue
|
|
94550
|
-
|
|
94551
|
-
|
|
94552
|
-
|
|
94553
|
-
|
|
94554
|
-
|
|
94555
|
-
/* normalize component */
|
|
94556
|
-
;
|
|
94557
|
-
var BatchSelectIP_component = normalizeComponent(
|
|
94558
|
-
component_BatchSelectIPvue_type_script_lang_js,
|
|
94559
|
-
BatchSelectIPvue_type_template_id_c1d16450_scoped_true_render,
|
|
94560
|
-
BatchSelectIPvue_type_template_id_c1d16450_scoped_true_staticRenderFns,
|
|
94561
|
-
false,
|
|
94562
|
-
null,
|
|
94563
|
-
"c1d16450",
|
|
94564
|
-
null
|
|
94565
|
-
|
|
94566
|
-
)
|
|
94567
|
-
|
|
94568
|
-
/* harmony default export */ var BatchSelectIP = (BatchSelectIP_component.exports);
|
|
94569
|
-
;// 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
|
|
94570
|
-
|
|
94571
|
-
|
|
94572
|
-
|
|
94573
|
-
|
|
94574
|
-
|
|
94575
|
-
|
|
94576
|
-
|
|
94577
|
-
|
|
94578
|
-
|
|
94579
|
-
|
|
94580
|
-
|
|
94581
|
-
|
|
94582
|
-
|
|
94583
|
-
|
|
94584
|
-
|
|
94585
|
-
|
|
94586
|
-
|
|
94587
|
-
|
|
94588
|
-
|
|
94589
|
-
// type分类初始配置
|
|
94590
|
-
const selectOpt = [{
|
|
94591
|
-
label: "服务树",
|
|
94592
|
-
value: "serviceTree"
|
|
94593
|
-
}, {
|
|
94594
|
-
label: "项目描述",
|
|
94595
|
-
value: "projectDesc"
|
|
94596
|
-
}, {
|
|
94597
|
-
label: "客户描述",
|
|
94598
|
-
value: "customerDesc"
|
|
94599
|
-
}];
|
|
94600
|
-
// transfer默认配置
|
|
94601
|
-
const transferConfig = {
|
|
94602
|
-
showSearch: true,
|
|
94603
|
-
showSelectAll: true,
|
|
94604
|
-
showArrow: true,
|
|
94605
|
-
disabled: false,
|
|
94606
|
-
titles: ["资源实列", "目标资源"],
|
|
94607
|
-
searchPlaceholder: "请输入搜索内容",
|
|
94608
|
-
render: item => `${item.title || item.description}`,
|
|
94609
|
-
targetKeys: [],
|
|
94610
|
-
selectedKeys: undefined,
|
|
94611
|
-
dataSource: []
|
|
94612
|
-
};
|
|
94613
|
-
// modal弹框配置
|
|
94614
|
-
const modalConfig = {
|
|
94615
|
-
visible: false,
|
|
94616
|
-
title: "选择资源",
|
|
94617
|
-
width: 700
|
|
94618
|
-
};
|
|
94619
|
-
/* harmony default export */ var CusTransfervue_type_script_lang_js = ({
|
|
94620
|
-
name: "YwCusTransfer",
|
|
94621
|
-
components: {
|
|
94622
|
-
BatchSelectIP: BatchSelectIP,
|
|
94623
|
-
modal: modal,
|
|
94624
|
-
Button: es_button,
|
|
94625
|
-
FormModel: form_model,
|
|
94626
|
-
Transfer: transfer,
|
|
94627
|
-
Icon: es_icon,
|
|
94628
|
-
Select: es_select,
|
|
94629
|
-
Spin: spin,
|
|
94630
|
-
Empty: es_empty,
|
|
94631
|
-
Cascader: cascader
|
|
94632
|
-
},
|
|
94633
|
-
props: {
|
|
94634
|
-
// 显示资源
|
|
94635
|
-
resourcePoolValue: {
|
|
94636
|
-
type: Array,
|
|
94637
|
-
default: () => []
|
|
94638
|
-
},
|
|
94639
|
-
// 资源池
|
|
94640
|
-
resourcePoolList: {
|
|
94641
|
-
type: Array,
|
|
94642
|
-
default: () => []
|
|
94643
|
-
},
|
|
94644
|
-
// 类型--服务树,项目描述,客户描述
|
|
94645
|
-
resourceType: {
|
|
94646
|
-
type: String,
|
|
94647
|
-
default: "serviceTree"
|
|
94648
|
-
},
|
|
94649
|
-
// 类型--值
|
|
94650
|
-
resourceTypeValue: {
|
|
94651
|
-
type: Array | String,
|
|
94652
|
-
default: () => []
|
|
94653
|
-
},
|
|
94654
|
-
// 类型--列表
|
|
94655
|
-
resourceTypeList: {
|
|
94656
|
-
type: Array,
|
|
94657
|
-
default: () => []
|
|
94658
|
-
},
|
|
94659
|
-
// 穿梭框配置参数
|
|
94660
|
-
transferProps: {
|
|
94661
|
-
type: Object,
|
|
94662
|
-
default: () => {}
|
|
94663
|
-
},
|
|
94664
|
-
modalProps: {
|
|
94665
|
-
type: Object,
|
|
94666
|
-
default: () => {}
|
|
94667
|
-
}
|
|
94668
|
-
},
|
|
94669
|
-
data() {
|
|
94670
|
-
return {
|
|
94671
|
-
// 表单数据
|
|
94672
|
-
form: {},
|
|
94673
|
-
rules: {
|
|
94674
|
-
resourcePoolValue: [{
|
|
94675
|
-
required: true,
|
|
94676
|
-
message: "请选择资源池"
|
|
94677
|
-
}]
|
|
94678
|
-
},
|
|
94679
|
-
selectOpt,
|
|
94680
|
-
transferConfig,
|
|
94681
|
-
ipModalShow: false,
|
|
94682
|
-
serviceTreeList: [],
|
|
94683
|
-
descsriptionList: [],
|
|
94684
|
-
modalConfig
|
|
94685
|
-
};
|
|
94686
|
-
},
|
|
94687
|
-
watch: {
|
|
94688
|
-
// 资源显示
|
|
94689
|
-
resourcePoolValue(newVal) {
|
|
94690
|
-
// console.log(newVal, this.resourceTypeValue, "poolVal-哈哈-transfer");
|
|
94691
|
-
this.form.resourcePoolValue = newVal;
|
|
94692
|
-
},
|
|
94693
|
-
// 类型分类type
|
|
94694
|
-
resourceType(newVal) {
|
|
94695
|
-
this.form.resourceType = newVal || "serviceTree";
|
|
94696
|
-
},
|
|
94697
|
-
// 分类list显示
|
|
94698
|
-
resourceTypeValue(newVal) {
|
|
94699
|
-
// console.log(newVal, this.resourceTypeValue, "poolVal-哈哈-transfer");
|
|
94700
|
-
this.form.resourceTypeValue = newVal;
|
|
94701
|
-
},
|
|
94702
|
-
// 分类list
|
|
94703
|
-
resourceTypeList(newVal) {
|
|
94704
|
-
// 服务树list
|
|
94705
|
-
if (this.form.resourceType === "serviceTree") {
|
|
94706
|
-
this.serviceTreeList = newVal || [];
|
|
94707
|
-
// 描述list
|
|
94708
|
-
} else {
|
|
94709
|
-
this.descsriptionList = newVal || [];
|
|
94710
|
-
}
|
|
94711
|
-
},
|
|
94712
|
-
// 穿梭框配置信息
|
|
94713
|
-
transferProps(newVal, oldVal) {
|
|
94714
|
-
this.transferConfig = {
|
|
94715
|
-
...this.transferConfig,
|
|
94716
|
-
...newVal
|
|
94717
|
-
};
|
|
94718
|
-
},
|
|
94719
|
-
// 弹窗配置信息
|
|
94720
|
-
modalProps(newVal, oldVal) {
|
|
94721
|
-
// console.log(newVal, oldVal, this.modalConfig, "modalProps");
|
|
94722
|
-
this.$set(this, "modalConfig", {
|
|
94723
|
-
...modalConfig,
|
|
94724
|
-
...newVal
|
|
94725
|
-
});
|
|
94726
|
-
}
|
|
94727
|
-
},
|
|
94728
|
-
created() {
|
|
94729
|
-
// 初始化
|
|
94730
|
-
this.form = {
|
|
94731
|
-
resourcePoolValue: this.resourcePoolValue,
|
|
94732
|
-
// 显示资源池
|
|
94733
|
-
resourceTypeValue: this.resourceTypeValue,
|
|
94734
|
-
// 显示类型值名称
|
|
94735
|
-
resourceType: this.resourceType,
|
|
94736
|
-
// 类型
|
|
94737
|
-
selectedKeys: this.transferProps?.targetKeys || [] // 选定的ip
|
|
94738
|
-
};
|
|
94739
|
-
// 穿梭框配置参数合并
|
|
94740
|
-
this.transferConfig = {
|
|
94741
|
-
...transferConfig,
|
|
94742
|
-
...this.transferProps,
|
|
94743
|
-
targetKeys: this.transferProps?.targetKeys ? this.transferProps?.targetKeys : []
|
|
94744
|
-
};
|
|
94745
|
-
// 弹窗配置参数合并
|
|
94746
|
-
this.modalConfig = {
|
|
94747
|
-
...modalConfig,
|
|
94748
|
-
...this.modalProps
|
|
94749
|
-
};
|
|
94750
|
-
this.serviceTreeList = this.resourceTypeList || [];
|
|
94751
|
-
// console.log(this.form, "this.form--transfer--");
|
|
94752
|
-
},
|
|
94753
|
-
mounted() {},
|
|
94754
|
-
methods: {
|
|
94755
|
-
// 模糊搜索描述列表
|
|
94756
|
-
fetchApi(value) {
|
|
94757
|
-
console.log(value, "value");
|
|
94758
|
-
value.trim() && this.$emit("updateTypeList", {
|
|
94759
|
-
key: value,
|
|
94760
|
-
type: this.form.resourceType
|
|
94761
|
-
});
|
|
94762
|
-
},
|
|
94763
|
-
// changeType
|
|
94764
|
-
changeType(key) {
|
|
94765
|
-
this.form.resourceTypeValue = key === "serviceTree" ? [] : undefined;
|
|
94766
|
-
this.descsriptionList = [];
|
|
94767
|
-
this.transferConfig.disabled = false;
|
|
94768
|
-
this.transferConfig.targetKeys = [];
|
|
94769
|
-
},
|
|
94770
|
-
// ip集合选中--批量确定
|
|
94771
|
-
getIpList(value) {
|
|
94772
|
-
this.transferConfig.selectedKeys = value;
|
|
94773
|
-
},
|
|
94774
|
-
// 批量搜索显示
|
|
94775
|
-
showIpModal() {
|
|
94776
|
-
this.ipModalShow = true;
|
|
94777
|
-
},
|
|
94778
|
-
// 穿梭
|
|
94779
|
-
handleChange(targetKeys, direction, moveKeys) {
|
|
94780
|
-
this.transferConfig.targetKeys = targetKeys;
|
|
94781
|
-
this.form.selectedKeys = targetKeys;
|
|
94782
|
-
},
|
|
94783
|
-
// 穿梭框选中
|
|
94784
|
-
handleSelectChange(sourceSelectedKeys, targetSelectedKeys) {
|
|
94785
|
-
this.transferConfig.selectedKeys = [...sourceSelectedKeys, ...targetSelectedKeys];
|
|
94786
|
-
},
|
|
94787
|
-
// 提交确定
|
|
94788
|
-
submit() {
|
|
94789
|
-
this.$refs.transferForm.validate(valid => {
|
|
94790
|
-
if (valid) {
|
|
94791
|
-
this.modalConfig.ok(this.form);
|
|
94792
|
-
this.cancel();
|
|
94793
|
-
}
|
|
94794
|
-
});
|
|
94795
|
-
},
|
|
94796
|
-
// 关闭
|
|
94797
|
-
cancel() {
|
|
94798
|
-
this.$refs.transferForm.resetFields();
|
|
94799
|
-
this.modalConfig.cancel(false);
|
|
94800
|
-
this.transferConfig.selectedKeys = [];
|
|
94801
|
-
this.transferConfig.targetKeys = [];
|
|
94802
|
-
this.form.resourceType = 'serviceTree';
|
|
94803
|
-
this.form.resourceTypeValue = [];
|
|
94804
|
-
},
|
|
94805
|
-
// 绑定服务
|
|
94806
|
-
bindService() {
|
|
94807
|
-
this.transferConfig.disabled = !this.transferConfig.disabled;
|
|
94808
|
-
},
|
|
94809
|
-
// 切换typeValue,更换TransferData
|
|
94810
|
-
changeTransferData(type, value) {
|
|
94811
|
-
console.log("updateTransferData", {
|
|
94812
|
-
key: value,
|
|
94813
|
-
type: type
|
|
94814
|
-
});
|
|
94815
|
-
this.$emit("updateTransferData", {
|
|
94816
|
-
key: value,
|
|
94817
|
-
type: type
|
|
94818
|
-
});
|
|
94819
|
-
}
|
|
94820
|
-
}
|
|
94821
|
-
});
|
|
94822
|
-
;// CONCATENATED MODULE: ./packages/ResourcePoolModal/CusTransfer.vue?vue&type=script&lang=js
|
|
94823
|
-
/* harmony default export */ var ResourcePoolModal_CusTransfervue_type_script_lang_js = (CusTransfervue_type_script_lang_js);
|
|
94824
|
-
;// 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
|
|
94825
|
-
// extracted by mini-css-extract-plugin
|
|
94826
|
-
|
|
94827
|
-
;// CONCATENATED MODULE: ./packages/ResourcePoolModal/CusTransfer.vue?vue&type=style&index=0&id=df70a03a&prod&lang=less&scoped=true
|
|
94828
|
-
|
|
94829
|
-
;// CONCATENATED MODULE: ./packages/ResourcePoolModal/CusTransfer.vue
|
|
94830
|
-
|
|
94831
|
-
|
|
94832
|
-
|
|
94833
|
-
;
|
|
94834
|
-
|
|
94835
|
-
|
|
94836
|
-
/* normalize component */
|
|
94837
|
-
|
|
94838
|
-
var CusTransfer_component = normalizeComponent(
|
|
94839
|
-
ResourcePoolModal_CusTransfervue_type_script_lang_js,
|
|
94840
|
-
CusTransfervue_type_template_id_df70a03a_scoped_true_render,
|
|
94841
|
-
CusTransfervue_type_template_id_df70a03a_scoped_true_staticRenderFns,
|
|
94842
|
-
false,
|
|
94843
|
-
null,
|
|
94844
|
-
"df70a03a",
|
|
94845
|
-
null
|
|
94846
|
-
|
|
94847
|
-
)
|
|
94848
|
-
|
|
94849
|
-
/* harmony default export */ var CusTransfer = (CusTransfer_component.exports);
|
|
94850
|
-
;// CONCATENATED MODULE: ./packages/ResourcePoolModal/index.js
|
|
94851
|
-
|
|
94852
|
-
CusTransfer.install = function (Vue) {
|
|
94853
|
-
Vue.component(CusTransfer.name, CusTransfer);
|
|
94854
|
-
};
|
|
94855
|
-
/* harmony default export */ var ResourcePoolModal = (CusTransfer);
|
|
94856
94232
|
;// CONCATENATED MODULE: ./packages/Transfer/index.js
|
|
94857
94233
|
|
|
94858
94234
|
|
|
@@ -94919,11 +94295,13 @@ YwTransfer.install = function (Vue) {
|
|
|
94919
94295
|
|
|
94920
94296
|
|
|
94921
94297
|
|
|
94298
|
+
// import YwCusTransfer from "./ResourcePoolModal/index.js";
|
|
94922
94299
|
|
|
94923
94300
|
|
|
94924
94301
|
|
|
94925
|
-
|
|
94926
|
-
|
|
94302
|
+
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,
|
|
94303
|
+
// YwCusTransfer,
|
|
94304
|
+
packages_Transfer];
|
|
94927
94305
|
// 定义install方法,接收Vue作为参数
|
|
94928
94306
|
const packages_install = function (Vue) {
|
|
94929
94307
|
if (packages_install.installed) return;
|