Skip to content

E
ElectricitySheep
Commit c0f6ffe1 authored by 罗超's avatar 罗超
Browse files
Options

1

parent fdc9388d
Hide whitespace changes
Inline Side-by-side
Showing with 119 additions and 105 deletions
src/components/tradePavilion/listRegistration.vue
View file @ c0f6ffe1
<template>
<div class="listRegistration">
<div class="head-title">
<span @click="CommonJump('billboardList')" class="blue point">榜单管理</span>
/ 报名列表
<div style="float:right;">
<el-button style="float:right;margin-top: -5px;" size="small" type="primary"
@click="CommonJump('addbillboard')">导出
</el-button>
</div>
</div>
<div class="content">
<div>
<span style="margin-left: 10px">用户</span>
<el-select size="small" v-model="msg.UserId" :filter-method="ChangeListName" filterable
@change="(msg.pageIndex = 1), getList()" placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span style="margin-left: 10px">面向群体</span>
<el-select size="small" v-model="msg.ObjectType" filterable @change="(msg.pageIndex = 1), getList()"
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in ListObjectType" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span style="margin-left: 10px">状态</span>
<el-select size="small" v-model="msg.CandidateState" filterable @change="(msg.pageIndex = 1), getList()"
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option label="报名中" :value="1"></el-option>
<el-option label="候选" :value="2"></el-option>
<el-option label="淘汰" :value="3"></el-option>
</el-option>
</el-select>
<div class="listRegistration">
<div class="head-title">
<span @click="CommonJump('billboardList')" class="blue point">榜单管理</span>
/ 报名列表
<div style="float:right;">
<el-button style="float:right;margin-top: -5px;" size="small" type="primary"
@click="CommonJump('addbillboard')">导出
</el-button>
</div>
</div>
<div class="content">
<div>
<span style="margin-left: 10px">用户</span>
<el-select size="small" v-model="msg.UserId" :filter-method="ChangeListName" filterable
@change="(msg.pageIndex = 1), getList()" placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span style="margin-left: 10px">面向群体</span>
<el-select size="small" v-model="msg.ObjectType" filterable @change="(msg.pageIndex = 1), getList()"
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in ListObjectType" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span style="margin-left: 10px">状态</span>
<el-select size="small" v-model="msg.CandidateState" filterable @change="(msg.pageIndex = 1), getList()"
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option label="报名中" :value="1"></el-option>
<el-option label="候选" :value="2"></el-option>
<el-option label="淘汰" :value="3"></el-option>
</el-option>
</el-select>
</div>
</div>
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="CompanyName" label="报名企业">
</el-table-column>
<el-table-column prop="UserName" label="参与对象">
<template slot-scope="scope">
<div class="app-image"
:style="{backgroundImage:'url(' + scope.row.ObjectIcon + ')',backgroundSize:'cover'}">
</div>
<div flex="dir:left cross:center">
{{scope.row.ObjectName}}
</div>
</template>
</el-table-column>
<!-- <el-table-column prop="UserName" label="关联图片/视频">
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="CompanyName" label="报名企业">
</el-table-column>
<el-table-column prop="UserName" label="参与对象">
<template slot-scope="scope">
<div class="app-image"
:style="{backgroundImage:'url(' + scope.row.ObjectIcon + ')',backgroundSize:'cover'}">
</div>
<div flex="dir:left cross:center">
{{scope.row.ObjectName}}
</div>
</template>
</el-table-column>
<!-- <el-table-column prop="UserName" label="关联图片/视频">
<template slot-scope="scope">
<div class="app-image"
:style="{backgroundImage:'url(' + scope.row.images[0] + ')',backgroundSize:'cover'}">
......@@ -62,66 +62,73 @@
</div>
</template>
</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-else-if="scope.row.CandidateState==2">表淘汰</span>
<span v-else-if="scope.row.CandidateState==3">未评比</span>
<span v-else>未评比</span>
</template>
</el-table-column>
<el-table-column label="操作" width="180">
<template slot-scope="scope">
<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">
<img src="../../assets/img/userman/nopass.png" alt="" class="imgstyle" @click="eliminate(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="候选" placement="top" v-if="listStatus!=3">
<img src="../../assets/img/userman/pass.png" alt="" class="imgstyle" @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>
<!-- <el-table-column prop="Status" label="状态" width='140'>
<template slot-scope="scope">
<span v-if="scope.row.Status==1">入榜（第x名）</span>
<span v-if="scope.row.Status==2">淘汰</span>
<span v-if="scope.row.Status==3">未评比</span>
</template>
</el-table-column> -->
<el-table-column label="操作" width="180">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="详情" placement="top">
<img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="淘汰" placement="top" v-if="listStatus!=3">
<img src="../../assets/img/userman/nopass.png" alt="" class="imgstyle"
@click="eliminate(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="候选" placement="top" v-if="listStatus!=3">
<img src="../../assets/img/userman/pass.png" alt="" class="imgstyle"
@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>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange"
:page-size="msg.pageSize" :current-page.sync="msg.pageIndex" layout="total,prev, pager, next"
:total="total">
</el-pagination>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
:current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
</el-pagination>
</div>
<el-dialog title="关联图片/视频" :visible.sync="dialogTableVisible">
<div style="display: flex;flex-wrap: wrap;" v-if='joinData'>
<div v-for="(x,y) in joinData.images" :key='y'>
<el-image style="width: 100px; height: 100px;margin-right: 10px;margin-bottom: 10px;" :src="x"
:preview-src-list="joinData.images">
</el-image>
</div>
<el-dialog title="关联图片/视频" :visible.sync="dialogTableVisible">
<div style="display: flex;flex-wrap: wrap;" v-if='joinData'>
<div v-for="(x,y) in joinData.images" :key='y'>
<el-image style="width: 100px; height: 100px;margin-right: 10px;margin-bottom: 10px;" :src="x"
:preview-src-list="joinData.images">
</el-image>
</div>
</div>
<div v-if='joinData' style="margin-top: 15px;">
<video width="320" height="240" controls="controls" v-if="joinData.video!=''">
<source :src="joinData.video" type="video/mp4" />
<source :src="joinData.video" type="video/ogg">
</video>
</div>
</el-dialog>
</div>
<div v-if='joinData' style="margin-top: 15px;">
<video width="320" height="240" controls="controls" v-if="joinData.video!=''">
<source :src="joinData.video" type="video/mp4" />
<source :src="joinData.video" type="video/ogg">
</video>
</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>
<span slot="footer" class="dialog-footer">
<el-button @click="detailDialog = false">取 消</el-button>
<el-button type="primary" @click="detailDialog = false">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
......@@ -152,6 +159,7 @@ export default {
},
ListObjectType: [],
listStatus: -1,
detailDialog: false, //详情
};
},
created() {
......@@ -241,6 +249,12 @@ export default {
});
},
EditgoUrl() {},
seeDetail(row) {
this.detailDialog = true;
let data = JSON.parse(row.Content);
console.log(row);
console.log(data);
},
},
mounted() {},
};
......@@ -283,4 +297,4 @@ export default {
padding: 20px;
box-sizing: border-box;
}
</style>
\ No newline at end of file
</style>
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