调整企业管理

project/oms/apps/AppCompany/AppCompany.vue

@@ -0,0 +1,35 @@
+<template>
+  <section class="AppCompany">
+    <component :is="currentComponent" :instance="instance" :dict="dict" :permissions="permissions"/>
+  </section>
+</template>
+
+<script>
+
+import List from "./components/List";
+import Sta from "./components/Statistics";
+
+export default {
+  name: "AppCompany",
+  label: "企业管理",
+  components: {List, Sta},
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    currentComponent() {
+      return this.$route.hash == "#sta" ? Sta : List
+    }
+  },
+  created() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppCompany {
+  height: 100%;
+}
+</style>

project/oms/apps/AppCompany/components/List.vue

@@ -54,7 +54,7 @@
           </el-select>
         </el-form-item>
         <el-form-item required label="地区" prop="areaId" :rules="[{required: true, message: '请选择发布地区'}]">
-          <ai-area-get :instance="instance" v-model="dialogForm.areaId" :name.sync="dialogForm.areaName" />
+          <ai-area-get :instance="instance" v-model="dialogForm.areaId" :name.sync="dialogForm.areaName"/>
         </el-form-item>
         <el-form-item required label="企业CORP_ID" prop="corpId" :rules="[{required: true, message: '请输入企业CORP_ID'}]">
           <el-input v-model.trim="dialogForm.corpId" placeholder="请输入企业CORP_ID" clearable :maxLength="50"/>
@@ -66,7 +66,8 @@
           <el-input v-model.trim="dialogForm.corpSecret" placeholder="请输入企业CORP_SECRET" clearable :maxLength="50"/>
         </el-form-item>
         <el-form-item label="企业通讯录SECRET" prop="corpAddressBookSecret">
-          <el-input v-model.trim="dialogForm.corpAddressBookSecret" placeholder="请输入企业通讯录SECRET" clearable  :maxLength="50"/>
+          <el-input v-model.trim="dialogForm.corpAddressBookSecret" placeholder="请输入企业通讯录SECRET" clearable
+                    :maxLength="50"/>
         </el-form-item>
         <el-form-item label="访问地址" prop="accessUrl" :rules="[{required: true, message: '请输入访问地址'}]">
           <el-input v-model.trim="dialogForm.accessUrl" placeholder="请输入访问地址" clearable
@@ -156,7 +157,7 @@ export default {
       this.$refs.saasForm.validate(v => {
         if (v) {
           this.saasList.map(item => {
-            if(item.id == this.dialogForm.saasId) {
+            if (item.id == this.dialogForm.saasId) {
               this.dialogForm.saasName = item.name
             }
           })
@@ -190,7 +191,7 @@ export default {
     },
     handleSync(corpId) {
       this.$confirm("是否确定同步该企业数据?").then(() => {
-        this.instance.post("/appCorpStat/syncData?corpId="+corpId, null, {}).then(res => {
+        this.instance.post("/appCorpStat/syncData?corpId=" + corpId, null, {}).then(res => {
           if (res?.code == 0) {
             this.getTableData();
             this.$message.success("同步成功!");
@@ -202,10 +203,8 @@ export default {
       window.open(accessUrl, "_blank");
     },
     toStatistics(item) {
-      this.$emit('change', {
-        type: 'Statistics',
-        params: item
-      })
+      let {corpId} = item
+      this.$router.push({query: {corpId}, hash: "#sta"})
     },
   },
   created() {

project/oms/apps/AppCompany/components/Statistics.vue

@@ -10,23 +10,23 @@
           <el-row :gutter="20">
             <el-col :span="5">
               <div class="title">群总数</div>
-              <div class="num">{{info.groupCount}}</div>
+              <div class="num">{{ info.groupCount }}</div>
             </el-col>
             <el-col :span="5">
               <div class="title">成员总数</div>
-              <div class="num">{{info.userCount}}</div>
+              <div class="num">{{ info.userCount }}</div>
             </el-col>
             <el-col :span="5">
               <div class="title">成员活跃总数</div>
-              <div class="num">{{info.activeCount}}</div>
+              <div class="num">{{ info.activeCount }}</div>
             </el-col>
             <el-col :span="5">
               <div class="title">居民总人数</div>
-              <div class="num">{{info.residentCount}}</div>
+              <div class="num">{{ info.residentCount }}</div>
             </el-col>
             <el-col :span="4">
               <div class="title">群成员总数</div>
-              <div class="num">{{info.groupuserCount}}</div>
+              <div class="num">{{ info.groupuserCount }}</div>
             </el-col>
           </el-row>
         </template>
@@ -34,7 +34,9 @@
       <ai-card title="统计信息" class="chart-content">
         <template #title>
           <div class="tabs">
-            <div class="item" v-for="(item, index) in tabs" :key="index" :class="index == activeIndex ? 'active' : ''" @click="tabClick(index)">{{item}}</div>
+            <div class="item" v-for="(item, index) in tabs" :key="index" :class="index == activeIndex ? 'active' : ''"
+                 @click="tabClick(index)">{{ item }}
+            </div>
           </div>
         </template>
         <template #content>
@@ -61,7 +63,8 @@
                     icon="el-icon-refresh-right"
                     size="small"
                     @click="resetSearch"
-                  >重置</el-button
+                >重置
+                </el-button
                 >
               </template>
             </ai-search-bar>
@@ -75,7 +78,8 @@
             </ai-table>
           </div>
           <div class="table" v-else-if="activeIndex == 3">
-            <ai-table :tableData="userList" :total="userPage.total" :current.sync="userPage.current" :size.sync="userPage.size"
+            <ai-table :tableData="userList" :total="userPage.total" :current.sync="userPage.current"
+                      :size.sync="userPage.size"
                       @getList="getUserTableData" :col-configs="userColConfigs" :dict="dict">
               <!-- <el-table-column slot="options" align="center" label="操作" fixed="right" width="240px">
                 <div class="table-options" slot-scope="{ row }">
@@ -91,18 +95,18 @@
 </template>
 
 <script>
-  import * as echarts from 'echarts'
-  export default {
+import * as echarts from 'echarts'
+
+export default {
   name: 'Statistics',
 
   props: {
     instance: Function,
     dict: Object,
     permissions: Function,
-      params: Object
   },
 
-    data () {
+  data() {
     return {
       info: {},
       activeIndex: 0,
@@ -120,10 +124,10 @@
   computed: {
     colConfigs() {
       return [
-          {label: "群名", prop: "name", width:200},
-          {label: "创建时间", prop: "createTime", align: 'center', width:150},
-          {label: "群成员数", prop: "memberCount", align: 'center', width:100},
-          {label: "群主ID", prop: "owner", align: 'center', width:150},
+        {label: "群名", prop: "name", width: 200},
+        {label: "创建时间", prop: "createTime", align: 'center', width: 150},
+        {label: "群成员数", prop: "memberCount", align: 'center', width: 100},
+        {label: "群主ID", prop: "owner", align: 'center', width: 150},
         {label: "群公告", prop: "notice"},
       ]
     },
@@ -133,19 +137,24 @@
         {label: "姓名", prop: "name", align: 'center'},
         {label: "添加好友人数", prop: "residentCount", align: 'center'}
       ]
+    },
+    params() {
+      return this.$route.query || {}
     }
   },
 
-    mounted() {
-      this.getInfo()
+  created() {
     this.getTableData()
     this.getUserTableData()
   },
+  mounted() {
+    this.getInfo()
+  },
 
   methods: {
     chartInit() {
       var option = {}
-        if(this.activeIndex != 1) {
+      if (this.activeIndex != 1) {
         option = {
           tooltip: {
             trigger: 'axis'
@@ -194,7 +203,7 @@
             },
           ]
         };
-        }else {
+      } else {
         option = {
           tooltip: {
             trigger: 'item'
@@ -233,7 +242,7 @@
     getCharInfo() {
       this.instance.post(`/appCorpStat/getLatestThreeMonthStat?corpId=${this.params.corpId}`).then(res => {
         if (res.code === 0) {
-            if(res.data && res.data.length) {
+          if (res.data && res.data.length) {
             this.listData = []
             this.listData[0] = res.data.map(v => v.groupCount)
             this.listData[1] = res.data.map(v => v.userCount)
@@ -248,7 +257,7 @@
 
       this.instance.post(`/wxcp/wxgroup/groupStatistic?corpId=${this.params.corpId}`).then(res => {
         if (res.code === 0) {
-            if(res.data) {
+          if (res.data) {
             this.pieData = []
             Object.getOwnPropertyNames(res.data).forEach((key) => {
               var e = {
@@ -270,7 +279,7 @@
     getTableData() {
       this.instance.post(`/wxcp/wxgroup/list?corpId=${this.params.corpId}&current=${this.page.current}&size=${this.page.size}&innerMemberId=${this.innerMemberId}`,).then(res => {
         if (res.code === 0) {
-            if(res.data) {
+          if (res.data) {
             this.gropList = res.data.records
             this.page.total = res.data.total
           }
@@ -280,22 +289,20 @@
     getUserTableData() {
       this.instance.post(`/wxcp/wxuser/userStat?corpId=${this.params.corpId}&current=${this.userPage.current}&size=${this.userPage.size}&mainDepartment=1`,).then(res => {
         if (res.code === 0) {
-            if(res.data) {
+          if (res.data) {
             this.userList = res.data.records
             this.userPage.total = res.data.total
           }
         }
       })
     },
-      onBack () {
-        this.$emit('change', {
-          type: 'list'
-        })
+    onBack() {
+      this.$router.push({})
     },
     tabClick(index) {
       this.activeIndex = index
       this.myChart.dispose()
-        if(index != 2 && index != 3) {
+      if (index != 2 && index != 3) {
         this.$nextTick(() => {
           this.myChart = echarts.init(document.getElementById("echart"));
           this.chartInit()
@@ -303,62 +310,71 @@
       }
     }
   }
-  }
+}
 </script>
 
 <style scoped lang="scss">
-  .cover {
+.cover {
   display: block;
   width: 300px;
   height: 140px;
   margin: 20px auto;
-  }
+}
 
-  .subTitle {
+.subTitle {
   text-align: center;
   font-size: 12px;
   font-weight: normal;
-  }
-  .title{
+}
+
+.title {
   line-height: 60px;
   font-size: 18px;
   text-align: center;
   color: #666;
-  }
-  .num{
+}
+
+.num {
   font-size: 32px;
   font-weight: 700;
   text-align: center;
   padding-bottom: 20px;
-  }
-  .tabs{
-    .item{
+}
+
+.tabs {
+  .item {
     display: inline-block;
     padding: 0 20px;
     line-height: 54px;
     cursor: pointer;
   }
-    .active{
+
+  .active {
     color: #26f;
     border-bottom: 2px solid #26f;
   }
-  }
-  .chart-content{
+}
+
+.chart-content {
   height: calc(100% - 240px);
-    ::v-deep .ai-card__body{
+
+  ::v-deep .ai-card__body {
     height: calc(100% - 70px);
   }
-    .echart{
+
+  .echart {
     width: 100%;
     height: 100%;
   }
-    .table{
+
+  .table {
     width: 100%;
     height: 100%;
     overflow-y: scroll;
   }
-  }
-  ::v-deep .ai-detail__content--wrapper{
+}
+
+::v-deep .ai-detail__content--wrapper {
   height: 100%;
-  }
+}
 </style>