Skip to content

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

1

parent 06769073
Hide whitespace changes
Inline Side-by-side
Showing with 792 additions and 664 deletions
src/components/tradePavilion/addbillboard.vue
View file @ 0b12e6f4
<template> <template>
<div v-loading="loading" class="addbillboard"> <div v-loading="loading" class="addbillboard">
<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"> / 编辑榜单
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px" style="width: 70%"> </div>
<el-form-item label="榜单类型" class="is-required" prop="ListType"> <div class="content">
<el-select class="w400" v-model="addMsg.ListType" size="small" placeholder="请选择"> <el-form
<el-option v-for="item in ListType" :key="item.Id" :label="item.Name" :value="item.Id"> :model="addMsg"
</el-option> :rules="rules"
</el-select> ref="addMsg"
</el-form-item> label-width="150px"
<el-form-item label="面向群体" class="is-required" prop="ObjectTypeIds"> style="width: 70%"
<el-select class="w400" multiple v-model="addMsg.ObjectTypeIds" size="small" placeholder="请选择"> >
<el-option v-for="item in ListObjectType" :key="item.Id" :label="item.Name" :value="item.Id"> <el-form-item label="榜单类型" class="is-required" prop="ListType">
</el-option> <el-select
</el-select> class="w400"
</el-form-item> v-model="addMsg.ListType"
<el-form-item label="主办方" prop="Sponsor" class="is-required" size="small"> size="small"
<el-input v-model="addMsg.Sponsor" class="w600" placeholder="请输入品牌全名" maxlength="20" /> placeholder="请选择"
</el-form-item> >
<el-form-item label="榜单名称" prop="ListName" class="is-required" size="small"> <el-option
<el-input v-model="addMsg.ListName" class="w600" placeholder="请输入品牌全名" maxlength="20" /> v-for="item in ListType"
</el-form-item> :key="item.Id"
:label="item.Name"
:value="item.Id"
<el-form-item label="封面图" class="is-required" prop="CoverImage" size="small"> >
<el-button @click="openChangeDig(1)" size="small">选择文件</el-button> </el-option>
<div class="app-gallery-item" style="position: relative; width: 100px; margin-top: 10px"> </el-select>
<img v-if="!addMsg.CoverImage || addMsg.CoverImage == ''" src="../../assets/img/default.png" </el-form-item>
style="width: 80px; height: 80px" alt="" /> <el-form-item label="面向群体" class="is-required" prop="ObjectTypeIds">
<el-image v-else style="width: 80px; height: 80px" :src="addMsg.CoverImage" <el-select
:preview-src-list="logoList"> class="w400"
</el-image> multiple
</div> v-model="addMsg.ObjectTypeIds"
</el-form-item> size="small"
<el-form-item label="报名时间" class="is-required"> placeholder="请选择"
>
<el-date-picker v-model="value" value-format="yyyy-MM-dd" type="daterange" range-separator="至" <el-option
start-placeholder="开始日期" end-placeholder="结束日期"> v-for="item in ListObjectType"
</el-date-picker> :key="item.Id"
</el-form-item> :label="item.Name"
<el-form-item label="公示日期" class="is-required" prop="FinishDate"> :value="item.Id"
<el-date-picker class="w300" value-format="yyyy-MM-dd HH:mm:ss" v-model="addMsg.FinishDate" type="datetime" >
size="small" placeholder="公示日期"> </el-option>
</el-date-picker> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="入围名额" prop="PrizeNum" size="small"> <el-form-item
<el-input v-model="addMsg.PrizeNum" class="w600" :min='0' placeholder="请输入数量" type='number' /> label="主办方"
</el-form-item> prop="Sponsor"
class="is-required"
size="small"
<el-form-item label="是否启用排名" class="is-required"> >
<el-radio v-model="addMsg.EnableRank" :label="1">是</el-radio> <el-input
<el-radio v-model="addMsg.EnableRank" :label="0">否</el-radio> v-model="addMsg.Sponsor"
</el-form-item> class="w600"
placeholder="请输入品牌全名"
maxlength="20"
/>
</el-form-item>
<el-form-item
<el-form-item label="详细内容" class="ue-style"> label="榜单名称"
<UE style="width: 700px" :defaultMsg="Advertising" :config="config" :IsMultiple="true" ref="ue"> prop="ListName"
</UE> class="is-required"
</el-form-item> size="small"
>
</el-form> <el-input
</div> v-model="addMsg.ListName"
<div style="margin-top: 20px"> class="w600"
<el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button> placeholder="请输入品牌全名"
</div> maxlength="20"
<!-- 选择文件 --> />
<el-dialog title="选择文件" :visible.sync="changeState" width="1240px"> </el-form-item>
<ChooseImg @SelectId="SelectId"></ChooseImg>
</el-dialog> <el-form-item
label="封面图"
class="is-required"
prop="CoverImage"
size="small"
>
<el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
<div
class="app-gallery-item"
style="position: relative; width: 100px; margin-top: 10px"
>
<img
v-if="!addMsg.CoverImage || addMsg.CoverImage == ''"
src="../../assets/img/default.png"
style="width: 80px; height: 80px"
alt=""
/>
<el-image
v-else
style="width: 80px; height: 80px"
:src="addMsg.CoverImage"
:preview-src-list="logoList"
>
</el-image>
</div>
</el-form-item>
<el-form-item label="报名时间" class="is-required">
<el-date-picker
v-model="value"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="公示日期" class="is-required" prop="FinishDate">
<el-date-picker
class="w300"
value-format="yyyy-MM-dd HH:mm"
v-model="addMsg.FinishDate"
type="datetime"
size="small"
placeholder="公示日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="入围名额" prop="PrizeNum" size="small">
<el-input
v-model="addMsg.PrizeNum"
class="w600"
:min="0"
placeholder="请输入数量"
type="number"
/>
</el-form-item>
<el-form-item label="是否启用排名" class="is-required">
<el-radio v-model="addMsg.EnableRank" :label="1">是</el-radio>
<el-radio v-model="addMsg.EnableRank" :label="0">否</el-radio>
</el-form-item>
<el-form-item label="详细内容" class="ue-style">
<UE
style="width: 700px"
:defaultMsg="Advertising"
:config="config"
:IsMultiple="true"
ref="ue"
>
</UE>
</el-form-item>
</el-form>
</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> </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 {
addMsg: { addMsg: {
Id: 0, Id: 0,
ListType: '',//类型 ListType: "", //类型
ObjectTypeIds: '',//面向群体 多选 ObjectTypeIds: "", //面向群体 多选
Sponsor: '',//主办方 Sponsor: "", //主办方
ListName: "",//榜单名称 ListName: "", //榜单名称
CoverImage: '',//封面图 CoverImage: "", //封面图
FinishDate: '',//公示日期 FinishDate: null, //公示日期
StartDate: '',//开始时间 StartDate: "", //开始时间
EndDate: '',//结束时间 EndDate: "", //结束时间
EnableRank: 1,//是否启用排名 EnableRank: 1, //是否启用排名
PrizeNum: 0,//入围名额 PrizeNum: 0, //入围名额
Content: '',//详情内容 Content: "", //详情内容
},
}, value: [],
value: [],
Advertising: "",
Advertising: "", config: {
config: { initialFrameWidth: null,
initialFrameWidth: null, initialFrameHeight: 200,
initialFrameHeight: 200, },
}, rules: {
rules: { ListType: [
ListType: [ {
{ required: true,
required: true, message: "请选择榜单类型",
message: "请选择榜单类型", trigger: "blur",
trigger: "blur", },
}, ],
], ObjectTypeIds: [
ObjectTypeIds: [ {
{ required: true,
required: true, message: "请选择面向群体",
message: "请选择面向群体", trigger: "blur",
trigger: "blur", },
}, ],
], Sponsor: [
Sponsor: [ {
{ required: true,
required: true, message: "请输入主办方",
message: "请输入主办方", trigger: "blur",
trigger: "blur", },
}, ],
], ListName: [
ListName: [ {
{ required: true,
required: true, message: "请输入榜单名称",
message: "请输入榜单名称", trigger: "blur",
trigger: "blur", },
}, ],
], CoverImage: [
CoverImage: [ {
{ required: true,
required: true, message: "请选择封面图",
message: "请选择封面图", trigger: "blur",
trigger: "blur", },
}, ],
], PrizeNum: [
PrizeNum: [ {
{ required: true,
required: true, message: "请输入入围名额",
message: "请输入入围名额", trigger: "blur",
trigger: "blur", },
}, ],
], DeadlineDate: [
DeadlineDate: [ {
{ required: true,
required: true, message: "请选择报名截止时间",
message: "请选择报名截止时间", trigger: "blur",
trigger: "blur", },
}, ],
], StartDate: [
StartDate: [ {
{ required: true,
required: true, message: "请选择公示日期",
message: "请选择公示日期", trigger: "blur",
trigger: "blur", },
}, ],
] },
}, loading: false,
loading: false, changeState: false,
changeState: false, imgType: 0,
imgType: 0, logoList: [],
logoList: [], ShopWish: 1,
ShopWish: 1, ListType: [], //榜单类型 枚举
ListType: [],//榜单类型 枚举 ListObjectType: [], //面向群体 枚举
ListObjectType: [],//面向群体 枚举 };
}; },
}, created() {
created() { this.getListType(); //榜单类型 枚举
this.getListType()//榜单类型 枚举 this.getListObject(); //面向群体 枚举
this.getListObject()//面向群体 枚举 },
}, mounted() {
mounted() { if (this.$route.query.Id) {
if (this.$route.query.Id) { this.getData(this.$route.query.Id);
this.getData(this.$route.query.Id); }
},
methods: {
getListType() {
this.apipost("/api/Trade/GetListTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ListType = res.data.data;
}
});
},
getListObject() {
this.apipost("/api/Trade/GetListObjectTypeEnumList", {}, (res) => {
if (res.data.resultCode == 1) {
this.ListObjectType = res.data.data;
}
});
},
//选择图片
SelectId(msg) {
let url = this.getIconLink(msg.url);
if (this.imgType == 1) {
this.addMsg.CoverImage = url;
}
this.changeState = false;
},
openChangeDig(num) {
this.changeState = true;
this.imgType = num;
},
//保存品牌
Save(formName) {
let advertising = this.$refs.ue.getUEContent();
this.addMsg.Content = advertising;
this.$refs[formName].validate((valid) => {
if (valid) {
let addMsg = JSON.parse(JSON.stringify(this.addMsg));
addMsg.ObjectTypeIds = addMsg.ObjectTypeIds.join(",");
if (this.value != "" && this.value != null) {
addMsg.StartDate = this.value[0];
addMsg.EndDate = this.value[1];
} else {
this.Error("请选择日期范围");
}
this.apipost("/api/Trade/SetFistShopPrizeListInfo", addMsg, (res) => {
if (res.data.resultCode == 1) {
this.CommonJump("billboardList");
this.Success(res.data.message);
} else {
this.Error(res.data.message);
} }
});
} else {
return false;
}
});
},
//获取详情
getData(ID) {
this.loading = true;
this.apipost(
"/api/Trade/GetFistShopPrizeListInfo",
{
ListId: ID,
}, },
methods: { (res) => {
getListType() { this.loading = false;
this.apipost("/api/Trade/GetListTypeEnumList", {}, res => { if (res.data.resultCode == 1) {
if (res.data.resultCode == 1) { this.addMsg = res.data.data;
this.ListType = res.data.data if (this.addMsg.Content && this.addMsg.Content != "") {
} this.Advertising = this.addMsg.Content;
}) }
}, let ids = this.addMsg.ObjectTypeIds.split(",");
getListObject() { if (ids.length > 0) {
this.apipost("/api/Trade/GetListObjectTypeEnumList", {}, res => { //下拉多选的额数据处理
if (res.data.resultCode == 1) { this.addMsg.ObjectTypeIds = [];
this.ListObjectType = res.data.data ids.forEach((x) => {
} let num = Number(x);
}) this.addMsg.ObjectTypeIds.push(num);
}, });
}
//选择图片 if (this.addMsg.StartDate && this.addMsg.EndDate) {
SelectId(msg) { this.value = [this.addMsg.StartDate, this.addMsg.EndDate];
let url = this.getIconLink(msg.url); }
if (this.imgType == 1) { console.log(355, this.addMsg, this.addMsg.FinishDate);
this.addMsg.CoverImage = url; }
} }
this.changeState = false; );
}, },
},
openChangeDig(num) { };
this.changeState = true;
this.imgType = num;
},
//保存品牌
Save(formName) {
let advertising = this.$refs.ue.getUEContent();
this.addMsg.Content = advertising;
this.$refs[formName].validate((valid) => {
if (valid) {
let addMsg = JSON.parse(JSON.stringify(this.addMsg))
addMsg.ObjectTypeIds = addMsg.ObjectTypeIds.join(',')
if (this.value != '' && this.value != null) {
addMsg.StartDate = this.value[0];
addMsg.EndDate = this.value[1];
} else {
this.Error('请选择日期范围');
}
this.apipost("/api/Trade/SetFistShopPrizeListInfo", addMsg, (res) => {
if (res.data.resultCode == 1) {
this.CommonJump("billboardList");
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
});
} else {
return false;
}
});
},
//获取详情
getData(ID) {
this.loading = true;
this.apipost(
"/api/Trade/GetFistShopPrizeListInfo",
{
ListId: ID,
},
(res) => {
this.loading = false;
if (res.data.resultCode == 1) {
this.addMsg = res.data.data;
if (this.addMsg.Content && this.addMsg.Content != "") {
this.Advertising = this.addMsg.Content;
}
let ids = this.addMsg.ObjectTypeIds.split(',')
if(ids.length>0){//下拉多选的额数据处理
this.addMsg.ObjectTypeIds=[];
ids.forEach(x=>{
let num = Number(x)
this.addMsg.ObjectTypeIds.push(num)
})
}
if(this.addMsg.StartDate && this.addMsg.EndDate ){
this.value = [this.addMsg.StartDate,this.addMsg.EndDate ]
}
}
}
);
},
},
};
</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;
} }
.addbillboard .blue { .addbillboard .blue {
color: #409eff; color: #409eff;
} }
.addbillboard .content { .addbillboard .content {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.addbillboard .gez_list { .addbillboard .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;
} }
.addbillboard .quyu { .addbillboard .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;
} }
.addbillboard .el-tag+.el-tag { .addbillboard .el-tag + .el-tag {
margin-left: 10px; margin-left: 10px;
} }
.addbillboard .button-new-tag { .addbillboard .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;
} }
.addbillboard .input-new-tag { .addbillboard .input-new-tag {
width: 90px; width: 90px;
margin-left: 10px; margin-left: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
.addbillboard .ue-style .el-form-item__content { .addbillboard .ue-style .el-form-item__content {
line-height: 0; line-height: 0;
} }
.addbillboard .app-gallery-item { .addbillboard .app-gallery-item {
border: none; border: none;
} }
.addbillboard .nav_Main { .addbillboard .nav_Main {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
} }
.addbillboard .nav_IconContent { .addbillboard .nav_IconContent {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
} }
/* .addbillboard .nav_IconContent div>div { /* .addbillboard .nav_IconContent div>div {
display: inline-block; display: inline-block;
} */ } */
.addbillboard .colapp-image { .addbillboard .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%;
} }
.addbillboard .add-image-btn { .addbillboard .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;
} }
.addbillboard .delBtn { .addbillboard .delBtn {
position: absolute; position: absolute;
right: -8px; right: -8px;
top: -8px; top: -8px;
padding: 4px 4px !important; padding: 4px 4px !important;
} }
.addbillboard .w600 { .addbillboard .w600 {
width: 600px; width: 600px;
} }
.addbillboard .brandShuxing { .addbillboard .brandShuxing {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 850px; width: 850px;
} }
.addbillboard .brandShuxing_item { .addbillboard .brandShuxing_item {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 50%; width: 50%;
} }
</style> </style>
\ No newline at end of file
src/components/tradePavilion/billboardList.vue
View file @ 0b12e6f4
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
type="primary" type="primary"
:disabled="multipleSelection.length === 0" :disabled="multipleSelection.length === 0"
@click="downloadMultipleExcel" @click="downloadMultipleExcel"
>下载多榜单报名 >批量下载榜单报名
</el-button> </el-button>
</div> </div>
</div> </div>
...@@ -172,84 +172,104 @@ ...@@ -172,84 +172,104 @@
</el-table-column> </el-table-column>
<el-table-column prop="ListStateName" label="状态"> </el-table-column> <el-table-column prop="ListStateName" label="状态"> </el-table-column>
<el-table-column label="操作" width="270"> <el-table-column label="操作" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip <div style="height: 32px; display: flex; align-items: center">
class="item" <el-tooltip
effect="dark" class="item"
content="报名列表" effect="dark"
placement="top" content="报名列表"
> placement="top"
<img style="margin-right: 10px"
src="../../assets/img/userman/baoming.png" >
alt="" <img
class="imgstyle" src="../../assets/img/userman/baoming.png"
@click="getItem(scope.row)" alt=""
/> class="imgstyle"
</el-tooltip> @click="getItem(scope.row)"
<el-tooltip />
class="item" </el-tooltip>
effect="dark" <el-dropdown size="medium">
content="放榜" <el-button type="primary" size="mini">
placement="top" 更多菜单<i class="el-icon-arrow-down el-icon--right"></i
v-if="scope.row.ListState === 2" ></el-button>
> <el-dropdown-menu slot="dropdown">
<img <el-dropdown-item>
src="../../assets/img/setup/fangbang.png" <el-tooltip
alt="" class="item"
class="imgstyle" effect="dark"
@click="fangbang(scope.row)" content="放榜"
/> placement="top"
</el-tooltip> v-if="
<el-tooltip scope.row.ListState === 2 || scope.row.ListState === 3
class="item" "
effect="dark" >
content="编辑" <img
placement="top" src="../../assets/img/setup/fangbang.png"
> alt=""
<img class="imgstyle"
src="../../assets/img/setup/edit.png" @click="fangbang(scope.row)"
alt="" />
class="imgstyle" </el-tooltip>
@click="EditgoUrl(scope.row)" </el-dropdown-item>
/>
</el-tooltip> <el-dropdown-item v-if="scope.row.ListState == 5">
<el-tooltip <el-tooltip
class="item" class="item"
effect="dark" effect="dark"
content="取消" content="编辑"
placement="top" placement="top"
> >
<img <img
src="../../assets/img/setup/del.png" src="../../assets/img/setup/edit.png"
alt="" alt=""
class="imgstyle" class="imgstyle"
@click="delete_b(scope.row)" @click="EditgoUrl(scope.row)"
/> /> </el-tooltip
</el-tooltip> ></el-dropdown-item>
<el-tooltip <el-dropdown-item v-if="scope.row.ListState === 5">
class="item" <el-tooltip
effect="dark" class="item"
content="下载榜单报名excel" effect="dark"
placement="top" content="删除"
> placement="top"
<img >
src="../../assets/img/userman/imgsc.png" <img
alt="" src="../../assets/img/setup/del.png"
class="imgstyle" alt=""
@click="downloadSingerExcel(scope.row)" class="imgstyle"
/> @click="delete_b(scope.row)"
</el-tooltip> /> </el-tooltip
></el-dropdown-item>
<el-dropdown-item>
<el-tooltip
class="item"
effect="dark"
content="下载榜单报名excel"
placement="top"
>
<img
src="../../assets/img/userman/status_1_active.png"
alt=""
class="imgstyle"
@click="downloadSingerExcel(scope.row)"
/> </el-tooltip
></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
style="text-align: right" style="text-align: right"
background background
:current-page.sync="msg.pageIndex"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
@size-change="handleSizeChange"
:page-sizes="[15, 30, 45, 60, 75, 90]"
:page-size="msg.pageSize" :page-size="msg.pageSize"
:current-page.sync="msg.pageIndex" layout="sizes,total,prev, pager, next"
layout="total,prev, pager, next"
:total="total" :total="total"
> >
</el-pagination> </el-pagination>
...@@ -342,7 +362,11 @@ export default { ...@@ -342,7 +362,11 @@ export default {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList(); this.getList();
}, },
handleSizeChange(val) {
this.msg.pageSize = val;
this.getList();
console.log(`每页 ${val} 条`);
},
delete_b(row) { delete_b(row) {
let that = this; let that = this;
that.Confirm("是否删除?", function () { that.Confirm("是否删除?", function () {
...@@ -386,7 +410,7 @@ export default { ...@@ -386,7 +410,7 @@ export default {
name: "listRegistration", name: "listRegistration",
query: { query: {
Id: row.Id, Id: row.Id,
blank: "y", status: row.ListState,
}, },
}); });
}, },
...@@ -424,7 +448,7 @@ export default { ...@@ -424,7 +448,7 @@ export default {
this.GetLocalFile( this.GetLocalFile(
"/api/Trade/GetFirstShopMoreListEnrollToExcel", "/api/Trade/GetFirstShopMoreListEnrollToExcel",
{ ListIds: ids }, { ListIds: ids },
"榜单报名列表.xls" "批量下载榜单报名列表.xls"
); );
}, },
}, },
...@@ -469,4 +493,7 @@ export default { ...@@ -469,4 +493,7 @@ export default {
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.el-icon-arrow-down {
font-size: 12px;
}
</style> </style>
\ No newline at end of file
src/components/tradePavilion/listRegistration.vue
View file @ 0b12e6f4
...@@ -84,15 +84,15 @@ ...@@ -84,15 +84,15 @@
<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" /> <img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle" />
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="淘汰" placement="top"> <el-tooltip class="item" effect="dark" content="淘汰" placement="top" v-if="listStatus!=3">
<img src="../../assets/img/userman/nopass.png" alt="" class="imgstyle" <img src="../../assets/img/userman/nopass.png" alt="" class="imgstyle"
@click="eliminate(scope.row)" /> @click="eliminate(scope.row)" />
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="候选" placement="top"> <el-tooltip class="item" effect="dark" content="候选" placement="top" v-if="listStatus!=3">
<img src="../../assets/img/userman/pass.png" alt="" class="imgstyle" <img src="../../assets/img/userman/pass.png" alt="" class="imgstyle"
@click="candidate(scope.row)" /> @click="candidate(scope.row)" />
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="重置" placement="top"> <el-tooltip class="item" effect="dark" content="重置" placement="top" v-if="listStatus!=3">
<img src="../../assets/img/userman/reset.png" alt="" class="imgstyle" <img src="../../assets/img/userman/reset.png" alt="" class="imgstyle"
@click="delete_b(scope.row)" /> @click="delete_b(scope.row)" />
</el-tooltip> </el-tooltip>
...@@ -124,163 +124,163 @@ ...@@ -124,163 +124,163 @@
</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,
};
},
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) {
this.usermsg.Name = val;
this.getuserList();
},
getuserList() {
this.apipost(
"/api/user/GetMemberUserDropDownList",
this.usermsg,
(res) => {
if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData;
this.userList = pageData;
}
}
);
},
getList() {
this.loading = true;
}; this.apipost("/api/Trade/GetFirstShopEnrollPageList", this.msg, (res) => {
}, this.loading = false;
created() { if (res.data.resultCode == 1) {
if (this.$route.query.Id) { this.total = res.data.data.count;
this.msg.ListId = this.$route.query.Id let pageData = res.data.data.pageData;
this.getList(); 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) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
} }
this.getuserList() }
this.getListObject()//面向群体 枚举 );
});
// this.getList(); },
}, EditgoUrl() {},
methods: { },
getListObject() { mounted() {},
this.apipost("/api/Trade/GetListObjectTypeEnumList", {}, res => { };
if (res.data.resultCode == 1) {
this.ListObjectType = res.data.data
}
})
},
ChangeListName(val) {
this.usermsg.Name = val;
this.getuserList();
},
getuserList() {
this.apipost("/api/user/GetMemberUserDropDownList", this.usermsg, res => {
if (res.data.resultCode == 1) {
let pageData = res.data.data.pageData;
this.userList = pageData;
}
})
},
getList() {
this.loading = true;
this.apipost("/api/Trade/GetFirstShopEnrollPageList", 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();
},
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) => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
}
);
});
},
EditgoUrl() {
},
},
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
src/components/tradePavilion/publishAlist.vue
View file @ 0b12e6f4
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<el-option <el-option
v-for="item in enterpriseList" v-for="item in enterpriseList"
:key="item.Id" :key="item.Id"
:label="item.CompanyName" :label="item.CompanyNameObj"
:value="item.Id" :value="item.Id"
:disabled="item.disabled" :disabled="item.disabled"
> >
...@@ -169,20 +169,38 @@ export default { ...@@ -169,20 +169,38 @@ export default {
// this.msgListindex = index; // this.msgListindex = index;
// }, // },
synchro(index) { synchro(index) {
//奖章同步 this.$confirm("后面所有奖章都将同步为当前奖章, 是否继续?", "提示", {
let Small = ""; confirmButtonText: "确定",
let Grand = ""; cancelButtonText: "取消",
this.msgList.forEach((x, y) => { type: "warning",
if (y == index) { })
Small = x.MedalImage; .then(() => {
// Grand = x.MedalImageBig; //奖章同步
} let Small = "";
if (y > index) { let Grand = "";
//之后同步数据 this.msgList.forEach((x, y) => {
x.MedalImage = Small; if (y == index) {
// x.MedalImageBig = Grand; Small = x.MedalImage;
} // Grand = x.MedalImageBig;
}); }
if (y > index) {
//之后同步数据
x.MedalImage = Small;
// x.MedalImageBig = Grand;
}
});
this.$message({
type: "success",
message: "同步成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
return;
}, },
selectdis(val, index) { selectdis(val, index) {
this.enterpriseList.forEach((e) => { this.enterpriseList.forEach((e) => {
...@@ -259,7 +277,9 @@ export default { ...@@ -259,7 +277,9 @@ export default {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.enterpriseList = []; this.enterpriseList = [];
this.enterpriseList = res.data.data; this.enterpriseList = res.data.data;
this.enterpriseList.forEach((e, i) => { this.enterpriseList.forEach((e, i) => {
e.CompanyNameObj = e.CompanyName + "-" + e.ObjectName;
e.disabled = false; e.disabled = false;
}); });
} }
......
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