|
|
@@ -2,6 +2,7 @@
|
|
|
<div class="" style="margin: 30px 0 10px 0;">
|
|
|
<!-- 查询和其他操作 -->
|
|
|
<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" />
|
|
|
@@ -19,9 +20,32 @@
|
|
|
|
|
|
<el-button style=" width:90px; " size="small" type="primary" icon="el-icon-search" @click="handleFind">查询
|
|
|
</el-button>
|
|
|
+ <!-- <el-upload
|
|
|
+ :disabled="!showType"
|
|
|
+ class="upload-demo"
|
|
|
+ :limit="1"
|
|
|
+ :on-change="handleChange"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :show-file-list="false"
|
|
|
+ name="multipartFile"
|
|
|
+ style="display:inline-block"
|
|
|
+ :action="BASE_API+'/common/tender/file/'"
|
|
|
+ list-type="text"
|
|
|
+ :data="fileData"
|
|
|
+ :file-list="fileList"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ <el-button @click="handleUpload" class="el-icon-upload" size="small" type="primary" style="width:90px; ">发送文件</el-button>
|
|
|
+ </el-upload> -->
|
|
|
</div>
|
|
|
|
|
|
- <el-table ref="multipleTable" v-loading="loading" :data="tableData" :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border >
|
|
|
+ <el-table ref="multipleTable" v-loading="loading" :data="tableData" @selection-change="handleSelectionChange" @row-click="handleHighlightChangeTable" :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border >
|
|
|
+ <!-- <el-table-column
|
|
|
+ :selectable="selectable"
|
|
|
+ :max="1"
|
|
|
+ type="selection"
|
|
|
+ width="55">
|
|
|
+ </el-table-column> -->
|
|
|
<el-table-column label="客户名称" prop="customerName" fixed="left" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="运输方式" prop="goodsName" align="center" :show-overflow-tooltip="true">
|
|
|
@@ -79,6 +103,28 @@
|
|
|
|
|
|
<el-table-column label="备注" prop="biddingLogisticsRemark" width="150" align="center" :show-overflow-tooltip="true">
|
|
|
</el-table-column>
|
|
|
+ <el-table-column label="操作" width="250" fixed="right" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button slot="reference" :disabled="scope.row.biddingStatus !=6" icon="el-icon-check" type="text" @click="dialogVisible=true;dataForm=scope.row">中标</el-button>
|
|
|
+ <!-- <el-button slot="reference" icon="el-icon-check" type="text" @click="dialogVisible=true">中标</el-button> -->
|
|
|
+ <el-upload
|
|
|
+ :disabled="scope.row.biddingStatus !=7"
|
|
|
+ class="upload-demo"
|
|
|
+ :on-change="handleChange"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :show-file-list="false"
|
|
|
+ name="multipartFile"
|
|
|
+ style="display:inline-block"
|
|
|
+ :action="BASE_API+'/common/tender/contract/send/' + scope.row.customerId"
|
|
|
+ list-type="text"
|
|
|
+ :data="fileData"
|
|
|
+ :file-list="fileList"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ <el-button @click="handleUpload" :disabled="scope.row.biddingStatus !=7" class="el-icon-upload2" size="small" type="text" style="width:90px;font-size:14px ">发送合同</el-button>
|
|
|
+ </el-upload>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
<!--分页-->
|
|
|
@@ -96,6 +142,35 @@
|
|
|
|
|
|
</div>
|
|
|
|
|
|
+ <el-dialog
|
|
|
+ title=""
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ width="35%"
|
|
|
+ top="35vh"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <span style="font-size:16px">此操作将“{{dataForm.customerName}}”，置中标</span>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
+ <el-upload
|
|
|
+ class="upload-demo"
|
|
|
+ :on-change="handleChange"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :show-file-list="false"
|
|
|
+ name="multipartFile"
|
|
|
+ style="display:inline-block"
|
|
|
+ :action="BASE_API+'/common/tender/contract/send/' + dataForm.customerId"
|
|
|
+ list-type="text"
|
|
|
+ :data="fileData"
|
|
|
+ :file-list="fileList"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ <el-button @click="changeBid" type="primary" >确定并发送合同</el-button>
|
|
|
+ </el-upload>
|
|
|
+ <el-button type="primary" @click="changeBid">确 定</el-button>
|
|
|
+
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -105,7 +180,7 @@
|
|
|
<script>
|
|
|
import { Listarea } from '@/api/dataForm'
|
|
|
import { parseTime } from '@/utils/index'
|
|
|
-import { getLogisticsInfo,getCustomerName } from '@/api/bid'
|
|
|
+import { getLogisticsInfo,getCustomerName ,getContract} from '@/api/bid'
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
@@ -155,14 +230,68 @@ export default {
|
|
|
userDataList:[],
|
|
|
startTime:"",
|
|
|
endTime:"",
|
|
|
- isShow:true
|
|
|
+ isShow:true,
|
|
|
+ showType:false,
|
|
|
+ fileData:{}
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
this.onCustmerName()
|
|
|
- console.log('res')
|
|
|
+ console.log(this.priceData,"priceData")
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 置中标
|
|
|
+ changeBid(){
|
|
|
+ console.log(this.dataForm)
|
|
|
+ console.log(this.priceData,"priceData")
|
|
|
+ getContract(this.dataForm.tenderLogisticsId,this.dataForm.biddingLogisticsId,this.priceData.tenderType).then((res)=>{
|
|
|
+ if(res.data.code == 200){
|
|
|
+ this.$message({
|
|
|
+ message: '操作成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ this.dialogVisible = false
|
|
|
+ this.getTenantList()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 点击时候
|
|
|
+ handleUpload(){
|
|
|
+ console.log(this.SelectionList,"我被固定了")
|
|
|
+ // if(this.SelectionList.length == 0){
|
|
|
+ // this.$message({
|
|
|
+ // message: '请先选择已中标的客户',
|
|
|
+ // type: 'warning'
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // return false
|
|
|
+ },
|
|
|
+ // 文件移除的时候
|
|
|
+ handleRemove(file, fileList) {
|
|
|
+ this.form.fileUrl = ''
|
|
|
+ console.log(file, fileList, this.fileList, '移出')
|
|
|
+ },
|
|
|
+ // 文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
|
|
|
+ handleChange(file, fileList) {
|
|
|
+ console.log(file, fileList, '上传')
|
|
|
+ if (file.response) {
|
|
|
+ console.log(file.response, 'file')
|
|
|
+ if (file.response.code == '200') {
|
|
|
+ this.$message({
|
|
|
+ message: '合同发送成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ // this.form.fileUrl = file.response.data.filePath
|
|
|
+ // this.form.tenderParentId = file.response.data.tenderParentId
|
|
|
+ } else {
|
|
|
+ Notification.error({
|
|
|
+ title: file.response.msg,
|
|
|
+ duration: 1000
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
onCustmerName(){
|
|
|
getCustomerName().then((res)=>{
|
|
|
console.log(res)
|
|
|
@@ -186,7 +315,6 @@ export default {
|
|
|
console.log(response)
|
|
|
this.loading = false
|
|
|
let data = response.data.data.records
|
|
|
- console.log(new Date().valueOf(),"当前时间")
|
|
|
data.map((res)=>{
|
|
|
// 投标时间
|
|
|
let startTime = this.priceData.endTime
|
|
|
@@ -207,9 +335,8 @@ export default {
|
|
|
}
|
|
|
return res
|
|
|
})
|
|
|
- console.log(data)
|
|
|
+
|
|
|
this.tableData = data
|
|
|
- console.log('1' + response.data.data.records)
|
|
|
this.total = response.data.data.total
|
|
|
})
|
|
|
},
|
|
|
@@ -251,10 +378,34 @@ export default {
|
|
|
console.log(row,i)
|
|
|
this.$refs.multipleTable.toggleRowSelection(row);
|
|
|
},
|
|
|
- handleSelectionChange(row){
|
|
|
- console.log(row)
|
|
|
- this.SelectionList = row
|
|
|
- }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ selectable(row){
|
|
|
+ console.log(row,"我是selectable")
|
|
|
+ if(row.biddingStatus == 7){
|
|
|
+
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSelectionChange(list){
|
|
|
+ console.log(list)
|
|
|
+ if (list.length > 1) {
|
|
|
+ this.$refs.multipleTable.clearSelection();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.SelectionList = [...list];
|
|
|
+ if(this.SelectionList.length >0){
|
|
|
+ this.showType = true
|
|
|
+ }else{
|
|
|
+ this.showType = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleHighlightChangeTable(row){
|
|
|
+ if(row.biddingStatus == 7){
|
|
|
+ this.$refs.multipleTable.toggleRowSelection(row);
|
|
|
+ }
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
