|
@@ -1,82 +1,80 @@
|
|
|
<template>
|
|
|
<div class="" style="margin: 30px 0 10px 0;">
|
|
|
<!-- 查询和其他操作 -->
|
|
|
- <!-- <div>
|
|
|
- <span style="font-size:14px">货物:</span>
|
|
|
- <el-input
|
|
|
- v-model="goodsName"
|
|
|
- clearable
|
|
|
- placeholder="请输入货物"
|
|
|
- style="width: 200px;margin-bottom:20px"
|
|
|
- size="small"
|
|
|
- @keyup.enter.native="handleFind"
|
|
|
- @clear="handleFind"
|
|
|
- class="filter-item"
|
|
|
- />
|
|
|
-
|
|
|
+ <div class="" style="margin: 10px 0 30px 0;">
|
|
|
+ <span style="font-size:14px">客户名称:</span>
|
|
|
+ <el-select v-model="goodsName" filterable style="width: 200px;" clearable size="small" placeholder="请选择" @clear="handleFind">
|
|
|
+ <el-option v-for="item in userDataList" :key="item.customerId" :label="item.customerName" :value="item.customerId" />
|
|
|
+ </el-select>
|
|
|
+ <span style="font-size:14px;margin-left:20px">是否为历史记录:</span>
|
|
|
+ <el-select v-model="historyValue" style="width: 200px;" @keyup.enter.native="handleFind" @clear="handleFind" size="small" clearable value-key="areaId" filterable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in history"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
|
|
|
|
|
|
<el-button style=" width:90px; " size="small" type="primary" icon="el-icon-search" @click="handleFind">查询
|
|
|
</el-button>
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
|
|
|
<el-table ref="multipleTable" v-loading="loading" :data="tableData" :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border >
|
|
|
+ <el-table-column prop="customerName" width="170" fixed="left" label="产品名称" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" />
|
|
|
|
|
|
- <el-table-column label="运输方式" prop="goodsName" align="center" :show-overflow-tooltip="true">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.transportMode == 1">陆运</span>
|
|
|
- <!-- <span v-if="scope.row.transportMode == 2">汽运</span> -->
|
|
|
- <span v-if="scope.row.transportMode == 2">火车运输</span>
|
|
|
- <span v-if="scope.row.transportMode == 3">船运</span>
|
|
|
- <span v-if="scope.row.transportMode == 4">汽运/火车运输/船运</span>
|
|
|
- <span v-if="scope.row.transportMode == 5">汽运/火车运输</span>
|
|
|
- <span v-if="scope.row.transportMode == 6">汽运/船运</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="投标价格" prop="logisticsBiddingPrice" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="数量(吨)" prop="quantity" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="总价" prop="logisticsTotalPrice" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="联系电话" prop="phone" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column :show-overflow-tooltip="true" label="包装方式" width="100" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.packingWay == 0">未知</span>
|
|
|
- <span v-if="scope.row.packingWay == 1">散粮</span>
|
|
|
- <span v-if="scope.row.packingWay == 2">袋装</span>
|
|
|
- <span v-if="scope.row.packingWay == 3">散装</span>
|
|
|
- <span v-if="scope.row.packingWay == 4">集装箱</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="始发车站" prop="departureStation" width="190" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="目的车站" prop="destinationStation" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="状态" align="center" width="100">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag effect="plain" v-if="scope.row.biddingStatus == 5">已投递</el-tag>
|
|
|
- <el-tag effect="plain" v-if="scope.row.biddingStatus ==6" type="info">审核中</el-tag>
|
|
|
- <el-tag effect="plain" v-if="scope.row.biddingStatus ==7" type="warning">已中标</el-tag>
|
|
|
- <el-tag effect="plain" v-if="scope.row.biddingStatus ==8" type="danger">未中标</el-tag>
|
|
|
- <el-tag effect="plain" v-if="scope.row.biddingStatus ==9" type="danger">已作废</el-tag>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="投标时间" prop="logisticsBiddingTime" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="备注" prop="biddingLogisticsRemark" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column prop="quantity" label="数量(吨)" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="biddingPrice" width="90" label="投标价格(元/吨)" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="totalPrice" width="90" label="总价(元/吨)" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="priceProvision" width="100" label="价格条款" :show-overflow-tooltip="true" align="center" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.priceProvision ==1"> 港口平仓价</span>
|
|
|
+ <span v-if="scope.row.priceProvision ==2"> 到厂价</span>
|
|
|
+ <span v-if="scope.row.priceProvision ==3"> 自提价</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="状态" align="center" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag effect="plain" v-if="scope.row.biddingStatus == 5">已投递</el-tag>
|
|
|
+ <el-tag effect="plain" v-if="scope.row.biddingStatus ==6" type="info">审核中</el-tag>
|
|
|
+ <el-tag effect="plain" v-if="scope.row.biddingStatus ==7" type="warning">已中标</el-tag>
|
|
|
+ <el-tag effect="plain" v-if="scope.row.biddingStatus ==8" type="danger">未中标</el-tag>
|
|
|
+ <el-tag effect="plain" v-if="scope.row.biddingStatus ==9" type="danger">已作废</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dateManufacture" label="生产日期" width="152" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="deliveryStartTime" width="170" label="交货开始" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="deliveryEndTime" width="170" label="交货结束" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="deliveryLocation" width="170" label="交货地点" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="invoiceRate" label="发票税率(%)" :show-overflow-tooltip="true" align="center" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{scope.row.invoiceRate}}</span> <span v-if="scope.row.invoiceRate"> %</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="" width="90" label="发票种类" :show-overflow-tooltip="true" align="center" >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.invoiceType ==1"> 普票</span>
|
|
|
+ <span v-if="scope.row.invoiceType ==2"> 专票</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="phone" width="170" label="联系电话" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="appendix" label="凭证" align="center" width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-link :disabled="scope.row.voucherFile ? false : true" :href="scope.row.voucherFile" type="primary" target="_target"><i class="el-icon-view"></i> 下载</el-link>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column prop="biddingTime" label="投标时间" width="152" :show-overflow-tooltip="true" align="center" />
|
|
|
+ <el-table-column prop="remark" label="备注" width="162" :show-overflow-tooltip="true" align="center" />
|
|
|
+
|
|
|
</el-table>
|
|
|
|
|
|
<!--分页-->
|
|
|
<div class="pagination">
|
|
|
<el-pagination
|
|
|
- :popper-class="current"
|
|
|
+ :current-page="current"
|
|
|
:page-sizes="[1,10, 20, 30, 50]"
|
|
|
:page-size="size"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
@@ -97,7 +95,7 @@
|
|
|
<script>
|
|
|
import { Listarea } from '@/api/dataForm'
|
|
|
import { parseTime } from '@/utils/index'
|
|
|
-import { getLogisticsInfo } from '@/api/tender'
|
|
|
+import { getBiddingRowInfo,getCustomerName } from '@/api/bid'
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
@@ -120,6 +118,11 @@ export default {
|
|
|
{ id: 8, name: '其他' }
|
|
|
|
|
|
],
|
|
|
+ history:[
|
|
|
+ {id:0,name:"否"},
|
|
|
+ {id:1,name:"是"}
|
|
|
+ ],
|
|
|
+ historyValue:"",
|
|
|
areaList: [],
|
|
|
query: {
|
|
|
goodsName: '',
|
|
@@ -127,7 +130,7 @@ export default {
|
|
|
},
|
|
|
formLabelWidth: '90px',
|
|
|
isEditForm: false,
|
|
|
- current: '1',
|
|
|
+ current: 1,
|
|
|
size: 10,
|
|
|
total: 0, // 总数量
|
|
|
dataForm: {
|
|
@@ -139,26 +142,37 @@ export default {
|
|
|
BASE_API: process.env.BASE_API,
|
|
|
fileList: [],
|
|
|
roles:[],
|
|
|
+ userDataList:[],
|
|
|
startTime:"",
|
|
|
endTime:"",
|
|
|
isShow:true
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- // this.getTenantList()
|
|
|
+ this.onCustmerName()
|
|
|
console.log('res')
|
|
|
},
|
|
|
methods: {
|
|
|
+ onCustmerName(){
|
|
|
+ getCustomerName().then((res)=>{
|
|
|
+ console.log(res)
|
|
|
+ this.userDataList = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
onshow(){
|
|
|
this.isShow = !this.isShow
|
|
|
},
|
|
|
parseTime,
|
|
|
getTenantList: function() {
|
|
|
console.log(this.priceData)
|
|
|
- let tenderLogisticsId =this.priceData.logisticsBidId
|
|
|
- let current =this.current
|
|
|
- let size =this.size
|
|
|
- getLogisticsInfo(tenderLogisticsId,size,current).then(response => {
|
|
|
+ const params = new URLSearchParams()
|
|
|
+ params.append('customerId', this.goodsName)
|
|
|
+ params.append('isHistory', this.historyValue)
|
|
|
+ params.append('rawTenderId', this.priceData.rawTenderId)
|
|
|
+ params.append('current', this.current)
|
|
|
+ params.append('size', this.size)
|
|
|
+ this.loading =true
|
|
|
+ getBiddingRowInfo(params).then(response => {
|
|
|
console.log(response)
|
|
|
this.loading = false
|
|
|
let data = response.data.data.records
|
|
@@ -185,7 +199,7 @@ export default {
|
|
|
})
|
|
|
console.log(data)
|
|
|
this.tableData = data
|
|
|
- console.log('1' + response.data.data.records)
|
|
|
+ console.log('1' + response.data.data)
|
|
|
this.total = response.data.data.total
|
|
|
})
|
|
|
},
|
|
@@ -204,7 +218,7 @@ export default {
|
|
|
},
|
|
|
|
|
|
handleFind: function() {
|
|
|
- this.current = '1'
|
|
|
+ this.current = 1
|
|
|
this.getTenantList()
|
|
|
},
|
|
|
handleSizeChange: function(val) {
|
|
@@ -274,5 +288,8 @@ export default {
|
|
|
/deep/ .el-table__expanded-cell[class*=cell]{
|
|
|
padding: 0;
|
|
|
}
|
|
|
+.pagination{
|
|
|
+ padding-bottom: 30px;
|
|
|
+}
|
|
|
</style>
|
|
|
|