招标列表增加搜索条条件

src/views/bid/index.vue

@@ -24,16 +24,43 @@
         />
       </el-select>
 
-      <el-button class="filter-item" size="small" type="primary" icon="el-icon-search" plain @click="handleFind">搜索</el-button>
-      <el-button
-        class="filter-item"
-        size="small"
-        type="primary"
-        icon="el-icon-plus"
-        @click="handleAdd"
-      >发布新标
-      </el-button>
-    </div>
+        <span style="fontSize:13px;marginLeft:20px">招标规则</span>
+      <el-select v-model="query.tenderRule" style="width: 200px;" @keyup.enter.native="handleFind" @clear="handleFind" size="small" clearable  value-key="areaId" filterable placeholder="请选择招标规则">
+        <el-option
+          v-for="item in tenderRule"
+          :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="mini"
+              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>
+          <div style="float:right">
+           <el-button class="filter-item" size="small" type="primary" icon="el-icon-search"  @click="handleFind">搜索</el-button>
+          <el-button
+            class="filter-item"
+            size="small"
+            type="primary"
+            icon="el-icon-plus"
+            @click="handleAdd"
+          >发布新标
+          </el-button>
+      </div>
     <!--表格渲染-->
     <el-table v-loading="loading" :data="data" style="width: 100%;">
       <el-table-column label="序号" fixed="left" width="60" align="center">
@@ -84,8 +111,9 @@
       <el-table-column prop="endTime" label="截止时间" align="center" width="160" />
       <el-table-column prop="tenderRemark" label="备注" :show-overflow-tooltip="true" align="center" />
 
-      <el-table-column label="操作" width="150" fixed="right" align="center">
+      <el-table-column label="操作" width="250" fixed="right" align="center">
         <template slot-scope="scope">
+          <el-button  slot="reference" icon="el-icon-view" type="text" @click="handleView(scope.row)">标的详情</el-button>
           <el-button v-if="scope.row.status == 1 || scope.row.status == 4" slot="reference" type="text" icon="el-icon-edit" @click="handleEdit(scope.row)">编辑</el-button>
           <el-popover
             :ref="scope.row.tenderParentId"
@@ -100,7 +128,6 @@
             </div>
             <el-button v-if="scope.row.status == 1 || scope.row.status == 4" slot="reference" icon="el-icon-delete" type="text">作废</el-button>
           </el-popover>
-          <el-button v-if="scope.row.status != 1 && scope.row.status != 4" slot="reference" icon="el-icon-view" type="text" @click="handleView(scope.row)">标的详情</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -139,8 +166,8 @@
               </el-select>
           </el-form-item>
           <el-form-item label="招标规则" prop="tenderRule">
-            <el-radio v-model="form.tenderRule" @change="onShowType" :disabled="!isAdd" :label="1">价低者得</el-radio>
-            <el-radio v-model="form.tenderRule" @change="onShowType" :disabled="!isAdd" :label="2">价高者得</el-radio>
+            <el-radio v-model="form.tenderRule" @change="onShowType"  :label="1">价低者得</el-radio>
+            <el-radio v-model="form.tenderRule" @change="onShowType"  :label="2">价高者得</el-radio>
         </el-form-item>
         <el-form-item label="附件" prop="fileUrl" class="is-required">
           <el-row type="flex" class="row-bg">
@@ -364,6 +391,7 @@ export default {
         tenderRule:"",
         fileUrl:""
       },
+      applyDateStart:[],
       data: [],
       fileList: [],
       fileData:{},
@@ -399,6 +427,11 @@ export default {
         {id:3,name:"销售",value:"sale"},
         {id:4,name:"加工承揽",value:"processing"},
       ],
+      tenderRule:[
+        {id:1,name:"价低者得"},
+        {id:2,name:"价高者"},
+
+      ],
       queryTypeOptions: [
         { key: 'name', display_name: '字典名称' },
         { key: 'remark', display_name: '描述' }
@@ -406,7 +439,10 @@ export default {
       query: {
         type: '',
         value: '',
-        tenderType:""
+        tenderRule:"",
+        tenderType:"",
+        startTime:"",
+        endTime:""
       },
       param: {
         current: 1,
@@ -416,13 +452,25 @@ export default {
       Paramdata: [],
       bidDate: [],
       buton: false,
-      fileUrl:""
+      fileUrl:"",
+      tableLoading:false
     }
   },
   created() {
     this.getDictData()
   },
   methods: {
+    onApplyDate(){
+      let startTime
+      let endTime
+            if(this.applyDateStart != null){
+              this.query.startTime =this.applyDateStart[0]
+              this.query.endTime = this.applyDateStart[1]
+            }else{
+              this.query.startTime =""
+              this.query.endTime =""
+            }
+    },
     onShowType(){
       console.log(this.form.tenderType+"this.form.tenderType ")
       console.log(this.form.tenderRule+"this.form.tenderRule")
@@ -475,11 +523,16 @@ export default {
     // 获取详情
     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)
+
       // const data = {
       //   page: this.currentPage,
       //   size: this.pageSize,

src/views/tender/index.vue

@@ -333,7 +333,7 @@ export default {
     return {
       form: {
       },
-      data: [{tenderStatus:1}],
+      data: [{}],
       active:0,
       BASE_API: process.env.BASE_API,
       dialog: false,