微信小程序:好看的表格样式

其他 2020-10-16 01:08:20 阅读次数: 0

一个在微信小程序中创建表格的demo

效果图

最后做出来大概就是这个样子的，先看下设计图：（画的真好看）

设计图

然后再看下数据返回的格式：

数据返回格式

这数据...o.0...

分析数据得知，后台返回的数据远比设计图上描绘的复杂，内容是不固定的，而且需要显示一周的排班

个人思路：用scroll-view来做，整个表格按 -行- 分为4大块：排班、上午、下午、晚上。

    ①先将从今天开始往后7天的日期放到数组中，作为第一大块的数据源

    ②循环遍历数据，找出所有排班在上午的时间，然后分别放到7个数组中（因为可能有多个数据，还是需要用数组存放）

    ③同理得出下午和晚上的数据

1、第一步：更改数据格式，将数据处理之后变为如下形式：

第一大块：weekArray:

        存放从今天开始 -> 7天后的数据在数组中

第二、三、四大块：sch_listData:

数据更改后

为什么要把数据变成这样呢？总感觉这样的方法有点傻，但又想不到别的办法，所以先这样吧，麻烦是麻烦了点，幸好最后的效果还不错。

wxml:

<!--  科室排班表 -->

<scroll-view scroll-x="true" class='scrollClass'>
  <view class='table'>
    <view class='table_header'>
      <view class="th" style='width:130rpx;background-color:white'>
        <view class='centerclass cell_label'>排班</view>
      </view>
      <block wx:for="{
   
   {dateArray}}">
        <view class='th'>
          <view class="cell_label centerclass">{
   
   {item.weekName}}</view>
          <view class="cell_date_label centerclass">{
   
   {item.date_text}}</view>
        </view>
      </block>
    </view>



    <block wx:for="{
   
   {sch_listData}}">
      <view class='table_main'>
        <!--上午下午晚上  -->
        <view class='td' style='width:130rpx;background-color:white;'>
          <view class="cell_label centerclass">{
   
   {item.time_title}}</view>
        </view>

        <!-- 周一 -->
        <view class='td'>
          <block wx:for="{
   
   {item.Mon_text}}" wx:for-item="trade" wx:for-index="ind">
            <view class='{
   
   {item.Mon_text.length-1==ind? "table_Text_last_class":"table_Text_class"}}' bindtap='clickDoctor'  data-docname='{
   
   {trade.docName}}' data-timeperiod='{
   
   {trade.timePeriod}}'
              data-dayOfWeek='{
   
   {trade.dayOfWeek}}'>{
   
   {trade.docName}}</view>
          </block>
        </view>

        <!--周二  -->
        <view class='td'>
          <block wx:for="{
   
   {item.Tues_text}}" wx:for-item="trade" wx:for-index="ind">
            <view class='{
   
   {item.Tues_text.length-1==ind? "table_Text_last_class":"table_Text_class"}}' bindtap='clickDoctor'  data-docname='{
   
   {trade.docName}}' data-timeperiod='{
   
   {trade.timePeriod}}'
              data-dayOfWeek='{
   
   {trade.dayOfWeek}}'>{
   
   {trade.docName}}</view>
          </block>
        </view>
        <!--周三  -->
        <view class='td'>
          <block wx:for="{
   
   {item.Wed_text}}" wx:for-item="trade" wx:for-index="ind">
            <view class='{
   
   {item.Wed_text.length-1==ind? "table_Text_last_class":"table_Text_class"}}' bindtap='clickDoctor'  data-docname='{
   
   {trade.docName}}' data-timeperiod='{
   
   {trade.timePeriod}}'
              data-dayOfWeek='{
   
   {trade.dayOfWeek}}'>{
   
   {trade.docName}}</view>

          </block>
        </view>
        <!--周四  -->
        <view class='td'>
          <block wx:for="{
   
   {item.Thur_text}}" wx:for-item="trade" wx:for-index="ind">
            <view class='{
   
   {item.Thur_text.length-1==ind? "table_Text_last_class":"table_Text_class"}}' bindtap='clickDoctor'  data-docname='{
   
   {trade.docName}}' data-timeperiod='{
   
   {trade.timePeriod}}'
              data-dayOfWeek='{
   
   {trade.dayOfWeek}}'>{
   
   {trade.docName}}</view>
          </block>
        </view>
        <!--周五  -->
        <view class='td'>
          <block wx:for="{
   
   {item.Fri_text}}" wx:for-item="trade" wx:for-index="ind">
            <view class='{
   
   {item.Fri_text.length-1==ind? "table_Text_last_class":"table_Text_class"}}' bindtap='clickDoctor'  data-docname='{
   
   {trade.docName}}' data-timeperiod='{
   
   {trade.timePeriod}}'
              data-dayOfWeek='{
   
   {trade.dayOfWeek}}'>{
   
   {trade.docName}}</view>
          </block>
        </view>
        <!--周六  -->
        <view class='td'>
          <block wx:for="{
   
   {item.Sat_text}}" wx:for-item="trade" wx:for-index="ind">
            <view class='{
   
   {item.Sat_text.length-1==ind? "table_Text_last_class":"table_Text_class"}}' bindtap='clickDoctor'  data-docname='{
   
   {trade.docName}}' data-timeperiod='{
   
   {trade.timePeriod}}'
              data-dayOfWeek='{
   
   {trade.dayOfWeek}}'>{
   
   {trade.docName}}</view>
          </block>
        </view>
        <!-- 周日 -->
        <view class='td'>
          <block wx:for="{
   
   {item.Sun_text}}" wx:for-item="trade" wx:for-index="ind">
            <view class='{
   
   {item.Sun_text.length-1==ind? "table_Text_last_class":"table_Text_class"}}' bindtap='clickDoctor'  data-docname='{
   
   {trade.docName}}' data-timeperiod='{
   
   {trade.timePeriod}}'
              data-dayOfWeek='{
   
   {trade.dayOfWeek}}'>{
   
   {trade.docName}}</view>
          </block>
        </view>


      </view>
    </block>
  </view>
</scroll-view>

wxss:
 

/*科室排班表  */
.table{
  display: inline-flex;
  flex-direction: column;
  border: 1rpx solid rgba(218, 217, 217, 1);
  border-bottom: 0;  
}

.scrollClass {
  display: flex;
  width: 100%;
  white-space: nowrap;
  margin-top: 23px;
  height: 100%;
  background-color: white;
}

.table_header {
  display: inline-flex;
}

.th {
  display: flex;
  flex-direction: column;
  width: 200rpx;
  height: 90rpx;
  background: rgba(241, 252, 255, 1);
  border-right: 1rpx solid rgba(218, 217, 217, 1); 
  border-bottom: 1rpx solid rgba(218, 217, 217, 1); 
  justify-content: center;
  align-items: center;
  overflow-x: auto;
}
.cell_label{
  font-size: 26rpx;
  color: rgba(74, 74, 74, 1);
}
.cell_date_label{
  font-size: 20rpx;
  color: rgba(74, 74, 74, 1);
}
.table_main {
  display: inline-flex;
  flex-direction: row;
}
.right-item{
  display: flex;
  flex-direction: row;
}
.td {
  display: flex;
  flex-direction: column;
  width: 200rpx;
  /* height: 90rpx; */
  background: white;
  justify-content: center;
  align-items: center;
  border: 1rpx solid rgba(218, 217, 217, 1);
  border-top: 0;
  border-left:0; 
}

.table_Text_class {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60rpx;
  font-size: 30rpx;
  color: rgba(55, 134, 244, 1);
  width: 100%;
  word-break: normal;
  border-bottom: 1rpx solid rgba(218, 217, 217, 1);
}
.table_Text_last_class{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60rpx;
  font-size: 30rpx;
  color: rgba(55, 134, 244, 1);
  width: 100%;
  word-break: normal;
}

js:
 

var weeksArray = [];

var GetDepartment_info = function (that) {
  var urlStr = 'http://123.56.180.48:9080/jklApi/rest/' + 'goldDepartment/getHomePageData/' + '8a819ee651431b2701514386fa050008';
  console.log('科室详情的url：' + urlStr);

  wx.request({
    url: urlStr,
    method: "GET",
    header: {
      'content-type': 'application/x-www-form-urlencoded',
      'mhealthkey': '1'
    },
    success: function (res) {
      console.log("科室详情：" + JSON.stringify(res));

      var sList = res.data.data.scheduleInfo;
      var sch_listData = dealData(sList);

      that.setData({

        sch_listData: sch_listData,

      });
    },
    fail: function (e) {
      that.setData({
        loadingHidden: true,
      })
    }
  })
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    sch_listData: [],
    dateArray: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var scheduleList = [
      {
        "scheduleId": "8aaf510c5e3de339015e3de932660000",
        "resourceName": "专科门诊",
        "dayOfWeek": "1",
        "timePeriod": "A",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c60c6700b0160de3031f40598",
        "resourceName": "普通门诊",
        "dayOfWeek": "1",
        "timePeriod": "A",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff80808162a3453f0162a3f036440000",
        "resourceName": "普通门诊",
        "dayOfWeek": "1",
        "timePeriod": "A",
        "docName": "赵医生",
        "doctorId": "8aaf510c53f56ee0015432b3ee760e22",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff8080815e36ffb0015e375d3d850006",
        "resourceName": "专家门诊",
        "dayOfWeek": "1",
        "timePeriod": "B",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c5e0ddfd6015e2d4e85290288",
        "resourceName": "特需门诊",
        "dayOfWeek": "1",
        "timePeriod": "B",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "02f18a9c0a374b4184f35b40a9dde3f0",
        "resourceName": "专家门诊",
        "dayOfWeek": "1",
        "timePeriod": "B",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff80808160ea422a0160ea4f6fb10001",
        "resourceName": "普通门诊",
        "dayOfWeek": "1",
        "timePeriod": "C",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff80808160e90a3e0160e93c9f6e001e",
        "resourceName": "普通门诊",
        "dayOfWeek": "1",
        "timePeriod": "C",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "e34f2c6fbb134e408d67ee212b66173d",
        "resourceName": "专科门诊",
        "dayOfWeek": "2",
        "timePeriod": "A",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "72dd38ee6dad423884ba5075ca067365",
        "resourceName": "其他门诊",
        "dayOfWeek": "2",
        "timePeriod": "A",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff8080815e3c5c70015e3dc12bd20002",
        "resourceName": "普通门诊",
        "dayOfWeek": "2",
        "timePeriod": "B",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff8080815de9c956015dea16c0fd004e",
        "resourceName": "特需门诊",
        "dayOfWeek": "2",
        "timePeriod": "B",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c6290b5390162913c56de00fc",
        "resourceName": "普通门诊",
        "dayOfWeek": "2",
        "timePeriod": "C",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff8080816121c47e0161224a13d20006",
        "resourceName": "普通门诊",
        "dayOfWeek": "2",
        "timePeriod": "C",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "0ab98c9b1c874162b7b0c3797ff74759",
        "resourceName": "特需门诊",
        "dayOfWeek": "3",
        "timePeriod": "A",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "402881b05de9c5c4015dea11d62d000d",
        "resourceName": "普通门诊",
        "dayOfWeek": "3",
        "timePeriod": "A",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ff8080815e3782fc015e37a3b23e0006",
        "resourceName": "普通门诊",
        "dayOfWeek": "3",
        "timePeriod": "B",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "5d253a9c81004bc4827cc06c4ff55182",
        "resourceName": "普通门诊",
        "dayOfWeek": "3",
        "timePeriod": "B",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c62745ce401627479421d0001",
        "resourceName": "特需门诊",
        "dayOfWeek": "3",
        "timePeriod": "C",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "ad566119a9804d63885b3f6e7f52b1eb",
        "resourceName": "专家门诊",
        "dayOfWeek": "4",
        "timePeriod": "A",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "b79212dbeed74df380e0436f24af2a29",
        "resourceName": "其他门诊",
        "dayOfWeek": "4",
        "timePeriod": "A",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "81d4a516809140f08d9ce2fc3cc37836",
        "resourceName": "特需门诊",
        "dayOfWeek": "4",
        "timePeriod": "B",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "6c6cdaf06adc4f9f9e32446daa84d143",
        "resourceName": "特需门诊",
        "dayOfWeek": "4",
        "timePeriod": "B",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c5dfab03a015e08caafa8004f",
        "resourceName": "特需门诊",
        "dayOfWeek": "5",
        "timePeriod": "A",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "47f8bbc4be8c4e21af23cb89c74ad796",
        "resourceName": "专科门诊",
        "dayOfWeek": "5",
        "timePeriod": "A",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c5e3370ed015e33d3d8810033",
        "resourceName": "专家门诊",
        "dayOfWeek": "5",
        "timePeriod": "A",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c5dfab03a015e08cadcd10054",
        "resourceName": "特需门诊",
        "dayOfWeek": "5",
        "timePeriod": "B",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "6f2e45a9d60c479eadfe4406ff7ac8b0",
        "resourceName": "会诊中心",
        "dayOfWeek": "5",
        "timePeriod": "B",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c5eae93dc015eb78056a60001",
        "resourceName": "普通门诊",
        "dayOfWeek": "5",
        "timePeriod": "B",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "9ee899faebbc4cf68139aca8631b7892",
        "resourceName": "夜间会诊",
        "dayOfWeek": "5",
        "timePeriod": "C",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c5ebe5987015ec1e393840158",
        "resourceName": "普通门诊",
        "dayOfWeek": "6",
        "timePeriod": "A",
        "docName": "医生C",
        "doctorId": "8a2256334b021c33014b06124fd60181",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8f8522911a484a0d9ca14ab109957fef",
        "resourceName": "普通门诊",
        "dayOfWeek": "6",
        "timePeriod": "A",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "fbc1c442ca3f11e4b00300163e004c9f",
        "resourceName": "特需门诊",
        "dayOfWeek": "6",
        "timePeriod": "A",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c6253714201626153a8fb074a",
        "resourceName": "预约挂号",
        "dayOfWeek": "6",
        "timePeriod": "B",
        "docName": "测试李医生",
        "doctorId": "8a2256334c265f88014c26d521fc0103",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "f777b64a9b224520920c34de26662934",
        "resourceName": "其他门诊",
        "dayOfWeek": "6",
        "timePeriod": "B",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "8aaf510c5e0a27d6015e0a3043920009",
        "resourceName": "特需门诊",
        "dayOfWeek": "6",
        "timePeriod": "C",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      },
      {
        "scheduleId": "699b23a064b0462890343c3f3fd2749b",
        "resourceName": "专科门诊",
        "dayOfWeek": "7",
        "timePeriod": "B",
        "docName": "医生A",
        "doctorId": "8a2256334888ffb301488b90a3fe005f",
        "ifOpenYuYueService": "0"
      }
    ];

    for (var j = 0; j < scheduleList.length; j++) {
      console.log('----' + scheduleList[j].docName);
    }

    var daysArray = getSevenDays();
    var sch_listData = dealData(scheduleList);


    this.setData({
      dateArray: daysArray,
      sch_listData: sch_listData,
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // var that = this;
    // GetDepartment_info(that);
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  clickDoctor: function (e) {
    var $dict = e.currentTarget.dataset;

    var tag = $dict.dayofweek;//周几
    var appdate = '';
    for (var k = 0; k < weeksArray.length; k++) {
      if (weeksArray[k].weekNum == tag - 1) {
        appdate = weeksArray[k].date_text;
      }
    }
    var dd = new Date();
    appdate = dd.getFullYear() + '/' + appdate;


    var str = '';
    var timeStr = $dict.timeperiod;
    if (timeStr=="A"){
      timeStr = '上午';
    } else if (timeStr=="B"){
      timeStr = '下午';
    }else{
      timeStr = '晚上';
    }


    str = appdate + ' ' + timeStr + ' '+$dict.docname;
    wx.showModal({
      title: '提示',
      content: str,
      success: function (res) {
        if (res.confirm) {
          console.log('用户点击确定')
        }
      }
    })
  },

})




var getSevenDays = function () {
  var daysArray = [];
  var dayDict = {};
  var weekStr = '';
  var weekNum = '';

  for (var i = 0; i < 7; i++) {
    var date = new Date(); //当前日期
    var newDate = new Date();
    newDate.setDate(date.getDate() + i);

    var m = (newDate.getMonth() + 1) < 10 ? "0" + (newDate.getMonth() + 1) : (newDate.getMonth() + 1);
    var d = newDate.getDate() < 10 ? "0" + newDate.getDate() : newDate.getDate();

    var time = newDate.getFullYear() + "-" + m + "-" + d;
    var dayStr = m + "/" + d;

    if (getWeekByDay(time) == '周一') {
      weekNum = 0;
    } else if (getWeekByDay(time) == '周二') {
      weekNum = 1;
    } else if (getWeekByDay(time) == '周三') {
      weekNum = 2;
    } else if (getWeekByDay(time) == '周四') {
      weekNum = 3;
    } else if (getWeekByDay(time) == '周五') {
      weekNum = 4;
    } else if (getWeekByDay(time) == '周六') {
      weekNum = 5;
    } else if (getWeekByDay(time) == '周日') {
      weekNum = 6;
    }
    dayDict = { "date_text": dayStr, "weekName": getWeekByDay(time), "weekNum": weekNum };

    console.log("date_text:" + dayStr + "weekName:" + getWeekByDay(time) + "weekNum:" + weekNum)
    daysArray.push(dayDict);
  }

  weeksArray = daysArray;
  return daysArray;
}

var getWeekByDay = function (dayValue) {
  var day = new Date(Date.parse(dayValue.replace(/-/g, '/'))); //将日期值格式化  
  var today = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六"); //创建星期数组  
  return today[day.getDay()];  //返一个星期中的某一天，其中0为星期日  
}


var dealData = function (scheduleInfoList) {
  var tag = weeksArray[0].weekNum;
  console.log('tag:' + tag);
  var ar = [1, 2, 3, 4, 5, 6, 7, 1, 2, 3, 4, 5, 6, 7];
  var A_Mon_text_ar = [];
  var A_Tues_text_ar = [];
  var A_Wed_text_ar = [];
  var A_Thur_text_ar = [];
  var A_Fri_text_ar = [];
  var A_Sat_text_ar = [];
  var A_Sun_text_ar = [];
  var B_Mon_text_ar = [];
  var B_Tues_text_ar = [];
  var B_Wed_text_ar = [];
  var B_Thur_text_ar = [];
  var B_Fri_text_ar = [];
  var B_Sat_text_ar = [];
  var B_Sun_text_ar = [];
  var C_Mon_text_ar = [];
  var C_Tues_text_ar = [];
  var C_Wed_text_ar = [];
  var C_Thur_text_ar = [];
  var C_Fri_text_ar = [];
  var C_Sat_text_ar = [];
  var C_Sun_text_ar = [];

  for (var i = 0; i < scheduleInfoList.length; i++) {
    // console.log(scheduleInfoList[i].scheduleId + "222222");
    if (scheduleInfoList[i].timePeriod == 'A') {
      if (scheduleInfoList[i].dayOfWeek == ar[tag]) {
        A_Mon_text_ar = A_Mon_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 1]) {
        A_Tues_text_ar = A_Tues_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 2]) {
        A_Wed_text_ar = A_Wed_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 3]) {
        A_Thur_text_ar = A_Thur_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 4]) {
        A_Fri_text_ar = A_Fri_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 5]) {
        A_Sat_text_ar = A_Sat_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 6]) {
        A_Sun_text_ar = A_Sun_text_ar.concat(scheduleInfoList[i]);
      }
    }
    else if (scheduleInfoList[i].timePeriod == 'B') {
      if (scheduleInfoList[i].dayOfWeek == ar[tag]) {
        B_Mon_text_ar = B_Mon_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 1]) {
        B_Tues_text_ar = B_Tues_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 2]) {
        B_Wed_text_ar = B_Wed_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 3]) {
        B_Thur_text_ar = B_Thur_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 4]) {
        B_Fri_text_ar = B_Fri_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 5]) {
        B_Sat_text_ar = B_Sat_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 6]) {
        B_Sun_text_ar = B_Sun_text_ar.concat(scheduleInfoList[i]);
      }
    } else {
      if (scheduleInfoList[i].dayOfWeek == ar[tag]) {
        C_Mon_text_ar = C_Mon_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 1]) {
        C_Tues_text_ar = C_Tues_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 2]) {
        C_Wed_text_ar = C_Wed_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 3]) {
        C_Thur_text_ar = C_Thur_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 4]) {
        C_Fri_text_ar = C_Fri_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 5]) {
        C_Sat_text_ar = C_Sat_text_ar.concat(scheduleInfoList[i]);
      } else if (scheduleInfoList[i].dayOfWeek == ar[tag + 6]) {
        C_Sun_text_ar = C_Sun_text_ar.concat(scheduleInfoList[i]);
      }
    }
  }

  var sch_listData = [{ "time_title": "上午", "Mon_text": A_Mon_text_ar, "Tues_text": A_Tues_text_ar, "Wed_text": A_Wed_text_ar, "Thur_text": A_Thur_text_ar, "Fri_text": A_Fri_text_ar, "Sat_text": A_Sat_text_ar, "Sun_text": A_Sun_text_ar },
  { "time_title": "下午", "Mon_text": B_Mon_text_ar, "Tues_text": B_Tues_text_ar, "Wed_text": B_Wed_text_ar, "Thur_text": B_Thur_text_ar, "Fri_text": B_Fri_text_ar, "Sat_text": B_Sat_text_ar, "Sun_text": B_Sun_text_ar },
  { "time_title": "晚上", "Mon_text": C_Mon_text_ar, "Tues_text": C_Tues_text_ar, "Wed_text": C_Wed_text_ar, "Thur_text": C_Thur_text_ar, "Fri_text": C_Fri_text_ar, "Sat_text": C_Sat_text_ar, "Sun_text": C_Sun_text_ar }]

  return sch_listData;
}


代码传图片太麻烦了，有需要的朋友去Git下载吧，

GitHub地址

小程序菜鸟，如果小小的踩坑经验能帮到你，记得给点小鼓励，谢谢支持～

猜你喜欢

转载自blog.csdn.net/weixin_40762926/article/details/109098413
今日推荐
《美国对全球网络空间安全与发展的威胁和破坏》报告发布
火速冲上 GitHub 热榜 —— 开源编程语言、框架哪有这么可爱？
北京人形机器人创新中心发布全球首个纯电驱拟人奔跑的全尺寸人形机器人“天工”
LFOSSA 源来如此公开课 | 掌握云原生未来：CNCF 认证全面攻略与备考秘籍
周排行
循环神经网络（rnn）讲解
Tigao教程四：单独的关节运动
金蝶K3WISE15.0-注册套打教程
如何在Mac上配置Kubernetes
Android应用结束自身进程的方法
SpringMVC学习 十三 拦截器栈
中国驻洛杉矶总领馆举行新春招待会
HttpClient get post 发送
11 - three.js 笔记 - 绘制三维字体模型
Mysql递归获取某个父节点下面的所有子节点和子节点上的所有父节点
每日归档
更多
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)
2024-04-27(56)
2024-04-26(39)
2024-04-25(22)
2024-04-24(36)
2024-04-23(26)
2024-04-22(39)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022