{"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=script&lang=js&","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\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBnZXRMaXN0LCBhZGRTYXZlIH0gZnJvbSAiQC9hcGkvc3lzdGVtL2RhdGEiOw0KaW1wb3J0IHsgc2Nyb2xsVG8gfSBmcm9tICJAL3V0aWxzL3Njcm9sbC10byI7DQovLyBpbXBvcnQgew0KLy8gICBsaXN0VXNlciwNCi8vICAgZ2V0VXNlciwNCi8vICAgZGVsVXNlciwNCi8vICAgYWRkVXNlciwNCi8vICAgdXBkYXRlVXNlciwNCi8vICAgcmVzZXRVc2VyUHdkLA0KLy8gICBjaGFuZ2VVc2VyU3RhdHVzLA0KLy8gICBkZXB0VHJlZVNlbGVjdCwNCi8vIH0gZnJvbSAiQC9hcGkvc3lzdGVtL3VzZXIiOw0KLy8gaW1wb3J0IHsgZ2V0VG9rZW4gfSBmcm9tICJAL3V0aWxzL2F1dGgiOw0KLy8gaW1wb3J0IFRyZWVzZWxlY3QgZnJvbSAiQHJpb3BoYWUvdnVlLXRyZWVzZWxlY3QiOw0KaW1wb3J0ICJAcmlvcGhhZS92dWUtdHJlZXNlbGVjdC9kaXN0L3Z1ZS10cmVlc2VsZWN0LmNzcyI7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJQYWdpbmF0aW9uIiwNCiAgcHJvcHM6IHsNCiAgICB0b3RhbDogew0KICAgICAgcmVxdWlyZWQ6IHRydWUsDQogICAgICB0eXBlOiBOdW1iZXIsDQogICAgICByZXF1aXJlZDp0cnVlLA0KICAgIH0sDQogICAgcGFnZTogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogMSwNCiAgICB9LA0KICAgIGxpbWl0OiB7DQogICAgICB0eXBlOiBOdW1iZXIsDQogICAgICBkZWZhdWx0OiAyMCwNCiAgICB9LA0KICAgIHBhZ2VTaXplczogew0KICAgICAgdHlwZTogQXJyYXksDQogICAgICBkZWZhdWx0KCkgew0KICAgICAgICByZXR1cm4gWzEwLCAyMCwgMzAsIDUwXTsNCiAgICAgIH0sDQogICAgfSwNCiAgICAvLyDnp7vliqjnq6/pobXnoIHmjInpkq7nmoTmlbDph4/nq6/pu5jorqTlgLw1DQogICAgcGFnZXJDb3VudDogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogZG9jdW1lbnQuYm9keS5jbGllbnRXaWR0aCA8IDk5MiA/IDUgOiA3LA0KICAgIH0sDQogICAgbGF5b3V0OiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAidG90YWwsIHNpemVzLCBwcmV2LCBwYWdlciwgbmV4dCwganVtcGVyIiwNCiAgICB9LA0KICAgIGJhY2tncm91bmQ6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiB0cnVlLA0KICAgIH0sDQogICAgYXV0b1Njcm9sbDogew0KICAgICAgdHlwZTogQm9vbGVhbiwNCiAgICAgIGRlZmF1bHQ6IHRydWUsDQogICAgfSwNCiAgICBoaWRkZW46IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiBmYWxzZSwNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBmb3JtTGFiZWxBbGlnbjoge30sDQogICAgfTsNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBjdXJyZW50UGFnZTogew0KICAgICAgZ2V0KCkgew0KICAgICAgICByZXR1cm4gdGhpcy5wYWdlOw0KICAgICAgfSwNCiAgICAgIHNldCh2YWwpIHsNCiAgICAgICAgdGhpcy4kZW1pdCgidXBkYXRlOnBhZ2UiLCB2YWwpOw0KICAgICAgfSwNCiAgICB9LA0KICAgIHBhZ2VTaXplOiB7DQogICAgICBnZXQoKSB7DQogICAgICAgIHJldHVybiB0aGlzLmxpbWl0Ow0KICAgICAgfSwNCiAgICAgIHNldCh2YWwpIHsNCiAgICAgICAgdGhpcy4kZW1pdCgidXBkYXRlOmxpbWl0IiwgdmFsKTsNCiAgICAgIH0sDQogICAgfSwNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICAvLyDojrflj5bliJfooagNCiAgICBnZXRMaXN0KCkudGhlbigocmVzKSA9PiB7DQogICAgICBjb25zb2xlLmxvZyhyZXMpOw0KICAgICAgLy8g6I635Y+W5YiX6KGo5ZCO55qE5pON5L2cDQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBoYW5kbGVTaXplQ2hhbmdlKHZhbCkgew0KICAgICAgaWYgKHRoaXMuY3VycmVudFBhZ2UgKiB2YWwgPiB0aGlzLnRvdGFsKSB7DQogICAgICAgIHRoaXMuY3VycmVudFBhZ2UgPSAxOw0KICAgICAgfQ0KICAgICAgdGhpcy4kZW1pdCgicGFnaW5hdGlvbiIsIHsgcGFnZTogdGhpcy5jdXJyZW50UGFnZSwgbGltaXQ6IHZhbCB9KTsNCiAgICAgIGlmICh0aGlzLmF1dG9TY3JvbGwpIHsNCiAgICAgICAgc2Nyb2xsVG8oMCwgODAwKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGhhbmRsZUN1cnJlbnRDaGFuZ2UodmFsKSB7DQogICAgICB0aGlzLiRlbWl0KCJwYWdpbmF0aW9uIiwgeyBwYWdlOiB2YWwsIGxpbWl0OiB0aGlzLnBhZ2VTaXplIH0pOw0KICAgICAgaWYgKHRoaXMuYXV0b1Njcm9sbCkgew0KICAgICAgICBzY3JvbGxUbygwLCA4MDApOw0KICAgICAgfQ0KICAgIH0sDQogICAgc3VibWl0Rm9ybShmb3JtTmFtZSkgew0KICAgICAgY29uc29sZS5sb2codGhpcy5mb3JtTGFiZWxBbGlnbik7DQogICAgICB0aGlzLiRyZWZzW2Zvcm1OYW1lXS52YWxpZGF0ZSgodmFsaWQpID0+IHsNCiAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgLy8g6L+Z5Liq5piv5o+Q5Lqk5ZCO56uv77yM5paw5aKe5o6l5Y+j77yM5pWw5o2u55u05o6l5aGr5YaZ5bCx5Y+v5Lul5LqG44CCDQogICAgICAgICAgYWRkU2F2ZSh0aGlzLmZvcm1MYWJlbEFsaWduKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlcyk7DQogICAgICAgICAgICAvLyDmlrDlop7miJDlip/lkI7vvIzmk43kvZznmoTkuJzopb/vvIzlhpnov5nph4wNCiAgICAgICAgICB9KTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICBjb25zb2xlLmxvZygiZXJyb3Igc3VibWl0ISEiKTsNCiAgICAgICAgICByZXR1cm4gZmFsc2U7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}