Merge branch 'main' of http://47.109.71.130:3000/attiya/ebike-ui
This commit is contained in:
commit
0ac4513e2d
@ -3,10 +3,13 @@
|
|||||||
<view class="form-panel">
|
<view class="form-panel">
|
||||||
<uni-forms ref="ebikeInfoForm" :modelValue="ebikeInfo" labelWidth="100px">
|
<uni-forms ref="ebikeInfoForm" :modelValue="ebikeInfo" labelWidth="100px">
|
||||||
<uni-section title="车辆" type="line">
|
<uni-section title="车辆" type="line">
|
||||||
<uni-forms-item label="车辆编号" required name="bikeCode" :rules="[{ required: true, errorMessage: '请扫描或输入车辆编号' }]">
|
<uni-forms-item label="车辆编号" required name="bikeCode"
|
||||||
<bikeCodeScan @scan-change="bikeCodeScanChange" :codeValue="ebikeInfo.bikeCode" ref="bikeCodeScanRef" />
|
:rules="[{ required: true, errorMessage: '请扫描或输入车辆编号' }]">
|
||||||
|
<bikeCodeScan @scan-change="bikeCodeScanChange" :codeValue="ebikeInfo.bikeCode"
|
||||||
|
ref="bikeCodeScanRef" />
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="车辆型号" required name="bikeModel" :rules="[{ required: true, errorMessage: '请输入车辆型号' }]">
|
<uni-forms-item label="车辆型号" required name="bikeModel"
|
||||||
|
:rules="[{ required: true, errorMessage: '请输入车辆型号' }]">
|
||||||
<uni-easyinput v-model="ebikeInfo.bikeModel" placeholder="请输入车辆型号" />
|
<uni-easyinput v-model="ebikeInfo.bikeModel" placeholder="请输入车辆型号" />
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="车牌号" name="bikeNumber">
|
<uni-forms-item label="车牌号" name="bikeNumber">
|
||||||
@ -14,29 +17,31 @@
|
|||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
</uni-section>
|
</uni-section>
|
||||||
<uni-section title="中控" type="line">
|
<uni-section title="中控" type="line">
|
||||||
<uni-forms-item label="中控编号" required :name="['ebikeEcuInfo','ecuCode']" :rules="[{ required: true, errorMessage: '请扫描或输入中控编号' }]">
|
<uni-forms-item label="中控编号" required :name="['ebikeEcuInfo','ecuCode']"
|
||||||
|
:rules="[{ required: true, errorMessage: '请扫描或输入中控编号' }]">
|
||||||
<ecuCodeScan @scan-change="ecuCodeScanChange" :codeValue="ebikeInfo.ebikeEcuInfo.ecuCode" />
|
<ecuCodeScan @scan-change="ecuCodeScanChange" :codeValue="ebikeInfo.ebikeEcuInfo.ecuCode" />
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="中控序列号" required :name="['ebikeEcuInfo','ecuSN']" :rules="[{ required: true, errorMessage: '请输入中控序列号' }]">
|
<uni-forms-item label="中控序列号" required :name="['ebikeEcuInfo','ecuSN']"
|
||||||
<uni-easyinput v-model="ebikeInfo.ebikeEcuInfo.ecuSN" placeholder="请输入中控序列号"/>
|
:rules="[{ required: true, errorMessage: '请输入中控序列号' }]">
|
||||||
|
<uni-easyinput v-model="ebikeInfo.ebikeEcuInfo.ecuSN" placeholder="请输入中控序列号" />
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
<uni-forms-item label="中控品牌" required :name="['ebikeEcuInfo','ecuModel']" :rules="[{ required: true, errorMessage: '请选择中控品牌' }]">
|
<uni-forms-item label="中控品牌" required :name="['ebikeEcuInfo','ecuModel']"
|
||||||
<uni-data-select
|
:rules="[{ required: true, errorMessage: '请选择中控品牌' }]">
|
||||||
v-model="ebikeInfo.ebikeEcuInfo.ecuModel"
|
<uni-data-select v-model="ebikeInfo.ebikeEcuInfo.ecuModel" :localdata="ecuModelRange"
|
||||||
:localdata="ecuModelRange"
|
@change="ecuModelChange" placeholder="请选择中控品牌"></uni-data-select>
|
||||||
@change="ecuModelChange"
|
|
||||||
placeholder="请选择中控品牌"
|
|
||||||
></uni-data-select>
|
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
</uni-section>
|
</uni-section>
|
||||||
<uni-section title="电池" type="line">
|
<uni-section title="电池" type="line">
|
||||||
<uni-forms-item label="电池编号" required :name="['ebikeBatteryInfo','batteryCode']" :rules="[{ required: true, errorMessage: '请扫描或输入电池编号' }]">
|
<uni-forms-item label="电池编号" required :name="['ebikeBatteryInfo','batteryCode']"
|
||||||
<bikeCodeScan @scan-change="batteryCodeScanChange" :codeValue="ebikeInfo.ebikeBatteryInfo.batteryCode" />
|
:rules="[{ required: true, errorMessage: '请扫描或输入电池编号' }]">
|
||||||
|
<bikeCodeScan @scan-change="batteryCodeScanChange"
|
||||||
|
:codeValue="ebikeInfo.ebikeBatteryInfo.batteryCode" />
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
</uni-section>
|
</uni-section>
|
||||||
<uni-section title="头盔" type="line">
|
<uni-section title="头盔" type="line">
|
||||||
<uni-forms-item label="头盔编号" :name="['ebikeHelmetInfo','helmetCode']">
|
<uni-forms-item label="头盔编号" :name="['ebikeHelmetInfo','helmetCode']">
|
||||||
<bikeCodeScan @scan-change="helmetCodeScanChange" :codeValue="ebikeInfo.ebikeHelmetInfo.helmetCode" />
|
<bikeCodeScan @scan-change="helmetCodeScanChange"
|
||||||
|
:codeValue="ebikeInfo.ebikeHelmetInfo.helmetCode" />
|
||||||
</uni-forms-item>
|
</uni-forms-item>
|
||||||
</uni-section>
|
</uni-section>
|
||||||
</uni-forms>
|
</uni-forms>
|
||||||
@ -48,15 +53,21 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive } from 'vue';
|
import {
|
||||||
|
ref,
|
||||||
|
reactive
|
||||||
|
} from 'vue';
|
||||||
import * as api from '@/utils/api.js';
|
import * as api from '@/utils/api.js';
|
||||||
|
import {
|
||||||
|
showModelMessage
|
||||||
|
} from '@/utils/tools';
|
||||||
const ebikeInfoForm = ref(null);
|
const ebikeInfoForm = ref(null);
|
||||||
const bikeCodeScanRef = ref(null);
|
const bikeCodeScanRef = ref(null);
|
||||||
|
|
||||||
const ebikeInfo = ref({
|
const ebikeInfo = ref({
|
||||||
bikeCode: '',
|
bikeCode: '',
|
||||||
bikeModel: '',
|
bikeModel: '',
|
||||||
bikeNumber:'',
|
bikeNumber: '',
|
||||||
ebikeEcuInfo: {
|
ebikeEcuInfo: {
|
||||||
ecuCode: '',
|
ecuCode: '',
|
||||||
ecuSN: '',
|
ecuSN: '',
|
||||||
@ -69,23 +80,28 @@
|
|||||||
helmetCode: ''
|
helmetCode: ''
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const ecuModelRange = [
|
const ecuModelRange = [{
|
||||||
{ value: "乐摇摇", text: "乐摇摇" },
|
value: "乐摇摇",
|
||||||
{ value: "美团", text: "美团" }
|
text: "乐摇摇"
|
||||||
]
|
},
|
||||||
|
{
|
||||||
|
value: "美团",
|
||||||
|
text: "美团"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
const navButtonGroup = reactive([{
|
const navButtonGroup = reactive([{
|
||||||
text: '入库',
|
text: '入库',
|
||||||
backgroundColor: '#0078D4',
|
backgroundColor: '#0078D4',
|
||||||
color: '#fff',
|
color: '#fff',
|
||||||
disable: false
|
disable: false
|
||||||
}]);
|
}]);
|
||||||
|
|
||||||
const navButtonClick = (e) =>{
|
const navButtonClick = (e) => {
|
||||||
const index = e.index;
|
const index = e.index;
|
||||||
//navButtonGroup[index].disable = true;
|
//navButtonGroup[index].disable = true;
|
||||||
if(index == 0){
|
if (index == 0) {
|
||||||
if (ebikeInfoForm.value) { // 确保表单元素已挂载
|
if (ebikeInfoForm.value) { // 确保表单元素已挂载
|
||||||
ebikeInfoForm.value.validate().then((res) => {
|
ebikeInfoForm.value.validate().then((res) => {
|
||||||
handleSubmit();
|
handleSubmit();
|
||||||
@ -97,70 +113,87 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const ecuModelChange = (value) =>{
|
const ecuModelChange = (value) => {
|
||||||
ebikeInfo.value.ebikeEcuInfo.ecuModel = value;
|
ebikeInfo.value.ebikeEcuInfo.ecuModel = value;
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleSubmit = () => {
|
const handleSubmit = () => {
|
||||||
const params = ebikeInfo.value;
|
const params = ebikeInfo.value;
|
||||||
api.callEbikeInfo("saveEbikeInfo", params).then((res)=>{
|
api.callEbikeInfo("saveEbikeInfo", params).then((res) => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "入库成功",
|
title: "入库成功",
|
||||||
icon: 'success',
|
icon: 'success',
|
||||||
duration: 5000,
|
duration: 5000,
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
setTimeout(function () {
|
setTimeout(function() {
|
||||||
uni.navigateBack();
|
uni.navigateBack();
|
||||||
}, 5000);
|
}, 5000);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}).catch((err)=>{
|
}).catch((err) => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "入库失败",
|
title: "入库失败",
|
||||||
icon: 'error',
|
icon: 'error',
|
||||||
duration: 5000
|
duration: 5000
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
let timer;
|
let timer;
|
||||||
const bikeCodeScanChange = (data) => {
|
const bikeCodeScanChange = (data) => {
|
||||||
clearTimeout(timer);
|
// clearTimeout(timer);
|
||||||
ebikeInfo.value.bikeCode = data;
|
ebikeInfo.value.bikeCode = data;
|
||||||
timer = setTimeout(function () {
|
if (!data) return;
|
||||||
api.callEbikeInfo("getBikeINfoData?bikeCode=" + data).then((res)=>{
|
// timer = setTimeout(function() {
|
||||||
if(res.code == 200 && res.data && res.data.bikeId){
|
api.callEbikeInfo("getBikeINfoData?bikeCode=" + data).then((res) => {
|
||||||
uni.showToast({
|
if (res.code == 200 && res.data && res.data.bikeId) {
|
||||||
title: "车辆信息已存在",
|
showModelMessage("车辆信息已存在!")
|
||||||
icon: 'error',
|
ebikeInfo.value.bikeCode = "";
|
||||||
duration: 2000
|
bikeCodeScanRef.value.onSetValue("");
|
||||||
});
|
} else {
|
||||||
setTimeout(function () {
|
api.callOperateApi("ebikeBikeQrcode/checkBikeCodeExistence?bikeCode=" + data, {},
|
||||||
ebikeInfo.value.bikeCode = "";
|
"get").then(res => {
|
||||||
bikeCodeScanRef.value.onSetValue("");
|
if (res.code == 200) {
|
||||||
}, 2000);
|
if (res.data > 0) {
|
||||||
}
|
ebikeInfo.value.bikeCode = data;
|
||||||
else
|
} else {
|
||||||
{
|
ebikeInfo.value.bikeCode = "";
|
||||||
ebikeInfo.value.bikeCode = data;
|
bikeCodeScanRef.value.onSetValue("");
|
||||||
}
|
showModelMessage("车辆编号二维码未生成,请重新输入!")
|
||||||
}).catch((err)=>{
|
}
|
||||||
ebikeInfo.value.bikeCode = data;
|
}
|
||||||
});
|
|
||||||
}, 5000);
|
})
|
||||||
|
}
|
||||||
|
}).catch((err) => {
|
||||||
|
ebikeInfo.value.bikeCode = data;
|
||||||
|
});
|
||||||
|
// }, 1000);
|
||||||
};
|
};
|
||||||
const ecuCodeScanChange = (data) => {
|
const ecuCodeScanChange = (data) => {
|
||||||
ebikeInfo.value.ebikeEcuInfo.ecuCode = data["imei"];
|
ebikeInfo.value.ebikeEcuInfo.ecuCode = data["imei"];
|
||||||
ebikeInfo.value.ebikeEcuInfo.ecuSN = data["sn"];
|
ebikeInfo.value.ebikeEcuInfo.ecuSN = data["sn"];
|
||||||
};
|
};
|
||||||
|
|
||||||
const batteryCodeScanChange = (data) => {
|
const batteryCodeScanChange = (data) => {
|
||||||
ebikeInfo.value.ebikeBatteryInfo.batteryCode = data;
|
ebikeInfo.value.ebikeBatteryInfo.batteryCode = data;
|
||||||
};
|
};
|
||||||
|
|
||||||
const helmetCodeScanChange = (data) => {
|
const helmetCodeScanChange = (data) => {
|
||||||
ebikeInfo.value.ebikeHelmetInfo.helmetCode = data;
|
api.callOperateApi("ebikeBikeQrcode/checkhelmetCodeExistence?helmetCode=" + data, {},
|
||||||
|
"get").then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
if (res.data > 0) {
|
||||||
|
ebikeInfo.value.ebikeHelmetInfo.helmetCode = data;
|
||||||
|
} else {
|
||||||
|
ebikeInfo.value.ebikeHelmetInfo.helmetCode = "";
|
||||||
|
// bikeCodeScanRef.value.onSetValue("");
|
||||||
|
showModelMessage("车辆编号二维码未生成,请重新输入!")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -169,21 +202,22 @@
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 全局样式 */
|
/* 全局样式 */
|
||||||
/* .uni-forms .uni-forms-item__label {
|
/* .uni-forms .uni-forms-item__label {
|
||||||
width: 100px !important;
|
width: 100px !important;
|
||||||
} */
|
} */
|
||||||
|
|
||||||
.form-panel{
|
.form-panel {
|
||||||
padding-bottom: 55px;
|
padding-bottom: 55px;
|
||||||
}
|
}
|
||||||
.nav-panel{
|
|
||||||
|
.nav-panel {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0rpx;
|
bottom: 0rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
background-color:#fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -110,9 +110,7 @@
|
|||||||
<div v-if="showOrderPay" style="position: absolute;z-index: 2000;bottom: 0;width: 100vw;">
|
<div v-if="showOrderPay" style="position: absolute;z-index: 2000;bottom: 0;width: 100vw;">
|
||||||
<bike-pay :orderId="orderData.orderId" />
|
<bike-pay :orderId="orderData.orderId" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import {
|
import {
|
||||||
ref,
|
ref,
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
<!-- 切换的页面内容 -->
|
<!-- 切换的页面内容 -->
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<!-- 消费页面内容 -->
|
<!-- 消费页面内容 -->
|
||||||
<z-paging ref="paging_consume" :fixed="false" height="85vh" v-model="ConsumeDataList"
|
<z-paging ref="paging_consume" :fixed="false" height="100vh" v-model="ConsumeDataList"
|
||||||
@query="loadMoreDataConsume" :default-page-no="1" :default-page-size="4" :auto-show-back-to-top="true">
|
@query="loadMoreDataConsume" :default-page-no="1" :default-page-size="4" :auto-show-back-to-top="true">
|
||||||
<uni-card :title="`车辆编号:${item.bikeCode}`" v-for="(item,index) in ConsumeDataList">
|
<uni-card :title="`车辆编号:${item.bikeCode}`" v-for="(item,index) in ConsumeDataList">
|
||||||
<view class="flex justify-between card-header">
|
<view class="flex justify-between card-header">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user