Browse Source

修改排行榜-去除弹出框标题时间显示

pull/122/head
zq 2 weeks ago
parent
commit
80fcaa13ee
  1. 15
      src/views/elementGroups.vue
  2. 32
      src/views/super/Ranking/RankBatchList.vue
  3. 4
      src/views/super/Ranking/RankList.vue

15
src/views/elementGroups.vue

@ -101,7 +101,7 @@
<div> <div>
<h3 for="">表格(表头自定义自定义渲染固定列)</h3> <h3 for="">表格(表头自定义自定义渲染固定列)</h3>
<GuipButton type="primary" @click="toggleAllSelection">全选按钮</GuipButton> <GuipButton type="primary" @click="toggleAllSelection">全选按钮</GuipButton>
<GuipTable :tableData="[{payment:0,name2:10008.9}]" ref="multipleTable" @selectChange="handleSelectionChange" <GuipTable :tableData="[{payment:0,name2:10008.9,price:200}]" ref="multipleTable" @selectChange="handleSelectionChange"
:multiple="true" autoColumn="true" :loading="tableLoading"> :multiple="true" autoColumn="true" :loading="tableLoading">
<!-- <template slot="header"> --> <!-- <template slot="header"> -->
<el-table-column width="180" fixed="left" label="名称(固定左)"></el-table-column> <el-table-column width="180" fixed="left" label="名称(固定左)"></el-table-column>
@ -146,16 +146,17 @@
</GuipSwitch> </GuipSwitch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="address" label="地址1" width="150"> </el-table-column>
<el-table-column prop="address" label="地址2" width="250"> </el-table-column>
<el-table-column prop="address" label="地址3" width="150"> </el-table-column>
<el-table-column prop="address1" label="地址测试" width="100"></el-table-column>
<el-table-column prop="price" label="价格" width="300"> <el-table-column prop="price" label="价格" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<GuipSelect width="200px" @change="changeSelect(scope.row)" v-model="form.card" <GuipSelect width="200px" v-model="scope.row.price"
prop="card" :options="options" defaultValue="选项1" /> :options="[{value:1,label:'哈哈'}]" defaultValue="选项1" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="address" label="地址1" width="150"> </el-table-column>
<el-table-column prop="address" label="地址2" width="250"> </el-table-column>
<el-table-column prop="address" label="地址3" width="150"> </el-table-column>
<el-table-column prop="address1" label="地址测试" width="100"></el-table-column>
<el-table-column label="操作(固定右)" width="200" fixed="right"> <el-table-column label="操作(固定右)" width="200" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="flex"> <div class="flex">

32
src/views/super/Ranking/RankBatchList.vue

@ -615,6 +615,38 @@ export default {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.pop-wrap {
display: flex;
flex-direction: column;
gap: 20px;
box-sizing: border-box;
.pop-top {
h3 {
font-family: Microsoft YaHei UI;
font-size: 16px;
font-weight: bold;
line-height: 18px;
letter-spacing: 0.08em;
color: #1D2129;
margin: 0;
span {
display: inline-block;
margin-left: 12px;
font-size: 14px;
line-height: 18px;
color: #006AFF;
}
}
img {
width: 20px;
height: 20px;
}
}
}
::v-deep .custom-popover { ::v-deep .custom-popover {
position: fixed !important; position: fixed !important;
// max-height: 290px; // max-height: 290px;

4
src/views/super/Ranking/RankList.vue

@ -134,7 +134,7 @@
<div class="pop-wrap"> <div class="pop-wrap">
<div class="flex-between flex pop-top"> <div class="flex-between flex pop-top">
<h3> <h3>
{{ text }} {{ row.name }} {{ rank_type_desc[dataRank] }} {{ row.name }} {{ rank_type_desc[dataRank] }}
<span @click="goLookMoreData(row.id)">查看更多</span> <span @click="goLookMoreData(row.id)">查看更多</span>
</h3> </h3>
<span class="flex point" @click="closePop(row,'id')"> <span class="flex point" @click="closePop(row,'id')">
@ -168,7 +168,7 @@
<div class="pop-wrap"> <div class="pop-wrap">
<div class="flex-between flex pop-top"> <div class="flex-between flex pop-top">
<h3> <h3>
{{ text }} {{ row.name }} {{ rank_type_desc[dataRank] }} {{ row.name }} {{ rank_type_desc[dataRank] }}
<span @click="goLookMoreRank(row.id)">查看更多</span> <span @click="goLookMoreRank(row.id)">查看更多</span>
</h3> </h3>
<span class="flex point" @click="closePop(row,'id')"> <span class="flex point" @click="closePop(row,'id')">

Loading…
Cancel
Save