fix: 提交修改

src/views/virtualization/VolumeDetail.vue

@@ -56,8 +56,11 @@
     <el-dialog v-model="resizeDialogVisible" title="调整数据卷大小" width="400px" destroy-on-close>
       <el-form label-width="100px">
         <el-form-item label="当前大小">{{ detail?.size || 0 }} GB</el-form-item>
-        <el-form-item label="新大小(GB)">
-          <el-input-number v-model="newSize" :min="1" controls-position="right" style="width: 100%" />
+        <el-form-item label="新大小">
+          <div class="unit-input-row">
+            <el-input-number v-model="resizeForm.size" :min="1" controls-position="right" style="flex:1" />
+            <el-select v-model="resizeForm._sizeUnit" class="unit-select"><el-option label="GB" value="GB" /><el-option label="TB" value="TB" /></el-select>
+          </div>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -107,7 +110,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, onActivated, onDeactivated, watch } from 'vue'
+import { ref, reactive, computed, onMounted, onActivated, onDeactivated, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { ArrowLeft, Refresh } from '@element-plus/icons-vue'
@@ -165,16 +168,18 @@ const loadDetail = async () => {
 
 // 调整大小
 const resizeDialogVisible = ref(false)
-const newSize = ref(1)
+const resizeForm = reactive({ size: 1, _sizeUnit: 'GB' })
 const handleResize = () => {
   if (!detail.value) return
-  newSize.value = detail.value.size || 10
+  resizeForm.size = detail.value.size || 10
+  resizeForm._sizeUnit = 'GB'
   resizeDialogVisible.value = true
 }
 const submitResize = async () => {
   actionLoading.value = true
   try {
-    const res = await resizeVolume({ service_id: serviceId.value, volume_id: volumeId.value, size: newSize.value })
+    const sizeGb = resizeForm._sizeUnit === 'TB' ? resizeForm.size * 1024 : resizeForm.size
+    const res = await resizeVolume({ service_id: serviceId.value, volume_id: volumeId.value, size: sizeGb })
     if (res?.data?.code === 200) { ElMessage.success('调整成功'); resizeDialogVisible.value = false; loadDetail() }
     else ElMessage.error(extractApiError(res?.data, '调整失败'))
   } catch (e) { ElMessage.error(extractApiError(e?.response?.data, '调整失败')) } finally { actionLoading.value = false }
@@ -285,7 +290,7 @@ onMounted(() => { isPageActive = true; initPage() })
 .main-content { padding: 20px; }
 .info-card { margin-bottom: 20px; }
 .card-title { font-weight: 600; font-size: 15px; color: #303133; }
-.mono-text { font-family: 'Consolas', monospace; color: #409eff; font-size: 13px; }
-.bind-selector-row { display: flex; align-items: center; width: 100%; }
 .action-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
+.unit-input-row { display: flex; align-items: center; gap: 6px; width: 100%; }
+.unit-select { width: 90px; flex-shrink: 0; }
 </style>