src/pages/recruit/PromoterList.vue

@@ -56,7 +56,7 @@
           <Button type="text"
                   class="router-btn"
                   style="color:2DBCF0!important"
-                  @click="() => {doShow(true,row)}">查看上下级</Button>
+                  @click="() => {doShow(row,true)}">查看上下级</Button>
         </i-col>
       </template>
     </Table>
@@ -269,7 +269,7 @@ export default {
                 },
                 on: {
                   click: () => {
-                    that.doShow(true,params.row)
+                    that.doShow(params.row, true)
                   }
                 }
               }, '查看上下级'),
@@ -464,11 +464,25 @@ export default {
       }
       this.upgradeStr = `确认将${index.name}从${str}升级成${next}吗?`;
     },
-    doShow (ishow,currData) {
+    doShow (currData, ishow) {
-      this.showrecruit = ishow;
+      this.showrecruit = false;
-      if(ishow){
+      let that = this;
-        this.recruitSchedule = currData;
+      let param = {
+        promoterId: currData.id
       }
+      bulletinService.promoterDetail(param, function (data) {
+        that.loading = false;
+        if (data.data.code == "0000") {
+          // TODO 接口暂无数据,先传当前点击行数据,待后续完善.
+          that.showrecruit = ishow;
+          that.recruitSchedule = currData;
+          console.log(data.data);
+        } else {
+          that.$Message.error("系统异常");
+        }
+      }, function (error) {
+        that.loading = false;
+      });
     },
   }
 }

src/pages/recruit/recruitTable.vue

@@ -17,19 +17,16 @@
           <div class="t-rows">
             <div>{{schedule.fissionUser.name}}</div>
             <div>{{schedule.fissionUser.mobil}}</div>
-            <div>{{schedule.level | level}}</div>
+            <div>{{level}}</div>
           </div>
         </div>
-        <div class="m-subordinate">下级({{formData.total}}人)</div>
+        <div class="m-subordinate">下级(0人)</div>
         <div>
-          <div class="t-rows" v-for="(item,index) in formData.records" :key="index"> 
+          <!-- <div class="t-rows">
-            <div>{{item.promoterInfo.name}}</div>
+          <div>张胜男</div>
-            <div>{{item.promoterInfo.phone}}</div>
+          <div>13123209313</div>
-            <div>{{item.promoterInfo.level | level}}</div>
+          <div>推广员</div>
-          </div>
+        </div> -->
-          <template>
-            <Page v-if="formData.total>10" :total="formData.total" @on-change="onChange" size="small"></Page>
-        </template>
         </div>
       </div>
       <div slot="footer">
@@ -39,116 +36,70 @@
   </div>
 </template>
 <script>
-  import bulletinService from '../../services/recruit/Bulletin'
-  export default {
-    name: "recruitTable",
-    components: {
 
+export default {
+  name: "recruitTable",
+  components: {
+
+  },
+  data () {
+    return {
+      isShow: false,
+      currentStep: 0,
+      modal_loading: false,
+      loading: false,
+      showUse: false
+    };
+  },
+  props: {
+    id: String,
+    schedule: Object,
+    show: Boolean,
+    isModify: {
+      type: Boolean,
+      default: false
     },
-    data () {
+    beginStep: {
-      return {
+      type: Number,
-        formData:{
+      default: 1
-          dataList:[]
+    }
-        },
+  },
-        isShow: false,
+  watch: {
-        currentStep: 0,
+    show () {
-        modal_loading: false,
+      this.showUse = this.show;
-        loading: false,
-        showUse: false,
-        pageNum: 1,
-      };
-    },
-    props: {
-      id: String,
-      schedule: Object,
-      show: Boolean,
-      isModify: {
-        type: Boolean,
-        default: false
-      },
-      beginStep: {
-        type: Number,
-        default: 1
-      }
-    },
-    watch: {
-      show () {
-        this.showUse = this.show;        
-        this.getList();
-      },
-      schedule () {
-        console.log('schedule监听', this.schedule);
-        this.isShow = true;
-      }
-    },
-    computed: {
-      // level () {
-      //   let str = "";
-      //   switch (this.schedule.level) {
-      //     case 1:
-      //       str = "一般推广员";
-      //       break;
-      //     case 2:
-      //       str = "客户经理";
-      //       break;
-      //     case 3:
-      //       str = "服务经理";
-      //       break;
-      //     default:
-      //       str = "一般推广员";
-      //   }
-      //   return str;
-      // }
-    },
-    mounted () {
-      
-    },
-    filters: {
-      level: function(value) {
-        let str = "";
-        switch (value) {
-          case 1:
-            str = "一般推广员";
-            break;
-          case 2:
-            str = "客户经理";
-            break;
-          case 3:
-            str = "服务经理";
-            break;
-          default:
-            str = "一般推广员";
-        }
-        return str;
-      },
     },
-    methods: {
+    schedule () {
-      cancel () {
+      console.log('schedule监听', this.schedule);
-        this.modal_loading = false;
+      this.isShow = true;
-        this.$emit("doShow", false);
+    }
-      },
+  },
-      onChange(e){
+  computed: {
-        this.pageNum = e;
+    level () {
-        this.getList();
+      let str = "";
-      },
+      switch (this.schedule.level) {
-      getList(){
+        case 1:
-        let that = this;
+          str = "一般推广员";
-        let param = {
+          break;
-          pageNum: this.pageNum,
+        case 2:
-          userId:this.schedule.userId
+          str = "客户经理";
-        }
+          break;
-        bulletinService.promoterDetail(param, function (data) {
+        case 3:
-          if (data.data.code == "0000") {
+          str = "服务经理";
-            that.formData = data.data.results
+          break;
-          } else {
+        default:
-            that.$Message.error("系统异常");
+          str = "一般推广员";
-          }
-        }, function (error) {
-          that.loading = false;
-        });
       }
+      return str;
+    }
+  },
+  mounted () { },
+  methods: {
+    cancel () {
+      this.modal_loading = false;
     },
-  };
+
+  },
+};
 </script>
 
 <style scoped>