wui-components-v2 1.1.69 → 1.1.71

package/components/wui-update-component/wui-update-component.vue

@@ -1,221 +1,221 @@
-<script setup lang="ts">
-import { computed, defineEmits, ref } from 'vue'
-
-defineOptions({
-  name: 'WuiUpdateComponent',
-})
-const prop = defineProps({
-  show: {
-    type: Boolean,
-    default: false,
-  },
-  hydrocarbonProgramToken: {
-    type: String,
-    default: '',
-  },
-  baseUrl: {
-    type: String,
-    default: '',
-  },
-  sourceId: {
-    type: String,
-    default: '',
-  },
-  appId: {
-    type: String,
-    default: '',
-  },
-})
-const emit = defineEmits(['close'])
-const closable = ref(true)
-const loading = ref(false)
-const percentage = ref(0) // 进度条数字
-const entities = ref([])
-// 更新内容
-const updateContent = ref('')
-
-// 计算属性,弹窗开关
-const show = computed({
-  get() {
-    return prop.show
-  },
-
-  set(value) {
-    emit('close', value)
-  },
-})
-const enterUpdate = ref(false)
-const isUpdate = ref(0)
-// 当前版本
-const currentVersion = ref('')
-
-// 最新版本
-const latestVersion = ref('')
-
-// 关闭弹窗
-function handleClose() {
-  show.value = false
-}
-
-// 弹框进入时检查更新
-async function beforeEnter() {
-  loading.value = true
-  // 获取当前应用版本号
-  const v1 = await new Promise<string>((resolve, reject) => {
-    plus.runtime.getProperty(plus.runtime.appid || '', (widgetInfo) => {
-      resolve(widgetInfo.version || '')
-    })
-    console.log(reject)
-  })
-  currentVersion.value = v1
-  // 获取接口最新版本号
-  uni.request({
-    url:
-      `${prop.baseUrl
-      }/v3/mstruc/data?sourceId=${prop.sourceId}&depth=1&sortColIds=创建时间_DESC&pageNo=1&pageSize=1&c_app编码_equals=${prop.appId}&c_标记删除_equals=否`,
-    method: 'GET',
-    header: {
-      'hydrocarbon-program-token': prop.hydrocarbonProgramToken,
-    },
-    success: (res: any) => {
-      if (res.statusCode === 200) {
-        if (res.data.entities.length > 0) {
-          latestVersion.value = res.data.entities[0]['版本号'] // 最新版本号
-          isUpdate.value = compareVersions(currentVersion.value, latestVersion.value) // 比较版本号
-          entities.value = res.data.entities // 获取接口数据
-          updateContent.value = res.data.entities[0]['更新内容'] // 更新内容
-        }
-      }
-
-      loading.value = false
-    },
-    fail: (err) => {
-      loading.value = false
-      console.log('接口版本err：', err)
-    },
-  })
-}
-
-// 下载安装包
-function downloadApk(code: string, name: string) {
-  // 发起下载请求
-  const downloadTask = uni.downloadFile({
-    url: `${prop.baseUrl}/v3/files/hwane27308/${code}/${name}`,
-    success: (res) => {
-      if (res.statusCode === 200) {
-        if (!res.tempFilePath)
-          return
-        // 下载完成后安装 APK
-        plus.runtime.install(
-          res.tempFilePath,
-          {
-            force: true, // 强制安装
-          },
-          () => {
-            // 重启应用
-            // plus.runtime.restart()
-            // 关闭更新弹框
-            show.value = false
-            percentage.value = 0
-            enterUpdate.value = false
-            closable.value = true
-          },
-        )
-      }
-    },
-  })
-
-  // 监听下载进度变化
-  downloadTask.onProgressUpdate((res) => {
-    console.log('当前进度:', `${res.progress}%`)
-    // 更新 UI（例如进度条）
-    percentage.value = res.progress // 假设 this.progress 是绑定的数据
-  })
-}
-
-// 版本号比对 1:大于当前版本，-1：小于当前版本，0：版本号相同
-function compareVersions(v1: string, v2: string) {
-  // 接口版本
-  const v2Parts = v2.split('.').map(Number)
-  // 本地版本
-  const v1Parts = v1.split('.').map(Number)
-  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
-    const part1 = v1Parts[i] || 0
-    const part2 = v2Parts[i] || 0
-    if (part1 !== part2)
-      return part1 < part2 ? 1 : -1
-  }
-  return 0
-}
-
-// 更新按钮点击事件
-function actionUpdate() {
-  enterUpdate.value = true
-  closable.value = false
-  isUpdate.value = 0
-  // 获取最新安装包
-  downloadApk(entities.value[0]['安装包唯一编码'], entities.value[0]['安装包名称'])
-}
-// 取消更新按钮点击事件
-// function calce() {
-//   enterUpdate.value = false
-//   closable.value = true
-// }
-</script>
-
-<template>
-  <!-- 更新app组件 -->
-  <wd-popup
-    v-model="show"
-    custom-style="border-radius:32rpx;"
-    :z-index="99999999"
-    :close-on-click-modal="false"
-    :closable="closable"
-    @close="handleClose"
-    @before-enter="beforeEnter"
-  >
-    <view v-if="loading" class="loadingBox">
-      <wd-loading />
-    </view>
-    <view v-else class="updateBox">
-      <wd-text text="更新提示" :bold="true" color="#333" />
-      <wd-text :text="`当前版本:${currentVersion} 最新版本:${latestVersion}`" color="#333" />
-      <wd-text v-if="isUpdate > 0" :text="updateContent" line-height="20px" :lines="4" />
-      <wd-button v-if="isUpdate !== 0" style="margin-top: auto" @click="actionUpdate">
-        更新
-      </wd-button>
-      <view v-if="enterUpdate" class="calc">
-        <wd-progress :percentage="percentage" />
-        <!-- <wd-button @click="calce">取消</wd-button> -->
-      </view>
-    </view>
-  </wd-popup>
-</template>
-
-<style lang="scss" scoped>
-.updateBox {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 600rpx;
-  min-height: 200rpx;
-  padding: 32rpx;
-  background-color: #fff;
-  border-radius: 32rpx;
-  .calc {
-    width: 550rpx;
-    margin-top: 40rpx;
-    text-align: center;
-  }
-}
-.loadingBox {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 600rpx;
-  height: 200rpx;
-  padding: 32rpx;
-  background-color: #fff;
-  border-radius: 32rpx;
-}
-</style>
+<script setup lang="ts">
+import { computed, defineEmits, ref } from 'vue'
+
+defineOptions({
+  name: 'WuiUpdateComponent',
+})
+const prop = defineProps({
+  show: {
+    type: Boolean,
+    default: false,
+  },
+  hydrocarbonProgramToken: {
+    type: String,
+    default: '',
+  },
+  baseUrl: {
+    type: String,
+    default: '',
+  },
+  sourceId: {
+    type: String,
+    default: '',
+  },
+  appId: {
+    type: String,
+    default: '',
+  },
+})
+const emit = defineEmits(['close'])
+const closable = ref(true)
+const loading = ref(false)
+const percentage = ref(0) // 进度条数字
+const entities = ref([])
+// 更新内容
+const updateContent = ref('')
+
+// 计算属性,弹窗开关
+const show = computed({
+  get() {
+    return prop.show
+  },
+
+  set(value) {
+    emit('close', value)
+  },
+})
+const enterUpdate = ref(false)
+const isUpdate = ref(0)
+// 当前版本
+const currentVersion = ref('')
+
+// 最新版本
+const latestVersion = ref('')
+
+// 关闭弹窗
+function handleClose() {
+  show.value = false
+}
+
+// 弹框进入时检查更新
+async function beforeEnter() {
+  loading.value = true
+  // 获取当前应用版本号
+  const v1 = await new Promise<string>((resolve, reject) => {
+    plus.runtime.getProperty(plus.runtime.appid || '', (widgetInfo) => {
+      resolve(widgetInfo.version || '')
+    })
+    console.log(reject)
+  })
+  currentVersion.value = v1
+  // 获取接口最新版本号
+  uni.request({
+    url:
+      `${prop.baseUrl
+      }/v3/mstruc/data?sourceId=${prop.sourceId}&depth=1&sortColIds=创建时间_DESC&pageNo=1&pageSize=1&c_app编码_equals=${prop.appId}&c_标记删除_equals=否`,
+    method: 'GET',
+    header: {
+      'hydrocarbon-program-token': prop.hydrocarbonProgramToken,
+    },
+    success: (res: any) => {
+      if (res.statusCode === 200) {
+        if (res.data.entities.length > 0) {
+          latestVersion.value = res.data.entities[0]['版本号'] // 最新版本号
+          isUpdate.value = compareVersions(currentVersion.value, latestVersion.value) // 比较版本号
+          entities.value = res.data.entities // 获取接口数据
+          updateContent.value = res.data.entities[0]['更新内容'] // 更新内容
+        }
+      }
+
+      loading.value = false
+    },
+    fail: (err) => {
+      loading.value = false
+      console.log('接口版本err：', err)
+    },
+  })
+}
+
+// 下载安装包
+function downloadApk(code: string, name: string) {
+  // 发起下载请求
+  const downloadTask = uni.downloadFile({
+    url: `${prop.baseUrl}/v3/files/hwane27308/${code}/${name}`,
+    success: (res) => {
+      if (res.statusCode === 200) {
+        if (!res.tempFilePath)
+          return
+        // 下载完成后安装 APK
+        plus.runtime.install(
+          res.tempFilePath,
+          {
+            force: true, // 强制安装
+          },
+          () => {
+            // 重启应用
+            // plus.runtime.restart()
+            // 关闭更新弹框
+            show.value = false
+            percentage.value = 0
+            enterUpdate.value = false
+            closable.value = true
+          },
+        )
+      }
+    },
+  })
+
+  // 监听下载进度变化
+  downloadTask.onProgressUpdate((res) => {
+    console.log('当前进度:', `${res.progress}%`)
+    // 更新 UI（例如进度条）
+    percentage.value = res.progress // 假设 this.progress 是绑定的数据
+  })
+}
+
+// 版本号比对 1:大于当前版本，-1：小于当前版本，0：版本号相同
+function compareVersions(v1: string, v2: string) {
+  // 接口版本
+  const v2Parts = v2.split('.').map(Number)
+  // 本地版本
+  const v1Parts = v1.split('.').map(Number)
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const part1 = v1Parts[i] || 0
+    const part2 = v2Parts[i] || 0
+    if (part1 !== part2)
+      return part1 < part2 ? 1 : -1
+  }
+  return 0
+}
+
+// 更新按钮点击事件
+function actionUpdate() {
+  enterUpdate.value = true
+  closable.value = false
+  isUpdate.value = 0
+  // 获取最新安装包
+  downloadApk(entities.value[0]['安装包唯一编码'], entities.value[0]['安装包名称'])
+}
+// 取消更新按钮点击事件
+// function calce() {
+//   enterUpdate.value = false
+//   closable.value = true
+// }
+</script>
+
+<template>
+  <!-- 更新app组件 -->
+  <wd-popup
+    v-model="show"
+    custom-style="border-radius:32rpx;"
+    :z-index="99999999"
+    :close-on-click-modal="false"
+    :closable="closable"
+    @close="handleClose"
+    @before-enter="beforeEnter"
+  >
+    <view v-if="loading" class="loadingBox">
+      <wd-loading />
+    </view>
+    <view v-else class="updateBox">
+      <wd-text text="更新提示" :bold="true" color="#333" />
+      <wd-text :text="`当前版本:${currentVersion} 最新版本:${latestVersion}`" color="#333" />
+      <wd-text v-if="isUpdate > 0" :text="updateContent" line-height="20px" :lines="4" />
+      <wd-button v-if="isUpdate !== 0" style="margin-top: auto" @click="actionUpdate">
+        更新
+      </wd-button>
+      <view v-if="enterUpdate" class="calc">
+        <wd-progress :percentage="percentage" />
+        <!-- <wd-button @click="calce">取消</wd-button> -->
+      </view>
+    </view>
+  </wd-popup>
+</template>
+
+<style lang="scss" scoped>
+.updateBox {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 600rpx;
+  min-height: 200rpx;
+  padding: 32rpx;
+  background-color: #fff;
+  border-radius: 32rpx;
+  .calc {
+    width: 550rpx;
+    margin-top: 40rpx;
+    text-align: center;
+  }
+}
+.loadingBox {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 600rpx;
+  height: 200rpx;
+  padding: 32rpx;
+  background-color: #fff;
+  border-radius: 32rpx;
+}
+</style>