style(business): 调整多处组件样式优化详情页视觉效果

- 修改 loading-manage.vue 中流程线条高度和颜色为6px浅灰色
- 在 master-order.vue 添加节点名称悬浮提示，调整进度条宽度和高度，居中标题字号
- 更新 master-order-detail.vue 路由线条样式加粗为6px浅灰色
- 优化 master-order-dispatch.vue 路由线条宽度改为6px浅灰色
- voucher-manage.vue 表单结构新增 section-card 容器组件，上传区和关联运输批次按钮布局优化
- voucher-manage.vue 引入 SectionCard 组件用于包裹上传表单区域

src/views/business/voucher-manage.vue

@@ -153,15 +153,16 @@
     destroy-on-close
     :before-close="beforeUploadDialogClose"
   >
-    <el-form
-      ref="uploadFormRef"
-      :model="editing"
-      :rules="rules"
-      label-position="right"
-      label-width="auto"
-      class="voucher-manage-page__upload-form"
-    >
-      <el-form-item label="项目名称" prop="projectId"
+    <section-card>
+      <el-form
+        ref="uploadFormRef"
+        :model="editing"
+        :rules="rules"
+        label-position="right"
+        label-width="auto"
+        class="voucher-manage-page__upload-form"
+      >
+        <el-form-item label="项目名称" prop="projectId"
         ><el-select
           v-model="editing.projectId"
           class="voucher-manage-page__project-select"
@@ -169,13 +170,13 @@
           filterable
           placeholder="请选择"
           @change="changeProject"
-          ><el-option
-            v-for="item in projectOptions"
-            :key="item.id"
-            :label="item.projectName"
-            :value="item.id" /></el-select
-      ></el-form-item>
-      <el-form-item label="执行凭证" prop="fileUrl"
+        ><el-option
+          v-for="item in projectOptions"
+          :key="item.id"
+          :label="item.projectName"
+          :value="item.id" /></el-select
+        ></el-form-item>
+        <el-form-item label="执行凭证" prop="fileUrl"
         ><el-upload
           action="#"
           accept=".zip,.7z"
@@ -183,26 +184,28 @@
           :limit="1"
           :on-change="uploadVoucher"
           :on-remove="clearFile"
-          ><el-button
-            type="primary"
-            :loading="uploading"
-            :disabled="!editing.projectId || uploading"
-            >上传</el-button
-          ><template #tip
-            ><span class="voucher-manage-page__upload-tip"
-              >支持 zip、7z 格式，采用分片上传，上传中断后可在“上传进度”继续上传。</span
-            ></template
-          ></el-upload
+        ><el-button
+          type="primary"
+          :loading="uploading"
+          :disabled="!editing.projectId || uploading"
+        >上传</el-button
+        ><template #tip
+        ><span class="voucher-manage-page__upload-tip"
+        >支持 zip、7z 格式，采用分片上传，上传中断后可在“上传进度”继续上传。</span
+        ></template
+        ></el-upload
         ><el-progress
           v-if="uploading || editing.fileTaskId"
           :percentage="uploadPercent"
           :status="uploadPercent === 100 ? 'success' : undefined"
           class="voucher-manage-page__upload-progress"
-      /></el-form-item>
-      <el-form-item label="关联运输批次" prop="waybillImportBatchIds"
+        /></el-form-item>
+        <el-form-item label="关联运输批次" prop="waybillImportBatchIds"
         ><el-button type="primary" @click="openBatchDialog">选择</el-button></el-form-item
-      >
-    </el-form>
+        >
+      </el-form>
+    </section-card>
+
     <el-table :data="selectedBatches" border
       ><el-table-column type="index" label="序号" width="80" /><el-table-column
         prop="batchNo"
@@ -405,6 +408,7 @@ import md5 from 'js-md5';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { getList as getProjectList } from '@/api/business/project-apply';
 import * as api from '@/api/business/voucher-manage';
+import SectionCard from '@/components/section-card/main.vue';
 
 const loading = ref(false),
   rows = ref([]),