fix: 质检样式调整

src/views/order/factoryOrderNew/component/QualityFailDialog.vue

@@ -7,12 +7,13 @@
     :destroy-on-close="true"
     @close="handleClose"
   >
-    <ElForm ref="formRef" :model="form" :rules="rules">
-      <div v-if="qualityPassed">
-        <div style="margin: 5px 0 20px 0">确定质检通过吗？</div>
-      </div>
-      <div v-else style="margin: 0 0 10px 0">
-        <div>确定质检不通过吗？</div>
+    <div class="confirm-body">
+      <ElIcon class="confirm-tip__icon" :size="24">
+        <WarningFilled />
+      </ElIcon>
+      <ElForm ref="formRef" :model="form" :rules="rules" class="confirm-form">
+        <div class="confirm-tip">
+          {{ qualityPassed ? '确定质检通过吗？' : '确定质检不通过吗？' }}
         </div>
         <ElFormItem
           v-if="!qualityPassed"
@@ -47,6 +48,7 @@
           />
         </ElFormItem>
       </ElForm>
+    </div>
     <template #footer>
       <div class="dialog-footer" style="text-align: center">
         <ElButton @click="visible = false">取消</ElButton>
@@ -62,6 +64,7 @@
 import { computed, reactive, ref } from 'vue'
 import { ElMessage } from 'element-plus'
 import type { FormInstance, FormRules } from 'element-plus'
+import { WarningFilled } from '@element-plus/icons-vue'
 import {
   getQualityTypeApi,
   qualityPodOrderOperationApi,
@@ -176,3 +179,20 @@ const handleSubmit = async () => {
 
 defineExpose({ open })
 </script>
+
+<style lang="scss" scoped>
+.confirm-form {
+  flex: 1;
+  min-width: 0;
+}
+
+.confirm-tip {
+  margin-bottom: 12px;
+  line-height: 24px;
+}
+
+.confirm-tip__icon {
+  flex-shrink: 0;
+  color: var(--el-color-warning);
+}
+</style>