上架添加取消按钮

front/src/views/capacityOnTheShelf/Algorithm.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-13 10:22:27
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-15 16:28:56
+ * @LastEditTime: 2022-07-15 17:38:56
  * @Description: 算法上架
 -->
 <template>
@@ -397,7 +397,7 @@
   })
 </script>
 <style lang="less" scoped>
-.box {
+  .box {
     position: relative;
     top: 64px;
     margin: 15px 400px;
@@ -483,7 +483,7 @@
     .btn {
       display: flex;
       justify-content: space-between;
-    padding: 10px 400px 0;
+      padding: 10px 350px 0;
       button {
         cursor: pointer;
         width: 80px;
@@ -503,7 +503,7 @@
       }
     }
     .first {
-    justify-content: center;
+      justify-content: space-around;
+    }
   }
-}
 </style>

front/src/views/capacityOnTheShelf/Application.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-13 10:22:27
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-14 09:44:49
+ * @LastEditTime: 2022-07-15 17:39:25
  * @Description: 应用上架
 -->
 <template>
@@ -75,6 +75,7 @@
       ></application-deployment-use> -->
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
+      <button @click="close()">取消</button>
       <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
       <button v-show="showView === '部署与应用'" @click="preview()">
         预览
@@ -347,6 +348,10 @@
     }
     // console.log('dataFrom.value', dataFrom.value)
   })
+
+  const close = () => {
+    window.close()
+  }
   onBeforeUnmount(() => {
     mybus.off('chageDataFrom')
     mybus.off('chageFileList')
@@ -426,7 +431,7 @@
     .btn {
       display: flex;
       justify-content: space-between;
-      padding: 10px 400px 0;
+      padding: 10px 350px 0;
       button {
         cursor: pointer;
         width: 80px;
@@ -446,7 +451,7 @@
       }
     }
     .first {
-      justify-content: center;
+      justify-content: space-around;
     }
   }
 </style>

front/src/views/capacityOnTheShelf/BusinessComponent.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-20 09:35:51
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-14 09:44:58
+ * @LastEditTime: 2022-07-15 17:39:35
  * @Description: 业务组件
 -->
 <template>
@@ -59,6 +59,7 @@
       ></put-on-the-shelf>
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
+      <button @click="close()">取消</button>
       <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
@@ -195,6 +196,10 @@
     type: '组件服务',
     deptId: '',
   })
+
+  const close = () => {
+    window.close()
+  }
   getUser().then((res) => {
     dataFrom.value.deptId = res.data.data.deptId
   })
@@ -439,7 +444,7 @@
     .btn {
       display: flex;
       justify-content: space-between;
-      padding: 10px 400px 0;
+      padding: 10px 350px 0;
       button {
         cursor: pointer;
         width: 80px;
@@ -459,7 +464,7 @@
       }
     }
     .first {
-      justify-content: center;
+      justify-content: space-around;
     }
   }
 </style>

front/src/views/capacityOnTheShelf/DevelopmentComponents.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-20 09:35:17
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-14 09:45:07
+ * @LastEditTime: 2022-07-15 17:39:42
  * @Description: 开发组件
 -->
 <template>
@@ -59,6 +59,7 @@
       ></put-on-the-shelf>
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
+      <button @click="close()">取消</button>
       <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
@@ -195,6 +196,10 @@
     type: '组件服务',
     deptId: '',
   })
+
+  const close = () => {
+    window.close()
+  }
   getUser().then((res) => {
     dataFrom.value.deptId = res.data.data.deptId
   })
@@ -439,7 +444,7 @@
     .btn {
       display: flex;
       justify-content: space-between;
-      padding: 10px 400px 0;
+      padding: 10px 350px 0;
       button {
         cursor: pointer;
         width: 80px;
@@ -459,7 +464,7 @@
       }
     }
     .first {
-      justify-content: center;
+      justify-content: space-around;
     }
   }
 </style>

front/src/views/capacityOnTheShelf/LayerServices.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-20 09:35:17
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-14 09:45:18
+ * @LastEditTime: 2022-07-15 17:39:47
  * @Description: 图层服务
 -->
 <template>
@@ -57,6 +57,7 @@
       ></put-on-the-shelf>
     </div>
     <div class="btn" :class="showView === '基本信息' ? 'first' : ''">
+      <button @click="close()">取消</button>
       <button v-show="showView !== '基本信息'" @click="back()">上一步</button>
       <button v-show="showView === '部署与使用'" @click="preview()">
         预览
@@ -157,6 +158,10 @@
       }
     })
   }
+
+  const close = () => {
+    window.close()
+  }
   const next = () => {
     let i = -1
     navList.value.forEach((val, index) => {
@@ -387,7 +392,7 @@
     .btn {
       display: flex;
       justify-content: space-between;
-      padding: 10px 400px 0;
+      padding: 10px 350px 0;
       button {
         cursor: pointer;
         width: 80px;
@@ -407,7 +412,7 @@
       }
     }
     .first {
-      justify-content: center;
+      justify-content: space-around;
     }
   }
 </style>

front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-17 14:11:08
  * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-07-15 16:56:49
+ * @LastEditTime: 2022-07-15 17:34:47
  * @Description: 上架
 -->
 <template>
@@ -252,7 +252,7 @@
               </a-select-option>
             </a-select>
             <a-select
-              v-else-if="item.type == 'select'"
+              v-else-if="item.type == 'select' && item.name !== '归属部门'"
               style="width: 240px"
               v-model:value="item.note1"
               :placeholder="'请选择' + item.name"
@@ -723,7 +723,7 @@
 </script>
 <style></style>
 <style lang="less" scoped>
-.put-on-the-shelf {
+  .put-on-the-shelf {
     height: 680px;
     overflow: scroll;
     display: flex;
@@ -880,9 +880,9 @@
     & > div:nth-of-type(1) {
       margin-top: 0;
     }
-}
+  }
 
-.application-Area {
+  .application-Area {
     width: 520px;
     display: grid;
     margin-top: -5px;
@@ -908,68 +908,68 @@
       background: #0087ff;
       color: #fff;
     }
-}
+  }
 
-:deep(.ant-image-img) {
+  :deep(.ant-image-img) {
     width: 100%;
     height: 100%;
     object-fit: contain;
-}
+  }
 
-:deep(.ant-modal) {
+  :deep(.ant-modal) {
     width: 960px;
-}
+  }
 
-:deep(.ant-transfer-list) {
+  :deep(.ant-transfer-list) {
     width: 39.5%;
     height: 520px;
-}
+  }
 
-:deep(.ant-transfer-operation) {
+  :deep(.ant-transfer-operation) {
     flex-direction: row-reverse;
     margin: 0 30px;
-}
+  }
 
-:deep(.ant-btn) {
+  :deep(.ant-btn) {
     width: 56px;
     height: 40px;
     border-radius: 4px;
-}
+  }
 
-:deep(.ant-btn:first-child) {
+  :deep(.ant-btn:first-child) {
     margin-left: 4px;
-}
+  }
 
-:deep(.ant-modal-footer) {
+  :deep(.ant-modal-footer) {
     border: 0;
-}
+  }
 
-:deep(.ant-modal-header) {
+  :deep(.ant-modal-header) {
     border: 0;
-}
+  }
 
-:deep(.ant-modal-title) {
+  :deep(.ant-modal-title) {
     line-height: 24px;
     font-size: 18px;
     color: #303133;
-}
+  }
 
-:deep(.ant-transfer-list-header) {
+  :deep(.ant-transfer-list-header) {
     background: #f5f7fa;
-}
+  }
 
-:deep(.ant-transfer-list-header-selected) {
+  :deep(.ant-transfer-list-header-selected) {
     display: flex;
     width: 90%;
     flex-direction: row-reverse;
     justify-content: space-between;
     align-items: center;
-}
+  }
 
-:deep(.ant-transfer-list-header-title) {
+  :deep(.ant-transfer-list-header-title) {
     font-size: 16px;
     color: #303133;
     font-weight: 400;
     text-align: left;
-}
+  }
 </style>