Food/food
3
0
Fork 0
Code Issues 60 Pull Requests Actions Packages Projects Releases Wiki Activity

【类 型】：refactor

Browse Source 
【主	题】：待处理订单  spu sku表格样式
【描	述】：
	[原因]：增加可读性
	[过程]：每个spu一个表格 罗列出 为所属sku
	[影响]：
【结	束】

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动
This commit is contained in:
tk 2024-06-26 16:42:01 +08:00
parent 4b9948ec40
commit b9fb6c0060
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/QuestTabs.vue
View File

@ -28,8 +28,7 @@
<el-descriptions-item label="总价">{{ item.total_price }}元</el-descriptions-item> <el-descriptions-item label="总价">{{ item.total_price }}元</el-descriptions-item>
<el-descriptions-item label="货品总数">{{ item.total_num }}件</el-descriptions-item> <el-descriptions-item label="货品总数">{{ item.total_num }}件</el-descriptions-item>
<el-descriptions-item label="订单详情" span="3"> <el-descriptions-item label="订单详情" span="3">
<el-table v-for="spu, i in item.product_snapshot" :show-header="i === 0" :data="spu.sku_arr" <el-table v-for="spu, index in item.product_snapshot" :key="index" :data="spu.sku_arr" class="w-100">
style="width: 100%">
<el-table-column prop="sku_name" :label="spu.spu_name"> <el-table-column prop="sku_name" :label="spu.spu_name">
</el-table-column> </el-table-column>
<el-table-column label="编号"> <el-table-column label="编号">
@ -42,7 +41,7 @@
{{ scope.row.sku_totol }}{{ scope.row.sku_unit }} {{ scope.row.sku_totol }}{{ scope.row.sku_unit }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="详情" width="120"> <el-table-column label="详情" width="80">
<el-button type="primary" size="small">查看</el-button> <el-button type="primary" size="small">查看</el-button>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -200,12 +199,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/styles/theme.scss";
.orterTit { .orterTit {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.demo {
background-color: darkgray !important;
}
</style> </style>

18
src/styles/index.scss
View File

@ -143,31 +143,35 @@ label {
} }
.bg-b { .bg-b {
background-color: $brand-color; background-color: $brand-color !important;
} }
.bg-white { .bg-white {
background-color: $white-color; background-color: $white-color !important;
}
.bg-grey {
background-color: $holdtext-color !important;
} }
.fc-b { .fc-b {
color: $brand-color; color: $brand-color !important;
} }
.fc-s { .fc-s {
color: $success-color; color: $success-color !important;
} }
.fc-w { .fc-w {
color: $warning-color; color: $warning-color !important;
} }
.fc-m { .fc-m {
color: $maintext-color; color: $maintext-color !important;
} }
.fc-i { .fc-i {
color: $holdtext-color; color: $holdtext-color !important;
} }
.border-b-n { .border-b-n {