上架添加取消按钮

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>
@@ -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"