优化发布等各种状态

frontend/src/views/account/OrderDetailView.vue

@@ -17,6 +17,7 @@ import {
   type Order,
 } from '@/api/orders'
 import { useSessionStore } from '@/stores/session'
+import { handoffStatusLabel, orderStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const route = useRoute()
@@ -190,11 +191,11 @@ function readError(error: unknown, fallback: string) {
     <div v-if="order" class="detail-grid">
       <div class="metric-card">
         <span>状态</span>
-        <strong>{{ order.status }}</strong>
+        <strong>{{ orderStatusLabel(order.status) }}</strong>
       </div>
       <div class="metric-card">
         <span>交接</span>
-        <strong>{{ order.handoff_status }}</strong>
+        <strong>{{ handoffStatusLabel(order.handoff_status) }}</strong>
       </div>
       <div class="metric-card">
         <span>订单金额</span>

frontend/src/views/account/OrdersView.vue

@@ -2,6 +2,7 @@
 import { onMounted, ref } from 'vue'
 
 import { fetchOrders, type Order } from '@/api/orders'
+import { orderStatusLabel } from '@/utils/statusLabels'
 
 const loading = ref(false)
 const orders = ref<Order[]>([])
@@ -31,7 +32,9 @@ async function loadOrders() {
       <el-table-column prop="title" label="账号" min-width="180" />
       <el-table-column prop="rent_amount" label="订单金额" width="100" />
       <el-table-column prop="deposit_amount" label="押金" width="100" />
-      <el-table-column prop="status" label="状态" width="140" />
+      <el-table-column label="状态" width="140">
+        <template #default="{ row }">{{ orderStatusLabel(row.status) }}</template>
+      </el-table-column>
       <el-table-column label="操作" width="100">
         <template #default="{ row }">
           <RouterLink :to="`/orders/${row.id}`">

frontend/src/views/account/RealnameView.vue

@@ -4,6 +4,7 @@ import { onMounted, reactive, ref } from 'vue'
 
 import { getRealnameStatus, startRealname, type RealnameStatus } from '@/api/realname'
 import { useSessionStore } from '@/stores/session'
+import { realnameStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const session = useSessionStore()
@@ -59,7 +60,7 @@ function readError(error: unknown, fallback: string) {
 
     <div v-if="status" class="status-panel">
       <span>当前状态</span>
-      <strong>{{ status.status }}</strong>
+      <strong>{{ realnameStatusLabel(status.status) }}</strong>
       <p v-if="status.masked_name">姓名：{{ status.masked_name }}</p>
       <p v-if="status.masked_id_no">证件号：{{ status.masked_id_no }}</p>
       <p v-if="status.verified_at">通过时间：{{ formatDateTime(status.verified_at) }}</p>

frontend/src/views/account/WalletView.vue

@@ -2,6 +2,7 @@
 import { onMounted, ref } from 'vue'
 
 import { fetchWalletBalance, fetchWalletLedger, type WalletAccount, type WalletLedger } from '@/api/wallet'
+import { balanceTypeLabel, ledgerDirectionLabel, walletStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
@@ -41,16 +42,20 @@ async function loadWallet() {
       </div>
       <div class="metric-card">
         <span>状态</span>
-        <strong>{{ account.status }}</strong>
+        <strong>{{ walletStatusLabel(account.status) }}</strong>
       </div>
     </div>
 
     <el-table class="table-panel" :data="ledger">
       <el-table-column prop="ledger_no" label="流水号" min-width="220" />
       <el-table-column prop="biz_type" label="业务" width="140" />
-      <el-table-column prop="direction" label="方向" width="80" />
+      <el-table-column label="方向" width="80">
+        <template #default="{ row }">{{ ledgerDirectionLabel(row.direction) }}</template>
+      </el-table-column>
       <el-table-column prop="amount" label="金额" width="100" />
-      <el-table-column prop="balance_type" label="余额类型" width="110" />
+      <el-table-column label="余额类型" width="110">
+        <template #default="{ row }">{{ balanceTypeLabel(row.balance_type) }}</template>
+      </el-table-column>
       <el-table-column prop="balance_after" label="变化后余额" width="130" />
       <el-table-column prop="remark" label="备注" min-width="220" />
       <el-table-column label="时间" width="180">

frontend/src/views/admin/AdminDashboardView.vue

@@ -2,6 +2,7 @@
 import { onMounted, ref } from 'vue'
 
 import { fetchAdminDashboard, type AdminDashboard } from '@/api/adminDashboard'
+import { disputeStatusLabel, orderStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
@@ -118,7 +119,9 @@ function money(value?: number) {
     <el-table v-if="dashboard" class="table-panel" :data="dashboard.recent_orders">
       <el-table-column prop="order_no" label="最近订单" min-width="210" />
       <el-table-column prop="title" label="账号" min-width="170" />
-      <el-table-column prop="status" label="状态" width="140" />
+      <el-table-column label="状态" width="140">
+        <template #default="{ row }">{{ orderStatusLabel(row.status) }}</template>
+      </el-table-column>
       <el-table-column prop="rent_amount" label="订单金额" width="100" />
       <el-table-column prop="deposit_amount" label="押金" width="100" />
       <el-table-column label="创建时间" min-width="180">
@@ -130,7 +133,9 @@ function money(value?: number) {
       <el-table-column prop="order_no" label="最近申诉" min-width="210" />
       <el-table-column prop="title" label="账号" min-width="170" />
       <el-table-column prop="type" label="类型" width="160" />
-      <el-table-column prop="status" label="状态" width="120" />
+      <el-table-column label="状态" width="120">
+        <template #default="{ row }">{{ disputeStatusLabel(row.status) }}</template>
+      </el-table-column>
       <el-table-column label="创建时间" min-width="180">
         <template #default="{ row }">{{ formatDateTime(row.created_at) }}</template>
       </el-table-column>

frontend/src/views/admin/AdminDisputesView.vue

@@ -4,6 +4,7 @@ import { onMounted, ref } from 'vue'
 
 import { arbitrateDispute, fetchAdminDisputes, type Dispute } from '@/api/disputes'
 import { fetchAdminFileBlob } from '@/api/files'
+import { disputeStatusLabel } from '@/utils/statusLabels'
 
 const loading = ref(false)
 const submitting = ref(false)
@@ -105,7 +106,9 @@ function readError(error: unknown, fallback: string) {
       <el-table-column prop="order_no" label="订单号" min-width="210" />
       <el-table-column prop="title" label="账号" min-width="160" />
       <el-table-column prop="type" label="类型" width="150" />
-      <el-table-column prop="status" label="状态" width="110" />
+      <el-table-column label="状态" width="110">
+        <template #default="{ row }">{{ disputeStatusLabel(row.status) }}</template>
+      </el-table-column>
       <el-table-column prop="description" label="说明" min-width="220" show-overflow-tooltip />
       <el-table-column prop="arbitration_result" label="结果" width="150" />
       <el-table-column label="证据" width="100">

frontend/src/views/admin/AdminListingDetailView.vue

@@ -5,6 +5,7 @@ import { useRoute } from 'vue-router'
 
 import { fetchAdminFileBlob } from '@/api/files'
 import { adminMarkListingAbnormal, adminOfflineListing, fetchAdminListing, type Listing } from '@/api/listings'
+import { listingReviewStatusLabel, listingStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const route = useRoute()
@@ -107,11 +108,11 @@ function readError(error: unknown, fallback: string) {
     <div v-if="listing" class="metric-grid dashboard-metrics">
       <div class="metric-card">
         <span>商品状态</span>
-        <strong>{{ listing.status }}</strong>
+        <strong>{{ listingStatusLabel(listing.status) }}</strong>
       </div>
       <div class="metric-card">
         <span>审核状态</span>
-        <strong>{{ listing.review_status }}</strong>
+        <strong>{{ listingReviewStatusLabel(listing.review_status) }}</strong>
       </div>
       <div class="metric-card">
         <span>价格</span>

frontend/src/views/admin/AdminListingsView.vue

@@ -3,6 +3,7 @@ import { Search } from '@element-plus/icons-vue'
 import { computed, onMounted, reactive, ref } from 'vue'
 
 import { fetchAdminListings, type Listing } from '@/api/listings'
+import { listingReviewStatusLabel, listingStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
@@ -149,12 +150,12 @@ function reviewType(status: string) {
       </el-table-column>
       <el-table-column label="商品状态" width="110">
         <template #default="{ row }">
-          <el-tag :type="statusType(row.status)">{{ row.status }}</el-tag>
+          <el-tag :type="statusType(row.status)">{{ listingStatusLabel(row.status) }}</el-tag>
         </template>
       </el-table-column>
       <el-table-column label="审核状态" width="110">
         <template #default="{ row }">
-          <el-tag :type="reviewType(row.review_status)">{{ row.review_status }}</el-tag>
+          <el-tag :type="reviewType(row.review_status)">{{ listingReviewStatusLabel(row.review_status) }}</el-tag>
         </template>
       </el-table-column>
       <el-table-column label="上架时间" min-width="180">

frontend/src/views/admin/AdminOrderDetailView.vue

@@ -4,6 +4,7 @@ import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 
 import { adminCloseOrder, adminMarkOrderAbnormal, fetchAdminHandoffRecords, fetchAdminOrder, type HandoffRecord, type Order } from '@/api/orders'
+import { handoffStatusLabel, orderStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const route = useRoute()
@@ -84,11 +85,11 @@ function readError(error: unknown, fallback: string) {
     <div v-if="order" class="metric-grid dashboard-metrics">
       <div class="metric-card">
         <span>订单状态</span>
-        <strong>{{ order.status }}</strong>
+        <strong>{{ orderStatusLabel(order.status) }}</strong>
       </div>
       <div class="metric-card">
         <span>交接状态</span>
-        <strong>{{ order.handoff_status }}</strong>
+        <strong>{{ handoffStatusLabel(order.handoff_status) }}</strong>
       </div>
       <div class="metric-card">
         <span>订单金额</span>

frontend/src/views/admin/AdminOrdersView.vue

@@ -2,6 +2,7 @@
 import { computed, onMounted, ref } from 'vue'
 
 import { fetchAdminOrders, type Order } from '@/api/orders'
+import { handoffStatusLabel, orderStatusLabel, settlementStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
@@ -54,9 +55,15 @@ async function loadOrders() {
       <el-table-column prop="title" label="账号" min-width="170" />
       <el-table-column prop="renter_phone" label="租客" min-width="130" />
       <el-table-column prop="owner_phone" label="号主" min-width="130" />
-      <el-table-column prop="status" label="状态" width="140" />
-      <el-table-column prop="handoff_status" label="交接" width="180" />
-      <el-table-column prop="settlement_status" label="结算" width="120" />
+      <el-table-column label="状态" width="140">
+        <template #default="{ row }">{{ orderStatusLabel(row.status) }}</template>
+      </el-table-column>
+      <el-table-column label="交接" width="180">
+        <template #default="{ row }">{{ handoffStatusLabel(row.handoff_status) }}</template>
+      </el-table-column>
+      <el-table-column label="结算" width="120">
+        <template #default="{ row }">{{ settlementStatusLabel(row.settlement_status) }}</template>
+      </el-table-column>
       <el-table-column prop="rent_amount" label="订单金额" width="100" />
       <el-table-column prop="deposit_amount" label="押金" width="100" />
       <el-table-column label="创建时间" min-width="180">

frontend/src/views/admin/AdminUsersView.vue

@@ -3,6 +3,7 @@ import { ElMessage } from 'element-plus'
 import { onMounted, ref } from 'vue'
 
 import { fetchAdminUsers, freezeAdminUser, unfreezeAdminUser, type AdminUserItem } from '@/api/adminUsers'
+import { realnameStatusLabel, riskStatusLabel, userStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
@@ -79,10 +80,16 @@ function readError(error: unknown, fallback: string) {
       <el-table-column prop="id" label="ID" width="80" />
       <el-table-column prop="phone" label="手机号" min-width="130" />
       <el-table-column prop="nickname" label="昵称" min-width="130" />
-      <el-table-column prop="realname_status" label="实名" width="110" />
-      <el-table-column prop="risk_status" label="风险" width="110" />
+      <el-table-column label="实名" width="110">
+        <template #default="{ row }">{{ realnameStatusLabel(row.realname_status) }}</template>
+      </el-table-column>
+      <el-table-column label="风险" width="110">
+        <template #default="{ row }">{{ riskStatusLabel(row.risk_status) }}</template>
+      </el-table-column>
       <el-table-column prop="credit_score" label="信用分" width="100" />
-      <el-table-column prop="status" label="状态" width="110" />
+      <el-table-column label="状态" width="110">
+        <template #default="{ row }">{{ userStatusLabel(row.status) }}</template>
+      </el-table-column>
       <el-table-column prop="order_count" label="订单" width="90" />
       <el-table-column prop="listing_count" label="发布" width="90" />
       <el-table-column prop="dispute_count" label="申诉" width="90" />

frontend/src/views/admin/AdminWalletLedgerView.vue

@@ -3,6 +3,7 @@ import { Search } from '@element-plus/icons-vue'
 import { computed, onMounted, reactive, ref } from 'vue'
 
 import { fetchAdminWalletLedger, type AdminWalletLedger } from '@/api/adminWallet'
+import { balanceTypeLabel, ledgerDirectionLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
@@ -48,11 +49,13 @@ function money(value: number) {
 }
 
 function directionType(direction: string) {
-  return direction === 'in' ? 'success' : 'danger'
+  if (direction === 'in') return 'success'
+  if (direction === 'out') return 'danger'
+  return 'warning'
 }
 
 function directionLabel(direction: string) {
-  return direction === 'in' ? '入账' : '出账'
+  return ledgerDirectionLabel(direction)
 }
 </script>
 
@@ -132,7 +135,9 @@ function directionLabel(direction: string) {
       <el-table-column label="金额" width="110">
         <template #default="{ row }">{{ money(Number(row.amount)) }}</template>
       </el-table-column>
-      <el-table-column prop="balance_type" label="余额类型" width="110" />
+      <el-table-column label="余额类型" width="110">
+        <template #default="{ row }">{{ balanceTypeLabel(row.balance_type) }}</template>
+      </el-table-column>
       <el-table-column label="变化后余额" width="130">
         <template #default="{ row }">{{ money(Number(row.balance_after)) }}</template>
       </el-table-column>

frontend/src/views/mobile/MobileRealnameView.vue

@@ -7,6 +7,7 @@ import {
   startRealname,
   type RealnameStatus,
 } from "@/api/realname";
+import { realnameStatusLabel } from "@/utils/statusLabels";
 import { useSessionStore } from "@/stores/session";
 import { formatDateTime } from "@/utils/time";
 
@@ -106,7 +107,7 @@ async function handleSubmit() {
             size="medium"
             round
           >
-            {{ status.status === "verified" ? "已认证" : status.status }}
+            {{ realnameStatusLabel(status.status) }}
           </van-tag>
         </div>
         <p v-if="status.masked_name" class="status-detail">

frontend/src/views/mobile/MobileSellerListingCreateView.css

@@ -1,7 +1,10 @@
 .mobile-publish {
+  width: 100%;
+  min-width: 0;
   min-height: 100dvh;
   background: #f4f6f8;
   padding-bottom: 56px;
+  overflow-x: hidden;
 }
 
 .page-header {
@@ -528,18 +531,22 @@
   bottom: 0;
   z-index: 100;
   display: flex;
+  width: 100%;
   height: 50px;
+  box-sizing: border-box;
   background: #fff;
   border-top: 1px solid #eee;
 }
 
 .nav-item {
-  flex: 1;
+  flex: 0 0 20%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 2px;
+  min-width: 0;
+  height: 50px;
   color: #999;
   font-size: 10px;
   text-decoration: none;

frontend/src/views/mobile/MobileSellerListingCreateView.vue

@@ -356,7 +356,7 @@ async function handleSubmit() {
     const dailyPrice = calculatedFinalPrice.value;
     const hourlyPrice = Math.max(roundMoney(dailyPrice / 24), 0.01);
 
-    await createListing({
+    const listing = await createListing({
       title,
       description: form.remark,
       server_region: form.server_region,
@@ -371,7 +371,13 @@ async function handleSubmit() {
       deposit_amount: Number(form.deposit_amount),
     });
     localStorage.removeItem(draftKey);
-    showToast({ message: "发布成功", icon: "passed" });
+    showToast({
+      message:
+        listing.status === "published" && listing.review_status === "approved"
+          ? "发布成功，已上架"
+          : "发布成功，等待后台审核",
+      icon: "passed",
+    });
     await router.push("/m/profile");
   } catch (error) {
     showToast({
@@ -396,9 +402,15 @@ function validateForm() {
   if (form.deposit_amount === "" || Number(form.deposit_amount) < 0) {
     return "请填写押金";
   }
+  if (!Number.isFinite(Number(form.deposit_amount))) {
+    return "押金格式不正确";
+  }
   if (!calculatedFinalPrice.value) {
     return "请完善币数、保险、体力和负重后再发布";
   }
+  if (!Number.isFinite(calculatedFinalPrice.value)) {
+    return "发布价格计算异常，请检查填写内容";
+  }
   for (const item of screenshotSlots.value) {
     if (isScreenshotRequired(item) && !screenshotFiles[item.key]) {
       return `请上传${item.label}`;
@@ -705,7 +717,7 @@ function readError(error: unknown, fallback: string) {
               type="number"
               inputmode="numeric"
               min="0"
-              :placeholder="item.placeholder || '0'"
+              placeholder="0"
               class="quantity-input"
             />
           </div>

frontend/src/views/public/ListingsView.vue

@@ -3,6 +3,7 @@ import { computed, onMounted, reactive, ref } from "vue";
 import { Refresh, Search } from "@element-plus/icons-vue";
 
 import { fetchListings, type Listing } from "@/api/listings";
+import { listingStatusLabel } from "@/utils/statusLabels";
 
 const loading = ref(false);
 const listings = ref<Listing[]>([]);
@@ -192,7 +193,7 @@ function listingPrice(item: Listing) {
         <div class="resource-main">
           <div class="resource-title-line">
             <strong>{{ item.title }}</strong>
-            <em>{{ item.status === "published" ? "可租" : item.status }}</em>
+            <em>{{ item.status === "published" ? "可租" : listingStatusLabel(item.status) }}</em>
           </div>
           <p>
             {{

frontend/src/views/seller/SellerListingCreateView.vue

@@ -27,14 +27,18 @@ async function handleSubmit() {
   loading.value = true
   try {
     const price = Number(form.price_daily || 0)
-    await createListing({
+    const listing = await createListing({
       ...form,
       price_hourly: Math.max(Math.round((price / 24) * 100) / 100, 0.01),
       price_daily: price,
       price_weekly: Math.round(price * 7 * 100) / 100,
       screenshot_urls: screenshotUrls.value,
     })
-    ElMessage.success('发布已创建')
+    ElMessage.success(
+      listing.status === 'published' && listing.review_status === 'approved'
+        ? '发布成功，已上架'
+        : '发布成功，等待后台审核',
+    )
     await router.push('/seller/listings')
   } catch (error) {
     ElMessage.error(readError(error, '发布失败，请确认已登录并完成实名认证'))

frontend/src/views/seller/SellerListingsView.vue

@@ -3,6 +3,7 @@ import { ElMessage } from 'element-plus'
 import { onMounted, ref } from 'vue'
 
 import { fetchSellerListings, offlineListing, submitListingReview, type Listing } from '@/api/listings'
+import { listingReviewStatusLabel, listingStatusLabel } from '@/utils/statusLabels'
 
 const loading = ref(false)
 const listings = ref<Listing[]>([])
@@ -19,8 +20,12 @@ async function loadListings() {
 }
 
 async function submitReview(id: number) {
-  await submitListingReview(id)
-  ElMessage.success('已提交审核，等待后台处理')
+  const listing = await submitListingReview(id)
+  ElMessage.success(
+    listing.status === 'published' && listing.review_status === 'approved'
+      ? '已上架'
+      : '已提交审核，等待后台处理',
+  )
   await loadListings()
 }
 
@@ -56,12 +61,20 @@ function listingPrice(row: Listing) {
         <template #default="{ row }">{{ listingPrice(row) }}</template>
       </el-table-column>
       <el-table-column prop="deposit_amount" label="押金" width="100" />
-      <el-table-column prop="status" label="状态" width="110" />
-      <el-table-column prop="review_status" label="审核" width="110" />
+      <el-table-column label="状态" width="110">
+        <template #default="{ row }">{{ listingStatusLabel(row.status) }}</template>
+      </el-table-column>
+      <el-table-column label="审核" width="110">
+        <template #default="{ row }">{{ listingReviewStatusLabel(row.review_status) }}</template>
+      </el-table-column>
       <el-table-column prop="review_reason" label="审核原因" min-width="160" show-overflow-tooltip />
       <el-table-column label="操作" width="190">
         <template #default="{ row }">
-          <el-button size="small" :disabled="row.review_status === 'pending' || row.status === 'rented'" @click="submitReview(row.id)">
+          <el-button
+            size="small"
+            :disabled="row.review_status === 'pending' || row.status === 'rented' || row.status === 'published'"
+            @click="submitReview(row.id)"
+          >
             提审
           </el-button>
           <el-button size="small" type="danger" :disabled="row.status === 'rented'" @click="offline(row.id)">下架</el-button>