You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
4.7 KiB
2 lines
4.7 KiB
2 months ago
|
"use strict";(self["webpackChunkabcdf"]=self["webpackChunkabcdf"]||[]).push([[778],{2778:function(e,t,l){l.r(t),l.d(t,{default:function(){return o}});var a=function(){var e=this,t=e._self._c;return t("div",{staticClass:"bg"},[t("div",{staticClass:"cart-page common-card"},[t("div",{staticClass:"cart-header"},[e._v(" 购物车(全部 "+e._s(e.totalCount)+" 件) ")]),t("el-table",{ref:"multipleTable",staticStyle:{width:"100%"},attrs:{data:e.currentPageData},on:{select:e.selectRow,"select-all":e.selectAll}},[t("el-table-column",{attrs:{type:"selection",width:"55",align:"center"}}),t("el-table-column",{attrs:{label:"商品",prop:"image"},scopedSlots:e._u([{key:"default",fn:function(l){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("img",{staticClass:"product-img",attrs:{src:"https://picsum.photos/200/200?random=1",alt:"商品"}}),t("div",{staticStyle:{"padding-left":"10px"}},[e._v(e._s(l.row.title))])])]}}])}),t("el-table-column",{attrs:{label:"规格",prop:"spec",align:"center"}}),t("el-table-column",{attrs:{label:"单价(元)",prop:"price",align:"center",width:"100"}}),t("el-table-column",{attrs:{label:"数量",prop:"quantity",width:"160",align:"center"},scopedSlots:e._u([{key:"default",fn:function(l){return[t("el-input-number",{attrs:{size:"small",min:1,step:1},model:{value:l.row.quantity,callback:function(t){e.$set(l.row,"quantity",t)},expression:"scope.row.quantity"}})]}}])}),t("el-table-column",{attrs:{label:"金额(元)",prop:"amount",width:"100",align:"center"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._v(" ¥"+e._s(t.row.price*t.row.quantity)+" ")]}}])}),t("el-table-column",{attrs:{label:"操作",width:"100",align:"center"},scopedSlots:e._u([{key:"default",fn:function(l){return[t("el-button",{attrs:{type:"text"},on:{click:function(t){return e.handleDelete(l.row)}}},[e._v("删除")])]}}])})],1),t("el-pagination",{staticStyle:{"margin-top":"20px","text-align":"right"},attrs:{"current-page":e.currentPage,"page-sizes":[3,5,10],"page-size":e.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.totalCount},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}}),t("div",{staticClass:"cart-footer"},[t("div",{staticClass:"selected-info"},[e._v(" 已选商品 "+e._s(e.selectedRows.length)+" 件 总价: ¥0 (不含运费) ")]),t("el-button",{attrs:{type:"primary",disabled:0===e.selectedRows.length},on:{click:e.handleCheckout}},[e._v("去结算")])],1)],1)])},i=[],s=(l(4114),l(8111),l(2489),l(7588),l(1701),l(3579),{name:"CartPage",data(){return{cartData:[{id:1,image:"https://via.placeholder.com/60",title:"产品标题产品标题",spec:"规格名称一",price:349,quantity:1},{id:2,image:"https://via.placeholder.com/60",title:"产品标题产品标题",spec:"规格名称一",price:199,quantity:1},{id:3,image:"https://via.placeholder.com/60",title:"产品标题产品标题",spec:"规格名称一",price:389,quantity:1},{id:4,image:"https://via.placeholder.com/60",title:"产品标题产品标题",spec:"规格名称一",price:249,quantity:1},{id:5,image:"https://via.placeholder.com/60",title:"产品标题产品标题",spec:"规格名称一",price:449,quantity:1},{id:6,image:"https://via.placeholder.com/60",title:"产品标题产品标题",spec:"规格名称二",price:129,quantity:1},{id:7,image:"https://via.placeholder.com/60",title:"产品标题产品标题",spec:"规格名称二",price:279,quantity:1}],pageSize:3,currentPage:1,selectedRows:[{id:1}]}},computed:{totalCount(){return this.cartData.length},currentPageData(){const e=(this.currentPage-1)*this.pageSize,t=e+this.pageSize;return this.cartData.slice(e,t)}},mounted(){this.refreshTableCheck()},methods:{refreshTableCheck(){this.$nextTick(()=>{let e=this.selectedRows.map(e=>e.id);this.currentPageData.forEach(t=>{e.includes(t.id)?this.$refs.multipleTable.toggleRowSelection(t,!0):this.$refs.multipleTable.toggleRowSelection(t,!1)})})},selectRow(e,t){let l=this.selectedRows.findIndex(e=>e.id===t.id);console.log(l),l>=0?this.selectedRows.splice(l,1):this.selectedRows.push(t),console.log(this.selectedRows)},se
|
||
|
|
//# sourceMappingURL=778.d732e8ad.js.map
|