fix: 甲方小程序

zhengyiming

9 小时以前 0b13d5897d739b9955f65bf5565fe8e975412419

 packages/components/src/Card/MineServiceDetailView.vue

@@ -13,27 +13,34 @@
      :imgUrl="imgUrl"
    />

    <List>
      <ListItem title="订单状态" :showArrow="false">
    <List extraFlex>
      <ListItem :title="statusText" :showArrow="false">
        <template #extra>
          <div class="mine-service-detail-view-list-item">{{ '订单状态' }}</div>
          <div class="mine-service-detail-view-list-item">
            <slot name="status"> </slot>
          </div>
        </template>
      </ListItem>
      <ListItem title="服务时间" :showArrow="false">
        <template #extra>
          <div class="mine-service-detail-view-list-item">
            {{ '2025-12-12 12:00-14:00' }}
            {{ format(beginTime, 'YYYY-MM-DD HH:mm') }}-{{ format(endTime, 'HH:mm') }}
          </div>
        </template>
      </ListItem>
      <ListItem title="服务机构" :showArrow="false">
        <template #extra>
          <div class="mine-service-detail-view-list-item">{{ 'xxxxx公司' }}</div>
          <div class="mine-service-detail-view-list-item">{{ supplierEnterpriseName }}</div>
        </template>
      </ListItem>
      <ListItem title="联系电话" :showArrow="false" v-if="showServerContactPhoneNumbers">
        <template #extra>
          <div class="mine-service-detail-view-list-item">{{ serverContactPhoneNumbers }}</div>
        </template>
      </ListItem>
      <ListItem title="备注" :showArrow="false">
        <template #extra>
          <div class="mine-service-detail-view-list-item">{{ '我是备注信息' }}</div>
          <div class="mine-service-detail-view-list-item">{{ remark }}</div>
        </template>
      </ListItem>
    </List>
@@ -45,6 +52,7 @@
import ListItem from '../List/ListItem.vue';
import ServiceDetailAddressCard from './ServiceDetailAddressCard.vue';
import ServiceDetailGoodCard from './ServiceDetailGoodCard.vue';
import { format } from '@12333/utils';

defineOptions({
  name: 'MineServiceDetailView',
@@ -61,9 +69,19 @@
  specName?: string;
  specNumber?: number;
  imgUrl?: string;
  beginTime?: string;
  endTime?: string;
  supplierEnterpriseName?: string;
  remark?: string;
  serverContactPhoneNumbers?: string;
  showServerContactPhoneNumbers?: boolean;

  statusText?: string;
};

const props = withDefaults(defineProps<Props>(), {});
const props = withDefaults(defineProps<Props>(), {
  showServerContactPhoneNumbers: false,
});
</script>

<style lang="scss">
@@ -82,6 +100,10 @@
    font-size: 28px;
    color: boleGetCssVar('text-color', 'secondary');
    line-height: 40px;
    flex: 1;
    min-width: 0;
    text-align: right;
    margin-left: 20px;
  }
}
</style>