采购单
This commit is contained in:
Binary file not shown.
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 24 KiB |
@ -80,11 +80,20 @@ export const listBatch = (query?: any): AxiosPromise => {
|
|||||||
* @param data
|
* @param data
|
||||||
*/
|
*/
|
||||||
export const getBatch = (query: any) => {
|
export const getBatch = (query: any) => {
|
||||||
return request({
|
const config: any = {
|
||||||
url: '/cailiaoshebei/materialbatchdemandplan/list',
|
url: '/cailiaoshebei/materialbatchdemandplan/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: query
|
params: query
|
||||||
});
|
};
|
||||||
|
|
||||||
|
// 如果 query.token 存在,就覆盖请求头里的 token
|
||||||
|
if (query.token) {
|
||||||
|
config.headers = {
|
||||||
|
Authorization: query.token
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return request(config);
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -61,3 +61,27 @@ export const delPurchaseDoc = (id: string | number | Array<string | number>) =>
|
|||||||
method: 'delete'
|
method: 'delete'
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const uploadCode = (data: any) => {
|
||||||
|
const config: any = {
|
||||||
|
url: '/cailiaoshebei/ltn/link',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
};
|
||||||
|
// 如果 query.token 存在,就覆盖请求头里的 token
|
||||||
|
if (data.token) {
|
||||||
|
config.headers = {
|
||||||
|
Authorization: data.token
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return request(config);
|
||||||
|
};
|
||||||
|
|
||||||
|
export const listLink = (data: any) => {
|
||||||
|
return request({
|
||||||
|
url: '/cailiaoshebei/ltn/list',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
});
|
||||||
|
};
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 24 KiB |
@ -18,7 +18,7 @@ const isWhiteList = (path: string) => {
|
|||||||
|
|
||||||
router.beforeEach(async (to, from, next) => {
|
router.beforeEach(async (to, from, next) => {
|
||||||
NProgress.start();
|
NProgress.start();
|
||||||
if (to.path == '/indexEquipment') {
|
if (to.path == '/indexEquipment' || to.path == '/materials/purchaseDoc/uploadCode') {
|
||||||
next();
|
next();
|
||||||
} else if (getToken()) {
|
} else if (getToken()) {
|
||||||
to.meta.title && useSettingsStore().setTitle(to.meta.title);
|
to.meta.title && useSettingsStore().setTitle(to.meta.title);
|
||||||
|
@ -3,55 +3,18 @@
|
|||||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||||
<div v-show="showSearch" class="mb-[10px]">
|
<div v-show="showSearch" class="mb-[10px]">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
|
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="100px">
|
||||||
<el-form-item label="采购单编号" prop="docCode">
|
<el-form-item label="采购单编号" prop="docCode">
|
||||||
<el-input v-model="queryParams.docCode" placeholder="请输入采购单编号" clearable @keyup.enter="handleQuery" />
|
<el-input v-model="queryParams.docCode" placeholder="请输入采购单编号" clearable @keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="供应商" prop="supplier">
|
|
||||||
<el-input v-model="queryParams.supplier" placeholder="请输入供应商" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="事由" prop="reason">
|
|
||||||
<el-input v-model="queryParams.reason" placeholder="请输入事由" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="设备统称" prop="name">
|
<el-form-item label="设备统称" prop="name">
|
||||||
<el-input v-model="queryParams.name" placeholder="请输入设备统称" clearable @keyup.enter="handleQuery" />
|
<el-input v-model="queryParams.name" placeholder="请输入设备统称" clearable @keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="到货日期" prop="arrivalDate">
|
<el-form-item label="到货日期" prop="arrivalDate">
|
||||||
<el-date-picker clearable v-model="queryParams.arrivalDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择到货日期" />
|
<el-date-picker clearable v-model="queryParams.arrivalDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择到货日期" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="设计负责人联系方式" prop="designDirectorTel">
|
|
||||||
<el-input v-model="queryParams.designDirectorTel" placeholder="请输入设计负责人联系方式" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="现场技术负责人联系方式" prop="technicalDirectorTel">
|
|
||||||
<el-input v-model="queryParams.technicalDirectorTel" placeholder="请输入现场技术负责人联系方式" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="收货地址" prop="receivingAddress">
|
|
||||||
<el-input v-model="queryParams.receivingAddress" placeholder="请输入收货地址" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人" prop="contacts">
|
|
||||||
<el-input v-model="queryParams.contacts" placeholder="请输入联系人" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="项目负责人" prop="projectDirector">
|
|
||||||
<el-input v-model="queryParams.projectDirector" placeholder="请输入项目负责人" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="采购经办人" prop="purchasingAgent">
|
|
||||||
<el-input v-model="queryParams.purchasingAgent" placeholder="请输入采购经办人" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="日期" prop="preparedDate">
|
|
||||||
<el-date-picker clearable v-model="queryParams.preparedDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择日期" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="反馈文件地址" prop="feedbackUrl">
|
|
||||||
<el-input v-model="queryParams.feedbackUrl" placeholder="请输入反馈文件地址" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="签收单位" prop="signingUnit">
|
|
||||||
<el-input v-model="queryParams.signingUnit" placeholder="请输入签收单位" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="签收人" prop="signingPerson">
|
|
||||||
<el-input v-model="queryParams.signingPerson" placeholder="请输入签收人" clearable @keyup.enter="handleQuery" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="签收日期" prop="signingDate">
|
|
||||||
<el-date-picker clearable v-model="queryParams.signingDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择签收日期" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||||
@ -72,17 +35,6 @@
|
|||||||
>修改</el-button
|
>修改</el-button
|
||||||
>
|
>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="Delete"
|
|
||||||
:disabled="multiple"
|
|
||||||
@click="handleDelete()"
|
|
||||||
v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
@ -91,26 +43,30 @@
|
|||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="采购单编号" align="center" prop="docCode" width="90" />
|
<el-table-column label="采购单编号" align="center" prop="docCode" width="90" />
|
||||||
<el-table-column label="供应商" align="center" prop="supplier" />
|
<el-table-column label="供应商" align="center" prop="supplier" />
|
||||||
<el-table-column label="事由" align="center" prop="reason" />
|
<!-- <el-table-column label="事由" align="center" prop="reason" /> -->
|
||||||
<el-table-column label="设备统称" align="center" prop="name" />
|
<el-table-column label="设备统称" align="center" prop="name" />
|
||||||
<el-table-column label="到货日期" align="center" prop="arrivalDate" width="180">
|
<el-table-column label="到货日期" align="center" prop="arrivalDate" width="180">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ parseTime(scope.row.arrivalDate, '{y}-{m}-{d}') }}</span>
|
<span>{{ parseTime(scope.row.arrivalDate, '{y}-{m}-{d}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="负责人联系方式" align="center" prop="designDirectorTel" width="130" />
|
<!-- <el-table-column label="负责人联系方式" align="center" prop="designDirectorTel" width="130" />
|
||||||
<el-table-column label="现场联系方式" align="center" prop="technicalDirectorTel" width="130" />
|
<el-table-column label="现场联系方式" align="center" prop="technicalDirectorTel" width="130" /> -->
|
||||||
<el-table-column label="收货地址" align="center" prop="receivingAddress" />
|
<el-table-column label="收货地址" align="center" prop="receivingAddress" />
|
||||||
<el-table-column label="联系人" align="center" prop="contacts" />
|
<el-table-column label="联系人" align="center" prop="contacts" />
|
||||||
<el-table-column label="项目负责人" align="center" prop="projectDirector" width="90" />
|
<!-- <el-table-column label="项目负责人" align="center" prop="projectDirector" width="90" /> -->
|
||||||
|
<el-table-column label="物流单" align="center" prop="remark" width="150">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button link type="primary" icon="View" @click="handleView(scope.row)" v-hasPermi="['out:monthPlan:remove']">查看物流单</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column label="采购经办人" align="center" prop="purchasingAgent" width="90" />
|
<el-table-column label="采购经办人" align="center" prop="purchasingAgent" width="90" />
|
||||||
<el-table-column label="日期" align="center" prop="preparedDate" width="180">
|
<el-table-column label="日期" align="center" prop="preparedDate" width="180">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ parseTime(scope.row.preparedDate, '{y}-{m}-{d}') }}</span>
|
<span>{{ parseTime(scope.row.preparedDate, '{y}-{m}-{d}') }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="文件地址" align="center" prop="feedbackUrl" width="130">
|
<el-table-column label="供应商返回" align="center" prop="feedbackUrl" width="130">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-link :href="scope.row.feedbackUrl" target="_blank" type="primary" v-if="scope.row.feedbackUrl">回单</el-link>
|
<el-link :href="scope.row.feedbackUrl" target="_blank" type="primary" v-if="scope.row.feedbackUrl">回单</el-link>
|
||||||
</template>
|
</template>
|
||||||
@ -123,25 +79,24 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" fixed="right" width="160">
|
<el-table-column label="操作" align="center" fixed="right" width="160">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div class="flex flex-wrap">
|
<el-button link type="primary" icon="Finished" @click="handleAudit(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']">
|
||||||
<div class="flex">
|
审核</el-button
|
||||||
<div class="w3"></div>
|
>
|
||||||
<el-button link type="primary" icon="Finished" @click="handleAudit(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']">
|
<el-button link type="primary" icon="Upload" @click="handleUpload(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
|
||||||
审核</el-button
|
>上传</el-button
|
||||||
>
|
>
|
||||||
<el-button link type="primary" icon="Upload" @click="handleUpload(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
|
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
|
||||||
>上传</el-button
|
>修改</el-button
|
||||||
>
|
>
|
||||||
</div>
|
<el-button
|
||||||
<br />
|
link
|
||||||
<div class="w3"></div>
|
type="primary"
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
|
v-if="scope.row.status == 'finish' && scope.row.feedbackUrl"
|
||||||
>修改</el-button
|
icon="Share"
|
||||||
>
|
@click="handleShare(scope.row)"
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
|
v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
|
||||||
>删除</el-button
|
>物流单分享</el-button
|
||||||
>
|
>
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -215,6 +170,20 @@
|
|||||||
></el-col>
|
></el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
<el-table v-loading="loading" :data="selectPlanList" v-if="form.id">
|
||||||
|
<el-table-column label="物资名称" align="center" prop="name" />
|
||||||
|
<el-table-column label="质量标准" align="center" prop="qs" />
|
||||||
|
<el-table-column label="规格型号" align="center" prop="specification" />
|
||||||
|
<el-table-column label="计量单位" align="center" prop="unit" width="80" />
|
||||||
|
<el-table-column label="需求数量" align="center" prop="demandQuantity" v-if="form.docType == 2">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input v-model="scope.row.demandQuantity" placeholder="请输入" type="number" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="需求数量" align="center" prop="demandQuantity" v-else />
|
||||||
|
<!-- <el-table-column label="需求到货时间" align="center" prop="arrivalTime" width="250" /> -->
|
||||||
|
<el-table-column label="备注" align="center" prop="remark" />
|
||||||
|
</el-table>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||||
@ -231,15 +200,30 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
<!-- 查看文件列表 -->
|
||||||
|
<el-dialog title="文件列表" v-model="viewVisible" width="45%">
|
||||||
|
<el-table v-if="fileList.length > 0" :data="fileList" style="width: 100%" border>
|
||||||
|
<el-table-column label="单号" align="center" prop="ltn" />
|
||||||
|
<el-table-column label="数量" align="center" prop="num" />
|
||||||
|
<el-table-column label="物资名称" align="center" prop="name" />
|
||||||
|
</el-table>
|
||||||
|
<div v-else class="empty-list text-center">暂无文件</div>
|
||||||
|
<template #footer>
|
||||||
|
<span>
|
||||||
|
<el-button type="primary" @click="viewVisible = false">关闭</el-button>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="PurchaseDoc" lang="ts">
|
<script setup name="PurchaseDoc" lang="ts">
|
||||||
import { getBatch, listBatch } from '@/api/materials/batchPlan';
|
import { getBatch, listBatch } from '@/api/materials/batchPlan';
|
||||||
import { listPurchaseDoc, getPurchaseDoc, delPurchaseDoc, addPurchaseDoc, updatePurchaseDoc } from '@/api/materials/purchaseDoc';
|
import { listPurchaseDoc, getPurchaseDoc, listLink, addPurchaseDoc, updatePurchaseDoc } from '@/api/materials/purchaseDoc';
|
||||||
import { PurchaseDocVO, PurchaseDocQuery, PurchaseDocForm } from '@/api/materials/purchaseDoc/types';
|
import { PurchaseDocVO, PurchaseDocQuery, PurchaseDocForm } from '@/api/materials/purchaseDoc/types';
|
||||||
import { listContractor } from '@/api/project/contractor';
|
import { listContractor } from '@/api/project/contractor';
|
||||||
import { useUserStoreHook } from '@/store/modules/user';
|
import { useUserStoreHook } from '@/store/modules/user';
|
||||||
|
import { getToken } from '@/utils/auth';
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
@ -261,6 +245,7 @@ const total = ref(0);
|
|||||||
const feedbackUrl = ref('');
|
const feedbackUrl = ref('');
|
||||||
const queryFormRef = ref<ElFormInstance>();
|
const queryFormRef = ref<ElFormInstance>();
|
||||||
const purchaseDocFormRef = ref<ElFormInstance>();
|
const purchaseDocFormRef = ref<ElFormInstance>();
|
||||||
|
const IP = 'http://192.168.110.142:7788';
|
||||||
|
|
||||||
const dialog = reactive<DialogOption>({
|
const dialog = reactive<DialogOption>({
|
||||||
visible: false,
|
visible: false,
|
||||||
@ -361,6 +346,17 @@ const resetQuery = () => {
|
|||||||
handleQuery();
|
handleQuery();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const fileList = ref([]);
|
||||||
|
const viewVisible = ref(false);
|
||||||
|
const handleView = async (row?: any) => {
|
||||||
|
const res = await listLink({
|
||||||
|
id: row.id
|
||||||
|
});
|
||||||
|
fileList.value = res.rows;
|
||||||
|
|
||||||
|
viewVisible.value = true;
|
||||||
|
};
|
||||||
|
|
||||||
/** 多选框选中数据 */
|
/** 多选框选中数据 */
|
||||||
const handleSelectionChange = (selection: PurchaseDocVO[]) => {
|
const handleSelectionChange = (selection: PurchaseDocVO[]) => {
|
||||||
ids.value = selection.map((item) => item.id);
|
ids.value = selection.map((item) => item.id);
|
||||||
@ -388,6 +384,12 @@ const handleUpdate = async (row?: PurchaseDocVO) => {
|
|||||||
dialog.title = '修改物资-采购联系单';
|
dialog.title = '修改物资-采购联系单';
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const selectPlanList = computed(() => {
|
||||||
|
if (!form.value.planId) return [];
|
||||||
|
const result = planList.value.filter((item) => form.value.planId.includes(item.id));
|
||||||
|
return result;
|
||||||
|
});
|
||||||
|
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
const submitForm = () => {
|
const submitForm = () => {
|
||||||
purchaseDocFormRef.value?.validate(async (valid: boolean) => {
|
purchaseDocFormRef.value?.validate(async (valid: boolean) => {
|
||||||
@ -414,7 +416,6 @@ const getPlanList = async () => {
|
|||||||
const res = await getBatch({
|
const res = await getBatch({
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
mrpBaseId: undefined,
|
|
||||||
projectId: currentProject.value?.id,
|
projectId: currentProject.value?.id,
|
||||||
mrpBaseId: form.value.mrpBaseId
|
mrpBaseId: form.value.mrpBaseId
|
||||||
});
|
});
|
||||||
@ -442,12 +443,23 @@ const getSupplierList = async () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
const handleDelete = async (row?: PurchaseDocVO) => {
|
const handleShare = async (row?: PurchaseDocVO) => {
|
||||||
const _ids = row?.id || ids.value;
|
const textarea = document.createElement('textarea');
|
||||||
await proxy?.$modal.confirm('是否确认删除物资-采购联系单编号为"' + _ids + '"的数据项?').finally(() => (loading.value = false));
|
const data = JSON.stringify({
|
||||||
await delPurchaseDoc(_ids);
|
docId: row.id,
|
||||||
proxy?.$modal.msgSuccess('删除成功');
|
mrpBaseId: row.mrpBaseId,
|
||||||
await getList();
|
projectId: currentProject.value?.id,
|
||||||
|
token: 'Bearer ' + getToken()
|
||||||
|
});
|
||||||
|
textarea.value = IP + '/materials/purchaseDoc/uploadCode?data=' + data;
|
||||||
|
|
||||||
|
textarea.style.position = 'fixed';
|
||||||
|
textarea.style.opacity = '0';
|
||||||
|
document.body.appendChild(textarea);
|
||||||
|
textarea.select();
|
||||||
|
const success = document.execCommand('copy');
|
||||||
|
document.body.removeChild(textarea);
|
||||||
|
ElMessage[success ? 'success' : 'error'](success ? '复制成功!' : '复制失败');
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
|
@ -7,28 +7,34 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<!-- card body -->
|
<!-- card body -->
|
||||||
<el-form :model="form" ref="form" :rules="rules" label-width="80px" :inline="false" size="normal">
|
<el-form :model="shareForm" label-width="80px">
|
||||||
<el-row :gutter="20" v-for="item in form.list">
|
<div v-for="(item, index) in shareForm.list" :key="index" class="row-wrap flex items-center">
|
||||||
<el-col :span="8" :offset="0">
|
<el-row :gutter="20" class="w-full">
|
||||||
<el-form-item label="计划">
|
<el-col :xs="24" :sm="12" :lg="8">
|
||||||
<el-input v-model="item.planId"></el-input>
|
<el-form-item label="计划">
|
||||||
</el-form-item>
|
<el-select v-model="item.planId" placeholder="请选择">
|
||||||
</el-col>
|
<el-option v-for="plan in planList" :key="plan.id" :label="plan.name" :value="plan.id" />
|
||||||
<el-col :span="8" :offset="0">
|
</el-select>
|
||||||
<el-form-item label="数量">
|
</el-form-item>
|
||||||
<el-input v-model="item.num"></el-input>
|
</el-col>
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
<el-col :xs="24" :sm="12" :lg="8">
|
||||||
<el-col :span="8" :offset="0">
|
<el-form-item label="数量">
|
||||||
<el-form-item label="物流单号">
|
<el-input v-model="item.num" />
|
||||||
<el-input v-model="item.ltn"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
|
||||||
</el-row>
|
<el-col :xs="24" :sm="12" :lg="8">
|
||||||
|
<el-form-item label="物流单号">
|
||||||
|
<el-input v-model="item.ltn" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="onSubmit">立即提交</el-button>
|
<el-button type="primary" @click="addRow" icon="Plus">添加物流单</el-button>
|
||||||
<el-button>取消</el-button>
|
<el-button type="success" @click="onSubmit">提交</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
@ -36,11 +42,19 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
import { getBatch } from '@/api/materials/batchPlan';
|
||||||
|
import { uploadCode } from '@/api/materials/purchaseDoc';
|
||||||
|
import { removeToken, setToken } from '@/utils/auth';
|
||||||
import { useRoute } from 'vue-router';
|
import { useRoute } from 'vue-router';
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
const form = reactive({
|
const { proxy } = getCurrentInstance();
|
||||||
|
|
||||||
|
const shareForm = ref({
|
||||||
docId: '',
|
docId: '',
|
||||||
supplier: '',
|
supplier: '',
|
||||||
|
mrpBaseId: '',
|
||||||
|
projectId: '',
|
||||||
|
token: '',
|
||||||
list: [
|
list: [
|
||||||
{
|
{
|
||||||
planId: '',
|
planId: '',
|
||||||
@ -49,6 +63,84 @@ const form = reactive({
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
const planList = ref([]);
|
||||||
|
const getPlanList = async () => {
|
||||||
|
const res = await getBatch({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
projectId: shareForm.value.projectId,
|
||||||
|
mrpBaseId: shareForm.value.mrpBaseId,
|
||||||
|
token: shareForm.value.token
|
||||||
|
});
|
||||||
|
planList.value = res.rows;
|
||||||
|
};
|
||||||
|
|
||||||
|
const addRow = () => {
|
||||||
|
shareForm.value.list.push({
|
||||||
|
planId: '',
|
||||||
|
num: '',
|
||||||
|
ltn: ''
|
||||||
|
});
|
||||||
|
console.log('🚀 ~ addRow ~ form.list:', shareForm.value.list);
|
||||||
|
};
|
||||||
|
|
||||||
|
//检测主要信息填写状况
|
||||||
|
function validateAndClean(arr) {
|
||||||
|
// 过滤掉全空的数据项
|
||||||
|
const cleanedArr = arr.filter((item) => !Object.values(item).every((v) => v === '' || v == null));
|
||||||
|
let hasFullItem = false; // 是否有一条全填数据
|
||||||
|
|
||||||
|
for (const item of cleanedArr) {
|
||||||
|
const keys = Object.keys(item).filter((k) => k !== 'id');
|
||||||
|
const allFilled = keys.every((k) => item[k] !== '' && item[k] != null);
|
||||||
|
if (allFilled) {
|
||||||
|
hasFullItem = true; // 有一条全填
|
||||||
|
}
|
||||||
|
const allEmpty = Object.values(item).every((v) => v === '' || v == null);
|
||||||
|
// 如果不是全填,也不是全空(部分填) → 直接返回失败
|
||||||
|
if (!allFilled && !allEmpty) {
|
||||||
|
return { valid: false, data: cleanedArr };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 如果没有至少一条全填,返回失败
|
||||||
|
if (!hasFullItem) {
|
||||||
|
return { valid: false, data: cleanedArr };
|
||||||
|
}
|
||||||
|
return { valid: true, data: cleanedArr };
|
||||||
|
}
|
||||||
|
|
||||||
|
const onSubmit = async () => {
|
||||||
|
const result = validateAndClean(shareForm.value.list);
|
||||||
|
if (!result.valid) {
|
||||||
|
proxy?.$modal.msgError('验证失败,主要信息存在部分字段缺失的数据项');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
await uploadCode(shareForm.value);
|
||||||
|
proxy?.$modal.msgSuccess('上传成功');
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
let data = JSON.parse(route.query.data as string);
|
||||||
|
shareForm.value.docId = data.docId || '';
|
||||||
|
shareForm.value.supplier = data.supplier || '';
|
||||||
|
shareForm.value.mrpBaseId = data.mrpBaseId || '';
|
||||||
|
shareForm.value.projectId = data.projectId || '';
|
||||||
|
shareForm.value.token = data.token || '';
|
||||||
|
console.log('🚀 ~ form.value:', shareForm.value);
|
||||||
|
// setToken(form.token);
|
||||||
|
|
||||||
|
getPlanList();
|
||||||
|
});
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
removeToken();
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped></style>
|
<style lang="scss" scoped>
|
||||||
|
.row-wrap {
|
||||||
|
border-bottom: 1px dashed #dcdfe6;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
@ -271,7 +271,7 @@ const handleExport = () => {
|
|||||||
// };
|
// };
|
||||||
/** 查询部门下拉树结构 */
|
/** 查询部门下拉树结构 */
|
||||||
const getDeptTree = async () => {
|
const getDeptTree = async () => {
|
||||||
const res = await deptTreeSelect({ isShow: '1' });
|
const res = await deptTreeSelect({ isShow: '1', deptId: 100 });
|
||||||
deptList.value = filterDisabledDept(res.data);
|
deptList.value = filterDisabledDept(res.data);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user