From 1ce4be9b2550b8a31064d21842c24a8ce0c1c377 Mon Sep 17 00:00:00 2001
From: 13218645326 <sjf13651675634@163.com>
Date: Thu, 7 Dec 2023 12:31:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A8=E6=80=81=E8=B7=AF=E7=94=B1=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |   1 +
 src/App.vue                                   |   3 +
 src/components/com/uploadCom.vue              | 438 +++++-----
 src/components/comNav/index.vue               |  10 +-
 src/main.ts                                   |   2 +-
 src/router/DynamicRoute/index.ts              |  48 ++
 src/router/index.ts                           | 419 +++++----
 src/router/routerData.ts                      |  38 +-
 src/store/comNav.ts                           |   2 +-
 src/store/permission.ts                       |  36 +
 src/utils/index.ts                            |   3 +
 src/views/com/1.vue                           | 814 ++++++++++++++++++
 src/views/com/details.vue                     | 279 ++++++
 .../equipmentTypeTemplate/index.vue           |  16 +-
 .../businessReview/details.vue                |  26 +
 .../businessReview/index.vue                  |   5 +-
 .../enterpriseEntryReview/details.vue         |  26 +
 .../enterpriseEntryReview/index.vue           |  36 +-
 .../enterpriseInfo/details.vue                |  26 +
 .../enterpriseInfo/index.vue                  |   9 +-
 20 files changed, 1764 insertions(+), 473 deletions(-)
 create mode 100644 src/router/DynamicRoute/index.ts
 create mode 100644 src/store/permission.ts
 create mode 100644 src/views/com/1.vue
 create mode 100644 src/views/com/details.vue
 create mode 100644 src/views/enterpriseManagement/businessReview/details.vue
 create mode 100644 src/views/enterpriseManagement/enterpriseEntryReview/details.vue
 create mode 100644 src/views/enterpriseManagement/enterpriseInfo/details.vue

diff --git a/components.d.ts b/components.d.ts
index a16d590..0ec99bc 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -8,6 +8,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     ComNav: typeof import('./src/components/comNav/index.vue')['default']
+    Details: typeof import('./src/components/com/details.vue')['default']
     EditorWang: typeof import('./src/components/com/editorWang.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
diff --git a/src/App.vue b/src/App.vue
index 0f37d4f..97a68bd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,14 @@
 <template>
   <el-config-provider :size="size" :z-index="zIndex">
+    <h1>{{ route }}</h1>
     <RouterView />
   </el-config-provider>
 </template>
 <script setup lang="ts">
+const route = useRoute()
 const zIndex = ref(3000)
 const size = ref("small")
+console.log('routedddd',route)
 </script>
 
 <style lang="scss">
diff --git a/src/components/com/uploadCom.vue b/src/components/com/uploadCom.vue
index 50635ad..5b7b900 100644
--- a/src/components/com/uploadCom.vue
+++ b/src/components/com/uploadCom.vue
@@ -1,12 +1,23 @@
 <template>
     <div class="upload_ss_c">
         <!--action="/api/abk/web/v1/resource/file" -->
-        <el-upload :action="actionUrl" :auto-upload="autoUpload" style="width: 100%"
-            :on-success="(response, file) => successUpload(response, file)" :on-error="errorUpload"
-            :accept="acceptTypeList.join(',')" :before-upload="beforeUpload" :multiple="multiple" :limit="maxLimit"
-            :on-exceed="handleExceed" :file-list="fileList" :disabled="disabledFlag"
-            :on-remove="(file, fileList) => removeFile(file, fileList)" :on-preview="(file) => preview(file)"
-            :on-progress="(event, file, fileList) => onProgressFn(event, file, fileList)" list-type="picture-card">
+        <el-upload
+            :action="props.actionUrl"
+            :auto-upload="props.autoUpload"
+            style="width: 100%"
+            :on-success="(response, file) => successUpload(response, file)"
+            :on-error="errorUpload"
+            :accept="props.acceptTypeList.join(',')"
+            :before-upload="beforeUpload"
+            :multiple="props.multiple"
+            :limit="props.maxLimit"
+            :on-exceed="handleExceed"
+            :file-list="props.fileList"
+            :disabled="props.disabledFlag"
+            :on-remove="(file, fileList) => removeFile(file, fileList)"
+            :on-preview="(file) => preview(file)"
+            :on-progress="(event, file, fileList) => onProgressFn(event, file, fileList)"
+            :list-type="props.listType">
             <!-- 上传的按钮 或者 icon 通过具名插槽的方式 -->
             <slot name="default"></slot>
         </el-upload>
@@ -15,237 +26,220 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, nextTick } from "vue"
-import { ElMessage } from 'element-plus'
-import { Base64 } from 'js-base64'
-const props = defineProps({
-    actionUrl: {
-        //上传的地址
-        type: String,
-        default: '',
-    },
-    width: {
-        //上传的地址
-        type: String,
-        default: '72px',
-    },
-    height: {
-        //上传的地址
-        type: String,
-        default: '72px',
-    },
-    autoUpload: {//是否开启自动上传
-        type: Boolean,
-        default: false
-    },
-    acceptTypeList: {
-        //接受的文件类型
-        type: Array,
-        default: () => {
-            return ['.jpg', '.jpeg', '.png']
-            //  ['doc', 'docx', 'xlsx', 'xls', 'txt', 'pdf','jpg','jpeg','png','zip,'rar']
+    import { ref, nextTick } from 'vue'
+    import { ElMessage } from 'element-plus'
+    import { Base64 } from 'js-base64'
+    const props = defineProps({
+        actionUrl: {
+            //上传的地址
+            type: String,
+            default: ''
         },
-    },
-    multiple: {//是否开启多图上传
-        type: Boolean,
-        default: false,
-    },
-    maxLimit: {
-        // 最大上传个数限制
-        type: Number || String,
-        default: 1,
-    },
-    maxSize: {
-        // 文件上传的最大体积 M
-        type: Number || String,
-        default: 4,
-
-    },
-    disabledFlag: {
-        //是否禁用
-        type: Boolean,
-        default: false,
-    },
-    fileList: {//文件列表
-        type: Array,
-        default: () => {
-            return []
+        width: {
+            //上传的地址
+            type: String,
+            default: '72px'
         },
-    },
-    listType: {
-        type: String,//'text' | 'picture' | 'picture-card'
-        default: 'picture',
-    },
-    extraData: {}, //上传时的额外参数 如 name等
-    /* 
+        height: {
+            //上传的地址
+            type: String,
+            default: '72px'
+        },
+        autoUpload: {
+            //是否开启自动上传
+            type: Boolean,
+            default: false
+        },
+        acceptTypeList: {
+            //接受的文件类型
+            type: Array,
+            default: () => {
+                return ['.jpg', '.jpeg', '.png']
+                //  ['doc', 'docx', 'xlsx', 'xls', 'txt', 'pdf','jpg','jpeg','png','zip,'rar']
+            }
+        },
+        multiple: {
+            //是否开启多图上传
+            type: Boolean,
+            default: false
+        },
+        maxLimit: {
+            // 最大上传个数限制
+            type: Number || String,
+            default: 1
+        },
+        maxSize: {
+            // 文件上传的最大体积 M
+            type: Number || String,
+            default: 4
+        },
+        disabledFlag: {
+            //是否禁用
+            type: Boolean,
+            default: false
+        },
+        fileList: {
+            //文件列表
+            type: Array,
+            default: () => {
+                return []
+            }
+        },
+        listType: {
+            type: String, //'text' | 'picture' | 'picture-card'
+            default: 'picture'
+        },
+        extraData: {}, //上传时的额外参数 如 name等
+        /* 
     {
         name:'12321'
     }
     */
-    dragFlag: {
-        type: Boolean,
-        default: true, //是否启用拖拽上传 此处默认启用  element 官方默认是 不启用的
-    },
-    downLoadTypeList: {
-        //需要下载的文件类型
-        type: Array,
-        default: () => {
-            return ['doc', 'docx', 'xlsx', 'xls', 'txt']
+        dragFlag: {
+            type: Boolean,
+            default: true //是否启用拖拽上传 此处默认启用  element 官方默认是 不启用的
         },
-    },
-    preveiwTypeList: {
-        //需要预览的文件类型
-        type: Array,
-        default: () => {
-            return ['pdf', 'jpg', 'jpeg', 'png']
+        downLoadTypeList: {
+            //需要下载的文件类型
+            type: Array,
+            default: () => {
+                return ['doc', 'docx', 'xlsx', 'xls', 'txt']
+            }
         },
-    },
-    officePreviewFlag: {
-        //是否启用office在线预览
-        type: Boolean,
-        default: false,
-    },
-    showProcessFlag: {
-        //是否显示进度条
-        type: Boolean,
-        default: false,
-    },
-})
-// office预览
-// https://view.officeapps.live.com/op/view.aspx?src=
-// https://view.officeapps.live.com/op/view.aspx?src=文档地址
-//
-
-const officeOnlineAddress =
-    'https://view.officeapps.live.com/op/view.aspx?src='
-const officeType = ['doc', 'docx', 'xlsx', 'xls']
-let processFlag = ref(false)//是否显示进度条
-let loadProcess = ref(0)//进度条的刻度值
-
- 
-
-// 上传图片 成功
-const successUpload = (response: any, file: any) => {
-    console.log("successUpload", response, file)
-    if (response.rt.status === 200) {
-        props.fileList.push({
-            url: response.data,
-            name: file.name,
-        })
-    } else {
-        ElMessage({
-            type: 'warning',
-            message: response.data
-        })
-    }
-}
-const errorUpload = (res: any) => {
-    ElMessage({
-        type: 'warning',
-        message: '上传失败请重试！'
-    })
-
-}
-const beforeUpload = (file) => {
-    const { name = '', size } = file
-    if (size > props.maxSize * 1024 * 1000) {
-        ElMessage({
-            type: 'warning',
-            message: `文件最大仅支持${props.maxSize}M`
-        })
-        return false
-    }
-
-    if (!props.acceptTypeList.includes(name.split('.').pop()) + '.') {
-        ElMessage({
-            type: 'warning',
-            message: `文件格式仅支持${props.acceptTypeList.join(',')}M`
-        })
-        return false
-    }
-}
-const handleExceed = (files, fileList) => {
-    ElMessage({
-        type: 'warning',
-        message: `当前限制选择 10 个文件，本次选择了 ${files.length
-            } 个文件，共选择了 ${files.length + fileList.length} 个文件`
-    })
-
-}
-// 移除文件
-const removeFile = (file, data) => {
-    console.log(file, data)
-    props.fileList = data
-}
-// 预览
-const preview = (data) => {
-    const { url, response = {} } = data || {}
-    let name = data.name
-    const downLoadTypeList = props.downLoadTypeList
-    const preveiwTypeList = props.preveiwTypeList
-    if (!name) {
-        name = ''
-    }
-    const suffixFileType = name.split('.').pop()
-    if (downLoadTypeList.includes(suffixFileType)) {
-        //预览 'doc', 'docx', 'xlsx', 'xls', 'txt' 文件
-        name = name.replace(/&/g, '') // & 不兼容
-        const target = encodeURIComponent(
-            Base64.encode(
-                `${location.origin
-                }/api/abk/web/v1/resource/file?fileId=${url || response.data
-                }&fullfilename=${name}&sid=4AC67ADB4E264AB0A8B899A671072875`
-            )
-        )
-        if (
-            props.officePreviewFlag &&
-            officeType.includes(suffixFileType)
-        ) {
-            // office预览的
-            const preveiewURL = officeOnlineAddress + target
-            window.open(preveiewURL)
-        } else {
-            // 非office预览
-            window.open(
-                `https://test/preview/onlinePreview?url=${target}`,
-                '_blank'
-            )
+        preveiwTypeList: {
+            //需要预览的文件类型
+            type: Array,
+            default: () => {
+                return ['pdf', 'jpg', 'jpeg', 'png']
+            }
+        },
+        officePreviewFlag: {
+            //是否启用office在线预览
+            type: Boolean,
+            default: false
+        },
+        showProcessFlag: {
+            //是否显示进度条
+            type: Boolean,
+            default: false
+        }
+    })
+    // office预览
+    // https://view.officeapps.live.com/op/view.aspx?src=
+    // https://view.officeapps.live.com/op/view.aspx?src=文档地址
+    //
+
+    const officeOnlineAddress = 'https://view.officeapps.live.com/op/view.aspx?src='
+    const officeType = ['doc', 'docx', 'xlsx', 'xls']
+    let processFlag = ref(false) //是否显示进度条
+    let loadProcess = ref(0) //进度条的刻度值
+
+    // 上传图片 成功
+    const successUpload = (response: any, file: any) => {
+        console.log('successUpload', response, file)
+        if (response.rt.status === 200) {
+            props.fileList.push({
+                url: response.data,
+                name: file.name
+            })
+        } else {
+            ElMessage({
+                type: 'warning',
+                message: response.data
+            })
         }
-    } else if (preveiwTypeList.includes(suffixFileType)) {
-        //新窗口打开 预览图片文件
-        window.open(
-            '/api/abk/web/v1/resource/file?fileId=' +
-            (url || response.data),
-            '_blank'
-        )
     }
-}
-
-
-const onProgressFn = (event, file, fileList) => {
-    processFlag.value = true
-    loadProcess.value = event.percent.toFixed(2)
-    if (loadProcess.value >= 100) {
-        loadProcess.value = 100
-        nextTick(() => {
-            processFlag.value = false
+    const errorUpload = (res: any) => {
+        ElMessage({
+            type: 'warning',
+            message: '上传失败请重试！'
         })
     }
-}
+    const beforeUpload = (file) => {
+        const { name = '', size } = file
+        if (size > props.maxSize * 1024 * 1000) {
+            ElMessage({
+                type: 'warning',
+                message: `文件最大仅支持${props.maxSize}M`
+            })
+            return false
+        }
 
+        if (!props.acceptTypeList.includes(name.split('.').pop()) + '.') {
+            ElMessage({
+                type: 'warning',
+                message: `文件格式仅支持${props.acceptTypeList.join(',')}M`
+            })
+            return false
+        }
+    }
+    const handleExceed = (files, fileList) => {
+        ElMessage({
+            type: 'warning',
+            message: `当前限制选择 10 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+                files.length + fileList.length
+            } 个文件`
+        })
+    }
+    // 移除文件
+    const removeFile = (file, data) => {
+        console.log(file, data)
+        props.fileList = data
+    }
+    // 预览
+    const preview = (data) => {
+        const { url, response = {} } = data || {}
+        let name = data.name
+        const downLoadTypeList = props.downLoadTypeList
+        const preveiwTypeList = props.preveiwTypeList
+        if (!name) {
+            name = ''
+        }
+        const suffixFileType = name.split('.').pop()
+        if (downLoadTypeList.includes(suffixFileType)) {
+            //预览 'doc', 'docx', 'xlsx', 'xls', 'txt' 文件
+            name = name.replace(/&/g, '') // & 不兼容
+            const target = encodeURIComponent(
+                Base64.encode(
+                    `${location.origin}/api/abk/web/v1/resource/file?fileId=${
+                        url || response.data
+                    }&fullfilename=${name}&sid=4AC67ADB4E264AB0A8B899A671072875`
+                )
+            )
+            if (props.officePreviewFlag && officeType.includes(suffixFileType)) {
+                // office预览的
+                const preveiewURL = officeOnlineAddress + target
+                window.open(preveiewURL)
+            } else {
+                // 非office预览
+                window.open(`https://test/preview/onlinePreview?url=${target}`, '_blank')
+            }
+        } else if (preveiwTypeList.includes(suffixFileType)) {
+            //新窗口打开 预览图片文件
+            window.open('/api/abk/web/v1/resource/file?fileId=' + (url || response.data), '_blank')
+        }
+    }
+
+    const onProgressFn = (event, file, fileList) => {
+        processFlag.value = true
+        loadProcess.value = event.percent.toFixed(2)
+        if (loadProcess.value >= 100) {
+            loadProcess.value = 100
+            nextTick(() => {
+                processFlag.value = false
+            })
+        }
+    }
 </script>
 
- 
-
 <style lang="scss" scoped>
-:deep(.el-upload){
-    width: v-bind('props.width')!important;
-    height: v-bind('props.height')!important;
-}
-:deep(.el-upload-list__item){
-    width: v-bind('props.width')!important;
-    height: v-bind('props.height')!important;
-}
-
+    :deep(.el-upload) {
+        width: v-bind('props.width') !important;
+        height: v-bind('props.height') !important;
+    }
+    :deep(.el-upload-list__item) {
+        width: v-bind('props.width') !important;
+        height: v-bind('props.height') !important;
+    }
 </style>
 <style></style>
diff --git a/src/components/comNav/index.vue b/src/components/comNav/index.vue
index 6d27bdc..3abf24e 100644
--- a/src/components/comNav/index.vue
+++ b/src/components/comNav/index.vue
@@ -6,10 +6,11 @@
     :router="menuInfo.router" :collapseTransition="menuInfo.collapseTransition" :popperEffect="menuInfo.popperEffect" :isCustomLink="menuInfo.isCustomLink" :customLinkCallBack="menuInfo.customLinkCallBack"></subMenu>
   </template>
   <script setup lang="ts">
-import {list } from "router/routerData"
 import subMenu from './sideBar/subMenu.vue';
 import {comNavStore} from "store/comNav"
+import {permissionStore} from "store/permission"
 const navStore = comNavStore()
+const permissionStoreInstance = permissionStore()
   const routes = useRoute()
   const router = useRouter()
   const menuInfo:any = reactive({
@@ -21,7 +22,7 @@ const navStore = comNavStore()
     defaultOpeneds:['staticDefault_PathParent&&配置管理'],
     router:false,
     collapseTransition:true,
-    menuList:list,
+    menuList:[],
     isCustomLink:true,
     customLinkCallBack:(ev:any)=>{
       console.log("customLinkCallBack",ev)
@@ -49,11 +50,10 @@ const navStore = comNavStore()
     // menuInfo.menuList = routeList.find(ele=>ele.meta.routeListRoot)?.children
     // menuInfo.defaultOpeneds = menuInfo.menuList[0].path
     // console.log("menuInfo.menuList",menuInfo.menuList)
-    menuInfo.defaultOpeneds.push()
-    const routes:any = router.getRoutes()
+    const routes:any = permissionStoreInstance.routeNavList
     console.log("routes",routes)
     const currentNav= routes[0]
-    if(navStore.topNavList){
+    if(navStore.topNavList.length==0){
       let firstNav = {
         title:currentNav.meta.title,
         name:currentNav.name,
diff --git a/src/main.ts b/src/main.ts
index c3051b1..15abc7d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -6,7 +6,7 @@ import App from './App.vue'
 import router from './router'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import pinia from "./store"
- 
+ import "router/DynamicRoute/index"
 import components  from 'components/global'
 const app = createApp(App)
 
diff --git a/src/router/DynamicRoute/index.ts b/src/router/DynamicRoute/index.ts
new file mode 100644
index 0000000..2cb9408
--- /dev/null
+++ b/src/router/DynamicRoute/index.ts
@@ -0,0 +1,48 @@
+import router from "../index"
+import { permissionStore } from "store/permission"
+import { useRoute } from 'vue-router'
+const route = useRoute()
+const viteModules = import.meta.glob('../../views/*.vue');
+// const views = import.meta.glob('../../views/AppMain.vue')
+const root: any = {
+    path: '/index',
+    name: 'index',
+    // component:modules,
+    // redirect: '/index/configManage/swiperConfig',
+    meta: {
+        title: '主页面',
+        keepAlive: true,
+        AuthFlag: true,
+        routeListRoot: true
+    },
+    children: []
+}
+for (const path in viteModules) {
+    // path 的值为 /src/pages/vite/echartsPage.vue
+    // console.log(path, mod)
+    const length = path.lastIndexOf('/');
+    const filename = path.substring(length + 1).split('.')[0];
+    console.log('filename',filename)
+    const routeOption = {
+      path: `/${filename}`,
+      component:  viteModules[path] // 是将vue文件解析为组件的对象
+    }
+    router.addRoute(routeOption);
+}
+
+
+
+router.beforeEach(async (to, from, next) => {
+    const store = permissionStore()
+    const list = await store.setpermissionList()
+    // initRouter()
+    console.log("router", list, router)
+
+    // addRoutesHandle(list)
+    // router.addRoute(root)
+
+
+    store.setRouteNavList(list)
+    next()
+})
+
diff --git a/src/router/index.ts b/src/router/index.ts
index 1dfd225..91d95e1 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,195 +1,239 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
-
 const routes: Array<RouteRecordRaw> = [
-    {
-        path: '/index',
-        name: 'index',
-        component: () => import('views/AppMain.vue'),
-        meta: {
-            title: '主页面',
-            keepAlive: true,
-            AuthFlag: true,
-            routeListRoot: true
-        },
-        children:[
-            {
-                path: 'swiperConfig',
-                name: 'swiperConfig',
-                component: () => import('views/configuration/swiperConfig/index.vue'),
-                meta: {
-                    title: '轮播图配置',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            {
-                path: 'specialInformationConfiguration',
-                name: 'specialInformationConfiguration',
-                component: () => import('views/configuration/specialInformationConfiguration/index.vue'),
-                meta: {
-                    title: '专题资讯配置',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            {
-                path: 'privacyAgreement',
-                name: 'privacyAgreement',
-                component: () => import('views/configuration/privacyAgreement/index.vue'),
-                meta: {
-                    title: '隐私协议模板管理',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-        
-            // {
-            //     path: 'enterpriseManagement',
-            //     name: 'enterpriseManagement',
-            //     component: () => import('views/enterpriseManagement/AppMain.vue'),
-            //     meta: {
-            //         title: '企业管理',
-            //         keepAlive: true,
-            //         AuthFlag: true
-            //     },   
-            // },
-        
-            {
-                path: 'enterpriseType',
-                name: 'configuration',
-                component: () => import('views/enterpriseManagement/enterpriseType/index.vue'),
-                meta: {
-                    title: '企业类型',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            {
-                path: 'enterpriseEntryReview',
-                name: 'enterpriseEntryReview',
-                component: () => import('views/enterpriseManagement/enterpriseEntryReview/index.vue'),
-                meta: {
-                    title: '企业入驻审核',
-                    keepAlive: true,
-                    AuthFlag: true
-                },
-        
-            },
-            {
-                path: 'businessReview',
-                name: 'businessReview',
-                component: () => import('views/enterpriseManagement/businessReview/index.vue'),
-                meta: {
-                    title: '企业业务开通审核',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            {
-                path: 'enterpriseInfo',
-                name: 'enterpriseInfo',
-                component: () => import('views/enterpriseManagement/enterpriseInfo/index.vue'),
-                meta: {
-                    title: '企业信息',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            // 企业装备管理
-            {
-                path: 'equipmentTypeTemplate',
-                name: 'equipmentTypeTemplate',
-                component: () => import('views/enterpriseEquipmentManage/equipmentTypeTemplate/index.vue'),
-                meta: {
-                    title: '装备类型模板',
-                    keepAlive: true,
-                    AuthFlag: true
-                },
-        
-            },
-            {
-                path: 'equipmentListingApproval',
-                name: 'equipmentListingApproval',
-                component: () => import('views/enterpriseEquipmentManage/equipmentListingApproval/index.vue'),
-                meta: {
-                    title: '装备上架审批',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            {
-                path: 'iotEquipmentManagement',
-                name: 'iotEquipmentManagement',
-                component: () => import('views/enterpriseEquipmentManage/iotEquipmentManagement/index.vue'),
-                meta: {
-                    title: 'iot设备管理',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            {
-                path: 'orderManagement',
-                name: 'orderManagement',
-                component: () => import('views/enterpriseEquipmentManage/iotEquipmentManagement/index.vue'),
-                meta: {
-                    title: 'iot设备管理',
-                    keepAlive: true,
-                    AuthFlag: true
-                }
-            },
-            {
-                name: "orderManagement",
-                path: 'orderManagement',
-                component: () => import('views/orderManagement/index.vue'),
-                meta: {
-                    title: '订单管理',
-                    keepAlive: true,
-                    AuthFlag: true
-                },
-                children: []
-            },
-// 111
-            {
-                name: "systemVersion",
-                path: 'systemVersion',
-                component: () => import('views/systemManage/systemVersion/index.vue'),
-                meta: {
-                    title: '系统版本管理',
-                    keepAlive: true,
-                    AuthFlag: true
-                },
-                children: []
-            },
-            {
-                name: "userManage",
-                path: 'userManage',
-                component: () => import('views/systemManage/userManage/index.vue'),
-                meta: {
-                    title: '用户管理',
-                    keepAlive: true,
-                    AuthFlag: true
-                },
-                children: []
-            },
-
-            {
-                name: "systemLog",
-                path: 'systemLog',
-                component: () => import('views/systemManage/systemLog/index.vue'),
-                meta: {
-                    title: '系统日志',
-                    keepAlive: true,
-                    AuthFlag: true
-                },
-                children: []
-            },
+    // {
+    //     path: '/AppMain',
+    //     name: 'index',
+    //     component: () => import('views/AppMain.vue'),
+    //     // redirect: '/index/swiperConfig',
+    //     meta: {
+    //         title: '主页面',
+    //         keepAlive: true,
+    //         AuthFlag: true,
+    //         routeListRoot: true
+    //     },
+    //     children:[]
+    // }
+    //         children:[
+    //             {
+    //                 path: 'swiperConfig',
+    //                 name: 'swiperConfig',
+    //                 component: () => import('views/configuration/swiperConfig/index.vue'),
+    //                 meta: {
+    //                     title: '轮播图配置',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
 
 
+    //             },
+    //             {
+    //                 path: 'specialInformationConfiguration',
+    //                 name: 'specialInformationConfiguration',
+    //                 component: () => import('views/configuration/specialInformationConfiguration/index.vue'),
+    //                 meta: {
+    //                     title: '专题资讯配置',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+    //             {
+    //                 path: 'privacyAgreement',
+    //                 name: 'privacyAgreement',
+    //                 component: () => import('views/configuration/privacyAgreement/index.vue'),
+    //                 meta: {
+    //                     title: '隐私协议模板管理',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+
+    //             // {
+    //             //     path: 'enterpriseManagement',
+    //             //     name: 'enterpriseManagement',
+    //             //     component: () => import('views/enterpriseManagement/AppMain.vue'),
+    //             //     meta: {
+    //             //         title: '企业管理',
+    //             //         keepAlive: true,
+    //             //         AuthFlag: true
+    //             //     },   
+    //             // },
+
+    //             {
+    //                 path: 'enterpriseType',
+    //                 name: 'configuration',
+    //                 component: () => import('views/enterpriseManagement/enterpriseType/index.vue'),
+    //                 meta: {
+    //                     title: '企业类型',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+    //             {
+    //                 path: 'enterpriseEntryReview',
+    //                 name: 'enterpriseEntryReview',
+    //                 component: () => import('views/enterpriseManagement/enterpriseEntryReview/index.vue'),
+    //                 meta: {
+    //                     title: '企业入驻审核',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+
+    //             },
+    //             {
+    //                 path: 'businessReview',
+    //                 name: 'businessReview',
+    //                 component: () => import('views/enterpriseManagement/businessReview/index.vue'),
+    //                 meta: {
+    //                     title: '企业业务开通审核',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+    //             {
+    //                 path: 'enterpriseInfo',
+    //                 name: 'enterpriseInfo',
+    //                 component: () => import('views/enterpriseManagement/enterpriseInfo/index.vue'),
+    //                 meta: {
+    //                     title: '企业信息',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+    //             // 企业装备管理
+    //             {
+    //                 path: 'equipmentTypeTemplate',
+    //                 name: 'equipmentTypeTemplate',
+    //                 component: () => import('views/enterpriseEquipmentManage/equipmentTypeTemplate/index.vue'),
+    //                 meta: {
+    //                     title: '装备类型模板',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+
+    //             },
+    //             {
+    //                 path: 'equipmentListingApproval',
+    //                 name: 'equipmentListingApproval',
+    //                 component: () => import('views/enterpriseEquipmentManage/equipmentListingApproval/index.vue'),
+    //                 meta: {
+    //                     title: '装备上架审批',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+    //             {
+    //                 path: 'iotEquipmentManagement',
+    //                 name: 'iotEquipmentManagement',
+    //                 component: () => import('views/enterpriseEquipmentManage/iotEquipmentManagement/index.vue'),
+    //                 meta: {
+    //                     title: 'iot设备管理',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+    //             {
+    //                 path: 'orderManagement',
+    //                 name: 'orderManagement',
+    //                 component: () => import('views/enterpriseEquipmentManage/iotEquipmentManagement/index.vue'),
+    //                 meta: {
+    //                     title: 'iot设备管理',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 }
+    //             },
+    //             {
+    //                 name: "orderManagement",
+    //                 path: 'orderManagement',
+    //                 component: () => import('views/orderManagement/index.vue'),
+    //                 meta: {
+    //                     title: '订单管理',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             },
+    // // 111
+    //             {
+    //                 name: "systemVersion",
+    //                 path: 'systemVersion',
+    //                 component: () => import('views/systemManage/systemVersion/index.vue'),
+    //                 meta: {
+    //                     title: '系统版本管理',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             },
+    //             {
+    //                 name: "userManage",
+    //                 path: 'userManage',
+    //                 component: () => import('views/systemManage/userManage/index.vue'),
+    //                 meta: {
+    //                     title: '用户管理',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             },
+
+    //             {
+    //                 name: "systemLog",
+    //                 path: 'systemLog',
+    //                 component: () => import('views/systemManage/systemLog/index.vue'),
+    //                 meta: {
+    //                     title: '系统日志',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             },
+    //             {
+    //                 name: "systemLog",
+    //                 path: 'systemLog',
+    //                 component: () => import('views/systemManage/systemLog/index.vue'),
+    //                 meta: {
+    //                     title: '系统日志',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             },
+    //             {
+    //                 name: "entryAuditDetails",
+    //                 path: 'entryAuditDetails',
+    //                 component: () => import('views/enterpriseManagement/enterpriseEntryReview/details.vue'),
+    //                 meta: {
+    //                     title: '审批详情',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             },
+    //             {
+    //                 name: "businessReviewDetails",
+    //                 path: 'businessReviewDetails',
+    //                 component: () => import('views/enterpriseManagement/businessReview/details.vue'),
+    //                 meta: {
+    //                     title: '审批详情',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             }, {
+    //                 name: "enterpriseInfoDetails",
+    //                 path: 'enterpriseInfoDetails',
+    //                 component: () => import('views/enterpriseManagement/enterpriseInfo/details.vue'),
+    //                 meta: {
+    //                     title: '审批详情',
+    //                     keepAlive: true,
+    //                     AuthFlag: true
+    //                 },
+    //                 children: []
+    //             }
+    //         ]
+    //     },
+
 
-        ]
-    },
-  
-    
 
 
 ]
@@ -200,4 +244,5 @@ const router = createRouter({
     routes
 })
 
+
 export default router
diff --git a/src/router/routerData.ts b/src/router/routerData.ts
index f591ca1..399cfd8 100644
--- a/src/router/routerData.ts
+++ b/src/router/routerData.ts
@@ -1,7 +1,7 @@
 export const list: any = [
     {
-        name: "staticDefault_PathParent",
-        path: 'staticDefault_PathParent',
+        name: "configManage",
+        path:'/index/configManage',
         meta: {
             title: '配置管理',
             keepAlive: true,
@@ -9,7 +9,7 @@ export const list: any = [
         },
         children: [
             {
-                path: 'swiperConfig',
+                path:'/index/configManage/swiperConfig',
                 name: 'swiperConfig',
                 component: 'views/configuration/swiperConfig.vue',
                 meta: {
@@ -19,7 +19,7 @@ export const list: any = [
                 }
             },
             {
-                path: 'specialInformationConfiguration',
+                path:'/index/configManage/specialInformationConfiguration',
                 name: 'specialInformationConfiguration',
                 component: 'views/configuration/specialInformationConfiguration/index.vue',
                 meta: {
@@ -29,7 +29,7 @@ export const list: any = [
                 }
             },
             {
-                path: 'privacyAgreement',
+                path:'/index/configManage/privacyAgreement',
                 name: 'privacyAgreement',
                 component: 'views/configuration/privacyAgreement/index.vue',
                 meta: {
@@ -42,7 +42,7 @@ export const list: any = [
     },
     {
         name: "企业管理",
-        path: 'enterpriseTypeManage',
+        path:'/index/enterpriseTypeManage',
         meta: {
             title: '企业管理',
             keepAlive: true,
@@ -52,7 +52,7 @@ export const list: any = [
 
 
             {
-                path: 'enterpriseType',
+                path:'/index/enterpriseTypeManage/enterpriseType',
                 name: 'configuration',
                 component: 'views/enterpriseManagement/enterpriseType/index.vue',
                 meta: {
@@ -62,7 +62,7 @@ export const list: any = [
                 }
             },
             {
-                path: 'enterpriseEntryReview',
+                path:'/index/enterpriseTypeManage/enterpriseEntryReview',
                 name: 'enterpriseEntryReview',
                 component: 'views/enterpriseManagement/enterpriseEntryReview/index.vue',
                 meta: {
@@ -73,7 +73,7 @@ export const list: any = [
 
             },
             {
-                path: 'businessReview',
+                path:'/index/enterpriseTypeManage/businessReview',
                 name: 'businessReview',
                 component: 'views/enterpriseManagement/businessReview/index.vue',
                 meta: {
@@ -83,7 +83,7 @@ export const list: any = [
                 }
             },
             {
-                path: 'enterpriseInfo',
+                path:'/index/enterpriseTypeManage/enterpriseInfo',
                 name: 'enterpriseInfo',
                 component: 'views/enterpriseManagement/enterpriseInfo/index.vue',
                 meta: {
@@ -96,7 +96,7 @@ export const list: any = [
     },
     {
         name: "企业装备管理",
-        path: 'enterpriseEquipmentManage',
+        path:'/index/enterpriseEquipmentManage',
         meta: {
             title: '企业装备管理',
             keepAlive: true,
@@ -104,7 +104,7 @@ export const list: any = [
         },
         children: [
             {
-                path: 'equipmentTypeTemplate',
+                path:'/index/enterpriseEquipmentManage/equipmentTypeTemplate',
                 name: 'equipmentTypeTemplate',
                 component: 'views/enterpriseEquipmentManage/equipmentTypeTemplate/index.vue',
                 meta: {
@@ -115,7 +115,7 @@ export const list: any = [
             },
             
             {
-                path: 'equipmentListingApproval',
+                path:'/index/enterpriseEquipmentManage/equipmentListingApproval',
                 name: 'equipmentListingApproval',
                 component: 'views/enterpriseEquipmentManage/equipmentListingApproval/index.vue',
                 meta: {
@@ -127,7 +127,7 @@ export const list: any = [
             },
             // iotEquipmentManagement
             {
-                path: 'iotEquipmentManagement',
+                path:'/index/enterpriseEquipmentManage/iotEquipmentManagement',
                 name: 'iotEquipmentManagement',
                 component: 'views/enterpriseEquipmentManage/iotEquipmentManagement/index.vue',
                 meta: {
@@ -140,7 +140,7 @@ export const list: any = [
     },
     {
         name: "orderManagement",
-        path: 'orderManagement',
+        path:'/index/orderManagement',
         component: 'views/orderManagement/index.vue',
         meta: {
             title: '订单管理',
@@ -151,7 +151,7 @@ export const list: any = [
     },
     {
         name: "systemManage",
-        path: 'systemManage',
+        path:'/index/systemManage',
         meta: {
             title: '系统管理',
             keepAlive: true,
@@ -159,7 +159,7 @@ export const list: any = [
         },
         children: [
             {
-                path: 'systemVersion',
+                path:'/index/systemManage/systemVersion',
                 name: 'systemVersion',
                 component: 'views/systemManage/systemVersion/index.vue',
                 meta: {
@@ -169,7 +169,7 @@ export const list: any = [
                 }
             },
             {
-                path: 'userManage',
+                path:'/index/systemManage/userManage',
                 name: 'userManage',
                 component: 'views/systemManage/userManage/index.vue',
                 meta: {
@@ -179,7 +179,7 @@ export const list: any = [
                 }
             } ,
             {
-                path: 'systemLog',
+                path:'/index/systemManage/systemLog',
                 name: 'systemLog',
                 component: 'views/systemManage/systemLog/index.vue',
                 meta: {
diff --git a/src/store/comNav.ts b/src/store/comNav.ts
index 4153922..78db635 100644
--- a/src/store/comNav.ts
+++ b/src/store/comNav.ts
@@ -39,7 +39,7 @@ export const comNavStore = defineStore('main_com_nav', {
             {
                 // 自定义存储的 key，默认是 store.$id
                 key: 'main_com_nav',
-                storage: localStorage, //缓存模式 可选 localStorage sessionStorage
+                storage: sessionStorage, //缓存模式 可选 localStorage sessionStorage
                 // state 中的字段名，按组打包储存
                 paths: ['topNavList'] //需要缓存的字段 与 state中相关联
             }
diff --git a/src/store/permission.ts b/src/store/permission.ts
new file mode 100644
index 0000000..33e33b6
--- /dev/null
+++ b/src/store/permission.ts
@@ -0,0 +1,36 @@
+import {list} from "router/routerData"
+
+export const permissionStore = defineStore('permission', {
+    state: () => {
+        return {
+           permissionList:[],
+           routeNavList:[]
+        }
+    },
+    getters: {},
+    actions: {
+        setpermissionList() {
+           return new Promise((resolve,reject)=>{
+            setTimeout(()=>{
+                console.log("permissionStore")
+                resolve(list)
+            },0)
+           })
+        },
+        setRouteNavList(list:any) {
+            this.routeNavList=list
+         }
+    },
+    persist: {
+        enabled: true, // 开启数据缓存
+        strategies: [
+            {
+                // 自定义存储的 key，默认是 store.$id
+                key: 'permission',
+                storage: sessionStorage, //缓存模式 可选 localStorage sessionStorage
+                // state 中的字段名，按组打包储存
+                paths: ['permissionList'] //需要缓存的字段 与 state中相关联
+            }
+        ]
+    }
+})
diff --git a/src/utils/index.ts b/src/utils/index.ts
index a74c835..ee270d0 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -66,3 +66,6 @@ export const throttle = <T extends (...args: any[]) => ReturnType<T>>(
         }, timeout)
     }
 }
+
+
+ 
\ No newline at end of file
diff --git a/src/views/com/1.vue b/src/views/com/1.vue
new file mode 100644
index 0000000..13d6d60
--- /dev/null
+++ b/src/views/com/1.vue
@@ -0,0 +1,814 @@
+<template>
+    <div class="enterpriseCertification">
+        <div class="baseInfo card">
+            <div class="top">
+                <div class="title">企业基本信息</div>
+                <div class="options">
+                    <el-button size="small" type="primary">我的邀请码</el-button>
+                    <el-button size="small" type="primary">编辑</el-button>
+                </div>
+            </div>
+            <el-form class="baseForm">
+                <el-row :gutter="20">
+                    <el-col :span="6">
+                        <el-form-item label="企业名称">
+                            <el-input
+                                placeholder="输入企业名称"
+                                clearable
+                                v-model.trim="applyParams.companyName"></el-input>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="6">
+                        <el-form-item label="企业类型">
+                            <el-select
+                                placeholder="请选择企业类型"
+                                clearable
+                                v-model="applyParams.companyType"
+                                @change="changeProvince">
+                                <el-option
+                                    v-for="item in selcompanyTypeList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.name"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                    <el-col :span="6">
+                        <el-form-item label="企业所属">
+                            <el-select
+                                placeholder="请选择企业所属"
+                                clearable
+                                v-model="applyParams.companyLtd"
+                                @change="changeProvince">
+                                <el-option
+                                    v-for="item in selcompanyLtdList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.name"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="10">
+                        <el-form-item label="统一社会信用代码">
+                            <el-input
+                                placeholder="请输入统一社会信用代码"
+                                clearable
+                                v-model.trim="applyParams.creditCode"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-form-item label="注册地址">
+                    <el-row :gutter="20">
+                        <el-col :span="5">
+                            <el-select
+                                placeholder="请选择省份"
+                                clearable
+                                v-model="applyParams.registerAddress"
+                                @change="changeProvince">
+                                <el-option
+                                    v-for="item in selProvinceList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.code + ',' + item.name"></el-option>
+                            </el-select>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-select
+                                v-model="applyParams.registerAddressProvince"
+                                placeholder="请选择市"
+                                @change="changeMarket"
+                                clearable>
+                                <el-option
+                                    v-for="item in selMarketList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.code + ',' + item.name"></el-option>
+                            </el-select>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-select
+                                v-model="applyParams.registerAddressArea"
+                                placeholder="请选择区"
+                                clearable
+                                @change="changeArea">
+                                <el-option
+                                    v-for="item in selAreaList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.code + ',' + item.name"></el-option>
+                            </el-select>
+                        </el-col>
+                        <el-col :span="6">
+                            <el-input
+                                v-model="applyParams.registerRealityAddress"
+                                placeholder="请输入实际办公地址"
+                                clearable></el-input>
+                        </el-col>
+                    </el-row>
+                </el-form-item>
+
+                <el-form-item label="经营地址">
+                    <el-row :gutter="20">
+                        <el-col :span="5">
+                            <el-select
+                                placeholder="请选择省份"
+                                clearable
+                                v-model="applyParams.operateAddress"
+                                @change="opeChangeProvince">
+                                <el-option
+                                    v-for="item in selProvinceList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.code + ',' + item.name"></el-option>
+                            </el-select>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-select
+                                v-model="applyParams.operateAddressProvince"
+                                placeholder="请选择市"
+                                @change="opeChangeMarket"
+                                clearable>
+                                <el-option
+                                    v-for="item in selMarketList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.code + ',' + item.name"></el-option>
+                            </el-select>
+                        </el-col>
+                        <el-col :span="5">
+                            <el-select
+                                v-model="applyParams.operateAddressArea"
+                                placeholder="请选择区"
+                                @change="opeChangeArea"
+                                clearable>
+                                <el-option
+                                    v-for="item in selAreaList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.code + ',' + item.name"></el-option>
+                            </el-select>
+                        </el-col>
+                        <el-col :span="6">
+                            <el-input
+                                v-model="applyParams.operateRealityAddress"
+                                clearable
+                                placeholder="请输入实际办公地址"></el-input>
+                        </el-col>
+                    </el-row>
+                </el-form-item>
+
+                <el-row :gutter="20">
+                    <el-col :span="5">
+                        <el-form-item label="法人证件类型">
+                            <el-select
+                                v-model="applyParams.certificatetype"
+                                clearable
+                                placeholder="请选法人证件类型">
+                                <el-option
+                                    v-for="item in selIdTypeList"
+                                    :key="item.id"
+                                    :label="item.name"
+                                    :value="item.name"></el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="7">
+                        <el-form-item label="法人证件号码">
+                            <el-input
+                                placeholder="请输入法人证件号码"
+                                v-model.trim="applyParams.idNumber"
+                                clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="8">
+                        <el-form-item class="" label="营业执照">
+                            <uploadComponent
+                                :maxLimit="3"
+                                listType="picture-card"
+                                :acceptTypeList="['.jpg', '.jpeg', '.png']"
+                                width="120px"
+                                height="120px">
+                                <template v-slot:default>
+                                    <el-icon size="48" color="#aaa"><Plus /></el-icon>
+                                </template>
+                            </uploadComponent>
+                            <div class="previewExample">
+                                <span>预览</span>
+                                <span>查看示例</span>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="20">
+                    <el-col :span="10">
+                        <el-form-item class="" label="身份证国徽面">
+                            <uploadComponent
+                                :maxLimit="3"
+                                listType="picture-card"
+                                :acceptTypeList="['.jpg', '.jpeg', '.png']"
+                                width="120px"
+                                height="120px">
+                                <template v-slot:default>
+                                    <el-icon size="48" color="#aaa"><Plus /></el-icon>
+                                </template>
+                            </uploadComponent>
+                            <div class="previewExample">
+                                <span>预览</span>
+                                <span>查看示例</span>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="10">
+                        <el-form-item class="" label="身份证肖像面">
+                            <uploadComponent
+                                :maxLimit="3"
+                                listType="picture-card"
+                                :acceptTypeList="['.jpg', '.jpeg', '.png']"
+                                width="120px"
+                                height="120px">
+                                <template v-slot:default>
+                                    <el-icon size="48" color="#aaa"><Plus /></el-icon>
+                                </template>
+                            </uploadComponent>
+                            <div class="previewExample">
+                                <span>预览</span>
+                                <span>查看示例</span>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="20">
+                    <el-col :span="6">
+                        <el-form-item label="法人姓名">
+                            <el-input
+                                placeholder="请输入法人姓名"
+                                v-model.trim="applyParams.legalPerson"
+                                clearable>
+                                >
+                            </el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="邀请码">
+                            <el-input
+                                placeholder="请输入邀请码"
+                                v-model.trim="applyParams.invitationCode"
+                                clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="邀请企业名称">
+                            <el-input
+                                placeholder="请输入邀请企业名称"
+                                v-model.trim="applyParams.invitationCoName"
+                                clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="经营范围">
+                            <el-input
+                                placeholder="请输入经营范围"
+                                v-model.trim="applyParams.businessScope"
+                                clearable
+                                type="textarea"
+                                :rows="5"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </div>
+
+        <div class="personInfo card">
+            <div class="top">
+                <div class="title">被授权人信息</div>
+            </div>
+
+            <el-form class="personForm">
+                <el-row :gutter="20">
+                    <el-col :span="5">
+                        <el-form-item label="被授权人姓名">
+                            <el-input
+                                placeholder="请输入被授权人姓名"
+                                v-model.trim="applyParams.authPerson"
+                                clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="5">
+                        <el-form-item label="被授权人身份证">
+                            <el-input
+                                placeholder="请输入被授权人身份证"
+                                v-model.trim="applyParams.authIdNumber"
+                                clearable></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="5">
+                        <el-form-item label="被授权人手机号">
+                            <div class="phone">
+                                <el-input
+                                    placeholder="请输入被授权人手机号"
+                                    v-model.trim="applyParams.authPhone"
+                                    clearable></el-input>
+                                <div class="tip">
+                                    被授权人手机号修改且运营审核通过后，企业系统管理员权限将同步到修改后被授权手机号的登录账号。
+                                </div>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="5">
+                        <el-form-item label="被授权人邮箱">
+                            <el-input></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                    <el-col :span="10">
+                        <el-form-item label="被授权人身份证肖像面">
+                            <uploadComponent
+                                :maxLimit="3"
+                                listType="picture-card"
+                                :acceptTypeList="['.jpg', '.jpeg', '.png']"
+                                width="120px"
+                                height="120px">
+                                <template v-slot:default>
+                                    <el-icon size="48" color="#aaa"><Plus /></el-icon>
+                                </template>
+                            </uploadComponent>
+                            <div class="previewExample">
+                                <span>预览</span>
+                                <span>查看示例</span>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="10">
+                        <el-form-item label="被授权人身份证国徽面">
+                            <!-- <upload-img width="80" @onClick="test" /> -->
+                            <uploadComponent
+                                :maxLimit="3"
+                                listType="picture-card"
+                                :acceptTypeList="['.jpg', '.jpeg', '.png']"
+                                width="120px"
+                                height="120px">
+                                <template v-slot:default>
+                                    <el-icon size="48" color="#aaa"><Plus /></el-icon>
+                                </template>
+                            </uploadComponent>
+                            <div class="previewExample">
+                                <span>预览</span>
+                                <span>查看示例</span>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+
+                <el-row :gutter="20">
+                    <el-col :span="10">
+                        <el-form-item label="法人授权书">
+                            <uploadComponent
+                                :maxLimit="3"
+                                listType="picture-card"
+                                :acceptTypeList="['.jpg', '.jpeg', '.png']"
+                                width="120px"
+                                height="120px">
+                                <template v-slot:default>
+                                    <el-icon size="48" color="#aaa"><Plus /></el-icon>
+                                </template>
+                            </uploadComponent>
+                            <div class="previewExample">
+                                <span>预览</span>
+                                <span>查看示例</span>
+                            </div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="10" class="d-flex align-center">
+                        <el-checkbox size="large" />
+                        <div class="agreement">
+                            我已阅读并同意相关条款内容《
+                            <span class="previewExample">服务协议</span>
+                            》 《
+                            <span class="previewExample">隐私协议</span>
+                            》
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </div>
+
+        <div class="bankInfo card">
+            <div class="top">
+                <div class="title">
+                    银行账号信息
+                    <span class="tip">开户行许可示例</span>
+                </div>
+            </div>
+            <el-row class="header">
+                <el-col :span="v.span" v-for="(v, i) in bankTableHeader" :key="i">
+                    <div
+                        class="item border-top-left"
+                        :class="i + 1 == bankTableHeader.length && 'border-right'">
+                        {{ v.label }}
+                    </div>
+                </el-col>
+            </el-row>
+            <el-row class="content" v-for="(val, index) in bankTableData" :key="index">
+                <el-col :span="v.span" v-for="(v, i) in bankTableHeader" :key="i">
+                    <div
+                        v-if="!v.slot"
+                        class="item border-top-left"
+                        :class="`${i + 1 == bankTableHeader.length && 'border-right'} ${
+                            index + 1 == bankTableData.length && 'border-bottom'
+                        }`">
+                        {{ val[v.prop] || '' }}
+                    </div>
+                    <div
+                        v-else
+                        class="item border-top-left"
+                        :class="`${i + 1 == bankTableHeader.length && 'border-right'} ${
+                            index + 1 == bankTableData.length && 'border-bottom'
+                        }`">
+                        上传附件
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+        <el-row style="padding-top: 15px">
+            <el-form-item>
+                <el-button @click="handlerSubmitBtn">提 交</el-button>
+                <el-button @click="handlerCloseBtn">关 闭</el-button>
+            </el-form-item>
+        </el-row>
+    </div>
+</template>
+<script lang="ts" setup>
+    import uploadImg from 'components/uploadImg.vue'
+    import uploadComponent from 'components/uploadComponent/index.vue'
+    import { ElMessage } from 'element-plus'
+    import { reactive, ref } from 'vue'
+    import { useStore } from 'store/user'
+    const store = useStore()
+
+    import { applyAttestationApi } from 'http/api/usercenter/baseinfo'
+
+    onMounted(() => {
+        // 获取省级数据
+        store.getprovinceList()
+        // 获取证件类型数据
+        store.getIdTypeList()
+        // 获取企业类型
+        store.getcompanyTypeList()
+        // 获取企业所属
+        store.getcompanyLtdList()
+    })
+
+    // 注册地址拼装
+    const AssemblyRegisterAddress: any = reactive([])
+
+    // 经营地址拼装
+    const AssemblyOperateAddress: any = reactive([])
+
+    // 申请认证参数
+    const applyParams: any = reactive({
+        companyName: '', // 企业名称
+        companyType: '', // 企业类型
+        companyLtd: '', // 企业所属
+        creditCode: '', // 统一信用代码
+        registerAddress: '', // 注册地址
+        registerAddressProvince: '', // 注册地址(市级)
+        registerAddressArea: '', // 注册地址(区级)
+        registerRealityAddress: '', // 注册地址(实际地址)
+        operateAddress: '', // 经营地址
+        operateAddressProvince: '', // 经营地址(市级)
+        operateAddressArea: '', // 经营地址(区级)
+        operateRealityAddress: '', // 注册地址(实际地址)
+        certificatetype: '', // 法人证件类型
+        idNumber: '', // 法人证件号码
+        businessLicense: '', // 营业执照
+        legalFaceUrl: '', // 法人身份证国徽面
+        legalNationUrl: '', // 法人身份证肖像
+        legalPerson: '', // 法人姓名
+        invitationCode: '', // 邀请码
+        invitationCoName: '', // 邀请企业名称
+        businessScope: '', // 经营范围
+        authPerson: '', // 被授权人姓名
+        authIdNumber: '', // 被授权身份证号
+        authPhone: '', // 被授权手机号
+        authDocument:
+            'https://zlpt-1259760603.cos.ap-nanjing.myqcloud.com/488bab245180ebf9f1f3d7db5301be4.png', // 法人授权书
+        idNationUrl:
+            'https://zlpt-1259760603.cos.ap-nanjing.myqcloud.com/488bab245180ebf9f1f3d7db5301be4.png', // 被授权人国徽
+        idFaceUrl:
+            'vhttps://zlpt-1259760603.cos.ap-nanjing.myqcloud.com/488bab245180ebf9f1f3d7db5301be4.png' // 被授权人头像
+    })
+    // 省级数据源
+    const selProvinceList: any = computed(() => {
+        return store.provinceList
+    })
+
+    // 省级下拉框选中时获取市级
+    const changeProvince = (val: any) => {
+        // console.log(val, '省选择**')
+        store.getmarketList(val.split(',')[0])
+
+        AssemblyRegisterAddress[0] = val.split(',')[1]
+    }
+
+    const opeChangeProvince = (val: any) => {
+        // console.log(val, '省选择**')
+        store.getmarketList(val.split(',')[0])
+
+        AssemblyOperateAddress[0] = val.split(',')[1]
+    }
+
+    // 获取市级数据源
+    const selMarketList: any = computed(() => {
+        return store.marketList
+    })
+
+    // 市级下拉框选中获取区级数据
+    const changeMarket = (val: any) => {
+        store.getareaList(val.split(',')[0])
+        AssemblyRegisterAddress[1] = val.split(',')[1]
+    }
+
+    const opeChangeMarket = (val: any) => {
+        store.getareaList(val.split(',')[0])
+        AssemblyOperateAddress[1] = val.split(',')[1]
+    }
+
+    // 获取区级数据源
+    const selAreaList: any = computed(() => {
+        return store.areaList
+    })
+
+    // 区级下拉框选中时
+    const changeArea = (val: any) => {
+        AssemblyRegisterAddress[2] = val.split(',')[1]
+    }
+    const opeChangeArea = (val: any) => {
+        AssemblyOperateAddress[2] = val.split(',')[1]
+    }
+
+    // 获取证件类型
+    const selIdTypeList: any = computed(() => {
+        return store.idTypeList
+    })
+
+    // 获取企业类型
+    const selcompanyTypeList: any = computed(() => {
+        return store.companyTypeList
+    })
+
+    // 获取企业所属
+
+    const selcompanyLtdList: any = computed(() => {
+        return store.companyLtdList
+    })
+
+    const emit = defineEmits(['closeAuthenticationDialog'])
+
+    // 提交认证按钮
+    const handlerSubmitBtn = async () => {
+        AssemblyRegisterAddress[3] = applyParams.registerRealityAddress
+        AssemblyOperateAddress[3] = applyParams.operateRealityAddress
+
+        applyParams.registerAddress = AssemblyRegisterAddress.join(',')
+        applyParams.operateAddress = AssemblyOperateAddress.join(',')
+
+        const res: any = await applyAttestationApi({
+            bmCompanyInfo: applyParams,
+            bmCoBank: {}
+        })
+        if (res.code === 200) {
+            ElMessage({
+                type: 'success',
+                message: '申请成功'
+            })
+            // 关闭弹框
+            emit('closeAuthenticationDialog', false)
+        }
+    }
+
+    // 关闭按钮
+    const handlerCloseBtn = () => {
+        emit('closeAuthenticationDialog', false)
+    }
+
+    const options = reactive([
+        {
+            value: '选项1',
+            label: '黄金糕'
+        },
+        {
+            value: '选项2',
+            label: '双皮奶'
+        },
+        {
+            value: '选项3',
+            label: '蚵仔煎'
+        },
+        {
+            value: '选项4',
+            label: '龙须面'
+        },
+        {
+            value: '选项5',
+            label: '北京烤鸭'
+        }
+    ])
+    const thisValue = ref('')
+
+    const imageUrl = ref('')
+
+    const bankTableHeader = reactive([
+        {
+            span: 4,
+            label: '开户行',
+            prop: 'bankName'
+        },
+        {
+            span: 2,
+            label: '账号名称',
+            prop: 'b'
+        },
+        {
+            span: 2,
+            label: '银行账号',
+            prop: 'a'
+        },
+        {
+            span: 2,
+            label: '开户行所在地',
+            prop: 'a'
+        },
+        {
+            span: 2,
+            label: '开户许可证核准号（基本存款账号编号）',
+            prop: 'a'
+        },
+        {
+            span: 2,
+            label: '开户行许可证/基本存款账号信息',
+            prop: 'a',
+            slot: 'annex'
+        }
+    ])
+
+    const bankTableData = reactive([
+        {
+            a: 1,
+            bankName: '中国银行'
+        },
+        {
+            a: 1,
+            bankName: 'test'
+        },
+        {
+            a: 1,
+            bankName: 'test'
+        },
+        {
+            a: 1,
+            bankName: 'test'
+        },
+        {
+            a: 1,
+            bankName: 'test'
+        },
+        {
+            a: 1,
+            bankName: 'test'
+        }
+    ])
+
+    const test = () => {}
+</script>
+
+<style lang="scss" scoped>
+    .d-flex {
+        display: flex;
+    }
+    .align-center {
+        align-items: center;
+    }
+    ::v-deep.el-form-item {
+        display: flex;
+
+        .el-form-item__content {
+            flex: 1;
+        }
+    }
+
+    .enterpriseCertification {
+        height: 100%;
+        background: #f2f2f2;
+        padding: 15px 10px;
+
+        .card {
+            border-radius: 5px;
+            background: white;
+            padding: 10px;
+        }
+
+        .top {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 10px;
+
+            .title {
+                font-size: 16px;
+                font-weight: 600;
+            }
+
+            .options {
+            }
+        }
+
+        .baseForm {
+            padding: 0 10px;
+        }
+
+        .previewExample {
+            font-size: 12px;
+            color: blue;
+            cursor: pointer;
+            span {
+                margin: 0 5px;
+            }
+        }
+
+        .personInfo {
+            margin-top: 15px;
+            .personForm {
+                padding: 0 10px;
+                .phone {
+                    .tip {
+                        line-height: normal;
+                        color: red;
+                        font-size: 12px;
+                    }
+                }
+                .agreement {
+                    font-size: 13px !important;
+                    margin-left: 8px;
+                }
+            }
+        }
+
+        .bankInfo {
+            margin-top: 15px;
+            .top {
+                .title {
+                    .tip {
+                        color: blue;
+                        font-size: 12px;
+                        cursor: pointer;
+                    }
+                }
+            }
+            .header {
+                .item {
+                    background: #e0efff;
+                    min-height: 40px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+                    box-sizing: border-box;
+                    padding: 5px;
+                    height: 100%;
+                }
+            }
+            .border-top-left {
+                border-top: 1px solid black;
+                border-left: 1px solid black;
+            }
+            .border-right {
+                border-right: 1px solid black;
+            }
+            .border-bottom {
+                border-bottom: 1px solid black;
+            }
+            .content {
+                .item {
+                    min-height: 40px;
+                    display: flex;
+                    align-items: center;
+                    //justify-content: center;
+                    box-sizing: border-box;
+                    padding: 5px;
+                    height: 100%;
+                }
+            }
+        }
+    }
+</style>
diff --git a/src/views/com/details.vue b/src/views/com/details.vue
new file mode 100644
index 0000000..6647a54
--- /dev/null
+++ b/src/views/com/details.vue
@@ -0,0 +1,279 @@
+<template>
+
+    <div class="sub_title">
+        企业基本信息
+    </div>
+    <el-divider></el-divider>
+    <el-form label-width="136px" inline="true" style="padding: 0 20px 0px 20px;">
+        <div>
+            <el-form-item label="企业名称">
+                xxxxx
+            </el-form-item>
+
+            <el-form-item label="统一社会信用代码">
+                xxxxx
+            </el-form-item>
+        </div>
+        <el-form-item label="注册地址">
+            xxxxx
+        </el-form-item>
+        <el-form-item label="经营地址">
+            xxxxx
+        </el-form-item>
+        <div>
+            <el-form-item label="法人证件类型">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="法人证件号码">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="营业执照">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="身份证国徽面">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="身份证肖像面">
+                xxxxx
+            </el-form-item>
+        </div>
+        <div>
+            <el-form-item label="法人姓名">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="邀请码">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="邀请企业名称" style="width:500px">
+                <div>
+
+                </div>
+            </el-form-item>
+        </div>
+        <el-form-item label="经营范围">
+            xxxxx
+        </el-form-item>
+
+    </el-form>
+    <div class="sub_title">
+        被授权人信息
+    </div>
+    <el-divider></el-divider>
+    <el-form label-width="136px" inline="true" style="padding: 0 80px 0px 0;">
+        <div>
+            <el-form-item label="被授权人姓名">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="被授权人身份证">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="被授权人手机号">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="被授权人邮箱">
+                xxxxx
+            </el-form-item>
+        </div>
+        <div>
+            <el-form-item label="法人授权书">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="被授权人身份证国徽面">
+                xxxxx
+            </el-form-item>
+            <el-form-item label="被授权人身份证肖像面">
+                xxxxx
+            </el-form-item>
+        </div>
+    </el-form>
+
+    <div class="sub_title">
+        银行账户信息
+    </div>
+    <el-divider></el-divider>
+    <el-table :data="tableAccountInfo.list" style="width: 100%" border stripe  >
+        <el-table-column fixed prop="bankCompany" label="开户行" min-width="120" />
+        <el-table-column prop="bankName" label="账户名称" min-width="120" />
+        <el-table-column prop="bankAccount" label="银行账号" min-width="120" />
+        <el-table-column prop="bankAddress" label="开户行所在地" min-width="120" />
+        <el-table-column prop="xk_code" label="开户许可证核准号（基本存款账号编号）" min-width="120" />
+        <el-table-column prop="xk_account" label="开户行许可证/基本存款账号信息" min-width="120" align="center">
+            <template #default="scope">
+                <el-button type="text">预览</el-button>
+            </template>
+        </el-table-column>
+    </el-table>
+    <div class="sub_title" style="margin-top:12px;">
+        联系人信息
+    </div>
+    <el-divider></el-divider>
+    <el-table :data="tableContactInfo.list" style="width: 100%" border stripe  >
+        <el-table-column fixed prop="default_user" label="默认联系人（被授权人）" min-width="120" />
+        <el-table-column prop="default_contact_user" label="联系人姓名" min-width="120" />
+        <el-table-column prop="phone" label="手机号" min-width="120" />
+        <el-table-column prop="mobile" label="电话" min-width="120" />
+        <el-table-column prop="email" label="邮箱" min-width="120" />
+        <el-table-column prop="remark" label="备注" min-width="120" />
+        <el-table-column  label="操作" min-width="120" align="center">
+            <!-- <template #default="scope">
+                <el-button type="text"></el-button>
+            </template> -->
+        </el-table-column>
+    </el-table>
+</template>
+  
+<script lang="ts" setup>
+
+const emits = defineEmits(['send'])
+const addShow = ref(false)
+let title = ref("订单详情")
+
+
+
+const tableAccountData = [
+    {
+        bankCompany: '2016-05-03',
+        bankName: 'Tom',
+        bankAccount: 'California',
+        bankAddress: 'Los Angeles',
+        xk_code: 'No. 189, Grove St, Los Angeles',
+        xk_account: 'CA 90036',
+    },
+    {
+        bankCompany: '2016-05-03',
+        bankName: 'Tom',
+        bankAccount: 'California',
+        bankAddress: 'Los Angeles',
+        xk_code: 'No. 189, Grove St, Los Angeles',
+        xk_account: 'CA 90036',
+    },
+    {
+        bankCompany: '2016-05-03',
+        bankName: 'Tom',
+        bankAccount: 'California',
+        bankAddress: 'Los Angeles',
+        xk_code: 'No. 189, Grove St, Los Angeles',
+        xk_account: 'CA 90036',
+    },
+    {
+        bankCompany: '2016-05-03',
+        bankName: 'Tom',
+        bankAccount: 'California',
+        bankAddress: 'Los Angeles',
+        xk_code: 'No. 189, Grove St, Los Angeles',
+        xk_account: 'CA 90036',
+    },
+    {
+        bankCompany: '2016-05-03',
+        bankName: 'Tom',
+        bankAccount: 'California',
+        bankAddress: 'Los Angeles',
+        xk_code: 'No. 189, Grove St, Los Angeles',
+        xk_account: 'CA 90036',
+    },
+    {
+        bankCompany: '2016-05-03',
+        bankName: 'Tom',
+        bankAccount: 'California',
+        bankAddress: 'Los Angeles',
+        xk_code: 'No. 189, Grove St, Los Angeles',
+        xk_account: 'CA 90036',
+    }
+]
+const tableContactData = [
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+    {
+        default_user: '2016-05-03',
+        default_contact_user: 'Tom',
+        phone: 'California',
+        mobile: 'Los Angeles',
+        email: 'No. 189, Grove St, Los Angeles',
+        remark: 'CA 90036',
+    },
+]
+
+
+
+const show = (val: any) => {
+    title.value = val.title
+    addShow.value = true
+}
+
+const tableAccountInfo= reactive({
+    list:tableAccountData
+
+})
+const tableContactInfo= reactive({
+    list:tableContactData
+
+})
+
+
+defineExpose({
+    show
+})
+
+</script>
+  
+<style scoped lang="scss">
+.sub_title {
+    font-size: 16px;
+    font-weight: bold;
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/enterpriseEquipmentManage/equipmentTypeTemplate/index.vue b/src/views/enterpriseEquipmentManage/equipmentTypeTemplate/index.vue
index a3b5ac9..70cd3d2 100644
--- a/src/views/enterpriseEquipmentManage/equipmentTypeTemplate/index.vue
+++ b/src/views/enterpriseEquipmentManage/equipmentTypeTemplate/index.vue
@@ -99,21 +99,7 @@ const editCallBack = (row: any, value: any) => {
 
 const addConfirm = (row: any) => {
 
-
-  ElMessageBoxOpert(
-    '新增',
-    '',
-    '确定',
-    '取消',
-    (val: any) => {
-      if (!val) {
-        return "请填写类型模板"
-      }
-    },
-    "请填写类型模板",
-    addCallBack,
-    row
-  )
+ 
 }
 const editConfirm = (row: any) => {
   ElMessageBoxOpert(
diff --git a/src/views/enterpriseManagement/businessReview/details.vue b/src/views/enterpriseManagement/businessReview/details.vue
new file mode 100644
index 0000000..e344737
--- /dev/null
+++ b/src/views/enterpriseManagement/businessReview/details.vue
@@ -0,0 +1,26 @@
+<template>
+    <el-card shadow="always" class="content_body_details">
+    <detailsCom></detailsCom>
+    </el-card>
+</template>
+
+<script lang="ts" setup>
+ import detailsCom from "views/com/details.vue"
+</script>
+
+<style scoped lang="scss">
+.content_body_details{
+    margin-top: 12px;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    max-height:calc(100vh - 172px);
+    overflow-y:auto;
+    .el-card__body{
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+}   
+
+</style>
diff --git a/src/views/enterpriseManagement/businessReview/index.vue b/src/views/enterpriseManagement/businessReview/index.vue
index 48d5519..9a0b9d5 100644
--- a/src/views/enterpriseManagement/businessReview/index.vue
+++ b/src/views/enterpriseManagement/businessReview/index.vue
@@ -56,6 +56,7 @@
 import headerTop from "./com/headerTop.vue"
 import addCom from "./com/addCom.vue"
 import { ElConfirmBeforeOpert } from "utils/elementCom"
+const router = useRouter()
 const addComRef = ref()
 const paginationInfo = reactive({
     currentPage: 1,
@@ -122,8 +123,8 @@ let tableListInfo = reactive({
 
 
 const editRowFn = (row: any) => {
-    addComRef.value.edit({
-        a: "111"
+    router.push({
+        name:'entryAuditDetails'
     })
 
 }
diff --git a/src/views/enterpriseManagement/enterpriseEntryReview/details.vue b/src/views/enterpriseManagement/enterpriseEntryReview/details.vue
new file mode 100644
index 0000000..e344737
--- /dev/null
+++ b/src/views/enterpriseManagement/enterpriseEntryReview/details.vue
@@ -0,0 +1,26 @@
+<template>
+    <el-card shadow="always" class="content_body_details">
+    <detailsCom></detailsCom>
+    </el-card>
+</template>
+
+<script lang="ts" setup>
+ import detailsCom from "views/com/details.vue"
+</script>
+
+<style scoped lang="scss">
+.content_body_details{
+    margin-top: 12px;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    max-height:calc(100vh - 172px);
+    overflow-y:auto;
+    .el-card__body{
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+}   
+
+</style>
diff --git a/src/views/enterpriseManagement/enterpriseEntryReview/index.vue b/src/views/enterpriseManagement/enterpriseEntryReview/index.vue
index 80e859a..8c866bb 100644
--- a/src/views/enterpriseManagement/enterpriseEntryReview/index.vue
+++ b/src/views/enterpriseManagement/enterpriseEntryReview/index.vue
@@ -22,15 +22,15 @@
             <el-table-column prop="v_applyTime" label="申请时间" min-width="160">
 
             </el-table-column>
-            <el-table-column   label="状态" min-width="120">
+            <el-table-column label="状态" min-width="120">
                 <template #default="scope">
-                    <div class="todo_status_c" v-if="scope.row.v_status=='1'">
+                    <div class="todo_status_c" v-if="scope.row.v_status == '1'">
                         待审批
                     </div>
-                    <div class="pass_status_c" v-else-if="scope.row.v_status=='2'">
+                    <div class="pass_status_c" v-else-if="scope.row.v_status == '2'">
                         已通过
                     </div>
-                    <div class="reject_status_c" v-else-if="scope.row.v_status=='3'">
+                    <div class="reject_status_c" v-else-if="scope.row.v_status == '3'">
                         已驳回
                     </div>
                 </template>
@@ -38,11 +38,11 @@
             <el-table-column label="操作" align="center" width="160">
 
                 <template #default="scope">
-                    <el-button type="primary" size="small" @click.prevent="editRowFn(scope.row)">
-                        编辑
+                    <el-button type="primary" size="small" @click.prevent="auditFn(scope.row)">
+                        审批
                     </el-button>
-                    <el-button type="danger" size="small" @click.prevent="deleteRowFn(scope.row)">
-                        删除
+                    <el-button type="danger" size="small" @click.prevent="showRowFn(scope.row)">
+                        查看
                     </el-button>
                 </template>
             </el-table-column>
@@ -58,6 +58,7 @@
 import headerTop from "./com/headerTop.vue"
 import addCom from "./com/addCom.vue"
 import { ElConfirmBeforeOpert } from "utils/elementCom"
+const router = useRouter()
 const addComRef = ref()
 const paginationInfo = reactive({
     currentPage: 1,
@@ -122,19 +123,16 @@ let tableListInfo = reactive({
     list: tableData
 })
 
-
-const editRowFn = (row: any) => {
-    addComRef.value.edit({
-        a: "111"
+const auditFn=(row: any) => {
+    router.push({
+        name:'entryAuditDetails'
+    })
+}   
+const showRowFn=(row: any) => {
+    router.push({
+        name:'entryAuditDetails'
     })
-
 }
-
-const deleteItem = (row: any) => {
-    const itemID = row.v_id
-    console.log("ITEMid", row)
-}
-
 const deleteRowFn = (row: any) => {
     ElConfirmBeforeOpert(
         '操作确认',
diff --git a/src/views/enterpriseManagement/enterpriseInfo/details.vue b/src/views/enterpriseManagement/enterpriseInfo/details.vue
new file mode 100644
index 0000000..e344737
--- /dev/null
+++ b/src/views/enterpriseManagement/enterpriseInfo/details.vue
@@ -0,0 +1,26 @@
+<template>
+    <el-card shadow="always" class="content_body_details">
+    <detailsCom></detailsCom>
+    </el-card>
+</template>
+
+<script lang="ts" setup>
+ import detailsCom from "views/com/details.vue"
+</script>
+
+<style scoped lang="scss">
+.content_body_details{
+    margin-top: 12px;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    max-height:calc(100vh - 172px);
+    overflow-y:auto;
+    .el-card__body{
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+}   
+
+</style>
diff --git a/src/views/enterpriseManagement/enterpriseInfo/index.vue b/src/views/enterpriseManagement/enterpriseInfo/index.vue
index ab468db..c5cbc0f 100644
--- a/src/views/enterpriseManagement/enterpriseInfo/index.vue
+++ b/src/views/enterpriseManagement/enterpriseInfo/index.vue
@@ -33,7 +33,7 @@
             <el-table-column label="操作" align="center" width="160">
 
                 <template #default="scope">
-                    <el-button type="primary" size="small" @click.prevent="showFn(scope.row)">
+                    <el-button type="primary" size="small" @click.prevent="showRowFn(scope.row)">
                         查看
                     </el-button>
                     <el-button type="danger" size="small" @click.prevent="deleteRowFn(scope.row)">
@@ -53,6 +53,7 @@
 import headerTop from "./com/headerTop.vue"
 import addCom from "./com/addCom.vue"
 import { ElConfirmBeforeOpert } from "utils/elementCom"
+const router = useRouter()
 const addComRef = ref()
 const paginationInfo = reactive({
     currentPage: 1,
@@ -124,7 +125,11 @@ const editRowFn = (row: any) => {
     })
 
 }
-
+const showRowFn=(row: any) => {
+    router.push({
+        name:'enterpriseInfoDetails'
+    })
+}
 const deleteItem = (row: any) => {
     const itemID = row.v_id
     console.log("ITEMid", row)