Skip to content

E
ElectricitySheep
Commit 350d24cc authored by Mac's avatar Mac
Browse files
Options

1

parent 2ffa37f5
Show whitespace changes
Inline Side-by-side
Showing with 295 additions and 168 deletions
src/components/tradePavilion/listRegistration.vue
View file @ 350d24cc
......@@ -4,9 +4,9 @@
<span @click="CommonJump('billboardList')" class="blue point">榜单管理</span>
/ 报名列表
<div style="float:right;">
<el-button style="float:right;margin-top: -5px;" size="small" type="primary"
<!-- <el-button style="float:right;margin-top: -5px;" size="small" type="primary"
@click="CommonJump('addbillboard')">导出
</el-button>
</el-button> -->
</div>
</div>
<div class="content">
......@@ -51,6 +51,17 @@
</div>
</template>
</el-table-column>
<el-table-column prop="UserName" label="奖章">
<template slot-scope="scope">
<div class="app-image"
:style="{backgroundImage:'url(' + scope.row.MedalImage + ')',backgroundSize:'cover'}">
</div>
</template>
</el-table-column>
<el-table-column prop="Reviews" label="评语">
</el-table-column>
<!-- <el-table-column prop="UserName" label="关联图片/视频">
<template slot-scope="scope">
<div class="app-image"
......@@ -64,12 +75,17 @@
</el-table-column> -->
<el-table-column prop="Mobile" label="联系电话">
</el-table-column>
<el-table-column prop="Status" label="状态" width='140'>
<template slot-scope="scope">
<span v-if="scope.row.RankListState==1">入榜（第{{scope.row.Rank}}名）</span>
<span v-if="scope.row.CandidateState==1">报名中</span>
<span v-if="scope.row.CandidateState==2">候选</span>
<span v-if="scope.row.CandidateState==3">淘汰</span>
<!-- <span v-if="scope.row.RankListState==1">入榜（第{{scope.row.Rank}}名）</span>
<span v-else-if="scope.row.CandidateState==2">表淘汰</span>
<span v-else-if="scope.row.CandidateState==3">未评比</span>
<span v-else>未评比</span>
<span v-else>未评比</span> -->
</template>
</el-table-column>
......@@ -80,16 +96,21 @@
<el-tooltip class="item" effect="dark" content="详情" placement="top">
<img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle" @click="seeDetail(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="淘汰" placement="top" v-if="listStatus!=3">
<el-tooltip class="item" effect="dark" content="淘汰" placement="top" v-if="scope.row.CandidateState==1">
<img src="../../assets/img/userman/nopass.png" alt="" class="imgstyle" @click="eliminate(scope.row)" />
v-if="scope.row.CandidateState==1" @click="eliminate(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="候选" placement="top" v-if="listStatus!=3">
<el-tooltip class="item" effect="dark" content="候选" placement="top" v-if="scope.row.CandidateState==1">
<img src="../../assets/img/userman/pass.png" alt="" class="imgstyle" @click="candidate(scope.row)" />
v-if="scope.row.CandidateState==1" @click="candidate(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="重置" placement="top" v-if="listStatus!=3">
<img src="../../assets/img/userman/reset.png" alt="" class="imgstyle" @click="delete_b(scope.row)" />
<el-tooltip class="item" effect="dark" content="重置" placement="top"
v-if="scope.row.CandidateState==3 || scope.row.CandidateState==2">
<img src="../../assets/img/userman/reset.png" alt="" class="imgstyle"
v-if="scope.row.CandidateState==3 || scope.row.CandidateState==2" @click="delete_b(scope.row)" />
</el-tooltip>
</template>
</el-table-column>
</el-table>
......@@ -113,15 +134,58 @@
</div>
</el-dialog>
<el-dialog title="报名详情" :visible.sync="detailDialog" width="800px">
<el-descriptions title="用户信息">
<el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
<el-descriptions-item label="手机号">18100000000</el-descriptions-item>
<el-descriptions-item label="居住地">苏州市</el-descriptions-item>
<el-descriptions-item label="备注">
<el-tag size="small">学校</el-tag>
</el-descriptions-item>
<el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
</el-descriptions>
<div style="padding: 20px;" v-if="seeData">
<el-form label-width="150px">
<div v-for="(x,y) in seeData" :key='y'>
<div v-if="x.CompKey=='ImageUploadComp'">
<el-form-item :label="x.CompData.Name+'：'">
<div style="display: flex;flex-wrap: wrap;">
<div v-for="(item,index) in x.CompData.FileList" :key='index' style="margin-right: 10px;margin-bottom: 10px;">
<el-image
style="width: 100px; height: 100px"
:src="item"
:preview-src-list="x.CompData.FileList">
</el-image>
</div>
</div>
</el-form-item>
</div>
<div v-if="x.CompKey=='VideoUploadComp'">
<el-form-item :label="x.CompData.Name+'：'">
<div v-for="(item,index) in x.CompData.FileList" :key='index' style="margin-bottom: 10px;">
<video width="260" height="180" controls="controls" >
<source :src="item" type="video/ogg" />
<source :src="item" type="video/mp4" />
<source :src="item" type="video/webm" />
</video>
</div>
</el-form-item>
</div>
<div v-if="(x.CompKey=='SingleLineText' || x.CompKey=='MultiLineText') && x.CompData.TextValue!=''">
<el-form-item :label="x.CompData.Name+'：'">
<span>{{x.CompData.TextValue}}</span>
</el-form-item>
</div>
<div v-if="x.CompKey=='DorpDownList' && x.CompData.OptionValue!=''">
<el-form-item :label="x.CompData.Name+'：'">
<span>{{getOptionValue(x.CompData)}}</span>
</el-form-item>
</div>
<div v-if="x.CompKey=='CommonUploadComp' && x.CompData.FileList.length>0">
<el-form-item :label="x.CompData.Name+'：'">
<div v-for="(item,index) in x.CompData.FileListName" :key='index' style="margin-bottom: 2px;cursor: pointer;" @click="showUpLoadFile(item,x.CompData.FileList[index])">
{{index+1}}、{{item}}
</div>
</el-form-item>
</div>
</div>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="detailDialog = false">取 消</el-button>
......@@ -131,7 +195,7 @@
</div>
</template>
<script>
export default {
export default {
data() {
return {
loading: false,
......@@ -160,6 +224,7 @@ export default {
ListObjectType: [],
listStatus: -1,
detailDialog: false, //详情
seeData:null,
};
},
created() {
......@@ -218,70 +283,132 @@ export default {
eliminate(row) {
//淘汰对象
let that = this;
that.Confirm("你确定要将改对象淘汰吗?", function () {
console.log("你确定要将改对象淘汰吗");
});
},
candidate(row) {
//候选对象
let that = this;
that.Confirm("你确定将该对象纳入为候选吗?", function () {
console.log("你确定将该对象纳入为候选吗");
});
that.$confirm("你确定要将改对象淘汰吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
that.setFirstShop(row.Id, 1)
})
.catch(() => { });
},
delete_b(row) {
setFirstShop(id, type) {
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/DelFirstShopWishInfo",
{
WishId: row.Id,
},
(res) => {
that.apipost("/api/Trade/SetFirstShopEnrollState", { EnrollId: id, Type: type }, res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
}
);
});
})
},
candidate(row) {
//候选对象
let that = this;
that.$confirm("你确定将该对象纳入为候选吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
that.setFirstShop(row.Id, 2)
})
.catch(() => { });
},
delete_b(row) {
let that = this;
that.$confirm("你确定重置状态?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
that.setFirstShop(row.Id, 3)
})
.catch(() => { });
},
EditgoUrl() {},
EditgoUrl() { },
seeDetail(row) {
this.detailDialog = true;
let data = JSON.parse(row.Content);
console.log(row);
this.seeData = data
console.log(data);
},
getOptionValue(row){
let value = row.OptionValue
let list = row.OptionList
let data = value.toString().split(',')
let text = ''
data.forEach((x,y)=>{
list.map(j=>{
if(j.Id==x){
if(y+1==data.length){
text =text+ j.Name
}else{
text = text+j.Name+'、'
}
return
}
})
})
return text
},
mounted() {},
};
showUpLoadFile(FileName,FilePath) {//文件显示
// 文件类型进行判断
if (
FileName.substring(
FileName.lastIndexOf(".") + 1,
FileName.length
).toUpperCase() == "PDF" ||
FileName.substring(
FileName.lastIndexOf(".") + 1,
FileName.length
).toUpperCase() == "TXT"
) {
this.previewPDF(Url);
} else {
console.log(FilePath)
window.open(
"https://view.officeapps.live.com/op/view.aspx?src=" + FilePath
);
}
},
},
mounted() { },
};
</script>
<style>
.listRegistration .content .searchInput {
.listRegistration .content .searchInput {
border: 1px solid #dcdfe6;
border-radius: 4px;
}
}
.listRegistration .app-image {
.listRegistration .app-image {
background-position: center center;
width: 50px;
height: 50px;
border-radius: 0%;
float: left;
margin-right: 8px;
}
}
.listRegistration .content .searchInput .el-input__inner {
.listRegistration .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
}
.listRegistration .content .searchInput {
.listRegistration .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
......@@ -289,12 +416,12 @@ export default {
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
}
.listRegistration .content {
.listRegistration .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment