feat(设备管理): 新增设备管理相关功能模块

新增设备类型管理、备品备件管理、设备检修记录等功能模块
新增设备参数管理、备件变动记录、库存变动等功能
新增设备状态管理、检修计划管理等功能
优化图片预览组件，支持从OSS获取图片

klp-ui/src/components/ImagePreview/index.vue

@@ -12,6 +12,7 @@
 </template>
 
 <script>
+import { listByIds } from "@/api/system/oss";
 
 export default {
   name: "ImagePreview",
@@ -22,11 +23,28 @@ export default {
     },
     width: {
       type: [Number, String],
-      default: ""
+      default: "50px"
     },
     height: {
       type: [Number, String],
-      default: ""
+      default: "50px"
+    }
+  },
+  data() {
+    return {
+      urls: ''
+    }
+  },
+  watch: {
+    src: {
+      handler(newVal, oldVal) {
+        if (newVal !== oldVal && newVal !== '') {
+          listByIds(newVal).then(response => {
+            this.urls = response.data.map(item => item.url).join(',');
+          })
+        }
+      },
+      immediate: true
     }
   },
   computed: {
@@ -34,14 +52,14 @@ export default {
       if (!this.src) {
         return;
       }
-      let real_src = this.src.split(",")[0];
+      let real_src = this.urls.split(",")[0];
       return real_src;
     },
     realSrcList() {
       if (!this.src) {
         return;
       }
-      let real_src_list = this.src.split(",");
+      let real_src_list = this.urls.split(",");
       let srcList = [];
       real_src_list.forEach(item => {
         return srcList.push(item);