myTest383
4 months ago
27 changed files with 1494 additions and 809 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||||
|
[data-v-3fa49be9] .el-form-item__error{margin-left:120px!important}.must[data-v-3fa49be9]{color:red}.span-sty[data-v-3fa49be9]{width:130px!important}.addinputInfo[data-v-3fa49be9]{margin-left:120px!important}.formaddcopy02 .el-row .el-col[data-v-3fa49be9] .el-form-item .addinputw{margin-left:120px!important;width:calc(100% - 115px)}.first_row[data-v-3fa49be9]{border-top:1px solid #e0e3eb}.titleOne[data-v-3fa49be9]{padding:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-radio[data-v-3fa49be9] .el-radio__label{font-size:14px!important} |
||||
@ -1 +0,0 @@ |
|||||
[data-v-6ff57089] .hide .el-upload--picture-card{display:none!important}.box-card[data-v-6ff57089]{margin-left:60px;margin-right:60px;min-width:70%;margin-top:20px}.box-card .item[data-v-6ff57089]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:15px;height:40px;line-height:40px}.box-card .item .item_text[data-v-6ff57089]{-webkit-box-flex:.8;-ms-flex:.8;flex:.8;font-size:18px;text-align:right}.box-card .item .item_input[data-v-6ff57089]{-webkit-box-flex:4;-ms-flex:4;flex:4;font-size:16px;margin-left:10px;margin-right:80px}.box-card .item .item_left_input[data-v-6ff57089]{width:20%}.box-card .item .item_left_text[data-v-6ff57089]{height:30px;margin-left:20px;line-height:30px;color:#018ad2;padding:0 15px;border:1.5px solid #018ad2;border-radius:5px}.box-card .item .item_right[data-v-6ff57089]{-webkit-box-flex:1;-ms-flex:1;flex:1;justify-items:center}.box-card .item .item_right .item_right_list_text[data-v-6ff57089]{font-size:16px}.box-card .item .item_right .item_right_list_delect[data-v-6ff57089]{color:#5e94ff;margin-left:20px;font-size:16px;text-decoration:underline} |
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,14 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
// 预售单
|
||||
|
export default { |
||||
|
|
||||
|
// 获取礼包列表
|
||||
|
pcOrderList: function(data) { |
||||
|
return request({ |
||||
|
url: '/mall/empsreservoorder/pcOrderList', |
||||
|
method: 'post', |
||||
|
data: data |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,529 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar ref="btnbar" view-title="预售单列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
||||
|
{{ searchxianshitit }} |
||||
|
</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form :inline="true" class="tab-header"> |
||||
|
|
||||
|
<el-form-item label="订单编号"> |
||||
|
<el-input v-model="page.params.billNo" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="创建日期"> |
||||
|
<el-date-picker v-model="page.params.startDate" type="date" placeholder="选择日期" |
||||
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
||||
|
至 |
||||
|
<el-date-picker v-model="page.params.endDate" type="date" placeholder="选择日期" |
||||
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户名称"> |
||||
|
<el-input v-model="page.params.name" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="支付状态"> |
||||
|
<el-select v-model="page.params.payState" filterable class="item_input" clearable |
||||
|
placeholder="请选择" style="width:100%"> |
||||
|
<el-option v-for="item in payStateList" :key="item.sid" :label="item.name" |
||||
|
:value="item.sid" /> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="支付日期"> |
||||
|
<el-date-picker v-model="page.params.payStartDate" type="date" placeholder="选择日期" |
||||
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
||||
|
至 |
||||
|
<el-date-picker v-model="page.params.payEndDate" type="date" placeholder="选择日期" |
||||
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="开票状态"> |
||||
|
<el-select v-model="page.params.invoiceState" filterable class="item_input" clearable |
||||
|
placeholder="请选择" style="width:100%"> |
||||
|
<el-option v-for="item in invoiceStateList" :key="item.sid" :label="item.name" |
||||
|
:value="item.sid" /> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
</el-form> |
||||
|
<div class="btn" style="text-align: center;"> |
||||
|
<el-button type="primary" size="small" icon="el-icon-search" |
||||
|
@click="dosearch">查询</el-button> |
||||
|
<el-button type="primary" size="small" icon="el-icon-refresh" |
||||
|
@click="resetQuery">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Start 项目列表头部 --> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">预售单列表</div> |
||||
|
</div> |
||||
|
<!-- End 项目列表头部 --> |
||||
|
<!-- Start 项目列表 --> |
||||
|
<div class=""> |
||||
|
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" |
||||
|
@selection-change="handleChange"> |
||||
|
<el-table-column fixed width="50" type="selection" align="center" /> |
||||
|
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
||||
|
<!-- <el-table-column label="操作" align="center" width="120"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column prop="createTime" label="创建日期" align="center" /> |
||||
|
<el-table-column label="订单编号" align="center" width="350"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span style="color: #1890FF; text-decoration: underline ;" |
||||
|
@click="showOrder(scope.row.sid)">{{scope.row.outTradeNo}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<!-- <el-table-column prop="bankName" label="所属支行" align="center" /> --> |
||||
|
<!-- <el-table-column prop="userName" label="客户名称" align="center" /> --> |
||||
|
<!-- <el-table-column prop="userPhone" label="联系电话" align="center" /> --> |
||||
|
<el-table-column prop="name" label="商品名称" align="center" /> |
||||
|
<el-table-column prop="count" label="商品数量" align="center" /> |
||||
|
<el-table-column prop="payStatusValue" label="支付状态" align="center" /> |
||||
|
|
||||
|
<!-- <el-table-column label="支付状态" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span type="primary" size="mini">{{payState(scope.row.payStatus)}}</span> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column prop="invoiceStatusValue" label="开票状态" align="center" /> |
||||
|
<!-- <el-table-column prop="customerBank" label="客户所属支行" align="center" /> --> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<!-- End 项目列表 --> |
||||
|
<div class="pages"> |
||||
|
<div class="tit" /> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" |
||||
|
:limit.sync="page.size" class="pagination" @pagination="loadList" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End 查询和其列表部分 --> |
||||
|
<!-- 新增修改部分组件 --> |
||||
|
<!-- <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> --> |
||||
|
|
||||
|
<el-dialog title="订单详情" :visible.sync="dialogVisible" :before-close="handleClose"> |
||||
|
<el-form ref="dataForm1" class="formadd" style="margin-top: -40px;" :model="orderInfo"> |
||||
|
<div class="title" style="display: flex;align-items: center;justify-content: space-between;height:40px"> |
||||
|
<div>订单信息</div> |
||||
|
</div> |
||||
|
<el-row class="first_row"> |
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">订单编号</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="20"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">{{orderInfo.outTradeNo}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">下单时间</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">{{orderInfo.createTime}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">付款时间</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">{{orderInfo.payTime}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">支付方式</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">{{orderInfo.payType}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="4" class="trightb"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">实付金额</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<el-form-item class="trightb_item"> |
||||
|
<span slot="label">{{orderInfo.meet}}</span> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
|
||||
|
<el-collapse v-model="activeNames" style="margin-top: 20px;"> |
||||
|
<el-collapse-item name="1" title="商品列表"> |
||||
|
<!-- <template slot="title"> |
||||
|
商品列表<span class="span" @click.stop="add()">添加</span> |
||||
|
</template> --> |
||||
|
<el-table v-loading="listLoading" :data="orderInfo.ordOrderDetails" border style="width: 100%;" |
||||
|
:row-style="{height: '40px'}"> |
||||
|
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" /> |
||||
|
<el-table-column label="商品图片" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-popover placement="left" trigger="click" width="300"> |
||||
|
<img :src="scope.row.picUrl" width="100%" /> |
||||
|
<img slot="reference" :src="scope.row.picUrl" :alt="scope.row.picUrl" |
||||
|
style="max-height: 70px;max-width: 70px; padding: 5px" /> |
||||
|
</el-popover> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="商品名称" prop="goodsName" align="center" /> |
||||
|
<el-table-column label="份数" prop="partNumber" align="center" /> |
||||
|
<el-table-column label="单价" prop="priceUnit" align="center" /> |
||||
|
<el-table-column label="单位" prop="specificationUnit" align="center" /> |
||||
|
<el-table-column label="规格" prop="unitName" align="center" /> |
||||
|
<el-table-column label="金额" prop="pricePart" align="center" /> |
||||
|
</el-table> |
||||
|
|
||||
|
</el-collapse-item> |
||||
|
</el-collapse> |
||||
|
|
||||
|
</el-form> |
||||
|
|
||||
|
|
||||
|
<div style="display: flex;flex-direction: row;width: 100%;justify-content: center;align-items: center;"> |
||||
|
<el-button type="primary" style="margin-top: 20px;" @click="handleClose">确 定</el-button> |
||||
|
</div> |
||||
|
|
||||
|
</el-dialog> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/preSaleOrder/preSaleOrder.js' |
||||
|
import req2 from '@/api/invoiceReview/invoiceReview.js' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
import Pagination from '@/components/pagination' |
||||
|
// import divAdd from './indexInfo.vue' |
||||
|
export default { |
||||
|
name: 'OrderreserveIndex', |
||||
|
components: { |
||||
|
ButtonBar, |
||||
|
Pagination, |
||||
|
// divAdd |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
tableLoading: false, |
||||
|
listLoading: false, |
||||
|
activeNames: ['1'], |
||||
|
dialogVisible: false, |
||||
|
dataList: [], |
||||
|
btnList: [{ |
||||
|
type: 'danger', |
||||
|
size: 'small', |
||||
|
icon: '', |
||||
|
btnKey: 'refund', |
||||
|
btnLabel: '退款' |
||||
|
}, { |
||||
|
type: 'success', |
||||
|
size: 'small', |
||||
|
icon: 'export', |
||||
|
btnKey: 'build', |
||||
|
btnLabel: '导出' |
||||
|
}, { |
||||
|
type: 'danger', |
||||
|
size: 'small', |
||||
|
icon: 'del', |
||||
|
btnKey: 'dodel', |
||||
|
btnLabel: '删除' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
page: { |
||||
|
total: 0, // 默认数据总数 |
||||
|
current: 1, // 默认开始页面 |
||||
|
size: 10, // 每页的数据条数 |
||||
|
params: { |
||||
|
billNo: '', |
||||
|
startDate: '', |
||||
|
endDate: '', |
||||
|
name: '', |
||||
|
payState: '', |
||||
|
payStartDate: '', |
||||
|
payEndDate: '', |
||||
|
invoiceState: '' |
||||
|
} |
||||
|
}, |
||||
|
brandList: [], |
||||
|
bankList: [], |
||||
|
storeList: [], |
||||
|
payStateList: [{ |
||||
|
sid: '2', |
||||
|
name: '待支付' |
||||
|
}, |
||||
|
{ |
||||
|
sid: '3', |
||||
|
name: '已取消' |
||||
|
}, |
||||
|
{ |
||||
|
sid: '4', |
||||
|
name: '支付成功' |
||||
|
}, |
||||
|
{ |
||||
|
sid: '99', |
||||
|
name: '已退款' |
||||
|
} |
||||
|
], |
||||
|
invoiceStateList: [{ |
||||
|
sid: '0', |
||||
|
name: '未开票' |
||||
|
}, |
||||
|
{ |
||||
|
sid: '1', |
||||
|
name: '提交申请' |
||||
|
}, |
||||
|
{ |
||||
|
sid: '2', |
||||
|
name: '审核通过' |
||||
|
}, |
||||
|
{ |
||||
|
sid: '3', |
||||
|
name: '不通过' |
||||
|
} |
||||
|
], |
||||
|
sids: [], |
||||
|
orderInfo: {} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
this.loadList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// payState(val) { |
||||
|
|
||||
|
// if (val == '2') { |
||||
|
// return "待支付" |
||||
|
// } else if (val == '3') { |
||||
|
// return "已取消" |
||||
|
// } else if (val == '4') { |
||||
|
// return "支付成功" |
||||
|
// } else if (val == '99') { |
||||
|
// return "已退款" |
||||
|
// } |
||||
|
|
||||
|
// }, |
||||
|
showOrder(sid) { |
||||
|
console.log("showOrder", sid); |
||||
|
|
||||
|
if (sid != this.orderInfo.sid) { |
||||
|
req2.getOrderDetails(sid).then((resp) => { |
||||
|
|
||||
|
console.log("getOrderDetails", resp.data); |
||||
|
|
||||
|
this.orderInfo = resp.data |
||||
|
|
||||
|
this.tableLoading = false |
||||
|
|
||||
|
this.dialogVisible = true |
||||
|
}).catch(() => { |
||||
|
this.tableLoading = false |
||||
|
}) |
||||
|
|
||||
|
} else { |
||||
|
this.dialogVisible = true |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
handleClose() { |
||||
|
this.dialogVisible = false |
||||
|
}, |
||||
|
handleChange(val) { |
||||
|
console.log("handleChange", val) |
||||
|
|
||||
|
// this.selectionList = val |
||||
|
const aa = [] |
||||
|
val.forEach(element => { |
||||
|
aa.push(element.sid) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
initBank() { |
||||
|
reqBank.listBankAll() |
||||
|
.then(resp => { |
||||
|
this.bankList = resp.data |
||||
|
}) |
||||
|
}, |
||||
|
initStore() { |
||||
|
reqBank.listStoreOfBank(this.page.params.bankSid) |
||||
|
.then(resp => { |
||||
|
this.storeList = resp.data |
||||
|
}) |
||||
|
}, |
||||
|
initBrand() { |
||||
|
reqMall.listAllBrand().then(resp => { |
||||
|
this.brandList = resp.data |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
switch (btnKey) { |
||||
|
case 'build': // 导出 |
||||
|
this.doBuild() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
case 'dodel': |
||||
|
this.dodel() |
||||
|
break |
||||
|
case 'refund': |
||||
|
this.refund() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
bankSelect(val) { |
||||
|
console.log('>>>>>>>>>bankSelect', val) |
||||
|
this.page.params.bankSid = val |
||||
|
this.page.params.store = '' |
||||
|
this.initStore() |
||||
|
}, |
||||
|
loadList() { |
||||
|
this.tableLoading = true |
||||
|
this.page.params.userSid = window.sessionStorage.getItem('userSid') |
||||
|
this.page.params.orgPath = window.sessionStorage.getItem('orgSidPath') |
||||
|
this.page.params.menuUrl = this.$route.path |
||||
|
req.pcOrderList(this.page).then((resp) => { |
||||
|
this.tableLoading = false |
||||
|
if (resp.success) { |
||||
|
const data = resp.data |
||||
|
this.page.total = data.total |
||||
|
this.dataList = data.records |
||||
|
} else { |
||||
|
// 根据resp.code进行异常情况处理 |
||||
|
this.dataList = [] |
||||
|
this.page.total = 0 |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.tableLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.page.current - 1) * this.page.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
dosearch() { |
||||
|
this.page.current = 1 |
||||
|
this.loadList() |
||||
|
}, |
||||
|
resetQuery() { |
||||
|
this.page = { |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0, |
||||
|
params: { |
||||
|
billNo: '', |
||||
|
startDate: '', |
||||
|
endDate: '', |
||||
|
name: '', |
||||
|
payState: '', |
||||
|
payStartDate: '', |
||||
|
payEndDate: '', |
||||
|
invoiceState: '' |
||||
|
} |
||||
|
} |
||||
|
this.loadList() |
||||
|
}, |
||||
|
|
||||
|
toRelevancy(row) { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divadd'].showEdit(row) |
||||
|
}, |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
}, |
||||
|
|
||||
|
// 导出 |
||||
|
doBuild() { |
||||
|
const loading = this.$loading({ |
||||
|
lock: true, |
||||
|
text: 'Loading', |
||||
|
spinner: 'el-icon-loading', |
||||
|
background: 'rgba(0, 0, 0, 0.7)' |
||||
|
}) |
||||
|
|
||||
|
req.expExcelOfCustomer(this.page.params).then((resp) => { |
||||
|
loading.close() |
||||
|
const blob = new Blob([resp], { |
||||
|
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' |
||||
|
}) |
||||
|
const fileName = '预约单明细_' + this.page.params.startDate + '.xlsx' |
||||
|
const elink = document.createElement('a') |
||||
|
elink.download = fileName |
||||
|
elink.style.display = 'nonde' |
||||
|
elink.href = URL.createObjectURL(blob) |
||||
|
document.body.appendChild(elink) |
||||
|
elink.click() |
||||
|
URL.revokeObjectURL(elink.href) |
||||
|
document.body.removeChild(elink) |
||||
|
}).catch(() => { |
||||
|
loading.close() |
||||
|
}) |
||||
|
}, |
||||
|
dodel() { |
||||
|
|
||||
|
}, |
||||
|
refund() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
Loading…
Reference in new issue