<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>动态-动态列表</title>
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<link href="css/newDOUI.min.css" rel="stylesheet">
|
<link rel="stylesheet" type="text/css" href="css/DOUI.min.css"/>
|
|
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
|
<script src="js/DOUI.min.js" type="text/javascript" charset="utf-8"></script>
|
<style type="text/css">
|
*{ box-sizing: inherit; }
|
.search {
|
display: inline;
|
width: auto;
|
}
|
|
.img {
|
width: 223px;
|
height: 120px;
|
}
|
/*----------------------------------------------------------------------------------- 全局外框布局*/
|
/*隐藏滚动条*/
|
#allwai::-webkit-scrollbar{ display: none; }
|
/*顶部导航选项*/
|
.topxuanwai{ width: 100%; min-width: 40rem; height: 2.5rem; background-color: #BFBFC4; }
|
.topdan{ height: 2.5rem; padding: 0 1rem; cursor: pointer; transition-property: background-color color; transition-duration: 0.5s; }
|
.topdan:hover{ background-color: rgba(0,0,0,0.8); }
|
.topxuanT{ background-color: rgba(0,0,0,0.6); }
|
/*每个输入模块外层*/
|
.morow{ width: 93%; padding: 1rem 2%; margin-left: 0.5rem; margin-bottom: 0.5rem; background-color: white; }
|
|
/*----------------------------------------------------------------------------------- 用户选择区域*/
|
/*模拟组件框*/
|
.userwai{ width: 30rem; height: 2.3rem; border: 1px solid #ccc; position: relative; }
|
/*隐藏的下拉框*/
|
.userab{ width: 30rem; height: auto; border: 1px solid #ccc; background-color: white; position: absolute; left: -1px; top: 2.4rem; z-index: 20; }
|
/*下拉框中的每个元素框*/
|
.userdan{ width: 100%; height: 2.3rem; transition-property: background-color color; transition-duration: 0.5s; }
|
.userdan:hover{ background-color: rgba(0,0,0,0.7); color: white; }
|
/*用户头像*/
|
.userimg{ width: 1.5rem; height: 1.5rem; margin: 0 0.8rem; }
|
.userimg>img{ width: 100%; height: 100%; }
|
|
/*----------------------------------------------------------------------------------- 标题编辑区域*/
|
/*菜单框*/
|
.toolbar { width: 60rem; border: 1px solid #ccc; }
|
/*文本输入框*/
|
.text { width: 60rem; height: 8rem; border: 1px solid #ccc; }
|
|
/*----------------------------------------------------------------------------------- 提交按钮区域*/
|
/*圆形按钮*/
|
.btn_yuan{ border-radius: 50%; text-align: center; cursor: pointer; }
|
/*输入组件*/
|
.myinput{ height: 2rem; padding: 0 0.5rem; border: 1px solid grey; border-radius: 0.3rem; outline: none; }
|
/*发布按钮*/
|
.btn{ max-width: 8rem; max-height: 1rem; padding: 0.5rem 1.5rem; border-radius: 0.3rem; }
|
|
/*----------------------------------------------------------------------------------- 普通图文编辑区域*/
|
/*预览的图片*/
|
.imgdan{ width: 6rem; height: 6rem; margin: 0.5rem; border: 0.3rem solid gainsboro; position: relative; overflow: hidden; }
|
.imgdan>img{ width: 100%; height: 100%; min-width: 6rem; min-height: 6rem; }
|
.imgxu{ width: 1.6rem; height: 1.6rem; position: absolute; left: 0.1rem; top: 0.1rem; border-radius: 50%; z-index: 10; }
|
|
/*----------------------------------------------------------------------------------- 商品选取区域*/
|
/*已经选好的商品*/
|
.spdan{ width: 6rem; height: 8rem; border: 0.3rem solid gainsboro; margin: 0.5rem; position: relative; }
|
.spimgsize{ width: 6rem; height: 6rem; }
|
/*右上角删除按钮*/
|
.spdel{ width: 1.7rem; height: 1.7rem; border-radius: 50%; position: absolute; right: 0.1rem; top: 0.1rem; cursor: pointer; z-index: 15; }
|
|
/*搜索弹框*/
|
.spsouwai{ width: 65rem; height: 43rem; position: fixed; left: 18rem; top: 6rem; background-color: white; border: 1px solid grey; border-radius: 0.3rem; z-index: 30; box-shadow: 0 0 1rem gray; }
|
/*搜索输入框*/
|
.spsouinput{ width: 20rem; height: 2rem; padding: 0 0.5rem; border: 1px solid grey; border-radius: 0.3rem; outline: none; }
|
/*头排说明*/
|
.sprowT{ width: 60rem; height: 2rem; background-color: #F1F1F1; border: 1px solid #CCCCCC; }
|
.sprowTdan{ background-color: white; margin-right: 1px; overflow: hidden; }
|
/*搜索结果外框*/
|
.spjiewai{ width: 60rem; margin-top: 0.3rem; margin-bottom: 1rem; border: 1px solid #CCCCCC; overflow: scroll; }
|
.spjiewai::-webkit-scrollbar{ display: none; }
|
/*商品单排*/
|
.sprow{ width: 60rem; height: 6rem; background-color: #F1F1F1; border-bottom: 1px solid #CCCCCC; }
|
.sprowdan{ margin-right: 1px; word-break: break-all; background-color: white; transition: background-color 0.3s; overflow: hidden; }
|
/*文字三排显示*/
|
.sptitle{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
|
.sprowxuan{ }
|
.sprowxuan>div{ background-color: #CBE5CB; }
|
</style>
|
</head>
|
|
<body>
|
<script type="text/javascript">
|
$("body").addClass("displayNone");
|
</script>
|
<nav class="navbar navbar-default navbar-fixed-top" style="height: 50px; overflow: hidden;"></nav>
|
<div id="mainbody">
|
<div id="sidebar"></div>
|
<div id="neirong">
|
<div id="allwai" class="allwai fboxCol">
|
|
<!--------------------------------------------------------------------------------------------------- 顶部导航选项-->
|
<!--<div class="topxuanwai fboxRow displayNone">
|
<div class="topdan fboxRow Xcenter Ycenter" v-bind:class='index_top==0?"topxuanT":""' v-on:click='Click_top(0)'><div class="font_white">普通图文动态</div></div>
|
<div class="topdan fboxRow Xcenter Ycenter" v-bind:class='index_top==1?"topxuanT":""' v-on:click='Click_top(1)'><div class="font_white">商品动态</div></div>
|
<div class="topdan fboxRow Xcenter Ycenter" v-bind:class='index_top==2?"topxuanT":""' v-on:click='Click_top(2)'><div class="font_white">邀请图动态</div></div>
|
</div>-->
|
|
<!--功能外框 设为超值滚动-->
|
<div class="flex1" style="overflow:scroll;">
|
<!--最低宽度内容框-->
|
<div style="width:100%;min-width:65rem;padding:0.5rem 0;">
|
|
<!------------------------------------------------------------------------------------------- 用户选择区域-->
|
<div class="morow">
|
<!--项目说明-->
|
<div class="font_blue" style="margin-bottom: 1rem;">动态发布者：</div>
|
<!--模拟下拉组件-->
|
<div class="userwai fboxRow Ycenter" v-on:click='showXiala'>
|
|
<!--选择选项显示-->
|
<div v-if='user.index!=null' class="userimg"><img v-bind:src="user.list[user.index].portrait"/></div>
|
<div v-if='user.index!=null'><div>{{user.list[user.index].nickName}}</div></div>
|
|
<!--下拉弹出框-->
|
<div v-if='user.show_tan==true' class="userab">
|
<!--循环添加-->
|
<div v-for='(item, index) in user.list' class="userdan fboxRow Ycenter" v-on:click="Click_dan(index)">
|
<div class="userimg"><img v-bind:src="item.portrait"/></div>
|
<div>{{item.nickName}}</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<!------------------------------------------------------------------------------------------- 标题编辑区域-->
|
<div class="morow">
|
<!--项目说明-->
|
<div class="font_blue" style="margin-bottom: 1rem;">动态标题：</div>
|
<!--富文本编辑器-->
|
<div id="editor1" class="toolbar"></div>
|
<div style="height: 0.5rem;"></div>
|
<div id="editor2" class="text"></div>
|
</div>
|
|
|
<!------------------------------------------------------------------------------------------- 普通图文区域-->
|
<div class="morow" v-bind:class='index_top==0?"":"displayNone"'>
|
<!--项目说明-->
|
<div class="font_blue" style="margin-bottom: 1rem;">动态配图：</div>
|
<!--输入组件-->
|
<div v-for='(item, index) in zu_src' class="fboxRow Ycenter" style="margin-top: 0.5rem;">
|
<!--序号-->
|
<div class="fboxRow Xcenter Ycenter" style="width:3rem;"><div class="font_green">{{index+1}}</div></div>
|
<!--输入组件-->
|
<input type="text" class="myinput" style="width:40rem;margin:0 1rem;" v-model="item.src" placeholder="输入图片地址"/>
|
<!--删除-->
|
<div style="width:2rem;height:2rem;" class="btn_yuan bg_red fboxRow Xcenter Ycenter" v-on:click='Click_san(index)'>
|
<div class="font_white font_max">-</div>
|
</div>
|
</div>
|
<!--添加按钮-->
|
<div style="width:2rem;height: 2rem;margin-left:0.5rem;margin-top:1rem;" class="btn_yuan bg_blue fboxRow Xcenter Ycenter" v-on:click='Click_jia'>
|
<div class="font_white font_max">+</div>
|
</div>
|
<!--图片预览-->
|
<div v-if='zu_src.length > 0' class="fboxWrap" style="width: 100%; margin-top: 1rem;">
|
<!--循环显示添加的图片-->
|
<div v-for='(item, index) in zu_src' v-if='item.src.length>0' class="imgdan">
|
<div class="imgxu bg_gray fboxRow Xcenter Ycenter"><div class="font_white font_min">{{index + 1}}</div></div>
|
<img v-bind:src="item.src"/>
|
</div>
|
</div>
|
</div>
|
|
<!------------------------------------------------------------------------------------------- 商品编辑区域-->
|
<div class="morow" v-bind:class='index_top==1?"":"displayNone"'>
|
|
<!--项目说明-->
|
<div class="font_blue" style="margin-bottom: 1rem;">展示的商品：</div>
|
|
<!--所选择的商品-->
|
<div class="fboxWrap" style="width: 100%;">
|
|
<!--循环显示选取的商品-->
|
<div v-for='(item, index) in sp.list_xuan' class="spdan fboxCol">
|
<!--商品图片-->
|
<div class="spimgsize"><img class="spimgsize" v-bind:src="item.pictUrl"/></div>
|
<!--商品标题-->
|
<div class="flex1 font_min font_gray">
|
<span style="line-height: 1rem;" class="font_ell2">{{item.title}}</span>
|
</div>
|
<!--删除按钮-->
|
<div class="spdel bg_red fboxRow Xcenter Ycenter" v-on:click="Click_del(index)">
|
<span class="font_white font_min">删</span>
|
</div>
|
</div>
|
|
<!--添加新商品+号-->
|
<div class="spdan fboxRow Xcenter Ycenter" style="cursor: pointer;" v-on:click="Click_btn('seakai')">
|
<span class="font_gray" style="font-size: 3rem;">+</span>
|
</div>
|
|
</div>
|
|
<!--商品搜索弹出框-->
|
<div class="spsouwai fboxCol Ycenter displayNone">
|
<!--关闭按钮-->
|
<div class="spdel bg_red fboxRow Xcenter Ycenter" style="right: 1rem;top: 1rem;" v-on:click="Click_btn('seaguan')">
|
<span class="font_white font_max">-</span>
|
</div>
|
|
<!--搜索输入区域-->
|
<div style="width: 94%;margin-top: 3.5rem;" class="fboxRow Xcenter Ycenter">
|
<!--输入组件-->
|
<input type="text" class="spsouinput" v-model="sp.search.str_key" placeholder="输入商品名称" v-on:keyup.enter="Click_btn('search')"/>
|
<!--搜索按钮-->
|
<div class="btn bg_blue fboxRow Xcenter Ycenter canclick" style="margin-left: 1rem;" v-on:click="Click_btn('search')">
|
<span class="font_white">搜索</span>
|
</div>
|
</div>
|
|
<!--头排说明-->
|
<div class="sprowT fboxRow" style="margin-top: 2rem;">
|
<!--序号-->
|
<div class="flex1 sprowTdan fboxRow Xcenter Ycenter">序号</div>
|
<!--id-->
|
<div class="flex3 sprowTdan fboxRow Xcenter Ycenter">ID</div>
|
<!--图片-->
|
<div class="flex3 sprowTdan fboxRow Xcenter Ycenter">图片</div>
|
<!--标题-->
|
<div class="flex3 sprowTdan fboxRow Xcenter Ycenter">标题</div>
|
<!--价格-->
|
<div class="flex3 sprowTdan fboxRow Xcenter Ycenter">价格</div>
|
<!--优惠券信息-->
|
<div class="flex3 sprowTdan fboxRow Xcenter Ycenter">优惠券</div>
|
<!--佣金比例-->
|
<div class="flex3 sprowTdan fboxRow Xcenter Ycenter">佣金比例</div>
|
</div>
|
|
<!--结果显示区域-->
|
<div id="spjiewai" class="flex1 spjiewai">
|
<div class="fboxWrap" style="width: 100%;">
|
|
<!--循环显示搜索到的结果-->
|
<div v-for='(item,index) in sp.search.list' class="sprow fboxRow" v-on:click='Click_searchsp(index)'>
|
<!--序号-->
|
<div class="flex1 sprowdan fboxRow Xcenter Ycenter">
|
<div class="font_min">{{index+1}}</div>
|
</div>
|
<!--id-->
|
<div class="flex3 sprowdan fboxRow Xcenter Ycenter">
|
<div class="font_min">{{item.auctionId}}</div>
|
</div>
|
<!--图片-->
|
<div class="flex3 sprowdan fboxRow Xcenter Ycenter">
|
<img v-bind:src="item.pictUrl" style="width: 5rem; height: 5rem;"/>
|
</div>
|
<!--标题-->
|
<div class="flex3 sprowdan fboxRow Xcenter Ycenter">
|
<div class="font_min sptitle" style="line-height: 1.4;padding: 0 0.5rem; ">{{item.title}}</div>
|
</div>
|
<!--价格-->
|
<div class="flex3 sprowdan fboxRow Xcenter Ycenter">
|
<div class="font_min">￥{{item.zkPrice}}</div>
|
</div>
|
<!--优惠券信息-->
|
<div class="flex3 sprowdan fboxRow Xcenter Ycenter">
|
<div class="font_min">{{item.couponInfo}}</div>
|
</div>
|
<!--佣金比例-->
|
<div class="flex3 sprowdan fboxRow Xcenter Ycenter">
|
<div class="font_min">{{item.tkRate}}%</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<!--确认按钮-->
|
<div style="width: 94%;height: 3rem;margin-bottom: 1rem;" class="fboxRow Xcenter Ycenter">
|
<div class="btn bg_blue fboxRow Xcenter Ycenter canclick" v-on:click="Click_btn('yemajia')">
|
<span class="font_white">加载更多</span>
|
</div>
|
<div class="btn bg_green fboxRow Xcenter Ycenter canclick" style="margin-left: 4rem;" v-on:click="Click_btn('searchok')">
|
<span class="font_white">确定</span>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
|
<!------------------------------------------------------------------------------------------- 邀请图编辑区域-->
|
<div class="morow" v-bind:class='index_top==2?"":"displayNone"'>
|
<!--项目说明-->
|
<div class="font_blue" style="margin-bottom: 1rem;">显示的邀请图：</div>
|
<!--输入组件-->
|
<input type="text" class="myinput" style="width:40rem;" v-model="src_img" placeholder="输入图片地址"/>
|
<!--图片预览-->
|
<div v-if='src_img.length>0' style="margin-top:1rem;">
|
<img style="max-width:30rem;max-height:14rem;border: 0.3rem solid gainsboro;" v-bind:src="src_img"/>
|
</div>
|
|
|
<!--二维码图片设置-->
|
<div class="morow font3">
|
<!--项目说明-->
|
<div class="font-blue font4" style="margin-bottom:1rem;">二维码图：</div>
|
<!--二维码大小-->
|
<div class="fboxRow Ycenter">
|
<div class="font-gray">二维码大小（px）：</div>
|
<input type="number" style="width:10rem;" v-model="yqt.shuru_size"/>
|
</div>
|
<!--二维码位置-->
|
<div class="fboxRow Ycenter" style="margin-top:1rem;">
|
<div class="font-gray">横向位置（px）：</div>
|
<input type="number" style="width:10rem;" v-model="yqt.shuru_px" placeholder="以左上角为基点"/>
|
<div class="font-gray" style="margin-left:2rem;">竖向位置（px）：</div>
|
<input type="number" style="width:10rem;" v-model="yqt.shuru_py" placeholder="以左上角为基点"/>
|
</div>
|
</div>
|
</div>
|
|
|
|
|
|
<!------------------------------------------------------------------------------------------- 发布按钮区域-->
|
<div class="morow fboxRow Ycenter">
|
<!--是否置顶-->
|
<div class="fboxRow Ycenter" style="cursor: pointer;" v-on:click='Click_btn2("zhidin")'>
|
<div class="font_min">是否置顶：</div>
|
<div class="btn_yuan" style="width: 1rem; height: 1rem;" v-bind:class='btn.tf_din==true?"bg_green":"bg_gray"'></div>
|
</div>
|
<!--分享次数-->
|
<div class="fboxRow Ycenter" style="margin-left: 2rem;">
|
<div class="font_min">分享次数：</div>
|
<input type="number" class="myinput" style="width:8rem;" placeholder="显示在动态的右上角" v-model="btn.num_share"></input>
|
</div>
|
<!--发布按钮-->
|
<div class="btn bg_green canclick" style="margin-left: 3rem;" v-on:click='Click_btn2("fabu")'><div class="font_white">修改</div></div>
|
</div>
|
|
|
</div><!--最低宽度内容框-->
|
</div><!--功能外框 设为超值滚动-->
|
|
</div>
|
</div>
|
</div>
|
<script src="js/page.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="js/common.js"></script>
|
<script src="layer/layer.js"></script>
|
<script src="js/utli.js"></script>
|
|
|
|
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript">
|
|
// 请求地址
|
var https = "http://192.168.1.122:8080";
|
var dtid = null; // 要修改的动态id
|
|
// 获取地址栏数据
|
var urldata = doui.urlParamGet();
|
if (urldata.id) { dtid = urldata.id; }
|
else { doui.showToast("未传递id"); }
|
|
// ================================================================== Vue实例化
|
var allwai = new Vue({
|
el: "#allwai",
|
|
data:
|
{
|
// ------------------------------------------------------------------------- 顶部导航选项
|
index_top: null,
|
|
// ------------------------------------------------------------------------- 用户选择区域
|
user: {
|
// 是否显示下拉弹框
|
show_tan: false,
|
// 选择的选项下标
|
index: null,
|
// 用户可选列表
|
list: [],
|
},
|
|
// ------------------------------------------------------------------------- 底部按钮区域
|
btn: {
|
tf_din: false, // 是否置顶
|
num_share: "", // 分享次数
|
},
|
|
// ------------------------------------------------------------------------- 普通图文编辑区域
|
zu_src: [],
|
|
// ------------------------------------------------------------------------- 商品动态编辑区域
|
sp: {
|
// 是否显示搜索弹框
|
show_tan: false,
|
// 已经选取的商品列表
|
list_xuan: [],
|
// 搜索出的商品列表
|
search: {
|
str_key: "", // 搜索框输入的内容
|
yema: 1,
|
hadyemamax: false,
|
list:[],
|
},
|
},
|
|
// ------------------------------------------------------------------------- 邀请图编辑区域
|
src_img: "",
|
yqt:{
|
shuru_size:"",
|
shuru_px:"",
|
shuru_py:""
|
}
|
|
},
|
|
methods:
|
{
|
// ------------------------------------------------------------------------- 顶部导航选项
|
// Click_top: function (ev) { allwai.index_top = ev; },
|
|
|
// ------------------------------------------------------------------------- 用户选择区域
|
// 初始化用户数据
|
creat_user: function () { allwai.user.index = null; allwai.user.show_tan = false; },
|
// 弹出下拉框
|
showXiala: function (ev) { allwai.user.show_tan = true; window.event.stopPropagation(); },
|
// 下拉选项点击
|
Click_dan: function (ev) { allwai.user.index = ev; allwai.user.show_tan = false; window.event.stopPropagation(); },
|
|
|
// ------------------------------------------------------------------------- 底部按钮区域
|
// 初始化按钮数据
|
creat_btn: function () { allwai.btn.num_share = ""; allwai.btn.tf_din = false; },
|
// 按钮 点击
|
Click_btn2: function (ev)
|
{
|
// 点击了置顶
|
if (ev == "zhidin") { if (allwai.btn.tf_din == true) { allwai.btn.tf_din = false; } else { allwai.btn.tf_din = true; } }
|
// 点击了发布
|
else if (ev == "fabu") { fabu(); }
|
},
|
|
|
// ------------------------------------------------------------------------- 普通图文编辑区域
|
// 初始化图文
|
creat_tuwen: function () { allwai.zu_src = new Array(); },
|
// 删除按钮 点击
|
Click_san: function (ev) { var index = ev; allwai.zu_src.splice(index, 1); },
|
// 添加按钮 点击
|
Click_jia: function () { var obj = { src: "" }; allwai.zu_src.push(obj); },
|
|
|
// ------------------------------------------------------------------------- 商品动态编辑区域
|
// 初始化商品动态
|
creat_sp: function ()
|
{
|
allwai.sp.show_tan = false;
|
$(".spsouwai").addClass("displayNone");
|
allwai.sp.list_xuan = new Array();
|
allwai.sp.search.str_key = "";
|
allwai.sp.search.yema = 1;
|
allwai.sp.search.hadyemamax = false;
|
allwai.sp.search.list = new Array();
|
},
|
// 已选商品删除按钮
|
Click_del: function (ev) { var index = ev; allwai.sp.list_xuan.splice(index, 1); },
|
// 搜索出来的商品，进行点击选择
|
Click_searchsp: function (ev)
|
{
|
// 获取下标
|
var index = ev;
|
// 检测该商品是否已经选择
|
if (allwai.sp.search.list[index].xuan == true) { allwai.sp.search.list[index].xuan = false; $(".sprow").eq(index).removeClass("sprowxuan"); }
|
else { allwai.sp.search.list[index].xuan = true; $(".sprow").eq(index).addClass("sprowxuan"); }
|
},
|
// 按钮 点击
|
Click_btn: function (ev)
|
{
|
// 打开搜索弹框
|
if (ev == "seakai") { allwai.sp.show_tan = true; $(".spsouwai").removeClass("displayNone"); }
|
// 搜索弹框 关闭
|
else if (ev == "seaguan") { allwai.sp.show_tan = false; $(".spsouwai").addClass("displayNone"); }
|
// 进行搜索
|
else if (ev == "search")
|
{
|
// 请求数据
|
if (allwai.sp.search.str_key.length > 0)
|
{
|
allwai.sp.search.yema = 1;
|
allwai.sp.search.hadyemamax = false;
|
allwai.sp.search.list = new Array();
|
sousuosp();
|
}
|
else { doui.showToast("未输入商品名称"); }
|
}
|
// 下一页
|
else if (ev == "yemajia")
|
{
|
// 请求数据
|
if (allwai.sp.search.hadyemamax != true && allwai.sp.search.list.length > 0) { allwai.sp.search.yema++; sousuosp(); }
|
}
|
// 确认选择的商品
|
else if (ev == 'searchok')
|
{
|
// 循环商品数组
|
for (var i = 0; i < allwai.sp.search.list.length; i++)
|
{
|
// 找出被选中的商品
|
if (allwai.sp.search.list[i].xuan == true)
|
{
|
// 将商品添加到已选取数组中
|
allwai.sp.list_xuan.push(allwai.sp.search.list[i]);
|
}
|
}
|
// 关闭搜索弹框
|
allwai.sp.show_tan = false;
|
$(".spsouwai").addClass("displayNone");
|
allwai.sp.search.str_key = "";
|
allwai.sp.search.yema = 1;
|
allwai.sp.search.hadyemamax = false;
|
allwai.sp.search.list = new Array();
|
}
|
},
|
|
|
// ------------------------------------------------------------------------- 邀请图编辑区域
|
// 初始化邀请图
|
creat_yaoqing: function () { allwai.src_img = ""; },
|
},
|
|
});
|
|
|
// ================================================================== 编辑器实例化
|
var E = window.wangEditor;
|
var editor = new E('#editor1', '#editor2');
|
// 设置优先级
|
editor.customConfig.zIndex = 15;
|
// 设置菜单
|
editor.customConfig.menus = [ 'bold', 'fontName', 'italic', 'underline', 'strikeThrough', 'link', 'undo', 'redo', ];
|
editor.create();
|
|
|
//================================================================== 页面事件
|
// 隐藏下拉弹出框
|
$(".allwai").click(function(){ allwai.user.show_tan = false; });
|
|
|
// 请求数据
|
userlist(function()
|
{
|
if (dtid != null)
|
{
|
// 获取要修改的动态数据
|
dongtaiGet();
|
}
|
});
|
|
|
//================================================================== 数据请求
|
// 用户列表
|
function userlist (callback)
|
{
|
if (callback == null) { callback = function () {}; }
|
var myurl = "api/v1/activity/getActivityUserList";
|
var mydata = doui.AjaxData({});
|
doui.AjaxGet(myurl, mydata, function(res)
|
{
|
if (res.code != 0) { doui.showToast(res.msg); }
|
else { allwai.user.list = res.data; callback(); }
|
});
|
}
|
|
// 搜索商品
|
function sousuosp ()
|
{
|
doui.showLoading("获取商品");
|
var myurl = "api/v1/sectiongoods/searchTaoBaoGoodsList";
|
var mydata = doui.AjaxData({
|
key: allwai.sp.search.str_key,
|
pageIndex: allwai.sp.search.yema,
|
type: 0,
|
});
|
doui.AjaxGet(myurl, mydata, function(res)
|
{
|
doui.hideLoading();
|
if (res.code != 0) { doui.showToast(res.msg); }
|
else
|
{
|
if (!res.data.taoBaoGoodsList) { doui.showToast("未找到商品"); allwai.sp.search.hadyemamax = true; }
|
else if (allwai.sp.search.yema <= 1) { allwai.sp.search.list = res.data.taoBaoGoodsList; }
|
else if (allwai.sp.search.yema > 1) { allwai.sp.search.list = allwai.sp.search.list.concat(res.data.taoBaoGoodsList); }
|
}
|
});
|
}
|
|
// 修改动态
|
function fabu ()
|
{
|
//--------------------------------------------------------------- 进行初步验证
|
// 获取标题文字内容
|
var str_txt = editor.txt.text();
|
// 获取选择的用户
|
if (allwai.user.index == null) { doui.showToast("未选择发布者"); }
|
// 获取编辑器内容
|
else if (str_txt.length <= 0) { doui.showToast("未编辑标题"); }
|
// 分享次数
|
else if (allwai.btn.num_share.length <= 0) { doui.showToast("未填写分享次数"); }
|
|
// 验证通过
|
else
|
{
|
// 发送数据初始化
|
var myurl = "";
|
var mydata = null;
|
|
// --------------------------------------------------------------- 普通图文动态
|
if (allwai.index_top == 0)
|
{
|
// 将图片组转换为json字符串
|
var zu_mo = [];
|
for (var i = 0; i < allwai.zu_src.length; i++) { zu_mo.push(allwai.zu_src[i].src); }
|
var str_img = JSON.stringify(zu_mo);
|
// 发送数据准备
|
myurl = "api/v1/activity/updateTextImgActivity";
|
mydata = doui.AjaxData({
|
id: dtid,
|
uid: allwai.user.list[allwai.user.index].id,
|
title: editor.txt.html(),
|
imgs: str_img,
|
top: allwai.btn.tf_din,
|
shareCount: allwai.btn.num_share,
|
});
|
}
|
|
// --------------------------------------------------------------- 商品动态
|
if (allwai.index_top == 1)
|
{
|
// 检测是否加入了商品
|
if (allwai.sp.list_xuan.length <= 0) { doui.showToast("未选择商品"); return false; }
|
// 将加入的商品id分离出来
|
var zu_id = new Array();
|
for (var i = 0; i < allwai.sp.list_xuan.length; i++)
|
{
|
var id = allwai.sp.list_xuan[i].auctionId;
|
zu_id.push(id);
|
}
|
var str_zu = JSON.stringify(zu_id);
|
//数据准备
|
myurl ="api/v1/activity/updateShareGoodsActivity";
|
mydata = doui.AjaxData({
|
id: dtid,
|
uid: allwai.user.list[allwai.user.index].id,
|
title: editor.txt.html(),
|
actionIds: str_zu,
|
top: allwai.btn.tf_din,
|
shareCount: allwai.btn.num_share,
|
});
|
}
|
|
// --------------------------------------------------------------- 邀请图动态
|
if (allwai.index_top == 2)
|
{
|
// 检测是否填写了邀请图地址
|
if (allwai.src_img.length <= 0) { doui.showToast("未填写邀请图地址"); return false; }
|
//数据准备
|
myurl = "api/v1/activity/updateInviteActivity";
|
mydata = doui.AjaxData({
|
id: dtid,
|
uid: allwai.user.list[allwai.user.index].id,
|
title: editor.txt.html(),
|
img: allwai.src_img,
|
top: allwai.btn.tf_din,
|
shareCount: allwai.btn.num_share,
|
size: allwai.yqt.shuru_size,
|
px: allwai.yqt.shuru_px,
|
py: allwai.yqt.shuru_py
|
});
|
}
|
|
console.log("上传的数据：");
|
console.log(mydata);
|
// 发起请求
|
doui.showLoading("上传数据");
|
doui.AjaxGet(myurl, mydata, function(res)
|
{
|
doui.hideLoading();
|
if (res.code != 0) { doui.showToast(res.msg); }
|
else {
|
doui.showToast("修改成功");
|
// 数据初始化
|
//allwai.creat_user(); // 发布者
|
//editor.txt.html(''); // 标题
|
//allwai.creat_tuwen(); // 图文配图
|
//allwai.creat_sp(); // 商品
|
//allwai.creat_yaoqing(); // 邀请图
|
//allwai.creat_btn(); // 按钮区域
|
}
|
});
|
}
|
}
|
|
|
|
// 获取要修改的动态
|
function dongtaiGet ()
|
{
|
doui.showLoading("获取动态信息");
|
// 数据准备
|
var myurl = "api/v1/activity/getActivity";
|
var mydata = doui.AjaxData({ id: dtid, });
|
|
setTimeout(function()
|
{
|
// 发起请求
|
doui.AjaxGet(myurl, mydata, function(res)
|
{
|
doui.hideLoading();
|
|
if (res.code != 0 || res.data == null) { doui.showToast(res.msg); }
|
else
|
{
|
console.log("获取到的动态为：");
|
console.log(res.data);
|
|
// 获取动态发布者
|
for (var i = 0; i < allwai.user.list.length; i++)
|
{
|
// 从用户数组中找到该用户的下标
|
if (res.data.activityUser.id == allwai.user.list[i].id)
|
{
|
allwai.user.index = i;
|
break;
|
}
|
}
|
|
// 普通图文动态修改
|
if (res.data.type == 3)
|
{
|
allwai.index_top = 0;
|
var zu_mo = [];
|
for (var i = 0; i < res.data.imageList.length; i++)
|
{
|
var jiedian = { src: res.data.imageList[i] };
|
zu_mo.push(jiedian);
|
}
|
allwai.zu_src = zu_mo;
|
}
|
|
// 商品动态修改
|
else if (res.data.type == 1)
|
{
|
allwai.index_top = 1;
|
allwai.sp.list_xuan = res.data.goodsList;
|
}
|
|
// 邀请图动态修改
|
else if (res.data.type == 2)
|
{
|
allwai.index_top = 2;
|
allwai.src_img = res.data.imageList[0];
|
allwai.yqt.shuru_size=res.data.inviteInfo.size;
|
allwai.yqt.shuru_px=res.data.inviteInfo.px;
|
allwai.yqt.shuru_py=res.data.inviteInfo.py;
|
}
|
|
// 获取动态标题
|
editor.txt.html(res.data.title);
|
// 是否置顶
|
allwai.btn.tf_din = res.data.top;
|
// 分享次数
|
allwai.btn.num_share = res.data.shareCount;
|
}
|
});
|
|
}, 500);
|
|
}
|
|
|
// 全部显示
|
$("body").removeClass("displayNone");
|
|
</script>
|
|
</body>
|
|
</html>
|
