调整样式

pages/workBench/components/tenement/index.json

@@ -7,6 +7,8 @@
     "van-empty": "@vant/weapp/empty/index",
     "kaihu": "./components/kaihu/index",
     "bindMeter": "./components/bindMeter/index",
-    "unBindMeter": "./components/unBindMeter/index"
+    "unBindMeter": "./components/unBindMeter/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index"
   }
 }

pages/workBench/components/tenement/index.wxml

@@ -46,36 +46,37 @@
 </view>
 <van-empty wx:if="{{!tenement}}" description="选择园区和商户后查看" />
 <view wx:else>
-    <van-field
-        value="{{tenementInfo.fullName}}"
-        label="商户名称"
-        readonly
-        title-width="140rpx"
-    />
-    
-    <van-field
-        value="{{tenementInfo.shortName}}"
-        label="商户简称"
-        readonly
-        title-width="140rpx"
-    />
-    <van-field
-        value="{{tenementInfo.phone}}"
-        label="预留电话"
-        readonly
-        title-width="140rpx"
-    />
-    <view wx:if="{{meterList.length}}">
-        <view class="tableWrapper">
-            <view class="table">
-                <view class="thead">
-                    <view class="th" style="width: 250rpx"> 电表地址 </view>
-                    <view class="th" style="width: 250rpx"> SN </view>
-                    <view class="th" style="width: 200rpx"> 操作 </view>
-                </view>
-                <view class="tbody">
-                    <van-radio-group value="{{ record }}" bind:change="onChangeSelectRecharge">
-                        <block wx:for="{{meterList}}" wx:for-index="itemIndex" wx:key="item">
+    <view class="customTable">
+        <view class="customTableTile">
+            <van-row>
+                <van-col span="24">
+                    <view class="tableTitleRow">
+                        <van-row gutter="5">
+                            <van-col span="8">{{tenementInfo.shortName}}</van-col>
+                            <van-col span="16">{{tenementInfo.fullName}}</van-col>
+                        </van-row>
+                    </view>
+                </van-col>
+                <van-col span="24">
+                    <view class="tableTitleRow">
+                        <van-row gutter="5">
+                            <van-col span="8" wx:if="{{tenementInfo.feeType === 0}}"> 华昌宝能收费 </van-col>
+                            <van-col span="8" wx:elif="{{tenementInfo.feeType === 1}}"> 物业代收1 </van-col>
+                            <van-col span="8" wx:elif="{{tenementInfo.feeType === 2}}"> 物业代收2 </van-col>
+                            <van-col span="8" wx:else> 物业代收线损 </van-col>
+                            <van-col span="16">{{tenementInfo.contact}} {{tenementInfo.phone}} </van-col>
+                        </van-row>
+                    </view>
+                </van-col>
+     
+            </van-row>
+        </view>
+        <view class="customTableContent">
+       
+            <van-row>
+                <van-radio-group value="{{ record }}" bind:change="onChangeSelectRecharge">
+                    <block wx:for="{{meterList}}" wx:for-index="itemIndex" wx:key="item">
+                        <view class="tbody">
                             <view class="tr">
                                 <view class="th" style="width: 250rpx"> {{ item.address }} </view>
                                 <view class="th" style="width: 250rpx"> {{ item.meterSn }} </view>
@@ -90,12 +91,11 @@
                                     </view>
                                 </view>
                             </view>
-                        </block>
-                    </van-radio-group>
-                </view>
-            </view>
+                        </view>
+                    </block>
+                </van-radio-group>
+            </van-row>
         </view>
-    
     </view>
 </view>
 <search-select 

pages/workBench/components/tenement/index.wxss

@@ -42,4 +42,25 @@
 
 .primaryTextBtn {
     color: #1989fa;
+}
+
+
+.customTable {
+    margin: 20rpx;
+    font-size: 32rpx;
+}
+
+.customTableTile {
+    background-color: var(--light-green);
+    box-sizing: border-box;
+}
+
+.tableTitleRow {
+    padding: 16rpx;
+}
+
+.tableRow {
+    padding: 16rpx;
+    border: 1rpx solid #ccc;
+    border-top: 0rpx;
 }