<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>WI水务智能平台</title>
|
<!-- 引入样式文件 -->
|
<link rel="stylesheet" href="/ai_html/views/mobileDownload/css/index.css" />
|
<link rel="stylesheet" href="/ai_html/views/mobileDownload/css/downLoad.css" />
|
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
|
<script src="/ai_html/views/mobileDownload/js/vue.js"></script>
|
<script src="/ai_html/views/mobileDownload/js/vant.js"></script>
|
<script src="/ai_html/views/mobileDownload/js/config.js?v=241012"></script>
|
<script src="/static/config/globalConfig.js"></script>
|
</head>
|
<style>
|
.set-btn {
|
border-width: 1px;
|
border-style: solid;
|
border-color: #0070c9;
|
background: 0 0;
|
color: #fff;
|
border-radius: 10px;
|
width: 95;
|
height: 32px;
|
background-color: rgb(0, 112, 201);
|
font-size: 14px;
|
}
|
</style>
|
<body>
|
<div id="app">
|
<div style="margin: 3px 10px" v-show="!isWxOpenLink">
|
<div class="header_page">
|
<div class="left_img">
|
<img :src="m_mobileDownloadConfig.SoftwareConfig.Icon" style="width: 100%; height: 130px; border-radius: 15%" />
|
</div>
|
<div class="right_selectSystem">
|
<div style="margin-bottom: 30px">
|
<div class="select__title">{{m_mobileDownloadConfig.SoftwareConfig.Name}}</div>
|
<div class="select__desc">{{m_mobileDownloadConfig.SoftwareConfig.Desc}}</div>
|
</div>
|
|
<div>
|
<button class="set-btn" type="button" @click="getAndroidDownPath()">安卓下载</button>
|
<button class="set-btn" type="button" @click="getAppleDownPath()">苹果下载</button>
|
</div>
|
</div>
|
</div>
|
<div class="feat_all">
|
<div class="left_feat">{{m_mobileDownloadConfig.FunctionalVersion.Name}}</div>
|
</div>
|
<div class="version_all">
|
<div class="select__desc_">{{m_mobileDownloadConfig.FunctionalVersion.Version}}</div>
|
<div class="select__desc_">{{m_mobileDownloadConfig.FunctionalVersion.Time}}</div>
|
</div>
|
<div class="interface_all">{{m_mobileDownloadConfig.FunctionalVersion.Desc}}</div>
|
<div class="left_preview">{{m_mobileDownloadConfig.LocalInfo.Preview}}</div>
|
<van-swipe :loop="false" :width="300" :show-indicators="false">
|
<van-swipe-item v-for="(image, index) in imagesDetail" :key="index">
|
<img :src="image" class="swipe_image" />
|
</van-swipe-item>
|
</van-swipe>
|
<div class="feat_all">
|
<div class="left_feat">App 隐私</div>
|
</div>
|
<div class="feat_privacy">开发者 已表明该 App 的隐私规范可能包括了下述的数据处理方式 请参阅开发者隐私政策。</div>
|
<div class="feat-privacy__card">
|
<div class="privacy-type__img"><img src="./image/passed.png" /></div>
|
<div class="privacy-type__heading">未收集数据</div>
|
<div class="privacy-type__description">开发者不会从此 App 中收集任何数据。</div>
|
</div>
|
<div class="feat_regulation">隐私规范可能因你使用的功能或者你的年龄等因素而异。</div>
|
<div class="feat_all">
|
<div class="left_feat">信息</div>
|
</div>
|
<div v-for="(item, index) in informationData" :key="index" class="feta_info">
|
<div class="left_info">{{ item.infoTitle }}</div>
|
<div class="left_right">{{ item.infoContent }}</div>
|
</div>
|
</div>
|
|
<div class="wx_open_link" v-show="isWxOpenLink">
|
<img src="./image/wx_phone_tip.webp" style="width: 100%; height: 100%" />
|
</div>
|
</div>
|
</body>
|
</html>
|
<script>
|
// 在 #app 标签下渲染一个按钮组件
|
new Vue({
|
el: '#app',
|
data() {
|
return {
|
m_mobileDownloadConfig: mobileDownloadConfig,
|
imagesDetail: [],
|
informationData: [],
|
isWxOpenLink: false,
|
appID: '6738112319',
|
};
|
},
|
mounted() {
|
this.imagesDetail = this.m_mobileDownloadConfig.LocalInfo.Images;
|
this.informationData = this.m_mobileDownloadConfig.LocalInfo.InformationData;
|
},
|
methods: {
|
getAndroidDownPath() {
|
let androidURL = `${window.globalConfig.WebApiUrl.PhoneUrl}/WI水务智能助手.apk`;
|
var ua = navigator.userAgent.toLowerCase();
|
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
|
this.isWxOpenLink = true;
|
} else {
|
window.location.href = androidURL;
|
}
|
},
|
getAppleDownPath() {
|
const url = `https://apps.apple.com/app/${this.appID}`;
|
window.location.href = url;
|
},
|
},
|
});
|
</script>
|
