9月2日

src/xt_pages/workforce/components/template_table.vue

         }"
         :row-style="{ color: '#303133' }"
         style="width: 100%"
+
         border
       >
         <el-table-column label="姓名" width="120">
     <div id="table_data">
       <el-table :height="tableContainHeight" :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}" ref="table"
                 :data="opera_device_numbers" :span-method="spanMethod"
-                row-class-name="table-row-new-class schedule-table-row" @cell-click="itemClick">
+                show-summary
+                :summary-method="getSummaries"
+                row-class-name="table-row-new-class schedule-table-row" @cell-click="itemClick"
+                sum-text="总数"
+      >
         <el-table-column label="分区" width="80" align="center" fixed
                          style="width: 100px; background-color: red; display: block;">
           <template slot-scope="scope">
     },
     watch: {
       'device_numbers': function() {
-        console.log("中国人民2333232333323322332",this.device_numbers)
         this.opera_device_numbers = this.makeDeviceNumbers(this.device_numbers)
+
         this.origin_device_numbers = this.makeDeviceNumbers(this.device_numbers)
       },
       'template.items': function() {
       //     }
       // },
       makeDeviceNumbers: function(device_numbers) {
-        
+        console.log("device_numbers",device_numbers)
+        var arr = []
+        for(let i=0;i<device_numbers.length;i++){
+          arr.push(device_numbers[i])
+        }
+        arr.sort(this.arraySort('sort'))
+        console.log("Arr2332232332",arr)
         var maked_device_numbers = []
         var weekdays = [1, 2, 3, 4, 5, 6, 7] // 周一-周日
         var time_types = [1, 2, 3] // 上下晚
-        for (let index = 0; index < device_numbers.length; index++) {
-          const device_number = device_numbers[index]
+        for (let index = 0; index < arr.length; index++) {
+          const device_number = arr[index]
           if(device_number.zone!=null){
             var zone = {
               id: device_number.zone.id,
               name: device_number.zone.name,
-              type: device_number.zone.type
+              type: device_number.zone.type,
+              sort:device_number.sort
             }
             var device = {
               id: device_number.id,
               number: device_number.number,
               group_id: device_number.group_id,
               zone_id: device_number.zone_id,
-              zone: zone
+              zone: zone,
+              sort:device_number.sort
             }
           }
-         
+
 
           // 以 weekday_timetype 为 key，{pid: 0, name: "", treat_mode_id: 0, treat_mode: ""} 为 value，加入到 maked_device_numbers 中
           for (let w_i = 0; w_i < weekdays.length; w_i++) {
           maked_device_numbers.push(device)
         }
 
-        console.log(maked_device_numbers)
+        console.log("数据源23232233223232322323我",maked_device_numbers)
         return maked_device_numbers
       },
       spanMethod({ row, column, rowIndex, columnIndex }) {
           this.saving = false
           this.is_editing = false
         })
+      },
+      getSummaries(param) {
+
+        const { columns, data } = param;
+        const sums = [];
+        columns.forEach((column, index) => {
+          if (index === 0 || index === 25) {
+            sums[index] = "总数";
+            return;
+          }
+          if (index === 1 || index === 24) {
+            sums[index] = data.length;
+            return;
+          }
+
+          const values = data.map(item => item[column.property]);
+
+          if (index === 23) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index];
+            return;
+          }
+
+          sums[index] = values.reduce((prev, curr) => {
+            if (typeof curr["treat_mode_id"] === "undefined") {
+              return prev;
+            }
+            const value = Number(curr["treat_mode_id"]);
+            if (!isNaN(value) && value > 0) {
+              return prev + 1;
+            } else {
+              return prev;
+            }
+          }, 0);
+          sums[index];
+        });
+        this.$nextTick(() => {
+          this.$refs.table.doLayout();
+        });
+
+        return sums;
+      },
+      arraySort(property) {
+        return function (a, b) {
+          var value1 = a[property]
+          var value2 = b[property]
+          return value1 - value2
+        }
       }
     }
   }