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="arrContent" v-for="(item, index) in arr" :key="index">
<div class="arrBox">
<div class="left">
<div class="left_in1">
期望: <b class="b1">{{ item.expect }}</b> ,
<div class="boxs">
<div class="arrContent" v-for="(item, index) in arr" :key="index">
<div class="arrBox">
<div class="left">
<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 class="left_in2">
中奖率: <b class="b2">{{ (item.winRate * 100).toFixed(2) }}%</b> ,
<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 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>
@@ -120,7 +122,9 @@ export default {
// 保存
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) {
ElMessage({
showClose: true,
@@ -179,38 +183,47 @@ export default {
.arrSet {
margin-bottom: 0px;
}
.arrContent {
// margin-bottom: 20px;
height: 50px;
line-height: 50px;
.arrBox {
.left {
float: left;
div {
min-width: 120px;
display: inline-block;
.b1 {
color: red;
.boxs {
display: flex;
// justify-content: space-between;
flex-wrap: wrap;
.arrContent {
// margin-bottom: 20px;
width: 190px;
height: 395px;
line-height: 30px;
margin-bottom: 20px;
.arrBox {
.left {
// float: left;
div {
min-width: 100px;
display: block;
// margin-bottom: -25px;
.b1 {
color: red;
}
.b2 {
color: blue;
}
}
.b2 {
color: blue;
.left_in2 {
margin-bottom: 10px
}
}
.left_in2 {
margin-right: 30px;
}
}
.right {
float: left;
span {
display: inline-block;
margin-right: 5px;
}
.input {
display: inline-block;
width: 100px;
margin-right: 10px;
font-size: 16px;
.right {
float: left;
margin-bottom: 15px;
span {
display: inline-block;
width: 45px;
}
.input {
display: inline-block;
width: 100px;
margin-right: 10px;
font-size: 16px;
}
}
}
}

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

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

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

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