封装任务卡片组件

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

View File

@ -1,86 +1,93 @@
{
"name": "nk-oa",
"appid": "__UNI__7F12D2D",
"description": "",
"versionName": "1.0.0",
"versionCode": "100",
"transformPx": false,
/* 5+App */
"app-plus": {
"usingComponents": true,
"nvueStyleCompiler": "uni-app",
"compilerVersion": 3,
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
/* */
"modules": {},
/* */
"distribute": {
/* android */
"android": {
"permissions": [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
/* ios */
"ios": {},
/* SDK */
"sdkConfigs": {}
}
},
/* */
"quickapp": {},
"h5": {
"devServer": {
"proxy": {
"baseUrlTest/api": {
"target": "https://worker-task.lihaink.cn",
"changeOrigin": true,
"pathRewrite": {
"^/baseUrlTest/api": "/api"
}
"name" : "nk-oa",
"appid" : "__UNI__7F12D2D",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
/* 5+App */
"app-plus" : {
"usingComponents" : true,
"nvueStyleCompiler" : "uni-app",
"compilerVersion" : 3,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : true,
"autoclose" : true,
"delay" : 0
},
/* */
"modules" : {},
/* */
"distribute" : {
/* android */
"android" : {
"permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
]
},
/* ios */
"ios" : {},
/* SDK */
"sdkConfigs" : {
"payment" : {
"weixin" : {
"__platform__" : [ "ios", "android" ],
"appid" : "",
"UniversalLinks" : ""
}
}
}
}
}
}
},
/* */
"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"
}
/* */
"quickapp" : {},
"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
},
"mp-alipay" : {
"usingComponents" : true
},
"mp-baidu" : {
"usingComponents" : true
},
"mp-toutiao" : {
"usingComponents" : true
},
"uniStatistics" : {
"enable" : false
},
"vueVersion" : "2"
}

View File

@ -1,44 +1,50 @@
<template>
<view class="">
<view class="my_head">
<view class="department flex_a_c">
<view class="section">产品技术部</view>
<view class="" @click="login">去登陆</view>
</view>
</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 class="my">
<view class="head_box">
<image class="head_img" src="../../static/img/home/head-bg.png"></image>
<view v-if="!oaUserInfo" class="my_head">
<view class="department flex_a_c">
<view class="section">产品技术部</view>
<view class="" @click="login">去登陆</view>
</view>
</view>
<view class="assess">
<view class="ass_cent flex_a_c_j_sb">
<view class="cent_item">
<view class="num">{{ oaUserInfo.achievements_money }}</view>
<view class="name">绩效考核</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="cent_item">
<view class="num">{{ oaUserInfo.department_money }}</view>
<view class="name">部门奖金</view>
<view class="compile" @click="alterMyInfo">
<view class="iconfont icon-bianji"></view>
<view class="">编辑</view>
</view>
<view class="cent_item">
<view class="num">{{ oaUserInfo.company_money }}</view>
<view class="name">公司奖金</view>
</view>
<view class="assess">
<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>
@ -88,6 +94,46 @@
onShow() {},
methods: {
...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() {
// #ifndef H5 || APP
// #endif
@ -120,13 +166,36 @@
</script>
<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 {
padding: 0 28.07rpx;
height: 154.39rpx;
background-color: $theme-oa-color;
height: 90.39rpx;
position: relative;
// z-index: 1;
// top: 20rpx;
// background-color: $theme-oa-color;
// background-image: url('../../static/img/home/head-bg.png');
.department {
padding-top: 38.6rpx;
// padding-top: 38.6rpx;
font-size: 31.58rpx;
color: #fff;
@ -137,10 +206,11 @@
}
.personage {
position: relative;
padding: 42.11rpx 28.07rpx;
// position: relative;
padding: 42.11rpx 28.07rpx 28.07rpx 28.07rpx;
border-radius: 12px;
background-color: #fff;
// background-color: #fff;
color: #fff;
width: 694.74rpx;
margin-left: 50%;
transform: translate(-50%, -43.86rpx);
@ -174,7 +244,7 @@
bottom: 0;
height: 170.18rpx;
border-radius: 12px;
background-color: $theme-oa-color;
background-color: rgba(#fff, 0.18);
.cent_item {
font-size: 24.56rpx;
@ -224,4 +294,4 @@
background: #3274F9;
box-shadow: 0px 9px 26px 1px #E9EFF5;
}
</style>
</style>

View File

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