投标详情

src/api/bid.js

@@ -193,9 +193,16 @@ export function getTenderInfoList(parms) {
 // 标的详情
 export function getBiddingList(parms) {
   return request({
-    url: '/bidding/processing',
+    url: '/processing/quoted/page',
     method: 'get',
     params: parms
   })
 }
+// export function getBiddingList(parms) {
+//   return request({
+//     url: '/bidding/processing',
+//     method: 'get',
+//     params: parms
+//   })
+// }
 // 

src/views/bid/index.vue

@@ -81,12 +81,12 @@
         </template>
       </el-table-column>
 
-      <el-table-column prop="description" :show-overflow-tooltip="true" label="招标类型" width="100" align="center">
+      <el-table-column prop="description" :show-overflow-tooltip="true" label="招标类型" width="130" align="center">
         <template slot-scope="scope"> 
           <el-tag v-if="scope.row.tenderType == 1"  >物流</el-tag>
           <el-tag v-if="scope.row.tenderType == 2" >原料</el-tag>
           <el-tag v-if="scope.row.tenderType == 3" >销售</el-tag>
-          <el-tag v-if="scope.row.tenderType == 4" >加工承揽</el-tag>
+          <el-tag v-if="scope.row.tenderType == 4" >加工承揽 <span v-if="scope.row.target == 1"> (询价)</span><span v-if="scope.row.target == 2"> (报价)</span> </el-tag>
         </template>
       </el-table-column>
       <el-table-column prop="description" :show-overflow-tooltip="true" label="招标规则" width="100" align="center">
@@ -267,6 +267,10 @@
           <ckTender2 ref="ckTender2"></ckTender2>
       <!-- 加工承揽-->
           <ckTender3 ref="ckTender3"></ckTender3>
+          <!-- 生产加工（询价） -->
+          <ckTender4 ref="ckTender4"></ckTender4>
+        <!-- 生产加工（报价） -->
+          <ckTender5 ref="ckTender5"></ckTender5>
       
     </div>
 
@@ -281,11 +285,15 @@ import ckTender1 from "./tender1/tender.vue"
 import ckTender from "./tender/tender.vue"
 import ckTender2 from "./tender2/tender.vue"
 import ckTender3 from "./tender3/tender.vue"
+import ckTender4 from "./tender4/tender.vue"
+import ckTender5 from "./tender5/tender.vue"
 export default {
    components:{
 ckTender1,
 ckTender2,
 ckTender3,
+ckTender4,
+ckTender5,
     ckTender
   },
   data() {
@@ -341,7 +349,8 @@ ckTender3,
         {id:1,name:"物流",value:"logistics"},
         {id:2,name:"原料",value:"raw"},
         {id:3,name:"销售",value:"sale"},
-        {id:4,name:"加工承揽",value:"processing"},
+        {id:4,name:"加工承揽(询价)",value:"processing"},
+        {id:5,name:"加工承揽(报价)",value:"processing"},
       ],
       tenderRule:[
         {id:1,name:"价低者得"},
@@ -419,6 +428,13 @@ ckTender3,
       console.log(value)
       // let value= ""
       this.onShowType()
+      if(value == 4){
+        this.form.target = 1
+      }else if(value == 5){
+        this.form.target = 2
+      }else{
+        this.form.target = 0
+      }
       let tenderType =this.tenderType
       // id减一得到下标
       let data = tenderType[value - 1].value
@@ -426,7 +442,6 @@ ckTender3,
         console.log(res)
         this.fileUrl = res.data.data.path
       })
-
     },
     // 发布时间
     oncustom() {
@@ -692,8 +707,8 @@ window.open(officeUrl,'_target')
     },
     // 详情
     handleView(row) {
-   
       let tenderType = row.tenderType
+      let target = row.target
       if(tenderType == 1){
         this.$refs.ckTender.viewDialog = true
         let param =  {
@@ -741,20 +756,39 @@ window.open(officeUrl,'_target')
               this.$refs.ckTender1.getParam()
         }, 300);
         console.log("销售")
-      }else if(tenderType == 4){
+      }else if(target == 1){
         this.$refs.ckTender3.viewDialog = true
          let param =  {
           tenderParentId:row.tenderParentId,
           current: 1,
           size: 10
         }
-          setTimeout(() => {
-              this.$refs.ckTender3.activeName="first"
-              this.$refs.ckTender3.param = param
-              this.$refs.ckTender3.bidInfo = row
+         setTimeout(() => {
+            this.$refs.ckTender3.activeName="first"
+            // this.$refs.ckTender3.param.tenderParentId = row.tenderParentId
+            this.$refs.ckTender3.bidInfo = row
+            this.$refs.ckTender3.param = param
+            // this.$refs.ckTender3.param.current = 1
             this.$refs.ckTender3.applyDateStart = []
-              this.$refs.ckTender3.getParam()
-        }, 300);
+            this.$refs.ckTender3.getParam()
+      }, 300);
+        console.log("加工承揽")
+      }else if(target == 2){
+        this.$refs.ckTender4.viewDialog = true
+         let param =  {
+          tenderParentId:row.tenderParentId,
+          current: 1,
+          size: 10
+        }
+         setTimeout(() => {
+            this.$refs.ckTender4.activeName="first"
+            // this.$refs.ckTender3.param.tenderParentId = row.tenderParentId
+            this.$refs.ckTender4.bidInfo = row
+            this.$refs.ckTender4.param = param
+            // this.$refs.ckTender3.param.current = 1
+            this.$refs.ckTender4.applyDateStart = []
+            this.$refs.ckTender4.getParam()
+      }, 300);
         console.log("加工承揽")
       }
     },

src/views/bid/tender3/dialog.vue

@@ -174,6 +174,7 @@ export default {
        BASE_API: process.env.BASE_API,
        fileList: [],
       roles:[],
+      fileData:{},
       userDataList:[],
       startTime:"",
       endTime:"",
@@ -253,6 +254,7 @@ export default {
       params.append('customerId', this.goodsName)
       params.append('isHistory', this.historyValue)
       params.append('biddingProcessingId', this.priceData.tenderProcessingId)
+      params.append('target', this.priceData.target)
       params.append('current', this.current)
       params.append('size', this.size)
       this.loading =true

src/views/bid/tender3/tender.vue

@@ -21,7 +21,7 @@
                          招标类型 :  <span class="flex_name"><el-tag v-if="bidInfo.tenderType == 1"  >物流</el-tag>
                                     <el-tag v-if="bidInfo.tenderType == 2" >原料</el-tag>
                                     <el-tag v-if="bidInfo.tenderType == 3" >销售</el-tag>
-                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽<span v-if="bidInfo.target == 1"> (询价)</span><span v-if="bidInfo.target == 2"> (报价)</span></el-tag>
                                     </span>
                        </el-col>
                     </el-row>
@@ -461,7 +461,8 @@ export default {
   methods: {
     // 投标详情 向父元素传递数据
     costPlannedAmountChange(val){
-      console.log(val,"我是val")
+      console.log(val,"我是val234")
+      val.target = this.bidInfo.target
  
       this.dialogTableVisible = true
       setTimeout(() => {
@@ -665,6 +666,7 @@ export default {
       this.form.quantity = row.goodsNumber
       this.form.goodsName = row.goodsName
       this.form.transportUnitPrice = row.transportUnitPrice
+      this.form.target = this.bidInfo.target   //加工承揽 （询价）或者（报价）
       if (this.$refs['form']) {
         this.$refs['form'].resetFields()
       }

src/views/bid/tender4/dialog.vue

@@ -0,0 +1,415 @@
+<template>
+  <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" />
+          </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>
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+        <el-table-column prop="customerName" width="150" 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="contractNumber" width="150" label="合同编号" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="level"   label="级别" :show-overflow-tooltip="true" align="center" >
+              <template slot-scope="scope">
+                 <span v-if="scope.row.level ==1">一级</span>
+                 <span v-if="scope.row.level ==2">二级</span>
+                 <span v-if="scope.row.level ==3">三级</span>
+                 <span v-if="scope.row.level ==4">四级</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="stocksRealStation" width="152"  label="实际库存点" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="biddingNumber"   label="投标数量（吨）" :show-overflow-tooltip="true" align="center" />
+
+       
+            <el-table-column prop="brownRiceRate" width="100" label="加工厂出糙率（%）" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="realPremiumComplex"  label="实际贴水贴杂（个）" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="warehouseFactoryDistance"  label="库点至加工厂的运距（KM)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="warehouseFactoryPrice" width="100" label="库点至加工厂的短运费(元/吨)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="ricePickupPrice"  label="稻壳自提单价(元/吨)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="cornProcurePrice" width="152" label="玉米采购价(元/吨)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column  label="至鱼圈运费(包价元/吨)" align="center" >
+                  <el-table-column prop="byqStationPrice" width="102" label="上站费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqStationUsePrice" width="102" label="站台使用费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqFreightPrice" width="102" label="运费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqOtherRemarks" width="152" label="其他" :show-overflow-tooltip="true" align="center" />
+            </el-table-column>
+
+            <el-table-column  label="至锦州港运费(包价元/吨)" align="center" >
+                  <el-table-column prop="jzgStationPrice" width="102" label="上站费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgStationUsePrice" width="102" label="站台使用费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgFreightPrice" width="102" label="运费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgOtherRemarks" width="152" label="其他" :show-overflow-tooltip="true" align="center" />
+            </el-table-column>
+
+            <el-table-column  label="至绥中港运费(包价元/吨)" align="center" >
+                  <el-table-column prop="szgStationPrice" width="102" label="上站费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgStationUsePrice" width="102" label="站台使用费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgFreightPrice" width="102" label="运费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgOtherRemarks" width="152" label="其他" :show-overflow-tooltip="true" align="center" />
+            </el-table-column>
+            <el-table-column prop="biddingSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="phone" width="152" label="联系电话" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="processBiddingQuotedTime" 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-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;dataForm=scope.row">中标</el-button> -->
+            <!-- :disabled="scope.row.biddingStatus !=7" -->
+             <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>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+        :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </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>
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getBiddingList,getCustomerName,getContract } from '@/api/bid'
+import { Notification, MessageBox } from 'element-ui'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: {},
+      SelectionList:[],
+      goodsName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      history:[
+        {id:0,name:"否"},
+        {id:1,name:"是"}
+      ],
+      historyValue:"",
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: 1,
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      fileData:{},
+      userDataList:[],
+      startTime:"",
+      endTime:"",
+        isShow:true
+    }
+  },
+  created() {
+    this.onCustmerName()
+    console.log('res')
+  },
+  methods: {
+          // 置中标
+    changeBid(){
+      console.log(this.dataForm)
+      console.log(this.priceData,"priceData")
+      getContract(this.dataForm.tenderProcessingId,this.dataForm.biddingProcessingId,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)
+            this.userDataList = res.data.data
+        })
+    },
+      onshow(){
+          this.isShow = !this.isShow
+      },
+    parseTime,
+    getTenantList: function() {
+        console.log(this.priceData)
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.priceData.tenderParentId)
+      params.append('customerId', this.goodsName)
+      params.append('isHistory', this.historyValue)
+      params.append('tenderProcessingId', this.priceData.tenderProcessingId)
+      params.append('target', this.priceData.target)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      this.loading =true
+      getBiddingList(params).then(response => {
+        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
+
+          const date = new Date(startTime)
+          const start = date.valueOf()         //开始时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          if(res.biddingStatus < 7){
+              console.log("我不满足")
+                if(time < start){
+                    res.biddingStatus = 5
+                    console.log("当前时间小于投标时间，已投递")
+                }else if(time > start){
+                    res.biddingStatus = 6
+                    console.log("当前时间小于投标时间，审核中")
+                }
+          }
+          return res
+        })
+        console.log(data)
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = 1
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+.pagination{
+  padding-bottom: 30px;
+}
+</style>
+

src/views/bid/tender4/table.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="" style="margin: 30px 0 10px 0;">
+    <!-- 查询和其他操作 -->
+    <div>
+      <span style="font-size:14px">品种：</span>
+      <el-input
+        v-model="productName"
+        clearable
+        placeholder="请输入品种"
+        style="width: 200px;margin-bottom:20px"
+        size="small"
+         @keyup.enter.native="handleFind"
+         @clear="handleFind"
+        class="filter-item"
+      />
+          <!-- <span style="fontSize:13px;marginLeft:20px">投标时间</span>
+            <el-date-picker
+              v-model="applyDateStart"
+              size="mini"
+              type="datetimerange"
+              style="width: 280px;"
+              range-separator="-"
+              clearable
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :default-time="['00:00:00', '23:59:59']"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+             @change="onApplyDate"
+             @clear="onApplyDate"
+            />
+ -->
+
+
+      <el-button style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="handleFind">查询
+      </el-button>
+    </div>
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+
+           <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   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.receiptPathUrl ? false : true" :href="scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 下载</el-link>
+                                </template>
+                              </el-table-column>
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                          <!-- <el-table-column prop="processingIsTender" label="是否投标" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.processingIsTender == 0" type="success" effect="plain">是</el-tag>
+                                  <el-tag v-if="scope.row.processingIsTender == 1" effect="plain" >否</el-tag>
+                              </template>
+                            </el-table-column> -->
+                        
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="remark" label="备注" width="162" :show-overflow-tooltip="true" align="center" />
+        <el-table-column label="操作" width="250" fixed="right" align="center">
+        <template slot-scope="scope">
+
+          <!-- <el-button  slot="reference" type="text" :disabled="scope.row.status !=3" icon="el-icon-plus" @click="handleAdd(scope.row)">投标</el-button> -->
+          <el-button  slot="reference" icon="el-icon-view" type="text" @click="handleView(scope.row)">查看更多</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+        :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </div>
+
+
+
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getTenderInfoList } from '@/api/bid'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: [],
+      SelectionList:[],
+      productName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: 1,
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      startTime:"",
+      endTime:"",
+        // dialogTableVisible:false
+    }
+  },
+  created() {
+    // this.getTenantList()
+    console.log('res')
+  },
+  methods: {
+        handleAdd(row){
+      this.$emit("onAdd",row)
+    },
+      handleView(row){
+          console.log("我被点击了")
+            this.$emit('change',row)
+        //   this.$parent.dialogTableVisible = true
+      },
+    parseTime,
+    getTenantList: function() {
+      this.loading = true
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.tenderParentId)
+      params.append('breeds', this.productName)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      getTenderInfoList(params).then(response => {
+        console.log(response)
+        this.loading = false
+          let data = response.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+          if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于投标结束时间，待处理")
+          }
+          return res
+        })
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = 1
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+
+</style>
+

src/views/bid/tender4/tender.vue

@@ -0,0 +1,860 @@
+<template>
+    <div>
+          <el-dialog :append-to-body="true" fullscreen :visible.sync="viewDialog" title="" center>
+                  <el-card class="box-card" shadow="nerver">
+                    <div slot="header" class="clearfix">
+                      <span class="topClass">基本信息</span>
+                    </div>
+
+                    <el-row type="flex" class="row-bg">
+                       <el-col :span="8" class="flex_text">
+                         　　标题 : <span class="flex_name"> {{bidInfo.tenderTitle}}</span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         　　状态 : <span class="flex_name"> <el-tag effect="plain" v-if="bidInfo.status ==1">进行中</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==2" type="info">已结束</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==3" type="danger">已作废</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==4" type="warning">未开始</el-tag>
+                                </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         招标类型 :  <span class="flex_name"><el-tag v-if="bidInfo.tenderType == 1"  >物流</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 2" >原料</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 3" >销售</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽<span v-if="bidInfo.target == 1"> (询价)</span><span v-if="bidInfo.target == 2"> (报价)</span></el-tag>
+                                    </span>
+                       </el-col>
+                    </el-row>
+                     <el-row type="flex" class="row-bg">
+                       <el-col :span="8" class="flex_text">
+                         招标规则 : <span class="flex_name">    <el-tag v-if="bidInfo.tenderRule == 1" type="success" effect="plain">价低者得</el-tag>
+          <el-tag v-if="bidInfo.tenderRule == 2" effect="plain" >价高者得</el-tag></span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         开始时间 : <span class="flex_name"> {{bidInfo.startTime}} </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         截止时间 :  <span class="flex_name">{{bidInfo.endTime}}
+                                    </span>
+                       </el-col>
+                    </el-row>
+                    <el-row type="flex" class="row-bg">
+                       <el-col :span="24" class="flex_text">
+                         　　 备注：<span class="flex_name">{{bidInfo.tenderRemark}}</span>
+                       </el-col>
+                    </el-row>
+                  </el-card>
+                   <el-card class="box-card" shadow="nerver">
+                        <div slot="header" class="clearfix">
+                          <span class="topClass"> 所有标的</span>
+                        </div>
+                      <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
+                        <el-tab-pane label="标的详情" name="first">
+
+                          <div class="head-container" style="margin: 30px 0 10px 0;">
+                            <span style="fontSize:13px">品种</span>
+                              <el-input
+                                v-model="param.breeds"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <span style="fontSize:13px;marginLeft:20px">产地</span>
+                              <el-input
+                                v-model="param.comesFrom"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <!-- <span style="fontSize:13px;marginLeft:20px">交付方式</span>
+                               <el-select v-model="param.deliveryMethod" style="width:200px;" size="small"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择交付方式">
+                                  <el-option
+                                    v-for="item in deliveryMethod"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
+                            <span style="fontSize:13px;marginLeft:20px">等级</span>
+                              <el-select v-model="param.level" size="small" style="width: 200px;"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择等级">
+                                  <el-option
+                                    v-for="item in level"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select> -->
+                            <!-- <span style="fontSize:13px;marginLeft:30px;">是否作废</span>
+                            <el-select v-model="param.rawIsTender" size="small"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable placeholder="请选择">
+                                <el-option  label="未作废" value="0"> </el-option>
+                                <el-option  label="已作废" value="1"> </el-option>
+                              </el-select> -->
+                            <span style="fontSize:13px;marginLeft:20px">发标时间</span>
+                              <el-date-picker
+                                v-model="applyDateStart"
+                                size="small"
+                                type="datetimerange"
+                                style="width: 400px;"
+                                range-separator="-"
+                                clearable
+                                value-format="yyyy-MM-dd HH:mm:ss"
+                                :default-time="['00:00:00', '23:59:59']"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                              @change="onApplyDate"
+                              @clear="onApplyDate"
+                              />
+                              <div style="text-align: right;margin-right:40px">
+                                   <el-button class="filter-item" style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="getParamFexd">搜索</el-button>
+                              </div>
+                          <div style="height:20px"></div>
+                          <el-table center :data="Paramdata" :header-cell-style="{ background: '#f5f7fa', }" border v-loading="tableLoading" stripe style="width: 100%;">
+
+                            <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="trustBuyLocation" width="160"  label="委托收购库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="concreteStorageLocation"  width="150"  label="实际存储库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   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.receiptPathUrl ? false : true" :href="scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 下载</el-link>
+                                </template>
+                              </el-table-column>
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                           <el-table-column prop="logisticsIsTender" label="是否投标" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                <el-tag v-if="scope.row.processingIsTender == 0" type="info">未投标</el-tag>
+                                <el-tag v-if="scope.row.processingIsTender == 1" type="warning">有投标</el-tag>
+                              </template>
+                            </el-table-column>
+                          <el-table-column prop="tenderLogisticsRule" label="中标规则" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.rule == 1" type="success" effect="plain">价低者得</el-tag>
+                                  <el-tag v-if="scope.row.rule == 2" effect="plain" >价高者得</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="distanceStation" width="100" label="距最近车站码头距离km" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+                        
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <!-- <el-table-column prop="createTime" 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
+                              :current-page.sync="param.current"
+                              :page-size="param.size"
+                              layout="total, sizes, prev, pager, next, jumper"
+                              :total="total1"
+                              :page-sizes="[10, 20, 30, 50]"
+                              background
+                              @size-change="handleSizeChangeParam"
+                              @current-change="handleCurrentChangeParam"
+                            />
+                          </div>
+                  <!-- <div style="height:60px"></div> -->
+                    </div>
+
+                </el-tab-pane>
+                <el-tab-pane label="投标详情" name="second">
+                   <!-- <el-card class="box-card" shadow="nerver"> -->
+                      <!-- <div slot="header" class="clearfix">
+                        <span class="topClass">投标详情</span>
+                      </div> -->
+                              <ckTable ref="ckTable" @change="costPlannedAmountChange($event)"></ckTable>
+                   <!-- </el-card> -->
+                </el-tab-pane>
+              </el-tabs>
+             
+                      </el-card>
+          <el-dialog :append-to-body="true" :visible.sync="dialog" :title="isAdd ? '投标' : '修标'" width="50%">
+                      <el-form ref="form" :model="form" :rules="rules1" label-width="80px">
+                        <el-form-item label="货物名称">
+                           <!-- <span>{{form.biddingLogisticsRemark}}</span> -->
+                           <el-tag>{{form.goodsName}}</el-tag>
+                            <!-- <el-input  v-model="form.goodsName" style="width:50%" readonly></el-input> -->
+                        </el-form-item>
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="始发车站" prop="departureStation">
+                              <el-input v-model="form.departureStation" style="width: 80%;" placeholder="请输入始发车站"></el-input>
+                            </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="目的车站" prop="destinationStation">
+                                <el-input v-model="form.destinationStation" style="width: 80%;" placeholder="请输入目的车站"></el-input>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+                        
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="包装方式" prop="packingWay">
+                              <el-select v-model="form.packingWay" style="width: 80%;"  filterable placeholder="请选择包装方式">
+                                  <el-option
+                                    v-for="item in packingWay"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
+                            </el-form-item>
+                           </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                           <el-form-item label="运输方式" prop="transportMode">
+                             <el-select v-model="form.transportMode" style="width: 80%;"  filterable placeholder="请选择包装方式">
+                                <el-option
+                                  v-for="item in transportMode"
+                                  :key="item.id"
+                                  :label="item.name"
+                                  :value="item.id"
+                                />
+                              </el-select>
+                           </el-form-item>
+                        </el-col>
+                        </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="数量" prop="quantity">
+                              <el-input v-model="form.quantity" readonly style="width: 80%;" placeholder="数量"><template slot="append">(吨)</template></el-input>
+                           <!-- <span style="fontSize:16px" effect="plain">{{form.quantity}} (吨)</span> -->
+                            <!-- <el-input v-model="form.quantity" style="width: 80%;" placeholder="请输入数量"></el-input> -->
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="投标价格" prop="logisticsBiddingPrice">
+                              <el-input v-model="form.logisticsBiddingPrice" style="width: 80%;" placeholder="请输入金额"><template slot="append">(吨/元)</template></el-input>
+                              <!-- <el-input v-model="form.logisticsBiddingPrice" @input="onlogistiicsPrice" style="width: 80%;" placeholder="请输入金额"><template slot="append">(吨/元)</template></el-input> -->
+                              <!-- <div style="color:#909399;fontSize:15px"> * <span style="color:#909399;fontSize:13px;position: relative;top:-5px">最大价格 {{form.transportUnitPrice}} </span> </div> -->
+                            </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                            <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="合计" prop="quantity">
+                              <el-input  :value="form.logisticsBiddingPrice ? (form.quantity *form.logisticsBiddingPrice).toFixed(4) : 0" readonly style="width: 80%;" placeholder="请输入金额"><template slot="append">(元)</template></el-input>
+                           <!-- <span style="fontSize:16px"  effect="plain">{{}} (吨/元)</span> -->
+                           <!-- <el-tag  style="fontSize:14px"  effect="plain">{{form.logisticsBiddingPrice=="NAN" ? (form.quantity *form.logisticsBiddingPrice).toFixed(4) : 0}} (吨/元)</el-tag> -->
+                            <!-- <el-input v-model="form.quantity" style="width: 80%;" placeholder="请输入数量"></el-input> -->
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                               <el-form-item label="上传凭证" >
+                              <el-upload
+                                  class="upload-demo"
+                                  :limit="1"
+                                  :on-preview="handlePreview"
+                                  :on-change="handleChange"
+                                  :on-remove="handleRemove"
+                                  :before-remove="beforeRemove"
+                                  :on-exceed="handleExceed"
+                                  :action="BASE_API+'/common/bidding/voucher'"
+                                  name="multipartFile"
+                                  list-type="text"
+                                  :file-list="fileList"
+                                  multiple
+                                >
+                                    <el-button class="el-icon-upload" >上传凭证</el-button>
+                                </el-upload>
+                            </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="联系电话" prop="phone">
+                            <el-input v-model="form.phone" style="width: 80%;" placeholder="请输入联系电话"></el-input>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="备注" prop="biddingLogisticsRemark">
+                                <el-input
+                                  v-model="form.biddingLogisticsRemark"
+                                  type="textarea"
+                                  style="width: 93%;"
+                                  :autosize="{ minRows: 2, maxRows: 10}"
+                                  maxlength="500"
+                                  show-word-limit
+                                  placeholder="请输入内容"
+                                />
+                              </el-form-item>
+                          </el-col>
+                        </el-row>
+                      </el-form>
+                      <div slot="footer" class="dialog-footer">
+                        <el-button @click="dialog = false">取消</el-button>
+                        <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+                      </div>
+                    </el-dialog>
+            
+                   <div slot="footer" class="paginationParam" style="paddingRight:">
+                    <!-- <el-button @click="viewDialog = false">取消</el-button> -->
+                    <el-button :loading="loading" type="primary" @click="viewDialog = false">返回</el-button>
+                  </div>
+
+                         <el-dialog :title="goodsName" width="90%" center :visible.sync="dialogTableVisible" append-to-body>
+                               <ckDialog ref="ckDialog"></ckDialog>
+                          </el-dialog>
+
+    </el-dialog>
+    </div>
+</template>
+
+<script>
+
+import {  getTenderProcessing } from '@/api/bid'
+import { Notification, MessageBox } from 'element-ui'
+
+import ckTable from './table.vue'
+import ckDialog from './dialog.vue'
+export default {
+   components:{
+    ckTable,
+    ckDialog
+  },
+  data() {
+    const checkTel = (rule, value, callback) => {
+      if (value == null) {
+        callback(new Error('请选择附件'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      form: {
+      },
+      data: [{}],
+      active:0,
+      BASE_API: process.env.BASE_API,
+      dialog: false,
+      loading: false,
+      delLoading: false,
+      tableLoading:false,
+      viewDialog: false,
+      isAdd: false,
+      currentPage: 1,
+      pageSize: 10,
+      total: 0, // 总数量
+      rules1:{
+        departureStation:[
+          { required: true, message: '始发车站不为空', trigger: 'blur' },
+        ],
+         destinationStation:[
+          { required: true, message: '目的车站不为空', trigger: 'blur' },
+        ],
+         logisticsBiddingPrice:[
+          { required: true, message: '投标价格不为空', trigger: 'blur' },
+        ],
+         packingWay:[
+          { required: true, message: '包装方式不为空', trigger: 'blur' },
+        ],
+         phone:[
+          { required: true, message: '联系电话不为空', trigger: 'blur' },
+        ],
+         transportMode:[
+          { required: true, message: '运输方式不为空', trigger: 'blur' },
+        ],
+      },
+      rules: {
+
+        price: [
+          { required: true, message: '报价金额不为空', trigger: 'blur' },
+        ],
+        appendix: [
+          // { type:"array",required: true, message: '附件不为空', trigger: 'blur' },
+          { validator: checkTel, trigger: 'blur' }
+        ]
+      },
+      query: {
+        type: '',
+        value: '',
+         tenderRule:"",
+        tenderType:"",
+        startTime:"",
+        endTime:""
+      },
+      fileList: [],
+      param: {
+        current: 1,
+        size: 10
+      },
+      total1: 0,
+      Paramdata: [],
+      applyDateStart:[],
+      dialogTableData:[],
+       level:[
+        {id:1,name:"二级"},
+        {id:2,name:"三级"},
+
+      ],
+      deliveryMethod:[
+        {id:1,name:"自提"},
+        {id:2,name:"送货到厂"},
+      ],
+      packingWay:[],
+      transportMode:[
+        {id:1,name:"汽运"},
+        {id:2,name:"火车运输"},
+        {id:3,name:"船运"},
+        {id:4,name:"汽运/火车运输/船运"},
+        {id:5,name:"汽运/火车运输"},
+        {id:6,name:"汽运/船运"},
+      ],
+       activeName: 'first',
+       dialogTableVisible:false,
+       goodsName:"",
+       bidInfo:{}
+    }
+  },
+  created() {
+    // this.getDictData()
+  },
+  methods: {
+    // 投标详情 向父元素传递数据
+    costPlannedAmountChange(val){
+      console.log(val,"我是val234")
+ 
+      this.dialogTableVisible = true
+      setTimeout(() => {
+        this.goodsName = val.goodsName
+      val.target = this.bidInfo.target
+      // //  this.$refs.ckDialog.historyValue = 0
+      //  this.$refs.ckDialog.goodsName = ""
+      //  this.$refs.ckDialog.priceData = val
+      // this.$refs.ckDialog.getTenantList()
+      //   console.log(this.$refs.ckDialog)
+       this.goodsName = val.goodsName
+          this.$refs.ckDialog.historyValue = 0
+          this.$refs.ckDialog.goodsName = ""
+          this.$refs.ckDialog.priceData = val
+          this.$refs.ckDialog.handleFind()
+      }, 300);
+    },
+    // 价格投标不能大于合计
+    onlogistiicsPrice(val){
+      console.log(val)
+       if(val>this.form.transportUnitPrice){
+         this.form.logisticsBiddingPrice = this.form.transportUnitPrice
+         console.log("我是大于")
+       }
+       if(val.indexOf('.') !== -1 && val == '.'){
+         this.form.logisticsBiddingPrice =0
+       }
+       if(val== "+" || val== "-"){
+         this.form.logisticsBiddingPrice = 0
+       }
+       if(val<0){
+         this.form.logisticsBiddingPrice = 0
+       }
+    },
+    onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.param.startTime =this.applyDateStart[0]
+              this.param.endTime = this.applyDateStart[1]
+            }else{
+              this.param.startTime =""
+              this.param.endTime =""
+            }
+
+      this.getParamFexd()
+    },
+    next() {
+      console.log(this.$refs.ckTable)
+        if (this.active++ > 2) this.active = 0;
+        this.dialogTableData = this.$refs.ckTable.SelectionList
+      },
+      handleSelectionChange(row){
+        
+      },
+    // 获取详情
+    getDictData: function() {
+      this.loading = true
+        const params = new URLSearchParams()
+      params.append('current', this.currentPage)
+      params.append('size', this.pageSize)
+      params.append('tenderType', this.query.tenderType)
+      params.append('tenderTitle', this.query.value)
+      params.append('tenderRule', this.query.tenderRule)
+      params.append('startTime',this.query.startTime )
+      params.append('endTime', this.query.endTime)
+
+      getTableList(params).then(res => {
+          console.log(res)
+        // this.data = res.data.data.records
+        let data = res.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.isInvalid == 2){
+             res.status = 3
+            console.log("作废了")
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 1
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 2
+            console.log("当前时间大于投标结束时间，已结束")
+          }
+
+          return res
+        })
+        this.data = data
+        this.total = res.data.data.total
+        this.loading = false
+      })
+    },
+
+    // 搜索
+    handleFind: function() {
+      this.currentPage = 1
+      this.getDictData()
+    },
+
+    // 文件移除的时候
+    handleRemove(file, fileList) {
+      this.form.voucherFile = ''
+      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.form.voucherFile = file.response.data.filePath
+        } else {
+          Notification.error({
+            title: file.response.msg,
+            duration: 1000
+          })
+          this.fileList = []
+        }
+      }
+    },
+    // 点击文件列表中已上传的文件时的钩子
+    handlePreview(file) {
+      console.log(file, 'file1')
+      // window.location.href = file.url
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个附件，本次选择了 ${files.length} 个文件`)
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`)
+    },
+    // 下载
+    onLoad(row) {
+      // const params = new URLSearchParams()
+      // params.append('path', row)
+      const a = document.createElement('a')
+      // a.href= /bidding/load
+      const url = window.location.origin + process.env.BASE_API + '/bidding/load?path=' + encodeURIComponent(row)
+      a.href = url
+      a.click()
+    },
+
+    // 字典名称提交动作
+    doSubmit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.isAdd) {
+            // 新增字典
+            console.log(this.form)
+            this.loading = true
+            getQueryAdd(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.loading = false
+              this.getDictData()
+              this.$refs['form'].resetFields()
+            }).catch(err => {
+              this.loading = false
+            })
+          } else {
+            // 更新字典
+            getQueryEdit(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.getDictData()
+            })
+          }
+        }
+      })
+    },
+    // 添加字典
+    handleAdd: function(row) {
+      this.dialog = true
+      this.isAdd = true
+      this.form = {}
+      this.fileList = []
+      this.form.tenderLogisticsId = row.logisticsBidId
+      this.form.tenderParentId = this.param.tenderParentId
+      this.form.quantity = row.goodsNumber
+      this.form.goodsName = row.goodsName
+      this.form.transportUnitPrice = row.transportUnitPrice
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+    },
+    // 编辑字典
+    handleEdit: function(row) {
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+      this.dialog = true
+      this.isAdd = false
+      this.form = row.bidding
+      this.form.priceQuotes = row.priceQuotes
+      if (this.form.appendix) {
+        let name = this.form.appendix.split('bidding/')
+        name = name.pop()
+        // let name = data.appendix.replace(/(.*\/)*([^.]+).*/ig, "$2");
+        this.fileList = [{ name: name, url: this.form.appendix }]
+      }
+    },
+    handleClick(row,val){
+      console.log(row,val)
+      if(row.name == "second"){
+       this.$refs.ckTable.tenderParentId = this.param.tenderParentId
+        // this.$refs.ckTable.getTenantList()
+        this.$refs.ckTable.productName = ""
+        this.$refs.ckTable.handleFind()
+      }
+    },
+
+    // 所有标的搜索
+    getParamFexd(){
+      this.param.current = 1
+      this.getParam()
+    },
+    // 所有标的列表数据
+    getParam() {
+      const data = this.param
+      this.tableLoading = true
+      getTenderProcessing(data).then((res) => {
+       console.log(this.bidInfo, 'bidInfo')
+        let data = res.data.data.records
+         data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于投标结束时间，待处理")
+          }
+
+          return res
+        })
+        this.Paramdata = data
+        this.tableLoading = false
+        this.total1 = res.data.data.total
+      })
+    },
+
+    // 换页
+    handleCurrentChange: function(val) {
+      this.currentPage = val
+      this.getDictData()
+    },
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.getDictData()
+    },
+    handleCurrentChangeParam(val) {
+      this.param.current = val
+      this.getParam()
+    },
+    handleSizeChangeParam(val) {
+      this.param.size = val
+      this.getParam()
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+/* 去掉上传附件时候的过度效果 */
+  ::v-deep .el-upload-list__item{transition: none !important;}
+  ::v-deep .el-textarea__inner{
+  padding-bottom: 36px;
+}
+.btn_fixed{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  padding: 15px 50px;
+  width: 100%;
+  text-align: right;
+  background: #f5f5f5;
+
+}
+.ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+.paginationParam{
+  // position: fixed;
+  // bottom: 50px;
+  bottom: 0;
+  left: 0;
+  line-height: 80px;
+  width: 100%;
+  // left: 45%;
+  // text-align: right;
+  z-index: 999;
+  background: #fff;
+}
+/deep/ .el-tabs__item{
+  font-size: 16px !important;
+  // padding: 35px  ;
+}
+.el-card {
+  border: 0px solid #fff;
+}
+.clearfix {
+    line-height: 20px;
+    font-size: 18px;
+    font-weight: 600;
+    color: #409EFF;
+}
+/deep/.el-dialog.is-fullscreen {
+
+    background-color: #f5f7f9;
+}
+.box-card{
+  margin-bottom: 20px;
+  .row-bg{
+  padding: 15px 40px 0 40px;
+  .flex_text{
+    line-height: 50px;
+    color: #8C8C8C;
+    font-size: 14px;
+    // border:1px solid red;
+    // font-weight: 600;
+  }
+  .flex_name{
+    font-size: 14px;
+    padding-left: 25px;
+    color: #575757;
+    font-weight: 550;
+  }
+}
+}
+/deep/ .el-card__body{
+  padding: 20px 0;
+}
+/deep/.el-tabs__nav-wrap::after {
+
+    background-color: #dfe4ed00;  
+}
+/deep/ .el-dialog--center .el-dialog__body {
+    text-align: initial;
+    padding: 25px 25px 0px 30px;
+}
+
+/deep/ .el-tabs--border-card{
+  // border-top:1px ;
+  border-bottom: 0px;
+
+ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5)
+}
+
+</style>
+

src/views/bid/tender5/dialog.vue

@@ -0,0 +1,380 @@
+<template>
+  <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" />
+          </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>
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+        <el-table-column prop="customerName" width="150" label="客户名称" :show-overflow-tooltip="true" align="center" />
+        <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="level"   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 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="storageAssistFee" width="100" label="出库辅助费" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="rentalFee"  label="租赁费" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="processFee"  label="加工费" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="biddingPrice" width="100" label="投标价格" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="phone" width="152" label="联系电话" :show-overflow-tooltip="true" align="center" />
+            <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-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;dataForm=scope.row">中标</el-button> -->
+            <!-- :disabled="scope.row.biddingStatus !=7" -->
+             <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>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+        :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </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>
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getBiddingList,getCustomerName,getContract } from '@/api/bid'
+import { Notification, MessageBox } from 'element-ui'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: {},
+      SelectionList:[],
+      goodsName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      history:[
+        {id:0,name:"否"},
+        {id:1,name:"是"}
+      ],
+      historyValue:"",
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: 1,
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      fileData:{},
+      userDataList:[],
+      startTime:"",
+      endTime:"",
+        isShow:true
+    }
+  },
+  created() {
+    this.onCustmerName()
+    console.log('res')
+  },
+  methods: {
+          // 置中标
+    changeBid(){
+      console.log(this.dataForm)
+      console.log(this.priceData,"priceData")
+      getContract(this.dataForm.tenderProcessingId,this.dataForm.biddingProcessingId,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)
+            this.userDataList = res.data.data
+        })
+    },
+      onshow(){
+          this.isShow = !this.isShow
+      },
+    parseTime,
+    getTenantList: function() {
+        console.log(this.priceData)
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.priceData.tenderParentId)
+      params.append('customerId', this.goodsName)
+      params.append('isHistory', this.historyValue)
+      params.append('biddingProcessingId', this.priceData.tenderProcessingId)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      this.loading =true
+      getBiddingList(params).then(response => {
+        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
+
+          const date = new Date(startTime)
+          const start = date.valueOf()         //开始时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          if(res.biddingStatus < 7){
+              console.log("我不满足")
+                if(time < start){
+                    res.biddingStatus = 5
+                    console.log("当前时间小于投标时间，已投递")
+                }else if(time > start){
+                    res.biddingStatus = 6
+                    console.log("当前时间小于投标时间，审核中")
+                }
+          }
+          return res
+        })
+        console.log(data)
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = 1
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+.pagination{
+  padding-bottom: 30px;
+}
+</style>
+

src/views/bid/tender5/table.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="" style="margin: 30px 0 10px 0;">
+    <!-- 查询和其他操作 -->
+    <div>
+      <span style="font-size:14px">品种：</span>
+      <el-input
+        v-model="productName"
+        clearable
+        placeholder="请输入品种"
+        style="width: 200px;margin-bottom:20px"
+        size="small"
+         @keyup.enter.native="handleFind"
+         @clear="handleFind"
+        class="filter-item"
+      />
+          <!-- <span style="fontSize:13px;marginLeft:20px">投标时间</span>
+            <el-date-picker
+              v-model="applyDateStart"
+              size="mini"
+              type="datetimerange"
+              style="width: 280px;"
+              range-separator="-"
+              clearable
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :default-time="['00:00:00', '23:59:59']"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+             @change="onApplyDate"
+             @clear="onApplyDate"
+            />
+ -->
+
+
+      <el-button style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="handleFind">查询
+      </el-button>
+    </div>
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+
+           <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   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.receiptPathUrl ? false : true" :href="scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 下载</el-link>
+                                </template>
+                              </el-table-column>
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                          <!-- <el-table-column prop="processingIsTender" label="是否投标" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.processingIsTender == 0" type="success" effect="plain">是</el-tag>
+                                  <el-tag v-if="scope.row.processingIsTender == 1" effect="plain" >否</el-tag>
+                              </template>
+                            </el-table-column> -->
+                        
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="remark" label="备注" width="162" :show-overflow-tooltip="true" align="center" />
+        <el-table-column label="操作" width="250" fixed="right" align="center">
+        <template slot-scope="scope">
+
+          <!-- <el-button  slot="reference" type="text" :disabled="scope.row.status !=3" icon="el-icon-plus" @click="handleAdd(scope.row)">投标</el-button> -->
+          <el-button  slot="reference" icon="el-icon-view" type="text" @click="handleView(scope.row)">查看更多</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+        :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </div>
+
+
+
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getTenderInfoList } from '@/api/bid'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: [],
+      SelectionList:[],
+      productName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: 1,
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      startTime:"",
+      endTime:"",
+        // dialogTableVisible:false
+    }
+  },
+  created() {
+    // this.getTenantList()
+    console.log('res')
+  },
+  methods: {
+        handleAdd(row){
+      this.$emit("onAdd",row)
+    },
+      handleView(row){
+          console.log("我被点击了")
+            this.$emit('change',row)
+        //   this.$parent.dialogTableVisible = true
+      },
+    parseTime,
+    getTenantList: function() {
+      this.loading = true
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.tenderParentId)
+      params.append('breeds', this.productName)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      getTenderInfoList(params).then(response => {
+        console.log(response)
+        this.loading = false
+          let data = response.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+          if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于投标结束时间，待处理")
+          }
+          return res
+        })
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = 1
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+
+</style>
+

src/views/bid/tender5/tender.vue

@@ -0,0 +1,859 @@
+<template>
+    <div>
+          <el-dialog :append-to-body="true" fullscreen :visible.sync="viewDialog" title="" center>
+                  <el-card class="box-card" shadow="nerver">
+                    <div slot="header" class="clearfix">
+                      <span class="topClass">基本信息</span>
+                    </div>
+
+                    <el-row type="flex" class="row-bg">
+                       <el-col :span="8" class="flex_text">
+                         　　标题 : <span class="flex_name"> {{bidInfo.tenderTitle}}</span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         　　状态 : <span class="flex_name"> <el-tag effect="plain" v-if="bidInfo.status ==1">进行中</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==2" type="info">已结束</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==3" type="danger">已作废</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==4" type="warning">未开始</el-tag>
+                                </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         招标类型 :  <span class="flex_name"><el-tag v-if="bidInfo.tenderType == 1"  >物流</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 2" >原料</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 3" >销售</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽</el-tag>
+                                    </span>
+                       </el-col>
+                    </el-row>
+                     <el-row type="flex" class="row-bg">
+                       <el-col :span="8" class="flex_text">
+                         招标规则 : <span class="flex_name">    <el-tag v-if="bidInfo.tenderRule == 1" type="success" effect="plain">价低者得</el-tag>
+          <el-tag v-if="bidInfo.tenderRule == 2" effect="plain" >价高者得</el-tag></span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         开始时间 : <span class="flex_name"> {{bidInfo.startTime}} </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         截止时间 :  <span class="flex_name">{{bidInfo.endTime}}
+                                    </span>
+                       </el-col>
+                    </el-row>
+                    <el-row type="flex" class="row-bg">
+                       <el-col :span="24" class="flex_text">
+                         　　 备注：<span class="flex_name">{{bidInfo.tenderRemark}}</span>
+                       </el-col>
+                    </el-row>
+                  </el-card>
+                   <el-card class="box-card" shadow="nerver">
+                        <div slot="header" class="clearfix">
+                          <span class="topClass"> 所有标的</span>
+                        </div>
+                      <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
+                        <el-tab-pane label="标的详情" name="first">
+
+                          <div class="head-container" style="margin: 30px 0 10px 0;">
+                            <span style="fontSize:13px">品种</span>
+                              <el-input
+                                v-model="param.breeds"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <span style="fontSize:13px;marginLeft:20px">产地</span>
+                              <el-input
+                                v-model="param.comesFrom"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <!-- <span style="fontSize:13px;marginLeft:20px">交付方式</span>
+                               <el-select v-model="param.deliveryMethod" style="width:200px;" size="small"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择交付方式">
+                                  <el-option
+                                    v-for="item in deliveryMethod"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
+                            <span style="fontSize:13px;marginLeft:20px">等级</span>
+                              <el-select v-model="param.level" size="small" style="width: 200px;"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择等级">
+                                  <el-option
+                                    v-for="item in level"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select> -->
+                            <!-- <span style="fontSize:13px;marginLeft:30px;">是否作废</span>
+                            <el-select v-model="param.rawIsTender" size="small"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable placeholder="请选择">
+                                <el-option  label="未作废" value="0"> </el-option>
+                                <el-option  label="已作废" value="1"> </el-option>
+                              </el-select> -->
+                            <span style="fontSize:13px;marginLeft:20px">发标时间</span>
+                              <el-date-picker
+                                v-model="applyDateStart"
+                                size="small"
+                                type="datetimerange"
+                                style="width: 400px;"
+                                range-separator="-"
+                                clearable
+                                value-format="yyyy-MM-dd HH:mm:ss"
+                                :default-time="['00:00:00', '23:59:59']"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                              @change="onApplyDate"
+                              @clear="onApplyDate"
+                              />
+                              <div style="text-align: right;margin-right:40px">
+                                   <el-button class="filter-item" style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="getParamFexd">搜索</el-button>
+                              </div>
+                          <div style="height:20px"></div>
+                          <el-table center :data="Paramdata" :header-cell-style="{ background: '#f5f7fa', }" border v-loading="tableLoading" stripe style="width: 100%;">
+
+                            <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="trustBuyLocation" width="160"  label="委托收购库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="concreteStorageLocation"  width="150"  label="实际存储库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   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.receiptPathUrl ? false : true" :href="scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 下载</el-link>
+                                </template>
+                              </el-table-column>
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                           <el-table-column prop="logisticsIsTender" label="是否投标" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                <el-tag v-if="scope.row.processingIsTender == 0" type="info">未投标</el-tag>
+                                <el-tag v-if="scope.row.processingIsTender == 1" type="warning">有投标</el-tag>
+                              </template>
+                            </el-table-column>
+                          <el-table-column prop="tenderLogisticsRule" label="中标规则" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.rule == 1" type="success" effect="plain">价低者得</el-tag>
+                                  <el-tag v-if="scope.row.rule == 2" effect="plain" >价高者得</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="distanceStation" width="100" label="距最近车站码头距离km" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+                        
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <!-- <el-table-column prop="createTime" 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
+                              :current-page.sync="param.current"
+                              :page-size="param.size"
+                              layout="total, sizes, prev, pager, next, jumper"
+                              :total="total1"
+                              :page-sizes="[10, 20, 30, 50]"
+                              background
+                              @size-change="handleSizeChangeParam"
+                              @current-change="handleCurrentChangeParam"
+                            />
+                          </div>
+                  <!-- <div style="height:60px"></div> -->
+                    </div>
+
+                </el-tab-pane>
+                <el-tab-pane label="投标详情" name="second">
+                   <!-- <el-card class="box-card" shadow="nerver"> -->
+                      <!-- <div slot="header" class="clearfix">
+                        <span class="topClass">投标详情</span>
+                      </div> -->
+                              <ckTable ref="ckTable" @change="costPlannedAmountChange($event)"></ckTable>
+                   <!-- </el-card> -->
+                </el-tab-pane>
+              </el-tabs>
+             
+                      </el-card>
+          <el-dialog :append-to-body="true" :visible.sync="dialog" :title="isAdd ? '投标' : '修标'" width="50%">
+                      <el-form ref="form" :model="form" :rules="rules1" label-width="80px">
+                        <el-form-item label="货物名称">
+                           <!-- <span>{{form.biddingLogisticsRemark}}</span> -->
+                           <el-tag>{{form.goodsName}}</el-tag>
+                            <!-- <el-input  v-model="form.goodsName" style="width:50%" readonly></el-input> -->
+                        </el-form-item>
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="始发车站" prop="departureStation">
+                              <el-input v-model="form.departureStation" style="width: 80%;" placeholder="请输入始发车站"></el-input>
+                            </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="目的车站" prop="destinationStation">
+                                <el-input v-model="form.destinationStation" style="width: 80%;" placeholder="请输入目的车站"></el-input>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+                        
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="包装方式" prop="packingWay">
+                              <el-select v-model="form.packingWay" style="width: 80%;"  filterable placeholder="请选择包装方式">
+                                  <el-option
+                                    v-for="item in packingWay"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
+                            </el-form-item>
+                           </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                           <el-form-item label="运输方式" prop="transportMode">
+                             <el-select v-model="form.transportMode" style="width: 80%;"  filterable placeholder="请选择包装方式">
+                                <el-option
+                                  v-for="item in transportMode"
+                                  :key="item.id"
+                                  :label="item.name"
+                                  :value="item.id"
+                                />
+                              </el-select>
+                           </el-form-item>
+                        </el-col>
+                        </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="数量" prop="quantity">
+                              <el-input v-model="form.quantity" readonly style="width: 80%;" placeholder="数量"><template slot="append">(吨)</template></el-input>
+                           <!-- <span style="fontSize:16px" effect="plain">{{form.quantity}} (吨)</span> -->
+                            <!-- <el-input v-model="form.quantity" style="width: 80%;" placeholder="请输入数量"></el-input> -->
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="投标价格" prop="logisticsBiddingPrice">
+                              <el-input v-model="form.logisticsBiddingPrice" style="width: 80%;" placeholder="请输入金额"><template slot="append">(吨/元)</template></el-input>
+                              <!-- <el-input v-model="form.logisticsBiddingPrice" @input="onlogistiicsPrice" style="width: 80%;" placeholder="请输入金额"><template slot="append">(吨/元)</template></el-input> -->
+                              <!-- <div style="color:#909399;fontSize:15px"> * <span style="color:#909399;fontSize:13px;position: relative;top:-5px">最大价格 {{form.transportUnitPrice}} </span> </div> -->
+                            </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                            <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="合计" prop="quantity">
+                              <el-input  :value="form.logisticsBiddingPrice ? (form.quantity *form.logisticsBiddingPrice).toFixed(4) : 0" readonly style="width: 80%;" placeholder="请输入金额"><template slot="append">(元)</template></el-input>
+                           <!-- <span style="fontSize:16px"  effect="plain">{{}} (吨/元)</span> -->
+                           <!-- <el-tag  style="fontSize:14px"  effect="plain">{{form.logisticsBiddingPrice=="NAN" ? (form.quantity *form.logisticsBiddingPrice).toFixed(4) : 0}} (吨/元)</el-tag> -->
+                            <!-- <el-input v-model="form.quantity" style="width: 80%;" placeholder="请输入数量"></el-input> -->
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                               <el-form-item label="上传凭证" >
+                              <el-upload
+                                  class="upload-demo"
+                                  :limit="1"
+                                  :on-preview="handlePreview"
+                                  :on-change="handleChange"
+                                  :on-remove="handleRemove"
+                                  :before-remove="beforeRemove"
+                                  :on-exceed="handleExceed"
+                                  :action="BASE_API+'/common/bidding/voucher'"
+                                  name="multipartFile"
+                                  list-type="text"
+                                  :file-list="fileList"
+                                  multiple
+                                >
+                                    <el-button class="el-icon-upload" >上传凭证</el-button>
+                                </el-upload>
+                            </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="联系电话" prop="phone">
+                            <el-input v-model="form.phone" style="width: 80%;" placeholder="请输入联系电话"></el-input>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="备注" prop="biddingLogisticsRemark">
+                                <el-input
+                                  v-model="form.biddingLogisticsRemark"
+                                  type="textarea"
+                                  style="width: 93%;"
+                                  :autosize="{ minRows: 2, maxRows: 10}"
+                                  maxlength="500"
+                                  show-word-limit
+                                  placeholder="请输入内容"
+                                />
+                              </el-form-item>
+                          </el-col>
+                        </el-row>
+                      </el-form>
+                      <div slot="footer" class="dialog-footer">
+                        <el-button @click="dialog = false">取消</el-button>
+                        <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+                      </div>
+                    </el-dialog>
+            
+                   <div slot="footer" class="paginationParam" style="paddingRight:">
+                    <!-- <el-button @click="viewDialog = false">取消</el-button> -->
+                    <el-button :loading="loading" type="primary" @click="viewDialog = false">返回</el-button>
+                  </div>
+
+                         <el-dialog :title="goodsName" width="90%" center :visible.sync="dialogTableVisible" append-to-body>
+                               <ckDialog ref="ckDialog"></ckDialog>
+                          </el-dialog>
+
+    </el-dialog>
+    </div>
+</template>
+
+<script>
+
+import {  getTenderProcessing } from '@/api/bid'
+import { Notification, MessageBox } from 'element-ui'
+
+import ckTable from './table.vue'
+import ckDialog from './dialog.vue'
+export default {
+   components:{
+    ckTable,
+    ckDialog
+  },
+  data() {
+    const checkTel = (rule, value, callback) => {
+      if (value == null) {
+        callback(new Error('请选择附件'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      form: {
+      },
+      data: [{}],
+      active:0,
+      BASE_API: process.env.BASE_API,
+      dialog: false,
+      loading: false,
+      delLoading: false,
+      tableLoading:false,
+      viewDialog: false,
+      isAdd: false,
+      currentPage: 1,
+      pageSize: 10,
+      total: 0, // 总数量
+      rules1:{
+        departureStation:[
+          { required: true, message: '始发车站不为空', trigger: 'blur' },
+        ],
+         destinationStation:[
+          { required: true, message: '目的车站不为空', trigger: 'blur' },
+        ],
+         logisticsBiddingPrice:[
+          { required: true, message: '投标价格不为空', trigger: 'blur' },
+        ],
+         packingWay:[
+          { required: true, message: '包装方式不为空', trigger: 'blur' },
+        ],
+         phone:[
+          { required: true, message: '联系电话不为空', trigger: 'blur' },
+        ],
+         transportMode:[
+          { required: true, message: '运输方式不为空', trigger: 'blur' },
+        ],
+      },
+      rules: {
+
+        price: [
+          { required: true, message: '报价金额不为空', trigger: 'blur' },
+        ],
+        appendix: [
+          // { type:"array",required: true, message: '附件不为空', trigger: 'blur' },
+          { validator: checkTel, trigger: 'blur' }
+        ]
+      },
+      query: {
+        type: '',
+        value: '',
+         tenderRule:"",
+        tenderType:"",
+        startTime:"",
+        endTime:""
+      },
+      fileList: [],
+      param: {
+        current: 1,
+        size: 10
+      },
+      total1: 0,
+      Paramdata: [],
+      applyDateStart:[],
+      dialogTableData:[],
+       level:[
+        {id:1,name:"二级"},
+        {id:2,name:"三级"},
+
+      ],
+      deliveryMethod:[
+        {id:1,name:"自提"},
+        {id:2,name:"送货到厂"},
+      ],
+      packingWay:[],
+      transportMode:[
+        {id:1,name:"汽运"},
+        {id:2,name:"火车运输"},
+        {id:3,name:"船运"},
+        {id:4,name:"汽运/火车运输/船运"},
+        {id:5,name:"汽运/火车运输"},
+        {id:6,name:"汽运/船运"},
+      ],
+       activeName: 'first',
+       dialogTableVisible:false,
+       goodsName:"",
+       bidInfo:{}
+    }
+  },
+  created() {
+    // this.getDictData()
+  },
+  methods: {
+    // 投标详情 向父元素传递数据
+    costPlannedAmountChange(val){
+      console.log(val,"我是val234")
+ 
+      this.dialogTableVisible = true
+      setTimeout(() => {
+        this.goodsName = val.goodsName
+      // //  this.$refs.ckDialog.historyValue = 0
+      //  this.$refs.ckDialog.goodsName = ""
+      //  this.$refs.ckDialog.priceData = val
+      // this.$refs.ckDialog.getTenantList()
+      //   console.log(this.$refs.ckDialog)
+       this.goodsName = val.goodsName
+          this.$refs.ckDialog.historyValue = 0
+          this.$refs.ckDialog.goodsName = ""
+          this.$refs.ckDialog.priceData = val
+          this.$refs.ckDialog.handleFind()
+      }, 300);
+    },
+    // 价格投标不能大于合计
+    onlogistiicsPrice(val){
+      console.log(val)
+       if(val>this.form.transportUnitPrice){
+         this.form.logisticsBiddingPrice = this.form.transportUnitPrice
+         console.log("我是大于")
+       }
+       if(val.indexOf('.') !== -1 && val == '.'){
+         this.form.logisticsBiddingPrice =0
+       }
+       if(val== "+" || val== "-"){
+         this.form.logisticsBiddingPrice = 0
+       }
+       if(val<0){
+         this.form.logisticsBiddingPrice = 0
+       }
+    },
+    onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.param.startTime =this.applyDateStart[0]
+              this.param.endTime = this.applyDateStart[1]
+            }else{
+              this.param.startTime =""
+              this.param.endTime =""
+            }
+
+      this.getParamFexd()
+    },
+    next() {
+      console.log(this.$refs.ckTable)
+        if (this.active++ > 2) this.active = 0;
+        this.dialogTableData = this.$refs.ckTable.SelectionList
+      },
+      handleSelectionChange(row){
+        
+      },
+    // 获取详情
+    getDictData: function() {
+      this.loading = true
+        const params = new URLSearchParams()
+      params.append('current', this.currentPage)
+      params.append('size', this.pageSize)
+      params.append('tenderType', this.query.tenderType)
+      params.append('tenderTitle', this.query.value)
+      params.append('tenderRule', this.query.tenderRule)
+      params.append('startTime',this.query.startTime )
+      params.append('endTime', this.query.endTime)
+
+      getTableList(params).then(res => {
+          console.log(res)
+        // this.data = res.data.data.records
+        let data = res.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.isInvalid == 2){
+             res.status = 3
+            console.log("作废了")
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 1
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 2
+            console.log("当前时间大于投标结束时间，已结束")
+          }
+
+          return res
+        })
+        this.data = data
+        this.total = res.data.data.total
+        this.loading = false
+      })
+    },
+
+    // 搜索
+    handleFind: function() {
+      this.currentPage = 1
+      this.getDictData()
+    },
+
+    // 文件移除的时候
+    handleRemove(file, fileList) {
+      this.form.voucherFile = ''
+      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.form.voucherFile = file.response.data.filePath
+        } else {
+          Notification.error({
+            title: file.response.msg,
+            duration: 1000
+          })
+          this.fileList = []
+        }
+      }
+    },
+    // 点击文件列表中已上传的文件时的钩子
+    handlePreview(file) {
+      console.log(file, 'file1')
+      // window.location.href = file.url
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个附件，本次选择了 ${files.length} 个文件`)
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`)
+    },
+    // 下载
+    onLoad(row) {
+      // const params = new URLSearchParams()
+      // params.append('path', row)
+      const a = document.createElement('a')
+      // a.href= /bidding/load
+      const url = window.location.origin + process.env.BASE_API + '/bidding/load?path=' + encodeURIComponent(row)
+      a.href = url
+      a.click()
+    },
+
+    // 字典名称提交动作
+    doSubmit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.isAdd) {
+            // 新增字典
+            console.log(this.form)
+            this.loading = true
+            getQueryAdd(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.loading = false
+              this.getDictData()
+              this.$refs['form'].resetFields()
+            }).catch(err => {
+              this.loading = false
+            })
+          } else {
+            // 更新字典
+            getQueryEdit(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.getDictData()
+            })
+          }
+        }
+      })
+    },
+    // 添加字典
+    handleAdd: function(row) {
+      this.dialog = true
+      this.isAdd = true
+      this.form = {}
+      this.fileList = []
+      this.form.tenderLogisticsId = row.logisticsBidId
+      this.form.tenderParentId = this.param.tenderParentId
+      this.form.quantity = row.goodsNumber
+      this.form.goodsName = row.goodsName
+      this.form.transportUnitPrice = row.transportUnitPrice
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+    },
+    // 编辑字典
+    handleEdit: function(row) {
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+      this.dialog = true
+      this.isAdd = false
+      this.form = row.bidding
+      this.form.priceQuotes = row.priceQuotes
+      if (this.form.appendix) {
+        let name = this.form.appendix.split('bidding/')
+        name = name.pop()
+        // let name = data.appendix.replace(/(.*\/)*([^.]+).*/ig, "$2");
+        this.fileList = [{ name: name, url: this.form.appendix }]
+      }
+    },
+    handleClick(row,val){
+      console.log(row,val)
+      if(row.name == "second"){
+       this.$refs.ckTable.tenderParentId = this.param.tenderParentId
+        // this.$refs.ckTable.getTenantList()
+        this.$refs.ckTable.productName = ""
+        this.$refs.ckTable.handleFind()
+      }
+    },
+
+    // 所有标的搜索
+    getParamFexd(){
+      this.param.current = 1
+      this.getParam()
+    },
+    // 所有标的列表数据
+    getParam() {
+      const data = this.param
+      this.tableLoading = true
+      getTenderProcessing(data).then((res) => {
+       console.log(this.bidInfo, 'bidInfo')
+        let data = res.data.data.records
+         data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于投标结束时间，待处理")
+          }
+
+          return res
+        })
+        this.Paramdata = data
+        this.tableLoading = false
+        this.total1 = res.data.data.total
+      })
+    },
+
+    // 换页
+    handleCurrentChange: function(val) {
+      this.currentPage = val
+      this.getDictData()
+    },
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.getDictData()
+    },
+    handleCurrentChangeParam(val) {
+      this.param.current = val
+      this.getParam()
+    },
+    handleSizeChangeParam(val) {
+      this.param.size = val
+      this.getParam()
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+/* 去掉上传附件时候的过度效果 */
+  ::v-deep .el-upload-list__item{transition: none !important;}
+  ::v-deep .el-textarea__inner{
+  padding-bottom: 36px;
+}
+.btn_fixed{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  padding: 15px 50px;
+  width: 100%;
+  text-align: right;
+  background: #f5f5f5;
+
+}
+.ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+.paginationParam{
+  // position: fixed;
+  // bottom: 50px;
+  bottom: 0;
+  left: 0;
+  line-height: 80px;
+  width: 100%;
+  // left: 45%;
+  // text-align: right;
+  z-index: 999;
+  background: #fff;
+}
+/deep/ .el-tabs__item{
+  font-size: 16px !important;
+  // padding: 35px  ;
+}
+.el-card {
+  border: 0px solid #fff;
+}
+.clearfix {
+    line-height: 20px;
+    font-size: 18px;
+    font-weight: 600;
+    color: #409EFF;
+}
+/deep/.el-dialog.is-fullscreen {
+
+    background-color: #f5f7f9;
+}
+.box-card{
+  margin-bottom: 20px;
+  .row-bg{
+  padding: 15px 40px 0 40px;
+  .flex_text{
+    line-height: 50px;
+    color: #8C8C8C;
+    font-size: 14px;
+    // border:1px solid red;
+    // font-weight: 600;
+  }
+  .flex_name{
+    font-size: 14px;
+    padding-left: 25px;
+    color: #575757;
+    font-weight: 550;
+  }
+}
+}
+/deep/ .el-card__body{
+  padding: 20px 0;
+}
+/deep/.el-tabs__nav-wrap::after {
+
+    background-color: #dfe4ed00;  
+}
+/deep/ .el-dialog--center .el-dialog__body {
+    text-align: initial;
+    padding: 25px 25px 0px 30px;
+}
+
+/deep/ .el-tabs--border-card{
+  // border-top:1px ;
+  border-bottom: 0px;
+
+ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5)
+}
+
+</style>
+

src/views/client/record.vue

@@ -344,8 +344,8 @@
                   </el-form-item>
               </el-col>
               <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="8">
-                  <el-form-item label="联系方式" prop="phone" :label-width="formLabelWidth">
-                    <el-input v-model="dataForm.phone"  style="width:100%" placeholder="请输入联系方式" />
+                  <el-form-item label="联系电话" prop="phone" :label-width="formLabelWidth">
+                    <el-input v-model="dataForm.phone"  style="width:100%" placeholder="请输入联系电话" />
                   </el-form-item>
               </el-col>
           </el-row>

src/views/tender/index.vue

@@ -72,12 +72,12 @@
         </template>
       </el-table-column>
 
-      <el-table-column prop="description" :show-overflow-tooltip="true" label="招标类型" width="100" align="center">
+      <el-table-column prop="description" :show-overflow-tooltip="true" label="招标类型" width="130" align="center">
         <template slot-scope="scope"> 
           <el-tag v-if="scope.row.tenderType == 1"  >物流</el-tag>
           <el-tag v-if="scope.row.tenderType == 2" >原料</el-tag>
           <el-tag v-if="scope.row.tenderType == 3" >销售</el-tag>
-          <el-tag v-if="scope.row.tenderType == 4" >加工承揽</el-tag>
+          <el-tag v-if="scope.row.tenderType == 4" >加工承揽 <span v-if="scope.row.target == 1"> (询价)</span><span v-if="scope.row.target == 2"> (报价)</span> </el-tag>
         </template>
       </el-table-column>
       <el-table-column prop="description" :show-overflow-tooltip="true" label="招标规则" width="100" align="center">
@@ -135,6 +135,10 @@
           <ckTender2 ref="ckTender2"></ckTender2>
         <!-- 生产加工 -->
           <ckTender3 ref="ckTender3"></ckTender3>
+        <!-- 生产加工（询价） -->
+          <ckTender4 ref="ckTender4"></ckTender4>
+        <!-- 生产加工（报价） -->
+          <ckTender5 ref="ckTender5"></ckTender5>
     </div>
 
   </div>
@@ -149,6 +153,8 @@ import ckTender from "./tender/tender.vue"
 import ckTender1 from "./tender1/tender.vue"
 import ckTender2 from "./tender2/tender.vue"
 import ckTender3 from "./tender3/tender.vue"
+import ckTender4 from "./tender4/tender.vue"
+import ckTender5 from "./tender5/tender.vue"
 
 export default {
   components:{
@@ -156,6 +162,8 @@ export default {
     ckTender1,
     ckTender2,
     ckTender3,
+    ckTender4,
+    ckTender5,
   },
   data() {
     const checkTel = (rule, value, callback) => {
@@ -482,6 +490,7 @@ export default {
     },
     handleView(row) {
       let tenderType = row.tenderType
+      let target = row.target
       console.log(row.tenderType,"tenderType")
       let param =  {
         tenderParentId:row.tenderParentId,
@@ -524,7 +533,7 @@ export default {
             this.$refs.ckTender1.getParam()
       }, 300);
         console.log("销售")
-      }else if(tenderType == 4){
+      }else if(target == 1){
         this.$refs.ckTender3.viewDialog = true
          setTimeout(() => {
             this.$refs.ckTender3.activeName="first"
@@ -536,6 +545,18 @@ export default {
             this.$refs.ckTender3.getParam()
       }, 300);
         console.log("加工承揽")
+      }else if(target == 2){
+        this.$refs.ckTender4.viewDialog = true
+         setTimeout(() => {
+            this.$refs.ckTender4.activeName="first"
+            // this.$refs.ckTender3.param.tenderParentId = row.tenderParentId
+            this.$refs.ckTender4.bidInfo = row
+            this.$refs.ckTender4.param = param
+            // this.$refs.ckTender3.param.current = 1
+            this.$refs.ckTender4.applyDateStart = []
+            this.$refs.ckTender4.getParam()
+      }, 300);
+        console.log("加工承揽")
       }
     },
     getParam() {

src/views/tender/tender3/dialog.vue

@@ -44,7 +44,7 @@
                     multiple
                     accept=".zip"
                   >
-                          <el-button @click="handleUpload" :disabled="scope.row.biddingStatus !=7" class="el-icon-upload2" size="small" type="text" style="width:90px;fontSize:14px ">上传回执</el-button>
+                          <el-button  :disabled="scope.row.biddingStatus !=7" class="el-icon-upload2" size="small" type="text" style="width:90px;fontSize:14px ">上传回执</el-button>
                   </el-upload>
           </template>
        </el-table-column>
@@ -188,6 +188,7 @@ export default {
       const params = new URLSearchParams()
       params.append('tenderParentId', this.priceData.tenderParentId)
       params.append('biddingProcessingId', this.priceData.tenderProcessingId)
+      params.append('target', this.priceData.target)
       params.append('current', this.current)
       params.append('size', this.size)
       this.loading =true

src/views/tender/tender3/tender.vue

@@ -21,7 +21,7 @@
                          招标类型 :  <span class="flex_name"><el-tag v-if="bidInfo.tenderType == 1"  >物流</el-tag>
                                     <el-tag v-if="bidInfo.tenderType == 2" >原料</el-tag>
                                     <el-tag v-if="bidInfo.tenderType == 3" >销售</el-tag>
-                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽<span v-if="bidInfo.target == 1"> (询价)</span><span v-if="bidInfo.target == 2"> (报价)</span></el-tag>
                                     </span>
                        </el-col>
                     </el-row>
@@ -220,8 +220,8 @@
               </el-tabs>
              
                       </el-card>
-          <el-dialog :append-to-body="true" :visible.sync="dialog" :title="isAdd ? '投标' : '修标'" width="50%">
-                      <el-form ref="form" :model="form" :rules="rules1" label-width="95px">
+          <el-dialog :append-to-body="true" :visible.sync="dialog" :title="isAdd ? '投标' : '修标'" width="70%" style="margin-top:-100px">
+                      <el-form ref="form" :model="form" :rules="rules1" label-width="165px">
                           <el-row :gutter="20">
                           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
                              <el-form-item label="品种">
@@ -234,26 +234,151 @@
                               </el-form-item>
                           </el-col>
                          </el-row>
-                       
-                        
+
                          <el-row :gutter="20">
                           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
-                            <el-form-item label="产地">
+                            <el-form-item label="等级" prop="Level">
                               <div>
-                              <el-input v-model="form.comesFrom" readonly style="width: 88%;" placeholder=""></el-input>
+                                  <!-- <el-input v-model="form.comesFrom" readonly style="width: 88%;" placeholder=""></el-input> -->
+                                  <el-select v-model="form.Level" style="width: 88%;"  filterable placeholder="请选择等级">
+                                  <el-option
+                                    v-for="item in gradeList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
                               </div>
                             </el-form-item>
                           </el-col>
 
                           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
-                             <el-form-item label="数量" >
-                                <el-input v-model="form.quantity" readonly style="width: 80%;" placeholder=""></el-input>
+                             <el-form-item label="实际存储库点" prop="stocksRealStation">
+                                <el-input v-model="form.stocksRealStation"  style="width: 88%;" placeholder=""></el-input>
                               </el-form-item>
                           </el-col>
                          </el-row>
 
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="投标数量" prop="biddingNumber">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.biddingNumber" type="number" style="width: 88%;" @blur="(form.biddingNumber <= 0) ? form.biddingNumber='' : form.biddingNumber" placeholder="请输入投标数量"><template slot="append">(吨)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="加工厂出糙率" prop="brownRiceRate">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.brownRiceRate" type="number" style="width: 88%;" @blur="(form.brownRiceRate <= 0) ? form.brownRiceRate='' : form.brownRiceRate" placeholder="请输入加工厂出糙率"><template slot="append">(%)</template></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="实际贴水贴杂" prop="realPremiumComplex">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.realPremiumComplex" type="number" style="width: 88%;" @blur="(form.realPremiumComplex <= 0) ? form.realPremiumComplex='' : form.realPremiumComplex" placeholder="请输入实际贴水贴杂"><template slot="append">(个)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="库点至加工厂的运距" prop="warehouseFactoryDistance">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.warehouseFactoryDistance" type="number" style="width: 88%;" @blur="(form.warehouseFactoryDistance <= 0) ? form.warehouseFactoryDistance='' : form.warehouseFactoryDistance" placeholder="请输入库点至加工厂的运距"><template slot="append">(KM)</template></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
 
                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="库点至加工厂的短运费" prop="warehouseFactoryPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.warehouseFactoryPrice" type="number" style="width: 88%;" @blur="(form.warehouseFactoryPrice <= 0) ? form.warehouseFactoryPrice='' : form.warehouseFactoryPrice" placeholder="请输入库点至加工厂的短运费"><template slot="append">(元/吨)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="稻壳自提单价"  prop="ricePickupPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.ricePickupPrice" type="number" style="width: 88%;" @blur="(form.ricePickupPrice <= 0) ? form.ricePickupPrice='' : form.ricePickupPrice" placeholder="请输入稻壳自提单价"><template slot="append">(元/吨)</template></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                       <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="玉米采购价" prop="cornProcurePrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.cornProcurePrice" type="number" style="width: 88%;" @blur="(form.cornProcurePrice <= 0) ? form.cornProcurePrice='' : form.cornProcurePrice" placeholder="请输入玉米采购价"><template slot="append">(元/吨)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="上站费" prop="stationPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.stationPrice" type="number" style="width: 88%;" @blur="(form.stationPrice <= 0) ? form.stationPrice='' : form.stationPrice" placeholder="请输入上站费"></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                       <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="站台使用费" prop="stationUsePrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.stationUsePrice" type="number" style="width: 88%;" @blur="(form.stationUsePrice <= 0) ? form.stationUsePrice='' : form.stationUsePrice" placeholder="请输入站台使用费"></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="运费" prop="freightPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.freightPrice" type="number" style="width: 88%;" @blur="(form.freightPrice <= 0) ? form.freightPrice='' : form.freightPrice" placeholder="请输入运费"></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="联系电话" >
+                            <el-input v-model="form.phone" style="width: 88%;" maxlength="11" placeholder="请输入联系电话"></el-input>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="上传凭证" >
+                              <el-upload
+                                  class="upload-demo"
+                                  :limit="1"
+                                  :on-preview="handlePreview"
+                                  :on-change="handleChange"
+                                  :on-remove="handleRemove"
+                                  :before-remove="beforeRemove"
+                                  :on-exceed="handleExceed"
+                                  :action="BASE_API+'/common/bidding/voucher'"
+                                  name="multipartFile"
+                                  list-type="text"
+                                  :file-list="fileList"
+                                  multiple
+                                >
+                                    <el-button class="el-icon-upload" >上传凭证</el-button>
+                                </el-upload>
+                            </el-form-item>
+                          </el-col>
+                        </el-row> 
+
+
+                        <!-- <el-row :gutter="20">
                           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
                            <el-form-item label="加工费" prop="processFee">
                               <div class="typeNumber">
@@ -311,7 +436,7 @@
                                 </el-upload>
                             </el-form-item>
                           </el-col>
-                        </el-row>
+                        </el-row> -->
 
                         <el-row :gutter="20">
                           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
@@ -322,7 +447,7 @@
                           <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
                              <el-form-item label="备注" prop="biddingLogisticsRemark">
                                 <el-input
-                                  v-model="form.remark"
+                                  v-model="form.otherRemarks"
                                   type="textarea"
                                   style="width: 88%;"
                                   :autosize="{ minRows: 2, maxRows: 10}"
@@ -389,24 +514,43 @@ export default {
       pageSize: 10,
       total: 0, // 总数量
       rules1:{
-        processFee:[
-          { required: true, message: '加工费不能为空', trigger: 'blur' },
+        stocksRealStation:[
+          { required: true, message: '实际存储库点不能为空', trigger: 'blur' },
+        ],
+         biddingNumber:[
+          { required: true, message: '投标数量不为空', trigger: 'blur' },
+        ],
+         Level:[
+          { required: true, message: '等级不为空', trigger: 'blur' },
+        ],
+         brownRiceRate:[
+          { required: true, message: '加工厂出糙率不为空', trigger: 'blur' },
+        ],
+         realPremiumComplex:[
+          { required: true, message: '实际贴水贴杂不为空', trigger: 'blur' },
         ],
-         rentalFee:[
-          { required: true, message: '租赁费不为空', trigger: 'blur' },
+         warehouseFactoryDistance:[
+          { required: true, message: '库点至加工厂的运距不为空', trigger: 'blur' },
         ],
-         storageAssistFee:[
-          { required: true, message: '出库辅助费不为空', trigger: 'blur' },
+         warehouseFactoryPrice:[
+          { required: true, message: '库点至加工厂的短运费不为空', trigger: 'blur' },
         ],
-         packingWay:[
-          { required: true, message: '包装方式不为空', trigger: 'blur' },
+         ricePickupPrice:[
+          { required: true, message: '稻壳自提单价不为空', trigger: 'blur' },
         ],
-         phone:[
-          { required: true, message: '联系电话不为空', trigger: 'blur' },
+         cornProcurePrice:[
+          { required: true, message: '玉米采购价(不为空', trigger: 'blur' },
         ],
-         transportMode:[
-          { required: true, message: '运输方式不为空', trigger: 'blur' },
+         stationPrice:[
+          { required: true, message: '上站费不为空', trigger: 'blur' },
         ],
+         stationUsePrice:[
+          { required: true, message: '站台使用费不为空', trigger: 'blur' },
+        ],
+         freightPrice:[
+          { required: true, message: '运费不为空', trigger: 'blur' },
+        ],
+
       },
       rules: {
 
@@ -438,7 +582,12 @@ export default {
        level:[
         {id:1,name:"二级"},
         {id:2,name:"三级"},
-
+      ],
+      gradeList:[
+        {id:1,name:"一级"},
+        {id:2,name:"二级"},
+        {id:3,name:"三级"},
+        {id:4,name:"四级"},
       ],
       deliveryMethod:[
         {id:1,name:"自提"},
@@ -469,7 +618,8 @@ export default {
     },
     // 投标详情 向父元素传递数据
     costPlannedAmountChange(val){
-      console.log(val)
+      console.log(val,"我是详情")
+      val.target = this.bidInfo.target
  
       this.dialogTableVisible = true
       setTimeout(() => {
@@ -622,10 +772,10 @@ export default {
     // 字典名称提交动作
     doSubmit() {
       this.$refs['form'].validate((valid) => {
+        console.log(this.form ,"我是form")
         if (valid) {
           if (this.isAdd) {
             // 新增字典
-            console.log(this.form)
             this.loading = true
             getBiddingAdd(this.form).then((res) => {
               if (res.data.code === 200) {
@@ -657,6 +807,8 @@ export default {
     },
     // 添加字典
     handleAdd: function(row) {
+      console.log("我是添加嚄嚄嚄")
+      console.log(row)
       this.dialog = true
       this.isAdd = true
       this.form = {}
@@ -668,6 +820,7 @@ export default {
       this.form.tenderProcessingId = row.tenderProcessingId
       this.form.processingCode = row.processingCode
       this.form.quantity = row.quantity
+      this.form.target = this.bidInfo.target   //加工承揽 （询价）或者（报价）
       // 出库辅助费默认为0
       this.$set(this.form, "storageAssistFee", 0)
       if (this.$refs['form']) {

src/views/tender/tender4/dialog.vue

@@ -0,0 +1,346 @@
+<template>
+  <div class="" style="margin: 30px 0 10px 0;">
+    <!-- 查询和其他操作 -->
+
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+        <el-table-column prop="contractNumber" width="150" label="合同编号" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="level"   label="级别" :show-overflow-tooltip="true" align="center" >
+              <template slot-scope="scope">
+                 <span v-if="scope.row.level ==1">一级</span>
+                 <span v-if="scope.row.level ==2">二级</span>
+                 <span v-if="scope.row.level ==3">三级</span>
+                 <span v-if="scope.row.level ==4">四级</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="stocksRealStation" width="152"  label="实际库存点" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="biddingNumber"   label="投标数量（吨）" :show-overflow-tooltip="true" align="center" />
+
+       
+            <el-table-column prop="brownRiceRate" width="100" label="加工厂出糙率（%）" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="realPremiumComplex"  label="实际贴水贴杂（个）" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="warehouseFactoryDistance"  label="库点至加工厂的运距（KM)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="warehouseFactoryPrice" width="100" label="库点至加工厂的短运费(元/吨)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="ricePickupPrice"  label="稻壳自提单价(元/吨)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="cornProcurePrice" width="152" label="玉米采购价(元/吨)" :show-overflow-tooltip="true" align="center" />
+            <el-table-column  label="至鱼圈运费(包价元/吨)" align="center" >
+                  <el-table-column prop="byqStationPrice" width="102" label="上站费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqStationUsePrice" width="102" label="站台使用费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqFreightPrice" width="102" label="运费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="byqOtherRemarks" width="152" label="其他" :show-overflow-tooltip="true" align="center" />
+            </el-table-column>
+
+            <el-table-column  label="至锦州港运费(包价元/吨)" align="center" >
+                  <el-table-column prop="jzgStationPrice" width="102" label="上站费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgStationUsePrice" width="102" label="站台使用费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgFreightPrice" width="102" label="运费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="jzgOtherRemarks" width="152" label="其他" :show-overflow-tooltip="true" align="center" />
+            </el-table-column>
+
+            <el-table-column  label="至绥中港运费(包价元/吨)" align="center" >
+                  <el-table-column prop="szgStationPrice" width="102" label="上站费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgStationUsePrice" width="102" label="站台使用费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgFreightPrice" width="102" label="运费" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column prop="szgOtherRemarks" width="152" label="其他" :show-overflow-tooltip="true" align="center" />
+            </el-table-column>
+            <el-table-column prop="biddingSumPrice" width="102" label="总费用" :show-overflow-tooltip="true" align="center" />
+            <!-- <el-table-column prop="phone" label="联系电话"  width="152" :show-overflow-tooltip="true" align="center" /> -->
+            <el-table-column prop="processBiddingQuotedTime" label="投标时间"  width="152" :show-overflow-tooltip="true" align="center" />
+                  <el-table-column label="操作" width="250" fixed="right" align="center">
+          <template slot-scope="scope">
+             <el-upload
+                    :disabled="scope.row.biddingStatus !=7"
+                    class="upload-demo"
+                    :on-change="handleChange"
+                    :on-remove="handleRemove"
+                    :before-upload="beforeUpload"
+                    :show-file-list="false"
+                    name="multipartFile"
+                    style="display:inline-block"
+                    :action="BASE_API+'/common/bidding/receipt/' + scope.row.tenderProcessingId +'/'+ priceData.tenderType"
+                    list-type="text"
+                    :data="fileData"
+                    :file-list="fileList"
+                    multiple
+                    accept=".zip"
+                  >
+                          <el-button @click="handleUpload" :disabled="scope.row.biddingStatus !=7" class="el-icon-upload2" size="small" type="text" style="width:90px;fontSize:14px ">上传回执</el-button>
+                  </el-upload>
+          </template>
+       </el-table-column>
+    </el-table>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+         current-page.sync="current"
+         :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </div>
+
+
+
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getBiddingList,getCustomerName } from '@/api/bid'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: {},
+      SelectionList:[],
+      goodsName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      history:[
+        {id:0,name:"否"},
+        {id:1,name:"是"}
+      ],
+      historyValue:0,
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: 1,
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      userDataList:[],
+      startTime:"",
+      endTime:"",
+        isShow:true
+    }
+  },
+  created() {
+    this.onCustmerName()
+    console.log('res')
+  },
+  methods: {
+        // 文件移除的时候
+    handleRemove(file, fileList) {
+      this.form.fileUrl = ''
+      console.log(file, fileList, this.fileList, '移出')
+    },
+    // 格式限制
+    beforeUpload(file){ 
+      
+      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
+     const extension = testmsg === "zip"
+     if (!extension ) {
+       this.$message({
+         message: "上传文件只能是.zip格式!",
+         type: "warning",
+       });
+     }
+
+     return extension;
+
+    },
+    // 文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
+    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)
+            this.userDataList = res.data.data
+        })
+    },
+      onshow(){
+          this.isShow = !this.isShow
+      },
+    parseTime,
+    getTenantList: function() {
+        console.log(this.priceData)
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.priceData.tenderParentId)
+      params.append('tenderProcessingId', this.priceData.tenderProcessingId)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      this.loading =true
+      getBiddingList(params).then(response => {
+        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
+
+          const date = new Date(startTime)
+          const start = date.valueOf()         //开始时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          if(res.biddingStatus < 7){
+              console.log("我不满足")
+                if(time < start){
+                    res.biddingStatus = 5
+                    console.log("当前时间小于投标时间，已投递")
+                }else if(time > start){
+                    res.biddingStatus = 6
+                    console.log("当前时间小于投标时间，审核中")
+                }
+          }
+          return res
+        })
+        console.log(data)
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = 1
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+.pagination{
+  padding-bottom: 30px;
+}
+</style>
+

src/views/tender/tender4/table.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="" style="margin: 30px 0 10px 0;">
+    <!-- 查询和其他操作 -->
+    <div>
+      <span style="font-size:14px">品种：</span>
+      <el-input
+        v-model="productName"
+        clearable
+        placeholder="请输入品种"
+        style="width: 200px;margin-bottom:20px"
+        size="small"
+         @keyup.enter.native="handleFind"
+         @clear="handleFind"
+        class="filter-item"
+      />
+          <!-- <span style="fontSize:13px;marginLeft:20px">投标时间</span>
+            <el-date-picker
+              v-model="applyDateStart"
+              size="mini"
+              type="datetimerange"
+              style="width: 280px;"
+              range-separator="-"
+              clearable
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :default-time="['00:00:00', '23:59:59']"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+             @change="onApplyDate"
+             @clear="onApplyDate"
+            />
+ -->
+
+
+      <el-button style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="handleFind">查询
+      </el-button>
+    </div>
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+
+           <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   label="等级" :show-overflow-tooltip="true" align="center" />
+                             <!-- <el-table-column prop="appendix" label="回执" align="center" width="100">
+                                <template slot-scope="scope">
+                                    <el-link v-if="scope.row.receiptPathUrl" :href="'http://view.officeapps.live.com/op/view.aspx?src='+scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 查看</el-link>
+                                </template>
+                              </el-table-column> -->
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                          <!-- <el-table-column prop="processingIsTender" label="是否投标" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.processingIsTender == 0" type="success" effect="plain">是</el-tag>
+                                  <el-tag v-if="scope.row.processingIsTender == 1" effect="plain" >否</el-tag>
+                              </template>
+                            </el-table-column> -->
+                        
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="remark" label="备注" width="162" :show-overflow-tooltip="true" align="center" />
+        <el-table-column label="操作" width="250" fixed="right" align="center">
+        <template slot-scope="scope">
+
+          <el-button  slot="reference" type="text" :disabled="scope.row.status !=3" icon="el-icon-plus" @click="handleAdd(scope.row)">投标</el-button>
+          <el-button  slot="reference" icon="el-icon-view" type="text" @click="handleView(scope.row)">查看更多</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+        :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </div>
+
+
+
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getTenderInfoList } from '@/api/tender'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: [],
+      SelectionList:[],
+      productName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: '1',
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      startTime:"",
+      endTime:"",
+        // dialogTableVisible:false
+    }
+  },
+  created() {
+    // this.getTenantList()
+    console.log('res')
+  },
+  methods: {
+        handleAdd(row){
+      this.$emit("onAdd",row)
+    },
+      handleView(row){
+          console.log("我被点击了")
+            this.$emit('change',row)
+        //   this.$parent.dialogTableVisible = true
+      },
+    parseTime,
+    getTenantList: function() {
+      this.loading = true
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.tenderParentId)
+      params.append('breeds', this.productName)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      getTenderInfoList(params).then(response => {
+        console.log(response)
+        this.loading = false
+          let data = response.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+          if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于投标结束时间，待处理")
+          }
+          return res
+        })
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = '1'
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+
+</style>
+

src/views/tender/tender4/tender.vue

@@ -0,0 +1,1022 @@
+<template>
+    <div>
+          <el-dialog :append-to-body="true" fullscreen :visible.sync="viewDialog" title="" center>
+                  <el-card class="box-card" shadow="nerver">
+                    <div slot="header" class="clearfix">
+                      <span class="topClass">基本信息</span>
+                    </div>
+
+                    <el-row type="flex" class="row-bg">
+                       <el-col :span="8" class="flex_text">
+                         　　标题 : <span class="flex_name"> {{bidInfo.tenderTitle}}</span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         　　状态 : <span class="flex_name"> <el-tag effect="plain" v-if="bidInfo.status ==1">进行中</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==2" type="info">已结束</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==3" type="danger">已作废</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==4" type="warning">未开始</el-tag>
+                                </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         招标类型 :  <span class="flex_name"><el-tag v-if="bidInfo.tenderType == 1"  >物流</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 2" >原料</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 3" >销售</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽<span v-if="bidInfo.target == 1"> (询价)</span><span v-if="bidInfo.target == 2"> (报价)</span></el-tag>
+                                    </span>
+                       </el-col>
+                    </el-row>
+                     <el-row type="flex" class="row-bg">
+                       <!-- <el-col :span="8" class="flex_text">
+                         招标规则 : <span class="flex_name">    <el-tag v-if="bidInfo.tenderRule == 1" type="success" effect="plain">价低者得</el-tag>
+          <el-tag v-if="bidInfo.tenderRule == 2" effect="plain" >价高者得</el-tag></span>
+                       </el-col> -->
+                         <el-col :span="8" class="flex_text">
+                         开始时间 : <span class="flex_name"> {{bidInfo.startTime}} </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         截止时间 :  <span class="flex_name">{{bidInfo.endTime}}
+                                    </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         　　 备注：<span class="flex_name">{{bidInfo.tenderRemark}}</span>
+                       </el-col>
+                    </el-row>
+                    <el-row type="flex" class="row-bg">
+                     
+                    </el-row>
+                  </el-card>
+                   <el-card class="box-card" shadow="nerver">
+                        <div slot="header" class="clearfix">
+                          <span class="topClass"> 所有标的</span>
+                        </div>
+                      <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
+                        <el-tab-pane label="标的详情" name="first">
+
+                          <div class="head-container" style="margin: 30px 0 10px 0;">
+                            <span style="fontSize:13px">品种</span>
+                              <el-input
+                                v-model="param.breeds"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <span style="fontSize:13px;marginLeft:20px">产地</span>
+                              <el-input
+                                v-model="param.comesFrom"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <!-- <span style="fontSize:13px;marginLeft:20px">交付方式</span>
+                               <el-select v-model="param.deliveryMethod" style="width:200px;" size="small"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择交付方式">
+                                  <el-option
+                                    v-for="item in deliveryMethod"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
+                            <span style="fontSize:13px;marginLeft:20px">等级</span>
+                              <el-select v-model="param.level" size="small" style="width: 200px;"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择等级">
+                                  <el-option
+                                    v-for="item in level"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select> -->
+                            <span style="fontSize:13px;marginLeft:20px">发标时间</span>
+                              <el-date-picker
+                                v-model="applyDateStart"
+                                size="small"
+                                type="datetimerange"
+                                style="width: 400px;"
+                                range-separator="-"
+                                clearable
+                                value-format="yyyy-MM-dd HH:mm:ss"
+                                :default-time="['00:00:00', '23:59:59']"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                              @change="onApplyDate"
+                              @clear="onApplyDate"
+                              />
+                              <div style="text-align: right;margin-right:40px">
+                                   <el-button class="filter-item" style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="getParamFexd">搜索</el-button>
+                              </div>
+                          <div style="height:20px"></div>
+                          <el-table center :data="Paramdata" :header-cell-style="{ background: '#f5f7fa', }" border v-loading="tableLoading" stripe style="width: 100%;">
+
+                            <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="trustBuyLocation" width="160"  label="委托收购库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="concreteStorageLocation"  width="150"  label="实际存储库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   label="等级" :show-overflow-tooltip="true" align="center" />
+                             <!-- <el-table-column prop="appendix" label="回执" align="center" width="100">
+                                <template slot-scope="scope">
+                                    <el-link v-if="scope.row.receiptPathUrl" :href="'http://view.officeapps.live.com/op/view.aspx?src='+scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 查看</el-link>
+                                </template>
+                              </el-table-column> -->
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                          <!-- <el-table-column prop="processingIsTender" label="是否投标" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.processingIsTender == 0" type="success" effect="plain">是</el-tag>
+                                  <el-tag v-if="scope.row.processingIsTender == 1" effect="plain" >否</el-tag>
+                              </template>
+                            </el-table-column> -->
+                          <el-table-column prop="tenderLogisticsRule" label="中标规则" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.rule == 1" type="success" effect="plain">价低者得</el-tag>
+                                  <el-tag v-if="scope.row.rule == 2" effect="plain" >价高者得</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="distanceStation" width="100" label="距最近车站码头距离km" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+                            <!-- <el-table-column prop="unitPrice" width="100" label="单价（元/吨）" :show-overflow-tooltip="true" align="center" />
+                              <el-table-column prop="deliveryMethod" width="100" label="交付方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.deliveryMethod == 1" type="success" effect="plain">自提</el-tag>
+                                  <el-tag v-if="scope.row.deliveryMethod == 2" effect="plain" >送货到厂</el-tag>
+                              </template>
+                            </el-table-column> -->
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <!-- <el-table-column prop="createTime" 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-column label="操作" width="150" align="center" fixed="right">
+                                <template slot-scope="scope">
+                                  <el-button  slot="reference" type="text" :disabled="scope.row.status !=3" icon="el-icon-plus" @click="handleAdd(scope.row)">投标</el-button>
+                                </template>
+                              </el-table-column>
+                          </el-table>
+                          <div class="pagination">
+                            <el-pagination
+                              :current-page.sync="param.current"
+                              :page-size="param.size"
+                              layout="total, sizes, prev, pager, next, jumper"
+                              :total="total1"
+                              :page-sizes="[10, 20, 30, 50]"
+                              background
+                              @size-change="handleSizeChangeParam"
+                              @current-change="handleCurrentChangeParam"
+                            />
+                          </div>
+                  <!-- <div style="height:60px"></div> -->
+                    </div>
+
+                </el-tab-pane>
+                <el-tab-pane label="投标详情" name="second">
+                   <!-- <el-card class="box-card" shadow="nerver"> -->
+                      <!-- <div slot="header" class="clearfix">
+                        <span class="topClass">投标详情</span>
+                      </div> -->
+                              <ckTable ref="ckTable" @change="costPlannedAmountChange($event)"  @onAdd="changeAdd($event)"></ckTable>
+                   <!-- </el-card> -->
+                </el-tab-pane>
+              </el-tabs>
+             
+                      </el-card>
+          <el-dialog :append-to-body="true" :visible.sync="dialog" :title="isAdd ? '投标' : '修标'" width="70%" style="margin-top:-100px">
+                      <el-form ref="form" :model="form" :rules="rules1" label-width="165px">
+                          <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="品种">
+                                <el-tag>{{form.breeds}}</el-tag>
+                              </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="标的编码">
+                                <el-tag>{{form.processingCode}}</el-tag>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="等级" prop="Level">
+                              <div>
+                                  <!-- <el-input v-model="form.comesFrom" readonly style="width: 88%;" placeholder=""></el-input> -->
+                                  <el-select v-model="form.Level" style="width: 88%;"  filterable placeholder="请选择等级">
+                                  <el-option
+                                    v-for="item in gradeList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="实际存储库点" prop="stocksRealStation">
+                                <el-input v-model="form.stocksRealStation"  style="width: 88%;" placeholder=""></el-input>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="投标数量" prop="biddingNumber">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.biddingNumber" type="number" style="width: 88%;" @blur="(form.biddingNumber <= 0) ? form.biddingNumber='' : form.biddingNumber" placeholder="请输入投标数量"><template slot="append">(吨)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="加工厂出糙率" prop="brownRiceRate">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.brownRiceRate" type="number" style="width: 88%;" @blur="(form.brownRiceRate <= 0) ? form.brownRiceRate='' : form.brownRiceRate" placeholder="请输入加工厂出糙率"><template slot="append">(%)</template></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="实际贴水贴杂" prop="realPremiumComplex">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.realPremiumComplex" type="number" style="width: 88%;" @blur="(form.realPremiumComplex <= 0) ? form.realPremiumComplex='' : form.realPremiumComplex" placeholder="请输入实际贴水贴杂"><template slot="append">(个)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="库点至加工厂的运距" prop="warehouseFactoryDistance">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.warehouseFactoryDistance" type="number" style="width: 88%;" @blur="(form.warehouseFactoryDistance <= 0) ? form.warehouseFactoryDistance='' : form.warehouseFactoryDistance" placeholder="请输入库点至加工厂的运距"><template slot="append">(KM)</template></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="库点至加工厂的短运费" prop="warehouseFactoryPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.warehouseFactoryPrice" type="number" style="width: 88%;" @blur="(form.warehouseFactoryPrice <= 0) ? form.warehouseFactoryPrice='' : form.warehouseFactoryPrice" placeholder="请输入库点至加工厂的短运费"><template slot="append">(元/吨)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="稻壳自提单价"  prop="ricePickupPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.ricePickupPrice" type="number" style="width: 88%;" @blur="(form.ricePickupPrice <= 0) ? form.ricePickupPrice='' : form.ricePickupPrice" placeholder="请输入稻壳自提单价"><template slot="append">(元/吨)</template></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                       <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="玉米采购价" prop="cornProcurePrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.cornProcurePrice" type="number" style="width: 88%;" @blur="(form.cornProcurePrice <= 0) ? form.cornProcurePrice='' : form.cornProcurePrice" placeholder="请输入玉米采购价"><template slot="append">(元/吨)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="上站费" prop="stationPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.stationPrice" type="number" style="width: 88%;" @blur="(form.stationPrice <= 0) ? form.stationPrice='' : form.stationPrice" placeholder="请输入上站费"></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                       <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="站台使用费" prop="stationUsePrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.stationUsePrice" type="number" style="width: 88%;" @blur="(form.stationUsePrice <= 0) ? form.stationUsePrice='' : form.stationUsePrice" placeholder="请输入站台使用费"></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="运费" prop="freightPrice">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.freightPrice" type="number" style="width: 88%;" @blur="(form.freightPrice <= 0) ? form.freightPrice='' : form.freightPrice" placeholder="请输入运费"></el-input>
+                              </div>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="联系电话" >
+                            <el-input v-model="form.phone" style="width: 88%;" maxlength="11" placeholder="请输入联系电话"></el-input>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="上传凭证" >
+                              <el-upload
+                                  class="upload-demo"
+                                  :limit="1"
+                                  :on-preview="handlePreview"
+                                  :on-change="handleChange"
+                                  :on-remove="handleRemove"
+                                  :before-remove="beforeRemove"
+                                  :on-exceed="handleExceed"
+                                  :action="BASE_API+'/common/bidding/voucher'"
+                                  name="multipartFile"
+                                  list-type="text"
+                                  :file-list="fileList"
+                                  multiple
+                                >
+                                    <el-button class="el-icon-upload" >上传凭证</el-button>
+                                </el-upload>
+                            </el-form-item>
+                          </el-col>
+                        </el-row> 
+
+
+                        <!-- <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                           <el-form-item label="加工费" prop="processFee">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.processFee" type="number" style="width: 88%;" @blur="(form.processFee <= 0) ? form.processFee='' : form.processFee" placeholder="请输入加工费"><template slot="append">(元)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                           <el-form-item label="租赁费" prop="rentalFee">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.rentalFee" type="number" style="width: 80%;"  @blur="(form.rentalFee <= 0) ? form.rentalFee='' : form.rentalFee" placeholder="请输入租赁费"><template slot="append">(元)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                            <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="出库辅助费" prop="storageAssistFee">
+                            <div class="typeNumber">
+                            <el-input v-model.number="form.storageAssistFee" type="number" style="width: 88%;"  placeholder="请输入出库辅助费"><template slot="append">(元)</template></el-input>
+                            </div>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="合计" prop="quantity">
+                               <el-input  :value="form.rentalFee && form.processFee ? ((form.rentalFee + form.storageAssistFee + form.processFee) * form.quantity).toFixed(4) : 0" readonly style="width: 80%;" placeholder="请输入金额"><template slot="append">(元)</template></el-input>
+                               </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                          <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="联系电话" >
+                            <el-input v-model="form.phone" style="width: 88%;" maxlength="11" placeholder="请输入联系电话"></el-input>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="上传凭证" >
+                              <el-upload
+                                  class="upload-demo"
+                                  :limit="1"
+                                  :on-preview="handlePreview"
+                                  :on-change="handleChange"
+                                  :on-remove="handleRemove"
+                                  :before-remove="beforeRemove"
+                                  :on-exceed="handleExceed"
+                                  :action="BASE_API+'/common/bidding/voucher'"
+                                  name="multipartFile"
+                                  list-type="text"
+                                  :file-list="fileList"
+                                  multiple
+                                >
+                                    <el-button class="el-icon-upload" >上传凭证</el-button>
+                                </el-upload>
+                            </el-form-item>
+                          </el-col>
+                        </el-row> -->
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <!-- <el-form-item label="联系电话" >
+                            <el-input v-model="form.phone" style="width: 80%;" maxlength="11" placeholder="请输入联系电话"></el-input>
+                          </el-form-item> -->
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="备注" prop="biddingLogisticsRemark">
+                                <el-input
+                                  v-model="form.otherRemarks"
+                                  type="textarea"
+                                  style="width: 88%;"
+                                  :autosize="{ minRows: 2, maxRows: 10}"
+                                  maxlength="500"
+                                  show-word-limit
+                                  placeholder="请输入内容"
+                                />
+                              </el-form-item>
+                          </el-col>
+                        </el-row>
+                      </el-form>
+                      <div slot="footer" class="dialog-footer">
+                        <el-button @click="dialog = false">取消</el-button>
+                        <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+                      </div>
+                    </el-dialog>
+            
+                   <div slot="footer" class="paginationParam" style="paddingRight:">
+                    <!-- <el-button @click="viewDialog = false">取消</el-button> -->
+                    <el-button :loading="loading" type="primary" @click="viewDialog = false">返回</el-button>
+                  </div>
+
+                         <el-dialog :title="goodsName" width="90%" center :visible.sync="dialogTableVisible" append-to-body>
+                               <ckDialog ref="ckDialog"></ckDialog>
+                          </el-dialog>
+
+    </el-dialog>
+    </div>
+</template>
+
+<script>
+
+import {  getTenderProcessing,getBiddingAdd } from '@/api/tender'
+import { Notification, MessageBox } from 'element-ui'
+
+import ckTable from './table.vue'
+import ckDialog from './dialog.vue'
+export default {
+   components:{
+    ckTable,
+    ckDialog
+  },
+  data() {
+    const checkTel = (rule, value, callback) => {
+      if (value == null) {
+        callback(new Error('请选择附件'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      form: {
+      },
+      data: [{}],
+      active:0,
+      BASE_API: process.env.BASE_API,
+      dialog: false,
+      loading: false,
+      delLoading: false,
+      tableLoading:false,
+      viewDialog: false,
+      isAdd: false,
+      currentPage: 1,
+      pageSize: 10,
+      total: 0, // 总数量
+      rules1:{
+      stocksRealStation:[
+          { required: true, message: '实际存储库点不能为空', trigger: 'blur' },
+        ],
+         biddingNumber:[
+          { required: true, message: '投标数量不为空', trigger: 'blur' },
+        ],
+         Level:[
+          { required: true, message: '等级不为空', trigger: 'blur' },
+        ],
+         brownRiceRate:[
+          { required: true, message: '加工厂出糙率不为空', trigger: 'blur' },
+        ],
+         realPremiumComplex:[
+          { required: true, message: '实际贴水贴杂不为空', trigger: 'blur' },
+        ],
+         warehouseFactoryDistance:[
+          { required: true, message: '库点至加工厂的运距不为空', trigger: 'blur' },
+        ],
+         warehouseFactoryPrice:[
+          { required: true, message: '库点至加工厂的短运费不为空', trigger: 'blur' },
+        ],
+         ricePickupPrice:[
+          { required: true, message: '稻壳自提单价不为空', trigger: 'blur' },
+        ],
+         cornProcurePrice:[
+          { required: true, message: '玉米采购价(不为空', trigger: 'blur' },
+        ],
+         stationPrice:[
+          { required: true, message: '上站费不为空', trigger: 'blur' },
+        ],
+         stationUsePrice:[
+          { required: true, message: '站台使用费不为空', trigger: 'blur' },
+        ],
+         freightPrice:[
+          { required: true, message: '运费不为空', trigger: 'blur' },
+        ],
+
+      },
+      rules: {
+
+        price: [
+          { required: true, message: '报价金额不为空', trigger: 'blur' },
+        ],
+        appendix: [
+          // { type:"array",required: true, message: '附件不为空', trigger: 'blur' },
+          { validator: checkTel, trigger: 'blur' }
+        ]
+      },
+      query: {
+        type: '',
+        value: '',
+         tenderRule:"",
+        tenderType:"",
+        startTime:"",
+        endTime:""
+      },
+      fileList: [],
+      param: {
+        current: 1,
+        size: 10
+      },
+      total1: 0,
+      Paramdata: [],
+      applyDateStart:[],
+      dialogTableData:[],
+       level:[
+        {id:1,name:"二级"},
+        {id:2,name:"三级"},
+
+      ],
+      deliveryMethod:[
+        {id:1,name:"自提"},
+        {id:2,name:"送货到厂"},
+      ],
+      packingWay:[],
+      transportMode:[
+        {id:1,name:"汽运"},
+        {id:2,name:"火车运输"},
+        {id:3,name:"船运"},
+        {id:4,name:"汽运/火车运输/船运"},
+        {id:5,name:"汽运/火车运输"},
+        {id:6,name:"汽运/船运"},
+      ],
+       activeName: 'first',
+       dialogTableVisible:false,
+       goodsName:"",
+       bidInfo:{}
+    }
+  },
+  created() {
+    // this.getDictData()
+  },
+  methods: {
+    changeAdd(row){
+      console.log(row)
+      this.handleAdd(row)
+    },
+    // 投标详情 向父元素传递数据
+    costPlannedAmountChange(val){
+      console.log(val)
+      val.target = this.bidInfo.target
+ 
+      this.dialogTableVisible = true
+      setTimeout(() => {
+        this.goodsName = val.goodsName
+       this.$refs.ckDialog.priceData = val
+      this.$refs.ckDialog.handleFind()
+        console.log(this.$refs.ckDialog)
+      }, 300);
+    },
+    // 价格投标不能大于合计
+    onlogistiicsPrice(val){
+      console.log(val)
+       if(val>this.form.transportUnitPrice){
+         this.form.logisticsBiddingPrice = this.form.transportUnitPrice
+         console.log("我是大于")
+       }
+       if(val.indexOf('.') !== -1 && val == '.'){
+         this.form.logisticsBiddingPrice =0
+       }
+       if(val== "+" || val== "-"){
+         this.form.logisticsBiddingPrice = 0
+       }
+       if(val<0){
+         this.form.logisticsBiddingPrice = 0
+       }
+    },
+    onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.param.startTime =this.applyDateStart[0]
+              this.param.endTime = this.applyDateStart[1]
+            }else{
+              this.param.startTime =""
+              this.param.endTime =""
+            }
+
+      this.getParamFexd()
+    },
+    next() {
+      console.log(this.$refs.ckTable)
+        if (this.active++ > 2) this.active = 0;
+        this.dialogTableData = this.$refs.ckTable.SelectionList
+      },
+      handleSelectionChange(row){
+        
+      },
+    // 获取详情
+    getDictData: function() {
+      this.loading = true
+        const params = new URLSearchParams()
+      params.append('current', this.currentPage)
+      params.append('size', this.pageSize)
+      params.append('tenderType', this.query.tenderType)
+      params.append('tenderTitle', this.query.value)
+      params.append('tenderRule', this.query.tenderRule)
+      params.append('startTime',this.query.startTime )
+      params.append('endTime', this.query.endTime)
+
+      getTableList(params).then(res => {
+          console.log(res)
+        // this.data = res.data.data.records
+        let data = res.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.isInvalid == 2){
+             res.status = 3
+            console.log("作废了")
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 1
+            console.log("当前时间大于开始时间并且小于结束时间，进行中")
+          }else if(time > end){
+            res.status = 2
+            console.log("当前时间大于结束时间，已结束")
+          }
+
+          return res
+        })
+        this.data = data
+        this.total = res.data.data.total
+        this.loading = false
+      })
+    },
+
+    // 搜索
+    handleFind: function() {
+      this.currentPage = 1
+      this.getDictData()
+    },
+
+    // 文件移除的时候
+    handleRemove(file, fileList) {
+      this.form.voucherFile = ''
+      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.form.voucherFile = file.response.data.filePath
+        } else {
+          Notification.error({
+            title: file.response.msg,
+            duration: 1000
+          })
+          this.fileList = []
+        }
+      }
+    },
+    // 点击文件列表中已上传的文件时的钩子
+    handlePreview(file) {
+      console.log(file, 'file1')
+      // window.location.href = file.url
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个附件，本次选择了 ${files.length} 个文件`)
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`)
+    },
+    // 下载
+    onLoad(row) {
+      // const params = new URLSearchParams()
+      // params.append('path', row)
+      const a = document.createElement('a')
+      // a.href= /bidding/load
+      const url = window.location.origin + process.env.BASE_API + '/bidding/load?path=' + encodeURIComponent(row)
+      a.href = url
+      a.click()
+    },
+
+    // 字典名称提交动作
+    doSubmit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.isAdd) {
+            // 新增字典
+            console.log(this.form)
+            this.loading = true
+            getBiddingAdd(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.loading = false
+              this.getDictData()
+              this.$refs['form'].resetFields()
+            }).catch(err => {
+              this.loading = false
+            })
+          } else {
+            // 更新字典
+            getQueryEdit(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.getDictData()
+            })
+          }
+        }
+      })
+    },
+    // 添加字典
+    handleAdd: function(row) {
+      this.dialog = true
+      this.isAdd = true
+      this.form = {}
+      this.fileList = []
+      this.form.breeds = row.breeds
+      this.form.comesFrom = row.comesFrom
+      this.form.level = row.level
+      this.form.tenderParentId = this.param.tenderParentId
+      this.form.tenderProcessingId = row.tenderProcessingId
+      this.form.processingCode = row.processingCode
+      this.form.quantity = row.quantity
+      this.form.target = this.bidInfo.target   //加工承揽 （询价）或者（报价）
+      // 出库辅助费默认为0
+      this.$set(this.form, "storageAssistFee", 0)
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+    },
+    // 编辑字典
+    handleEdit: function(row) {
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+      this.dialog = true
+      this.isAdd = false
+      this.form = row.bidding
+      this.form.priceQuotes = row.priceQuotes
+      if (this.form.appendix) {
+        let name = this.form.appendix.split('bidding/')
+        name = name.pop()
+        // let name = data.appendix.replace(/(.*\/)*([^.]+).*/ig, "$2");
+        this.fileList = [{ name: name, url: this.form.appendix }]
+      }
+    },
+    handleClick(row,val){
+      console.log(row,val)
+      if(row.name == "second"){
+       this.$refs.ckTable.tenderParentId = this.param.tenderParentId
+        this.$refs.ckTable.productName =""
+        this.$refs.ckTable.handleFind()
+      }
+    },
+
+    // 所有标的搜索
+    getParamFexd(){
+      this.param.current = 1
+      this.getParam()
+    },
+    // 所有标的列表数据
+    getParam() {
+      const data = this.param
+      this.tableLoading = true
+      getTenderProcessing(data).then((res) => {
+       console.log(this.bidInfo, 'bidInfo')
+        let data = res.data.data.records
+         data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于结束时间，待处理")
+          }
+
+          return res
+        })
+        this.Paramdata = data
+        this.tableLoading = false
+        this.total1 = res.data.data.total
+      })
+    },
+
+    // 换页
+    handleCurrentChange: function(val) {
+      this.currentPage = val
+      this.getDictData()
+    },
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.getDictData()
+    },
+    handleCurrentChangeParam(val) {
+      this.param.current = val
+      this.getParam()
+    },
+    handleSizeChangeParam(val) {
+      this.param.size = val
+      this.getParam()
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+/* 去掉上传附件时候的过度效果 */
+  ::v-deep .el-upload-list__item{transition: none !important;}
+  ::v-deep .el-textarea__inner{
+  padding-bottom: 36px;
+}
+.btn_fixed{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  padding: 15px 50px;
+  width: 100%;
+  text-align: right;
+  background: #f5f5f5;
+
+}
+.ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+.paginationParam{
+  // position: fixed;
+  // bottom: 50px;
+  bottom: 0;
+  left: 0;
+  line-height: 80px;
+  width: 100%;
+  // left: 45%;
+  // text-align: right;
+  z-index: 999;
+  background: #fff;
+}
+/deep/ .el-tabs__item{
+  font-size: 16px !important;
+  // padding: 35px  ;
+}
+.el-card {
+  border: 0px solid #fff;
+}
+.clearfix {
+    line-height: 20px;
+    font-size: 18px;
+    font-weight: 600;
+    color: #409EFF;
+}
+/deep/.el-dialog.is-fullscreen {
+
+    background-color: #f5f7f9;
+}
+.box-card{
+  margin-bottom: 20px;
+  .row-bg{
+  padding: 15px 40px 0 40px;
+  .flex_text{
+    line-height: 50px;
+    color: #8C8C8C;
+    font-size: 14px;
+    // border:1px solid red;
+    // font-weight: 600;
+  }
+  .flex_name{
+    font-size: 14px;
+    padding-left: 25px;
+    color: #575757;
+    font-weight: 550;
+  }
+}
+}
+/deep/ .el-card__body{
+  padding: 20px 0;
+}
+/deep/.el-tabs__nav-wrap::after {
+
+    background-color: #dfe4ed00;  
+}
+/deep/ .el-dialog--center .el-dialog__body {
+    text-align: initial;
+    padding: 25px 25px 0px 30px;
+}
+
+/deep/ .el-tabs--border-card{
+  // border-top:1px ;
+  border-bottom: 0px;
+
+ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5)
+}
+
+
+
+// 去掉数字类型
+.typeNumber{
+/* 谷歌 */
+::v-deep input::-webkit-outer-spin-button,
+  ::v-deep input::-webkit-inner-spin-button {
+  -webkit-appearance: none !important;
+  }
+  ::v-deep input[type='number'] {
+  -moz-appearance: textfield !important;
+  }
+}
+</style>
+

src/views/tender/tender5/dialog.vue

@@ -0,0 +1,314 @@
+<template>
+  <div class="" style="margin: 30px 0 10px 0;">
+    <!-- 查询和其他操作 -->
+
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+        <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="level"   label="等级" :show-overflow-tooltip="true" align="center" />
+
+            <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="storageAssistFee" width="100" label="出库辅助费" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="rentalFee"  label="租赁费" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="processFee"  label="加工费" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="biddingPrice" width="100" label="投标价格" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+            <el-table-column prop="phone" width="152" label="联系电话" :show-overflow-tooltip="true" align="center" />
+            <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-column label="操作" width="250" fixed="right" align="center">
+          <template slot-scope="scope">
+             <el-upload
+                    :disabled="scope.row.biddingStatus !=7"
+                    class="upload-demo"
+                    :on-change="handleChange"
+                    :on-remove="handleRemove"
+                    :before-upload="beforeUpload"
+                    :show-file-list="false"
+                    name="multipartFile"
+                    style="display:inline-block"
+                    :action="BASE_API+'/common/bidding/receipt/' + scope.row.tenderProcessingId +'/'+ priceData.tenderType"
+                    list-type="text"
+                    :data="fileData"
+                    :file-list="fileList"
+                    multiple
+                    accept=".zip"
+                  >
+                          <el-button @click="handleUpload" :disabled="scope.row.biddingStatus !=7" class="el-icon-upload2" size="small" type="text" style="width:90px;fontSize:14px ">上传回执</el-button>
+                  </el-upload>
+          </template>
+       </el-table-column>
+    </el-table>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+         current-page.sync="current"
+         :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </div>
+
+
+
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getBiddingList,getCustomerName } from '@/api/bid'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: {},
+      SelectionList:[],
+      goodsName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      history:[
+        {id:0,name:"否"},
+        {id:1,name:"是"}
+      ],
+      historyValue:0,
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: 1,
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      userDataList:[],
+      startTime:"",
+      endTime:"",
+        isShow:true
+    }
+  },
+  created() {
+    this.onCustmerName()
+    console.log('res')
+  },
+  methods: {
+        // 文件移除的时候
+    handleRemove(file, fileList) {
+      this.form.fileUrl = ''
+      console.log(file, fileList, this.fileList, '移出')
+    },
+    // 格式限制
+    beforeUpload(file){ 
+      
+      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
+     const extension = testmsg === "zip"
+     if (!extension ) {
+       this.$message({
+         message: "上传文件只能是.zip格式!",
+         type: "warning",
+       });
+     }
+
+     return extension;
+
+    },
+    // 文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
+    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)
+            this.userDataList = res.data.data
+        })
+    },
+      onshow(){
+          this.isShow = !this.isShow
+      },
+    parseTime,
+    getTenantList: function() {
+        console.log(this.priceData)
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.priceData.tenderParentId)
+      params.append('biddingProcessingId', this.priceData.tenderProcessingId)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      this.loading =true
+      getBiddingList(params).then(response => {
+        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
+
+          const date = new Date(startTime)
+          const start = date.valueOf()         //开始时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          if(res.biddingStatus < 7){
+              console.log("我不满足")
+                if(time < start){
+                    res.biddingStatus = 5
+                    console.log("当前时间小于投标时间，已投递")
+                }else if(time > start){
+                    res.biddingStatus = 6
+                    console.log("当前时间小于投标时间，审核中")
+                }
+          }
+          return res
+        })
+        console.log(data)
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = 1
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+.pagination{
+  padding-bottom: 30px;
+}
+</style>
+

src/views/tender/tender5/table.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="" style="margin: 30px 0 10px 0;">
+    <!-- 查询和其他操作 -->
+    <div>
+      <span style="font-size:14px">品种：</span>
+      <el-input
+        v-model="productName"
+        clearable
+        placeholder="请输入品种"
+        style="width: 200px;margin-bottom:20px"
+        size="small"
+         @keyup.enter.native="handleFind"
+         @clear="handleFind"
+        class="filter-item"
+      />
+          <!-- <span style="fontSize:13px;marginLeft:20px">投标时间</span>
+            <el-date-picker
+              v-model="applyDateStart"
+              size="mini"
+              type="datetimerange"
+              style="width: 280px;"
+              range-separator="-"
+              clearable
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :default-time="['00:00:00', '23:59:59']"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+             @change="onApplyDate"
+             @clear="onApplyDate"
+            />
+ -->
+
+
+      <el-button style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="handleFind">查询
+      </el-button>
+    </div>
+
+    <el-table  ref="multipleTable" v-loading="loading" :data="tableData"  :header-cell-style="{ background: '#f5f7fa', }" style="width: 100%" border  >
+
+           <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   label="等级" :show-overflow-tooltip="true" align="center" />
+                             <!-- <el-table-column prop="appendix" label="回执" align="center" width="100">
+                                <template slot-scope="scope">
+                                    <el-link v-if="scope.row.receiptPathUrl" :href="'http://view.officeapps.live.com/op/view.aspx?src='+scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 查看</el-link>
+                                </template>
+                              </el-table-column> -->
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                          <!-- <el-table-column prop="processingIsTender" label="是否投标" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.processingIsTender == 0" type="success" effect="plain">是</el-tag>
+                                  <el-tag v-if="scope.row.processingIsTender == 1" effect="plain" >否</el-tag>
+                              </template>
+                            </el-table-column> -->
+                        
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="remark" label="备注" width="162" :show-overflow-tooltip="true" align="center" />
+        <el-table-column label="操作" width="250" fixed="right" align="center">
+        <template slot-scope="scope">
+
+          <el-button  slot="reference" type="text" :disabled="scope.row.status !=3" icon="el-icon-plus" @click="handleAdd(scope.row)">投标</el-button>
+          <el-button  slot="reference" icon="el-icon-view" type="text" @click="handleView(scope.row)">查看更多</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!--分页-->
+    <div class="pagination">
+      <el-pagination
+        :current-page="current"
+        :page-sizes="[1,10, 20, 30, 50]"
+        :page-size="size"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+
+    </div>
+
+
+
+
+  </div>
+</template>
+
+<script>
+import { Listarea } from '@/api/dataForm'
+import { parseTime } from '@/utils/index'
+import { getTenderInfoList } from '@/api/tender'
+
+export default {
+  data() {
+    return {
+    //   size: 'small',
+      tableData: [],
+      priceData: [],
+      SelectionList:[],
+      productName: '',
+      tenderParentId: '',
+      applyDateStart:[],
+      customerType: [
+        { id: 1, name: '有限责任公司（自然人独资）' },
+        { id: 2, name: '有限责任公司(自然人投资或控股)' },
+        { id: 3, name: '股份有限公司' },
+        { id: 4, name: '有限合伙企业' },
+        { id: 5, name: '外商独资公司' },
+        { id: 6, name: '个人独资企业' },
+        { id: 7, name: '国有独资公司' },
+        { id: 8, name: '其他' }
+
+      ],
+      areaList: [],
+      query: {
+        goodsName: '',
+        tenderParentId:""
+      },
+      formLabelWidth: '90px',
+      isEditForm: false,
+      current: '1',
+      size: 10,
+      total: 0, // 总数量
+      dataForm: {
+      },
+
+      loading: false,
+      dialogVisible: false,
+      batchVisible:false,
+       BASE_API: process.env.BASE_API,
+       fileList: [],
+      roles:[],
+      startTime:"",
+      endTime:"",
+        // dialogTableVisible:false
+    }
+  },
+  created() {
+    // this.getTenantList()
+    console.log('res')
+  },
+  methods: {
+        handleAdd(row){
+      this.$emit("onAdd",row)
+    },
+      handleView(row){
+          console.log("我被点击了")
+            this.$emit('change',row)
+        //   this.$parent.dialogTableVisible = true
+      },
+    parseTime,
+    getTenantList: function() {
+      this.loading = true
+      const params = new URLSearchParams()
+      params.append('tenderParentId', this.tenderParentId)
+      params.append('breeds', this.productName)
+      params.append('current', this.current)
+      params.append('size', this.size)
+      getTenderInfoList(params).then(response => {
+        console.log(response)
+        this.loading = false
+          let data = response.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+          if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于投标结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于投标结束时间，待处理")
+          }
+          return res
+        })
+        this.tableData = data
+        console.log('1' + response.data.data.records)
+        this.total = response.data.data.total
+      })
+    },
+   onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.startTime =this.applyDateStart[0]
+              this.endTime = this.applyDateStart[1]
+            }else{
+              this.startTime =""
+              this.endTime =""
+            }
+
+      this.getTenantList()
+    },
+
+    handleFind: function() {
+      this.current = '1'
+      this.getTenantList()
+    },
+    handleSizeChange: function(val) {
+      this.size = val
+      this.getTenantList()
+    },
+    // 换页
+    handleCurrentChange: function(val) {
+      const page = val.toString()
+      this.current = page
+      this.getTenantList()
+    },
+    // 查看
+    // lookRecord:function(row){
+    //     this.lookCord=row
+    //     this.dialogVisible = true
+    //     console.log(row)
+    // },
+   handleOneChange(row,i){
+       console.log(row,i)
+       this.$refs.multipleTable.toggleRowSelection(row);
+   },
+    handleSelectionChange(row){
+        console.log(row)
+        this.SelectionList = row
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss" >
+    .ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+   .el-dropdown-link {
+    cursor: pointer;
+    color: #1282f3;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+  .el-scrollbar__wrap {
+   overflow-y: hidden;
+}
+
+.el-card {
+  border: 0px solid #fff;
+  .topClass{
+    font-weight: 600;
+    font-size: 17px;
+  }
+}
+.el-icon-document{
+  font-size: 70px;
+  color:#409EFF;
+  line-height: 130px;
+}
+/deep/.el-card__body {
+  padding: 20px 10px 0 10px !important;
+}
+/deep/ .el-table__expanded-cell[class*=cell]{
+    padding: 0;
+}
+
+</style>
+

src/views/tender/tender5/tender.vue

@@ -0,0 +1,876 @@
+<template>
+    <div>
+          <el-dialog :append-to-body="true" fullscreen :visible.sync="viewDialog" title="" center>
+                  <el-card class="box-card" shadow="nerver">
+                    <div slot="header" class="clearfix">
+                      <span class="topClass">基本信息</span>
+                    </div>
+
+                    <el-row type="flex" class="row-bg">
+                       <el-col :span="8" class="flex_text">
+                         　　标题 : <span class="flex_name"> {{bidInfo.tenderTitle}}</span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         　　状态 : <span class="flex_name"> <el-tag effect="plain" v-if="bidInfo.status ==1">进行中</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==2" type="info">已结束</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==3" type="danger">已作废</el-tag>
+                                <el-tag effect="plain" v-if="bidInfo.status ==4" type="warning">未开始</el-tag>
+                                </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         招标类型 :  <span class="flex_name"><el-tag v-if="bidInfo.tenderType == 1"  >物流</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 2" >原料</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 3" >销售</el-tag>
+                                    <el-tag v-if="bidInfo.tenderType == 4" >加工承揽</el-tag>
+                                    </span>
+                       </el-col>
+                    </el-row>
+                     <el-row type="flex" class="row-bg">
+                       <!-- <el-col :span="8" class="flex_text">
+                         招标规则 : <span class="flex_name">    <el-tag v-if="bidInfo.tenderRule == 1" type="success" effect="plain">价低者得</el-tag>
+          <el-tag v-if="bidInfo.tenderRule == 2" effect="plain" >价高者得</el-tag></span>
+                       </el-col> -->
+                         <el-col :span="8" class="flex_text">
+                         开始时间 : <span class="flex_name"> {{bidInfo.startTime}} </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         截止时间 :  <span class="flex_name">{{bidInfo.endTime}}
+                                    </span>
+                       </el-col>
+                         <el-col :span="8" class="flex_text">
+                         　　 备注：<span class="flex_name">{{bidInfo.tenderRemark}}</span>
+                       </el-col>
+                    </el-row>
+                    <el-row type="flex" class="row-bg">
+                     
+                    </el-row>
+                  </el-card>
+                   <el-card class="box-card" shadow="nerver">
+                        <div slot="header" class="clearfix">
+                          <span class="topClass"> 所有标的</span>
+                        </div>
+                      <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
+                        <el-tab-pane label="标的详情" name="first">
+
+                          <div class="head-container" style="margin: 30px 0 10px 0;">
+                            <span style="fontSize:13px">品种</span>
+                              <el-input
+                                v-model="param.breeds"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <span style="fontSize:13px;marginLeft:20px">产地</span>
+                              <el-input
+                                v-model="param.comesFrom"
+                                clearable
+                                placeholder="请输入产品名称"
+                                style="width: 200px;"
+                                size="small"
+                                class="filter-item"
+                                @keyup.enter.native="getParamFexd"
+                                @clear="getParamFexd"
+                              />
+                            <!-- <span style="fontSize:13px;marginLeft:20px">交付方式</span>
+                               <el-select v-model="param.deliveryMethod" style="width:200px;" size="small"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择交付方式">
+                                  <el-option
+                                    v-for="item in deliveryMethod"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select>
+                            <span style="fontSize:13px;marginLeft:20px">等级</span>
+                              <el-select v-model="param.level" size="small" style="width: 200px;"  @keyup.enter.native="getParamFexd" @clear="getParamFexd" clearable filterable placeholder="请选择等级">
+                                  <el-option
+                                    v-for="item in level"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.id"
+                                  />
+                                </el-select> -->
+                            <span style="fontSize:13px;marginLeft:20px">发标时间</span>
+                              <el-date-picker
+                                v-model="applyDateStart"
+                                size="small"
+                                type="datetimerange"
+                                style="width: 400px;"
+                                range-separator="-"
+                                clearable
+                                value-format="yyyy-MM-dd HH:mm:ss"
+                                :default-time="['00:00:00', '23:59:59']"
+                                start-placeholder="开始日期"
+                                end-placeholder="结束日期"
+                              @change="onApplyDate"
+                              @clear="onApplyDate"
+                              />
+                              <div style="text-align: right;margin-right:40px">
+                                   <el-button class="filter-item" style=" width:90px;  " size="small" type="primary" icon="el-icon-search" @click="getParamFexd">搜索</el-button>
+                              </div>
+                          <div style="height:20px"></div>
+                          <el-table center :data="Paramdata" :header-cell-style="{ background: '#f5f7fa', }" border v-loading="tableLoading" stripe style="width: 100%;">
+
+                            <!-- <el-table-column prop="rawTenderId" width="150" fixed="left" label="标的编号" :show-overflow-tooltip="true" align="center" /> -->
+                            <el-table-column prop="processingCode" width="150" label="标的编码" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="trustBuyLocation" width="160"  label="委托收购库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="concreteStorageLocation"  width="150"  label="实际存储库点" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="warehouseNumber"   label="仓号" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="comesFrom"   label="产地" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="produceAge"  width="120" label="生产年限" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="breeds"   label="品种" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="level"   label="等级" :show-overflow-tooltip="true" align="center" />
+                             <!-- <el-table-column prop="appendix" label="回执" align="center" width="100">
+                                <template slot-scope="scope">
+                                    <el-link v-if="scope.row.receiptPathUrl" :href="'http://view.officeapps.live.com/op/view.aspx?src='+scope.row.receiptPathUrl" type="primary" target="_target"><i class="el-icon-view"></i> 查看</el-link>
+                                </template>
+                              </el-table-column> -->
+
+                           <el-table-column label="状态" align="center" width="100">
+                            <template slot-scope="scope">
+                             <el-tag effect="plain" v-if="scope.row.status ==3">进行中</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==1" type="info">已结束</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==5" type="info">待处理</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==2" type="danger">已作废</el-tag>
+                              <el-tag effect="plain" v-if="scope.row.status ==4" type="warning">未开始</el-tag>
+                            </template>
+                          </el-table-column>
+
+                          <!-- <el-table-column prop="processingIsTender" label="是否投标" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.processingIsTender == 0" type="success" effect="plain">是</el-tag>
+                                  <el-tag v-if="scope.row.processingIsTender == 1" effect="plain" >否</el-tag>
+                              </template>
+                            </el-table-column> -->
+                          <el-table-column prop="tenderLogisticsRule" label="中标规则" width="100" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.rule == 1" type="success" effect="plain">价低者得</el-tag>
+                                  <el-tag v-if="scope.row.rule == 2" effect="plain" >价高者得</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="quantity"  label="数量（吨）" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureWater"  label="近期水分%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="nearFutureImpurity"  label="近期杂质%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="riceRatio"  label="整精米率%" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="normalLeavingCapacity"  label="承储库日正常出库能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="deliveryMethod" label="常用出库方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.retrievalWay == 1" >铁路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 2" >公路</el-tag>
+                                  <el-tag v-if="scope.row.retrievalWay == 3" >水路</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="leavingCapacityForty" width="100" label="是否具备40吨以上大型运输车辆装车计量能力" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="specialRailwayLine" width="100" label="有无铁路专用线" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="storageFoggy" width="100" label="是否露天储存" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="distanceStation" width="100" label="距最近车站码头距离km" :show-overflow-tooltip="true" align="center" />
+                             <el-table-column prop="deliveryMethod" label="储粮形态" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.storageForm == 1" >包装</el-tag>
+                                  <el-tag v-if="scope.row.storageForm == 2" >散装</el-tag>
+                              </template>
+                            </el-table-column>
+                            <el-table-column prop="sampleLookTime" label="看样日期" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="ifSoothSaveConfirmSample"  label="是否由实际存储库点确认看样单" :show-overflow-tooltip="true" align="center" />
+                            <!-- <el-table-column prop="unitPrice" width="100" label="单价（元/吨）" :show-overflow-tooltip="true" align="center" />
+                              <el-table-column prop="deliveryMethod" width="100" label="交付方式" :show-overflow-tooltip="true" align="center" >
+                              <template slot-scope="scope">
+                                  <el-tag v-if="scope.row.deliveryMethod == 1" type="success" effect="plain">自提</el-tag>
+                                  <el-tag v-if="scope.row.deliveryMethod == 2" effect="plain" >送货到厂</el-tag>
+                              </template>
+                            </el-table-column> -->
+
+                            <el-table-column prop="startTime" width="152" label="投标起始时间" :show-overflow-tooltip="true" align="center" />
+                            <el-table-column prop="endTime" width="152" label="投标结束时间" :show-overflow-tooltip="true" align="center" />
+                            <!-- <el-table-column prop="createTime" 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-column label="操作" width="150" align="center" fixed="right">
+                                <template slot-scope="scope">
+                                  <el-button  slot="reference" type="text" :disabled="scope.row.status !=3" icon="el-icon-plus" @click="handleAdd(scope.row)">投标</el-button>
+                                </template>
+                              </el-table-column>
+                          </el-table>
+                          <div class="pagination">
+                            <el-pagination
+                              :current-page.sync="param.current"
+                              :page-size="param.size"
+                              layout="total, sizes, prev, pager, next, jumper"
+                              :total="total1"
+                              :page-sizes="[10, 20, 30, 50]"
+                              background
+                              @size-change="handleSizeChangeParam"
+                              @current-change="handleCurrentChangeParam"
+                            />
+                          </div>
+                  <!-- <div style="height:60px"></div> -->
+                    </div>
+
+                </el-tab-pane>
+                <el-tab-pane label="投标详情" name="second">
+                   <!-- <el-card class="box-card" shadow="nerver"> -->
+                      <!-- <div slot="header" class="clearfix">
+                        <span class="topClass">投标详情</span>
+                      </div> -->
+                              <ckTable ref="ckTable" @change="costPlannedAmountChange($event)"  @onAdd="changeAdd($event)"></ckTable>
+                   <!-- </el-card> -->
+                </el-tab-pane>
+              </el-tabs>
+             
+                      </el-card>
+          <el-dialog :append-to-body="true" :visible.sync="dialog" :title="isAdd ? '投标' : '修标'" width="50%">
+                      <el-form ref="form" :model="form" :rules="rules1" label-width="95px">
+                          <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="品种">
+                                <el-tag>{{form.breeds}}</el-tag>
+                              </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="标的编码">
+                                <el-tag>{{form.processingCode}}</el-tag>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+                       
+                        
+                         <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                            <el-form-item label="产地">
+                              <div>
+                              <el-input v-model="form.comesFrom" readonly style="width: 88%;" placeholder=""></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="数量" >
+                                <el-input v-model="form.quantity" readonly style="width: 80%;" placeholder=""></el-input>
+                              </el-form-item>
+                          </el-col>
+                         </el-row>
+
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                           <el-form-item label="加工费" prop="processFee">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.processFee" type="number" style="width: 88%;" @blur="(form.processFee <= 0) ? form.processFee='' : form.processFee" placeholder="请输入加工费"><template slot="append">(元)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                           <el-form-item label="租赁费" prop="rentalFee">
+                              <div class="typeNumber">
+                                <el-input v-model.number="form.rentalFee" type="number" style="width: 80%;"  @blur="(form.rentalFee <= 0) ? form.rentalFee='' : form.rentalFee" placeholder="请输入租赁费"><template slot="append">(元)</template></el-input>
+                              </div>
+                            </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                            <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="出库辅助费" prop="storageAssistFee">
+                            <div class="typeNumber">
+                            <el-input v-model.number="form.storageAssistFee" type="number" style="width: 88%;"  placeholder="请输入出库辅助费"><template slot="append">(元)</template></el-input>
+                            </div>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="合计" prop="quantity">
+                               <el-input  :value="form.rentalFee && form.processFee ? ((form.rentalFee + form.storageAssistFee + form.processFee) * form.quantity).toFixed(4) : 0" readonly style="width: 80%;" placeholder="请输入金额"><template slot="append">(元)</template></el-input>
+                               </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                          <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <el-form-item label="联系电话" >
+                            <el-input v-model="form.phone" style="width: 88%;" maxlength="11" placeholder="请输入联系电话"></el-input>
+                          </el-form-item>
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                              <el-form-item label="上传凭证" >
+                              <el-upload
+                                  class="upload-demo"
+                                  :limit="1"
+                                  :on-preview="handlePreview"
+                                  :on-change="handleChange"
+                                  :on-remove="handleRemove"
+                                  :before-remove="beforeRemove"
+                                  :on-exceed="handleExceed"
+                                  :action="BASE_API+'/common/bidding/voucher'"
+                                  name="multipartFile"
+                                  list-type="text"
+                                  :file-list="fileList"
+                                  multiple
+                                >
+                                    <el-button class="el-icon-upload" >上传凭证</el-button>
+                                </el-upload>
+                            </el-form-item>
+                          </el-col>
+                        </el-row>
+
+                        <el-row :gutter="20">
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                          <!-- <el-form-item label="联系电话" >
+                            <el-input v-model="form.phone" style="width: 80%;" maxlength="11" placeholder="请输入联系电话"></el-input>
+                          </el-form-item> -->
+                          </el-col>
+                          <el-col :span="6" :xs="24" :sm="12" :md="12" :lg="12">
+                             <el-form-item label="备注" prop="biddingLogisticsRemark">
+                                <el-input
+                                  v-model="form.remark"
+                                  type="textarea"
+                                  style="width: 88%;"
+                                  :autosize="{ minRows: 2, maxRows: 10}"
+                                  maxlength="500"
+                                  show-word-limit
+                                  placeholder="请输入内容"
+                                />
+                              </el-form-item>
+                          </el-col>
+                        </el-row>
+                      </el-form>
+                      <div slot="footer" class="dialog-footer">
+                        <el-button @click="dialog = false">取消</el-button>
+                        <el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
+                      </div>
+                    </el-dialog>
+            
+                   <div slot="footer" class="paginationParam" style="paddingRight:">
+                    <!-- <el-button @click="viewDialog = false">取消</el-button> -->
+                    <el-button :loading="loading" type="primary" @click="viewDialog = false">返回</el-button>
+                  </div>
+
+                         <el-dialog :title="goodsName" width="90%" center :visible.sync="dialogTableVisible" append-to-body>
+                               <ckDialog ref="ckDialog"></ckDialog>
+                          </el-dialog>
+
+    </el-dialog>
+    </div>
+</template>
+
+<script>
+
+import {  getTenderProcessing,getBiddingAdd } from '@/api/tender'
+import { Notification, MessageBox } from 'element-ui'
+
+import ckTable from './table.vue'
+import ckDialog from './dialog.vue'
+export default {
+   components:{
+    ckTable,
+    ckDialog
+  },
+  data() {
+    const checkTel = (rule, value, callback) => {
+      if (value == null) {
+        callback(new Error('请选择附件'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      form: {
+      },
+      data: [{}],
+      active:0,
+      BASE_API: process.env.BASE_API,
+      dialog: false,
+      loading: false,
+      delLoading: false,
+      tableLoading:false,
+      viewDialog: false,
+      isAdd: false,
+      currentPage: 1,
+      pageSize: 10,
+      total: 0, // 总数量
+      rules1:{
+        processFee:[
+          { required: true, message: '加工费不能为空', trigger: 'blur' },
+        ],
+         rentalFee:[
+          { required: true, message: '租赁费不为空', trigger: 'blur' },
+        ],
+         storageAssistFee:[
+          { required: true, message: '出库辅助费不为空', trigger: 'blur' },
+        ],
+         packingWay:[
+          { required: true, message: '包装方式不为空', trigger: 'blur' },
+        ],
+         phone:[
+          { required: true, message: '联系电话不为空', trigger: 'blur' },
+        ],
+         transportMode:[
+          { required: true, message: '运输方式不为空', trigger: 'blur' },
+        ],
+      },
+      rules: {
+
+        price: [
+          { required: true, message: '报价金额不为空', trigger: 'blur' },
+        ],
+        appendix: [
+          // { type:"array",required: true, message: '附件不为空', trigger: 'blur' },
+          { validator: checkTel, trigger: 'blur' }
+        ]
+      },
+      query: {
+        type: '',
+        value: '',
+         tenderRule:"",
+        tenderType:"",
+        startTime:"",
+        endTime:""
+      },
+      fileList: [],
+      param: {
+        current: 1,
+        size: 10
+      },
+      total1: 0,
+      Paramdata: [],
+      applyDateStart:[],
+      dialogTableData:[],
+       level:[
+        {id:1,name:"二级"},
+        {id:2,name:"三级"},
+
+      ],
+      deliveryMethod:[
+        {id:1,name:"自提"},
+        {id:2,name:"送货到厂"},
+      ],
+      packingWay:[],
+      transportMode:[
+        {id:1,name:"汽运"},
+        {id:2,name:"火车运输"},
+        {id:3,name:"船运"},
+        {id:4,name:"汽运/火车运输/船运"},
+        {id:5,name:"汽运/火车运输"},
+        {id:6,name:"汽运/船运"},
+      ],
+       activeName: 'first',
+       dialogTableVisible:false,
+       goodsName:"",
+       bidInfo:{}
+    }
+  },
+  created() {
+    // this.getDictData()
+  },
+  methods: {
+    changeAdd(row){
+      console.log(row)
+      this.handleAdd(row)
+    },
+    // 投标详情 向父元素传递数据
+    costPlannedAmountChange(val){
+      console.log(val)
+ 
+      this.dialogTableVisible = true
+      setTimeout(() => {
+        this.goodsName = val.goodsName
+       this.$refs.ckDialog.priceData = val
+      this.$refs.ckDialog.handleFind()
+        console.log(this.$refs.ckDialog)
+      }, 300);
+    },
+    // 价格投标不能大于合计
+    onlogistiicsPrice(val){
+      console.log(val)
+       if(val>this.form.transportUnitPrice){
+         this.form.logisticsBiddingPrice = this.form.transportUnitPrice
+         console.log("我是大于")
+       }
+       if(val.indexOf('.') !== -1 && val == '.'){
+         this.form.logisticsBiddingPrice =0
+       }
+       if(val== "+" || val== "-"){
+         this.form.logisticsBiddingPrice = 0
+       }
+       if(val<0){
+         this.form.logisticsBiddingPrice = 0
+       }
+    },
+    onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.param.startTime =this.applyDateStart[0]
+              this.param.endTime = this.applyDateStart[1]
+            }else{
+              this.param.startTime =""
+              this.param.endTime =""
+            }
+
+      this.getParamFexd()
+    },
+    next() {
+      console.log(this.$refs.ckTable)
+        if (this.active++ > 2) this.active = 0;
+        this.dialogTableData = this.$refs.ckTable.SelectionList
+      },
+      handleSelectionChange(row){
+        
+      },
+    // 获取详情
+    getDictData: function() {
+      this.loading = true
+        const params = new URLSearchParams()
+      params.append('current', this.currentPage)
+      params.append('size', this.pageSize)
+      params.append('tenderType', this.query.tenderType)
+      params.append('tenderTitle', this.query.value)
+      params.append('tenderRule', this.query.tenderRule)
+      params.append('startTime',this.query.startTime )
+      params.append('endTime', this.query.endTime)
+
+      getTableList(params).then(res => {
+          console.log(res)
+        // this.data = res.data.data.records
+        let data = res.data.data.records
+        console.log(new Date().valueOf(),"当前时间")
+        data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.isInvalid == 2){
+             res.status = 3
+            console.log("作废了")
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 1
+            console.log("当前时间大于开始时间并且小于结束时间，进行中")
+          }else if(time > end){
+            res.status = 2
+            console.log("当前时间大于结束时间，已结束")
+          }
+
+          return res
+        })
+        this.data = data
+        this.total = res.data.data.total
+        this.loading = false
+      })
+    },
+
+    // 搜索
+    handleFind: function() {
+      this.currentPage = 1
+      this.getDictData()
+    },
+
+    // 文件移除的时候
+    handleRemove(file, fileList) {
+      this.form.voucherFile = ''
+      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.form.voucherFile = file.response.data.filePath
+        } else {
+          Notification.error({
+            title: file.response.msg,
+            duration: 1000
+          })
+          this.fileList = []
+        }
+      }
+    },
+    // 点击文件列表中已上传的文件时的钩子
+    handlePreview(file) {
+      console.log(file, 'file1')
+      // window.location.href = file.url
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(`当前限制选择 1 个附件，本次选择了 ${files.length} 个文件`)
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`)
+    },
+    // 下载
+    onLoad(row) {
+      // const params = new URLSearchParams()
+      // params.append('path', row)
+      const a = document.createElement('a')
+      // a.href= /bidding/load
+      const url = window.location.origin + process.env.BASE_API + '/bidding/load?path=' + encodeURIComponent(row)
+      a.href = url
+      a.click()
+    },
+
+    // 字典名称提交动作
+    doSubmit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          if (this.isAdd) {
+            // 新增字典
+            console.log(this.form)
+            this.loading = true
+            getBiddingAdd(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.loading = false
+              this.getDictData()
+              this.$refs['form'].resetFields()
+            }).catch(err => {
+              this.loading = false
+            })
+          } else {
+            // 更新字典
+            getQueryEdit(this.form).then((res) => {
+              if (res.data.code === 200) {
+                this.$message({ message: '操作成功', type: 'success' })
+              } else {
+                this.$message({ message: res.data.msg, type: 'error' })
+              }
+              this.dialog = false
+              this.getDictData()
+            })
+          }
+        }
+      })
+    },
+    // 添加字典
+    handleAdd: function(row) {
+      this.dialog = true
+      this.isAdd = true
+      this.form = {}
+      this.fileList = []
+      this.form.breeds = row.breeds
+      this.form.comesFrom = row.comesFrom
+      this.form.level = row.level
+      this.form.tenderParentId = this.param.tenderParentId
+      this.form.tenderProcessingId = row.tenderProcessingId
+      this.form.processingCode = row.processingCode
+      this.form.quantity = row.quantity
+      // 出库辅助费默认为0
+      this.$set(this.form, "storageAssistFee", 0)
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+    },
+    // 编辑字典
+    handleEdit: function(row) {
+      if (this.$refs['form']) {
+        this.$refs['form'].resetFields()
+      }
+      this.dialog = true
+      this.isAdd = false
+      this.form = row.bidding
+      this.form.priceQuotes = row.priceQuotes
+      if (this.form.appendix) {
+        let name = this.form.appendix.split('bidding/')
+        name = name.pop()
+        // let name = data.appendix.replace(/(.*\/)*([^.]+).*/ig, "$2");
+        this.fileList = [{ name: name, url: this.form.appendix }]
+      }
+    },
+    handleClick(row,val){
+      console.log(row,val)
+      if(row.name == "second"){
+       this.$refs.ckTable.tenderParentId = this.param.tenderParentId
+        this.$refs.ckTable.productName =""
+        this.$refs.ckTable.handleFind()
+      }
+    },
+
+    // 所有标的搜索
+    getParamFexd(){
+      this.param.current = 1
+      this.getParam()
+    },
+    // 所有标的列表数据
+    getParam() {
+      const data = this.param
+      this.tableLoading = true
+      getTenderProcessing(data).then((res) => {
+       console.log(this.bidInfo, 'bidInfo')
+        let data = res.data.data.records
+         data.map((res)=>{
+          // 开始时间
+          let startTime = res.startTime
+          // 投标结束时间
+          let endTime = res.endTime
+
+          const date = new Date(startTime)
+          const modify = new Date(endTime)
+
+          const start = date.valueOf()         //开始时间
+          const end = modify.valueOf()        //投标结束时间
+          const time = new Date().valueOf()   //当前时间
+          console.log(start,"start")
+          console.log(end,"end")
+         if(res.tenderStatus == 1 || res.tenderStatus == 2){
+             res.status = res.tenderStatus 
+            console.log("我的状态是：" + res.tenderStatus)
+          }else if(time < start){
+            res.status = 4
+            console.log("当前时间小于开始时间，未开始")
+          }else if(time > start && time < end){
+            res.status = 3
+            console.log("当前时间大于开始时间并且小于结束时间，进行中")
+          }else if(time > end){
+            res.status = 5
+            console.log("当前时间大于结束时间，待处理")
+          }
+
+          return res
+        })
+        this.Paramdata = data
+        this.tableLoading = false
+        this.total1 = res.data.data.total
+      })
+    },
+
+    // 换页
+    handleCurrentChange: function(val) {
+      this.currentPage = val
+      this.getDictData()
+    },
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.getDictData()
+    },
+    handleCurrentChangeParam(val) {
+      this.param.current = val
+      this.getParam()
+    },
+    handleSizeChangeParam(val) {
+      this.param.size = val
+      this.getParam()
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+/* 去掉上传附件时候的过度效果 */
+  ::v-deep .el-upload-list__item{transition: none !important;}
+  ::v-deep .el-textarea__inner{
+  padding-bottom: 36px;
+}
+.btn_fixed{
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  padding: 15px 50px;
+  width: 100%;
+  text-align: right;
+  background: #f5f5f5;
+
+}
+.ckTable{
+        width: 100%;
+        border: #eee;
+        text-align: center;
+        tr,td{
+        border: 0.5px solid#dfe6ec;
+        line-height: 23px;
+        }
+    }
+.paginationParam{
+  // position: fixed;
+  // bottom: 50px;
+  bottom: 0;
+  left: 0;
+  line-height: 80px;
+  width: 100%;
+  // left: 45%;
+  // text-align: right;
+  z-index: 999;
+  background: #fff;
+}
+/deep/ .el-tabs__item{
+  font-size: 16px !important;
+  // padding: 35px  ;
+}
+.el-card {
+  border: 0px solid #fff;
+}
+.clearfix {
+    line-height: 20px;
+    font-size: 18px;
+    font-weight: 600;
+    color: #409EFF;
+}
+/deep/.el-dialog.is-fullscreen {
+
+    background-color: #f5f7f9;
+}
+.box-card{
+  margin-bottom: 20px;
+  .row-bg{
+  padding: 15px 40px 0 40px;
+  .flex_text{
+    line-height: 50px;
+    color: #8C8C8C;
+    font-size: 14px;
+    // border:1px solid red;
+    // font-weight: 600;
+  }
+  .flex_name{
+    font-size: 14px;
+    padding-left: 25px;
+    color: #575757;
+    font-weight: 550;
+  }
+}
+}
+/deep/ .el-card__body{
+  padding: 20px 0;
+}
+/deep/.el-tabs__nav-wrap::after {
+
+    background-color: #dfe4ed00;  
+}
+/deep/ .el-dialog--center .el-dialog__body {
+    text-align: initial;
+    padding: 25px 25px 0px 30px;
+}
+
+/deep/ .el-tabs--border-card{
+  // border-top:1px ;
+  border-bottom: 0px;
+
+ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5)
+}
+
+
+
+// 去掉数字类型
+.typeNumber{
+/* 谷歌 */
+::v-deep input::-webkit-outer-spin-button,
+  ::v-deep input::-webkit-inner-spin-button {
+  -webkit-appearance: none !important;
+  }
+  ::v-deep input[type='number'] {
+  -moz-appearance: textfield !important;
+  }
+}
+</style>
+