5211

src/renderer/components/LandingPage.vue

@@ -77,12 +77,19 @@ export default {
         let dataList =
           result.eNB_config[0].eNB.cellConfig[0].sliceConfig.dl.slices;
         let ue_list = result.mac_stats[0].ue_list
+        let ue_list1 = result.mac_stats[1].ue_list        
         this.$store.commit("updateSlices", {
           slice_info: dataList,
         });
+        this.$store.commit("updateBS_ID", {
+          bs_id: result.eNB_config[0].bs_id,
+        });
         this.$store.commit("updateUes", {
           ue_list: ue_list,
-        });        
+        }); 
+        this.$store.commit("updateUes1", {
+          ue_list1: ue_list1,
+        });                  
         dataList.forEach(e => {
           e = e.ddqn
         });
@@ -92,7 +99,13 @@ export default {
        // console.log(dataList)
 
       });
+          flexranAPI.GET_SLICE_RE().then((res)=>{
+           this.$store.commit("updateRE", {
+          re: res,
+        }); 
+    })
     }, 1000);
+
   },
   methods: {
     open(link) {

src/renderer/components/sliceInfos/BaseStationInfo.vue

 <template>
   <div>
-    <el-card>
+<el-switch
+  v-model="value1"
+  active-text="With AI-Enabled"
+  inactive-text="Without AI-Enabled">
+</el-switch>
+    <el-card v-show="value1">
+      <el-tag>With AI-Enabled BaseStation</el-tag>
+    
       <el-table :data="littleDate" border stripe>
         <el-table-column type="index" label="UE"></el-table-column>
         <el-table-column prop="rnti" label="RNTI" width="100">
@@ -58,6 +65,43 @@
       :current-page="currentPage"
     >
   </el-pagination>
+
+
+ </el-card>
+ <el-card v-show="!value1">
+   <el-tag>Without AI-Enabled BaseStation</el-tag>
+   
+        <el-table :data="littleDate1" border stripe>
+        <el-table-column type="index" label="UE"></el-table-column>
+        <el-table-column prop="rnti" label="RNTI" width="100">
+        </el-table-column>
+        <el-table-column label="速度">
+          <template slot-scope="scope">
+              <el-button >{{ scope.row.Mbs }}</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column label="切片">
+          <template slot-scope="scope">
+            <el-dropdown>
+              <el-button type="primary">
+                NONE {{scope.row.id}}
+              </el-button>
+
+            </el-dropdown>
+          </template>
+        </el-table-column>
+        <el-table-column prop="imsi" label="IMSI"> </el-table-column>
+      </el-table>
+                <el-pagination
+    layout="prev, pager, next"
+    :total="dataList1.length"
+    style="margin-top:5px"
+    :page-size="4"
+    background
+     @current-change="handleCurrentChange1"
+      :current-page="currentPage1"
+    >
+  </el-pagination>
     </el-card>
 
   </div>
@@ -69,9 +113,12 @@ import * as flexranAPI from "../../../utils/flexranAPI";
 export default {
   data() {
     return {
+      value1:true,
       currentPage:1,
+      currentPage1:1,
       hover: false,
       littleDate:[],
+      littleDate1:[],
       pingInfo:
         "PING 172.16.0.x (172.16.0.x) 56(84) bytes of data.<br/>64 bytes from 172.16.0.6: icmp_seq=1 ttl=64 time=39.5 ms<br/>64 bytes from 172.16.0.6: icmp_seq=2 ttl=64 time=39.1 ms<br/>64 bytes from 172.16.0.6: icmp_seq=3 ttl=64 time=28.7 ms<br/>64 bytes from 172.16.0.6: icmp_seq=4 ttl=64 time=45.6 ms<br/><br/>--- 172.16.0.6 ping statistics ---<br/>4 packets transmitted, 4 received, 0% packet loss, time 242ms<br/>rtt min/avg/max/mdev = 28.799/38.307/45.687/6.068 ms<br/>",
     };
@@ -86,6 +133,9 @@ export default {
     dataList() {
       return this.$store.state.ue_list;
     },
+      dataList1() {
+      return this.$store.state.ue_list1;
+    }
   },
   watch: {
     hover: {
@@ -106,9 +156,16 @@ export default {
       },
       deep: true,
     },
+      dataList1: {
+      handler(newValue, oldValue) {
+      this.littleDate1=newValue.slice((this.currentPage-1)*4,(this.currentPage-1)*4+4)
+      },
+      deep: true,
+    },
   },
   mounted(){
     this.littleDate=this.dataList.slice(0*4,+4)
+    this.littleDate1=this.dataList1.slice(0*4,+4)
   },
   methods: {
     handleCurrentChange(val){
@@ -117,6 +174,13 @@ export default {
       val=val-1
       console.log(this.currentPage)
       this.littleDate=this.dataList.slice(val*4,val*4+4)
+    },
+        handleCurrentChange1(val){
+      console.log(val)
+      this.currentPage1=val
+      val=val-1
+      console.log(this.currentPage1)
+      this.littleDate1=this.dataList1.slice(val*4,val*4+4)
     },
     async getping(imsi) {
       this.timer = setInterval(() => {
@@ -143,7 +207,7 @@ export default {
                   },
                 ],
               },
-              -1
+              this.$store.state.bs_id
             )
             .then((res) => {
               console.log(res);

src/renderer/components/sliceInfos/SliceInformation.vue

@@ -40,9 +40,14 @@
             {{ scope.row.ddqn.arb }}
           </template>
         </el-table-column>
+        <!-- <el-table-column label="Limit">
+          <template slot-scope="scope">
+            {{ getterRE[Number(scope.row.id)-1] }}
+          </template>
+        </el-table-column> -->
       </el-table>
     </el-card>
-
+    {{getterRE}}
       <flex-ran></flex-ran>
     
 
@@ -76,6 +81,10 @@ export default {
     getterSlice(){
       return this.$store.getters.getterSlice
     }
+    ,
+    getterRE(){
+      return this.$store.state.re
+    }
   },
   watch:{
     // slice_info:{

src/renderer/store/mutations.js

@@ -5,6 +5,9 @@ const mutations = {
     updateUes(state, obj) {
       return state.ue_list = obj.ue_list;
     } ,
+    updateUes1(state, obj) {
+      return state.ue_list1 = obj.ue_list1;
+    } ,    
     addUes(state, obj) {
       return state.ue_nums += 1;
     } ,
@@ -16,6 +19,12 @@ const mutations = {
 
        }
       return state.prb_info.push(obj.prb_info);
+    },
+    updateBS_ID(state, obj) {
+      return state.bs_id = obj.bs_id;
+    },
+    updateRE(state, obj) {
+      return state.re = obj.re;
     }
    }
    const resize_ = (arr)=>{

src/renderer/store/rootState.js

 const state = {
     slice_info:[],
     ue_list:[],
+    ue_list1:[],
     prb_info:[],
-    ue_nums:0
+    ue_nums:0,
+    re:[0,0,0],
+    bs_id:-1
    }
     
    export default state;
\ No newline at end of file

src/utils/flexranAPI.js

@@ -166,7 +166,22 @@ export function GET_URL (data = {}) {
       data
     })
   }
-  
+  export function SET_SLICE_RE (data = {}, ENB_ID) {
+    // 接口请求
+    return request({
+      url: `http://${url}:8110/api/setRequire/`, 
+      method: `post`,
+      data
+    })
+  }
+  export function GET_SLICE_RE (data = {}) {
+    // 接口请求
+    return request({
+      url: `http://${url}:8110/api/getRate/` , 
+      method: `get`,
+      data
+    })
+  } 
   /**
    * @description This API endpoint deletes slices as specified in the JSON data in the body specified as a JSON file with the format of the sliceConfig as contained in the cellConfig of a agent configuration for a given agent. A valid slice ID must present. Slice 0 can not be removed. To remove the slice algorithm, consider posting the None slice algorithm instead.
    * @param {Object} data  {