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.
 
 
 
 
 

751 lines
23 KiB

<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: -10px;">
<el-button @click="searchTable()" type="primary" style="margin-left: 2px;margin-top: 33px">{{'查询'}}</el-button>
<el-button @click="importModel()" type="primary" style="margin-left: 2px;margin-top: 33px">{{'导入'}}</el-button>
</el-form>
<el-table
:height="height"
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;">
<el-table-column
header-align="center"
align="center"
width="150"
label="操作">
<template slot-scope="scope">
<a type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</a>
<a type="text" size="small" @click="deleteHandle(scope.row.id)">删除</a>
</template>
</el-table-column>
<el-table-column
v-for="(item,index) in columnList" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 1000]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<!-- 导入 -->
<del-upload-excel ref="delUploadExcel" @refreshPageTables="searchTable" v-drag></del-upload-excel>
</div>
</template>
<script>
import delUploadExcel from "./del_upload_excel.vue";
import {} from "@/api/sysLanguage.js"
export default {
name: "null",
components:{
delUploadExcel
},
data() {
return {
pageIndex: 1,
pageSize: 100,
totalPage: 0,
height: 200,
dataList:[],
dataListLoading: false,
searchData: {
page: 1,
limit: 100,
site:this.$store.state.user.site,
},
buttons:{
search:'查询',
},
columnList: [
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1BuDesc',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "buDesc",
headerAlign: "center",
align: "left",
columnLabel: "BU",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1CmcInvoice',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "cmcInvoice",
headerAlign: "center",
align: "left",
columnLabel: "CMC Invoice",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1DelNo',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "delNo",
headerAlign: "center",
align: "left",
columnLabel: "发货通知单号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1ItemNo',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "itemNo",
headerAlign: "center",
align: "left",
columnLabel: "行号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1NotifyDate',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "notifyDate",
headerAlign: "center",
align: "center",
columnLabel: "发货日期",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1NotifyStatus',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "notifyStatus",
headerAlign: "center",
align: "left",
columnLabel: "通知单状态",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1SalesOrder',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "salesOrder",
headerAlign: "center",
align: "left",
columnLabel: "销售订单号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Line',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "line",
headerAlign: "center",
align: "right",
columnLabel: "销售单行号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1ReadyDate',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "readyDate",
headerAlign: "center",
align: "center",
columnLabel: "ReadyDate",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1CustomerName',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "customerName",
headerAlign: "center",
align: "left",
columnLabel: "客户名称",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1CustomerPO',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "customerPO",
headerAlign: "center",
align: "left",
columnLabel: "客户采购单号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Version',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "version",
headerAlign: "center",
align: "left",
columnLabel: "Version",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Status',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "status",
headerAlign: "center",
align: "left",
columnLabel: "Status",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Family',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "family",
headerAlign: "center",
align: "left",
columnLabel: "Family",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1PartNo',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "partNo",
headerAlign: "center",
align: "left",
columnLabel: "PN",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1PartDescription',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "partDescription",
headerAlign: "center",
align: "left",
columnLabel: "Description",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Qty',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "qty",
headerAlign: "center",
align: "right",
columnLabel: "Qty (pcs)",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Lt',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "lt",
headerAlign: "center",
align: "right",
columnLabel: "LT (wks)",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1CmcComment',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "cmcComment",
headerAlign: "center",
align: "left",
columnLabel: "CMC Comment",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Destination',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "destination",
headerAlign: "center",
align: "left",
columnLabel: "Destination",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1SaleType',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "saleType",
headerAlign: "center",
align: "left",
columnLabel: "内外销方式",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1AwbBl',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "awbBl",
headerAlign: "center",
align: "left",
columnLabel: "AWB/ BL#",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1ShippingNumber',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "shippingNumber",
headerAlign: "center",
align: "left",
columnLabel: "ShippingNumber",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1ShippingMode',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "shippingMode",
headerAlign: "center",
align: "left",
columnLabel: "ShippingMode",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1ForwarderInfo',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "forwarderInfo",
headerAlign: "center",
align: "left",
columnLabel: "Forwarder Info",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Currency',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "currency",
headerAlign: "center",
align: "left",
columnLabel: "Currency",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Tp',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "tp",
headerAlign: "center",
align: "right",
columnLabel: "TP",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1TtlAmount',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "ttlAmount",
headerAlign: "center",
align: "right",
columnLabel: "TTL Amount",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1SumPrice',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "sumPrice",
headerAlign: "center",
align: "right",
columnLabel: "价税合计",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 80
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1So',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "so",
headerAlign: "center",
align: "left",
columnLabel: "SO",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Upc',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "upc",
headerAlign: "center",
align: "left",
columnLabel: "UPC",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1ErpDelNo',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "erpDelNo",
headerAlign: "center",
align: "left",
columnLabel: "ERP发货单号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1ErpDelItemNo',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "erpDelItemNo",
headerAlign: "center",
align: "right",
columnLabel: "行号",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 60
},
{
userId: this.$store.state.user.name,
functionId: 801001,
serialNumber: '801001Table1Remark',
tableId: "801001Table1",
tableName: "关务系统发货通知单",
columnProp: "remark",
headerAlign: "center",
align: "left",
columnLabel: "Remark",
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 300
},
],
}
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 240;
})
},
methods: {
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.searchTable()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.searchTable()
},
searchTable(){
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
searchNotifyHeader(this.searchData).then(({data}) => {
//区分请求成功和失败的状况
if (data && data.code == 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
if(this.dataList.length>0){
this.$refs.mainTable.setCurrentRow(this.dataList[0]);
this.changeData(this.dataList[0])
}else {
this.changeData(null)
}
} else {
this.dataList = [];
}
});
},
importModel(){
this.$nextTick(() => {
this.$refs.delUploadExcel.init()
})
},
},
created() {
}
}
</script>
<style scoped>
</style>