fix:今日新增专员列表bug修复

pages/todaySpecialistsList/module/mescrollUni-item.vue

@@ -1,154 +1,153 @@
 <template>
-  <!--
-    swiper中的transfrom会使fixed失效,此时用height固定高度;
-    swiper中无法触发mescroll-mixins.js的onPageScroll和onReachBottom方法,只能用mescroll-uni,不能用mescroll-body
-    -->
-  <!-- ref动态生成: 字节跳动小程序编辑器不支持一个页面存在相同的ref (如不考虑字节跳动小程序可固定值为 ref="mescrollRef") -->
-  <!-- top的高度等于悬浮菜单tabs的高度 -->
-  <mescroll-uni :ref="'mescrollRef' + i" @init="mescrollInit" :height="height" :down="downOption" @down="downCallback"
-                :up="upOption" @up="upCallback" @emptyclick="emptyClick">
-    <view>
-      <view class="flex-col justify-between item" v-for="(item,index) in list" :key="index">
-        <view class="flex-row justify-between listItemMsg">
-          <view class="memberNo">
-            <text>{{item.name}}</text>
-          </view>
-          <view class="flex-row justify-between msg">
-            <text>{{item.phone}}</text>
-            <text class="detail" @click="navigateToPage('/pages/specialistsDetail/specialistsDetail?id=' + item.id)">详情</text>
-          </view>
+    <!--
+      swiper中的transfrom会使fixed失效,此时用height固定高度;
+      swiper中无法触发mescroll-mixins.js的onPageScroll和onReachBottom方法,只能用mescroll-uni,不能用mescroll-body
+      -->
+    <!-- ref动态生成: 字节跳动小程序编辑器不支持一个页面存在相同的ref (如不考虑字节跳动小程序可固定值为 ref="mescrollRef") -->
+    <!-- top的高度等于悬浮菜单tabs的高度 -->
+    <mescroll-uni :ref="'mescrollRef' + i" @init="mescrollInit" :height="height" :down="downOption" @down="downCallback"
+                  :up="upOption" @up="upCallback" @emptyclick="emptyClick">
+        <view>
+            <view class="flex-col justify-between item" v-for="(item,index) in list" :key="index">
+                <view class="flex-row justify-between listItemMsg">
+                    <view class="memberNo">
+                        <text>{{item.name}}</text>
+                    </view>
+                    <view class="flex-row justify-between msg">
+                        <text>{{item.phone}}</text>
+                        <text class="detail"
+                              @click="navigateToPage('/pages/specialistsDetail/specialistsDetail?id=' + item.id)">详情
+                        </text>
+                    </view>
+                </view>
+                <view class="flex-row justify-between">
+                    <text class="time">{{item.createTime}}</text>
+                    <text class="remark" @click="openAddRemarkPopup(item.id)">备注</text>
+                </view>
+            </view>
         </view>
-        <view class="flex-row justify-between">
-          <text class="time">{{item.createTime}}</text>
-          <text class="remark" @click="openAddRemarkPopup(item.id)">备注</text>
-        </view>
-      </view>
-    </view>
-  </mescroll-uni>
+    </mescroll-uni>
 </template>
 
 <script>
-import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
-import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js"
-export default {
-  mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
-  components: {
-  },
-
-  data() {
-    return {
-      downOption: {
-        auto: false // 不自动加载 (mixin已处理第一个tab触发downCallback)
-      },
-      upOption: {
-        auto: false, // 不自动加载
-        // page: {
-        // 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
-        // 	size: 10 // 每页数据的数量
-        // },
-        noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
-        empty: {
-          icon: '/static/dataNull.png',
-          tip: '暂无内容', // 提示
-          // btnText: '去看看'
+    import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+    import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js"
+
+    export default {
+        mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
+        components: {},
+
+        data() {
+            return {
+                downOption: {
+                    auto: false // 不自动加载 (mixin已处理第一个tab触发downCallback)
+                },
+                upOption: {
+                    auto: false, // 不自动加载
+                    // page: {
+                    // 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
+                    // 	size: 10 // 每页数据的数量
+                    // },
+                    noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
+                    empty: {
+                        icon: '/static/dataNull.png',
+                        tip: '暂无内容', // 提示
+                        // btnText: '去看看'
+                    },
+                    textNoMore: '没有更多了'
+                },
+                list: [],
+            }
         },
-        textNoMore: '没有更多了'
-      },
-      list:[],
+        props: {
+            i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+            index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+                type: Number,
+                default() {
+                    return 0
+                }
+            },
+
+            height: [Number, String], // mescroll的高度
+
+        },
+        watch: {},
+
+        created() {
+
+
+        },
+
+        methods: {
+
+
+            /*下拉刷新的回调 */
+            downCallback() {
+                // 这里加载你想下拉刷新的数据, 比如刷新轮播数据
+                // loadSwiper();
+                // 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
+                this.mescroll.resetUpScroll()
+            },
+            /*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+            upCallback(page) {
+
+                //联网加载数据
+                let httpData = {
+                    pageNum: page.num,
+                    pageSize: 10,
+                    orderByColumn: 'createTime',
+                    isAsc: 'desc'
+                }
+
+                this.$api.service.getTodayAttacheList(httpData).then((res) => {
+                    //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+                    this.mescroll.endSuccess(res.data.rows.length, res.data.rows.length === 10);
+                    //设置列表数据
+                    if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
+                    this.list = this.list.concat(res.data.rows); //追加新数据
+                }).catch((err) => {
+                    //联网失败, 结束加载
+                    this.mescroll.endErr();
+                })
+
+
+            },
+
+            //点击空布局按钮的回调
+            emptyClick() {
+                uni.showToast({
+                    title: '点击了按钮,具体逻辑自行实现'
+                })
+            },
+            // 搜索
+            doSearch() {
+                this.list = []; // 先清空列表,显示加载进度
+                this.mescroll.resetUpScroll();
+            },
+
+
+            navigateToPage(url) {
+                uni.navigateTo({
+                    url: url
+                })
+            },
+
+            openAddRemarkPopup(e) {
+                console.log(e)
+                this.$emit('openAddRemarkPopup', e)
+            },
+
+
+            goOrderDetail(item) {
+                uni.navigateTo({
+                    url: '/myPages/transactionRecordDetail/index?item=' + JSON.stringify(item)
+                })
+            },
+        }
     }
-  },
-  props: {
-    i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
-    index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
-      type: Number,
-      default () {
-        return 0
-      }
-    },
-
-    height: [Number, String], // mescroll的高度
-
-  },
-  watch:{
-
-  },
-
-  created(){
-
-
-  },
-
-  methods: {
-
-
-    /*下拉刷新的回调 */
-    downCallback() {
-      // 这里加载你想下拉刷新的数据, 比如刷新轮播数据
-      // loadSwiper();
-      // 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
-      this.mescroll.resetUpScroll()
-    },
-    /*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
-    upCallback(page) {
-
-      //联网加载数据
-      let httpData = {
-        pageNum:page.num,
-        pageSize:10,
-        orderByColumn:'createTime',
-        isAsc:'desc'
-      }
-
-      this.$api.service.getTodayAttacheList(httpData).then((res) => {
-        //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
-        this.mescroll.endSuccess(res.data.rows.length,res.data.rows.length === 10);
-        //设置列表数据
-        if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
-        this.list = this.list.concat(res.data.rows); //追加新数据
-      }).catch((err) => {
-        //联网失败, 结束加载
-        this.mescroll.endErr();
-      })
-
-
-    },
-
-    //点击空布局按钮的回调
-    emptyClick() {
-      uni.showToast({
-        title: '点击了按钮,具体逻辑自行实现'
-      })
-    },
-    // 搜索
-    doSearch() {
-      this.list = []; // 先清空列表,显示加载进度
-      this.mescroll.resetUpScroll();
-    },
-
-
-    navigateToPage(url){
-      uni.navigateTo({
-        url:url
-      })
-    },
-
-    openAddRemarkPopup(e){
-      console.log(e)
-      this.$emit('openAddRemarkPopup',e)
-    },
-
-
-
-    goOrderDetail(item){
-      uni.navigateTo({
-        url:'/myPages/transactionRecordDetail/index?item='+JSON.stringify(item)
-      })
-    },
-  }
-}
 </script>
 <style>
-@import '/common/css/common.css';
-@import './index.rpx.css';
+    @import '/common/css/common.css';
+    @import './index.rpx.css';
 
 </style>

pages/todaySpecialistsList/todaySpecialistsList.vue

@@ -1,12 +1,12 @@
 <template>
-    <view class="page" >
+    <view class="page">
         <!-- #ifdef H5-->
         <uni-nav-bar v-if="!$isWxBrowser()" :fixed="true" background-color="#FFE05C" :border="false" :statusBar="false"
                      left-icon="left" title="今日新增专员" @clickLeft="back"/>
         <!-- #endif -->
 
-        <view :style="{height:height}">
-            <mescroll-item ref="MescrollItem" :i="0"  :index="0"  :height="height" @openAddRemarkPopup="openAddRemarkPopup">
+        <view>
+            <mescroll-item ref="MescrollItem" :i="0" :index="0" :height="height" @openAddRemarkPopup="openAddRemarkPopup">
             </mescroll-item>
         </view>
 
@@ -23,43 +23,42 @@
     import MescrollItem from "./module/mescrollUni-item.vue";
     export default {
         components: {
-            MescrollItem,addRemarkPopup
+            MescrollItem, addRemarkPopup
         },
         data() {
             return {
-                height:'',
+                height: '',
             }
         },
         onLoad(e) {
 
             let sysInfo = uni.getSystemInfoSync()
-            this.height = sysInfo.windowHeight  - 50 + 'px' //除标题栏栏外的屏幕可用高度
+            this.height = sysInfo.windowHeight - 50 + 'px' //除标题栏栏外的屏幕可用高度
         },
 
-        onShow(){
-          this.$refs.MescrollItem.downCallback()
+        onShow() {
+            this.$refs.MescrollItem.downCallback()
         },
 
         methods: {
             back() {
                 let pages = getCurrentPages()
-                if (pages.length > 1){
+                if (pages.length > 1) {
                     uni.navigateBack({
                         delta: 1,
-                        fail:err=>{
+                        fail: err => {
                             console.log(err)
                         }
                     })
-                }else {
+                } else {
                     uni.switchTab({
                         url: '/pages/my/my'
                     });
                 }
             },
 
-            openAddRemarkPopup(e){
-                console.log('this.$refs.addRemarkPopup',this.$refs.addRemarkPopup)
-                this.$refs.addRemarkPopup.openPopup()
+            openAddRemarkPopup(e) {
+                this.$refs.addRemarkPopup.openPopup(e)
             }