From 1ab58e618951f6e3e9ee70ae40fec44d4d2b99e5 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Fri, 26 Sep 2025 10:43:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(arch):=20=20=E6=8E=A8=E8=8D=90=E6=9E=B6?=
 =?UTF-8?q?=E6=9E=84=E6=96=B9=E6=A1=88=E4=BA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/archityecture.js                      |   17 +
 src/views/framework/architecture/azjg2.vue    | 1080 +++++++----------
 src/views/framework/architecture/index.vue    |   10 +-
 .../framework/architecture/mixins/tab-bar.js  |    8 +-
 src/views/information/member/index.vue        |    3 -
 5 files changed, 430 insertions(+), 688 deletions(-)

diff --git a/src/api/archityecture.js b/src/api/archityecture.js
index e5f23c8..c04e11c 100644
--- a/src/api/archityecture.js
+++ b/src/api/archityecture.js
@@ -61,3 +61,20 @@ export function getChildList(params) {
     params
   })
 }
+
+// 查询推荐架构列表
+export function getAzFrameworkList(params) {
+  return request({
+    url: '/member/manage/member-structure/three-framework-list',
+    method: 'get',
+    params
+  })
+}
+
+export function getAzFramewrokNodeInfo(params) {
+  return request({
+    url: '/member/manage/member-structure/pointDetail',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/views/framework/architecture/azjg2.vue b/src/views/framework/architecture/azjg2.vue
index 92d2512..d7a4ae9 100644
--- a/src/views/framework/architecture/azjg2.vue
+++ b/src/views/framework/architecture/azjg2.vue
@@ -13,7 +13,6 @@
               <el-select
                 v-model="queryParams.memberSettlePeriodId"
                 :placeholder="'请选择'"
-                @change="getChildNodeList"
               >
                 <el-option
                   v-for="item in memberSettlePeriodList"
@@ -29,7 +28,6 @@
               <el-input
                 v-model="queryParams.memberCode"
                 clearable
-                @blur="getChildNodeList"
               />
             </el-form-item>
           </el-col>
@@ -39,7 +37,6 @@
               <el-select
                 v-model="queryParams.stage"
                 placeholder="请选择"
-                @change="getChildNodeList"
               >
                 <el-option
                   v-for="(item, index) in levelList"
@@ -55,7 +52,6 @@
               <el-select
                 v-model="queryParams.stageStatus"
                 :placeholder="'请选择'"
-                @change="getChildNodeList"
               >
                 <el-option
                   v-for="(item, index) in statusEnum"
@@ -66,18 +62,6 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="4">
-            <el-form-item label="子点位" prop="childNode">
-              <el-select v-model="queryParams.childNode" clearable filterable :placeholder="'请选择'">
-                <el-option
-                  v-for="(item, index) in childNodeList"
-                  :key="index"
-                  :label="item.childNode"
-                  :value="item.childNode"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
           <el-col :span="4" style="margin-left: 30px">
             <div class="searchbox">
               <el-button
@@ -91,88 +75,178 @@
         </el-row>
       </el-form>
     </div>
-    <div class="lefttop">
-      <div v-for="(item, index) in avaerInfoList" :key="index" class="single">
-        <!-- <img :src="item.value" alt=""> -->
-        <!-- <div class="singletitle">{{ item.name }}</div> -->
-      </div>
-    </div>
-    <div class="tree">
-      <div class="tree-content" @wheel="handleWheel" @mousedown.stop="move">
-        <div :style="{ transform: `scale(${scale})`, height: '100%' }">
-          <vue2-org-tree
-            ref="orgTree"
-            style="height: 100%"
-            :data="data"
-            collapsable
-            :render-content="renderContent"
-            @on-expand="onExpand"
-            @on-node-click="NodeClick"
-            @on-node-mouseover="onMouseover"
-            @on-node-mouseout="onMouseout"
-          />
-        </div>
-      </div>
-    </div>
-    <!-- </el-scrollbar> -->
+    <div class="main">
+      <div class="maintable">
+        <el-table
+          ref="table"
+          v-loading="loading"
+          :data="tableData"
+          :height="'630px'"
+          :header-cell-style="{ background: '#EEEEEE' }"
+          lass="content"
+          style="width: 100%;"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column type="selection" />
 
-    <div v-show="false" ref="copyContent" class="copyContent">
-      <div>{{ '会员编号' }}：{{ treeData.memberCode }}</div>
-      <div>{{ '会员姓名' }}：{{ treeData.name }}</div>
-      <div>{{ '支付日期' }}：{{ treeData.payDate }}</div>
-      <div>{{ '业绩' }}({{ isLocals() }})&nbsp;&nbsp;左区&nbsp;&nbsp;右区</div>
-      <div>
-        真实新增&nbsp;&nbsp;{{ treeData.leftRealNewPv }}&nbsp;&nbsp;{{
-          treeData.rightRealNewPv
-        }}
-      </div>
-      <div>
-        首购新增&nbsp;&nbsp;{{ treeData.leftFirstPurchaseAdd }}&nbsp;&nbsp;{{
-          treeData.rightFirstPurchaseAdd
-        }}
-      </div>
-      <div>
-        复购新增{{ treeData.leftRepeatPurchaseAdd }}&nbsp;&nbsp;
-        {{ treeData.rightRepeatPurchaseAdd }}
-      </div>
-      <div>
-        真实累计{{ treeData.leftRealTotal }}&nbsp;&nbsp;{{
-          treeData.rightRealTotal
-        }}
-      </div>
-      <div>
-        首购累计{{ treeData.leftFirstTotal }}&nbsp;&nbsp;{{
-          treeData.rightFirstTotal
-        }}
-      </div>
-      <div>
-        复购累计 {{ treeData.leftRepeatPurchaseTotal }}&nbsp;&nbsp;{{
-          treeData.rightRepeatPurchaseTotal
-        }}
-      </div>
-      <div>
-        首购结余{{ treeData.leftFirstSurplus }}&nbsp;&nbsp;{{
-          treeData.rightFirstSurplus
-        }}
-      </div>
-      <div>
-        复购结余 {{ treeData.leftRepeatPurchaseSurplus }}&nbsp;&nbsp;{{
-          treeData.rightRepeatPurchaseSurplus
-        }}
+          <el-table-column
+            align="center"
+            prop="orderSourceVal"
+            label="子点位"
+            width="180"
+          >
+            <template slot-scope="scope">
+              {{ tempMemberCode + '-' + scope.row.childNode }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="pointTypeLabel"
+            label="点位类型"
+            width="100"
+          />
+          <el-table-column
+            align="center"
+            prop="stage"
+            label="阶段"
+            width="100"
+          >
+            <template slot-scope="scope">
+              {{ scope.row.stage === 1 ? '一阶段' : scope.row.stage === 2 ? '二阶段' : '三阶段' }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="stageStatus"
+            label="状态"
+            width="100"
+          >
+            <template slot-scope="scope">
+              {{ scope.row.stageStatus === 1 ? '未完成' : '已完成' }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="customer"
+            label="点位"
+          >
+            <template slot-scope="scope">
+              <div style="display: flex; justify-content: center;  column; gap: 20px;">
+                <div style="display: flex;  column; gap: 6px;">
+                  <div
+                    v-for="(item, idx) in level1"
+                    :key="idx"
+                    class="node-wrapper"
+                    :class="{ 'empty-node': !scope.row[item.memberName] }"
+                    @click="handleNodeClick(item, scope.row)"
+                  />
+                </div>
+                <div style="display: flex;  column; gap: 6px;">
+                  <div
+                    v-for="(item, idx) in level2"
+                    :key="idx"
+                    class="node-wrapper"
+                    :class="{ 'empty-node': !scope.row[item.memberName] }"
+                    @click="handleNodeClick(item, scope.row)"
+                  />
+                </div>
+                <div style="display: flex;  column; gap: 6px;">
+                  <div
+                    v-for="(item, idx) in level3"
+                    :key="idx"
+                    class="node-wrapper"
+                    :class="{ 'empty-node': !scope.row[item.memberName] }"
+                    @click="handleNodeClick(item, scope.row)"
+                  />
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="creationTime"
+            :label="'激活日期'"
+            width="210"
+          />
+
+        </el-table>
       </div>
     </div>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+    {{ nodeInfoDialogVisible }}
+    <el-dialog
+      :visible.sync="nodeInfoDialogVisible"
+      title="子节点信息"
+      width="50%"
+    >
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <div class="box">
+            <div class="title">
+              {{ queryParams.memberCode }}
+              <el-tag size="small">{{ nodeInfo.position }}</el-tab>
+              </el-tag></div>
+          </div>
+        </el-col>
+        <el-col style="margin-bottom: 10px;" :span="12">
+          <span
+            style="margin-right: 10px; font-weight: 500;"
+            @click="copyContent(nodeInfo.memberCode)"
+          >会员编号：</span>
+          <span>{{ nodeInfo.memberCode }}</span>
+        </el-col>
+        <el-col style="margin-bottom: 10px; " :span="12">
+          <span style="margin-right: 10px; font-weight: 500;">点位信息：</span>
+          <span>{{ nodeInfo.memberName }}</span>
+        </el-col>
+        <el-col style="margin-bottom: 10px;" :span="12">
+          <span style="margin-right: 10px; font-weight: 500;">荣誉奖衔：</span>
+          <span>{{ nodeInfo.awardsName }}</span>
+        </el-col>
+        <el-col style="margin-bottom: 10px;" :span="12">
+          <span style="margin-right: 10px; font-weight: 500;">隶属体系：</span>
+          <span>{{ nodeInfo.vertexName }}</span>
+        </el-col>
+        <el-col style="margin-bottom: 10px;" :span="12">
+          <span style="margin-right: 10px; font-weight: 500;">创建时间：</span>
+          <span>{{ nodeInfo.creationTime }}</span>
+        </el-col>
+        <!-- <el-col :span="12">
+          <span>隶属体系</span>
+          <span>{{ nodeInfo.vertexName }}</span>
+        </el-col> -->
+      </el-row>
+      <template #footer>
+        <el-button type="primary" @click="nodeInfoDialogVisible = false">关闭</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import topBar from '@/components/topBar'
 import {
-  getAzFramework,
-  getMemberSettlePeriod,
-  getChildList
+  getAzFrameworkList,
+  getAzFramewrokNodeInfo,
+  getMemberSettlePeriod
 } from '@/api/archityecture'
 import { isLocals } from '../../../utils/numberToCurrency'
 import tabBarMixin from './mixins/tab-bar'
+
+const initParmas = {
+  pageNum: 1,
+  pageSize: 50,
+  memberSettlePeriodId: '',
+  memberCode: '',
+  stage: 1,
+  stageStatus: ''
+}
 export default {
   name: 'Azjg',
   components: {
@@ -183,11 +257,7 @@ export default {
     return {
       moren: 'azjg2',
       queryParams: {
-        memberSettlePeriodId: '', // 期数
-        memberCode: '', // 会员编号
-        stage: 1,
-        stageStatus: '',
-        childNode: ''
+        ...initParmas
       },
       levelList: [
         { value: 1, label: '一阶段' },
@@ -198,20 +268,71 @@ export default {
         { value: 0, label: '已完成' },
         { value: 1, label: '未完成' }
       ],
-      basicSwitch: false,
-      basicInfo: { id: null, label: null },
-      data: {},
-      treeData: {},
-      ifShow: false,
-      avaerInfoList: [],
-      memberSettlePeriodList: [], // 期数
-      tzList: [
-        { value: 0, label: '是' },
-        { value: 1, label: '否' }
+      level1: [
+        {
+          memberName: 'pointMember11',
+          pointKey: 'point11'
+        },
+        {
+          memberName: 'pointMember12',
+          pointKey: 'point12'
+        }
       ],
-      scale: 1,
+      level2: [
+        {
+          memberName: 'pointMember21',
+          pointKey: 'point21'
+        },
+        {
+          memberName: 'pointMember22',
+          pointKey: 'point22'
+        },
+        {
+          memberName: 'pointMember23',
+          pointKey: 'point23'
+        },
+        {
+          memberName: 'pointMember24',
+          pointKey: 'point24'
+        }
+      ],
+      level3: [
+        {
+          memberName: 'pointMember31',
+          pointKey: 'point31'
+        },
+        {
+          memberName: 'pointMember33',
+          pointKey: 'point33'
+        },
+        {
+          memberName: 'pointMember34',
+          pointKey: 'point34'
+        },
+        {
+          memberName: 'pointMember35',
+          pointKey: 'point35'
+        },
+        {
+          memberName: 'pointMember36',
+          pointKey: 'point36'
+        },
+        {
+          memberName: 'pointMember37',
+          pointKey: 'point37'
+        },
+        {
+          memberName: 'pointMember38',
+          pointKey: 'point38'
+        }
+      ],
+      tableData: [],
+      memberSettlePeriodList: [], // 期数
       loading: false,
-      childNodeList: []
+      total: 0,
+      nodeInfo: {},
+      nodeInfoDialogVisible: false,
+      tempMemberCode: ''
     }
   },
   created() {
@@ -223,612 +344,223 @@ export default {
     })
   },
   methods: {
-    handleWheel(event) {
-      // 暂时禁用滚轮缩放功能
-      // event.preventDefault()
-      // const delta = Math.sign(event.deltaY)
-      // const newScale = this.scale - delta * 0.1
-      // this.scale = Math.max(0.01, Math.min(newScale, 10))
-      return
-    },
     isLocals,
-    copyText() {
-      const copyContent = this.$refs.copyContent
-      const textLines = Array.from(copyContent.querySelectorAll('div')).map(
-        (div) => div.textContent.trim()
-      )
-      const text = textLines.join('\n')
-      const tempInput = document.createElement('textarea')
-      tempInput.value = text
-      document.body.appendChild(tempInput)
-      tempInput.select()
-      try {
-        document.execCommand('copy')
-        this.$message({
-          message: '复制成功',
-          type: 'success'
-        })
-      } catch (error) {
-        this.$message({
-          message: '复制失败',
-          type: 'warning'
-        })
-      }
-      tempInput.remove()
-      window.getSelection().removeAllRanges()
-    },
-
-    // 返回
-    goback() {
-      this.queryParams.memberCode = this.data.parentMemberCode
-      this.getSearch()
-    },
-
-    // 拖拽移动
-    move(e) {
-      const odiv = e.currentTarget // 获取元素
-      console.log(e)
-
-      // 算出鼠标相对元素的位置
-      const disX = e.clientX - odiv.offsetLeft
-      const disY = e.clientY - odiv.offsetTop
-      document.onmousemove = (e) => {
-        // 鼠标按下并移动的事件
-        // 用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
-        const left = e.clientX - disX
-        const top = e.clientY - disY
-
-        // 绑定元素位置到positionX和positionY上面
-        this.positionX = top
-        this.positionY = left
-
-        // 移动当前元素
-        odiv.style.left = left + 'px'
-        odiv.style.top = top + 'px'
-      }
-      document.onmouseup = () => {
-        document.onmousemove = null
-        document.onmouseup = null
-      }
-    },
-
-    // 鼠标移入
-    onMouseover(e, data) {
-      this.basicInfo = data
-      this.basicSwitch = true
-    },
-    // 鼠标移出
-    onMouseout(e, data) {
-      this.basicSwitch = false
-    },
-    // 渲染节点
-    renderContent(h, data) {
-      if (Object.keys(data).length > 0) {
-        return (
-          <div class='render-content-item'>
-            {/* 节点编号 */}
-            {data.nodeCode !== '0-root' && (
-              <div class='node-code'>
-
-                <span>{data.nodeCode}</span>
-              </div>
-            )}
-
-            {/* 会员信息或空点位 */}
-            <div class='node-content'>
-              {data.memberCode && data.memberName ? (
-                <div class='member-info'>
-
-                  <div class='member-details'>
-                    <div class='member-code'>{data.memberCode}</div>
-                    <div class='member-name'>{data.memberName}</div>
-                  </div>
-                </div>
-              ) : (
-                <div class='empty-node'>
-                  <div class='empty-avatar'>
-                    <i class='el-icon-plus'></i>
-                  </div>
-                  <div class='empty-text'>空点位</div>
-                  <div class='status-indicator inactive'></div>
-                </div>
-              )}
-            </div>
-          </div>)
-      } else {
-        return null
-      }
-    },
-    // 右键点击
-    rightClick(e, data) {
-      event.preventDefault()
-      this.queryParams.memberCode = data.memberCode
-      this.getSearch()
-    },
-
-    // 点击节点
-    NodeClick(e, data) {},
-    // 默认展开
-    toggleExpand(data, val) {
-      if (Array.isArray(data)) {
-        data.forEach((item) => {
-          this.$set(item, 'expand', val)
-          if (item.children) {
-            this.toggleExpand(item.children, val)
-          }
-        })
-      } else {
-        this.$set(data, 'expand', val)
-        if (data.children) {
-          this.toggleExpand(data.children, val)
-        }
-      }
-    },
-    collapse(list) {
-      list.forEach((child) => {
-        if (child.expand) {
-          child.expand = false
-        }
-        child.children && this.collapse(child.children)
-      })
-    },
-    // 展开
-    onExpand(e, data) {
-    },
     getSearch() {
-      console.log(this.queryParams, '...this.')
-      if (!this.queryParams.childNode || !this.queryParams.memberCode) {
-        this.$message.warning('会员编号和子点位不能为空')
+      if (!this.queryParams.memberCode) {
+        this.$message.warning('会员编号不能为空')
         return
       }
+      this.tempMemberCode = this.queryParams.memberCode
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    getList() {
       this.loading = true
-
-      getAzFramework(this.queryParams).then((res) => {
-        this.data = res.data[0]
-        this.toggleExpand(this.data, true)
+      getAzFrameworkList(this.queryParams).then((res) => {
+        if (res.code === 200) {
+          this.tableData = res.data.rows
+          this.total = res.data.total
+        }
       }).finally(() => {
         this.loading = false
       })
     },
-
-    resetHandle() {
-      this.$refs.topMemberSelect.reset()
-      this.queryParams = {
-        memberSettlePeriodId: '', // 期数
-        memberCode: '', // 会员编号
-        stage: 7,
-        type: 1
+    handleNodeClick(node, row) {
+      const memberId = row[node.memberName]
+      console.log(memberId, node, '...memberId')
+      this.nodeInfo = {}
+      if (memberId) {
+        this.nodeInfoDialogVisible = true
+        this.getMemberInfoById({
+          pkMember: row.pkMember,
+          point: row[node.pointKey],
+          stage: row.stage,
+          position: node.pointKey.replace('point', '').split('').join('-'),
+          pointMember: memberId
+        })
       }
-      this.getSearch()
     },
-    getChildNodeList() {
-      if (!this.queryParams.memberCode) {
-        return
-      }
-      getChildList(this.queryParams).then((res) => {
+    getMemberInfoById({ pkMember, point, stage, position, pointMember }) {
+      this.nodeInfo = {}
+      getAzFramewrokNodeInfo({
+        point,
+        pkMember,
+        memberSettlePeriodId: this.queryParams.memberSettlePeriodId,
+        stage,
+        pointMember
+      }).then((res) => {
         if (res.code === 200) {
-          this.childNodeList = res.data || []
+          this.nodeInfo = {
+            ...res.data,
+            position
+          }
         }
       })
+    },
+    resetHandle() {
+      this.queryParams = {
+        ...initParmas
+      }
+      this.tableData = []
+      this.childNodeList = []
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 === 1) {
+        return 'warning-row'
+      } else if (rowIndex % 2 === 0) {
+        return 'success-row'
+      }
+      return ''
+    },
+    copyContent(content) {
+      // this.$message.success('复制成功')
     }
+
   }
 }
 </script>
+<style scoped lang="scss">
 
-<style lang="scss" scoped>
-::v-deep .el-dialog__headerbtn{
-  top: 5px;
-  right: 10px;
-  border: 1px solid #c8c3c3;
-  padding: 2px 3px;
-  border-radius: 50%;
+::v-deep .el-range-editor.el-input__inner{
+  width: 100%!important;
 }
-::v-deep .tree-content {
-  background: rgba(0, 0, 0, 0) !important;
+::v-deep .el-button{
+  padding: 8px 20px;
 }
-.tree {
-  background: #fff;
-  // min-height: 100vh;
-  min-height: calc(100vh - 110px);
-  position: relative;
-  text-align: center;
-  // overflow-x: scroll;
+::v-deep .el-date-editor .el-range__close-icon{
+  margin-top: -10px;
+}
+::v-deep .el-date-editor .el-range-separator{
+  margin-top: -10px;
+}
+::v-deep .el-date-editor .el-range__icon{
+  margin-top: -10px;
+}
+::v-deep .el-input__inner{
+  //height:28px;
+  //line-height: 28px;
+}
+::v-deep .el-form-item__label{
+  color: #333;
+  font-weight: inherit;
+}
+::v-deep .el-table .warning-row {
+  background: #f9f9f9;
+}
+
+::v-deep .el-table .success-row {
+  background: #ffffff;
+}
+::v-deep .el-table thead {
+  color: #000000;
+}
+::v-deep .el-select {
   width: 100%;
-  height: 100%;
-  margin: auto;
-  // overflow-y: hidden;
-  // margin-left: -60px;
-  // margin-top: 20px;
-  // background: red;
-  &-content {
-    text-align: center;
-    width: 100%;
-    height: 100%;
-    background: #fff;
-    position: absolute;
-    top: 0;
-    left: 0;
-    // overflow: auto;
+}
+.uploadIcon ::v-deep .el-upload--picture-card {
+  display: none !important; /* 上传按钮隐藏 */
+}
+.page {
+  padding: 20px;
+  background: #f9f9f9;
+  font-size: 14px;
+  .main {
+    background: #f9f9f9;
+    //border-radius: 8px;
+    //box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
+    .maintop {
+      display: flex;
+      padding: 0 0;
+      justify-content: space-between;
+      align-items: center;
+      .mainbtn {
+        .thebtn1 {
+          background: #3181e5;
+          color: #ffffff;
+        }
+        .thebtn2 {
+          background: #F3A900;
+          color: #ffffff;
+        }
+      }
+      .maintitle {
+        font-size: 10px;
+        font-family: MicrosoftYaHei;
+        color: #999999;
+      }
+    }
   }
-}
-::v-deep .org-tree-node-btn {
-  display: none;
-}
-::v-deep .org-tree-node-label {
-  display: block;
-}
-::v-deep .org-tree-node-label-inner {
-  background: transparent !important;
-
-  padding: 0 !important;
-  border: none;
-  box-shadow: none !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: auto;
-  //  margin-left: -20px;
-  // z-index: -1;
-}
-::v-deep .el-dialog__body {
-  padding: 0;
-}
-::v-deep .org-tree-container {
-  display: block;
-  background: rgba(1, 1, 1, 0) !important;
-  overflow-x: auto;
-}
-::v-deep .render-content-item {
-  border-radius: 12px;
-  margin: auto;
-  z-index: 99;
-  padding: 0;
-  border: none;
-  max-width: 200px;
-  text-align: center;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
-  overflow: hidden;
-  position: relative;
-
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
-  }
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 3px;
-    background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4);
-  }
-
-  .node-code {
-    background: rgba(255, 255, 255, 0.1);
-    padding: 8px 12px;
+  .tem {
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 6px;
-    font-size: 12px;
-    font-weight: 600;
-    color: rgba(255, 255, 255, 0.9);
-    backdrop-filter: blur(10px);
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-
-    i {
-      font-size: 14px;
-      color: #ffd700;
-    }
-
-    span {
-      letter-spacing: 0.5px;
-    }
-  }
-
-  .node-content {
-    padding: 16px;
-    background: rgba(255, 255, 255, 0.95);
-    backdrop-filter: blur(10px);
-    position: relative;
-  }
-
-  .member-info {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-    position: relative;
-
-    .member-avatar {
-      width: 48px;
-      height: 48px;
-      border-radius: 50%;
-      background: linear-gradient(135deg, #667eea, #764ba2);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 4px;
-      box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
-
-      i {
-        font-size: 24px;
-        color: white;
-      }
-    }
-
-    .member-details {
-      text-align: center;
-
-      .member-code {
-        font-size: 13px;
-        font-weight: 600;
-        color: #2c3e50;
-        margin-bottom: 2px;
-        letter-spacing: 0.3px;
-      }
-
-      .member-name {
-        font-size: 12px;
-        color: #7f8c8d;
-        font-weight: 500;
-      }
-    }
-
-    .status-indicator.active {
-      position: absolute;
-      top: -2px;
-      right: -2px;
-      width: 12px;
-      height: 12px;
-      background: #27ae60;
-      border-radius: 50%;
-      border: 2px solid white;
-      box-shadow: 0 2px 8px rgba(39, 174, 96, 0.3);
-      animation: pulse-green 2s infinite;
-    }
-  }
-
-  .empty-node {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-    opacity: 0.8;
-    position: relative;
-
-    .empty-avatar {
-      width: 48px;
-      height: 48px;
-      border-radius: 50%;
-      background: linear-gradient(135deg, #bdc3c7, #95a5a6);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 4px;
-      border: 2px dashed #95a5a6;
-      transition: all 0.3s ease;
-
-      i {
-        font-size: 20px;
-        color: white;
-      }
-    }
-
-    .empty-text {
-      font-size: 12px;
-      color: #7f8c8d;
-      font-weight: 500;
-    }
-
-    .status-indicator.inactive {
-      position: absolute;
-      top: -2px;
-      right: -2px;
-      width: 12px;
-      height: 12px;
-      background: #95a5a6;
-      border-radius: 50%;
-      border: 2px solid white;
-      box-shadow: 0 2px 8px rgba(149, 165, 166, 0.3);
-    }
-
-    &:hover .empty-avatar {
-      background: linear-gradient(135deg, #3498db, #2980b9);
-      border-color: #3498db;
-      transform: scale(1.05);
-    }
-  }
-}
-
-@keyframes pulse-green {
-  0%, 100% {
-    opacity: 1;
-    transform: scale(1);
-  }
-  50% {
-    opacity: 0.7;
-    transform: scale(1.1);
-  }
-}
-
-.lefttop {
-  display: flex;
-  justify-items: center;
-  align-items: center;
-  padding-left: 20px;
-  background: #ffffff;
-  .single {
-    margin: 0 5px;
     img {
-      width: 36px;
-      height: 36px;
-      border-radius: 50%;
-      // box-shadow: 0px 2px 20px 0px rgba(204, 204, 204, 0.5);
-    }
-    .singletitle {
-      text-align: center;
-      font-size: 10px;
-      font-family: PingFang SC-Regular, PingFang SC;
+      width: 28px;
+      height: 20px;
+      margin-right: 3px;
     }
   }
+  .isRed {
+    color: #ed1d25;
+  }
+  .isGreen {
+    color: #1ab62b;
+  }
+  .bgImg {
+    width: 48px;
+    height: 48px;
+  }
 }
-::v-deep .rendercontent {
-  .toprender {
+.openClose {
+  margin-right: 10px;
+  color: #666666;
+  text-align: center;
+}
+.kuang {
+  padding: 5px 20px;
+  background: rgba(255, 255, 255, 0);
+  border-radius: 4px;
+  border: 1px solid #cccccc;
+  margin-right: 10px;
+}
+.heji {
+  margin-top: 10px;
+  .dis {
     display: flex;
-    border-bottom: 1px solid #cccccc;
-    .leftimg {
-      border-right: 1px solid #cccccc;
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding: 10px;
-      .img1 {
-        width: 75px;
-        height: 75px;
-        border-radius: 50%;
-      }
-      .img2 {
-        margin-top: 10px;
-        width: 50px;
-        height: 30px;
-        border-radius: 8px;
-      }
-    }
-    .centerbox {
-      padding: 10px;
-      .lineboex {
-        display: flex;
-        align-items: center;
-        margin: 10px 0;
-        .linetitle {
-          margin-right: 5px;
-          font-size: 10px;
-          font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
-          font-weight: bold;
-          color: #333333;
-        }
-        .linecontent {
-          font-size: 10px;
-          font-family: MicrosoftYaHei;
-          color: #333333;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          padding: 10px 0;
-          width: 166px;
-          height: 20px;
-          background: rgba(216, 216, 216, 0.3);
-          border-radius: 4px;
-          border: 1px solid #cccccc;
-        }
-      }
-    }
-    .rightimg {
-      flex: 1;
-      padding: 10px;
-      font-size: 10px;
-      display: flex;
-      align-items: center;
-      flex-direction: column;
-      justify-content: center;
-      font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
+    justify-content: right;
+    padding: 5px 10px;
+    font-size: 14px;
+    color: #333333;
+    :nth-child(1) {
+      font-size: 14px;
       font-weight: bold;
       color: #333333;
-      text-align: center;
-      img {
-        width: 75px;
-        height: 50px;
-        border-radius: 8px;
-        margin-bottom: 10px;
-      }
+      margin-right: 20px;
     }
   }
-  .bottomrender {
-    padding: 10px;
-    display: flex;
-    .flexbox {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      .thetitle {
-        font-size: 10px;
-        font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
-        font-weight: bold;
-        color: #333333;
-      }
-      .linecontent {
-        margin-top: 5px;
-        padding: 10px 0;
-        font-size: 10px;
-        font-family: MicrosoftYaHei;
-        color: #333333;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 110px;
-        height: 20px;
-        background: rgba(216, 216, 216, 0.3);
-        border-radius: 4px;
-        border: 1px solid #cccccc;
-      }
-    }
-  }
-  .footerbox {
-    display: flex;
-    padding: 10px;
-    justify-content: space-around;
-    .footerbtn {
-      width: 78px;
-      height: 28px;
-      border-radius: 5px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 14px;
-      font-family: MicrosoftYaHei;
-      color: #ffffff;
-      padding: 10px;
-      cursor: pointer;
-    }
-    .btn1 {
-      background: #ee1e26;
-    }
-    .btn2 {
-      background: #f37825;
-    }
-    .btn3 {
-      background: #21c8f4;
-    }
-  }
-}
 
-.page {
-  background: #ffffff;
-  padding: 10px 20px !important;
-  background: #f9f9f9;
-  font-size: 14px;
-  .thetopbox {
-    padding: 20px;
-    background: #ffffff;
-    border-radius: 8px;
-    .searchbox {
-      display: flex;
-      align-items: center;
-      .searchtitle {
-        margin-right: 10px;
-      }
-      .searchbtn {
-        background: #c8161d;
-        color: #ffffff;
-      }
-    }
-  }
+}
+.searchbtn {
+  width: 68px;
+  background: #c8161d;
+  color: #ffffff;
+}
+.node-wrapper {
+  width: 20px;
+  height: 20px;
+  // 激活颜色
+  background-color: #007bff;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.empty-node {
+  background-color: #fff;
+  border: 2px dashed #95a5a6;
+}
+.title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 18px;
 }
 </style>
diff --git a/src/views/framework/architecture/index.vue b/src/views/framework/architecture/index.vue
index 6089223..00a9e17 100644
--- a/src/views/framework/architecture/index.vue
+++ b/src/views/framework/architecture/index.vue
@@ -184,7 +184,7 @@ export default {
       moren: 'azjg',
       queryParams: {
         memberSettlePeriodId: '', // 期数
-        memberCode: 'KG71227311', // 会员编号
+        memberCode: '', // 会员编号
         stage: 1,
         stageStatus: '',
         childNode: ''
@@ -326,11 +326,7 @@ export default {
                 </div>
               ) : (
                 <div class='empty-node'>
-                  <div class='empty-avatar'>
-                    <i class='el-icon-plus'></i>
-                  </div>
                   <div class='empty-text'>空点位</div>
-                  <div class='status-indicator inactive'></div>
                 </div>
               )}
             </div>
@@ -392,14 +388,14 @@ export default {
     },
 
     resetHandle() {
-      this.$refs.topMemberSelect.reset()
       this.queryParams = {
         memberSettlePeriodId: '', // 期数
         memberCode: '', // 会员编号
         stage: 7,
         type: 1
       }
-      this.getSearch()
+      this.data = {}
+      this.childNodeList = []
     },
     getChildNodeList() {
       if (!this.queryParams.memberCode) {
diff --git a/src/views/framework/architecture/mixins/tab-bar.js b/src/views/framework/architecture/mixins/tab-bar.js
index 7fc6d51..4cf16f3 100644
--- a/src/views/framework/architecture/mixins/tab-bar.js
+++ b/src/views/framework/architecture/mixins/tab-bar.js
@@ -5,11 +5,11 @@ export default {
         {
           name: '方案一',
           path: 'azjg'
+        },
+        {
+          name: '方案二',
+          path: 'azjg2'
         }
-        // {
-        //   name: '方案二',
-        //   path: 'azjg2'
-        // }
       ]
     }
   }
diff --git a/src/views/information/member/index.vue b/src/views/information/member/index.vue
index b1fdc01..69d548d 100644
--- a/src/views/information/member/index.vue
+++ b/src/views/information/member/index.vue
@@ -398,9 +398,6 @@
           :data="tableData"
           :height="isActive ? '480px' : '630px'"
         >
-          v-loading="loading" style="width: 100%" :header-cell-style="{
-          background: '#EEEEEE' }" :row-class-name="tableRowClassName"
-          @selection-change="handleSelectionChange" >
           <el-table-column type="selection" />
           <el-table-column
             v-if="allTxt.memberCode"