gyyg-components 0.3.7 → 0.3.9
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/gyyg-components.common.js +5 -5
- package/lib/gyyg-components.umd.js +5 -5
- package/lib/gyyg-components.umd.min.js +5 -5
- package/package.json +1 -1
- package/src/components/MecSearchForm/MecSearchForm.vue +12 -4
- package/src/components/MecTags/MecTags.vue +1 -1
- package/src/otherComponents/iconButton.vue +5 -0
|
@@ -311,7 +311,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core
|
|
|
311
311
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
312
312
|
|
|
313
313
|
"use strict";
|
|
314
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecSearchForm',\n props: {\n formGroups: {},\n isSeniorBtn: {\n type: Boolean,\n default: false\n }\n },\n methods: {\n getProp(item, index) {\n let propName = item.prop ? item.prop : index + \".value\";\n return propName;\n },\n search() {\n const result = {};\n for (let key in this.formGroups) {\n result[key] = this.formGroups[key].value;\n }\n this.$emit('search', result);\n },\n refresh() {\n this.$emit('refresh');\n },\n seniorSearch() {\n this.$emit('seniorSearch');\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
314
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecSearchForm',\n props: {\n formGroups: {},\n isSeniorBtn: {\n type: Boolean,\n default: false\n },\n showButton: {\n type: Boolean,\n default: true\n },\n searchIcon: {\n type: String,\n default: ''\n }\n },\n methods: {\n getProp(item, index) {\n let propName = item.prop ? item.prop : index + \".value\";\n return propName;\n },\n search() {\n const result = {};\n for (let key in this.formGroups) {\n result[key] = this.formGroups[key].value;\n }\n this.$emit('search', result);\n },\n refresh() {\n this.$emit('refresh');\n },\n seniorSearch() {\n this.$emit('seniorSearch');\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
315
315
|
|
|
316
316
|
/***/ }),
|
|
317
317
|
|
|
@@ -359,7 +359,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
359
359
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
360
360
|
|
|
361
361
|
"use strict";
|
|
362
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTags',\n props: {\n tagsList: {\n type: [Array, Object]\n },\n btnWidth: {\n // type: Number,\n }\n },\n data() {\n return {\n tagsData: [],\n tagsContainerWidth: 0,\n showArrow: false\n };\n },\n watch: {\n tagsList: {\n handler(val) {\n
|
|
362
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTags',\n props: {\n tagsList: {\n type: [Array, Object]\n },\n btnWidth: {\n // type: Number,\n }\n },\n data() {\n return {\n tagsData: [],\n tagsContainerWidth: 0,\n showArrow: false\n };\n },\n watch: {\n tagsList: {\n handler(val) {\n this.tagsData = [];\n this.tagsData = [...val];\n if (this.tagsData.length > 0) {\n this.$nextTick(() => {\n this.updateTagsContainerWidth();\n });\n }\n },\n deep: true,\n immediate: true\n }\n },\n mounted() {\n this.updateTagsContainerWidth();\n window.addEventListener('resize', this.updateTagsContainerWidth);\n },\n beforeDestroy() {\n window.removeEventListener('resize', this.updateTagsContainerWidth);\n },\n methods: {\n handleClose(index, tag) {\n this.tagsData.splice(index, 1);\n this.$emit('tagClose', tag.key, tag);\n },\n scrollLeft() {\n const tagsBox = this.$refs.tagsBox;\n tagsBox.scrollBy({\n left: -150,\n behavior: 'smooth'\n });\n },\n scrollRight() {\n const tagsBox = this.$refs.tagsBox;\n tagsBox.scrollBy({\n left: 150,\n behavior: 'smooth'\n });\n },\n updateTagsContainerWidth() {\n this.tagsContainerWidth = this.$refs.tagsContainer.offsetWidth;\n const boxWidth = this.$refs.tagsBox.scrollWidth;\n if (boxWidth > this.tagsContainerWidth) {\n this.showArrow = true;\n } else {\n this.showArrow = false;\n }\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
363
363
|
|
|
364
364
|
/***/ }),
|
|
365
365
|
|
|
@@ -587,7 +587,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
587
587
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
588
588
|
|
|
589
589
|
"use strict";
|
|
590
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", [_c(\"el-form\", {\n ref: \"form\",\n attrs: {\n model: _vm.formGroups,\n inline: true\n }\n }, [_vm._l(_vm.formGroups, function (item, index) {\n return [typeof item.displayWith !== \"function\" || item.displayWith(_vm.formGroups, item) ? _c(\"el-form-item\", {\n key: index,\n class: item.class,\n style: \"width:\" + item.width + \"px\",\n attrs: {\n rules: item.rules,\n prop: _vm.getProp(item, index),\n label: item.label\n }\n }, [_c(item[\"componentName\"], _vm._g(_vm._b({\n ref: item.ref,\n refInFor: true,\n tag: \"component\",\n model: {\n value: item.value,\n callback: function ($$v) {\n _vm.$set(item, \"value\", $$v);\n },\n expression: \"item.value\"\n }\n }, \"component\", item, false), item.componentListeners))], 1) : _vm._e()];\n }), _vm._t(\"custom\", null, {\n formGroups: _vm.formGroups\n }), _c(\"el-form-item\", [_c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _vm.isSeniorBtn ? _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.seniorSearch\n }\n }, [_vm._v(\"高级搜索\")]) : _vm._e(), _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n size: \"small\",\n icon: \"el-icon-refresh\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1)], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
590
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", [_c(\"el-form\", {\n ref: \"form\",\n attrs: {\n model: _vm.formGroups,\n inline: true\n }\n }, [_vm._l(_vm.formGroups, function (item, index) {\n return [typeof item.displayWith !== \"function\" || item.displayWith(_vm.formGroups, item) ? _c(\"el-form-item\", {\n key: index,\n class: item.class,\n style: \"width:\" + item.width + \"px\",\n attrs: {\n rules: item.rules,\n prop: _vm.getProp(item, index),\n label: item.label\n }\n }, [_c(item[\"componentName\"], _vm._g(_vm._b({\n ref: item.ref,\n refInFor: true,\n tag: \"component\",\n model: {\n value: item.value,\n callback: function ($$v) {\n _vm.$set(item, \"value\", $$v);\n },\n expression: \"item.value\"\n }\n }, \"component\", item, false), item.componentListeners))], 1) : _vm._e()];\n }), _vm._t(\"custom\", null, {\n formGroups: _vm.formGroups\n }), _vm.showButton ? _c(\"el-form-item\", [_c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"small\",\n icon: _vm.searchIcon\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _vm.isSeniorBtn ? _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.seniorSearch\n }\n }, [_vm._v(\"高级搜索\")]) : _vm._e(), _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n plain: \"\",\n size: \"small\",\n icon: \"el-icon-refresh\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1) : _vm._e()], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
591
591
|
|
|
592
592
|
/***/ }),
|
|
593
593
|
|
|
@@ -635,7 +635,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
635
635
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
636
636
|
|
|
637
637
|
"use strict";
|
|
638
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n ref: \"tagsContainer\",\n staticClass: \"mec-tags\",\n style: {\n width: `calc(100% - ${_vm.btnWidth}px)`\n }\n }, [_c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n attrs: {\n icon: \"el-icon-arrow-left\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollLeft\n }\n }), _c(\"div\", {\n ref: \"tagsBox\",\n staticClass: \"tags-box\"\n }, _vm._l(_vm.tagsData, function (tag, index) {\n return _c(\"el-tag\", {\n key: index,\n attrs: {\n closable: \"\",\n type: tag.type || \"\"\n },\n on: {\n close: function ($event) {\n return _vm.handleClose(index, tag);\n }\n }\n }, [_vm._v(\" \" + _vm._s(tag.label) + \": \" + _vm._s(tag.value) + \" \")]);\n }), 1), _c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n staticStyle: {\n \"margin-left\": \"3px\"\n },\n attrs: {\n icon: \"el-icon-arrow-right\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollRight\n }\n })], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
638
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _vm.tagsData.length > 0 ? _c(\"div\", {\n ref: \"tagsContainer\",\n staticClass: \"mec-tags\",\n style: {\n width: `calc(100% - ${_vm.btnWidth}px)`\n }\n }, [_c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n attrs: {\n icon: \"el-icon-arrow-left\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollLeft\n }\n }), _c(\"div\", {\n ref: \"tagsBox\",\n staticClass: \"tags-box\"\n }, _vm._l(_vm.tagsData, function (tag, index) {\n return _c(\"el-tag\", {\n key: index,\n attrs: {\n closable: \"\",\n type: tag.type || \"\"\n },\n on: {\n close: function ($event) {\n return _vm.handleClose(index, tag);\n }\n }\n }, [_vm._v(\" \" + _vm._s(tag.label) + \": \" + _vm._s(tag.value) + \" \")]);\n }), 1), _c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n staticStyle: {\n \"margin-left\": \"3px\"\n },\n attrs: {\n icon: \"el-icon-arrow-right\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollRight\n }\n })], 1) : _vm._e();\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
639
639
|
|
|
640
640
|
/***/ }),
|
|
641
641
|
|
|
@@ -2380,7 +2380,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
2380
2380
|
/*! no static exports found */
|
|
2381
2381
|
/***/ (function(module, exports, __webpack_require__) {
|
|
2382
2382
|
|
|
2383
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n display: flex;\\n align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n display: flex;\\n align-items: center;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
2383
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n display: flex;\\n align-items: center;\\n}\\n.icon-btn i[data-v-2493810d] {\\n font-size: 18px;\\n color: #1890ff;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n display: flex;\\n align-items: center;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
2384
2384
|
|
|
2385
2385
|
/***/ }),
|
|
2386
2386
|
|
|
@@ -320,7 +320,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core
|
|
|
320
320
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
321
321
|
|
|
322
322
|
"use strict";
|
|
323
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecSearchForm',\n props: {\n formGroups: {},\n isSeniorBtn: {\n type: Boolean,\n default: false\n }\n },\n methods: {\n getProp(item, index) {\n let propName = item.prop ? item.prop : index + \".value\";\n return propName;\n },\n search() {\n const result = {};\n for (let key in this.formGroups) {\n result[key] = this.formGroups[key].value;\n }\n this.$emit('search', result);\n },\n refresh() {\n this.$emit('refresh');\n },\n seniorSearch() {\n this.$emit('seniorSearch');\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
323
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecSearchForm',\n props: {\n formGroups: {},\n isSeniorBtn: {\n type: Boolean,\n default: false\n },\n showButton: {\n type: Boolean,\n default: true\n },\n searchIcon: {\n type: String,\n default: ''\n }\n },\n methods: {\n getProp(item, index) {\n let propName = item.prop ? item.prop : index + \".value\";\n return propName;\n },\n search() {\n const result = {};\n for (let key in this.formGroups) {\n result[key] = this.formGroups[key].value;\n }\n this.$emit('search', result);\n },\n refresh() {\n this.$emit('refresh');\n },\n seniorSearch() {\n this.$emit('seniorSearch');\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
324
324
|
|
|
325
325
|
/***/ }),
|
|
326
326
|
|
|
@@ -368,7 +368,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
368
368
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
369
369
|
|
|
370
370
|
"use strict";
|
|
371
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTags',\n props: {\n tagsList: {\n type: [Array, Object]\n },\n btnWidth: {\n // type: Number,\n }\n },\n data() {\n return {\n tagsData: [],\n tagsContainerWidth: 0,\n showArrow: false\n };\n },\n watch: {\n tagsList: {\n handler(val) {\n
|
|
371
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTags',\n props: {\n tagsList: {\n type: [Array, Object]\n },\n btnWidth: {\n // type: Number,\n }\n },\n data() {\n return {\n tagsData: [],\n tagsContainerWidth: 0,\n showArrow: false\n };\n },\n watch: {\n tagsList: {\n handler(val) {\n this.tagsData = [];\n this.tagsData = [...val];\n if (this.tagsData.length > 0) {\n this.$nextTick(() => {\n this.updateTagsContainerWidth();\n });\n }\n },\n deep: true,\n immediate: true\n }\n },\n mounted() {\n this.updateTagsContainerWidth();\n window.addEventListener('resize', this.updateTagsContainerWidth);\n },\n beforeDestroy() {\n window.removeEventListener('resize', this.updateTagsContainerWidth);\n },\n methods: {\n handleClose(index, tag) {\n this.tagsData.splice(index, 1);\n this.$emit('tagClose', tag.key, tag);\n },\n scrollLeft() {\n const tagsBox = this.$refs.tagsBox;\n tagsBox.scrollBy({\n left: -150,\n behavior: 'smooth'\n });\n },\n scrollRight() {\n const tagsBox = this.$refs.tagsBox;\n tagsBox.scrollBy({\n left: 150,\n behavior: 'smooth'\n });\n },\n updateTagsContainerWidth() {\n this.tagsContainerWidth = this.$refs.tagsContainer.offsetWidth;\n const boxWidth = this.$refs.tagsBox.scrollWidth;\n if (boxWidth > this.tagsContainerWidth) {\n this.showArrow = true;\n } else {\n this.showArrow = false;\n }\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
372
372
|
|
|
373
373
|
/***/ }),
|
|
374
374
|
|
|
@@ -596,7 +596,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
596
596
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
597
597
|
|
|
598
598
|
"use strict";
|
|
599
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", [_c(\"el-form\", {\n ref: \"form\",\n attrs: {\n model: _vm.formGroups,\n inline: true\n }\n }, [_vm._l(_vm.formGroups, function (item, index) {\n return [typeof item.displayWith !== \"function\" || item.displayWith(_vm.formGroups, item) ? _c(\"el-form-item\", {\n key: index,\n class: item.class,\n style: \"width:\" + item.width + \"px\",\n attrs: {\n rules: item.rules,\n prop: _vm.getProp(item, index),\n label: item.label\n }\n }, [_c(item[\"componentName\"], _vm._g(_vm._b({\n ref: item.ref,\n refInFor: true,\n tag: \"component\",\n model: {\n value: item.value,\n callback: function ($$v) {\n _vm.$set(item, \"value\", $$v);\n },\n expression: \"item.value\"\n }\n }, \"component\", item, false), item.componentListeners))], 1) : _vm._e()];\n }), _vm._t(\"custom\", null, {\n formGroups: _vm.formGroups\n }), _c(\"el-form-item\", [_c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _vm.isSeniorBtn ? _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.seniorSearch\n }\n }, [_vm._v(\"高级搜索\")]) : _vm._e(), _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n size: \"small\",\n icon: \"el-icon-refresh\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1)], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
599
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", [_c(\"el-form\", {\n ref: \"form\",\n attrs: {\n model: _vm.formGroups,\n inline: true\n }\n }, [_vm._l(_vm.formGroups, function (item, index) {\n return [typeof item.displayWith !== \"function\" || item.displayWith(_vm.formGroups, item) ? _c(\"el-form-item\", {\n key: index,\n class: item.class,\n style: \"width:\" + item.width + \"px\",\n attrs: {\n rules: item.rules,\n prop: _vm.getProp(item, index),\n label: item.label\n }\n }, [_c(item[\"componentName\"], _vm._g(_vm._b({\n ref: item.ref,\n refInFor: true,\n tag: \"component\",\n model: {\n value: item.value,\n callback: function ($$v) {\n _vm.$set(item, \"value\", $$v);\n },\n expression: \"item.value\"\n }\n }, \"component\", item, false), item.componentListeners))], 1) : _vm._e()];\n }), _vm._t(\"custom\", null, {\n formGroups: _vm.formGroups\n }), _vm.showButton ? _c(\"el-form-item\", [_c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"small\",\n icon: _vm.searchIcon\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _vm.isSeniorBtn ? _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.seniorSearch\n }\n }, [_vm._v(\"高级搜索\")]) : _vm._e(), _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n plain: \"\",\n size: \"small\",\n icon: \"el-icon-refresh\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1) : _vm._e()], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
600
600
|
|
|
601
601
|
/***/ }),
|
|
602
602
|
|
|
@@ -644,7 +644,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
644
644
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
645
645
|
|
|
646
646
|
"use strict";
|
|
647
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n ref: \"tagsContainer\",\n staticClass: \"mec-tags\",\n style: {\n width: `calc(100% - ${_vm.btnWidth}px)`\n }\n }, [_c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n attrs: {\n icon: \"el-icon-arrow-left\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollLeft\n }\n }), _c(\"div\", {\n ref: \"tagsBox\",\n staticClass: \"tags-box\"\n }, _vm._l(_vm.tagsData, function (tag, index) {\n return _c(\"el-tag\", {\n key: index,\n attrs: {\n closable: \"\",\n type: tag.type || \"\"\n },\n on: {\n close: function ($event) {\n return _vm.handleClose(index, tag);\n }\n }\n }, [_vm._v(\" \" + _vm._s(tag.label) + \": \" + _vm._s(tag.value) + \" \")]);\n }), 1), _c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n staticStyle: {\n \"margin-left\": \"3px\"\n },\n attrs: {\n icon: \"el-icon-arrow-right\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollRight\n }\n })], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
647
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _vm.tagsData.length > 0 ? _c(\"div\", {\n ref: \"tagsContainer\",\n staticClass: \"mec-tags\",\n style: {\n width: `calc(100% - ${_vm.btnWidth}px)`\n }\n }, [_c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n attrs: {\n icon: \"el-icon-arrow-left\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollLeft\n }\n }), _c(\"div\", {\n ref: \"tagsBox\",\n staticClass: \"tags-box\"\n }, _vm._l(_vm.tagsData, function (tag, index) {\n return _c(\"el-tag\", {\n key: index,\n attrs: {\n closable: \"\",\n type: tag.type || \"\"\n },\n on: {\n close: function ($event) {\n return _vm.handleClose(index, tag);\n }\n }\n }, [_vm._v(\" \" + _vm._s(tag.label) + \": \" + _vm._s(tag.value) + \" \")]);\n }), 1), _c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n staticStyle: {\n \"margin-left\": \"3px\"\n },\n attrs: {\n icon: \"el-icon-arrow-right\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollRight\n }\n })], 1) : _vm._e();\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
648
648
|
|
|
649
649
|
/***/ }),
|
|
650
650
|
|
|
@@ -2389,7 +2389,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
2389
2389
|
/*! no static exports found */
|
|
2390
2390
|
/***/ (function(module, exports, __webpack_require__) {
|
|
2391
2391
|
|
|
2392
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n display: flex;\\n align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n display: flex;\\n align-items: center;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
2392
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n display: flex;\\n align-items: center;\\n}\\n.icon-btn i[data-v-2493810d] {\\n font-size: 18px;\\n color: #1890ff;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n display: flex;\\n align-items: center;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
2393
2393
|
|
|
2394
2394
|
/***/ }),
|
|
2395
2395
|
|
|
@@ -320,7 +320,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core
|
|
|
320
320
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
321
321
|
|
|
322
322
|
"use strict";
|
|
323
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecSearchForm',\n props: {\n formGroups: {},\n isSeniorBtn: {\n type: Boolean,\n default: false\n }\n },\n methods: {\n getProp(item, index) {\n let propName = item.prop ? item.prop : index + \".value\";\n return propName;\n },\n search() {\n const result = {};\n for (let key in this.formGroups) {\n result[key] = this.formGroups[key].value;\n }\n this.$emit('search', result);\n },\n refresh() {\n this.$emit('refresh');\n },\n seniorSearch() {\n this.$emit('seniorSearch');\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
323
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecSearchForm',\n props: {\n formGroups: {},\n isSeniorBtn: {\n type: Boolean,\n default: false\n },\n showButton: {\n type: Boolean,\n default: true\n },\n searchIcon: {\n type: String,\n default: ''\n }\n },\n methods: {\n getProp(item, index) {\n let propName = item.prop ? item.prop : index + \".value\";\n return propName;\n },\n search() {\n const result = {};\n for (let key in this.formGroups) {\n result[key] = this.formGroups[key].value;\n }\n this.$emit('search', result);\n },\n refresh() {\n this.$emit('refresh');\n },\n seniorSearch() {\n this.$emit('seniorSearch');\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
324
324
|
|
|
325
325
|
/***/ }),
|
|
326
326
|
|
|
@@ -368,7 +368,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
368
368
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
369
369
|
|
|
370
370
|
"use strict";
|
|
371
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTags',\n props: {\n tagsList: {\n type: [Array, Object]\n },\n btnWidth: {\n // type: Number,\n }\n },\n data() {\n return {\n tagsData: [],\n tagsContainerWidth: 0,\n showArrow: false\n };\n },\n watch: {\n tagsList: {\n handler(val) {\n
|
|
371
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecTags',\n props: {\n tagsList: {\n type: [Array, Object]\n },\n btnWidth: {\n // type: Number,\n }\n },\n data() {\n return {\n tagsData: [],\n tagsContainerWidth: 0,\n showArrow: false\n };\n },\n watch: {\n tagsList: {\n handler(val) {\n this.tagsData = [];\n this.tagsData = [...val];\n if (this.tagsData.length > 0) {\n this.$nextTick(() => {\n this.updateTagsContainerWidth();\n });\n }\n },\n deep: true,\n immediate: true\n }\n },\n mounted() {\n this.updateTagsContainerWidth();\n window.addEventListener('resize', this.updateTagsContainerWidth);\n },\n beforeDestroy() {\n window.removeEventListener('resize', this.updateTagsContainerWidth);\n },\n methods: {\n handleClose(index, tag) {\n this.tagsData.splice(index, 1);\n this.$emit('tagClose', tag.key, tag);\n },\n scrollLeft() {\n const tagsBox = this.$refs.tagsBox;\n tagsBox.scrollBy({\n left: -150,\n behavior: 'smooth'\n });\n },\n scrollRight() {\n const tagsBox = this.$refs.tagsBox;\n tagsBox.scrollBy({\n left: 150,\n behavior: 'smooth'\n });\n },\n updateTagsContainerWidth() {\n this.tagsContainerWidth = this.$refs.tagsContainer.offsetWidth;\n const boxWidth = this.$refs.tagsBox.scrollWidth;\n if (boxWidth > this.tagsContainerWidth) {\n this.showArrow = true;\n } else {\n this.showArrow = false;\n }\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
372
372
|
|
|
373
373
|
/***/ }),
|
|
374
374
|
|
|
@@ -596,7 +596,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
596
596
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
597
597
|
|
|
598
598
|
"use strict";
|
|
599
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", [_c(\"el-form\", {\n ref: \"form\",\n attrs: {\n model: _vm.formGroups,\n inline: true\n }\n }, [_vm._l(_vm.formGroups, function (item, index) {\n return [typeof item.displayWith !== \"function\" || item.displayWith(_vm.formGroups, item) ? _c(\"el-form-item\", {\n key: index,\n class: item.class,\n style: \"width:\" + item.width + \"px\",\n attrs: {\n rules: item.rules,\n prop: _vm.getProp(item, index),\n label: item.label\n }\n }, [_c(item[\"componentName\"], _vm._g(_vm._b({\n ref: item.ref,\n refInFor: true,\n tag: \"component\",\n model: {\n value: item.value,\n callback: function ($$v) {\n _vm.$set(item, \"value\", $$v);\n },\n expression: \"item.value\"\n }\n }, \"component\", item, false), item.componentListeners))], 1) : _vm._e()];\n }), _vm._t(\"custom\", null, {\n formGroups: _vm.formGroups\n }), _c(\"el-form-item\", [_c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _vm.isSeniorBtn ? _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.seniorSearch\n }\n }, [_vm._v(\"高级搜索\")]) : _vm._e(), _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n size: \"small\",\n icon: \"el-icon-refresh\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1)], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
599
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", [_c(\"el-form\", {\n ref: \"form\",\n attrs: {\n model: _vm.formGroups,\n inline: true\n }\n }, [_vm._l(_vm.formGroups, function (item, index) {\n return [typeof item.displayWith !== \"function\" || item.displayWith(_vm.formGroups, item) ? _c(\"el-form-item\", {\n key: index,\n class: item.class,\n style: \"width:\" + item.width + \"px\",\n attrs: {\n rules: item.rules,\n prop: _vm.getProp(item, index),\n label: item.label\n }\n }, [_c(item[\"componentName\"], _vm._g(_vm._b({\n ref: item.ref,\n refInFor: true,\n tag: \"component\",\n model: {\n value: item.value,\n callback: function ($$v) {\n _vm.$set(item, \"value\", $$v);\n },\n expression: \"item.value\"\n }\n }, \"component\", item, false), item.componentListeners))], 1) : _vm._e()];\n }), _vm._t(\"custom\", null, {\n formGroups: _vm.formGroups\n }), _vm.showButton ? _c(\"el-form-item\", [_c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"small\",\n icon: _vm.searchIcon\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _vm.isSeniorBtn ? _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n type: \"primary\",\n size: \"small\"\n },\n on: {\n click: _vm.seniorSearch\n }\n }, [_vm._v(\"高级搜索\")]) : _vm._e(), _c(\"el-button\", {\n staticStyle: {\n \"margin-left\": \"5px\"\n },\n attrs: {\n plain: \"\",\n size: \"small\",\n icon: \"el-icon-refresh\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1) : _vm._e()], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecSearchForm/MecSearchForm.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
600
600
|
|
|
601
601
|
/***/ }),
|
|
602
602
|
|
|
@@ -644,7 +644,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
644
644
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
645
645
|
|
|
646
646
|
"use strict";
|
|
647
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n ref: \"tagsContainer\",\n staticClass: \"mec-tags\",\n style: {\n width: `calc(100% - ${_vm.btnWidth}px)`\n }\n }, [_c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n attrs: {\n icon: \"el-icon-arrow-left\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollLeft\n }\n }), _c(\"div\", {\n ref: \"tagsBox\",\n staticClass: \"tags-box\"\n }, _vm._l(_vm.tagsData, function (tag, index) {\n return _c(\"el-tag\", {\n key: index,\n attrs: {\n closable: \"\",\n type: tag.type || \"\"\n },\n on: {\n close: function ($event) {\n return _vm.handleClose(index, tag);\n }\n }\n }, [_vm._v(\" \" + _vm._s(tag.label) + \": \" + _vm._s(tag.value) + \" \")]);\n }), 1), _c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n staticStyle: {\n \"margin-left\": \"3px\"\n },\n attrs: {\n icon: \"el-icon-arrow-right\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollRight\n }\n })], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
647
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _vm.tagsData.length > 0 ? _c(\"div\", {\n ref: \"tagsContainer\",\n staticClass: \"mec-tags\",\n style: {\n width: `calc(100% - ${_vm.btnWidth}px)`\n }\n }, [_c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n attrs: {\n icon: \"el-icon-arrow-left\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollLeft\n }\n }), _c(\"div\", {\n ref: \"tagsBox\",\n staticClass: \"tags-box\"\n }, _vm._l(_vm.tagsData, function (tag, index) {\n return _c(\"el-tag\", {\n key: index,\n attrs: {\n closable: \"\",\n type: tag.type || \"\"\n },\n on: {\n close: function ($event) {\n return _vm.handleClose(index, tag);\n }\n }\n }, [_vm._v(\" \" + _vm._s(tag.label) + \": \" + _vm._s(tag.value) + \" \")]);\n }), 1), _c(\"el-button\", {\n directives: [{\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.showArrow,\n expression: \"showArrow\"\n }],\n staticStyle: {\n \"margin-left\": \"3px\"\n },\n attrs: {\n icon: \"el-icon-arrow-right\",\n circle: \"\"\n },\n on: {\n click: _vm.scrollRight\n }\n })], 1) : _vm._e();\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecTags/MecTags.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22ac5fa7c6-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
648
648
|
|
|
649
649
|
/***/ }),
|
|
650
650
|
|
|
@@ -2389,7 +2389,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
|
|
|
2389
2389
|
/*! no static exports found */
|
|
2390
2390
|
/***/ (function(module, exports, __webpack_require__) {
|
|
2391
2391
|
|
|
2392
|
-
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n display: flex;\\n align-items: center;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n display: flex;\\n align-items: center;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
2392
|
+
eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".icon-btn[data-v-2493810d] {\\n display: flex;\\n align-items: center;\\n}\\n.icon-btn i[data-v-2493810d] {\\n font-size: 18px;\\n color: #1890ff;\\n}\\n.icon-btn[data-v-2493810d] .icon {\\n display: flex;\\n align-items: center;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n user-select: none;\\n cursor: pointer;\\n}\\n.view-btn[data-v-2493810d]:hover {\\n color: #409eff !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://gyyg-components/./src/otherComponents/iconButton.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--11-oneOf-1-2!./node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options");
|
|
2393
2393
|
|
|
2394
2394
|
/***/ }),
|
|
2395
2395
|
|
package/package.json
CHANGED
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
</el-form-item>
|
|
20
20
|
</template>
|
|
21
21
|
<slot name="custom" :formGroups="formGroups"></slot>
|
|
22
|
-
<el-form-item>
|
|
23
|
-
<el-button type="primary" size="small" @click="search">查询</el-button>
|
|
22
|
+
<el-form-item v-if="showButton">
|
|
23
|
+
<el-button type="primary" size="small" @click="search" :icon="searchIcon">查询</el-button>
|
|
24
24
|
<el-button type="primary" v-if="isSeniorBtn" size="small" @click="seniorSearch" style="margin-left: 5px;">高级搜索</el-button>
|
|
25
|
-
<el-button size="small" icon="el-icon-refresh" @click="refresh" style="margin-left: 5px;"></el-button>
|
|
25
|
+
<el-button plain size="small" icon="el-icon-refresh" @click="refresh" style="margin-left: 5px;"></el-button>
|
|
26
26
|
</el-form-item>
|
|
27
27
|
</el-form>
|
|
28
28
|
</div>
|
|
@@ -35,7 +35,15 @@ export default {
|
|
|
35
35
|
isSeniorBtn: {
|
|
36
36
|
type: Boolean,
|
|
37
37
|
default: false
|
|
38
|
-
}
|
|
38
|
+
},
|
|
39
|
+
showButton: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
default: true
|
|
42
|
+
},
|
|
43
|
+
searchIcon: {
|
|
44
|
+
type: String,
|
|
45
|
+
default: ''
|
|
46
|
+
},
|
|
39
47
|
},
|
|
40
48
|
methods: {
|
|
41
49
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
class="mec-tags"
|
|
4
4
|
:style="{ width: `calc(100% - ${btnWidth}px)` }"
|
|
5
5
|
ref="tagsContainer"
|
|
6
|
+
v-if="tagsData.length > 0"
|
|
6
7
|
>
|
|
7
8
|
<el-button
|
|
8
9
|
icon="el-icon-arrow-left"
|
|
@@ -54,7 +55,6 @@ export default {
|
|
|
54
55
|
watch: {
|
|
55
56
|
tagsList: {
|
|
56
57
|
handler(val) {
|
|
57
|
-
console.log(val)
|
|
58
58
|
this.tagsData = []
|
|
59
59
|
this.tagsData = [...val] ;
|
|
60
60
|
if(this.tagsData.length > 0) {
|
|
@@ -80,6 +80,10 @@ export default {
|
|
|
80
80
|
.icon-btn {
|
|
81
81
|
display: flex;
|
|
82
82
|
align-items: center;
|
|
83
|
+
i {
|
|
84
|
+
font-size: 18px;
|
|
85
|
+
color: #1890ff;
|
|
86
|
+
}
|
|
83
87
|
}
|
|
84
88
|
|
|
85
89
|
.icon-btn /deep/.icon {
|
|
@@ -87,6 +91,7 @@ export default {
|
|
|
87
91
|
align-items: center;
|
|
88
92
|
user-select: none;
|
|
89
93
|
cursor: pointer;
|
|
94
|
+
|
|
90
95
|
}
|
|
91
96
|
|
|
92
97
|
.view-btn {
|