6/22完善引入，
This commit is contained in:
Zy
@@ -12,55 +12,61 @@
|
||||
<span>车位信息</span>
|
||||
</div>
|
||||
</template>
|
||||
<div class="w-full h-full CarinfoBox gridbox">
|
||||
<div class="carinfo_item">
|
||||
<div class="w-full h-full CarInfoBox gridBox">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">区域：</div>
|
||||
<div class="main">{{ parkingReviewinfo.parking.areaName }}</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.areaName }}</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车位编号：</div>
|
||||
<div class="main">{{ parkingReviewinfo.parking.parkingCode }}</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.parkingCode }}</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车位面积：</div>
|
||||
<div class="main">{{ parkingReviewinfo.parking.parkingArea }} ㎡</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.parkingArea }} ㎡</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">楼层：</div>
|
||||
<div class="main">{{ parkingReviewinfo.parking.parkingFloor }} 层</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.parkingFloor }} 层</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车位类型：</div>
|
||||
<div class="main">
|
||||
<dict-tag :options="com_parking_type" :value="parkingReviewinfo.parking.type" />
|
||||
<dict-tag :options="com_parking_type" :value="parkingReviewInfo.parking.type" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车位状态：</div>
|
||||
<div class="main">
|
||||
<DictTag :options="com_parking_status" :value="parkingReviewinfo.parking.parkingStatus"></DictTag>
|
||||
<DictTag :options="com_parking_status" :value="parkingReviewInfo.parking.parkingStatus"></DictTag>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="label">持有人：</div>
|
||||
<div class="carInfo_item">
|
||||
<div class="label">添加时间：</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.createTime }}</div>
|
||||
</div>
|
||||
<div class="carInfo_item" v-if="parkingReviewInfo.parking.residentName">
|
||||
<div class="label">业主持有人：</div>
|
||||
<div class="main">
|
||||
<span>
|
||||
{{ parkingReviewinfo.parking.residentName }}
|
||||
{{ parkingReviewInfo.parking.residentName }}
|
||||
</span>
|
||||
<el-button type="primary" link style="font-size: smaller">详情</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="label">添加时间：</div>
|
||||
<div class="main">{{ parkingReviewinfo.parking.createTime }}</div>
|
||||
</div>
|
||||
<div class="CarInfoBox" style="margin-top: 20px">
|
||||
<div class="carInfo_item" v-if="parkingReviewInfo.parking.contactName">
|
||||
<div class="label">非业主联系人：</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.contactName }}</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="label">添加人：</div>
|
||||
<div class="main">{{ parkingReviewinfo.parking.createName }}</div>
|
||||
<div class="carInfo_item" style="margin-top: 20px" v-if="parkingReviewInfo.parking.contactPhone">
|
||||
<div class="label">联系电话：</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.contactPhone }}</div>
|
||||
</div>
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item" style="margin-top: 20px">
|
||||
<div class="label">备注：</div>
|
||||
<div class="main">{{ parkingReviewinfo.parking.remark }}</div>
|
||||
<div class="main">{{ parkingReviewInfo.parking.remark }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
@@ -73,22 +79,22 @@
|
||||
<span>车辆信息</span>
|
||||
</div>
|
||||
</template>
|
||||
<div class="w-full h-full CarinfoBox" v-if="parkingReviewinfo.car">
|
||||
<div class="w-full h-full CarInfoBox" v-if="parkingReviewInfo.car">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车牌号：</div>
|
||||
<div class="main">浙B·N6688</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车辆品牌：</div>
|
||||
<div class="main">宝马</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车辆型号</div>
|
||||
<div class="main">X5</div>
|
||||
</div>
|
||||
@@ -96,13 +102,13 @@
|
||||
</el-row>
|
||||
<el-row class="mt-30px mb-30px">
|
||||
<el-col :span="8">
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">车身颜色：</div>
|
||||
<div class="main">白色</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="carinfo_item">
|
||||
<div class="carInfo_item">
|
||||
<div class="label">备注：</div>
|
||||
<div class="main">无</div>
|
||||
</div>
|
||||
@@ -111,11 +117,11 @@
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<div class="carinfo_item flex-items-start">
|
||||
<div class="carInfo_item flex-items-start">
|
||||
<div class="label">车辆照片：</div>
|
||||
<div class="main">
|
||||
<el-image
|
||||
class="carinfoImage"
|
||||
class="carInfoImage"
|
||||
src="https://ts1.tc.mm.bing.net/th?id=ORMS.76ee9c7ea9fe203b608f9048f54b3cbd&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0"
|
||||
></el-image>
|
||||
</div>
|
||||
@@ -123,7 +129,7 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="w-full h-full CarinfoBox flex flex-center min-h-17rem" v-else>
|
||||
<div class="w-full h-full CarInfoBox flex flex-center min-h-17rem" v-else>
|
||||
<span style="color: #999; font-weight: 500; font-size: larger; letter-spacing: 10px">暂无信息</span>
|
||||
</div>
|
||||
</el-card>
|
||||
@@ -136,33 +142,12 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
import PageHeader from '@/components/Pageheader/index.vue';
|
||||
import { getParkingReview, getParkingReviewInfo } from '@/api/system/parking';
|
||||
import { getParkingReviewInfo } from '@/api/system/parking';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
const { com_parking_status } = toRefs<any>(proxy?.useDict('com_parking_status'));
|
||||
const { com_parking_type } = toRefs<any>(proxy?.useDict('com_parking_type'));
|
||||
|
||||
/** 住户审核状态 */
|
||||
enum reviewStatus {
|
||||
/** 未提交 */
|
||||
unSubmit = '0',
|
||||
/** 已提交 */
|
||||
Submited = '1',
|
||||
/** 待认证 */
|
||||
awaitReview = '2',
|
||||
/** 认证不通过 */
|
||||
unReviewPass = '3',
|
||||
/** 认证通过 */
|
||||
ReviewPass = '4',
|
||||
/** 未认证 */
|
||||
uncertification = '5',
|
||||
/** 已认证 */
|
||||
Certification = '6'
|
||||
}
|
||||
|
||||
const active = ref(0);
|
||||
const activeStop = ref(0);
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const id = ref('');
|
||||
|
||||
@@ -171,6 +156,8 @@ type parkingReviewType = {
|
||||
id: string;
|
||||
areaId: string;
|
||||
areaName: string;
|
||||
contactName: string;
|
||||
contactPhone: string;
|
||||
villageId: string;
|
||||
villageName: string;
|
||||
parkingCode: string;
|
||||
@@ -197,11 +184,13 @@ type parkingReviewType = {
|
||||
};
|
||||
};
|
||||
|
||||
const parkingReviewinfo = ref<parkingReviewType>({
|
||||
const parkingReviewInfo = ref<parkingReviewType>({
|
||||
parking: {
|
||||
'id': '',
|
||||
'areaId': '',
|
||||
'areaName': '',
|
||||
'contactName': '',
|
||||
'contactPhone': '',
|
||||
'villageId': '',
|
||||
'villageName': '',
|
||||
'parkingCode': '',
|
||||
@@ -228,68 +217,17 @@ const parkingReviewinfo = ref<parkingReviewType>({
|
||||
}
|
||||
});
|
||||
|
||||
const form = ref({
|
||||
propertyReviewFeedback: '',
|
||||
propertyStatus: '0'
|
||||
});
|
||||
function getInfo() {
|
||||
if (route.query.id) {
|
||||
id.value = route.query.id as string;
|
||||
getParkingReviewInfo(id.value).then((res) => {
|
||||
parkingReviewinfo.value = res.data;
|
||||
handleActivestaus(res.data.parkingReviewProcess);
|
||||
parkingReviewInfo.value = res.data;
|
||||
});
|
||||
}
|
||||
}
|
||||
getInfo();
|
||||
|
||||
function handleActivestaus(rews) {
|
||||
if (!rews) {
|
||||
activeStop.value = 0;
|
||||
active.value = 0;
|
||||
return;
|
||||
}
|
||||
// 提交
|
||||
if (rews.submitStatus === reviewStatus.unSubmit) {
|
||||
activeStop.value = 0;
|
||||
active.value = 0;
|
||||
} else if (rews.submitStatus === reviewStatus.Submited) {
|
||||
active.value = 1;
|
||||
activeStop.value = 1;
|
||||
// 待认证
|
||||
if (rews.propertyStatus === 0) {
|
||||
active.value = 2;
|
||||
} else if (rews.propertyStatus === 1) {
|
||||
active.value = 3;
|
||||
} else if (rews.propertyStatus === 2) {
|
||||
active.value = 4;
|
||||
activeStop.value = 2;
|
||||
|
||||
// 审核
|
||||
if (rews.certificationStatus === 0) {
|
||||
active.value = 5;
|
||||
} else if (rews.certificationStatus === 1) {
|
||||
active.value = 6;
|
||||
activeStop.value = 4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 审核状态
|
||||
// 物业审核状态 0 待审核 1审核通过 2审核未通过
|
||||
function handlePreivew(status: number) {
|
||||
getParkingReview({
|
||||
...form.value,
|
||||
propertyStatus: status,
|
||||
id: id.value
|
||||
}).then((res) => {
|
||||
console.log(res);
|
||||
});
|
||||
}
|
||||
function handlBacK() {
|
||||
router.back();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@@ -299,15 +237,15 @@ function handlBacK() {
|
||||
.ResidentMainBody {
|
||||
flex: 1;
|
||||
margin-top: 20px;
|
||||
.CarinfoBox {
|
||||
&.gridbox {
|
||||
.CarInfoBox {
|
||||
&.gridBox {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
gap: 20px;
|
||||
row-gap: 40px;
|
||||
}
|
||||
.carinfo_item {
|
||||
.carInfo_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
@@ -317,7 +255,7 @@ function handlBacK() {
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.carinfoImage {
|
||||
.carInfoImage {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user