Skip to content

E
ElectricitySheep
Commit 190d747e authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 807eb83a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1785 additions and 129 deletions
src/components/blindDate/activityInfo.vue 0 → 100644
View file @ 190d747e
<style>
.activityMain {
background: #fff;
width: 740px;
min-height: 500px;
}
.activityTitle {
font-size: 16px;
font-weight: 400;
color: #000;
}
.activityContent {
font-size: 14px;
line-height: 24px;
color: #333;
margin: 20px 0;
}
.activeImgContent {
width: 100%;
}
.activeImgContent img {
max-width: 100%;
}
.activityFlex {
display: flex;
padding: 20px;
border-bottom: 1px solid #E1E4E6;
}
.aImg {
width: 88px;
height: 88px;
position: relative;
}
.aUserName {
margin: 5px 0;
color: #2d64b3;
text-align: center;
}
.active_NameLeft {
flex-shrink: 0;
margin-right: 20px;
}
.activeComment {
width: 100%;
background-color: #f7f8fa;
margin-top: 10px;
padding: 15px;
}
.activeComList {
display: flex;
padding-bottom: 10px;
border-bottom: 1px #d7d7d7 dotted;
display: flex;
margin-bottom: 10px;
position: relative;
}
.compentImg {
width: 32px;
height: 32px;
padding: 1px;
border: 1px solid #ccc;
flex-shrink: 0;
}
.compentRight {
color: #333;
font-size: 14px;
line-height: 20px;
margin-left: 10px;
width: 100%;
}
.compentName {
color: #2d64b3;
}
.commonDate {
font-size: 12px;
color: #999;
}
.activeDel {
width: 25px;
position: absolute;
right: -8px;
top: -8px;
display: none;
cursor: pointer;
}
.activeDel img {
width: 100%;
}
.activeComList:hover .activeDel {
display: block;
}
.activeLouzhu {
position: absolute;
right: 0;
top: 0;
}
</style>
<template>
<div class="activityInfo">
<div class="activityMain">
<div class="activityFlex">
<div class="active_NameLeft">
<div class="aImg">
<img style="width:100%;height:100%;" :src="dataList.Photo" />
<img src="../../assets/img/userman/louzhu.png" class="activeLouzhu" alt="" />
</div>
<div class="aUserName">{{dataList.UserName}}</div>
</div>
<div>
<div class="activityTitle">{{dataList.ActivityTitle}}</div>
<div class="activityContent">
{{dataList.Content}}
</div>
<div class="activeImgContent" v-for="(item,index) in dataList.ImageList" :key="index">
<img :src="item" alt="" />
</div>
</div>
</div>
<div>
<div class="activityFlex" v-for="(subItem,cindex) in compentList" :key="cindex">
<div class="active_NameLeft">
<div class="aImg">
<img style="width:100%;height:100%;" :src="subItem.Photo" />
<img src="../../assets/img/userman/louzhu.png" v-if="subItem.UserId==dataList.UserId" class="activeLouzhu" alt="" />
</div>
<div class="aUserName">{{subItem.UserName}}</div>
</div>
<div style="width:100%;">
<div class="activityContent" style="margin-top:0;">
{{subItem.Content}}
</div>
<div class="activeImgContent" v-for="(item,index) in subItem.ImageList" :key="index">
<img :src="item" alt="" />
</div>
<div class="activeComment" v-if="subItem.ReplyNum>0">
<div class="activeComList" v-for="(cItem,cindex) in subItem.ReplyList" :key="cindex">
<div class="compentImg">
<img style="width:100%;height:100%;" :src="cItem.Photo" alt="" />
</div>
<div class="compentRight">
<div>
<span class="compentName">{{cItem.UserName}}：</span>{{cItem.Content}}
</div>
<div style="text-align:right;">
<span class="commonDate">{{cItem.CreateDate}}</span>
</div>
</div>
</div>
<div>
</div>
</div>
</div>
</div>
<!-- <div class="activeComment">
<div class="activeComList" v-for="(item,cindex) in compentList" :key="cindex">
<div class="compentImg">
<img style="width:100%;height:100%;" :src="item.Photo" alt="" />
</div>
<div class="compentRight">
<div>
<span class="compentName">{{item.UserName}}：</span>{{item.Content}}
</div>
<div style="text-align:right;">
<span class="commonDate">{{item.CreateDate}}</span>
</div>
</div>
<div class="activeDel" @click="delCompent(item)">
<img src="../../assets/img/userman/del.png" alt="" />
</div>
</div>
<div class="activeComList" v-for="(subItem,subIndex) in replayList" :key="subIndex+100">
<div class="compentImg">
<img style="width:100%;height:100%;" :src="subItem.Photo" alt="" />
</div>
<div class="compentRight">
<div>
<span class="compentName">{{subItem.UserName}}：</span><span>回复</span><span
style="margin-left:5px;color:#2d64b3">{{subItem.ReplyUserName}}</span>：{{subItem.Content}}
</div>
<div style="text-align:right;">
<span class="commonDate">{{subItem.CreateDate}}</span>
</div>
</div>
<div class="activeDel" @click="delCompent(subItem)">
<img src="../../assets/img/userman/del.png" alt="" />
</div>
</div>
<el-pagination style="text-align:right" background v-if="pageCount>0" @current-change="handleCurrentChange"
:page-size="comMsg.pageSize" layout="prev, pager, next" :current-page.sync="comMsg.pageIndex"
:total="pageCount">
</el-pagination>
</div> -->
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
msg: {
ActivityId: 0
},
comMsg: {
pageIndex: 1,
pageSize: 20,
ActivityId: 0
},
replayMsg: {
pageIndex: 1,
pageSize: 20,
ParentId: 0
},
dataList: {},
compentList: [],
pageCount: 0,
replayList: []
}
},
created() {},
mounted() {
if (this.$route.query.Id) {
this.msg.ActivityId = this.$route.query.Id;
this.comMsg.ActivityId = this.$route.query.Id;
this.replayMsg.ParentId = this.$route.query.Id;
}
this.getList();
this.getCommentList();
this.getSecondReply();
},
methods: {
//获取帖子头部数据
getList() {
this.apipost("/api/Miai/GetActivityInfo", this.msg, res => {
if (res.data.resultCode == 1) {
console.log(res, '数据');
this.dataList = res.data.data;
} else {
this.Error(res.data.message);
}
})
},
//获取评论
getCommentList() {
this.apipost("/api/Miai/GetActivityDiscussPageList", this.comMsg, res => {
if (res.data.resultCode == 1) {
console.log(res, '评论数据');
this.pageCount = res.data.data.pageCount;
this.compentList = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
})
},
//评论翻页
handleCurrentChange(val) {
this.comMsg.pageIndex = val;
this.getCommentList();
this.replayMsg.pageIndex = val;
this.getSecondReply();
},
//获取二级回复
getSecondReply() {
this.apipost("/api/Miai/GetActivityReplyPageList", this.replayMsg, res => {
if (res.data.resultCode == 1) {
console.log(res, '回复数据');
// this.pageCount = res.data.data.pageCount;
// this.compentList = res.data.data.pageData;
this.replayList = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
})
},
//删除评论
delCompent(item) {
let that = this;
that.$confirm('是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let msg = {
DiscussId: item.Id
}
this.apipost("/api/Miai/DelActivityDiscussInfo", msg, res => {
if (res.data.resultCode == 1) {
this.getCommentList();
this.getSecondReply();
} else {
this.Error(res.data.message);
}
})
}).catch(() => {
});
}
}
}
</script>
src/components/blindDate/blindDateIndex.vue
View file @ 190d747e
...@@ -172,8 +172,10 @@ ...@@ -172,8 +172,10 @@
<li class="menu_item" :class="{'Fchecked':isChecked=='/plateList'}" @click="isChecked='/plateList',CommonJump('plateList')"> <li class="menu_item" :class="{'Fchecked':isChecked=='/plateList'}" @click="isChecked='/plateList',CommonJump('plateList')">
<i class="el-icon-menu"></i><span>版块列表</span> <i class="el-icon-menu"></i><span>版块列表</span>
</li> </li>
<li class="menu_item" :class="{'Fchecked':isChecked=='/recruitStick'}" @click="isChecked='/recruitStick',CommonJump('recruitStick')">
<i class="el-icon-menu"></i><span>招募贴</span>
</li>
</ul> </ul>
</div> </div>
</div> </div>
......
src/components/blindDate/plateList.vue
View file @ 190d747e
This diff is collapsed.
src/components/blindDate/recruitStick.vue 0 → 100644
View file @ 190d747e
<style>
.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;
}
</style>
<template>
<div class="recruitStick">
<div class="content">
<div style="display: flex;flex-direction: row;align-items: center">
<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>
</el-input>
<span @click="getList" class="el-icon-search"
style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
</div>
</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="100">
</el-table-column>
<el-table-column prop="ActivityTitle" label="标题">
</el-table-column>
<el-table-column prop="UserName" label="用户名称">
</el-table-column>
<el-table-column prop="Photo" label="头像">
<template slot-scope="scope">
<img :src="scope.row.Photo" style="width:35px;height:35px;border-radius:50%;" />
</template>
</el-table-column>
<el-table-column prop="Content" label="内容">
<template slot-scope="scope">
<div class="recruitContent">{{scope.row.Content}}</div>
</template>
</el-table-column>
<!-- <el-table-column prop="ImageList" label="图片">
</el-table-column> -->
<el-table-column prop="ReplyNum" label="回复数量">
</el-table-column>
<el-table-column prop="Deadline" label="截止报名日期">
</el-table-column>
<el-table-column fixed="right" label="操作" width="180">
<template slot-scope="scope">
<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>
<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/userman/icon-show.png" alt="" class="imgstyle" @click="goDetail(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>
</div>
</div>
</template>
<script>
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) {
console.log(res, '数据');
this.count = res.data.data.pageCount;
this.tableData = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//删除帖子
delete_b(item) {
let that = this;
that.$confirm('是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let msg = {
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"
}
});
}
},
}
</script>
src/components/blindDate/registrationList.vue 0 → 100644
View file @ 190d747e
<style>
.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;
}
</style>
<template>
<div class="recruitStick">
<div style="padding: 20px;background: #fff;">
<el-table :data="tableData" header-cell-class-name="headClass" style="width: 100%" border>
<el-table-column prop="Name" label="姓名">
<template slot-scope="scope">
<div style="display:flex;align-items:center;">
<img :src="scope.row.Photo" alt="" style="width:30px;height:30px;border-radius:50%;margin-right:5px;" />{{scope.row.Name}}
</div>
</template>
</el-table-column>
<el-table-column prop="Mobile" label="电话">
</el-table-column>
<el-table-column prop="UserName" label="用户名">
</el-table-column>
<el-table-column prop="Remark" label="内容">
<template slot-scope="scope">
<div class="recruitContent">{{scope.row.Remark}}</div>
</template>
</el-table-column>
<el-table-column prop="CreateDate" label="创建时间">
</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>
</div>
</div>
</template>
<script>
export default {
data() {
return {
count: 0,
msg: {
pageIndex: 1,
pageSize: 20,
ActivityId: 0
},
tableData: []
}
},
created() {},
mounted() {
if (this.$route.query.Id) {
this.msg.ActivityId = this.$route.query.Id;
}
this.getList()
},
methods: {
getList() {
this.apipost("/api/Miai/GetActivityEnrollPageList", this.msg, res => {
if (res.data.resultCode == 1) {
console.log(res, '数据');
this.count = res.data.data.pageCount;
this.tableData = res.data.data.pageData;
} else {
this.Error(res.data.message);
}
})
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
}
},
}
</script>
src/components/common/choicePeople.vue 0 → 100644
View file @ 190d747e
<template>
<div>
<el-input size="mini" v-model="msg.Name" placeholder="根据名称搜索" :clearable="true" @clear="msg.pageIndex=1,getList()"
@keyup.enter.native="msg.pageIndex=1,getList()">
<el-button slot="append" @click="msg.pageIndex=1,getList()">搜索</el-button>
</el-input>
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
@selection-change="handleSelectionChange">
<template v-if="isSingle">
<el-table-column width="50px" label="">
<template slot-scope="scope">
<el-radio v-model="scope.row.IsChecked" @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp;
</el-radio>
</template>
</el-table-column>
</template>
<template v-else>
<el-table-column type="selection" width="50px">
</el-table-column>
</template>
<el-table-column label="ID" width="80px">
<template slot-scope="scope">{{ scope.row.Id }}</template>
</el-table-column>
<el-table-column prop="name" label="名称">
<template slot-scope="scope">
<div flex="cross:center dir:left">
<img style="width:50px;height:50px;margin-right:10px;" :src="getIconLink(scope.row.Photo)" />
<div>{{ scope.row.Name }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="姓名" width="80px">
<template slot-scope="scope">{{ scope.row.RealName }}</template>
</el-table-column>
<el-table-column label="性别" width="80px">
<template slot-scope="scope">{{ scope.row.SexStr }}</template>
</el-table-column>
<el-table-column label="身高" width="80px">
<template slot-scope="scope">{{ scope.row.Height }}</template>
</el-table-column>
<el-table-column label="体重" width="80px">
<template slot-scope="scope">{{ scope.row.Weight }}</template>
</el-table-column>
<el-table-column label="学历" width="80px">
<template slot-scope="scope">{{ scope.row.EducationType }}</template>
</el-table-column>
<el-table-column label="婚姻状态" width="80px">
<template slot-scope="scope">{{ scope.row.Marriage }}</template>
</el-table-column>
<el-table-column label="生日" width="80px">
<template slot-scope="scope">{{ scope.row.Birthday }}</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:center" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
layout="prev, pager, next" :total="total">
</el-pagination>
</div>
</template>
<script>
export default {
props: ['ckGoods', "isSingle", "IsGetSpec"],
data() {
return {
dataList: [],
msg: {
pageIndex: 1,
pageSize: 15,
Name: '', //姓名
RealName: '', //真实姓名
},
total: 0,
selectRow: [],
};
},
created() {
if (this.IsGetSpec) {
this.msg.IsGetSpec = this.IsGetSpec;
}
},
methods: {
//获取所有菜单
getList() {
this.apipost("/api/Miai/GetBaseInfoPageList", this.msg, res => {
if (res.data.resultCode == 1) {
console.log(res,'人物数据');
this.total = res.data.data.count;
var tempArray = res.data.data.pageData;
if (tempArray && tempArray.length > 0) {
tempArray.forEach(item => {
item.IsChecked = false;
});
}
this.dataList = JSON.parse(JSON.stringify(tempArray));
} else {
this.Info(res.data.message);
}
})
},
handleSelectionChange(val) {
this.selectRow = JSON.parse(JSON.stringify(val));
},
getTemplateRow(index, row) {
this.selectRow = [];
if (this.dataList && this.dataList.length > 0) {
this.dataList.forEach(item => {
if (item.Id != row.Id) {
item.IsChecked = false;
}
})
}
this.selectRow.push(JSON.parse(JSON.stringify(row)));
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//父组件调用方法
getChoicedGoods() {
return this.selectRow;
},
//清空多选方法
toggleSelection(rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
},
mounted() {
this.getList();
}
};
</script>
src/components/common/choicePintuan.vue 0 → 100644
View file @ 190d747e
<template>
<div>
<el-input size="mini" v-model="msg.Name" placeholder="根据名称搜索" :clearable="true" @clear="msg.pageIndex=1,getList()"
@keyup.enter.native="msg.pageIndex=1,getList()">
<el-button slot="append" @click="msg.pageIndex=1,getList()">搜索</el-button>
</el-input>
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" height="450" style="width: 100%"
@selection-change="handleSelectionChange">
<template v-if="isSingle">
<el-table-column width="50px" label="">
<template slot-scope="scope">
<el-radio v-model="scope.row.IsChecked" @change.native="getTemplateRow(scope.$index,scope.row)">&nbsp;
</el-radio>
</template>
</el-table-column>
</template>
<template v-else>
<el-table-column type="selection" width="50px">
</el-table-column>
</template>
<el-table-column label="ID" width="80px">
<template slot-scope="scope">{{ scope.row.Id }}</template>
</el-table-column>
<el-table-column prop="CategoryList" label="分类" width="150px">
<template slot-scope="scope">
<div v-for="(subItem,SubIndex) in scope.row.CategoryList" :key="SubIndex">
{{subItem.CategoryName}}
</div>
</template>
</el-table-column>
<el-table-column prop="name" label="名称">
<template slot-scope="scope">
<div flex="cross:center dir:left">
<img style="width:50px;height:50px;margin-right:10px;" :src="getIconLink(scope.row.CoverImage)" />
<div>{{ scope.row.Name }}</div>
</div>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:center" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
layout="prev, pager, next" :total="total">
</el-pagination>
</div>
</template>
<script>
export default {
props: ['ckGoods', "isSingle", "IsGetSpec"],
data() {
return {
dataList: [],
msg: {
pageIndex: 1,
pageSize: 15,
Name: '',
GoodsStatus: 1, //上架中
IsGetSpec: 0
},
total: 0,
selectRow: [],
};
},
created() {
if (this.IsGetSpec) {
this.msg.IsGetSpec = this.IsGetSpec;
}
},
methods: {
//获取所有菜单
getList() {
this.apipost("/api/product/GetProductGoodsDialogList", this.msg, res => {
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
var tempArray = res.data.data.pageData;
if (tempArray && tempArray.length > 0) {
tempArray.forEach(item => {
item.IsChecked = false;
});
}
this.dataList = JSON.parse(JSON.stringify(tempArray));
} else {
this.Info(res.data.message);
}
})
},
handleSelectionChange(val) {
this.selectRow = JSON.parse(JSON.stringify(val));
},
getTemplateRow(index, row) {
this.selectRow = [];
if (this.dataList && this.dataList.length > 0) {
this.dataList.forEach(item => {
if (item.Id != row.Id) {
item.IsChecked = false;
}
})
}
this.selectRow.push(JSON.parse(JSON.stringify(row)));
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
//父组件调用方法
getChoicedGoods() {
return this.selectRow;
},
//清空多选方法
toggleSelection(rows) {
if (rows) {
rows.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row);
});
} else {
this.$refs.multipleTable.clearSelection();
}
},
},
mounted() {
this.getList();
}
};
</script>
src/components/sallCenter/plugin/miaiuser.vue 0 → 100644
View file @ 190d747e
This diff is collapsed.
src/router/index.js
View file @ 190d747e
...@@ -279,6 +279,18 @@ export default new Router({ ...@@ -279,6 +279,18 @@ export default new Router({
name: 'plateList', name: 'plateList',
component: resolve => require(['@/components/blindDate/plateList'], resolve), component: resolve => require(['@/components/blindDate/plateList'], resolve),
}, { }, {
path: '/recruitStick',
name: 'recruitStick',
component: resolve => require(['@/components/blindDate/recruitStick'], resolve),
}, {
path: '/registrationList',
name: 'registrationList',
component: resolve => require(['@/components/blindDate/registrationList'], resolve),
}, {
path: '/activityInfo',
name: 'activityInfo',
component: resolve => require(['@/components/blindDate/activityInfo'], resolve),
},{
path: '/addplate', path: '/addplate',
name: 'addplate', name: 'addplate',
component: resolve => require(['@/components/blindDate/addplate'], resolve), component: resolve => require(['@/components/blindDate/addplate'], resolve),
......
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