| 1 |
- {"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\data\\index.vue?vue&type=style&index=0&id=370ec63a&lang=scss&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\system\\data\\index.vue","mtime":1688952481638},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1688725399018},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1688725423149},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1688725407590},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1688725390930},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoucGFnaW5hdGlvbi1jb250YWluZXIgew0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBwYWRkaW5nOiAzMnB4IDE2cHg7DQp9DQoucGFnaW5hdGlvbi1jb250YWluZXIuaGlkZGVuIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCi5lbC1pbnB1dCB7DQogIHdpZHRoOiAzMDBweDsNCn0NCi5mb3JtYm94IHsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmYTsNCn0NCi5kYXRhY29uZmlnIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmYTsNCiAgZm9udC1zaXplOiAyNnB4Ow0KICAvKiBtYXJnaW46IDIwcHggMHB4IDBweCAyMHB4OyAqLw0KICBwYWRkaW5nOiAxNXB4IDBweCAwcHggMTVweDsNCn0NCi50aXRsZSB7DQogIG1hcmdpbjogMTVweCAwcHggMjBweCAwcHg7DQp9DQoNCi5lbC1mb3JtLWl0ZW0tLW1lZGl1bSAuZWwtZm9ybS1pdGVtX19sYWJlbCB7DQogICAgbGluZS1oZWlnaHQ6IDEwcHggIWltcG9ydGFudDsNCn0NCi5lbC1mb3JtLS1sYWJlbC10b3AgLmVsLWZvcm0taXRlbV9fbGFiZWwgew0KICAgIGZsb2F0OiBub25lOw0KICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICB0ZXh0LWFsaWduOiBsZWZ0Ow0KICAgIHBhZGRpbmc6IDEwcHggMCA5cHggMCAhaW1wb3J0YW50Ow0KfQ0KLmNvbnRlbnQgew0KICB3aWR0aDogODAwcHg7DQogIG1hcmdpbjogMCBhdXRvOw0KICBoZWlnaHQ6IDcwMHB4Ow0KICBib3JkZXI6IDJweCBzb2xpZCAjZmZmOw0KICBib3JkZXItcmFkaXVzOiAxNXB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KIA0KfQ0KDQoNCi8qIC5lbC1mb3JtIGVsLWZvcm0tLWxhYmVsLXRvcHsNCiAgbWFyZ2luOiAwIGF1dG87DQp9ICovDQouY29udGVudHRpbHsNCiB3aWR0aDogNDAwcHg7DQogaGVpZ2h0OiA2NzBweDsNCiBtYXJnaW46MCBhdXRvOw0KIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogYm9yZGVyOiAycHggc29saWQgI2ZmZjsNCiBib3JkZXItcmFkaXVzOiAxNXB4Ow0KfQ0KLnRpdGxlIHsNCiAgY29sb3I6ICMzMzY2ZmY7DQogIGZvbnQtc2l6ZTogMjhweDsNCn0NCi8qIGVsLWZvcm0taXRlbSAuZGF0YXR5cGUgLmRhdGFkYXRlIC5lbC1mb3JtLWl0ZW0tLW1lZGl1bT4uZWwtZm9ybS1pdGVtX19sYWJlbHsNCiAgcGFkZGluZzogMTBweCAwcHggMHB4IDBweCAhaW1wb3J0YW50Ow0KfSAqLw0KLyogLmVsLWZvcm0taXRlbXsNCiAgcGFkZGluZzogMTBweCAwIDBweCAwICFpbXBvcnRhbnQ7DQp9ICovDQoNCi8qIC5lbC1mb3JtLWl0ZW0tLW1lZGl1bSAuZWwtZm9ybS1pdGVtX19sYWJlbCB7DQogICAgbGluZS1oZWlnaHQ6IDM2cHggIWltcG9ydGFudDsNCn0NCi5lbC1mb3JtLS1sYWJlbC10b3AgLmVsLWZvcm0taXRlbV9fbGFiZWwgew0KICAgIGZsb2F0OiBub25lOw0KICAgIGRpc3BsYXk6IGlubGluZS1ibG9jazsNCiAgICB0ZXh0LWFsaWduOiBsZWZ0Ow0KICAgIHBhZGRpbmc6IDEwcHggMCAwcHggMCAhaW1wb3J0YW50Ow0KfSAqLw0KDQouZWwtZm9ybS1pdGVtIHsNCiAgICBtYXJnaW4tYm90dG9tOiAxMHB4ICFpbXBvcnRhbnQ7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/data","sourcesContent":["<template>\r\n <div>\r\n <div class=\"warp\">\r\n <div class=\"dataconfig\">数据源配置</div>\r\n <div class=\"formbox\">\r\n <div class=\"content\">\r\n <div class=\"contenttil\">\r\n <div class=\"title\">数据库注册</div>\r\n\r\n <el-form\r\n label-position=\"top\"\r\n label-width=\"80px\"\r\n :model=\"formLabelAlign\"\r\n ref=\"ruleForm\"\r\n >\r\n <el-form-item label=\"数据库类型\" class=\"datatype datadate\">\r\n <el-select\r\n v-model=\"formLabelAlign.databaseType\"\r\n placeholder=\"数据库类型\"\r\n style=\"width: 300px; text-align: center\"\r\n >\r\n <el-option label=\"mysql\" value=\"mysql\"></el-option>\r\n <el-option label=\"sqlserver\" value=\"sqlserver\"></el-option>\r\n <el-option label=\"dm\" value=\"dm\"></el-option>\r\n <el-option label=\"oracle\" value=\"oracle\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"数据库名\" class=\"datadate\">\r\n <el-input v-model=\"formLabelAlign.databaseName\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"数据库IP\" class=\"datadate\">\r\n <el-input v-model=\"formLabelAlign.databaseIp\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"用户名\" class=\"datadate\">\r\n <el-input v-model=\"formLabelAlign.username\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"密码\" class=\"datadate\">\r\n <el-input v-model=\"formLabelAlign.password\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"端口号\" class=\"datadate\">\r\n <el-input v-model=\"formLabelAlign.portNumber\"></el-input>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" @click=\"submitForm('ruleForm')\"\r\n style=\"width: 300px;border-radius: 20px;margin-top: 20px;\" \r\n >提交</el-button\r\n >\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- <div :class=\"{ hidden: hidden }\" class=\"pagination-container\">\r\n <el-pagination\r\n :background=\"background\"\r\n :current-page.sync=\"currentPage\"\r\n :page-size.sync=\"pageSize\"\r\n :layout=\"layout\"\r\n :page-sizes=\"pageSizes\"\r\n :pager-count=\"pagerCount\"\r\n :total=\"total\"\r\n v-bind=\"$attrs\"\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\"\r\n />\r\n </div> -->\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { getList, addSave } from \"@/api/system/data\";\r\nimport { scrollTo } from \"@/utils/scroll-to\";\r\n// import {\r\n// listUser,\r\n// getUser,\r\n// delUser,\r\n// addUser,\r\n// updateUser,\r\n// resetUserPwd,\r\n// changeUserStatus,\r\n// deptTreeSelect,\r\n// } from \"@/api/system/user\";\r\n// import { getToken } from \"@/utils/auth\";\r\n// import Treeselect from \"@riophae/vue-treeselect\";\r\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\r\nexport default {\r\n name: \"Pagination\",\r\n props: {\r\n total: {\r\n required: true,\r\n type: Number,\r\n required:true,\r\n },\r\n page: {\r\n type: Number,\r\n default: 1,\r\n },\r\n limit: {\r\n type: Number,\r\n default: 20,\r\n },\r\n pageSizes: {\r\n type: Array,\r\n default() {\r\n return [10, 20, 30, 50];\r\n },\r\n },\r\n // 移动端页码按钮的数量端默认值5\r\n pagerCount: {\r\n type: Number,\r\n default: document.body.clientWidth < 992 ? 5 : 7,\r\n },\r\n layout: {\r\n type: String,\r\n default: \"total, sizes, prev, pager, next, jumper\",\r\n },\r\n background: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n autoScroll: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n hidden: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n },\r\n data() {\r\n return {\r\n formLabelAlign: {},\r\n };\r\n },\r\n computed: {\r\n currentPage: {\r\n get() {\r\n return this.page;\r\n },\r\n set(val) {\r\n this.$emit(\"update:page\", val);\r\n },\r\n },\r\n pageSize: {\r\n get() {\r\n return this.limit;\r\n },\r\n set(val) {\r\n this.$emit(\"update:limit\", val);\r\n },\r\n },\r\n },\r\n mounted() {\r\n // 获取列表\r\n getList().then((res) => {\r\n console.log(res);\r\n // 获取列表后的操作\r\n });\r\n },\r\n methods: {\r\n handleSizeChange(val) {\r\n if (this.currentPage * val > this.total) {\r\n this.currentPage = 1;\r\n }\r\n this.$emit(\"pagination\", { page: this.currentPage, limit: val });\r\n if (this.autoScroll) {\r\n scrollTo(0, 800);\r\n }\r\n },\r\n handleCurrentChange(val) {\r\n this.$emit(\"pagination\", { page: val, limit: this.pageSize });\r\n if (this.autoScroll) {\r\n scrollTo(0, 800);\r\n }\r\n },\r\n submitForm(formName) {\r\n console.log(this.formLabelAlign);\r\n this.$refs[formName].validate((valid) => {\r\n if (valid) {\r\n // 这个是提交后端，新增接口，数据直接填写就可以了。\r\n addSave(this.formLabelAlign).then((res) => {\r\n console.log(res);\r\n // 新增成功后，操作的东西，写这里\r\n });\r\n } else {\r\n console.log(\"error submit!!\");\r\n return false;\r\n }\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.pagination-container {\r\n background: #fff;\r\n padding: 32px 16px;\r\n}\r\n.pagination-container.hidden {\r\n display: none;\r\n}\r\n.el-input {\r\n width: 300px;\r\n}\r\n.formbox {\r\n background-color: #f5f5fa;\r\n}\r\n.dataconfig {\r\n background-color: #f5f5fa;\r\n font-size: 26px;\r\n /* margin: 20px 0px 0px 20px; */\r\n padding: 15px 0px 0px 15px;\r\n}\r\n.title {\r\n margin: 15px 0px 20px 0px;\r\n}\r\n\r\n.el-form-item--medium .el-form-item__label {\r\n line-height: 10px !important;\r\n}\r\n.el-form--label-top .el-form-item__label {\r\n float: none;\r\n display: inline-block;\r\n text-align: left;\r\n padding: 10px 0 9px 0 !important;\r\n}\r\n.content {\r\n width: 800px;\r\n margin: 0 auto;\r\n height: 700px;\r\n border: 2px solid #fff;\r\n border-radius: 15px;\r\n background-color: #fff;\r\n \r\n}\r\n\r\n\r\n/* .el-form el-form--label-top{\r\n margin: 0 auto;\r\n} */\r\n.contenttil{\r\n width: 400px;\r\n height: 670px;\r\n margin:0 auto;\r\n background-color: #fff;\r\n border: 2px solid #fff;\r\n border-radius: 15px;\r\n}\r\n.title {\r\n color: #3366ff;\r\n font-size: 28px;\r\n}\r\n/* el-form-item .datatype .datadate .el-form-item--medium>.el-form-item__label{\r\n padding: 10px 0px 0px 0px !important;\r\n} */\r\n/* .el-form-item{\r\n padding: 10px 0 0px 0 !important;\r\n} */\r\n\r\n/* .el-form-item--medium .el-form-item__label {\r\n line-height: 36px !important;\r\n}\r\n.el-form--label-top .el-form-item__label {\r\n float: none;\r\n display: inline-block;\r\n text-align: left;\r\n padding: 10px 0 0px 0 !important;\r\n} */\r\n\r\n.el-form-item {\r\n margin-bottom: 10px !important;\r\n}\r\n</style>\r\n"]}]}
|
