feat(listing): 增加押金说明配置与悬浮提示

frontend/src/features/seller/views/SellerListingCreateView.vue

@@ -3,6 +3,7 @@ import {
   ArrowRight,
   Delete,
   DocumentChecked,
+  InfoFilled,
   Picture,
   RefreshRight,
   UploadFilled,
@@ -544,10 +545,26 @@ function selectDailyLoss(value: string | number) {
         <PublishSection title="押金与价格" description="系统按资料自动计算售价">
           <div class="compact-grid two">
             <label class="input-block">
-              <span class="deposit-label"
-                >押金<b>*</b
-                ><em v-if="priceConfig.deposit_hint">{{ priceConfig.deposit_hint }}</em></span
-              >
+              <span class="deposit-label">
+                <span class="deposit-label-title">
+                  押金<b>*</b>
+                  <el-popover
+                    v-if="priceConfig.deposit_tooltip"
+                    placement="top-start"
+                    :width="560"
+                    trigger="hover"
+                    popper-class="deposit-guide-popper"
+                  >
+                    <template #reference>
+                      <button type="button" class="deposit-guide-trigger" aria-label="查看押金说明">
+                        <el-icon><InfoFilled /></el-icon>
+                      </button>
+                    </template>
+                    <div class="deposit-guide-content">{{ priceConfig.deposit_tooltip }}</div>
+                  </el-popover>
+                </span>
+                <em v-if="priceConfig.deposit_hint">{{ priceConfig.deposit_hint }}</em>
+              </span>
               <div class="deposit-control">
                 <el-input-number
                   v-model="form.depositAmountYuan"