first commit
This commit is contained in:
@@ -0,0 +1,117 @@
|
||||
<form class="layui-form page-content p-4">
|
||||
<h3 class="h3-title">新建商机</h3>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">联系人姓名<font>*</font></td>
|
||||
<td>
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
lay-verify="required"
|
||||
lay-reqText="请输入联系人姓名"
|
||||
placeholder="请输入联系人姓名"
|
||||
class="layui-input"
|
||||
value=""
|
||||
/>
|
||||
</td>
|
||||
<td class="layui-td-gray-2">电子邮箱</td>
|
||||
<td colspan="3">
|
||||
<input
|
||||
type="text"
|
||||
name="email"
|
||||
lay-verify="required"
|
||||
lay-reqText="请输入电子邮箱"
|
||||
placeholder="请输入电子邮箱"
|
||||
class="layui-input"
|
||||
value=""
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">电话号码<font>*</font></td>
|
||||
<td>
|
||||
<input
|
||||
type="text"
|
||||
name="phone"
|
||||
lay-verify="required"
|
||||
lay-reqText="请输入电话号码"
|
||||
placeholder="请输入电话号码"
|
||||
class="layui-input"
|
||||
value=""
|
||||
/>
|
||||
</td>
|
||||
<td class="layui-td-gray-2">需求概述<font>*</font></td>
|
||||
<td colspan="3">
|
||||
<input
|
||||
type="text"
|
||||
name="message"
|
||||
lay-verify="required"
|
||||
lay-reqText="请输入需求概述"
|
||||
placeholder="请输入需求概述"
|
||||
class="layui-input"
|
||||
value=""
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">需求产品<font>*</font></td>
|
||||
<td>
|
||||
<input
|
||||
type="text"
|
||||
name="product"
|
||||
lay-verify="required"
|
||||
lay-reqText="请选择需求产品"
|
||||
placeholder="请选择需求产品"
|
||||
class="layui-input"
|
||||
value=""
|
||||
/>
|
||||
</td>
|
||||
<td class="layui-td-gray-2">公司名称<font>*</font></td>
|
||||
<td colspan="3">
|
||||
<input
|
||||
type="text"
|
||||
name="company"
|
||||
lay-verify="required"
|
||||
lay-reqText="请输入公司名称"
|
||||
placeholder="请输入公司名称"
|
||||
class="layui-input"
|
||||
value=""
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="pt-1">
|
||||
<input type="hidden" name="id" value="0" />
|
||||
<button
|
||||
class="layui-btn layui-btn-normal"
|
||||
lay-submit=""
|
||||
lay-filter="webform"
|
||||
>
|
||||
立即提交
|
||||
</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
function openInit() {
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
tool = layui.tool;
|
||||
|
||||
form.render();
|
||||
|
||||
//监听提交
|
||||
form.on("submit(webform)", function (data) {
|
||||
let callback = function (e) {
|
||||
layer.msg(e.msg);
|
||||
if (e.code == 2) {
|
||||
tool.close(1000);
|
||||
}
|
||||
};
|
||||
tool.post("/information/index/add", data.field, callback);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></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">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="stylesheet" href="/layui/css/layui.css" media="all" />
|
||||
<style>
|
||||
body{margin: 10px;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="childrenBody">
|
||||
<form class="layui-form changePwd">
|
||||
<input type="hidden" name="id" id="id" th:value="${id}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">姓名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" value="" placeholder="姓名" id="name" lay-verify="required|name" class="layui-input pwd">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">性别</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="sex" value="0" title="女" checked="">
|
||||
<input type="radio" name="sex" value="1" title="男" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">年龄</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="age" value="" placeholder="年龄" id="age" class="layui-input pwd">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit="" lay-filter="*">保存</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary" onclick="layerclose();">关闭</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<script type="text/javascript" src="/layui/layui.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
|
||||
<script>
|
||||
$(function(){
|
||||
var id = $("#id").val();
|
||||
if(id != ""){
|
||||
$.ajax({
|
||||
url: "/user/queryById",
|
||||
data:{"id":id},
|
||||
dataType:"json",
|
||||
success: function(data){
|
||||
$("#name").val(data.name);
|
||||
$("#age").val(data.age);
|
||||
$("input[name='sex']").eq(data.sex).attr("checked",'checked');
|
||||
|
||||
},error:function(){
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
function layerclose() {
|
||||
layui.use(['layer' ], function() {
|
||||
var layer = layui.layer;
|
||||
var index=parent.layer.getFrameIndex(window.name);//获取当前弹出层的层级
|
||||
parent.layer.close(index);//关闭弹出层
|
||||
location.reload();//刷新父页面
|
||||
})
|
||||
}
|
||||
|
||||
layui.use(['form','layer' ], function() {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
// 添加验证规则
|
||||
form.verify({
|
||||
name : function(value, item) {
|
||||
value = value.trim();
|
||||
if (value.length < 0) {
|
||||
return "请输入教师名称";
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(*)', function(data) {
|
||||
var index = layer.msg('提交中,请稍候',{icon: 16,time:false,shade:0.8});
|
||||
var d = data.field;
|
||||
var url = "/user/add";
|
||||
if(d.id != ""){
|
||||
url = "/user/edit";
|
||||
}
|
||||
$.ajax({
|
||||
url: url,
|
||||
data:d,
|
||||
dataType:"text",
|
||||
success: function(data){
|
||||
layer.close(index);
|
||||
if(data == 0){
|
||||
layer.msg("保存成功!");
|
||||
parent.queryTea();
|
||||
parent.close();
|
||||
}else{
|
||||
layer.msg("保存失败!");
|
||||
}
|
||||
},error:function(){
|
||||
layer.close(index);
|
||||
layer.msg("保存失败!");
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,254 @@
|
||||
{extend name="../../base/view/common/base" /}
|
||||
<!-- 主体 -->
|
||||
{block name="breadcrumb"}
|
||||
<span class="layui-breadcrumb">
|
||||
<a href="http://www.meteteme.com/" target="_blank">江苏美天科技</a>
|
||||
<a href="/business/index/nav"><cite>CRM</cite></a>
|
||||
<a><cite>商机管理</cite></a>
|
||||
</span>
|
||||
{/block} {block name="body"}
|
||||
<div class="table-content p-3">
|
||||
<div class="layui-form-bar border-t border-x">
|
||||
<button class="layui-btn layui-btn-sm add-new">+ 新建商机</button>
|
||||
<button class="layui-btn layui-btn-sm" id="refresh-btn">刷新</button>
|
||||
<button class="layui-btn layui-btn-sm" id="delete-btn">批量删除</button>
|
||||
</div>
|
||||
<table class="layui-hide" id="information" lay-filter="information"></table>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
<!-- 脚本 -->
|
||||
{block name="script"}
|
||||
<script>
|
||||
const moduleInit = ["tool", "gouguEdit", "gouguComment"];
|
||||
|
||||
function gouguInit() {
|
||||
var table = layui.table;
|
||||
var tool = layui.tool;
|
||||
|
||||
//新增商机按钮
|
||||
$(".add-new").on("click", function () {
|
||||
tool.open("/information/index/add");
|
||||
});
|
||||
|
||||
// 删除单条数据
|
||||
table.on("tool(information)", function (obj) {
|
||||
var data = obj.data;
|
||||
if (obj.event === "delete") {
|
||||
layui.layer.confirm(
|
||||
"确定删除该商机吗?",
|
||||
{ icon: 3, title: "提示" },
|
||||
function (index) {
|
||||
$.post(
|
||||
"/information/index/delete",
|
||||
{ id: data.id },
|
||||
function (res) {
|
||||
if (res.code === 0) {
|
||||
// layui.layer.msg("删除成功");
|
||||
layui.layer.msg(res.msg);
|
||||
obj.del();
|
||||
} else {
|
||||
// layui.layer.msg("删除失败");
|
||||
layui.layer.msg(res.msg);
|
||||
}
|
||||
}
|
||||
);
|
||||
layui.layer.close(index);
|
||||
}
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
// 批量删除数据
|
||||
$("#delete-btn").on("click", function () {
|
||||
var checkStatus = table.checkStatus("information");
|
||||
var data = checkStatus.data;
|
||||
if (data.length === 0) {
|
||||
layui.layer.msg("请勾选要删除的商机");
|
||||
return;
|
||||
}
|
||||
layui.layer.confirm(
|
||||
"确定删除选中的商机吗?",
|
||||
{ icon: 3, title: "提示" },
|
||||
function (index) {
|
||||
var ids = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
ids.push(data[i].id);
|
||||
}
|
||||
$.post(
|
||||
"/information/index/batchDelete",
|
||||
{ ids: ids },
|
||||
function (res) {
|
||||
if (res.code === 0) {
|
||||
layui.layer.msg(res.msg);
|
||||
loadTableData();
|
||||
} else {
|
||||
layui.layer.msg(res.msg);
|
||||
}
|
||||
}
|
||||
);
|
||||
layui.layer.close(index);
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
function loadTableData() {
|
||||
layui.pageTable.reload();
|
||||
}
|
||||
|
||||
layui.pageTable = table.render({
|
||||
elem: "#information",
|
||||
title: "商机列表",
|
||||
cellMinWidth: 80,
|
||||
url: "/information/index/index", // 数据接口
|
||||
page: true, // 开启分页
|
||||
limit: 20,
|
||||
height: "full-130",
|
||||
cols: [
|
||||
[
|
||||
{ field: "checkbox", type: "checkbox" }, // 添加复选框列
|
||||
{
|
||||
field: "id",
|
||||
title: "商机编号",
|
||||
width: 80,
|
||||
align: "center",
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
return "BI - " + d.id;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "name",
|
||||
title: "商机联系人",
|
||||
width: 120,
|
||||
align: "center",
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html =
|
||||
'<span class="a1-' + d.name + '">' + d.name + "</span>";
|
||||
return html;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "email",
|
||||
title: "电子邮箱",
|
||||
align: "center",
|
||||
width: 170,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html =
|
||||
'<span class="a1-' + d.email + '">' + d.email + "</span>";
|
||||
return html;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "phone",
|
||||
title: "联系电话",
|
||||
width: 150,
|
||||
align: "center",
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html =
|
||||
'<span class="a1-' + d.phone + '">' + d.phone + "</span>";
|
||||
return html;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "message",
|
||||
title: "商机留言",
|
||||
align: "center",
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html =
|
||||
'<span class="a1-' + d.message + '">' + d.message + "</span>";
|
||||
return html;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "product",
|
||||
title: "所属项目",
|
||||
width: 200,
|
||||
align: "center",
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html =
|
||||
'<span class="a1-' + d.product + '">' + d.product + "</span>";
|
||||
return html;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "company",
|
||||
title: "企业名称",
|
||||
align: "center",
|
||||
width: 180,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html =
|
||||
'<span class="a1-' + d.company + '">' + d.company + "</span>";
|
||||
return html;
|
||||
},
|
||||
},
|
||||
{
|
||||
field: "create_time",
|
||||
title: "创建时间",
|
||||
align: "center",
|
||||
width: 180,
|
||||
rowspan: 2,
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: 180,
|
||||
minWidth: 125,
|
||||
toolbar: "#barDemo",
|
||||
},
|
||||
],
|
||||
],
|
||||
done: function () {
|
||||
// 获取右边列表的高度
|
||||
var rightListHeight = $(
|
||||
".table-content .layui-table-view .layui-table-body"
|
||||
).height();
|
||||
|
||||
// 将右边列表的高度应用到图片编号这一列的每条数据上
|
||||
$(".layui-table-view .layui-table-body .layui-table-cell").each(
|
||||
function () {
|
||||
var $cell = $(this);
|
||||
if ($cell.text().startsWith("P")) {
|
||||
// 判断是否是图片编号列
|
||||
var $leftCell = $cell
|
||||
.parents("tr")
|
||||
.find(".layui-table-cell")
|
||||
.first(); // 找到左侧图片编号列对应的单元格
|
||||
$leftCell.css("height", rightListHeight + "px");
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// 重新渲染表格,以解决表格高度问题
|
||||
layui.table.resize("information");
|
||||
|
||||
// 绑定点击事件
|
||||
$(".open-a").on("click", function () {
|
||||
var imgUrl = $(this).attr("src");
|
||||
|
||||
// 创建图层并显示大图
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: false,
|
||||
closeBtn: 1,
|
||||
skin: "layui-layer-nobg", // 没有背景色
|
||||
shadeClose: true,
|
||||
content: '<img src="' + imgUrl + '" style="max-width: 100%;">',
|
||||
});
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="barDemo">
|
||||
<a class="layui-btn layui-btn-sm " lay-event="detail">查看详情</a>
|
||||
<a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="delete">删除</a>
|
||||
</script>
|
||||
{/block}
|
||||
@@ -0,0 +1,467 @@
|
||||
<div class="page-content">
|
||||
<div class="p-4 border-b">
|
||||
<h3 class="h3-title hover-{$role_edit}">
|
||||
<span id="name">商务信息 - </span>
|
||||
<span id="name_{$detail.id}" data-val="">{$detail.name}</span>
|
||||
<i class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}" data-name="name"></i>
|
||||
</h3>
|
||||
<div>
|
||||
<span class="layui-badge layui-bg-gray">#B{$detail.id}</span>
|
||||
<span class="mx-2">{$detail.admin_name}</span>
|
||||
<span class="font-gray">创建于{$detail.times}<span id="editTips">{gt name="$detail.update_time" value="0"},最近更新于 {:time_trans($detail.update_time)}{/gt}</span>
|
||||
</span>
|
||||
{eq name="$detail.admin_id" value="$params.uid"}
|
||||
<span class="layui-btn layui-btn-xs layui-btn-danger ml-4" id="delBtn">
|
||||
<i class="layui-icon"></i>删除
|
||||
</span>
|
||||
{/eq}
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-row border-b">
|
||||
<div class="layui-col-md9 p-4 border-r">
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray">创建人</td>
|
||||
<td colspan="5" class="hover-{$role_edit}">
|
||||
<span >{$detail.admin_name}</span>
|
||||
</td>
|
||||
<td class="layui-td-gray">访问权限</td>
|
||||
<td class="hover-{$role_edit}">
|
||||
<span id="is_open_{$detail.id}" data-val="{$detail.is_open}">
|
||||
{eq name="$detail.is_open" value="1" }
|
||||
内部 <span class="font-gray">(仅创建人、对接人、可访问)</span>
|
||||
{/eq}
|
||||
{eq name="$detail.is_open" value="2" }公开 <span class="font-gray">(有对接权限员工均可访问)</span>{/eq}
|
||||
</span>
|
||||
<i class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}" data-name="is_open"></i>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray">主要对接人</td>
|
||||
<td colspan="5" class="hover-{$role_edit}">
|
||||
<span id="director_uid_{$detail.id}" data-val="{$detail.director_uid}">{$detail.director_name}</span>
|
||||
<i class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}" data-name="director_uid"></i>
|
||||
</td>
|
||||
<td class="layui-td-gray">内部可对接人员</td>
|
||||
<td colspan="5" class="hover-{$role_edit}">
|
||||
<span id="check_admin_ids_{$detail.id}" data-val="{$detail.check_admin_ids}">{$detail.check_admin_names}</span>
|
||||
<i class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}" data-name="check_admin_ids"></i>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="md-content-content hover-{$role_edit}">
|
||||
<h5 class="py-4">备注信息<i class="iconfont icon-wodedianping" title="编辑" data-id="{$detail.id}" data-name="md_content"></i></h5>
|
||||
<div class="md_content" id="md_content_{$detail.id}" data-val="{$detail.md_content}">{$detail.md_content|raw}</div>
|
||||
</div>
|
||||
<div class="md-content-content hover-{$role_edit}">
|
||||
<h5 class="py-4">联系人
|
||||
<span data-method="setTop" id="contactadd" class="layui-btn layui-btn-xs layui-btn ml-4">
|
||||
<i class="layui-icon"></i>新增
|
||||
</span>
|
||||
</h5>
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="10%" style="text-align:center">联系人</th>
|
||||
<th width="10%" style="text-align:center">职务</th>
|
||||
<th width="15%" style="text-align:center">电话</th>
|
||||
<th width="15%" style="text-align:center">邮箱</th>
|
||||
<th width="10%" style="text-align:center">微信</th>
|
||||
<th width="10%" style="text-align:center">QQ</th>
|
||||
<th width="10%" style="text-align:center">创建人</th>
|
||||
<th width="20%" style="text-align:center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="contactList">
|
||||
{volist name="contact_array" id="vo"}
|
||||
<tr data-id="{$vo.id}" id="contact_{$vo.id}">
|
||||
<td style="text-align: center;">{$vo.contact}</td>
|
||||
<td style="text-align: center;">{$vo.post}</td>
|
||||
<td style="text-align: center;">{$vo.phone}</td>
|
||||
<td style="text-align: center;">{$vo.email}</td>
|
||||
<td style="text-align: center;">{$vo.wechat}</td>
|
||||
<td style="text-align: center;">{$vo.qq}</td>
|
||||
<td style="text-align: center;">{$detail.admin_name}</td>
|
||||
<td style="text-align: center;">
|
||||
<!-- <a class="layui-btn layui-btn-xs" id="contactedit" data-event="edit" data-id="1000">修改</a>-->
|
||||
<a class="layui-btn layui-btn-xs" data-id="{$vo.id}" data-contact="{$vo.contact}" data-post="{$vo.post}" data-phone="{$vo.phone}" data-email="{$vo.email}" data-wechat="{$vo.wechat}" data-qq="{$vo.qq}" id="contactedit" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-xs" data-id="{$vo.id}" id="contactdel" >删除</a>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
{empty name="$contact_array" }
|
||||
<tr>
|
||||
<td colspan="8" class="content-none">暂无其他联系人</td>
|
||||
</tr>
|
||||
{/empty}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="detail-file">
|
||||
<h5 class="py-4">文件附件</h5>
|
||||
<div>
|
||||
{eq name="$role_edit" value="edit"}
|
||||
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" id="flieBtn">选择文件并上传</button>
|
||||
<span style="color:#FF5722; font-size:12px; margin-left: 8px;">上传前,请规范命名,最大只能上传{:get_system_info('upload_max_filesize')}的文件,超过请压缩成多个文件上传。</span>
|
||||
<div class="layui-upload-list" {empty name="$file_array" }style="display:none;" {/empty}>
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="60%" style="text-align:center">文件名</th>
|
||||
<th width="15%" style="text-align:center">文件大小</th>
|
||||
<th width="10%" style="text-align:center">上传人</th>
|
||||
<th width="15%" style="text-align:center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="flieList">
|
||||
{volist name="file_array" id="vo"}
|
||||
<tr>
|
||||
<td>{$vo.name}</td>
|
||||
<td style="text-align: center;">{$vo.filesize/1048576|round=2}MB</td>
|
||||
<td style="text-align: center;">{$vo.admin_name}</td>
|
||||
<td style="text-align: center;">
|
||||
<div class="layui-btn-group">
|
||||
<a class="layui-btn layui-btn-xs "
|
||||
href="{$vo.filepath}" download="{$vo.name}"
|
||||
data-id="{$vo.id}">下载</a>
|
||||
<span class="layui-btn layui-btn-xs layui-btn-danger file-delete" data-uid="{$vo.admin_id}" data-id="{$vo.id}">删除</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{else/}
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="60%">文件名</th>
|
||||
<th width="15%" style="text-align:center">文件大小</th>
|
||||
<th width="10%" style="text-align:center">上传人</th>
|
||||
<th width="15%" style="text-align:center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="flieList">
|
||||
{volist name="file_array" id="vo"}
|
||||
<tr data-id="{$vo.id}" id="flie_{$vo.id}">
|
||||
<td>{$vo.name}</td>
|
||||
<td style="text-align: center;">{$vo.filesize/1048576|round=2}MB</td>
|
||||
<td style="text-align: center;">{$vo.admin_name}</td>
|
||||
<td style="text-align: center;">
|
||||
<a class="layui-btn layui-btn-xs" href="{$vo.filepath}" download="{$vo.name}" data-id="{$vo.id}">下载</a>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
{empty name="$file_array" }
|
||||
<tr>
|
||||
<td colspan="4" class="content-none">暂无附件</td>
|
||||
</tr>
|
||||
{/empty}
|
||||
</tbody>
|
||||
</table>
|
||||
{/eq}
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail-link">
|
||||
<h5 class="py-4">关联链接</h5>
|
||||
<div>
|
||||
{eq name="$role_edit" value="edit"}
|
||||
<button type="button" class="layui-btn layui-btn-sm" id="linkBtn">新增相关联链接</button>
|
||||
<span style="color:#FF5722; font-size:12px; margin-left: 8px;">请规范填写链接说明,方便大家查阅。</span>
|
||||
<div class="layui-upload-list" {empty name="$link_array" }style="display:none;" {/empty}>
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="60%">链接</th>
|
||||
<th width="15%" style="text-align:center">说明</th>
|
||||
<th width="10%" style="text-align:center">添加人</th>
|
||||
<th width="15%" style="text-align:center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="linkList">
|
||||
{volist name="link_array" id="vo"}
|
||||
<tr data-id="{$vo.id}" id="link_{$vo.id}">
|
||||
<td>
|
||||
<a href="{$vo.url}" target="_blank">{$vo.url}</a>
|
||||
</td>
|
||||
<td>{$vo.desc}</td>
|
||||
<td style="text-align: center;">{$vo.admin_name}</td>
|
||||
<td style="text-align: center;">
|
||||
<div class="layui-btn-group">
|
||||
<span class="layui-btn layui-btn-xs link-edit" data-id="{$vo.id}" data-url="{$vo.url}" data-desc="{$vo.desc}">编辑</span>
|
||||
<span class="layui-btn layui-btn-xs layui-btn-danger link-delete" data-uid="{$vo.admin_id}" data-id="{$vo.id}">删除</span>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{else/}
|
||||
<table class="layui-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="60%">链接</th>
|
||||
<th width="30%" style="text-align:center">说明</th>
|
||||
<th width="10%" style="text-align:center">添加人</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="linkList">
|
||||
{volist name="link_array" id="vo"}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{$vo.url}" target="_blank">{$vo.url}</a>
|
||||
</td>
|
||||
<td>{$vo.desc}</td>
|
||||
<td style="text-align: center;">{$vo.admin_name}</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
{empty name="$link_array" }
|
||||
<tr>
|
||||
<td colspan="3" class="content-none">暂无链接</td>
|
||||
</tr>
|
||||
{/empty}
|
||||
</tbody>
|
||||
</table>
|
||||
{/eq}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="layui-tab layui-tab-brief px-4" lay-filter="docDemoTabBrief">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this">互动评论({$detail.comments})</li>
|
||||
<li>操作日志({$detail.logs})</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content p-0">
|
||||
<div class="layui-tab-item comment-list layui-show">
|
||||
<div class="comment-input my-2">
|
||||
<input type="text" id="commentInput" readonly placeholder="发表一下你的看法" class="layui-input" value="">
|
||||
</div>
|
||||
<div id="comment_business_{$detail.id}"></div>
|
||||
</div>
|
||||
<div class="layui-tab-item logs-list">
|
||||
<div id="log_business_{$detail.id}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
function openInit() {
|
||||
const detail_id = '{$detail.id}';
|
||||
var layer = layui.layer, tool = layui.tool, edit = layui.gouguEdit, comment = layui.gouguComment,
|
||||
upload = layui.upload;
|
||||
|
||||
$('.hover-edit').hover(function () {
|
||||
$(this).addClass('hover-on');
|
||||
}, function () {
|
||||
$(this).removeClass('hover-on');
|
||||
})
|
||||
|
||||
$('.hover-edit').on('click', 'i', function () {
|
||||
let name = $(this).data('name');
|
||||
let show_txt = $('#' + name + '_' + detail_id).text().replace(/[\r\n\t]/g, "");
|
||||
let real_txt = $('#' + name + '_' + detail_id).data('val');
|
||||
if (real_txt === '') {
|
||||
real_txt = show_txt;
|
||||
}
|
||||
editShow(detail_id, name, show_txt, real_txt);
|
||||
})
|
||||
|
||||
$('#delBtn').on('click', function () {
|
||||
layer.confirm('确定要删除该产品吗?请慎重', {icon: 3, title: '提示'}, function (index) {
|
||||
let callback = function (e) {
|
||||
layer.closeAll();
|
||||
layer.msg(e.msg);
|
||||
if (e.code == 0) {
|
||||
setTimeout(function () {
|
||||
location.reload();
|
||||
}, 1000)
|
||||
}
|
||||
}
|
||||
let postData = {"id": detail_id};
|
||||
tool.delete("/business/index/delete", postData, callback);
|
||||
});
|
||||
})
|
||||
|
||||
//添加联系人
|
||||
$('#contactadd').on('click', function () {
|
||||
comment.addContact(detail_id,'business');
|
||||
})
|
||||
|
||||
//编辑联系人
|
||||
$('#contactedit').on('click', function () {
|
||||
let id = $(this).data('id');
|
||||
let topic_id = $(this).data('topic_id');
|
||||
let contact = $(this).data('contact');
|
||||
let post = $(this).data('post');
|
||||
let phone = $(this).data('phone');
|
||||
let email = $(this).data('email');
|
||||
let wechat = $(this).data('wechat');
|
||||
let qq = $(this).data('qq');
|
||||
comment.editContact(id,topic_id, detail_id, 'business', contact, post, phone, email, wechat, qq);
|
||||
|
||||
})
|
||||
|
||||
//删除联系人
|
||||
$('#contactdel').on('click', function () {
|
||||
let id = $(this).data('id');
|
||||
layer.confirm('确定要删除该联系人吗?', {icon: 3, title: '提示'}, function (index) {
|
||||
let callback = function (e) {
|
||||
layer.closeAll();
|
||||
layer.msg(e.msg);
|
||||
tool.load("/business/index/view?id=" + detail_id);
|
||||
}
|
||||
let postData = {"id": id};
|
||||
tool.delete("/api/business/delete_contact", postData, callback);
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
|
||||
upload.render({
|
||||
elem: '#flieBtn'
|
||||
, url: '/api/index/upload'
|
||||
, accept: 'file' //普通文件
|
||||
, exts: 'jpeg|jpg|png|gif|doc|docx|ppt|pptx|xls|xlsx|pdf|zip|rar|7z' //只允许上传文件
|
||||
, before: function (obj) {
|
||||
layer.msg('上传中...', {time: 3600000});
|
||||
}
|
||||
, done: function (res, index, upload) {
|
||||
let callback = function (e) {
|
||||
layer.msg('上传成功');
|
||||
tool.load("/business/index/view?id=" + detail_id);
|
||||
}
|
||||
let postData = {
|
||||
'topic_id': detail_id,
|
||||
'file_id': res.data.id,
|
||||
'file_name': res.data.name,
|
||||
'module': 'business'
|
||||
};
|
||||
tool.post("/api/appendix/add", postData, callback);
|
||||
}
|
||||
, error: function (index, upload) {
|
||||
layer.msg('上传失败');
|
||||
}
|
||||
});
|
||||
|
||||
$('#flieList').on('click', '.file-delete', function () {
|
||||
let id = $(this).data('id');
|
||||
layer.confirm('确定要删除该附件吗?', {icon: 3, title: '提示'}, function (index) {
|
||||
let callback = function (e) {
|
||||
layer.closeAll();
|
||||
layer.msg(e.msg);
|
||||
tool.load("/business/index/view?id=" + detail_id);
|
||||
}
|
||||
let postData = {"id": id};
|
||||
tool.delete("/api/appendix/delete", postData, callback);
|
||||
});
|
||||
})
|
||||
|
||||
|
||||
$('#linkBtn').on('click', function () {
|
||||
comment.addLink(0, detail_id, 'business', '', '');
|
||||
})
|
||||
|
||||
$('#linkList').on('click', '.link-edit', function () {
|
||||
let id = $(this).data('id');
|
||||
let url = $(this).data('url');
|
||||
let desc = $(this).data('desc');
|
||||
comment.addLink(id, detail_id, 'business', url, desc);
|
||||
})
|
||||
|
||||
$('#linkList').on('click', '.link-delete', function () {
|
||||
let id = $(this).data('id');
|
||||
layer.confirm('确定要删除该链接吗?', {icon: 3, title: '提示'}, function (index) {
|
||||
let callback = function (e) {
|
||||
layer.closeAll();
|
||||
layer.msg(e.msg);
|
||||
tool.load("/business/index/view?id=" + detail_id);
|
||||
}
|
||||
let postData = {"id": id};
|
||||
tool.delete("/api/appendix/delete_link", postData, callback);
|
||||
});
|
||||
})
|
||||
|
||||
//评论
|
||||
comment.load(detail_id, 'business');
|
||||
$('#commentInput').on('click', function () {
|
||||
comment.editor(0, detail_id, 0, 0, 'business', '');
|
||||
})
|
||||
//回复
|
||||
$('#comment_business_' + detail_id).on('click', '[data-event="replay"]', function () {
|
||||
let pid = $(this).data('id');
|
||||
let padmin_id = $(this).data('uid');
|
||||
comment.editor(0, detail_id, pid, padmin_id, 'business', '');
|
||||
})
|
||||
//编辑
|
||||
$('#comment_business_' + detail_id).on('click', '[data-event="edit"]', function () {
|
||||
let id = $(this).data('id');
|
||||
let mdcontent = $('#comment_' + id).data('mdcontent');
|
||||
comment.editor(id, detail_id, 0, 0, 'business', mdcontent);
|
||||
})
|
||||
|
||||
//删除
|
||||
$('#comment_business_' + detail_id).on('click', '[data-event="del"]', function () {
|
||||
let id = $(this).data('id');
|
||||
comment.del(id, detail_id, 'business');
|
||||
})
|
||||
|
||||
//操作记录
|
||||
comment.log(detail_id, 'business');
|
||||
|
||||
let loading = false;
|
||||
let editPost = function (id, name, show_val, real_val) {
|
||||
let callback = function (e) {
|
||||
if (e.code == 0) {
|
||||
layer.closeAll();
|
||||
tool.load('/business/index/view/id/' + id);
|
||||
if (layui.pageTable) {
|
||||
setTimeout(function () {
|
||||
layui.pageTable.reload();
|
||||
}, 400)
|
||||
}
|
||||
} else {
|
||||
layer.msg(e.msg);
|
||||
}
|
||||
}
|
||||
let postData = {id: id};
|
||||
postData[name] = real_val;
|
||||
if (name == 'md_content') {
|
||||
postData['content'] = show_val;
|
||||
}
|
||||
tool.post("/business/index/add", postData, callback);
|
||||
}
|
||||
|
||||
function editShow(id, name, show_txt, real_txt) {
|
||||
if (loading == true) {
|
||||
return false;
|
||||
}
|
||||
if (name == "name") {
|
||||
edit.text(id, name, real_txt, editPost);
|
||||
}
|
||||
if (name == "director_uid") {
|
||||
edit.employee_one(id, name, show_txt, real_txt, editPost);
|
||||
}
|
||||
if (name == "check_admin_ids") {
|
||||
edit.employee_more(id, name, show_txt, real_txt, editPost);
|
||||
}
|
||||
if (name == "is_open") {
|
||||
let data = [
|
||||
{'id': 1, 'title': '内部(仅创建人、对接人、可访问)'},
|
||||
{'id': 2, 'title': '公开(有对接权限员工均可访问)'}
|
||||
];
|
||||
edit.select_type(id, name, real_txt, data, editPost);
|
||||
}
|
||||
if (name == "md_content") {
|
||||
edit.editor(id, name, real_txt, editPost);
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user