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.
202 lines
7.1 KiB
202 lines
7.1 KiB
|
|
<template>
|
|
<div class='g-main'>
|
|
<div class="title-small title_postion">个人信息</div>
|
|
<el-row type="flex"
|
|
class="f-m-top29">
|
|
<el-col :span="12"
|
|
class="f-flex">
|
|
<div class="f-label">姓名:</div>
|
|
<div class="f-left8 f-font-color">{{ resiDetailObj.reporterName }}</div>
|
|
</el-col>
|
|
<el-col :span="12"
|
|
class="f-flex">
|
|
<div class="f-label">联系电话:</div>
|
|
<div class="f-left8 f-font-color">{{ resiDetailObj.reporterMobile }}</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex"
|
|
class="f-m-top29">
|
|
<el-col :span="24"
|
|
class="f-flex">
|
|
<div class="f-label">在社区居住时间:</div>
|
|
<div class="f-left8 f-font-color">{{ resiDetailObj.resideDurationName }}</div>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="title-small title_postion f-m-top29 ">服务满意情况</div>
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
<el-row type="flex" class="f-m-top29" >
|
|
<el-col :span="2">
|
|
病有所医：
|
|
</el-col>
|
|
<el-col :span="11">
|
|
<el-checkbox-group v-model="checkList">
|
|
<el-checkbox label="满意" disabled></el-checkbox>
|
|
<el-checkbox label="基本满意" disabled></el-checkbox>
|
|
<el-checkbox label="不了解" disabled></el-checkbox>
|
|
<el-checkbox label="不满意" disabled></el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-col>
|
|
<el-col :span="2.5" >不满意原因：</el-col>
|
|
<el-col :span="4"><el-input size="small" disabled/></el-col>
|
|
</el-row>
|
|
<el-row class="f-right16">
|
|
<el-col :span="24" align="right">
|
|
<el-button >取消</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
//数据
|
|
data() {
|
|
return {
|
|
resiDetailObj:{
|
|
reporterName:'张三',
|
|
reporterMobile:'123456789',
|
|
resideDurationName:'一年'
|
|
},
|
|
checkList:['满意']
|
|
};
|
|
},
|
|
//创建前
|
|
created() {},
|
|
//方法
|
|
methods: {},
|
|
//子组件注册
|
|
components:{},
|
|
//计算
|
|
computed:{},
|
|
//监听
|
|
watch: {},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/scss/modules/management/list-main.scss";
|
|
.g-main{
|
|
padding: 20px 0px 0px 40px;
|
|
}
|
|
.f-m-top29 {
|
|
margin-top: 29px;
|
|
}
|
|
.f-left8 {
|
|
margin-left: 8px;
|
|
}
|
|
.f-font-color {
|
|
color: #000;
|
|
font-weight: 400;
|
|
}
|
|
.el-row {
|
|
margin-left: 20px;
|
|
align-items: center;
|
|
}
|
|
|
|
</style>
|
|
|