<script type="text/html" template lay-done="layui.data.sendParams(d);">
|
<div
|
class="layui-form coreshop-form layui-form-pane"
|
lay-filter="LAY-app-bloggersInfo-editForm"
|
id="LAY-app-bloggersInfo-editForm"
|
>
|
<input type="hidden" name="id" value="{{d.params.data.id || '' }}" />
|
<div class="layui-row">
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label for="platforms" class="layui-form-label layui-form-required"
|
>入住平台</label
|
>
|
|
|
<div class="layui-input-block">
|
<input
|
name="platforms"
|
lay-verify="required"
|
placeholder="请输入入住平台"
|
class="layui-input"
|
id="ID-dropdown-platforms-base-input"
|
value="{{d.params.data.platforms || '' }}"
|
/>
|
</div>
|
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label
|
for="followersCount"
|
class="layui-form-label layui-form-required"
|
>粉丝数量</label
|
>
|
<div class="layui-input-inline">
|
<input
|
type="number"
|
name="followersCount"
|
lay-verType="tips"
|
lay-verify="required|number"
|
class="layui-input"
|
value="{{d.params.data.followersCount || '' }}"
|
placeholder="请输入粉丝数量"
|
lay-reqText="请输入粉丝数量并为数字"
|
/>
|
|
</div>
|
<span class="layui-form-mid layui-word-aux">万</span>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label for="name" class="layui-form-label "
|
>真实姓名</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="name"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入姓名"
|
lay-reqText="请输入姓名"
|
value="{{d.params.data.name || '' }}"
|
/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label for="nickname" class="layui-form-label layui-form-required"
|
>博主网名</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="nickname"
|
lay-verType="tips"
|
lay-verify="required"
|
class="layui-input"
|
placeholder="请输入网名"
|
lay-reqText="请输入网名"
|
value="{{d.params.data.nickname || '' }}"
|
/>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label for="phone" class="layui-form-label "
|
>电话号码</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="phone"
|
lay-verType="tips"
|
lay-verify="phone"
|
class="layui-input"
|
placeholder="请输入电话号码"
|
lay-reqText="请输入电话号码"
|
value="{{d.params.data.phone || '' }}"
|
/>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label for="weiXin" class="layui-form-label"
|
>微信号</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="weiXin"
|
lay-verType="tips"
|
|
class="layui-input"
|
placeholder="请输入微信号"
|
lay-reqText="请输入微信号"
|
value="{{d.params.data.weiXin || '' }}"
|
/>
|
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label for="areaCode" class="layui-form-label "
|
>行政区域</label
|
>
|
<div class="layui-input-block" style="width: 500px;">
|
<input
|
type="hidden"
|
name="EditbloggerareaId"
|
value="{{d.params.data.areaCode || '' }}"
|
/>
|
<!-- <input name="areaCode" lay-verType="tips" lay-verify="required" class="layui-input" placeholder="请输入行政区域，用，号分割" lay-reqText="请输入行政区域，用，号分割" value="{{d.params.data.areaCode || '' }}" /> -->
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label for="address" class="layui-form-label "
|
>详细地址</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="address"
|
lay-verType="tips"
|
|
class="layui-input"
|
placeholder="请输入详细地址"
|
lay-reqText="请输入详细地址"
|
value="{{d.params.data.address || '' }}"
|
/>
|
</div>
|
</div>
|
<div class="layui-row">
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label
|
for="PromoteMoney"
|
class="layui-form-label "
|
>推广费用</label
|
>
|
<div class="layui-input-inline">
|
<input
|
name="promoteMoney"
|
lay-verType="tips"
|
lay-verify="required"
|
class="layui-input"
|
placeholder="请输入推广费用"
|
lay-reqText="请输入推广费用"
|
value="{{d.params.data.promoteMoney || '0' }}"
|
/>
|
</div>
|
<span class="layui-form-mid layui-word-aux">元</span>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label
|
for="intentionDec"
|
class="layui-form-label layui-form-required"
|
>合作意向</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="intentionDec"
|
lay-verType="tips"
|
lay-verify="required"
|
class="layui-input"
|
placeholder="请输入合作意向"
|
lay-reqText="请输入合作意向"
|
value="{{d.params.data.intentionDec || '' }}"
|
id="intentionDec"
|
/>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs4">
|
<div class="layui-form-item">
|
<label
|
for="mangerName"
|
class="layui-form-label "
|
>运营经理</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="mangerName"
|
lay-verType="tips"
|
|
class="layui-input"
|
placeholder="请输入运营经理"
|
lay-reqText="请输入运营经理"
|
value="{{d.params.data.mangerName || '' }}"
|
/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label for="reMaker" class="layui-form-label "
|
>备注</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="reMaker"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="备注"
|
lay-reqText="备注"
|
value="{{d.params.data.reMaker || '' }}"
|
/>
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-xs6">
|
<fieldset
|
style="color: rgb(80, 75, 9); border-color: bisque;"
|
class="layui-elem-field layui-field-title"
|
>
|
<legend>洽谈记录</legend>
|
</fieldset>
|
<table class="layui-hide" id="id-EditmeettingTab" lay-filter="id-EditmeettingTab"></table>
|
<!-- 添加数据按钮 -->
|
|
<button class="layui-btn" id="addmeettingRow">添加洽谈记录</button>
|
|
</div>
|
<div class="layui-col-xs6">
|
<fieldset
|
style="color: rgb(68, 59, 11);border-color: bisque;"
|
class="layui-elem-field layui-field-title"
|
>
|
<legend>合作记录</legend>
|
</fieldset>
|
<table class="layui-hide" id="id-EditintentionsTab" lay-filter="id-EditintentionsTab"></table>
|
|
<button class="layui-btn" id="addintentionsRow">添加合作记录</button>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item text-right core-hidden">
|
<input
|
type="button"
|
class="layui-btn"
|
lay-submit
|
lay-filter="LAY-app-bloggersInfo-editForm-submit"
|
id="LAY-app-bloggersInfo-editForm-submit"
|
value="确认编辑"
|
/>
|
</div>
|
</div>
|
<div style="color: chocolate;">修改后需要点击确定提交后才会生效</div>
|
</div>
|
</script>
|
|
<script type="text/html" id="TPL-laydate-intentionsdemo">
|
<input class="layui-input intentionslaydate-demo" placeholder="选择日期" value="{{= d.time || '' }}" tyle="height: 25px;" lay-verType="tips"
|
lay-verify="required">
|
</script>
|
|
<script type="text/html" id="TPL-laydate-Meetingdemo">
|
<input class="layui-input Meetinglaydate-demo" placeholder="选择日期" value="{{= d.time || '' }}" tyle="height: 25px;" lay-verType="tips"
|
lay-verify="required">
|
</script>
|
<script type="text/html" id="LAY-app-bloggersInfo-EdittableintentionsBox-bar">
|
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del"> 删除</button>
|
</script>
|
<script>
|
var debug = layui.setter.debug;
|
layui.data.sendParams = function (d) {
|
//开启调试情况下获取接口赋值数据
|
if (debug) {
|
console.log(d.params.data);
|
}
|
layui.use(
|
[
|
"admin",
|
"form",
|
"laydate",
|
"upload",
|
"coreHelper",
|
"cropperImg",
|
"table",
|
],
|
function () {
|
var $ = layui.$,
|
form = layui.form,
|
admin = layui.admin,
|
laydate = layui.laydate,
|
upload = layui.upload,
|
cropperImg = layui.cropperImg,
|
table = layui.table,
|
dropdown=layui.dropdown,
|
coreHelper = layui.coreHelper;
|
dropdown.render({
|
elem: "#ID-dropdown-platforms-base-input",
|
data: [
|
{
|
title: "抖音",
|
id: 101,
|
},
|
{
|
title: "腾讯",
|
id: 102,
|
},
|
{
|
title: "小红书",
|
id: 103,
|
}
|
,
|
{
|
title: "快手",
|
id: 103,
|
}
|
],
|
click: function (obj) {
|
this.elem.val(obj.title);
|
},
|
style: "min-width: 235px;",
|
});
|
dropdown.render({
|
elem: "#intentionDec",
|
data: [
|
{
|
title: "大",
|
id: 101,
|
},
|
{
|
title: "小",
|
id: 102,
|
},
|
{
|
title: "不确定",
|
id: 103,
|
}
|
],
|
click: function (obj) {
|
this.elem.val(obj.title);
|
},
|
style: "min-width: 235px;",
|
});
|
|
formatAreaInPut(
|
coreHelper,
|
"EditbloggerareaId",
|
d.params.data.areaCode
|
);
|
laydate.render({
|
elem: "#editTime-bloggersInfo-createTime",
|
type: "datetime",
|
fullPanel: true,
|
});
|
|
d.params.data.intentions.sort((a,b)=>{return new Date(b.time) - new Date(a.time)})
|
d.params.data.meetings.sort((a,b)=>{return new Date(b.time) - new Date(a.time)})
|
table.render({
|
elem: "#id-EditmeettingTab",
|
|
// url: '/static/json/2/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口
|
data: d.params.data.meetings,
|
page: false,
|
cols: [
|
[
|
{type: 'numbers', title: '序号'},
|
{
|
field: "time",
|
title: "洽谈时间",
|
templet: "#TPL-laydate-intentionsdemo",
|
width: 150,
|
},
|
{ field: "dec", title: "洽谈内容" ,edit: "text" },
|
{ width: 100, align: 'center', title:'操作', fixed: 'right', toolbar: '#LAY-app-bloggersInfo-EdittableintentionsBox-bar' }
|
],
|
],
|
// initSort: {
|
// // 设置初始排序
|
// field: "", // 字段名
|
// type: "desc", // 倒序
|
// },
|
|
height: 366,
|
done:
|
function (res, curr, count) {
|
|
|
var options = this;
|
// 获取当前行数据
|
table.getRowData = function (tableId, elem) {
|
var index = $(elem).closest("tr").data("index");
|
return table.cache[tableId][index] || {};
|
};
|
laydate.render({
|
elem: ".intentionslaydate-demo",
|
type: "datetime",
|
fullPanel: true,
|
done: function (value, date, endDate) {
|
var data = table.getRowData(options.id, this.elem); // 获取当前行数据(如 id 等字段，以作为数据修改的索引)
|
// 更新数据中对应的字段
|
data.time = value;
|
},
|
});
|
},
|
});
|
|
table.render({
|
elem: "#id-EditintentionsTab",
|
// url: '/static/json/2/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口
|
data: d.params.data.intentions,
|
page: false,
|
cols: [
|
[
|
{type: 'numbers', title: '序号'},
|
{
|
field: "time",
|
title: "洽谈时间",
|
|
templet: "#TPL-laydate-Meetingdemo",
|
width: 150,
|
},
|
{ field: "dec", title: "洽谈内容", edit: "text" }, // 设置编辑类型为文本框
|
{ width: 100, align: 'center', title:'操作', fixed: 'right', toolbar: '#LAY-app-bloggersInfo-EdittableintentionsBox-bar' }
|
|
],
|
],
|
// initSort: {
|
// // 设置初始排序
|
// field: "time", // 字段名
|
// type: "desc", // 倒序
|
// },
|
height: 366,
|
done: function (res, curr, count) {
|
var options = this;
|
// 获取当前行数据
|
table.getRowData = function (tableId, elem) {
|
var index = $(elem).closest("tr").data("index");
|
return table.cache[tableId][index] || {};
|
};
|
laydate.render({
|
elem: ".Meetinglaydate-demo",
|
type: "datetime",
|
trigger:'click',
|
fullPanel: true,
|
done: function (value, date, endDate) {
|
var data = table.getRowData(options.id, this.elem); // 获取当前行数据(如 id 等字段，以作为数据修改的索引)
|
// 更新数据中对应的字段
|
data.time = value;
|
},
|
});
|
},
|
});
|
|
// 监听添加数据按钮点击事件
|
$("#addintentionsRow").on("click", function () {
|
var newRowData = {
|
id: 9999999, // 假设ID是一个时间戳
|
dec: "",
|
time: new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
};
|
var allData = table.cache["id-EditintentionsTab"];
|
allData.push(newRowData);
|
table.reload("id-EditintentionsTab", {
|
data: allData,
|
});
|
});
|
// 为工具栏绑定事件
|
table.on('tool(id-EditmeettingTab)', function (obj) {
|
var data = obj.data; // 获得当前行数据
|
var dataIndex = obj.tr.data('index'); // 获取行索引（这里使用了numbers类型的列，它会自动赋予每行一个索引）
|
if (obj.event === 'del') { // 判断是否为删除事件
|
layer.confirm('确定要删除这条记录吗？', {icon: 3, title: '提示'}, function(index){
|
|
var allData = table.cache["id-EditmeettingTab"];
|
// 在本地数据中移除该行数据
|
allData.splice(dataIndex, 1);
|
|
// 重新加载表格数据
|
table.reload('id-EditmeettingTab', {data: allData});
|
|
layer.msg('删除成功');
|
layer.close(index); // 关闭确认对话框
|
});
|
}
|
});
|
|
table.on('tool(id-EditintentionsTab)', function (obj) {
|
var data = obj.data; // 获得当前行数据
|
var dataIndex = obj.tr.data('index'); // 获取行索引（这里使用了numbers类型的列，它会自动赋予每行一个索引）
|
if (obj.event === 'del') { // 判断是否为删除事件
|
layer.confirm('确定要删除这条记录吗？', {icon: 3, title: '提示'}, function(index){
|
|
var allData = table.cache["id-EditintentionsTab"];
|
// 在本地数据中移除该行数据
|
allData.splice(dataIndex, 1);
|
|
// 重新加载表格数据
|
table.reload('id-EditintentionsTab', {data: allData});
|
|
layer.msg('删除成功');
|
layer.close(index); // 关闭确认对话框
|
});
|
}
|
});
|
// 监听添加数据按钮点击事件
|
$("#addmeettingRow").on("click", function () {
|
var newRowData = {
|
id: 9999999, // 假设ID是一个时间戳
|
dec: "",
|
time: new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
};
|
var allData = table.cache["id-EditmeettingTab"];
|
allData.push(newRowData);
|
table.reload("id-EditmeettingTab", {
|
data: allData,
|
});
|
});
|
|
form.verify({});
|
//重载form
|
form.render(null, "LAY-app-bloggersInfo-editForm");
|
//监听提交事件
|
|
}
|
);
|
};
|
|
Date.prototype.Format = function (fmt) {
|
//author: meizz
|
var o = {
|
"M+": this.getMonth() + 1, //月份
|
"d+": this.getDate(), //日
|
"h+": this.getHours(), //小时
|
"m+": this.getMinutes(), //分
|
"s+": this.getSeconds(), //秒
|
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
|
};
|
if (/(y+)/.test(fmt))
|
fmt = fmt.replace(
|
RegExp.$1,
|
(this.getFullYear() + "").substr(4 - RegExp.$1.length)
|
);
|
for (var k in o)
|
if (new RegExp("(" + k + ")").test(fmt))
|
fmt = fmt.replace(
|
RegExp.$1,
|
RegExp.$1.length == 1
|
? o[k]
|
: ("00" + o[k]).substr(("" + o[k]).length)
|
);
|
return fmt;
|
};
|
</script>
|
