导粉进粉通过率统计，食谱计划生成优化

stdiet-ui/src/api/custom/fanStatistics.js

@@ -61,5 +61,15 @@ export function getWxByUserId(userId) {
   })
 }
 
+// 获取通过率
+export function getImportFanPassRate(data) {
+  return request({
+    url: '/custom/fanStatistics/getImportFanPassRate',
+    method: 'get',
+    params: data
+  })
+}
+
+
 
 

stdiet-ui/src/components/ImportFanRate/index.vue

@@ -0,0 +1,74 @@
+<template>
+    <!--  -->
+    <!-- 导粉通过率 -->
+    <el-dialog :title="title" :visible.sync="open" width="600px" :close-on-click-modal="true" append-to-body @closed="cancel">
+        <div style="height: 500px; overflow: auto">
+            <el-table v-loading="loading" :data="passRateList"> 
+                <el-table-column label="账号渠道" align="center" prop="channelName" width="160"/>
+                <el-table-column label="导粉量" align="center" prop="totalImportFanNum" width="120"/>
+                <el-table-column label="进粉量" align="center" prop="totalPassFanNum" width="120"/>
+                <el-table-column label="通过率" align="center" prop="passRate" width="120">
+                    <template slot-scope="scope">
+                        {{scope.row.passRate + '%'}}
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-dialog>
+</template>
+<script>
+import {getImportFanPassRate} from "@/api/custom/fanStatistics";
+export default {
+  name: "ImportFanRate",
+  components: {
+      
+  },
+  data() {
+    return {
+        // 遮罩层
+      loading: true,
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      data: null,
+      passRateList: null
+    };
+  },
+  created(){
+    
+        
+  },
+  computed: {
+    
+  },
+  methods: {
+    showDialog(data) {
+      if(!data || data == undefined || data == null){
+          return;
+      }
+      this.data = data;
+      this.title = data.fanStartTime ? ("「"+data.fanStartTime+" 至 "+data.fanEndTime+"」进粉通过率统计") : "进粉通过率统计";
+      this.getImportFanPassRate();
+      this.open = true;
+    },
+    cancel(){
+        this.open = false; 
+    },
+    //获取所有可接粉的微信号
+    getImportFanPassRate() {
+        this.loading = true;
+        getImportFanPassRate(this.data).then((response) => {
+            if(response.code == 200){
+                this.passRateList = response.data;
+            }
+            this.loading = false;
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>

stdiet-ui/src/views/custom/fanStatistics/index.vue

@@ -108,6 +108,15 @@
           >导出</el-button
         >
       </el-col>
+      <el-col :span="1.5">
+      <el-button
+            size="mini"
+            type="success"
+            @click="showPassRate()"
+            
+            >导粉通过率统计</el-button
+          >
+      </el-col>
       <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
@@ -270,6 +279,9 @@
         <el-button @click="editCancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 通过率 -->
+    <ImportFanRate ref="importFanRateRef"></ImportFanRate>
   </div>
 </template>
 
@@ -282,7 +294,9 @@ import {
   updateFanStatistics,
   exportFanStatistics,
   getWxByUserId,
+  getImportFanPassRate
 } from "@/api/custom/fanStatistics";
+import ImportFanRate from "@/components/ImportFanRate";
 import store from "@/store";
 import dayjs from "dayjs";
 import { mapState } from "vuex";
@@ -366,6 +380,9 @@ export default {
       preSaleIdOptions: (state) => state.global.preSaleIdOptions.slice(1),
     }),
   },
+  components:{
+      ImportFanRate
+  },
   methods: {
     /** 查询进粉统计列表 */
     getList() {
@@ -563,6 +580,11 @@ export default {
         }
       });
     },
+    showPassRate(){
+      this.queryParams.fanStartTime = this.fanTimeScope && this.fanTimeScope.length > 0 ? this.fanTimeScope[0] : null;
+      this.queryParams.fanEndTime = this.fanTimeScope && this.fanTimeScope.length > 0 ? this.fanTimeScope[1] : null;
+      this.$refs.importFanRateRef.showDialog(this.queryParams);
+    }
   },
   watch: {
     // 监听用户ID变化