作者 shenhailong

用户水电缴费 样式调试 location 完善input 隐藏问题

@@ -275,23 +275,24 @@ @@ -275,23 +275,24 @@
275 <el-input v-model="editLocationForm.adrname" auto-complete="off" placeholder="请输入名称"></el-input> 275 <el-input v-model="editLocationForm.adrname" auto-complete="off" placeholder="请输入名称"></el-input>
276 </el-form-item> 276 </el-form-item>
277 277
  278 + <el-col v-if="waterNumber === 'waterNum'">
  279 + <el-form-item label="水表编号" prop="adrName">
  280 + <el-select style="height: 38px; width: 100%"
  281 + v-model="editLocationForm.wmid"
  282 + filterable
  283 + remote
  284 + default-first-option
  285 + placeholder="请输入关键词"
  286 + :remote-method="waterMeterAlls"
  287 + :loading="listLoading" clearable>
  288 + <el-option
  289 + v-for="item in waterMeterList"
  290 + :key="item.wmId" :label="item.wmId" :value="item.wmId" clearable>
  291 + </el-option>
  292 + </el-select>
  293 + </el-form-item>
  294 + </el-col>
278 295
279 - <el-form-item label="水表编号" prop="adrName" >  
280 -<!-- <el-input v-model="editLocationForm.adrname" auto-complete="off" placeholder=""></el-input>-->  
281 - <el-select style="height: 38px; width: 100%"  
282 - v-model="editLocationForm.wmid"  
283 - filterable  
284 - remote  
285 - default-first-option  
286 - placeholder="请输入关键词"  
287 - :remote-method="waterMeterAlls"  
288 - :loading="listLoading">  
289 - <el-option  
290 - v-for="item in waterMeterList"  
291 - :key="item.wmId" :label="item.wmId" :value="item.wmId">  
292 - </el-option>  
293 - </el-select>  
294 - </el-form-item>  
295 296
296 297
297 298
@@ -684,12 +685,12 @@ @@ -684,12 +685,12 @@
684 * @param row 为这行的数据对象 685 * @param row 为这行的数据对象
685 */ 686 */
686 handleEdit: function (index, row) { 687 handleEdit: function (index, row) {
  688 + this.waterNumber = undefined;
687 this.editFormLocationVisible = true; 689 this.editFormLocationVisible = true;
688 this.editLocationForm = row; 690 this.editLocationForm = row;
689 - console.log(row)  
690 - // if (row.type == 3){  
691 - // this.waterNumber ='waterNum'  
692 - // } 691 + if (row.type == 3){
  692 + this.waterNumber ='waterNum';
  693 + }
693 }, 694 },
694 695
695 696
@@ -3,8 +3,8 @@ @@ -3,8 +3,8 @@
3 <el-main > 3 <el-main >
4 <el-row type="flex" class="row-bg" justify="center"> 4 <el-row type="flex" class="row-bg" justify="center">
5 <el-col :span="20"> 5 <el-col :span="20">
6 - <div style="background-color: mediumseagreen; height: 45px; color: #e6f1fe;">  
7 - <h2>&nbsp;&nbsp;查询房间号</h2> 6 + <div>
  7 + <h2 style="width: 150px" type="primary">&nbsp;&nbsp;查询房间号</h2>
8 </div> 8 </div>
9 <br/> 9 <br/>
10 <el-form :inline="true" :model="filters"> 10 <el-form :inline="true" :model="filters">
@@ -19,16 +19,15 @@ @@ -19,16 +19,15 @@
19 <el-col :span="24"> 19 <el-col :span="24">
20 <el-form-item label="透支电费"> 20 <el-form-item label="透支电费">
21 <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" v-model="electricityForm.overdraftthreshold"></el-input> 21 <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" v-model="electricityForm.overdraftthreshold"></el-input>
22 - <span style="margin-right: 200px">&nbsp;元</span>  
23 -  
24 - <span style="margin-right: 140px">&nbsp;状态</span> 22 + <span style="margin-right: 100px">&nbsp;元</span>
  23 + <span style="margin-right: 100px">&nbsp;状态</span>
25 <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" v-model="electricityForm.payUserName"></el-input> 24 <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" v-model="electricityForm.payUserName"></el-input>
26 </el-form-item> 25 </el-form-item>
27 </el-col> 26 </el-col>
28 <el-col :span="24"> 27 <el-col :span="24">
29 <el-form-item label="剩余电费"> 28 <el-form-item label="剩余电费">
30 - <el-input disabled="" style="width: 200px; margin-right: 200px; -webkit-text-fill-color: #070A08" v-model="electricityForm.payLocationName"></el-input>  
31 - <span style="margin-right: 134px">&nbsp;充值日期</span> 29 + <el-input disabled="" style="width: 200px; margin-right: 100px; -webkit-text-fill-color: #070A08" v-model="electricityForm.payLocationName"></el-input>
  30 + <span style="margin-right: 95px">&nbsp;充值日期</span>
32 <el-date-picker type="date" placeholder="" v-model="electricityForm.payTime" disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> 31 <el-date-picker type="date" placeholder="" v-model="electricityForm.payTime" disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
33 </el-form-item> 32 </el-form-item>
34 </el-col> 33 </el-col>
@@ -49,16 +48,16 @@ @@ -49,16 +48,16 @@
49 <el-col :span="24"> 48 <el-col :span="24">
50 <el-form-item label="透支水费"> 49 <el-form-item label="透支水费">
51 <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" v-model="waterForm.overdraftthreshold"></el-input> 50 <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" v-model="waterForm.overdraftthreshold"></el-input>
52 - <span style="margin-right: 200px">&nbsp;元</span> 51 + <span style="margin-right: 100px">&nbsp;元</span>
53 52
54 - <span style="margin-right: 140px">&nbsp;状态</span> 53 + <span style="margin-right: 100px">&nbsp;状态</span>
55 <el-input disabled style="width: 200px; -webkit-text-fill-color: #070A08" v-model="waterForm.wmFmstate"></el-input> 54 <el-input disabled style="width: 200px; -webkit-text-fill-color: #070A08" v-model="waterForm.wmFmstate"></el-input>
56 </el-form-item> 55 </el-form-item>
57 </el-col> 56 </el-col>
58 <el-col :span="24"> 57 <el-col :span="24">
59 <el-form-item label="剩余水费"> 58 <el-form-item label="剩余水费">
60 - <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08; margin-right: 200px;" v-model="waterForm.subtraction"></el-input>  
61 - <span style="margin-right: 134px">&nbsp;充值日期</span> 59 + <el-input disabled="" style="width: 200px; -webkit-text-fill-color: #070A08; margin-right: 100px;" v-model="waterForm.subtraction"></el-input>
  60 + <span style="margin-right: 95px">&nbsp;充值日期</span>
62 <el-date-picker type="date" placeholder="" v-model="waterForm.payTime" disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker> 61 <el-date-picker type="date" placeholder="" v-model="waterForm.payTime" disabled="" style="width: 200px; -webkit-text-fill-color: #070A08" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
63 </el-form-item> 62 </el-form-item>
64 </el-col> 63 </el-col>
@@ -93,7 +92,7 @@ @@ -93,7 +92,7 @@
93 data() { 92 data() {
94 return{ 93 return{
95 filters:{ 94 filters:{
96 - roomNumber:'三号楼一层卫生间' 95 + roomNumber:''
97 }, 96 },
98 97
99 electricityForm:{ 98 electricityForm:{