feat: 优化

This commit is contained in:
admin 2024-09-26 16:15:45 +08:00
parent 6fddf740a5
commit a7234d6030
5 changed files with 129 additions and 57 deletions

View File

@ -1,4 +1,5 @@
<template> <template>
<view>
<view class="detail"> <view class="detail">
<!-- 订单状态0已取消1待登记2待处理3待上门4待打款5已完结 --> <!-- 订单状态0已取消1待登记2待处理3待上门4待打款5已完结 -->
<block v-for="(item, value) in listMap" :key="value"> <block v-for="(item, value) in listMap" :key="value">
@ -36,7 +37,8 @@
<view> </view> <view> </view>
</view> </view>
<text v-else <text v-else
>{{ model1.formData[iitem.key] || "-" }} {{ iitem.unit }}</text >{{ model1.formData[iitem.key] || "-" }}
{{ iitem.unit }}</text
> >
</view></view </view></view
> >
@ -44,12 +46,51 @@
</view> </view>
</block> </block>
</view> </view>
<view class="btn-box-fix-btn" v-if="model1.formData.status === 2 || model1.formData.status === 1">
<view
>
<u-button
v-if="model1.formData.status === 1"
type="primary"
shape="circle"
@click="goRegis(model1.formData.id);"
>去登记</u-button
>
<u-button
v-if="model1.formData.status === 2"
type="primary"
shape="circle"
@click="handleModal(true);"
>取消订单</u-button
>
</view>
</view>
<SmallModal
:title="'确认取消订单吗?'"
:content="'退出后将返回至上一页'"
:okText="'确认'"
:isMain="true"
:show="isShowCancelModal"
@handleModal="(v:boolean) => {handleModal(v)}"
@handleOk="handleOk()"
/>
</view>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { VehicleApi } from "@/services"; import { VehicleApi } from "@/services";
import { onLoad } from "@dcloudio/uni-app"; import { onLoad } from "@dcloudio/uni-app";
import SmallModal from "@/components/Modal/smallModal.vue";
import { reactive } from "vue"; import { reactive } from "vue";
const isShowCancelModal = ref(false);
const handleModal = (v: boolean) => {
isShowCancelModal.value = v;
};
const handleOk = () => {
handelOrder(0)
};
const model1 = reactive<any>({ const model1 = reactive<any>({
formData: {}, formData: {},
status: 0, status: 0,
@ -118,12 +159,12 @@ const listMap = reactive<any>({
{ {
name: "联系人", name: "联系人",
value: "", value: "",
key: "owner_name", key: "ownerName",
}, },
{ {
name: "联系方式", name: "联系方式",
value: "", value: "",
key: "owner_phone", key: "ownerPhone",
}, },
{ {
name: "上门地址", name: "上门地址",
@ -206,6 +247,21 @@ const listMap = reactive<any>({
}, },
}); });
function handelOrder(type: number) {
VehicleApi.updateRegis({
...model1.formData,
ownerType: model1.formData.ownerType === "单位",
status: 0,
}).then((res) => {
uni.navigateBack();
});
}
function goRegis(id: number) {
uni.navigateTo({
url: "/pagesVehicle/registration?id=" + id, //
});
}
onLoad((option: any) => { onLoad((option: any) => {
// //
if (option.id) { if (option.id) {
@ -247,4 +303,7 @@ onLoad((option: any) => {
} }
} }
} }
.btn-box-fix-btn {
display: block;
}
</style> </style>

View File

@ -49,7 +49,16 @@
<uni-td v-for="(tItem, index) in tableTitleList" :key="index"> <uni-td v-for="(tItem, index) in tableTitleList" :key="index">
<view @click="goDetail(item)"> <view @click="goDetail(item)">
<text v-if="tItem.key === 'status'"> <text v-if="tItem.key === 'status'">
{{ ['已取消', '待登记', '待处理', '待上门', '待打款', '已完结'][item[tItem.key]] }} {{
[
"已取消",
"待登记",
"待处理",
"待上门",
"待打款",
"已完结",
][item[tItem.key]]
}}
</text> </text>
<text v-else> <text v-else>
{{ item[tItem.key] }} {{ item[tItem.key] }}
@ -95,6 +104,7 @@ import TimeRangeFilter from "@/components/Dialog/TimeRangeFilter.vue";
import { VehicleApi } from "@/services"; import { VehicleApi } from "@/services";
import pinia from "@/store"; import pinia from "@/store";
import { useMemberStore } from "@/store/index"; import { useMemberStore } from "@/store/index";
import { onShow } from "@dcloudio/uni-app";
const state = reactive({ const state = reactive({
startTime: "", startTime: "",
endTime: "", endTime: "",
@ -242,7 +252,10 @@ function goDetail(item: any) {
}); });
} }
onShow(() => {
resetPageList()
getList(); getList();
});
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.filter { .filter {

View File

@ -404,14 +404,14 @@ const formAttrList1 = reactive<any>([
}, },
{ {
name: "联系人", name: "联系人",
key: "owner_name", key: "ownerName",
type: "input", type: "input",
required: true, required: true,
unit: "", unit: "",
}, },
{ {
name: "联系方式", name: "联系方式",
key: "owner_phone", key: "ownerPhone",
type: "input", type: "input",
required: true, required: true,
unit: "", unit: "",
@ -539,13 +539,13 @@ const rules = reactive({
// message: "", // message: "",
// trigger: ["blur", "change"], // trigger: ["blur", "change"],
// }, // },
// "formData.owner_name": { // "formData.ownerName": {
// type: "string", // type: "string",
// required: true, // required: true,
// message: "", // message: "",
// trigger: ["blur", "change"], // trigger: ["blur", "change"],
// }, // },
// "formData.owner_phone": { // "formData.ownerPhone": {
// type: "string", // type: "string",
// required: true, // required: true,
// message: "", // message: "",

View File

@ -369,14 +369,14 @@ const formAttrList1 = reactive<any>([
}, },
{ {
name: "联系人", name: "联系人",
key: "owner_name", key: "ownerName",
type: "input", type: "input",
required: true, required: true,
unit: "", unit: "",
}, },
{ {
name: "联系方式", name: "联系方式",
key: "owner_phone", key: "ownerPhone",
type: "input", type: "input",
required: true, required: true,
unit: "", unit: "",
@ -426,13 +426,13 @@ const formAttrList2 = reactive<any>([
}, },
]); ]);
const rules = reactive({ const rules = reactive({
"formData.owner_name": { "formData.ownerName": {
type: "string", type: "string",
required: true, required: true,
message: "请输入姓名", message: "请输入姓名",
trigger: ["blur", "change"], trigger: ["blur", "change"],
}, },
"formData.owner_phone": { "formData.ownerPhone": {
type: "string", type: "string",
required: true, required: true,
message: "请输入联系方式", message: "请输入联系方式",

View File

@ -370,14 +370,14 @@ const formAttrList1 = reactive<any>([
}, },
{ {
name: "联系人", name: "联系人",
key: "owner_name", key: "ownerName",
type: "input", type: "input",
required: true, required: true,
unit: "", unit: "",
}, },
{ {
name: "联系方式", name: "联系方式",
key: "owner_phone", key: "ownerPhone",
type: "input", type: "input",
required: true, required: true,
unit: "", unit: "",
@ -427,13 +427,13 @@ const formAttrList2 = reactive<any>([
}, },
]); ]);
const rules = reactive({ const rules = reactive({
"formData.owner_name": { "formData.ownerName": {
type: "string", type: "string",
required: true, required: true,
message: "请输入姓名", message: "请输入姓名",
trigger: ["blur", "change"], trigger: ["blur", "change"],
}, },
"formData.owner_phone": { "formData.ownerPhone": {
type: "string", type: "string",
required: true, required: true,
message: "请输入联系方式", message: "请输入联系方式",