企业微信配置调优

core/apps/AppQyWxConfig/AppQyWxConfig.vue

@@ -15,6 +15,14 @@
         </ai-search-bar>
         <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
                   @getList="getTableData" :col-configs="colConfigs">
+          <el-table-column type="expand" slot="expand">
+            <template slot-scope="{row}">
+              <ai-wrapper>
+                <ai-info-item labelWidth="200px" v-for="op in desConfigs" :key="op.prop" :value="row[op.prop]"
+                              v-bind="op"/>
+              </ai-wrapper>
+            </template>
+          </el-table-column>
           <el-table-column slot="status" align="center" label="状态" width="150">
             <template v-slot="{ row }">
               <el-switch v-model="row.status" @change="onChange(row)" active-value="1" inactive-value="0"
@@ -28,7 +36,7 @@
                          active-color="#5088FF" inactive-color="#D0D4DC"></el-switch>
             </template>
           </el-table-column>
-          <el-table-column slot="options" align="center" label="操作" fixed="right" width="200px">
+          <el-table-column slot="options" align="center" label="操作" width="400">
             <el-row type="flex" justify="center" align="middle" slot-scope="{row}">
               <el-button type="text" @click="detail(row)">详情</el-button>
               <el-button type="text" @click="del(row)">删除</el-button>
@@ -116,7 +124,6 @@
         </el-form-item>
       </el-form>
     </ai-dialog>
-
     <ai-dialog title="地图" :visible.sync="showMap" @opened="initMap" width="800px" class="mapDialog"
                @onConfirm="selectMap">
       <div id="map"></div>
@@ -176,22 +183,31 @@ export default {
     ...mapState(['user']),
     colConfigs() {
       return [
-        {prop: "name", label: "名称", width: 150},
+        {slot: 'expand'},
+        {prop: "name", label: "名称"},
         {prop: "corpId", label: "企业微信ID", width: 180},
+        {slot: "status",},
+        {slot: "miniappStatus"},
+        {prop: "createTime", label: "创建时间"},
+        {slot: "options"},
+      ]
+    },
+    desConfigs() {
+      let isLine = true
+      return [
         {prop: "corpAddressBookSecret", label: "企业微信通讯录SECRET", width: 200},
         {prop: "corpAgentId", label: "企业微信AGENTID", width: 150},
-        {prop: "corpSecret", label: "企业微信SECRET", width: 200},
+        {prop: "corpSecret", label: "企业微信SECRET", isLine},
         {prop: "corpToken", label: "企业微信TOKEN", width: 150},
         {prop: "corpAeskey", label: "企业微信AESKEY", width: 150},
         {prop: "miniappAppid", label: "小程序APPID", width: 150},
         {prop: "miniappSecret", label: "小程序SECRET", width: 150},
+        {prop: "areaId", label: "地区编码", width: 150, isLine},
         {prop: "lat", label: "纬度", width: 100},
         {prop: "lng", label: "经度", width: 100},
-        {prop: "address", label: "中心点", width: 100},
-        {slot: "status",},
-        {slot: "miniappStatus",},
-        {prop: "createTime", label: "创建时间", width: 150},
-        {slot: "options"},
+        {prop: "address", label: "中心点", width: 100, isLine},
+        {prop: "webUrl", label: "管理端地址", width: 100},
+        {prop: "dvcpUrl", label: "企微端地址", width: 100},
       ]
     },
     rules() {