陈薪名 1 year ago
parent
commit
83753c494e
  1. 5
      src/api/wms/dock/index.ts
  2. 4
      src/api/wms/location/index.ts
  3. 1
      src/api/wms/rule/index.ts
  4. 6
      src/api/wms/supplier/index.ts
  5. 5
      src/api/wms/warehouse/index.ts
  6. 454
      src/views/wms/strategy/arrivalInspectionStrategy/AddForm.vue
  7. 127
      src/views/wms/strategy/arrivalInspectionStrategy/index.vue
  8. 454
      src/views/wms/strategy/purchaseReceiptStrategy/AddForm.vue
  9. 127
      src/views/wms/strategy/purchaseReceiptStrategy/index.vue
  10. 364
      src/views/wms/strategy/supplieDeliveryStrategy/AddForm.vue
  11. 81
      src/views/wms/strategy/supplieDeliveryStrategy/index.vue

5
src/api/wms/dock/index.ts

@ -21,7 +21,10 @@ export interface DockVO {
export const getDockPage = async (params) => { export const getDockPage = async (params) => {
return await request.get({ url: `/wms/dock/page`, params }) return await request.get({ url: `/wms/dock/page`, params })
} }
// 查询月台列表
export const getDockList = async (params) => {
return await request.get({ url: `/wms/dock/list`, params })
}
// 查询月台详情 // 查询月台详情
export const getDock = async (id: number) => { export const getDock = async (id: number) => {
return await request.get({ url: `/wms/dock/get?id=` + id }) return await request.get({ url: `/wms/dock/get?id=` + id })

4
src/api/wms/location/index.ts

@ -28,6 +28,10 @@ export interface LocationVO {
export const getLocationPage = async (params) => { export const getLocationPage = async (params) => {
return await request.get({ url: `/wms/location/page`, params }) return await request.get({ url: `/wms/location/page`, params })
} }
// 查询库位所有列表
export const getLocationList = async (params) => {
return await request.get({ url: `/wms/location/list`, params })
}
// 查询库位详情 // 查询库位详情
export const getLocation = async (id: number) => { export const getLocation = async (id: number) => {

1
src/api/wms/rule/index.ts

@ -6,6 +6,7 @@ export interface RuleVO {
code: string code: string
name: string name: string
description: string description: string
status: number
condition: string condition: string
configuration: string configuration: string
} }

6
src/api/wms/supplier/index.ts

@ -21,10 +21,14 @@ export interface SupplierVO {
remark: string remark: string
} }
// 查询供应商列表 // 查询供应商列表分页
export const getSupplierPage = async (params) => { export const getSupplierPage = async (params) => {
return await request.get({ url: `/wms/supplier/page`, params }) return await request.get({ url: `/wms/supplier/page`, params })
} }
// 查询供应商列表
export const getSupplierList = async (params) => {
return await request.get({ url: `/wms/supplier/list`, params })
}
// 查询供应商详情 // 查询供应商详情
export const getSupplier = async (id: number) => { export const getSupplier = async (id: number) => {

5
src/api/wms/warehouse/index.ts

@ -15,7 +15,10 @@ export interface WarehouseVO {
export const getWarehousePage = async (params) => { export const getWarehousePage = async (params) => {
return await request.get({ url: `/wms/warehouse/page`, params }) return await request.get({ url: `/wms/warehouse/page`, params })
} }
// 查询仓库所有列表
export const getWarehouseList = async (params) => {
return await request.get({ url: `/wms/warehouse/list`, params })
}
// 查询仓库详情 // 查询仓库详情
export const getWarehouse = async (id: number) => { export const getWarehouse = async (id: number) => {
return await request.get({ url: `/wms/warehouse/get?id=` + id }) return await request.get({ url: `/wms/warehouse/get?id=` + id })

454
src/views/wms/strategy/arrivalInspectionStrategy/AddForm.vue

@ -0,0 +1,454 @@
<!-- 供应商送货策略弹出层 -->
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<div class="p-20px m--10px" style="max-height: 500px;overflow-y: auto;">
<!-- 规则 -->
<div class="item">
<div class="title">规则</div>
<el-form ref="formRef1" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row>
<el-col :span="24">
<el-form-item label="代码" prop="code">
<el-input v-model="formData.code" placeholder="请输入代码" clearable disabled />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="描述" prop="description">
<el-input v-model="formData.description" placeholder="请输入描述" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优先级" prop="priority">
<el-input-number v-model="formData.priority" :min="1" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态" prop="status">
<el-switch v-model="formData.status" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则条件 -->
<div class="item mt-20px">
<div class="title">规则条件</div>
<el-form ref="formRef2" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row>
<el-col :span="24" v-for="(item, index) in formData.condition" :key="index">
<!-- 供应商类型 -->
<el-form-item v-if="item.ParamCode == 'SupplierType'" label="供应商类型" class="flex-top err-120">
<el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-option :label="cur.label" :value="cur.value" v-for="cur in options.supplierTypeRangeOptions"
:key="cur.value" />
</el-select>
<el-select v-model="item.Value" placeholder="请选择供应商类型" style="flex: 1;" clearable
@change="changeSupplierType">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.SUPPLIER_TYPE)" :key="dict.value"
:label="dict.label" :value="dict.value" />
</el-select>
<!-- </div> -->
</el-form-item>
<!-- 供应商 -->
<el-form-item v-else-if="item.ParamCode == 'SupplierCode'" label="供应商" class="err-120">
<el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;margin-right: 10px;">
<el-option :label="cur.label" :value="cur.value" v-for="cur in options.supplierRangeOptions"
:key="cur.value" />
</el-select>
<el-select v-model="item.Value" placeholder="请选择供应商" style="flex: 1;" clearable>
<el-option v-for="cur in options.supplierList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
<!-- 星期几 -->
<el-form-item v-else-if="item.ParamCode == 'Weekday'" label="星期几" class="flex-top err-120">
<el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-option :label="cur.label" :value="cur.value" v-for="cur in options.weekRangeOptions"
:key="cur.value" />
</el-select>
<div class="checkbox">
<el-checkbox-group v-model="item.Value" @change="change">
<el-checkbox :label="cur.label" v-for="cur in options.weekOptions" :key="cur.value" />
</el-checkbox-group>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则配置 -->
<div class="item mt-20px">
<div class="title">规则配置</div>
<el-form ref="formRef3" :model="formData" label-width="120px" label-position="left">
<el-row>
<!-- 开始时间 -->
<el-col :span="24" v-for="(item, index) in formData.configuration" :key="index">
<!-- 开始时间 -->
<el-form-item v-if="item.ParamCode == 'BeginTime'" label="开始时间" :prop="'configuration.' + index + '.Value'"
:rules="{
required: true,
message: '请选择开始时间',
trigger: 'change',
}">
<el-time-select v-model="item.Value" start="00:00" end="23:59" step="00:15" placeholder="请选择开始时间"
style="width: 100%;" />
</el-form-item>
<!-- 结束时间 -->
<el-form-item v-else-if="item.ParamCode == 'EndTime'" label="结束时间"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择结束时间',
trigger: 'change',
}">
<el-time-select v-model="item.Value" start="00:00" end="23:59" step="00:15" placeholder="请选择结束时间"
style="width: 100%;" />
</el-form-item>
<!-- 仓库 -->
<el-form-item v-else-if="item.ParamCode == 'WarehouseCode'" label="仓库"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择仓库',
trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择仓库" clearable>
<el-option v-for="cur in options.warehouseList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
<!-- 月台 -->
<el-form-item v-else-if="item.ParamCode == 'DockCode'" label="月台"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择月台',
trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择月台" clearable>
<el-option v-for="cur in options.dockList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
<!-- 在途库位 -->
<el-form-item v-else-if="item.ParamCode == 'OnTheWayLocationCode'" label="在途库位"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择在途库位',
trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择在途库位" clearable>
<el-option v-for="cur in options.locationList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<template #footer>
<!-- 按钮-->
<TableHead :HeadButttondata="Butttondata" @buttonBaseClick="buttonBaseClick" />
</template>
</Dialog>
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
defineOptions({ name: 'SupplieDeliveryStrategyAddForm' })
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { getSupplierList } from '@/api/wms/supplier'
import { getWarehouseList } from '@/api/wms/warehouse'
import { getDockList } from '@/api/wms/dock'
import { getLocationList } from '@/api/wms/location'
import * as RuleApi from '@/api/wms/rule'
const { t } = useI18n() //
const message = useMessage() //
const dialogVisible = ref(false) //
const dialogTitle = ref('') //
const formLoading = ref(false) // 12
const formType = ref('') // create - update -
const formRef1 = ref() // Ref
const formRef2 = ref() // Ref
const formRef3 = ref() // Ref
const change = (e) => {
console.log(e);
}
const formStrategyCode = ref('')
// form
const formData = ref({
strategyCode: formStrategyCode.value,//
code: formStrategyCode.value,//
name: '',//
description: '',//
priority: '',//
status: true,//
//
condition: [
//
{ ParamCode: 'SupplierType', Operator: "==", Value: "" },
//
{ ParamCode: 'SupplierCode', Operator: "IN", Value: "" },
//
{ ParamCode: 'Weekday', Operator: "IN", Value: [] }
],
configuration: [
//
{ ParamCode: 'BeginTime', Value: "" },
//
{ ParamCode: 'EndTime', Value: "" },
//
{ ParamCode: 'WarehouseCode', Value: '' },
//
{ ParamCode: 'DockCode', Value: '' },
//
{ ParamCode: 'OnTheWayLocationCode', Value: '' },
]
})
//
const rules = ref({
code: [{ required: true, message: '请输入代码', trigger: 'blur' }],
name: [{ required: true, message: '请输入名字', trigger: 'blur' }],
description: [{ required: true, message: '请输入描述', trigger: 'blur' }],
priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }],
BeginTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
EndTime: [{ required: true, message: '请选择结束时间', trigger: 'change' }],
WarehouseCode: [{ required: true, message: '请选择仓库', trigger: 'change' }],
DockCode: [{ required: true, message: '请选择月台', trigger: 'change' }],
OnTheWayLocationCode: [{ required: true, message: '请选择在途库位', trigger: 'change' }],
})
//
const rangeOptions = [
{ value: '==', label: '等于' },
{ value: '!=', label: '不等于' },
{ value: '>', label: '大于' },
{ value: '<', label: '小于' },
{ value: '>=', label: '大于等于' },
{ value: '<=', label: '小于等于' },
{ value: 'IN', label: '包含' },
{ value: 'NOT IN', label: '不包含' },
{ value: 'NULL', label: '为空' },
{ value: 'NOT NULL', label: '不为空' },
]
const formatRangeOptions = (...rest) => {
//
let result = rangeOptions.filter(aItem => rest.some(bItem => aItem.value === bItem));
return result
}
//
const options = reactive({
//
supplierTypeRangeOptions: formatRangeOptions('=='),
//
supplierTypeOptions: [{ value: 1, label: '标准' }, { value: 2, label: '委外' }, { value: 3, label: '其他' }],
//
supplierRangeOptions: formatRangeOptions('IN', 'NOT IN'),
//
supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }],
//
weekRangeOptions: formatRangeOptions('IN', 'NOT IN'),
//
weekOptions: [{ value: 1, label: '星期一' }, { value: 2, label: '星期二' }, { value: 3, label: '星期三' }, { value: 4, label: '星期四' }, { value: 5, label: '星期五' }, { value: 6, label: '星期六' }, { value: 7, label: '星期日' }],
//
warehouseList: [],
//
dockList: [],
//
locationList: [],
})
//
const querySupplierParams = ref({
type: ''
})
//
const getFormSupplierList = async () => {
options.supplierList = await getSupplierList(querySupplierParams.value);
}
//
const changeSupplierType = (e) => {
querySupplierParams.value.type = e
getFormSupplierList()
}
//
const getFormWarehouseList = async () => {
options.warehouseList = await getWarehouseList();
}
//
const getFormDockList = async () => {
options.dockList = await getDockList();
}
//
const getFormLocationList = async () => {
options.locationList = await getLocationList({ type: 'TRANSPORT' });
}
getFormSupplierList()
getFormWarehouseList()
getFormDockList()
getFormLocationList()
/** 打开弹窗 */
const open = async (type: string, strategyCode: string, id?: number) => {
formStrategyCode.value = strategyCode
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
//
if (id) {
formLoading.value = true
try {
let data = await RuleApi.getRule(id)
formData.value.strategyCode = data.strategyCode
formData.value.code = data.code
formData.value.name = data.name
formData.value.description = data.description
formData.value.priority = data.priority
formData.value.status = data.status==1?true:false
if(data.condition){
formData.value.condition = JSON.parse(data.condition)
}
if(data.configuration){
formData.value.configuration = JSON.parse(data.configuration)
}
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // open
/** 提交表单 */
const emit = defineEmits(['success']) // success
const submitForm = async () => {
//
if (!formRef1 || !formRef2 || !formRef3) return
const valid2 = formRef2.value.validate()
const valid1 = formRef1.value.validate()
const valid3 = await formRef3.value.validate()
if (!valid1 || !valid2 || !valid3) return
//
formLoading.value = true
try {
let data = {
strategyCode: formData.value.strategyCode,//
code: formData.value.code,//
name: formData.value.name,//
description: formData.value.description,//
priority: formData.value.priority,//
status: formData.value.status?1:0,//
//
condition: JSON.stringify(formData.value.condition),
configuration: JSON.stringify(formData.value.configuration)
}
if (formType.value === 'create') {
await RuleApi.createRule(data)
message.success(t('common.createSuccess'))
} else {
await RuleApi.updateRule(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
//
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
strategyCode: formStrategyCode.value,//
code: formStrategyCode.value,//
name: '',//
description: '',//
priority: '',//
status: true,//
//
condition: [
//
{ ParamCode: 'SupplierType', Operator: "==", Value: "" },
//
{ ParamCode: 'SupplierCode', Operator: "IN", Value: "" },
//
{ ParamCode: 'Weekday', Operator: "IN", Value: [] }
],
configuration: [
//
{ ParamCode: 'BeginTime', Value: "" },
//
{ ParamCode: 'EndTime', Value: "" },
//
{ ParamCode: 'WarehouseCode', Value: '' },
//
{ ParamCode: 'DockCode', Value: '' },
//
{ ParamCode: 'OnTheWayLocationCode', Value: '' },
]
}
}
//
const Butttondata = [
defaultButtons.formSaveBtn(null), //
defaultButtons.formCloseBtn(null), //
]
//
const buttonBaseClick = (val, item) => {
//
if (val == 'save') {
submitForm()
}
//
else if (val == 'close') {
dialogVisible.value = false
}
}
</script>
<style scoped lang="scss">
.item {
border: 1px solid #dedede;
border-radius: 4px;
padding: 30px 30px 5px;
position: relative;
.title {
position: absolute;
background: white;
padding: 0px 10px;
position: absolute;
top: 0px;
height: 30px;
line-height: 30px;
margin-top: -15px;
}
}
.checkbox {
background: #f5f5f5;
flex: 1;
padding: 0px 15px;
border-radius: 2px;
}
::v-deep .flex-top .el-form-item__content {
align-items: flex-start !important;
}
::v-deep .err-120 .el-form-item__error {
padding-left: 120px !important;
}
</style>

127
src/views/wms/strategy/arrivalInspectionStrategy/index.vue

@ -0,0 +1,127 @@
<!-- 到货验货任务拆分策略 -->
<template>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list">
<el-table-column align="center" label="策略代码" prop="strategyCode" />
<el-table-column align="center" label="策略名称" prop="name" show-overflow-tooltip />
<el-table-column align="center" label="策略描述" prop="description" />
<el-table-column align="center" label="优先级" prop="priority" />
<el-table-column align="center" label="状态" prop="status">
<template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<!-- <el-table-column label="创建时间" align="center" prop="createTime" width="180" :formatter="dateFormatter" /> -->
<el-table-column align="center" label="操作" fixed="right" width="240">
<template #default="scope">
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, scope.row)" />
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNo" :total="total"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<AddForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { DICT_TYPE } from '@/utils/dict'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import * as RuleApi from '@/api/wms/rule'
import AddForm from './AddForm.vue'
// import { dateFormatter } from '@/utils/formatTime'
defineOptions({ name: 'ArrivalInspectionStrategy' })
const { t } = useI18n() //
const message = useMessage() //
const loading = ref(true) //
const total = ref(0) //
const list = ref([]) //
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
strategyCode: 'S001',
})
/** 查询字典类型列表 */
const getList = async () => {
loading.value = true
try {
const data = await RuleApi.getRulePage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
//
const formRef = ref()
const openForm = (type: string, strategyCode: string, id: number) => {
formRef.value.open(type, strategyCode, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
//
await message.delConfirm()
//
await RuleApi.deleteRule(id)
message.success(t('common.delSuccess'))
//
await getList()
} catch { }
}
//
const HeadButttondata = [
defaultButtons.defaultAddBtn(null), //
]
//
const buttonBaseClick = (val, item) => {
if (val == 'add') { //
openForm('create', queryParams.strategyCode)
} else if (val == 'import') { //
handleImport()
} else if (val == 'export') { //
handleExport()
} else if (val == 'refresh') { //
getList()
} else if (val == 'filtrate') { //
} else { //
console.log('其他按钮', item)
}
}
// -
const butttondata = [
defaultButtons.mainListEditBtn({ hasPermi: 'wms:itembasic:update' }), //
defaultButtons.mainListDeleteBtn({ hasPermi: 'wms:itembasic:delete' }), //
]
// -
const buttonTableClick = (val, row) => {
if (val == 'edit') { //
openForm('update', queryParams.strategyCode, row.id)
} else if (val == 'delete') { //
handleDelete(row.id)
}
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>

454
src/views/wms/strategy/purchaseReceiptStrategy/AddForm.vue

@ -0,0 +1,454 @@
<!-- 供应商送货策略弹出层 -->
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<div class="p-20px m--10px" style="max-height: 500px;overflow-y: auto;">
<!-- 规则 -->
<div class="item">
<div class="title">规则</div>
<el-form ref="formRef1" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row>
<el-col :span="24">
<el-form-item label="代码" prop="code">
<el-input v-model="formData.code" placeholder="请输入代码" clearable disabled />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="名称" prop="name">
<el-input v-model="formData.name" placeholder="请输入名称" clearable />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="描述" prop="description">
<el-input v-model="formData.description" placeholder="请输入描述" clearable />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优先级" prop="priority">
<el-input-number v-model="formData.priority" :min="1" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态" prop="status">
<el-switch v-model="formData.status" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则条件 -->
<div class="item mt-20px">
<div class="title">规则条件</div>
<el-form ref="formRef2" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row>
<el-col :span="24" v-for="(item, index) in formData.condition" :key="index">
<!-- 供应商类型 -->
<el-form-item v-if="item.ParamCode == 'SupplierType'" label="供应商类型" class="flex-top err-120">
<el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-option :label="cur.label" :value="cur.value" v-for="cur in options.supplierTypeRangeOptions"
:key="cur.value" />
</el-select>
<el-select v-model="item.Value" placeholder="请选择供应商类型" style="flex: 1;" clearable
@change="changeSupplierType">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.SUPPLIER_TYPE)" :key="dict.value"
:label="dict.label" :value="dict.value" />
</el-select>
<!-- </div> -->
</el-form-item>
<!-- 供应商 -->
<el-form-item v-else-if="item.ParamCode == 'SupplierCode'" label="供应商" class="err-120">
<el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;margin-right: 10px;">
<el-option :label="cur.label" :value="cur.value" v-for="cur in options.supplierRangeOptions"
:key="cur.value" />
</el-select>
<el-select v-model="item.Value" placeholder="请选择供应商" style="flex: 1;" clearable>
<el-option v-for="cur in options.supplierList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
<!-- 星期几 -->
<el-form-item v-else-if="item.ParamCode == 'Weekday'" label="星期几" class="flex-top err-120">
<el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-option :label="cur.label" :value="cur.value" v-for="cur in options.weekRangeOptions"
:key="cur.value" />
</el-select>
<div class="checkbox">
<el-checkbox-group v-model="item.Value" @change="change">
<el-checkbox :label="cur.label" v-for="cur in options.weekOptions" :key="cur.value" />
</el-checkbox-group>
</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 规则配置 -->
<div class="item mt-20px">
<div class="title">规则配置</div>
<el-form ref="formRef3" :model="formData" label-width="120px" label-position="left">
<el-row>
<!-- 开始时间 -->
<el-col :span="24" v-for="(item, index) in formData.configuration" :key="index">
<!-- 开始时间 -->
<el-form-item v-if="item.ParamCode == 'BeginTime'" label="开始时间" :prop="'configuration.' + index + '.Value'"
:rules="{
required: true,
message: '请选择开始时间',
trigger: 'change',
}">
<el-time-select v-model="item.Value" start="00:00" end="23:59" step="00:15" placeholder="请选择开始时间"
style="width: 100%;" />
</el-form-item>
<!-- 结束时间 -->
<el-form-item v-else-if="item.ParamCode == 'EndTime'" label="结束时间"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择结束时间',
trigger: 'change',
}">
<el-time-select v-model="item.Value" start="00:00" end="23:59" step="00:15" placeholder="请选择结束时间"
style="width: 100%;" />
</el-form-item>
<!-- 仓库 -->
<el-form-item v-else-if="item.ParamCode == 'WarehouseCode'" label="仓库"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择仓库',
trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择仓库" clearable>
<el-option v-for="cur in options.warehouseList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
<!-- 月台 -->
<el-form-item v-else-if="item.ParamCode == 'DockCode'" label="月台"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择月台',
trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择月台" clearable>
<el-option v-for="cur in options.dockList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
<!-- 在途库位 -->
<el-form-item v-else-if="item.ParamCode == 'OnTheWayLocationCode'" label="在途库位"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择在途库位',
trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择在途库位" clearable>
<el-option v-for="cur in options.locationList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<template #footer>
<!-- 按钮-->
<TableHead :HeadButttondata="Butttondata" @buttonBaseClick="buttonBaseClick" />
</template>
</Dialog>
</template>
<script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons'
defineOptions({ name: 'SupplieDeliveryStrategyAddForm' })
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { getSupplierList } from '@/api/wms/supplier'
import { getWarehouseList } from '@/api/wms/warehouse'
import { getDockList } from '@/api/wms/dock'
import { getLocationList } from '@/api/wms/location'
import * as RuleApi from '@/api/wms/rule'
const { t } = useI18n() //
const message = useMessage() //
const dialogVisible = ref(false) //
const dialogTitle = ref('') //
const formLoading = ref(false) // 12
const formType = ref('') // create - update -
const formRef1 = ref() // Ref
const formRef2 = ref() // Ref
const formRef3 = ref() // Ref
const change = (e) => {
console.log(e);
}
const formStrategyCode = ref('')
// form
const formData = ref({
strategyCode: formStrategyCode.value,//
code: formStrategyCode.value,//
name: '',//
description: '',//
priority: '',//
status: true,//
//
condition: [
//
{ ParamCode: 'SupplierType', Operator: "==", Value: "" },
//
{ ParamCode: 'SupplierCode', Operator: "IN", Value: "" },
//
{ ParamCode: 'Weekday', Operator: "IN", Value: [] }
],
configuration: [
//
{ ParamCode: 'BeginTime', Value: "" },
//
{ ParamCode: 'EndTime', Value: "" },
//
{ ParamCode: 'WarehouseCode', Value: '' },
//
{ ParamCode: 'DockCode', Value: '' },
//
{ ParamCode: 'OnTheWayLocationCode', Value: '' },
]
})
//
const rules = ref({
code: [{ required: true, message: '请输入代码', trigger: 'blur' }],
name: [{ required: true, message: '请输入名字', trigger: 'blur' }],
description: [{ required: true, message: '请输入描述', trigger: 'blur' }],
priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }],
BeginTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
EndTime: [{ required: true, message: '请选择结束时间', trigger: 'change' }],
WarehouseCode: [{ required: true, message: '请选择仓库', trigger: 'change' }],
DockCode: [{ required: true, message: '请选择月台', trigger: 'change' }],
OnTheWayLocationCode: [{ required: true, message: '请选择在途库位', trigger: 'change' }],
})
//
const rangeOptions = [
{ value: '==', label: '等于' },
{ value: '!=', label: '不等于' },
{ value: '>', label: '大于' },
{ value: '<', label: '小于' },
{ value: '>=', label: '大于等于' },
{ value: '<=', label: '小于等于' },
{ value: 'IN', label: '包含' },
{ value: 'NOT IN', label: '不包含' },
{ value: 'NULL', label: '为空' },
{ value: 'NOT NULL', label: '不为空' },
]
const formatRangeOptions = (...rest) => {
//
let result = rangeOptions.filter(aItem => rest.some(bItem => aItem.value === bItem));
return result
}
//
const options = reactive({
//
supplierTypeRangeOptions: formatRangeOptions('=='),
//
supplierTypeOptions: [{ value: 1, label: '标准' }, { value: 2, label: '委外' }, { value: 3, label: '其他' }],
//
supplierRangeOptions: formatRangeOptions('IN', 'NOT IN'),
//
supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }],
//
weekRangeOptions: formatRangeOptions('IN', 'NOT IN'),
//
weekOptions: [{ value: 1, label: '星期一' }, { value: 2, label: '星期二' }, { value: 3, label: '星期三' }, { value: 4, label: '星期四' }, { value: 5, label: '星期五' }, { value: 6, label: '星期六' }, { value: 7, label: '星期日' }],
//
warehouseList: [],
//
dockList: [],
//
locationList: [],
})
//
const querySupplierParams = ref({
type: ''
})
//
const getFormSupplierList = async () => {
options.supplierList = await getSupplierList(querySupplierParams.value);
}
//
const changeSupplierType = (e) => {
querySupplierParams.value.type = e
getFormSupplierList()
}
//
const getFormWarehouseList = async () => {
options.warehouseList = await getWarehouseList();
}
//
const getFormDockList = async () => {
options.dockList = await getDockList();
}
//
const getFormLocationList = async () => {
options.locationList = await getLocationList({ type: 'TRANSPORT' });
}
getFormSupplierList()
getFormWarehouseList()
getFormDockList()
getFormLocationList()
/** 打开弹窗 */
const open = async (type: string, strategyCode: string, id?: number) => {
formStrategyCode.value = strategyCode
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
//
if (id) {
formLoading.value = true
try {
let data = await RuleApi.getRule(id)
formData.value.strategyCode = data.strategyCode
formData.value.code = data.code
formData.value.name = data.name
formData.value.description = data.description
formData.value.priority = data.priority
formData.value.status = data.status==1?true:false
if(data.condition){
formData.value.condition = JSON.parse(data.condition)
}
if(data.configuration){
formData.value.configuration = JSON.parse(data.configuration)
}
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // open
/** 提交表单 */
const emit = defineEmits(['success']) // success
const submitForm = async () => {
//
if (!formRef1 || !formRef2 || !formRef3) return
const valid2 = formRef2.value.validate()
const valid1 = formRef1.value.validate()
const valid3 = await formRef3.value.validate()
if (!valid1 || !valid2 || !valid3) return
//
formLoading.value = true
try {
let data = {
strategyCode: formData.value.strategyCode,//
code: formData.value.code,//
name: formData.value.name,//
description: formData.value.description,//
priority: formData.value.priority,//
status: formData.value.status?1:0,//
//
condition: JSON.stringify(formData.value.condition),
configuration: JSON.stringify(formData.value.configuration)
}
if (formType.value === 'create') {
await RuleApi.createRule(data)
message.success(t('common.createSuccess'))
} else {
await RuleApi.updateRule(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
//
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
strategyCode: formStrategyCode.value,//
code: formStrategyCode.value,//
name: '',//
description: '',//
priority: '',//
status: true,//
//
condition: [
//
{ ParamCode: 'SupplierType', Operator: "==", Value: "" },
//
{ ParamCode: 'SupplierCode', Operator: "IN", Value: "" },
//
{ ParamCode: 'Weekday', Operator: "IN", Value: [] }
],
configuration: [
//
{ ParamCode: 'BeginTime', Value: "" },
//
{ ParamCode: 'EndTime', Value: "" },
//
{ ParamCode: 'WarehouseCode', Value: '' },
//
{ ParamCode: 'DockCode', Value: '' },
//
{ ParamCode: 'OnTheWayLocationCode', Value: '' },
]
}
}
//
const Butttondata = [
defaultButtons.formSaveBtn(null), //
defaultButtons.formCloseBtn(null), //
]
//
const buttonBaseClick = (val, item) => {
//
if (val == 'save') {
submitForm()
}
//
else if (val == 'close') {
dialogVisible.value = false
}
}
</script>
<style scoped lang="scss">
.item {
border: 1px solid #dedede;
border-radius: 4px;
padding: 30px 30px 5px;
position: relative;
.title {
position: absolute;
background: white;
padding: 0px 10px;
position: absolute;
top: 0px;
height: 30px;
line-height: 30px;
margin-top: -15px;
}
}
.checkbox {
background: #f5f5f5;
flex: 1;
padding: 0px 15px;
border-radius: 2px;
}
::v-deep .flex-top .el-form-item__content {
align-items: flex-start !important;
}
::v-deep .err-120 .el-form-item__error {
padding-left: 120px !important;
}
</style>

127
src/views/wms/strategy/purchaseReceiptStrategy/index.vue

@ -0,0 +1,127 @@
<!-- 采购收货任务拆分策略 -->
<template>
<!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list">
<el-table-column align="center" label="策略代码" prop="strategyCode" />
<el-table-column align="center" label="策略名称" prop="name" show-overflow-tooltip />
<el-table-column align="center" label="策略描述" prop="description" />
<el-table-column align="center" label="优先级" prop="priority" />
<el-table-column align="center" label="状态" prop="status">
<template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<!-- <el-table-column label="创建时间" align="center" prop="createTime" width="180" :formatter="dateFormatter" /> -->
<el-table-column align="center" label="操作" fixed="right" width="240">
<template #default="scope">
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, scope.row)" />
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNo" :total="total"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗添加/修改 -->
<AddForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { DICT_TYPE } from '@/utils/dict'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import * as RuleApi from '@/api/wms/rule'
import AddForm from './AddForm.vue'
// import { dateFormatter } from '@/utils/formatTime'
defineOptions({ name: 'PurchaseReceiptStrategy' })
const { t } = useI18n() //
const message = useMessage() //
const loading = ref(true) //
const total = ref(0) //
const list = ref([]) //
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
strategyCode: 'S001',
})
/** 查询字典类型列表 */
const getList = async () => {
loading.value = true
try {
const data = await RuleApi.getRulePage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
//
const formRef = ref()
const openForm = (type: string, strategyCode: string, id: number) => {
formRef.value.open(type, strategyCode, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
//
await message.delConfirm()
//
await RuleApi.deleteRule(id)
message.success(t('common.delSuccess'))
//
await getList()
} catch { }
}
//
const HeadButttondata = [
defaultButtons.defaultAddBtn(null), //
]
//
const buttonBaseClick = (val, item) => {
if (val == 'add') { //
openForm('create', queryParams.strategyCode)
} else if (val == 'import') { //
handleImport()
} else if (val == 'export') { //
handleExport()
} else if (val == 'refresh') { //
getList()
} else if (val == 'filtrate') { //
} else { //
console.log('其他按钮', item)
}
}
// -
const butttondata = [
defaultButtons.mainListEditBtn({ hasPermi: 'wms:itembasic:update' }), //
defaultButtons.mainListDeleteBtn({ hasPermi: 'wms:itembasic:delete' }), //
]
// -
const buttonTableClick = (val, row) => {
if (val == 'edit') { //
openForm('update', queryParams.strategyCode, row.id)
} else if (val == 'delete') { //
handleDelete(row.id)
}
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>

364
src/views/wms/strategy/supplieDeliveryStrategy/AddForm.vue

@ -10,7 +10,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="代码" prop="code"> <el-form-item label="代码" prop="code">
<el-input v-model="formData.code" placeholder="请输入代码" clearable/> <el-input v-model="formData.code" placeholder="请输入代码" clearable disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
@ -19,8 +19,8 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="描述" prop="describe"> <el-form-item label="描述" prop="description">
<el-input v-model="formData.describe" placeholder="请输入描述" clearable/> <el-input v-model="formData.description" placeholder="请输入描述" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -41,41 +41,39 @@
<div class="title">规则条件</div> <div class="title">规则条件</div>
<el-form ref="formRef2" :model="formData" :rules="rules" label-width="120px" label-position="left"> <el-form ref="formRef2" :model="formData" :rules="rules" label-width="120px" label-position="left">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24" v-for="(item, index) in formData.condition" :key="index">
<el-form-item label="供应商类型" class="flex-top err-120" prop="supplierType"> <!-- 供应商类型 -->
<el-select v-model="formData.supplierTypeRange" placeholder="请选择范围" <el-form-item v-if="item.ParamCode == 'SupplierType'" label="供应商类型" class="flex-top err-120">
style="width: 110px;;margin-right: 10px;"> <el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions" <el-option :label="cur.label" :value="cur.value" v-for="cur in options.supplierTypeRangeOptions"
:key="item.value" /> :key="cur.value" />
</el-select> </el-select>
<div class="checkbox"> <el-select v-model="item.Value" placeholder="请选择供应商类型" style="flex: 1;" clearable
<el-checkbox-group v-model="formData.supplierType"> @change="changeSupplierType">
<el-checkbox :label="item.label" v-for="item in options.supplierTypeOptions" :key="item.value" /> <el-option v-for="dict in getStrDictOptions(DICT_TYPE.SUPPLIER_TYPE)" :key="dict.value"
</el-checkbox-group> :label="dict.label" :value="dict.value" />
</div> </el-select>
<!-- </div> -->
</el-form-item> </el-form-item>
</el-col> <!-- 供应商 -->
<el-col :span="24"> <el-form-item v-else-if="item.ParamCode == 'SupplierCode'" label="供应商" class="err-120">
<el-form-item label="供应商" prop="supplier" class="err-120" > <el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;margin-right: 10px;">
<el-select v-model="formData.supplierRange" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;"> <el-option :label="cur.label" :value="cur.value" v-for="cur in options.supplierRangeOptions"
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions" :key="cur.value" />
:key="item.value" />
</el-select> </el-select>
<el-select v-model="formData.supplier" placeholder="请选择供应商" style="flex: 1;" clearable> <el-select v-model="item.Value" placeholder="请选择供应商" style="flex: 1;" clearable>
<el-option v-for="item in options.supplierList" :key="item.value" :label="item.label" <el-option v-for="cur in options.supplierList" :key="cur.id" :label="cur.name" :value="cur.id" />
:value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> <!-- 星期几 -->
<el-col :span="24"> <el-form-item v-else-if="item.ParamCode == 'Weekday'" label="星期几" class="flex-top err-120">
<el-form-item label="星期几" class="flex-top err-120" prop="week"> <el-select v-model="item.Operator" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;">
<el-select v-model="formData.weekRange" placeholder="请选择范围" style="width: 110px;;margin-right: 10px;"> <el-option :label="cur.label" :value="cur.value" v-for="cur in options.weekRangeOptions"
<el-option :label="item.label" :value="item.value" v-for="item in options.rangeOptions" :key="cur.value" />
:key="item.value" />
</el-select> </el-select>
<div class="checkbox"> <div class="checkbox">
<el-checkbox-group v-model="formData.week"> <el-checkbox-group v-model="item.Value" @change="change">
<el-checkbox :label="item.label" v-for="item in options.weekOptions" :key="item.value" /> <el-checkbox :label="cur.label" v-for="cur in options.weekOptions" :key="cur.value" />
</el-checkbox-group> </el-checkbox-group>
</div> </div>
</el-form-item> </el-form-item>
@ -86,31 +84,61 @@
<!-- 规则配置 --> <!-- 规则配置 -->
<div class="item mt-20px"> <div class="item mt-20px">
<div class="title">规则配置</div> <div class="title">规则配置</div>
<el-form ref="formRef3" :model="formData" :rules="rules" label-width="120px" label-position="left"> <el-form ref="formRef3" :model="formData" label-width="120px" label-position="left">
<el-row> <el-row>
<el-col :span="24"> <!-- 开始时间 -->
<el-form-item label="开始时间" prop="startTime"> <el-col :span="24" v-for="(item, index) in formData.configuration" :key="index">
<el-date-picker v-model="formData.startTime" type="datetime" placeholder="请选择开始时间" style="width: 100%;"/> <!-- 开始时间 -->
<el-form-item v-if="item.ParamCode == 'BeginTime'" label="开始时间" :prop="'configuration.' + index + '.Value'"
:rules="{
required: true,
message: '请选择开始时间',
trigger: 'change',
}">
<el-time-select v-model="item.Value" start="00:00" end="23:59" step="00:15" placeholder="请选择开始时间"
style="width: 100%;" />
</el-form-item> </el-form-item>
</el-col> <!-- 结束时间 -->
<el-col :span="24"> <el-form-item v-else-if="item.ParamCode == 'EndTime'" label="结束时间"
<el-form-item label="结束时间" prop="endTime"> :prop="'configuration.' + index + '.Value'" :rules="{
<el-date-picker v-model="formData.endTime" type="datetime" placeholder="请选择结束时间" style="width: 100%;"/> required: true,
message: '请选择结束时间',
trigger: 'change',
}">
<el-time-select v-model="item.Value" start="00:00" end="23:59" step="00:15" placeholder="请选择结束时间"
style="width: 100%;" />
</el-form-item> </el-form-item>
</el-col> <!-- 仓库 -->
<el-col :span="24"> <el-form-item v-else-if="item.ParamCode == 'WarehouseCode'" label="仓库"
<el-form-item label="仓库" prop="warehouse"> :prop="'configuration.' + index + '.Value'" :rules="{
<el-select v-model="formData.warehouse" placeholder="请选择仓库" clearable> required: true,
<el-option v-for="item in options.warehouseList" :key="item.value" :label="item.label" message: '请选择仓库',
:value="item.value" /> trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择仓库" clearable>
<el-option v-for="cur in options.warehouseList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> <!-- 月台 -->
<el-col :span="24"> <el-form-item v-else-if="item.ParamCode == 'DockCode'" label="月台"
<el-form-item label="月台" prop="moon"> :prop="'configuration.' + index + '.Value'" :rules="{
<el-select v-model="formData.moon" placeholder="请选择月台" clearable> required: true,
<el-option v-for="item in options.moonList" :key="item.value" :label="item.label" message: '请选择月台',
:value="item.value" /> trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择月台" clearable>
<el-option v-for="cur in options.dockList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select>
</el-form-item>
<!-- 在途库位 -->
<el-form-item v-else-if="item.ParamCode == 'OnTheWayLocationCode'" label="在途库位"
:prop="'configuration.' + index + '.Value'" :rules="{
required: true,
message: '请选择在途库位',
trigger: 'change',
}">
<el-select v-model="item.Value" placeholder="请选择在途库位" clearable>
<el-option v-for="cur in options.locationList" :key="cur.id" :label="cur.name" :value="cur.id" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -127,6 +155,14 @@
<script setup lang="ts"> <script setup lang="ts">
import * as defaultButtons from '@/utils/disposition/defaultButtons' import * as defaultButtons from '@/utils/disposition/defaultButtons'
defineOptions({ name: 'SupplieDeliveryStrategyAddForm' }) defineOptions({ name: 'SupplieDeliveryStrategyAddForm' })
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { getSupplierList } from '@/api/wms/supplier'
import { getWarehouseList } from '@/api/wms/warehouse'
import { getDockList } from '@/api/wms/dock'
import { getLocationList } from '@/api/wms/location'
import * as RuleApi from '@/api/wms/rule'
const { t } = useI18n() // const { t } = useI18n() //
const message = useMessage() // const message = useMessage() //
@ -138,66 +174,158 @@ const formType = ref('') // 表单的类型:create - 新增;update - 修改
const formRef1 = ref() // Ref const formRef1 = ref() // Ref
const formRef2 = ref() // Ref const formRef2 = ref() // Ref
const formRef3 = ref() // Ref const formRef3 = ref() // Ref
const change = (e) => {
console.log(e);
}
const formStrategyCode = ref('')
// form // form
const formData = ref({ const formData = ref({
code: '',// strategyCode: formStrategyCode.value,//
code: formStrategyCode.value,//
name: '',// name: '',//
describe: '',// description: '',//
priority: '',// priority: '',//
status: false,// status: true,//
supplierTypeRange: 1,// //
supplierType: [],// condition: [
//
supplierRange: 1,// { ParamCode: 'SupplierType', Operator: "==", Value: "" },
supplier: '',// //
{ ParamCode: 'SupplierCode', Operator: "IN", Value: "" },
weekRange: 1,// //
week: [],// { ParamCode: 'Weekday', Operator: "IN", Value: [] }
],
startTime:'',// configuration: [
endTime: '',// //
warehouse: '',// { ParamCode: 'BeginTime', Value: "" },
moon: '',// //
{ ParamCode: 'EndTime', Value: "" },
//
{ ParamCode: 'WarehouseCode', Value: '' },
//
{ ParamCode: 'DockCode', Value: '' },
//
{ ParamCode: 'OnTheWayLocationCode', Value: '' },
]
}) })
// //
const rules = ref({ const rules = ref({
code: [{ required: true, message: '请输入代码', trigger: 'blur' }], code: [{ required: true, message: '请输入代码', trigger: 'blur' }],
name: [{ required: true, message: '请输入名字', trigger: 'blur' }], name: [{ required: true, message: '请输入名字', trigger: 'blur' }],
describe: [{ required: true, message: '请输入描述', trigger: 'blur' }], description: [{ required: true, message: '请输入描述', trigger: 'blur' }],
priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }], priority: [{ required: true, message: '请输入优先级', trigger: 'blur' }],
supplierType: [{ required: true, message: '请选择供应商类型', trigger: 'change' }], BeginTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
supplier: [{ required: true, message: '请选择供应商', trigger: 'change' }], EndTime: [{ required: true, message: '请选择结束时间', trigger: 'change' }],
week: [{ required: true, message: '请选择星期几', trigger: 'change' }], WarehouseCode: [{ required: true, message: '请选择仓库', trigger: 'change' }],
startTime: [{ required: true, message: '请选择开始时间', trigger: 'change' }], DockCode: [{ required: true, message: '请选择月台', trigger: 'change' }],
endTime: [{ required: true, message: '请选择结束时间', trigger: 'change' }], OnTheWayLocationCode: [{ required: true, message: '请选择在途库位', trigger: 'change' }],
warehouse: [{ required: true, message: '请选择仓库', trigger: 'change' }],
moon: [{ required: true, message: '请选择月台', trigger: 'change' }],
}) })
//
const rangeOptions = [
{ value: '==', label: '等于' },
{ value: '!=', label: '不等于' },
{ value: '>', label: '大于' },
{ value: '<', label: '小于' },
{ value: '>=', label: '大于等于' },
{ value: '<=', label: '小于等于' },
{ value: 'IN', label: '包含' },
{ value: 'NOT IN', label: '不包含' },
{ value: 'NULL', label: '为空' },
{ value: 'NOT NULL', label: '不为空' },
]
const formatRangeOptions = (...rest) => {
//
let result = rangeOptions.filter(aItem => rest.some(bItem => aItem.value === bItem));
return result
}
// //
const options = reactive({ const options = reactive({
// //
rangeOptions: [{ value: 1, label: '包含' }, { value: 2, label: '大于', }], supplierTypeRangeOptions: formatRangeOptions('=='),
// //
supplierTypeOptions: [{ value: 1, label: '标准' }, { value: 2, label: '委外' }, { value: 3, label: '其他' }], supplierTypeOptions: [{ value: 1, label: '标准' }, { value: 2, label: '委外' }, { value: 3, label: '其他' }],
//
supplierRangeOptions: formatRangeOptions('IN', 'NOT IN'),
// //
supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }], supplierList: [{ value: 1, label: '供应商1' }, { value: 2, label: '供应商2' }, { value: 3, label: '供应商3' }],
//
weekRangeOptions: formatRangeOptions('IN', 'NOT IN'),
// //
weekOptions: [{ value: 1, label: '星期一' }, { value: 2, label: '星期二' }, { value: 3, label: '星期三' }, { value: 4, label: '星期四' }, { value: 5, label: '星期五' }, { value: 6, label: '星期六' }, { value: 7, label: '星期日' }], weekOptions: [{ value: 1, label: '星期一' }, { value: 2, label: '星期二' }, { value: 3, label: '星期三' }, { value: 4, label: '星期四' }, { value: 5, label: '星期五' }, { value: 6, label: '星期六' }, { value: 7, label: '星期日' }],
// //
warehouseList: [{ value: 1, label: '仓库1' }, { value: 2, label: '仓库2' }, { value: 3, label: '仓库3' }], warehouseList: [],
// //
moonList: [{ value: 1, label: '月台1' }, { value: 2, label: '月台2' }, { value: 3, label: '月台3' }], dockList: [],
//
locationList: [],
})
//
const querySupplierParams = ref({
type: ''
}) })
//
const getFormSupplierList = async () => {
options.supplierList = await getSupplierList(querySupplierParams.value);
}
//
const changeSupplierType = (e) => {
querySupplierParams.value.type = e
getFormSupplierList()
}
//
const getFormWarehouseList = async () => {
options.warehouseList = await getWarehouseList();
}
//
const getFormDockList = async () => {
options.dockList = await getDockList();
}
//
const getFormLocationList = async () => {
options.locationList = await getLocationList({ type: 'TRANSPORT' });
}
getFormSupplierList()
getFormWarehouseList()
getFormDockList()
getFormLocationList()
/** 打开弹窗 */ /** 打开弹窗 */
const open = async (type: string, id?: number) => { const open = async (type: string, strategyCode: string, id?: number) => {
formStrategyCode.value = strategyCode
dialogVisible.value = true dialogVisible.value = true
dialogTitle.value = t('action.' + type) dialogTitle.value = t('action.' + type)
formType.value = type formType.value = type
resetForm() resetForm()
// //
if (id) {
formLoading.value = true
try {
let data = await RuleApi.getRule(id)
formData.value.strategyCode = data.strategyCode
formData.value.code = data.code
formData.value.name = data.name
formData.value.description = data.description
formData.value.priority = data.priority
formData.value.status = data.status==1?true:false
if(data.condition){
formData.value.condition = JSON.parse(data.condition)
}
if(data.configuration){
formData.value.configuration = JSON.parse(data.configuration)
}
} finally {
formLoading.value = false
}
}
} }
defineExpose({ open }) // open defineExpose({ open }) // open
@ -212,30 +340,63 @@ const submitForm = async () => {
if (!valid1 || !valid2 || !valid3) return if (!valid1 || !valid2 || !valid3) return
// //
formLoading.value = true formLoading.value = true
try {
let data = {
strategyCode: formData.value.strategyCode,//
code: formData.value.code,//
name: formData.value.name,//
description: formData.value.description,//
priority: formData.value.priority,//
status: formData.value.status?1:0,//
//
condition: JSON.stringify(formData.value.condition),
configuration: JSON.stringify(formData.value.configuration)
}
if (formType.value === 'create') {
await RuleApi.createRule(data)
message.success(t('common.createSuccess'))
} else {
await RuleApi.updateRule(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
//
emit('success')
} finally {
formLoading.value = false
}
} }
/** 重置表单 */ /** 重置表单 */
const resetForm = () => { const resetForm = () => {
formData.value = { formData.value = {
code: '', strategyCode: formStrategyCode.value,//
name: '', code: formStrategyCode.value,//
describe: '', name: '',//
priority: '', description: '',//
status: false, priority: '',//
supplierTypeRange: 1,// status: true,//
supplierType: [],// //
condition: [
supplierRange: 1,// //
supplier: '',// { ParamCode: 'SupplierType', Operator: "==", Value: "" },
//
weekRange: 1,// { ParamCode: 'SupplierCode', Operator: "IN", Value: "" },
week: [],// //
{ ParamCode: 'Weekday', Operator: "IN", Value: [] }
startTime: '',// ],
endTime: '',// configuration: [
warehouse: '',// //
moon: '',// { ParamCode: 'BeginTime', Value: "" },
//
{ ParamCode: 'EndTime', Value: "" },
//
{ ParamCode: 'WarehouseCode', Value: '' },
//
{ ParamCode: 'DockCode', Value: '' },
//
{ ParamCode: 'OnTheWayLocationCode', Value: '' },
]
} }
} }
@ -286,6 +447,7 @@ const buttonBaseClick = (val, item) => {
::v-deep .flex-top .el-form-item__content { ::v-deep .flex-top .el-form-item__content {
align-items: flex-start !important; align-items: flex-start !important;
} }
::v-deep .err-120 .el-form-item__error { ::v-deep .err-120 .el-form-item__error {
padding-left: 120px !important; padding-left: 120px !important;
} }

81
src/views/wms/strategy/supplieDeliveryStrategy/index.vue

@ -3,27 +3,87 @@
<template> <template>
<!-- 列表头部 --> <!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" /> <TableHead :HeadButttondata="HeadButttondata" @buttonBaseClick="buttonBaseClick" />
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list">
<el-table-column align="center" label="策略代码" prop="strategyCode" />
<el-table-column align="center" label="策略名称" prop="name" show-overflow-tooltip />
<el-table-column align="center" label="策略描述" prop="description" />
<el-table-column align="center" label="优先级" prop="priority" />
<el-table-column align="center" label="状态" prop="status">
<template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
</template>
</el-table-column>
<!-- <el-table-column label="创建时间" align="center" prop="createTime" width="180" :formatter="dateFormatter" /> -->
<el-table-column align="center" label="操作" fixed="right" width="240">
<template #default="scope">
<ButtonBase :Butttondata="butttondata" @button-base-click="buttonTableClick($event, scope.row)" />
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNo" :total="total"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗添加/修改 --> <!-- 表单弹窗添加/修改 -->
<AddForm ref="formRef" @success="getList" /> <AddForm ref="formRef" @success="getList" />
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { DICT_TYPE } from '@/utils/dict'
import * as defaultButtons from '@/utils/disposition/defaultButtons' import * as defaultButtons from '@/utils/disposition/defaultButtons'
import * as RuleApi from '@/api/wms/rule'
import AddForm from './AddForm.vue' import AddForm from './AddForm.vue'
// import { dateFormatter } from '@/utils/formatTime'
defineOptions({ name: 'SupplieDeliveryStrategy' }) defineOptions({ name: 'SupplieDeliveryStrategy' })
const { t } = useI18n() //
const message = useMessage() //
const loading = ref(true) //
const total = ref(0) //
const list = ref([]) //
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
strategyCode: 'S001',
})
/** 查询字典类型列表 */
const getList = async () => {
loading.value = true
try {
const data = await RuleApi.getRulePage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
// //
const formRef = ref() const formRef = ref()
const openForm = (type: string) => { const openForm = (type: string, strategyCode: string, id: number) => {
formRef.value.open(type) formRef.value.open(type, strategyCode, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
//
await message.delConfirm()
//
await RuleApi.deleteRule(id)
message.success(t('common.delSuccess'))
//
await getList()
} catch { }
} }
// //
const HeadButttondata = [ const HeadButttondata = [
defaultButtons.defaultAddBtn(null), // defaultButtons.defaultAddBtn(null), //
defaultButtons.defaultImportBtn(null), //
defaultButtons.defaultExportBtn(null), //
// defaultButtons.defaultFilterBtn(), //
defaultButtons.defaultFreshBtn(null), //
] ]
@ -31,7 +91,7 @@ const HeadButttondata = [
// //
const buttonBaseClick = (val, item) => { const buttonBaseClick = (val, item) => {
if (val == 'add') { // if (val == 'add') { //
openForm('create') openForm('create', queryParams.strategyCode)
} else if (val == 'import') { // } else if (val == 'import') { //
handleImport() handleImport()
} else if (val == 'export') { // } else if (val == 'export') { //
@ -53,10 +113,15 @@ const butttondata = [
// - // -
const buttonTableClick = (val, row) => { const buttonTableClick = (val, row) => {
if (val == 'edit') { // if (val == 'edit') { //
openForm('update', row.id) openForm('update', queryParams.strategyCode, row.id)
} else if (val == 'delete') { // } else if (val == 'delete') { //
handleDelete(row.id) handleDelete(row.id)
} }
} }
/** 初始化 **/
onMounted(() => {
getList()
})
</script> </script>

Loading…
Cancel
Save