From 17e66d6a10a20ac579b1fd1c71d4e4caea59b984 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Sat, 11 May 2024 13:54:06 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |  2 +-
 .../opurchaseclass/component/goodsOffer.vue   | 63 ++++++++++++++++---
 .../opurchaseclass/component/subOrder.vue     |  5 +-
 src/views/opurchase/opurchaseclass/detail.vue | 35 ++++++++---
 4 files changed, 85 insertions(+), 20 deletions(-)

diff --git a/.env.development b/.env.development
index b7b7e07..8bcc5d2 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 NODE_ENV = 'development'
 VITE_NOW_TYPE = 'dist'
 # Base API
-VITE_APP_BASE_URL='http://192.168.1.14:8546'
+VITE_APP_BASE_URL='http://192.168.1.22:8546'
 # VITE_APP_BASE_URL='https://erp.lihaink.cn'
\ No newline at end of file
diff --git a/src/views/opurchase/opurchaseclass/component/goodsOffer.vue b/src/views/opurchase/opurchaseclass/component/goodsOffer.vue
index 8381071..bc895eb 100644
--- a/src/views/opurchase/opurchaseclass/component/goodsOffer.vue
+++ b/src/views/opurchase/opurchaseclass/component/goodsOffer.vue
@@ -1,22 +1,61 @@
 <template>
   <div>
-    <el-table :data="pager.lists" border style="width: 100%">
+    <div>
+      <el-radio-group v-model="queryParams.is_adopt" size="small" @change="changeType">
+        <el-radio-button label="全部" value="" />
+        <el-radio-button label="未采纳" value="0" />
+        <el-radio-button label="已采纳" value="1" />
+      </el-radio-group>
+    </div>
+    <el-table :data="pager.lists" border style="width: 100%; margin-top: 10px">
       <el-table-column prop="id" label="ID" width="120" />
       <el-table-column prop="order_id" label="采购订单id" width="120" />
       <el-table-column
         label="商品名称"
         prop="goods_name"
         show-overflow-tooltip
+        width="220"
       />
-      <el-table-column label="需求数量" prop="need_num" show-overflow-tooltip />
-      <el-table-column label="单位" prop="unit_name" show-overflow-tooltip />
-      <el-table-column label="实际金额" prop="actual" show-overflow-tooltip />
-      <el-table-column label="实收金额" prop="money" show-overflow-tooltip />
+      <el-table-column label="需求数量" prop="need_num" show-overflow-tooltip width="100" />
       <el-table-column
-        label="单据时间"
-        prop="create_time"
+        label="单位"
+        prop="unit_name"
+        width="80"
         show-overflow-tooltip
       />
+      <el-table-column
+        label="供应商"
+        prop="supplier_name"
+        show-overflow-tooltip
+        width="160"
+      />
+      <el-table-column label="提供数量" prop="nums" show-overflow-tooltip width="100"/>
+      <el-table-column label="报价" prop="price" show-overflow-tooltip />
+      <el-table-column
+        label="是否采纳报价"
+        prop="is_adopt"
+        width="120"
+      >
+        <template #default="{ row }">
+          <el-tag v-if="row.is_adopt === 1" type="success">已采纳</el-tag>
+          <el-tag v-else type="info">未采纳</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="更新时间"
+        prop="update_time"
+        show-overflow-tooltip
+        width="160"
+      />
+      <el-table-column
+        label="操作"
+        prop="is_adopt"
+        fixed="right"
+      >
+        <template #default="{ row }">
+          <el-button type="primary" size="small">采纳</el-button>
+        </template>
+      </el-table-column>
     </el-table>
     <div class="flex mt-4 justify-end">
       <pagination v-model="pager" @change="getLists" />
@@ -33,11 +72,19 @@ const route = useRoute();
 
 const queryParams = reactive({
   id: route.query.id,
+  is_adopt: "",
 });
 // 分页相关
 const { pager, getLists, resetParams, resetPage } = usePaging({
   fetchFun: apiOpurchaseclassGoodsOfferList,
   params: queryParams,
 });
-getLists();
+defineExpose({
+  getLists,
+});
+
+const changeType = (e: any)=>{
+    queryParams.is_adopt = e;
+    getLists();
+}
 </script>
diff --git a/src/views/opurchase/opurchaseclass/component/subOrder.vue b/src/views/opurchase/opurchaseclass/component/subOrder.vue
index b37ca39..ded8f20 100644
--- a/src/views/opurchase/opurchaseclass/component/subOrder.vue
+++ b/src/views/opurchase/opurchaseclass/component/subOrder.vue
@@ -38,5 +38,8 @@ const { pager, getLists, resetParams, resetPage } = usePaging({
   fetchFun: apiOpurchaseclassSubOrders,
   params: queryParams,
 });
-getLists();
+
+defineExpose({
+    getLists
+})
 </script>
diff --git a/src/views/opurchase/opurchaseclass/detail.vue b/src/views/opurchase/opurchaseclass/detail.vue
index 7a27b75..a43a90e 100644
--- a/src/views/opurchase/opurchaseclass/detail.vue
+++ b/src/views/opurchase/opurchaseclass/detail.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
     <el-card class="!border-none mb-4" shadow="never">
-      <el-tabs v-model="activeName" class="demo-tabs">
-        <el-tab-pane label="概况" name="first">
+      <el-tabs v-model="activeName" class="demo-tabs" @tab-change="tabChange">
+        <el-tab-pane label="概况" name="detail">
           <el-descriptions class="margin-top" :column="4" border>
             <!-- <template #extra>
               <el-button type="primary">Operation</el-button>
@@ -23,7 +23,7 @@
               {{ form.money }}
             </el-descriptions-item>
             <el-descriptions-item label="所属商户">
-              {{ form.merchant }}
+              {{ form.merchant_name }}
             </el-descriptions-item>
             <el-descriptions-item label="ID">
               {{ form.id }}
@@ -42,11 +42,11 @@
             <el-table-column prop="total" label="合计(元)" />
           </el-table>
         </el-tab-pane>
-        <el-tab-pane label="子订单" name="second">
-          <subOrder />
+        <el-tab-pane label="子订单" name="order">
+          <subOrder ref="subOrderRef" />
         </el-tab-pane>
-        <el-tab-pane label="报价列表" name="third">
-          <goodsOffer />
+        <el-tab-pane label="报价列表" name="offer">
+          <goodsOffer ref="goodsOfferRef" />
         </el-tab-pane>
         <!-- <el-tab-pane label="详情3" name="fourth">Task</el-tab-pane> -->
       </el-tabs>
@@ -61,7 +61,6 @@ import {
   apiOpurchaseclassLists,
   apiOpurchaseclassDelete,
   apiOpurchaseclassDetail,
-  
 } from "@/api/opurchaseclass";
 import { useRoute } from "vue-router";
 import subOrder from "./component/subOrder.vue";
@@ -70,8 +69,15 @@ import goodsOffer from "./component/goodsOffer.vue";
 const route = useRoute();
 const form = ref({});
 
-const activeName = ref("first");
-
+const activeName = ref("detail");
+const activeMap = ref(
+  new Map([
+    ["detail", true],
+    ["order", false],
+    ["offer", false],
+  ])
+);
+console.log(activeMap.value);
 
 const getDetail = async () => {
   const data = await apiOpurchaseclassDetail({
@@ -81,4 +87,13 @@ const getDetail = async () => {
 };
 getDetail();
 
+const subOrderRef = ref(null);
+const goodsOfferRef = ref(null);
+const tabChange = (type: any) => {
+  if (!activeMap.value.get(type)) {
+    if (type == "order") subOrderRef.value?.getLists();
+    if (type == "offer") goodsOfferRef.value?.getLists();
+    activeMap.value.set(type, true);
+  }
+};
 </script>