feat: 优化
This commit is contained in:
parent
6fddf740a5
commit
a7234d6030
|
@ -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>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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: "请输入联系方式",
|
||||||
|
|
|
@ -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: "请输入联系方式",
|
||||||
|
|
|
@ -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: "请输入联系方式",
|
||||||
|
|
Loading…
Reference in New Issue