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