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

【类 型】：fix 待处理订单模块 表格调整

Browse Source 
【原  因】：显示不全
【过  程】：表格样式 属性调整
【影  响】：
This commit is contained in:
tk 2024-08-08 20:35:46 +08:00
parent 62abcd12ba
commit 5415834b00
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/QuestTabs.vue
View File

@ -20,9 +20,9 @@
<!-- 任务tab --> <!-- 任务tab -->
<el-collapse v-model="activeNames" accordion> <el-collapse v-model="activeNames" accordion>
<template v-if="list.length != 0"> <template v-if="list.length != 0">
<el-collapse-item class="mainFontColor" v-for="(item, index) in list" :key="index" :name="item.id"> <el-collapse-item class="mainFontColor w-100 flex column mc ofa" v-for="(item, index) in list" :key="index" :name="item.id">
<template slot="title"> <template slot="title">
<div class="clearB w-100" :class="activeNames === item.id ? 'fc-b fb' : ''"> <div class="w-100" :class="activeNames === item.id ? 'fc-b fb' : ''">
<div class="l w-30"> <div class="l w-30">
订单ID：{{ item.id }} 订单ID：{{ item.id }}
</div> </div>
@ -40,7 +40,7 @@
</div> </div>
</div> </div>
</template> </template>
<el-descriptions direction=" vertical" :column="3" border> <el-descriptions direction="vertical" :column="3" border>
<el-descriptions-item label="状态">{{ item.shipment_status }} <el-descriptions-item label="状态">{{ item.shipment_status }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="订单号">{{ item.order_sn }}</el-descriptions-item> <el-descriptions-item label="订单号">{{ item.order_sn }}</el-descriptions-item>
@ -52,22 +52,19 @@
<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, index in item.product_snapshot" :key="index" :data="spu.sku_arr" class="w-100"> <el-table v-for="spu, index in item.product_snapshot" :key="index" :data="spu.sku_arr" :stripe="true" class="w-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="商品编号" min-width="140px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.sku_number }} {{ scope.row.sku_number }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="数量"> <el-table-column label="数量" width="70px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
{{ 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="80">
<el-button type="primary" size="small">查看</el-button>
</el-table-column>
</el-table> </el-table>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item :label="item.refund_status == '未申请' ? '客户备注' : '退货缘由'" span="3"> <el-descriptions-item :label="item.refund_status == '未申请' ? '客户备注' : '退货缘由'" span="3">
@ -294,7 +291,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/styles/theme.scss"; @import "@/styles/theme.scss";
.orterTit { .orterTit {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

8
src/styles/index.scss
View File

@ -154,6 +154,14 @@ label {
} }
} }
.el-tabs__content {
padding: 0px !important;
}
.is-bordered-label {
background-color: #606266;
}
//mapboxgl //mapboxgl
.mapboxgl-ctrl-bottom-left a { .mapboxgl-ctrl-bottom-left a {
display: none !important; display: none !important;