完善拼团列表

src/views/activity/combinlist/index.vue

@@ -2,6 +2,12 @@
   <div class="app-container">
     <!--工具栏-->
     <div class="head-container">
+      <!-- 搜索 -->
+      <el-input v-model="query.value" clearable placeholder="输入搜索内容" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery" />
+      <el-select v-model="query.type" clearable placeholder="类型" class="filter-item" style="width: 130px">
+        <el-option v-for="item in queryTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
+      </el-select>
+      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
       <!-- 新增 -->
       <el-button
         type="danger"
@@ -15,20 +21,26 @@
     <eForm ref="form" :is-add="isAdd" />
     <!--表格渲染-->
     <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
-      <el-table-column prop="id" label="id" />
-      <el-table-column prop="uid" label="开团团长" width="150">
-        <template slot-scope="scope">
-          <span>{{ scope.row.nickname }}/{{ scope.row.uid }}</span>
-        </template>
+      <el-table-column
+        label="序号"
+        type="index"
+        width="50"
+        align="center">
       </el-table-column>
-      <el-table-column label="开团时间">
+      <el-table-column prop="uid" label="参与人" width="150" >
         <template slot-scope="scope">
-          <span>{{ formatTimeTwo(scope.row.addTime) }}</span>
+          头像：<a :href="scope.row.userImg" style="color: #42b983" target="_blank"><img :src="scope.row.userImg" alt="点击打开" class="el-avatar"></a><br>
+          昵称：{{ scope.row.nickname }}<br>
+          用户ID：{{ scope.row.uid }}<br>
+          手机号：{{ scope.row.phone }}
         </template>
       </el-table-column>
-      <el-table-column label="拼团产品">
+      <el-table-column prop="createTime" label="开团时间" />
+      <el-table-column label="拼团产品"width="200">
         <template slot-scope="scope">
-          <span>{{ scope.row.title }}/{{ scope.row.cid }}</span>
+          产品主图：<a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.image" alt="点击打开" class="el-avatar"></a><br>
+          拼团名称：{{ scope.row.product }}<br>
+          拼团 ID：{{ scope.row.cid }}
         </template>
       </el-table-column>
       <el-table-column prop="orderId" label="订单号" width="150" />
@@ -61,17 +73,20 @@
 </template>
 
 <script>
-import checkPermission from '@/utils/permission'
-import initData from '@/mixins/crud'
-import { del } from '@/api/yxStorePink'
-import eForm from './form'
-import { formatTimeTwo, parseTime } from '@/utils/index'
-export default {
+  import checkPermission from '@/utils/permission'
+  import initData from '@/mixins/crud'
+  import { del } from '@/api/yxStorePink'
+  import eForm from './form'
+  import { formatTimeTwo, parseTime } from '@/utils/index'
+  export default {
     components: { eForm },
     mixins: [initData],
     data() {
       return {
-      delLoading: false
+        delLoading: false,
+        queryTypeOptions: [
+          { key: 'cid', display_name: '拼团id' }
+        ]
       }
     },
     created() {
@@ -87,6 +102,10 @@ export default {
         this.url = 'api/yxStorePink'
         const sort = 'id,desc'
         this.params = { page: this.page, size: this.size, sort: sort }
+        const query = this.query
+        const type = query.type
+        const value = query.value
+        if (type && value) { this.params[type] = value }
         return true
       },
       subDelete(id) {
@@ -135,7 +154,7 @@ export default {
         _this.dialog = true
       }
     }
-}
+  }
 </script>
 
 <style scoped>