更新

financialCenter/serviceStation/index.vue

@@ -5,11 +5,21 @@
 			<uni-nav-bar @clickLeft='jump(-1)' :border="false" color='white' backgroundColor="rgba(0,0,0,0)"
 				left-icon="back" title="油站账户管理" />
 			<view class="seach">
-				<uni-easyinput @confirm='seachFn' style="border-radius:12rpx ;" prefixIcon="search"
+				<uni-easyinput @confirm='seachFn' style="border-radius:12rpx; margin-bottom: 10rpx;" prefixIcon="search"
 					placeholder-style="color:#bbb;font-weight: 100;" confirmType="搜索"
 					v-model="paramter.params.accountName" placeholder="请输入油站账户名称">
 				</uni-easyinput>
+				<!-- <uni-easyinput class="input" style="border-radius:12rpx ;" prefixIcon="search"
+					placeholder-style="color:#bbb;font-weight: 100;" placeholder="业务负责人姓名/手机号">
+				</uni-easyinput> -->
+				<view style="display: flex; align-items: center;margin-top: 10rpx;">
+
+					<view class="input" @click="selectLeader">{{paramter.params.name || '运营负责人'}} </view>
+					<uni-data-select class="select" v-model="paramter.params.accountState"
+						:localdata="range" @change="changeSelect"></uni-data-select>
+				</view>
 			</view>
+
 		</view>
 		<view style="flex:1;overflow: hidden;">
 			<view v-if="!tableList.length"
@@ -29,26 +39,51 @@
 				</view>
 			</scroll-view>
 		</view>
+		<charge @chargeChange='chargeChange' v-model="controlWindows.charge" />
 	</view>
 </template>
 
 <script>
 	import serve from '@/api/financialCenter/serviceStation.js'
+
+	import charge from './components/charge.vue'
 	export default {
+		components: {
+			charge
+		},
 		data() {
 			return {
+				controlWindows: {
+					charge: false
+				},
 				styles: {},
 				paramter: {
 					currentPage: 1,
 					pageSize: 10,
-					sorted:{
-						createTime:'desc'
+					sorted: {
+						createTime: 'desc'
 					},
 					params: {
 						accountName: ''
 					}
 				},
-				tableList: []
+				tableList: [],
+				range: [{
+						value: "0",
+						text: "禁用"
+					},
+					{
+						value: "1",
+						text: "启用"
+					},
+					{
+						value: "-1",
+						text: "冻结"
+					}, {
+						value: "-5",
+						text: "作废"
+					},
+				],
 			}
 		},
 		onLoad() {
@@ -59,6 +94,17 @@
 		// 	this.getByPage()
 		// },
 		methods: {
+			chargeChange(item) {
+				this.paramter.params.businessLeader = item.id
+				this.paramter.params.name = item.userName
+				this.seachFn()
+			},
+			selectLeader() {
+				this.controlWindows.charge = true
+			},
+			changeSelect() {
+				this.seachFn()
+			},
 			seachFn() {
 				this.tableList = []
 				this.paramter.currentPage = 1
@@ -106,6 +152,27 @@
 </script>
 
 <style>
+	.input {
+		/* display: inline-block; */
+		/* margin-top: 10rpx; */
+		height: 70rpx;
+		border-radius: 12rpx;
+		width: 69%;
+		background: #fff;
+		line-height: 70rpx;
+		padding-left: 30rpx;
+		color: #999;
+	}
+
+	.select {
+		/* margin-top: 10rpx; */
+		margin-left: 2%;
+		display: inline-block;
+		width: 29%;
+		background: #fff;
+		border-radius: 12rpx;
+	}
+
 	.uni-easyinput__content {
 		background-color: #fff;
 	}
@@ -162,5 +229,4 @@
 		color: #778899;
 		font-size: 24rpx;
 	}
-
-</style>
+</style>