修改样式
This commit is contained in:
parent
5fbd34d9f8
commit
d58436ef5f
BIN
assets/images/stop.png
Normal file
BIN
assets/images/stop.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.4 KiB |
BIN
assets/images/tihuan.png
Normal file
BIN
assets/images/tihuan.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 434 KiB |
@ -7,14 +7,23 @@ Component({
|
||||
properties: {
|
||||
label: String,
|
||||
placeholder: String,
|
||||
text: String
|
||||
text: String,
|
||||
fieldType: {
|
||||
type: String,
|
||||
value: "text"
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
value: "select"
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
keyword: "",
|
||||
text: "",
|
||||
},
|
||||
|
||||
/**
|
||||
@ -23,6 +32,17 @@ Component({
|
||||
methods: {
|
||||
onSearch() {
|
||||
this.triggerEvent("search")
|
||||
},
|
||||
onChangeKeyword(e) {
|
||||
this.setData({ keyword: e.detail });
|
||||
},
|
||||
onChangeText(e) {
|
||||
this.setData({ text: e.detail });
|
||||
this.triggerEvent("changeText", e.detail)
|
||||
},
|
||||
onSearchKeyword() {
|
||||
this.triggerEvent("searchKeyword", this.data.keyword)
|
||||
this.setData({ keyword: "" })
|
||||
}
|
||||
}
|
||||
})
|
@ -1,6 +1,8 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "@vant/weapp/icon/index"
|
||||
"van-icon": "@vant/weapp/icon/index",
|
||||
"van-button": "@vant/weapp/button/index",
|
||||
"van-field": "@vant/weapp/field/index"
|
||||
}
|
||||
}
|
@ -1,9 +1,35 @@
|
||||
<!--components/searchSelectWrapper/index.wxml-->
|
||||
<view class="wrapper">
|
||||
<view> {{ label }} </view>
|
||||
<view class="wrapper" wx:if="{{type === 'select'}}">
|
||||
<view class="label"> {{ label }} </view>
|
||||
<view class="content" bind:tap="clickTime" bind:tap="onSearch">
|
||||
<view class="text" wx:if="{{!text}}" style="color: #ccc;"> {{placeholder}} </view>
|
||||
<view class="text" wx:else> {{text}} </view>
|
||||
<van-icon name="arrow-down" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="wrapper" wx:if="{{type === 'inputSearch'}}">
|
||||
<view class="label"> {{ label }} </view>
|
||||
<view class="inputContent" bind:tap="clickTime">
|
||||
<van-field
|
||||
value="{{ value }}"
|
||||
placeholder="{{placeholder}}"
|
||||
border="{{ false }}"
|
||||
bind:change="onChangeKeyword"
|
||||
custom-style="padding: 0;font-size: 30rpx;line-height: 32rpx;"
|
||||
/>
|
||||
</view>
|
||||
<van-button type="info" size="small" bind:click="onSearchKeyword"> 搜索 </van-button>
|
||||
</view>
|
||||
<view class="wrapper" wx:if="{{type === 'input'}}">
|
||||
<view class="label"> {{ label }} </view>
|
||||
<view class="inputContent" bind:tap="clickTime">
|
||||
<van-field
|
||||
value="{{ value }}"
|
||||
placeholder="{{placeholder}}"
|
||||
border="{{ false }}"
|
||||
type="fieldType"
|
||||
bind:change="onChangeText"
|
||||
custom-style="padding: 0;font-size: 30rpx;line-height: 32rpx;"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
@ -16,7 +16,22 @@
|
||||
border: 1rpx solid #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.inputContent {
|
||||
flex: 1;
|
||||
margin-left: 30rpx;
|
||||
margin-right: 30rpx;
|
||||
display: flex;
|
||||
padding: 0 20rpx;
|
||||
border-radius: 12rpx;
|
||||
border: 1rpx solid #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.label {
|
||||
width: 120rpx;
|
||||
}
|
@ -15,6 +15,7 @@
|
||||
"updatePhoneModal": "./components/updatePhoneModal/index",
|
||||
"van-row": "@vant/weapp/row/index",
|
||||
"van-col": "@vant/weapp/col/index",
|
||||
"searchSelectWrapper": "/components/searchSelectWrapper/index"
|
||||
"searchSelectWrapper": "/components/searchSelectWrapper/index",
|
||||
"van-image": "@vant/weapp/image/index"
|
||||
}
|
||||
}
|
@ -84,7 +84,7 @@
|
||||
data-id="{{item.WechatUserID}}"
|
||||
data-name="{{item.WechatUserName}}"
|
||||
>
|
||||
移除
|
||||
<van-image width="40rpx" height="40rpx" src="/assets/images/stop.png" />
|
||||
</view>
|
||||
<view
|
||||
class="primaryTextBtn"
|
||||
@ -93,7 +93,7 @@
|
||||
data-name="{{item.WechatUserName}}"
|
||||
style="margin-left: 16rpx;"
|
||||
>
|
||||
设为管理
|
||||
<van-image width="40rpx" height="40rpx" src="/assets/images/tihuan.png" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
@ -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 })
|
||||
},
|
||||
|
@ -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}}"
|
||||
|
@ -32,7 +32,6 @@ Component({
|
||||
type: 'park'
|
||||
})
|
||||
},
|
||||
|
||||
onMeterFocus() {
|
||||
const { park } = this.data;
|
||||
if (!park) {
|
||||
|
@ -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>
|
||||
|
||||
|
@ -6,93 +6,88 @@
|
||||
bind:search="onParkFocus"
|
||||
/>
|
||||
|
||||
<van-empty wx:if="{{!park}}" description="选择园区后查看" />
|
||||
<searchSelectWrapper
|
||||
label="电表"
|
||||
placeholder="请选择电表"
|
||||
text="{{meterName}}"
|
||||
bind:search="onMeterFocus"
|
||||
/>
|
||||
<van-empty wx:if="{{!meter}}" description="选择电表后查看" />
|
||||
<view wx:else>
|
||||
<searchSelectWrapper
|
||||
label="电表"
|
||||
placeholder="请选择电表"
|
||||
text="{{meterName}}"
|
||||
bind:search="onMeterFocus"
|
||||
/>
|
||||
<van-empty wx:if="{{!meter}}" description="选择电表后查看" />
|
||||
<view wx:else>
|
||||
<view wx:if="{{list.length}}">
|
||||
<view class="operate">
|
||||
<view style="margin-top: 24rpx; margin-bottom: 24rpx;display: flex; justify-content: center; align-items: center;">
|
||||
<van-button
|
||||
type="info"
|
||||
size="small"
|
||||
style="margin-right: 30rpx;"
|
||||
bind:click="handleMeterSwitchOn"
|
||||
disabled="{{!meter}}"
|
||||
> 合闸 </van-button>
|
||||
<van-button size="small" bind:click="handleClear" disabled="{{!meter}}" bind:click="handleMeterSwitchOff"> 拉闸 </van-button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="customTable" wx:for="{{list}}" wx:key="id">
|
||||
<view class="customTableTile">
|
||||
<van-row>
|
||||
<van-col span="8">
|
||||
<view style="text-align: center;"> {{item.tenement.shortName}} </view>
|
||||
</van-col>
|
||||
<van-col span="16"><view style="margin-left: 16rpx;">{{item.tenement.name}}</view> </van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
<view class="customTableContent">
|
||||
<van-row >
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8" wx:if="{{item.type === 0}}">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 商户电表 </view></van-col>
|
||||
<van-col span="8" wx:elif="{{item.type === 2}}">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 公摊电表 </view></van-col>
|
||||
<van-col span="8" wx:else>
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 园区电表 </view></van-col>
|
||||
<van-col span="16">表号:{{item.meterNo}}</van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> {{item.address}} </view>
|
||||
</van-col>
|
||||
<van-col span="16">SN:{{item.meterSn}}</van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 表字:{{item.amount}} </view>
|
||||
</van-col>
|
||||
<van-col span="16">余额:{{item.money}}</van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8" wx:if="{{item.onPosition === 0}}">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;">合闸</view> </van-col>
|
||||
<van-col span="8" wx:else><view style="text-align: center;border-right: 1rpx solid #ccc;">拉闸</view> </van-col>
|
||||
<van-col span="8" wx:if="{{item.canConnect}}"><view style="text-align: center;">在线</view> </van-col>
|
||||
<van-col span="8" wx:else><view style="text-align: center;">失联</view> </van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
|
||||
|
||||
</van-row>
|
||||
</view>
|
||||
<view wx:if="{{list.length}}">
|
||||
<view class="operate">
|
||||
<view style="margin-top: 24rpx; margin-bottom: 24rpx;display: flex; justify-content: center; align-items: center;">
|
||||
<van-button
|
||||
type="info"
|
||||
size="small"
|
||||
style="margin-right: 30rpx;"
|
||||
bind:click="handleMeterSwitchOn"
|
||||
disabled="{{!meter}}"
|
||||
> 合闸 </van-button>
|
||||
<van-button size="small" bind:click="handleClear" disabled="{{!meter}}" bind:click="handleMeterSwitchOff"> 拉闸 </van-button>
|
||||
</view>
|
||||
</view>
|
||||
<view class="customTable" wx:for="{{list}}" wx:key="id">
|
||||
<view class="customTableTile">
|
||||
<van-row>
|
||||
<van-col span="8">
|
||||
<view style="text-align: center;"> {{item.tenement.shortName}} </view>
|
||||
</van-col>
|
||||
<van-col span="16"><view style="margin-left: 16rpx;">{{item.tenement.name}}</view> </van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
<view class="customTableContent">
|
||||
<van-row >
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8" wx:if="{{item.type === 0}}">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 商户电表 </view></van-col>
|
||||
<van-col span="8" wx:elif="{{item.type === 2}}">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 公摊电表 </view></van-col>
|
||||
<van-col span="8" wx:else>
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 园区电表 </view></van-col>
|
||||
<van-col span="16">表号:{{item.meterNo}}</van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> {{item.address}} </view>
|
||||
</van-col>
|
||||
<van-col span="16">SN:{{item.meterSn}}</van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;"> 表字:{{item.amount}} </view>
|
||||
</van-col>
|
||||
<van-col span="16">余额:{{item.money}}</van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
<van-col span="24">
|
||||
<view class="tableRow">
|
||||
<van-row gutter="5">
|
||||
<van-col span="8" wx:if="{{item.onPosition === 0}}">
|
||||
<view style="text-align: center;border-right: 1rpx solid #ccc;">合闸</view> </van-col>
|
||||
<van-col span="8" wx:else><view style="text-align: center;border-right: 1rpx solid #ccc;">拉闸</view> </van-col>
|
||||
<van-col span="8" wx:if="{{item.canConnect}}"><view style="text-align: center;">在线</view> </van-col>
|
||||
<van-col span="8" wx:else><view style="text-align: center;">失联</view> </van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</van-col>
|
||||
</van-row>
|
||||
</view>
|
||||
</view>
|
||||
<empty bind:refresh="init" wx:else />
|
||||
|
||||
</view>
|
||||
<empty bind:refresh="init" wx:else />
|
||||
|
||||
</view>
|
||||
|
||||
<search-select
|
||||
|
@ -5,7 +5,7 @@ Page({
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
active: 0,
|
||||
active: 2,
|
||||
},
|
||||
|
||||
/**
|
||||
|
@ -27,6 +27,7 @@ export const getParkSimpleMeterList = async function({park = "", keyword = "", p
|
||||
return await GET(`/work/getWorkMeter?page=${page}&park=${park}&keyword=${replaceSpecialIcon(keyword)}`);
|
||||
}
|
||||
|
||||
|
||||
// 获取商户下的电表,后台
|
||||
export const getBackTenementMeters = async function(park, tenement) {
|
||||
return await GET(`/vx/getWorkMeterDetails?park=${park}&tenement=${tenement}`);
|
||||
|
Loading…
x
Reference in New Issue
Block a user