gyyg-components 0.2.4 → 0.2.5
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.
|
@@ -203,7 +203,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
203
203
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
204
204
|
|
|
205
205
|
"use strict";
|
|
206
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInputTable',\n props: {\n tableData: {\n type: Array,\n default: () => []\n },\n columns: {\n type: Array,\n default: () => []\n },\n inputInfo: {\n default: {}\n }\n },\n data() {\n return {\n inputValue: '',\n showDropdown: false,\n tableInput: ''\n };\n },\n methods: {\n handleTableRowClick(row) {\n this.$emit('row-click', row);\n this.showDropdown = false;\n },\n visibleChange(val) {\n this.showDropdown = val;\n },\n tableInputHandel(val) {\n this.$emit('input', val);\n },\n search() {\n this.$emit('search', this.tableInput);\n },\n refresh() {\n this.tableInput = '';\n this.$emit('refresh');\n }\n },\n watch: {\n 'inputInfo.inputValue': {\n handler(val) {\n this.inputValue = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.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");
|
|
206
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInputTable',\n props: {\n tableData: {\n type: Array,\n default: () => []\n },\n columns: {\n type: Array,\n default: () => []\n },\n inputInfo: {\n default: {}\n },\n showSearch: {\n type: Boolean,\n dafault: true\n }\n },\n data() {\n return {\n inputValue: '',\n showDropdown: false,\n tableInput: ''\n };\n },\n methods: {\n handleTableRowClick(row) {\n this.$emit('row-click', row);\n this.showDropdown = false;\n },\n visibleChange(val) {\n this.showDropdown = val;\n if (val) {\n this.$emit('show');\n }\n },\n tableInputHandel(val) {\n this.$emit('input', val);\n },\n search() {\n this.$emit('search', this.tableInput);\n },\n refresh() {\n this.tableInput = '';\n this.$emit('refresh');\n }\n },\n watch: {\n 'inputInfo.inputValue': {\n handler(val) {\n this.inputValue = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.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");
|
|
207
207
|
|
|
208
208
|
/***/ }),
|
|
209
209
|
|
|
@@ -335,7 +335,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
335
335
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
336
336
|
|
|
337
337
|
"use strict";
|
|
338
|
-
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-dropdown\", {\n attrs: {\n trigger: \"click\"\n },\n on: {\n \"visible-change\": _vm.visibleChange\n }\n }, [_c(\"el-input\", {\n staticClass: \"el-dropdown-link\",\n attrs: {\n placeholder: _vm.inputInfo.inputPlaceholder,\n readonly: \"\",\n \"suffix-icon\": _vm.showDropdown ? \"el-icon-arrow-up\" : \"el-icon-arrow-down\"\n },\n model: {\n value: _vm.inputValue,\n callback: function ($$v) {\n _vm.inputValue = $$v;\n },\n expression: \"inputValue\"\n }\n }), _c(\"el-dropdown-menu\", {\n staticClass: \"mec-input-table\",\n attrs: {\n slot: \"dropdown\"\n },\n slot: \"dropdown\"\n }, [_c(\"div\", {\n staticClass: \"search-table\"\n }, [_c(\"el-input\", {\n attrs: {\n placeholder: _vm.inputInfo.tablePlaceholder\n },\n on: {\n input: _vm.tableInputHandel\n },\n model: {\n value: _vm.tableInput,\n callback: function ($$v) {\n _vm.tableInput = $$v;\n },\n expression: \"tableInput\"\n }\n }), _c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"medium\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _c(\"el-button\", {\n attrs: {\n icon: \"el-icon-refresh\",\n size: \"medium\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1), _c(\"el-dropdown-item\", [_c(\"mec-table\", {\n staticStyle: {\n width: \"100%\"\n },\n attrs: {\n tableData: _vm.tableData,\n columns: _vm.columns\n },\n on: {\n \"row-click\": _vm.handleTableRowClick\n }\n })], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22831c0b38-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");
|
|
338
|
+
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-dropdown\", {\n attrs: {\n trigger: \"click\"\n },\n on: {\n \"visible-change\": _vm.visibleChange\n }\n }, [_c(\"el-input\", {\n staticClass: \"el-dropdown-link\",\n attrs: {\n placeholder: _vm.inputInfo.inputPlaceholder,\n readonly: \"\",\n \"suffix-icon\": _vm.showDropdown ? \"el-icon-arrow-up\" : \"el-icon-arrow-down\"\n },\n model: {\n value: _vm.inputValue,\n callback: function ($$v) {\n _vm.inputValue = $$v;\n },\n expression: \"inputValue\"\n }\n }), _c(\"el-dropdown-menu\", {\n staticClass: \"mec-input-table\",\n attrs: {\n slot: \"dropdown\"\n },\n slot: \"dropdown\"\n }, [_vm.showSearch ? _c(\"div\", {\n staticClass: \"search-table\"\n }, [_c(\"el-input\", {\n attrs: {\n placeholder: _vm.inputInfo.tablePlaceholder\n },\n on: {\n input: _vm.tableInputHandel\n },\n model: {\n value: _vm.tableInput,\n callback: function ($$v) {\n _vm.tableInput = $$v;\n },\n expression: \"tableInput\"\n }\n }), _c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"medium\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _c(\"el-button\", {\n attrs: {\n icon: \"el-icon-refresh\",\n size: \"medium\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1) : _vm._e(), _c(\"el-dropdown-item\", [_c(\"mec-table\", {\n staticStyle: {\n width: \"100%\"\n },\n attrs: {\n tableData: _vm.tableData,\n columns: _vm.columns\n },\n on: {\n \"row-click\": _vm.handleTableRowClick\n }\n })], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22831c0b38-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");
|
|
339
339
|
|
|
340
340
|
/***/ }),
|
|
341
341
|
|
|
@@ -212,7 +212,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
212
212
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
213
213
|
|
|
214
214
|
"use strict";
|
|
215
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInputTable',\n props: {\n tableData: {\n type: Array,\n default: () => []\n },\n columns: {\n type: Array,\n default: () => []\n },\n inputInfo: {\n default: {}\n }\n },\n data() {\n return {\n inputValue: '',\n showDropdown: false,\n tableInput: ''\n };\n },\n methods: {\n handleTableRowClick(row) {\n this.$emit('row-click', row);\n this.showDropdown = false;\n },\n visibleChange(val) {\n this.showDropdown = val;\n },\n tableInputHandel(val) {\n this.$emit('input', val);\n },\n search() {\n this.$emit('search', this.tableInput);\n },\n refresh() {\n this.tableInput = '';\n this.$emit('refresh');\n }\n },\n watch: {\n 'inputInfo.inputValue': {\n handler(val) {\n this.inputValue = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.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");
|
|
215
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInputTable',\n props: {\n tableData: {\n type: Array,\n default: () => []\n },\n columns: {\n type: Array,\n default: () => []\n },\n inputInfo: {\n default: {}\n },\n showSearch: {\n type: Boolean,\n dafault: true\n }\n },\n data() {\n return {\n inputValue: '',\n showDropdown: false,\n tableInput: ''\n };\n },\n methods: {\n handleTableRowClick(row) {\n this.$emit('row-click', row);\n this.showDropdown = false;\n },\n visibleChange(val) {\n this.showDropdown = val;\n if (val) {\n this.$emit('show');\n }\n },\n tableInputHandel(val) {\n this.$emit('input', val);\n },\n search() {\n this.$emit('search', this.tableInput);\n },\n refresh() {\n this.tableInput = '';\n this.$emit('refresh');\n }\n },\n watch: {\n 'inputInfo.inputValue': {\n handler(val) {\n this.inputValue = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.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");
|
|
216
216
|
|
|
217
217
|
/***/ }),
|
|
218
218
|
|
|
@@ -344,7 +344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
344
344
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
345
345
|
|
|
346
346
|
"use strict";
|
|
347
|
-
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-dropdown\", {\n attrs: {\n trigger: \"click\"\n },\n on: {\n \"visible-change\": _vm.visibleChange\n }\n }, [_c(\"el-input\", {\n staticClass: \"el-dropdown-link\",\n attrs: {\n placeholder: _vm.inputInfo.inputPlaceholder,\n readonly: \"\",\n \"suffix-icon\": _vm.showDropdown ? \"el-icon-arrow-up\" : \"el-icon-arrow-down\"\n },\n model: {\n value: _vm.inputValue,\n callback: function ($$v) {\n _vm.inputValue = $$v;\n },\n expression: \"inputValue\"\n }\n }), _c(\"el-dropdown-menu\", {\n staticClass: \"mec-input-table\",\n attrs: {\n slot: \"dropdown\"\n },\n slot: \"dropdown\"\n }, [_c(\"div\", {\n staticClass: \"search-table\"\n }, [_c(\"el-input\", {\n attrs: {\n placeholder: _vm.inputInfo.tablePlaceholder\n },\n on: {\n input: _vm.tableInputHandel\n },\n model: {\n value: _vm.tableInput,\n callback: function ($$v) {\n _vm.tableInput = $$v;\n },\n expression: \"tableInput\"\n }\n }), _c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"medium\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _c(\"el-button\", {\n attrs: {\n icon: \"el-icon-refresh\",\n size: \"medium\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1), _c(\"el-dropdown-item\", [_c(\"mec-table\", {\n staticStyle: {\n width: \"100%\"\n },\n attrs: {\n tableData: _vm.tableData,\n columns: _vm.columns\n },\n on: {\n \"row-click\": _vm.handleTableRowClick\n }\n })], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22831c0b38-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");
|
|
347
|
+
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-dropdown\", {\n attrs: {\n trigger: \"click\"\n },\n on: {\n \"visible-change\": _vm.visibleChange\n }\n }, [_c(\"el-input\", {\n staticClass: \"el-dropdown-link\",\n attrs: {\n placeholder: _vm.inputInfo.inputPlaceholder,\n readonly: \"\",\n \"suffix-icon\": _vm.showDropdown ? \"el-icon-arrow-up\" : \"el-icon-arrow-down\"\n },\n model: {\n value: _vm.inputValue,\n callback: function ($$v) {\n _vm.inputValue = $$v;\n },\n expression: \"inputValue\"\n }\n }), _c(\"el-dropdown-menu\", {\n staticClass: \"mec-input-table\",\n attrs: {\n slot: \"dropdown\"\n },\n slot: \"dropdown\"\n }, [_vm.showSearch ? _c(\"div\", {\n staticClass: \"search-table\"\n }, [_c(\"el-input\", {\n attrs: {\n placeholder: _vm.inputInfo.tablePlaceholder\n },\n on: {\n input: _vm.tableInputHandel\n },\n model: {\n value: _vm.tableInput,\n callback: function ($$v) {\n _vm.tableInput = $$v;\n },\n expression: \"tableInput\"\n }\n }), _c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"medium\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _c(\"el-button\", {\n attrs: {\n icon: \"el-icon-refresh\",\n size: \"medium\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1) : _vm._e(), _c(\"el-dropdown-item\", [_c(\"mec-table\", {\n staticStyle: {\n width: \"100%\"\n },\n attrs: {\n tableData: _vm.tableData,\n columns: _vm.columns\n },\n on: {\n \"row-click\": _vm.handleTableRowClick\n }\n })], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22831c0b38-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");
|
|
348
348
|
|
|
349
349
|
/***/ }),
|
|
350
350
|
|
|
@@ -212,7 +212,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
|
|
|
212
212
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
213
213
|
|
|
214
214
|
"use strict";
|
|
215
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInputTable',\n props: {\n tableData: {\n type: Array,\n default: () => []\n },\n columns: {\n type: Array,\n default: () => []\n },\n inputInfo: {\n default: {}\n }\n },\n data() {\n return {\n inputValue: '',\n showDropdown: false,\n tableInput: ''\n };\n },\n methods: {\n handleTableRowClick(row) {\n this.$emit('row-click', row);\n this.showDropdown = false;\n },\n visibleChange(val) {\n this.showDropdown = val;\n },\n tableInputHandel(val) {\n this.$emit('input', val);\n },\n search() {\n this.$emit('search', this.tableInput);\n },\n refresh() {\n this.tableInput = '';\n this.$emit('refresh');\n }\n },\n watch: {\n 'inputInfo.inputValue': {\n handler(val) {\n this.inputValue = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.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");
|
|
215
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'MecInputTable',\n props: {\n tableData: {\n type: Array,\n default: () => []\n },\n columns: {\n type: Array,\n default: () => []\n },\n inputInfo: {\n default: {}\n },\n showSearch: {\n type: Boolean,\n dafault: true\n }\n },\n data() {\n return {\n inputValue: '',\n showDropdown: false,\n tableInput: ''\n };\n },\n methods: {\n handleTableRowClick(row) {\n this.$emit('row-click', row);\n this.showDropdown = false;\n },\n visibleChange(val) {\n this.showDropdown = val;\n if (val) {\n this.$emit('show');\n }\n },\n tableInputHandel(val) {\n this.$emit('input', val);\n },\n search() {\n this.$emit('search', this.tableInput);\n },\n refresh() {\n this.tableInput = '';\n this.$emit('refresh');\n }\n },\n watch: {\n 'inputInfo.inputValue': {\n handler(val) {\n this.inputValue = val;\n },\n immediate: true,\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.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");
|
|
216
216
|
|
|
217
217
|
/***/ }),
|
|
218
218
|
|
|
@@ -344,7 +344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
|
|
|
344
344
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
345
345
|
|
|
346
346
|
"use strict";
|
|
347
|
-
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-dropdown\", {\n attrs: {\n trigger: \"click\"\n },\n on: {\n \"visible-change\": _vm.visibleChange\n }\n }, [_c(\"el-input\", {\n staticClass: \"el-dropdown-link\",\n attrs: {\n placeholder: _vm.inputInfo.inputPlaceholder,\n readonly: \"\",\n \"suffix-icon\": _vm.showDropdown ? \"el-icon-arrow-up\" : \"el-icon-arrow-down\"\n },\n model: {\n value: _vm.inputValue,\n callback: function ($$v) {\n _vm.inputValue = $$v;\n },\n expression: \"inputValue\"\n }\n }), _c(\"el-dropdown-menu\", {\n staticClass: \"mec-input-table\",\n attrs: {\n slot: \"dropdown\"\n },\n slot: \"dropdown\"\n }, [_c(\"div\", {\n staticClass: \"search-table\"\n }, [_c(\"el-input\", {\n attrs: {\n placeholder: _vm.inputInfo.tablePlaceholder\n },\n on: {\n input: _vm.tableInputHandel\n },\n model: {\n value: _vm.tableInput,\n callback: function ($$v) {\n _vm.tableInput = $$v;\n },\n expression: \"tableInput\"\n }\n }), _c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"medium\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _c(\"el-button\", {\n attrs: {\n icon: \"el-icon-refresh\",\n size: \"medium\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1), _c(\"el-dropdown-item\", [_c(\"mec-table\", {\n staticStyle: {\n width: \"100%\"\n },\n attrs: {\n tableData: _vm.tableData,\n columns: _vm.columns\n },\n on: {\n \"row-click\": _vm.handleTableRowClick\n }\n })], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22831c0b38-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");
|
|
347
|
+
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-dropdown\", {\n attrs: {\n trigger: \"click\"\n },\n on: {\n \"visible-change\": _vm.visibleChange\n }\n }, [_c(\"el-input\", {\n staticClass: \"el-dropdown-link\",\n attrs: {\n placeholder: _vm.inputInfo.inputPlaceholder,\n readonly: \"\",\n \"suffix-icon\": _vm.showDropdown ? \"el-icon-arrow-up\" : \"el-icon-arrow-down\"\n },\n model: {\n value: _vm.inputValue,\n callback: function ($$v) {\n _vm.inputValue = $$v;\n },\n expression: \"inputValue\"\n }\n }), _c(\"el-dropdown-menu\", {\n staticClass: \"mec-input-table\",\n attrs: {\n slot: \"dropdown\"\n },\n slot: \"dropdown\"\n }, [_vm.showSearch ? _c(\"div\", {\n staticClass: \"search-table\"\n }, [_c(\"el-input\", {\n attrs: {\n placeholder: _vm.inputInfo.tablePlaceholder\n },\n on: {\n input: _vm.tableInputHandel\n },\n model: {\n value: _vm.tableInput,\n callback: function ($$v) {\n _vm.tableInput = $$v;\n },\n expression: \"tableInput\"\n }\n }), _c(\"el-button\", {\n attrs: {\n type: \"primary\",\n size: \"medium\"\n },\n on: {\n click: _vm.search\n }\n }, [_vm._v(\"查询\")]), _c(\"el-button\", {\n attrs: {\n icon: \"el-icon-refresh\",\n size: \"medium\"\n },\n on: {\n click: _vm.refresh\n }\n })], 1) : _vm._e(), _c(\"el-dropdown-item\", [_c(\"mec-table\", {\n staticStyle: {\n width: \"100%\"\n },\n attrs: {\n tableData: _vm.tableData,\n columns: _vm.columns\n },\n on: {\n \"row-click\": _vm.handleTableRowClick\n }\n })], 1)], 1)], 1)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://gyyg-components/./src/components/MecInputTable/MecInputTable.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22831c0b38-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");
|
|
348
348
|
|
|
349
349
|
/***/ }),
|
|
350
350
|
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div id="app">
|
|
2
|
+
<div id="app" :key="key">
|
|
3
3
|
<mec-input-table
|
|
4
4
|
:tableData="tableData"
|
|
5
5
|
:columns="columns"
|
|
6
6
|
:inputInfo="inputInfo"
|
|
7
7
|
@search="searchHandel"
|
|
8
8
|
@refresh="refreshHandel"
|
|
9
|
+
@show="showHandel"
|
|
10
|
+
:showSearch="false"
|
|
9
11
|
@row-click="rowClick"
|
|
10
12
|
></mec-input-table>
|
|
11
13
|
<mec-button-group :btnList="btnList"></mec-button-group>
|
|
@@ -17,7 +19,7 @@
|
|
|
17
19
|
<mec-input placeholder="请输入汉字" inputType="chinese" type="text" v-model="formData.chineseInput"></mec-input>
|
|
18
20
|
</el-form-item>
|
|
19
21
|
<el-form-item label="英文输入框" prop="englishInput">
|
|
20
|
-
<mec-input placeholder="请输入英文" inputType="english" type="text" v-model="formData.englishInput"></mec-input>
|
|
22
|
+
<mec-input placeholder="请输入英文" inputType="english" clearable type="text" v-model="formData.englishInput"></mec-input>
|
|
21
23
|
</el-form-item>
|
|
22
24
|
<el-form-item label="自定义正则输入框" prop="regexInput">
|
|
23
25
|
<mec-input placeholder="请按正则输入" inputType="regex" type="text" :maxlength="11" v-model="formData.regexInput">
|
|
@@ -38,7 +40,7 @@
|
|
|
38
40
|
:columns="columns"
|
|
39
41
|
:selection="true"
|
|
40
42
|
@selection-change="selectionChange"
|
|
41
|
-
|
|
43
|
+
|
|
42
44
|
:highlightSelectionRow="true"
|
|
43
45
|
></mec-table>
|
|
44
46
|
</div>
|
|
@@ -107,29 +109,32 @@ export default {
|
|
|
107
109
|
]
|
|
108
110
|
},
|
|
109
111
|
regexInfo: /^(?:(?:\+|00)86)?1[3-9]\d{9}$/,
|
|
110
|
-
tableData: [
|
|
111
|
-
{ name: 'hss', age: 18, dept: '技术部' },
|
|
112
|
-
{ name: 'hss2', age: 18, dept: '技术部' }
|
|
113
|
-
],
|
|
112
|
+
tableData: [],
|
|
114
113
|
columns: [
|
|
115
114
|
{
|
|
116
|
-
label: '
|
|
117
|
-
bind: '
|
|
115
|
+
label: '编码',
|
|
116
|
+
bind: 'sdDeptCode'
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
label: '名称',
|
|
120
|
+
bind: 'sdDeptName',
|
|
118
121
|
},
|
|
119
122
|
{
|
|
120
|
-
label: '
|
|
121
|
-
bind: '
|
|
123
|
+
label: '负责人',
|
|
124
|
+
bind: 'sdPrincipal'
|
|
122
125
|
},
|
|
123
126
|
{
|
|
124
|
-
label: '
|
|
125
|
-
bind: '
|
|
127
|
+
label: '院区',
|
|
128
|
+
bind: 'sdOrgName',
|
|
129
|
+
width: '150'
|
|
126
130
|
}
|
|
127
131
|
],
|
|
128
132
|
inputInfo: {
|
|
129
133
|
inputPlaceholder: '科室',
|
|
130
|
-
tablePlaceholder: '
|
|
134
|
+
tablePlaceholder: '编码/名称',
|
|
131
135
|
inputValue: ''
|
|
132
|
-
}
|
|
136
|
+
},
|
|
137
|
+
key: 0
|
|
133
138
|
};
|
|
134
139
|
},
|
|
135
140
|
methods: {
|
|
@@ -169,6 +174,7 @@ export default {
|
|
|
169
174
|
},
|
|
170
175
|
clear() {
|
|
171
176
|
console.log('清除操作');
|
|
177
|
+
this.key++
|
|
172
178
|
},
|
|
173
179
|
searchHandel(val) {
|
|
174
180
|
console.log(val);
|
|
@@ -178,10 +184,23 @@ export default {
|
|
|
178
184
|
},
|
|
179
185
|
rowClick(row) {
|
|
180
186
|
console.log(row);
|
|
181
|
-
this.inputInfo.inputValue = row.
|
|
187
|
+
this.inputInfo.inputValue = row.sdDeptName // 赋值操作
|
|
182
188
|
},
|
|
183
189
|
selectionChange(val) {
|
|
184
190
|
console.log(val, 123);
|
|
191
|
+
},
|
|
192
|
+
showHandel() {
|
|
193
|
+
this.tableData = [
|
|
194
|
+
{
|
|
195
|
+
id: "99a4bdb4513e17ad1c2a2436a735a86f",
|
|
196
|
+
sdDeptCode: "1232131",
|
|
197
|
+
sdDeptName: "a1111",
|
|
198
|
+
sdOrgId: "069fcbfce1d4e0233546bc5dba114a75",
|
|
199
|
+
sdOrgName: "国药医工第一院区",
|
|
200
|
+
sdPrincipal: "张三"
|
|
201
|
+
}
|
|
202
|
+
]
|
|
203
|
+
|
|
185
204
|
}
|
|
186
205
|
|
|
187
206
|
}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
readonly
|
|
9
9
|
:suffix-icon="showDropdown ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></el-input>
|
|
10
10
|
<el-dropdown-menu slot="dropdown" class="mec-input-table">
|
|
11
|
-
<div class="search-table">
|
|
11
|
+
<div class="search-table" v-if="showSearch">
|
|
12
12
|
<el-input
|
|
13
13
|
:placeholder="inputInfo.tablePlaceholder"
|
|
14
14
|
v-model="tableInput"
|
|
@@ -45,6 +45,10 @@ export default {
|
|
|
45
45
|
},
|
|
46
46
|
inputInfo: {
|
|
47
47
|
default: {}
|
|
48
|
+
},
|
|
49
|
+
showSearch:{
|
|
50
|
+
type: Boolean,
|
|
51
|
+
dafault: true
|
|
48
52
|
}
|
|
49
53
|
},
|
|
50
54
|
data() {
|
|
@@ -61,6 +65,10 @@ export default {
|
|
|
61
65
|
},
|
|
62
66
|
visibleChange(val) {
|
|
63
67
|
this.showDropdown = val
|
|
68
|
+
if(val) {
|
|
69
|
+
this.$emit('show')
|
|
70
|
+
}
|
|
71
|
+
|
|
64
72
|
},
|
|
65
73
|
tableInputHandel(val) {
|
|
66
74
|
this.$emit('input', val)
|