feat: 删除无用的页面

src/components/Sidebar.vue

@@ -47,25 +47,6 @@ import { useRoute, useRouter } from "vue-router";
 export default {
     setup() {
         const items = [
-          // {
-          //   icon: "el-icon-lx-file",
-          //   title: "我的文件",
-          //   index:3,
-          //   subs: [
-          //     {
-          //       index: "/fileList",
-          //       title: "我的文件"
-          //     },
-          //     {
-          //       index: "/fileDetail",
-          //       title: "文件详情",
-          //     },
-          //     {
-          //       index: "/upload",
-          //       title: "文件上传",
-          //     },
-          //   ]
-          // },
           {
             icon: "el-icon-lx-file",
             index: "/fileList",
@@ -88,29 +69,17 @@ export default {
                 ]
             },
 
-          // {
-          //   icon: "el-icon-star-off",
-          //   index: "/modelDetail",
-          //   title: "模型训练",
-          // },
-
           {
             icon: "el-icon-coin",
             index: "/modelList",
             title:"机器学习模型",
           },
 
-          // {
-          //   icon: "el-icon-coin",
-          //   index: "/dlModelList",
-          //   title:"深度学习模型",
-          // },
-
-          // {
-          //   icon: "el-icon-data-board",
-          //   index: "/charts",
-          //   title: "预测结果",
-          // },
+          {
+            icon: "el-icon-takeaway-box",
+            index: "/Deployment",
+            title: "模型部署",
+          },
 
           {
             icon: "el-icon-pie-chart",
@@ -140,88 +109,20 @@ export default {
                 title: "数据广场",
             },
 
-          //  无用组件
-          // {
-          //     icon: "el-icon-user",
-          //     index: "/user",
-          //     title: "个人中心",
-          // },
-
-          // {
-          //   icon: "el-icon-lx-calendar",
-          //   index: "3",
-          //   title: "表单相关",
-          //   subs: [
-          //     {
-          //       index: "/form",
-          //       title: "基本表单",
-          //     },
-          //     {
-          //       index: "/upload",
-          //       title: "文件上传",
-          //     },
-          //     {
-          //       index: "4",
-          //       title: "三级菜单",
-          //       subs: [
-          //         {
-          //           index: "/editor",
-          //           title: "富文本编辑器",
-          //         },
-          //       ],
-          //     },
-          //   ],
-          // },
-          //   {
-          //         icon: "el-icon-lx-emoji",
-          //         index: "/icon",
-          //         title: "自定义图标",
-          //   },
-          // {
-          //     icon: "el-icon-lx-global",
-          //     index: "/i18n",
-          //     title: "国际化功能",
-          // },
-          // {
-          //     icon: "el-icon-lx-warn",
-          //     index: "7",
-          //     title: "错误处理",
-          //     subs: [
-          //         {
-          //             index: "/permission",
-          //             title: "权限测试",
-          //         },
-          //         {
-          //             index: "/404",
-          //             title: "404页面",
-          //         },
-          //     ],
-          // },
-          // {
-          //     icon: "el-icon-lx-redpacket_fill",
-          //     index: "/donate",
-          //     title: "支持作者",
-          // }
         ];
 
         const route = useRoute();
-        //const router = useRouter();
 
         const onRoutes = computed(() => {
             return route.path;
         });
 
-        // const onRouters = computed(() => {
-        //   return router.path;
-        // });
-
         const store = useStore();
         const collapse = computed(() => store.state.collapse);
 
         return {
             items,
             onRoutes,
-            //onRouters,
             collapse,
         };
 

src/router/index.js

@@ -28,15 +28,6 @@ const routes = [
                 },
                 component: () => import ( /* webpackChunkName: "dashboard" */ "../views/ml/ModelList.vue")
             },
-            // {
-            //     path: "/dlModelList",
-            //     name: "dlModelList",
-            //     meta: {
-            //         title: '深度学习模型'
-            //     },
-            //     component: () => import ( /* webpackChunkName: "dashboard" */ "../views/DLModelList.vue")
-            // },
-
             {
                 path: "/fileDetail",
                 name: "fileDetail",
@@ -44,13 +35,6 @@ const routes = [
                     title: '文件详情'
                 },
                 component: () => import ( /* webpackChunkName: "dashboard" */ "../views/file/FileDetail.vue")
-            },{
-                path: "/FileAnalysis",
-                name: "FileAnalysis",
-                meta: {
-                    title: '文件分析结果'
-                },
-                component: () => import ( /* webpackChunkName: "dashboard" */ "../views/file/FileAnalysis.vue")
             },
             {
                 path: "/config",
@@ -124,14 +108,6 @@ const routes = [
                 },
                 component: () => import ( /* webpackChunkName: "charts" */ "../views/ml/MLPipeline.vue")
             },
-            {
-                path: "/form",
-                name: "baseform",
-                meta: {
-                    title: '表单'
-                },
-                component: () => import ( /* webpackChunkName: "form" */ "../views/unused/BaseForm.vue")
-            },
             {
                 path: "/upload",
                 name: "upload",
@@ -148,38 +124,6 @@ const routes = [
                 },
                 component: () => import ( /* webpackChunkName: "upload" */ "../views/Square.vue")
             },
-            {
-                path:'/dllearning',
-                name:'dllearning',
-                meta:{
-                    title:'深度学习页面'
-                },
-                component:()=>import(/*webpackChunkName:"dllearning" */ '../views/unused/Dllearning.vue')
-            },
-            {
-                path:'/dlform',
-                name:'dlform',
-                meta:{
-                    title:'配置模型'
-                },
-                component:()=>import(/*webpackChunkName:"dllearning" */ '../views/unused/DLForm.vue')
-            },
-            {
-                path:'/configform',
-                name:'configform',
-                meta:{
-                    title:'编辑配置'
-                },
-                component:()=>import(/*webpackChunkName:"configform" */ '../views/ml/ConfigForm.vue')
-            },
-            {
-                path:'/configformp/:id',
-                name:'configformp',
-                meta:{
-                    title:'更改配置'
-                },
-                component:()=>import(/*webpackChunkName:"configform" */ '../views/ml/changeConfig.vue')
-            },
             {
                 path:'/ConfigDetail',
                 name:'configdetail',
@@ -188,64 +132,14 @@ const routes = [
                 },
                 component:()=>import(/*webpackChunkName:"configform" */ '../views/ml/ConfigDetail.vue')
             },
-            //无用组件or路由
-            // {
-            //     path: "/permission",
-            //     name: "permission",
-            //     meta: {
-            //         title: '权限管理',
-            //         permission: true
-            //     },
-            //     component: () => import ( /* webpackChunkName: "permission" */ "../views/unused/Permission.vue")
-            // },
-            // {
-            //     path: '/editor',
-            //     name: 'editor',
-            //     meta: {
-            //         title: '富文本编辑器'
-            //     },
-            //     component: () => import (/* webpackChunkName: "editor" */ '../views/unused/Editor.vue')
-            // },
-            // {
-            //     path: "/icon",
-            //     name: "icon",
-            //     meta: {
-            //         title: '自定义图标'
-            //     },
-            //     component: () => import ( /* webpackChunkName: "icon" */ "../views/Icon.vue")
-            // },
-            // {
-            //     path: '/404',
-            //     name: '404',
-            //     meta: {
-            //         title: '找不到页面'
-            //     },
-            //     component: () => import (/* webpackChunkName: "404" */ '../views/404.vue')
-            // },
-            // {
-            //     path: '/403',
-            //     name: '403',
-            //     meta: {
-            //         title: '没有权限'
-            //     },
-            //     component: () => import (/* webpackChunkName: "403" */ '../views/403.vue')
-            // },
-            // {
-            //     path: "/donate",
-            //     name: "donate",
-            //     meta: {
-            //         title: '鼓励作者'
-            //     },
-            //     component: () => import ( /* webpackChunkName: "donate" */ "../views/Donate.vue")
-            // },
-            // {
-            //     path: "/i18n",
-            //     name: "i18n",
-            //     meta: {
-            //         title: '国际化语言'
-            //     },
-            //     component: () => import ( /* webpackChunkName: "i18n" */ "../views/I18n.vue")
-            // },
+            {
+                path:'/Deployment',
+                name:'Deployment',
+                meta:{
+                    title:'模型部署'
+                },
+                component:()=>import(/*webpackChunkName:"configform" */ '../views/ml/Deployment.vue')
+            },
         ]
     },
     {

src/views/analysis/Analysis.vue

@@ -3,7 +3,7 @@
   <div class="crumbs">
     <el-breadcrumb separator="/">
       <el-breadcrumb-item>
-        <i class="el-icon-lx-cascades"></i> 数据统计分析列表
+        <i class="el-icon-pie-chart"></i> 数据统计分析列表
       </el-breadcrumb-item>
     </el-breadcrumb>
   </div>

src/views/analysis/AnalysisPipeline.vue

@@ -3,7 +3,7 @@
     <div class="crumbs">
       <el-breadcrumb separator="/">
         <el-breadcrumb-item>
-          <i class="el-icon-lx-cascades"></i> 数据分析流水线
+          <i class="el-icon-odometer"></i> 数据分析流水线
         </el-breadcrumb-item>
       </el-breadcrumb>
     </div>

src/views/ml/Deployment.vue

@@ -0,0 +1,63 @@
+<template>
+  <div>
+    <div class="crumbs">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item>
+          <i class="el-icon-takeaway-box"></i> 模型部署
+        </el-breadcrumb-item>
+      </el-breadcrumb>
+    </div>
+  </div>
+
+  <div class="container">
+    <el-table
+        :data="tableData" border class="table" ref="multipleTable"
+        header-cell-class-name="table-header"
+    >
+      <el-table-column prop="configName" label="部署名"></el-table-column>
+      <el-table-column prop="configName" label="开始时间"></el-table-column>
+      <el-table-column prop="configName" label="部署状态"></el-table-column>
+      <el-table-column prop="configName" label="完成时间"></el-table-column>
+
+      <el-table-column label="操作" width="180" align="center">
+        <template #default="scope">
+          <el-button type="text" class="red" @click="handleDelete(scope.row.id)">删除</el-button>
+        </template>
+      </el-table-column>
+
+    </el-table>
+    <div class="pagination">
+      <el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex"
+                     :page-size="query.pageSize" :total="pageTotal" @current-change="handlePageChange"></el-pagination>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {reactive, ref} from "vue";
+
+export default {
+  name: "Deployment",
+  setup(){
+    const query = reactive({
+      file: "",
+      name: "",
+      pageIndex: 1,
+      pageSize: 10,
+    });
+    const tableData = ref([]);
+    const pageTotal = ref(0);
+
+    return{
+      query,
+      tableData,
+      pageTotal
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ml/MLPipeline.vue

@@ -3,7 +3,7 @@
   <div class="crumbs">
     <el-breadcrumb separator="/">
       <el-breadcrumb-item>
-        <i class="el-icon-lx-cascades"></i> 机器学习流水线
+        <i class="el-icon-odometer"></i> 机器学习流水线
       </el-breadcrumb-item>
     </el-breadcrumb>
   </div>

src/views/ml/ModelList.vue

@@ -3,7 +3,7 @@
     <div class="crumbs">
       <el-breadcrumb separator="/">
         <el-breadcrumb-item>
-          <i class="el-icon-lx-cascades"></i> 我的模型
+          <i class="el-icon-coin"></i> 我的模型
         </el-breadcrumb-item>
       </el-breadcrumb>
     </div>

src/views/unused/403.vue

@@ -1,62 +0,0 @@
-<template>
-    <div class="error-page">
-        <div class="error-code">4<span>0</span>3</div>
-        <div class="error-desc">啊哦~ 你没有权限访问该页面哦</div>
-        <div class="error-handle">
-            <router-link to="/">
-                <el-button type="primary" size="large">返回首页</el-button>
-            </router-link>
-            <el-button class="error-btn" type="primary" size="large" @click="goBack">返回上一页</el-button>
-        </div>
-    </div>
-</template>
-
-<script>
-import { useRouter } from "vue-router";
-export default {
-    name: "403",
-    setup() {
-        const router = useRouter();
-        const goBack = () => {
-            router.go(-1);
-        };
-        return {
-            goBack,
-        };
-    },
-};
-</script>
-
-
-<style scoped>
-.error-page {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    background: #f3f3f3;
-    box-sizing: border-box;
-}
-.error-code {
-    line-height: 1;
-    font-size: 250px;
-    font-weight: bolder;
-    color: #f02d2d;
-}
-.error-code span {
-    color: #00a854;
-}
-.error-desc {
-    font-size: 30px;
-    color: #777;
-}
-.error-handle {
-    margin-top: 30px;
-    padding-bottom: 200px;
-}
-.error-btn {
-    margin-left: 100px;
-}
-</style>

src/views/unused/404.vue

@@ -1,62 +0,0 @@
-<template>
-    <div class="error-page">
-        <div class="error-code">4<span>0</span>4</div>
-        <div class="error-desc">啊哦~ 你所访问的页面不存在</div>
-        <div class="error-handle">
-            <router-link to="/config">
-                <el-button type="primary" size="large">返回首页</el-button>
-            </router-link>
-            <el-button class="error-btn" type="primary" size="large" @click="goBack">返回上一页</el-button>
-        </div>
-    </div>
-</template>
-
-<script>
-import { useRouter } from "vue-router";
-export default {
-    name: "404",
-    setup() {
-        const router = useRouter();
-        const goBack = () => {
-            router.go(-1);
-        };
-        return {
-            goBack,
-        };
-    },
-};
-</script>
-
-
-<style scoped>
-.error-page {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    background: #f3f3f3;
-    box-sizing: border-box;
-}
-.error-code {
-    line-height: 1;
-    font-size: 250px;
-    font-weight: bolder;
-    color: #2d8cf0;
-}
-.error-code span {
-    color: #00a854;
-}
-.error-desc {
-    font-size: 30px;
-    color: #777;
-}
-.error-handle {
-    margin-top: 30px;
-    padding-bottom: 200px;
-}
-.error-btn {
-    margin-left: 100px;
-}
-</style>

src/views/unused/BaseForm.vue

@@ -1,174 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-calendar"></i> 表单
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>基本表单</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <div class="form-box">
-                <el-form ref="formRef" :rules="rules" :model="form" label-width="80px">
-                    <el-form-item label="表单名称" prop="name">
-                        <el-input v-model="form.name"></el-input>
-                    </el-form-item>
-                    <el-form-item label="选择器" prop="region">
-                        <el-select v-model="form.region" placeholder="请选择">
-                            <el-option key="bbk" label="步步高" value="bbk"></el-option>
-                            <el-option key="xtc" label="小天才" value="xtc"></el-option>
-                            <el-option key="imoo" label="imoo" value="imoo"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="日期时间">
-                        <el-col :span="11">
-                            <el-form-item prop="date1">
-                                <el-date-picker type="date" placeholder="选择日期" v-model="form.date1"
-                                    style="width: 100%;"></el-date-picker>
-                            </el-form-item>
-                        </el-col>
-                        <el-col class="line" :span="2">-</el-col>
-                        <el-col :span="11">
-                            <el-form-item prop="date2">
-                                <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;">
-                                </el-time-picker>
-                            </el-form-item>
-                        </el-col>
-                    </el-form-item>
-                    <el-form-item label="城市级联" prop="options">
-                        <el-cascader :options="options" v-model="form.options"></el-cascader>
-                    </el-form-item>
-                    <el-form-item label="选择开关" prop="delivery">
-                        <el-switch v-model="form.delivery"></el-switch>
-                    </el-form-item>
-                    <el-form-item label="多选框" prop="type">
-                        <el-checkbox-group v-model="form.type">
-                            <el-checkbox label="步步高" name="type"></el-checkbox>
-                            <el-checkbox label="小天才" name="type"></el-checkbox>
-                            <el-checkbox label="imoo" name="type"></el-checkbox>
-                        </el-checkbox-group>
-                    </el-form-item>
-                    <el-form-item label="单选框" prop="resource">
-                        <el-radio-group v-model="form.resource">
-                            <el-radio label="步步高"></el-radio>
-                            <el-radio label="小天才"></el-radio>
-                            <el-radio label="imoo"></el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-form-item label="文本框" prop="desc">
-                        <el-input type="textarea" rows="5" v-model="form.desc"></el-input>
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button type="primary" @click="onSubmit">表单提交</el-button>
-                        <el-button @click="onReset">重置表单</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import { reactive, ref } from "vue";
-import { ElMessage } from "element-plus";
-export default {
-    name: "baseform",
-    setup() {
-        const options = [
-            {
-                value: "guangdong",
-                label: "广东省",
-                children: [
-                    {
-                        value: "guangzhou",
-                        label: "广州市",
-                        children: [
-                            {
-                                value: "tianhe",
-                                label: "天河区",
-                            },
-                            {
-                                value: "haizhu",
-                                label: "海珠区",
-                            },
-                        ],
-                    },
-                    {
-                        value: "dongguan",
-                        label: "东莞市",
-                        children: [
-                            {
-                                value: "changan",
-                                label: "长安镇",
-                            },
-                            {
-                                value: "humen",
-                                label: "虎门镇",
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                value: "hunan",
-                label: "湖南省",
-                children: [
-                    {
-                        value: "changsha",
-                        label: "长沙市",
-                        children: [
-                            {
-                                value: "yuelu",
-                                label: "岳麓区",
-                            },
-                        ],
-                    },
-                ],
-            },
-        ];
-        const rules = {
-            name: [
-                { required: true, message: "请输入表单名称", trigger: "blur" },
-            ],
-        };
-        const formRef = ref(null);
-        const form = reactive({
-            name: "",
-            region: "",
-            date1: "",
-            date2: "",
-            delivery: true,
-            type: ["步步高"],
-            resource: "小天才",
-            desc: "",
-            options: [],
-        });
-        // 提交
-        const onSubmit = () => {
-            // 表单校验
-            formRef.value.validate((valid) => {
-                if (valid) {
-                    console.log(form);
-                    ElMessage.success("提交成功！");
-                } else {
-                    return false;
-                }
-            });
-        };
-        // 重置
-        const onReset = () => {
-            formRef.value.resetFields();
-        };
-
-        return {
-            options,
-            rules,
-            formRef,
-            form,
-            onSubmit,
-            onReset,
-        };
-    },
-};
-</script>

src/views/unused/DLForm.vue

@@ -1,196 +0,0 @@
-<template>
-  <div>
-    <div class="crumbs">
-      <el-breadcrumb separator="/">
-        <el-breadcrumb-item>
-          <i class="el-icon-lx-calendar"></i> 模型配置
-        </el-breadcrumb-item>
-
-      </el-breadcrumb>
-    </div>
-    <div class="container">
-      <div class="form-box">
-        <el-form ref="formRef" :rules="rules" :model="form" label-width="80px">
-          <el-form-item label="模型名称" prop="name">
-            <el-input v-model="form.name"></el-input>
-          </el-form-item>
-          <el-form-item label="选择文件" prop="region">
-            <el-select v-model="form.region" placeholder="请选择">
-              <el-option key="bbk" label="无" value="bbk"></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="选择模型" prop="region">
-            <el-select v-model="form.region" placeholder="请选择">
-              <el-option key="bbk" label="无" value="bbk"></el-option>
-            </el-select>
-          </el-form-item>
-<!--          <el-form-item label="日期时间">-->
-<!--            <el-col :span="11">-->
-<!--              <el-form-item prop="date1">-->
-<!--                <el-date-picker type="date" placeholder="选择日期" v-model="form.date1"-->
-<!--                                style="width: 100%;"></el-date-picker>-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--            <el-col class="line" :span="2">-</el-col>-->
-<!--            <el-col :span="11">-->
-<!--              <el-form-item prop="date2">-->
-<!--                <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;">-->
-<!--                </el-time-picker>-->
-<!--              </el-form-item>-->
-<!--            </el-col>-->
-<!--          </el-form-item>-->
-<!--          <el-form-item label="城市级联" prop="options">-->
-<!--            <el-cascader :options="options" v-model="form.options"></el-cascader>-->
-<!--          </el-form-item>-->
-<!--          <el-form-item label="选择开关" prop="delivery">-->
-<!--            <el-switch v-model="form.delivery"></el-switch>-->
-<!--          </el-form-item>-->
-<!--          <el-form-item label="多选框" prop="type">-->
-<!--            <el-checkbox-group v-model="form.type">-->
-<!--              <el-checkbox label="步步高" name="type"></el-checkbox>-->
-<!--              <el-checkbox label="小天才" name="type"></el-checkbox>-->
-<!--              <el-checkbox label="imoo" name="type"></el-checkbox>-->
-<!--            </el-checkbox-group>-->
-<!--          </el-form-item>-->
-<!--          <el-form-item label="单选框" prop="resource">-->
-<!--            <el-radio-group v-model="form.resource">-->
-<!--              <el-radio label="步步高"></el-radio>-->
-<!--              <el-radio label="小天才"></el-radio>-->
-<!--              <el-radio label="imoo"></el-radio>-->
-<!--            </el-radio-group>-->
-<!--          </el-form-item>-->
-<!--          <el-form-item label="文本框" prop="desc">-->
-<!--            <el-input type="textarea" rows="5" v-model="form.desc"></el-input>-->
-<!--          </el-form-item>-->
-<!--          <el-form-item>-->
-            <el-form-item label="模型参数" prop="region">
-            <el-table :data="tableData" border class="table" ref="multipleTable" header-cell-class-name="table-header">
-<!--              <el-table-column prop="id" label="ID" width="55" align="center"></el-table-column>-->
-              <el-table-column label="参数名">
-                <template #default="scope">{{ scope.row.fieldname }}</template>
-              </el-table-column>
-              <el-table-column label="参数值">
-                <template #default="scope">{{ scope.row.alias }}</template>
-              </el-table-column>
-              <el-table-column label="参数范围">
-                <template #default="scope">{{ scope.row.desc }}</template>
-              </el-table-column>
-              <el-table-column label="参数说明">
-                <template #default="scope">{{ scope.row.num }}</template>
-              </el-table-column>
-
-            </el-table>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" @click="onSubmit">表单提交</el-button>
-            <el-button @click="onReset">重置表单</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { reactive, ref } from "vue";
-import { ElMessage } from "element-plus";
-export default {
-  name: "DLForm",
-  setup() {
-    const options = [
-      {
-        value: "guangdong",
-        label: "广东省",
-        children: [
-          {
-            value: "guangzhou",
-            label: "广州市",
-            children: [
-              {
-                value: "tianhe",
-                label: "天河区",
-              },
-              {
-                value: "haizhu",
-                label: "海珠区",
-              },
-            ],
-          },
-          {
-            value: "dongguan",
-            label: "东莞市",
-            children: [
-              {
-                value: "changan",
-                label: "长安镇",
-              },
-              {
-                value: "humen",
-                label: "虎门镇",
-              },
-            ],
-          },
-        ],
-      },
-      {
-        value: "hunan",
-        label: "湖南省",
-        children: [
-          {
-            value: "changsha",
-            label: "长沙市",
-            children: [
-              {
-                value: "yuelu",
-                label: "岳麓区",
-              },
-            ],
-          },
-        ],
-      },
-    ];
-    const rules = {
-      name: [
-        { required: true, message: "请输入表单名称", trigger: "blur" },
-      ],
-    };
-    const formRef = ref(null);
-    const form = reactive({
-      name: "",
-      region: "",
-      date1: "",
-      date2: "",
-      delivery: true,
-      type: ["步步高"],
-      resource: "小天才",
-      desc: "",
-      options: [],
-    });
-    // 提交
-    const onSubmit = () => {
-      // 表单校验
-      formRef.value.validate((valid) => {
-        if (valid) {
-          console.log(form);
-          ElMessage.success("提交成功！");
-        } else {
-          return false;
-        }
-      });
-    };
-    // 重置
-    const onReset = () => {
-      formRef.value.resetFields();
-    };
-
-    return {
-      options,
-      rules,
-      formRef,
-      form,
-      onSubmit,
-      onReset,
-    };
-  },
-};
-</script>

src/views/unused/Dllearning.vue

@@ -1,139 +0,0 @@
-<!--<template>-->
-<!--<div className="home-page">-->
-<!--<div className="sub-menu">-->
-<!--  <button class="el-button el-button&#45;&#45;primary" type="button" data-v-4eda24fc="">&lt;!&ndash;v-if&ndash;&gt;<i class="el-icon-upload"></i><span>上传</span></button>-->
-
-
-<!--  <button class="el-button el-button&#45;&#45;primary" type="button" data-v-4eda24fc="">&lt;!&ndash;v-if&ndash;&gt;<i class="el-icon-s-home"></i><span>模型</span></button>-->
-<!--</div>-->
-<!--<div className="carousel-page">-->
-<!--  <h3 className="img-list-title">图片文件列表</h3>-->
-
-
-
-
-<!--    <el-table  :show-header="false" style="width: 100%">-->
-<!--      <div>1</div>>-->
-<!--    </el-table>-->
-
-
-
-
-
-
-<!--</div>-->
-<!--</div>-->
-<!--</template>-->
-
-
-<template>
-  <div class="">
-    <div class="crumbs">
-      <el-breadcrumb separator="/">
-        <el-breadcrumb-item><i class="el-icon-lx-copy"></i> 深度学习</el-breadcrumb-item>
-      </el-breadcrumb>
-    </div>
-    <div class="container">
-      <el-tabs v-model="message">
-        <el-tab-pane :label="`图片文件列表`" name="first">
-          <el-table :data="state.unread" :show-header="false" style="width: 100%">
-            <el-table-column>
-              <template #default="scope">
-                <span class="message-title">{{scope.row.title}}</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="date" width="180"></el-table-column>
-            <el-table-column width="120">
-              <template #default="scope">
-                <el-button size="small" @click="handleRead(scope.$index)">删除</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-<!--          <div class="handle-row">-->
-<!--            <el-button type="primary">全部标为已读</el-button>-->
-<!--          </div>-->
-
-<!--            <button class="el-button el-button&#45;&#45;primary" type="button" data-v-4eda24fc="">&lt;!&ndash;v-if&ndash;&gt;<i class="el-icon-upload"></i><span>上传</span></button>-->
-
-<!--            <router-link to="/config">-->
-<!--&lt;!&ndash;            <button class="el-button el-button&#45;&#45;primary" type="button" data-v-4eda24fc="">&lt;!&ndash;v-if&ndash;&gt;<i class="el-icon-s-home"></i><span>添加模型</span></button>&ndash;&gt;-->
-<!--              <el-button type="primary" size="large">配置模型</el-button>-->
-<!--            </router-link>-->
-
-
-        </el-tab-pane>
-        <router-link to="/dlform">
-          <el-button type="primary" size="large"><i class="el-icon-s-home"></i>配置模型</el-button>
-        </router-link>
-
-
-      </el-tabs>
-    </div>
-  </div>
-</template>
-
-<script>
-import { ref, reactive } from "vue";
-export default {
-  name: "tabs",
-  setup() {
-    const message = ref("first");
-    const state = reactive({
-      unread: [
-        {
-          date: "2018-04-19 20:00:00",
-          title: "文件1",
-        },
-        {
-          date: "2018-04-19 21:00:00",
-          title: "文件2",
-        },
-      ],
-      read: [
-        {
-          date: "2018-04-19 20:00:00",
-          title: "【系统通知】该系统将于今晚凌晨2点到5点进行升级维护",
-        },
-      ],
-      recycle: [
-        {
-          date: "2018-04-19 20:00:00",
-          title: "【系统通知】该系统将于今晚凌晨2点到5点进行升级维护",
-        },
-      ],
-    });
-
-    const handleRead = (index) => {
-      const item = state.unread.splice(index, 1);
-      console.log(item);
-      state.read = item.concat(state.read);
-    };
-    const handleDel = (index) => {
-      const item = state.read.splice(index, 1);
-      state.recycle = item.concat(state.recycle);
-    };
-    const handleRestore = (index) => {
-      const item = state.recycle.splice(index, 1);
-      state.read = item.concat(state.read);
-    };
-
-    return {
-      message,
-      state,
-      handleRead,
-      handleDel,
-      handleRestore,
-    };
-  },
-};
-</script>
-
-<style>
-.message-title {
-  cursor: pointer;
-}
-.handle-row {
-  margin-top: 30px;
-}
-</style>
-

src/views/unused/Donate.vue

@@ -1,26 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-redpacket_fill"></i> 支持作者
-                </el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <div class="plugins-tips">如果该框架对你有帮助，那就请作者喝杯饮料吧！加微信号linxin_20探讨问题。</div>
-            <div>
-                <img src="https://lin-xin.gitee.io/images/weixin.jpg" />
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "donate"
-};
-</script>
-
-<style>
-</style>

src/views/unused/Editor.vue

@@ -1,58 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-calendar"></i> 表单
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>富文本编辑器</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <div class="plugins-tips">
-                wangEditor：轻量级 web 富文本编辑器，配置方便，使用简单。
-                访问地址：
-                <a href="https://www.wangeditor.com/doc/" target="_blank">wangEditor</a>
-            </div>
-            <div class="mgb20" ref='editor'></div>
-            <el-button type="primary" @click="syncHTML">提交</el-button>
-        </div>
-    </div>
-</template>
-
-<script>
-import WangEditor from "wangEditor";
-import { ref, reactive, onMounted, onBeforeUnmount } from "vue";
-export default {
-    name: "editor",
-    setup() {
-        const editor = ref(null);
-        const content = reactive({
-            html: "",
-            text: "",
-        });
-        let instance;
-        onMounted(() => {
-            instance = new WangEditor(editor.value);
-            instance.config.zIndex = 1;
-            instance.create();
-        });
-        onBeforeUnmount(() => {
-            instance.destroy();
-            instance = null;
-        });
-        const syncHTML = () => {
-            content.html = instance.txt.html();
-            console.log(content.html);
-        };
-        return {
-            syncHTML,
-            editor,
-            content,
-        };
-    },
-};
-</script>
-
-<style>
-</style>

src/views/unused/I18n.vue

@@ -1,40 +0,0 @@
-<template>
-    <section class="main">
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-global"></i>
-                    {{$t('i18n.breadcrumb')}}
-                </el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <span>{{$t('i18n.tips')}}</span>
-            <el-button
-                type="primary"
-                @click="$i18n.locale = $i18n.locale === 'zh-cn'?'en':'zh-cn';"
-            >{{$t('i18n.btn')}}</el-button>
-            <div class="list">
-                <h2>{{$t('i18n.title1')}}</h2>
-                <p>{{$t('i18n.p1')}}</p>
-                <p>{{$t('i18n.p2')}}</p>
-                <p>{{$t('i18n.p3')}}</p>
-            </div>
-        </div>
-    </section>
-</template>
-
-<script>
-export default {
-    name: "i18n"
-};
-</script>
-
-<style scoped>
-.list {
-    padding: 30px 0;
-}
-.list p {
-    margin-bottom: 20px;
-}
-</style>

src/views/unused/Icon.vue

@@ -1,229 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-emoji"></i> 自定义图标
-                </el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <h2>使用方法</h2>
-            <p style="line-height: 50px;">直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标）</p>
-            <p class="example-p">
-                <i class="el-icon-lx-redpacket_fill" style="font-size: 30px;color: #ff5900"></i>
-                <span>&lt;i class=&quot;el-icon-lx-redpacket_fill&quot;&gt;&lt;/i&gt;</span>
-            </p>
-            <p class="example-p">
-                <i class="el-icon-lx-weibo" style="font-size: 30px;color:#fd5656"></i>
-                <span>&lt;i class=&quot;el-icon-lx-weibo&quot;&gt;&lt;/i&gt;</span>
-            </p>
-            <p class="example-p">
-                <i class="el-icon-lx-emojifill" style="font-size: 30px;color: #ffc300"></i>
-                <span>&lt;i class=&quot;el-icon-lx-emojifill&quot;&gt;&lt;/i&gt;</span>
-            </p>
-            <br />
-            <h2>图标</h2>
-            <div class="search-box">
-                <el-input class="search" size="large" v-model="keyword" clearable placeholder="请输入图标名称"></el-input>
-            </div>
-            <ul>
-                <li class="icon-li" v-for="(item,index) in list" :key="index">
-                    <div class="icon-li-content">
-                        <i :class="`el-icon-lx-${item}`"></i>
-                        <span>{{item}}</span>
-                    </div>
-                </li>
-            </ul>
-        </div>
-    </div>
-</template>
-
-<script>
-import { computed, ref } from "vue";
-export default {
-    name: "icon",
-    setup() {
-        const iconList = [
-            "attentionforbid",
-            "attentionforbidfill",
-            "attention",
-            "attentionfill",
-            "tag",
-            "tagfill",
-            "people",
-            "peoplefill",
-            "notice",
-            "noticefill",
-            "mobile",
-            "mobilefill",
-            "voice",
-            "voicefill",
-            "unlock",
-            "lock",
-            "home",
-            "homefill",
-            "delete",
-            "deletefill",
-            "notification",
-            "notificationfill",
-            "notificationforbidfill",
-            "like",
-            "likefill",
-            "comment",
-            "commentfill",
-            "camera",
-            "camerafill",
-            "warn",
-            "warnfill",
-            "time",
-            "timefill",
-            "location",
-            "locationfill",
-            "favor",
-            "favorfill",
-            "skin",
-            "skinfill",
-            "news",
-            "newsfill",
-            "record",
-            "recordfill",
-            "emoji",
-            "emojifill",
-            "message",
-            "messagefill",
-            "goods",
-            "goodsfill",
-            "crown",
-            "crownfill",
-            "move",
-            "add",
-            "hot",
-            "hotfill",
-            "service",
-            "servicefill",
-            "present",
-            "presentfill",
-            "pic",
-            "picfill",
-            "rank",
-            "rankfill",
-            "male",
-            "female",
-            "down",
-            "top",
-            "recharge",
-            "rechargefill",
-            "forward",
-            "forwardfill",
-            "info",
-            "infofill",
-            "redpacket",
-            "redpacket_fill",
-            "roundadd",
-            "roundaddfill",
-            "friendadd",
-            "friendaddfill",
-            "cart",
-            "cartfill",
-            "more",
-            "moreandroid",
-            "back",
-            "right",
-            "shop",
-            "shopfill",
-            "question",
-            "questionfill",
-            "roundclose",
-            "roundclosefill",
-            "roundcheck",
-            "roundcheckfill",
-            "global",
-            "mail",
-            "punch",
-            "exit",
-            "upload",
-            "read",
-            "file",
-            "link",
-            "full",
-            "group",
-            "friend",
-            "profile",
-            "addressbook",
-            "calendar",
-            "text",
-            "copy",
-            "share",
-            "wifi",
-            "vipcard",
-            "weibo",
-            "remind",
-            "refresh",
-            "filter",
-            "settings",
-            "scan",
-            "qrcode",
-            "cascades",
-            "apps",
-            "sort",
-            "searchlist",
-            "search",
-            "edit",
-        ];
-        const keyword = ref("");
-        const list = computed(() => {
-            return iconList.filter((item) => {
-                return item.indexOf(keyword.value) !== -1;
-            });
-        });
-
-        return {
-            iconList,
-            keyword,
-            list,
-        };
-    },
-};
-</script>
-
-<style scoped>
-.example-p {
-    height: 45px;
-    display: flex;
-    align-items: center;
-}
-.search-box {
-    text-align: center;
-    margin-top: 10px;
-}
-.search {
-    width: 300px;
-}
-ul,
-li {
-    list-style: none;
-}
-.icon-li {
-    display: inline-block;
-    padding: 10px;
-    width: 120px;
-    height: 120px;
-}
-.icon-li-content {
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-}
-.icon-li-content i {
-    font-size: 36px;
-    color: #606266;
-}
-.icon-li-content span {
-    margin-top: 10px;
-    color: #787878;
-}
-</style>

src/views/unused/Permission.vue

@@ -1,40 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-warn"></i> 权限测试
-                </el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <h1>管理员权限页面</h1>
-            <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>
-            <p>
-                想尝试一下，请
-                <router-link to="/login" class="logout">退出登录</router-link>，随便输入个账号名，再进来试试看。
-            </p>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "permission"
-};
-</script>
-
-<style scoped>
-h1 {
-    text-align: center;
-    margin: 30px 0;
-}
-p {
-    line-height: 30px;
-    margin-bottom: 10px;
-    text-indent: 2em;
-}
-.logout {
-    color: #409eff;
-}
-</style>

src/views/unused/Upload.vue

@@ -1,163 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-calendar"></i> 表单
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>图片上传</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <div class="content-title">支持拖拽</div>
-            <!--<div class="plugins-tips">
-                Element UI自带上传组件。
-                访问地址：
-                <a href="http://element.eleme.io/#/zh-CN/component/upload" target="_blank">Element UI Upload</a>
-            </div>-->
-            <el-upload class="upload-demo" drag action=""
-                       accept=".jpg,.png,.csv"
-                       :limit="10"
-                       :on-exceed="handleExceed"
-                       :on-remove="handleRemove"
-                       :before-remove="beforeRemove"
-                       :auto-upload="false" multiple>
-                <i class="el-icon-upload"></i>
-                <div class="el-upload__text">
-                    将文件拖到此处，或
-                    <em>点击上传</em>
-                </div>
-                <template #tip>
-                    <div class="el-upload__tip">请上传jpg/png图像文件或csv结构化文件，且不超过 500kb,一次最多上传10个文件</div>
-                </template>
-            </el-upload>
-            <!--<div class="content-title">支持裁剪</div>
-            <div class="plugins-tips">
-                vue-cropperjs：一个封装了 cropperjs 的 Vue 组件。
-                访问地址：
-                <a href="https://github.com/Agontuk/vue-cropperjs" target="_blank">vue-cropperjs</a>
-            </div>-->
-        </div>
-    </div>
-</template>
-
-<script>
-import { ref } from "vue";
-import VueCropper from "vue-cropperjs";
-import "cropperjs/dist/cropper.css";
-import defaultSrc from "../../assets/img/img.jpg";
-import { ElMessage, ElMessageBox } from "element-plus"
-
-export default {
-    name: "upload",
-    components: {
-        VueCropper,
-    },
-    setup() {
-        const imgSrc = ref("");
-        const cropImg = ref(defaultSrc);
-        const dialogVisible = ref(false);
-        const cropper = ref(null);
-
-        const setImage = (e) => {
-            const file = e.target.files[0];
-            if (!file.type.includes("image/")) {
-                return;
-            }
-            const reader = new FileReader();
-            reader.onload = (event) => {
-                dialogVisible.value = true;
-                imgSrc.value = event.target.result;
-                cropper.value && cropper.value.replace(event.target.result);
-            };
-            reader.readAsDataURL(file);
-        };
-        const cropImage = () => {
-            cropImg.value = cropper.value.getCroppedCanvas().toDataURL();
-        };
-        const cancelCrop = () => {
-            dialogVisible.value = false;
-            cropImg.value = defaultSrc;
-        };
-
-        //todo:
-        const handleExceed=(files,fileList)=>{
-            console.log("handleExceed")
-            console.log(files)
-            console.log(fileList)
-            ElMessage.warning(
-              `一次最多上传10个文件, 你一次上传了${files.length}个文件`
-          )
-        }
-        const handleRemove=(file,fileList)=>{
-          console.log("handleRemove")
-          console.log(file)
-          console.log(fileList)
-        }
-      const beforeRemove = (file, filelist) => {
-        return ElMessageBox.confirm(
-            `取消上传${file.name} ?`
-        ).then(
-            () => true,
-            () => false
-        )
-      }
-        return {
-            cropper,
-            imgSrc,
-            cropImg,
-            dialogVisible,
-            setImage,
-            cropImage,
-            cancelCrop,
-            handleExceed,
-            handleRemove,
-            beforeRemove
-        };
-    },
-};
-</script>
-
-<style scoped>
-.content-title {
-    font-weight: 400;
-    line-height: 50px;
-    margin: 10px 0;
-    font-size: 22px;
-    color: #1f2f3d;
-}
-
-.pre-img {
-    width: 100px;
-    height: 100px;
-    background: #f8f8f8;
-    border: 1px solid #eee;
-    border-radius: 5px;
-}
-.crop-demo {
-    display: flex;
-    align-items: flex-end;
-}
-.crop-demo-btn {
-    position: relative;
-    width: 100px;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 20px;
-    margin-left: 30px;
-    background-color: #409eff;
-    color: #fff;
-    font-size: 14px;
-    border-radius: 4px;
-    box-sizing: border-box;
-}
-.crop-input {
-    position: absolute;
-    width: 100px;
-    height: 40px;
-    left: 0;
-    top: 0;
-    opacity: 0;
-    cursor: pointer;
-}
-</style>