mkm/OfficeApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

封装任务卡片组件

Browse Source
This commit is contained in:
weipengfei 2023-07-18 17:10:34 +08:00
parent fe007797ad
commit 2a60bdd38f
3 changed files with 269 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

173
manifest.json
View File

@ -1,86 +1,93 @@
{ {
"name": "nk-oa", "name" : "nk-oa",
"appid": "__UNI__7F12D2D", "appid" : "__UNI__7F12D2D",
"description": "", "description" : "",
"versionName": "1.0.0", "versionName" : "1.0.0",
"versionCode": "100", "versionCode" : "100",
"transformPx": false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus": { "app-plus" : {
"usingComponents": true, "usingComponents" : true,
"nvueStyleCompiler": "uni-app", "nvueStyleCompiler" : "uni-app",
"compilerVersion": 3, "compilerVersion" : 3,
"splashscreen": { "splashscreen" : {
"alwaysShowBeforeRender": true, "alwaysShowBeforeRender" : true,
"waiting": true, "waiting" : true,
"autoclose": true, "autoclose" : true,
"delay": 0 "delay" : 0
}, },
/* 模块配置 */ /* 模块配置 */
"modules": {}, "modules" : {},
/* 应用发布信息 */ /* 应用发布信息 */
"distribute": { "distribute" : {
/* android打包配置 */ /* android打包配置 */
"android": { "android" : {
"permissions": [ "permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>", "<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
] ]
}, },
/* ios打包配置 */ /* ios打包配置 */
"ios": {}, "ios" : {},
/* SDK配置 */ /* SDK配置 */
"sdkConfigs": {} "sdkConfigs" : {
} "payment" : {
}, "weixin" : {
/* 快应用特有相关 */ "__platform__" : [ "ios", "android" ],
"quickapp": {}, "appid" : "",
"UniversalLinks" : ""
"h5": { }
"devServer": { }
"proxy": { }
"baseUrlTest/api": {
"target": "https://worker-task.lihaink.cn",
"changeOrigin": true,
"pathRewrite": {
"^/baseUrlTest/api": "/api"
}
} }
}
}
},
/* 小程序特有相关 */
"mp-weixin": {
"appid": "wx6e14cb98394e36bc",
"setting": {
"urlCheck": false
}, },
"usingComponents": true /* 快应用特有相关 */
}, "quickapp" : {},
"mp-alipay": { "h5" : {
"usingComponents": true "devServer" : {
}, "proxy" : {
"mp-baidu": { "baseUrlTest/api" : {
"usingComponents": true "target" : "https://worker-task.lihaink.cn",
}, "changeOrigin" : true,
"mp-toutiao": { "pathRewrite" : {
"usingComponents": true "^/baseUrlTest/api" : "/api"
}, }
"uniStatistics": { }
"enable": false }
}, }
"vueVersion": "2" },
} /* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wx6e14cb98394e36bc",
"setting" : {
"urlCheck" : false
},
"usingComponents" : true
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"uniStatistics" : {
"enable" : false
},
"vueVersion" : "2"
}

158
pages/oaMy/oaMy.vue
View File

@ -1,44 +1,50 @@
<template> <template>
<view class=""> <view class="my">
<view class="my_head"> <view class="head_box">
<view class="department flex_a_c"> <image class="head_img" src="../../static/img/home/head-bg.png"></image>
<view class="section">产品技术部</view> <view v-if="!oaUserInfo" class="my_head">
<view class="" @click="login">去登陆</view> <view class="department flex_a_c">
</view> <view class="section">产品技术部</view>
</view> <view class="" @click="login">去登陆</view>
<view class="personage">
<view class="my_msg flex_a_c_j_sb">
<view class="flex_a_c">
<u--image :showLoading="true" :src="oaUserInfo.thumb" width="112.28rpx" height="112.28rpx" shape="circle">
</u--image>
<view class="name_work">
<view class="name">
<text>{{ oaUserInfo.did_leader }}</text>
<text>{{ oaUserInfo.mobile }}</text>
</view>
<view class="work">
{{ oaUserInfo.did_name }}({{ oaUserInfo.label_name }})
</view>
</view>
</view>
<view class="compile" @click="alterMyInfo">
<view class="iconfont icon-bianji"></view>
<view class="">编辑</view>
</view> </view>
</view> </view>
<view class="assess"> <view class="personage">
<view class="ass_cent flex_a_c_j_sb"> <view class="my_msg flex_a_c_j_sb">
<view class="cent_item"> <view class="flex_a_c">
<view class="num">{{ oaUserInfo.achievements_money }}</view> <u--image :showLoading="true" :src="oaUserInfo.thumb" width="112.28rpx" height="112.28rpx" shape="circle">
<view class="name">绩效考核</view> </u--image>
<view class="name_work">
<view class="name">
<text>{{ oaUserInfo.did_leader }}</text>
<text>{{ oaUserInfo.mobile }}</text>
</view>
<view class="work">
{{ oaUserInfo.did_name }}({{ oaUserInfo.label_name }})
</view>
</view>
</view> </view>
<view class="cent_item"> <view class="compile" @click="alterMyInfo">
<view class="num">{{ oaUserInfo.department_money }}</view> <view class="iconfont icon-bianji"></view>
<view class="name">部门奖金</view> <view class="">编辑</view>
</view> </view>
<view class="cent_item"> </view>
<view class="num">{{ oaUserInfo.company_money }}</view> <view class="assess">
<view class="name">公司奖金</view> <view class="ass_cent flex_a_c_j_sb">
<view class="cent_item">
<!-- <view class="num">{{ oaUserInfo.achievements_money }}</view> -->
<view class="num">1000</view>
<view class="name">绩效考核</view>
</view>
<view class="cent_item">
<!-- <view class="num">{{ oaUserInfo.department_money }}</view> -->
<view class="num">0</view>
<view class="name">部门奖金</view>
</view>
<view class="cent_item" @click="test">
<!-- <view class="num">{{ oaUserInfo.company_money }}</view> -->
<view class="num">0</view>
<view class="name">公司奖金</view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -88,6 +94,46 @@
onShow() {}, onShow() {},
methods: { methods: {
...mapActions(['getWxLogin']), ...mapActions(['getWxLogin']),
test() {
// 获取provider
uni.getProvider({
service: "payment",
success: (e) => {
console.log(e);
e.provider.map((value) => {
switch (value) {
case 'wxpay':
break;
default:
break;
}
})
let obj = {
"appid": "wx499********7c70e", // 微信开放平台 - 应用 - AppId，注意和微信小程序、公众号 AppId 可能不一致
"noncestr": "c5sEwbaNPiXAF3iv", // 随机字符串
"package": "Sign=WXPay", // 固定值
"partnerid": "148*****52", // 微信支付商户号
"prepayid": "wx202254********************fbe90000", // 统一下单订单号
"timestamp": 1597935292, // 时间戳（单位：秒）
"sign": "A842B45937F6EFF60DEC7A2EAA52D5A0" // 签名，这里用的 MD5/RSA 签名
};
uni.requestPayment({
provider: 'wxpay',
orderInfo: obj, //微信、支付宝订单数据,就是上面那个
success: function(res) {
console.log('success:' + JSON.stringify(res));
},
fail: function(err) {
console.log('fail:' + JSON.stringify(err));
}
});
},
fail: (e) => {
console.log(e)
return false;
}
});
},
login() { login() {
// #ifndef H5 || APP // #ifndef H5 || APP
// #endif // #endif
@ -120,13 +166,36 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.my {
.head_box {
position: relative;
width: 100vw;
padding-top: 30rpx;
margin-bottom: 30rpx;
.head_img {
position: absolute;
// z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
}
.my_head { .my_head {
padding: 0 28.07rpx; padding: 0 28.07rpx;
height: 154.39rpx; height: 90.39rpx;
background-color: $theme-oa-color; position: relative;
// z-index: 1;
// top: 20rpx;
// background-color: $theme-oa-color;
// background-image: url('../../static/img/home/head-bg.png');
.department { .department {
padding-top: 38.6rpx; // padding-top: 38.6rpx;
font-size: 31.58rpx; font-size: 31.58rpx;
color: #fff; color: #fff;
@ -137,10 +206,11 @@
} }
.personage { .personage {
position: relative; // position: relative;
padding: 42.11rpx 28.07rpx; padding: 42.11rpx 28.07rpx 28.07rpx 28.07rpx;
border-radius: 12px; border-radius: 12px;
background-color: #fff; // background-color: #fff;
color: #fff;
width: 694.74rpx; width: 694.74rpx;
margin-left: 50%; margin-left: 50%;
transform: translate(-50%, -43.86rpx); transform: translate(-50%, -43.86rpx);
@ -174,7 +244,7 @@
bottom: 0; bottom: 0;
height: 170.18rpx; height: 170.18rpx;
border-radius: 12px; border-radius: 12px;
background-color: $theme-oa-color; background-color: rgba(#fff, 0.18);
.cent_item { .cent_item {
font-size: 24.56rpx; font-size: 24.56rpx;
@ -224,4 +294,4 @@
background: #3274F9; background: #3274F9;
box-shadow: 0px 9px 26px 1px #E9EFF5; box-shadow: 0px 9px 26px 1px #E9EFF5;
} }
</style> </style>

84
static/server/server.js
View File

@ -187,35 +187,65 @@ export const quickLink = [{
] ]
// oaHOme快速入口数据 // oaHOme快速入口数据
export const oaHomeData = [{ export const oaHomeData = [
text: '请假申请', {
text: '公司信息',
icon: prefix + 'oa/qjsq@2x.png', icon: prefix + 'oa/qjsq@2x.png',
url: '/pages/views/leave_request' url: '/pages/views/leave_request'
}, },
{ {
text: '出差申请', text: '人员管理',
icon: prefix + 'oa/ccsq@2x.png' icon: prefix + 'oa/ccsq@2x.png'
}, },
{ {
text: '外出申请', text: '固定资产',
icon: prefix + 'oa/wcsq@2x.png' icon: prefix + 'oa/wcsq@2x.png'
}, },
{ {
text: '采购申请', text: '合同签订',
icon: prefix + 'oa/cgsq@2x.png' icon: prefix + 'oa/cgsq@2x.png'
}, },
{ {
text: '物品维修', text: '公司管理',
icon: prefix + 'oa/bxsq@2x.png' icon: prefix + 'oa/bxsq@2x.png'
}, },
{ {
text: '用章申请', text: '片区经理',
icon: prefix + 'oa/yzsq@2x.png' icon: prefix + 'oa/yzsq@2x.png'
}, },
{ {
text: '报销申请', text: '财务管理',
icon: prefix + 'oa/gengduo@2x.png' icon: prefix + 'oa/gengduo@2x.png'
}, },
// {
// text: 'gong',
// icon: prefix + 'oa/qjsq@2x.png',
// url: '/pages/views/leave_request'
// },
// {
// text: '出差申请',
// icon: prefix + 'oa/ccsq@2x.png'
// },
// {
// text: '外出申请',
// icon: prefix + 'oa/wcsq@2x.png'
// },
// {
// text: '采购申请',
// icon: prefix + 'oa/cgsq@2x.png'
// },
// {
// text: '物品维修',
// icon: prefix + 'oa/bxsq@2x.png'
// },
// {
// text: '用章申请',
// icon: prefix + 'oa/yzsq@2x.png'
// },
// {
// text: '报销申请',
// icon: prefix + 'oa/gengduo@2x.png'
// },
{ {
text: '更多', text: '更多',
icon: prefix + 'oa/wpwx@2x.png', icon: prefix + 'oa/wpwx@2x.png',
@ -319,24 +349,40 @@ export const appDataList = [{
/** /**
* oa-个人中心 * oa-个人中心
*/ */
export const myOaData = [{ export const myOaData = [
name: '工资详情', {
name: '流水详情',
icon: 'custom-icongongzi', icon: 'custom-icongongzi',
url: '/pages/views/personal_center_two' url: '/pages/views/personal_center_two'
}, },
{ {
name: '公示文档', name: '管理后台',
icon: 'custom-iconwendang', icon: 'custom-icongongzi',
url: '/pages/views/public_document' url: '/pages/views/personal_center_two'
}, },
{ {
name: '绑定公众号', name: '片区经理',
icon: 'custom-iconweixin' icon: 'custom-icongongzi',
url: '/pages/views/personal_center_two'
}, },
{ // {
name: '意见反馈', // name: '工资详情',
icon: 'custom-iconyijian' // icon: 'custom-icongongzi',
} // url: '/pages/views/personal_center_two'
// },
// {
// name: '公示文档',
// icon: 'custom-iconwendang',
// url: '/pages/views/public_document'
// },
// {
// name: '绑定公众号',
// icon: 'custom-iconweixin'
// },
// {
// name: '意见反馈',
// icon: 'custom-iconyijian'
// }
] ]
/* /*
oa-请假类型 oa-请假类型