commit
This commit is contained in:
@@ -1,149 +0,0 @@
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user