是小王呀\24601
1 year ago
10 changed files with 855 additions and 357 deletions
@ -0,0 +1,124 @@ |
|||
.g-main{ |
|||
padding: 30px 0 0 30px; |
|||
width: 100%; |
|||
} |
|||
.flex{ |
|||
display: flex; |
|||
.flex1{ |
|||
flex: 1; |
|||
} |
|||
&-1{ |
|||
flex: 1; |
|||
} |
|||
&-y{ |
|||
flex-direction: column; |
|||
} |
|||
&-x{ |
|||
flex-direction: row; |
|||
} |
|||
&-center1{ |
|||
justify-content: center; |
|||
} |
|||
&-center2{ |
|||
align-items: center; |
|||
} |
|||
&-center3{ |
|||
align-items: flex-start; |
|||
} |
|||
// |
|||
&-mean{ |
|||
justify-content: space-around; |
|||
} |
|||
//两端对齐 |
|||
&-end{ |
|||
justify-content: space-between; |
|||
} |
|||
//水平轴右对齐 |
|||
&-fend{ |
|||
justify-content: flex-end; |
|||
} |
|||
// 允许子元素换行 |
|||
&-wrap{ |
|||
flex-wrap: wrap; |
|||
} |
|||
} |
|||
.m{ |
|||
&-left12{ |
|||
margin-left: 12px; |
|||
} |
|||
&-left5{ |
|||
margin-left: 12px; |
|||
} |
|||
&-left012{ |
|||
margin-left: -5px; |
|||
} |
|||
&-left18{ |
|||
margin-left: 18px; |
|||
} |
|||
&-right12{ |
|||
margin-right: 12px; |
|||
} |
|||
&-right7{ |
|||
margin-right: 7px; |
|||
} |
|||
&-top12{ |
|||
margin-top: 12px; |
|||
} |
|||
&-top5{ |
|||
margin-top: 5px; |
|||
} |
|||
&-bottom5{ |
|||
margin-bottom: 5px; |
|||
} |
|||
&-bottom10{ |
|||
margin-bottom: 10px; |
|||
} |
|||
&-right10{ |
|||
margin-right: 10px; |
|||
} |
|||
&-right26{ |
|||
margin-right: 26px; |
|||
} |
|||
|
|||
&-top15{ |
|||
margin-top: 15px; |
|||
} |
|||
&-top10{ |
|||
margin-top: 10px; |
|||
} |
|||
&-top18{ |
|||
margin-top: 18px; |
|||
} |
|||
&-bot50{ |
|||
margin-bottom: 50px; |
|||
} |
|||
&-bot10{ |
|||
margin-bottom:10px; |
|||
} |
|||
&-top16{ |
|||
margin-top:16px; |
|||
} |
|||
} |
|||
|
|||
.p{ |
|||
&-18{ |
|||
padding: 0 18px; |
|||
} |
|||
&-12{ |
|||
padding: 12px; |
|||
} |
|||
} |
|||
.el-form-item{ |
|||
margin-bottom: 10px; |
|||
} |
|||
.bto_btn{ |
|||
display: block; |
|||
position: fixed; |
|||
bottom: 5px; |
|||
left: 0; |
|||
background: #ffffff; |
|||
width: 100%; |
|||
padding: 6px 26px; |
|||
box-sizing: border-box; |
|||
text-align: right; |
|||
} |
|||
@ -0,0 +1,77 @@ |
|||
<template> |
|||
<div style="display: flex;white-space: nowrap; padding: 30px;" > |
|||
<el-form style="padding-left: 50px;" :label-position="labelPosition" :model="tableData"> |
|||
<el-form-item label="分类" aria-required=""> |
|||
{{ tableData.className }} |
|||
</el-form-item> |
|||
<el-form-item label="标题"> |
|||
{{ tableData.awardName }} |
|||
</el-form-item> |
|||
<el-form-item label="金额"> |
|||
{{ tableData.worthAmount}} |
|||
</el-form-item> |
|||
<el-form-item label="兑换积分"> |
|||
{{ tableData.points}} |
|||
</el-form-item> |
|||
<el-form-item label="有效期至"> |
|||
{{ tableData.Nickname}} |
|||
</el-form-item> |
|||
<el-form-item label="兑换地点"> |
|||
{{ tableData.Nicknae}} |
|||
</el-form-item> |
|||
<el-form-item label="规则说明"> |
|||
{{ tableData.Nickname}} |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { requestPost,requestGet } from "@/js/dai/request"; |
|||
export default { |
|||
name: "see", |
|||
data() { |
|||
return { |
|||
labelPosition: 'right', |
|||
tableData: [], |
|||
awardId:"" |
|||
}; |
|||
}, |
|||
props:{ |
|||
list:{ |
|||
type: Object, |
|||
default: () => {} |
|||
} |
|||
}, |
|||
created() { |
|||
console.log(this.list,"list"); |
|||
// this.tableData=this.list |
|||
this.awardId=this.list.id |
|||
this.getTableData() |
|||
}, |
|||
methods: { |
|||
getTableData() { |
|||
console.log(this.formData); |
|||
const url = "/voluntary/pointsAward/admin/detail"; |
|||
let params = { |
|||
id:this.awardId |
|||
} |
|||
const { data, code, msg } = requestGet(url, params) |
|||
if (code === 0) { |
|||
console.log("列表请求成功！！！！！！！！！！！！！！"); |
|||
this.total = data.total || 0; |
|||
this.tableData = data |
|||
console.log(this.tableData,"this.tableData"); |
|||
|
|||
|
|||
} else { |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
|
|||
|
|||
} |
|||
|
|||
</script> |
|||
<style lang="scss" scoped> |
|||
</style> |
|||
Loading…
Reference in new issue