修改流程

src/views/authorize/empower/index.vue

@@ -4,22 +4,39 @@
       <div class="left-search-input">
         <div class="input">
           <span>关键字</span>
-          <a-input allowClear v-model:value="searchValue" style="width: 200px;" placeholder="请输入资源名称"></a-input>
+          <a-input
+            allowClear
+            v-model:value="searchValue"
+            style="width: 200px"
+            placeholder="请输入资源名称"
+          ></a-input>
         </div>
         <div class="input">
           <span>资源类型</span>
           <!-- <a-select allowClear v-model:value="selectTypeValue" style="width: 200px" :options="typeOptions"></a-select> -->
-          <a-select @change="handleTypeChange" v-model:value="selectTypeValue" style="width: 200px"
-            :options="typeOptions"></a-select>
+          <a-select
+            @change="handleTypeChange"
+            v-model:value="selectTypeValue"
+            style="width: 200px"
+            :options="typeOptions"
+          ></a-select>
         </div>
         <div class="input" v-if="selectTypeValue != 'SR'">
           <span>应用系统</span>
-          <a-select v-model:value="selectSystemValue" style="width: 200px" :options="sysOptions"></a-select>
+          <a-select
+            v-model:value="selectSystemValue"
+            style="width: 200px"
+            :options="sysOptions"
+          ></a-select>
         </div>
         <div class="input">
           <span>审核状态</span>
-          <a-select @change="changeStatus" v-model:value="selectStatusValue" style="width: 200px"
-            :options="statusOptions">
+          <a-select
+            @change="changeStatus"
+            v-model:value="selectStatusValue"
+            style="width: 200px"
+            :options="statusOptions"
+          >
           </a-select>
         </div>
         <!-- <div class="input">
@@ -28,44 +45,45 @@
         </div> -->
       </div>
       <div class="right-btns">
-        <a-button style="margin-right: 15px;" @click="handleReset">重置</a-button>
+        <a-button style="margin-right: 15px" @click="handleReset">重置</a-button>
         <a-button type="primary" @click="handleSearch">查询</a-button>
       </div>
     </div>
     <div class="bottom-table">
       <BasicTable @register="registerTable" class="basic-table" @fetch-success="onFetchSuccess">
         <template #toolbar>
-          <a-button style="background-color: #fc8b01;color: #fff;" :disabled="hasSelected"
-            @click="handleAuditAll">批量审核</a-button>
+          <a-button
+            style="background-color: #fc8b01; color: #fff"
+            :disabled="hasSelected"
+            @click="handleAuditAll"
+            >批量审核</a-button
+          >
         </template>
         <template #BLZT="{ record }">
           <a-tag :style="`color:${record.status === 3 || record.status === 3 ? 'red' : ''};`">
-            {{
-              record.BLZT == '在办' ? '审核中' : record.BLZT == '已办结' ? '审核完' : ''
-            }}
+            {{ record.BLZT == '在办' ? '审核中' : record.BLZT == '已办结' ? '审核完' : '' }}
           </a-tag>
         </template>
         <template #ISPASS="{ record }">
-          {{
-            record.ISPASS == '1' ? '同意' : record.ISPASS == '0' ? '不同意' : ''
-          }}
+          {{ record.ISPASS == '1' ? '同意' : record.ISPASS == '0' ? '不同意' : '' }}
         </template>
         <template #action="{ record }">
-          <TableAction :actions="[
-            {
-              label: '详情',
-              tooltip: '详情',
-              onClick: handleDetail.bind(null, record),
-            },
-            {
-              label: '审核',
-              tooltip: '审核',
-              disabled: selectStatusValue == '0' ? false : true,
-              onClick: handleAudit.bind(null, record),
-            }
-          ]" />
+          <TableAction
+            :actions="[
+              {
+                label: '详情',
+                tooltip: '详情',
+                onClick: handleDetail.bind(null, record),
+              },
+              {
+                label: '审核',
+                tooltip: '审核',
+                disabled: selectStatusValue == '0' ? false : true,
+                onClick: handleAudit.bind(null, record),
+              },
+            ]"
+          />
         </template>
-
       </BasicTable>
     </div>
     <AuditModal v-if="ischect && showAuditModal" @closeModal="showAuditModal = false" :bussInfo="bussInfo"
@@ -87,7 +105,17 @@
   </div>
 </template>
 <script>
-import { defineComponent, reactive, ref, onMounted, watch, toRefs, computed, createVNode, nextTick } from 'vue';
+import {
+  defineComponent,
+  reactive,
+  ref,
+  onMounted,
+  watch,
+  toRefs,
+  computed,
+  createVNode,
+  nextTick,
+} from 'vue';
 import { BasicTable, useTable, TableAction } from '/@/components/Table';
 import AuditModal from './AuditModal.vue';
 import { columns } from './map.data';
@@ -100,6 +128,7 @@ import MapResourceUpload from '/@/views/dataAdmin/dataAdmin/mapUpload/MapSourceM
 import FileResourceUpload from '/@/views/dataAdmin/dataAdmin/fileResourceUpload/AddMethod.vue';
 import SceneResourceUpload from '/@/views/dataAdmin/dataAdmin/sceneResourceUpload/AddMethod.vue';
 import AssResourceUpload from '/@/views/dataAdmin/assembly/MapSourceModal.vue';
+import InterfaceModal from '/@/views/interface/item/InterfaceModal.vue';
 import { useModal } from '/@/components/Modal';
 import { queryResourceById } from '/@/api/resource/map';
 import { useAppStore } from '/@/store/modules/app';
@@ -137,58 +166,59 @@ export default defineComponent({
     //mr是地图资源，dr是文件，er场景，sr组件
     const typeOptions = [
       {
-        label: "地图资源",
-        value: "MR"
+        label: '地图资源',
+        value: 'MR',
       },
       {
-        label: "场景资源",
-        value: "ER"
+        label: '场景资源',
+        value: 'ER',
       },
       {
-        label: "文件资源",
-        value: "DR"
+        label: '文件资源',
+        value: 'DR',
       },
       {
-        label: "组件资源",
-        value: "SR"
+        label: '组件资源',
+        value: 'SR',
       },
       {
-        label: "接口服务",
-        value: "interface"
-      }
-    ]
-
-    function handleTypeChange() {
+        label: '接口服务',
+        value: 'interface',
+      },
+    ];
 
-    }
+    function handleTypeChange() {}
 
     const sysOptions = ref([]);
     onMounted(() => getApp());
     function getApp() {
-      list().then(r => sysOptions.value = r.map(i => { return { label: i.NAME, value: i.KEY } }))
+      list().then(
+        (r) =>
+          (sysOptions.value = r.map((i) => {
+            return { label: i.NAME, value: i.KEY };
+          }))
+      );
     }
     const statusOptions = [
       {
         // label: "在办",
-        label: "待办",
-        value: "0"
+        label: '待办',
+        value: '0',
       },
       {
-        label: "已办结",
-        value: "1"
-      }
-    ]
-    function changeStatus() {
-
-    }
-    const showAuditModal = ref(false)
+        label: '已办结',
+        value: '1',
+      },
+    ];
+    function changeStatus() {}
+    const showAuditModal = ref(false);
     const bussInfo = ref({
-      bussInfoId: "",
-      resId: ""
-    })
+      bussInfoId: '',
+      resId: '',
+    });
     onMounted(() => {
       // getAllData();
-    })
+    });
     //获取所有状态的资源
     const getAllData = () => {
       return new Promise(async (resolve) => {
@@ -197,48 +227,59 @@ export default defineComponent({
           rows: 10000,
           serviceType: selectTypeValue.value,
           userId: session.getItem('userId'),
-          keyStr: searchValue.value
-        }
+          keyStr: searchValue.value,
+        };
 
         let resdb = null;
         let resyb = null;
-        if (selectStatusValue.value == "0") {
-          resdb = await queryTaskInfoPage(params)
+        if (selectStatusValue.value == '0') {
+          resdb = await queryTaskInfoPage(params);
           resyb = [];
-        } else if (selectStatusValue.value == "1") {
-          resdb = []
-          resyb = await queryTaskYbInfoPage(params)
+        } else if (selectStatusValue.value == '1') {
+          resdb = [];
+          resyb = await queryTaskYbInfoPage(params);
         } else {
-          resdb = await queryTaskInfoPage(params)
-          resyb = await queryTaskYbInfoPage(params)
+          resdb = await queryTaskInfoPage(params);
+          resyb = await queryTaskYbInfoPage(params);
         }
 
-        let allData = removeDp(resyb, resdb)
+        let allData = removeDp(resyb, resdb);
         if (allData.length) {
-          allData.filter(item => item.BUSSNAME.indexOf('授权') > -1)
-          allData.map(i => i.id = i.BUSSID);
-          console.log("授权审核列表:", allData)
-          resolve(allData)
+          allData.filter((item) => item.BUSSNAME.indexOf('授权') > -1);
+          allData.map((i) => (i.id = i.BUSSID));
+          console.log('授权审核列表:', allData);
+          resolve(allData);
         } else {
-          resolve([])
+          resolve([]);
         }
-      })
-    }
+      });
+    };
     //两个对象数组去重
     const removeDp = (arr1, arr2) => {
-      let arr = arr1.concat(arr2)
-      let obj = {}
+      let arr = arr1.concat(arr2);
+      let obj = {};
       let newArray = arr.reduce((pre, cur) => {
         if (!obj[cur.BUSSID]) {
-          obj[cur.BUSSID] = true
-          pre.push(cur)
+          obj[cur.BUSSID] = true;
+          pre.push(cur);
         }
-        return pre
-      }, [])
+        return pre;
+      }, []);
       return newArray;
-    }
+    };
     //注册表格
-    const [registerTable, { reload, setProps, getRowSelection, getSelectRowKeys, clearSelectedRowKeys, getSelectRows, getDataSource }] = useTable({
+    const [
+      registerTable,
+      {
+        reload,
+        setProps,
+        getRowSelection,
+        getSelectRowKeys,
+        clearSelectedRowKeys,
+        getSelectRows,
+        getDataSource,
+      },
+    ] = useTable({
       title: '授权资源列表',
       api: getAllData,
       // dataSource: [],
@@ -268,7 +309,7 @@ export default defineComponent({
         redo: true,
         size: true,
         setting: false,
-        fullScreen: false
+        fullScreen: false,
       },
     });
 
@@ -283,20 +324,20 @@ export default defineComponent({
     //判断是否选中数据
     const hasSelected = computed(() => {
       const rowSelection = getRowSelection();
-      return !(rowSelection.selectedRowKeys?.length);
+      return !rowSelection.selectedRowKeys?.length;
     });
     //重置查询
     const handleReset = () => {
-      searchValue.value = ''
-      selectTypeValue.value = ''
-      selectSystemValue.value = ''
-      selectStatusValue.value = '0'
-      searchTime.value = moment()
-    }
+      searchValue.value = '';
+      selectTypeValue.value = '';
+      selectSystemValue.value = '';
+      selectStatusValue.value = '0';
+      searchTime.value = moment();
+    };
     //条件查询
     const handleSearch = () => {
       reload();
-    }
+    };
 
     //资源详情
     const handleDetail = async (record) => {
@@ -321,45 +362,45 @@ export default defineComponent({
           });
         }
       }
-    }
+    };
     // 批量审核
     const handleAuditAll = () => {
       var arr = getSelectRowKeys();
       ischect.value = true;
-      console.log("多个审核打开审核弹窗:", arr)
+      console.log('多个审核打开审核弹窗:', arr);
       bussInfo.value.bussInfoId = arr.toString();
       bussInfo.value.resId = false;
       bussInfo.value.record = false;
       showAuditModal.value = true;
-      appStore.setRouterPushAuditFlag(false)
-    }
+      appStore.setRouterPushAuditFlag(false);
+    };
     //单个审核，打开审核弹窗
     const handleAudit = (record) => {
       ischect.value = true;
-      console.log("单个审核打开审核弹窗:", record)
+      console.log('单个审核打开审核弹窗:', record);
       bussInfo.value.bussInfoId = record.BUSSID;
       bussInfo.value.resId = record.SERVICEID;
       bussInfo.value.record = record;
       showAuditModal.value = true;
-      appStore.setRouterPushAuditFlag(false)
-    }
+      appStore.setRouterPushAuditFlag(false);
+    };
     //审核提交
     const onSubmit = (isPass) => {
-      showAuditModal.value = false
-      reload()
-    }
+      showAuditModal.value = false;
+      reload();
+    };
 
     const onFetchSuccess = () => {
       // 请求后拿到数据，打开对应的资源审核弹窗
       nextTick(() => {
-        let dataList = getDataSource()
+        let dataList = getDataSource();
         if (currRoute?.query?.bussid && appStore.routerPushAuditFlag) {
-          dataList.forEach(item => {
-            item.BUSSID === currRoute.query.bussid && handleAudit(item)
-          })
+          dataList.forEach((item) => {
+            item.BUSSID === currRoute.query.bussid && handleAudit(item);
+          });
         }
       });
-    }
+    };
 
     const visible = ref(false);
     const action = ref({});
@@ -402,7 +443,7 @@ export default defineComponent({
       handleDetail,
       handleAudit,
       onSubmit,
-      onFetchSuccess
+      onFetchSuccess,
     };
   },
 });
@@ -416,7 +457,7 @@ export default defineComponent({
     width: 100%;
     height: 74px;
     border-radius: 6px;
-    background: #FFFFFF;
+    background: #ffffff;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -457,7 +498,6 @@ export default defineComponent({
           font-weight: bold;
           color: #333333;
         }
-
       }
     }
   }

src/views/dashboard/workbench/component/TopCardStatistic.vue

@@ -2,7 +2,7 @@
  * @Author: tengmingxue 1473375109@qq.com
  * @Date: 2023-09-13 10:06:22
  * @LastEditors: tengmingxue 1473375109@qq.com
- * @LastEditTime: 2024-01-23 17:08:40
+ * @LastEditTime: 2024-01-26 16:20:09
  * @FilePath: \xld-gis-admin\src\views\dashboard\workbench\component\TopCardStatistic.vue
  * @Description: 统计卡片
 -->
@@ -82,15 +82,15 @@ export default defineComponent({
       data.analysisProject = analysisProject;
       data.supportNum = supportNum;
 
-      // //（2）查询支撑应用
-      // const res2 = await querySupportApp() as any
-      // if(res2) {
-      //   //支撑数据
-      // }
+      //（2）查询支撑应用
+      const res2 = await querySupportApp() as any
+      if(res2) {
+        //支撑数据
+      }
 
-      // //（3）查询资源访问
-      // const res3 = await querySourceAccess({}) as any
-      // if(res3 && res3.resp_cod === 0){}
+      //（3）查询资源访问
+      const res3 = await querySourceAccess({}) as any
+      if(res3 && res3.resp_cod === 0){}
       
     };
 

src/views/dashboard/workbench/component/UnstructuredStatistic.vue

@@ -2,23 +2,16 @@
  * @Author: tengmingxue 1473375109@qq.com
  * @Date: 2023-09-13 10:06:22
  * @LastEditors: tengmingxue 1473375109@qq.com
- * @LastEditTime: 2024-01-23 18:08:52
+ * @LastEditTime: 2024-01-26 16:41:02
  * @FilePath: \xld-gis-admin\src\views\dashboard\workbench\component\TopCardStatistic.vue
  * @Description: 统计卡片
 -->
 <template>
   <div class="ust-statistic">
     <div class="title">{{ title }}</div>
-
-    <!-- <a-row type="flex" justify="space-between" class="cards">
-      <a-col :span="7" class="card card1"></a-col>
-      <a-col :span="7" class="card card2"></a-col>
-      <a-col :span="7" class="card card3"></a-col>
-      <a-col :span="7" class="card card4"></a-col>
-      <a-col :span="7" class="card card5"></a-col>
-      <a-col :span="7" class="card card6"></a-col>
-    </a-row> -->
-    <a-carousel style="height: calc(100% - 40px); width: 100%" dotsClass="dotsClassBottom">
+    <!-- autoplay -->
+    <a-carousel style="height: calc(100% - 40px); width: 100%" autoplay dotsClass="dotsClassBottom">
+      <!-- 第一页 -->
       <div class="indiv">
         <a-row :gutter="[16, 16]" class="cards">
           <a-col :span="8" class="card">
@@ -27,7 +20,7 @@
                 <div class="img1"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">DOM影像</div>
+                <div class="res-title">DOM影像(L1级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -39,13 +32,14 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
-                <div class="img2"></div>
+                <div class="img1"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">DEM高程数据</div>
+                <div class="res-title">DOM影像(L2级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -57,13 +51,14 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
-                <div class="img3"></div>
+                <div class="img1"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">BIM数据</div>
+                <div class="res-title">DOM影像(L3级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -75,13 +70,14 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
-                <div class="img4"></div>
+                <div class="img2"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">矢量数据</div>
+                <div class="res-title">DEM高程数据(L1级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -93,31 +89,33 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
-                <div class="img5"></div>
+                <div class="img2"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">文件数据</div>
+                <div class="res-title">DEM高程数据(L2级)</div>
                 <div class="res-file">
-                  <div class="num">{{ file.num }}</div>
+                  <div class="num">160</div>
                   <div class="name">文件个数</div>
                 </div>
                 <div class="res-file">
-                  <div class="num">{{ file.size }}GB</div>
+                  <div class="num">200GB</div>
                   <div class="name">文件总大小</div>
                 </div>
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
-                <div class="img6"></div>
+                <div class="img2"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">其他数据</div>
+                <div class="res-title">DEM高程数据(L3级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -131,15 +129,16 @@
           </a-col>
         </a-row>
       </div>
+      <!-- 第二页 -->
       <div class="indiv">
         <a-row :gutter="[16, 16]" class="cards">
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
-                <div class="img1"></div>
+                <div class="img3"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">DOM影像</div>
+                <div class="res-title">BIM数据(L1级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -151,13 +150,14 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
-                <div class="img2"></div>
+                <div class="img3"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">DEM高程数据</div>
+                <div class="res-title">BIM数据(L2级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -169,13 +169,14 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
                 <div class="img3"></div>
               </div>
               <div class="contenter">
-                <div class="res-title">BIM数据</div>
+                <div class="res-title">BIM数据(L3级)</div>
                 <div class="res-file">
                   <div class="num">160</div>
                   <div class="name">文件个数</div>
@@ -187,6 +188,7 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
@@ -205,6 +207,7 @@
               </div>
             </div>
           </a-col>
+
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
@@ -223,6 +226,67 @@
               </div>
             </div>
           </a-col>
+
+          <a-col :span="8" class="card">
+            <div class="card-info">
+              <div class="bkg">
+                <div class="img6"></div>
+              </div>
+              <div class="contenter">
+                <div class="res-title">倾斜摄影</div>
+                <div class="res-file">
+                  <div class="num">160</div>
+                  <div class="name">文件个数</div>
+                </div>
+                <div class="res-file">
+                  <div class="num">200GB</div>
+                  <div class="name">文件总大小</div>
+                </div>
+              </div>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+
+      <!-- 第三页 -->
+      <div class="indiv">
+        <a-row :gutter="[16, 16]" class="cards">
+          <a-col :span="8" class="card">
+            <div class="card-info">
+              <div class="bkg">
+                <div class="img4"></div>
+              </div>
+              <div class="contenter">
+                <div class="res-title">激光点云</div>
+                <div class="res-file">
+                  <div class="num">160</div>
+                  <div class="name">文件个数</div>
+                </div>
+                <div class="res-file">
+                  <div class="num">200GB</div>
+                  <div class="name">文件总大小</div>
+                </div>
+              </div>
+            </div>
+          </a-col>
+          <a-col :span="8" class="card">
+            <div class="card-info">
+              <div class="bkg">
+                <div class="img5"></div>
+              </div>
+              <div class="contenter">
+                <div class="res-title">条带数据</div>
+                <div class="res-file">
+                  <div class="num">{{ file.num }}</div>
+                  <div class="name">文件个数</div>
+                </div>
+                <div class="res-file">
+                  <div class="num">{{ file.size }}GB</div>
+                  <div class="name">文件总大小</div>
+                </div>
+              </div>
+            </div>
+          </a-col>
           <a-col :span="8" class="card">
             <div class="card-info">
               <div class="bkg">
@@ -448,10 +512,14 @@ export default defineComponent({
     }
     .dotsClassBottom {
       li {
-        background: #3d3d3d;
+        button {
+          background: #3d3d3d;
+        }
       }
       .slick-active {
-        background: #00ffff !important;
+        button {
+          background: #00ffff !important;
+        }
       }
     }
   }

src/views/interface/item/AssemblyData.vue

@@ -80,9 +80,11 @@ export default defineComponent({
     const pageSize = ref(10);
     const total = ref(0);
     const groupId = ref("")
-
+    
+    /**
+     * 显示详情
+    */
     const showDrawer = (i) => {
-      console.log("i", i);
       action.value = i;
       visible.value = true;
     };

src/views/interface/item/InterfaceModal.vue

@@ -0,0 +1,125 @@
+<!--
+ * @Author: tengmingxue 1473375109@qq.com
+ * @Date: 2023-08-15 16:19:10
+ * @LastEditors: tengmingxue 1473375109@qq.com
+ * @LastEditTime: 2024-01-26 18:02:46
+ * @FilePath: \xld-gis-admin\src\views\resource\map\MapSourceModal.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <BasicModal
+    width="1200px"
+    v-bind="$attrs"
+    @register="registerModal"
+    @cancel="handleCancel"
+    :title="getTitle"
+    @ok="handleSubmit"
+  >
+    <div style="height: 60vh" class="res-form-container">
+      <a-tabs v-model:activeKey="activeKey" class="res-a-tabs">
+        <a-tab-pane key="1" tab="地图资源信息">
+          <div class="content">
+            <Details :action="formData"></Details>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="流程信息" force-render :disabled="!formData || !formData.bussid">
+          <FlowStep :flowTitle="flowName" :flowCode="'20220523001'" :formData="formData"></FlowStep>
+        </a-tab-pane>
+      </a-tabs>
+    </div>
+  </BasicModal>
+</template>
+  <script lang="ts">
+import { defineComponent, ref, computed, unref, reactive, onMounted } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { BasicTree } from '/@/components/Tree';
+import { PlusOutlined } from '@ant-design/icons-vue';
+import Details from './child/Details.vue';
+import FlowStep from '../../dataAdmin/dataAdmin/flowStep/index.vue';
+
+export default defineComponent({
+  name: 'InterfaceModal',
+  components: {
+    BasicModal,
+    BasicForm,
+    BasicTree,
+    PlusOutlined,
+    Details,
+    FlowStep,
+    VNodes: (_, { attrs }) => {
+      return attrs.vnodes;
+    },
+  },
+  emits: ['success', 'register'],
+  setup(_, { emit }) {
+    const activeKey = ref('1');
+    let formData = ref(null);
+    let isUpdate = ref(true);
+    let isView = ref(false);
+    const flowName = ref('接口授权');
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+      setModalProps({ confirmLoading: false });
+      isUpdate.value = !!data?.isUpdate;
+      isView.value = !!data?.isView;
+      if (isUpdate.value || isView.value) formData.value = data.record;
+      if (!isUpdate.value) formData.value = null;
+      activeKey.value = '1';
+    });
+    const getTitle = computed(() => {
+      if (isUpdate.value && !isView.value) {
+        return '编辑接口授权';
+      } else if (isView.value) {
+        return '查看接口授权';
+      } else {
+        return '新增接口授权';
+      }
+    });
+
+    async function handleSubmit() {
+    }
+    const RtnMain = (status) => {
+      emit('success');
+    };
+
+    function handleCancel() {
+
+    }
+
+    onMounted(() => {});
+    return {
+      handleCancel,
+      closeModal,
+      activeKey,
+      flowName,
+      registerModal,
+      handleSubmit,
+      getTitle,
+      isUpdate,
+      isView,
+      formData,
+      RtnMain,
+    };
+  },
+});
+</script>
+  <style scoped lang="less">
+:deep(.vben-basic-tree) {
+  width: 100% !important;
+}
+
+:deep(.is-unflod) {
+  display: none !important;
+}
+
+:deep(.is-flod) {
+  display: none !important;
+}
+
+:deep(.res-form-container) {
+  .res-a-tabs {
+    margin-top: 61px !important;
+  }
+}
+</style>
+    

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

@@ -168,6 +168,7 @@ export default defineComponent({
             }
         )
         const getActionData = (id) => {
+            debugger
             getInterfaceDetail(id).then(res => {
                 if (JSON.stringify(res) == '{}') {
                     actionData.value = '';