Skip to content

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

1

parent 2ffa37f5
Hide 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,16 +134,59 @@ ...@@ -113,16 +134,59 @@
</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>
<el-button type="primary" @click="detailDialog = false">确 定</el-button> <el-button type="primary" @click="detailDialog = false">确 定</el-button>
...@@ -131,170 +195,233 @@ ...@@ -131,170 +195,233 @@
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
loading: false, loading: false,
dialogTableVisible: false, dialogTableVisible: false,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
ListId: 0, // ListId: 0, //
UserId: 0, // 用户 UserId: 0, // 用户
ObjectType: 0, ObjectType: 0,
CandidateState: 0, //1报名中 2候选 3淘汰 CandidateState: 0, //1报名中 2候选 3淘汰
}, },
total: 0, total: 0,
tableData: [], //数据列表 tableData: [], //数据列表
joinData: null, joinData: null,
userList: [], userList: [],
usermsg: { usermsg: {
pageIndex: 1, pageIndex: 1,
pageSize: 20, pageSize: 20,
Name: "", Name: "",
Source: 0, Source: 0,
MemberGrade: 0, MemberGrade: 0,
Id: 0, Id: 0,
Moblie: "", Moblie: "",
}, },
ListObjectType: [], ListObjectType: [],
listStatus: -1, listStatus: -1,
detailDialog: false, //详情 detailDialog: false, //详情
}; seeData:null,
}, };
created() {
if (this.$route.query.Id) {
this.msg.ListId = this.$route.query.Id;
this.getList();
}
if (this.$route.query.status) {
this.listStatus = this.$route.query.status;
}
this.getuserList();
this.getListObject(); //面向群体 枚举
// this.getList();
},
methods: {
getListObject() {
this.apipost("/api/Trade/GetListObjectTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ListObjectType = res.data.data;
}
});
}, },
ChangeListName(val) { created() {
this.usermsg.Name = val; if (this.$route.query.Id) {
this.msg.ListId = this.$route.query.Id;
this.getList();
}
if (this.$route.query.status) {
this.listStatus = this.$route.query.status;
}
this.getuserList(); this.getuserList();
this.getListObject(); //面向群体 枚举
// this.getList();
}, },
getuserList() { methods: {
this.apipost( getListObject() {
"/api/user/GetMemberUserDropDownList", this.apipost("/api/Trade/GetListObjectTypeEnumList", {}, (res) => {
this.usermsg,
(res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData; this.ListObjectType = res.data.data;
this.userList = pageData;
} }
} });
); },
}, ChangeListName(val) {
getList() { this.usermsg.Name = val;
this.loading = true; this.getuserList();
},
this.apipost("/api/Trade/GetFirstShopEnrollPageList", this.msg, (res) => { getuserList() {
this.loading = false; this.apipost(
if (res.data.resultCode == 1) { "/api/user/GetMemberUserDropDownList",
this.total = res.data.data.count; this.usermsg,
let pageData = res.data.data.pageData;
this.tableData = pageData;
}
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
eliminate(row) {
//淘汰对象
let that = this;
that.Confirm("你确定要将改对象淘汰吗?", function () {
console.log("你确定要将改对象淘汰吗");
});
},
candidate(row) {
//候选对象
let that = this;
that.Confirm("你确定将该对象纳入为候选吗?", function () {
console.log("你确定将该对象纳入为候选吗");
});
},
delete_b(row) {
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/DelFirstShopWishInfo",
{
WishId: row.Id,
},
(res) => { (res) => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.Success(res.data.message); let pageData = res.data.data.pageData;
that.getList(); this.userList = pageData;
} else {
that.Error(res.data.message);
} }
} }
); );
}); },
}, getList() {
EditgoUrl() {}, this.loading = true;
seeDetail(row) {
this.detailDialog = true; this.apipost("/api/Trade/GetFirstShopEnrollPageList", this.msg, (res) => {
let data = JSON.parse(row.Content); this.loading = false;
console.log(row); if (res.data.resultCode == 1) {
console.log(data); this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
}
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
eliminate(row) {
//淘汰对象
let that = this;
that.$confirm("你确定要将改对象淘汰吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
that.setFirstShop(row.Id, 1)
})
.catch(() => { });
},
setFirstShop(id, type) {
let that = this;
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() { },
seeDetail(row) {
this.detailDialog = true;
let data = JSON.parse(row.Content);
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
},
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() { },
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%;
border-collapse: separate; border-collapse: separate;
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