{"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"]}]}