战立标
2 years ago
25 changed files with 599 additions and 145 deletions
@ -1,36 +1,51 @@ |
|||||
// app.js
|
// app.js
|
||||
|
import {getStaffbasicinfo} from "./utils/api"; |
||||
|
import {getOwnedRolesOfStaffId} from "./utils/statisticsApi"; |
||||
|
|
||||
App({ |
App({ |
||||
onLaunch: function (options) { |
onLaunch: function (options) { |
||||
//获取设备顶部窗口的高度（不同设备窗口高度不一样，根据这个来设置自定义导航栏的高度）
|
//获取设备顶部窗口的高度（不同设备窗口高度不一样，根据这个来设置自定义导航栏的高度）
|
||||
//这个最初我是在组件中获取，但是出现了一个问题，当第一次进入小程序时导航栏会把
|
//这个最初我是在组件中获取，但是出现了一个问题，当第一次进入小程序时导航栏会把
|
||||
//页面内容盖住一部分,当打开调试重新进入时就没有问题，这个问题弄得我是莫名其妙
|
//页面内容盖住一部分,当打开调试重新进入时就没有问题，这个问题弄得我是莫名其妙
|
||||
//虽然最后解决了，但是花费了不少时间
|
//虽然最后解决了，但是花费了不少时间
|
||||
let code = [1011,1017,1025,1047,1124,1001,1038,1041,1089,1090,1104,1131,1187]; |
let code = [1011, 1017, 1025, 1047, 1124, 1001, 1038, 1041, 1089, 1090, 1104, 1131, 1187]; |
||||
if (code.includes(options.scene)) { |
if (code.includes(options.scene)) { |
||||
console.log(options.scene); |
console.log(options.scene); |
||||
this.globalData.share = true |
this.globalData.share = true |
||||
}else{ |
} else { |
||||
this.globalData.share = false |
this.globalData.share = false |
||||
} |
} |
||||
const menuButtonInfo = wx.getMenuButtonBoundingClientRect() |
const menuButtonInfo = wx.getMenuButtonBoundingClientRect() |
||||
wx.getSystemInfo({ |
wx.getSystemInfo({ |
||||
success: (res) => { |
success: (res) => { |
||||
this.globalData.height = res.statusBarHeight |
this.globalData.height = res.statusBarHeight |
||||
this.globalData.deviceInfo.statusHeight = res.statusBarHeight |
this.globalData.deviceInfo.statusHeight = res.statusBarHeight |
||||
this.globalData.deviceInfo.navigationHeight = menuButtonInfo.height + (menuButtonInfo.top - res.statusBarHeight) * 2 |
this.globalData.deviceInfo.navigationHeight = menuButtonInfo.height + (menuButtonInfo.top - res.statusBarHeight) * 2 |
||||
} |
} |
||||
}) |
}) |
||||
wx.hideTabBar() |
wx.hideTabBar() |
||||
}, |
getStaffbasicinfo().then(res=>{ |
||||
globalData: { |
this.globalData.user = res.data |
||||
userInfo: null, |
getOwnedRolesOfStaffId(res.data.id).then(res2 => { |
||||
selected:0, |
this.globalData.roleList = res2.data |
||||
deviceInfo: { |
}) |
||||
statusHeight: 19, |
}).catch(err=>{ |
||||
navigationHeight: 40 |
console.log(err); |
||||
}, |
wx.redirectTo({ |
||||
user:{}, |
url: '/pages/login/login', |
||||
share:false, |
}) |
||||
questionnaireUrl:'' |
}) |
||||
} |
}, |
||||
|
globalData: { |
||||
|
userInfo: null, |
||||
|
selected: 0, |
||||
|
deviceInfo: { |
||||
|
statusHeight: 19, |
||||
|
navigationHeight: 40 |
||||
|
}, |
||||
|
user: {}, |
||||
|
share: false, |
||||
|
questionnaireUrl: '', |
||||
|
roleList: [] |
||||
|
} |
||||
}) |
}) |
||||
|
|||||
@ -1,12 +1,6 @@ |
|||||
{ |
{ |
||||
"component": true, |
"component": true, |
||||
"usingComponents": { |
"usingComponents": { |
||||
"wux-popup": "../dist/popup/index", |
"wux-popup": "../dist/popup/index" |
||||
"wux-selectable": "../dist/selectable/index", |
|
||||
"wux-textarea": "../dist/textarea/index", |
|
||||
"wux-upload": "../dist/upload/index", |
|
||||
"wux-cell": "../dist/cell/index", |
|
||||
"wux-calendar": "../dist/calendar/index", |
|
||||
"wux-cascader": "../dist/cascader/index" |
|
||||
} |
} |
||||
} |
} |
||||
@ -1,50 +1,77 @@ |
|||||
|
import {getStaffbasicinfo} from "../../utils/api"; |
||||
|
|
||||
const app = getApp() |
const app = getApp() |
||||
|
import {getOwnedRolesOfStaffId} from '../../utils/statisticsApi.js' |
||||
|
|
||||
Component({ |
Component({ |
||||
data: { |
data: { |
||||
selected: 0, |
selected: 0, |
||||
color: "#999", |
color: "#999", |
||||
selectedColor: "#3A80E7", |
selectedColor: "#3A80E7", |
||||
"list": [ |
"list": [ |
||||
{ |
{ |
||||
"pagePath": "/pages/index/index", |
"pagePath": "/pages/index/index", |
||||
"text": "消息", |
"text": "消息", |
||||
"iconPath": "/images/home/message.png", |
"iconPath": "/images/home/message.png", |
||||
"selectedIconPath": "/images/home/messageSelected.png" |
"selectedIconPath": "/images/home/messageSelected.png", |
||||
|
show: true |
||||
|
}, |
||||
|
{ |
||||
|
"pagePath": "/pages/work/work", |
||||
|
"text": "工作", |
||||
|
"iconPath": "/images/home/work.png", |
||||
|
"selectedIconPath": "/images/home/workSelected.png", |
||||
|
show: true |
||||
|
|
||||
|
}, |
||||
|
{ |
||||
|
"pagePath": "/pages/statistics/statistics", |
||||
|
"text": "数据", |
||||
|
"iconPath": "/images/home/information.png", |
||||
|
"selectedIconPath": "/images/home/informationSelected.png", |
||||
|
show: false |
||||
|
|
||||
|
}, |
||||
|
{ |
||||
|
"pagePath": "/pages/mine/mine", |
||||
|
"text": "我的", |
||||
|
"iconPath": "/images/home/mine.png", |
||||
|
"selectedIconPath": "/images/home/mineSelected.png", |
||||
|
show: true |
||||
|
} |
||||
|
], |
||||
}, |
}, |
||||
{ |
attached() { |
||||
"pagePath": "/pages/work/work", |
|
||||
"text": "工作", |
|
||||
"iconPath": "/images/home/work.png", |
|
||||
"selectedIconPath": "/images/home/workSelected.png" |
|
||||
}, |
}, |
||||
{ |
ready: function () { |
||||
"pagePath": "/pages/statistics/statistics", |
this.setData({ |
||||
"text": "统计", |
selected: app.globalData.selected |
||||
"iconPath": "/images/home/information.png", |
}) |
||||
"selectedIconPath": "/images/home/informationSelected.png" |
// secretary 书记
|
||||
|
console.log( app.globalData.roleList.filter(item => item.roleKey === 'secretary')) |
||||
|
if(app.globalData.roleList.length <= 0) { |
||||
|
|
||||
|
getStaffbasicinfo().then(res=>{ |
||||
|
getOwnedRolesOfStaffId(res.data.id).then(res2 => { |
||||
|
this.setData({ |
||||
|
"list[2].show": res2.data.filter(item => item.roleKey === 'secretary').length > 0 |
||||
|
}) |
||||
|
}) |
||||
|
}) |
||||
|
} else { |
||||
|
this.setData({ |
||||
|
"list[2].show": app.globalData.roleList.filter(item => item.roleKey === 'secretary').length > 0 |
||||
|
}) |
||||
|
} |
||||
|
console.log(app.globalData.roleList, 'userss') |
||||
}, |
}, |
||||
{ |
methods: { |
||||
"pagePath": "/pages/mine/mine", |
switchTab(e) { |
||||
"text": "我的", |
console.log(e); |
||||
"iconPath": "/images/home/mine.png", |
const data = e.currentTarget.dataset; |
||||
"selectedIconPath": "/images/home/mineSelected.png" |
const url = data.path; |
||||
|
app.globalData.selected = data.index; |
||||
|
wx.switchTab({url}) |
||||
|
} |
||||
} |
} |
||||
] |
|
||||
}, |
|
||||
attached() { |
|
||||
}, |
|
||||
ready: function() { |
|
||||
this.setData({ |
|
||||
selected: app.globalData.selected |
|
||||
}) |
|
||||
}, |
|
||||
methods: { |
|
||||
switchTab(e) { |
|
||||
console.log(e); |
|
||||
const data = e.currentTarget.dataset; |
|
||||
const url = data.path; |
|
||||
app.globalData.selected = data.index; |
|
||||
wx.switchTab({url}) |
|
||||
} |
|
||||
} |
|
||||
}) |
}) |
||||
@ -0,0 +1,320 @@ |
|||||
|
import baseComponent from '../helpers/baseComponent' |
||||
|
import classNames from '../helpers/classNames' |
||||
|
import styleToCssString from '../helpers/styleToCssString' |
||||
|
import arrayTreeFilter from '../helpers/arrayTreeFilter' |
||||
|
|
||||
|
const WUX_CASCADER_VIEW = 'wux-cascader-view' |
||||
|
const defaultFieldNames = { |
||||
|
label: 'label', |
||||
|
value: 'value', |
||||
|
children: 'children', |
||||
|
disabled: 'disabled', |
||||
|
} |
||||
|
|
||||
|
baseComponent({ |
||||
|
externalClasses: ['wux-scroll-view-class'], |
||||
|
properties: { |
||||
|
prefixCls: { |
||||
|
type: String, |
||||
|
value: 'wux-cascader-view', |
||||
|
}, |
||||
|
defaultValue: { |
||||
|
type: Array, |
||||
|
value: [], |
||||
|
}, |
||||
|
value: { |
||||
|
type: Array, |
||||
|
value: [], |
||||
|
}, |
||||
|
controlled: { |
||||
|
type: Boolean, |
||||
|
value: false, |
||||
|
}, |
||||
|
options: { |
||||
|
type: Array, |
||||
|
value: [], |
||||
|
}, |
||||
|
full: { |
||||
|
type: Boolean, |
||||
|
value: false, |
||||
|
}, |
||||
|
placeholder: { |
||||
|
type: String, |
||||
|
value: '请选择', |
||||
|
}, |
||||
|
height: { |
||||
|
type: [String, Number], |
||||
|
value: 'auto', |
||||
|
}, |
||||
|
defaultFieldNames: { |
||||
|
type: Object, |
||||
|
value: defaultFieldNames, |
||||
|
}, |
||||
|
skipAnimation: { |
||||
|
type: Boolean, |
||||
|
value: false, |
||||
|
}, |
||||
|
}, |
||||
|
data: { |
||||
|
activeOptions: [], |
||||
|
activeIndex: 0, |
||||
|
bodyStyle: '', |
||||
|
activeValue: [], |
||||
|
showOptions: [], |
||||
|
fieldNames: undefined, |
||||
|
scrollViewStyle: '', |
||||
|
}, |
||||
|
computed: { |
||||
|
classes: ['prefixCls, full', function(prefixCls, full) { |
||||
|
const wrap = classNames(prefixCls) |
||||
|
const hd = `${prefixCls}__hd` |
||||
|
const bd = `${prefixCls}__bd` |
||||
|
const innerScroll = classNames(`${prefixCls}__inner-scroll`, { |
||||
|
[`${prefixCls}__inner-scroll--full`]: full, |
||||
|
}) |
||||
|
const scrollView = `${prefixCls}__scroll-view` |
||||
|
const ft = `${prefixCls}__ft` |
||||
|
|
||||
|
return { |
||||
|
wrap, |
||||
|
hd, |
||||
|
bd, |
||||
|
innerScroll, |
||||
|
scrollView, |
||||
|
ft, |
||||
|
} |
||||
|
}], |
||||
|
}, |
||||
|
observers: { |
||||
|
value(newVal) { |
||||
|
if (this.data.controlled) { |
||||
|
this.setData({ activeValue: newVal }) |
||||
|
this.getCurrentOptions(newVal) |
||||
|
} |
||||
|
}, |
||||
|
options() { |
||||
|
this.getCurrentOptions(this.data.activeValue) |
||||
|
}, |
||||
|
height(newVal) { |
||||
|
this.updateStyle(newVal) |
||||
|
}, |
||||
|
}, |
||||
|
methods: { |
||||
|
getActiveOptions(activeValue) { |
||||
|
const { options } = this.data |
||||
|
const value = this.getFieldName('value') |
||||
|
const childrenKeyName = this.getFieldName('children') |
||||
|
|
||||
|
return arrayTreeFilter(options, (option, level) => option[value] === activeValue[level], { childrenKeyName }) |
||||
|
}, |
||||
|
getShowOptions(activeValue) { |
||||
|
const { options } = this.data |
||||
|
const children = this.getFieldName('children') |
||||
|
const result = this.getActiveOptions(activeValue).map((activeOption) => activeOption[children]).filter((activeOption) => !!activeOption) |
||||
|
|
||||
|
return [options, ...result] |
||||
|
}, |
||||
|
getMenus(activeValue = [], hasChildren) { |
||||
|
const { placeholder } = this.data |
||||
|
const activeOptions = this.getActiveOptions(activeValue) |
||||
|
|
||||
|
if (hasChildren) { |
||||
|
const value = this.getFieldName('value') |
||||
|
const label = this.getFieldName('label') |
||||
|
|
||||
|
activeOptions.push({ |
||||
|
[value]: WUX_CASCADER_VIEW, |
||||
|
[label]: placeholder, |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
return activeOptions |
||||
|
}, |
||||
|
getNextActiveValue(value, optionIndex) { |
||||
|
let { activeValue } = this.data |
||||
|
|
||||
|
activeValue = activeValue.slice(0, optionIndex + 1) |
||||
|
activeValue[optionIndex] = value |
||||
|
|
||||
|
return activeValue |
||||
|
}, |
||||
|
updated(currentOptions, optionIndex, condition, callback) { |
||||
|
const value = this.getFieldName('value') |
||||
|
const children = this.getFieldName('children') |
||||
|
const hasChildren = currentOptions && currentOptions[children] && currentOptions[children].length > 0 |
||||
|
const activeValue = this.getNextActiveValue(currentOptions[value], optionIndex) |
||||
|
const activeOptions = this.getMenus(activeValue, hasChildren) |
||||
|
const activeIndex = activeOptions.length - 1 |
||||
|
const showOptions = this.getShowOptions(activeValue) |
||||
|
const props = { |
||||
|
activeValue, |
||||
|
activeOptions, |
||||
|
activeIndex, |
||||
|
showOptions, |
||||
|
} |
||||
|
|
||||
|
// 判断 hasChildren 计算需要更新的数据
|
||||
|
if (hasChildren || (activeValue.length === showOptions.length && (optionIndex = Math.max(0, optionIndex - 1)))) { |
||||
|
props.bodyStyle = this.getTransform(optionIndex + 1) |
||||
|
props.showOptions = showOptions |
||||
|
} |
||||
|
|
||||
|
// 判断是否需要 setData 更新数据
|
||||
|
if (condition) { |
||||
|
this.setCascaderView(props) |
||||
|
} |
||||
|
|
||||
|
// 回调函数
|
||||
|
if (typeof callback === 'function') { |
||||
|
callback.call(this, currentOptions, activeValue) |
||||
|
} |
||||
|
}, |
||||
|
/** |
||||
|
* 更新级联数据 |
||||
|
* @param {Array} activeValue 当前选中值 |
||||
|
*/ |
||||
|
getCurrentOptions(activeValue = this.data.activeValue) { |
||||
|
const optionIndex = Math.max(0, activeValue.length - 1) |
||||
|
const activeOptions = this.getActiveOptions(activeValue) |
||||
|
const currentOptions = activeOptions[optionIndex] |
||||
|
|
||||
|
if (currentOptions) { |
||||
|
this.updated(currentOptions, optionIndex, true) |
||||
|
} else { |
||||
|
const value = this.getFieldName('value') |
||||
|
const label = this.getFieldName('label') |
||||
|
|
||||
|
activeOptions.push({ |
||||
|
[value]: WUX_CASCADER_VIEW, |
||||
|
[label]: this.data.placeholder, |
||||
|
}) |
||||
|
|
||||
|
const showOptions = this.getShowOptions(activeValue) |
||||
|
const activeIndex = activeOptions.length - 1 |
||||
|
const props = { |
||||
|
showOptions, |
||||
|
activeOptions, |
||||
|
activeIndex, |
||||
|
bodyStyle: '', |
||||
|
} |
||||
|
|
||||
|
this.setCascaderView(props) |
||||
|
} |
||||
|
}, |
||||
|
setCascaderView(props) { |
||||
|
const { activeOptions, ...restProps } = props |
||||
|
this.setData({ activeOptions }, () => { |
||||
|
if (this.data.activeIndex !== restProps.activeIndex) { |
||||
|
this.triggerEvent('tabsChange', { index: restProps.activeIndex }) |
||||
|
} |
||||
|
this.setData(restProps) |
||||
|
}) |
||||
|
}, |
||||
|
getTransform(index, animating = !this.data.skipAnimation) { |
||||
|
const pt = this.data.full ? 2 : 1 |
||||
|
const i = this.data.full ? index : index - 1 |
||||
|
const bodyStyle = styleToCssString({ |
||||
|
transition: animating ? 'transform .3s' : 'none', |
||||
|
transform: `translate(${-50 * pt * Math.max(0, i)}%)`, |
||||
|
}) |
||||
|
return bodyStyle |
||||
|
}, |
||||
|
/** |
||||
|
* 点击菜单时的回调函数 |
||||
|
*/ |
||||
|
onTabsChange(e) { |
||||
|
const activeIndex = parseInt(e.detail.key) |
||||
|
const bodyStyle = this.getTransform(activeIndex) |
||||
|
|
||||
|
if ( |
||||
|
this.data.bodyStyle !== bodyStyle || |
||||
|
this.data.activeIndex !== activeIndex |
||||
|
) { |
||||
|
this.setData({ |
||||
|
bodyStyle, |
||||
|
activeIndex, |
||||
|
}) |
||||
|
|
||||
|
this.triggerEvent('tabsChange', { index: activeIndex }) |
||||
|
} |
||||
|
}, |
||||
|
/** |
||||
|
* 点击选项时的回调函数 |
||||
|
*/ |
||||
|
onItemSelect(e) { |
||||
|
const { optionIndex } = e.currentTarget.dataset |
||||
|
const { index } = e.detail |
||||
|
const { showOptions } = this.data |
||||
|
const item = showOptions[optionIndex][index] |
||||
|
|
||||
|
// updated
|
||||
|
this.updated(item, optionIndex, !this.data.controlled, this.onChange) |
||||
|
}, |
||||
|
/** |
||||
|
* 选择完成时的回调函数 |
||||
|
*/ |
||||
|
onChange(currentOptions = {}, activeValue = []) { |
||||
|
const values = this.getValue(activeValue) |
||||
|
|
||||
|
// 判断是否异步加载
|
||||
|
if (currentOptions && currentOptions.isLeaf === false && !currentOptions.children) { |
||||
|
this.triggerEvent('change', { ...values }) |
||||
|
this.triggerEvent('load', { value: values.value, options: values.options }) |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
// 正常加载
|
||||
|
this.triggerEvent('change', { ...values }) |
||||
|
}, |
||||
|
getValue(activeValue = this.data.activeValue) { |
||||
|
const optionIndex = Math.max(0, activeValue.length - 1) |
||||
|
const activeOptions = this.getActiveOptions(activeValue) |
||||
|
const currentOptions = activeOptions[optionIndex] |
||||
|
const valueKeyName = this.getFieldName('value') |
||||
|
const childrenKeyName = this.getFieldName('children') |
||||
|
const hasChildren = currentOptions && currentOptions[childrenKeyName] && currentOptions[childrenKeyName].length > 0 |
||||
|
const options = activeOptions.filter((n) => n[valueKeyName] !== WUX_CASCADER_VIEW) |
||||
|
const value = options.map((n) => n[valueKeyName]) |
||||
|
|
||||
|
if (currentOptions && currentOptions.isLeaf === false && !currentOptions.children) { |
||||
|
return { |
||||
|
value, |
||||
|
options, |
||||
|
done: false, |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
return { |
||||
|
value, |
||||
|
options, |
||||
|
done: !hasChildren, |
||||
|
} |
||||
|
}, |
||||
|
getFieldName(name) { |
||||
|
const { defaultFieldNames, fieldNames } = this.data |
||||
|
return typeof fieldNames !== 'undefined' |
||||
|
? fieldNames[name] |
||||
|
: defaultFieldNames[name] |
||||
|
}, |
||||
|
updateStyle(height) { |
||||
|
const scrollViewStyle = styleToCssString({ |
||||
|
height, |
||||
|
minHeight: height, |
||||
|
}) |
||||
|
if (this.data.scrollViewStyle !== scrollViewStyle) { |
||||
|
this.setData({ |
||||
|
scrollViewStyle, |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
attached() { |
||||
|
const { defaultValue, value, controlled, height } = this.data |
||||
|
const activeValue = controlled ? value : defaultValue |
||||
|
const fieldNames = Object.assign({}, defaultFieldNames, this.data.defaultFieldNames) |
||||
|
|
||||
|
this.setData({ activeValue, fieldNames }) |
||||
|
this.getCurrentOptions(activeValue) |
||||
|
this.updateStyle(height) |
||||
|
}, |
||||
|
}) |
||||
@ -0,0 +1,5 @@ |
|||||
|
{ |
||||
|
"component": true, |
||||
|
"usingComponents": { |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue