Skip to content

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

1

parent 8a1f3d03
Hide whitespace changes
Inline Side-by-side
Showing with 841 additions and 617 deletions
src/components/tradePavilion/billboardList.vue
View file @ aa0b1ac6
<template>
<div class="billboardList">
<div class="head-title">
榜单管理
<div style="float:right;margin-top:5px">
<el-button style="float:right;margin-top: -5px;" size="small" type="primary"
@click="CommonJump('addbillboard')">新增
</el-button>
</div>
<div class="billboardList">
<div class="head-title">
榜单管理
<div style="float: right; margin-top: 5px">
<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>
<div class="searchInput" style="width: 250px">
<el-input
@keyup.enter.native="(msg.pageIndex = 1), getList()"
@clear="(msg.pageIndex = 1), getList()"
style="display: inline-block; width: 225px; height: 30px"
placeholder="主办方"
v-model="msg.Sponsor"
size="small"
clearable
>
</el-input>
<span
@click="(msg.pageIndex = 1), getList()"
class="el-icon-search"
style="
color: #979dad;
font-size: 14px;
position: relative;
top: 1px;
"
></span>
</div>
<div class="content">
<div>
<span style="margin-left: 10px">主办方</span>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
style="display:inline-block;width:225px;height:30px" placeholder="主办方" v-model="msg.Sponsor"
size="small" clearable>
</el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<span style="margin-left: 10px">榜单名称</span>
<div class="searchInput" style="width:250px">
<el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
style="display:inline-block;width:225px;height:30px" placeholder="榜单名称" v-model="msg.ListName"
size="small" clearable>
</el-input>
<span @click="msg.pageIndex=1,getList()" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<span style="margin-left: 10px">榜单类型</span>
<el-select size="small" v-model="msg.ListType" filterable @change="(msg.pageIndex = 1), getList()"
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in ListType" :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.ObjectTypeId" 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.ListState" filterable @change="(msg.pageIndex = 1), getList()"
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option v-for="item in ListState" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span style="margin-left: 10px">榜单名称</span>
<div class="searchInput" style="width: 250px">
<el-input
@keyup.enter.native="(msg.pageIndex = 1), getList()"
@clear="(msg.pageIndex = 1), getList()"
style="display: inline-block; width: 225px; height: 30px"
placeholder="榜单名称"
v-model="msg.ListName"
size="small"
clearable
>
</el-input>
<span
@click="(msg.pageIndex = 1), getList()"
class="el-icon-search"
style="
color: #979dad;
font-size: 14px;
position: relative;
top: 1px;
"
></span>
</div>
<span style="margin-left: 10px">榜单类型</span>
<el-select
size="small"
v-model="msg.ListType"
filterable
@change="(msg.pageIndex = 1), getList()"
placeholder="请选择"
>
<el-option label="不限" :value="0"></el-option>
<el-option
v-for="item in ListType"
: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.ObjectTypeId"
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.ListState"
filterable
@change="(msg.pageIndex = 1), getList()"
placeholder="请选择"
>
<el-option label="不限" :value="0"></el-option>
<el-option
v-for="item in ListState"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
</el-option>
</el-select>
</div>
<el-table
:data="tableData"
v-loading="loading"
border
style="width: 100%; margin: 20px 0"
>
<el-table-column prop="UserName" label="榜单信息" width="200">
<template slot-scope="scope">
<el-image
class="app-image"
:src="scope.row.CoverImage"
:preview-src-list="[scope.row.CoverImage]"
>
</el-image>
<div flex="dir:left cross:center">
{{ scope.row.ListName }}
</div>
</template>
</el-table-column>
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="UserName" label="榜单信息" width="200">
<template slot-scope="scope">
<el-image
class="app-image"
:src="scope.row.CoverImage"
:preview-src-list="[scope.row.CoverImage]">
</el-image>
<div flex="dir:left cross:center">
{{scope.row.ListName}}
</div>
</template>
</el-table-column>
<el-table-column prop="Sponsor" label="主办方">
</el-table-column>
<el-table-column prop="ListTypeName" label="榜单类型">
</el-table-column>
<el-table-column prop="ObjectTypeList" label="面向群体">
<template slot-scope="scope">
<span v-for="(x,y) in scope.row.ObjectTypeList">{{x}}{{scope.row.ObjectTypeList.length-1==y?'':'、'}}</span>
</template>
</el-table-column>
<el-table-column prop="DeadlineDate" label="报名时间">
<template slot-scope="scope">
<div>开始:{{scope.row.StartDate}}</div>
<div>结束:{{scope.row.EndDate}}</div>
</template>
</el-table-column>
<el-table-column prop="FinishDate" label="公示日期">
</el-table-column>
<el-table-column prop="EnableRank" label="是否启用排名">
<template slot-scope="scope">
<span v-if="scope.row.EnableRank==1" style="color:green;">启用</span>
<span v-else style="color:#e95252;">不启用</span>
</template>
</el-table-column>
<el-table-column prop="ListStateName" label="状态">
</el-table-column>
<el-table-column label="操作" width="170">
<template slot-scope="scope">
<el-table-column prop="Sponsor" label="主办方"> </el-table-column>
<el-table-column prop="ListTypeName" label="榜单类型">
</el-table-column>
<el-table-column prop="ObjectTypeList" label="面向群体">
<template slot-scope="scope">
<span v-for="(x, y) in scope.row.ObjectTypeList"
>{{ x
}}{{ scope.row.ObjectTypeList.length - 1 == y ? "" : "、" }}</span
>
</template>
</el-table-column>
<el-table-column prop="DeadlineDate" label="报名时间">
<template slot-scope="scope">
<div>开始:{{ scope.row.StartDate }}</div>
<div>结束:{{ scope.row.EndDate }}</div>
</template>
</el-table-column>
<el-table-column prop="FinishDate" label="公示日期"> </el-table-column>
<el-table-column prop="EnableRank" label="是否启用排名">
<template slot-scope="scope">
<span v-if="scope.row.EnableRank == 1" style="color: green"
>启用</span
>
<span v-else style="color: #e95252">不启用</span>
</template>
</el-table-column>
<el-table-column prop="ListStateName" label="状态"> </el-table-column>
<el-tooltip class="item" effect="dark" content="报名列表" placement="top">
<img src="../../assets/img/userman/baoming.png" alt="" class="imgstyle"
@click="getItem(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="放榜" placement="top">
<img src="../../assets/img/setup/fangbang.png" alt="" class="imgstyle"
@click="fangbang(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="编辑" placement="top">
<img src="../../assets/img/setup/edit.png" alt="" class="imgstyle"
@click="EditgoUrl(scope.row)" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="取消" placement="top">
<img src="../../assets/img/setup/del.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>
</div>
<!-- 报名人数的展示 -->
<el-dialog title="报名信息" :visible.sync="dialogTableVisible">
<el-table :data="joinData">
<el-table-column property="LinkMan" label="联系人" width="150"></el-table-column>
<el-table-column property="LinkTel" label="联系电话" width="200"></el-table-column>
</el-table>
</el-dialog>
<el-table-column label="操作" width="170">
<template slot-scope="scope">
<el-tooltip
class="item"
effect="dark"
content="报名列表"
placement="top"
>
<img
src="../../assets/img/userman/baoming.png"
alt=""
class="imgstyle"
@click="getItem(scope.row)"
/>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="放榜"
placement="top"
>
<img
src="../../assets/img/setup/fangbang.png"
alt=""
class="imgstyle"
@click="fangbang(scope.row)"
/>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="编辑"
placement="top"
>
<img
src="../../assets/img/setup/edit.png"
alt=""
class="imgstyle"
@click="EditgoUrl(scope.row)"
/>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="取消"
placement="top"
>
<img
src="../../assets/img/setup/del.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>
</div>
<!-- 报名人数的展示 -->
<el-dialog title="报名信息" :visible.sync="dialogTableVisible">
<el-table :data="joinData">
<el-table-column
property="LinkMan"
label="联系人"
width="150"
></el-table-column>
<el-table-column
property="LinkTel"
label="联系电话"
width="200"
></el-table-column>
</el-table>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
loading: false,
dialogTableVisible: false,
msg: {
pageIndex: 1,
pageSize: 15,
Sponsor: '', // 主办方
ListName: '', //榜单名称
ListType: 0, //榜单类型 枚举
ObjectTypeId: 0,//面向群体 枚举
ListState: 0,//榜单状态 枚举
export default {
data() {
return {
loading: false,
dialogTableVisible: false,
msg: {
pageIndex: 1,
pageSize: 15,
Sponsor: "", // 主办方
ListName: "", //榜单名称
ListType: 0, //榜单类型 枚举
ObjectTypeId: 0, //面向群体 枚举
ListState: 0, //榜单状态 枚举
},
total: 0,
tableData: [], //数据列表
joinData: [],
ListType: [], //榜单类型 枚举
ListState: [], //榜单状态 枚举
ListObjectType: [], //面向群体 枚举
};
},
created() {
this.getListType(); //榜单类型 枚举
this.getListState(); //榜单状态 枚举
this.getListObject(); //面向群体 枚举
this.getList();
},
methods: {
getListType() {
this.apipost("/api/Trade/GetListTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ListType = res.data.data;
}
});
},
getListState() {
this.apipost("/api/Trade/GetListStateEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ListState = res.data.data;
}
});
},
getListObject() {
this.apipost("/api/Trade/GetListObjectTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ListObjectType = res.data.data;
}
});
},
getList() {
this.loading = true;
this.apipost(
"/api/Trade/GetFirstShopPrizeListPageList",
this.msg,
(res) => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
}
}
);
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
},
total: 0,
tableData: [], //数据列表
joinData: [],
ListType: [],//榜单类型 枚举
ListState: [],//榜单状态 枚举
ListObjectType: [],//面向群体 枚举
};
delete_b(row) {
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/DelFistShopPrizeListInfo",
{
ListId: row.Id,
},
(res) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
}
);
});
},
EditgoUrl(row) {
this.$router.push({
name: "addbillboard",
query: {
Id: row.Id,
blank: "y",
},
created() {
this.getListType()//榜单类型 枚举
this.getListState()//榜单状态 枚举
this.getListObject()//面向群体 枚举
this.getList();
});
},
guanlianbrand(UserId) {
this.$router.push({
name: "brandManagement",
query: {
UserId: UserId,
blank: "y",
},
methods: {
getListType() {
this.apipost("/api/Trade/GetListTypeEnumList", {}, res => {
if (res.data.resultCode == 1) {
this.ListType = res.data.data
}
})
},
getListState() {
this.apipost("/api/Trade/GetListStateEnumList", {}, res => {
if (res.data.resultCode == 1) {
this.ListState = res.data.data
}
})
},
getListObject() {
this.apipost("/api/Trade/GetListObjectTypeEnumList", {}, res => {
if (res.data.resultCode == 1) {
this.ListObjectType = res.data.data
}
})
},
getList() {
this.loading = true;
this.apipost("/api/Trade/GetFirstShopPrizeListPageList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let pageData = res.data.data.pageData;
this.tableData = pageData;
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
delete_b(row) {
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/DelFistShopPrizeListInfo",
{
ListId: row.Id,
},
(res) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
}
);
});
},
EditgoUrl(row) {
this.$router.push({
name: "addbillboard",
query: {
Id: row.Id,
blank: "y",
},
});
},
guanlianbrand(UserId) {
this.$router.push({
name: "brandManagement",
query: {
UserId: UserId,
blank: "y",
},
});
},
getItem(row) {//跳转到报名列表
this.$router.push({
name: "listRegistration",
query: {
Id: row.Id,
blank: "y",
},
});
},
goadd() {//新增修改
this.$router.push({
name: "addbillboard",
});
},
fangbang(row) {//放榜功能
this.$router.push({
name: "publishAlist",
query: {
Id: row.Id,
},
});
},
});
},
getItem(row) {
//跳转到报名列表
this.$router.push({
name: "listRegistration",
query: {
Id: row.Id,
blank: "y",
},
mounted() { }
};
});
},
goadd() {
//新增修改
this.$router.push({
name: "addbillboard",
});
},
fangbang(row) {
//放榜功能
this.$router.push({
name: "publishAlist",
query: {
Id: row.Id,
PrizeNum: row.PrizeNum,
},
});
},
},
mounted() {},
};
</script>
<style>
.billboardList .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.billboardList .content .searchInput {
border: 1px solid #dcdfe6;
border-radius: 4px;
}
.billboardList .app-image {
background-position: center center;
width: 50px;
height: 50px;
border-radius: 0%;
float: left;
margin-right: 8px;
}
.billboardList .app-image {
background-position: center center;
width: 50px;
height: 50px;
border-radius: 0%;
float: left;
margin-right: 8px;
}
.billboardList .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.billboardList .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.billboardList .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.billboardList .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.billboardList .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
.billboardList .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
</style>
\ No newline at end of file
src/components/tradePavilion/publishAlist.vue
View file @ aa0b1ac6
<template>
<div v-loading="loading" class="publishAlist">
<div class="head-title">
<span @click="CommonJump('billboardList')" class="blue point">榜单管理</span>
/ 放榜
</div>
<div class="content">
<div v-for="(x,y) in msgList" :key='y' style="margin-bottom: 15px;border-bottom: 1px solid #e2e2e2;">
<div style="display: flex;align-items: flex-start;">
<span v-if="dataobj.rankingType==1" style="line-height: 32px;margin-right: 15px;">{{y+1}}:</span>
<el-select class="w300" v-model="x.Id" size="small" placeholder="请选择" @change="selectdis()"
clearable>
<el-option v-for="item in enterpriseList" :key="item.Id" :label="item.Name" :value="item.Id"
:disabled="item.disabled">
</el-option>
</el-select>
<span style="margin-left: 15px;line-height: 32px">小奖章</span>
<div style="margin-left: 5px">
<el-button @click="openChangeDig(1,y)" size="small">选择文件</el-button>
<div class="app-gallery-item" style="position: relative; width: 100px; margin-top: 10px">
<img v-if="!x.SmallMedal || x.SmallMedal == ''" src="../../assets/img/default.png"
style="width: 80px; height: 80px" alt="" />
<el-image v-else style="width: 80px; height: 80px" :src="x.SmallMedal">
</el-image>
</div>
</div>
<!-- <span style="margin-left: 15px;line-height: 32px;">大奖章</span>
<div v-loading="loading" class="publishAlist">
<div class="head-title">
<span @click="CommonJump('billboardList')" class="blue point"
>榜单管理</span
>
/ 放榜
</div>
<div class="content">
<div
v-for="(x, y) in msgList"
:key="y"
style="margin-bottom: 15px; border-bottom: 1px solid #e2e2e2"
>
<div style="display: flex; align-items: flex-start">
<span
v-if="dataobj.rankingType == 1"
style="line-height: 32px; margin-right: 15px"
>{{ y + 1 }}:</span
>
<el-select
class="w300"
v-model="x.Id"
size="small"
placeholder="请选择"
@change="selectdis()"
clearable
>
<el-option
v-for="item in enterpriseList"
:key="item.Id"
:label="item.CompanyName"
:value="item.Id"
:disabled="item.disabled"
>
</el-option>
</el-select>
<span style="margin-left: 15px; line-height: 32px">小奖章</span>
<div style="margin-left: 5px">
<!-- <el-button @click="openChangeDig(1, y)" size="small"
>选择文件</el-button
>
<div
class="app-gallery-item"
style="position: relative; width: 100px; margin-top: 10px"
>
<img
v-if="!x.SmallMedal || x.SmallMedal == ''"
src="../../assets/img/default.png"
style="width: 80px; height: 80px"
alt=""
/>
<el-image
v-else
style="width: 80px; height: 80px"
:src="x.SmallMedal"
>
</el-image>
</div> -->
<el-upload
class="avatar-uploader"
action
:show-file-list="false"
:http-request="UploadSmall"
:data="{ index: y }"
>
<i
v-if="!x.SmallIco || x.SmallIco == ''"
class="el-icon-plus avatar-uploader-icon"
></i>
<img v-else :src="x.SmallIco" class="avatar" />
</el-upload>
</div>
<!-- <span style="margin-left: 15px;line-height: 32px;">大奖章</span>
<div style="margin-left: 5px">
<el-button @click="openChangeDig(2,y)" size="small">选择文件</el-button>
<div class="app-gallery-item" style="position: relative; width: 100px; margin-top: 10px">
......@@ -34,324 +81,384 @@
</el-image>
</div>
</div> -->
<!-- <el-button @click="synchro()" size="small" type="primary" style="margin-left: 15px">奖章同步</el-button> -->
<el-tooltip class="item" effect="dark" content="奖章同步" placement="top">
<img src="../../assets/img/userman/reset.png" alt="" class="imgstyle" @click="synchro(y)" />
</el-tooltip>
<span style="margin-left: 15px;line-height: 32px;">评语</span>
<el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="x.comment" class='w400'
style='margin-left: 15px;'>
</el-input>
</div>
<!-- <div style="margin: 20px 0;display: flex;align-items: flex-start;">
<!-- <el-button @click="synchro()" size="small" type="primary" style="margin-left: 15px">奖章同步</el-button> -->
<el-tooltip
class="item"
effect="dark"
content="奖章同步"
placement="top"
>
<img
src="../../assets/img/userman/reset.png"
alt=""
class="imgstyle"
@click="synchro(y)"
/>
</el-tooltip>
<span style="margin-left: 15px; line-height: 32px">评语</span>
<el-input
type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="x.comment"
class="w400"
style="margin-left: 15px"
>
</el-input>
</div>
<!-- <div style="margin: 20px 0;display: flex;align-items: flex-start;">
评语:
<el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="x.comment" class='w400' style='margin-left: 15px;'>
</el-input>
</div> -->
</div>
</div>
<div style="margin-top: 20px">
<el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button>
</div>
<!-- 选择文件 -->
<el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
<ChooseImg @SelectId="SelectId"></ChooseImg>
</el-dialog>
</div>
</div>
<div style="margin-top: 20px">
<el-button size="small" type="primary" @click="Save('addMsg')"
>保存</el-button
>
</div>
<!-- 选择文件 -->
<el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
<ChooseImg @SelectId="SelectId"></ChooseImg>
</el-dialog>
</div>
</template>
<script>
import ChooseImg from "@/components/global/ChooseImg.vue";
import UE from "@/components/global/UE.vue";
export default {
components: {
ChooseImg,
UE,
},
data() {
return {
loading: false,
addMsg: {
},
imgType: 0,
changeState: false,
dataobj: {
rankingType: 1,// 1排名， 2为不排名
Finalists: 6
},
msgList: [],
enterpriseList: [],//入围企业
msgListindex: 0
import ChooseImg from "@/components/global/ChooseImg.vue";
import UE from "@/components/global/UE.vue";
export default {
components: {
ChooseImg,
UE,
},
data() {
return {
loading: false,
addMsg: {},
imgType: 0,
changeState: false,
dataobj: {
rankingType: 1, // 1排名， 2为不排名
Finalists: 6,
},
msgList: [],
enterpriseList: [], //入围企业
msgListindex: 0,
msg: {
Type: 0,
ListId: 0,
List: [],
},
};
},
created() {
if (this.$route.query.Id) {
this.getData(this.$route.query.Id);
this.GetFirstShopEnrollCandidateList(this.$route.query.Id);
}
if (this.$route.query.PrizeNum) {
this.dataobj.Finalists = this.$route.query.PrizeNum;
}
this.msgList = [];
};
},
created() {
this.msgList = []
this.enterpriseList = []
for (let i = 0; i < this.dataobj.Finalists; i++) {
let obj = {
Id: '',//企业ID
comment: '',//评语
SmallMedal: '',//小奖章
GrandMedal: '',//大奖章
}
let obj2 = {
Name: '企业' + i,
Id: i + 1,
disabled: false
}
this.msgList.push(obj)
this.enterpriseList.push(obj2)
for (let i = 0; i < this.dataobj.Finalists; i++) {
let obj = {
Id: "", //企业ID
comment: "", //评语
SmallMedal: "", //小奖章
GrandMedal: "", //大奖章
};
this.msgList.push(obj);
}
},
mounted() {},
methods: {
//选择图片
SelectId(msg) {
let url = this.getIconLink(msg.url);
if (this.imgType == 1) {
this.msgList[this.msgListindex].SmallMedal = url;
} else {
this.msgList[this.msgListindex].GrandMedal = url;
}
this.changeState = false;
},
openChangeDig(num, index) {
this.changeState = true;
this.imgType = num;
this.msgListindex = index;
},
synchro(index) {
//奖章同步
let Small = "";
let Grand = "";
this.msgList.forEach((x, y) => {
if (y == index) {
Small = x.SmallMedal;
Grand = x.GrandMedal;
}
if (y > index) {
//之后同步数据
x.SmallMedal = Small;
x.GrandMedal = Grand;
}
});
},
selectdis() {
//企业下拉禁止选择处理
this.enterpriseList.forEach((x, y) => {
let ishow = false;
this.msgList.map((j, ji) => {
if (ishow == false) {
if (x.Id == j.Id) {
x.disabled = true;
ishow = true;
return;
} else {
x.disabled = false;
}
}
});
});
},
//保存品牌
Save(formName) {},
//获取详情
getData(ID) {
this.apipost(
"/api/Trade/GetFirstShopConfirmListList",
{
ListId: ID,
},
mounted() {
if (this.$route.query.Id) {
this.getData(this.$route.query.Id);
this.GetFirstShopEnrollCandidateList(this.$route.query.Id)
}
},
methods: {
//选择图片
SelectId(msg) {
let url = this.getIconLink(msg.url);
if (this.imgType == 1) {
this.msgList[this.msgListindex].SmallMedal = url
} else {
this.msgList[this.msgListindex].GrandMedal = url
}
this.changeState = false;
},
openChangeDig(num, index) {
this.changeState = true;
this.imgType = num;
this.msgListindex = index
},
synchro(index) {//奖章同步
let Small = '';
let Grand = '';
this.msgList.forEach((x, y) => {
if (y == index) {
Small = x.SmallMedal
Grand = x.GrandMedal
}
if (y > index) {//之后同步数据
x.SmallMedal = Small
x.GrandMedal = Grand
}
})
},
selectdis() {//企业下拉禁止选择处理
this.enterpriseList.forEach((x, y) => {
let ishow = false
this.msgList.map((j, ji) => {
if (ishow == false) {
if (x.Id == j.Id) {
x.disabled = true;
ishow = true
return
} else {
x.disabled = false;
}
}
})
})
},
//保存品牌
Save(formName) {
},
//获取详情
getData(ID) {
this.apipost(
"/api/Trade/GetFirstShopConfirmListList",
{
ListId: ID,
},
(res) => {
if (res.data.resultCode == 1) {
}
}
);
},
GetFirstShopEnrollCandidateList(ID) {
this.apipost(
"/api/Trade/GetFirstShopEnrollCandidateList",
{
ListId: ID,
},
(res) => {
if (res.data.resultCode == 1) {
}
}
);
}
(res) => {
if (res.data.resultCode == 1) {
}
}
);
},
//获取候选报名的列表
GetFirstShopEnrollCandidateList(ID) {
this.apipost(
"/api/Trade/GetFirstShopEnrollCandidateList",
{
ListId: ID,
},
};
(res) => {
if (res.data.resultCode == 1) {
this.enterpriseList = [];
this.enterpriseList = res.data.data;
this.enterpriseList.forEach((e, i) => {
e.disabled = false;
});
console.log(239, this.enterpriseList);
}
}
);
},
//上传小奖章
UploadSmall(file) {
console.log(file);
let imgSrc = window.URL.createObjectURL(file.file);
let img = new Image();
img.src = imgSrc;
let this_ = this;
img.onload = function () {
console.log(img.width, img.height);
// if (img.width && img.height) {
// this_.$message.success("真棒！！！");
// }
};
this.UploadFileToTencent(this.FileType().UserImg, file.file, (res) => {
if (res.resultCode == 1) {
let index = file.data.index;
this.msgList[index].SmallIco = res.FileUrl;
}
});
},
},
};
</script>
<style>
.app-add-cat .el-checkbox-group {
font-size: 14px !important;
}
.app-add-cat .el-checkbox {
margin-right: 0;
}
.app-add-cat .el-dialog__body {
padding: 10px 20px !important;
}
.app-add-cat .tag-box .tag-item {
margin-right: 5px;
}
.app-add-cat .tag-box {
margin: 20px 0;
}
.app-add-cat .app-goods-cat-list .active {
background: #fafafa;
}
.app-add-cat .app-goods-cat-list .cat-item {
cursor: pointer;
padding: 5px 10px;
}
.app-add-cat .app-goods-cat-list {
border: 1px solid #e8eaee;
border-radius: 5px;
margin-top: -5px;
padding: 10px 0;
overflow: scroll;
height: 400px;
}
.publishAlist .blue {
color: #409eff;
}
.publishAlist .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
.publishAlist .gez_list {
/*width: 650px;*/
margin-bottom: 12px;
padding: 20px;
border: 1px solid #ebeef5;
background-color: #fff;
color: #303133;
}
.publishAlist .quyu {
background-color: #f4f4f5;
color: #909399;
padding: 10px;
line-height: 30px;
height: 30px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
margin: 5px;
}
.publishAlist .el-tag+.el-tag {
margin-left: 10px;
}
.publishAlist .button-new-tag {
margin-left: 10px;
height: 32px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.publishAlist .input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
.publishAlist .ue-style .el-form-item__content {
line-height: 0;
}
.publishAlist .app-gallery-item {
border: none;
}
.publishAlist .nav_Main {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.publishAlist .nav_IconContent {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
/* .publishAlist .nav_IconContent div>div {
.app-add-cat .el-checkbox-group {
font-size: 14px !important;
}
.app-add-cat .el-checkbox {
margin-right: 0;
}
.app-add-cat .el-dialog__body {
padding: 10px 20px !important;
}
.app-add-cat .tag-box .tag-item {
margin-right: 5px;
}
.app-add-cat .tag-box {
margin: 20px 0;
}
.app-add-cat .app-goods-cat-list .active {
background: #fafafa;
}
.app-add-cat .app-goods-cat-list .cat-item {
cursor: pointer;
padding: 5px 10px;
}
.app-add-cat .app-goods-cat-list {
border: 1px solid #e8eaee;
border-radius: 5px;
margin-top: -5px;
padding: 10px 0;
overflow: scroll;
height: 400px;
}
.publishAlist .blue {
color: #409eff;
}
.publishAlist .content {
background: #fff;
margin-top: 10px;
padding: 20px;
box-sizing: border-box;
}
.publishAlist .gez_list {
/*width: 650px;*/
margin-bottom: 12px;
padding: 20px;
border: 1px solid #ebeef5;
background-color: #fff;
color: #303133;
}
.publishAlist .quyu {
background-color: #f4f4f5;
color: #909399;
padding: 10px;
line-height: 30px;
height: 30px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
margin: 5px;
}
.publishAlist .el-tag + .el-tag {
margin-left: 10px;
}
.publishAlist .button-new-tag {
margin-left: 10px;
height: 32px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.publishAlist .input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
.publishAlist .ue-style .el-form-item__content {
line-height: 0;
}
.publishAlist .app-gallery-item {
border: none;
}
.publishAlist .nav_Main {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.publishAlist .nav_IconContent {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
/* .publishAlist .nav_IconContent div>div {
display: inline-block;
} */
.publishAlist .colapp-image {
background-size: cover;
background-position: center center;
width: 100px;
height: 100px;
border-radius: 0%;
}
.publishAlist .add-image-btn {
width: 100px;
height: 100px;
line-height: 100px;
color: #419efb;
border: 1px solid #e2e2e2;
cursor: pointer;
text-align: center;
}
.publishAlist .delBtn {
position: absolute;
right: -8px;
top: -8px;
padding: 4px 4px !important;
}
.publishAlist .w600 {
width: 600px;
}
.publishAlist .brandShuxing {
display: flex;
justify-content: space-between;
width: 850px;
}
.publishAlist .brandShuxing_item {
display: flex;
justify-content: space-between;
width: 50%;
}
.publishAlist .colapp-image {
background-size: cover;
background-position: center center;
width: 100px;
height: 100px;
border-radius: 0%;
}
.publishAlist .add-image-btn {
width: 100px;
height: 100px;
line-height: 100px;
color: #419efb;
border: 1px solid #e2e2e2;
cursor: pointer;
text-align: center;
}
.publishAlist .delBtn {
position: absolute;
right: -8px;
top: -8px;
padding: 4px 4px !important;
}
.publishAlist .w600 {
width: 600px;
}
.publishAlist .brandShuxing {
display: flex;
justify-content: space-between;
width: 850px;
}
.publishAlist .brandShuxing_item {
display: flex;
justify-content: space-between;
width: 50%;
}
.avatar-uploader {
margin: 0 10px 10px;
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
}
.avatar {
width: 80px;
height: 80px;
display: block;
}
</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