修改样式

pages/workBench/components/recharge/components/approve/index.js

@@ -53,6 +53,16 @@ Component({
       })
       this.onCancel();
     },
+    onSearchKeyword(e) {
+      const that = this;
+      that.setData({
+        keyword: e.detail
+      }, () => {
+        loadingFunc(async () => {
+          await that.init();
+        })
+      })
+    },
     onChangeKeyword(e) {
       this.setData({ keywordTemp: e.detail })
     },

pages/workBench/components/recharge/components/approve/index.wxml

@@ -1,31 +1,18 @@
 <!--pages/workBench/components/recharge/components/waitApprove/index.wxml-->
-<van-field
-    value="{{ parkName }}"
+<searchSelectWrapper 
+    label="园区" 
     placeholder="请选择园区"
-    label="园区"
-    readonly
-    border="{{ false }}"
-    use-button-slot
-    title-width="100rpx"
->
-    <van-button slot="button" size="small" type="info" bind:click="onParkFocus">
-      选择
-    </van-button>
-</van-field>
+    text="{{parkName}}"
+    bind:search="onParkFocus"
+/>
 
-<van-field
-    value="{{ keyword }}"
+<searchSelectWrapper 
+    label="关键字" 
     placeholder="请输入关键字"
-    label="关键字"
-    border="{{ false }}"
-    use-button-slot
-    bind:change="onChangeKeyword"
-    title-width="100rpx"
->
-    <van-button slot="button" size="small" type="info" bind:click="onSearch">
-    搜索
-    </van-button>
-</van-field>
+    text="{{meterName}}"
+    bind:searchKeyword="onSearchKeyword"
+    type="inputSearch"
+/>
 <view>
     <view wx:if="{{list.length}}">
         <view class="operate" wx:if="{{status === 2}}">
@@ -87,7 +74,6 @@
     
 </view>
 
-
 <search-select 
     show="{{show}}" 
     title="{{title}}" 

pages/workBench/components/recharge/components/reharge/index.js

@@ -32,7 +32,6 @@ Component({
         type: 'park'
       })
     },
-    
     onMeterFocus() {
       const { park } = this.data;
       if (!park) {

pages/workBench/components/recharge/components/reharge/index.wxml

@@ -1,68 +1,37 @@
 <!--pages/workBench/components/recharge/components/reharge/index.wxml-->
 <van-cell-group>
-  <van-field
-    value="{{ parkName }}"
+  <searchSelectWrapper 
+    label="园区" 
     placeholder="请选择园区"
-    label="园区"
-    readonly
-    border="{{ false }}"
-    use-button-slot
-    title-width="70rpx"
-  >
-    <van-button slot="button" size="small" type="info" bind:click="onParkFocus">
-      选择
-    </van-button>
-  </van-field>
-  <van-field
-    value="{{ meterName }}"
+    text="{{parkName}}"
+    bind:search="onParkFocus"
+  />
+
+  <searchSelectWrapper 
+    label="电表" 
     placeholder="请选择电表"
-    label="电表"
-    readonly
-    border="{{ false }}"
-    use-button-slot
-    title-width="70rpx"
-  >
-    <van-button slot="button" size="small" type="info" bind:click="onMeterFocus">
-      选择
-    </van-button>
-  </van-field>
-  <van-field
-    value="{{ money }}"
+    text="{{meterName}}"
+    bind:search="onMeterFocus"
+  />
+  <searchSelectWrapper 
+    label="金额" 
     placeholder="请输入金额"
-    label="金额"
-    type="number"
-    border="{{ false }}"
-    use-button-slot
-    title-width="70rpx"
-    bind:change="onChangeMoney"
-  >
-  </van-field>
-  <van-field
-    value="{{ payName }}"
+    text="{{meterName}}"
+    fieldType="number"
+    type="input"
+    bind:changeText="onChangeMoney"
+  />
+  <searchSelectWrapper 
+    label="付款方式" 
     placeholder="请选择付款方式"
-    label="付款方式"
-    readonly
-    border="{{ false }}"
-    use-button-slot
-    title-width="140rpx"
-  >
-    <van-button 
-      slot="button" 
-      size="small" 
-      type="info" 
-      bind:click="onPayFocus"
-    >
-      选择
-    </van-button>
-  </van-field>
-  <van-field
-    value="{{ voucherNo }}"
+    text="{{payName}}"
+    bind:search="onPayFocus"
+  />
+  <searchSelectWrapper 
+    label="凭证" 
     placeholder="请输入凭证"
-    label="凭证"
-    border="{{ false }}"
-    use-button-slot
-    title-width="70rpx"
-    bind:change="onChangeVoucherNo"
+    type="input"
+    bind:changeText="onChangeVoucherNo"
   />
 </van-cell-group>