优化

src/modules/cross-border/businessOrders.test.mjs

@@ -8,13 +8,17 @@ const view = readFileSync(new URL('./components/BusinessOrdersView.vue', import.
 
 test('activates all three customer cross-border pages with frozen permissions', () => {
   for (const [path, permission] of [
-    ['cross-border/procurement', 'merchant:cross-border:procurement'],
-    ['cross-border/domestic-trucking', 'merchant:cross-border:domestic-trucking'],
-    ['cross-border/pallet-shipping', 'merchant:cross-border:pallet-shipping'],
+    ['cross-border/procurement', 'merchant:cross-border:procurement:list'],
+    ['cross-border/domestic-trucking', 'merchant:cross-border:domestic-trucking:list'],
+    ['cross-border/pallet-shipping', 'merchant:cross-border:pallet-shipping:list'],
   ]) {
     assert.match(routes, new RegExp(`path: '${path}'[\\s\\S]*?release: 'active'[\\s\\S]*?permission: '${permission}'`))
   }
   assert.doesNotMatch(view, /PrototypeFeatureView|mock|customerId|tenantId/i)
+  assert.match(view, /merchant:cross-border:procurement:create/)
+  assert.match(view, /merchant:cross-border:domestic-trucking:create/)
+  assert.match(view, /merchant:cross-border:pallet-shipping:create/)
+  assert.match(view, /v-else-if="canCreate"/)
 })
 
 test('uses only merchant overseas endpoints and keeps retry idempotency stable', () => {

src/modules/cross-border/components/BusinessOrdersView.vue

@@ -17,6 +17,11 @@ import { CONTAINER_SPECIFICATIONS, DEFAULT_CONTAINER_TYPE } from '../containerSp
 
 const props = defineProps<{ kind: CrossBorderBusinessKind }>()
 const auth = useAuthStore()
+const canCreate = computed(() => auth.hasPermission(({
+  procurement: 'merchant:cross-border:procurement:create',
+  trucking: 'merchant:cross-border:domestic-trucking:create',
+  looseboard: 'merchant:cross-border:pallet-shipping:create',
+} as Record<CrossBorderBusinessKind, string>)[props.kind]))
 
 type BusinessRow = ProcurementSummary | TransportSummary
 type BusinessDetail = ProcurementDetail | TransportDetail
@@ -277,7 +282,7 @@ onMounted(() => void load())
         <p>{{ mode === 'list' ? configuration.description : mode === 'create' ? '请填写订单信息，带 * 项为必填项' : `订单号：${detail?.summary.orderNo || '—'}` }}</p>
       </div>
       <el-button v-if="mode !== 'list'" @click="mode = 'list'">返回列表</el-button>
-      <el-button v-else type="primary" @click="resetForm(); mode = 'create'">新增下单</el-button>
+      <el-button v-else-if="canCreate" type="primary" @click="resetForm(); mode = 'create'">新增下单</el-button>
     </header>
 
     <template v-if="mode === 'list'">
@@ -340,7 +345,7 @@ onMounted(() => void load())
         <el-form-item label="联系人" prop="contactName"><el-input v-model.trim="form.contactName" maxlength="128" placeholder="请输入联系人" /></el-form-item>
         <el-form-item label="联系方式" prop="contactInfo"><el-input v-model.trim="form.contactInfo" maxlength="128" placeholder="请输入电话、微信或邮箱" /></el-form-item>
         <el-form-item label="备注"><el-input v-model="form.remark" type="textarea" :rows="4" maxlength="1000" show-word-limit placeholder="请输入其他要求" /></el-form-item>
-        <el-form-item><el-button @click="mode = 'list'">取消</el-button><el-button type="primary" :loading="submitting" @click="submit">提交订单</el-button></el-form-item>
+        <el-form-item><el-button @click="mode = 'list'">取消</el-button><el-button v-if="canCreate" type="primary" :loading="submitting" @click="submit">提交订单</el-button></el-form-item>
       </el-form>
     </el-card>
   </section>

src/modules/cross-border/routes.ts

@@ -10,7 +10,7 @@ export const crossBorderModule = {
       name: 'cross-border-procurement',
       component: () => import('./views/ProcurementView.vue'),
       release: 'active',
-      meta: { title: '海外采购', description: '管理海外采购订单', permission: 'merchant:cross-border:procurement' },
+      meta: { title: '海外采购', description: '管理海外采购订单', permission: 'merchant:cross-border:procurement:list' },
       navigation: { key: 'cross-border-procurement', icon: Package },
     },
     {
@@ -18,7 +18,7 @@ export const crossBorderModule = {
       name: 'cross-border-domestic-trucking',
       component: () => import('./views/DomesticTruckingView.vue'),
       release: 'active',
-      meta: { title: '美国本土卡', description: '创建美国本土卡车运输订单', permission: 'merchant:cross-border:domestic-trucking' },
+      meta: { title: '美国本土卡', description: '创建美国本土卡车运输订单', permission: 'merchant:cross-border:domestic-trucking:list' },
       navigation: { key: 'cross-border-domestic-trucking', icon: Truck },
     },
     {
@@ -26,7 +26,7 @@ export const crossBorderModule = {
       name: 'cross-border-pallet-shipping',
       component: () => import('./views/PalletShippingView.vue'),
       release: 'active',
-      meta: { title: '美本土散板', description: '创建美国本土散板运输订单', permission: 'merchant:cross-border:pallet-shipping' },
+      meta: { title: '美本土散板', description: '创建美国本土散板运输订单', permission: 'merchant:cross-border:pallet-shipping:list' },
       navigation: { key: 'cross-border-pallet-shipping', icon: Ship },
     },
   ],