Commit 098a98021ca06ebb8256cf157141cb10caea5a25
Merge branch 'dev' of http://bj.gitlab.cnlive.com/cnlive_project/cnlive-community-web-vue into dev
Showing
2 changed files
with
41 additions
and
26 deletions
src/views/ownerManagement/owner/detail.vue
| ... | ... | @@ -80,16 +80,32 @@ watchEffect((newValue, oldVlaue) => { |
| 80 | 80 | <template> |
| 81 | 81 | <el-form :model="data.formObj" label-width="120px" :inline="true"> |
| 82 | 82 | <el-form-item label="所属小区:" prop="neighborhoodName"> |
| 83 | - <el-input v-model="data.formObj.neighborhoodName" disabled></el-input> | |
| 83 | + <el-input | |
| 84 | + v-model="data.formObj.neighborhoodName" | |
| 85 | + disabled | |
| 86 | + suffix-icon="el-icon-date" | |
| 87 | + ></el-input> | |
| 84 | 88 | </el-form-item> |
| 85 | 89 | <el-form-item label="楼宇名称:" prop="buildingName"> |
| 86 | - <el-input v-model="data.formObj.buildingName" disabled></el-input> | |
| 90 | + <el-input | |
| 91 | + v-model="data.formObj.buildingName" | |
| 92 | + disabled | |
| 93 | + suffix-icon="el-icon-date" | |
| 94 | + ></el-input> | |
| 87 | 95 | </el-form-item> |
| 88 | 96 | <el-form-item label="姓名:" prop="name"> |
| 89 | - <el-input v-model="data.formObj.name" :disabled="props.isEdit"></el-input> | |
| 97 | + <el-input | |
| 98 | + v-model="data.formObj.name" | |
| 99 | + :disabled="props.isEdit" | |
| 100 | + suffix-icon="el-icon-date" | |
| 101 | + ></el-input> | |
| 90 | 102 | </el-form-item> |
| 91 | 103 | <el-form-item label="房间号:" prop="houseName"> |
| 92 | - <el-input v-model="data.formObj.houseName" disabled></el-input> | |
| 104 | + <el-input | |
| 105 | + v-model="data.formObj.houseName" | |
| 106 | + disabled | |
| 107 | + suffix-icon="el-icon-date" | |
| 108 | + ></el-input> | |
| 93 | 109 | </el-form-item> |
| 94 | 110 | <el-form-item label="身份证号:" prop="idcard"> |
| 95 | 111 | <el-input |
| ... | ... | @@ -97,6 +113,7 @@ watchEffect((newValue, oldVlaue) => { |
| 97 | 113 | onkeyup="value=value.replace(/[^\d]/g,'')" |
| 98 | 114 | v-model="data.formObj.idcard" |
| 99 | 115 | :disabled="props.isEdit" |
| 116 | + suffix-icon="el-icon-date" | |
| 100 | 117 | ></el-input> |
| 101 | 118 | </el-form-item> |
| 102 | 119 | |
| ... | ... | @@ -106,25 +123,11 @@ watchEffect((newValue, oldVlaue) => { |
| 106 | 123 | onkeyup="value=value.replace(/[^\d]/g,'')" |
| 107 | 124 | v-model="data.formObj.mobile" |
| 108 | 125 | disabled |
| 126 | + suffix-icon="el-icon-date" | |
| 109 | 127 | ></el-input> |
| 110 | 128 | </el-form-item> |
| 111 | - <el-form-item label="出生日期:" prop="birthdate"> | |
| 112 | - <el-date-picker | |
| 113 | - :disabled="props.isEdit" | |
| 114 | - style="width: 200px" | |
| 115 | - v-model="data.formObj.birthdate" | |
| 116 | - type="date" | |
| 117 | - placeholder="Select date and time" | |
| 118 | - > | |
| 119 | - </el-date-picker> | |
| 120 | - </el-form-item> | |
| 121 | 129 | <el-form-item label="性别:" prop="gender"> |
| 122 | - <el-select | |
| 123 | - disabled | |
| 124 | - v-model="data.formObj.gender" | |
| 125 | - placeholder="请选择" | |
| 126 | - style="width: 200px" | |
| 127 | - > | |
| 130 | + <el-select disabled v-model="data.formObj.gender" placeholder="请选择"> | |
| 128 | 131 | <el-option |
| 129 | 132 | v-for="item in data.genderList" |
| 130 | 133 | :key="item.value" |
| ... | ... | @@ -135,10 +138,15 @@ watchEffect((newValue, oldVlaue) => { |
| 135 | 138 | </el-select> |
| 136 | 139 | </el-form-item> |
| 137 | 140 | <el-form-item label="民族:" prop="nationality"> |
| 138 | - <el-input v-model="data.formObj.nationality" disabled></el-input> | |
| 141 | + <el-input | |
| 142 | + v-model="data.formObj.nationality" | |
| 143 | + disabled | |
| 144 | + suffix-icon="el-icon-date" | |
| 145 | + ></el-input> | |
| 139 | 146 | </el-form-item> |
| 140 | 147 | <el-form-item label="户籍所在地:" prop="censusRegister"> |
| 141 | 148 | <el-input |
| 149 | + suffix-icon="el-icon-date" | |
| 142 | 150 | v-model="data.formObj.censusRegister" |
| 143 | 151 | :disabled="props.isEdit" |
| 144 | 152 | ></el-input> |
| ... | ... | @@ -148,7 +156,6 @@ watchEffect((newValue, oldVlaue) => { |
| 148 | 156 | :disabled="props.isEdit" |
| 149 | 157 | v-model="data.formObj.isMarried" |
| 150 | 158 | placeholder="请选择" |
| 151 | - style="width: 200px" | |
| 152 | 159 | > |
| 153 | 160 | <el-option |
| 154 | 161 | v-for="item in data.isMarriedList" |
| ... | ... | @@ -163,7 +170,6 @@ watchEffect((newValue, oldVlaue) => { |
| 163 | 170 | <el-select |
| 164 | 171 | v-model="data.formObj.politicalStatus" |
| 165 | 172 | placeholder="请选择" |
| 166 | - style="width: 200px" | |
| 167 | 173 | :disabled="props.isEdit" |
| 168 | 174 | > |
| 169 | 175 | <el-option |
| ... | ... | @@ -179,7 +185,6 @@ watchEffect((newValue, oldVlaue) => { |
| 179 | 185 | <el-select |
| 180 | 186 | v-model="data.formObj.censusType" |
| 181 | 187 | placeholder="请选择" |
| 182 | - style="width: 200px" | |
| 183 | 188 | :disabled="props.isEdit" |
| 184 | 189 | > |
| 185 | 190 | <el-option |
| ... | ... | @@ -195,7 +200,6 @@ watchEffect((newValue, oldVlaue) => { |
| 195 | 200 | <el-select |
| 196 | 201 | v-model="data.formObj.isLiving" |
| 197 | 202 | placeholder="请选择" |
| 198 | - style="width: 200px" | |
| 199 | 203 | :disabled="props.isEdit" |
| 200 | 204 | > |
| 201 | 205 | <el-option |
| ... | ... | @@ -211,14 +215,25 @@ watchEffect((newValue, oldVlaue) => { |
| 211 | 215 | <el-input |
| 212 | 216 | v-model="data.formObj.location" |
| 213 | 217 | :disabled="props.isEdit" |
| 218 | + suffix-icon="el-icon-date" | |
| 214 | 219 | ></el-input> |
| 215 | 220 | </el-form-item> |
| 216 | 221 | <el-form-item label="暂住证号:" prop="residencePermit"> |
| 217 | 222 | <el-input |
| 218 | 223 | v-model="data.formObj.residencePermit" |
| 219 | 224 | :disabled="props.isEdit" |
| 225 | + suffix-icon="el-icon-date" | |
| 220 | 226 | ></el-input> |
| 221 | 227 | </el-form-item> |
| 228 | + <el-form-item label="出生日期:" prop="birthdate"> | |
| 229 | + <el-date-picker | |
| 230 | + :disabled="props.isEdit" | |
| 231 | + v-model="data.formObj.birthdate" | |
| 232 | + type="date" | |
| 233 | + placeholder="Select date and time" | |
| 234 | + > | |
| 235 | + </el-date-picker> | |
| 236 | + </el-form-item> | |
| 222 | 237 | <el-row> |
| 223 | 238 | <el-form-item> |
| 224 | 239 | <el-button type="primary" @click="submit">保存</el-button> | ... | ... |