327 lines
17 KiB
HTML
327 lines
17 KiB
HTML
{layout name="layout2" /}
|
||
<style>
|
||
.layui-form-item .layui-form-label { width: 95px; }
|
||
.layui-form-item .layui-input-inline { width: 240px; }
|
||
.layui-form-item .map-container{ width: 600px; height: 400px; margin-left: 100px; margin-top: 20px; }
|
||
</style>
|
||
|
||
<div class="layui-card layui-form" style="box-shadow:none;">
|
||
<div class="layui-tab layui-tab-card" lay-filter="like-tabs">
|
||
<ul class="layui-tab-title">
|
||
<li lay-id="1" class="layui-this">基础设置</li>
|
||
<li lay-id="2">经营设置</li>
|
||
<li lay-id="3">账号设置</li>
|
||
</ul>
|
||
<div class="layui-tab-content">
|
||
<!-- 1、基础设置 -->
|
||
<div class="layui-tab-item layui-show">
|
||
<div class="layui-form-item">
|
||
<label for="name" class="layui-form-label"><span style="color:red;">*</span>商家名称：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="name" id="name" lay-verType="tips" lay-verify="name"
|
||
switch-tab="0" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>商家类型：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="radio" name="type" value="1" title="官方自营" >
|
||
<input type="radio" name="type" value="2" title="入驻商家" checked>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>配送方式：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="checkbox" name="delivery_type[]" value="1" title="快递发货" lay-skin="primary" checked disabled>
|
||
<input type="checkbox" name="delivery_type[]" value="2" title="线下自提" lay-skin="primary" >
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">实物商品的配送方式【快递发货】默认为必选，虚拟商品默认为虚拟发货，不受配送方式限制</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="cid" class="layui-form-label"><span style="color:red;">*</span>主营类目：</label>
|
||
<div class="layui-input-inline">
|
||
<select name="cid" id="cid" lay-verType="tips" lay-verify="cid" switch-tab="0">
|
||
<option value=""></option>
|
||
{volist name="category" id="vo"}
|
||
<option value="{$vo.id}">{$vo.name}</option>
|
||
{/volist}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="nickname" class="layui-form-label"><span style="color:red;">*</span>联系人：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="nickname" id="nickname" lay-verType="tips" lay-verify="nickname"
|
||
switch-tab="0" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="mobile" class="layui-form-label"><span style="color:red;">*</span>联系手机：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="number" name="mobile" id="mobile" lay-verType="tips" lay-verify="mobile"
|
||
switch-tab="0" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label"><span style="color:red;">*</span>商家logo：</label>
|
||
<div class="layui-input-block">
|
||
<div class="like-upload-image" switch-tab="0" lay-verType="tips" lay-verify="logo">
|
||
<div class="upload-image-elem"><a class="add-upload-image"> + 添加图片</a></div>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">建议尺寸：宽200像素*高200像素的jpg，jpeg，png图片</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">商家地址：</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-input-inline" style="width:120px;">
|
||
<select name="province_id" id="province" lay-filter="province"></select>
|
||
</div>
|
||
<div class="layui-input-inline" style="width:120px;">
|
||
<select name="city_id" id="city" lay-filter="city"></select>
|
||
</div>
|
||
<div class="layui-input-inline" style="width:120px;">
|
||
<select name="district_id" id="district"></select>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="address" id="address" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<button class="layui-btn layui-btn-normal" id="searchMap">搜索地图</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">地图定位：</label>
|
||
<div class="layui-input-block">
|
||
<div class="layui-inline" >
|
||
<div class="layui-input-inline" style="width:120px;margin-right:5px;">
|
||
<input type="text" name="longitude" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">经度</div>
|
||
</div>
|
||
<div class="layui-inline" style="margin-right:0;">
|
||
<div class="layui-input-inline" style="width:120px;margin-right:5px;">
|
||
<input type="text" name="latitude" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">纬度</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item ">
|
||
<label class="layui-form-label"></label>
|
||
<div class="layui-input-block" style="margin-left:10px;">
|
||
<div class="map-container" id="map-container"></div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="keywords" class="layui-form-label">商家关键字：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="keywords" id="keywords" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="intro" class="layui-form-label">商家简介：</label>
|
||
<div class="layui-input-inline">
|
||
<textarea name="intro" id="intro" class="layui-textarea"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 2、经营设置 -->
|
||
<div class="layui-tab-item">
|
||
<div class="layui-form-item">
|
||
<label for="expire_time" class="layui-form-label"><span style="color:red;">*</span>到期时间：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="expire_time" id="expire_time" lay-verType="tips" lay-verify="expire_time"
|
||
switch-tab="1" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="trade_service_fee" class="layui-form-label"><span style="color:red;">*</span>交易服务费：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="number" min="0" max="100" name="trade_service_fee" id="trade_service_fee"
|
||
lay-verType="tips" lay-verify="trade_service_fee"
|
||
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
|
||
switch-tab="1" autocomplete="off" class="layui-input">
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">平台每笔交易收取的服务费用。请填写百分比，填0表示不收取服务费</div>
|
||
</div>
|
||
<div class="layui-form-mid layui-word-aux">%</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="expire_time" class="layui-form-label"><span style="color:red;">*</span>产品审核：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="radio" name="is_product_audit" value="1" title="需要审核">
|
||
<input type="radio" name="is_product_audit" value="0" title="无需审核" checked>
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">商家发布商品时是否需要审核</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="expire_time" class="layui-form-label"><span style="color:red;">*</span>营业状态：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="radio" name="is_run" value="1" title="营业中">
|
||
<input type="radio" name="is_run" value="0" title="暂停营业" checked>
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">商家暂停营业后，则不能对外提供服务</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="expire_time" class="layui-form-label"><span style="color:red;">*</span>商家状态：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="radio" name="is_freeze" value="0" title="正常">
|
||
<input type="radio" name="is_freeze" value="1" title="冻结" checked>
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">商家冻结后，商家不能对外提供服务</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 3、账号设置 -->
|
||
<div class="layui-tab-item">
|
||
<div class="layui-form-item">
|
||
<label for="account" class="layui-form-label"><span style="color:red;">*</span>商家账号：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="account" id="account" lay-verType="tips" lay-verify="account"
|
||
switch-tab="2" autocomplete="off" class="layui-input">
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">商家账号和密码用于登录商家后台</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="password" class="layui-form-label"><span style="color:red;">*</span>登录密码：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="password" id="password" lay-verType="tips" lay-verify="password"
|
||
switch-tab="2" autocomplete="off" class="layui-input">
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">商家账号和密码用于登录商家后台</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label for="okPassword" class="layui-form-label"><span style="color:red;">*</span>确认密码：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="okPassword" id="okPassword" lay-verType="tips" lay-verify="pwd"
|
||
switch-tab="2" autocomplete="off" class="layui-input">
|
||
<div class="layui-form-mid layui-word-aux" style="white-space:nowrap;">商家账号和密码用于登录商家后台</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item layui-hide">
|
||
<input type="button" lay-submit lay-filter="addSubmit" id="addSubmit" value="确认">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script src="__PUBLIC__/static/common/js/area.js"></script>
|
||
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key={$tx_map_key}"></script>
|
||
<script>
|
||
layui.config({
|
||
base: "/static/lib/"
|
||
}).extend({
|
||
likeArea: "likeArea/likeArea",
|
||
txMap: "likeMap/txMap"
|
||
}).use(["form", "laydate", "likeArea", "txMap"], function(){
|
||
var $ = layui.$;
|
||
var form = layui.form;
|
||
var likeArea = layui.likeArea;
|
||
var laydate = layui.laydate;
|
||
var txMap = layui.txMap;
|
||
|
||
laydate.render({type:"datetime", elem:"#expire_time", trigger:"click",min:0});
|
||
|
||
|
||
like.delUpload();
|
||
$(document).on("click", ".add-upload-image", function () {
|
||
like.imageUpload({
|
||
limit: 1,
|
||
field: "logo",
|
||
that: $(this)
|
||
});
|
||
});
|
||
|
||
|
||
form.verify({
|
||
name: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请填写商家名称";
|
||
}
|
||
},
|
||
cid: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请选择主营类目";
|
||
}
|
||
},
|
||
nickname: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请填写联系人";
|
||
}
|
||
},
|
||
mobile: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请填写联系手机号";
|
||
}
|
||
},
|
||
logo: function (value, item) {
|
||
if (!value) {
|
||
if ($(item).find(".upload-image-div").length <= 0) {
|
||
switchTab($(item).attr("switch-tab"))
|
||
return "请上传商家logo";
|
||
}
|
||
}
|
||
},
|
||
expire_time: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请选择到期时间";
|
||
}
|
||
},
|
||
trade_service_fee: function (value, item) {
|
||
if (!value && parseInt(value) !== 0) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请填写交易服务费";
|
||
}
|
||
},
|
||
account: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请填写商家账号";
|
||
}
|
||
},
|
||
password: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请填写商家登录密码";
|
||
}
|
||
},
|
||
pwd: function (value, item) {
|
||
if (!value) {
|
||
switchTab($(item).attr("switch-tab"));
|
||
return "请填确认商家登录密码";
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
function switchTab(number) {
|
||
$('.layui-tab-card .layui-tab-title li').removeClass('layui-this');
|
||
$('.layui-tab-content .layui-tab-item').removeClass('layui-show');
|
||
$('.layui-tab-card .layui-tab-title li').eq(number).addClass('layui-this');
|
||
$('.layui-tab-content .layui-tab-item').eq(number).addClass('layui-show');
|
||
}
|
||
|
||
|
||
|
||
likeArea.init(
|
||
"province", "city", "district", "province_id", "city_id", "district_id",
|
||
"", "", ""
|
||
);
|
||
likeArea.init(
|
||
"refund_province", "refund_city", "refund_district", "refund_province_id", "refund_city_id", "refund_district_id",
|
||
"", "", ""
|
||
);
|
||
|
||
txMap.init("", "");
|
||
|
||
})
|
||
</script> |