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.
2304 lines
75 KiB
2304 lines
75 KiB
<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-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-row :gutter="24" class="rows"> |
|
<el-col :xl="7" :lg="7" :md="10" :sm="24"> |
|
<span>是否加急：{{signfordata.isUrgent}} </span> |
|
</el-col> |
|
<el-col :xl="7" :lg="7" :md="10" :sm="24"> |
|
<span>配送备注：{{signfordata.remarks}} </span> |
|
</el-col> |
|
</el-row> |
|
<el-dialog |
|
v-model="fbox" |
|
title="增值服务" |
|
width="30%" |
|
> |
|
<!-- :before-close="handleClose"--> |
|
<el-form-item label="增值服务" prop="freightMark"> |
|
<el-checkbox-group v-model="form.addvalueType" @change="handleCheckedCitiesChange"> |
|
<el-checkbox style="width: 100%;margin-bottom: 3%;" |
|
:disabled="true" |
|
v-for="(item,index) in addvalueServeTypeData" |
|
:key="item.dictKey" |
|
:label="item.dictKey" |
|
>{{item.dictValue}} |
|
<span v-if="index===0||index===6||index===2||index===4"> 件数: |
|
<el-input v-model="item.f" |
|
:disabled="true" |
|
style="width: 10%;border:none; border-bottom:2px solid #eee;"/> |
|
</span> |
|
<span v-if="index===1">公里: |
|
<el-input v-model="item.a" |
|
:disabled="true" |
|
style="width: 10%;border:none; border-bottom:2px solid #eee;"/> |
|
</span> |
|
<span v-if="index===3">距离: |
|
<el-input v-model="item.b" |
|
:disabled="true" |
|
style="width: 10%;border:none; border-bottom:2px solid #eee;"/> |
|
</span> |
|
<span v-if="index===5">人数: |
|
<el-input v-model="item.c" |
|
:disabled="true" |
|
style="width: 10%;border:none; border-bottom:2px solid #eee;"/> |
|
</span> |
|
<span v-if="index===0">楼层: |
|
<el-input v-model="item.d" |
|
:disabled="true" |
|
style="width: 10%;border:none; border-bottom:2px solid #eee;"/> |
|
</span> |
|
<span v-if="item">预计费用: |
|
<el-input v-model="item.e" |
|
:disabled="true" |
|
style="width: 20%;border:none; border-bottom:2px solid #eee;"/> |
|
</span> |
|
</el-checkbox> |
|
</el-checkbox-group> |
|
</el-form-item> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="dialogVisible = false">关闭</el-button> |
|
<!-- <el-button type="primary" @click="dialogVisible = false">--> |
|
<!-- 确定(增值服务)--> |
|
<!-- </el-button>--> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
|
|
<!-- <el-dialog :title="title"--> |
|
<!-- v-model="fbox"--> |
|
<!-- width="50%"--> |
|
<!-- :before-close="beforeClose"--> |
|
<!-- append-to-body>--> |
|
<!-- <div class="topbox">--> |
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>上楼</div>--> |
|
<!-- <div>2178501088045989849</div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div>货物件数：</div>--> |
|
<!-- <div>预估费用：500.00</div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>超区</div>--> |
|
<!-- <div>超区公里：10KM</div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div></div>--> |
|
<!-- <div>预估费用：500.00</div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>拆样</div>--> |
|
<!-- <div>货物件数：10件</div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div></div>--> |
|
<!-- <div>预估费用：500.00</div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>返货</div>--> |
|
<!-- <div>货物件数：10件</div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div></div>--> |
|
<!-- <div>预估费用：500.00</div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>搬运</div>--> |
|
<!-- <div>人员：张三，李四</div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div></div>--> |
|
<!-- <div></div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
|
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>返货</div>--> |
|
<!-- <div>货物件数：10件</div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div></div>--> |
|
<!-- <div>预估费用：500.00</div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
|
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>到付运费</div>--> |
|
<!-- <div></div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div></div>--> |
|
<!-- <div>费用：500.00</div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- <div class="titlxbx">--> |
|
<!-- <div>--> |
|
<!-- <div>代收货款</div>--> |
|
<!-- <div></div>--> |
|
<!-- </div>--> |
|
<!-- <div>--> |
|
<!-- <div></div>--> |
|
<!-- <div>费用：500.00</div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- </div>--> |
|
<!-- </el-dialog>--> |
|
|
|
<el-divider>签收信息</el-divider> |
|
<avue-form :option="signoption" |
|
v-model="signfordata" |
|
:data="signdata" |
|
ref="signform" |
|
> |
|
</avue-form> |
|
<el-divider>配送信息</el-divider> |
|
<el-tabs type="border-card" v-model="activeTab" @tab-click="handleTabClick"> |
|
<el-tab-pane label="订 单 列 表" name="tab1"> |
|
<!-- 列表模块 --> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="orderData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="ordoption.border" |
|
> |
|
<!-- align="center"--> |
|
<el-table-column type="expand" v-if="ordoption.expand"></el-table-column> |
|
<template v-for="(item,index) in ordoption.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center" |
|
--> |
|
</el-table-column> |
|
</template> |
|
<!-- <el-table-column prop="menu" label="操作" :width="250">--> |
|
<!-- <template #="{row}">--> |
|
<!-- <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查 看--> |
|
<!-- </el-button>--> |
|
<!-- </template>--> |
|
<!-- </el-table-column>--> |
|
</el-table> |
|
</el-tab-pane> |
|
<el-tab-pane label="包 件 列 表" name="tab2"> |
|
<!-- 列表模块 --> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="packageData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="wrapoption.border" |
|
> |
|
<!-- align="center"-->center |
|
|
|
<el-table-column type="expand" v-if="wrapoption.expand"></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" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center"--> |
|
|
|
</el-table-column> |
|
</template> |
|
</el-table> |
|
</el-tab-pane> |
|
<el-tab-pane label="库 存 品 列 表" name="tab3"> |
|
<!-- 列表模块 --> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="inventoryData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="inventory.border" |
|
> |
|
<!-- align="center"-->center |
|
|
|
<el-table-column type="expand" v-if="inventory.expand"></el-table-column> |
|
<template v-for="(item,index) in inventory.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center"--> |
|
</el-table-column> |
|
|
|
</template> |
|
<!-- <el-table-column prop="menu" label="操作" :width="220" align="center">--> |
|
<!-- <template #="{row}">--> |
|
<!-- <el-button type="primary" text icon="el-icon-view" @click="handleInventoryView(row)">查看详情</el-button>--> |
|
<!-- </template>--> |
|
<!-- </el-table-column>--> |
|
|
|
</el-table> |
|
|
|
</el-tab-pane> |
|
</el-tabs> |
|
<el-divider><h5>增值服务信息</h5></el-divider> |
|
<el-tabs type="border-card" v-model="activeTab" @tab-click="handleAddvalueTabClick"> |
|
|
|
<el-tab-pane label="上 楼" name="tabs1"> |
|
<!-- 列表模块 --> |
|
<el-row :gutter="24" class="rows"> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>楼层:{{addvalueinfo.floolNum}} 层</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>件数：{{addvalueinfo.num}} 件</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>费用：{{addvalueinfo.fee}} ￥</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>操作人：{{addvalueinfo.createUser}} </span> |
|
</el-col> |
|
</el-row> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="addvalueData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="addvalueOption.border" |
|
> |
|
<!-- align="center"--> |
|
<el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column> |
|
<template v-for="(item,index) in addvalueOption.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center" |
|
--> |
|
</el-table-column> |
|
</template> |
|
<!-- <el-table-column prop="menu" label="操作" :width="250">--> |
|
<!-- <template #="{row}">--> |
|
<!-- <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查 看--> |
|
<!-- </el-button>--> |
|
<!-- </template>--> |
|
<!-- </el-table-column>--> |
|
</el-table> |
|
</el-tab-pane> |
|
<el-tab-pane label="超 区" name="tabs2"> |
|
<!-- 列表模块 --> |
|
<el-row :gutter="24" class="rows"> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>公里数:{{addvalueinfo.distance}}公里 </span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>件数:{{addvalueinfo.num}} 件</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>费用：{{addvalueinfo.fee}} ￥</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>操作人：{{addvalueinfo.createUser}} </span> |
|
</el-col> |
|
</el-row> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="addvalueData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="addvalueOption.border" |
|
> |
|
<!-- align="center"-->center |
|
|
|
<el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column> |
|
<template v-for="(item,index) in addvalueOption.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center"--> |
|
|
|
</el-table-column> |
|
</template> |
|
</el-table> |
|
</el-tab-pane> |
|
<el-tab-pane label="平 移" name="tabs3"> |
|
<!-- 列表模块 --> |
|
<el-row :gutter="24" class="rows"> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>距离:{{addvalueinfo.distance}}米 </span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>件数:{{addvalueinfo.num}} 件</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>费用：{{addvalueinfo.fee}} ￥</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>操作人：{{addvalueinfo.deliveryAddress}} </span> |
|
</el-col> |
|
</el-row> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="addvalueData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="addvalueOption.border" |
|
> |
|
<!-- align="center"-->center |
|
|
|
<el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column> |
|
<template v-for="(item,index) in addvalueOption.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center"--> |
|
|
|
</el-table-column> |
|
</template> |
|
</el-table> |
|
</el-tab-pane> |
|
<el-tab-pane label="搬 运" name="tabs4"> |
|
<!-- 列表模块 --> |
|
<el-row :gutter="24" class="rows"> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>班组:{{addvalueinfo.consignee}} </span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>件数:{{addvalueinfo.num}} </span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>费用：{{addvalueinfo.fee}} </span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>操作人：{{addvalueinfo.deliveryAddress}} </span> |
|
</el-col> |
|
</el-row> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="addvalueData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="addvalueOption.border" |
|
> |
|
<!-- align="center"-->center |
|
|
|
<el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column> |
|
<template v-for="(item,index) in addvalueOption.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center"--> |
|
|
|
</el-table-column> |
|
</template> |
|
</el-table> |
|
</el-tab-pane> |
|
<el-tab-pane label="分 拣" name="tabs5"> |
|
<!-- 列表模块 --> |
|
<el-row :gutter="24" class="rows"> |
|
<!-- <el-col :xl="6" :lg="7" :md="10" :sm="24" >--> |
|
<!-- <span>距离:{{signfordata.consignee}} </span>--> |
|
<!-- </el-col>--> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>件数:{{addvalueinfo.num}} 件</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>费用：{{addvalueinfo.fee}} ￥</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>操作人：{{addvalueinfo.deliveryAddress}} </span> |
|
</el-col> |
|
</el-row> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="addvalueData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="addvalueOption.border" |
|
> |
|
<!-- align="center"-->center |
|
|
|
<el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column> |
|
<template v-for="(item,index) in addvalueOption.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center"--> |
|
|
|
</el-table-column> |
|
</template> |
|
</el-table> |
|
</el-tab-pane> |
|
<el-tab-pane label="专 车" name="tabs6"> |
|
<!-- 列表模块 --> |
|
<el-row :gutter="24" class="rows"> |
|
<!-- <el-col :xl="6" :lg="7" :md="10" :sm="24" >--> |
|
<!-- <span>距离:{{signfordata.consignee}} </span>--> |
|
<!-- </el-col>--> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>件数:{{addvalueinfo.num}} 件</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>费用：{{addvalueinfo.fee}} ￥</span> |
|
</el-col> |
|
<el-col :xl="6" :lg="7" :md="10" :sm="24"> |
|
<span>操作人：{{addvalueinfo.deliveryAddress}} </span> |
|
</el-col> |
|
</el-row> |
|
<el-table ref="table" v-loading="loading" |
|
@selection-change="selectionChange" |
|
:data="addvalueData" |
|
:height="height" |
|
style="width: 100%" |
|
:border="addvalueOption.border" |
|
> |
|
<!-- align="center"-->center |
|
|
|
<el-table-column type="expand" v-if="addvalueOption.expand"></el-table-column> |
|
<template v-for="(item,index) in addvalueOption.column"> |
|
<!-- table字段 --> |
|
<el-table-column v-if="item.hide!==true" |
|
:prop="item.prop" |
|
:label="item.label" |
|
:show-overflow-tooltip="true" |
|
:width="item.width" |
|
:key="index"> |
|
<!-- :align="center"--> |
|
|
|
</el-table-column> |
|
</template> |
|
</el-table> |
|
</el-tab-pane> |
|
|
|
<!-- <el-tab-pane label="平移。搬运。分拣。专车" name="tab4">--> |
|
<!-- <!– 列表模块 –>--> |
|
<!-- <el-table ref="table" v-loading="loading"--> |
|
<!-- @selection-change="selectionChange"--> |
|
<!-- :data="inventoryData"--> |
|
<!-- :height="height"--> |
|
<!-- style="width: 100%"--> |
|
<!-- :border="inventory.border"--> |
|
<!-- >--> |
|
<!-- <!– align="center"–>center--> |
|
|
|
<!-- <el-table-column type="expand" v-if="inventory.expand"></el-table-column>--> |
|
<!-- <template v-for="(item,index) in inventory.column">--> |
|
<!-- <!– table字段 –>--> |
|
<!-- <el-table-column v-if="item.hide!==true"--> |
|
<!-- :prop="item.prop"--> |
|
<!-- :label="item.label"--> |
|
<!-- :show-overflow-tooltip="true"--> |
|
<!-- :width="item.width"--> |
|
<!-- :key="index">--> |
|
<!-- <!– :align="center"–>--> |
|
<!-- </el-table-column>--> |
|
|
|
<!-- </template>--> |
|
<!-- <!– <el-table-column prop="menu" label="操作" :width="220" align="center">–>--> |
|
<!-- <!– <template #="{row}">–>--> |
|
<!-- <!– <el-button type="primary" text icon="el-icon-view" @click="handleInventoryView(row)">查看详情</el-button>–>--> |
|
<!-- <!– </template>–>--> |
|
<!-- <!– </el-table-column>–>--> |
|
|
|
<!-- </el-table>--> |
|
|
|
<!-- </el-tab-pane>--> |
|
</el-tabs> |
|
</div> |
|
</basic-container> |
|
</template> |
|
|
|
<script> |
|
import { |
|
getList, |
|
getDetail, |
|
add, |
|
update, |
|
remove, |
|
getDetailById, |
|
getListOrder, |
|
signforPackageList, |
|
signforInventoryList, |
|
addvalueInfoList |
|
} from '@/api/distribution/distributionSignfor'; |
|
|
|
import { mapGetters } from 'vuex'; |
|
import { getDictionaryBiz } from '@/api/system/dict'; |
|
import { getWrapdetail } from '@/api/distribution/distributionDeliveryList'; |
|
// import { addvalueInfoList } from '@/api/addvalue/distributionAddvalue'; |
|
import { getStockAddValue } from '@/api/distribution/distributionStockArticle'; |
|
|
|
export default { |
|
data() { |
|
return { |
|
height: 100, |
|
// 弹框标题 |
|
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: [], |
|
//增值服务包件列表 |
|
addvalueData:[], |
|
//增值服务信息 |
|
addvalueinfo:{}, |
|
//tabs初始页码 |
|
activeTab: 'tab1', |
|
//订单数据: |
|
orderData: [], |
|
//卡片列表 |
|
ordoption: { |
|
expand: false, |
|
index: true, |
|
border: true, |
|
selection: true, |
|
column: [ |
|
// { |
|
// label: '车次号', |
|
// prop: 'trainNumber', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
{ |
|
label: '订单自编号', |
|
prop: 'orderCode', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '服务号', |
|
prop: 'serviceNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '运单号', |
|
prop: 'waybillNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '仓库', |
|
prop: 'warehouse', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '品牌', |
|
prop: 'brand', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '商城名称', |
|
prop: 'mallName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '门店名称', |
|
prop: 'storeName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '货物名称', |
|
prop: 'descriptionGoods', |
|
search: true, |
|
width: '100px' |
|
}, |
|
// { |
|
// label: '订单状态', |
|
// prop: 'orderStatusName', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
{ |
|
label: '计划包件数量', |
|
prop: 'reservationNum', |
|
search: true, |
|
width: '120px' |
|
}, |
|
// { |
|
// label: '包件签收数量', |
|
// prop: 'stockupNumber', |
|
// search: true, |
|
// width: '120px' |
|
// }, |
|
{ |
|
label: '收货单位', |
|
prop: 'consigneeUnit', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '运单收货人', |
|
prop: 'consigneePerson', |
|
search: true, |
|
width: '120px' |
|
}, |
|
{ |
|
label: '运单收货地址', |
|
prop: 'consigneeAddress', |
|
search: true, |
|
width: '130px' |
|
}, |
|
{ |
|
label: '运单收货电话', |
|
prop: 'consigneeMobile', |
|
search: true, |
|
width: '130px' |
|
}, |
|
{ |
|
label: '终端收货人', |
|
prop: 'customerName', |
|
search: true, |
|
width: '120px' |
|
}, |
|
{ |
|
label: '终端收货地址', |
|
prop: 'customerTelephone', |
|
search: true, |
|
width: '120px' |
|
}, |
|
{ |
|
label: '终端收货电话', |
|
prop: 'customerAddress', |
|
search: true, |
|
width: '120px' |
|
} |
|
|
|
] |
|
}, |
|
|
|
//包件卡片列表 |
|
wrapoption: { |
|
expand: false, |
|
index: true, |
|
border: true, |
|
selection: true, |
|
column: [ |
|
{ |
|
label: '运单号', |
|
prop: 'waybillNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '服务号', |
|
prop: 'serviceNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
search: true, |
|
label: '订单自编号', |
|
prop: 'orderCode', |
|
width: '100px' |
|
}, |
|
{ |
|
label: '包条码', |
|
prop: 'orderPackageCode', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '仓库', |
|
prop: 'warehouse', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '发站仓', |
|
prop: 'sendWarehouseName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '目的仓', |
|
prop: 'acceptWarehouseName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '发货时间', |
|
prop: 'waybillNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '入库时间', |
|
prop: 'warehouseEntryTimeEnd', |
|
search: true, |
|
width: '100px' |
|
}, |
|
// { |
|
// label: '客户车次号', |
|
// prop: 'trainNumber', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
// { |
|
// label: '发站出库车次', |
|
// prop: 'trainNumber', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
{ |
|
label: '入库车次', |
|
prop: 'trainNumber', |
|
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: 'materialCode', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
// { |
|
// label: '物料名称', |
|
// prop: 'materialName', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
|
|
{ |
|
label: '包件状态', |
|
prop: 'orderPackageStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '冻结状态', |
|
prop: 'orderPackageFreezeStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '上架状态', |
|
prop: 'orderPackageGroundingStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '备货状态', |
|
prop: 'orderPackageStockupStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '预约状态', |
|
prop: 'orderPackageReservationStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '装车状态', |
|
prop: 'orderPackageLoadingStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
// { |
|
// label: '配送计划状态', |
|
// prop: 'orderPackageDeliveryStatus', |
|
// search: true, |
|
// width: '130px' |
|
// }, |
|
// { |
|
// label: '装车扫描时间', |
|
// prop: 'orderPackageReservationStatusName', |
|
// search: true, |
|
// width: '150px' |
|
// }, |
|
{ |
|
label: '装车方式', |
|
prop: 'scanStatus', |
|
search: true, |
|
width: '150px' |
|
}, |
|
// { |
|
// label: '装车扫描人员', |
|
// prop: 'orderPackageDeliveryStatus', |
|
// search: true, |
|
// width: '150px' |
|
// }, |
|
{ |
|
label: '计划装车人', |
|
prop: 'driverName', |
|
search: true, |
|
width: '150px' |
|
}, |
|
{ |
|
label: '实际装车人', |
|
prop: 'scanUser', |
|
search: true, |
|
width: '150px' |
|
}, |
|
{ |
|
label: '签收扫描时间', |
|
prop: 'signingTime', |
|
search: true, |
|
width: '150px' |
|
} |
|
|
|
// { |
|
// label: '托盘码', |
|
// prop: 'pallet', |
|
// width: '100px' |
|
// }, |
|
// { |
|
// label: '库位号', |
|
// prop: 'goodsAllocation', |
|
// width: '100px' |
|
// } |
|
|
|
] |
|
}, |
|
addvalueOption: { |
|
expand: false, |
|
index: true, |
|
border: true, |
|
selection: true, |
|
column: [ |
|
{ |
|
prop: 'orderCode', |
|
label: '订单自编号', |
|
type: 2, |
|
values: '', |
|
width: '300', |
|
checkarr: [], |
|
fixed: true, |
|
sortable: true |
|
// head: true, |
|
}, |
|
{ |
|
label: '货物名称', |
|
prop: 'materialName', |
|
type: 1, |
|
values: '', |
|
width: '300', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true |
|
|
|
}, |
|
{ |
|
label: '包条码', |
|
prop: 'orderPackageCode', |
|
type: 1, |
|
values: '', |
|
width: '300', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true |
|
}, |
|
{ |
|
label: '数量', |
|
prop: 'quantity', |
|
type: 1, |
|
values: '', |
|
width: '220', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true |
|
}, |
|
{ |
|
label: '包条类型', |
|
prop: 'conditions', |
|
type: 1, |
|
values: '', |
|
width: '220', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true |
|
}, |
|
{ |
|
prop: '', |
|
label: '操作', |
|
type: 6, |
|
values: '', |
|
width: '300', |
|
checkarr: [], |
|
fixed: 'right', |
|
sortable: false |
|
} |
|
// 更多列的配置... |
|
], |
|
|
|
}, |
|
packageData: [], |
|
|
|
// 表单配置 |
|
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: 'positioningAdr', |
|
labelWidth: '150', |
|
span: 11, |
|
type: 'textarea', |
|
width: '150px', |
|
align: 'center', |
|
disabled: true |
|
}, |
|
{ |
|
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 |
|
} |
|
// 更多列的配置... |
|
], |
|
addvaluePackageList: [ |
|
{ |
|
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: 30, |
|
total: 40 |
|
}, |
|
// 表单数据 |
|
form: {}, |
|
wid: null, |
|
// 选择行 |
|
selectionList: [], |
|
isLiabilityData: [], |
|
addvalueServeTypeData: [], |
|
dialogVisible: false, |
|
//状态列表 |
|
stateData: [], |
|
//包肩分页信息 |
|
wpage: { |
|
currentPage: 1, |
|
pageSize: 30, |
|
total: 40 |
|
}, |
|
// 包间配置 |
|
wrapoption: { |
|
expand: false, |
|
index: true, |
|
border: true, |
|
selection: true, |
|
column: [ |
|
{ |
|
label: '运单号', |
|
prop: 'waybillNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '服务号', |
|
prop: 'serviceNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
search: true, |
|
label: '订单自编号', |
|
prop: 'orderCode', |
|
width: '100px' |
|
}, |
|
{ |
|
label: '包条码', |
|
prop: 'orderPackageCode', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '仓库', |
|
prop: 'warehouse', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '发站仓', |
|
prop: 'sendWarehouseName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '目的仓', |
|
prop: 'acceptWarehouseName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '发货时间', |
|
prop: 'waybillNumber', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '入库时间', |
|
prop: 'warehouseEntryTimeEnd', |
|
search: true, |
|
width: '100px' |
|
}, |
|
// { |
|
// label: '客户车次号', |
|
// prop: 'trainNumber', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
// { |
|
// label: '发站出库车次', |
|
// prop: 'trainNumber', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
{ |
|
label: '入库车次', |
|
prop: 'trainNumber', |
|
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: 'materialCode', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
// { |
|
// label: '物料名称', |
|
// prop: 'materialName', |
|
// search: true, |
|
// width: '100px' |
|
// }, |
|
|
|
{ |
|
label: '包件状态', |
|
prop: 'orderPackageStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '冻结状态', |
|
prop: 'orderPackageFreezeStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '上架状态', |
|
prop: 'orderPackageGroundingStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '备货状态', |
|
prop: 'orderPackageStockupStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '预约状态', |
|
prop: 'orderPackageReservationStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
{ |
|
label: '装车状态', |
|
prop: 'orderPackageLoadingStatusName', |
|
search: true, |
|
width: '100px' |
|
}, |
|
// { |
|
// label: '配送计划状态', |
|
// prop: 'orderPackageDeliveryStatus', |
|
// search: true, |
|
// width: '130px' |
|
// }, |
|
// { |
|
// label: '装车扫描时间', |
|
// prop: 'orderPackageReservationStatusName', |
|
// search: true, |
|
// width: '150px' |
|
// }, |
|
{ |
|
label: '装车方式', |
|
prop: 'scanStatus', |
|
search: true, |
|
width: '150px' |
|
}, |
|
// { |
|
// label: '装车扫描人员', |
|
// prop: 'orderPackageDeliveryStatus', |
|
// search: true, |
|
// width: '150px' |
|
// }, |
|
{ |
|
label: '计划装车人', |
|
prop: 'driverName', |
|
search: true, |
|
width: '150px' |
|
}, |
|
{ |
|
label: '实际装车人', |
|
prop: 'scanUser', |
|
search: true, |
|
width: '150px' |
|
}, |
|
{ |
|
label: '签收扫描时间', |
|
prop: 'signingTime', |
|
search: true, |
|
width: '150px' |
|
} |
|
|
|
// { |
|
// label: '托盘码', |
|
// prop: 'pallet', |
|
// width: '100px' |
|
// }, |
|
// { |
|
// label: '库位号', |
|
// prop: 'goodsAllocation', |
|
// width: '100px' |
|
// } |
|
|
|
] |
|
}, |
|
|
|
inventory: { |
|
expand: false, |
|
index: true, |
|
border: true, |
|
selection: true, |
|
column: [ |
|
{ |
|
prop: 'sku', |
|
label: 'SKU', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'descriptionGoods', |
|
label: '物料名称', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'cargoNumber', |
|
label: '物料编号', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'cargoNorms', |
|
label: '物料规格', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'cargoUnit', |
|
label: '物料单位', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'category', |
|
label: '品分类', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'reservationNum', |
|
label: '计划出库数', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'loadedinNumber', |
|
label: '实际出库数', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'loadingStatusName', |
|
label: '装车状态', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'signingStatusName', |
|
label: '签收状态', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
}, |
|
{ |
|
prop: 'signUser', |
|
label: '签收人', |
|
type: 2, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
sortable: true, |
|
head: false |
|
} |
|
|
|
] |
|
}, |
|
|
|
// 订单列表 |
|
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); |
|
}); |
|
}, |
|
handleInventoryView(row) { |
|
console.log('查看>>>>>>>>>>', row); |
|
|
|
|
|
}, |
|
//查看增值服务 |
|
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; |
|
}, |
|
handleTabClick(tab, event) { |
|
console.log('tab>>>>>>>>', tab.paneName); |
|
let tabName = tab.paneName; |
|
switch (tabName) { |
|
case 'tab1': |
|
console.log('ssss'); |
|
break; |
|
case 'tab2': |
|
console.log('ssss'); |
|
break; |
|
case 'tab3': |
|
console.log('ssss'); |
|
break; |
|
case 'tab4': |
|
console.log('ssss'); |
|
break; |
|
} |
|
}, |
|
handleAddvalueTabClick(tab, event) { |
|
console.log('tab>>>>>>>>', tab.paneName); |
|
let tabName = tab.paneName; |
|
let addvalueId = 0; |
|
switch (tabName) { |
|
case 'tabs1': |
|
//上楼 |
|
console.log('上楼'); |
|
addvalueId = 1; |
|
break; |
|
case 'tabs2': |
|
//超区 |
|
console.log('超区'); |
|
addvalueId = 2; |
|
|
|
break; |
|
case 'tabs3': |
|
//平移 |
|
console.log('平移'); |
|
addvalueId = 3; |
|
|
|
break; |
|
case 'tabs4': |
|
//搬运 |
|
console.log('搬运'); |
|
addvalueId = 4; |
|
|
|
break; |
|
case 'tabs5': |
|
//分拣 |
|
console.log('分拣'); |
|
addvalueId = 5; |
|
|
|
break; |
|
case 'tabs6': |
|
//专车 |
|
console.log('专车'); |
|
addvalueId = 6; |
|
|
|
break; |
|
} |
|
|
|
let a ={ |
|
signforId:this.$route.query.id, |
|
addvalueId:addvalueId, |
|
} |
|
addvalueInfoList(a).then(res=>{ |
|
console.log("res------------->",res.data.data); |
|
const data = res.data.data; |
|
if (data === null){ |
|
this.addvalueData = []; |
|
this.addvalueinfo = { }; |
|
|
|
}else { |
|
this.addvalueinfo = data; |
|
this.addvalueData = data.packageEntityList; |
|
} |
|
// if (data !== null ){ |
|
// if (!!data.packageEntityList){ |
|
// this.addvalueData = data.packageEntityList; |
|
// } |
|
// } |
|
}) |
|
}, |
|
|
|
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; |
|
if (data.orderInfo) { |
|
this.orderData = data.orderInfo; |
|
} |
|
console.log('data>>>>>>>>>', data); |
|
this.signfordata = data; |
|
this.signfordata.address = 'aa'; |
|
|
|
// this.getListOrders(this.page) |
|
this.getListPackage(); |
|
|
|
}); |
|
|
|
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; |
|
console.log('------------>data', data); |
|
this.page.total = data.total; |
|
this.orderData = data.records; |
|
}); |
|
}, |
|
getListPackage() { |
|
let signforId = this.$route.query.id; |
|
; |
|
console.log('--------------->', this.signfordata); |
|
console.log('--------------->signforId', signforId); |
|
signforPackageList(signforId).then(res => { |
|
const data = res.data.data; |
|
console.log('------------>data', data); |
|
// this.page.total = data.total |
|
this.packageData = data; |
|
}); |
|
// console.log("data",data); |
|
if (this.signfordata.deliveryType !== '商配') { |
|
signforInventoryList(signforId).then(res => { |
|
const data = res.data.data; |
|
console.log('------------>data', data); |
|
// this.page.total = data.total |
|
this.inventoryData = data; |
|
}); |
|
} |
|
|
|
|
|
} |
|
} |
|
}; |
|
</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>
|
|
|