7/4新增公安备案底部链接

This commit is contained in:
Zy
2026-07-04 15:40:37 +08:00
parent dff51dd4d4
commit 54d467ede7
16 changed files with 143 additions and 263 deletions

View File

@@ -13,17 +13,17 @@
<span class="ml-20px color-blue cursor-pointer" @click="handleEdit">编辑</span>
</div>
</template>
<div class="w-full h-full CarinfoBox">
<div class="w-full h-full CarInfoBox">
<el-row class="mb-20px">
<el-col :span="10">
<div class="carinfo_item">
<div class="carInfo_Item">
<div class="label">报修房屋</div>
<div class="main">{{ form.houseName }}</div>
</div>
</el-col>
<el-col :span="4"></el-col>
<el-col :span="10">
<div class="carinfo_item">
<div class="carInfo_Item">
<div class="label">维修项目</div>
<div class="main">{{ form.maintenanceItemName }}</div>
</div>
@@ -32,14 +32,14 @@
<el-row class="mb-20px">
<el-col :span="10">
<div class="carinfo_item">
<div class="carInfo_Item">
<div class="label">报修人</div>
<div class="main">{{ form.residentName }}</div>
</div>
</el-col>
<el-col :span="4"></el-col>
<el-col :span="10">
<div class="carinfo_item">
<div class="carInfo_Item">
<div class="label">手机号码</div>
<div class="main">{{ form.phone }}</div>
</div>
@@ -47,7 +47,7 @@
</el-row>
<el-row class="mb-20px">
<el-col>
<div class="carinfo_item">
<div class="carInfo_Item">
<div class="label">预约日期</div>
<div class="main">{{ form.orderDate }}</div>
</div>
@@ -55,7 +55,7 @@
</el-row>
<el-row class="mb-20px">
<el-col>
<div class="carinfo_item">
<div class="carInfo_Item">
<div class="label">问题描述</div>
<div class="main">{{ form.problem }}</div>
</div>
@@ -63,7 +63,7 @@
</el-row>
<el-row v-if="form.problemImageUrl.trim() === ''">
<el-col :span="24">
<div class="carinfo_item">
<div class="carInfo_Item">
<div class="label">附件</div>
<div class="main fileImagebox">
<el-image
@@ -71,13 +71,13 @@
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
:preview-src-list="form.problemImageUrl.split(',').filter((item) => item)"
:preview-src-list="form.problemImageUrl.split(',').filter(Boolean)"
show-progress
:initial-index="0"
v-for="(item, index) in form.problemImageUrl.split(',').filter((item) => item)"
v-for="(item, index) in form.problemImageUrl.split(',').filter(Boolean)"
:key="index"
:src="splitImages(item)"
class="carinfoImage"
class="carInfoImage"
></el-image>
</div>
</div>
@@ -92,7 +92,7 @@
<span>分配工单</span>
</div>
</template>
<div class="preivewBody w-full h-full flex flex-items-start mt-2">
<div class="repair w-full h-full flex flex-items-start mt-2">
<div class="title">维修师傅</div>
<div class="preivewBodybox flex-1 ml-5">
<repairUser :is-multiple="false" :username="form.repairName" :userid="form.repairUserId" @change="handleChange"> </repairUser>
@@ -260,7 +260,7 @@ if (route.query.id) {
init();
}
/** 派单 */
/** 派单 ╬>*/
function handleSend() {
// 已分配
form.value.problemStatus = '1';
@@ -307,15 +307,15 @@ function handleEdit() {
.ResidentMainBody {
margin-top: 20px;
flex: 1;
.CarinfoBox {
&.gridbox {
.CarInfoBox {
&.gridBox {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 20px;
row-gap: 40px;
}
.carinfo_item {
.carInfo_Item {
display: flex;
align-items: center;
font-size: 14px;
@@ -326,7 +326,7 @@ function handleEdit() {
padding-right: 10px;
white-space: nowrap;
}
.carinfoImage {
.carInfoImage {
margin: 10px;
width: 200px;
height: 150px;
@@ -337,7 +337,7 @@ function handleEdit() {
.subtitle {
font-size: 15px;
}
.preivewBody {
.repair {
font-size: 16px;
}
.repairBox {