Skip to content

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

1

parent 85220de3
Hide whitespace changes
Inline Side-by-side
Showing with 498 additions and 115 deletions
src/components/blindDate/PPPlusStyle.vue 0 → 100644
View file @ 0ab938f7
<template>
<div class="goodsClass">
<div class="head-title">版面设置</div>
<div style="margin-top: 10px; background: #fff; padding: 20px">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="版面设置" name="third">
<div class="app-style">
<div>
<div flex="dir:left">
<div
:class="item.Style != currentStyle ? 'hoverClass' : ''"
v-for="(item, index) in styleList"
:key="index"
flex="main:center"
>
<div
flex="main:center"
class="image-box"
style="border: 1px solid rgb(242, 244, 245)"
>
<div>
<div class="cat-style-model"></div>
<img :src="item.src" style="width: 100%" />
</div>
<div
v-if="item.Style === currentStyle"
class="style-img active"
></div>
<div @click="SelectStyle(item.Style)" class="text">
启用该样式
</div>
</div>
</div>
</div>
</div>
<div>
<el-button
:loading="saveBtnLoad"
@click="SaveStyle"
style="margin-top: 10px"
size="small"
type="primary"
>保存</el-button
>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script>
import draggable from "vuedraggable";
export default {
name: "goodsClass",
components: {
draggable,
},
data() {
return {
activeName: "third",
styleList: [
{
Style: 1,
src: require("../../assets/img/blindDate/cardmode.png"),
},
{
Style: 2,
src: require("../../assets/img/blindDate/listmode.png"),
},
],
currentStyle: 1,
saveBtnLoad: false,
};
},
created() {
this.getStyle();
},
methods: {
SaveStyle() {
this.saveBtnLoad = true;
let data = localStorage.getItem("mall_userInfo");
let id = JSON.parse(data).MallBaseId;
this.apipost(
"/api/Tenant/SetMiaiPPPlusStyle",
{ MiaiPPPlusStyle: this.currentStyle, MallBaseId: id },
(res) => {
this.saveBtnLoad = false;
if (res.data.resultCode === 1) {
this.getStyle();
this.Success(res.data.message);
} else {
this.Error(res.data.message);
}
},
null
);
},
SelectStyle(Style) {
this.currentStyle = Style;
},
getStyle() {
this.apipost("/api/Tenant/GetMiniPrograme", {}, (res) => {
if (res.data.resultCode == 1) {
this.currentStyle = res.data.data.MiaiPPPlusStyle;
console.log(244, this.currentStyle, res.data.data.MiaiPPPlusStyle);
}
});
},
handleClick(val) {},
},
};
</script>
<style>
.goodsClass .noIcon {
background-image: url("../../assets/img/default.png");
background-size: cover;
background-position: center center;
width: 30px;
height: 30px;
border-radius: 0%;
}
.goodsClass .el-form-item__label {
position: relative;
top: -3px;
}
.goodsClass .app-style .hoverClass:hover .text {
display: block;
}
.goodsClass .app-style .hoverClass:hover .cat-style-model {
display: block;
}
.goodsClass .app-style .style-img {
background-image: url("../../assets/img/userman/select.png");
background-size: cover;
background-position: center center;
width: 80px;
height: 80px;
border-radius: 0%;
}
.goodsClass .app-style .image-box .active {
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.goodsClass .app-style .image-box .text {
cursor: pointer;
background: #409eff;
text-align: center;
position: absolute;
top: 245px;
left: auto;
line-height: 30px;
width: 90px;
color: #fff;
z-index: 999;
display: none;
}
.goodsClass .app-style .cat-style-model {
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
z-index: 1;
display: none;
}
.goodsClass .app-style .image-box {
width: 340px;
border: 1px solid #f2f4f5;
cursor: pointer;
border-radius: 25px;
margin-right: 5px;
padding: 30px 0;
position: relative;
}
.goodsClass .app-style .tab-box .active {
background: #409eff;
color: #ffffff;
}
.goodsClass .app-style .tab-box .btn {
cursor: pointer;
padding: 7px 15px;
margin-right: 10px;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.goodsClass .app-style .tab-box {
margin-bottom: 20px;
}
.goodsClass .app-transfer .middle {
border-radius: 36px;
width: 36px;
height: 36px;
margin: 0 30px;
font-size: 10px;
}
.goodsClass .app-transfer .transfer .cat-next {
color: #353535;
text-align: right;
font-size: 10px;
padding: 0;
}
.vue-line-clamp {
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.goodsClass .nopadding .el-card__body {
padding: 0 !important;
height: 500px;
overflow: auto;
}
.goodsClass .itemActive {
background-color: #f5f5f5;
}
.goodsClass .nodataicon {
background-position: center center;
width: 30px;
height: 30px;
border-radius: 0%;
background-image: url("../../assets/img/userman/jqqd.png");
background-size: cover;
margin-right: 10px;
}
.goodsClass .cat-icon {
background-position: center center;
width: 30px;
height: 30px;
border-radius: 0%;
}
.goodsClass .searchInput {
border: 1px solid #dcdfe6;
border-radius: 4px;
}
.goodsClass .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px !important;
line-height: 30px !important;
}
.goodsClass .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width: 250px;
margin-right: 20px;
}
.goodsClass .cat-id {
width: 55px;
color: #999;
font-size: 14px;
margin-left: 5px;
}
.goodsClass .cat-name-info {
width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.goodsClass .cat-icon {
margin-right: 10px;
}
.goodsClass .cat-list .el-card {
display: inline-block;
}
.goodsClass .cat-list .card-item-box {
margin-right: 5px;
height: 552px;
}
.goodsClass .cat-list .el-card:first-of-type {
margin-left: 0;
}
.goodsClass .cat-list {
white-space: nowrap;
}
.goodsClass {
cursor: pointer;
}
</style>
src/components/blindDate/recruitStick.vue
View file @ 0ab938f7
<style>
.recruitStick .content {
background: #fff;
margin-top: 10px;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.recruitStick .content {
background: #fff;
margin-top: 10px;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.recruitContent {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.recruitContent img {
width: 40px;
}
.recruitContent {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.recruitContent img {
width: 40px;
}
</style>
<template>
<div class="recruitStick">
<div class="content">
<div style="display: flex;flex-direction: row;align-items: center">
<div
style="
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
"
>
<div class="block">
<div class="searchInput" style="width:200px">
<el-input style="display:inline-block;width:170px;height:30px" placeholder="请输入标题搜索"
v-model="msg.ActivityTitle" size="small" @clear="getList" @keyup.enter.native="getList" clearable>
<div class="searchInput" style="width: 200px">
<el-input
style="display: inline-block; width: 170px; height: 30px"
placeholder="请输入标题搜索"
v-model="msg.ActivityTitle"
size="small"
@clear="getList"
@keyup.enter.native="getList"
clearable
>
</el-input>
<span @click="getList" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
<span
@click="getList"
class="el-icon-search"
style="
color: #979dad;
font-size: 14px;
position: relative;
top: 1px;
"
></span>
</div>
</div>
<el-button type="primary" size="small" @click="goBanMianSet"
>版面设置</el-button
>
</div>
</div>
<div style="padding: 20px;background: #fff;">
<el-table :data="tableData" header-cell-class-name="headClass" style="width: 100%" border>
<el-table-column prop="Id" label="ID" width="60">
</el-table-column>
<div style="padding: 20px; background: #fff">
<el-table
:data="tableData"
header-cell-class-name="headClass"
style="width: 100%"
border
>
<el-table-column prop="Id" label="ID" width="60"> </el-table-column>
<el-table-column prop="ActivityTitle" label="标题" min-width="200">
</el-table-column>
<el-table-column prop="UserName" label="用户信息" width="200">
<template slot-scope="scope">
<div style="display:flex;align-items:center;">
<img :src="scope.row.Photo" style="width:35px;height:35px;border-radius:50%;" />
<span style="display:inline-block;margin-left:5px;">{{scope.row.UserName}}</span>
<div style="display: flex; align-items: center">
<img
:src="scope.row.Photo"
style="width: 35px; height: 35px; border-radius: 50%"
/>
<span style="display: inline-block; margin-left: 5px">{{
scope.row.UserName
}}</span>
</div>
</template>
</el-table-column>
<el-table-column prop="ImageList" label="图片" width="80">
<template slot-scope="scope">
<img v-for="(item,index) in scope.row.ImageList" style="width:50px;" :key="index" :src="item" />
<img
v-for="(item, index) in scope.row.ImageList"
style="width: 50px"
:key="index"
:src="item"
/>
</template>
</el-table-column>
<el-table-column prop="ReplyNum" label="回复数量" width="80">
......@@ -60,21 +98,25 @@
</el-table-column>
<el-table-column prop="EnrollNum" label="是否开启报名" width="120">
<template slot-scope="scope">
<span v-if="scope.row.IsOpenEnroll==1" style="color:green">是</span>
<span v-if="scope.row.IsOpenEnroll==2" style="color:red">否</span>
<span v-if="scope.row.IsOpenEnroll == 1" style="color: green"
>是</span
>
<span v-if="scope.row.IsOpenEnroll == 2" style="color: red"
>否</span
>
</template>
</el-table-column>
<el-table-column label="标签" width="70">
<template slot-scope="scope" v-if="scope.row.Label">
<el-tag>
{{scope.row.Label}}
{{ scope.row.Label }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="活动时间" width="220">
<template slot-scope="scope">
<div>开始时间：{{scope.row.StartTime}}</div>
<div>结束时间：{{scope.row.EndTime}}</div>
<div>开始时间：{{ scope.row.StartTime }}</div>
<div>结束时间：{{ scope.row.EndTime }}</div>
</template>
</el-table-column>
<el-table-column prop="ManNum" label="男数量" width="70">
......@@ -85,104 +127,146 @@
</el-table-column>
<el-table-column fixed="right" label="操作" width="130">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="查看详情" placement="top">
<img src="../../assets/img/userman/icon-show.png" alt="" class="imgstyle" @click="goDetail(scope.row)">
<el-tooltip
class="item"
effect="dark"
content="查看详情"
placement="top"
>
<img
src="../../assets/img/userman/icon-show.png"
alt=""
class="imgstyle"
@click="goDetail(scope.row)"
/>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="报名列表" placement="top">
<img src="../../assets/img/userman/order.png" alt="" class="imgstyle" @click="goorderList(scope.row)">
<el-tooltip
class="item"
effect="dark"
content="报名列表"
placement="top"
>
<img
src="../../assets/img/userman/order.png"
alt=""
class="imgstyle"
@click="goorderList(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
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"
layout="prev, pager, next" :current-page.sync="msg.pageIndex" :total="count">
<el-pagination
style="text-align: right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
layout="prev, pager, next"
:current-page.sync="msg.pageIndex"
:total="count"
>
</el-pagination>
</div>
</div>
</template>
<script>
export default {
data() {
return {
count: 0,
msg: {
pageIndex: 1,
pageSize: 20,
ForumId: 0,
ActivityTitle: '',
},
tableData: []
}
export default {
data() {
return {
count: 0,
msg: {
pageIndex: 1,
pageSize: 20,
ForumId: 0,
ActivityTitle: "",
},
tableData: [],
};
},
created() {},
mounted() {
if (this.$route.query.Id) {
this.msg.ForumId = this.$route.query.Id;
}
this.getList();
},
methods: {
getList() {
this.apipost("/api/Miai/GetActivityPageList", this.msg, (res) => {
if (res.data.resultCode == 1) {
this.count = res.data.data.pageCount;
this.tableData = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
});
},
created() {},
mounted() {
if (this.$route.query.Id) {
this.msg.ForumId = this.$route.query.Id;
}
this.getList()
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
methods: {
getList() {
this.apipost("/api/Miai/GetActivityPageList", this.msg, res => {
if (res.data.resultCode == 1) {
this.count = res.data.data.pageCount;
this.tableData = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
//删除帖子
delete_b(item) {
let that = this;
that
.$confirm("是否删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//删除帖子
delete_b(item) {
let that = this;
that.$confirm('是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
.then(() => {
let msg = {
ActivityId: item.Id
}
this.apipost("/api/Miai/DelActivityInfo", msg, res => {
ActivityId: item.Id,
};
this.apipost("/api/Miai/DelActivityInfo", msg, (res) => {
if (res.data.resultCode == 1) {
this.getList();
} else {
this.Error(res.data.message);
}
})
}).catch(() => {
});
},
//招募贴报名列表
goorderList(item) {
this.$router.push({
name: 'registrationList',
query: {
Id: item.Id,
blank: "y"
}
});
},
//查看详情
goDetail(item) {
this.$router.push({
name: 'activityInfo',
query: {
Id: item.Id,
blank: "y"
}
});
}
});
})
.catch(() => {});
},
}
//招募贴报名列表
goorderList(item) {
this.$router.push({
name: "registrationList",
query: {
Id: item.Id,
blank: "y",
},
});
},
//查看详情
goDetail(item) {
this.$router.push({
name: "activityInfo",
query: {
Id: item.Id,
blank: "y",
},
});
},
goBanMianSet() {
this.$router.push({
path: "/PPPlusStyle",
});
},
},
};
</script>
src/router/index.js
View file @ 0ab938f7
......@@ -298,6 +298,11 @@ export default new Router({
path: '/recruitStick',
name: 'recruitStick',
component: resolve => require(['@/components/blindDate/recruitStick'], resolve),
},
{
path: '/PPPlusStyle',
name: 'PPPlusStyle',
component: resolve => require(['@/components/blindDate/PPPlusStyle'], resolve),//拼拼plus展示样式
}, {
path: '/registrationList',
name: 'registrationList',
......
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