封装任务卡片组件

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

@ -43,12 +43,19 @@
/* ios */
"ios" : {},
/* SDK */
"sdkConfigs": {}
"sdkConfigs" : {
"payment" : {
"weixin" : {
"__platform__" : [ "ios", "android" ],
"appid" : "",
"UniversalLinks" : ""
}
}
}
}
},
/* */
"quickapp" : {},
"h5" : {
"devServer" : {
"proxy" : {

View File

@ -1,6 +1,8 @@
<template>
<view class="">
<view class="my_head">
<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>
@ -29,20 +31,24 @@
<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">{{ 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">{{ oaUserInfo.department_money }}</view> -->
<view class="num">0</view>
<view class="name">部门奖金</view>
</view>
<view class="cent_item">
<view class="num">{{ oaUserInfo.company_money }}</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 class="other_guide">
<block v-for="(item,i) in myOaData" :key="i">
<view class="other_item flex_a_c_j_sb" @click="naviTo(item.url)">
@ -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;

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-请假类型