mirror of
https://github.com/chatopera/cosin.git
synced 2025-08-01 16:38:02 +08:00
Closed #81 笔记UI修改
This commit is contained in:
Kyle
parent
beb0e0d5c1
commit
f443eb1dc4
@ -36,19 +36,35 @@
|
|||||||
<div class="layui-colla-content layui-show">
|
<div class="layui-colla-content layui-show">
|
||||||
<div id="timeline" class="timeline-container" type="text">
|
<div id="timeline" class="timeline-container" type="text">
|
||||||
</div>
|
</div>
|
||||||
|
<!--<div id="timeline" class="timeline-container" type="text" style="height: 617px; overflow-y: auto;">-->
|
||||||
|
<!--</div>-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<link rel="stylesheet" href="/js/timelineMe/jquery.timelineMe.css" type="text/css">
|
<style>
|
||||||
<script type="text/javascript" src="/js/timelineMe/jquery.timelineMe.js"></script>
|
.card {
|
||||||
|
/* Add shadows to create the "card" effect */
|
||||||
|
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
|
||||||
|
transition: 0.3s;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* On mouse-over, add a deeper shadow */
|
||||||
|
.card:hover {
|
||||||
|
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add some padding inside the card container */
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
/*padding: 2px 16px;*/
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script src="/js/CSKeFu_Rest_Request.v1.js"></script>
|
<script src="/js/CSKeFu_Rest_Request.v1.js"></script>
|
||||||
<script>
|
<script>
|
||||||
// save time line datas
|
|
||||||
var items = [];
|
|
||||||
|
|
||||||
function getNotesByContactId () {
|
function getNotesByContactId () {
|
||||||
// 获取数据
|
// 获取数据
|
||||||
var id = $('#contactsId').val();
|
var id = $('#contactsId').val();
|
||||||
@ -65,20 +81,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
if(data.rc === 0){
|
if(data.rc === 0){
|
||||||
// var items = [];
|
|
||||||
if(data.totalElements > 0) {
|
if(data.totalElements > 0) {
|
||||||
for(var item of data.data){
|
for(var item of data.data){
|
||||||
items.push({
|
$("#timeline").append('<div class="card">' +
|
||||||
type: 'bigItem',
|
'<div class="container">' +
|
||||||
label: item.updatetime,
|
'<h4>时间：' + item.updatetime + '</h4>' +
|
||||||
picto: '<div style="background-color: #3ac3e8;width: 100%;height: 100%;"></div>',
|
'<h5>笔记者：' + item.creatername + '</h5>' +
|
||||||
shortContent: '<div style="border: solid 1px #333333; line-height: 2em;font-weight: 300;word-break:break-all"><p>事件类型：' + item.category + '</p>' + '<p>创建者:' + item.creatername + '</p>' + '<div><label>内容：</label><span>' + item.content + '</span></div></div>',
|
'<h5>事件类型：' + item.category + '</h5>' +
|
||||||
forcePosition: 'right'
|
'<div>笔记：' + item.content + '</div>' +
|
||||||
});
|
'</div>' +
|
||||||
|
'</div>');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// time line
|
|
||||||
makeTimeline()
|
|
||||||
} else {
|
} else {
|
||||||
}
|
}
|
||||||
}, function (err) {
|
}, function (err) {
|
||||||
@ -86,22 +100,6 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// make time line
|
|
||||||
function makeTimeline() {
|
|
||||||
var el = $('#timeline');
|
|
||||||
if(el){
|
|
||||||
$(el).empty();
|
|
||||||
$('#timeline').timelineMe({});
|
|
||||||
$('#timeline').timelineMe('load',
|
|
||||||
items
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
$('#timeline').timelineMe({
|
|
||||||
items: items,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// unselect tag
|
// unselect tag
|
||||||
function unOrselectTag(id) {
|
function unOrselectTag(id) {
|
||||||
var el = $("#tag_" + id);
|
var el = $("#tag_" + id);
|
||||||
@ -235,16 +233,14 @@
|
|||||||
if(data.rc === 0){
|
if(data.rc === 0){
|
||||||
var item = data.data;
|
var item = data.data;
|
||||||
// get all notes by contact id.
|
// get all notes by contact id.
|
||||||
items.unshift({
|
$("#timeline").prepend('<div class="card">' +
|
||||||
type: 'bigItem',
|
'<div class="container">' +
|
||||||
label: item.updatetime,
|
'<h4><b>时间：' + item.updatetime + '</b></h4>' +
|
||||||
picto: '<div style="background-color: #3ac3e8;width: 100%;height: 100%;"></div>',
|
'<h5>笔记者：' + item.creatername + '</h5>' +
|
||||||
shortContent: '<div style="border: solid 1px #333333; line-height: 2em;font-weight: 300;word-break:break-all"><p>事件类型：' + category + '</p>' + '<p>创建者:' + item.creatername + '</p>' + '<div><label>内容：</label><span>' + content + '</span></div></div>',
|
'<h5>事件类型：' + category + '</h5>' +
|
||||||
forcePosition: 'right'
|
'<div>笔记：' + content + '</div>' +
|
||||||
});
|
'</div>' +
|
||||||
|
'</div>');
|
||||||
// time line
|
|
||||||
makeTimeline()
|
|
||||||
} else {
|
} else {
|
||||||
}
|
}
|
||||||
}, function (err) {
|
}, function (err) {
|
||||||
|
|||||||
@ -60,21 +60,20 @@
|
|||||||
<button class="layui-btn" lay-submit lay-filter="notesbtn" id="notesAddBtn">立即添加</button>
|
<button class="layui-btn" lay-submit lay-filter="notesbtn" id="notesAddBtn">立即添加</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--<div class="layui-form-item">-->
|
|
||||||
<!--<div class="layui-button-inline" style="float: right;">-->
|
|
||||||
<!--<button class="layui-btn" lay-submit lay-filter="notesbtn" id="notesAddBtn">立即添加</button>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-collapse">
|
<div class="box-body ukefu-im-theme">
|
||||||
<div class="layui-colla-item">
|
<div class="uk-layui-form">
|
||||||
<h2 class="layui-colla-title">往来历史</h2>
|
<div class="layui-collapse">
|
||||||
<div class="layui-colla-content layui-show">
|
<div class="layui-colla-item">
|
||||||
<div id="timeline" class="timeline-container" type="text" style="height: 617px; overflow-y: auto;">
|
<h2 class="layui-colla-title">往来历史</h2>
|
||||||
|
<div class="layui-colla-content layui-show">
|
||||||
|
<div id="timeline" class="timeline-container" type="text" style="height: 617px; overflow-y: auto;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -207,76 +206,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--<div class="box-body ukefu-im-theme" style="margin-top: 20px;">-->
|
|
||||||
<!--<div class="uk-layui-form">-->
|
|
||||||
<!--<div class="layui-collapse">-->
|
|
||||||
<!--<div class="layui-colla-item">-->
|
|
||||||
<!--<h2 class="layui-colla-title">标签</h2>-->
|
|
||||||
<!--<div class="layui-colla-content layui-show">-->
|
|
||||||
<!--<div class="layui-form-item">-->
|
|
||||||
<!--<div class="layui-inline">-->
|
|
||||||
<!--<label class="layui-form-label" style="text-align: left;">已有标签：</label>-->
|
|
||||||
<!--<div id="contactTags" class="layui-input-inline" style="width: 100%;">-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--<div class="box-body ukefu-im-theme" style="margin-top: 20px;">-->
|
|
||||||
<!--<div class="uk-layui-form">-->
|
|
||||||
<!--<div class="layui-collapse">-->
|
|
||||||
<!--<div class="layui-colla-item">-->
|
|
||||||
<!--<h2 class="layui-colla-title">笔记</h2>-->
|
|
||||||
<!--<div class="layui-colla-content layui-show">-->
|
|
||||||
<!--<div class="layui-form-item">-->
|
|
||||||
<!--<label class="layui-form-label" style="text-align: left;">笔记分类：</label>-->
|
|
||||||
<!--<div class="layui-input-inline">-->
|
|
||||||
<!--<select id="notesCategory" name="notesCategory" lay-filter="category" required lay-verify="required" style="display: inline">-->
|
|
||||||
<!--<option value="callout">外呼</option>-->
|
|
||||||
<!--<option value="callin">呼入</option>-->
|
|
||||||
<!--<option value="webim">网页</option>-->
|
|
||||||
<!--</select>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--<div class="layui-form-item">-->
|
|
||||||
<!--<div class="layui-inline">-->
|
|
||||||
<!--<label class="layui-form-label" style="text-align: left;">内容：</label>-->
|
|
||||||
<!--<div class="layui-input-inline" style="width: 149%;">-->
|
|
||||||
<!--<textarea id="notesContent" name="notes" class="layui-textarea" ></textarea>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--<div class="layui-form-item">-->
|
|
||||||
<!--<div class="layui-button-inline" style="float: right;">-->
|
|
||||||
<!--<button class="layui-btn" lay-submit lay-filter="notesbtn" id="notesAddBtn">立即添加</button>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
</div>
|
</div>
|
||||||
<!--<div class="col-lg-6" style="padding-left: 10px;">-->
|
|
||||||
<!--<div class="layui-collapse">-->
|
|
||||||
<!--<div class="layui-colla-item">-->
|
|
||||||
<!--<h2 class="layui-colla-title">往来历史</h2>-->
|
|
||||||
<!--<div class="layui-colla-content layui-show">-->
|
|
||||||
<!--<div id="timeline" class="timeline-container" type="text" style="height: 1243px; overflow-y: auto;">-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
<!--</div>-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script src="/js/lodash-4.17.4.min.js"></script>
|
|
||||||
<script src="/js/CSKeFu_Rest_Request.v1.js"></script>
|
<script src="/js/CSKeFu_Rest_Request.v1.js"></script>
|
||||||
<style>
|
<style>
|
||||||
.unselectedClass {
|
.unselectedClass {
|
||||||
@ -311,13 +246,10 @@
|
|||||||
/* Add some padding inside the card container */
|
/* Add some padding inside the card container */
|
||||||
.container {
|
.container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 2px 16px;
|
/*padding: 2px 16px;*/
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
// save time line datas
|
|
||||||
var items = [];
|
|
||||||
|
|
||||||
function getNotesByContactId () {
|
function getNotesByContactId () {
|
||||||
// 获取数据
|
// 获取数据
|
||||||
var id = $('#contactsId').val();
|
var id = $('#contactsId').val();
|
||||||
@ -334,7 +266,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
if(data.rc === 0){
|
if(data.rc === 0){
|
||||||
// var items = [];
|
|
||||||
if(data.totalElements > 0) {
|
if(data.totalElements > 0) {
|
||||||
for(var item of data.data){
|
for(var item of data.data){
|
||||||
$("#timeline").append('<div class="card">' +
|
$("#timeline").append('<div class="card">' +
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user