<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>Layui</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" type="text/css" href="../../../css/doui.min.css" />
|
<script src="../../../js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../../js/requestHost.js" type="text/javascript" charset="utf-8"></script>
|
<link rel="stylesheet" type="text/css" href="../../../layui/css/layui.css" />
|
<script src="../../../layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
|
|
<script type="text/javascript">
|
doui.importLoad({
|
importArray: [
|
// 雷打不动
|
getHostPath() + "js/jquery.min.js",
|
getHostPath() + "js/vue.min.js",
|
// 字体图标
|
getHostPath() + "fontAdmin/iconfont.css",
|
getHostPath() + "font/iconfont.css",
|
// // dom模板
|
getHostPath() + "css/admin-all.css",
|
getHostPath() + "js/admin-creat.js",
|
],
|
});
|
</script>
|
|
<style>
|
html {
|
background-color: #F7FBFF;
|
}
|
|
.div_linepic{
|
display: inline-block;
|
margin-top: 10px;
|
}
|
|
.div_goodspic{
|
position:relative;
|
width: 120px;
|
height: 120px;
|
margin-left: 20px;
|
}
|
.pic{
|
position:absolute;
|
left:7px;
|
top:7px;
|
width: 100px;
|
height: 100px;
|
}
|
|
.delpic{
|
position:absolute;
|
left:90px;
|
top:0px;
|
width: 30px;
|
height: 30px;
|
}
|
|
</style>
|
</head>
|
<body>
|
<div style="margin:0 auto; width:1000px; height:auto; display: flex;">
|
<div style="margin: 50px 0px 0px 0px;">
|
<div class="admin-btn-roundM bg-yellow" onclick="goListPage()">
|
<div><i class="fi fi-left"></i></div>
|
<div class="admin-marginLeft" style="width: 60px;">返回列表</div>
|
</div>
|
</div>
|
|
<div class="layui-tab layui-tab-brief" lay-filter="tabui">
|
<ul class="layui-tab-title">
|
<li class="layui-this"; lay-id="single">单品设置</li>
|
<li lay-id="multiple" >多品管理</li>
|
<li lay-id="activity" >活动设置</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
|
<form class="layui-form" lay-filter="evaluate">
|
|
<div style="display: flex; width: 1800px; height: 90px; margin : 10px 10px 20px 18px; ">
|
<div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
<label class="layui-form-label" style="padding: 32px 0px 32px 0px; ;">头像/昵称</label>
|
</div>
|
|
<div id="test10" style="width:auto; height: auto;">
|
<div id="uploadDemoView">
|
<img src="../../../img/ic_add_img.png" id="portraitView" onclick="choosefile(1);" style="width: 100px; height: 90px;">
|
<input type="file" id="portraitFile" name="portraitFile" accept="image/*" onchange="imgPreview(this,1);"
|
style="display: none;" />
|
</div>
|
</div>
|
|
<div style="display: flex-direction:column; width: auto; height: 45px; padding: 0 0 0 20px;">
|
<div style=" width:1450px; height: 45px;">
|
<div class="layui-col-md4">
|
<input type="text" name="user.nickName" id="nickName" class="layui-input" autocomplete="off" onkeyup="search()"
|
onchange="clearUser(1)" style="position:absolute;z-index:2;width:90%; height:38px;">
|
<select type="text" id="hc_select" lay-filter="hc_select" autocomplete="off" class="layui-select" lay-search>
|
|
</select>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>必填</div>
|
</div>
|
<div style="width: 500px; height: 45px; padding: 5px 0 0 0;">
|
<div class="layui-col-md4">
|
<input type="text" name="user.tag" id="tag" class="layui-input" style="width: 483px; height:38px;">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">分享数</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="shareNum" id="shareNum" lay-verify="title" autocomplete="off" placeholder="请输入正整数"
|
value="0" class="layui-input" style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填/默认为0</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">开始时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="startTime" id="startTime" placeholder="" autocomplete="off" class="layui-input"
|
style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>选填/默认当前时间</div>
|
</div>
|
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">截止时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="endTime" id="endTime" placeholder="" autocomplete="off" class="layui-input" style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>选填/必须大于当前时间</div>
|
</div>
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">推荐语</label>
|
<div class="layui-input-block">
|
<textarea name="title" id="title" placeholder="" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"><label style="color: red;">*</label>必填</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">权重值</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="weight" id="weight" lay-verify="title" autocomplete="off" value="0" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填/默认为0</div>
|
</div>
|
<div class="layui-form-item" style="margin:10px 0px 0px 510px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" id="LAY-component-form-getval">立即保存</button>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
|
|
<hr style="margin-top: 25px;" /> <!-- 商品信息 -->
|
|
<form class="layui-form" lay-filter="goodsInfo" id="goodsInfo">
|
<div class="layui-form-item">
|
<label class="layui-form-label">商品视频</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="videoUrl" id="videoUrl" v-model="videoUrl" lay-verify="title" autocomplete="off"
|
placeholder="输入视频链接" class="layui-input" style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div style="display: flex; width: 1800px; height: 90px; margin : 10px 10px 20px 18px; ">
|
<div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
<label class="layui-form-label" style="padding: 32px 0px 32px 0px; ;">视频封面图</label>
|
</div>
|
<div style="width:auto; height: auto;">
|
<div id="uploadDemoView">
|
<img v-bind:src="videoUrlHD" id="videoCoverView" v-on:click="addPicClick(videoCoverFile)" style="width: 100px; height: 90px;">
|
<input type="file" id="videoCoverFile" name="videoCoverFile" @change="viewPicClick(videoCoverView,$event);"
|
accept="image/*" style="display: none;" />
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:25px 0px 0px 20px;"> 选填</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">商品链接</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="goodsUrl" id="goodsUrl" lay-verify="title" autocomplete="off" placeholder="输入商品链接"
|
class="layui-input" style="width: 500px;">
|
<button type="button" class="layui-btn layui-btn-normal" v-on:click="goods.seachGoods()" style="margin:0px 0px 0px 20px;">搜索</button>
|
<button type="button" class="layui-btn layui-btn-primary" onclick="clearContent('goodsUrl')" style="margin:0px 0px 0px 20px;">清理</button>
|
</div>
|
</div>
|
<div style="width:450px; height:400px; margin:0px 0px 20px 110px; border:1px solid #CCC; overflow: hidden;">
|
<!--商品展示框-->
|
<div class="div_linepic" v-for="(item, index) in goods.imglist">
|
<div class="div_goodspic">
|
<img v-bind:src="item" v-bind:name="index +'#'+item" class="pic" v-on:click="goods.replaceClick(index)">
|
<img src="../../../img/ic_close_img.png" class="delpic" v-if="index!=goods.imglist.length-1" v-on:click="goods.delClick(index)">
|
<input type="file" v-bind:id="'pic'+index" name="goodsFile" accept="image/*" @change="goods.viewClick(index,$event);"
|
style="display: none;" />
|
</div>
|
</div>
|
</div>
|
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">二维码主图</label>
|
<div class="layui-input-block" style="display: flex;">
|
<label style="margin:10px 5px 0px 0px;">第</label>
|
<input type="text" name="picMianNum" id="picMianNum" v-model="picNum" class="layui-input" style="width: 100px;">
|
<label style="margin:10px 0px 0px 5px;">张图</label>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填/默认为1</div>
|
</div>
|
|
<div class="layui-form-item" style="margin:10px 0px 0px 500px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" @click="submitGoods()">立即保存</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
<legend>商品券文本编辑</legend>
|
</fieldset>
|
<form class="layui-form" lay-filter="formgoodscomment">
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<input type='hidden' name='comment[0].id' id="commentId1">
|
<label class="layui-form-label">优惠券文本</label>
|
<div class="layui-input-block">
|
<textarea name="comment[0].content" id="commentContent1" placeholder="❤
|
【原价】 [原价]元
|
【券后价】[券后价]元
|
-------------------
|
点击购买：https://u.jd.com/ztK4U8，进入京东领券抢购" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"> 必填请按照格式填写</div>
|
</div>
|
<div class="layui-form-item" >
|
<label class="layui-form-label">标签</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="comment[0].tags" id="commentTags1" lay-verify="title" autocomplete="off" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item" id ="btnText1" style="margin:10px 0px 0px 120px; width: 50px; display: flex;">
|
<img src="../../../img/add.jpg" onclick="addContent()" style="width: 60px; height: 60px;">
|
<div class="layui-input-block" style="margin:10px 0px 0px 430px; width: 50px;">
|
<button type="button" id="goodscomment"class="layui-btn">立即保存</button>
|
</div>
|
</div>
|
</form>
|
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
<legend>通用文本编辑</legend>
|
</fieldset>
|
|
<form class="layui-form" lay-filter="example3" id="couponInfo">
|
<div class="layui-form-item">
|
<label class="layui-form-label">券面额</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="coupon" lay-verify="title" autocomplete="off" placeholder="满200减50" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">券来源</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="couponSource" lay-verify="title" autocomplete="off" placeholder="猫超" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">过期时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="couponTime1" id="couponTime1" autocomplete="off"
|
class="layui-input" style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">描述语</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tagDesc" placeholder="券限制范围及描述语" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">教程链接</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tagUrl" autocomplete="off" placeholder="教程链接" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">通用标签</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tags" autocomplete="off" placeholder="通用优惠券" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">文本转链</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<v-if v-if="needSpin == true">
|
<input type="radio" lay-filter="needSpin1" name="needSpin1" value="true" title="是" checked="">
|
<input type="radio" lay-filter="needSpin1" name="needSpin1" value="false" title="否">
|
</v-if>
|
<v-if v-if="needSpin == false">
|
<input type="radio" lay-filter="needSpin1" name="needSpin1" value="true" title="是">
|
<input type="radio" lay-filter="needSpin1" name="needSpin1" value="false" title="否" checked="">
|
</v-if>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">评论文本</label>
|
<div class="layui-input-block">
|
<textarea placeholder="" v-model="content" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"> 选填</div>
|
</div>
|
|
|
|
<div class="layui-form-item" style="margin:10px 0px 0px 500px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" @click="submitGoodsCoupon()">立即保存</button>
|
</div>
|
</div>
|
</form>
|
|
<hr style="margin-top: 25px;" />
|
<div class="layui-form-item" style="margin:30px 0px 50px 200px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" onclick="releaseInfo(1)" style="width: 300px; height: 80px; text-align: center;">
|
<h2>立即发布</h2>
|
</button>
|
</div>
|
</div>
|
|
|
</div>
|
|
|
<!-- --------------------------------------- 多品部分----------------------------------------------------------------------- -->
|
<div class="layui-tab-item">
|
|
<form class="layui-form" lay-filter="evaluate2">
|
|
<div style="display: flex; width: 1800px; height: 90px; margin : 10px 10px 20px 18px; ">
|
<div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
<label class="layui-form-label" style="padding: 32px 0px 32px 0px; ;">头像/昵称</label>
|
</div>
|
|
<div id="test10" style="width:auto; height: auto;">
|
<div id="uploadDemoView">
|
<img src="../../../img/ic_add_img.png" id="portraitView2" onclick="choosefile(2);" style="width: 100px; height: 90px;">
|
<input type="file" id="portraitFile2" name="portraitFile" accept="image/*" onchange="imgPreview(this,2);"
|
style="display: none;" />
|
</div>
|
</div>
|
|
<div style="display: flex-direction:column; width: auto; height: 45px; padding: 0 0 0 20px;">
|
<div style=" width:1450px; height: 45px;">
|
<div class="layui-col-md4">
|
<input type="text" name="user.nickName" id="nickName2" class="layui-input" autocomplete="off" onkeyup="search2()"
|
onchange="clearUser(2)" style="position:absolute;z-index:2;width:90%; height:38px;">
|
<select type="text" id="hc_select2" lay-filter="hc_select2" autocomplete="off" class="layui-select"
|
lay-search>
|
|
</select>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>必填</div>
|
</div>
|
<div style="width: 500px; height: 45px; padding: 5px 0 0 0;">
|
<div class="layui-col-md4">
|
<input type="text" name="user.tag" id="tag2" class="layui-input" style="width: 483px; height:38px;">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">分享数</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="shareNum" id="shareNum2" lay-verify="title" autocomplete="off" placeholder="请输入正整数"
|
value="0" class="layui-input" style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填/默认为0</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">开始时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="startTime" id="startTime2" placeholder="" autocomplete="off" class="layui-input"
|
style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>选填/默认当前时间</div>
|
</div>
|
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">截止时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="endTime" id="endTime2" placeholder="" autocomplete="off" class="layui-input" style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>选填/必须大于当前时间</div>
|
</div>
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">推荐语</label>
|
<div class="layui-input-block">
|
<textarea name="title" id="title2" placeholder="" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"><label style="color: red;">*</label>必填</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">权重值</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="weight" id="weight2" lay-verify="title" autocomplete="off" value="0" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填/默认为0</div>
|
</div>
|
<div class="layui-form-item" style="margin:10px 0px 0px 510px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" id="LAY-component-form-getval2">立即保存</button>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
|
|
<hr style="margin-top: 25px;" /> <!-- 商品信息 -->
|
|
<form class="layui-form" lay-filter="goodsInfo" id="goodsInfo2">
|
<div class="layui-form-item">
|
<label class="layui-form-label">商品视频</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="videoUrl" id="videoUrl2" v-model="videoUrl" lay-verify="title" autocomplete="off"
|
placeholder="输入视频链接" class="layui-input" style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div style="display: flex; width: 1800px; height: 90px; margin : 10px 10px 20px 18px; ">
|
<div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
<label class="layui-form-label" style="padding: 32px 0px 32px 0px; ;">视频封面图</label>
|
</div>
|
<div style="width:auto; height: auto;">
|
<div id="uploadDemoView">
|
<img v-bind:src="videoUrlHD" id="videoCoverView2" v-on:click="addPicClick(videoCoverFile2)" style="width: 100px; height: 90px;">
|
<input type="file" id="videoCoverFile2" name="videoCoverFile2" @change="viewPicClick(videoCoverView2,$event);"
|
accept="image/*" style="display: none;" />
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:25px 0px 0px 20px;"> 选填</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">商品链接</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="goodsUrl" id="goodsUrl2" lay-verify="title" autocomplete="off" placeholder="输入商品链接"
|
class="layui-input" style="width: 500px;">
|
<button type="button" class="layui-btn layui-btn-normal" v-on:click="goods.seachGoods()" style="margin:0px 0px 0px 20px;">搜索</button>
|
<button type="button" class="layui-btn layui-btn-primary" onclick="clearContent('goodsUrl2')" style="margin:0px 0px 0px 20px;">清理</button>
|
</div>
|
</div>
|
<div class="layui-form-item" style="width:450px; height:400px; margin:0px 0px 20px 110px; border:1px solid #CCC; overflow: hidden;">
|
<!--商品展示框-->
|
<div class="div_linepic" v-for="(item, index) in goods.imglist">
|
<div class="div_goodspic">
|
<img v-bind:src="item" v-bind:name="index +'#'+item" class="pic" v-on:click="goods.replaceClick(index)">
|
<img src="../../../img/ic_close_img.png" class="delpic" v-on:click="goods.delClick(index)">
|
<input type="file" v-bind:id="'pict'+index" name="goodsFile2" accept="image/*" @change="goods.viewClick(index,$event);"
|
style="display: none;" />
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-form-item" style="margin:10px 0px 0px 500px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" @click="submitGoods()">立即保存</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
<legend>商品券文本编辑</legend>
|
</fieldset>
|
<form class="layui-form" lay-filter="formgoodscomment2">
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<input type='hidden' name='comment[0].id' id="commentId2">
|
<label class="layui-form-label">优惠券文本</label>
|
<div class="layui-input-block">
|
<textarea name="comment[0].content" id="commentContent2" placeholder="必须包含口令或链接" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"> 必填</div>
|
</div>
|
<div class="layui-form-item" >
|
<label class="layui-form-label">标签</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="comment[0].tags" id="commentTags2" lay-verify="title" autocomplete="off" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item" id ="btnText2" style="margin:10px 0px 0px 120px; width: 50px; display: flex;">
|
<img src="../../../img/add.jpg" onclick="addContent2()" style="width: 60px; height: 60px;">
|
<div class="layui-input-block" style="margin:10px 0px 0px 430px; width: 50px;">
|
<button type="button" id="goodscomment2"class="layui-btn">立即保存</button>
|
</div>
|
</div>
|
</form>
|
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
<legend>通用文本编辑</legend>
|
</fieldset>
|
<form class="layui-form" lay-filter="example3" id="couponInfo2">
|
<div class="layui-form-item">
|
<label class="layui-form-label">券面额</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="coupon" lay-verify="title" autocomplete="off" placeholder="满200减50" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">券来源</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="couponSource" lay-verify="title" autocomplete="off" placeholder="猫超" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">过期时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="couponTime2" id="couponTime2" placeholder="截止时间" autocomplete="off"
|
class="layui-input" style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">描述语</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tagDesc" lay-verify="title" autocomplete="off" placeholder="券限制范围及描述语" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">教程/领取链接</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tagUrl" lay-verify="title" autocomplete="off" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">通用标签</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tags" lay-verify="title" autocomplete="off" placeholder="通用优惠券" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">文本转链</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<v-if v-if="needSpin == true">
|
<input type="radio" lay-filter="needSpin2" name="needSpin2" value="true" title="是" checked="">
|
<input type="radio" lay-filter="needSpin2" name="needSpin2" value="false" title="否">
|
</v-if>
|
<v-if v-if="needSpin == false">
|
<input type="radio" lay-filter="needSpin2" name="needSpin2" value="true" title="是">
|
<input type="radio" lay-filter="needSpin2" name="needSpin2" value="false" title="否" checked="">
|
</v-if>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">评论文本</label>
|
<div class="layui-input-block">
|
<textarea placeholder="" v-model="content" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"> 选填</div>
|
</div>
|
|
<div class="layui-form-item" style="margin:10px 0px 0px 500px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" @click="submitGoodsCoupon2()">立即保存</button>
|
</div>
|
</div>
|
</form>
|
|
<hr style="margin-top: 25px;" />
|
<div class="layui-form-item" style="margin:30px 0px 50px 200px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" onclick="releaseInfo(2)" style="width: 300px; height: 80px; text-align: center;">
|
<h2>立即发布</h2>
|
</button>
|
</div>
|
</div>
|
|
|
</div>
|
|
<!-- ----------------------------------------活动部分------------------------------------------------------------------------- -->
|
|
<div class="layui-tab-item">
|
<form class="layui-form" lay-filter="evaluate3">
|
|
<div style="display: flex; width: 1800px; height: 90px; margin : 10px 10px 20px 18px; ">
|
<div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
<label class="layui-form-label" style="padding: 32px 0px 32px 0px; ;">头像/昵称</label>
|
</div>
|
|
<div id="test10" style="width:auto; height: auto;">
|
<div id="uploadDemoView">
|
<img src="../../../img/ic_add_img.png" id="portraitView3" onclick="choosefile(3);" style="width: 100px; height: 90px;">
|
<input type="file" id="portraitFile3" name="portraitFile" accept="image/*" onchange="imgPreview(this,3);"
|
style="display: none;" />
|
</div>
|
</div>
|
|
<div style="display: flex-direction:column; width: auto; height: 45px; padding: 0 0 0 20px;">
|
<div style=" width:1450px; height: 45px;">
|
<div class="layui-col-md4">
|
<input type="text" name="user.nickName" id="nickName3" class="layui-input" autocomplete="off" onkeyup="search3()"
|
onchange="clearUser(3)" style="position:absolute;z-index:2;width:90%; height:38px;">
|
<select type="text" id="hc_select3" lay-filter="hc_select3" autocomplete="off" class="layui-select"
|
lay-search>
|
|
</select>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>必填</div>
|
</div>
|
<div style="width: 500px; height: 45px; padding: 5px 0 0 0;">
|
<div class="layui-col-md4">
|
<input type="text" name="user.tag" id="tag3" class="layui-input" style="width: 483px; height:38px;">
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">分享数</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="shareNum" id="shareNum3" lay-verify="title" autocomplete="off" placeholder="请输入正整数"
|
value="0" class="layui-input" style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填/默认为0</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">开始时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="startTime" id="startTime3" placeholder="" autocomplete="off" class="layui-input"
|
style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>选填/默认当前时间</div>
|
</div>
|
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">截止时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="endTime" id="endTime3" placeholder="" autocomplete="off" class="layui-input" style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"><label style="color: red;">*</label>选填/必须大于当前时间</div>
|
</div>
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">推荐语</label>
|
<div class="layui-input-block">
|
<textarea name="title" id="title3" placeholder="" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"><label style="color: red;">*</label>必填</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">权重值</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" name="weight" id="weight3" lay-verify="title" autocomplete="off" value="0" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填/默认为0</div>
|
</div>
|
<div class="layui-form-item" style="margin:10px 0px 0px 510px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" id="LAY-component-form-getval3">立即保存</button>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
|
|
<hr style="margin-top: 25px;" /> <!-- 商品信息 -->
|
|
<form class="layui-form" lay-filter="huodongInfo" id="huodongInfo">
|
<div class="layui-form-item">
|
<label class="layui-form-label">商品视频</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="videoUrl" lay-verify="title" autocomplete="off" placeholder="输入视频链接" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div style="display: flex; width: 1800px; height: 90px; margin : 10px 10px 20px 18px; ">
|
<div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
<label class="layui-form-label" style="padding: 32px 0px 32px 0px; ;">视频封面图</label>
|
</div>
|
<div style="width:auto; height: auto;">
|
<div id="uploadDemoView3">
|
<img v-bind:src="videoPic" id="videoViewHuoDong" v-on:click="addPicClick(videohuodong)" style="width: 100px; height: 90px;">
|
<input type="file" id="videohuodong" name="videohuodong" @change="viewPicClick(videoViewHuoDong,$event);"
|
accept="image/*" style="display: none;" />
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:25px 0px 0px 20px;"> 选填</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">活动链接</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="activityUrl" class="layui-input" style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div style="display: flex; width: 1800px; height: 400px; margin : 10px 10px 20px 18px; ">
|
<div style="display: flex; width: 90px; height: 90px; text-align: center;">
|
<label class="layui-form-label" >活动封面</label>
|
</div>
|
<div class="layui-form-item" style="width:450px; height:400px; margin:10px 10px 20px 0px; border:1px solid #CCC; overflow: hidden;">
|
<!--商品展示框-->
|
<div class="div_linepic" v-for="(item, index) in activityImgs">
|
<div class="div_goodspic">
|
<img v-bind:src="item" class="pic" v-on:click="replaceClick(index)">
|
<img src="../../../img/ic_close_img.png" class="delpic" v-if="index!=activityImgs.length-1" v-on:click="delClick(index)">
|
<input type="file" v-bind:id="'activity'+index" name="activitypic" accept="image/*" @change="viewClick(index,$event);" style="display: none;" />
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:25px 0px 0px 20px;"> 选填</div>
|
</div>
|
|
|
<div class="layui-form-item">
|
<div class="layui-form-item" style="margin:10px 0px 0px 500px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" @click="submitGoods()">立即保存</button>
|
</div>
|
</div>
|
</div>
|
|
</form>
|
|
<hr style="margin-top: 25px;" /> <!-- 商品信息 -->
|
|
<form class="layui-form" lay-filter="example3" id="couponInfo3">
|
<div class="layui-form-item">
|
<label class="layui-form-label">券面额</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="coupon" lay-verify="title" autocomplete="off" placeholder="满200减50" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">券来源</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="couponSource" lay-verify="title" autocomplete="off" placeholder="猫超" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">过期时间</label>
|
<div class="layui-input-block">
|
<input type="text" name="couponTime3" id="couponTime3" placeholder="截止时间" autocomplete="off"
|
class="layui-input" style="width: 602px; ">
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">描述语</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tagDesc" lay-verify="title" autocomplete="off" placeholder="券限制范围及描述语" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">教程/领取链接</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tagUrl" lay-verify="title" autocomplete="off" placeholder="教程链接" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">通用标签</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<input type="text" v-model="tags" lay-verify="title" autocomplete="off" placeholder="通用优惠券" class="layui-input"
|
style="width: 602px;">
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">文本转链</label>
|
<div class="layui-input-block" style="display: flex; ">
|
<v-if v-if="needSpin == true">
|
<input type="radio" lay-filter="needSpin3" name="needSpin3" value="true" title="是" checked="">
|
<input type="radio" lay-filter="needSpin3" name="needSpin3" value="false" title="否">
|
</v-if>
|
<v-if v-if="needSpin == false">
|
<input type="radio" lay-filter="needSpin3" name="needSpin3" value="true" title="是">
|
<input type="radio" lay-filter="needSpin3" name="needSpin3" value="false" title="否" checked="">
|
</v-if>
|
<div class="layui-form-mid layui-word-aux" style="margin:0px 0px 0px 20px;"> 选填</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item layui-form-text" style="display: flex; ">
|
<div>
|
<label class="layui-form-label">评论文本</label>
|
<div class="layui-input-block">
|
<textarea placeholder="" v-model="content" class="layui-textarea" style="width: 602px; height:300px; "></textarea>
|
</div>
|
</div>
|
<div class="layui-form-mid layui-word-aux" style="margin:100px 0px 0px 20px;"> 选填</div>
|
</div>
|
|
<div class="layui-form-item" style="margin:10px 0px 0px 500px; width: 50px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" @click="submitCoupon3()">立即保存</button>
|
</div>
|
</div>
|
</form>
|
|
<hr style="margin-top: 25px;" /> <!-- 商品信息 -->
|
|
<div class="layui-form-item" style="margin:30px 0px 50px 200px;">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" onclick="releaseInfo(3)" style="width: 300px; height: 80px; text-align: center;">
|
<h2>立即发布</h2>
|
</button>
|
</div>
|
</div>
|
|
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
</html>
|
|
<script type="text/javascript">
|
var goodsCouponCount = 1;
|
var goodsCouponCount2 = 1;
|
var id = null; // 0a39676f138c4dcba722e321d43c4284
|
var moreid = null; // "58c0569637cd4e898c9cf78be8be5eef"
|
var hdid = null; // 18527bd86f374ead87d098cd0095ef8f
|
var defaultImg = "../../../img/ic_add_img.png";
|
var goodIDList = new Array();
|
var backParams = null;
|
|
var userList = null;
|
function searchUser() {
|
layui.use('form', function() {
|
var form = layui.form;
|
var value = $("#nickName").val();
|
$("#hc_select").val(value);
|
|
// form.render();
|
$("#hc_select").next().find("dl").css({
|
"display": "block"
|
});
|
var dl = $("#hc_select").next().find("dl").children();
|
var j = -1;
|
for (var i = 0; i < dl.length; i++) {
|
if (dl[i].innerHTML.indexOf(value) <= -1) {
|
dl[i].style.display = "none";
|
j++;
|
}
|
if (j == dl.length - 1) {
|
$("#hc_select").next().find("dl").css({
|
"display": "none"
|
});
|
}
|
}
|
|
var value = $("#nickName2").val();
|
$("#hc_select2").val(value);
|
|
// form.render();
|
$("#hc_select2").next().find("dl").css({
|
"display": "block"
|
});
|
var dl = $("#hc_select2").next().find("dl").children();
|
var j = -1;
|
for (var i = 0; i < dl.length; i++) {
|
if (dl[i].innerHTML.indexOf(value) <= -1) {
|
dl[i].style.display = "none";
|
j++;
|
}
|
if (j == dl.length - 1) {
|
$("#hc_select2").next().find("dl").css({
|
"display": "none"
|
});
|
}
|
}
|
|
|
var value = $("#nickName3").val();
|
$("#hc_select3").val(value);
|
|
// form.render();
|
$("#hc_select3").next().find("dl").css({
|
"display": "block"
|
});
|
var dl = $("#hc_select3").next().find("dl").children();
|
var j = -1;
|
for (var i = 0; i < dl.length; i++) {
|
if (dl[i].innerHTML.indexOf(value) <= -1) {
|
dl[i].style.display = "none";
|
j++;
|
}
|
if (j == dl.length - 1) {
|
$("#hc_select3").next().find("dl").css({
|
"display": "none"
|
});
|
}
|
}
|
form.render();
|
});
|
}
|
|
|
|
// doui准备完毕
|
doui.onReady({
|
success: function() {
|
// 获取传递过来的id
|
var layId = "single";
|
doui.urlParam({
|
success: function(res) {
|
if (res.editType != null && res.editType != undefined) {
|
if (res.editType == "single") {
|
id = res.id;
|
} else if (res.editType == "multiple") {
|
moreid = res.id;
|
layId = "multiple";
|
} else if (res.editType == "activity") {
|
hdid = res.id;
|
layId = "activity";
|
}
|
}
|
backParams = res.backParams;
|
}
|
});
|
|
layui.use('element', function(){
|
var element = layui.element;
|
element.tabChange('tabui', layId);
|
});
|
|
// 请求发布用户列表
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/activity/getActivityUserList',
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
userList = res.data;
|
var userHtml = "";
|
for (var i = 0; i < res.data.length; i++) {
|
userHtml += "<option value=" + res.data[i].nickName + ">";
|
userHtml += res.data[i].nickName;
|
userHtml += "</option>";
|
}
|
$("#hc_select").empty();
|
$("#hc_select").append(userHtml);
|
|
$("#hc_select2").empty();
|
$("#hc_select2").append(userHtml);
|
|
$("#hc_select3").empty();
|
$("#hc_select3").append(userHtml);
|
searchUser();
|
}
|
},
|
});
|
|
// ------------------------------单个商品动态--------------------------------------------------
|
var vm = new Vue({
|
el: "#goodsInfo",
|
// 数据
|
data: {
|
imgAdd: defaultImg,
|
videoUrl: "",
|
videoUrlHD: defaultImg,
|
picNum: 1,
|
picUrls: [],
|
goods: {
|
goodsId: "",
|
goodsType: "",
|
imglist: [defaultImg],
|
// 覆盖 点击
|
seachGoods: function() {
|
var value = $("#goodsUrl").val();
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getGoodsByUrl',
|
data: {
|
link: value
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
$("#goodsUrl").val("");
|
vm.goods.goodsId = res.data.goodsId;
|
vm.goods.goodsType = res.data.goodsType;
|
vm.picUrls=[];
|
vm.goods.imglist = [];
|
for (var i = 0; i < res.data.imgList.length; i ++) {
|
vm.picUrls.push(res.data.imgList[i]);
|
vm.goods.imglist.push(res.data.imgList[i]);
|
}
|
vm.goods.imglist.push(defaultImg);
|
}
|
}
|
});
|
},
|
|
// 商品上面的删除 点击
|
delClick: function(indexC) {
|
vm.picUrls.splice(indexC, 1);
|
vm.goods.imglist.splice(indexC, 1);
|
},
|
|
// 商品上面的删除 点击
|
delUrl: function(indexC) {
|
vm.picUrls.splice(indexC, 1);
|
},
|
|
// 选择图片
|
replaceClick: function(indexC) {
|
$("#pic" + indexC).click();
|
},
|
|
// 添加替换图片
|
viewClick: function(indexC, e) {
|
//判断是否支持FileReader
|
if (window.FileReader) {
|
var reader = new FileReader();
|
} else {
|
alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
}
|
//获取文件
|
var file = e.target.files[0];
|
var imageType = /^image\//;
|
if (!imageType.test(file.type)) {
|
return; //是否是图片
|
}
|
reader.onload = function(e) {
|
var oldlength = vm.goods.imglist.length - 1;
|
//表示从indexC这个下标的元素开始, 删除1个元素，并在这个位置增加新元素e.target.result
|
vm.goods.imglist.splice(indexC, 1, e.target.result);
|
if (oldlength === indexC) {
|
vm.goods.imglist.push(defaultImg);
|
}
|
};
|
reader.readAsDataURL(file);
|
}
|
},
|
|
// 选择图片
|
addPicClick: function(targetId) {
|
$(targetId).click();
|
},
|
|
// 添加替换图片
|
viewPicClick: function(indexC, e) {
|
//判断是否支持FileReader
|
if (window.FileReader) {
|
var reader = new FileReader();
|
} else {
|
alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
}
|
//获取文件
|
var file = e.target.files[0];
|
var imageType = /^image\//;
|
if (!imageType.test(file.type)) {
|
return; //是否是图片
|
}
|
reader.onload = function(e) {
|
$(indexC).attr("src", e.target.result);
|
};
|
reader.readAsDataURL(file);
|
},
|
|
/**
|
* 简版商品信息上传
|
*/
|
submitGoods: function() {
|
doui.showLoading("正在处理");
|
var mydata = {
|
pid: id,
|
picNum: vm.picNum,
|
videoUrl: vm.videoUrl,
|
goodsId: vm.goods.goodsId,
|
goodsType: vm.goods.goodsType,
|
picUrls: vm.picUrls.toString(),
|
};
|
|
// 图片文件
|
var bi = 0;
|
$("input[name='goodsFile']").each(function() {
|
var fileObj = $(this)[0].files[0];
|
if (fileObj != null && fileObj != undefined) {
|
if (bi == 0) {
|
mydata.file0 = fileObj;
|
} else if (bi == 1) {
|
mydata.file1 = fileObj;
|
} else if (bi == 2) {
|
mydata.file2 = fileObj;
|
} else if (bi == 3) {
|
mydata.file3 = fileObj;
|
} else if (bi == 4) {
|
mydata.file4 = fileObj;
|
} else if (bi == 5) {
|
mydata.file5 = fileObj;
|
} else if (bi == 6) {
|
mydata.file6 = fileObj;
|
} else if (bi == 7) {
|
mydata.file7 = fileObj;
|
} else if (bi == 8) {
|
mydata.file8 = fileObj;
|
} else {
|
// break;
|
}
|
}
|
bi = bi + 1;
|
});
|
bi = 0;
|
|
// 视频封面图
|
var fileObj = document.getElementById("videoCoverFile").files[0]; // js 获取文件对象
|
if (fileObj != null) {
|
mydata.filevideo = fileObj;
|
}
|
|
doui.upload({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveSingleGoods",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
if (res.data.comment != null && res.data.comment != "") {
|
$("#commentContent1").val(res.data.comment);
|
}
|
doui.showToast("成功");
|
}
|
}
|
});
|
},
|
},
|
});
|
|
// vue 券信息
|
var vmcp = new Vue({
|
el: "#couponInfo",
|
// 数据
|
data: {
|
coupon: "",
|
couponSource: "",
|
endTime: "",
|
content: "",
|
tags: "",
|
tagUrl: "",
|
tagDesc: "",
|
needSpin:true,
|
|
submitGoodsCoupon: function() {
|
doui.showLoading("正在处理");
|
var mydata = {
|
pid: id,
|
coupon: vmcp.coupon,
|
couponSource: vmcp.couponSource,
|
endTime: $("#couponTime1").val(),
|
content: vmcp.content,
|
tags: vmcp.tags,
|
tagUrl: vmcp.tagUrl,
|
tagDesc: vmcp.tagDesc,
|
needSpin: $('input[name="needSpin1"]:checked').val()//获取选中的值,
|
};
|
mydata.kind = 1;
|
|
|
doui.upload({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveCurrencyCoupon",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("成功");
|
}
|
}
|
});
|
},
|
},
|
});
|
|
|
// ------------------------------多个商品动态--------------------------------------------------
|
var vm2 = new Vue({
|
el: "#goodsInfo2",
|
// 数据
|
data: {
|
imgAdd: defaultImg,
|
videoUrl: "",
|
videoUrlHD: defaultImg,
|
goodsList: [],
|
|
goods: {
|
imglist: [],
|
// 覆盖 点击
|
seachGoods: function() {
|
var value = $("#goodsUrl2").val();
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getGoodsByUrl',
|
data: {
|
link: value
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
$("#goodsUrl2").val("");
|
vm2.goods.goodsId = res.data.goodsId;
|
vm2.goods.goodsType = res.data.goodsType;
|
// 添加图片
|
vm2.goods.imglist.push(res.data.picUrl);
|
// 添加商品信息
|
vm2.goodsList.push(res.data.goodsId + "-" + res.data.goodsType);
|
}
|
}
|
});
|
},
|
|
// 商品上面的删除 点击
|
delClick: function(indexC) {
|
vm2.goods.imglist.splice(indexC, 1);
|
vm2.goodsList.splice(indexC, 1);
|
},
|
|
// 选择图片
|
replaceClick: function(indexC) {
|
$("#pict" + indexC).click();
|
},
|
|
// 添加替换图片
|
viewClick: function(indexC, e) {
|
//判断是否支持FileReader
|
if (window.FileReader) {
|
var reader = new FileReader();
|
} else {
|
alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
}
|
//获取文件
|
var file = e.target.files[0];
|
var imageType = /^image\//;
|
if (!imageType.test(file.type)) {
|
return; //是否是图片
|
}
|
reader.onload = function(e) {
|
var oldlength = vm2.goods.imglist.length - 1;
|
//表示从indexC这个下标的元素开始, 删除1个元素，并在这个位置增加新元素e.target.result
|
vm2.goods.imglist.splice(indexC, 1, e.target.result);
|
};
|
reader.readAsDataURL(file);
|
}
|
},
|
// 选择图片
|
addPicClick: function(targetId) {
|
$(targetId).click();
|
},
|
|
// 添加替换图片
|
viewPicClick: function(indexC, e) {
|
//判断是否支持FileReader
|
if (window.FileReader) {
|
var reader = new FileReader();
|
} else {
|
alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
}
|
//获取文件
|
var file = e.target.files[0];
|
var imageType = /^image\//;
|
if (!imageType.test(file.type)) {
|
return; //是否是图片
|
}
|
reader.onload = function(e) {
|
$(indexC).attr("src", e.target.result);
|
};
|
reader.readAsDataURL(file);
|
},
|
|
/**
|
* 简版商品信息上传
|
*/
|
submitGoods: function() {
|
doui.showLoading("正在处理");
|
var mydata = {
|
pid: moreid,
|
videoUrl: vm2.videoUrl,
|
goodsList: vm2.goodsList,
|
};
|
|
// 图片文件
|
var bi = 0;
|
$("input[name='goodsFile2']").each(function() {
|
var fileObj = $(this)[0].files[0];
|
if (fileObj != null && fileObj != undefined) {
|
if (bi == 0) {
|
mydata.file0 = fileObj;
|
} else if (bi == 1) {
|
mydata.file1 = fileObj;
|
} else if (bi == 2) {
|
mydata.file2 = fileObj;
|
} else if (bi == 3) {
|
mydata.file3 = fileObj;
|
} else if (bi == 4) {
|
mydata.file4 = fileObj;
|
} else if (bi == 5) {
|
mydata.file5 = fileObj;
|
} else if (bi == 6) {
|
mydata.file6 = fileObj;
|
} else if (bi == 7) {
|
mydata.file7 = fileObj;
|
} else if (bi == 8) {
|
mydata.file8 = fileObj;
|
} else {
|
// break;
|
}
|
}
|
bi = bi + 1;
|
});
|
bi = 0;
|
|
// 视频封面图
|
var fileObj = document.getElementById("videoCoverFile2").files[0]; // js 获取文件对象
|
if (fileObj != null) {
|
mydata.filevideo = fileObj;
|
}
|
|
doui.upload({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveMultipleGoods",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("成功");
|
}
|
}
|
});
|
},
|
},
|
});
|
// 初始化数据
|
|
// 券信息实例化
|
var vmcp2 = new Vue({
|
el: "#couponInfo2",
|
// 数据
|
data: {
|
coupon: "",
|
couponSource: "",
|
endTime: "",
|
content: "",
|
tags: "",
|
tagUrl: "",
|
tagDesc: "",
|
needSpin : true,
|
submitGoodsCoupon2: function() {
|
doui.showLoading("正在处理");
|
var mydata = {
|
pid: moreid,
|
coupon: vmcp2.coupon,
|
couponSource: vmcp2.couponSource,
|
endTime: $("#couponTime2").val(),
|
content: vmcp2.content,
|
tags: vmcp2.tags,
|
tagUrl: vmcp2.tagUrl,
|
tagDesc: vmcp2.tagDesc,
|
needSpin: $('input[name="needSpin2"]:checked').val()//获取选中的值,
|
};
|
mydata.kind = 2;
|
|
|
doui.upload({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveCurrencyCoupon",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("成功");
|
}
|
}
|
});
|
},
|
},
|
});
|
|
// ------------------------------活动动态--------------------------------------------------
|
var vm3 = new Vue({
|
el: "#huodongInfo",
|
data: {
|
videoUrl: "",
|
videoPic: defaultImg,
|
activityUrl: "",
|
activityImgs: [defaultImg],
|
picUrls: [],
|
|
// 删除图片
|
delClick: function(indexC) {
|
vm3.activityImgs.splice(indexC, 1);
|
vm3.picUrls.splice(indexC, 1);
|
},
|
|
// 选择图片
|
replaceClick: function(indexC) {
|
$("#activity" + indexC).click();
|
},
|
|
// 添加替换图片
|
viewClick: function(indexC, e) {
|
//判断是否支持FileReader
|
if (window.FileReader) {
|
var reader = new FileReader();
|
} else {
|
alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
}
|
//获取文件
|
var file = e.target.files[0];
|
var imageType = /^image\//;
|
if (!imageType.test(file.type)) {
|
return; //是否是图片
|
}
|
reader.onload = function(e) {
|
var oldlength = vm3.activityImgs.length - 1;
|
//表示从indexC这个下标的元素开始, 删除1个元素，并在这个位置增加新元素e.target.result
|
vm3.activityImgs.splice(indexC, 1, e.target.result);
|
if (oldlength === indexC) {
|
vm3.activityImgs.push(defaultImg);
|
}
|
};
|
reader.readAsDataURL(file);
|
},
|
|
// 选择图片
|
addPicClick: function(targetId) {
|
$(targetId).click();
|
},
|
|
// 添加替换图片
|
viewPicClick: function(indexC, e) {
|
//判断是否支持FileReader
|
if (window.FileReader) {
|
var reader = new FileReader();
|
} else {
|
alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
}
|
//获取文件
|
var file = e.target.files[0];
|
var imageType = /^image\//;
|
if (!imageType.test(file.type)) {
|
return; //是否是图片
|
}
|
reader.onload = function(e) {
|
$(indexC).attr("src", e.target.result);
|
};
|
reader.readAsDataURL(file);
|
},
|
|
submitGoods: function() {
|
// doui.showLoading("正在处理");
|
var mydata = {
|
pid: hdid,
|
videoUrl: vm3.videoUrl,
|
activityUrl: vm3.activityUrl,
|
picUrls: vm3.picUrls.toString(),
|
};
|
|
// 视频封面图
|
var videohuodong = document.getElementById("videohuodong").files[0]; // js 获取文件对象
|
if (videohuodong != null) {
|
mydata.filevideo = videohuodong;
|
}
|
|
// 图片文件
|
var bi = 0;
|
$("input[name='activitypic']").each(function() {
|
var fileObj = $(this)[0].files[0];
|
if (fileObj != null && fileObj != undefined) {
|
if (bi == 0) {
|
mydata.file0 = fileObj;
|
} else if (bi == 1) {
|
mydata.file1 = fileObj;
|
} else if (bi == 2) {
|
mydata.file2 = fileObj;
|
} else if (bi == 3) {
|
mydata.file3 = fileObj;
|
} else if (bi == 4) {
|
mydata.file4 = fileObj;
|
} else if (bi == 5) {
|
mydata.file5 = fileObj;
|
} else if (bi == 6) {
|
mydata.file6 = fileObj;
|
} else if (bi == 7) {
|
mydata.file7 = fileObj;
|
} else if (bi == 8) {
|
mydata.file8 = fileObj;
|
} else {
|
// break;
|
}
|
}
|
bi = bi + 1;
|
});
|
bi = 0;
|
|
|
doui.upload({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveActivityPic",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("成功");
|
}
|
}
|
});
|
},
|
},
|
});
|
|
// vue 券信息
|
var vmcp3 = new Vue({
|
el: "#couponInfo3",
|
// 数据
|
data: {
|
coupon: "",
|
couponSource: "",
|
endTime: "",
|
content: "",
|
tags: "",
|
tagUrl: "",
|
tagDesc: "",
|
needSpin: true,
|
submitCoupon3: function() {
|
doui.showLoading("正在处理");
|
var mydata = {
|
pid: hdid,
|
coupon: vmcp3.coupon,
|
couponSource: vmcp3.couponSource,
|
endTime: $("#couponTime3").val(),
|
content: vmcp3.content,
|
tags: vmcp3.tags,
|
tagUrl: vmcp3.tagUrl,
|
tagDesc: vmcp3.tagDesc,
|
needSpin: $('input[name="needSpin3"]:checked').val()//获取选中的值,
|
};
|
|
mydata.kind = 3;
|
|
doui.upload({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveCurrencyCoupon",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("成功");
|
}
|
}
|
});
|
},
|
},
|
});
|
|
|
// 单品发布
|
if (id != null && id != undefined) {
|
updateSingle(id);
|
updateSingleVUE(id);
|
}
|
|
function updateSingleVUE(id) {
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getSingleGoodsinfo',
|
data: {
|
pid: id,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vm.picNum = res.data.picNum;
|
vm.videoUrl = res.data.videoUrl;
|
if (res.data.videoPic != "") {
|
vm.videoUrlHD = res.data.videoPic;
|
}
|
vm.goods.goodsId = res.data.goodsId;
|
vm.goods.goodsType = res.data.goodsType;
|
vm.picUrls=[];
|
vm.goods.imglist = [];
|
for (var i = 0; i < res.data.list.length; i ++) {
|
vm.picUrls.push(res.data.list[i]);
|
vm.goods.imglist.push(res.data.list[i]);
|
}
|
vm.goods.imglist.push(defaultImg);
|
}
|
}
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getCurrencyCoupon',
|
data: {
|
pid: id,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vmcp.coupon = res.data.coupon;
|
vmcp.couponSource = res.data.couponSource;
|
$("#couponTime1").val(res.data.endTime);
|
vmcp.content = res.data.content;
|
vmcp.tags = res.data.tags;
|
vmcp.tagUrl = res.data.tagUrl;
|
vmcp.tagDesc = res.data.tagDesc;
|
vmcp.needSpin = res.data.needSpin;
|
}
|
}
|
});
|
}
|
|
|
// 多品发布
|
if (moreid != null && moreid != undefined) {
|
updateMultiple(moreid);
|
updateMultipleVUE(moreid);
|
}
|
|
function updateMultipleVUE(moreid) {
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getCurrencyCoupon',
|
data: {
|
pid: moreid,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vmcp2.coupon = res.data.coupon;
|
vmcp2.couponSource = res.data.couponSource;
|
$("#couponTime2").val(res.data.endTime);
|
vmcp2.content = res.data.content;
|
vmcp2.tags = res.data.tags;
|
vmcp2.tagUrl = res.data.tagUrl;
|
vmcp2.tagDesc = res.data.tagDesc;
|
vmcp2.needSpin = res.data.needSpin;
|
}
|
}
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getMultipleGoods',
|
data: {
|
pid: moreid,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vm2.videoUrl = res.data.videoUrl;
|
if (res.data.videoPic != "") {
|
vm2.videoUrlHD = res.data.videoPic;
|
}
|
vm2.goods.imglist = res.data.list;
|
vm2.goodsList = res.data.goodsList;
|
}
|
}
|
});
|
}
|
|
|
if (hdid != null && hdid != undefined) {
|
updateActivity(hdid);
|
updateActivityVUE(hdid);
|
}
|
|
function updateActivityVUE(hdid) {
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getCurrencyCoupon',
|
data: {
|
pid: hdid,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vmcp3.coupon = res.data.coupon;
|
vmcp3.couponSource = res.data.couponSource;
|
$("#couponTime3").val(res.data.endTime);
|
vmcp3.content = res.data.content;
|
vmcp3.tags = res.data.tags;
|
vmcp3.tagUrl = res.data.tagUrl;
|
vmcp3.tagDesc = res.data.tagDesc;
|
vmcp3.needSpin = res.data.needSpin;
|
}
|
}
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getActivityPic',
|
data: {
|
pid: hdid,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
vm3.videoUrl = res.data.videoUrl;
|
if (res.data.videoPic != "") {
|
vm3.videoPic = res.data.videoPic;
|
}
|
|
vm3.activityUrl = res.data.activityUrl;
|
|
vm3.picUrls=[];
|
vm3.activityImgs = [];
|
for (var i = 0; i < res.data.listPic.length; i ++) {
|
vm3.picUrls.push(res.data.listPic[i]);
|
vm3.activityImgs.push(res.data.listPic[i]);
|
}
|
vm3.activityImgs.push(defaultImg);
|
}
|
}
|
});
|
}
|
|
|
},
|
});
|
|
|
function updateSingle(id){
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getGoodsComment',
|
data: {
|
id: id,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
var list = res.data.list;
|
if (list != null && list.length > 0) {
|
var html = "";
|
goodsCouponCount = list.length;
|
for (var i=0; i <list.length; i ++) {
|
if (i == 0) {
|
$("#commentId1").val(list[i].id);
|
$("#commentContent1").val(list[i].content);
|
$("#commentTags1").val(list[i].tags);
|
} else {
|
html += "<div class='layui-form-item layui-form-text' style='display: flex; margin:20px 0px 0px 0px;'>"
|
+"<div>"
|
+"<input type='hidden' name='comment["+i+"].id' value="+ list[i].id + " >"
|
+"<label class='layui-form-label'>优惠券文本</label>"
|
+"<div class='layui-input-block'>"
|
+"<textarea name='comment["+i+"].content' class='layui-textarea' style='width: 602px; height:300px; '>"+ list[i].content +"</textarea>"
|
+"</div>"
|
+"</div>"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:100px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"<div class='layui-form-item' style='margin:20px 0px 0px 0px;'>"
|
+"<label class='layui-form-label'>标签</label>"
|
+"<div class='layui-input-block' style='display: flex; '>"
|
+"<input type='text' name='comment["+i+"].tags' class='layui-input' style='width: 602px;' value="+ list[i].tags + ">"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:0px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"</div>";
|
}
|
}
|
|
if (html != "") {
|
$("#btnText1").prev().append(html);
|
}
|
}
|
}
|
}
|
});
|
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/getEvaluate",
|
data: {
|
id: id,
|
},
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
$("#portraitView").attr("src", res.data.result.user.portrait);
|
$("#tag").val(res.data.result.user.tag);
|
$("#title").val(res.data.result.title);
|
$("#nickName").val(res.data.result.user.nickName);
|
$("#shareNum").val(res.data.result.shareNum);
|
$("#startTime").val(res.data.result.startTime);
|
$("#endTime").val(res.data.result.endTime);
|
$("#endTime").val(res.data.result.endTime);
|
$("#weight").val(res.data.result.weight);
|
}
|
}
|
});
|
}
|
|
|
|
function updateMultiple(moreid){
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/getEvaluate",
|
data: {
|
id: moreid,
|
},
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
$("#portraitView2").attr("src", res.data.result.user.portrait);
|
$("#tag2").val(res.data.result.user.tag);
|
$("#title2").val(res.data.result.title);
|
$("#nickName2").val(res.data.result.user.nickName);
|
$("#shareNum2").val(res.data.result.shareNum);
|
$("#startTime2").val(res.data.result.startTime);
|
$("#endTime2").val(res.data.result.endTime);
|
$("#endTime2").val(res.data.result.endTime);
|
$("#weight2").val(res.data.result.weight);
|
}
|
}
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + '/admin/new/api/v1/evaluate/getGoodsComment',
|
data: {
|
id: moreid,
|
},
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
var list = res.data.list;
|
if (list != null && list.length > 0) {
|
var html = "";
|
goodsCouponCount2 = list.length;
|
for (var i=0; i <list.length; i ++) {
|
if (i == 0) {
|
$("#commentId2").val(list[i].id);
|
$("#commentContent2").val(list[i].content);
|
$("#commentTags2").val(list[i].tags);
|
} else {
|
html += "<div class='layui-form-item layui-form-text' style='display: flex; margin:20px 0px 0px 0px;'>"
|
+"<div>"
|
+"<input type='hidden' name='comment["+i+"].id' value="+ list[i].id + " >"
|
+"<label class='layui-form-label'>优惠券文本</label>"
|
+"<div class='layui-input-block'>"
|
+"<textarea name='comment["+i+"].content' class='layui-textarea' style='width: 602px; height:300px; '>"+ list[i].content +"</textarea>"
|
+"</div>"
|
+"</div>"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:100px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"<div class='layui-form-item' style='margin:20px 0px 0px 0px;'>"
|
+"<label class='layui-form-label'>标签</label>"
|
+"<div class='layui-input-block' style='display: flex; '>"
|
+"<input type='text' name='comment["+i+"].tags' class='layui-input' style='width: 602px;' value="+ list[i].tags + ">"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:0px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"</div>";
|
}
|
}
|
|
if (html != "") {
|
$("#btnText2").prev().append(html);
|
}
|
}
|
}
|
}
|
});
|
}
|
|
|
function updateActivity(hdid) {
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/getEvaluate",
|
data: {
|
id: hdid,
|
},
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
$("#portraitView3").attr("src", res.data.result.user.portrait);
|
$("#tag3").val(res.data.result.user.tag);
|
$("#title3").val(res.data.result.title);
|
$("#nickName3").val(res.data.result.user.nickName);
|
$("#shareNum3").val(res.data.result.shareNum);
|
$("#startTime3").val(res.data.result.startTime);
|
$("#endTime3").val(res.data.result.endTime);
|
$("#endTime3").val(res.data.result.endTime);
|
$("#weight3").val(res.data.result.weight);
|
}
|
}
|
});
|
}
|
|
|
/**发布
|
* @param {Object} num
|
*/
|
function releaseInfo(num) {
|
var tempid = "";
|
if (num == 1) {
|
tempid = id;
|
} else if (num == 2) {
|
tempid = moreid;
|
} else if (num == 3) {
|
tempid = hdid;
|
}
|
|
doui.upload({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/evaluate/release",
|
data: {
|
id: tempid
|
},
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("成功");
|
goListPage();
|
}
|
}
|
});
|
}
|
|
// 选择头像
|
function choosefile(num) {
|
if (num == 1) {
|
$("#portraitFile").click();
|
} else if (num == 2) {
|
$("#portraitFile2").click();
|
} else if (num == 3) {
|
$("#portraitFile3").click();
|
}
|
}
|
// 预览头像
|
function imgPreview(fileDom, num) {
|
//判断是否支持FileReader
|
if (window.FileReader) {
|
var reader = new FileReader();
|
} else {
|
alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
}
|
//获取文件
|
var file = fileDom.files[0];
|
var imageType = /^image\//;
|
if (!imageType.test(file.type)) {
|
return; //是否是图片
|
}
|
reader.onload = function(e) {
|
if (num == 1) {
|
$("#portraitView").attr("src", e.target.result);
|
} else if (num == 2) {
|
$("#portraitView2").attr("src", e.target.result);
|
} else if (num == 3) {
|
$("#portraitView3").attr("src", e.target.result);
|
}
|
};
|
reader.readAsDataURL(file);
|
}
|
|
//只有执行了这一步，部分表单元素才会自动修饰成功
|
layui.use('form', function() {
|
var form = layui.form;
|
form.render();
|
});
|
|
|
function clearUser(num) {
|
var nickName;
|
var clearInfo = true;
|
if (num == 1) {
|
nickName = $("#nickName").val().trim();
|
} else if (num == 2) {
|
nickName = $("#nickName2").val().trim();
|
} else if (num == 3) {
|
nickName = $("#nickName3").val().trim();
|
}
|
|
if (userList != null) {
|
for (var i = 0; i < userList.length; i++) {
|
if (userList[i].nickName == nickName) {
|
clearInfo = false;
|
break;
|
}
|
}
|
}
|
|
if (num == 1) {
|
if (clearInfo && (new RegExp("^http.*$").test($("#portraitView")[0].src))) {
|
$("#portraitView").attr("src", "../../../img/ic_add_img.png");
|
}
|
} else if (num == 2) {
|
if (clearInfo && (new RegExp("^http.*$").test($("#portraitView2")[0].src))) {
|
$("#portraitView2").attr("src", "../../../img/ic_add_img.png");
|
}
|
} else if (num == 3) {
|
if (clearInfo && (new RegExp("^http.*$").test($("#portraitView3")[0].src))) {
|
$("#portraitView3").attr("src", "../../../img/ic_add_img.png");
|
}
|
}
|
}
|
|
function matchUser(num) {
|
var nickName;
|
var clearInfo = true;
|
if (num == 1) {
|
nickName = $("#nickName").val().trim();
|
} else if (num == 2) {
|
nickName = $("#nickName2").val().trim();
|
} else if (num == 3) {
|
nickName = $("#nickName3").val().trim();
|
}
|
|
if (userList != null) {
|
for (var i = 0; i < userList.length; i++) {
|
if (userList[i].nickName == nickName) {
|
if (num == 1) {
|
$("#portraitView").attr("src", userList[i].portrait);
|
$("#tag").val(userList[i].tag);
|
} else if (num == 2) {
|
$("#portraitView2").attr("src", userList[i].portrait);
|
$("#tag2").val(userList[i].tag);
|
} else if (num == 3) {
|
$("#portraitView3").attr("src", userList[i].portrait);
|
$("#tag3").val(userList[i].tag);
|
}
|
break;
|
}
|
}
|
}
|
}
|
|
|
layui.use(['form', 'layedit', 'upload'], function() {
|
var form = layui.form
|
form.on('select(hc_select)', function(data) { //选择移交单位 赋值给input框
|
$("#nickName").val($("#hc_select").find("option:selected").text());
|
$("#hc_select").next().find("dl").css({
|
"display": "none"
|
});
|
form.render();
|
matchUser(1);
|
});
|
|
form.on('select(hc_select2)', function(data) { //选择移交单位 赋值给input框
|
$("#nickName2").val($("#hc_select2").find("option:selected").text());
|
$("#hc_select2").next().find("dl").css({
|
"display": "none"
|
});
|
form.render();
|
matchUser(2);
|
});
|
|
form.on('select(hc_select3)', function(data) { //选择移交单位 赋值给input框
|
$("#nickName3").val($("#hc_select3").find("option:selected").text());
|
$("#hc_select3").next().find("dl").css({
|
"display": "none"
|
});
|
form.render();
|
matchUser(3);
|
});
|
|
window.search = function() {
|
var value = $("#nickName").val();
|
$("#hc_select").val(value);
|
form.render();
|
$("#hc_select").next().find("dl").css({
|
"display": "block"
|
});
|
var dl = $("#hc_select").next().find("dl").children();
|
var j = -1;
|
for (var i = 0; i < dl.length; i++) {
|
if (dl[i].innerHTML.indexOf(value) <= -1) {
|
dl[i].style.display = "none";
|
j++;
|
}
|
if (j == dl.length - 1) {
|
$("#hc_select").next().find("dl").css({
|
"display": "none"
|
});
|
}
|
}
|
}
|
|
window.search2 = function() {
|
var value = $("#nickName2").val();
|
$("#hc_select2").val(value);
|
form.render();
|
$("#hc_select2").next().find("dl").css({
|
"display": "block"
|
});
|
var dl = $("#hc_select2").next().find("dl").children();
|
var j = -1;
|
for (var i = 0; i < dl.length; i++) {
|
if (dl[i].innerHTML.indexOf(value) <= -1) {
|
dl[i].style.display = "none";
|
j++;
|
}
|
if (j == dl.length - 1) {
|
$("#hc_select2").next().find("dl").css({
|
"display": "none"
|
});
|
}
|
}
|
}
|
|
|
window.search3 = function() {
|
var value = $("#nickName3").val();
|
$("#hc_select3").val(value);
|
form.render();
|
$("#hc_select3").next().find("dl").css({
|
"display": "block"
|
});
|
var dl = $("#hc_select3").next().find("dl").children();
|
var j = -1;
|
for (var i = 0; i < dl.length; i++) {
|
if (dl[i].innerHTML.indexOf(value) <= -1) {
|
dl[i].style.display = "none";
|
j++;
|
}
|
if (j == dl.length - 1) {
|
$("#hc_select3").next().find("dl").css({
|
"display": "none"
|
});
|
}
|
}
|
}
|
});
|
|
|
setTimeout(function(){
|
layui.use('laydate', function(){
|
var laydate = layui.laydate;
|
laydate.render({
|
elem: '#couponTime1',
|
type: 'datetime'
|
});
|
|
laydate.render({
|
elem: '#couponTime2',
|
type: 'datetime'
|
});
|
|
|
laydate.render({
|
elem: '#couponTime3',
|
type: 'datetime'
|
});
|
|
|
laydate.render({
|
elem: '#startTime',
|
type: 'datetime'
|
});
|
|
laydate.render({
|
elem: '#endTime',
|
type: 'datetime'
|
});
|
|
laydate.render({
|
elem: '#startTime2',
|
type: 'datetime'
|
});
|
|
laydate.render({
|
elem: '#endTime2',
|
type: 'datetime'
|
});
|
|
laydate.render({
|
elem: '#startTime3',
|
type: 'datetime'
|
});
|
|
laydate.render({
|
elem: '#endTime3',
|
type: 'datetime'
|
});
|
});
|
|
layui.use(['form'], function() {
|
var form = layui.form;
|
// form.on('radio(needSpin)', function (data){
|
// console.log(data.value);
|
// });
|
form.render();
|
});
|
|
},1000);
|
|
|
layui.use(['form', 'layedit', 'laydate'], function() {
|
var form = layui.form;
|
// layer = layui.layer,
|
// layedit = layui.layedit,
|
// laydate = layui.laydate;
|
|
//表单取值
|
layui.$('#LAY-component-form-getval').on('click', function() {
|
var mydata = form.val('evaluate');
|
mydata.type = "single";
|
if (id != null && id != undefined) {
|
mydata.id = id;
|
}
|
var fileObj = document.getElementById("portraitFile").files[0]; // js 获取文件对象
|
console.log(fileObj);
|
if (fileObj != null) {
|
mydata.portraitFile = fileObj;
|
}
|
doui.upload({
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveHead",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
id = res.data;
|
doui.showToast("保存成功");
|
refreshPage(id, "single");
|
}
|
}
|
});
|
});
|
|
//表单取值
|
layui.$('#LAY-component-form-getval2').on('click', function() {
|
var mydata = form.val('evaluate2');
|
mydata.type = "multiple";
|
if (moreid != null && moreid != undefined) {
|
mydata.id = moreid;
|
}
|
var fileObj = document.getElementById("portraitFile2").files[0]; // js 获取文件对象
|
console.log(fileObj);
|
if (fileObj != null) {
|
mydata.portraitFile = fileObj;
|
}
|
doui.upload({
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveHead",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
moreid = res.data;
|
doui.showToast("保存成功");
|
refreshPage(moreid, "multiple");
|
}
|
}
|
});
|
});
|
|
//表单取值
|
layui.$('#LAY-component-form-getval3').on('click', function() {
|
var mydata = form.val('evaluate3');
|
mydata.type = "activity";
|
if (hdid != null && hdid != undefined) {
|
mydata.id = hdid;
|
}
|
var fileObj = document.getElementById("portraitFile3").files[0]; // js 获取文件对象
|
console.log(fileObj);
|
if (fileObj != null) {
|
mydata.portraitFile = fileObj;
|
}
|
doui.upload({
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveHead",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
hdid = res.data;
|
doui.showToast("保存成功");
|
refreshPage(hdid, "activity");
|
}
|
}
|
});
|
});
|
|
//表单取值
|
layui.$('#goodscomment').on('click', function() {
|
var mydata = form.val('formgoodscomment');
|
if (id != null && id != undefined) {
|
mydata.id = id;
|
}
|
mydata.kind = 1;
|
|
doui.upload({
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveGoodsComment",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("保存成功");
|
}
|
}
|
});
|
});
|
|
//表单取值
|
layui.$('#goodscomment2').on('click', function() {
|
var mydata = form.val('formgoodscomment2');
|
if (moreid != null && moreid != undefined) {
|
mydata.id = moreid;
|
}
|
mydata.kind = 2;
|
|
doui.upload({
|
url: gethttp() + "/admin/new/api/v1/evaluate/saveGoodsComment",
|
data: mydata,
|
success: function(res) {
|
doui.hideLoading();
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
doui.showToast("保存成功");
|
}
|
}
|
});
|
});
|
});
|
|
|
function addContent() {
|
$("#btnText1").prev().append( "<div class='layui-form-item layui-form-text' style='display: flex; margin:20px 0px 0px 0px;'>"
|
+"<div>"
|
+"<input type='hidden' name='comment["+goodsCouponCount+"].id'>"
|
+"<label class='layui-form-label'>优惠券文本</label>"
|
+"<div class='layui-input-block'>"
|
+"<textarea name='comment["+goodsCouponCount+"].content' class='layui-textarea' style='width: 602px; height:300px; '></textarea>"
|
+"</div>"
|
+"</div>"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:100px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"<div class='layui-form-item' style='margin:20px 0px 0px 0px;'>"
|
+"<label class='layui-form-label'>标签</label>"
|
+"<div class='layui-input-block' style='display: flex; '>"
|
+"<input type='text' name='comment["+goodsCouponCount+"].tags' lay-verify='title' class='layui-input' style='width: 602px;'>"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:0px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"</div>");
|
goodsCouponCount++;
|
}
|
|
|
function addContent2() {
|
$("#btnText2").prev().append( "<div class='layui-form-item layui-form-text' style='display: flex; margin:20px 0px 0px 0px;'>"
|
+"<div>"
|
+"<input type='hidden' name='comment["+goodsCouponCount2+"].id'>"
|
+"<label class='layui-form-label'>优惠券文本</label>"
|
+"<div class='layui-input-block'>"
|
+"<textarea name='comment["+goodsCouponCount2+"].content' class='layui-textarea' style='width: 602px; height:300px; '></textarea>"
|
+"</div>"
|
+"</div>"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:100px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"<div class='layui-form-item' style='margin:20px 0px 0px 0px;'>"
|
+"<label class='layui-form-label'>标签</label>"
|
+"<div class='layui-input-block' style='display: flex; '>"
|
+"<input type='text' name='comment["+goodsCouponCount2+"].tags' lay-verify='title' class='layui-input' style='width: 602px;'>"
|
+"<div class='layui-form-mid layui-word-aux' style='margin:0px 0px 0px 20px;'> 选填</div>"
|
+"</div>"
|
+"</div>");
|
goodsCouponCount2++;
|
}
|
|
|
/** 刷新当前页面
|
* @param {Object} id
|
* @param {Object} editType
|
*/
|
function refreshPage(id, editType) {
|
doui.pageToUrl({
|
type: "replace",
|
url: "evaluate_edit.html",
|
data: {
|
id: id,
|
editType: editType,
|
backParams : backParams,
|
},
|
});
|
}
|
|
|
/** 返回列表
|
* @param {Object} id
|
* @param {Object} editType
|
*/
|
function goListPage() {
|
doui.pageToUrl({
|
type: "replace",
|
url: "evaluate_list.html",
|
data: {
|
backParams : backParams,
|
}
|
});
|
}
|
|
function clearContent(id) {
|
$("#" + id).val("");
|
}
|
</script>
|
