采购单

src/views/materials/purchaseDoc/index.vue

@@ -3,55 +3,18 @@
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <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-input v-model="queryParams.docCode" placeholder="请输入采购单编号" clearable @keyup.enter="handleQuery" />
             </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-input v-model="queryParams.name" placeholder="请输入设备统称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="到货日期" prop="arrivalDate">
               <el-date-picker clearable v-model="queryParams.arrivalDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择到货日期" />
             </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-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -72,17 +35,6 @@
               >修改</el-button
             >
           </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>
         </el-row>
       </template>
@@ -91,26 +43,30 @@
         <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="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="arrivalDate" width="180">
           <template #default="scope">
             <span>{{ parseTime(scope.row.arrivalDate, '{y}-{m}-{d}') }}</span>
           </template>
         </el-table-column>
-        <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="designDirectorTel" 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="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="preparedDate" width="180">
           <template #default="scope">
             <span>{{ parseTime(scope.row.preparedDate, '{y}-{m}-{d}') }}</span>
           </template>
         </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">
             <el-link :href="scope.row.feedbackUrl" target="_blank" type="primary" v-if="scope.row.feedbackUrl">回单</el-link>
           </template>
@@ -123,25 +79,24 @@
         </el-table-column>
         <el-table-column label="操作" align="center" fixed="right" width="160">
           <template #default="scope">
-            <div class="flex flex-wrap">
-              <div class="flex">
-                <div class="w3"></div>
-                <el-button link type="primary" icon="Finished" @click="handleAudit(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']">
-                  审核</el-button
-                >
-                <el-button link type="primary" icon="Upload" @click="handleUpload(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
-                  >上传</el-button
-                >
-              </div>
-              <br />
-              <div class="w3"></div>
-              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
-                >修改</el-button
-              >
-              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
-                >删除</el-button
-              >
-            </div>
+            <el-button link type="primary" icon="Finished" @click="handleAudit(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']">
+              审核</el-button
+            >
+            <el-button link type="primary" icon="Upload" @click="handleUpload(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
+              >上传</el-button
+            >
+            <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['cailiaoshebei:purchaseDoc:edit']"
+              >修改</el-button
+            >
+            <el-button
+              link
+              type="primary"
+              v-if="scope.row.status == 'finish' && scope.row.feedbackUrl"
+              icon="Share"
+              @click="handleShare(scope.row)"
+              v-hasPermi="['cailiaoshebei:purchaseDoc:remove']"
+              >物流单分享</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
@@ -215,6 +170,20 @@
           ></el-col>
         </el-row>
       </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>
         <div class="dialog-footer">
           <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
@@ -231,15 +200,30 @@
         </span>
       </template>
     </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>
 </template>
 
 <script setup name="PurchaseDoc" lang="ts">
 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 { listContractor } from '@/api/project/contractor';
 import { useUserStoreHook } from '@/store/modules/user';
+import { getToken } from '@/utils/auth';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const route = useRoute();
@@ -261,6 +245,7 @@ const total = ref(0);
 const feedbackUrl = ref('');
 const queryFormRef = ref<ElFormInstance>();
 const purchaseDocFormRef = ref<ElFormInstance>();
+const IP = 'http://192.168.110.142:7788';
 
 const dialog = reactive<DialogOption>({
   visible: false,
@@ -361,6 +346,17 @@ const resetQuery = () => {
   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[]) => {
   ids.value = selection.map((item) => item.id);
@@ -388,6 +384,12 @@ const handleUpdate = async (row?: PurchaseDocVO) => {
   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 = () => {
   purchaseDocFormRef.value?.validate(async (valid: boolean) => {
@@ -414,7 +416,6 @@ const getPlanList = async () => {
   const res = await getBatch({
     pageNum: 1,
     pageSize: 10,
-    mrpBaseId: undefined,
     projectId: currentProject.value?.id,
     mrpBaseId: form.value.mrpBaseId
   });
@@ -442,12 +443,23 @@ const getSupplierList = async () => {
 };
 
 /** 删除按钮操作 */
-const handleDelete = async (row?: PurchaseDocVO) => {
-  const _ids = row?.id || ids.value;
-  await proxy?.$modal.confirm('是否确认删除物资-采购联系单编号为"' + _ids + '"的数据项？').finally(() => (loading.value = false));
-  await delPurchaseDoc(_ids);
-  proxy?.$modal.msgSuccess('删除成功');
-  await getList();
+const handleShare = async (row?: PurchaseDocVO) => {
+  const textarea = document.createElement('textarea');
+  const data = JSON.stringify({
+    docId: row.id,
+    mrpBaseId: row.mrpBaseId,
+    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 ? '复制成功！' : '复制失败');
 };
 
 /** 导出按钮操作 */