bi-element-ui 0.1.6 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -123,7 +123,7 @@ export default {
123
123
  const scrollTop = document.documentElement.scrollTop
124
124
  // 先获取父盒子的距离顶部的高度,从而算出子盒子的高度。
125
125
 
126
- const offsetTop = this.$el.offsetTop
126
+ const offsetTop = this.getElementTop(this.$el)
127
127
  // 当子盒子距离顶部的距离 小于滚动的高度,使子盒子吸顶。
128
128
 
129
129
  if (scrollTop > offsetTop + 30) {
@@ -141,23 +141,36 @@ export default {
141
141
  this.$el.getElementsByClassName('el-table__header-wrapper')[0].style.position = 'relative'
142
142
 
143
143
  // 左边header
144
- this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, ${top}px, 0px)`
145
- this.$el.querySelector('.el-table__fixed').style.zIndex = '3'
146
- this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.zIndex = '4'
144
+ if (this.$el.querySelector('.el-table__fixed')) {
145
+ this.$el.querySelector('.el-table__fixed').style.zIndex = '3'
146
+ }
147
+ if (this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper')) {
148
+ this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, ${top}px, 0px)`
149
+ this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.zIndex = '4'
150
+ }
147
151
 
148
152
  // 右边header
149
- this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, ${top}px, 0px)`
150
- this.$el.querySelector('.el-table__fixed-right').style.zIndex = '4'
151
- this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.zIndex = '4'
153
+ if (this.$el.querySelector('.el-table__fixed-right')) {
154
+ this.$el.querySelector('.el-table__fixed-right').style.zIndex = '4'
155
+ }
156
+ if (this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper')) {
157
+ this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, ${top}px, 0px)`
158
+ this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.zIndex = '4'
159
+ }
152
160
  } else {
153
161
  this.headerStatus = false
154
162
  this.$el.getElementsByClassName('el-table__header-wrapper')[0].style.position = 'relative'
155
163
  this.$el.getElementsByClassName('el-table__header-wrapper')[0].style.transform = `translate3d(0px, 0px, 0px)`
156
- this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, 0px, 0px)`
157
- this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, 0px, 0px)`
164
+
165
+ if (this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper')) {
166
+ this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.zIndex = `3`
167
+ this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, 0px, 0px)`
168
+ }
169
+ if (this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper')) {
170
+ this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.zIndex = `3`
171
+ this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.transform = `translate3d(0px, 0px, 0px)`
172
+ }
158
173
  this.$el.getElementsByClassName('el-table__header-wrapper')[0].style.zIndex = '3'
159
- this.$el.querySelector('.el-table__fixed .el-table__fixed-header-wrapper').style.zIndex = `3`
160
- this.$el.querySelector('.el-table__fixed-right .el-table__fixed-header-wrapper').style.zIndex = `3`
161
174
  this.$el.getElementsByClassName('el-table__body-wrapper')[0].style.paddingTop = '0'
162
175
  }
163
176
  },
@@ -173,6 +186,16 @@ export default {
173
186
  } else {
174
187
  this.$el.querySelector('.bi-table-wrapper>.el-table>.el-table__body-wrapper').style.overflowY = 'hidden' // el-table class
175
188
  }
189
+ },
190
+ getElementTop(element) {
191
+ let actualTop = element.offsetTop
192
+ let current = element.offsetParent
193
+
194
+ while (current !== null) {
195
+ actualTop += current.offsetTop
196
+ current = current.offsetParent
197
+ }
198
+ return actualTop
176
199
  }
177
200
  }
178
201
  }
@@ -177,6 +177,23 @@
177
177
  ></bi-table>
178
178
  </div>
179
179
 
180
+ <div class="example-table-box">
181
+ <p>sticky-tabs表格</p>
182
+ <el-tabs>
183
+ <el-tab-pane label="tabs">
184
+ <div style="height:300px;background:#eee"></div>
185
+ <bi-table
186
+ border
187
+ stripe
188
+ fixed="sticky"
189
+ :data="data"
190
+ :column="fullscreenColumn"
191
+ :summary-method="getSummaries"
192
+ show-summary
193
+ ></bi-table>
194
+ </el-tab-pane>
195
+ </el-tabs>
196
+ </div>
180
197
  </div>
181
198
  </template>
182
199
 
@@ -254,6 +271,10 @@ export default {
254
271
  this.$set(this, 'basicColumn', column)
255
272
  // this.tableLoading = false
256
273
  }, 10)
274
+ },
275
+
276
+ getSummaries() {
277
+ return ['合计', '2016-05-03', '王小虎', '上海', '普陀区', '上海市普陀区金沙江路 1518 弄', '上海市普陀区金沙江路 1518 弄', 200333]
257
278
  }
258
279
  }
259
280
  }
@@ -1,2 +0,0 @@
1
- (function(e){function t(t){for(var n,s,o=t[0],r=t[1],c=t[2],d=0,u=[];d<o.length;d++)s=o[d],Object.prototype.hasOwnProperty.call(l,s)&&l[s]&&u.push(l[s][0]),l[s]=0;for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);p&&p(t);while(u.length)u.shift()();return i.push.apply(i,c||[]),a()}function a(){for(var e,t=0;t<i.length;t++){for(var a=i[t],n=!0,s=1;s<a.length;s++){var o=a[s];0!==l[o]&&(n=!1)}n&&(i.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},s={index:0},l={index:0},i=[];function o(e){return r.p+"js/"+({about:"about"}[e]||e)+"."+{about:"f95f1b1d"}[e]+".js"}function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.e=function(e){var t=[],a={about:1};s[e]?t.push(s[e]):0!==s[e]&&a[e]&&t.push(s[e]=new Promise((function(t,a){for(var n="css/"+({about:"about"}[e]||e)+"."+{about:"ba384392"}[e]+".css",l=r.p+n,i=document.getElementsByTagName("link"),o=0;o<i.length;o++){var c=i[o],d=c.getAttribute("data-href")||c.getAttribute("href");if("stylesheet"===c.rel&&(d===n||d===l))return t()}var u=document.getElementsByTagName("style");for(o=0;o<u.length;o++){c=u[o],d=c.getAttribute("data-href");if(d===n||d===l)return t()}var p=document.createElement("link");p.rel="stylesheet",p.type="text/css",p.onload=t,p.onerror=function(t){var n=t&&t.target&&t.target.src||l,i=new Error("Loading CSS chunk "+e+" failed.\n("+n+")");i.code="CSS_CHUNK_LOAD_FAILED",i.request=n,delete s[e],p.parentNode.removeChild(p),a(i)},p.href=l;var m=document.getElementsByTagName("head")[0];m.appendChild(p)})).then((function(){s[e]=0})));var n=l[e];if(0!==n)if(n)t.push(n[2]);else{var i=new Promise((function(t,a){n=l[e]=[t,a]}));t.push(n[2]=i);var c,d=document.createElement("script");d.charset="utf-8",d.timeout=120,r.nc&&d.setAttribute("nonce",r.nc),d.src=o(e);var u=new Error;c=function(t){d.onerror=d.onload=null,clearTimeout(p);var a=l[e];if(0!==a){if(a){var n=t&&("load"===t.type?"missing":t.type),s=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+n+": "+s+")",u.name="ChunkLoadError",u.type=n,u.request=s,a[1](u)}l[e]=void 0}};var p=setTimeout((function(){c({type:"timeout",target:d})}),12e4);d.onerror=d.onload=c,document.head.appendChild(d)}return Promise.all(t)},r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r.oe=function(e){throw console.error(e),e};var c=window["webpackJsonp"]=window["webpackJsonp"]||[],d=c.push.bind(c);c.push=t,c=c.slice();for(var u=0;u<c.length;u++)t(c[u]);var p=d;i.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"047b":function(e,t,a){},"0c8e":function(e,t,a){"use strict";a("6211")},1593:function(e,t,a){},2666:function(e,t,a){},"48f9":function(e,t,a){"use strict";a("7d74")},"52ef":function(e,t,a){"use strict";a("7d6f")},"56d7":function(e,t,a){"use strict";a.r(t);var n=a("430a"),s=a("edcc"),l=a.n(s),i=(a("0db3"),function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{attrs:{id:"app"}},[a("el-container",[a("el-aside",{attrs:{width:"150px"}},[a("div",{attrs:{id:"nav"}},[a("router-link",{attrs:{to:"/"}},[e._v("例子展示")]),a("router-link",{attrs:{to:"/date"}},[e._v("date")]),a("router-link",{attrs:{to:"/scene"}},[e._v("场景使用")])],1)]),a("el-main",[a("router-view")],1)],1)],1)}),o=[],r=(a("5c0b"),a("cba8")),c={},d=Object(r["a"])(c,i,o,!1,null,null,null),u=d.exports,p=a("a5e4"),m=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"bi-table"},[a("div",{staticClass:"example-table-box"},[a("p",[e._v("基础表格")]),a("BiCustomColumn",{attrs:{"column-name":"test","table-column":e.basicColumn,"default-list":e.defaultColumnList,"default-column":{left:["date"],center:["name"],right:["other"]}},on:{handleTableColumn:e.setTableColumn}}),a("bi-table",{directives:[{name:"loading",rawName:"v-loading",value:e.tableLoading,expression:"tableLoading"}],attrs:{border:"",stripe:"",data:e.data,column:e.basicColumn}})],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("支持render渲染")]),a("bi-table",{attrs:{border:"",data:e.data,column:e.renderColumn}})],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("支持slot插槽")]),a("bi-table",{attrs:{border:"",data:e.data,column:e.slotColumn},scopedSlots:e._u([{key:"zip",fn:function(t){var n=t.row;return[a("el-tag",{staticClass:"el-icon-message-solid",attrs:{type:"success"}},[e._v(" "+e._s(n.zip)+" ")])]}}])})],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("支持组件引入")]),a("bi-table",{attrs:{border:"",data:e.data,column:e.componentColumn}})],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("支持树形数据")]),a("bi-table",{attrs:{border:"",data:e.data,column:e.componentColumn,"default-expand-all":"","row-key":"id","tree-props":{children:"children",hasChildren:"hasChildren"}}})],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("支持selection/index/expand")]),a("bi-table",{attrs:{border:"",data:e.data,column:e.typesColumn}})],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("带分页功能")]),a("bi-table",{attrs:{border:"",data:e.data,column:e.complexColumn,"columns-props":e.columnsProps,pagination:"","auto-scroll":!1,total:100,page:e.listQuery.page,limit:e.listQuery.limit},on:{"update:page":function(t){return e.$set(e.listQuery,"page",t)},"update:limit":function(t){return e.$set(e.listQuery,"limit",t)},"selection-change":e.selectionChange,pagination:e.getList}}),a("el-dialog",{attrs:{title:"收货地址",visible:e.dialogVisible},on:{"update:visible":function(t){e.dialogVisible=t}}},[a("el-form",{attrs:{model:e.editForm,"label-width":"100px"}},[a("el-form-item",{attrs:{label:"名称"}},[a("el-input",{attrs:{autocomplete:"off"},model:{value:e.editForm.name,callback:function(t){e.$set(e.editForm,"name",t)},expression:"editForm.name"}})],1),a("el-form-item",{attrs:{label:"区域"}},[a("el-select",{staticStyle:{width:"100%"},attrs:{placeholder:"请选择区域"},model:{value:e.editForm.province,callback:function(t){e.$set(e.editForm,"province",t)},expression:"editForm.province"}},[a("el-option",{attrs:{label:"上海",value:"shanghai"}}),a("el-option",{attrs:{label:"北京",value:"beijing"}})],1)],1),a("el-form-item",{attrs:{label:"市区"}},[a("el-input",{model:{value:e.editForm.city,callback:function(t){e.$set(e.editForm,"city",t)},expression:"editForm.city"}})],1),a("el-form-item",{attrs:{label:"地址"}},[a("el-input",{model:{value:e.editForm.address,callback:function(t){e.$set(e.editForm,"address",t)},expression:"editForm.address"}})],1)],1),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{on:{click:function(t){e.dialogVisible=!1}}},[e._v("取 消")]),a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.dialogVisible=!1}}},[e._v("确 定")])],1)],1)],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("sticky表格")]),a("bi-table",{attrs:{border:"",stripe:"",fixed:"sticky",data:e.data,column:e.fullscreenColumn}})],1),a("div",{staticClass:"example-table-box"},[a("p",[e._v("普通固定表头")]),a("bi-table",{attrs:{border:"",stripe:"",fixed:"fullscreen",data:e.data,column:e.fullscreenColumn,"max-height":"200px","fixed-offset":"60",pagination:"","auto-scroll":!1,total:100,page:e.listQuery.page,limit:e.listQuery.limit},on:{"update:page":function(t){return e.$set(e.listQuery,"page",t)},"update:limit":function(t){return e.$set(e.listQuery,"limit",t)},"selection-change":e.selectionChange,pagination:e.getList}})],1)])},h=[],f=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-button",{attrs:{size:"mini"},on:{click:e.todo}},[e._v("编辑")])},b=[],g={props:["row","column"],methods:{todo(){this.$emit("row-edit",this.row)}}},y=g,v=Object(r["a"])(y,f,b,!1,null,null,null),x=v.exports,C={data(){this.$createElement;return{defaultColumnList:[{content:"分组1",status:!1,children:[{name:"date",content:"日期",status:!1}]},{content:"分组2",status:!1,children:[{content:"姓名",name:"name",status:!1},{content:"省份",name:"province",status:!1},{content:"市区",name:"city",status:!1}]},{content:"分组3",status:!1,children:[{content:"地址",name:"address",status:!1},{content:"地址2",name:"address2",status:!1},{content:"邮编",name:"zip",status:!1},{content:"v-model",name:"other",status:!1}]}],renderColumn:[{label:"日期",prop:"date"},{label:"姓名",prop:"name",render:(e,t)=>e("el-popover",{attrs:{trigger:"hover",content:"这是一段内容,这是一段内容"}},[e("el-tag",{slot:"reference"},[t.row.name])])},{label:"省份",prop:"province"},{label:"市区",prop:"city"},{label:"地址",prop:"address"},{label:"邮编",prop:"zip"}],slotColumn:[{label:"日期",prop:"date"},{label:"姓名",prop:"name"},{label:"省份",prop:"province"},{label:"市区",prop:"city"},{label:"地址",prop:"address"},{label:"邮编",prop:"zip",slotScope:!0}],componentColumn:[{label:"日期",prop:"date"},{label:"姓名",prop:"name"},{label:"省份",prop:"province"},{label:"市区",prop:"city"},{label:"地址",prop:"address"},{label:"邮编",prop:"zip"},{label:"组件",prop:"cmp",component:x,listeners:{"row-edit"(e){console.log("row-edit",e)}}}],typesColumn:[{label:"序号",prop:"index",type:"index"},{label:"选择",prop:"selection",type:"selection"},{label:"日期",prop:"date"},{label:"省份",prop:"province"},{label:"姓名",prop:"name"},{label:"市区",prop:"city"},{label:"地址",prop:"address"},{label:"更多",prop:"expand",type:"expand",render:(e,t)=>{const{row:a}=t;return e("div",[e("p",["姓名:",a.name]),e("p",["日期:",a.date]),e("p",["地址:",a.province," ",a.address," ",a.address]),e("p",["邮编:",a.zip])])}},{label:"邮编",prop:"zip"}],complexColumn:[{label:"更多",prop:"expand",type:"expand",render:(e,t)=>e("span",["--",t.row.name,"--"])},{label:"选择",prop:"selection",type:"selection"},{label:"日期",prop:"date"},{label:"姓名",prop:"name"},{label:"省份",prop:"province",formatter(e,t){return"中国 -"+e[t.property]}},{label:"市区",prop:"city"},{label:"地址",prop:"address"},{label:"邮编",prop:"zip"},{label:"操作",prop:"cation",align:"center",width:200,render:(e,t)=>e("div",[e("el-button",{attrs:{icon:"el-icon-edit-outline",type:"primary",size:"small"},on:{click:()=>{this.openDialog(t)}}},["编辑"]),e("el-button",{attrs:{icon:"el-icon-delete",type:"danger",size:"small"},on:{click:()=>{alert("del")}}},["删除"])])}],fullscreenColumn:[{label:"日期",prop:"date",sortable:!0,fixed:!0},{label:"姓名",prop:"name"},{label:"省份",prop:"province"},{label:"市区",prop:"city"},{label:"地址",prop:"address",width:300},{label:"地址2",prop:"address",width:300},{label:"地址3",prop:"address",width:300},{label:"邮编",prop:"zip"},{label:"操作",prop:"cmp",component:x,fixed:"right"}],data:[{id:1,date:"2016-05-03",name:"王小虎",province:"上海",city:"普陀区",address:"上海市普陀区金沙江路 1518 弄",address2:"上海市普陀区金沙江路 1518 弄",zip:200333},{id:2,date:"2016-05-02",name:"赵四",province:"东北",city:"普陀区",address:"上海市普陀区金沙江路 1518 弄",address2:"上海市普陀区金沙江路 1518 弄",zip:200333,children:[{id:11,date:"2000-05-02",name:"我是嵌套",province:"南极",city:"普陀区",address:"上海市普陀区金沙江路 1518 弄",address2:"上海市普陀区金沙江路 1518 弄",zip:200333},{id:12,date:"1999-05-02",name:"我是嵌套000",province:"美国",city:"普陀区",address:"上海市普陀区金沙江路 1518 弄",address2:"上海市普陀区金沙江路 1518 弄",zip:200333}]},{id:3,date:"2016-05-04",name:"张三疯",province:"武当山",city:"普陀区",address:"上海市普陀区金沙江路 1518 弄",address2:"上海市普陀区金沙江路 1518 弄",zip:200333},{id:4,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333},{id:5,date:"2016-05-044",name:"李连杰",province:"新加坡",city:"普陀区",address:"上海市普陀区金沙江路 1516 T",zip:200333}]}}},k={components:{},mixins:[C],data(){return{basicColumn:[{label:"日期",prop:"date",sortable:!0,fixed:!0},{label:"姓名",prop:"name"},{label:"省份",prop:"province"},{label:"市区",prop:"city"},{label:"地址",prop:"address",width:300},{label:"地址2",prop:"address2",width:300},{label:"邮编",prop:"zip"},{label:"v-model",prop:"other",fixed:"right",render:(e,t)=>e("input",{on:{input(e){t.row.name=e.target.value}},domProps:{value:t.row.name},style:{width:"100%",minHeight:"30px",color:"red",border:"1px solid #ddd"}})}],tableLoading:!1,columnsProps:{width:"auto"},total:0,listQuery:{page:2,limit:20},editForm:{},dialogVisible:!1}},methods:{selectionChange(e){console.log("selected",e)},getList(){},openDialog({row:e}){this.editForm=Object.assign({},e),this.dialogVisible=!0},setTableColumn(e){this.$set(this,"basicColumn",[]),setTimeout(()=>{this.$set(this,"basicColumn",e)},10)}}},_=k,j=(a("48f9"),Object(r["a"])(_,m,h,!1,null,"3b539933",null)),Y=j.exports;n["default"].use(p["a"]);const L=[{path:"/",name:"Home",component:Y},{path:"/date",name:"Date",component:()=>a.e("about").then(a.bind(null,"3a43"))}],w=new p["a"]({routes:L});var z=w,D=a("7736");n["default"].use(D["a"]);var $,M,O=new D["a"].Store({state:{},mutations:{},actions:{},modules:{}}),S=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"bi-table"},[a("div",{staticClass:"bi-table-wrapper"},[a("el-table",e._g(e._b({directives:[{name:"loading",rawName:"v-loading",value:e.loading,expression:"loading"}],ref:"elTable",attrs:{data:e.data,"max-height":e.maxHeight}},"el-table",e.$attrs,!1),e.$listeners),[e._l(e.tbColumns,(function(t){return[t.slotScope?a("el-table-column",e._g(e._b({key:t.prop+t.label,scopedSlots:e._u([{key:"default",fn:function(a){return[e._t(t.prop,null,null,a)]}}],null,!0)},"el-table-column",t,!1),e.$listeners)):a("bi-column",e._b({key:t.prop+t.label,attrs:{column:t}},"bi-column",e.$attrs,!1))]}))],2)],1),e.pagination?[e.data.length>0?a("pagination",e._g(e._b({},"pagination",e.$attrs,!1),e.$listeners)):e._e()]:e._e()],2)},T=[],E=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-table-column",e._g(e._b({scopedSlots:e._u([{key:"header",fn:function(t){return[e.column.renderHeader?a("bi-render",{attrs:{scope:t,render:e.column.renderHeader}}):a("span",[e._v(e._s(t.column.label))])]}},{key:"default",fn:function(t){return[e.column.component?a(e.column.component,e._g(e._b({tag:"component"},"component",e.getCptBind(t,e.column),!1),e.column.listeners)):e.column.children?e._l(e.column.children,(function(e){return a("free-column",{key:e.prop,attrs:{column:e}})})):a("bi-render",{attrs:{scope:t,render:e.column.render}})]}}])},"el-table-column",e.column,!1),e.$listeners))},A=[],P={name:"BiRender",functional:!0,props:{scope:{type:Object,default:()=>({})},render:{type:Function,default:()=>()=>{}}},render:(e,t)=>t.props.render?t.props.render(e,t.props.scope):""},B=P,H=Object(r["a"])(B,$,M,!1,null,null,null),N=H.exports,F={selection:{renderHeader:function(e,{store:t}){return e("el-checkbox",{attrs:{disabled:t.states.data&&0===t.states.data.length,indeterminate:t.states.selection.length>0&&!this.isAllSelected,value:this.isAllSelected},nativeOn:{click:this.toggleAllSelection}})},renderCell:function(e,{row:t,column:a,store:n,$index:s}){return e("el-checkbox",{nativeOn:{click:e=>e.stopPropagation()},attrs:{value:n.isSelected(t),disabled:!!a.selectable&&!a.selectable.call(null,t,s)},on:{input:()=>{n.commit("rowSelectedChanged",t)}}})},sortable:!1,resizable:!1},index:{renderHeader:function(e,{column:t}){return t.label||"#"},renderCell:function(e,{$index:t,column:a}){let n=t+1;const s=a.index;return"number"===typeof s?n=t+s:"function"===typeof s&&(n=s(t)),e("div",[n])},sortable:!1},expand:{renderHeader:function(e,{column:t}){return t.label||""},renderCell:function(e,{row:t,store:a}){const n=["el-table__expand-icon"];a.states.expandRows.indexOf(t)>-1&&n.push("el-table__expand-icon--expanded");const s=function(e){e.stopPropagation(),a.toggleRowExpansion(t)};return e("div",{class:n,on:{click:s}},[e("i",{class:"el-icon el-icon-arrow-right"})])},sortable:!1,resizable:!1,className:"el-table__expand-column"}},q={name:"BiColumn",components:{BiRender:N},props:{column:{type:Object,default:()=>{}}},watch:{column:{handler:"renderColumn",immediate:!0}},methods:{renderColumn(){this.$createElement;const{column:e}=this;return e.type&&(e.renderHeader=F[e.type].renderHeader,e.render=e.render||F[e.type].renderCell),e.formatter&&(e.render=(e,t)=>e("span",[t.column.formatter(t.row,t.column,t.row[t.column.property],t.$index)])),e.render||(e.render=(e,t)=>e("span",[t.row[t.column.property]])),e},getColBind(e){const t=Object.assign({},this.$attrs,e);return delete t.component,delete t.listeners,delete t.propsHandler,t},getCptBind({row:e,column:t},a){const n={row:e,col:a,column:t},s=a.propsHandler;return s&&s(n)||n}}},I=q,Q=Object(r["a"])(I,E,A,!1,null,null,null),V=Q.exports,R=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"pagination-container",class:{hidden:e.hidden}},[a("el-pagination",e._b({attrs:{background:e.background,"current-page":e.currentPage,"page-size":e.pageSize,layout:e.layout,"page-sizes":e.pageSizes,total:e.total},on:{"update:currentPage":function(t){e.currentPage=t},"update:current-page":function(t){e.currentPage=t},"update:pageSize":function(t){e.pageSize=t},"update:page-size":function(t){e.pageSize=t},"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}},"el-pagination",e.$attrs,!1))],1)},G=[];Math.easeInOutQuad=function(e,t,a,n){return e/=n/2,e<1?a/2*e*e+t:(e--,-a/2*(e*(e-2)-1)+t)};var J=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}();function W(e){document.documentElement.scrollTop=e,document.body.parentNode.scrollTop=e,document.body.scrollTop=e}function U(){return document.documentElement.scrollTop||document.body.parentNode.scrollTop||document.body.scrollTop}function K(e,t,a){const n=U(),s=e-n,l=20;let i=0;t="undefined"===typeof t?500:t;var o=function(){i+=l;var e=Math.easeInOutQuad(i,n,s,t);W(e),i<t?J(o):a&&"function"===typeof a&&a()};o()}var X={name:"BiPagination",props:{total:{required:!0,type:Number},page:{type:Number,default:1},limit:{type:Number,default:20},pageSizes:{type:Array,default(){return[10,20,30,50]}},layout:{type:String,default:"total, sizes, prev, pager, next, jumper"},background:{type:Boolean,default:!0},autoScroll:{type:Boolean,default:!0},hidden:{type:Boolean,default:!1}},computed:{currentPage:{get(){return this.page},set(e){this.$emit("update:page",e)}},pageSize:{get(){return this.limit},set(e){this.$emit("update:limit",e)}}},methods:{handleSizeChange(e){this.$emit("pagination",{page:this.currentPage,limit:e}),this.autoScroll&&K(0,800)},handleCurrentChange(e){this.$emit("pagination",{page:e,limit:this.pageSize}),this.autoScroll&&K(0,800)}}},Z=X,ee=(a("f621"),Object(r["a"])(Z,R,G,!1,null,"c276c1ba",null)),te=ee.exports,ae={name:"BiTable",components:{Pagination:te,BiColumn:V},props:{data:{type:Array,default:()=>[]},column:{type:Array,default:()=>[]},columnsProps:{type:Object,default:()=>({})},loading:{type:Boolean,default:!1},pagination:{type:Boolean,default:!1},fixed:{type:String,default:""},fixedOffset:{type:String,default:""}},data(){return{maxHeight:null}},computed:{tbColumns(){const{column:e,columnsProps:t}=this;return e.map(e=>{const a=Object.assign({},t,e);return a})},fixedHeader(){return this.fixed}},mounted(){"sticky"===this.fixedHeader?window.addEventListener("scroll",this.handleStickyHeader,!0):"fullscreen"===this.fixedHeader&&window.addEventListener("scroll",this.handleFixedHeader,!0)},destroyed(){"sticky"===this.fixedHeader?window.removeEventListener("scroll",this.handleStickyHeader,!0):"fullscreen"===this.fixedHeader&&window.removeEventListener("scroll",this.handleFixedHeader,!0)},methods:{handleStickyHeader(){const e=document.documentElement.scrollTop,t=this.$el.offsetTop;if(e>t+30){this.headerStatus||(this.headerStatus=!0,this.$el.getElementsByClassName("el-table__header-wrapper")[0].style.position="absolute",this.$el.getElementsByClassName("el-table__header-wrapper")[0].style.zIndex="2");const a=e-(t+1)+Number(this.fixedOffset);this.$el.getElementsByClassName("el-table__header-wrapper")[0].style.transform=`translate3d(0px, ${a}px, 0px)`,this.$el.getElementsByClassName("el-table__header-wrapper")[0].style.position="relative",this.$el.querySelector(".el-table__fixed .el-table__fixed-header-wrapper").style.transform=`translate3d(0px, ${a}px, 0px)`,this.$el.querySelector(".el-table__fixed").style.zIndex="3",this.$el.querySelector(".el-table__fixed .el-table__fixed-header-wrapper").style.zIndex="4",this.$el.querySelector(".el-table__fixed-right .el-table__fixed-header-wrapper").style.transform=`translate3d(0px, ${a}px, 0px)`,this.$el.querySelector(".el-table__fixed-right").style.zIndex="4",this.$el.querySelector(".el-table__fixed-right .el-table__fixed-header-wrapper").style.zIndex="4"}else this.headerStatus=!1,this.$el.getElementsByClassName("el-table__header-wrapper")[0].style.position="relative",this.$el.getElementsByClassName("el-table__header-wrapper")[0].style.transform="translate3d(0px, 0px, 0px)",this.$el.querySelector(".el-table__fixed .el-table__fixed-header-wrapper").style.transform="translate3d(0px, 0px, 0px)",this.$el.querySelector(".el-table__fixed-right .el-table__fixed-header-wrapper").style.transform="translate3d(0px, 0px, 0px)",this.$el.getElementsByClassName("el-table__header-wrapper")[0].style.zIndex="3",this.$el.querySelector(".el-table__fixed .el-table__fixed-header-wrapper").style.zIndex="3",this.$el.querySelector(".el-table__fixed-right .el-table__fixed-header-wrapper").style.zIndex="3",this.$el.getElementsByClassName("el-table__body-wrapper")[0].style.paddingTop="0"},handleFixedHeader(){const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-Number(this.fixedOffset)-(this.pagination?72:0);Math.abs(t-this.maxHeight)>3&&(this.maxHeight=t),e<=Number(this.fixedOffset)+20&&e>=0?this.$el.querySelector(".bi-table-wrapper>.el-table>.el-table__body-wrapper").style.overflowY="auto":this.$el.querySelector(".bi-table-wrapper>.el-table>.el-table__body-wrapper").style.overflowY="hidden"}}},ne=ae,se=Object(r["a"])(ne,S,T,!1,null,null,null),le=se.exports;le.install=function(e){e.component(le.name,le)};var ie=le,oe=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-button",{attrs:{type:"primary"},on:{click:function(t){e.visible=!0}}},[e._v(" 自定义列 "),a("el-dialog",{attrs:{"custom-class":"bi-column-dialog",title:"自定义列",visible:e.visible,width:"800px",top:"8vh","append-to-body":""},on:{"update:visible":function(t){e.visible=t},open:e.handleOpen,close:e.close}},[a("div",{staticClass:"dialog-body",staticStyle:{"min-height":"160px"}},[a("div",{staticClass:"bi-column-container"},[a("div",{staticClass:"checkbox-container"},[a("el-card",{staticClass:"box-card"},[a("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[a("span",[e._v("可操作性的列")])]),e._l(e.colList,(function(t,n){return a("div",{key:n,staticClass:"checkbox-group"},[a("p",{staticClass:"checkbox-title"},[a("el-checkbox",{on:{change:function(a){return e.handleCheckGroupAllChange(a,t)}},model:{value:t.status,callback:function(a){e.$set(t,"status",a)},expression:"item.status"}},[e._v(e._s(t.content))])],1),a("p",[a("el-checkbox-group",{attrs:{"true-label":1,"false-label":0},on:{change:function(a){return e.handleCheckGroupAll(t)}},model:{value:e.checkList,callback:function(t){e.checkList=t},expression:"checkList"}},e._l(t.children,(function(t,n){return a("el-checkbox",{key:n,staticStyle:{width:"120px",margin:"0 15px 15px 0"},attrs:{label:t.name}},[e._v(" "+e._s(t.content)+" ")])})),1)],1)])}))],2)],1),a("div",{staticClass:"column-container"},[a("el-card",{staticClass:"box-card"},[a("div",{staticClass:"column-title",attrs:{slot:"header"},slot:"header"},[a("span",[e._v("已选"+e._s(e.columnLength)+"列")]),a("el-button",{attrs:{type:"text"},on:{click:e.clearAll}},[e._v("清空全部")])],1),a("p",{staticClass:"column-group-title"},[e._v("左侧固定列")]),a("div",{staticClass:"column-configurable"},[a("draggable",{attrs:{group:"column"},model:{value:e.leftColumnList,callback:function(t){e.leftColumnList=t},expression:"leftColumnList"}},e._l(e.leftColumnList,(function(t){return a("div",{key:t.prop,staticClass:"selected-column-item"},[a("i",{staticClass:"el-icon-menu"}),a("div",{staticClass:"column-name"},[e._v(e._s(t.content||t.label))]),a("i",{staticClass:"el-icon-close column-close",on:{click:function(a){return e.closeColumn(t.prop)}}})])})),0)],1),a("p",{staticClass:"column-group-title"},[e._v("中间不固定列")]),a("div",{staticClass:"column-configurable"},[a("draggable",{attrs:{group:"column"},model:{value:e.columnList,callback:function(t){e.columnList=t},expression:"columnList"}},e._l(e.columnList,(function(t){return a("div",{key:t.prop,staticClass:"selected-column-item"},[a("i",{staticClass:"el-icon-menu"}),a("div",{staticClass:"column-name"},[e._v(e._s(t.content||t.label))]),a("i",{staticClass:"el-icon-close column-close",on:{click:function(a){return e.closeColumn(t.prop)}}})])})),0)],1),a("p",{staticClass:"column-group-title"},[e._v("右侧固定列")]),a("div",{staticClass:"column-configurable"},[a("draggable",{attrs:{group:"column"},model:{value:e.rightColumnList,callback:function(t){e.rightColumnList=t},expression:"rightColumnList"}},e._l(e.rightColumnList,(function(t){return a("div",{key:t.prop,staticClass:"selected-column-item"},[a("i",{staticClass:"el-icon-menu"}),a("div",{staticClass:"column-name"},[e._v(e._s(t.content||t.label))]),a("i",{staticClass:"el-icon-close column-close",on:{click:function(a){return e.closeColumn(t.prop)}}})])})),0)],1)])],1)])]),a("span",{staticClass:"dialog-footer",staticStyle:{display:"flex","justify-content":"space-between"},attrs:{slot:"footer"},slot:"footer"},[a("span",{staticStyle:{display:"inline-block","line-height":"32px"}},[a("el-checkbox",{attrs:{label:"全选"},on:{change:e.checkAll},model:{value:e.checkAllData,callback:function(t){e.checkAllData=t},expression:"checkAllData"}},[e._v(" 全选 ")])],1),a("div",[a("el-button",{on:{click:e.close}},[e._v("关闭")]),a("el-button",{attrs:{type:"primary"},on:{click:e.ok}},[e._v("生效")])],1)])])],1)},re=[],ce=a("3335"),de=a.n(ce),ue={name:"BiCustomColumn",components:{draggable:de.a},props:{columnName:{type:String,require:!0,default:""},listType:{type:String,require:!0,default:""},checkData:{type:Array,require:!0,default:()=>[]},tableColumn:{type:Array,default:()=>[]},defaultList:{type:Array,default:()=>[]},defaultColumn:{type:Object,default:()=>({left:[],center:[],right:[]})}},data(){return{tableColumnList:this.tableColumn,visible:!1,colList:[],checkList:[],checkAllData:!1,draggableList:[],leftColumnList:[],columnList:[],rightColumnList:[]}},computed:{columnLength(){return this.leftColumnList.length+this.columnList.length+this.rightColumnList.length}},watch:{colList:{handler(e){let t=!0;e.forEach(e=>{e.status=Boolean(e.status),e.status?this.checkAllData=e.status:t=!1,this.checkAllData=t})},deep:!0}},mounted(){const e={type:this.listType};this.defaultColumnInit(),this.getList(e),this.returnColumn()},beforeDestroy(){this.visible=!1},methods:{defaultColumnInit(){const e=this.getLocalStorage(),{left:t,center:a,right:n}=e||this.defaultColumn;t.map(e=>{this.checkList.push(e);const t=this.tableColumnList.find(t=>t.prop===e);t&&this.leftColumnList.push(t)}),a.map(e=>{this.checkList.push(e);const t=this.tableColumnList.find(t=>t.prop===e);t&&this.columnList.push(t)}),n.map(e=>{this.checkList.push(e);const t=this.tableColumnList.find(t=>t.prop===e);t&&this.rightColumnList.push(t)})},async getList(e){this.colList=this.defaultList,this.defaultCheck()},checkAll(e){this.colList.forEach(t=>{this.handleCheckGroupAllChange(e,t),t.status=e}),e||(this.checkList=[])},defaultCheck(){this.colList.forEach(e=>{this.handleCheckGroupAll(e)})},deleteArrayItemForIndex(e,t){if(-1!==t)return e.splice(t,1)},handleCheckGroupAllChange(e,t){e?t.children.map(e=>{-1===this.checkList.indexOf(e.name)&&(this.checkList.push(e.name),this.insertColumn(e.name))}):t.children.map(e=>{this.deleteArrayItemForIndex(this.checkList,this.checkList.indexOf(e.name)),this.removeColumn(e.name)})},handleCheckGroupAll(e){let t=1;e.children.map(e=>{-1===this.checkList.indexOf(e.name)?(this.removeColumn(e.name),t=0):this.insertColumn(e.name)}),e.status=t},async setTheadList(){const e=JSON.parse(JSON.stringify(this.colList));var t=[];e.forEach(e=>{e.status=e.status?1:0,t.push(...e.children)})},clearAll(){this.checkList=[],this.checkAll(!1)},closeColumn(e){this.deleteArrayItemForIndex(this.checkList,this.checkList.indexOf(e)),this.removeColumn(e),this.defaultCheck()},insertColumn(e){const t=this.tableColumnList.find(t=>t.prop===e);this.leftColumnList.find(t=>t.prop===e)||this.rightColumnList.find(t=>t.prop===e)||this.columnList.find(t=>t.prop===e)||this.columnList.push(t)},removeColumn(e){if(this.leftColumnList.length&&this.leftColumnList.find(t=>t.prop===e)){const t=this.leftColumnList.findIndex(t=>t.prop===e);t>-1&&this.leftColumnList.splice(t,1)}if(this.columnList.length&&this.columnList.find(t=>t.prop===e)){const t=this.columnList.findIndex(t=>t.prop===e);t>-1&&this.columnList.splice(t,1)}if(this.rightColumnList.length&&this.rightColumnList.find(t=>t.prop===e)){const t=this.rightColumnList.findIndex(t=>t.prop===e);t>-1&&this.rightColumnList.splice(t,1)}},returnColumn(){this.leftColumnList.map(e=>{e.fixed=!0}),this.columnList.map(e=>{e.fixed=!1}),this.rightColumnList.map(e=>{e.fixed="right"}),this.$emit("handleTableColumn",[...this.leftColumnList,...this.columnList,...this.rightColumnList])},ok(){this.returnColumn(),this.saveLocalStorage(),this.visible=!1},saveLocalStorage(){const e={left:[],center:[],right:[]};this.leftColumnList.map(({prop:t})=>{t&&e.left.push(t)}),this.columnList.map(({prop:t})=>{t&&e.center.push(t)}),this.rightColumnList.map(({prop:t})=>{t&&e.right.push(t)}),localStorage.setItem(this.columnName,JSON.stringify(e))},getLocalStorage(){const e=localStorage.getItem(this.columnName);return e?JSON.parse(e):void 0},handleOpen(){this.checkList=[],this.rightColumnList=[],this.leftColumnList=[],this.columnList=[];const e=this.getLocalStorage();e&&this.defaultColumnInit()},close(){this.checkList=[],this.rightColumnList=[],this.leftColumnList=[],this.columnList=[],this.visible=!1,this.$emit("closeDialog",{visible:!1})}}},pe=ue,me=(a("bde6"),a("0c8e"),Object(r["a"])(pe,oe,re,!1,null,"28f3ba1d",null)),he=me.exports;he.install=function(e){e.component(he.name,he)};var fe=he,be=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-date-picker",e._g(e._b({attrs:{"picker-options":e.componentPickerOptions,format:e.format,"value-format":e.valueFormat},model:{value:e.date,callback:function(t){e.date=t},expression:"date"}},"el-date-picker",e.$attrs,!1),e.$listeners))},ge=[],ye=a("caaf"),ve=a.n(ye);const xe={daterange:{shortcuts:[{text:"今天",onClick(e){const t=ve()().format("YYYY-MM-DD 23:59:59"),a=ve()().format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"昨天",onClick(e){const t=ve()().subtract(1,"days").format("YYYY-MM-DD 23:59:59"),a=ve()().subtract(1,"days").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"近一周",onClick(e){const t=ve()().format("YYYY-MM-DD 23:59:59"),a=ve()().subtract(7,"days").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"近一月",onClick(e){const t=ve()().format("YYYY-MM-DD 23:59:59"),a=ve()().subtract(30,"days").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"上个月",onClick(e){const t=ve()().startOf("month").subtract(1,"month").format("YYYY-MM-DD 00:00:00"),a=ve()().endOf("month").subtract(1,"month").format("YYYY-MM-DD 23:59:59");e.$emit("pick",[t,a])}},{text:"本月",onClick(e){const t=ve()().startOf("month").format("YYYY-MM-DD 00:00:00"),a=ve()().endOf("month").format("YYYY-MM-DD 23:59:59");e.$emit("pick",[t,a])}}]},monthrange:{shortcuts:[{text:"本月",onClick(e){const t=ve()().startOf("month").format("YYYY-MM-DD"),a=ve()().endOf("month").format("YYYY-MM-DD");e.$emit("pick",[t,a])}},{text:"最近三个月",onClick(e){const t=ve()().subtract(2,"month").startOf("month").format("YYYY-MM-DD"),a=ve()().endOf("month").format("YYYY-MM-DD");e.$emit("pick",[t,a])}},{text:"最近六个月",onClick(e){const t=ve()().subtract(5,"month").startOf("month").format("YYYY-MM-DD"),a=ve()().endOf("month").format("YYYY-MM-DD");e.$emit("pick",[t,a])}},{text:"最近一年",onClick(e){const t=ve()().subtract(11,"month").startOf("month").format("YYYY-MM-DD"),a=ve()().endOf("month").format("YYYY-MM-DD");e.$emit("pick",[t,a])}},{text:"今年",onClick(e){const t=ve()().startOf("year").startOf("month").format("YYYY-MM-DD"),a=ve()().endOf("month").format("YYYY-MM-DD");e.$emit("pick",[t,a])}}]},datetimerange:{shortcuts:[{text:"今天",onClick(e){const t=ve()().format("YYYY-MM-DD 23:59:59"),a=ve()().format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"昨天",onClick(e){const t=ve()().subtract(1,"days").format("YYYY-MM-DD 23:59:59"),a=ve()().subtract(1,"days").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"近一周",onClick(e){const t=ve()().format("YYYY-MM-DD 23:59:59"),a=ve()().subtract(7,"days").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"近一月",onClick(e){const t=ve()().format("YYYY-MM-DD 23:59:59"),a=ve()().subtract(30,"days").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}},{text:"上个月",onClick(e){if(null!==e.value){const t=ve()(e.value[1]).subtract(1,"months").endOf("month").format("YYYY-MM-DD 23:59:59"),a=ve()(e.value[0]).subtract(1,"months").startOf("month").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}else{const t=ve()().subtract(1,"months").endOf("month").format("YYYY-MM-DD 23:59:59"),a=ve()().subtract(1,"months").startOf("month").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}}},{text:"本月",onClick(e){const t=ve()().endOf("month").format("YYYY-MM-DD 23:59:59"),a=ve()().startOf("month").format("YYYY-MM-DD 00:00:00");e.$emit("pick",[a,t])}}]}};var Ce=xe,ke={name:"BiDatePicker",props:{pickerOption:{type:Object,default:()=>({})},format:{type:String,default:"yyyy-MM-dd"},valueFormat:{type:String,default:"yyyy-MM-dd"},value:{type:[String,Array],default:""}},computed:{date:{get(){return this.value},set(e){this.$emit("input",e)}},componentPickerOptions(){const e=this.$attrs.type,t=Object.assign({},Ce[e]);return"daterange"===e||"monthrange"===e||"datetimerange"===e?Object.assign(t,this.pickerOption):this.pickerOption}},methods:{}},_e=ke,je=(a("9895"),Object(r["a"])(_e,be,ge,!1,null,null,null)),Ye=je.exports;Ye.install=function(e){e.component(Ye.name,Ye)};var Le=Ye,we=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"download-center"},[a("div",{staticClass:"content-box"},[a("el-form",{attrs:{model:e.form,inline:"","label-width":"80px"}},[a("el-form-item",{attrs:{label:"任务ID"}},[a("el-input",{attrs:{size:"small",clearable:""},model:{value:e.form.task_code,callback:function(t){e.$set(e.form,"task_code",t)},expression:"form.task_code"}})],1),a("el-form-item",{attrs:{label:"任务类型"}},[a("el-select",{attrs:{size:"small",clearable:""},model:{value:e.form.task_name,callback:function(t){e.$set(e.form,"task_name",t)},expression:"form.task_name"}},e._l(e.optionsList.type,(function(e){return a("el-option",{key:e.value,attrs:{label:e.label,value:e.value}})})),1)],1),a("el-form-item",{attrs:{label:"任务状态"}},[a("el-select",{attrs:{size:"small",clearable:""},model:{value:e.form.status,callback:function(t){e.$set(e.form,"status",t)},expression:"form.status"}},e._l(e.optionsList.status,(function(e){return a("el-option",{key:e.label,attrs:{label:e.value,value:e.label}})})),1)],1),a("el-form-item",{attrs:{label:"任务时间"}},[a("BiDatePicker",{attrs:{size:"small",type:"datetimerange",format:"yyyy-MM-dd HH:mm:ss","value-format":"yyyy-MM-dd HH:mm:ss","default-time":["00:00:00","23:59:59"],"range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期"},model:{value:e.form.time,callback:function(t){e.$set(e.form,"time",t)},expression:"form.time"}})],1),a("el-form-item",[a("el-button",{attrs:{type:"primary",size:"small"},on:{click:function(t){return e.handleCurrentChange(1)}}},[e._v("搜索")]),a("el-button",{attrs:{size:"small"},on:{click:e.reset}},[e._v("重置")])],1)],1)],1),a("div",{staticClass:"content-box"},[a("BiTable",{attrs:{loading:e.tableLoading,data:e.tableData,size:"medium",column:e.tableColums,fixed:"fullscreen","max-height":"200px","fixed-offset":"60",pagination:"",layout:"total, prev, pager, next","auto-scroll":!1,total:e.page_info.total,page:e.page_info.page,limit:e.page_info.page_size},on:{"update:page":function(t){return e.$set(e.page_info,"page",t)},"update:limit":function(t){return e.$set(e.page_info,"page_size",t)},pagination:e.handlePageChange}})],1)])},ze=[],De={name:"BiDownloadCenter",props:{handleTableList:{type:Function,default:()=>new Promise(e=>{e()})},handleStatusList:{type:Function,default:()=>new Promise(e=>{e()})},handleTypeList:{type:Function,default:()=>new Promise(e=>{e()})}},data(){this.$createElement;return{tableLoading:!1,tableData:[],tableColums:[{prop:"task_code",label:"任务ID",width:180},{prop:"status_text",label:"任务状态",minWidth:90,render:(e,{row:t})=>21===t.status?e("el-tag",{attrs:{type:"success",size:"mini"}},[t.status_text]):0===t.status?e("el-tag",{attrs:{type:"info",size:"mini"}},["未开始"]):11===t.status?e("el-tag",{attrs:{type:"warning",size:"mini"}},["执行中"]):31===t.status?e("el-tooltip",{class:"item",attrs:{effect:"dark",placement:"right"}},[e("div",{slot:"content"},[t.message]),e("el-tag",{attrs:{type:"danger",size:"mini"}},["导出失败"])]):void 0},{prop:"task_name",label:"任务类型",minWidth:160},{prop:"query_string",label:"导出条件",minWidth:300,render:(e,{row:t})=>t.query_translation?e("el-tooltip",{class:"item",attrs:{effect:"dark",placement:"right"}},[e("div",{slot:"content",domProps:{innerHTML:t.query_translation}}),e("span",{class:"query-translation",domProps:{innerHTML:t.query_translation}})]):e("span",{class:"query-translation"},["————"])},{prop:"create_time",label:"创建时间",minWidth:160},{prop:"complete_time",label:"完成时间",minWidth:160},{label:"操作",width:60,fixed:"right",render:(e,{row:t})=>e("a",{class:"link el-button el-button--text",attrs:{href:t.path,target:"_blank"}},["下载"])}],optionsList:{type:[],status:[]},form:{task_code:"",task_name:null,status:null,time:null},options:{taskTypes:[],taskStatus:[]},page_info:{page:1,page_size:20,total:0}}},computed:{searchParams(){const{origin_system:e,task_name:t,task_code:a,status:n,time:s}=Object.assign({},this.form),{page:l,page_size:i}=Object.assign({},this.page_info),[o,r]=s||[];return{origin_system:e,page:l,page_size:i,task_name:t,task_code:a,status:n,start_time:o,end_time:r}}},mounted(){this.getOptions(),this.handleCurrentChange(1)},methods:{handlePageChange({page:e}){this.handleCurrentChange(e)},handleCurrentChange(e){this.form.page=e,this.getList()},getOptions(){this.handleStatusList().then(e=>{1===e.status_code&&(this.optionsList.status=e.data.data)}),this.handleTypeList().then(e=>{1===e.status_code&&(this.optionsList.type=e.data.data)})},reset(){this.form={task_code:"",task_name:null,status:null,time:[]},this.page_info={page:1,page_size:20,total:0}},async getList(e){this.tableLoading=!0;const t=await this.handleTableList(this.searchParams);this.tableLoading=!1,1===t.status_code&&(this.tableData=t.data.data,this.page_info=t.data.page_info)},search(){const e=this.formatData();this.getList(e)}}},$e=De,Me=(a("52ef"),Object(r["a"])($e,we,ze,!1,null,"06c81b29",null)),Oe=Me.exports;Oe.install=function(e){e.component(Oe.name,Oe)};var Se=Oe;const Te=[ie,fe,Le,Se],Ee=function(e){Ee.installed||Te.map(t=>e.component(t.name,t))};"undefined"!==typeof window&&window.Vue&&Ee(window.Vue);var Ae={install:Ee,BiTable:ie,BiCustomColumn:fe,BiDatePicker:Le,BiDownloadCenter:Se};n["default"].use(l.a),n["default"].use(Ae),n["default"].config.productionTip=!1,new n["default"]({router:z,store:O,render:e=>e(u)}).$mount("#app")},"5c0b":function(e,t,a){"use strict";a("7df9")},6211:function(e,t,a){},"7d6f":function(e,t,a){},"7d74":function(e,t,a){},"7df9":function(e,t,a){},9895:function(e,t,a){"use strict";a("1593")},aaf1:function(e,t,a){var n={"./af":"0674","./af.js":"0674","./ar":"6cc2","./ar-dz":"b1de","./ar-dz.js":"b1de","./ar-kw":"7d0b","./ar-kw.js":"7d0b","./ar-ly":"4064","./ar-ly.js":"4064","./ar-ma":"56ad","./ar-ma.js":"56ad","./ar-sa":"adaa","./ar-sa.js":"adaa","./ar-tn":"5221","./ar-tn.js":"5221","./ar.js":"6cc2","./az":"1a3f","./az.js":"1a3f","./be":"84b2","./be.js":"84b2","./bg":"a213","./bg.js":"a213","./bm":"8b34","./bm.js":"8b34","./bn":"3482","./bn-bd":"98bb","./bn-bd.js":"98bb","./bn.js":"3482","./bo":"a3f6","./bo.js":"a3f6","./br":"72ea","./br.js":"72ea","./bs":"fa2c","./bs.js":"fa2c","./ca":"f217","./ca.js":"f217","./cs":"1b54","./cs.js":"1b54","./cv":"ae9c","./cv.js":"ae9c","./cy":"7554","./cy.js":"7554","./da":"b478","./da.js":"b478","./de":"35a9","./de-at":"5b88","./de-at.js":"5b88","./de-ch":"7475","./de-ch.js":"7475","./de.js":"35a9","./dv":"4c16","./dv.js":"4c16","./el":"3f33","./el.js":"3f33","./en-au":"73ff","./en-au.js":"73ff","./en-ca":"bfc9","./en-ca.js":"bfc9","./en-gb":"428a","./en-gb.js":"428a","./en-ie":"6b5c","./en-ie.js":"6b5c","./en-il":"eb4a","./en-il.js":"eb4a","./en-in":"3fbf","./en-in.js":"3fbf","./en-nz":"89f8","./en-nz.js":"89f8","./en-sg":"13d6","./en-sg.js":"13d6","./eo":"dfd6","./eo.js":"dfd6","./es":"5221e","./es-do":"7a70","./es-do.js":"7a70","./es-mx":"a656","./es-mx.js":"a656","./es-us":"3081","./es-us.js":"3081","./es.js":"5221e","./et":"45f3","./et.js":"45f3","./eu":"d1a1","./eu.js":"d1a1","./fa":"6773","./fa.js":"6773","./fi":"259f","./fi.js":"259f","./fil":"32e2","./fil.js":"32e2","./fo":"0e60","./fo.js":"0e60","./fr":"0600","./fr-ca":"6520","./fr-ca.js":"6520","./fr-ch":"2b9c","./fr-ch.js":"2b9c","./fr.js":"0600","./fy":"23bb","./fy.js":"23bb","./ga":"f9bb","./ga.js":"f9bb","./gd":"088a","./gd.js":"088a","./gl":"da3a","./gl.js":"da3a","./gom-deva":"e728","./gom-deva.js":"e728","./gom-latn":"b781","./gom-latn.js":"b781","./gu":"ab1a","./gu.js":"ab1a","./he":"2e9a","./he.js":"2e9a","./hi":"77d9","./hi.js":"77d9","./hr":"334c","./hr.js":"334c","./hu":"9f96","./hu.js":"9f96","./hy-am":"f2d9","./hy-am.js":"f2d9","./id":"7e6f","./id.js":"7e6f","./is":"770b","./is.js":"770b","./it":"aed5","./it-ch":"72a8","./it-ch.js":"72a8","./it.js":"aed5","./ja":"d546","./ja.js":"d546","./jv":"63b1","./jv.js":"63b1","./ka":"517d","./ka.js":"517d","./kk":"1320","./kk.js":"1320","./km":"b9f3","./km.js":"b9f3","./kn":"d861","./kn.js":"d861","./ko":"ce13","./ko.js":"ce13","./ku":"ecb8","./ku.js":"ecb8","./ky":"885a","./ky.js":"885a","./lb":"aa9d","./lb.js":"aa9d","./lo":"579e","./lo.js":"579e","./lt":"b8d7","./lt.js":"b8d7","./lv":"1bb4","./lv.js":"1bb4","./me":"673d","./me.js":"673d","./mi":"26ae","./mi.js":"26ae","./mk":"e174","./mk.js":"e174","./ml":"4a84","./ml.js":"4a84","./mn":"aadd","./mn.js":"aadd","./mr":"a2a5","./mr.js":"a2a5","./ms":"d18a","./ms-my":"66b0","./ms-my.js":"66b0","./ms.js":"d18a","./mt":"7fb0","./mt.js":"7fb0","./my":"74d1","./my.js":"74d1","./nb":"5fd8","./nb.js":"5fd8","./ne":"4e84","./ne.js":"4e84","./nl":"6f41","./nl-be":"6f69","./nl-be.js":"6f69","./nl.js":"6f41","./nn":"e69e","./nn.js":"e69e","./oc-lnc":"8d28","./oc-lnc.js":"8d28","./pa-in":"b000","./pa-in.js":"b000","./pl":"510c","./pl.js":"510c","./pt":"714b","./pt-br":"e9f3","./pt-br.js":"e9f3","./pt.js":"714b","./ro":"a876","./ro.js":"a876","./ru":"ba7c","./ru.js":"ba7c","./sd":"25dc","./sd.js":"25dc","./se":"d540","./se.js":"d540","./si":"1b0a","./si.js":"1b0a","./sk":"bfa3","./sk.js":"bfa3","./sl":"d112","./sl.js":"d112","./sq":"8f41","./sq.js":"8f41","./sr":"61ee","./sr-cyrl":"17eb","./sr-cyrl.js":"17eb","./sr.js":"61ee","./ss":"0d66","./ss.js":"0d66","./sv":"820c","./sv.js":"820c","./sw":"dbbf","./sw.js":"dbbf","./ta":"70b6","./ta.js":"70b6","./te":"67e8","./te.js":"67e8","./tet":"9609","./tet.js":"9609","./tg":"a19a","./tg.js":"a19a","./th":"459d","./th.js":"459d","./tk":"b2a1","./tk.js":"b2a1","./tl-ph":"341b","./tl-ph.js":"341b","./tlh":"b24c","./tlh.js":"b24c","./tr":"8f6c","./tr.js":"8f6c","./tzl":"fea0","./tzl.js":"fea0","./tzm":"9828","./tzm-latn":"a859","./tzm-latn.js":"a859","./tzm.js":"9828","./ug-cn":"0a67","./ug-cn.js":"0a67","./uk":"82cc","./uk.js":"82cc","./ur":"ad72","./ur.js":"ad72","./uz":"015a","./uz-latn":"35be","./uz-latn.js":"35be","./uz.js":"015a","./vi":"90db","./vi.js":"90db","./x-pseudo":"7eee","./x-pseudo.js":"7eee","./yo":"b9ec","./yo.js":"b9ec","./zh-cn":"10ef","./zh-cn.js":"10ef","./zh-hk":"c3a6","./zh-hk.js":"c3a6","./zh-mo":"9218","./zh-mo.js":"9218","./zh-tw":"0144","./zh-tw.js":"0144"};function s(e){var t=l(e);return a(t)}function l(e){if(!a.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}s.keys=function(){return Object.keys(n)},s.resolve=l,e.exports=s,s.id="aaf1"},bde6:function(e,t,a){"use strict";a("2666")},f621:function(e,t,a){"use strict";a("047b")}});
2
- //# sourceMappingURL=index.c41fa850.js.map