Commit 098a98021ca06ebb8256cf157141cb10caea5a25

Authored by 杨泽宇
2 parents c23b70bd 86b3541f
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) =&gt; {
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) =&gt; {
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) =&gt; {
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) =&gt; {
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) =&gt; {
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) =&gt; {
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) =&gt; {
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) =&gt; {
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>
... ...
src/views/ownerManagement/owner/index.vue
... ... @@ -251,7 +251,7 @@ watchEffect(() =&gt; {
251 251 <el-dialog
252 252 v-model="data.dialogVisible"
253 253 :title="data.title"
254   - width="800px"
  254 + width="80%"
255 255 @close="dialogClose"
256 256 >
257 257 <Detail
... ...