0.0
2 years ago
5 changed files with 1022 additions and 59 deletions
@ -0,0 +1,923 @@
|
||||
<template> |
||||
<basic-container> |
||||
<div class="avue-crud"> |
||||
<el-row :gutter="24" class="rows"> |
||||
<el-col :xl="7" :lg="7" :md="8" :sm="24" > |
||||
<span style="padding-left: 10%" >当前签收单状态>>>>>>>>> {{signfordata.signingStatusAll}}</span> |
||||
</el-col> |
||||
</el-row> |
||||
<el-divider>基本信息</el-divider> |
||||
<el-row :gutter="24" class="rows"> |
||||
<el-col :xl="5" :lg="7" :md="8" :sm="24" > |
||||
<span>服务号：{{signfordata.reservationCode}} </span> |
||||
</el-col> |
||||
<el-col :xl="5" :lg="7" :md="8" :sm="24"> |
||||
<span>订单自编号：{{signfordata.mallName}} </span> |
||||
</el-col> |
||||
<el-col :xl="5" :lg="7" :md="8" :sm="24"> |
||||
<span>商城名称：{{signfordata.reservationDate}} </span> |
||||
</el-col> |
||||
<el-col :xl="3" :lg="7" :md="8" :sm="24"> |
||||
<span>当前仓库：{{signfordata.deliveryType}}</span> |
||||
</el-col> |
||||
<el-col :xl="3" :lg="7" :md="8" :sm="24"> |
||||
<span>品牌：{{signfordata.deliveryType}}</span> |
||||
</el-col> |
||||
</el-row> |
||||
<el-divider>收货人信息</el-divider> |
||||
<el-row :gutter="24" class="rows"> |
||||
<el-col :xl="7" :lg="7" :md="10" :sm="24" > |
||||
<span>收货人：{{signfordata.consignee}} </span> |
||||
</el-col> |
||||
<el-col :xl="7" :lg="7" :md="10" :sm="24"> |
||||
<span>手机号码：{{signfordata.deliveryPhone}} </span> |
||||
</el-col> |
||||
<el-col :xl="7" :lg="7" :md="10" :sm="24"> |
||||
<span>收货地址：{{signfordata.deliveryAddress}} </span> |
||||
</el-col> |
||||
</el-row> |
||||
|
||||
<el-divider>订单信息</el-divider> |
||||
<tablecmt |
||||
:columnList="columnList" |
||||
:tableData="data" |
||||
:loading="loading" |
||||
@inputTxt="inputsc" |
||||
@timeCheck="timesc" |
||||
@btnCheck="btnsc" |
||||
@selectCheck="selectsc" |
||||
@selection="selectionsc" |
||||
> |
||||
<template #default="slotProps"> |
||||
<el-button size="small" @click="editsolt(slotProps.scope)">查 看 包 条</el-button> |
||||
<el-button size="small" @click="checkAddValue(slotProps.scope)">费 用 增 项</el-button> |
||||
</template> |
||||
</tablecmt> |
||||
<div class="avue-crud__pagination" style="width:100%"> |
||||
<!-- 分页模块 --> |
||||
<el-pagination align="right" |
||||
background |
||||
@size-change="sizeChange" |
||||
@current-change="currentChange" |
||||
:current-page="page.currentPage" |
||||
:page-sizes="[10, 20, 30, 40, 50, 100]" |
||||
:page-size="page.pageSize" |
||||
layout="total, sizes, prev, pager, next, jumper" |
||||
:total="page.total"> |
||||
</el-pagination> |
||||
</div> |
||||
<el-divider>包件信息</el-divider> |
||||
<avue-form :option="signoption" |
||||
v-model="signfordata" |
||||
:data="signdata" |
||||
ref="signform" |
||||
> |
||||
</avue-form> |
||||
<!--包间信息--> |
||||
<el-dialog :title="title" |
||||
v-model="box" |
||||
width="50%" |
||||
:before-close="beforeClose" |
||||
append-to-body> |
||||
<el-table ref="table" v-loading="loading" |
||||
@selection-change="selectionChange" |
||||
:data="wrapdata" |
||||
:height="height" |
||||
:border="wrapoption.border" |
||||
style="width: 100%" |
||||
> |
||||
<el-table-column type="expand" v-if="wrapoption.expand" align="center"></el-table-column> |
||||
<template v-for="(item,index) in wrapoption.column"> |
||||
<!-- table字段 --> |
||||
<el-table-column v-if="item.hide!==true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
align="center" |
||||
:width="item.width" |
||||
:key="index"> |
||||
</el-table-column> |
||||
</template> |
||||
</el-table> |
||||
<div class="avue-crud__pagination" style="width:100%"> |
||||
<!-- 分页模块 --> |
||||
<el-pagination align="right" |
||||
background |
||||
@size-change="wsizeChange" |
||||
@current-change="wcurrentChange" |
||||
:current-page="wpage.currentPage" |
||||
:page-sizes="[10, 20, 30, 40, 50, 100]" |
||||
:page-size="wpage.pageSize" |
||||
layout="total, sizes, prev, pager, next, jumper" |
||||
:total="wpage.total"> |
||||
</el-pagination> |
||||
</div> |
||||
<!-- 表单按钮 --> |
||||
<!-- <template #footer>--> |
||||
<!-- <span v-if="!view" class="dialog-footer">--> |
||||
<!-- <el-button type="primary" icon="el-icon-circle-check" @click="handleSubmit">提 交</el-button>--> |
||||
<!-- <el-button icon="el-icon-circle-close" @click="box = false">取 消</el-button>--> |
||||
<!-- </span>--> |
||||
<!-- </template>--> |
||||
</el-dialog> |
||||
|
||||
|
||||
</div> |
||||
</basic-container> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getList, getDetail, add, update, remove ,getDetailById,getListOrder} from '@/api/distribution/distributionSignfor'; |
||||
|
||||
import { mapGetters } from 'vuex'; |
||||
import { getDictionaryBiz } from '@/api/system/dict'; |
||||
import { getWrapdetail } from '@/api/distribution/distributionDeliveryList'; |
||||
import { getStockAddValue } from '@/api/distribution/distributionStockArticle'; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
height: 300, |
||||
// 弹框标题 |
||||
title: '', |
||||
// 是否展示弹框 |
||||
box: false, |
||||
// 服务内容是否展示弹框 |
||||
fbox: false, |
||||
dataForm: {}, |
||||
// 是否显示查询 |
||||
search: true, |
||||
// 是否显示新增 |
||||
isadd: false, |
||||
signfordata:{}, |
||||
// 加载中 |
||||
loading: true, |
||||
// 查看按钮 |
||||
edt:false, |
||||
// 查看pda |
||||
padview:false, |
||||
// 是否为查看模式。。 |
||||
view: false, |
||||
// 查询信息 |
||||
query: {}, |
||||
// 包条查询信息 |
||||
wquery: {}, |
||||
inputTypeData:[], |
||||
// 签收表单数据 |
||||
signform: {}, |
||||
// 签收列表 |
||||
signdata: [], |
||||
// 表单配置 |
||||
signoption: { |
||||
height:'auto', |
||||
width:'40px', |
||||
calcHeight: 30, |
||||
tip: false, |
||||
searchShow: true, |
||||
searchMenuSpan: 6, |
||||
border: true, |
||||
index: true, |
||||
viewBtn: true, |
||||
dialogClickModal: false, |
||||
emptyBtn: false, //隐藏清空按钮 |
||||
submitBtn: false, //隐藏提交按钮 |
||||
column: [ |
||||
|
||||
|
||||
{ |
||||
label: "签收类型", |
||||
prop: "signingType", |
||||
labelWidth:'150', |
||||
span:11, |
||||
type: "radio", |
||||
width:"150px", |
||||
align:'center', |
||||
disabled:true, |
||||
dicData: [ |
||||
{ |
||||
label: '签收', |
||||
value: '1', |
||||
}, |
||||
{ |
||||
label: '代签收', |
||||
value: '2', |
||||
} |
||||
], |
||||
}, |
||||
{ |
||||
label: "司机签收图片", |
||||
prop: "deliverySignPictures", |
||||
labelWidth:'150', |
||||
type: 'upload', |
||||
listType: 'picture-card', |
||||
width:"150px", |
||||
span:15, |
||||
multiple:true, |
||||
align:'left', |
||||
action: '/blade-resource/oss/endpoint/put-file', |
||||
limit: 5, |
||||
propsHttp: { |
||||
res: 'data', |
||||
url: 'link', |
||||
}, |
||||
disabled:true, |
||||
}, |
||||
{ |
||||
label: "复核图片", |
||||
prop: "clerkSignPictures", |
||||
type: 'upload', |
||||
listType: 'picture-card', |
||||
dataType: 'string', |
||||
labelWidth:'150', |
||||
span:15, |
||||
disabled:true, |
||||
multiple:true, |
||||
width:"200px", |
||||
align:'left', |
||||
action: '/blade-resource/oss/endpoint/put-file', |
||||
limit: 15, |
||||
propsHttp: { |
||||
res: 'data', |
||||
url: 'link', |
||||
}, |
||||
|
||||
}, |
||||
|
||||
|
||||
] |
||||
}, |
||||
columnList: [ |
||||
// { |
||||
// prop: '', |
||||
// label: '序号', |
||||
// type: 0, |
||||
// values: '', |
||||
// width: 55, |
||||
// checkarr: [], |
||||
// fixed: true, |
||||
// }, |
||||
{ |
||||
prop: 'orderCode', |
||||
label: '订单自编号', |
||||
type: 2, |
||||
values: '', |
||||
width: '150', |
||||
checkarr: [], |
||||
fixed: true, |
||||
sortable: true, |
||||
// head: true, |
||||
}, |
||||
{ |
||||
label: "货物名称", |
||||
prop: "descriptionGoods", |
||||
type: 1, |
||||
values: '', |
||||
width: '150', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
}, |
||||
{ |
||||
label: "物料名称", |
||||
prop: "materialName", |
||||
type: 1, |
||||
values: '', |
||||
width: '180', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
}, |
||||
{ |
||||
label: "备货件数", |
||||
prop: "deliveryNumber", |
||||
type: 1, |
||||
values: '', |
||||
width: '180', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
}, |
||||
{ |
||||
label: "已备数量", |
||||
prop: "readyStock", |
||||
type: 1, |
||||
values: '', |
||||
width: '180', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
}, |
||||
{ |
||||
label: "备货状态", |
||||
prop: "stockArticleState", |
||||
type: 1, |
||||
values: '', |
||||
width: '180', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
}, |
||||
{ |
||||
label: "托盘码", |
||||
prop: "pallet", |
||||
type: 1, |
||||
values: '', |
||||
width: '180', |
||||
checkarr: [], |
||||
fixed: false, |
||||
sortable: true, |
||||
}, |
||||
{ |
||||
prop: '', |
||||
label: '操作', |
||||
type: 6, |
||||
values: '', |
||||
width: '150', |
||||
checkarr: [], |
||||
fixed:'right', |
||||
sortable: false, |
||||
} |
||||
// 更多列的配置... |
||||
], |
||||
// 分页信息 |
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
total: 40 |
||||
}, |
||||
// 表单数据 |
||||
form: {}, |
||||
wid:null, |
||||
// 选择行 |
||||
selectionList: [], |
||||
isLiabilityData: [], |
||||
addvalueServeTypeData:[], |
||||
dialogVisible:false, |
||||
//状态列表 |
||||
stateData: [], |
||||
//包肩分页信息 |
||||
wpage:{ |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
total: 40 |
||||
}, |
||||
// 包间配置 |
||||
wrapoption: { |
||||
expand: false, |
||||
index: true, |
||||
border: true, |
||||
selection: true, |
||||
column: [ |
||||
{ |
||||
label: "包条码", |
||||
prop: "packetBarCode", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "仓库", |
||||
prop: "warehouse", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "一级品类", |
||||
prop: "firsts", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "二级品类", |
||||
prop: "second", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "三级品类", |
||||
prop: "thirdProduct", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "物料编号", |
||||
prop: "encoded", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "物料名称", |
||||
prop: "material", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "托盘码", |
||||
prop: "pallet", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
{ |
||||
label: "库位号", |
||||
prop: "goodsAllocation", |
||||
search: true, |
||||
width:"100px" |
||||
}, |
||||
|
||||
] |
||||
}, |
||||
// 订单列表 |
||||
data: [], |
||||
// 基本信息表单列表 |
||||
basicdata: {}, |
||||
// |
||||
wrapdata:[], |
||||
}; |
||||
}, |
||||
watch: { |
||||
// eslint-disable-next-line no-unused-vars |
||||
'$route'(to, from) { |
||||
// this.isadd =false; |
||||
// this.query.masterId = null; |
||||
// this.masterId = null; |
||||
if (!!this.$route.query.data) { |
||||
// //做一些路由变化的响应 |
||||
// // this.isadd =true; |
||||
// this.query.masterId = this.$route.query.data; |
||||
// this.masterId = this.$route.query.data; |
||||
//重新获取数据 |
||||
this.onLoad(this.page); |
||||
} else { |
||||
} |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.init(); |
||||
this.onLoad(); |
||||
this.queryDictionary(); |
||||
}, |
||||
created() { |
||||
// //查询字典 |
||||
// this.queryDictionary(); |
||||
}, |
||||
computed: { |
||||
...mapGetters(['permission']), |
||||
ids() { |
||||
let ids = []; |
||||
this.selectionList.forEach(ele => { |
||||
ids.push(ele.id); |
||||
}); |
||||
return ids.join(','); |
||||
} |
||||
}, |
||||
methods: { |
||||
//修改 |
||||
rowUpdate() { |
||||
|
||||
}, |
||||
|
||||
queryDictionary() { |
||||
getDictionaryBiz('yes_no').then(res => { |
||||
this.isLiabilityData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('basic_in_type').then(res => { |
||||
this.inputTypeData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('addvalue_serve_type').then(res => { |
||||
this.addvalueServeTypeData = res.data.data; |
||||
}); |
||||
|
||||
}, |
||||
//返回 |
||||
handleViewpda() { |
||||
|
||||
}, |
||||
//增值服务 |
||||
handleCheckedCitiesChange(value) { |
||||
if (value) { |
||||
this.form.addvalueType = value; |
||||
} |
||||
console.log('>>>>>', this.form); |
||||
if (value.length < 1) { |
||||
this.costList = []; |
||||
this.costListName = []; |
||||
} |
||||
this.deliveryWayData.forEach(i => { |
||||
if (value.includes(i.dictKey)) { |
||||
console.log(i); |
||||
i.pitch = true; |
||||
this.costListName = value; |
||||
} |
||||
}); |
||||
|
||||
}, |
||||
init() { |
||||
this.height = this.setPx(document.body.clientHeight - 340); |
||||
}, |
||||
searchHide() { |
||||
this.search = !this.search; |
||||
}, |
||||
searchChange() { |
||||
this.onLoad(this.page); |
||||
}, |
||||
searchReset() { |
||||
this.query = {}; |
||||
this.page.currentPage = 1; |
||||
this.onLoad(this.page); |
||||
}, |
||||
costadd(scope) { |
||||
const { row } = scope; |
||||
//查询增值任务 |
||||
console.log("row>>>>>>>>>>>>>>>>>>>>",row); |
||||
this.fbox = true; |
||||
}, |
||||
selectionsc(value) { |
||||
console.log("进来了>>>>>>>>>>>>>",value); |
||||
}, |
||||
delectsolt(scope) { |
||||
const { row } = scope; |
||||
console.log(row); |
||||
}, |
||||
handleClose(done) { |
||||
this.$confirm('确认关闭？') |
||||
.then(_ => { |
||||
done(); |
||||
}) |
||||
.catch(_ => { |
||||
}); |
||||
}, |
||||
editsolt(scope) { |
||||
const { row } = scope; |
||||
this.title = '查看包件'; |
||||
console.log("row>>>>>>>",row); |
||||
this.view = true; |
||||
this.box = true; |
||||
this.wid= row.stockArticleId |
||||
this.getWrapdetails(this.wpage) |
||||
}, |
||||
btnsc(index, row) { |
||||
console.log(index, row); |
||||
}, |
||||
selectsc(index, row) { |
||||
this.query[row.prop] =index |
||||
if (!index){ |
||||
delete this.query[row.prop] |
||||
} |
||||
this.onLoad(this.page); |
||||
}, |
||||
timesc(index, row) { |
||||
console.log(index, row); |
||||
}, |
||||
inputsc(index, row) { |
||||
this.query[row.prop] =index |
||||
if (!index){ |
||||
delete this.query[row.prop] |
||||
} |
||||
this.onLoad(this.page); |
||||
}, |
||||
getWrapdetails(page){ |
||||
let params={} |
||||
params.orderId = this.wid |
||||
console.log("this.wid>>>>>>>",this.wid); |
||||
getWrapdetail(page.currentPage, page.pageSize, Object.assign(params, this.wquery)).then(res => { |
||||
console.log("查看>>>>>>>",res.data.data); |
||||
const data =res.data.data |
||||
this.wrapdata = data.records |
||||
this.wpage.total = data.total |
||||
}); |
||||
}, |
||||
handleSubmit() { |
||||
this.$refs.form.validate(valid => { |
||||
if (valid) { |
||||
this.form.stringValue =jsonString; |
||||
if (!this.form.id) { |
||||
this.form.masterId = this.propertyformdata.id; |
||||
add(this.form).then(() => { |
||||
this.box = false; |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
let str = { |
||||
val: false |
||||
} |
||||
this.$emit("returnproperty", str); |
||||
}); |
||||
} else { |
||||
update(this.form).then(() => { |
||||
this.box = false; |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
let str = { |
||||
val: false |
||||
} |
||||
this.$emit("returnproperty", str); |
||||
}); |
||||
} |
||||
} else { |
||||
console.log('error submit!!'); |
||||
return false; |
||||
} |
||||
}); |
||||
}, |
||||
handleAdd() { |
||||
this.title = '新增'; |
||||
this.form = {}; |
||||
this.box = true; |
||||
}, |
||||
handleEdit(row) { |
||||
this.title = '编辑'; |
||||
this.box = true; |
||||
getDetail(row.id).then(res => { |
||||
this.form = res.data.data; |
||||
}); |
||||
}, |
||||
handleView(row) { |
||||
console.log("查看>>>>>>>>>>",row); |
||||
this.title = '查看'; |
||||
this.view = true; |
||||
this.box = true; |
||||
getWrapdetail(row.id).then(res => { |
||||
console.log("查看>>>>>>>",res.data.data); |
||||
}); |
||||
}, |
||||
//查看增值服务 |
||||
checkAddValue(scope) { |
||||
const { row } = scope; |
||||
this.fbox =true; |
||||
let id = row.id |
||||
getStockAddValue(id).then(res=>{ |
||||
let data= res.data.data.data; |
||||
//存在多种增值服务项 |
||||
let a=[]; |
||||
data.forEach((item,index)=>{ |
||||
if (item.addvalueId === "1" ){ |
||||
this.addvalueServeTypeData[0].f = item.number; |
||||
this.addvalueServeTypeData[0].e = item.fee; |
||||
this.addvalueServeTypeData[0].d = item.floor; |
||||
} |
||||
|
||||
if (item.addvalueId === "2"){ |
||||
this.addvalueServeTypeData[1].a = item.kilometer; |
||||
this.addvalueServeTypeData[1].e = item.fee; |
||||
} |
||||
if (item.addvalueId === "3"){ |
||||
this.addvalueServeTypeData[2].f = item.number; |
||||
this.addvalueServeTypeData[2].e = item.fee; |
||||
} |
||||
if (item.addvalueId === "4"){ |
||||
this.addvalueServeTypeData[3].b = item.distance; |
||||
this.addvalueServeTypeData[3].e = item.fee; |
||||
} |
||||
if (item.addvalueId === "5"){ |
||||
this.addvalueServeTypeData[4].f = item.number; |
||||
this.addvalueServeTypeData[4].e = item.fee; |
||||
} |
||||
if (item.addvalueId === "6"){ |
||||
this.addvalueServeTypeData[5].c = item.peopleNum; |
||||
this.addvalueServeTypeData[5].e = item.fee; |
||||
} |
||||
if (item.addvalueId === "7"){ |
||||
this.addvalueServeTypeData[6].f = item.number; |
||||
this.addvalueServeTypeData[6].e = item.fee; |
||||
} |
||||
a.push(item.addvalueId); |
||||
console.log("<<<<<<<<<<",a); |
||||
|
||||
}) |
||||
this.form.addvalueType=a; |
||||
|
||||
console.log(">>>>>>>>>>>>>>>>>>>>>>>>>",res); |
||||
}) |
||||
}, |
||||
handleDelete() { |
||||
if (this.selectionList.length === 0) { |
||||
this.$message.warning('请选择至少一条数据'); |
||||
return; |
||||
} |
||||
this.$confirm('确定将选择数据删除?', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}) |
||||
.then(() => { |
||||
return remove(this.ids); |
||||
}) |
||||
.then(() => { |
||||
this.selectionClear(); |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
}); |
||||
}, |
||||
rowDel(row) { |
||||
this.$confirm('确定将选择数据删除?', { |
||||
confirmButtonText: '确定', |
||||
cancelButtonText: '取消', |
||||
type: 'warning' |
||||
}) |
||||
.then(() => { |
||||
return remove(row.id); |
||||
}) |
||||
.then(() => { |
||||
this.onLoad(this.page); |
||||
this.$message({ |
||||
type: 'success', |
||||
message: '操作成功!' |
||||
}); |
||||
}); |
||||
}, |
||||
beforeClose(done) { |
||||
done(); |
||||
this.form = {}; |
||||
this.view = false; |
||||
}, |
||||
selectionChange(list) { |
||||
this.selectionList = list; |
||||
}, |
||||
selectionClear() { |
||||
this.selectionList = []; |
||||
this.$refs.table.clearSelection(); |
||||
}, |
||||
currentChange(currentPage) { |
||||
this.page.currentPage = currentPage; |
||||
this.getListOrders(this.page); |
||||
}, |
||||
sizeChange(pageSize) { |
||||
this.page.pageSize = pageSize; |
||||
this.getListOrders(this.page); |
||||
}, |
||||
wcurrentChange(currentPage) { |
||||
this.wpage.currentPage = currentPage; |
||||
this.getWrapdetails(this.wpage) |
||||
}, |
||||
wsizeChange(pageSize) { |
||||
this.wpage.pageSize = pageSize; |
||||
this.getWrapdetails(this.wpage) |
||||
}, |
||||
onLoad() { |
||||
//查询详情 |
||||
this.loading = true; |
||||
let id = this.$route.query.id; |
||||
getDetail(id).then(res => { |
||||
const data = res.data.data |
||||
console.log("data>>>>>>>>>",data); |
||||
this.signfordata = data |
||||
this.getListOrders(this.page) |
||||
}); |
||||
|
||||
this.loading = false; |
||||
}, |
||||
getListOrders(page,params = {}){ |
||||
this.query.reservationId =this.signfordata.reservationId; |
||||
getListOrder(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
||||
const data =res.data.data |
||||
this.page.total = data.total |
||||
this.data =data.records |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.btsbx{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
margin-top: 20px; |
||||
>button{ |
||||
width: 120px; |
||||
height: 40px; |
||||
} |
||||
} |
||||
.maxitembxlist{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
// padding: 10px; |
||||
box-sizing: border-box; |
||||
margin-top: 20px; |
||||
>.items{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
width: 100%; |
||||
background-color: #fcfcfc; |
||||
padding: 10px; |
||||
box-sizing: border-box; |
||||
border: 1px solid #e2e0e0; |
||||
border-radius: 2px; |
||||
margin-bottom: 20px; |
||||
&:nth-last-child(1){ |
||||
margin-bottom: 0; |
||||
} |
||||
>.contbx{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
width: 100%; |
||||
margin-top: 10px; |
||||
>.tabitem{ |
||||
display: flex; |
||||
align-items: center; |
||||
>div{ |
||||
flex: 1; |
||||
height: 45px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
background-color: #f3f3f3; |
||||
border: 1px solid #e2e0e0; |
||||
margin-bottom: -2px; |
||||
margin-right: -2px; |
||||
} |
||||
} |
||||
>.contentitem{ |
||||
display: flex; |
||||
align-items: center; |
||||
>div{ |
||||
flex: 1; |
||||
height: 45px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
background-color: #ffffff; |
||||
border: 1px solid #e2e0e0; |
||||
margin-bottom: -2px; |
||||
margin-right: -2px; |
||||
} |
||||
} |
||||
} |
||||
>.titltophead{ |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
.icons{ |
||||
font-size: 27px; |
||||
&:nth-of-type(1){ |
||||
margin-right: 8px; |
||||
} |
||||
} |
||||
} |
||||
>.editinput{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 20px 0; |
||||
>.inputitem{ |
||||
display: flex; |
||||
align-items: flex-start; |
||||
justify-content: space-between; |
||||
margin-bottom: 10px; |
||||
&:nth-last-child(1){ |
||||
margin-bottom: 0; |
||||
} |
||||
.inpts{ |
||||
display: flex; |
||||
align-items: flex-start; |
||||
|
||||
flex: 1; |
||||
padding-right: 10px; |
||||
>span{ |
||||
width: 90px; |
||||
} |
||||
>div:nth-of-type(1){ |
||||
flex: 1; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.topbox{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
>.titlxbx{ |
||||
font-size: 16px; |
||||
display: flex; |
||||
align-items: center; |
||||
>div{ |
||||
flex: 1; |
||||
display: flex; |
||||
align-items: center; |
||||
>div{ |
||||
flex: 1; |
||||
height: 40px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
border: 1px solid #e2e0e0; |
||||
margin-bottom: -1px; |
||||
margin-right: -1px; |
||||
word-break: break-all; |
||||
&:nth-of-type(1){ |
||||
background-color: #f3f3f3; |
||||
} |
||||
} |
||||
|
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue