采购询价报价查看

src/router/index.js

@@ -160,6 +160,12 @@ export const constantRoutes = [
         name: 'GoodsInquiryEdit',
         meta: { title: '采购询价新增/编辑', icon: '' }
       },
+      {
+        path: 'goodsInquiryCheckPrice',
+        component: () => import('@/views/foodManage/purchaseManage/goodsInquiry/checkPrice'),
+        name: 'GoodsInquiryCheckPrice',
+        meta: { title: '采购询价报价', icon: '' }
+      },
     ]
   },
   {//供应链-生产计划新增详情

src/views/foodManage/purchaseManage/goodsInquiry/checkPrice.vue

@@ -0,0 +1,343 @@
+<template>
+    <div style="padding: 10px;background: #E5EBF6;min-height: 830px;">
+        <div style="background: #FFF;padding: 10px;border-radius: 10px;margin-bottom: 20px;">
+            <el-descriptions style="margin-bottom: 20px;" title="基本信息" :column="4" size="medium" border>
+                <el-descriptions-item>
+                    <template slot="label">询价单号</template>
+                    {{baseInfo.inquiryCode}}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">询价标题</template>
+                    {{baseInfo.title}}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">询价状态</template>
+                    <span v-if="baseInfo.status==1">未开始</span>
+                    <span v-if="baseInfo.status==2">进行中</span>
+                    <span v-if="baseInfo.status==3">已结束</span>
+                    <span v-if="baseInfo.status==5">已取消</span>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">报价时间</template>
+                    {{ baseInfo.startTime }} - {{ baseInfo.startTime }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">要求到货时间</template>
+                    {{baseInfo.requestArrivalTime}}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">联系人</template>
+                    {{ baseInfo.linkMan }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">联系电话</template>
+                    {{ baseInfo.phone }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">收货地址</template>
+                    {{ baseInfo.address }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">所属区域</template>
+                    {{ baseInfo.area }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">询价供应商</template>
+                      {{ baseInfo.supplierNames }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                    <template slot="label">备注</template>
+                    {{ baseInfo.inquiryNotes }}
+                </el-descriptions-item>
+            </el-descriptions>
+        </div>
+        <div style="width: 100%;height: 450px;padding: 10px;border-radius: 10px;margin-bottom: 10px;background: #FFF;">
+            <div style="width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;">
+                <div>
+                    已报价供应商
+                </div>
+            </div>
+            <div style="width: 100%;height: 250px;overflow-y: auto;">
+                <el-table v-loading="loading" :data="supplierList" ref="multipleTable" height="200" highlight-current-row @current-change="handleCurrentChange"> 
+                    <el-table-column label="序号" align="center" width="80" type="index" /> 
+                    <el-table-column label="询价供应商" align="center" prop="" :show-overflow-tooltip="true" />
+                    <el-table-column label="供应商评分" align="center" prop="" :show-overflow-tooltip="true" />
+                    <el-table-column label="报价总金额" align="center" prop="" :show-overflow-tooltip="true" />
+                    <el-table-column label="报价时间" align="center" prop="" :show-overflow-tooltip="true" /> 
+                    <el-table-column label="交货日期" align="center" prop="" :show-overflow-tooltip="true" />
+                    <el-table-column label="中选状态" align="center" prop="" :show-overflow-tooltip="true" />
+                    
+                </el-table>
+            </div>
+        </div>
+
+        <div style="width: 100%;height: 450px;padding: 10px;border-radius: 10px;margin-bottom: 10px;background: #FFF;">
+            <div style="width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;">
+                <div>
+                    货品信息
+                </div>
+            </div>
+            <div style="width: 100%;height: 400px;overflow-y: auto;">
+                <el-table v-loading="loading" :data="materialList" ref="multipleTable" height="380" :row-key="(row)=>{return row.materialId}" @selection-change="handleSelectionChange">
+                    <!-- <el-table-column type="selection" width="50" align="center" :reserve-selection="true" /> -->
+                    <el-table-column label="序号" align="center" width="80" type="index" />
+                    <!-- <el-table-column label="图片" align="center" prop="" :show-overflow-tooltip="true" />  -->
+                    <el-table-column label="货品编码" align="center" prop="materialCode" :show-overflow-tooltip="true" />
+                    <el-table-column label="货品名称" align="center" prop="materialName" :show-overflow-tooltip="true" />
+                    <el-table-column label="货品类别" align="center" prop="materialTypeName" :show-overflow-tooltip="true" />
+                    <el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" />
+                    <el-table-column label="货品规格" align="center" prop="size" :show-overflow-tooltip="true"> 
+                    </el-table-column>
+                    <el-table-column label="采购数量" align="center" prop="purNum" :show-overflow-tooltip="true" />
+                    <el-table-column label="报价数量" align="center" prop="quoteNum" :show-overflow-tooltip="true" />
+                    <el-table-column label="中选单价" align="center" prop="singlePrice" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                          <span>{{ (scope.row.singlePrice/100).toFixed(2) }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="中选总价（元）" align="center" prop="totalPrice" :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                          <span>{{ (scope.row.totalPrice/100).toFixed(2) }}</span>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+        </div>
+        <div style="width: 100%;height: 80px;padding: 10px;background: #FFF;border-radius: 10px;display: flex;align-items: center;justify-content: center;">
+            <!-- <el-button type="primary" @click="confirmSave" :loading="loadingBtn">保存草稿</el-button> -->
+            <el-button @click="jumpList">返回</el-button>
+        </div>
+    </div>
+</template>
+
+<script>
+import { getGoodsInquiryInfoApi } from "@/api/foodManage/purchaseManage";
+import { goodsInquiryQuotePageApi } from "@/api/foodManage/purchaseManage";
+import { getGoodsInquiryDetailInfoApi } from "@/api/foodManage/purchaseManage";
+export default {
+    name: "GoodsInquiryCheckPrice",
+    dicts: [],
+    data() {
+      return {
+        goodsInquiryData:{},//页面传参
+        loading:false,
+        loadingBtn:false, 
+        treeAreaOptions:[],
+        canteenOptions:[],
+        supplierOptions:[],
+        stallOptions:[], 
+        pickerOptions: {
+            disabledDate(v) {
+                return v.getTime() < (new Date().getTime() - 86400000);//  - 86400000是否包括当天
+            }
+        },
+        baseInfo:{},
+        supplierList:[],
+        materialLis:[],
+        openDialog:false,
+        materialTreeOptions:[],
+        // 查询参数
+        queryParams: {
+            pageNum: 1,
+            pageSize: 10,
+        },
+        // 总条数
+        total: 0,
+        //表格数据
+        tableListData: [],
+        batchChosenMaterial:[],
+        noMaterial:false,
+      };
+    },
+    created() {
+        if(this.$route.query.goodsInquiryData){
+            this.goodsInquiryData = JSON.parse(this.$route.query.goodsInquiryData)
+            this.getContractInfo()
+        }
+    },
+    watch:{
+        '$route.query.goodsInquiryData':function(newId, oldId) {
+            if(newId){
+                this.goodsInquiryData = JSON.parse(newId)
+                this.getContractInfo()
+            }else{
+                this.baseInfo={}
+                this.materialList=[]
+            }
+        },
+    },
+    methods: {
+        // 返回列表页
+        jumpList() {
+            const obj = { path: "/foodManage/purchaseManage/goodsInquiryCheckPrice" };
+            this.$tab.closeOpenPage(obj);
+            this.$router.replace({ path: "/foodManage/purchaseManage/goodsInquiry" }); // 要打开的页面
+        },
+        getContractInfo(){
+            console.log(this.goodsInquiryData)
+            let param = {
+                inquiryId:this.goodsInquiryData.inquiryId
+            }
+            //查询
+            getGoodsInquiryInfoApi(param).then((response) => {
+                this.baseInfo = response.data;
+                console.log("this.baseInfo",this.baseInfo) 
+                this.materialList = this.baseInfo.detailList;
+                this.getSupplierPrice()
+            });
+        },
+        //获取已报价供应商
+        getSupplierPrice(){
+            this.loading = true;
+            let param = { 
+                "inquiryId": this.baseInfo.inquiryId, 
+                "inquiryCode": this.baseInfo.inquiryCode, 
+            } 
+            getGoodsInquirySupplierInfoApi(param).then(response => {
+                this.supplierList = response.rows; 
+                this.loading = false;
+            });
+        },
+        //选中
+        handleCurrentChange(row){
+            console.log(row)
+            let param = {
+                inquiryId:this.baseInfo.inquiryId,
+                supplierId:row.supplierId
+            } 
+            //查询
+            getGoodsInquiryDetailInfoApi(param).then((response) => {
+                console.log('response',response);
+                this.materialList = response.data;  
+                // this.baseInfo.arrivalTime=this.materialList[0].arrivalTime
+            });
+        },
+
+
+
+
+        // 多选框选中数据
+        handleSelectionChange(selection) {
+            // this.batchIds1 = selection.map(item => item.tradeId)
+            // this.single = selection.length !== 1
+            // this.multiple = !selection.length
+        },
+
+        //日期
+        formatDate(date) {
+            // 格式化为 YYYY-MM-DD
+            date = new Date(date)
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        },
+        //日期时间
+        formatDateTime(date) {
+            // 格式化为 YYYY-MM-DD
+            date = new Date(date)
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+            const day = String(date.getDate()).padStart(2, '0');
+            const hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
+            const minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
+            const seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
+            return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+        }
+    }
+};
+</script>
+<style scoped>
+    .dishes-card{
+        width: 20%;
+        height: 100%;
+        margin-right: 15px;
+        position: relative;
+    }
+    .body-card{
+        width: 96%;
+        margin: 10px auto;
+        display: flex;
+        flex-direction: column;
+        height: 300px;
+        overflow-y: auto;
+    }
+
+    .bottom-card{
+        width: 100%;
+        height: 60px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        bottom: 0;
+    }
+
+
+    .dialog-left{
+        width: 20%;
+        height: 100%;
+    }
+    .dish-name{
+        width: 100%;
+        height: 32px;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+    }
+    .dish-name:hover{
+        background-color:rgba(0, 0, 0, 0.1);
+        color: #4b80fd;
+    }
+
+    .dialog-center{
+        width: 10%;
+        height: 100%;
+        /* background: #4b80fd; */
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        margin: 0 1%;
+    }
+    .dialog-center-header{
+        width: 100%;display: flex;align-items: center;justify-content: center;height: 60px;font-weight: bold;border-bottom: 1px solid #ccc;
+    }
+    .dialog-right{
+        width: 70%;
+        height: 100%;
+    }
+    .primary{
+        background: #1890ff!important;
+        color: #fff!important;
+    }
+    .dateTable{
+        width: 14%;
+        height: 40px;
+        color: #9a9da3;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid #e6ebf5;
+    }
+    .dateTable2{
+        width: 14%;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #fff;
+        color:#000;
+        border: 1px solid #e6ebf5;
+        cursor: pointer;
+    }
+    .bgBlue{
+        width: 14%;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #0c6ccc;
+        color:#fff !important;
+        border: 1px solid #fff;
+        cursor: pointer;
+    }
+</style>

src/views/foodManage/purchaseManage/goodsInquiry/index.vue

@@ -116,6 +116,12 @@
                 icon="el-icon-edit" v-if="scope.row.status==1"
                 @click="handleUpdate(scope.row)"
             >编辑</el-button>
+            <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit" v-if="scope.row.status==2"
+                @click="handelBidPrice(scope.row)"
+            >查看报价</el-button>
             <el-button
                 size="mini"
                 type="text"
@@ -306,6 +312,10 @@ export default {
         handleUpdate(row) {
             this.$router.push({ path: "/foodManage/purchaseManage/goodsInquiryEdit",query: {goodsInquiryData:JSON.stringify(row)} });
         },
+        //查看报价接口
+        handelBidPrice(row) {
+            this.$router.push({ path: "/foodManage/purchaseManage/goodsInquiryCheckPrice",query: {goodsInquiryData:JSON.stringify(row)} });
+        },
         // 取消按钮
         cancel() {
             this.open = false;

src/views/foodManage/purchaseReport/procureOrderReport/index.vue

@@ -41,15 +41,19 @@
                <span>{{ scope.row.areaName }}-{{ scope.row.canteenName }}-{{ scope.row.stallName }}</span>
             </template>  
         </el-table-column>
-        <el-table-column label="供应商名称" align="center" prop="" :show-overflow-tooltip="true" />  
+        <el-table-column label="供应商名称" align="center" prop="supplierName" :show-overflow-tooltip="true" />  
         <el-table-column label="订单总金额(元)" align="center" prop="orderAmount" :show-overflow-tooltip="true" width="120">
             <template slot-scope="scope">
                <span>{{ (scope.row.orderAmount/100).toFixed(2) }}</span>
             </template>  
         </el-table-column>
         <el-table-column label="货品总数量" align="center" prop="totalNum" :show-overflow-tooltip="true" width="140"/>
-        <el-table-column label="验收总数量" align="center" prop="" :show-overflow-tooltip="true" width="140"/> 
-        <el-table-column label="未验收总数量" align="center" prop="" :show-overflow-tooltip="true" width="140"/>     
+        <el-table-column label="验收总数量" align="center" prop="totalQualifiedNum" :show-overflow-tooltip="true" width="140"/> 
+        <el-table-column label="未验收总数量" align="center" prop="" :show-overflow-tooltip="true" width="140">
+            <template slot-scope="scope">
+               <span>{{ (scope.row.totalNum-scope.row.totalQualifiedNum) }}</span>
+            </template>  
+        </el-table-column>     
         <el-table-column label="交货日期" align="center" prop="requestArrivalTime" :show-overflow-tooltip="true" width="140"/>     
     </el-table>
 
@@ -64,7 +68,7 @@
 </template>
 
 <script>
-import { productionPlanPageApi } from "@/api/foodManage/purchaseManage";   
+import { purchaseOrderPageApi } from "@/api/foodManage/purchaseManage";   
 export default {
     name: "",
     dicts: [],
@@ -125,7 +129,7 @@ export default {
         };
     },
     created() {  
-    //   this.getList();
+      this.getList();
     },
     methods: {  
         /** 搜索按钮操作 */
@@ -146,6 +150,7 @@ export default {
                 "pageNum": this.queryParams.pageNum, 
                 "pageSize": this.queryParams.pageSize,  
                 "orderTitle": this.queryParams.orderTitle,    
+                "ifAllInspect":2
             }
             if(this.dateRange&&this.dateRange.length>0){
                 param.startDateTime=this.formatDateTime(this.dateRange[0])
@@ -154,7 +159,7 @@ export default {
                 param.startDateTime=undefined;
                 param.endDateTime=undefined;
             } 
-            productionPlanPageApi(param).then(response => {
+            purchaseOrderPageApi(param).then(response => {
                 this.tableListData = response.rows;
                 this.total = Number(response.total);
                 this.loading = false;