From e7ba586fc2cb6b769726763caa995206d57cd71f Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Mon, 20 Oct 2025 14:18:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(recommend):=20=E6=8E=A8=E8=8D=90=E6=9E=B6?=
 =?UTF-8?q?=E6=9E=84=E9=BB=98=E8=AE=A4=E6=9C=9F=E6=95=B0=E4=B8=BA=E4=B8=8A?=
 =?UTF-8?q?=E4=B8=80=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/framework/recommend/index.vue | 140 +++++++++++-------------
 src/views/framework/recommend/tjjg2.vue |   9 +-
 src/views/framework/recommend/tjjg3.vue |   9 +-
 src/views/framework/recommend/tjjg4.vue |   9 +-
 4 files changed, 75 insertions(+), 92 deletions(-)

diff --git a/src/views/framework/recommend/index.vue b/src/views/framework/recommend/index.vue
index c90b472..ff7f804 100644
--- a/src/views/framework/recommend/index.vue
+++ b/src/views/framework/recommend/index.vue
@@ -2,51 +2,46 @@
   <div class="page">
     <topBar
       v-if="topList.length > 0"
-      :topList="topList"
+      :top-list="topList"
       :moren="moren"
-    ></topBar>
+    />
     <div class="thetopbox">
       <el-form ref="form" :model="queryParams" label-width="100px">
         <el-row>
           <el-col :span="4">
             <el-form-item :label="'会员编号'" prop="memberCode">
               <el-input
-                clearable
                 v-model="queryParams.memberCode"
-              ></el-input></el-form-item
-          ></el-col>
+                clearable
+              /></el-form-item></el-col>
           <el-col :span="4">
             <el-form-item :label="'结算期数'" prop="memberSettlePeriodId">
               <el-select
+                v-model="queryParams.memberSettlePeriodId"
                 clearable
                 :placeholder="'请选择'"
-                v-model="queryParams.memberSettlePeriodId"
               >
                 <el-option
                   v-for="item in memberSettlePeriodList"
                   :key="item.pkId"
                   :label="item.settleDate"
                   :value="item.pkId"
-                ></el-option> </el-select></el-form-item
-          ></el-col>
+                /> </el-select></el-form-item></el-col>
           <el-col :span="4">
             <el-form-item :label="'代数'" prop="level">
               <el-input
-                clearable
                 v-model="queryParams.level"
-              ></el-input></el-form-item
-          ></el-col>
+                clearable
+              /></el-form-item></el-col>
           <el-col :span="4" style="margin-left: 30px">
             <div class="searchbox">
               <el-button class="searchbtn" @click="getSearch">
-                {{ '搜索' }}</el-button
-              >
+                {{ '搜索' }}</el-button>
               <el-button @click="reChongzhi"> {{ '重置' }}</el-button>
               <el-button @click="goback"> {{ '返回' }}</el-button>
             </div>
           </el-col>
-        </el-row></el-form
-      >
+        </el-row></el-form>
     </div>
     <div>
       <div class="tree">
@@ -65,65 +60,65 @@
   </div>
 </template>
 
-  <script>
-import topBar from "@/components/topBar";
-import { getTjFramework, getMemberSettlePeriod } from "@/api/archityecture";
+<script>
+import topBar from '@/components/topBar'
+import { getTjFramework, getMemberSettlePeriod } from '@/api/archityecture'
 export default {
-  name: "Tjjg",
+  name: 'Tjjg',
   components: {
-    topBar,
+    topBar
   },
   data() {
     return {
-      moren: "tjjg",
+      moren: 'tjjg',
       topList: [
         {
           name: '方案一',
-          path: "tjjg",
+          path: 'tjjg'
         },
         {
           name: '方案二',
-          path: "tjjg2",
+          path: 'tjjg2'
         },
         {
           name: '方案三',
-          path: "tjjg3",
+          path: 'tjjg3'
         },
         {
           name: '方案四',
-          path: "tjjg4",
-        },
+          path: 'tjjg4'
+        }
       ],
       queryParams: {
-        memberSettlePeriodId: "", //期数
-        memberCode: "", //会员编号
-        level: "", //代数
-        type: 1,
+        memberSettlePeriodId: '', // 期数
+        memberCode: '', // 会员编号
+        level: '', // 代数
+        type: 1
       },
       data: [],
       defaultProps: {
-        label: "memberCode",
-        children: "children",
+        label: 'memberCode',
+        children: 'children'
       },
-      memberSettlePeriodList: [], //期数
-    };
+      memberSettlePeriodList: [] // 期数
+    }
   },
   created() {
-    this.getSearch();
-    this.getAvarerInfo();
+    this.getSearch()
+    this.getAvarerInfo()
   },
   methods: {
     async loadNode(node, resolve) {
       if (node.level == 0) {
-        return resolve([]);
+        return resolve([])
       } else {
         const response = await getTjFramework({
-          memberCode: node.data.memberCode,
-        });
+          memberCode: node.data.memberCode
+        })
         if (response.data[0].children && response.data[0].children.length > 0) {
-          resolve(response.data[0].children);
+          resolve(response.data[0].children)
         } else {
-          resolve([]);
+          resolve([])
         }
       }
       // if (!node.data.children) {
@@ -133,56 +128,53 @@ export default {
     },
     getAvarerInfo() {
       getMemberSettlePeriod().then((res) => {
-        this.memberSettlePeriodList = res.data;
-        this.memberSettlePeriodList.forEach((ele) => {
-          if (ele.isThisDay == 0) {
-            this.queryParams.memberSettlePeriodId = ele.pkId;
-          }
-        });
-      });
+        const tempList = res.data || []
+        this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
+        this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
+      })
     },
-    //返回
+    // 返回
     goback() {
-      this.queryParams.memberCode = this.data[0].parentMemberCode;
-      this.getSearch();
+      this.queryParams.memberCode = this.data[0].parentMemberCode
+      this.getSearch()
     },
-    //复制
+    // 复制
     copyItem(content) {
       if (window.clipboardData) {
-        window.clipboardData.setData("text", content);
+        window.clipboardData.setData('text', content)
       } else {
-        (function (content) {
-          //oncopy 事件在用户拷贝元素上的内容时触发。
-          document.oncopy = function (e) {
-            e.clipboardData.setData("text", content);
-            e.preventDefault();
-            document.oncopy = null;
-          };
-        })(content);
-        document.execCommand("Copy");
+        (function(content) {
+          // oncopy 事件在用户拷贝元素上的内容时触发。
+          document.oncopy = function(e) {
+            e.clipboardData.setData('text', content)
+            e.preventDefault()
+            document.oncopy = null
+          }
+        })(content)
+        document.execCommand('Copy')
       }
       this.$message({
         message: '复制成功',
-        type: "success",
-      });
+        type: 'success'
+      })
     },
 
     handleNodeClick() {},
     getSearch() {
       getTjFramework(this.queryParams).then((res) => {
-        this.data = res.data;
-      });
+        this.data = res.data
+      })
     },
     reChongzhi() {
       this.queryParams = {
-        memberSettlePeriodId: "", //期数
-        memberCode: "", //会员编号
-        level: "", //代数
-      };
-      this.getSearch();
-    },
-  },
-};
+        memberSettlePeriodId: '', // 期数
+        memberCode: '', // 会员编号
+        level: '' // 代数
+      }
+      this.getSearch()
+    }
+  }
+}
 </script>
 
   <style lang="scss" scoped>
diff --git a/src/views/framework/recommend/tjjg2.vue b/src/views/framework/recommend/tjjg2.vue
index c5b9c0b..db9e66b 100644
--- a/src/views/framework/recommend/tjjg2.vue
+++ b/src/views/framework/recommend/tjjg2.vue
@@ -305,12 +305,9 @@ export default {
     },
     getAvarerInfo() {
       getMemberSettlePeriod().then((res) => {
-        this.memberSettlePeriodList = res.data
-        this.memberSettlePeriodList.forEach((ele) => {
-          if (ele.isThisDay == 0) {
-            this.queryParams.memberSettlePeriodId = ele.pkId
-          }
-        })
+        const tempList = res.data || []
+        this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
+        this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
       })
     },
     // 返回
diff --git a/src/views/framework/recommend/tjjg3.vue b/src/views/framework/recommend/tjjg3.vue
index 89edc27..54d8a49 100644
--- a/src/views/framework/recommend/tjjg3.vue
+++ b/src/views/framework/recommend/tjjg3.vue
@@ -317,12 +317,9 @@ export default {
     },
     getAvarerInfo() {
       getMemberSettlePeriod().then((res) => {
-        this.memberSettlePeriodList = res.data
-        this.memberSettlePeriodList.forEach((ele) => {
-          if (ele.isThisDay == 0) {
-            this.queryParams.memberSettlePeriodId = ele.pkId
-          }
-        })
+        const tempList = res.data || []
+        this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
+        this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
       })
     },
     // 返回
diff --git a/src/views/framework/recommend/tjjg4.vue b/src/views/framework/recommend/tjjg4.vue
index 3f31b54..bd0a8c9 100644
--- a/src/views/framework/recommend/tjjg4.vue
+++ b/src/views/framework/recommend/tjjg4.vue
@@ -315,12 +315,9 @@ export default {
     },
     getAvarerInfo() {
       getMemberSettlePeriod().then((res) => {
-        this.memberSettlePeriodList = res.data
-        this.memberSettlePeriodList.forEach((ele) => {
-          if (ele.isThisDay == 0) {
-            this.queryParams.memberSettlePeriodId = ele.pkId
-          }
-        })
+        const tempList = res.data || []
+        this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
+        this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
       })
     },
     // 返回