Merge remote-tracking branch 'origin/master'

jiangping

2024-05-31 6be28040e74e1ff7764478174a9b5d706fe4fc39

 h5/pages/staff/memberSel.vue

@@ -1,37 +1,72 @@
<template>
   <view class="main_app">
      <view class="search_inp df_ac">
         <image class="mr12 search" src="../../static/ic_search@2x.png" mode="widthFix"></image>
         <input type="text" placeholder="搜索" placeholder-style="color: #999999;" />
      <image
        class="mr12 search"
        src="../../static/ic_search@2x.png"
        mode="widthFix"
      ></image>
      <input
        v-model="param.name"
        @blur="initData()"
        type="text"
        placeholder="搜索"
        placeholder-style="color: #999999;"
      />
      </view>
      <view class="member_list">
         <view class="line">
            <image src="../../static/logo@2x.png" class="avatar" mode=""></image>
      <checkbox-group @change="changeMem">
        <view v-for="item in memberList" :key="item.id" class="line">
          <image
            :src="
              item.faceImgFull
                ? item.faceImgFull
                : require('@/static/logo@2x.png')
            "
            class="avatar"
            mode=""
          ></image>
            <view class="content">
               <view class="info">
                  <text class="name">name</text>
                  <text class="tag">tag</text>
              <text class="name">{{ item.name }}</text>
              <!-- <text class="tag">tag</text> -->
               </view>
               <view class="depart">xx科室</view>
            <view class="depart">{{ item.companyName }}</view>
            </view>
            <checkbox class="checkbox" />
          <label>
            <checkbox
              :value="String(item.id)"
              class="checkbox"
            />
          </label>
            <text></text>
         </view>
      </checkbox-group>
         <view class="empty"></view>
      </view>
      <!--  -->
      <view class="sub_wrap">
    <!-- <view class="sub_wrap">
         <view class="sel_mem">
            <text>已选择：</text>
            <view class="members">
               <text v-for="(item, i) in 100" :key="i">{{ item }}</text>
            </view>
            <image @click="isShowSelMem = true" class="open_icon" src="../../static/staff/renyuan_ic_open.png" mode=""></image>
        <image
          @click="isShowSelMem = true"
          class="open_icon"
          src="../../static/staff/renyuan_ic_open.png"
          mode=""
        ></image>
         </view>
         <view class="btn" @click="onSubmit">确认(00/20)</view>
      </view>
    </view> -->
      <!--  -->
      <u-popup :show="isShowSelMem" :round="12" mode="bottom" @close="isShowSelMem = false">
    <u-popup
      :show="isShowSelMem"
      :round="12"
      mode="bottom"
      @close="isShowSelMem = false"
    >
         <view class="modal">
            <view class="modal_header">
               <text class="status">已选择：xx人</text>
@@ -39,7 +74,11 @@
            </view>
            <view class="modal_mem_list">
               <view class="line">
                  <image src="../../static/logo@2x.png" class="avatar" mode=""></image>
            <image
              src="../../static/logo@2x.png"
              class="avatar"
              mode=""
            ></image>
                  <view class="content">
                     <view class="info">
                        <text class="name">name</text>
@@ -51,23 +90,44 @@
            </view>
         </view>
      </u-popup>
		
   </view>
</template>

<script>
import { findHiddenAreaMemberList } from '@/api'
export default {
   data() {
      return {
         memberList: [],
         selList: [],
      param: {},

         isShowSelMem: false
      }
   },
  onLoad() {
    this.initData()
  },
   methods: {
      onSubmit() {
         uni.navigateBack()
    },
    changeMem(e) {
         console.log( e.detail.value[0]);
         const id = Number(e.detail.value[0])
         const item = this.memberList.find(i => i.id === id)
         console.log('item', item);
         uni.navigateTo({
            url: `/pages/staff/snapshot?id=${item.id}&name=${item.name}`
         })
    },
    initData() {
      const { param } = this
      findHiddenAreaMemberList({
        name: param.name
      }).then(res => {
        this.memberList = res.data || []
      })
      }
   }
};