#

whycq

2023-12-02 178d0ee433ecee57bbd57804cc29c593f3de7829

 pages/business/cstmrInfo/cstmrInfo.vue

@@ -17,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>
@@ -37,10 +37,16 @@
         </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.length <= 0" />
      <u-empty v-if="true" icon="../../../static/image/emptyList.png" v-show="csmtrList.length <= 0" />
      
      <view class="fxbtn">
      <view class="fxbtn" :style="style">
         <uni-icons :type="iconType" color="#fff" @click="menu()" ></uni-icons>
      </view>
      <view class="fxbtn1" v-show="iconType == 'closeempty'">
         <uni-icons type="plusempty" color="#fff" @click="add()" ></uni-icons>
      </view>
      <view class="fxbtn2"  v-show="iconType == 'closeempty'">
         <uni-icons type="download" color="#fff" @click="download()" ></uni-icons>
      </view>
      
      
@@ -49,7 +55,7 @@
         <uni-popup ref="inputDialog" type="dialog">
            <view class="popup">
               <!-- 标题 -->
               <view class="title">接取</view>
               <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>
@@ -78,6 +84,7 @@
            </view>
         </uni-popup>
      </view>
      <view style="height: 10rpx;"></view>
   </view>
</template>

@@ -86,25 +93,28 @@
   export default { 
      data() {
         return {
            csmtrList: [],
            csmtrs: [],
            last_id: '',
            keyword: '',
            user: {
               username: '',
               id: 0,
               type: ''
            },
            falg: true,
            csmtrList: [],
            csmtrs: [],
            last_id: '',
            userid: 0,
            reload: false,
            status: 'more',
            curr:2,
            falg: true,
            contentText: {
               contentdown: '上拉加载更多',
               contentrefresh: '加载中',
               contentnomore: '没有更多'
            },
            radiovalue2: '',
            iconType: 'plusempty',
            style: 'background-color: #46a7ff;' 
         }
      },
      // 新建按钮事件
@@ -135,6 +145,16 @@
         this.getCsmtr()
      },
      methods: {
         menu() {
            if (this.iconType == 'plusempty') {
               this.iconType ='closeempty' 
               this.style ='background-color: #c3c3c3;' 
            } else {
               this.iconType ='plusempty' 
               this.style ='background-color: #46a7ff;' 
            }
            // this.iconType = this.iconType ? 'plusempty' : 'closeempty'
         },
         async getDetail() {
            let res = await user.getDetail()
            if (res.code === 200) {
@@ -146,9 +166,8 @@
         },
         open() {
            this.show = true 
            console.log(this.columns);
         },
         add() {
         download() {
            let _this = this
            uni.request({
               url: `${_this.baseUrl}/cstmr2/all/get/kv`,
@@ -159,10 +178,16 @@
                  if (res.data) {
                     _this.csmtrs = res.data
                  }
                  console.log(res);
               }
            })
            this.$refs.inputDialog.open()
            this.menu()
         },
         add() {
            uni.navigateTo({
               url:'/pages/business/cstmr/addCsmtr?type=' + 1,
            })
            this.menu()
         },
         close() {
            this.$refs.inputDialog.close()
@@ -196,7 +221,6 @@
               method: 'POST',
               header: {'token' : uni.getStorageSync('token'),},
            }).then((res)=>{
               console.log(res);
            })
         },
         back() {
@@ -304,7 +328,7 @@
         },
         getDetails(id) {
            uni.navigateTo({
               url: '/pages/business/cstmr/cstmrDetails?id=' + id
               url: `/pages/business/cstmr/cstmrDetails?id=${id}&type=info`
            })
         },
         // ---
@@ -342,8 +366,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;
   }
   /* 父view 换 scroll-view */
@@ -364,7 +388,7 @@
   }
   .titles {
      padding-left: 10rpx;
      text-indent: 5rpx;
      /* text-indent: 5rpx; */
      margin-top: 10rpx;
   }
   /* .title {
@@ -380,6 +404,21 @@
      right: 10px;
      width: 40px;
      height: 40px;
      /* background-color: #46a7ff; */
      color: #FFF;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
		
   }
	
   .fxbtn1 {
      position: fixed;
      bottom: 50px;
      right: 60px;
      width: 40px;
      height: 40px;
      background-color: #46a7ff;
      color: #FFF;
      display: flex;
@@ -388,13 +427,30 @@
      border-radius: 50%;
      
   }
	
   .fxbtn2 {
      position: fixed;
      bottom: 50px;
      right: 110px;
      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;
   }
   .title {
   .desc {
      height: 100rpx;
      line-height: 100rpx;
      width: 100%;