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.
1002 lines
32 KiB
1002 lines
32 KiB
<template>
|
|
<div class="mod-config">
|
|
|
|
<!-- 收藏 -->
|
|
<div>
|
|
<span @click="favoriteFunction()">
|
|
<icon-svg :name="favorite?'xiangqufill':'xiangqu'" class="sl-svg"></icon-svg>
|
|
</span>
|
|
</div>
|
|
|
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
|
|
<el-form-item :label="'采购订单号'">
|
|
<el-input v-model="searchData.orderNo" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'生产订单号'">
|
|
<el-input v-model="searchData.orderRef1" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'工序号'">
|
|
<el-input v-model="searchData.orderRef2" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'工序名称:'">
|
|
<el-input v-model="searchData.operationDesc" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<!-- <el-form-item label="外协订单领料状态">-->
|
|
<!-- <el-select v-model="searchData.outworkorderPartReqStatus" placeholder="请选择外协订单领料状态">-->
|
|
<!-- <el-option label="未发料" value="C"></el-option>-->
|
|
<!-- <el-option label="全部发料" value="B"></el-option>-->
|
|
<!-- <el-option label="部分发料" value="A"></el-option>-->
|
|
<!-- </el-select>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item label="状态">
|
|
<el-select v-model="searchData.status" placeholder="请选择状态" clearable>
|
|
<el-option label="未发货" value="未发货"></el-option>
|
|
<el-option label="部分发货" value="部分发货"></el-option>
|
|
<el-option label="已发货" value="已发货"></el-option>
|
|
<el-option label="已关闭" value="已关闭"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item :label="'要求送货日期'">
|
|
<el-date-picker
|
|
style="width: 120px"
|
|
v-model="searchData.wantedDelStartDate"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
-
|
|
<el-date-picker
|
|
style="width: 120px"
|
|
v-model="searchData.wantedDelEndDate"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="送货地点" prop="site">
|
|
<el-select v-model="searchData.delPoint" clearable placeholder="请选择" style="width: 120px">
|
|
<el-option label = "常熟" value = "常熟"></el-option>
|
|
<el-option label = "苏州" value = "苏州"></el-option>
|
|
<el-option label = "徐州" value = "徐州"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
|
|
<el-form-item>
|
|
<span style="cursor: pointer" slot="label" @click="getBaseList(3)"><a herf="#">供应商编码</a></span>
|
|
<el-input v-model="searchData.supplierId" placeholder="输入或选择供应商编码"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="供应商名称">
|
|
<el-input v-model="searchData.supplierName"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="物料编码">
|
|
<el-input v-model="searchData.partNo"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="物料描述">
|
|
<el-input v-model="searchData.partDescription"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<span style="cursor: pointer" slot="label" @click="getBaseList(9)"><a herf="#">采购员</a></span>
|
|
<el-input v-model="searchData.userName" clearable placeholder="输入或选择采购员" style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="' '">
|
|
<el-button v-if="!authSearch" type="primary" @click="getDataList()">查询</el-button>
|
|
<download-excel
|
|
:fields="fields()"
|
|
:data="exportData"
|
|
type="xls"
|
|
:name="exportName"
|
|
:header="exportHeader"
|
|
:footer="exportFooter"
|
|
:fetch="createExportData"
|
|
:before-generate="startDownload"
|
|
:before-finish="finishDownload"
|
|
worksheet="导出信息"
|
|
class="el-button el-button--primary el-button--medium">
|
|
{{ "导出" }}
|
|
</download-excel>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-table
|
|
:height="height"
|
|
:data="dataList"
|
|
border
|
|
style="width: 100%;"
|
|
class="custom-table"
|
|
>
|
|
<el-table-column
|
|
v-for="(item, index) in columnList"
|
|
:key="index"
|
|
:prop="item.columnProp"
|
|
:label="item.columnLabel"
|
|
:sortable="item.columnSortable"
|
|
:header-align="item.headerAlign"
|
|
:align="item.align"
|
|
:fixed="item.fixed == '' ? false : item.fixed"
|
|
:width="item.columnWidth"
|
|
>
|
|
<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-column
|
|
fixed="right"
|
|
header-align="center"
|
|
align="center"
|
|
width="100"
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<el-link style="cursor: pointer" type="text" size="small" @click="updateModal(scope.row,0)">修改</el-link>
|
|
<el-link style="cursor: pointer" type="text" size="small" @click="updateModal(scope.row,1)">取消</el-link>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<el-pagination
|
|
@size-change="sizeChangeHandle"
|
|
@current-change="currentChangeHandle"
|
|
:current-page="pageIndex"
|
|
:page-sizes="[20, 50, 100, 200, 500]"
|
|
:page-size="pageSize"
|
|
:total="totalPage"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
>
|
|
</el-pagination>
|
|
|
|
<el-dialog title="供应商送货计划修改" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="405px">
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item :label="'要求送货日期'" :rules="rules.wantedDelDate">
|
|
<el-date-picker
|
|
style="width: 120px"
|
|
v-model="modalData.WantedDelDate"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item label="送货地点" prop="site" :rules="rules.delPoint">
|
|
<el-select v-model="modalData.delPoint" placeholder="请选择" style="width: 120px">
|
|
<el-option label = "常熟" value = "常熟"></el-option>
|
|
<el-option label = "苏州" value = "苏州"></el-option>
|
|
<el-option label = "徐州" value = "徐州"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="此次送货数量" prop="deliveryQty" :rules="rules.deliveryQty">
|
|
<el-input-number v-model="modalData.deliveryQty" :controls="false" style="width: 100px"></el-input-number>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="备注" prop="remark">
|
|
<el-input v-model="modalData.remark" style="width: 368px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="saveData">保存</el-button>
|
|
<el-button @click="modalFlag = false">取消</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
|
|
<!-- 数据表格部分 -->
|
|
<!-- <el-table :data="dataList" border style="width: 100%">-->
|
|
<!-- <el-table-column prop="orderNumber" label="订单号" width="150"></el-table-column>-->
|
|
<!-- <el-table-column prop="material" label="物料编码" width="150"></el-table-column>-->
|
|
<!-- <el-table-column prop="supplier" label="供应商" width="150"></el-table-column>-->
|
|
<!-- <el-table-column prop="quantity" label="待送货数量" width="150"></el-table-column>-->
|
|
<!-- <el-table-column prop="deliveryQuantity" label="此次送货数量" width="150">-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- <el-input-->
|
|
<!-- v-model.number="scope.row.deliveryQuantity"-->
|
|
<!-- :max="scope.row.remainingQuantity"-->
|
|
<!-- />-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
<!-- <el-table-column prop="status" label="状态" width="150"></el-table-column>-->
|
|
<!-- </el-table>-->
|
|
|
|
<!-- 汇总部分 -->
|
|
<!-- <div class="summary-section">-->
|
|
<!-- <h3>汇总</h3>-->
|
|
<!-- <p>总待送货数量: {{ totalRemaining }}</p>-->
|
|
<!-- <p>此次送货总数量: {{ totalDelivery }}</p>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {removeUserFavorite, saveUserFavorite, userFavoriteList} from "../../../api/userFavorite";
|
|
import {getSiteAndBuByUserName} from "../../../api/qc/qc";
|
|
import {
|
|
addSupplierDeliveryPlan, autoReservationInitiateHandler,
|
|
searchSupplierDeliverySchedule,
|
|
updateSupplierDeliveryScheduleDeliveryQty
|
|
} from "../../../api/deliverySchedule/supplierDeliverySchedule";
|
|
import {searchSupplierDeliveryPlan,updateSupplierDeliveryPlan} from "../../../api/deliverySchedule/supplierDeliveryPlan";
|
|
import {getTableDefaultListLanguage, getTableUserListLanguage} from "../../../api/table";
|
|
import Chooselist from "../common/Chooselist.vue";
|
|
|
|
export default {
|
|
components: {
|
|
Chooselist
|
|
},
|
|
data() {
|
|
return {
|
|
// 是否收藏
|
|
favorite: false,
|
|
// 导出 start
|
|
exportData: [],
|
|
exportName: "内部供应商送货计划信息" + this.dayjs().format('YYYYMMDDHHmmss'),
|
|
exportHeader: ["内部供应商送货计划信息"],
|
|
exportFooter: [],
|
|
exportList: [],
|
|
modalData: {
|
|
WantedDelDate: '',
|
|
delPoint: '',
|
|
deliveryQty: '',
|
|
lastDeliveryQty: '',
|
|
remark: '',
|
|
},
|
|
// 导出 end
|
|
searchData: {
|
|
orderNo: '',
|
|
orderRef1: '',
|
|
orderRef2: '',
|
|
operationDesc: '',
|
|
status: '',
|
|
wantedDelStartDate: '',
|
|
wantedDelEndDate: '',
|
|
delPoint: '',
|
|
supplierId: '',
|
|
supplierName: '',
|
|
partNo: '',
|
|
partDescription: '',
|
|
userName: '',
|
|
site: this.$store.state.user.site,
|
|
page: 1,
|
|
limit: 20,
|
|
},
|
|
columnList: [
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableWantedDelDate',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'WantedDelDate',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '要求送货日期',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableUserName',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'userName',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '采购员',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableDelPoint',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'delPoint',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '送货地点',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableStatus',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'status',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '状态',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableSupplierId',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'supplierId',
|
|
headerAlign: 'center',
|
|
align: "left",
|
|
columnLabel: '供应商编码',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableSupplierName',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 182,
|
|
columnProp: 'supplierName',
|
|
headerAlign: 'center',
|
|
align: "left",
|
|
columnLabel: '供应商名称',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableOrderNo',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 100,
|
|
columnProp: 'orderNo',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '采购订单号',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableOrderRef1',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 182,
|
|
columnProp: 'orderRef1',
|
|
headerAlign: 'center',
|
|
align: "left",
|
|
columnLabel: '生产订单号',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableOrderItemNo',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 80,
|
|
columnProp: 'orderItemNo',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '序号',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TablePartNo',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 182,
|
|
columnProp: 'partNo',
|
|
headerAlign: 'center',
|
|
align: "left",
|
|
columnLabel: '物料编码',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TablePartDescription',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 182,
|
|
columnProp: 'partDescription',
|
|
headerAlign: 'center',
|
|
align: "left",
|
|
columnLabel: '物料名称',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableSpec',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 183,
|
|
columnProp: 'spec',
|
|
headerAlign: 'center',
|
|
align: "left",
|
|
columnLabel: '规格型号',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableOrderRef2',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 70,
|
|
columnProp: 'orderRef2',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '工序号',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableOperationDesc',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'operationDesc',
|
|
headerAlign: 'center',
|
|
align: "left",
|
|
columnLabel: '工序名称',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableLastDeliveryQty',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'lastDeliveryQty',
|
|
headerAlign: 'center',
|
|
align: "right",
|
|
columnLabel: '上一次的此次送货数量',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableDeliveryQty',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'deliveryQty',
|
|
headerAlign: 'center',
|
|
align: "right",
|
|
columnLabel: '此次送货数量',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableActualDelQty',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'actualDelQty',
|
|
headerAlign: 'center',
|
|
align: "right",
|
|
columnLabel: '要求送货数量',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableActualTotalDelQty',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'actualTotalDelQty',
|
|
headerAlign: 'center',
|
|
align: "right",
|
|
columnLabel: '实际送货数量',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableActualOntimeDelQty',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'actualOntimeDelQty',
|
|
headerAlign: 'center',
|
|
align: "right",
|
|
columnLabel: '实际准时送货数量',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableActualFirstDelDate',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'actualFirstDelDate',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '实际首次送货日期',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableActualLatestDelDate',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'actualLatestDelDate',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '实际最后送货日期',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableCreateDate',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 150,
|
|
columnProp: 'CreateDate',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '创建时间',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 109002,
|
|
serialNumber: '109002TableCreateBy',
|
|
tableId: "109002Table",
|
|
tableName: "内部供应商送货计划信息表",
|
|
columnWidth: 120,
|
|
columnProp: 'createBy',
|
|
headerAlign: 'center',
|
|
align: "center",
|
|
columnLabel: '创建人',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
],
|
|
rules: {
|
|
wantedDelDate: [
|
|
{ required: true, message: '要求送货日期不能为空', trigger: 'blur' }
|
|
],
|
|
delPoint: [
|
|
{ required: true, message: '送货地点不能为空', trigger: 'blur' }
|
|
],
|
|
allotmentQty: [
|
|
{ required: true, message: '此次分配的送货数量不能为空', trigger: 'blur' }
|
|
],
|
|
deliveryQty: [
|
|
{ required: true, message: '此次送货数量不能为空', trigger: 'blur' }
|
|
],
|
|
},
|
|
pageIndex: 1,
|
|
pageSize: 20,
|
|
totalPage: 0,
|
|
height: 200,
|
|
dataList: [],
|
|
modalFlag: false,
|
|
modalDisableFlag: false,
|
|
autoReservationFlag: false,
|
|
options: [],
|
|
userBuList: [],
|
|
selectionList:[],
|
|
authSearch: false,
|
|
authSave: false,
|
|
authUpdate: false,
|
|
authDelete: false,
|
|
menuId: this.$route.meta.menuId,
|
|
};
|
|
},
|
|
|
|
mounted () {
|
|
this.$nextTick(() => {
|
|
this.height = window.innerHeight - 180
|
|
})
|
|
},
|
|
|
|
created() {
|
|
// 按钮控制
|
|
this.getButtonAuthData()
|
|
// 获取用户的 site 和 bu
|
|
this.getSiteAndBuByUserName()
|
|
// 校验用户是否收藏
|
|
this.favoriteIsOk()
|
|
// 动态列
|
|
this.getTableUserColumn(this.$route.meta.menuId+'table',1)
|
|
if (!this.authSearch) {
|
|
// 获取数据列表
|
|
this.getDataList()
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
// 获取基础数据列表
|
|
getBaseList (val) {
|
|
this.tagNo = val
|
|
this.$nextTick(() => {
|
|
let strVal = ''
|
|
let conSql = ''
|
|
if (val === 3) {
|
|
strVal = this.searchData.supplierId
|
|
conSql = " and site = '" + this.searchData.site + "'"
|
|
this.$refs.baseList.init(val, strVal, conSql)
|
|
} else if (val === 9) {
|
|
strVal = this.searchData.userName
|
|
conSql = " and site = '" + this.searchData.site + "'"
|
|
this.$refs.baseList.init(val, strVal, conSql)
|
|
}
|
|
})
|
|
},
|
|
|
|
// 列表方法的回调
|
|
getBaseData (val) {
|
|
if (this.tagNo === 3) {
|
|
this.searchData.supplierId = val.SupplierID
|
|
this.searchData.supplierName = val.SupplierName
|
|
} else if (this.tagNo === 9) {
|
|
this.searchData.userName = val.EmployeeName
|
|
}
|
|
},
|
|
|
|
// 获取用户的bu
|
|
getSiteAndBuByUserName () {
|
|
let tempData = {
|
|
username: this.$store.state.user.name,
|
|
}
|
|
getSiteAndBuByUserName(tempData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.userBuList = data.rows
|
|
}
|
|
})
|
|
},
|
|
|
|
// 校验用户是否收藏
|
|
favoriteIsOk () {
|
|
let userFavorite = {
|
|
userId: this.$store.state.user.id,
|
|
languageCode: this.$i18n.locale
|
|
}
|
|
userFavoriteList(userFavorite).then(({data}) => {
|
|
for (let i = 0; i < data.list.length; i++) {
|
|
if(this.$route.meta.menuId === data.list[i].menuId){
|
|
this.favorite = true
|
|
}
|
|
}
|
|
})
|
|
},
|
|
|
|
// 收藏 OR 取消收藏
|
|
favoriteFunction () {
|
|
let userFavorite = {
|
|
userId: this.$store.state.user.id,
|
|
functionId: this.$route.meta.menuId,
|
|
}
|
|
if (this.favorite) {
|
|
removeUserFavorite(userFavorite).then(({data}) => {
|
|
this.$message.success(data.msg)
|
|
this.favorite = false
|
|
})
|
|
} else {
|
|
// 收藏
|
|
saveUserFavorite(userFavorite).then(({data}) => {
|
|
this.$message.success(data.msg)
|
|
this.favorite = true
|
|
})
|
|
}
|
|
},
|
|
|
|
getDataList() {
|
|
this.searchData.limit = this.pageSize
|
|
this.searchData.page = this.pageIndex
|
|
searchSupplierDeliveryPlan(this.searchData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.dataList = data.page.list
|
|
this.pageIndex = data.page.currPage
|
|
this.pageSize = data.page.pageSize
|
|
this.totalPage = data.page.totalCount
|
|
}
|
|
})
|
|
},
|
|
|
|
|
|
saveData () {
|
|
let inData = this.modalData
|
|
updateSupplierDeliveryPlan(inData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.modalFlag = false
|
|
this.getDataList()
|
|
this.$message.success(data.msg)
|
|
} else {
|
|
this.$message.error(data.msg)
|
|
}
|
|
})
|
|
},
|
|
|
|
updateModal(row,flag){
|
|
if(flag === 0){
|
|
this.modalFlag = true
|
|
if (row.lastDeliveryQty !== row.deliveryQty && row.deliveryQty > 0) {
|
|
row.lastDeliveryQty = row.deliveryQty
|
|
}
|
|
this.modalData = row
|
|
this.modalData.flag = flag
|
|
} else if(flag === 1){
|
|
this.$confirm('确定关闭该送货计划吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
this.modalData = row
|
|
this.modalData.flag = flag
|
|
this.saveData()
|
|
}).catch(() => {
|
|
this.$message({
|
|
type: 'info',
|
|
message: '已取消'
|
|
});
|
|
});
|
|
}
|
|
},
|
|
|
|
handleSelectionChange(val) {
|
|
this.selectionList = val;
|
|
},
|
|
|
|
// 每页数
|
|
sizeChangeHandle (val) {
|
|
this.pageSize = val
|
|
this.pageIndex = 1
|
|
this.getDataList()
|
|
},
|
|
|
|
// 当前页
|
|
currentChangeHandle (val) {
|
|
this.pageIndex = val
|
|
this.getDataList()
|
|
},
|
|
|
|
//导出excel
|
|
async createExportData() {
|
|
if(this.selectionList.length > 0) {
|
|
return this.exportList = this.selectionList
|
|
} else {
|
|
// 提示
|
|
this.$message({
|
|
message: '请选择要导出的数据',
|
|
type: 'warning'
|
|
})
|
|
}
|
|
},
|
|
|
|
startDownload() {},
|
|
|
|
finishDownload() {},
|
|
|
|
fields () {
|
|
let json = "{"
|
|
this.columnList.forEach((item, index) => {
|
|
if (index == this.columnList.length - 1) {
|
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
|
|
} else {
|
|
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
|
|
}
|
|
})
|
|
json += "}"
|
|
let s = eval("(" + json + ")")
|
|
return s
|
|
},
|
|
|
|
// 动态列开始 获取 用户保存的 格式列
|
|
async getTableUserColumn (tableId, columnId) {
|
|
let queryTableUser = {
|
|
userId: this.$store.state.user.name,
|
|
functionId: this.$route.meta.menuId,
|
|
tableId: tableId,
|
|
status: true,
|
|
languageCode: this.$i18n.locale
|
|
}
|
|
await getTableUserListLanguage(queryTableUser).then(({data}) => {
|
|
if (data.rows.length > 0) {
|
|
//this.columnList1 = []
|
|
switch (columnId) {
|
|
case 1:
|
|
this.columnList = data.rows
|
|
break;
|
|
// case 2:
|
|
// this.columnDetailList = data.rows
|
|
// break;
|
|
// case 3:
|
|
// this.columnList2 = data.rows
|
|
// break;
|
|
// case 4:
|
|
// this.columnList3 = data.rows
|
|
// break;
|
|
}
|
|
} else {
|
|
this.getColumnList(tableId, columnId)
|
|
}
|
|
})
|
|
},
|
|
|
|
// 获取 tableDefault 列
|
|
async getColumnList (tableId, columnId) {
|
|
let queryTable = {
|
|
functionId: this.$route.meta.menuId,
|
|
tableId: tableId,
|
|
languageCode: this.$i18n.locale
|
|
}
|
|
await getTableDefaultListLanguage(queryTable).then(({data}) => {
|
|
if (!data.rows.length == 0) {
|
|
switch (columnId) {
|
|
case 1:
|
|
this.columnList = data.rows
|
|
break;
|
|
// case 2:
|
|
// this.columnDetailList = data.rows
|
|
// break;
|
|
// case 3:
|
|
// this.columnList2 = data.rows
|
|
// break;
|
|
// case 4:
|
|
// this.columnList3 = data.rows
|
|
// break;
|
|
}
|
|
} else {
|
|
// this.showDefault = true.
|
|
}
|
|
})
|
|
},
|
|
|
|
//获取按钮的权限数据
|
|
getButtonAuthData () {
|
|
let searchFlag = this.isAuth(this.menuId+":search")
|
|
let saveFlag = this.isAuth(this.menuId+":save")
|
|
let updateFlag = this.isAuth(this.menuId+":update")
|
|
let deleteFlag = this.isAuth(this.menuId+":delete")
|
|
//处理页面的权限数据
|
|
this.authSearch = !searchFlag
|
|
this.authSave = !saveFlag
|
|
this.authUpdate = !updateFlag
|
|
this.authDelete = !deleteFlag
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.custom-table /deep/ .el-table__row {
|
|
height: 30px;
|
|
line-height: 1.5;
|
|
}
|
|
.el-input-number /deep/ .el-input__inner {
|
|
text-align: right;
|
|
padding-right: 5px !important;
|
|
}
|
|
#delivery-plan {
|
|
padding: 20px;
|
|
}
|
|
.filter-section {
|
|
margin-bottom: 20px;
|
|
}
|
|
.summary-section {
|
|
margin-top: 20px;
|
|
}
|
|
</style>
|