<template>
|
<GlobalWindow
|
:title="title"
|
width="85%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div style="display: block;margin-bottom: 30px;">
|
<div style="display: block;font-size: 16px;font-weight: 600;margin-bottom: 20px;">主线路信息</div>
|
<div style="display: flex;">
|
<div style="flex: 1">送货日期：{{model.dateInfo ||''}}</div>
|
<div style="flex: 1">主线路：{{model.categoryName ||''}}</div>
|
<div style="flex: 1">客户数：{{model.orderNum ||'-'}}</div>
|
<div style="flex: 1">送货量(条)：{{model.totalNum ||'-'}}</div>
|
</div>
|
</div>
|
<div style="display: block">
|
<div style="display: block;font-size: 16px;font-weight: 600;margin-bottom: 10px;">线路明细</div>
|
<div>
|
<el-table :data="dataList" stripe >
|
<el-table-column prop="dateInfo" label="送货日期" min-width="130px"></el-table-column>
|
<el-table-column prop="lineName" label="送货线路" min-width="130px"> </el-table-column>
|
<el-table-column prop="orderNum" label="客户数(户)" min-width="130px"></el-table-column>
|
<el-table-column prop="totalNum" label="送货量(条)" min-width="130px"></el-table-column>
|
<el-table-column prop="carCode" label="车牌号" min-width="100px"></el-table-column>
|
<el-table-column prop="memberName" label="送货司机" min-width="100px"></el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
export default {
|
name: 'OperaJkSketchLineWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data () {
|
return {
|
// 表单数据
|
model: {
|
},
|
dataList:[],
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/jkSketchLine',
|
'field.id': 'id'
|
})
|
},
|
methods:{
|
open (title, target) {
|
this.title = title
|
this.visible = true
|
this.model= target
|
this.loadList()
|
},
|
loadList () {
|
this.api.allList({
|
sketchId: this.model.id
|
}).then(res => {
|
this.dataList = res
|
})
|
},
|
}
|
}
|
</script>
|
