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 @@ ...@@ -4,9 +4,9 @@
<span @click="CommonJump('billboardList')" class="blue point">榜单管理</span> <span @click="CommonJump('billboardList')" class="blue point">榜单管理</span>
/ 报名列表 / 报名列表
<div style="float:right;"> <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')">导出 @click="CommonJump('addbillboard')">导出
</el-button> </el-button> -->
</div> </div>
</div> </div>
<div class="content"> <div class="content">
...@@ -51,6 +51,17 @@ ...@@ -51,6 +51,17 @@
</div> </div>
</template> </template>
</el-table-column> </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="关联图片/视频"> <!-- <el-table-column prop="UserName" label="关联图片/视频">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="app-image" <div class="app-image"
...@@ -64,12 +75,17 @@ ...@@ -64,12 +75,17 @@
</el-table-column> --> </el-table-column> -->
<el-table-column prop="Mobile" label="联系电话"> <el-table-column prop="Mobile" label="联系电话">
</el-table-column> </el-table-column>
<el-table-column prop="Status" label="状态" width='140'> <el-table-column prop="Status" label="状态" width='140'>
<template slot-scope="scope"> <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==2">表淘汰</span>
<span v-else-if="scope.row.CandidateState==3">未评比</span> <span v-else-if="scope.row.CandidateState==3">未评比</span>
<span v-else>未评比</span> <span v-else>未评比</span> -->
</template> </template>
</el-table-column> </el-table-column>
...@@ -80,16 +96,21 @@ ...@@ -80,16 +96,21 @@
<el-tooltip class="item" effect="dark" content="详情" placement="top"> <el-tooltip class="item" effect="dark" content="详情" placement="top">
<img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle" @click="seeDetail(scope.row)" /> <img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle" @click="seeDetail(scope.row)" />
</el-tooltip> </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)" /> <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>
<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)" /> <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>
<el-tooltip class="item" effect="dark" content="重置" placement="top" v-if="listStatus!=3"> <el-tooltip class="item" effect="dark" content="重置" placement="top"
<img src="../../assets/img/userman/reset.png" alt="" class="imgstyle" @click="delete_b(scope.row)" /> 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> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -113,15 +134,58 @@ ...@@ -113,15 +134,58 @@
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="报名详情" :visible.sync="detailDialog" width="800px"> <el-dialog title="报名详情" :visible.sync="detailDialog" width="800px">
<el-descriptions title="用户信息"> <div style="padding: 20px;" v-if="seeData">
<el-descriptions-item label="用户名">kooriookami</el-descriptions-item> <el-form label-width="150px">
<el-descriptions-item label="手机号">18100000000</el-descriptions-item> <div v-for="(x,y) in seeData" :key='y'>
<el-descriptions-item label="居住地">苏州市</el-descriptions-item> <div v-if="x.CompKey=='ImageUploadComp'">
<el-descriptions-item label="备注"> <el-form-item :label="x.CompData.Name+'：'">
<el-tag size="small">学校</el-tag> <div style="display: flex;flex-wrap: wrap;">
</el-descriptions-item> <div v-for="(item,index) in x.CompData.FileList" :key='index' style="margin-right: 10px;margin-bottom: 10px;">
<el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item> <el-image
</el-descriptions> 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"> <span slot="footer" class="dialog-footer">
<el-button @click="detailDialog = false">取 消</el-button> <el-button @click="detailDialog = false">取 消</el-button>
...@@ -131,7 +195,7 @@ ...@@ -131,7 +195,7 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
loading: false, loading: false,
...@@ -160,6 +224,7 @@ export default { ...@@ -160,6 +224,7 @@ export default {
ListObjectType: [], ListObjectType: [],
listStatus: -1, listStatus: -1,
detailDialog: false, //详情 detailDialog: false, //详情
seeData:null,
}; };
}, },
created() { created() {
...@@ -218,70 +283,132 @@ export default { ...@@ -218,70 +283,132 @@ export default {
eliminate(row) { eliminate(row) {
//淘汰对象 //淘汰对象
let that = this; let that = this;
that.Confirm("你确定要将改对象淘汰吗?", function () { that.$confirm("你确定要将改对象淘汰吗?", "提示", {
console.log("你确定要将改对象淘汰吗"); confirmButtonText: "确定",
}); cancelButtonText: "取消",
}, type: "warning",
candidate(row) { })
//候选对象 .then(() => {
let that = this; that.setFirstShop(row.Id, 1)
that.Confirm("你确定将该对象纳入为候选吗?", function () {
console.log("你确定将该对象纳入为候选吗"); })
}); .catch(() => { });
}, },
delete_b(row) { setFirstShop(id, type) {
let that = this; let that = this;
that.Confirm("是否删除?", function () { that.apipost("/api/Trade/SetFirstShopEnrollState", { EnrollId: id, Type: type }, res => {
that.apipost(
"/api/Trade/DelFirstShopWishInfo",
{
WishId: row.Id,
},
(res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.Success(res.data.message); that.Success(res.data.message);
that.getList(); that.getList();
} else { } else {
that.Error(res.data.message); 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) { seeDetail(row) {
this.detailDialog = true; this.detailDialog = true;
let data = JSON.parse(row.Content); let data = JSON.parse(row.Content);
console.log(row); this.seeData = data
console.log(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> </script>
<style> <style>
.listRegistration .content .searchInput { .listRegistration .content .searchInput {
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
border-radius: 4px; border-radius: 4px;
} }
.listRegistration .app-image { .listRegistration .app-image {
background-position: center center; background-position: center center;
width: 50px; width: 50px;
height: 50px; height: 50px;
border-radius: 0%; border-radius: 0%;
float: left; float: left;
margin-right: 8px; margin-right: 8px;
} }
.listRegistration .content .searchInput .el-input__inner { .listRegistration .content .searchInput .el-input__inner {
border: none; border: none;
outline: none; outline: none;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.listRegistration .content .searchInput { .listRegistration .content .searchInput {
line-height: normal; line-height: normal;
display: inline-table; display: inline-table;
width: 100%; width: 100%;
...@@ -289,12 +416,12 @@ export default { ...@@ -289,12 +416,12 @@ export default {
border-spacing: 0; border-spacing: 0;
width: 250px; width: 250px;
margin-right: 20px; margin-right: 20px;
} }
.listRegistration .content { .listRegistration .content {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
</style> </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