活动管理

project/activeAnalysis/app/AppActiveAnalysis/components/List.vue

@@ -98,14 +98,24 @@
         customFooter
         title="成员活跃明细">
         <ai-search-bar bottomBorder>
-          <template #left>
-            <ai-select
-              v-model="search.status"
+          <template #right>
+            <el-select @change="getActiveList" v-model="search.status" size="small" placeholder="请选择活跃状态">
+              <el-option
+                v-for="item in statusList"
+                :key="item.dictName"
+                :label="item.dictName"
+                :value="item.dictName">
+              </el-option>
+            </el-select>
+            <el-input
+              v-model="search.name"
+              size="small"
+              placeholder="请输入成员姓名"
               clearable
-              placeholder="请选择活跃状态"
-              :selectList="statusList"
-              @change="getActiveList">
-            </ai-select>
+              v-throttle="() => {search.current = 1, getActiveList()}"
+              @clear="search.current = 1, search.name = '', getActiveList()"
+              suffix-icon="iconfont iconSearch">
+            </el-input>
           </template>
         </ai-search-bar>
         <ai-table
@@ -116,11 +126,48 @@
           :current.sync="search.current"
           :size.sync="search.size"
           @getList="getActiveList">
+          <el-table-column slot="options" width="90px" fixed="right" label="操作" align="center">
+            <template slot-scope="{ row }">
+              <div class="table-options">
+                <el-button type="text" @click="userSearch.wxUserId = row.wxUserId, isShowDetail = true, getUserActiveList()">详情</el-button>
+              </div>
+            </template>
+          </el-table-column>
         </ai-table>
         <div class="dialog-footer" slot="footer">
           <el-button @click="isShowList = false">关闭</el-button>
         </div>
       </ai-dialog>
+      <ai-dialog
+        :visible.sync="isShowDetail"
+        width="1090px"
+        customFooter
+        title="成员活跃明细">
+        <ai-search-bar bottomBorder>
+          <template #right>
+            <el-select @change="getUserActiveList" v-model="userSearch.status" size="small" placeholder="请选择活跃状态">
+              <el-option
+                v-for="item in statusList"
+                :key="item.dictName"
+                :label="item.dictName"
+                :value="item.dictName">
+              </el-option>
+            </el-select>
+          </template>
+        </ai-search-bar>
+        <ai-table
+          :tableData="userDetailList"
+          :col-configs="activeColConfigs"
+          :total="userSearch.total"
+          style="margin-top: 16px;"
+          :current.sync="userSearch.current"
+          :size.sync="userSearch.size"
+          @getList="getUserActiveList">
+        </ai-table>
+        <div class="dialog-footer" slot="footer">
+          <el-button @click="isShowDetail = false">关闭</el-button>
+        </div>
+      </ai-dialog>
     </template>
   </ai-list>
 </template>
@@ -139,12 +186,22 @@
 
     data () {
       return {
+        userSearch: {
+          status: '',
+          size: 10,
+          total: 0,
+          current: 1,
+          wxUserId: ''
+        },
         search: {
           status: '',
           size: 10,
           total: 0,
+          name: '',
           current: 1
         },
+        isShowDetail: false,
+        userDetailList: [],
         activeList: [],
         loading: false,
         isShowList: false,
@@ -203,12 +260,34 @@
         })
       },
 
+      getUserActiveList () {
+        if (!this.userSearch.status && this.statusList.length) {
+          this.userSearch.status = this.statusList[0].dictName
+        }
+
+        this.instance.post(`/app/wxuseruselog/list`, null, {
+          params: {
+            ...this.userSearch,
+            status: this.userSearch.status ? this.userSearch.status : this.statusList.length ? this.statusList[0].dictName : ''
+          }
+        }).then(res => {
+          if (res.code === 0) {
+            this.userDetailList = res.data.records
+            this.userSearch.total = res.data.total
+          }
+        })
+      },
+
       getActiveList () {
+        if (!this.search.status && this.statusList.length) {
+          this.search.status = this.statusList[0].dictName
+        }
+
         this.instance.post(`/app/wxuseruselog/active-log-list`, null, {
           params: {
             ...this.search,
             ymd: this.today,
-            status: this.search.status ? this.search.status : (!this.search.status && this.statusList.length) ? this.statusList[0] : ''
+            status: this.search.status ? this.search.status : this.statusList.length ? this.statusList[0].dictName : ''
           }
         }).then(res => {
           if (res.code === 0) {