qingyiay
2023-07-26 c636483eef9fcdf1805f6a968914bf95255de2fc
pages/customer-page/customer-my/userMange/userMange.vue
@@ -1,24 +1,52 @@
<template>
   <view>
      <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" textSize="30" iconSize="1000" v-if="userList.length == 0"></u-empty>
      <u-empty mode="data"
         icon="http://cdn.uviewui.com/uview/empty/data.png"
         textSize="30"
         iconSize="1000"
         v-if="userList.length == 0"></u-empty>
      <u-list @scrolltolower="scrolltolower">
         <u-list-item v-for="(item, index) in userList" :key="index">
            <u-cell size="large" center :label="item.deptNames">
               <view slot="title" class="u-slot-title">
         <u-list-item v-for="(item, index) in userList"
            :key="index">
            <u-cell size="large"
               center
               :label="item.deptNames">
               <view slot="title"
                  class="u-slot-title">
                  <text class="u-cell-text">{{ item.name }}</text>
               </view>
               <view slot="value" class="u-slot-value">
                  <u-tag text="查看" type="primary" plain size="mini" icon="eye" @click="viewInfo(item)"></u-tag>
                  <u-tag text="编辑" type="primary" plain size="mini" icon="edit-pen" @click="editInfo(item)"></u-tag>
                  <u-tag text="删除" type="warning" plain size="mini" icon="trash" @click="deleteInfo(item)"></u-tag>
               <view slot="value"
                  class="u-slot-value">
                  <u-tag text="查看"
                     type="primary"
                     plain
                     size="mini"
                     icon="eye"
                     @click="viewInfo(item)"></u-tag>
                  <u-tag text="编辑"
                     type="primary"
                     plain
                     size="mini"
                     icon="edit-pen"
                     @click="editInfo(item)"></u-tag>
                  <u-tag text="删除"
                     type="warning"
                     plain
                     size="mini"
                     icon="trash"
                     @click="deleteInfo(item)"></u-tag>
               </view>
            </u-cell>
         </u-list-item>
      </u-list>
      <u-popup :show="infoShow" mode="center" :round="10" :closeable="true" @close="close">
      <u-popup :show="infoShow"
         mode="center"
         :round="10"
         :closeable="true"
         @close="close">
         <view class="info-main">
            <view class="info-block">
               <view class="info-block_label">服务矿场</view>
               <view class="info-block_label">服务仓库</view>
               <view class="info-block_value">{{ userInfo.deptNames }}</view>
            </view>
            <view class="info-block">
@@ -35,8 +63,16 @@
            </view>
         </view>
      </u-popup>
      <view class="add-icon" @click.stop="addUser"><u-icon name="plus" color="#fff" size="40"></u-icon></view>
      <u-modal :show="deleteShow" title="删除" content="确认删除?" @confirm="deleteConfirm" @cancel="deleteCancel" :showCancelButton="true"></u-modal>
      <view class="add-icon"
         @click.stop="addUser"><u-icon name="plus"
            color="#fff"
            size="40"></u-icon></view>
      <u-modal :show="deleteShow"
         title="删除"
         content="确认删除?"
         @confirm="deleteConfirm"
         @cancel="deleteCancel"
         :showCancelButton="true"></u-modal>
   </view>
</template>
@@ -127,17 +163,20 @@
};
</script>
<style lang="scss" scoped>
<style lang="scss"
   scoped>
@mixin flex {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
/deep/ .u-slot-value {
   width: 150px;
   height: 60px;
   @include flex;
}
.info-main {
   width: 690rpx;
   height: 600rpx;
@@ -145,17 +184,20 @@
   flex-direction: column;
   padding: vww(10);
   box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
   .info-block {
      width: 94%;
      height: 120rpx;
      @include flex;
      border-bottom: 1px solid #d6d6d6;
      &_label {
         line-height: 28rpx;
         font-size: 28rpx;
         font-weight: 300;
         color: #303030;
      }
      &_value {
         line-height: 28rpx;
         font-size: 28rpx;
@@ -164,6 +206,7 @@
      }
   }
}
.add-icon {
   position: fixed;
   bottom: vww(60);