150 lines
4.2 KiB
HTML
150 lines
4.2 KiB
HTML
<style>
|
|
.el-icon-download {
|
|
color: white;
|
|
}
|
|
|
|
.file-down-span {
|
|
background: black;
|
|
opacity: 0.5;
|
|
z-index: 1000;
|
|
width: 100px;
|
|
text-align: center;
|
|
/*position: absolute;*/
|
|
position: relative;
|
|
bottom: -100px;
|
|
|
|
cursor: pointer;
|
|
}
|
|
|
|
.file-down-span:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.el-icon-circle-close {
|
|
color: white;
|
|
}
|
|
|
|
.v-content {
|
|
width: 100%;
|
|
font-size: 16px;
|
|
color: rgb(100, 100, 100);
|
|
}
|
|
|
|
.v-author {
|
|
text-align: right;
|
|
color: rgb(160, 160, 160);
|
|
}
|
|
|
|
.el-tabs__item {
|
|
color: rgb(120, 120, 120)
|
|
}
|
|
</style>
|
|
<div id="v-app" v-cloak>
|
|
<el-dialog
|
|
title="活动详细信息"
|
|
top="3%"
|
|
:visible.sync="viewDialogVisible" custom-class="ViewDialogClass"
|
|
:close-on-click-modal="false" width="70%">
|
|
|
|
<el-tabs tab-position="top" v-model="activeName" v-loading="loading">
|
|
<el-tab-pane label="活动基础信息" name="1">
|
|
<!--#include("/platform/zgfw/lxy/dialogViewHd.html"){}#-->
|
|
</el-tab-pane>
|
|
<el-tab-pane label="名额分配信息" name="2">
|
|
<!--#include("/platform/zgfw/lxy/dialogViewFp.html"){}#-->
|
|
</el-tab-pane>
|
|
<el-tab-pane label="报名人员信息" name="3">
|
|
<!--#include("/platform/zgfw/lxy/dialogViewBm.html"){}#-->
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="viewDialogVisible = false">关 闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
window.lxy_app = new Vue({
|
|
el: '#v-app',
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
prevImgList: [],
|
|
viewData: {
|
|
mefp: [],
|
|
bm: [],
|
|
},
|
|
viewDialogVisible: false,
|
|
activeName: '1',
|
|
imageType: ['jpg', 'jpeg', 'png'],
|
|
getSuffix: (name) => {
|
|
return name.substr(name.lastIndexOf('.') + 1).toLowerCase()
|
|
},
|
|
isImage: (path) => {
|
|
return this.imageType.includes(this.getSuffix(path))
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
getStatus(row) {
|
|
var now = new Date().getTime()
|
|
var hdkssj = moment(row.hdkssj.valueOf())
|
|
var hdjssj = moment(row.hdjssj.valueOf())
|
|
var bmjzsj = moment(row.bmjzsj.valueOf())
|
|
|
|
if (now < bmjzsj) {
|
|
return {
|
|
class: 'text-success',
|
|
name: '活动报名中'
|
|
}
|
|
} else if (bmjzsj < now && now < hdkssj) {
|
|
return {
|
|
class: 'text-info',
|
|
name: '报名已截止'
|
|
}
|
|
} else if (hdkssj < now && now < hdjssj) {
|
|
return {
|
|
class: 'text-warning',
|
|
name: '活动进行中'
|
|
}
|
|
} else if (now > hdjssj) {
|
|
return {
|
|
class: 'text-danger',
|
|
name: '活动已结束'
|
|
}
|
|
}
|
|
|
|
},
|
|
async getLxyInfo(id) {
|
|
const {data} = await $.get(base + "/platform/zgfw/lxy/common/getHdInfo", {id})
|
|
return data
|
|
},
|
|
async openView(id) {
|
|
this.prevImgList = []
|
|
this.viewDialogVisible = true
|
|
this.loading = true
|
|
|
|
this.viewData = await this.getLxyInfo(id)
|
|
|
|
if (this.viewData) {
|
|
this.activeName = '1'
|
|
} else {
|
|
this.viewData = {}
|
|
this.$message({
|
|
message: "获取活动信息失败",
|
|
type: 'error'
|
|
});
|
|
this.viewDialogVisible = false
|
|
}
|
|
|
|
this.loading = false
|
|
},
|
|
},
|
|
})
|
|
|
|
</script>
|
|
|