提交代码

src/api/interface/interface.ts

@@ -51,22 +51,6 @@ export function getGroup() {
     })
 }
 
-/**
- * @description:获取应用列表
- */
-export function getGroup() {
-    return new Promise<void>((resolve, reject) => {
-        defHttp.get({ url: Api.GetGroup })
-            .then((r) => {
-                if (r.resp_code == 0 && r.datas && r.datas.length) {
-                    resolve(r.datas);
-                } else {
-                    resolve([]);
-                }
-            })
-    })
-}
-
 
 /**
  * @description:通过组id获取列表
@@ -75,13 +59,13 @@ export function getGroupId(e) {
     //?groupId=58c725b0-9620-45ea-a517-3d57d3ccf0e9&name=&pageNum=1&pageSize=6
     var params = {
         groupId: e.groupId,
-        pageSize: e.page,
-        pageNum: e.rows,
+        pageSize: e.rows,
+        pageNum: e.page,
     }
     return new Promise<void>((resolve, reject) => {
         defHttp.get({ url: Api.GetGroupId, params })
             .then((r) => {
-                if (r.resp_code == 0 && r.datas && r.datas.length) {
+                if (r.resp_code == 0 && r.datas) {
                     resolve(r.datas);
                 } else {
                     resolve([]);

src/views/interface/index.vue

@@ -5,8 +5,8 @@
         <p>通用接口</p>
       </div>
       <div class="ztree-container">
-        <p v-for="(i, k) in menu" :key="k" @click="scrollToSection(k)"
-          :class="[`${action == k ? 'action' : ''}`]">{{ i.groupName }}({{ i.num }})</p>
+        <p v-for="(i, k) in menu" :key="k" @click="scrollToSection(k, i)" :class="[`${action == k ? 'action' : ''}`]">{{
+          i.groupName }}({{ i.num }})</p>
       </div>
     </div>
     <div class="datacenter-right">
@@ -29,13 +29,19 @@ export default defineComponent({
   },
   setup() {
     const action = ref(0)
-    function scrollToSection(index) {
+    function scrollToSection(index, i) {
       action.value = index;
+      eventBus.emit("groupIdInterface", i.groupId);
     }
     onMounted(() => getGroupList())
     var menu = ref([]);
     function getGroupList() {
-      getGroup().then((res) => menu.value = res)
+      getGroup().then((res) => {
+        if (res.length) {
+          eventBus.emit("groupIdInterface", res[0].groupId);
+          menu.value = res;
+        }
+      })
     }
 
 

src/views/interface/item/AssemblyData copy.vue

@@ -0,0 +1,344 @@
+<template>
+  <Search></Search>
+  <div style="background-color: #f0f2f5" class="dark:bg-dark-900">
+    <div class="datacenter-right">
+      <div class="resource_list" id="map_list">
+        <div v-for="(i, k) in list" :key="k" class="item">
+          <div><img :src="interfaceImg" alt="" srcset=""></div>
+          <div class="itemLetf">
+            <span>
+              <h1>{{ i.name }}</h1>
+              <b>
+                <span>加入申请库</span>
+                <span @click="showDrawer(i)" style="cursor: pointer;">查看详情</span>
+              </b>
+            </span>
+            <p class="remark" style="height: 32px;"><span>描述:</span>
+            <p v-html="i.remark"></p>
+            </p>
+            <div class="leftBut">
+              <p><span>当前版本:</span><span>{{ i.version }}</span></p>
+              <p><span>调用次数:</span><span>{{ i.is_open || 0 }}</span></p>
+              <p><span>{{ i.publish_time ? '发布时间' : '创建时间' }}</span><span>{{ i.publish_time || i.create_time }}</span></p>
+              <p><span>更新时间:</span><span>{{ i.update_time }}</span></p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="pagination">
+        <Pagination v-model:current="current" :page-size-options="pageSizeOptions" :total="total" show-size-changer
+          :page-size="pageSize" @showSizeChange="onShowSizeChange">
+          <template #buildOptionText="props">
+            <span v-if="props.value !== '50'">{{ props.value }}条/页</span>
+            <span v-else>全部</span>
+          </template>
+        </Pagination>
+      </div>
+    </div>
+    <a-drawer title="接口详情" width="400px" placement="right" :closable="false" v-model:visible="visible"
+      :after-visible-change="afterVisibleChange">
+      <p><b>接口名称:</b>&nbsp;&nbsp;<span>{{ action.name }}</span></p>
+      <p><b>系统名称:</b>&nbsp;&nbsp;<span>{{ action.system_name }}</span></p>
+      <p><b>接口地址:</b>&nbsp;&nbsp;<span>{{ action.request_url }}</span></p>
+      <p><b>接口类型:</b>&nbsp;&nbsp;<span>{{ action.request_method }}</span></p>
+      <p><b>请求数据:</b>&nbsp;&nbsp;<span>{{ action.response_datatype }}</span></p>
+      <p class="remark" style="height: 19px;"><b>资源描述:</b>&nbsp;&nbsp;<span>
+          <p v-html="action.remark"></p>
+        </span></p>
+      <p>
+      <p>请求头:</p> <textarea name="" id="" cols="45" rows="3">{{ formatData(action.request_headers) }}</textarea></p>
+      <p>
+      <p>请求参数:</p> <textarea name="" id="" cols="45" rows="3">{{ formatData(action.query_params) }}</textarea></p>
+      <p>
+      <p>返回参数:</p> <textarea name="" id="" cols="45" rows="10">{{ formatData(action.response_params) }}</textarea></p>
+      <p>
+      <p>返回案例:</p> <textarea name="" id="" cols="45" rows="10">{{ formatData(action.success_resp_example) }}</textarea>
+      </p>
+      <div class="footer">
+        <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
+      </div>
+    </a-drawer>
+    <AssemblyDrawer @register="registerModal" />
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent, nextTick, onMounted, ref, defineProps, watch } from 'vue';
+import { BasicTable, useTable, TableAction } from '/@/components/Table';
+import { columns, searchFormSchema } from './sms.data';
+import { Popconfirm, Tooltip, Pagination } from 'ant-design-vue';
+import { Authority } from '/@/components/Authority';
+import { interfaceList, getGroupId } from '/@/api/interface/interface.ts';
+import { message } from 'ant-design-vue';
+// 加载自定义侧边弹出框 组件
+import { useDrawer } from '/@/components/Drawer';
+// 导入子页面【新增、修改】
+import AssemblyDrawer from './AssemblyDrawer.vue';
+import Search from './child/Search.vue';
+import { session } from '/@/utils/Memory';
+import interfaceImg from '/@/assets/images/count2.png';
+
+
+export default defineComponent({
+  name: 'SmsLog',
+  components: { Pagination, BasicTable, TableAction, Authority, Search, Popconfirm, Tooltip, AssemblyDrawer },
+  setup() {
+    const [registerModal, { openDrawer }] = useDrawer(); //使用右侧弹出框
+
+    const props = defineProps({
+      listData: {
+        type: Array,
+        default: () => [],
+      }
+    })
+
+    // setInterval(() => {
+    //   console.log(props)
+    // }, 2000)
+
+
+    function handleQuery(record: Recordable) {
+      console.log("11111:", record)
+      openDrawer(true, {
+        record,
+      });
+    }
+
+
+    // var list = [
+    //   { src: 'http://106.12.170.138:4001/examples/img/Earth.jpg', name: '地图加载', has: false, href: "onlineIde_a1_Hello_World_01" },
+    //   { src: 'http://106.12.170.138:4001/examples/img/Earth.jpg', name: '地图加载', has: false, href: "onlineIde_a1_Hello_World_01" },
+    //   { src: 'http://106.12.170.138:4001/examples/img/Earth.jpg', name: '地图加载', has: false, href: "onlineIde_a1_Hello_World_01" }
+    // ]
+
+    var list = ref([]);
+
+    // onMounted(() => getList())
+
+    function getList() {
+      interfaceList({
+        page: current.value,
+        rows: pageSize.value,
+        keyword: keyword.value,
+      }).then((e) => {
+        console.log("e:", e)
+        if (e.records.length) {
+          eventBus.emit("interfaceNum", e);
+          total.value = e.total;
+          list.value = e.records;
+        }
+      })
+    }
+
+    const visible = ref<boolean>(false);
+    const action = ref({});
+    const afterVisibleChange = (bool: boolean) => {
+      console.log('visible', bool);
+    };
+
+    const showDrawer = (i) => {
+      console.log("i", i);
+      action.value = i;
+      visible.value = true;
+    };
+    const onClose = () => {
+      visible.value = false;
+    };
+
+    function formatData(e) {
+      var str = null;
+      try {
+        str = JSON.stringify(JSON.parse(action.request_headers), null, 4)
+      } catch (error) {
+        str = e;
+      }
+      return str;
+    }
+
+    const pageSizeOptions = ref(['10', '20', '30', '40', '50']);
+    const current = ref(1);
+    const pageSize = ref(10);
+    const total = ref(50);
+    const onShowSizeChange = (current, pageSize) => {
+      console.log(pageSize);
+      pageSize.value = pageSize;
+      getGroupIdList()
+    };
+    watch(current, () => {
+      getGroupIdList();
+    });
+    const keyword = ref("");
+    eventBus.on("interfaceSearch", (e) => { keyword.value = e, getList() });
+    eventBus.on("groupIdInterface", e => { groupId = e; getGroupIdList() });
+
+
+    var groupId = null;
+    function getGroupIdList(id) {
+      getGroupId({
+        page: current.value,
+        rows: pageSize.value,
+        groupId: groupId,
+      }).then((e) => {
+        eventBus.emit("interfaceNum", e);
+        total.value = e.totalNum;
+        list.value = e.list;
+      })
+    }
+
+
+    return {
+      pageSizeOptions,
+      current,
+      pageSize,
+      total,
+      onShowSizeChange,
+      formatData,
+      visible,
+      action,
+      afterVisibleChange,
+      showDrawer,
+      onClose,
+      interfaceImg,
+      registerModal,
+      list,
+      handleQuery,
+    };
+  },
+});
+</script>
+
+<style scoped>
+.datacenter-right {
+  position: relative;
+  height: auto;
+}
+
+.pagination {
+  width: calc(100% - 320px);
+  height: 40px;
+  position: fixed;
+  z-index: 4;
+  bottom: 16px;
+  background: #fff;
+}
+
+.pagination>ul {
+  float: right;
+}
+
+.remark span,
+.remark p {
+  display: inline-block;
+}
+
+#map_list {
+  overflow-y: scroll;
+  height: calc(100vh - 194px);
+  background: #fff;
+}
+
+#map_list::-webkit-scrollbar {
+  width: 1px;
+}
+
+.leftBut>p {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 16.38px;
+  letter-spacing: 0px;
+  color: #888888;
+  width: 25%;
+}
+
+.leftBut>p span:last-child {
+  color: #333;
+}
+
+.item b {
+  font-size: 16px;
+  font-weight: bold;
+  display: inline-block;
+  margin: 10px 0;
+}
+
+.item {
+  width: 100%;
+  height: 110px;
+  border-radius: 4px;
+  background: #FFFFFF;
+  border: 1px solid #DEDEDE;
+  padding: 10px;
+  float: left;
+  margin: 0px 20px 20px 0px;
+}
+
+.item img {
+  width: 48px;
+  height: 48px;
+}
+
+.item>div:first-child {
+  float: left;
+  width: 140px;
+  height: 90px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: solid 1px #f1eded;
+}
+
+.item>div:last-child {
+  float: left;
+  width: calc(100vw - 503px);
+  margin-left: 20px;
+}
+
+.itemLetf>span {
+  display: block;
+  height: 24px;
+  line-height: 24px;
+}
+
+.itemLetf>span>h1 {
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 16px;
+  color: #333333;
+  float: left;
+}
+
+.itemLetf>span>b {
+  float: right;
+  margin: 0px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 16.38px;
+  letter-spacing: 0px;
+  color: #0671DD;
+}
+
+.itemLetf>span>b>span:first-child {
+  border-right: solid 1px #999999;
+  padding-right: 10px;
+}
+
+.itemLetf>span>b>span:last-child {
+  padding-left: 10px;
+}
+
+.itemLetf>p {
+  text-align: left;
+  border-bottom: 1px solid #DEDEDE;
+  padding-bottom: 10px;
+}
+
+.itemLetf>p>span {
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 16.38px;
+  letter-spacing: 0px;
+  color: #888888;
+  margin-right: 20px;
+}
+</style>

src/views/interface/item/AssemblyData.vue

@@ -35,25 +35,9 @@
         </Pagination>
       </div>
     </div>
-    <a-drawer title="接口详情" width="400px" placement="right" :closable="false" v-model:visible="visible"
+    <a-drawer title="接口详情" width="700px" placement="right" :closable="false" v-model:visible="visible"
       :after-visible-change="afterVisibleChange">
-      <p><b>接口名称:</b>&nbsp;&nbsp;<span>{{ action.name }}</span></p>
-      <p><b>系统名称:</b>&nbsp;&nbsp;<span>{{ action.system_name }}</span></p>
-      <p><b>接口地址:</b>&nbsp;&nbsp;<span>{{ action.request_url }}</span></p>
-      <p><b>接口类型:</b>&nbsp;&nbsp;<span>{{ action.request_method }}</span></p>
-      <p><b>请求数据:</b>&nbsp;&nbsp;<span>{{ action.response_datatype }}</span></p>
-      <p class="remark" style="height: 19px;"><b>资源描述:</b>&nbsp;&nbsp;<span>
-          <p v-html="action.remark"></p>
-        </span></p>
-      <p>
-      <p>请求头:</p> <textarea name="" id="" cols="45" rows="3">{{ formatData(action.request_headers) }}</textarea></p>
-      <p>
-      <p>请求参数:</p> <textarea name="" id="" cols="45" rows="3">{{ formatData(action.query_params) }}</textarea></p>
-      <p>
-      <p>返回参数:</p> <textarea name="" id="" cols="45" rows="10">{{ formatData(action.response_params) }}</textarea></p>
-      <p>
-      <p>返回案例:</p> <textarea name="" id="" cols="45" rows="10">{{ formatData(action.success_resp_example) }}</textarea>
-      </p>
+      <Details></Details>
       <div class="footer">
         <a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
       </div>
@@ -67,20 +51,21 @@ import { BasicTable, useTable, TableAction } from '/@/components/Table';
 import { columns, searchFormSchema } from './sms.data';
 import { Popconfirm, Tooltip, Pagination } from 'ant-design-vue';
 import { Authority } from '/@/components/Authority';
-import { interfaceList,getGroupId } from '/@/api/interface/interface.ts';
+import { interfaceList, getGroupId } from '/@/api/interface/interface.ts';
 import { message } from 'ant-design-vue';
 // 加载自定义侧边弹出框 组件
 import { useDrawer } from '/@/components/Drawer';
 // 导入子页面【新增、修改】
 import AssemblyDrawer from './AssemblyDrawer.vue';
 import Search from './child/Search.vue';
+import Details from './child/Details.vue';
 import { session } from '/@/utils/Memory';
-import interfaceImg from '/@/assets/images/interface.jpg';
+import interfaceImg from '/@/assets/images/count2.png';
 
 
 export default defineComponent({
   name: 'SmsLog',
-  components: { Pagination, BasicTable, TableAction, Authority, Search, Popconfirm, Tooltip, AssemblyDrawer },
+  components: { Pagination, BasicTable, TableAction, Authority, Search, Details, Popconfirm, Tooltip, AssemblyDrawer },
   setup() {
     const [registerModal, { openDrawer }] = useDrawer(); //使用右侧弹出框
 
@@ -112,7 +97,7 @@ export default defineComponent({
 
     var list = ref([]);
 
-    onMounted(() => getList())
+    // onMounted(() => getList())
 
     function getList() {
       interfaceList({
@@ -161,18 +146,28 @@ export default defineComponent({
     const onShowSizeChange = (current, pageSize) => {
       console.log(pageSize);
       pageSize.value = pageSize;
-      getList()
+      getGroupIdList()
     };
     watch(current, () => {
-      getList();
+      getGroupIdList();
     });
     const keyword = ref("");
     eventBus.on("interfaceSearch", (e) => { keyword.value = e, getList() });
+    eventBus.on("groupIdInterface", e => { groupId = e; getGroupIdList() });
 
 
-    // function getGroupId() {
-
-    // }
+    var groupId = null;
+    function getGroupIdList(id) {
+      getGroupId({
+        page: current.value,
+        rows: pageSize.value,
+        groupId: groupId,
+      }).then((e) => {
+        eventBus.emit("interfaceNum", e);
+        total.value = e.totalNum;
+        list.value = e.list;
+      })
+    }
 
 
     return {
@@ -263,8 +258,8 @@ export default defineComponent({
 }
 
 .item img {
-  width: 140px;
-  height: 90px;
+  width: 48px;
+  height: 48px;
 }
 
 .item>div:first-child {
@@ -272,6 +267,10 @@ export default defineComponent({
   width: 140px;
   height: 90px;
   overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: solid 1px #f1eded;
 }
 
 .item>div:last-child {

src/views/interface/item/child/Details.vue

@@ -0,0 +1,467 @@
+<template>
+    <div data-v-70f1cc3b="">
+        <section data-v-70f1cc3b="" class="ant-container is-vertical">
+            <header data-v-70f1cc3b="" class="ant-header" style="height: 20px; margin-top: 5px;">基本信息
+                <button data-v-70f1cc3b="" type="button" class="ant-button ant-button--primary ant-button--mini"
+                    style="float: right; margin-left: 20px;"><span>在线调试
+                    </span></button> <button data-v-70f1cc3b="" type="button"
+                    class="ant-button ant-button--primary ant-button--mini" style="float: right;"><span>调试说明</span></button>
+            </header>
+            <main data-v-70f1cc3b="" class="ant-main">
+                <div data-v-70f1cc3b="" class="ant-row">
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-4">接口名称:</div>
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-20">查询是否配置图层搜索</div>
+                </div>
+                <div data-v-70f1cc3b="" class="ant-row">
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-4">接口地址:</div>
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-20">/iTypeConfigInfo/getIsConfig</div>
+                </div>
+                <div data-v-70f1cc3b="" class="ant-row">
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-4">请求方式:</div>
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-20">POST</div>
+                </div>
+                <div data-v-70f1cc3b="" class="ant-row">
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-4">发布日期:</div>
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-20">2021-10-11 13:38:25</div>
+                </div>
+                <div data-v-70f1cc3b="" class="ant-row">
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-4">版本号:</div>
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-20">1.0</div>
+                </div>
+                <div data-v-70f1cc3b="" class="ant-row">
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-4">接口描述:</div>
+                    <div data-v-70f1cc3b="" class="ant-col ant-col-20">
+                        <div data-v-70f1cc3b="" class="quill-editor ql-editor" style="padding: 0px;">
+                            <div data-v-70f1cc3b=""></div>
+                        </div>
+                    </div>
+                </div>
+            </main>
+        </section>
+        <section data-v-70f1cc3b="" class="ant-container is-vertical">
+            <header data-v-70f1cc3b="" class="ant-header" style="height: 20px;">请求参数</header>
+            <main data-v-70f1cc3b="" class="ant-main">
+                <div data-v-70f1cc3b=""
+                    class="ant-table ant-table--fit ant-table--border ant-table--enable-row-hover ant-table--enable-row-transition ant-table--mini"
+                    style="width: 100%;">
+                    <div class="hidden-columns">
+                        <div data-v-70f1cc3b=""></div>
+                        <div data-v-70f1cc3b=""></div>
+                        <div data-v-70f1cc3b=""></div>
+                        <div data-v-70f1cc3b=""></div>
+                        <div data-v-70f1cc3b=""></div>
+                    </div>
+                    <div class="ant-table__header-wrapper">
+                        <table cellspacing="0" cellpadding="0" border="0" class="ant-table__header" style="width: 1186px;">
+                            <colgroup>
+                                <col name="ant-table_1_column_1" width="200">
+                                <col name="ant-table_1_column_2" width="536">
+                                <col name="ant-table_1_column_3" width="150">
+                                <col name="ant-table_1_column_4" width="100">
+                                <col name="ant-table_1_column_5" width="200">
+                                <col name="gutter" width="0">
+                            </colgroup>
+                            <thead class="has-gutter">
+                                <tr class="">
+                                    <th colspan="1" rowspan="1" class="ant-table_1_column_1     is-leaf">
+                                        <div class="cell">参数名称</div>
+                                    </th>
+                                    <th colspan="1" rowspan="1" class="ant-table_1_column_2     is-leaf">
+                                        <div class="cell">说明</div>
+                                    </th>
+                                    <th colspan="1" rowspan="1" class="ant-table_1_column_3     is-leaf">
+                                        <div class="cell">参数位置</div>
+                                    </th>
+                                    <th colspan="1" rowspan="1" class="ant-table_1_column_4     is-leaf">
+                                        <div class="cell">是否必填</div>
+                                    </th>
+                                    <th colspan="1" rowspan="1" class="ant-table_1_column_5     is-leaf">
+                                        <div class="cell">数据类型</div>
+                                    </th>
+                                    <th class="gutter" style="width: 0px; display: none;"></th>
+                                </tr>
+                            </thead>
+                        </table>
+                    </div>
+                    <div class="ant-table__body-wrapper is-scrolling-none">
+                        <table cellspacing="0" cellpadding="0" border="0" class="ant-table__body" style="width: 1186px;">
+                            <colgroup>
+                                <col name="ant-table_1_column_1" width="200">
+                                <col name="ant-table_1_column_2" width="536">
+                                <col name="ant-table_1_column_3" width="150">
+                                <col name="ant-table_1_column_4" width="100">
+                                <col name="ant-table_1_column_5" width="200">
+                            </colgroup>
+                            <tbody>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">Authorization</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell">令牌</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">header</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">否</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">client_id</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">query</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">否</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">functionType</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell">functionType</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">query</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">是</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">real_name</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">query</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">否</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">scope</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">query</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">否</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">array</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">serviceId</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell">serviceId</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">query</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">是</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">user_id</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">query</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">否</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_1  ">
+                                        <div class="cell">user_name</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_2  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_3  ">
+                                        <div class="cell">query</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_4  ">
+                                        <div class="cell">否</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_1_column_5  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="ant-table__column-resize-proxy" style="display: none;"></div>
+                </div>
+            </main>
+        </section>
+        <section data-v-70f1cc3b="" class="ant-container is-vertical">
+            <header data-v-70f1cc3b="" class="ant-header" style="height: 20px;">返回参数</header>
+            <main data-v-70f1cc3b="" class="ant-main">
+                <div data-v-70f1cc3b=""
+                    class="ant-table ant-table--fit ant-table--border ant-table--enable-row-hover ant-table--enable-row-transition ant-table--mini"
+                    style="width: 100%;">
+                    <div class="hidden-columns">
+                        <div data-v-70f1cc3b=""></div>
+                        <div data-v-70f1cc3b=""></div>
+                        <div data-v-70f1cc3b=""></div>
+                        <div data-v-70f1cc3b=""></div>
+                    </div>
+                    <div class="ant-table__header-wrapper">
+                        <table cellspacing="0" cellpadding="0" border="0" class="ant-table__header" style="width: 1186px;">
+                            <colgroup>
+                                <col name="ant-table_2_column_6" width="200">
+                                <col name="ant-table_2_column_7" width="636">
+                                <col name="ant-table_2_column_8" width="150">
+                                <col name="ant-table_2_column_9" width="200">
+                                <col name="gutter" width="0">
+                            </colgroup>
+                            <thead class="has-gutter">
+                                <tr class="">
+                                    <th colspan="1" rowspan="1" class="ant-table_2_column_6     is-leaf">
+                                        <div class="cell">参数名称</div>
+                                    </th>
+                                    <th colspan="1" rowspan="1" class="ant-table_2_column_7     is-leaf">
+                                        <div class="cell">说明</div>
+                                    </th>
+                                    <th colspan="1" rowspan="1" class="ant-table_2_column_8     is-leaf">
+                                        <div class="cell">参数位置</div>
+                                    </th>
+                                    <th colspan="1" rowspan="1" class="ant-table_2_column_9     is-leaf">
+                                        <div class="cell">数据类型</div>
+                                    </th>
+                                    <th class="gutter" style="width: 0px; display: none;"></th>
+                                </tr>
+                            </thead>
+                        </table>
+                    </div>
+                    <div class="ant-table__body-wrapper is-scrolling-none">
+                        <table cellspacing="0" cellpadding="0" border="0" class="ant-table__body" style="width: 1186px;">
+                            <colgroup>
+                                <col name="ant-table_2_column_6" width="200">
+                                <col name="ant-table_2_column_7" width="636">
+                                <col name="ant-table_2_column_8" width="150">
+                                <col name="ant-table_2_column_9" width="200">
+                            </colgroup>
+                            <tbody>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_6  ">
+                                        <div class="cell">datas</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_7  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_8  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_9  ">
+                                        <div class="cell">object</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_6  ">
+                                        <div class="cell">resp_code</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_7  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_8  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_9  ">
+                                        <div class="cell">integer</div>
+                                    </td>
+                                </tr>
+                                <tr class="ant-table__row expanded">
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_6  ">
+                                        <div class="cell">resp_msg</div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_7  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_8  ">
+                                        <div class="cell"></div>
+                                    </td>
+                                    <td rowspan="1" colspan="1" class="ant-table_2_column_9  ">
+                                        <div class="cell">string</div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div class="ant-table__column-resize-proxy" style="display: none;"></div>
+                </div>
+            </main>
+        </section>
+        <section data-v-70f1cc3b="" class="ant-container is-vertical">
+            <header data-v-70f1cc3b="" class="ant-header" style="height: 20px;">返回示例</header>
+            <main data-v-70f1cc3b="" class="ant-main">
+                <div data-v-70f1cc3b="" id="resText">
+                    <div data-v-70f1cc3b="" class="ant-textarea is-disabled"><textarea disabled="disabled" autocomplete="off"
+                            placeholder="请输入内容" class="ant-textarea__inner"
+                            style="min-height: 180px; height: 180px;"></textarea></div>
+                </div>
+            </main>
+        </section>
+        <div data-v-70f1cc3b="" class="ant-dialog__wrapper" style="z-index: 2012; display: none;">
+            <div role="dialog" aria-modal="true" aria-label="调试接口" class="ant-dialog" style="margin-top: 4vh; width: 80%;">
+                <div class="ant-dialog__header"><span class="ant-dialog__title">调试接口</span><button type="button"
+                        aria-label="Close" class="ant-dialog__headerbtn"><i
+                            class="ant-dialog__close ant-icon ant-icon-close"></i></button></div>
+                <div class="ant-dialog__body"></div>
+            </div>
+        </div>
+        <div data-v-70f1cc3b="" class="ant-dialog__wrapper" style="z-index: 2005; display: none;">
+            <div role="dialog" aria-modal="true" aria-label="调用说明" class="ant-dialog" style="margin-top: 4vh; width: 700px;">
+                <div class="ant-dialog__header"><span class="ant-dialog__title">调用说明</span><button type="button"
+                        aria-label="Close" class="ant-dialog__headerbtn"><i
+                            class="ant-dialog__close ant-icon ant-icon-close"></i></button></div>
+                <div class="ant-dialog__body">
+                    <div data-v-70f1cc3b="" style="margin: 0px auto;">
+                        <p data-v-70f1cc3b=""> · 使用需鉴权的接口要在网络请求头（Http Headers）中添加参数（Authorization）项，设置已授权的令牌（JWT：JSON Web
+                            Tokens）</p>
+                        <p data-v-70f1cc3b=""> · 获取授权的JWT如下:</p>
+                        <p data-v-70f1cc3b=""> 1). 首先拥有成都市规划和自然资源局门户的账号和密码</p>
+                        <p data-v-70f1cc3b=""> 2). 其次由信息中心管理员配置client_id、client_secret、username、password参数值</p>
+                        <p data-v-70f1cc3b=""> 3). 然后获取access_token</p>
+                        <p data-v-70f1cc3b=""> 4). 最后通过access_token访问需鉴权的资源</p>
+                        <p data-v-70f1cc3b=""> 5). 注意:access_token有效期为:30分钟,过期需重新获取</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+
+</script>
+
+
+<style scoped>
+.ant-container.is-vertical {
+    -ms-flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    flex-direction: column;
+}
+
+.ant-header[data-v-70f1cc3b] {
+    border-left: 3px solid #e6a23c;
+}
+
+.ant-main {
+    display: block;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+    overflow: auto;
+    padding: 20px;
+}
+
+.ant-row[data-v-70f1cc3b] {
+    margin-bottom: 10px;
+}
+
+.ant-col-4 {
+    width: 8.33333%;
+}
+
+.ant-col-20 {
+    width: 91.66667%;
+}
+
+.ant-col-pull-0,
+.ant-col-pull-1,
+.ant-col-pull-2,
+.ant-col-pull-3,
+.ant-col-pull-4,
+.ant-col-pull-5,
+.ant-col-pull-6,
+.ant-col-pull-7,
+.ant-col-pull-8,
+.ant-col-pull-9,
+.ant-col-pull-10,
+.ant-col-pull-11,
+.ant-col-pull-13,
+.ant-col-pull-14,
+.ant-col-pull-15,
+.ant-col-pull-16,
+.ant-col-pull-17,
+.ant-col-pull-18,
+.ant-col-pull-19,
+.ant-col-pull-20,
+.ant-col-pull-21,
+.ant-col-pull-22,
+.ant-col-pull-23,
+.ant-col-pull-24,
+.ant-col-push-0,
+.ant-col-push-1,
+.ant-col-push-2,
+.ant-col-push-3,
+.ant-col-push-4,
+.ant-col-push-5,
+.ant-col-push-6,
+.ant-col-push-7,
+.ant-col-push-8,
+.ant-col-push-9,
+.ant-col-push-10,
+.ant-col-push-11,
+.ant-col-push-12,
+.ant-col-push-13,
+.ant-col-push-14,
+.ant-col-push-15,
+.ant-col-push-16,
+.ant-col-push-17,
+.ant-col-push-18,
+.ant-col-push-19,
+.ant-col-push-20,
+.ant-col-push-21,
+.ant-col-push-22,
+.ant-col-push-23,
+.ant-col-push-24,
+.ant-row {
+    position: relative;
+}</style>