提交

src/api/k8s.js

@@ -8,3 +8,120 @@ export function getNamespaceList(queryInfo) {
     params: queryInfo
   })
 }
+
+// 获取服务列表
+export function getServiceList(queryInfo) {
+  return request({
+    url: '/k8s/service/list',
+    method: 'get',
+    params: queryInfo
+  })
+}
+
+// 获取单个类型下的所有项目
+export function getSingleTypeApp(queryInfo) {
+  return request({
+    url: '/k8s/getSingleTypeApp',
+    method: 'get',
+    params: queryInfo
+  })
+}
+
+// 获取镜像列表
+export function getImageList(queryInfo) {
+  return request({
+    url: '/k8s/image/list',
+    method: 'get',
+    params: queryInfo
+  })
+}
+
+// 创建服务
+export function createK8sService(data) {
+  return request({
+    url: '/k8s/service/create',
+    method: 'post',
+    data
+  })
+}
+
+// 获取k8s服务详情
+export function getServiceDetail(queryInfo) {
+  return request({
+    url: '/k8s/service/detail',
+    method: 'get',
+    params: queryInfo
+  })
+}
+
+// 重置服务
+export function serviceRedeploy(data) {
+  return request({
+    url: '/k8s/service/redeploy',
+    method: 'post',
+    data
+  })
+}
+
+// 更新部署
+export function serviceModify(data) {
+  return request({
+    url: '/k8s/service/modify',
+    method: 'post',
+    data
+  })
+}
+
+// 删除服务
+export function serviceDelete(data) {
+  return request({
+    url: '/k8s/service/delete',
+    method: 'post',
+    data
+  })
+}
+
+// 根据类型将docker项目分类
+export function getDockerProjectType(queryInfo) {
+  return request({
+    url: '/docker/project/type',
+    method: 'get',
+    params: queryInfo
+  })
+}
+
+// 获取项目配置列表
+export function getDockerProjectList(queryInfo) {
+  return request({
+    url: '/docker/project/list',
+    method: 'get',
+    params: queryInfo
+  })
+}
+
+// 新增项目
+export function addDockerProject(data) {
+  return request({
+    url: '/docker/project/add',
+    method: 'post',
+    data
+  })
+}
+
+// 编辑项目
+export function updateDockerProject(data) {
+  return request({
+    url: '/docker/project/edit',
+    method: 'post',
+    data
+  })
+}
+
+// 获取项目配置详情
+export function getDockerProjectDetail(queryInfo) {
+  return request({
+    url: '/docker/project/detail',
+    method: 'get',
+    params: queryInfo
+  })
+}

src/main.js

@@ -55,7 +55,9 @@ import {
   DropdownItem,
   DropdownMenu,
   Checkbox,
-  CheckboxGroup
+  CheckboxGroup,
+  Popover,
+  Alert
 } from 'element-ui'
 
 Vue.config.productionTip = false
@@ -109,6 +111,8 @@ Vue.use(DropdownItem)
 Vue.use(DropdownMenu)
 Vue.use(Checkbox)
 Vue.use(CheckboxGroup)
+Vue.use(Popover)
+Vue.use(Alert)
 // Vue.use(Sortable)
 /* eslint-disable no-new */
 new Vue({

src/router/index.js

@@ -40,6 +40,10 @@ import role from '../views/user/role'
 import permission from '../views/user/permission'
 // 添加发送短信功能（2021-08-16）
 import sendMessage from '../views/effect/SendMessage'
+import TestEnv from '../views/docker/TestEnv'
+import DevEnv from '../views/docker/DevEnv'
+import EnvDetail from '../views/docker/EnvDetail'
+import ProConfig from '../views/docker/ProConfig'
 
 const originalPush = Router.prototype.push
 Router.prototype.push = function push(location) {
@@ -216,6 +220,26 @@ const router = new Router({
           path: '/effect/msg',
           name: sendMessage,
           component: sendMessage
+        },
+        {
+          path: '/docker/TestEnv',
+          name: 'docker测试环境',
+          component: TestEnv
+        },
+        {
+          path: '/docker/DevEnv',
+          name: 'docker开发环境',
+          component: DevEnv
+        },
+        {
+          path: '/docker/env',
+          name: 'docker详情页',
+          component: EnvDetail
+        },
+        {
+          path: '/docker/ProConfig',
+          name: '项目配置管理',
+          component: ProConfig
         }
       ]
     }

src/views/docker/DevEnv.vue

@@ -50,7 +50,12 @@ export default {
       return index + 1
     },
     // 跳转到详情页面
-    jumpToDetail() {},
+    jumpToDetail(name) {
+      window.sessionStorage.setItem('env', name)
+      this.$router.push({
+        path: `/docker/env`
+      })
+    },
     syncMySQL() {}
   },
   created() {

src/views/docker/TestEnv.vue

@@ -50,10 +50,13 @@ export default {
       return index + 1
     },
     // 跳转到详情页面
-    jumpToDetail() {
+    jumpToDetail(name) {
+      window.sessionStorage.setItem('env', name)
       this.$router.push({
         path: `/docker/env`
       })
+      // 强制刷新整个页面
+      this.$router.go(0)
     },
     syncMySQL() {}
   },

src/views/layout/Home.vue

@@ -172,7 +172,7 @@ export default {
 }
 
 .el-main {
-  padding: 0px 10px 10px 15px;
+  padding: 0px 10px 10px 10px;
 }
 /*组件过渡动画*/
 .compAnimate-enter {

src/views/layout/leftAside/menu.json

 {
   "menu": [
+    {
+      "id": 2,
+      "icon": "",
+      "title": "Docker",
+      "child": [
         {
           "id": 1,
+          "title": "测试环境",
+          "icon": "",
+          "path": "/docker/TestEnv"
+        },
+        {
+          "id": 2,
+          "title": "开发环境",
+          "icon": "",
+          "path": "/docker/DevEnv"
+        },
+        {
+          "id": 3,
+          "title": "服务配置管理",
+          "icon": "",
+          "path":  "/docker/ProConfig"
+        }
+      ]
+    },
+    {
+      "id": 3,
       "icon": "iconfont icon-icon_yhq_n",
       "title": "现金分期",
       "child": [
@@ -20,7 +45,7 @@
       ]
     },
     {
-      "id": 2,
+      "id": 4,
       "icon": "iconfont icon-icon_ckbl_n",
       "title": "消费分期",
       "child": [
@@ -57,7 +82,7 @@
       ]
     },
     {
-      "id": 3,
+      "id": 5,
       "title": "Mock",
       "icon": "iconfont icon-icon_yxtj_n",
       "child": [
@@ -70,7 +95,7 @@
       ]
     },
     {
-      "id": 4,
+      "id": 6,
       "title": "小工具",
       "icon": "iconfont icon-icon_dpsz",
       "child": [
@@ -119,7 +144,7 @@
       ]
     },
     {
-      "id": 5,
+      "id": 7,
       "title": "接口自动化",
       "icon": "iconfont icon-icon_yydd_n",
       "child": [
@@ -162,7 +187,7 @@
       ]
     },
     {
-      "id": 6,
+      "id": 8,
       "title": "质量保证",
       "icon": "iconfont icon-quality",
       "child": [
@@ -175,7 +200,7 @@
       ]
     },
     {
-      "id": 7,
+      "id": 9,
       "title": "用户权限管理",
       "icon": "iconfont icon-mg-role",
       "child": [