Skip to content

S
schedule
Commit 3d216ada by xiexiaoqin
Options

feat: 添加建群服务页面

parent 25f312e4
Showing with 691 additions and 9 deletions
api/login.js
......@@ -26,12 +26,22 @@ export default async function login() {
const { oapiUser } = res.data.data;
getApp().globalData.token = res.data.data.accessToken.access_token;
getApp().globalData.name = res.data.data.oapiUser.name;
getApp().globalData.avatar = res.data.data.oapiUser.avatar;
getApp().globalData.userid = res.data.data.oapiUser.userid;
getApp().globalData.mwUserId = res.data.data.mwUserId;
dd.setStorageSync({ key: 'mwUserId', data: res.data.data.mwUserId, key: 'userid', data: res.data.data.oapiUser.userid })
dd.setStorageSync({
key: 'mwUserId', data: res.data.data.mwUserId,
key: 'userid', data: res.data.data.oapiUser.userid,
key: 'userInfo', data: {
username: oapiUser.name,
avatar: oapiUser.avatar,
userId: oapiUser.userid
}
})
getApp().globalData.avatar = res.data.data.oapiUser.avatar;
getApp().globalData.userInfo = JSON.stringify({
username: oapiUser.name,
avatar: oapiUser.avatar,
userId: oapiUser.userid,
headUrl: oapiUser.avatar,
platform: "dingtalk"
......
components/popup/index.acss
......@@ -69,6 +69,11 @@
left: 0;
}
.square {
background: #fff;
left: 0;
}
.close-icon {
text-align: center;
}
......
components/setting/setting.acss 0 → 100755
.sidebarContent {
background: #FFFFFF;
width: 640rpx;
height: 100%;
padding: 32rpx;
}
.sidebarLogo {
margin-bottom: 42rpx;
line-height: 64rpx;
font-size: 26rpx;
color: #1B263D;
display: flex;
font-size: 26rpx;
}
.sidebarLogo view:nth-of-type(1) {
margin-right: 34rpx;
width: 64rpx;
height: 64rpx;
line-height: 64rpx;
}
.row {
padding: 20rpx;
display: flex;
border-bottom: 1px solid rgba(241, 243, 249, 1);
align-items: center;
font-size: 30rpx;
color: #191F25;
line-height: 34rpx;
}
.row .iconfont {
font-size: 28rpx;
}
.icon-left {
margin-right: 18rpx;
color: #0A0A0A;
}
.icon-right {
position: absolute;
right: 32rpx;
color: rgba(27, 38, 61, .5)
}
\ No newline at end of file
components/setting/setting.axml 0 → 100644
<import src="../../template/avater/index.axml"/>
<view class="sidebarContent">
<view class="sidebarLogo">
<template is="avater" data="{{item: userInfo}}"/>
<view>{{ userInfo.username }}</view>
</view>
<view class="row" onTap="contact">
<text class="iconfont iconconsultation icon-left"></text>
<text>咨询客服</text>
<text class="iconfont iconright icon-right"></text>
</view>
</view>
\ No newline at end of file
components/setting/setting.js 0 → 100644
Component({
data: {
userInfo: {}
},
props: {},
didMount() {
this.setData({
userInfo: dd.getStorageSync({ key: 'userInfo' }).data
});
},
didUpdate() {
},
didUnmount() { },
methods: {
contact() {
dd.confirm({
content: '尊敬的用户,您点击“确定”即可进入专属服务群咨询相关产品问题。',
confirmButtonText: '确定',
cancelButtonText: '取消',
success: (res) => {
if (res.confirm) {
console.log('点击了确定')
}
this.props.onClose();
}
})
}
}
});
components/setting/setting.json 0 → 100644
{
"component": true
}
\ No newline at end of file
fonts/demo.css 0 → 100644
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
fonts/iconfont.eot
No preview for this file type
fonts/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
fonts/iconfont.json
......@@ -6,6 +6,13 @@
"description": "",
"glyphs": [
{
"icon_id": "18188978",
"name": "consultation",
"font_class": "consultation",
"unicode": "e60f",
"unicode_decimal": 58895
},
{
"icon_id": "17677479",
"name": "editor-2",
"font_class": "editor-2",
......
fonts/iconfont.svg
......@@ -20,6 +20,9 @@ Created by iconfont
/>
<missing-glyph />
<glyph glyph-name="consultation" unicode="&#58895;" d="M994.523429 454.217143C960.365714 689.737143 756.882286 871.643429 512 871.643429S63.853714 689.737143 29.622857 454.217143a48.274286 48.274286 0 0 1-5.12-21.357714V237.714286c0-26.916571 21.869714-48.713143 48.786286-48.713143h48.786286a146.285714 146.285714 0 0 1 12.141714 291.84 390.802286 390.802286 0 0 0 377.856 293.229714 390.802286 390.802286 0 0 0 377.856-293.156571 146.212571 146.212571 0 0 1-35.693714-283.794286 393.362286 393.362286 0 0 0-246.125715-191.488 48.64 48.64 0 0 1-47.250285 37.083429H512c-26.843429 0-48.713143-21.942857-48.713143-48.786286v-48.713143c0-26.843429 21.942857-48.786286 48.713143-48.786286h48.786286a48.713143 48.713143 0 0 1 21.942857 5.412572 488.521143 488.521143 0 0 1 376.466286 287.963428 48.64 48.64 0 0 1 40.374857 47.908572V432.859429a48.274286 48.274286 0 0 1-5.12 21.357714zM170.788571 335.36c0-26.916571-21.869714-48.786286-48.713142-48.786286V384.073143c26.843429 0 48.713143-21.869714 48.713142-48.713143z m682.569143 0c0 26.843429 21.942857 48.713143 48.786286 48.713143 0-33.060571-4.242286-65.097143-12.068571-95.817143a48.713143 48.713143 0 0 0-36.717715 47.104z" horiz-adv-x="1024" />
<glyph glyph-name="editor-2" unicode="&#59411;" d="M176.64 657.92h670.72c22.528 0 40.96 18.432 40.96 40.96s-18.432 40.96-40.96 40.96H176.64c-22.528 0-40.96-18.432-40.96-40.96s18.432-40.96 40.96-40.96z m0-209.92h440.32c22.528 0 40.96 18.432 40.96 40.96s-18.432 40.96-40.96 40.96H176.64c-22.528 0-40.96-18.432-40.96-40.96S154.112 448 176.64 448z m440.32-337.92H176.64c-22.528 0-40.96-18.432-40.96-40.96s18.432-40.96 40.96-40.96h440.32c22.528 0 40.96 18.432 40.96 40.96s-18.432 40.96-40.96 40.96zM847.36 320H176.64c-22.528 0-40.96-18.432-40.96-40.96s18.432-40.96 40.96-40.96h670.72c22.528 0 40.96 18.432 40.96 40.96S869.888 320 847.36 320z" horiz-adv-x="1024" />
......
fonts/iconfont.ttf
No preview for this file type
fonts/iconfont.woff
No preview for this file type
fonts/iconfont.woff2
No preview for this file type
pages/index/index.acss
......@@ -154,22 +154,24 @@
line-height: 88rpx;
padding: 0 32rpx;
display: flex;
justify-content: space-between;
box-shadow: 0 2rpx 10rpx 3rpx rgba(0, 0, 0, 0.04);
z-index: 9;
position: relative;
align-items: center;
}
.scheduleHeader view:nth-of-type(1) {
.scheduleHeader view:nth-of-type(2) {
flex: 1;
color: rgba(10, 10, 10, 1);
font-size: 40rpx;
font-weight: bold;
}
.scheduleHeader view:nth-of-type(2) {
width: 40rpx;
height: 40rpx;
.scheduleHeader view:nth-of-type(1) {
width: 44rpx;
height: 44rpx;
margin-right: 36rpx;
line-height: 44rpx;
}
.headerIcon {
......
pages/index/index.axml
<import src="../../template/loading/loading.axml"/>
<import src="../../template/fullScreen/fullScreen.axml"/>
<import src="../../template/refresh/index.axml"/>
<import src="../../template/avater/index.axml"/>
<template is="refresh" a:if='{{refresh}}' data="{{refreshCode}}"></template>
<block a:else>
<view hidden="{{$data.tabBarIndex === '1'}}">
......@@ -51,6 +52,8 @@
<view hidden="{{$data.tabBarIndex === '0'}}">
<view a:if="{{!loading}}">
<view class="scheduleHeader">
<view onTap="onOpenSiderBar">
<template is="avater" data="{{item: userInfo }}"/></view>
<view>{{currentData.split('/')[0]}}年{{currentData.split('/')[1] || '1'}}月</view>
</view>
<scroll-view class="indexScrollView" scroll-y="{{true}}" onScroll="scroll" lower-threshold="{{400}}" onScrollToLower="lower" scroll-into-view="{{todayStr}}">
......@@ -146,4 +149,7 @@
</view>
</view>
<template is="fullScreen" data="{{isIPX:isIPX}}" />
</view>
\ No newline at end of file
</view>
<popup className="square" position="left" show="{{popupShow}}" mask="true" onClose="closePopup">
<setting onClose="closePopup"/>
</popup>
\ No newline at end of file
pages/index/index.js
......@@ -38,6 +38,7 @@ const uuid = Math.random().toString(36).substr(2);
create.Page({
store: pageStore,
data: {
userInfo: {},
actionLog: {
"comment_reply": "添加了评论",
"file_create": "上传了文件",
......@@ -122,6 +123,7 @@ create.Page({
}
},
onLoad(query) {
if (query && query.sn) {
this.setData({
listLoading: false
......@@ -181,6 +183,9 @@ create.Page({
this.onSocketMessageCallback(res.data)
});
this.setData({
userInfo: dd.getStorageSync({ key: 'userInfo' }).data
});
},
connect_start() {
const userId = dd.getStorageSync({ key: 'mwUserId' }).data;
......@@ -881,6 +886,16 @@ create.Page({
}
},
onOpenSiderBar() {
this.setData({
popupShow: true
})
},
closePopup() {
this.setData({
popupShow: false
})
},
onTitleClick() {
maxClickCount--;
if (maxClickCount == 0) {
......
pages/index/index.json
......@@ -7,6 +7,6 @@
"file-list": "../../components/fileList/fileList",
"swipe": "../../components/swipe/swipe",
"popup": "../../components/popup/index",
"related-app": "../../components/relatedApp/relatedApp"
"setting": "../../components/setting/setting"
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment