vue2server7 7.0.102 → 7.0.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2server7",
-  "version": "7.0.102",
+  "version": "7.0.104",
   "description": "",
   "scripts": {
     "dev": "nodemon --watch src --ext ts --exec \"ts-node src/app.ts\"",

package/test/11231231

@@ -0,0 +1,137 @@
+<template>
+  <el-dialog
+    v-model="visible"
+    title="切换机构"
+    width="420px"
+    :close-on-click-modal="false"
+  >
+    <el-form label-width="80px">
+      <el-form-item label="机构">
+        <el-select
+          v-model="selectedOrgId"
+          placeholder="请选择机构"
+          style="width: 100%"
+          filterable
+        >
+          <el-option
+            v-for="item in orgList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <el-button @click="handleCancel">取消</el-button>
+      <el-button type="primary" @click="handleConfirm">
+        确定切换
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+import { ElMessage } from 'element-plus'
+
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  orgList: {
+    type: Array,
+    default: () => []
+  },
+  currentOrgId: {
+    type: [String, Number],
+    default: ''
+  }
+})
+
+const emit = defineEmits([
+  'update:modelValue',
+  'confirm'
+])
+
+const visible = ref(false)
+const selectedOrgId = ref('')
+
+watch(
+  () => props.modelValue,
+  val => {
+    visible.value = val
+    if (val) {
+      selectedOrgId.value = props.currentOrgId
+    }
+  }
+)
+
+watch(visible, val => {
+  emit('update:modelValue', val)
+})
+
+const handleCancel = () => {
+  visible.value = false
+}
+
+const handleConfirm = () => {
+  if (!selectedOrgId.value) {
+    ElMessage.warning('请选择机构')
+    return
+  }
+
+  emit('confirm', selectedOrgId.value)
+  visible.value = false
+}
+</script>
+、、、<template>
+     <el-button type="primary" @click="showOrgDialog = true">
+       切换机构
+     </el-button>
+
+     <OrgSwitchDialog
+       v-model="showOrgDialog"
+       :org-list="orgList"
+       :current-org-id="currentOrgId"
+       @confirm="handleSwitchOrg"
+     />
+   </template>
+
+   <script setup>
+   import { ref } from 'vue'
+   import { ElMessage } from 'element-plus'
+   import OrgSwitchDialog from '@/components/OrgSwitchDialog.vue'
+
+   const showOrgDialog = ref(false)
+
+   const currentOrgId = ref(1)
+
+   const orgList = ref([
+     {
+       id: 1,
+       name: '总部机构'
+     },
+     {
+       id: 2,
+       name: '上海分公司'
+     },
+     {
+       id: 3,
+       name: '北京分公司'
+     }
+   ])
+
+   const handleSwitchOrg = orgId => {
+     currentOrgId.value = orgId
+
+     const org = orgList.value.find(item => item.id === orgId)
+
+     ElMessage.success(`已切换到：${org?.name || ''}`)
+
+     // 这里可以调用接口
+     // await switchOrgApi(orgId)
+   }
+   </script>

package/test/1312312

@@ -0,0 +1,164 @@
+type WorkerMessage =
+  | {
+      type: 'START'
+      interval?: number
+    }
+  | {
+      type: 'CHECK_NOW'
+    }
+  | {
+      type: 'STOP'
+    }
+
+type WorkerResponse =
+  | {
+      type: 'CONFIG_VERSION'
+      version: string
+    }
+  | {
+      type: 'CONFIG_ERROR'
+      message: string
+    }
+
+let timer: ReturnType<typeof setInterval> | null = null
+
+function getVersion(text: string): string | null {
+  const match = text.match(/VERSION:\s*['"](.+?)['"]/)
+  return match?.[1] || null
+}
+
+async function checkConfig(): Promise<void> {
+  try {
+    const res = await fetch(`/config.js?t=${Date.now()}`, {
+      cache: 'no-store'
+    })
+
+    const text = await res.text()
+    const latestVersion = getVersion(text)
+
+    if (!latestVersion) return
+
+    const message: WorkerResponse = {
+      type: 'CONFIG_VERSION',
+      version: latestVersion
+    }
+
+    self.postMessage(message)
+  } catch (err) {
+    const message: WorkerResponse = {
+      type: 'CONFIG_ERROR',
+      message: err instanceof Error ? err.message : '配置检查失败'
+    }
+
+    self.postMessage(message)
+  }
+}
+
+self.onmessage = (event: MessageEvent<WorkerMessage>) => {
+  const data = event.data
+
+  if (data.type === 'START') {
+    if (timer) return
+
+    checkConfig()
+
+    timer = setInterval(() => {
+      checkConfig()
+    }, data.interval || 10000)
+  }
+
+  if (data.type === 'CHECK_NOW') {
+    checkConfig()
+  }
+
+  if (data.type === 'STOP') {
+    if (timer) {
+      clearInterval(timer)
+      timer = null
+    }
+  }
+}
+
+export {}
+
+
+
+type WorkerResponse =
+  | {
+      type: 'CONFIG_VERSION'
+      version: string
+    }
+  | {
+      type: 'CONFIG_ERROR'
+      message: string
+    }
+
+const CONFIG_VERSION_KEY = 'APP_CONFIG_VERSION'
+
+let worker: Worker | null = null
+
+function handleVersionChange(version: string): void {
+  const localVersion = localStorage.getItem(CONFIG_VERSION_KEY)
+
+  if (!localVersion) {
+    localStorage.setItem(CONFIG_VERSION_KEY, version)
+    return
+  }
+
+  if (version !== localVersion) {
+    localStorage.setItem(CONFIG_VERSION_KEY, version)
+    window.location.reload()
+  }
+}
+
+export function startConfigWatcher(interval = 10000): void {
+  if (worker) return
+
+  worker = new Worker(new URL('../workers/config.worker.ts', import.meta.url), {
+    type: 'module'
+  })
+
+  worker.postMessage({
+    type: 'START',
+    interval
+  })
+
+  worker.onmessage = (event: MessageEvent<WorkerResponse>) => {
+    const data = event.data
+
+    if (data.type === 'CONFIG_VERSION') {
+      handleVersionChange(data.version)
+    }
+
+    if (data.type === 'CONFIG_ERROR') {
+      console.error('配置版本检查失败:', data.message)
+    }
+  }
+
+  document.addEventListener('visibilitychange', () => {
+    if (!document.hidden) {
+      worker?.postMessage({
+        type: 'CHECK_NOW'
+      })
+    }
+  })
+
+  window.addEventListener('focus', () => {
+    worker?.postMessage({
+      type: 'CHECK_NOW'
+    })
+  })
+}
+
+export function stopConfigWatcher(): void {
+  if (!worker) return
+
+  worker.postMessage({
+    type: 'STOP'
+  })
+
+  worker.terminate()
+  worker = null
+}
+
+