[Snow Team] scoped-fixer: auto-commit work

apps/frontend/src/views/admin/fulfillment/bindings/AdminFulfillmentBindingsView.vue

@@ -72,4 +72,4 @@ onMounted(bindings.loadConfigs)
   </section>
 </template>
 
-<style src="./AdminFulfillmentBindings.css"></style>
+<style scoped src="./AdminFulfillmentBindings.css"></style>

apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingRuleCard.vue

@@ -12,7 +12,9 @@ defineProps<{
   statusLabel: string
   summary: string
   isInvalid: boolean
-  isFieldInvalid: (field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName') => boolean
+  isFieldInvalid: (
+    field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName',
+  ) => boolean
 }>()
 
 const emit = defineEmits<{
@@ -31,12 +33,7 @@ const emit = defineEmits<{
       <div class="binding-summary">
         <div class="binding-title-row">
           <strong>{{ title }}</strong>
-          <span
+          <span :class="['binding-status-chip', { 'binding-status-chip--done': isComplete }]">
-            :class="[
-              'binding-status-chip',
-              { 'binding-status-chip--done': isComplete },
-            ]"
-          >
             {{ statusLabel }}
           </span>
         </div>
@@ -50,10 +47,7 @@ const emit = defineEmits<{
     <div v-if="isBindingCollapsed" class="binding-collapsed-preview">
       <span
         >外部商品：{{
-          binding.externalSkuName ||
+          binding.externalSkuName || binding.externalSkuCode || binding.externalItemId || '-'
-          binding.externalSkuCode ||
-          binding.externalItemId ||
-          '-'
         }}</span
       >
       <span>内部履约 SKU：{{ binding.skuCode || '-' }}</span>
@@ -123,9 +117,7 @@ const emit = defineEmits<{
         <span>外部 SKU 编码</span>
         <el-input
           v-model="binding.externalSkuCode"
-          :class="[
+          :class="[{ 'text-input--invalid': isFieldInvalid('externalSkuCode') }]"
-            { 'text-input--invalid': isFieldInvalid('externalSkuCode') },
-          ]"
           class="text-input"
           data-field="externalSkuCode"
           placeholder="例如 6046726460016"
@@ -149,9 +141,7 @@ const emit = defineEmits<{
         <span>外部商品名</span>
         <el-input
           v-model="binding.externalSkuName"
-          :class="[
+          :class="[{ 'text-input--invalid': isFieldInvalid('externalSkuName') }]"
-            { 'text-input--invalid': isFieldInvalid('externalSkuName') },
-          ]"
           class="text-input"
           data-field="externalSkuName"
           placeholder="例如 奥利奥动作"
@@ -223,3 +213,5 @@ const emit = defineEmits<{
     </div>
   </div>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>

apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsLookupSection.vue

@@ -93,9 +93,7 @@ const emit = defineEmits<{
           <strong>{{ lookupResult.order.totalAmount || '0.00' }}</strong>
           <span class="cell-subtle"
             >补查结果：{{
-              lookupResult.order.enriched
+              lookupResult.order.enriched ? '已补全' : lookupResult.order.enrichReason || '已返回'
-                ? '已补全'
-                : lookupResult.order.enrichReason || '已返回'
             }}</span
           >
         </div>
@@ -152,3 +150,5 @@ const emit = defineEmits<{
     </template>
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>

apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsObservedSection.vue

@@ -80,3 +80,5 @@ const emit = defineEmits<{
     </el-table>
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>

apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsOverviewSection.vue

@@ -51,3 +51,5 @@ defineProps<{
     </div>
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>

apps/frontend/src/views/admin/fulfillment/bindings/components/AdminBindingsRuleSection.vue

@@ -20,7 +20,10 @@ defineProps<{
   getBindingStatusLabel: (binding: EditableBinding) => string
   getBindingSummary: (binding: EditableBinding) => string
   isBindingInvalid: (bindingId: string) => boolean
-  isFieldInvalid: (bindingId: string, field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName') => boolean
+  isFieldInvalid: (
+    bindingId: string,
+    field: ValidationField | 'externalSkuCode' | 'externalItemId' | 'externalSkuName',
+  ) => boolean
 }>()
 
 const emit = defineEmits<{
@@ -62,9 +65,7 @@ const emit = defineEmits<{
       {{ validationState.message }}
     </p>
 
-    <div v-if="bindings.length === 0" class="empty-inline">
+    <div v-if="bindings.length === 0" class="empty-inline">当前还没有履约规则，先新增一条。</div>
-      当前还没有履约规则，先新增一条。
-    </div>
 
     <AdminBindingRuleCard
       v-for="(binding, index) in bindings"
@@ -85,3 +86,5 @@ const emit = defineEmits<{
     />
   </section>
 </template>
+
+<style scoped src="../AdminFulfillmentBindings.css"></style>

apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/AdminKuaishouCloudFulfillmentView.vue

@@ -84,4 +84,4 @@ onMounted(config.loadConfigs)
   </section>
 </template>
 
-<style src="./AdminKuaishouCloudFulfillment.css"></style>
+<style scoped src="./AdminKuaishouCloudFulfillment.css"></style>

apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudNinetyoneSection.vue

@@ -30,9 +30,7 @@ const emit = defineEmits<{
     <div class="section-title-row section-title-row--tight">
       <div>
         <h3>91卡券订单取样导入</h3>
-        <p>
+        <p>查询已接收的 91卡券订单，把 productNo 导入为规则草稿，再补齐内部 SKU 和 cloud 资源。</p>
-          查询已接收的 91卡券订单，把 productNo 导入为规则草稿，再补齐内部 SKU 和 cloud 资源。
-        </p>
       </div>
       <div class="section-mini-stats">
         <span class="mini-stat-chip">结果 {{ ninetyoneLookupMetrics.total }}</span>
@@ -71,11 +69,7 @@ const emit = defineEmits<{
       </label>
       <div class="field-block field-block--action">
         <span>操作</span>
-        <el-button
+        <el-button :loading="ninetyoneLookupLoading" round type="primary" @click="emit('lookup')"
-          :loading="ninetyoneLookupLoading"
-          round
-          type="primary"
-          @click="emit('lookup')"
           >查询 91卡券订单</el-button
         >
       </div>
@@ -147,3 +141,5 @@ const emit = defineEmits<{
     </el-table>
   </section>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>

apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudOverviewSection.vue

@@ -48,3 +48,5 @@ defineProps<{
     </div>
   </section>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>

apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleCard.vue

@@ -45,10 +45,7 @@ const emit = defineEmits<{
         <div class="binding-title-row">
           <strong>{{ getCardTitle(item, index) }}</strong>
           <span
-            :class="[
+            :class="['binding-status-chip', { 'binding-status-chip--done': isItemComplete(item) }]"
-              'binding-status-chip',
-              { 'binding-status-chip--done': isItemComplete(item) },
-            ]"
           >
             {{ getRuleState(item).label }}
           </span>
@@ -297,3 +294,5 @@ const emit = defineEmits<{
     </div>
   </div>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>

apps/frontend/src/views/admin/fulfillment/kuaishou-cloud/components/AdminKuaishouCloudRuleSection.vue

@@ -67,7 +67,9 @@ const emit = defineEmits<{
         </div>
         <div class="section-action-group">
           <el-button round @click="emit('expandAll')">全部展开</el-button>
-          <el-checkbox :model-value="enabled" @update:model-value="emit('update:enabled', $event)">启用整条配置</el-checkbox>
+          <el-checkbox :model-value="enabled" @update:model-value="emit('update:enabled', $event)"
+            >启用整条配置</el-checkbox
+          >
           <el-button round @click="emit('collapseReady')">收起已完成</el-button>
           <el-button round :loading="cloudSkuCatalogLoading" @click="emit('refreshCloudSku')"
             >刷新 cloud SKU</el-button
@@ -83,12 +85,8 @@ const emit = defineEmits<{
     <p v-if="validationState?.message" class="validation-banner">
       {{ validationState.message }}
     </p>
-    <div v-if="items.length === 0" class="empty-inline">
+    <div v-if="items.length === 0" class="empty-inline">当前还没有新履约规则，先新增一条。</div>
-      当前还没有新履约规则，先新增一条。
+    <div v-else-if="filteredItems.length === 0" class="empty-inline">当前筛选下没有规则。</div>
-    </div>
-    <div v-else-if="filteredItems.length === 0" class="empty-inline">
-      当前筛选下没有规则。
-    </div>
 
     <AdminKuaishouCloudRuleCard
       v-for="(item, index) in filteredItems"
@@ -118,3 +116,5 @@ const emit = defineEmits<{
     />
   </section>
 </template>
+
+<style scoped src="../AdminKuaishouCloudFulfillment.css"></style>