You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
3.3 KiB
93 lines
3.3 KiB
<template> |
|
<div class="detail-list"> |
|
<label style="width: 100px; font-size: 30px; ">信件详情</label> |
|
<el-button @click="back" style="margin-left:80vw; width: 100px; font-size: 16px; border: solid;">返回</el-button> |
|
<el-form v-model="form" label-width="120px" style="margin-top: 50px;"> |
|
<el-form-item label="案件编号"> |
|
<el-col :span="12"> |
|
<el-input v-model="form.id" style="border: groove; font-size: 16px;" type="text" |
|
readonly="readonly"></el-input> |
|
</el-col> |
|
</el-form-item> |
|
<el-form-item label="姓名"> |
|
<el-col :span="12"> |
|
<el-input v-model="form.contactName" style="border: groove; font-size: 16px; " type="text" |
|
readonly="readonly"></el-input> |
|
</el-col> |
|
</el-form-item> |
|
<el-form-item label="手机号"> |
|
<el-col :span="12"> |
|
<el-input v-model="form.contactPhone" style="border: groove; font-size: 16px;" type="text" |
|
readonly="readonly"></el-input> |
|
</el-col> |
|
</el-form-item> |
|
<el-form-item label="身份证号码"> |
|
<el-col :span="12"> |
|
<el-input v-model="form.contactIdCard" style="border: groove; font-size: 16px;" type="text" |
|
readonly="readonly"></el-input> |
|
</el-col> |
|
</el-form-item> |
|
<el-form-item label="信件内容"> |
|
<el-col :span="12"> |
|
<el-input type="textarea" :rows="12" v-model="form.content" style="border: groove; font-size: 16px;" |
|
readonly="readonly"></el-input> |
|
</el-col> |
|
</el-form-item> |
|
<el-form-item label="评价"> |
|
<el-col :span="12"> |
|
<el-input v-model="form.satisfaction" style="border: groove; font-size: 16px;" type="text" |
|
readonly="readonly"></el-input> |
|
</el-col> |
|
</el-form-item> |
|
</el-form> |
|
</div> |
|
</template> |
|
|
|
<script setup> |
|
import { ref, onMounted } from 'vue'; |
|
import router from '../router'; |
|
import { request } from '../util/axios_config' |
|
|
|
const mailID = router.currentRoute.value.params.id; |
|
const form = ref({ |
|
id: '', |
|
date: '', |
|
contactName: '', |
|
contactPhone: '', |
|
contactIdCard: '', |
|
content: '', |
|
satisfaction: '', |
|
}); |
|
|
|
onMounted(() => { |
|
request({ |
|
url: '/api/mailbox/detail', |
|
method: 'POST', |
|
data: { id: mailID } |
|
}).then(res => { |
|
form.value = res.data; |
|
if (res.data.satisfaction === "SATISFIED") { |
|
form.value.satisfaction = "满意"; |
|
} else if (res.data.satisfaction === "NOT_SATISFIED") { |
|
form.value.satisfaction = "不满意"; |
|
} else if (res.data.satisfaction === "BASICALLY_SATISFIED") { |
|
form.value.satisfaction = "基本满意"; |
|
} else { |
|
form.value.satisfaction = "暂无评价"; |
|
} |
|
}).catch(err => { |
|
console.log(err); |
|
}); |
|
}) |
|
|
|
const back = () => { |
|
router.push('/mailbox'); |
|
}; |
|
</script> |
|
|
|
<style> |
|
.detail-list .el-form-item__label { |
|
margin-left: 20px; |
|
width: 200px; |
|
} |
|
</style> |