<script type="text/html" template lay-done="layui.data.sendParams(d);">
|
<div
|
class="layui-form coreshop-form layui-form-pane"
|
lay-filter="LAY-app-OfflineDistributor-editForm"
|
id="LAY-app-OfflineDistributor-editForm"
|
>
|
<div class="layui-form-item">
|
<div class="layui-input-block" hidden>
|
<input
|
type="number"
|
min="0"
|
max="999999"
|
name="id"
|
lay-verType="tips"
|
lay-verify="required|number"
|
class="layui-input"
|
value="{{d.params.data.id || '' }}"
|
placeholder="请输入主键ID"
|
lay-reqText="请输入主键ID并为数字"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label
|
for="collectionTime"
|
class="layui-form-label layui-form-required"
|
>信息收集时间</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="collectionTime"
|
id="editTime-OfflineDistributor-CollectionTime"
|
type="text"
|
lay-verType="tips"
|
lay-verify="required|datetime"
|
class="layui-input"
|
placeholder="请输入信息收集时间"
|
lay-reqText="请输入信息收集时间"
|
value="{{d.params.data.collectionTime || '' }}"
|
/>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label for="pUserID" class="layui-form-label ">推荐人</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<select lay-search="" name="pUserID" id="EditOfflinedisSelUserID">
|
<option value="">请选择或搜索（设置区分大小写）</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label for="Region" class="layui-form-label ">区域信息</label>
|
<div class="layui-input-block layui-inline-4 address-class">
|
<input
|
name="editOfflinedisRegion"
|
id="editOfflinedisRegion"
|
type="hidden"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label for="Adder" class="layui-form-label ">详细地址</label>
|
<div class="layui-input-block">
|
<input
|
name="adder"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入详细地址"
|
lay-reqText="请输入详细地址"
|
value="{{d.params.data.adder || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label for="category" class="layui-form-label ">类别</label>
|
<div class="layui-input-block">
|
<input
|
name="category"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入类别"
|
lay-reqText="请输入类别"
|
id="editCatgory"
|
value="{{d.params.data.category || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label for="School" class="layui-form-label ">学校名称</label>
|
<div class="layui-input-block">
|
<input
|
name="school"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入学校名称"
|
lay-reqText="请输入学校名称"
|
value="{{d.params.data.school || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label for="DealerName" class="layui-form-label layui-form-required"
|
>经销商名称</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="dealerName"
|
lay-verType="tips"
|
lay-verify="required"
|
class="layui-input"
|
placeholder="请输入经销商名称"
|
lay-reqText="请输入经销商名称"
|
value="{{d.params.data.dealerName || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label for="ContactPerson" class="layui-form-label "
|
>联系人姓名</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="contactPerson"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入联系人姓名"
|
lay-reqText="请输入联系人姓名"
|
value="{{d.params.data.contactPerson || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label for="PhoneNumber" class="layui-form-label ">联系电话</label>
|
<div class="layui-input-block">
|
<input
|
name="phoneNumber"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入联系电话"
|
lay-reqText="请输入联系电话"
|
value="{{d.params.data.phoneNumber || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label
|
for="cooperationIntent"
|
class="layui-form-label layui-form-required "
|
>合作意向</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="cooperationIntent"
|
id="EditCooperationIntent"
|
lay-verify="required"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入合作意向描述"
|
lay-reqText="请输入合作意向描述"
|
value="{{d.params.data.cooperationIntent || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-inline">
|
<label for="businessManager" class="layui-form-label "
|
>业务经理</label
|
>
|
<div class="layui-input-block">
|
<input
|
name="businessManager"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入业务经理姓名"
|
lay-reqText="请输入业务经理姓名"
|
value="{{d.params.data.businessManager || '' }}"
|
/>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label for="StoreLogoUrl" class="layui-form-label ">店招</label>
|
<div class="layui-input-inline" style="width: 300px;">
|
<input
|
name="storeLogoUrl1"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入店招图片地址"
|
lay-reqText="请输入店招图片地址"
|
value="{{d.params.data.storeLogoUrl || '' }}"
|
id="viewTextBoxEdittext"
|
type="hidden"
|
/>
|
<input
|
name="storeLogoUrl2"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入店招图片地址"
|
lay-reqText="请输入店招图片地址"
|
value="{{d.params.data.storeLogoUrl || '' }}"
|
id="viewTextBoxEdittext2"
|
type="hidden"
|
/>
|
</div>
|
<div class="layui-input-inline">
|
<button type="button" class="layui-btn" id="upBtnOriginalEdit">
|
修改图片
|
</button>
|
<div class="layui-input-inline">
|
<img
|
class="layui-upload-img"
|
id="viewImgBoxEdit"
|
src="{{ d.params.data.storeLogoUrl1 || layui.setter.noImagePicUrl ||''}}"
|
/>
|
<div class="layui-input-inline">
|
<div id="viewTextBoxEdit"></div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-input-inline">
|
<button type="button" class="layui-btn" id="upBtnOriginalEdit2">
|
修改图片
|
</button>
|
<div class="layui-input-inline">
|
<img
|
class="layui-upload-img"
|
id="viewImgBoxEdit2"
|
src="{{ d.params.data.storeLogoUrl2 || layui.setter.noImagePicUrl ||''}}"
|
/>
|
<div class="layui-input-inline">
|
<div id="viewTextBoxEdit2"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label for="Remake" class="layui-form-label ">备注</label>
|
<div class="layui-input-block">
|
<input
|
name="Remake"
|
lay-verType="tips"
|
class="layui-input"
|
placeholder="请输入备注"
|
lay-reqText="请输入备注"
|
value="{{d.params.data.remake || '' }}"
|
/>
|
</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-EditmeettingOffdisTab"
|
lay-filter="id-EditmeettingOffdisTab"
|
></table>
|
<!-- 添加数据按钮 -->
|
|
<button class="layui-btn" id="addOffDismeettingRow">
|
添加洽谈记录
|
</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-EditoffdisOderTab"
|
lay-filter="id-EditoffdisOderTab"
|
></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-OfflineDistributor-editForm-submit"
|
id="LAY-app-OfflineDistributor-editForm-submit"
|
value="确认编辑"
|
/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</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 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>
|
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",
|
"dropdown",
|
"table",
|
],
|
function () {
|
var $ = layui.$,
|
form = layui.form,
|
admin = layui.admin,
|
laydate = layui.laydate,
|
upload = layui.upload,
|
cropperImg = layui.cropperImg,
|
dropdown = layui.dropdown,
|
table = layui.table,
|
coreHelper = layui.coreHelper;
|
|
if( d.params.data.storeLogoUrl!=null&&d.params.data.storeLogoUrl!=undefined&&d.params.data.storeLogoUrl!="")
|
{
|
|
// 拆分storeLogoUrl
|
var storeLogoUrl=d.params.data.storeLogoUrl.split(",");
|
for (let index = 0; index < storeLogoUrl.length; index++) {
|
if(index>1)
|
break;
|
if(index==0)
|
{d.params.data.storeLogoUrl1 = storeLogoUrl[index];
|
$("#viewImgBoxEdit").attr("src", d.params.data.storeLogoUrl1);
|
}
|
else
|
{ d.params.data.storeLogoUrl2 = storeLogoUrl[index];
|
$("#viewImgBoxEdit2").attr("src", d.params.data.storeLogoUrl2);
|
}
|
|
|
}
|
}
|
formatAreaInPut(
|
coreHelper,
|
"editOfflinedisRegion",
|
d.params.data.region
|
);
|
formatUserSelInPut(
|
coreHelper,
|
form,
|
"EditOfflinedisSelUserID",
|
d.params.data.pUserID || ""
|
);
|
//普通图片上传
|
upload.render({
|
elem: "#upBtnOriginalEdit",
|
url: layui.setter.apiUrl + "Api/Tools/UploadFiles",
|
before: function (obj) {
|
obj.preview(function (index, file, result) {
|
$("#viewImgBoxEdit").attr("src", result);
|
});
|
},
|
done: function (res) {
|
if (res.code > 0) {
|
return layer.msg("上传失败");
|
}
|
layer.msg("上传成功");
|
$("#viewTextBoxEdittext").val(res.data.fileUrl);
|
},
|
error: function () {
|
var viewTextBox = $("#viewTextBoxEdit");
|
viewTextBox.html(
|
'<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'
|
);
|
viewTextBox.find(".demo-reload").on("click", function () {
|
uploadInst.upload();
|
});
|
},
|
});
|
//普通图片上传
|
upload.render({
|
elem: "#upBtnOriginalEdit2",
|
url: layui.setter.apiUrl + "Api/Tools/UploadFiles",
|
before: function (obj) {
|
obj.preview(function (index, file, result) {
|
$("#viewImgBoxEdit2").attr("src", result);
|
});
|
},
|
done: function (res) {
|
if (res.code > 0) {
|
return layer.msg("上传失败");
|
}
|
layer.msg("上传成功");
|
$("#viewTextBoxEdittext2").val(res.data.fileUrl);
|
},
|
error: function () {
|
var viewTextBox = $("#viewTextBoxEdit2");
|
viewTextBox.html(
|
'<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'
|
);
|
viewTextBox.find(".demo-reload").on("click", function () {
|
uploadInst.upload();
|
});
|
},
|
});
|
dropdown.render({
|
elem: "#EditCooperationIntent",
|
data: [
|
{
|
title: "大",
|
id: 101,
|
},
|
{
|
title: "小",
|
id: 102,
|
},
|
{
|
title: "不确定",
|
id: 103,
|
},
|
],
|
click: function (obj) {
|
this.elem.val(obj.title);
|
},
|
style: "min-width: 235px;",
|
});
|
dropdown.render({
|
elem: "#editCatgory",
|
data: [
|
{
|
title: "文具店",
|
id: 101,
|
},
|
{
|
title: "广告店",
|
id: 102,
|
},
|
{
|
title: "小卖部",
|
id: 103,
|
},
|
],
|
click: function (obj) {
|
this.elem.val(obj.title);
|
},
|
style: "min-width: 235px;",
|
});
|
|
table.render({
|
elem: "#id-EditmeettingOffdisTab",
|
// url: '/static/json/2/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口
|
data: d.params.data.meetings,
|
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: 150,
|
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;
|
},
|
});
|
},
|
});
|
|
// 监听添加数据按钮点击事件
|
$("#addOffDismeettingRow").on("click", function () {
|
var newRowData = {
|
id: 9999999, // 假设ID是一个时间戳
|
dec: "",
|
time: new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
};
|
var allData = table.cache["id-EditmeettingOffdisTab"];
|
allData.push(newRowData);
|
table.reload("id-EditmeettingOffdisTab", {
|
data: allData,
|
});
|
});
|
|
// 为工具栏绑定事件
|
table.on("tool(id-EditmeettingOffdisTab)", 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-EditmeettingOffdisTab"];
|
// 在本地数据中移除该行数据
|
allData.splice(dataIndex, 1);
|
|
// 重新加载表格数据
|
table.reload("id-EditmeettingOffdisTab", { data: allData });
|
|
layer.msg("删除成功");
|
layer.close(index); // 关闭确认对话框
|
}
|
);
|
}
|
});
|
|
table.render({
|
elem: "#id-EditoffdisOderTab",
|
// url: '/static/json/2/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口
|
data: d.params.data.oders,
|
page: false,
|
cols: [
|
[
|
{ type: "numbers", title: "序号" },
|
{
|
field: "time",
|
title: "下单时间",
|
|
templet: "#TPL-laydate-Meetingdemo",
|
width: 150,
|
},
|
// { field: "goodsName", title: "货物名称", edit: "text" }, // 设置编辑类型为文本框
|
{ field: "actualPayment", title: "金额", edit: "number" }, // 设置编辑类型为文本框
|
{
|
width: 100,
|
align: "center",
|
title: "操作",
|
fixed: "right",
|
toolbar: "#LAY-app-bloggersInfo-EdittableintentionsBox-bar",
|
},
|
],
|
],
|
// initSort: {
|
// // 设置初始排序
|
// field: "time", // 字段名
|
// type: "desc", // 倒序
|
// },
|
height: 150,
|
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是一个时间戳
|
actualPayment: 0,
|
|
time: new Date().Format("yyyy-MM-dd hh:mm:ss"),
|
};
|
var allData = table.cache["id-EditoffdisOderTab"];
|
allData.push(newRowData);
|
table.reload("id-EditoffdisOderTab", {
|
data: allData,
|
});
|
});
|
|
|
// 为工具栏绑定事件
|
table.on("tool(id-EditoffdisOderTab)", 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-EditoffdisOderTab"];
|
// 在本地数据中移除该行数据
|
allData.splice(dataIndex, 1);
|
|
// 重新加载表格数据
|
table.reload("id-EditoffdisOderTab", { data: allData });
|
|
layer.msg("删除成功");
|
layer.close(index); // 关闭确认对话框
|
}
|
);
|
}
|
});
|
|
laydate.render({
|
elem: "#editTime-OfflineDistributor-CollectionTime",
|
type: "datetime",
|
fullPanel: true,
|
});
|
laydate.render({
|
elem: "#editTime-OfflineDistributor-createTime",
|
type: "datetime",
|
fullPanel: true,
|
});
|
laydate.render({
|
elem: "#editTime-OfflineDistributor-upDataTime",
|
type: "datetime",
|
fullPanel: true,
|
});
|
form.verify({});
|
//重载form
|
form.render(null, "LAY-app-OfflineDistributor-editForm");
|
}
|
);
|
};
|
</script>
|
