254 lines
9.1 KiB
Vue
254 lines
9.1 KiB
Vue
<template>
|
|
<div >
|
|
<SearchForm :model="queryParams" ref="queryForm" size="mini" :maxShow="8" label-width="100px"
|
|
v-show="showSearch"
|
|
@search="handleQuery"
|
|
@reset="resetQuery">
|
|
<el-form-item label="运单号" prop="params.billCode">
|
|
<XdTextareaInput
|
|
v-model="queryParams.params.billCode"
|
|
:placeholder="$t('多个流水号逗号或换行隔开')"
|
|
clearable
|
|
:rows="2"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="录单日期" prop="dateTimeRange">
|
|
<elDateAdvPicker clearable v-model="dateTimeRange" ></elDateAdvPicker>
|
|
</el-form-item>
|
|
<el-form-item label="寄件财务中心" prop="params.sendCenterCode">
|
|
<EmisSiteSimplePicker1 v-model="queryParams.params.sendCenterCode" :siteType="2" ></EmisSiteSimplePicker1>
|
|
</el-form-item>
|
|
<el-form-item label="寄件网点" prop="params.sendSiteCode">
|
|
<EmisSiteSimplePicker2 v-model="queryParams.params.sendSiteCode" ></EmisSiteSimplePicker2>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="目的财务中心" prop="params.destinationCenterCode">
|
|
<EmisSiteSimplePicker3 v-model="queryParams.params.destinationCenterCode" :siteType="2" ></EmisSiteSimplePicker3>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="目的网点" prop="params.dispatchUnderlingSiteCode">
|
|
<EmisSiteSimplePicker4 v-model="queryParams.params.dispatchUnderlingSiteCode" ></EmisSiteSimplePicker4>
|
|
</el-form-item>
|
|
|
|
</SearchForm>
|
|
<xdTable
|
|
v-loading="loading"
|
|
border
|
|
size="mini"
|
|
|
|
storageName="ScanDtlAllListPanel_main_240702"
|
|
|
|
:data="scanStatDtlList"
|
|
:showSearch.sync="showSearch"
|
|
:queryParams="queryParams"
|
|
:total="total"
|
|
@queryTable="getScanDtlList"
|
|
@selection-change="handleSelectionChange"
|
|
@sort-change="handleSortChange"
|
|
>
|
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
|
<el-table-column :label="$t('运单号')" align="center" prop="billCode" min-width="130" :show-overflow-tooltip="true"/>
|
|
<el-table-column :label="$t('寄件日期')" align="center" prop="waybillDetail.sendDate" min-width="170" :show-overflow-tooltip="true"/>
|
|
<el-table-column :label="$t('寄件网点')" align="center" prop="waybillDetail.sendSiteName" min-width="150" :show-overflow-tooltip="true"/>
|
|
<el-table-column :label="$t('寄件财务中心')" align="center" prop="waybillDetail.sendCenterName" min-width="120" :show-overflow-tooltip="true"/>
|
|
<el-table-column :label="$t('目的财务中心')" align="center" prop="waybillDetail.destinationCenterName" min-width="120" :show-overflow-tooltip="true"/>
|
|
<el-table-column :label="$t('目的网点')" align="center" prop="waybillDetail.dispatchUnderlingSiteName" min-width="150" :show-overflow-tooltip="true"/>
|
|
<el-table-column :label="$t('录单人')" align="center" prop="waybillDetail.registerManName" min-width="80" :show-overflow-tooltip="true" />
|
|
<el-table-column :label="$t('取件员')" align="center" prop="waybillDetail.takePieceEmployeeName" min-width="100" :show-overflow-tooltip="true"/>
|
|
<el-table-column :label="$t('件数')" align="center" prop="waybillDetail.parcelQty" min-width="80" />
|
|
<el-table-column :label="$t('实际重量')" align="center" prop="waybillDetail.billWeight" min-width="80" />
|
|
<el-table-column :label="$t('体积')" align="center" prop="waybillDetail.totalVolume" min-width="80" />
|
|
<el-table-column :label="$t('结算重量')" align="center" prop="waybillDetail.settlementWeight" min-width="80" />
|
|
<el-table-column :label="$t('收件扫描次数')" align="center" prop="gotCount" min-width="120" />
|
|
<el-table-column :label="$t('发件扫描次数')" align="center" prop="sendCount" min-width="120" />
|
|
<el-table-column :label="$t('到件扫描次数')" align="center" prop="arrivalCount" min-width="120" />
|
|
<el-table-column :label="$t('派件扫描次数')" align="center" prop="sentCount" min-width="120" />
|
|
<el-table-column :label="$t('转件扫描次数')" align="center" prop="transferCount" min-width="120" />
|
|
<el-table-column :label="$t('问题件扫描次数')" align="center" prop="issueCount" min-width="120" />
|
|
<el-table-column :label="$t('留仓扫描次数')" align="center" prop="holdCount" min-width="120" />
|
|
<el-table-column :label="$t('签收状态')" align="center" prop="waybillDetail.blSign" width="80" >
|
|
<template slot-scope="scope">
|
|
<el-tag v-if="scope.row.waybillDetail.blSign=='1'" type="success">已签收</el-tag>
|
|
<el-tag v-else type="danger">未签收</el-tag>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
</xdTable>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import elDateAdvPicker from '@/components/DatePickerAdv/elDateAdvPicker';
|
|
|
|
import EmisSiteSimplePicker1 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
|
import EmisSiteSimplePicker2 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
|
import EmisSiteSimplePicker3 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
|
import EmisSiteSimplePicker4 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
|
import {timeDiffTime,timeFormat} from '@/utils/dateUtils'
|
|
|
|
|
|
import {
|
|
queryScanStatInfoDtlList,
|
|
|
|
} from "@/api/emis/emisWaybill";
|
|
|
|
export default {
|
|
name: "ScanDtlListPanel",
|
|
props:{
|
|
|
|
},
|
|
components: {
|
|
elDateAdvPicker,
|
|
EmisSiteSimplePicker1,
|
|
EmisSiteSimplePicker2,
|
|
EmisSiteSimplePicker3,
|
|
EmisSiteSimplePicker4,
|
|
},
|
|
dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
|
|
'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
|
|
'emis_calc_fee_type','emis_print_type','emis_payment_status','emis_waybill_status','emis_tab_dispatch_mode'
|
|
],
|
|
data() {
|
|
return {
|
|
activeTab:'a1',
|
|
|
|
// 遮罩层
|
|
loading: false,
|
|
// 选中数组
|
|
ids: [],
|
|
// 非单个禁用
|
|
single: true,
|
|
// 非多个禁用
|
|
multiple: true,
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
// 创建时间搜索
|
|
dateTimeRange:[],
|
|
// 总条数
|
|
total: 0,
|
|
// 运单列表表格数据
|
|
scanStatDtlList:[],
|
|
|
|
// 弹出展示层
|
|
id:null,
|
|
titleView:"",
|
|
openView: false,
|
|
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 20,
|
|
params:{
|
|
billCode:null,
|
|
sendSiteCode: null,
|
|
sendCenterCode:null,
|
|
dispatchUnderlingSiteCode: null,
|
|
destinationCenterCode: null,
|
|
}
|
|
},
|
|
};
|
|
},
|
|
watch: {
|
|
},
|
|
created() {
|
|
|
|
const end = new Date()
|
|
const start = new Date()
|
|
start.setHours(0,0,0,0)
|
|
end.setHours(23,59,59,0)
|
|
this.dateTimeRange=[timeFormat(start), timeFormat(end)]
|
|
|
|
|
|
},
|
|
methods: {
|
|
getScanDtlList() {
|
|
// console.log("====>queryObj====>",this.queryObj);
|
|
|
|
this.loading = true;
|
|
this.queryParams=this.addDateRange(this.queryParams, this.dateTimeRange,"sendDate");
|
|
// this.queryParams.params={
|
|
// "sendDay":this.queryObj.sendDate,
|
|
// "sendSiteCode":this.queryObj.sendSiteCode,
|
|
// "sendCenterCode":this.queryObj.sendCenterCode,
|
|
// "sendCenterCode":this.queryObj.sendCenterCode,
|
|
// };
|
|
|
|
|
|
queryScanStatInfoDtlList(this.queryParams).then(response => {
|
|
this.scanStatDtlList = response.rows;
|
|
this.total = response.total;
|
|
this.loading = false;
|
|
});
|
|
},
|
|
|
|
/** 搜索按钮操作 */
|
|
handleQuery() {
|
|
this.queryParams.pageNum = 1;
|
|
this.getScanDtlList();
|
|
},
|
|
/** 重置按钮操作 */
|
|
resetQuery() {
|
|
this.resetForm("queryForm");
|
|
this.handleQuery();
|
|
},
|
|
// 多选框选中数据
|
|
handleSelectionChange(selection) {
|
|
if(selection!=null){
|
|
this.billCode=selection[0].billCode;
|
|
}
|
|
this.ids = selection.map(item => item.id)
|
|
this.single = selection.length!==1
|
|
this.multiple = !selection.length
|
|
},
|
|
// 排序 查询字段是表格中字段名字 动态取值排序顺序
|
|
handleSortChange(column) {
|
|
this.queryParams.orderByColumn = column.prop;
|
|
this.queryParams.isAsc = column.order;
|
|
this.getList();
|
|
},
|
|
handleFormChanged(){
|
|
this.openForm = false;
|
|
this.getList();
|
|
},
|
|
cancelForm(){
|
|
this.openForm = false;
|
|
},
|
|
/** 列索引函数 */
|
|
getIndex($index) {
|
|
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
|
|
},
|
|
/** 时间搜索响应函数 */
|
|
dateTimeChange(value){
|
|
this.dateTimeRange=value;
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.el-divider{
|
|
margin-top: 0px;
|
|
background: 0 0;
|
|
border-top: 1px solid #E6EBF5;
|
|
}
|
|
.el-divider__text {
|
|
color: #0955ee;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.query-label {
|
|
.el-radio{
|
|
display: block;
|
|
line-height: 23px;
|
|
white-space: normal;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
</style>
|