qiubinghui
/
zhywpt-sp
Tarkkaile 1
Äänestä 0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Activity
Selaa lähdekoodia

提交

yxb
DESKTOP-2IO5MST\huting 1 vuosi sitten
vanhempi
441feef660
commit
75b75d645f
5 muutettua tiedostoa jossa 80 lisäystä ja 727 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 0
    703
      components/bluetooth/bluetooth.vue
  2. 1
    7
      pages.json
  3. 74
    13
      pages/recharge/recharge-pay.vue
  4. 1
    1
      subpackage/after-sale/add-equity/add-equity.vue
  5. 4
    3
      subpackage/after-sale/add-equity/equity-list.vue

+ 0
- 703
components/bluetooth/bluetooth.vue Näytä tiedosto

@@ -1,703 +0,0 @@
<!--设备选择 -->
<template>
<view class="devices">
<view class="device" v-for="(item, index) in deviceList" :key="index" @click="connectDevice(item)">
<image :src="`${$imgUrl}bluetooth/card1.png`" class="head" mode="aspectFill"></image>
<view class="center">
<view class="name">{{ item._name }}</view>
<view class="desc">编号 {{ item.name }}</view>
</view>
<image :src="item.selected ? selectedUrl : unSelectedUrl" class="icon" mode="aspectFill"></image>
</view>

<view class="hint">
<view class="orange-txt as-layout-horizontal as-gravity-center-start">
<image :src="`${$imgUrl}common/icon-hint.png`" mode="aspectFill"></image>
<view>温馨提示：</view>
</view>
<view class="grey-txt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
指令执行过程中，请勿关闭蓝牙，勿将手机远离电子标签，以免导致写卡、写签失败。</view>
</view>
<view class="btn">
<submit-button title="点击重新搜索蓝牙" @submit="load"></submit-button>
</view>
</view>


</template>

<script setup lang="ts">
import { ref, reactive } from "vue";
import { onLoad, onReady } from "@dcloudio/uni-app";
import { fileURL } from "@/datas/fileURL.js";

const imgURL = `${fileURL}image/`;
const selectedUrl = "common/selected.png`";
const unSelectedUrl = "common/unselected.png`";
const jyApi = require("../../static/etc/JYAPI/GenvictBleUtil.js");
const jlQZApi = require("../../static/etc/JLQZAPI/JLObuSDK.js");
const atApi = require("../../static/etc/ATAPI/ArtcBleUtil.js");
const wqApi = require("../../static/etc/WQAPI/WCDObuSdk.js");
const cgApi = require("../../static/etc/CGAPI/cguBle.js");

const tools = require("../../static/etcUtil/tools.js");
const datas = require("../../static/etcUtil/datas.js");
const bluetoothUtil = require("../../static/etcUtil/index.js");

let jlApi = require("../../static/etc/JLAPI/JLObuSDK.js"); //聚力SDK
let wjApi = require("../../static/etc/WJAPI/wjBleAPI");
let tdApi = require("../../static/etc/TDAPI/TDRObuSDK.js");
let zzApi = require("../../static/etc/WJAPI/wjBleAPI.js");
let jtApi = require("../../static/etc/JTAPI/BleUtil.js");
// #ifdef MP-ALIPAY
// 这部分代码将仅在支付宝小程序平台下执行
jlApi = require("../../static/etc/JLObuSDK/JLObuSDK.js");
wjApi = require("../../static/etc/wjBle/WJBleAPI");
zzApi = require("../../static/etc/wjBle/WJBleAPI.js");
tdApi = require("../../static/etc/TDRAPI/TDRObuSDK.js");
jtApi = require("../../static/etc/JTAPIS/BleUtil.js");
// 执行支付宝小程序的特定功能
// #endif

const state = reactive({
fee: "",
cardId: "",
showPopup: false, //显示激活成功提示
curDeviceId: "", //当前选中的设备ID
deviceList: [
//设备列表
{
id: "1",
image: imgURL + "bluetooth/card1.png`",
name: "聚力",
number: "235564444558855",
},
],
});

const deviceList = ref([]);
const connectPrefixName = ref(null);
const routeType = ref(null); //来源 1激活 2圈存 3信息重写 4信息读取

interface DeviceType {
name : string; //设备名称
deviceId : string; //uuid
prefixName : string; //前缀名称
selected : boolean; //判断点击次数
_name : string; //中文名称
}

let device : DeviceType = reactive({
name: "", //设备名称
deviceId: "", //uuid
prefixName: "", //前缀名称
selected: false, //判断点击次数
_name: "", //中文名称
});

onReady(() => {
load();
});
const props = defineProps({
//手机号
routeType: {
type: String,
default: "",
},

//短信模板编码
cardId: {
type: String,
default: "",
},
});
onLoad((option) => {
routeType.value = props.routeType ? props.routeType : "1";
state.cardId = props.cardId;
console.log("props", props)
});

/*
* 蓝牙初始化
*/
const load = () => {
deviceList.value = [];
console.log("****************蓝牙getsetting******************");
//断开蓝牙
bluetoothUtil.disconnectDevice();
uni.getSetting({
success(res) {
console.log("****************成功******************");
console.log("scopebluetooth:" + res.authSetting["scope.bluetooth"]);
console.log("成功结果：" + JSON.stringify(res));
if (res.authSetting["scope.bluetooth"] == undefined) {
//不存在
uni.authorize({
scope: "scope.bluetooth",
success() {
console.log("扫描蓝牙中");
tools.showLoadingAlert("扫描蓝牙中");
console.log("11111111")
openBluetooth();
},
fail() {
uni.showToast({
title: "蓝牙授权失败",
icon: "error",
duration: 1500,
});
},
});
} else if (!res.authSetting["scope.bluetooth"]) {
//false
uni.showModal({
title: "是否授权读取蓝牙",
content: "需要获取你的蓝牙，请确认授权，否则无法获取蓝牙",
success: function (mres) {
if (mres.confirm) {
uni.openSetting({
success(authData) {
if (authData.authSetting["scope.bluetooth"] == true) {
tools.showLoadingAlert("扫描蓝牙中");
console.log("2222222")
openBluetooth();
} else {
uni.closeBluetoothAdapter();
uni.showToast({
title: "蓝牙授权失败",
icon: "error",
duration: 1500,
});
}
},
});
} else if (mres.cancel) {
uni.showToast({
title: "蓝牙授权失败",
icon: "error",
duration: 1000,
});
}
},
});
} else {
tools.showLoadingAlert("扫描蓝牙中");
openBluetooth();
}
},
fail(res) {
console.log("****************失败******************");
console.log("失败结果：" + JSON.stringify(res));
},
});
};

/*
* 打开蓝牙
*/
const openBluetooth = () => {
console.log("进来了")
let foundDevices = []; //扫描到的蓝牙列表
uni.closeBluetoothAdapter(); //先关闭蓝牙
//打开蓝牙
uni.openBluetoothAdapter({
success: function (res) {
uni.startBluetoothDevicesDiscovery({
success: function (res) {
console.log(res);
//扫描结果的监听
uni.onBluetoothDeviceFound(function (res) {
// console.log(res.devices);
for (let i = 0; i < res.devices.length; i++) {
let name = res.devices[i]["name"];
let prefixName = "";
let deviceId = res.devices[i]["deviceId"];
console.log(res.devices[i]["name"]);
if (name != "" && name != undefined && name != "undefined") {
if (
name.indexOf("G-WJ") != -1 ||
name.indexOf("ETC") != -1 ||
name.indexOf("G-JL") != -1
) {
//前装设备
prefixName = "ETC";
} else {
//聚力临时设备
if (name.indexOf("5201121") != -1) {
prefixName = "JL";
} else {
prefixName = name.substring(0, 2);
}
}
prefixName = prefixName.toUpperCase();
if (
prefixName == "WJ" ||
prefixName == "JL" ||
prefixName == "JY" ||
prefixName == "AT" ||
prefixName == "JT" ||
prefixName == "WQ" ||
prefixName == "CG" ||
prefixName == "TD" ||
prefixName == "ZZ" ||
prefixName == "ETC"
) {
// //隐藏加载框
tools.hideLoadingAlert();

device.name = name;
device.deviceId = deviceId;
device.prefixName = prefixName;
device.selected = false; //防止重复点击
console.log("device._prefixName", prefixName)
let _name = "";
switch (prefixName) {
case "WJ":
_name = "万集";
break;
case "JL":
_name = "聚利";
break;
case "JY":
_name = "金溢";
break;
case "AT":
_name = "埃特斯";
break;
case "JT":
_name = "建投";
break;
case "WQ":
_name = "握奇";
break;
case "CG":
_name = "成谷";
break;
case "TD":
_name = "天地融";
break;
case "ZZ":
_name = "智载";
break;
case "ETC":
_name = "前装";
break;
default:
_name = "未知";
break;
}
device._name = _name;
console.log("device._name11111", device._name)
if (deviceList.value.length == 0) {
// #ifdef MP-ALIPAY
if (device._name == '聚利' || device._name == '万集' || device._name == '天地融' || device._name == '建投') {
foundDevices.push(device);
console.log("device._name", device._name)
}
// #endif

// #ifdef MP-WEIXIN
foundDevices.push(device);
// #endif
} else {
let isHave = false;
for (let j = 0; j < foundDevices.length; j++) {
if (name == foundDevices[j].deviceId) {
isHave = true;
break;
}
}
if (!isHave) {
foundDevices.push(device);
}
}
console.log("deviceList.value", foundDevices)
// deviceList.value = foundDevices;
foundDevices = [];
// console.log(foundDevices);
}
}
}
});
},
fail: function (res) {
console.log(res);
},
});
},
fail: function (res) {
console.log(res);
alertF("手机蓝牙未打开或不支持蓝牙");
},
});
};

/**
* 连接蓝牙
*/
const connectDevice = (e) => {
console.log(e);
let item = e;
//停止扫描蓝牙
console.info("停止扫描蓝牙");
uni.stopBluetoothDevicesDiscovery({
success: function (res) {
console.log(device, item);
if (item.selected == false) {
console.log("第一次点击了");
item.selected = true;
setTimeout(function () {
if (device.selected == undefined) {
console.info("selected is undefined");
linkFail(); //未找到设备, 请重新搜索
return;
}
item.selected = false;
}, 4000);
} else {
console.log("第二次点击了");
return;
}

if (
item.prefixName == undefined ||
item.prefixName == "undefined" ||
item.prefixName == ""
) {
console.info("device.prefixName is undefined");
linkFail(); //未找到设备, 请重新搜索
return;
}

let prefixName = item.prefixName;

connectPrefixName.value = item.prefixName;
// delete device.prefixName
// delete device._name

console.log(item);
datas.setData("deviceId", device, device.deviceId);
tools.showLoadingAlert("蓝牙连接中");
console.info("连接的是" + prefixName);
switch (prefixName) {
case "WJ":
wjApi.connectDevice(
device,
function (res) {
console.log('WJ输出内容1', res)
connectSuccess(res);
},
function (res) {
console.log('WJ输出内容2', res)
listenStatus(res);
}
);
break;
case "JL":
jlApi.connectDevice(
device,
function (res) {
connectSuccess(res);
},
function (res) {
listenStatus(res);
}
);
break;
case "ETC":
jlQZApi.connectDevice(
device,
function (res) {
preDevice(res);
},
function (res) {
listenStatus(res);
}
);
break;
case "JY":
jyApi.connectDevice(
device,
function (res) {
connectSuccess(res);
},
function (res) {
listenStatus(res);
}
);
break;
case "AT":
atApi.connectDevice(
device,
function (res) {
connectSuccess(res);
},
function (res) {
listenStatus(res);
}
);
break;
case "JT":
jtApi.connectDevice(
device,
function (res) {
console.log('回调=======',res)
connectSuccess(res);
},
function (res) {
console.log('回调=======2',res)
listenStatus(res);
}
);
break;
case "WQ":
wqApi.connectDevice(
device,
function (res) {
connectSuccess(res);
},
function (res) {
listenStatus(res);
}
);
break;
case "CG":
cgApi.connectDevice(
device,
function (res) {
connectSuccess(res);
},
function (res) {
listenStatus(res);
}
);
break;

case "TD":
tdApi.connectDevice(
device,
function (res) {
connectSuccess(res);
},
function (res) {
listenStatus(res);
}
);
break;

case "ZZ":
zzApi.connectDevice(
device,
function (res) {
connectSuccess(res);
},
function (res) {
listenStatus(res);
}
);
break;

default: //未找到设备, 请重新搜索
linkFail();
break;
}
},
fail: function (res) {
console.log(res);
linkFail(); //未找到设备, 请重新搜索
},
});
};

/**
* 未找到设备, 请重新搜索
*/
const linkFail = () => {
datas.setData("bluLinkStatus", false);
datas.setData("connectPrefixName", "");

tools.showModalAlert("未找到设备, 请重新搜索", function successFunc() {
load();
});
};

/**
* 连接成功
*/
const emit = defineEmits<{
(e : "submit", connectSuccess : any, cardId : any) : void;
}>();
const connectSuccess = (res) => {
console.log("================================================")
console.log("连接回调函数func1");
console.log(res);
if (res.code == 0) {
console.log("连接成功");
tools.hideLoadingAlert(); //关闭加载框
datas.setData("bluLinkStatus", true);
datas.setData("connectPrefixName", connectPrefixName.value);

//routeType 1.激活（订单来） 2.圈存 （/pages/recharge/recharge来）3.信息重写 4.信息读取 5从哪里来回哪里去监听bluetoothLink
if (routeType.value == "1") {
uni.navigateTo({
url: "/subpackage/after-sale/activation/activate",
});
} else if (routeType.value == "2") {
// uni.navigateTo({
// url: `/pages/recharge/recharge?connectSuccess=1&&cardId=${state.cardId}`,
// });
emit("submit", 1, state.cardId);
} else if (routeType.value == "3") {

} else if (routeType.value == "4") {
uni.navigateTo({
url: "/subpackage/after-sale/deviceInfo/deviceInfo",
});
}
else if (routeType.value == "5") {
uni.$emit('bluetoothLink', { status: true })
uni.navigateBack({
delta: 1
})
} else {
return;
}
} else {
alertF(res.msg);
}
};

/**
* 前装设备
*/
const preDevice = (res) => {
if (res.code == 0) {
console.log("连接成功");
datas.setData("bluLinkStatus", true);
datas.setData("connectPrefixName", connectPrefixName.value);

// tools.toUrl(route.preActivateInfo);//跳转 前装设备
} else {
alertF(res.msg);
console.log(res.msg);
}
};

/**
* 监听蓝牙状态
*/
const listenStatus = (res) => {
console.log("时时监听蓝牙状态func234");
console.log(res);
if (res.code == 0) {
datas.setData("bluLinkStatus", true);
datas.setData("connectPrefixName", connectPrefixName.value);
connectSuccess(res);
} else {
console.log('输出内容', '=====================================')
datas.setData("bluLinkStatus", false);
datas.setData("connectPrefixName", "");
tools.showToastAlert("蓝牙已断开");

}
};

/**
* 提示加关蓝牙
*/
const alertF = (msg : string) => {
//隐藏加载框
tools.hideLoadingAlert();

//断开蓝牙
bluetoothUtil.disconnectDevice();


//提示对话框
tools.showModalAlert(msg);
};
</script>

<style>
page {
background-color: #f3f3f3;
}

:deep(.u-mode-center-box) {
border-radius: 20rpx;
}
</style>

<style lang="scss" scoped>
.devices {
.device {
width: calc(100% - 30rpx);
margin-left: 30rpx;
display: flex;
flex-direction: row;
align-items: center;
margin-top: 30rpx;
background: white;
padding: 25rpx 20rpx;
border-top-left-radius: 20rpx;
border-bottom-left-radius: 20rpx;
box-shadow: 0px 10px 10rpx 10rpx rgba(223, 223, 223, 0.3);

.head {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
background-color: #f3f3f3;
}

.center {
flex: 1;
margin-left: 30rpx;
margin-right: 30rpx;

.name {
font-size: 30rpx;
color: #333333;
}

.desc {
font-size: 26rpx;
color: #666666;
margin-top: 25rpx;
}
}

.icon {
width: 43rpx;
height: 43rpx;
margin-right: 10rpx;
}
}

.hint {
margin: 60rpx 30rpx 0px;

.orange-txt {
font-size: 26rpx;
color: #ff8000;

image {
width: 30rpx;
height: 30rpx;
margin-right: 10rpx;
}
}

.grey-txt {
font-size: 26rpx;
color: #666666;
line-height: 40rpx;
margin-top: 16rpx;
}
}

.btn {
margin: 70rpx 40rpx;
}
}
</style>

+ 1
- 7
pages.json Näytä tiedosto

@@ -5,13 +5,7 @@
"style": {
"navigationBarHidden": true,
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#22dbc8",
"navigationStyle": "custom",
"mp-alipay": { //在支付宝小程序中如果不生效 就加上这两行代码 就会生效啦
// "transparentTitle": "always",
// "titlePenetrate": "YES",
"defaultTitle": "" // 将导航栏默认的 title 置空
}
"navigationBarBackgroundColor": "#22dbc8"
}
},
{

+ 74
- 13
pages/recharge/recharge-pay.vue Näytä tiedosto

@@ -1,5 +1,35 @@
<template>
<view class="wrapper">
<view class="content">
<view @click="rechargeAction">
<view style="display: flex;align-items: center;">
<image class="photo" :src="fileURL + 'image/index/goRecharge.png'" mode="widthFix"></image>去充值
</view>
<image class="photo1" src="../../static/image/icon-back.png" mode="widthFix"></image>
</view>
<view>
<view>选择充值方式：</view>
<view style="width: 67%;display: flex;align-items: center;">
<radio-group @change="radioChange" style="display: flex;align-items: center;">
<label style="align-items: center;margin-right: 40rpx;margin-top: 0;"
class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in state.transWayTypeList"
:key="item.value">
<view>
<radio :value="item.value" :checked="index === state.current" />
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
</view>
</view>
<view>
<view style="display: flex;align-items: center;">
<image class="photo" :src="fileURL + 'image/index/consumptionDetails.png'" mode="widthFix"></image>消费明细
</view>
<image class="photo1" src="../../static/image/icon-back.png" mode="widthFix"></image>
</view>
</view>
<view class="tips">温馨提示: <text class="red">NFC充值</text>仅支持在<text class="red">安卓手机</text>进行ETC储值卡充值!</view>
<!-- <view>
<view class="tabs">
<view class="tab-tit as-gravity-center-start">充值方式

@@ -10,7 +40,7 @@
<view class="btn btn-primary" @click="rechargeAction">立即充值</view>

</view>
<u-select v-model="state.transWayTypeShow" :list="state.transWayTypeList" @confirm="selectConfirm"></u-select>
<u-select v-model="state.transWayTypeShow" :list="state.transWayTypeList" @confirm="selectConfirm"></u-select> -->
</template>

<script setup lang="ts">
@@ -33,6 +63,9 @@
import {
msg
} from "@/utils/utils";
import {
fileURL
} from "@/datas/fileURL.js";
const datas = require("../../static/etcUtil/datas.js");
const bluetoothUtil = require("../../static/etcUtil/index.js");
const cmd = require("../../static/etcUtil/cmdConfig.js");
@@ -42,26 +75,17 @@
const state = reactive({
transWayTypeShow: false,
transWayTypeList: [{
label: "蓝牙",
name: "蓝牙",
value: "blu",
}, {
label: "NFC",
name: "NFC",
value: "nfc",
}
],
isShowBlue: false,

tableIndex: 0,
openid: "",
connectSuccess: undefined,
fee: 5000,
money: 50,
orderNum: "",
transWayName: "蓝牙",
transWay: "blu", //“blu”为蓝牙充值方式、“nfc”为NFC充值方式
cardId: "", //卡号 需要传参
mockpreBalance: 2000, //fix:模拟余额 目前没有检测状态接口，第一次会模拟圈层检测来检测状态
show: false,
current: 0
});

@@ -76,6 +100,12 @@
function radioChange(evt) {
console.log('输出内容', evt)
state.transWay = evt.detail.value; //“blu”为蓝牙充值方式、“nfc”为NFC充值方式
for (var k = 0; k < state.transWayTypeList.length; k++) {
if (state.transWayTypeList[k]['value'] == evt.detail.value) {
state.transWayName = state.transWayTypeList[k]['name']
return;
}
}
}

/*点击充值按钮*/
@@ -159,4 +189,35 @@
justify-content: space-between;
margin-top: 30rpx;
}

.photo {
width: 40rpx;
margin-right: 40rpx;
}

.photo1 {
width: 40rpx;
transform: rotateY(180deg);
}

.content {
font-size: 32rpx;
}

.content>view {
border-bottom: 1rpx solid #c1c1c1;
display: flex;
padding: 16rpx 20rpx;
align-items: center;
justify-content: space-between;
}

.red {
color: red;
}

.tips {
font-size: 32rpx;
padding: 20rpx;
}
</style>

+ 1
- 1
subpackage/after-sale/add-equity/add-equity.vue Näytä tiedosto

@@ -87,7 +87,7 @@
.add {
background: white;
border-radius: 10rpx;
padding: 4rpx 6rpx;
padding: 4rpx 4rpx;
color: #000;
}
</style>

+ 4
- 3
subpackage/after-sale/add-equity/equity-list.vue Näytä tiedosto

@@ -1,15 +1,16 @@
<template>
<view class="selectCar-box">
<view v-if="state.list&&state.list.length>0" class="item" v-for="(item,i) in state.list" :key="i">
<view v-if="state.list" class="item" v-for="(item,i) in state.list" :key="i">
<view class="iten-left">
<view>权益名称：{{item.productName}}</view>
<view>权益金额：{{item.discountPrice * 0.01}}</view>
</view>
</view>
<view style="text-align: center;margin: 20rpx;font-size: 30rpx;" v-if="state.flags">我是有底线的~</view>
<view v-else>
<empty title='暂无权益记录' />
</view>
<view style="text-align: center;margin: 20rpx;font-size: 30rpx;" v-if="state.flags">我是有底线的~</view>

</view>
</template>

@@ -64,8 +65,8 @@
}
request(showEquityListApi, options).then((res) => {
const data = stringToJson(res.bizContent);
console.log("购买2", data.data)
state.list = data.data
console.log("购买2", data.data, state.list.length > 0)
})
}
// 触底加载

Write Preview
Loading…
Peruuta
Tallenna