爱奇艺小卡table宽度调整
Showing
1 changed file
with
15 additions
and
15 deletions
... | @@ -50,16 +50,16 @@ | ... | @@ -50,16 +50,16 @@ |
50 | :max-height="tableHeight" | 50 | :max-height="tableHeight" |
51 | :data="smallSellList" | 51 | :data="smallSellList" |
52 | > | 52 | > |
53 | <el-table-column label="ID" width="125px" prop="id" /> | 53 | <el-table-column label="ID" width="50px" prop="id" /> |
54 | <el-table-column label="vip类型" width="125px" prop="vipType"> | 54 | <el-table-column label="vip类型" width="80px" prop="vipType"> |
55 | <template slot-scope="scope"> | 55 | <template slot-scope="scope"> |
56 | <span v-if="Number(scope.row.vipType) === 1">爱奇艺包月</span> | 56 | <span v-if="Number(scope.row.vipType) === 1">爱奇艺包月</span> |
57 | <span v-if="Number(scope.row.vipType) === 4">爱奇艺包年</span> | 57 | <span v-if="Number(scope.row.vipType) === 4">爱奇艺包年</span> |
58 | </template> | 58 | </template> |
59 | </el-table-column> | 59 | </el-table-column> |
60 | <el-table-column label="卡号" width="125px" prop="cardNum" /> | 60 | <el-table-column label="卡号" width="70px" prop="cardNum" /> |
61 | <el-table-column label="卡密" width="125px" prop="cardKey" /> | 61 | <el-table-column label="卡密" width="250px" prop="cardKey" /> |
62 | <el-table-column label="vip类型" width="125px" prop="status"> | 62 | <el-table-column label="vip类型" width="80px" prop="status"> |
63 | <template slot-scope="scope"> | 63 | <template slot-scope="scope"> |
64 | <span v-if="Number(scope.row.status) === 0">未兑换</span> | 64 | <span v-if="Number(scope.row.status) === 0">未兑换</span> |
65 | <span v-if="Number(scope.row.status) === 1">已兑换</span> | 65 | <span v-if="Number(scope.row.status) === 1">已兑换</span> |
... | @@ -67,14 +67,14 @@ | ... | @@ -67,14 +67,14 @@ |
67 | <span v-if="Number(scope.row.status) === 3">已失效</span> | 67 | <span v-if="Number(scope.row.status) === 3">已失效</span> |
68 | </template> | 68 | </template> |
69 | </el-table-column> | 69 | </el-table-column> |
70 | <el-table-column label="地区" width="125px" prop="region" /> | 70 | <el-table-column label="地区" show-overflow-tooltip prop="region" /> |
71 | <el-table-column label="渠道" width="125px" prop="channel" /> | 71 | <el-table-column label="渠道" width="80px" prop="channel" /> |
72 | <el-table-column label="批次" width="125px" prop="batch" /> | 72 | <el-table-column label="批次" width="60px" prop="batch" /> |
73 | <el-table-column label="产品id" width="125px" prop="productId" /> | 73 | <el-table-column label="产品id" width="60px" prop="productId" /> |
74 | <el-table-column label="产品" width="125px" prop="productName" /> | 74 | <el-table-column label="产品" width="100px" prop="productName" /> |
75 | <el-table-column label="大屏账号" width="125px" prop="account" /> | 75 | <el-table-column label="大屏账号" width="260px" prop="account" /> |
76 | <el-table-column label="订单号" width="125px" prop="bossOrderNo" /> | 76 | <el-table-column label="订单号" width="150px" prop="bossOrderNo" /> |
77 | <el-table-column label="备注" width="125px" prop="remark" /> | 77 | <el-table-column label="备注" show-overflow-tooltip prop="remark" /> |
78 | <el-table-column label="领取手机号" width="125px" prop="rcvMobile" /> | 78 | <el-table-column label="领取手机号" width="125px" prop="rcvMobile" /> |
79 | </el-table> | 79 | </el-table> |
80 | <el-pagination | 80 | <el-pagination |
... | @@ -109,7 +109,7 @@ export default { | ... | @@ -109,7 +109,7 @@ export default { |
109 | vipTypeList: [{ label: '爱奇艺包月', value: '1' }, { label: '爱奇艺包年', value: '4' }], | 109 | vipTypeList: [{ label: '爱奇艺包月', value: '1' }, { label: '爱奇艺包年', value: '4' }], |
110 | statusList: [{ label: '未兑换', value: '0' }, { label: '已兑换', value: '1' }, { label: '兑换失败', value: '2' }, { label: '已失效', value: '3' }], | 110 | statusList: [{ label: '未兑换', value: '0' }, { label: '已兑换', value: '1' }, { label: '兑换失败', value: '2' }, { label: '已失效', value: '3' }], |
111 | total: 0, | 111 | total: 0, |
112 | tableHeight: 800, | 112 | tableHeight: 0, |
113 | searchObj: { | 113 | searchObj: { |
114 | page: 0, | 114 | page: 0, |
115 | size: 20, | 115 | size: 20, |
... | @@ -134,7 +134,7 @@ export default { | ... | @@ -134,7 +134,7 @@ export default { |
134 | }, | 134 | }, |
135 | mounted() { | 135 | mounted() { |
136 | this.$nextTick(() => { | 136 | this.$nextTick(() => { |
137 | this.tableHeight = window.innerHeight - (window.innerWidth < 1200 ? 280 : 260) | 137 | this.tableHeight = window.innerHeight - (window.innerWidth < 1200 ? 320 : 300) |
138 | }) | 138 | }) |
139 | }, | 139 | }, |
140 | methods: { | 140 | methods: { | ... | ... |
-
Please register or sign in to post a comment