zhaoyang/estate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复小区背景颜色，巡检点顺序一致，投诉处理按钮

Browse Source
This commit is contained in:
Zy
2026-07-16 11:06:26 +08:00
parent 4efb535730
commit 725bdfa3fe
56 changed files with 1034 additions and 468 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
src/views/system/Repair/repairMain.vue
View File

@@ -15,56 +15,64 @@
</template>
<div class="w-full h-full CarInfoBox">
<el-row class="mb-20px">
<el-col :span="10">
<el-col :span="8">
<div class="carInfo_Item">
<div class="label">报修房屋</div>
<div class="label">报修房屋:</div>
<div class="main">{{ form.houseName }}</div>
</div>
</el-col>
<el-col :span="4"></el-col>
<el-col :span="10">
<el-col :span="8">
<div class="carInfo_Item">
<div class="label">维修项目</div>
<div class="label">维修项目:</div>
<div class="main">{{ form.maintenanceItemName }}</div>
</div>
</el-col>
<el-col :span="8">
<div class="carInfo_Item">
<div class="label">问题描述：</div>
<div class="main">{{ form.problem }}</div>
</div>
</el-col>
</el-row>
<el-row class="mb-20px">
<el-col :span="10">
<el-col :span="8">
<div class="carInfo_Item">
<div class="label">报修人</div>
<div class="label">报修人:</div>
<div class="main">{{ form.residentName }}</div>
</div>
</el-col>
<el-col :span="4"></el-col>
<el-col :span="10">
<el-col :span="8">
<div class="carInfo_Item">
<div class="label">手机号码</div>
<div class="label">手机号码:</div>
<div class="main">{{ form.phone }}</div>
</div>
</el-col>
</el-row>
<el-row class="mb-20px">
<el-col>
<el-col :span="8">
<div class="carInfo_Item">
<div class="label">预约日期</div>
<div class="label">预约日期:</div>
<div class="main">{{ form.orderDate }}</div>
</div>
</el-col>
</el-row>
<el-row class="mb-20px">
<el-col>
<!-- <el-col :span="8">-->
<!-- <div class="carInfo_Item">-->
<!-- <div class="label">提交人：</div>-->
<!-- <div class="main">{{ form.problem }}</div>-->
<!-- </div>-->
<!-- </el-col>-->
<el-col :span="8">
<div class="carInfo_Item">
<div class="label">问题描述</div>
<div class="main">{{ form.problem }}</div>
<div class="label">提交时间:</div>
<div class="main">{{ form.createTime }}</div>
</div>
</el-col>
</el-row>
<el-row v-if="form.problemImageUrl.trim() === ''">
<el-col :span="24">
<div class="carInfo_Item">
<div class="label">附件</div>
<div class="label">附件:</div>
<div class="main fileImagebox">
<el-image
:preview-teleported="true"
@@ -115,31 +123,37 @@
</div>
</template>
<div class="h-full w-full">
<el-steps space="108px" direction="vertical" :active="activeStop">
<el-step>
<template #title>
<span>已提交维护信息</span>
</template>
<template #description> {{ reviewInfo.submitTime ?? '' }} </template>
</el-step>
<el-step>
<template #title>
<span>{{ reviewInfo.allocateStatus === '0' ? '待分配' : '已分配' }} </span>
</template>
<template #description>{{ reviewInfo.allocateTime ?? '等待物业派单中' }} </template>
</el-step>
<el-step>
<template #title>
<span>{{ reviewInfo.completeStatus === '0' ? '待维修' : '已维修' }} </span>
</template>
<template #description> {{ reviewInfo.completeTime ?? '维修人员进行维修' }}</template>
</el-step>
<el-step>
<template #title>
<span>完成维修 </span>
</template>
</el-step>
</el-steps>
<!-- <el-steps space="108px" direction="vertical" :active="activeStop">-->
<!-- <el-step>-->
<!-- <template #title>-->
<!-- <span>完成维修 </span>-->
<!-- </template>-->
<!-- </el-step>-->
<!-- <el-step>-->
<!-- <template #title>-->
<!-- <span>{{ reviewInfo.completeStatus === '0' ? '待维修' : '已维修' }} </span>-->
<!-- </template>-->
<!-- <template #description> {{ reviewInfo.completeTime ?? '维修人员进行维修' }}</template>-->
<!-- </el-step>-->
<!-- <el-step>-->
<!-- <template #title>-->
<!-- <span>{{ reviewInfo.allocateStatus === '0' ? '待分配' : '已分配' }} </span>-->
<!-- </template>-->
<!-- <template #description>{{ reviewInfo.allocateTime ?? '等待物业派单中' }} </template>-->
<!-- </el-step>-->
<!-- <el-step>-->
<!-- <template #title>-->
<!-- <span>已提交维护信息</span>-->
<!-- </template>-->
<!-- <template #description> {{ reviewInfo.submitTime ?? '' }} </template>-->
<!-- </el-step>-->
<!-- </el-steps>-->
<StepTimeline :steps="stepList">
<template #title="{ item }">{{ item.title }}</template>
<template #subtitle="{ item }">{{ item.subtitle }}</template>
<template #time="{ item }">{{ item.time }}</template>
</StepTimeline>
</div>
</el-card>
</el-col>
@@ -149,6 +163,7 @@
</template>
<script setup lang="ts">
import { ref } from 'vue';
import StepTimeline, { StepItem } from '@/components/StepTimeline/index.vue';
import repairUser from '@/components/Holder/repairUser.vue';
import PageHeader from '@/components/Pageheader/index.vue';
import { getRepair, updateRepair } from '@/api/system/Repair';
@@ -165,7 +180,12 @@ const activeStop = ref(0);
interface formType extends RepairVO {
problemImageUrlList: string[];
}
const stepList = ref<StepItem[]>([
{ status: 'completed', title: '提交维修信息', subtitle: '等待提交', time: '', wrap: false },
{ status: 'pending', title: '待分配', subtitle: '等待物业派单中', time: '', wrap: true },
{ status: 'waiting', title: '维修', subtitle: '等待维修人员维修', time: '', wrap: false },
{ status: 'waiting', title: '完成维修', subtitle: '等待填写维修记录', time: '', wrap: false }
]);
const form = ref<formType>({
'id': '',
'houseId': '',
@@ -239,19 +259,32 @@ async function init() {
function handleReview() {
if (reviewInfo.value.submitStatus === '1') {
// 提交完成
active.value = 1;
activeStop.value = 1;
stepList.value[0].status = 'completed';
stepList.value[0].subtitle = '提交成功';
stepList.value[1].status = 'pending';
stepList.value[1].subtitle = '等待物业派单中';
stepList.value[0].time = reviewInfo.value.submitTime;
if (reviewInfo.value.allocateStatus === '1') {
// 分配完成
active.value = 2;
activeStop.value = 2;
stepList.value[1].status = 'completed';
stepList.value[1].title = '已分配';
stepList.value[1].subtitle = `${form.value.repairName ?? '---'} ${form.value.repairPhone ?? '---'}`;
stepList.value[1].time = reviewInfo.value.allocateTime;
stepList.value[2].status = 'pending';
stepList.value[2].subtitle = '等待维修人员维修';
// 维修完成
if (reviewInfo.value.completeStatus === '1') {
active.value = 4;
activeStop.value = 4;
stepList.value[2].time = reviewInfo.value.completeTime;
stepList.value[2].status = 'completed';
stepList.value[2].subtitle = '维修完成';
stepList.value[3].status = 'completed';
stepList.value[3].subtitle = '填写维修记录';
}
}
} else {
stepList.value[0].status = 'waiting';
}
}
@@ -260,7 +293,7 @@ if (route.query.id) {
init();
}
/** 派单 ╬>*/
/** 派单 */
function handleSend() {
// 已分配
form.value.problemStatus = '1';