{"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\dymic_table.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\dymic_table.vue","mtime":1663828782925},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\babel.config.js","mtime":1663828782900},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/100zone/Desktop/baizong/community/SmartCommunity/videoSurveillance/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nimport \"core-js/modules/es6.number.constructor\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: \"dymic-table\",\n  props: {\n    /** 列数据*/\n    cols: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n\n    /**table数据*/\n    data: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n\n    /**table表格设置 */\n    settings: {\n      type: Object,\n      default: function _default() {\n        return {\n          // 是否显示表头\n          showHeader: false,\n          // 是否显示序号\n          showIndex: false,\n          // 是否显示多选框\n          showCheckbox: false,\n          hideAllCheckbox: false,\n          // 是否显示单选框\n          showRadio: false,\n          // 需要统计列的prop集合，从0开始\n          summaryCol: []\n        };\n      }\n    },\n\n    /**分页设置*/\n    pageset: {\n      type: Object,\n      default: function _default() {\n        return {\n          total: 0,\n          pageSize: 10,\n          pageNum: 1,\n          pageSizes: [15, 30, 60, 120]\n        };\n      }\n    },\n    loading: {\n      type: Boolean,\n      default: function _default() {\n        return false;\n      }\n    },\n    height: 0,\n\n    /**数据为空的显示 */\n    emptyText: {\n      type: String,\n      default: function _default() {\n        return \"暂无相关结果\";\n      }\n    },\n\n    /**判断多选框是否可以勾选*/\n    selectable: {\n      type: Function,\n      default: function _default() {\n        return function (row, index) {\n          return true;\n        };\n      }\n    }\n  },\n  watch: {\n    radioSelect: function radioSelect(n) {\n      this.$emit(\"radio-change\", this.data[n]);\n    },\n    pageset: {\n      deep: true,\n      handler: function handler(n) {\n        this.currentPage = n.pageNum;\n      }\n    }\n  },\n  components: {\n    slotItem: {\n      props: ['slots', 'row', 'index'],\n      render: function render(h) {\n        var vnode = this.slots({\n          row: this.row,\n          index: this.index\n        });\n        return h('div', vnode);\n      }\n    }\n  },\n  data: function data() {\n    return {\n      currentPage: 1\n    };\n  },\n  methods: (_methods = {\n    // 多选派发事件selection-change\n    selectionChange: function selectionChange(val) {\n      this.isSelectAll = val.length == this.data.length;\n      this.$emit(\"selection-change\", val);\n    },\n    currentChange: function currentChange(page) {\n      this.currentPage = page;\n      this.$emit(\"page-change\", {\n        page: page\n      });\n    },\n    sizeChange: function sizeChange(pageSize) {\n      this.$emit(\"page-change\", {\n        pageSize: pageSize\n      });\n    }\n  }, _defineProperty(_methods, \"currentChange\", function currentChange(page) {\n    this.currentPage = page;\n    this.$emit(\"page-change\", {\n      page: page\n    });\n  }), _defineProperty(_methods, \"getSummaries\", function getSummaries(params) {\n    var _this = this;\n\n    var data = params.data;\n\n    if (\"{}\" != JSON.stringify(this.summaryData)) {\n      data = [this.summaryData];\n    }\n\n    var sums = [];\n    sums[0] = \"合计\";\n    var cols = JSON.parse(JSON.stringify(this.settings.summaryCol));\n    var i = cols.length;\n\n    var _loop = function _loop() {\n      // 计算当前列的prop字段\n      var index = cols[i];\n\n      if (_this.settings.showIndex) {\n        index -= 1;\n      }\n\n      if (_this.settings.showCheckbox) {\n        index -= 1;\n      }\n\n      if (_this.settings.showRadio) {\n        index -= 1;\n      }\n\n      var prop = _this.cols[index].prop;\n      var values = data.map(function (item) {\n        return Number(item[prop]);\n      });\n\n      if (!values.every(function (value) {\n        return isNaN(value);\n      })) {\n        sums[cols[i]] = values.reduce(function (prev, curr) {\n          var value = Number(curr);\n\n          if (!isNaN(value)) {\n            return prev + curr;\n          } else {\n            return prev;\n          }\n        }, 0);\n        sums[cols[i]];\n      }\n    };\n\n    while (i--) {\n      _loop();\n    }\n\n    return sums;\n  }), _defineProperty(_methods, \"checkAllChange\", function checkAllChange(val) {\n    if (val) {\n      this.$refs.table.toggleAllSelection();\n    } else {\n      this.$refs.table.clearSelection();\n    }\n  }), _defineProperty(_methods, \"setRowClassName\", function setRowClassName(_ref) {\n    var row = _ref.row,\n        rowIndex = _ref.rowIndex;\n    var index = rowIndex;\n\n    if (index % 2 == 0) {\n      return \"warning-row\";\n    }\n  }), _methods),\n  created: function created() {}\n};",{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoIA;AACAA,qBADA;AAEAC;AACA;AACAC;AACAC,iBADA;AAEAC,aAFA,sBAEA;AACA;AACA;AAJA,KAFA;;AAQA;AACAC;AACAF,iBADA;AAEAC,aAFA,sBAEA;AACA;AACA;AAJA,KATA;;AAeA;AACAE;AACAH,kBADA;AAEAC,aAFA,sBAEA;AACA;AACA;AACAG,2BAFA;AAGA;AACAC,0BAJA;AAKA;AACAC,6BANA;AAOAC,gCAPA;AAQA;AACAC,0BATA;AAUA;AACAC;AAXA;AAaA;AAhBA,KAhBA;;AAkCA;AACAC;AACAV,kBADA;AAEAC,aAFA,sBAEA;AACA;AACAU,kBADA;AAEAC,sBAFA;AAGAC,oBAHA;AAIAC;AAJA;AAMA;AATA,KAnCA;AA8CAC;AACAf,mBADA;AAEAC,aAFA,sBAEA;AACA;AACA;AAJA,KA9CA;AAoDAe,aApDA;;AAqDA;AACAC;AACAjB,kBADA;AAEAC,aAFA,sBAEA;AACA;AACA;AAJA,KAtDA;;AA4DA;AACAiB;AACAlB,oBADA;AAEAC,aAFA,sBAEA;AACA;AACA;AACA,SAFA;AAGA;AANA;AA7DA,GAFA;AAwEAkB;AACAC,eADA,uBACAC,CADA,EACA;AACA;AACA,KAHA;AAIAX;AACAY,gBADA;AAEAC,aAFA,mBAEAF,CAFA,EAEA;AACA;AACA;AAJA;AAJA,GAxEA;AAmFAG;AACAC;AACA3B,sCADA;AAEA4B,YAFA,kBAEAC,CAFA,EAEA;AACA;AACAC,uBADA;AAEAC;AAFA;AAIA;AACA;AARA;AADA,GAnFA;AA+FA3B,MA/FA,kBA+FA;AACA;AACA4B;AADA;AAGA,GAnGA;AAoGAC;AACA;AACAC,mBAFA,2BAEAC,GAFA,EAEA;AACA;AACA;AACA,KALA;AAMAC,iBANA,yBAMAC,IANA,EAMA;AACA;AACA;AACAA;AADA;AAGA,KAXA;AAYAC,cAZA,sBAYAxB,QAZA,EAYA;AACA;AACAA;AADA;AAGA;AAhBA,uEAiBAuB,IAjBA,EAiBA;AACA;AACA;AACAA;AADA;AAGA,GAtBA,mEAwBAE,MAxBA,EAwBA;AAAA;;AACA;;AACA;AACAnC;AACA;;AACA;AACAoC;AACA;AACA;;AARA;AAUA;AACA;;AACA;AACAT;AACA;;AACA;AACAA;AACA;;AACA;AACAA;AACA;;AACA;AACA;AAAA;AAAA;;AACA;AAAA;AAAA;AACAS;AACA;;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA,SAPA,EAOA,CAPA;AAQAA;AACA;AAjCA;;AASA;AAAA;AAyBA;;AAEA;AACA,GA7DA,uEA8DAL,GA9DA,EA8DA;AACA;AACA;AACA,KAFA,MAEA;AACA;AACA;AACA,GApEA,+EAsEA;AAAA;AAAA;AACA;;AACA;AACA;AACA;AACA,GA3EA,YApGA;AAiLAM,SAjLA,qBAiLA,CACA;AAlLA","names":["name","props","cols","type","default","data","settings","showHeader","showIndex","showCheckbox","hideAllCheckbox","showRadio","summaryCol","pageset","total","pageSize","pageNum","pageSizes","loading","height","emptyText","selectable","watch","radioSelect","n","deep","handler","components","slotItem","render","h","row","index","currentPage","methods","selectionChange","val","currentChange","page","sizeChange","params","sums","created"],"sourceRoot":"src/components/common","sources":["dymic_table.vue"],"sourcesContent":["<template>\r\n  <div class=\"dymic-table scrollbar\">\r\n    <el-table\r\n      :height=\"height\"\r\n      class=\"no-scrollbar\"\r\n      :summary-method=\"getSummaries\"\r\n      style=\"width: 100%\"\r\n      :data=\"data\"\r\n      :show-header=\"settings.showHeader\"\r\n      size=\"small\"\r\n      lazy\r\n      v-loading=\"loading\"\r\n      :row-class-name=\"setRowClassName\"\r\n      :show-summary=\"!!(settings.summaryCol && settings.summaryCol.length)\"\r\n      @selection-change=\"selectionChange\"\r\n      :empty-text=\"emptyText\"\r\n    >\r\n      <el-table-column\r\n        type=\"selection\"\r\n        width=\"50\"\r\n        align=\"center\"\r\n        v-if=\"settings.showCheckbox\"\r\n        :selectable=\"selectable\"\r\n      ></el-table-column>\r\n      <el-table-column\r\n        label=\"No.\"\r\n        type=\"index\"\r\n        align=\"center\"\r\n        v-if=\"settings.showIndex\"\r\n      ></el-table-column>\r\n      <el-table-column\r\n        v-for=\"(item, index) in cols\"\r\n        :key=\"index\"\r\n        :width=\"item.width\"\r\n        :min-width=\"item.minWidth\"\r\n        :label=\"item.label\"\r\n        :prop=\"item.prop\"\r\n        align=\"center\"\r\n      >\r\n        <template v-if=\"item.children\" :label=\"item.label\">\r\n          <el-table-column\r\n            v-for=\"(item1, index1) in item.children\"\r\n            :prop=\"item1.prop\"\r\n            :key=\"index1\"\r\n            :width=\"item.width\"\r\n            :min-width=\"item.minWidth\"\r\n            :label=\"item1.label\"\r\n            align=\"center\"\r\n          >\r\n            <template slot-scope=\"scope\">\r\n              <!-- 插槽 -->\r\n              <slotItem v-if=\"item1.slot\" :row=\"scope.row\" :index=\"scope.$index\" :slots=\"$scopedSlots[item1.slot]\"></slotItem>\r\n              <!-- 过滤方法 -->\r\n              <p v-else-if=\"item1.format\" v-tip\r\n              :data-txt=\"item1.format(scope.row[item1.prop],scope.row)\"\r\n              @click=\"item1.click?item1.click():null\">\r\n                {{\r\n                  item1.format(scope.row[item1.prop],scope.row)||\r\n                  (item1.format(scope.row[item1.prop],scope.row)===0?0:item1.empty?'':'-')\r\n                }}\r\n              </p>\r\n              <!-- 默认显示 -->\r\n              <p v-else-if=\"item1.fixToolTip\" v-tip.same :data-txt=\"scope.row[item1.prop]\" @click=\"item1.click?item1.click():null\">\r\n                {{scope.row[item1.prop]||(scope.row[item1.prop]===0?0:item1.empty?'':'-')}}\r\n              </p>\r\n              <p v-else v-tip :data-txt=\"scope.row[item1.prop]\" @click=\"item1.click?item1.click():null\">\r\n                {{scope.row[item1.prop]||(scope.row[item1.prop]===0?0:item1.empty?'':'-')}}\r\n              </p>\r\n            </template>\r\n            <template v-if=\"item1.children\" :label=\"item1.label\">\r\n              <el-table-column\r\n              v-for=\"(item2,index2) in item1.children\" :prop=\"item2.prop\"\r\n              :key=\"index2\"\r\n              :width=\"item1.width\"\r\n              :min-width=\"item1.minWidth\"\r\n              :label=\"item2.label\"\r\n              align=\"center\">\r\n                <template slot-scope=\"scope\">\r\n                  <p v-if=\"item2.format\" v-tip\r\n                  :data-txt=\"item2.format(scope.row[item2.prop],scope.row)\"\r\n                  @click=\"item2.click?item2.click():null\">\r\n                    {{\r\n                      item2.format(scope.row[item2.prop],scope.row)||\r\n                      (item2.format(scope.row[item2.prop],scope.row)===0?0:item2.empty?'':'-')\r\n                    }}\r\n                  </p>\r\n                </template>\r\n              </el-table-column>\r\n            </template>\r\n          </el-table-column>\r\n        </template>\r\n        <template slot-scope=\"scope\">\r\n          <!-- 插槽 -->\r\n          <slotItem v-if=\"item.slot\" :row=\"scope.row\" :index=\"scope.$index\" :slots=\"$scopedSlots[item.slot]\"></slotItem>\r\n          <!-- 过滤方法 -->\r\n          <p v-else-if=\"item.format\" v-tip\r\n          :data-txt=\"item.format(scope.row[item.prop],scope.row)\"\r\n          @click=\"item.click?item.click():null\">\r\n            {{\r\n              item.format(scope.row[item.prop],scope.row)||\r\n              (item.format(scope.row[item.prop],scope.row)===0?0:item.empty?'':'-')\r\n            }}\r\n          </p>\r\n          <!-- 默认显示 -->\r\n          <p v-else-if=\"item.fixToolTip\" v-tip.same :data-txt=\"scope.row[item.prop]\" @click=\"item.click?item.click():null\">\r\n            {{scope.row[item.prop]||(scope.row[item.prop]===0?0:item.empty?'':'-')}}\r\n          </p>\r\n          <p v-tip v-else :data-txt=\"scope.row[item.prop]\" @click=\"item.click?item.click():null\">\r\n            {{scope.row[item.prop]||(scope.row[item.prop]===0?0:item.empty?'':'-')}}\r\n          </p>\r\n        </template>\r\n      </el-table-column>\r\n    </el-table>\r\n    <div class=\"foot\">\r\n      <!-- 手动全选及操作 -->\r\n      <el-pagination\r\n        class=\"pagination\"\r\n        background\r\n        @size-change=\"sizeChange\"\r\n        @current-change=\"currentChange\"\r\n        :current-page=\"currentPage\"\r\n        :page-sizes=\"pageset.pageSizes || [15, 30, 60, 120]\"\r\n        :page-size=\"pageset.pageSize || 15\"\r\n        :total=\"pageset.total || 0\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n      >\r\n      </el-pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"dymic-table\",\r\n  props: {\r\n    /** 列数据*/\r\n    cols: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n      },\r\n    },\r\n    /**table数据*/\r\n    data: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n      },\r\n    },\r\n    /**table表格设置 */\r\n    settings: {\r\n      type: Object,\r\n      default() {\r\n        return {\r\n          // 是否显示表头\r\n          showHeader: false,\r\n          // 是否显示序号\r\n          showIndex: false,\r\n          // 是否显示多选框\r\n          showCheckbox: false,\r\n          hideAllCheckbox: false,\r\n          // 是否显示单选框\r\n          showRadio: false,\r\n          // 需要统计列的prop集合，从0开始\r\n          summaryCol: [],\r\n        };\r\n      },\r\n    },\r\n    /**分页设置*/\r\n    pageset: {\r\n      type: Object,\r\n      default() {\r\n        return {\r\n          total: 0,\r\n          pageSize: 10,\r\n          pageNum: 1,\r\n          pageSizes: [15, 30, 60, 120],\r\n        };\r\n      },\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default() {\r\n        return false;\r\n      }\r\n    },\r\n    height: 0,\r\n    /**数据为空的显示 */\r\n    emptyText: {\r\n      type: String,\r\n      default() {\r\n        return \"暂无相关结果\";\r\n      },\r\n    },\r\n    /**判断多选框是否可以勾选*/\r\n    selectable: {\r\n      type: Function,\r\n      default() {\r\n        return (row, index) => {\r\n          return true;\r\n        };\r\n      },\r\n    },\r\n  },\r\n  watch: {\r\n    radioSelect(n) {\r\n      this.$emit(\"radio-change\", this.data[n]);\r\n    },\r\n    pageset: {\r\n      deep: true,\r\n      handler(n) {\r\n        this.currentPage = n.pageNum;\r\n      },\r\n    },\r\n  },\r\n  components:{\r\n    slotItem:{\r\n      props:['slots','row','index'],\r\n      render(h){\r\n        let vnode = this.slots({\r\n          row:this.row,\r\n          index:this.index\r\n        })\r\n        return h('div',vnode)\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      currentPage: 1,\r\n    };\r\n  },\r\n  methods: {\r\n    // 多选派发事件selection-change\r\n    selectionChange(val) {\r\n      this.isSelectAll = val.length == this.data.length;\r\n      this.$emit(\"selection-change\", val);\r\n    },\r\n    currentChange(page) {\r\n      this.currentPage = page;\r\n      this.$emit(\"page-change\", {\r\n        page: page,\r\n      });\r\n    },\r\n    sizeChange(pageSize) {\r\n      this.$emit(\"page-change\", {\r\n        pageSize: pageSize,\r\n      });\r\n    },\r\n    currentChange(page) {\r\n      this.currentPage = page;\r\n      this.$emit(\"page-change\", {\r\n        page: page,\r\n      });\r\n    },\r\n    // 合计\r\n    getSummaries(params) {\r\n      let { data } = params;\r\n      if (\"{}\" != JSON.stringify(this.summaryData)) {\r\n        data = [this.summaryData];\r\n      }\r\n      let sums = [];\r\n      sums[0] = \"合计\";\r\n      let cols = JSON.parse(JSON.stringify(this.settings.summaryCol));\r\n      let i = cols.length;\r\n      while (i--) {\r\n        // 计算当前列的prop字段\r\n        let index = cols[i];\r\n        if (this.settings.showIndex) {\r\n          index -= 1;\r\n        }\r\n        if (this.settings.showCheckbox) {\r\n          index -= 1;\r\n        }\r\n        if (this.settings.showRadio) {\r\n          index -= 1;\r\n        }\r\n        let prop = this.cols[index].prop;\r\n        const values = data.map((item) => Number(item[prop]));\r\n        if (!values.every((value) => isNaN(value))) {\r\n          sums[cols[i]] = values.reduce((prev, curr) => {\r\n            const value = Number(curr);\r\n            if (!isNaN(value)) {\r\n              return prev + curr;\r\n            } else {\r\n              return prev;\r\n            }\r\n          }, 0);\r\n          sums[cols[i]];\r\n        }\r\n      }\r\n\r\n      return sums;\r\n    },\r\n    checkAllChange(val) {\r\n      if (val) {\r\n        this.$refs.table.toggleAllSelection();\r\n      } else {\r\n        this.$refs.table.clearSelection();\r\n      }\r\n    },\r\n    //自定义表头斑马线\r\n    setRowClassName({ row, rowIndex }) {\r\n      let index = rowIndex;\r\n      if (index % 2 == 0) {\r\n        return \"warning-row\";\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/.dymic-table .el-table .el-table__body td p{\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n/deep/.dymic-table .el-table--enable-row-transition .el-table__body td{\r\n  border:none;\r\n}\r\n.dymic-table .el-table {\r\n  border-radius: 6px;\r\n}\r\n/deep/ .el-table{\r\n  .el-table__header-wrapper thead tr th:nth-child(-n+2){\r\n        .cell{\r\n           width: max-content;\r\n        }\r\n        \r\n    }\r\n}\r\n</style>\r\n"]}]}