优化弹框样式

src/pages/Index/Regular/Consumables.vue

@@ -132,6 +132,7 @@ import InitWarn from '../components/Consumables/Warn/InitWarn.vue'
 import { formatScanReports } from '@/utils/errorHandler'
 import { Subject, throttleTime } from 'rxjs'
 import { eMessage } from '../utils'
+import { ElMessageBox } from 'element-plus'
 
 const consumableStore = useConsumablesStore()
 const emergencyStore = useEmergencyStore()
@@ -237,6 +238,21 @@ const handleUnloadConsumable = async (index: number) => {
     eMessage.error('设备正在运行中，不可操作耗材')
     return
   }
+
+  ElMessageBox.confirm('是否卸载耗材?', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    showClose: false
+  })
+    .then(async () => {
+      await unloadChannel(index)
+    })
+    .catch(() => {
+      // catch error
+    })
+}
+
+const unloadChannel = async (index: number) => {
   const res = await unloadConsumable({
     group: `CG${index + 1}` as ConsumableGroupNo,
   })

src/style.css

@@ -18,6 +18,26 @@
     font-size: 1.8rem;
   }
 }
+.main-content .el-dialog .el-dialog__title {
+  --el-dialog-title-font-size: 28px;
+  --el-dialog-font-line-height: 30px;
+}
+.main-content .el-dialog .el-dialog__body {
+  --el-dialog-content-font-size: 22px;
+}
+.main-content .el-dialog .el-dialog__footer .el-button {
+  --el-font-size-base: 24px;
+  height: 3rem;
+  padding: 1rem 2rem;
+}
+.el-message-box .el-message-box__content {
+  --el-messagebox-content-font-size: 22px;
+}
+.el-message-box .el-message-box__btns .el-button {
+  --el-font-size-base: 22px;
+  height: 2.5rem;
+  padding: 1rem 2rem;
+}
 a {
   font-weight: 500;
   color: #646cff;