From 3913b3c5c8cde03f8c92d1c738d28c4a9bae7e55 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 22 十一月 2023 08:48:02 +0800
Subject: [PATCH] #
---
pages/business/cstmrInfo/cstmrInfo.vue | 208 ++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 184 insertions(+), 24 deletions(-)
diff --git a/pages/business/cstmrInfo/cstmrInfo.vue b/pages/business/cstmrInfo/cstmrInfo.vue
index b56ef82..2aa3694 100644
--- a/pages/business/cstmrInfo/cstmrInfo.vue
+++ b/pages/business/cstmrInfo/cstmrInfo.vue
@@ -1,6 +1,11 @@
<template>
<view>
- <uni-nav-bar left-icon="left" title="鐢叉柟鍗曚綅" @clickLeft="back" @clickRight="scan">
+ <view class="status_bar">
+ <!-- 杩欓噷鏄姸鎬佹爮 -->
+ </view>
+ <uni-nav-bar left-icon="left" title="瀹㈡埛淇℃伅" @clickLeft="back" @clickRight="scan" :fixed="true"
+ :border="false" rightWidth="160rpx" leftWidth="160rpx"
+ >
<block slot="right">
<view class="city">
<view>
@@ -12,13 +17,13 @@
</uni-nav-bar>
<!-- 鎼滅储妗� -->
<view class="search-bg">
- <uni-search-bar placeholder="瀹㈡埛浠ｅ彿/鍚嶇О" bgColor="#f4f4f4" @confirm="search" />
+ <u-search placeholder="瀹㈡埛浠ｅ彿/鍚嶇О" v-model="keyword" :clearabled="true" @custom="search()" @search="search()"></u-search>
</view>
<view>
<!-- 瀹㈡埛鍒楄〃 -->
<view class="c-list" @click="getDetails(item.id)" v-for="(item,index) in csmtrList" :key="index">
<view class="titles">
- <y-title :title="item.name"></y-title>
+ <y-title :title="item.name"></y-title><view></view>
</view>
<view style="display: grid;grid-template-columns: 1fr 3fr;">
<view class="list-item1">瀹㈡埛浠ｅ彿</view><view class="list-item2">{{item.uuid}}</view>
@@ -32,8 +37,48 @@
</view>
</view>
<!-- <uni-load-more :status="status" :icon-size="16" :content-text="contentText" /> -->
- <u-empty v-if="true" icon="../../../static/image/emptyList.png" v-show="!csmtrList"/>
+ <u-empty v-if="true" icon="../../../static/image/emptyList.png" v-show="csmtrList.length <= 0" />
+ <view class="fxbtn">
+ <uni-icons type="plusempty" color="#fff" @click="add()" ></uni-icons>
+ </view>
+
+
+ <!-- 鎺ュ彇绐楀彛 -->
+ <view>
+ <uni-popup ref="inputDialog" type="dialog">
+ <view class="popup">
+ <!-- 鏍囬 -->
+ <view class="desc">鎺ュ彇</view>
+ <scroll-view scroll-y="true" style="height: 23vh;touch-action: none;">
+ <!-- <view style="display: flex;justify-content: center;margin: 8px;align-items: center;" v-for="item in csmtrs">
+ <checkbox style="flex: 1;display: flex;justify-content: flex-end;"></checkbox>
+ <view style="flex: 4;">{{item.name}}</view>
+ </view> -->
+ <view class="u-demo-block__content" style="margin-left: 12rpx;">
+ <view class="u-page__radio-item">
+ <u-radio-group v-model="radiovalue2" placement="column" shape="square" >
+ <u-radio
+ :customStyle="{marginBottom: '8px'}"
+ v-for="(item, index) in csmtrs"
+ :key="index"
+ :label="item.name"
+ :name="item.name"
+ >
+ </u-radio>
+ </u-radio-group>
+ </view>
+ </view>
+ </scroll-view>
+ <view class="btn">
+ <view class="btn-left" @click="close">鍙栨秷</view>
+ <view class="btn-right" @click="confirm">纭</view>
+ </view>
+
+ </view>
+ </uni-popup>
+ </view>
+ <view style="height: 10rpx;"></view>
</view>
</template>
@@ -42,12 +87,16 @@
export default {
data() {
return {
- csmtrList: [],
- last_id: '',
+ keyword: '',
user: {
username: '',
- id: 0
+ id: 0,
+ type: 'user_id'
},
+ falg: true,
+ csmtrList: [],
+ csmtrs: [],
+ last_id: '',
userid: 0,
reload: false,
status: 'more',
@@ -57,6 +106,7 @@
contentrefresh: '鍔犺浇涓�',
contentnomore: '娌℃湁鏇村'
},
+ radiovalue2: '',
}
},
// 鏂板缓鎸夐挳浜嬩欢
@@ -67,16 +117,19 @@
},
onShow() {
- setTimeout(()=> {
- this.getCsmtr1()
- },500)
let that = this
uni.$on('isRefresh',function(data){
- console.log('鐩戝惉鍒颁簨浠舵潵鑷繑鍥炵殑鍙傛暟锛�' + data);
- // TODO 涓嬮潰鎵ц鍒锋柊鐨勬柟娉�
+ that.user.username = data.title
+ that.user.id = data.id
+ that.user.type = data.key
+ that.falg = false
})
-
- this.getDetail()
+ if (this.falg) {
+ this.getDetail()
+ }
+ setTimeout(()=> {
+ this.getCsmtr1()
+ },50)
},
onReachBottom() {
@@ -95,16 +148,54 @@
},
open() {
this.show = true
- console.log(this.columns);
+ },
+ add() {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/cstmr2/all/get/kv`,
+ header: {'token' : uni.getStorageSync('token')},
+ method: 'POST',
+ success(res) {
+ res = res.data
+ if (res.data) {
+ _this.csmtrs = res.data
+ }
+ }
+ })
+ this.$refs.inputDialog.open()
+ },
+ close() {
+ this.$refs.inputDialog.close()
+ },
+ confirm() {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/cstmr2/add/auth`,
+ header: {
+ 'token' : uni.getStorageSync('token'),
+ 'content-type':'application/x-www-form-urlencoded',
+ },
+ method: 'POST',
+ data: {name: _this.radiovalue2},
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.csmtrList = []
+ setTimeout(()=> {
+ _this.getCsmtr1()
+ },100)
+ }
+ }
+ })
+ this.$refs.inputDialog.close()
},
getUserTree() {
let _this = this
uni.request({
- url: 'http://192.168.4.188:9528/dept/user/tree/auth',
+ url: `${that.baseUrl}/dept/user/tree/auth`,
method: 'POST',
header: {'token' : uni.getStorageSync('token'),},
}).then((res)=>{
- console.log(res);
})
},
back() {
@@ -119,10 +210,16 @@
getCsmtr1(e) {
let that = this
that.csmtrList = []
+ let param = {curr:1,limit:4,dept_id: 0,user_id: 67}
+ if (this.user.type == 'user_id') {
+ param = {curr:1,limit:4,user_id: that.user.id}
+ } else {
+ param = {curr:1,limit:4,dept_id: that.user.id}
+ }
uni.request({
url: that.baseUrl + '/cstmr2/page/auth',
header: {'token' : uni.getStorageSync('token'),},
- data: {curr:1,limit:4},
+ data: param,
method:'GET',
success(result) {
if (result.statusCode === 404) {
@@ -159,10 +256,16 @@
},
getCsmtr() {
let that = this
+ let param = {curr:that.curr,limit:4,dept_id: 0,user_id: 67}
+ if (this.user.type == 'user_id') {
+ param = {curr:that.curr,limit:4,user_id: that.user.id}
+ } else {
+ param = {curr:that.curr,limit:4,dept_id: that.user.id}
+ }
uni.request({
- url: that.baseUrl + '/cstmr/page/auth',
+ url: that.baseUrl + '/cstmr2/page/auth',
header: {'token' : uni.getStorageSync('token'),},
- data: {curr:that.curr,limit:4},
+ data: param,
method:'GET',
success(result) {
if (result.statusCode === 404) {
@@ -200,7 +303,7 @@
},
getDetails(id) {
uni.navigateTo({
- url: '/pages/business/cstmr/cstmrDetails?id=' + id
+ url: `/pages/business/cstmr/cstmrDetails?id=${id}&type=info`
})
},
// ---
@@ -220,6 +323,11 @@
</script>
<style>
+ .status_bar {
+ height: var(--status-bar-height);
+ width: 100%;
+ background-color: #FFF;
+ }
.city {
display: flex;
align-items: center;
@@ -233,8 +341,8 @@
background-color: #fff;
border-radius: 10rpx;
margin: 20rpx 2% 0 2%;
- display: flex;
- flex-direction: column;
+ /* display: flex;
+ flex-direction: column; */
font-size: 24rpx;
}
/* 鐖秜iew 鎹� scroll-view */
@@ -255,7 +363,7 @@
}
.titles {
padding-left: 10rpx;
- text-indent: 5rpx;
+ /* text-indent: 5rpx; */
margin-top: 10rpx;
}
/* .title {
@@ -265,4 +373,56 @@
font-weight: 900;
color: #303133;
} */
+ .fxbtn {
+ position: fixed;
+ bottom: 50px;
+ right: 10px;
+ width: 40px;
+ height: 40px;
+ background-color: #46a7ff;
+ color: #FFF;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 50%;
+
+ }
+ .popup {
+ width: 80vw;
+ min-height: 100rpx;
+ background-color: #FFF;
+ border-radius: 25rpx;
+ }
+ .desc {
+ height: 100rpx;
+ line-height: 100rpx;
+ width: 100%;
+ color: #606266;
+ text-align: center;
+ font-size: 16px;
+ }
+ .btn {
+ display: flex;
+ height: 90rpx;
+ margin-top: 20rpx;
+ border-top: 1px solid #DCDFE6;
+ justify-content: center;
+ align-items: center;
+ }
+ .btn-left {
+ display: flex;
+ flex: 1;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+ color: #606266;
+ border-right: 1px solid #DCDFE6;
+ }
+ .btn-right {
+ display: flex;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ color: #409EFF;
+ }
</style>
--
Gitblit v1.9.1