feat: 系统升级提示

src/components/system-upgrade-dialog.vue

+<template>
+  <div class="dialog" v-if="visible">
+    <div v-if="type === 1" class="content">
+      <img
+        width="680"
+        height="705"
+        src="https://files.yunqueyi.com/image/png/common/2024070411381441.png"
+      />
+      <img
+        class="close"
+        src="https://files.yunqueyi.com/image/svg+xml/common/20240704144219420.svg"
+        @click="close"
+      />
+    </div>
+    <img v-if="type === 2" width="680" height="474" src="https://files.yunqueyi.com/image/png/common/2024070411371293.png" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SysUpgradeDialog',
+  data: function() {
+    return {
+      type: 1,
+      visible: false,
+    };
+  },
+  methods: {
+    open(type) {
+      this.visible = true;
+      this.type = type;
+    },
+    close() {
+      this.visible = false;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.dialog {
+  position: fixed;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(2, 2, 2, 0.6);
+  z-index: 999999;
+
+  img {
+        display: block;
+    }
+    .content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    .close {
+        width: 62px;
+        height: 62px;
+        margin-top: 32px;
+    }
+}
+
+</style>

src/utils/createModal.js

+import Vue from 'vue';
+import MyModal from '../components/system-upgrade-dialog.vue';
+
+const modalConstructor = Vue.extend(MyModal);
+
+const createModal = () => {
+  const instance = new modalConstructor();
+  instance.$mount();
+  document.body.appendChild(instance.$el);
+  return instance;
+};
+
+export default createModal;

src/utils/system/index.js

+import fetch from '../fetch';
+import { getBaseUrl } from '@/utils/index'
+let headers = {
+  'Content-Type': 'application/json;charset=UTF-8',
+  token:  localStorage.getItem('storageToken'),
+};
+
+// 获取检测名称列表
+export const systemUpdateConfig = (data) => {
+  return fetch({
+    headers,
+    data:data,
+    url: getBaseUrl(`api-ws/constant/config/image`),
+    method: "get",
+  });
+};
\ No newline at end of file