朱兆平 / vue_cli · 提交

转到一个项目

作者 shenhailong
提交 4c1e9ade71b4ea057d4e6dc44ea413408e757c1a 1 个父辈 08a76dfd

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

内嵌 并排对比
正在显示 2 个修改的文件 包含 21 行增加 和 21 行删除
@@ -275,9 +275,8 @@ @@ -275,9 +275,8 @@
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 -  
279 - <el-form-item label="水表编号" prop="adrName" >  
280 -<!-- <el-input v-model="editLocationForm.adrname" auto-complete="off" placeholder=""></el-input>--> 278 + <el-col v-if="waterNumber === 'waterNum'">
  279 + <el-form-item label="水表编号" prop="adrName">
281 <el-select style="height: 38px; width: 100%" 280 <el-select style="height: 38px; width: 100%"
282 v-model="editLocationForm.wmid" 281 v-model="editLocationForm.wmid"
283 filterable 282 filterable
@@ -285,13 +284,15 @@ @@ -285,13 +284,15 @@
285 default-first-option 284 default-first-option
286 placeholder="请输入关键词" 285 placeholder="请输入关键词"
287 :remote-method="waterMeterAlls" 286 :remote-method="waterMeterAlls"
288 - :loading="listLoading"> 287 + :loading="listLoading" clearable>
289 <el-option 288 <el-option
290 v-for="item in waterMeterList" 289 v-for="item in waterMeterList"
291 - :key="item.wmId" :label="item.wmId" :value="item.wmId"> 290 + :key="item.wmId" :label="item.wmId" :value="item.wmId" clearable>
292 </el-option> 291 </el-option>
293 </el-select> 292 </el-select>
294 </el-form-item> 293 </el-form-item>
  294 + </el-col>
  295 +
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:{