moliparty/peko-admin-web
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复样式异常

Browse Source
This commit is contained in:
dragon
2024-09-14 20:12:04 +08:00
parent 9c4aa4efb9
commit 9b6ee433d7
3 changed files with 84 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/views/luckGift/arrange.vue
View File

@@ -32,25 +32,27 @@
<div class="arrSet">数组设置：</div> <div class="arrSet">数组设置：</div>
<!-- 数组内容 --> <!-- 数组内容 -->
<div class="arrContent" v-for="(item, index) in arr" :key="index"> <div class="boxs">
<div class="arrBox"> <div class="arrContent" v-for="(item, index) in arr" :key="index">
<div class="left"> <div class="arrBox">
<div class="left_in1"> <div class="left">
期望: <b class="b1">{{ item.expect }}</b> , <div class="left_in1">
期望: <b class="b1">{{ item.expect }}</b> ,
</div>
<div class="left_in2">
中奖率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> ,
</div>
</div> </div>
<div class="left_in2"> <div class="right" v-for="(arrInItem, i) in item.itemList" :key="i">
中奖率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> , <span>{{ arrInItem.multi }}</span>
<el-input
@input="handleInput(index, i, $event)"
v-model="arrInItem.num"
placeholder=""
class="input"
/>
</div> </div>
</div> </div>
<div class="right" v-for="(arrInItem, i) in item.itemList" :key="i">
<span>{{ arrInItem.multi }}</span>
<el-input
@input="handleInput(index, i, $event)"
v-model="arrInItem.num"
placeholder=""
class="input"
/>
</div>
</div> </div>
</div> </div>
@@ -120,7 +122,9 @@ export default {
// 保存 // 保存
saveFun() { saveFun() {
// //
save(JSON.stringify({ poolList: this.arr, type: this.inquire.value })).then((res) => { save(
JSON.stringify({ poolList: this.arr, type: this.inquire.value })
).then((res) => {
if (res.code == 200) { if (res.code == 200) {
ElMessage({ ElMessage({
showClose: true, showClose: true,
@@ -179,38 +183,47 @@ export default {
.arrSet { .arrSet {
margin-bottom: 0px; margin-bottom: 0px;
} }
.arrContent { .boxs {
// margin-bottom: 20px; display: flex;
height: 50px; // justify-content: space-between;
line-height: 50px; flex-wrap: wrap;
.arrBox { .arrContent {
.left { // margin-bottom: 20px;
float: left; width: 190px;
div { height: 395px;
min-width: 120px; line-height: 30px;
display: inline-block; margin-bottom: 20px;
.b1 { .arrBox {
color: red; .left {
// float: left;
div {
min-width: 100px;
display: block;
// margin-bottom: -25px;
.b1 {
color: red;
}
.b2 {
color: blue;
}
} }
.b2 { .left_in2 {
color: blue; margin-bottom: 10px
} }
} }
.left_in2 { .right {
margin-right: 30px; float: left;
} margin-bottom: 15px;
} span {
.right { display: inline-block;
float: left; width: 45px;
span { }
display: inline-block; .input {
margin-right: 5px; display: inline-block;
} width: 100px;
.input { margin-right: 10px;
display: inline-block; font-size: 16px;
width: 100px; }
margin-right: 10px;
font-size: 16px;
} }
} }
} }

22
src/views/luckGift/luckGiftData.vue
View File

@@ -52,17 +52,17 @@
border border
style="width: 100%; margin-top: 25px" style="width: 100%; margin-top: 25px"
> >
<el-table-column prop="x" align="center" label="日期" /> <el-table-column prop="date" align="center" label="日期" />
<el-table-column prop="x" align="center" label="uid" /> <el-table-column prop="uid" align="center" label="uid" />
<el-table-column prop="x" align="center" label="平台id" /> <el-table-column prop="erbanNo" align="center" label="平台id" />
<el-table-column prop="x" align="center" label="总投入" /> <el-table-column prop="totalInput" align="center" label="总投入" />
<el-table-column prop="x" align="center" label="总产出" /> <el-table-column prop="totalOutput" align="center" label="总产出" />
<el-table-column prop="x" align="center" label="金币差额" /> <el-table-column prop="production" align="center" label="金币差额" />
<el-table-column prop="x" align="center" label="投产比" /> <el-table-column prop="productionRatio" align="center" label="投产比" />
<el-table-column prop="x" align="center" label="每次投入金额" /> <el-table-column prop="avgInput" align="center" label="每次投入金额" />
<el-table-column prop="x" align="center" label="送礼总次数" /> <el-table-column prop="num" align="center" label="送礼总次数" />
<el-table-column prop="x" align="center" label="中奖次数" /> <el-table-column prop="winNum" align="center" label="中奖次数" />
<el-table-column prop="x" align="center" label="中奖率" /> <el-table-column prop="winRate" align="center" label="中奖率" />
</el-table> </el-table>
<!-- 分页 --> <!-- 分页 -->

29
src/views/luckGift/luckGiftDataAll.vue
View File

@@ -35,21 +35,20 @@
border border
style="width: 100%; margin-top: 25px" style="width: 100%; margin-top: 25px"
> >
<el-table-column prop="x" align="center" label="日期" /> <el-table-column prop="date" align="center" label="日期" />
<el-table-column prop="x" align="center" label="送礼金币总额" /> <el-table-column prop="totalInput" align="center" label="送礼金币总额" />
<el-table-column prop="x" align="center" label="礼物反币总额" /> <el-table-column prop="totalOutput" align="center" label="礼物反币总额" />
<el-table-column <el-table-column prop="x" align="center" label="礼物反币总额/送礼金币总额"
prop="x" ><template v-slot="scope">
align="center" {{ scope.row.totalOutput / totalInput }}
label="礼物反币总额/送礼金币总额" </template>
/> </el-table-column>
<el-table-column prop="x" align="center" label="参与次数" /> <el-table-column prop="num" align="center" label="参与次数" />
<el-table-column prop="x" align="center" label="参与人数" /> <el-table-column prop="count" align="center" label="参与人数" />
<el-table-column prop="x" align="center" label="中奖人数" /> <el-table-column prop="winCount" align="center" label="中奖人数" />
<el-table-column prop="x" align="center" label="中奖次数" /> <el-table-column prop="winNum" align="center" label="中奖次数" />
<el-table-column prop="x" align="center" label="中奖率" /> <el-table-column prop="winRate" align="center" label="中奖率" />
<el-table-column prop="x" align="center" label="概率化库存" /> <el-table-column prop="stock" align="center" label="数组库存" />
<el-table-column prop="x" align="center" label="序列化库存" />
</el-table> </el-table>
<!-- 分页 --> <!-- 分页 -->