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.
1655 lines
43 KiB
1655 lines
43 KiB
<template> |
|
<div class="maxContent"> |
|
<!-- 搜索功能 --> |
|
<div> |
|
<div class="SoInput" v-show="searchSo"> |
|
<el-form :model="SoInfoData"> |
|
<el-form-item label="任务编号:"> |
|
<el-input v-model="SoInfoData.questNum" placeholder="任务编号" /> |
|
</el-form-item> |
|
<el-form-item label="货物编号:"> |
|
<el-input v-model="SoInfoData.b" placeholder="货物编号" /> |
|
</el-form-item> |
|
<el-form-item label="物流车次:"> |
|
<el-input v-model="SoInfoData.c" placeholder="物流车次" /> |
|
</el-form-item> |
|
</el-form> |
|
|
|
|
|
<div class="SoBtn"> |
|
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button> |
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
|
</div> |
|
</div> |
|
<!-- 查询按钮 --> |
|
<!-- 头部右侧按钮模块 --> |
|
|
|
<div class="avue-crud__right"> |
|
<div> |
|
<el-button type="primary" icon="el-icon-search" @click="InventoryTask">创建盘点任务</el-button> |
|
<el-button type="primary" icon="el-icon-search" >取消盘点</el-button> |
|
<el-button type="primary" icon="el-icon-search" >盘点完成</el-button> |
|
<el-button type="primary" icon="el-icon-search" >取消完成</el-button> |
|
<el-button type="primary" icon="el-icon-search">批量删除</el-button> |
|
</div> |
|
<div> |
|
<el-button icon="el-icon-refresh" @click="Refresh" circle></el-button> |
|
<el-button icon="el-icon-search" @click="searchSo = !searchSo" circle></el-button> |
|
</div> |
|
</div> |
|
<!-- 表格开始 --> |
|
<el-table |
|
v-loading="loading" |
|
element-loading-text="数据正在更新中..." |
|
:data="ElData" |
|
row-key="name" |
|
border |
|
height="600" |
|
style="width: 100%" |
|
ref="tableRef" |
|
@select-all="selectAll" |
|
@select="selectChange" |
|
> |
|
<el-table-column type="selection" width="55" fixed /> |
|
<el-table-column type="index" fixed width="50" height="100" label="#" align="center" /> |
|
<!-- |
|
Type ===1 普通文本 |
|
Type ===2 图片显示 |
|
Type ===3 操作功能 |
|
label: 标题 |
|
width: 宽度 |
|
prop: 数据字段 |
|
--> |
|
|
|
<el-table-column |
|
:prop="item.prop" |
|
:label="item.label" |
|
:width="item.width" |
|
:fixed="item.fixed" |
|
align="center" |
|
v-for="(item, index) in menuData" |
|
:key="item.label" |
|
> |
|
<el-table-column |
|
:prop="item.prop" |
|
:label="item.label" |
|
:width="item.width" |
|
:fixed="item.fixed" |
|
align="center" |
|
> |
|
<template #header> |
|
<!-- <el-input |
|
@change="InputSo(item)" |
|
clearable |
|
v-if="item.type == 4" |
|
v-model="item.values" |
|
:placeholder="`请输入${item.label}`" |
|
/> --> |
|
</template> |
|
|
|
<template #default="props"> |
|
<img :src="props.row[item.prop]" class="el-Img" v-if="item.type === 2" /> |
|
|
|
<div :class="ElBtnClass" v-if="item.type == 3"> |
|
<el-button |
|
:link="ElButtonS[0].link" |
|
:class="ElButtonS[0].class" |
|
:auto-insert-space="ElButtonS[0].space" |
|
:size="ElButtonS[0].size" |
|
:icon="ElButtonS[0].icon" |
|
@click="ViewEvent(props.row)" |
|
>明细</el-button |
|
> |
|
<el-button |
|
:link="ElButtonS[0].link" |
|
:class="ElButtonS[0].class" |
|
:auto-insert-space="ElButtonS[0].space" |
|
:size="ElButtonS[0].size" |
|
:icon="ElButtonS[0].icon" |
|
@click="DetailsNotCounted(props.row)" |
|
>未盘点明细</el-button |
|
> |
|
<el-button |
|
:link="ElButtonS[1].link" |
|
:class="ElButtonS[1].class" |
|
:auto-insert-space="ElButtonS[1].space" |
|
:size="ElButtonS[1].size" |
|
:icon="ElButtonS[1].icon" |
|
@click="extension(props.row)" |
|
>延期</el-button |
|
> |
|
<el-button |
|
:link="ElButtonS[3].link" |
|
:class="ElButtonS[3].class" |
|
:auto-insert-space="ElButtonS[3].space" |
|
:size="ElButtonS[3].size" |
|
:icon="ElButtonS[3].icon" |
|
@click="comparativeData(props.row)" |
|
>对比数据</el-button |
|
> |
|
</div> |
|
<span v-if="item.type == 7">{{ |
|
props.row[item.prop] == 1 |
|
? '全部' |
|
: props.row[item.prop] == 2 |
|
? '全仓' |
|
: '/' |
|
}}</span> |
|
<span v-if="item.type == 8">{{ |
|
props.row[item.prop] == 0 |
|
? '创建全部' |
|
: props.row[item.prop] == 1 |
|
? '开始' |
|
: props.row[item.prop] == 2 |
|
? '暂停' |
|
: props.row[item.prop] == 3 |
|
? '结束' |
|
: '/' |
|
}}</span> |
|
<span v-if="item.type == 1">{{ |
|
props.row[item.prop] ? props.row[item.prop] : '/' |
|
}}</span> |
|
|
|
|
|
</template> |
|
</el-table-column> |
|
</el-table-column> |
|
</el-table> |
|
</div> |
|
<!-- 表格翻页功能 --> |
|
<div class="demo-pagination-block TCdemo-pagination-block"> |
|
<el-pagination |
|
v-model:current-page="currentPage" |
|
v-model:page-size="pageSize" |
|
:page-sizes="pageList" |
|
:disabled="disabled" |
|
:background="background" |
|
layout="total, sizes, prev, pager, next, jumper" |
|
:total="total" |
|
@size-change="PageSizeChange" |
|
@current-change="SizeChange" |
|
/> |
|
</div> |
|
<!-- 弹窗详情 --> |
|
|
|
<el-dialog v-model="PopupDetails" title="盘点数据" width="70%" :before-close="handleClose"> |
|
<div style="margin-bottom:10px;"> |
|
<div> |
|
<!-- v-if='TcMInventoryStatus' --> |
|
<div v-if="!NotCounted"> |
|
<el-button type="primary" @click="searchChange">删 除</el-button> |
|
<el-button type="primary" @click="InventoryModification">提交修改</el-button> |
|
<el-button type="primary" @click="ModifyingStatus">修改状态</el-button> |
|
</div> |
|
|
|
<div v-if="NotCounted"> |
|
<el-button type="primary" @click="NotInventoried">盘点</el-button> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- 表格开始 --> |
|
<el-table |
|
v-loading="TcPdloading" |
|
element-loading-text="数据正在更新中..." |
|
:data="TcPD" |
|
row-key="name" |
|
border |
|
height="600" |
|
style="width: 100%" |
|
@select-all="TcselectAll" |
|
@select="TcselectChange" |
|
> |
|
<el-table-column type="selection" width="55" fixed /> |
|
<el-table-column type="index" fixed width="50" height="100" label="#" align="center" /> |
|
|
|
<!-- |
|
Type ===1 普通文本 |
|
Type ===2 图片显示 |
|
Type ===3 操作功能 |
|
label: 标题 |
|
width: 宽度 |
|
prop: 数据字段 |
|
--> |
|
|
|
<el-table-column |
|
:prop="item.prop" |
|
:label="item.label" |
|
:width="item.width" |
|
:fixed="item.fixed" |
|
align="center" |
|
v-for="(item, index) in InventoryDetails" |
|
:key="item.label" |
|
> |
|
<el-table-column |
|
:prop="item.prop" |
|
:label="item.label" |
|
:width="item.width" |
|
:fixed="item.fixed" |
|
align="center" |
|
> |
|
<template #header> |
|
<!-- <el-input |
|
@change="InputSo(item)" |
|
clearable |
|
v-if="item.type == 4" |
|
v-model="item.values" |
|
:placeholder="`请输入${item.label}`" |
|
/> --> |
|
</template> |
|
<template #default="props"> |
|
<span v-if="item.type == 5">{{ |
|
props.row[item.prop] == 0 |
|
? '待盘点' |
|
: props.row[item.prop] == 1 |
|
? '已盘' |
|
: props.row[item.prop] == 2 |
|
? '未盘点' |
|
: props.row[item.prop] == 3 |
|
? '已排除' |
|
: '/' |
|
}}</span> |
|
|
|
<span v-if="item.type == 6">{{ |
|
props.row[item.prop] == 1 |
|
? '定制品' |
|
: props.row[item.prop] == 2 |
|
? '零担' |
|
: props.row[item.prop] == 3 |
|
? '库存品' |
|
: '/' |
|
}}</span> |
|
|
|
<span v-if="item.type == 10"> |
|
<el-input |
|
@change="InputSo(item)" |
|
clearable |
|
:disabled='props.row.Checkbox' |
|
v-model="props.row[item.prop]" |
|
:placeholder="`请输入${item.label}`" |
|
/> |
|
</span> |
|
|
|
|
|
<div :class="ElBtnClass" v-if="item.type == 3 && !NotCounted"> |
|
<el-button |
|
:link="ElButtonS[2].link" |
|
:class="ElButtonS[2].class" |
|
:auto-insert-space="ElButtonS[2].space" |
|
:size="ElButtonS[2].size" |
|
:icon="ElButtonS[2].icon" |
|
@click="InventoryEditing(props.row)" |
|
>编辑</el-button |
|
> |
|
</div> |
|
|
|
|
|
<span v-if="item.type == 4">{{ |
|
props.row[item.prop] ? props.row[item.prop] : '/' |
|
}}</span> |
|
</template> |
|
</el-table-column> |
|
</el-table-column> |
|
</el-table> |
|
<template #footer> |
|
<!-- 表格翻页功能 --> |
|
<div class="demo-pagination-blockPD demo-pagination-block TCdemo-pagination-block"> |
|
<el-pagination |
|
v-model:current-page="TccurrentPage" |
|
v-model:page-size="TcpageSize" |
|
:page-sizes="pageList" |
|
:disabled="disabled" |
|
:background="background" |
|
layout="total, sizes, prev, pager, next, jumper" |
|
:total="Tctotal" |
|
@size-change="TcPageSizeChange" |
|
@current-change="TcSizeChange" |
|
/> |
|
</div> |
|
<span class="dialog-footer"> |
|
<el-button>取消</el-button> |
|
<el-button type="primary">确定</el-button> |
|
</span> |
|
</template> |
|
|
|
|
|
|
|
<!-- 弹窗里面的详情 --> |
|
|
|
<!-- 状态选择 --> |
|
<el-dialog v-model="InventoryStatus" title="状态选择" width="70%" style="display: flex;flex-direction: column;"> |
|
<!-- 定制品单选框 --> |
|
<el-radio-group v-model="WrapBarEditing.radio" class="tcradiogroup" v-if="!TcStateSwitching"> |
|
<template v-for='(item,index) in radioList' :key='item.label'> |
|
<div class="Tcstate"> |
|
<el-radio @change='TcReac' :label=item.label>{{item.txt}} </el-radio> <el-input-number v-model="counting[item.input]" :disabled="item.disabled" placeholder="数量" /> |
|
</div> |
|
</template> |
|
</el-radio-group> |
|
|
|
|
|
<!-- 多选框 --> |
|
<el-checkbox-group v-model="radioList" v-else> |
|
<template v-for='(item,index) in radioList' :key='item.label'> |
|
<div class="Tcstate"> |
|
<el-checkbox @change='Tcmultiple' :label="item.txt"/><el-input-number v-model="counting[item.input]" :disabled="item.disabled" placeholder="数量" /> |
|
</div> |
|
</template> |
|
</el-checkbox-group> |
|
|
|
|
|
|
|
|
|
<span class="Tcstdialog-footer"> |
|
<el-button @click="InventoryStatus=false">取消</el-button> |
|
<el-button type="primary" @click="StatusDetermination">确定</el-button> |
|
</span> |
|
</el-dialog> |
|
|
|
<el-dialog |
|
v-model="PopupEditing" |
|
title="信息编辑" |
|
width="60%" |
|
> |
|
<el-form :model="WrapBarEditing" label-position='right' label-width="100px"> |
|
<el-form-item label="包条:"> |
|
<el-input v-model="WrapBarEditing.orderPackageCode" placeholder="包条" /> |
|
</el-form-item> |
|
<el-form-item label="订单自编号:"> |
|
<el-input v-model="WrapBarEditing.orderCode" placeholder="请输入订单自编号" /> |
|
</el-form-item> |
|
|
|
<el-form-item label="异常状态:"> |
|
<el-radio-group v-model="WrapBarEditing.radio"> |
|
<el-radio :label=item.label v-for='item in radioList'>{{item.txt}}</el-radio> |
|
</el-radio-group> |
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="新的货位:"> |
|
<el-input v-model="WrapBarEditing.positionCode" placeholder="请输入" /> |
|
</el-form-item> |
|
</el-form> |
|
|
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="PopupEditing = false">取消</el-button> |
|
<el-button @click="ResetInformation">重置</el-button> |
|
<el-button type="primary" @click="PopupEditing = false">提交</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
</el-dialog> |
|
<!-- 创建盘点弹窗 --> |
|
<el-dialog |
|
v-model="InventoryPopup" |
|
title="创建盘点任务" |
|
width="30%" |
|
:before-close="InventoryPopupClose" |
|
> |
|
<el-form :model="formInventory" label-width="120px"> |
|
<el-form-item label="商场名称"> |
|
<el-select multiple v-model="formInventory.scname" class="m-2" placeholder="请选择商场" size="large" @change='formInventoryChange'> |
|
<el-option |
|
v-for="item in formInventory.select" |
|
:key="item.id" |
|
:label="item.clientName" |
|
:value="item.id" |
|
/> |
|
</el-select> |
|
</el-form-item> |
|
|
|
<el-form-item label="品牌"> |
|
<el-input v-model="formInventory.brandName" disabled placeholder="品牌名称" /> |
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="盘点时间"> |
|
<el-date-picker |
|
v-model="formInventory.time" |
|
type="datetimerange" |
|
range-separator="至" |
|
start-placeholder="盘点开始时间" |
|
format="YYYY-MM-DD HH:mm:ss" |
|
date-format="YYYY/MM/DD ddd" |
|
value-format="YYYY/MM/DD HH:mm:ss" |
|
end-placeholder="盘点结束时间"> |
|
</el-date-picker> |
|
</el-form-item> |
|
|
|
</el-form> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="InventoryPopup = false">取消</el-button> |
|
<el-button type="primary" @click="InventorySubmit"> |
|
提交 |
|
</el-button> |
|
</span> |
|
</template> |
|
|
|
|
|
|
|
</el-dialog> |
|
<!-- 延期弹窗 --> |
|
<el-dialog v-model="dialogTabData" title="选择延期时间"> |
|
<el-date-picker |
|
v-model="TcData" |
|
type="date" |
|
placeholder="请选择延期时间" |
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
/> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="dialogTabData = false">取消</el-button> |
|
<el-button type="primary" @click="InventoryDate"> |
|
提交 |
|
</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
|
|
<!-- 对比信息弹窗 --> |
|
<el-dialog v-model="dialogcontrast" title="对比信息" width="70%"> |
|
<!-- 表格开始 --> |
|
<el-table |
|
v-loading="contrastloading" |
|
element-loading-text="数据正在更新中..." |
|
:data="contrastData" |
|
row-key="name" |
|
border |
|
height="600" |
|
style="width: 100%" |
|
@select-all="contrastselectAll" |
|
@select="contrastselectChange" |
|
> |
|
<el-table-column type="selection" width="55" fixed /> |
|
<el-table-column type="index" fixed width="50" height="100" label="#" align="center" /> |
|
<!-- |
|
Type ===1 普通文本 |
|
Type ===2 图片显示 |
|
Type ===3 操作功能 |
|
label: 标题 |
|
width: 宽度 |
|
prop: 数据字段 |
|
--> |
|
|
|
<el-table-column |
|
:prop="item.prop" |
|
:label="item.label" |
|
:width="item.width" |
|
:fixed="item.fixed" |
|
align="center" |
|
v-for="(item, index) in contrast" |
|
:key="item.label" |
|
> |
|
<el-table-column |
|
:prop="item.prop" |
|
:label="item.label" |
|
:width="item.width" |
|
:fixed="item.fixed" |
|
align="center" |
|
> |
|
<template #header> |
|
<!-- <el-input |
|
@change="InputSo(item)" |
|
clearable |
|
v-if="item.type == 4" |
|
v-model="item.values" |
|
:placeholder="`请输入${item.label}`" |
|
/> --> |
|
</template> |
|
|
|
<template #default="props"> |
|
<div :class="ElBtnClass" v-if="item.type == 3"> |
|
<!-- 按钮 --> |
|
</div> |
|
<span v-if="item.type == 7">{{ |
|
props.row[item.prop] == 1 |
|
? '/' |
|
: props.row[item.prop] == 2 |
|
? '/' |
|
: '/' |
|
}}</span> |
|
<span v-if="item.type == 4">{{ |
|
props.row[item.prop] !=null? props.row[item.prop] : '/' |
|
}}</span> |
|
</template> |
|
</el-table-column> |
|
</el-table-column> |
|
</el-table> |
|
</el-dialog> |
|
<!-- 数据对比结束 --> |
|
|
|
</div> |
|
</template> |
|
|
|
<script setup> |
|
import { ref, reactive, onMounted, computed } from 'vue'; |
|
import { |
|
getDictList, |
|
getTaskQuestPage, |
|
postAddtaskQuest, |
|
$_getDetailInfo, |
|
$_updateDetailInfo, |
|
$_updateDate, |
|
$_getContrastInfo, |
|
$_updateQuestChildInfo, |
|
} from '@/api/distribution/createTask'; |
|
import { ElMessage } from 'element-plus'; |
|
const SoInfoData = ref({}); //搜索框参数 |
|
const searchSo = ref(false); //搜索框 |
|
const ElData = ref([]); //表格的值 |
|
const TcPD=ref([]);//弹窗盘点表格得值 |
|
const currentPage = ref(1); // 默认页码 |
|
const pageSize = ref(40); // 默认每一页几条 |
|
const dialogTabData=ref(false);//延期弹窗 |
|
const TccurrentPage = ref(1); // 默认页码 |
|
const TcpageSize = ref(50); // 默认每一页几条 |
|
const Tctotal = ref(null); //明细页码总数 |
|
const TcData=ref(null);//延期时间 |
|
const pageList = ref([50, 100, 200, 500, 1000]); // 选择每页显示多少条 |
|
const background = ref(true); // 是否开启背景颜色 |
|
const disabled = ref(false); // 是否禁止使用页码功能 |
|
const total = ref(0); //页码总数 |
|
const loading = ref(false); //表格加载Load |
|
const PopupDetails = ref(false); //弹窗详情是否展示 |
|
const InventoryPopup=ref(false);//创建判断任务弹窗 |
|
const formInventory=ref({});//盘点任务表单_ |
|
const TcPdloading=ref(false);//弹窗盘点数据 |
|
const row=ref({});//选择当前列 |
|
const Tcrow=ref();//弹窗当前行 |
|
const WrapBarEditing=ref({});//弹窗数据编辑 |
|
const PopupEditing=ref(false);//弹窗编辑 |
|
const ElBtnClass=ref(null); |
|
const contrastData=ref([]);//对比数据表格 |
|
const dialogcontrast=ref(false);//对比数据弹窗 |
|
const contrastloading=ref(false);//对比数据表格加载 |
|
const Inventoryrow=ref({});//详情编辑响应式临时数据 |
|
const NotCounted=ref(false);//为盘点信息 |
|
const UncheckedRow=ref({});//未盘点当前行存储数据 |
|
const InventoryStatus=ref(false);//盘点中的状态修改 |
|
const InventoryInput=ref(null);//用来存储盘点状态定制品选怎的第几个input |
|
// const InventoryData=ref([]);//盘带状态修改保存的数据 |
|
const TcMInventoryStatus=ref(true);//盘点弹窗按钮权限控制 |
|
const TcStatusModification=ref(false);//表示当前在修改状态 |
|
const TcStateSwitching=ref(false);//默认表示定制品状态 |
|
const TcnumStatu=ref(false);//表示零担,库存品,初始化状态 |
|
const radioList=ref([ |
|
{label:0,txt:'在库',input:'stockNum',disabled:true }, |
|
{label:1,txt:'破损',input:'wornNum',disabled:true }, |
|
{ label:2,txt:'丢失',input:'lossNum' ,disabled:true }, |
|
{label:3,txt:'不可修复',input:'noRepairNum',disabled:true }, |
|
{label:4,txt:'已配送',input:'deliveNum',disabled:true }, |
|
{label:5,txt:'未入库',input:'noReceivedNum',disabled:true }, |
|
]) |
|
const counting=ref({}) |
|
const Tabs = ref([ |
|
// 标题栏 |
|
{ label: '处理中', name: 0, icon: 'Monitor'}, |
|
{ label: '理赔金额未出', name: 1, icon: 'Coin' }, |
|
{ label: '处理完毕', name: 2, icon: 'Check' }, |
|
{ label: '完结', name: 3, icon: 'Reading'}, |
|
{ label: '仲裁中', name: 4, icon: 'List' }, |
|
{ label: '全部', name: 5, icon: 'Notification'}, |
|
]); |
|
// 菜单表头 |
|
const menuData = ref([ |
|
{ |
|
prop: 'questNum', |
|
label: '盘点任务编号', |
|
type: 4, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'warehouseName', |
|
label: '仓库名称', |
|
type: 4, |
|
values: '', |
|
width: '250', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'marketName', |
|
label: '商城名称', |
|
type: 4, |
|
values: '', |
|
width: '250', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'brandName', |
|
label: '品牌名称', |
|
type: 4, |
|
values: '', |
|
width: '250', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'startTime', |
|
label: '任务开始时间', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'endTime', |
|
label: '任务结束时间', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'questType', |
|
label: '类型', |
|
type: 7, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'questStatus', |
|
label: '状态', |
|
type: 8, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: '', |
|
label: '操作', |
|
type: 3, |
|
values: '', |
|
width: '400', |
|
checkarr: [], |
|
fixed: 'right', |
|
search: false, |
|
head: true, |
|
}, |
|
]); //表头结构 |
|
|
|
// 弹窗盘点 |
|
const InventoryDetails =ref([ |
|
{ |
|
prop: 'orderPackageCode', |
|
label: '包条', |
|
type: 4, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'orderCode', |
|
label: '订单自编号', |
|
type: 4, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'questTarget', |
|
label: '品类', |
|
type: 6, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'questStatus', |
|
label: '盘点状态', |
|
type: 5, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'positionCode', |
|
label: '货位', |
|
type: 4, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'trayCode', |
|
label: '托盘码', |
|
type: 4, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
|
|
|
|
|
|
|
|
{ |
|
prop: 'firsts', |
|
label: '一级品类', |
|
type: 10, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'second', |
|
label: '二级品类', |
|
type: 10, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'thirdProduct', |
|
label: '三级品类', |
|
type: 10, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
|
|
|
|
{ |
|
prop: 'categoryName', |
|
label: '产品名称', |
|
type: 10, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: '', |
|
label: '操作', |
|
type: 3, |
|
values: '', |
|
width: '120', |
|
checkarr: [], |
|
fixed: 'right', |
|
search: false, |
|
head: true, |
|
}, |
|
]) |
|
// 对比数据表格结构 |
|
const contrast = ref([ |
|
{ |
|
prop: 'orderCode', |
|
label: '订单自编号', |
|
type: 4, |
|
values: '', |
|
width: '260', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'brandName', |
|
label: '品牌', |
|
type: 4, |
|
values: '', |
|
width: '250', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'mallName', |
|
label: '商场名称', |
|
type: 4, |
|
values: '', |
|
width: '250', |
|
checkarr: [], |
|
fixed: false, |
|
search: true, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'customerName', |
|
label: '客户名称', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'thirdProduct', |
|
label: '三级品', |
|
type: 4, |
|
values: '', |
|
width: '350', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'materialName', |
|
label: '物料名称', |
|
type: 4, |
|
values: '', |
|
width: '200', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'totalNumber', |
|
label: '总件数', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'handQuantity', |
|
label: '在库件数', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'pallet', |
|
label: '所在托盘号', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'goodsAllocation', |
|
label: '货区-货架-货位', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'updateUser', |
|
label: '盘点人', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'updateTime', |
|
label: '盘点时间', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'questNum', |
|
label: '盘点件数', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'differenceNum', |
|
label: '差异数', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'trayCode', |
|
label: '托盘码', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'positionCode', |
|
label: '库位', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
{ |
|
prop: 'questStatusName', |
|
label: '货物状态', |
|
type: 4, |
|
values: '', |
|
width: '150', |
|
checkarr: [], |
|
fixed: false, |
|
search: false, |
|
head: true, |
|
}, |
|
]); |
|
// 按钮配置 |
|
const ElButtonS = ref([ |
|
// 1.link 切换按钮样式(文本模式-false ,按钮模式-tre) |
|
// 2.class 按钮样式名(用于切换按钮样式) |
|
// 3.space 是否开启按钮文子直接间距(true开启 ,false关闭) |
|
// 4.size 按钮尺寸默认小尺寸('large'| 'default'| 'small') |
|
// 5.icon 按钮图标 |
|
// 6.table 按钮名称 |
|
{ |
|
link: false, |
|
class: 'el-btn-view', |
|
space: true, |
|
size: 'small', |
|
icon: 'el-icon-view', |
|
table: '详情', |
|
}, |
|
{ |
|
link: false, |
|
class: 'el-btn-view', |
|
space: true, |
|
size: 'small', |
|
icon: 'el-icon-view', |
|
table: '延期', |
|
}, |
|
{ |
|
link: false, |
|
class: 'el-btn-view', |
|
space: true, |
|
size: 'small', |
|
icon: 'el-icon-view', |
|
table: '编辑', |
|
}, |
|
{ |
|
link: false, |
|
class: 'el-btn-view', |
|
space: true, |
|
size: 'small', |
|
icon: 'el-icon-view', |
|
table: '对比数据', |
|
}, |
|
]); |
|
// 页面初始化请求 |
|
function onLoad() { |
|
loading.value = true; //开启表格加载 |
|
let Data = { |
|
current: currentPage.value, //页码 |
|
size: pageSize.value, //条数 |
|
}; |
|
getTaskQuestPage().then(res=>{ |
|
console.log(res,'获取盘点列表'); |
|
if(res.data.code==200){ |
|
total.value= res.data.data.total |
|
loading.value = false; //关闭表格加载 |
|
res.data.data.records//初始化盘点列表 |
|
let refName='';//商场名称 |
|
let brandName='';//品牌名称 |
|
if(res.data.data.records){ |
|
res.data.data.records.forEach(items=>{ |
|
items.marketName = items.list.map(item => item.refName).join(',');//商场名称 |
|
items.brandName = items.list.map(item => item.brandName).join(',');//品牌名称 |
|
}) |
|
console.log(ElData.value,'ElData.value'); |
|
|
|
} |
|
ElData.value=res.data.data.records |
|
} |
|
}) |
|
} |
|
// 调用页面初始化获取数据 |
|
onLoad(); |
|
const InputSo = val => { |
|
console.log(val); |
|
}; |
|
|
|
// 表格筛选 |
|
const selectChange = () => { |
|
console.log('触发了选择'); |
|
}; |
|
// 表格筛选 |
|
const selectAll = (val) => { |
|
console.log(val,'触发了选择'); |
|
|
|
}; |
|
// 弹窗详情选中（全选） |
|
const TcselectAll=(selectAll,val)=>{ |
|
Tcrow.value=selectAll |
|
if(!selectAll.length){ |
|
TcPD.value.forEach(item=>{ |
|
item.Checkbox=!item.Checkbox |
|
}) |
|
}else{ |
|
selectAll.forEach(item=>{ |
|
item.Checkbox=!item.Checkbox |
|
}) |
|
} |
|
|
|
// 状态修改 |
|
} |
|
// 弹窗详情单选 |
|
const TcselectChange=(selectAll,val)=>{ |
|
val.Checkbox=!val.Checkbox;//开启修改 |
|
if(TcStatusModification.value){ //表示当前在修改状态 |
|
if(val.questTarget!=1){ |
|
Tcrow.value=val |
|
Tcrow.value=selectAll |
|
console.log(Tcrow.value,'状态多条修改'); |
|
}else{ |
|
Tcrow.value=val |
|
console.log(Tcrow.value,'零担单条数据修改'); |
|
} |
|
}else{ |
|
// 这里不是状态修改 |
|
Tcrow.value=selectAll |
|
} |
|
|
|
} |
|
// 延期 |
|
const extension=(val)=>{ |
|
row.value=val |
|
dialogTabData.value=true; |
|
} |
|
// 延期提交 |
|
const InventoryDate=()=>{ |
|
console.log(TcData.value,'延期'); |
|
$_updateDate({ |
|
id:row.value.id, |
|
startTime:row.value.startTime, |
|
endTime:TcData.value, |
|
}).then(res=>{ |
|
dialogTabData.value=false; |
|
if(res.data.code==200){ |
|
ElMessage({ |
|
showClose: true, |
|
message:res.data.msg, |
|
type: 'success', |
|
}) |
|
} |
|
onLoad() |
|
console.log(res,'延期成功返回值'); |
|
}) |
|
} |
|
|
|
// 提交修改 |
|
const InventoryModification=()=>{ |
|
if(!Tcrow.value){ |
|
ElMessage({ |
|
showClose: true, |
|
message: '暂未选择信息', |
|
type: 'warning', |
|
}) |
|
return |
|
} |
|
let data =[] |
|
Tcrow.value.forEach(item=>{ |
|
data.push({ |
|
id:item.id, |
|
firsts:item.firsts, |
|
second:item.second, |
|
thirdProduct:item.thirdProduct, |
|
categoryName:item.categoryName, |
|
questId:item.questId, |
|
questNum:row.value.questNum, |
|
}) |
|
}) |
|
$_updateDetailInfo( |
|
data |
|
).then(res=>{ |
|
TcViewEvent(row.value);//修改之后刷新页面 |
|
console.log(res,'修改成功之后的返回值'); |
|
if(res.data.code==200){ |
|
ElMessage({ |
|
showClose: true, |
|
message:res.data.msg, |
|
type: 'success', |
|
}) |
|
} |
|
|
|
}) |
|
} |
|
// 对比数据按钮 |
|
const comparativeData=(val)=>{ |
|
dialogcontrast.value=true;//显示对比数据表格 |
|
contrastloading.value=true;//开启表格加载 |
|
console.log(val,'对比数据当前行'); |
|
let data ={} |
|
data.questNum=val.questNum; |
|
data.questId=val.id; |
|
$_getContrastInfo(data).then(res=>{ |
|
console.log(res,'对比数据返回值'); |
|
contrastData.value= res.data.data |
|
contrastloading.value=false;//关闭表格加载 |
|
}) |
|
} |
|
// 重置搜索表单 |
|
const searchReset = () => { |
|
SoInfoData.value = {}; |
|
}; |
|
|
|
const TcViewEvent=(val)=>{ |
|
TcPdloading.value=true; |
|
console.log(val,'要传递的对象'); |
|
let data={ |
|
questNum:val.questNum, |
|
questId:val.id, |
|
current: TccurrentPage.value, //页码 |
|
size: TcpageSize.value, //条数 |
|
} |
|
console.log(data,'要提交的数据'); |
|
|
|
$_getDetailInfo(data).then(res=>{ |
|
Tctotal.value= res.data.data.total |
|
res.data.data.records.forEach(item=>{ |
|
item.Checkbox=true; |
|
}) |
|
TcPdloading.value=false |
|
console.log(res,'明细返回值'); |
|
TcPD.value = res.data.data.records |
|
}) |
|
} |
|
// 点击详情按钮 |
|
const ViewEvent = val => { |
|
TccurrentPage.value=1;//重置页码 |
|
NotCounted.value=false;//关闭未盘点 |
|
row.value=val |
|
PopupDetails.value = true; |
|
TcPdloading.value=true; |
|
console.log(val,'明细'); |
|
if(val.questStatus !=1){ |
|
TcMInventoryStatus.value=false;//表示当前盘点任务不属于盘点中,关闭所有按钮权限 |
|
}else{ |
|
TcMInventoryStatus.value=true; |
|
} |
|
TcViewEvent(row.value) |
|
}; |
|
|
|
// 未盘点数据请求 |
|
const NotCountedFn=(row)=>{ |
|
TcPdloading.value=true; |
|
$_getDetailInfo({ |
|
questStatus:0, |
|
questNum:row.questNum, |
|
questId:row.id, |
|
current: TccurrentPage.value, //页码 |
|
size: TcpageSize.value, //条数 |
|
}).then(res=>{ |
|
TcPdloading.value=false; |
|
console.log(res,'未盘点明细返回值'); |
|
res.data.data.records.forEach(item=>{ |
|
item.Checkbox=true; |
|
}) |
|
TcPD.value = res.data.data.records |
|
Tctotal.value = res.data.data.total;//总页码 |
|
}) |
|
} |
|
|
|
// 未盘点明细 |
|
const DetailsNotCounted=(row)=>{ |
|
TccurrentPage.value=1;//重置页码 |
|
UncheckedRow.value=row;//存储当前点击行的数据 |
|
console.log(row.value,'点击盘点了'); |
|
|
|
NotCounted.value=true;//展开未盘点 |
|
TcPdloading.value=true; |
|
PopupDetails.value = true; |
|
NotCountedFn(UncheckedRow.value) |
|
} |
|
// 未盘点转已盘点按钮 |
|
const NotInventoried=(val)=>{ |
|
if(!Tcrow.value){ |
|
ElMessage({ |
|
showClose: true, |
|
message: '暂未选择信息', |
|
type: 'warning', |
|
}) |
|
return |
|
} |
|
let data=[] |
|
console.log(UncheckedRow.value,'提交盘点了'); |
|
Tcrow.value.forEach(item=>{ |
|
data.push({ |
|
id:item.id, |
|
questStatus:item.questStatus=1, |
|
questId:item.questId, |
|
questNum:UncheckedRow.value.questNum, |
|
}) |
|
}) |
|
console.log(data,'未盘点处理好的值'); |
|
$_updateDetailInfo(data).then(res=>{ |
|
console.log(res,'未盘点转为已盘点'); |
|
if(res.data.code==200){ |
|
ElMessage({ |
|
showClose: true, |
|
message:res.data.msg, |
|
type: 'success', |
|
}) |
|
NotCountedFn(UncheckedRow.value) |
|
} |
|
}) |
|
} |
|
// 对盘点中的参数,修改状态 |
|
const ModifyingStatus=()=>{ |
|
if(!Tcrow.value){ |
|
ElMessage({ |
|
showClose: true, |
|
message: '暂未选择信息', |
|
type: 'warning', |
|
}) |
|
return |
|
} |
|
InventoryStatus.value=true;//展开状态选择 |
|
if(Tcrow.value[0].questTarget==1){//表示当前是定制品 |
|
TcStateSwitching.value=false; |
|
}else{ |
|
TcStateSwitching.value=true;//表示当前是零担，库存品 |
|
} |
|
|
|
} |
|
|
|
// 盘点状态选择 |
|
const TcReac=(val)=>{ |
|
console.log(val); |
|
InventoryInput.value=val;//存储当前选择的是第几个input |
|
if(!TcStateSwitching.value){//定制品规则 可以批量操作 |
|
radioList.value.forEach(item=>{ |
|
item.disabled=true; |
|
counting.value[item.input]=0 |
|
}) |
|
radioList.value[val].disabled=false; |
|
counting.value[radioList.value[val].input]=1;//定制品选中的值默认为1 |
|
}else{ |
|
//零担,库存品规则 |
|
if(!TcnumStatu.value){ |
|
radioList.value.forEach(item=>{ |
|
item.disabled=true; |
|
counting.value[item.input]=0 |
|
}) |
|
TcnumStatu.value=true;//表示当前零担库存品已经初始化了 |
|
}else{ |
|
radioList.value[val].disabled=false; |
|
} |
|
} |
|
} |
|
// 状态多选操作 |
|
const Tcmultiple=(val)=>{ |
|
console.log(val); |
|
} |
|
// 盘点状态确认修改 |
|
const StatusDetermination=()=>{ |
|
console.log(row.value,'row.value'); |
|
if(!TcStateSwitching.value){//定制品规则 |
|
let InputMax=counting.value[radioList.value[InventoryInput.value].input];//存储当前输入框最大值 |
|
if(InputMax>Tcrow.value[0].questTarget){ |
|
ElMessage({ |
|
showClose: true, |
|
message: '数量超过最大值上限', |
|
type: 'warning', |
|
}) |
|
return |
|
} |
|
console.log(counting.value,'状态输入框的值'); |
|
let start= Tcrow.value.questTarget |
|
let data=[]; |
|
const filteredData = Tcrow.value.filter(item => item.name == start); // |
|
filteredData.forEach(item=>{ |
|
console.log(item); |
|
data.push({ |
|
stockNum:counting.value.stockNum,//在库数量 |
|
lossNum:counting.value.lossNum,//丢失数量 |
|
deliveNum:counting.value.deliveNum,//配送数量 |
|
wornNum:counting.value.wornNum,//破损数量 |
|
noRepairNum:counting.value.noRepairNum,//不可修复数量 |
|
noReceivedNum:counting.value.noReceivedNum,//未入库数量 |
|
questNum:row.value.questNum,//任务编号 |
|
questId:item.questId, |
|
allocationId:item.allocationId,//上架后的库位id |
|
id:item.id, |
|
cargoName: Number((InventoryInput.value +1) +'0') ,//状态 |
|
}) |
|
}) |
|
console.log(data,'处理好的数据'); |
|
|
|
$_updateQuestChildInfo(data).then(res=>{ |
|
console.log(res,'盘点状态修改完成的返回值'); |
|
if(res.data.code==200){ |
|
ElMessage({ |
|
showClose: true, |
|
message:res.data.msg, |
|
type: 'success', |
|
}) |
|
InventoryStatus.value=false;//关闭状态选择 |
|
TcViewEvent(row.value) |
|
} |
|
}) |
|
} |
|
// else{ |
|
// // 零担,库存品规则 |
|
|
|
// } |
|
|
|
|
|
} |
|
|
|
// 弹窗明细，每一页多少条 |
|
const TcPageSizeChange=(val)=>{ |
|
console.log('每一页多少条'); |
|
|
|
TcpageSize.value=val; |
|
if(NotCounted.value){//表示当前是未盘点翻页 |
|
NotCountedFn(UncheckedRow.value) |
|
}else{ |
|
console.log(val); |
|
TcViewEvent(row.value) |
|
} |
|
|
|
} |
|
|
|
// 弹窗明细，选择了多少页 |
|
const TcSizeChange=(val)=>{ |
|
console.log('翻页'); |
|
TccurrentPage.value=val; |
|
if(NotCounted.value){//表示当前是未盘点翻页 |
|
|
|
NotCountedFn(UncheckedRow.value) |
|
}else{ |
|
console.log(val); |
|
TcViewEvent(row.value) |
|
} |
|
} |
|
// 弹窗翻页 |
|
const TcpageList=(val)=>{ |
|
console.log(val,'弹窗翻页'); |
|
|
|
} |
|
const SizeChange=(val)=>{ |
|
console.log(val,'条数'); |
|
} |
|
// 对比数据单选按钮 |
|
const contrastselectChange=(select,val)=>{ |
|
console.log(select,val,'对比数据1'); |
|
} |
|
// 对比数据全选按钮 |
|
const contrastselectAll=(select,val)=>{ |
|
console.log(select,val,'对比数据2'); |
|
} |
|
|
|
// 关闭弹窗关闭回调 |
|
const handleClose = () => { |
|
PopupDetails.value = false; |
|
}; |
|
// 刷新页面按钮(初始化页面参数) |
|
const Refresh = () => { |
|
onLoad(); //初始化表格数据 |
|
}; |
|
// 盘点详情编辑 |
|
const InventoryEditing=(val)=>{ |
|
PopupEditing.value=true; |
|
Inventoryrow.value=val;//存一份响应式数据 |
|
const copiedObject = Object.assign({}, val); |
|
console.log(val,'盘点详情编辑'); |
|
WrapBarEditing.value.orderPackageCode=copiedObject.orderPackageCode;//包条 |
|
WrapBarEditing.value.orderCode=copiedObject.orderCode;//订单自编号 |
|
WrapBarEditing.value.positionCode =copiedObject.positionCode;//货位 |
|
} |
|
// 获取盘点列表 |
|
// 搜索盘点任务 |
|
// const searchChange=()=>{ |
|
// console.log('触发搜索'); |
|
// $_getDetailInfo({...SoInfoData.value}).then(res=>{ |
|
// console.log(res,'搜索框的值'); |
|
// }) |
|
// } |
|
|
|
// 创建盘点任务 |
|
const InventoryTask=()=>{ |
|
let select=[] |
|
InventoryPopup.value=true;//开启创建盘点任务弹窗 |
|
getDictList().then(res=>{ |
|
console.log('创建盘点返回值',res); |
|
if(res.data.code==200){ |
|
res.data.data.forEach(item=>{ |
|
console.log(item,'盘点任务返回值'); |
|
select.push({ |
|
clientName: item.clientName, // 商城名称 |
|
id: item.id, // 商场id |
|
brandName: item.brandName, // 商场下品牌名 |
|
}) |
|
}) |
|
formInventory.value.select =select |
|
console.log( formInventory.value,'处理好的商场名称'); |
|
|
|
} |
|
}) |
|
} |
|
|
|
// 处理商场名称函数根据传入ID读取列表中的商场 |
|
function matchInfoById(idArray, infoArray) { |
|
const matchedInfo = []; |
|
idArray.forEach(id => { |
|
const matchedItem = infoArray.find(item => item.id === id); |
|
if (matchedItem) { |
|
matchedInfo.push(matchedItem); |
|
} |
|
}); |
|
return matchedInfo; |
|
} |
|
|
|
|
|
// 商场名称选择回调 |
|
const formInventoryChange=(val)=>{ |
|
formInventory.value.id=val |
|
const matchedInfo = matchInfoById(val, formInventory.value.select); |
|
console.log(matchedInfo,'处理好的参数'); |
|
formInventory.value.brandName |
|
let name=[] |
|
matchedInfo.forEach(item=>{ |
|
name.push(item.brandName) |
|
}) |
|
formInventory.value.brandName=name.join(',')//处理品牌名称显示 |
|
}; |
|
|
|
// 创建盘点任务弹窗关闭回调 |
|
const InventoryPopupClose=()=>{ |
|
console.log('创建盘点任务关闭弹窗回调'); |
|
|
|
} |
|
// 盘点提交 |
|
const InventorySubmit=()=>{ |
|
console.log(formInventory.value,'盘点选择好的参数'); |
|
// 创建提交表单 |
|
let SubData={} |
|
SubData.list=[] |
|
// 处理商场名称和商场ID |
|
const matchedInfo = matchInfoById(formInventory.value.id, formInventory.value.select); |
|
console.log(matchedInfo,'matchedInfo提交处理数据'); |
|
matchedInfo.forEach(item=>{ |
|
SubData.list.push({ |
|
refId: item.id, |
|
refName: item.clientName |
|
}) |
|
}) |
|
// 结束时间 |
|
SubData.endTime=formInventory.value.time[0] |
|
// 开始时间 |
|
SubData.startTime=formInventory.value.time[1] |
|
console.log(SubData,'处理好要提交的数据'); |
|
InventoryPopup.value=false;//关闭创建盘点任务弹窗 |
|
postAddtaskQuest(SubData).then(res=>{ |
|
console.log(res,'盘点计划提交成功'); |
|
onLoad()//体积之后初始化页面 |
|
}) |
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.maxContent { |
|
width: 100%; |
|
box-sizing: border-box; |
|
height: 100%; |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
.SoInput { |
|
display: flex; |
|
justify-content: space-between; |
|
padding: 0 10px; |
|
margin-top: 10px; |
|
form { |
|
display: flex; |
|
flex-wrap: wrap; |
|
margin-top: 5px; |
|
:deep(.el-form-item) { |
|
margin-bottom: 0; |
|
} |
|
} |
|
.SoBtn { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
} |
|
.avue-crud__right { |
|
margin-top: 5px; |
|
display: flex; |
|
justify-content: space-between; |
|
margin-bottom: 5px; |
|
padding: 0 10px; |
|
} |
|
:deep(.cell) { |
|
padding: 0; |
|
} |
|
.demo-pagination-block { |
|
flex: 1; |
|
display: flex; |
|
align-items: flex-end; |
|
margin-bottom: 8px; |
|
justify-content: flex-end; |
|
margin-right: 6px; |
|
} |
|
.demo-pagination-blockPD{ |
|
justify-content: space-between; |
|
} |
|
:deep(.el-table-column--selection) { |
|
text-align: center; |
|
} |
|
:deep(.el-dialog__footer){ |
|
display: flex; |
|
} |
|
:deep(.el-dialog__body){ |
|
padding-top: 0; |
|
} |
|
:deep(.el-dialog){ |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
transform: translate(-50%, -50%); |
|
margin-top: 0; |
|
} |
|
.Tcstdialog-footer{ |
|
display: flex; |
|
justify-content: flex-end; |
|
margin-top: 80px; |
|
} |
|
.Tcstate{ |
|
display: flex; |
|
margin-bottom: 20px; |
|
.el-radio{ |
|
width:54px; |
|
} |
|
} |
|
.tcradiogroup{ |
|
display: inline-flex; |
|
align-items: flex-start; |
|
font-size: 0; |
|
flex-direction: row; |
|
flex-wrap: wrap; |
|
justify-content: space-between; |
|
} |
|
</style>
|
|
|