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

页面样式修改

Browse Source
This commit is contained in:
THK3121 2023-08-19 16:39:16 +08:00
parent 3684c3a7ce
commit 281b61a609
11 changed files with 3367 additions and 3059 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
App.vue
View File

@ -1,60 +1,80 @@
<script> <script>
//#ifdef APP-PLUS //#ifdef APP-PLUS
const jpushModule = uni.requireNativePlugin("JG-JPush"); const jpushModule = uni.requireNativePlugin("JG-JPush");
// #endif // #endif
export default { export default {
onLaunch: async function () { onLaunch: async function() {
const audioContext = uni.createInnerAudioContext()
// 设置音频文件地址
audioContext.src = './static/mp3/order.mp3'
let noticeArr = []
// 播放音频
//#ifdef APP-PLUS
jpushModule.addNotificationListener(res => {
if (!noticeArr.includes(res.messageID)) {
console.log(res.messageID)
audioContext.play()
noticeArr.push(res.messageID)
uni.vibrateLong({
success: function() {
console.log('success');
}
});
}
console.log('App Launch')
try {
if (!this.$store.state.app.token) uni.redirectTo({
url: '/pages/oaLogin/oaLogin'
})
} catch (e) {
uni.redirectTo({
url: '/pages/oaLogin/oaLogin'
})
}
// jpushModule.initJPushService() })
// const audioContext = uni.createInnerAudioContext() // #endif
// audioContext.src = './static/mp3/order.mp3' console.log('App Launch')
// let ida = [0] try {
// jpushModule.addNotificationListener(function (result) { if (!this.$store.state.app.token) uni.redirectTo({
// if (!ida.includes(result.messageID)) { url: '/pages/oaLogin/oaLogin'
// audioContext.play() })
// } } catch (e) {
// ida.push(result.messageID) uni.redirectTo({
// }) url: '/pages/oaLogin/oaLogin'
}, })
onShow: function () { }
console.log('App Show')
// 创建内部音频对象
const audioContext = uni.createInnerAudioContext()
// 设置音频文件地址 // jpushModule.initJPushService()
audioContext.src = './static/mp3/order.mp3' // const audioContext = uni.createInnerAudioContext()
// audioContext.src = './static/mp3/order.mp3'
// let ida = [0]
// jpushModule.addNotificationListener(function (result) {
// if (!ida.includes(result.messageID)) {
// audioContext.play()
// }
// ida.push(result.messageID)
// })
},
onShow: function() {
console.log('App Show')
// 创建内部音频对象
// const audioContext = uni.createInnerAudioContext()
// 播放音频 // // 设置音频文件地址
//#ifdef APP-PLUS // audioContext.src = './static/mp3/order.mp3'
jpushModule.addNotificationListener(res => {
console.log("监听成功") // // 播放音频
audioContext.play() // //#ifdef APP-PLUS
}) // jpushModule.addNotificationListener(res => {
// #endif // console.log("监听成功")
}, // audioContext.play()
onHide: function () { // })
console.log('App Hide') // // #endif
} },
} onHide: function() {
console.log('App Hide')
}
}
</script> </script>
<style> <style>
/*每个页面公共css */ /*每个页面公共css */
@import "static/css/base.css"; @import "static/css/base.css";
@import "static/css/style.scss"; @import "static/css/style.scss";
view { view {
box-sizing: border-box; box-sizing: border-box;
} }
</style> </style>

797
components/company/company.vue
View File

@ -1,15 +1,9 @@
<template> <template>
<view> <view>
<view class="item"> <view class="item">
<u-skeleton <u-skeleton :loading="skeleton" :animate="true" title rows="1" rows-width="100%"
:loading="skeleton" rowsHeight="56"></u-skeleton>
:animate="true" <!-- <block v-if="!skeleton">
title
rows="1"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<!-- <block v-if="!skeleton">
<view class="title">公司基本信息</view> <view class="title">公司基本信息</view>
<view class="card"> <view class="card">
<view class="top"> <view class="top">
@ -75,7 +69,7 @@
</view> </view>
<view class="" @click="copyPhone(company.master_email, '社会代码')"> <view class="" @click="copyPhone(company.master_email, '社会代码')">
<text>担任职务 :</text> <text>担任职务 :</text>
<text>{{company.organization_code}}</text> <text>{{company.master_position}}</text>
</view> </view>
<view class="" @click="copyPhone(company.master_email, '电话')"> <view class="" @click="copyPhone(company.master_email, '电话')">
<text>联系电话 :</text> <text>联系电话 :</text>
@ -321,193 +315,193 @@
</template> </template>
<script> <script>
import { import {
contractView contractView
} from "@/api/contract.js" } from "@/api/contract.js"
import { import {
companyView companyView
} from "@/api/company.js" } from "@/api/company.js"
import { import {
download_file download_file
} from "@/api/junziqian.js" } from "@/api/junziqian.js"
import { import {
Toast Toast
} from '@/libs/uniApi.js' } from '@/libs/uniApi.js'
export default { export default {
name: "company", name: "company",
data () { data() {
return { return {
skeleton: true, skeleton: true,
company: { company: {
qualification: { qualification: {
bank_account: "", bank_account: "",
bank_accountB: "", bank_accountB: "",
business_license: "", business_license: "",
business_licenseB: "", business_licenseB: "",
}, },
}, },
contract: {}, contract: {},
users: [], users: [],
current: 1 current: 1
} }
}, },
props: ['id', 'type'], props: ['id', 'type'],
mounted () { mounted() {
this.initContract(this.$props.id, this.$props.type || null); this.initContract(this.$props.id, this.$props.type || null);
}, },
computed: { computed: {
c_address () { c_address() {
let str = ''; let str = '';
if (this.company.company_type == 16) { if (this.company.company_type == 16) {
this.company?.province_name ? str += this.company?.province_name : null; this.company?.province_name ? str += this.company?.province_name : null;
this.company?.city_name ? str += this.company?.city_name : null; this.company?.city_name ? str += this.company?.city_name : null;
this.company?.area_name ? str += this.company?.area_name : null; this.company?.area_name ? str += this.company?.area_name : null;
this.company?.street_name ? str += this.company?.street_name : null; this.company?.street_name ? str += this.company?.street_name : null;
} else { } else {
this.company?.street_name ? str += this.company?.street_name : null; this.company?.street_name ? str += this.company?.street_name : null;
this.company?.village_name ? str += this.company?.village_name : null; this.company?.village_name ? str += this.company?.village_name : null;
this.company?.brigade_name ? str += this.company?.brigade_name : null; this.company?.brigade_name ? str += this.company?.brigade_name : null;
} }
return str; return str;
} }
}, },
methods: { methods: {
navTo (contract_no) { navTo(contract_no) {
download_file({ download_file({
applyNo: contract_no applyNo: contract_no
}).then(res => { }).then(res => {
if (res.code != 1) { if (res.code != 1) {
Toast(res.msg) Toast(res.msg)
} }
uni.navigateTo({ uni.navigateTo({
url: `/subpkg/pdfView/pdfView?url=${res.data.url}` url: `/subpkg/pdfView/pdfView?url=${res.data.url}`
}) })
}) })
}, },
naviBack () { naviBack() {
uni.navigateBack() uni.navigateBack()
}, },
async initContract (id, type = "contract") { async initContract(id, type = "contract") {
let res; let res;
//判断是合同还是公司 //判断是合同还是公司
if (id && (type == "contract" || type == null)) { if (id && (type == "contract" || type == null)) {
res = await contractView({ res = await contractView({
id id
}); });
} else { } else {
if (id > 0) { if (id > 0) {
res = await companyView({ res = await companyView({
id id
}); });
} else { } else {
res = await companyView(); res = await companyView();
} }
} }
this.company = res.data.company; this.company = res.data.company;
uni.$emit('companyInfo', this.company); //发送全局事件 uni.$emit('companyInfo', this.company); //发送全局事件
this.user = res.data.user; this.user = res.data.user;
this.contract = res.data.contract; this.contract = res.data.contract;
this.skeleton = false; this.skeleton = false;
// console.log(res.data); // console.log(res.data);
}, },
//查看图片 //查看图片
priview (url) { priview(url) {
uni.previewImage({ uni.previewImage({
urls: [url], urls: [url],
longPressActions: { longPressActions: {
itemList: ['保存图片'], itemList: ['保存图片'],
success: function (data) { success: function(data) {
if (data.tapIndex === 0) { if (data.tapIndex === 0) {
uni.saveImageToPhotosAlbum({ uni.saveImageToPhotosAlbum({
filePath: url, filePath: url,
success: function () { success: function() {
uni.showToast({ uni.showToast({
title: '保存成功', title: '保存成功',
icon: 'success' icon: 'success'
}) })
}, },
fail: function () { fail: function() {
uni.showToast({ uni.showToast({
title: '保存失败', title: '保存失败',
icon: 'none' icon: 'none'
}) })
} }
}) })
} }
} }
} }
}) })
}, },
copyPhone (str = "", type = "号码") { copyPhone(str = "", type = "号码") {
if (str) uni.setClipboardData({ if (str) uni.setClipboardData({
data: str + "", data: str + "",
success: (e) => { success: (e) => {
Toast(type + '已复制') Toast(type + '已复制')
}, },
fail: (e) => { fail: (e) => {
Toast('复制失败') Toast('复制失败')
} }
}) })
} }
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.personnel_list { .personnel_list {
padding: 28rpx 0; padding: 28rpx 0;
.cards { .cards {
margin: 0 auto; margin: 0 auto;
margin-bottom: 28rpx; margin-bottom: 28rpx;
width: 694rpx; width: 694rpx;
background: #ffffff; background: #ffffff;
border-radius: 30rpx; border-radius: 30rpx;
opacity: 1; opacity: 1;
overflow: hidden; overflow: hidden;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
.cards_head { .cards_head {
padding: 28rpx; padding: 28rpx;
background-color: $theme-oa-color; background-color: $theme-oa-color;
color: white; color: white;
height: 100rpx; height: 100rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.cards_content { .cards_content {
padding: 28rpx; padding: 28rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.left { .left {
text-align: center; text-align: center;
// padding: 15rpx 25rpx; // padding: 15rpx 25rpx;
padding-top: 20rpx; padding-top: 20rpx;
width: 160rpx; width: 160rpx;
background-color: $theme-oa-color; background-color: $theme-oa-color;
color: white; color: white;
border-radius: 40rpx; border-radius: 40rpx;
.cir { .cir {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
background-color: #ffffff; background-color: #ffffff;
margin-left: 25rpx; margin-left: 25rpx;
border-radius: 120rpx; border-radius: 120rpx;
position: relative; position: relative;
} }
} }
.right { .right {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
view { view {
margin-bottom: 10rpx; margin-bottom: 10rpx;
@ -520,10 +514,10 @@ export default {
} }
} }
.u_avatar { .u_avatar {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
@ -599,232 +593,233 @@ export default {
padding-top: 0; padding-top: 0;
&:nth-child(1) { &:nth-child(1) {
padding-top: 32rpx; padding-top: 32rpx;
}
.title {
margin-bottom: 21rpx;
font-size: 35rpx;
font-weight: 500;
color: #333333;
display: flex;
justify-content: space-between;
}
.card {
width: 694rpx;
// height: 231rpx;
padding: 28rpx;
background: #ffffff;
border-radius: 14rpx 14rpx 14rpx 14rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
.top {
display: flex;
justify-content: space-between;
.left {
display: flex;
align-items: center;
image {
flex-shrink: 0;
width: 142rpx;
height: 142rpx;
margin-right: 28rpx;
background: #cccccc;
border-radius: 14rpx 14rpx 14rpx 14rpx;
opacity: 1;
}
.text {
display: flex;
flex-direction: column;
justify-content: space-between;
.name {
font-size: 32rpx;
font-weight: 500;
color: rgba(0, 0, 0, 0.8);
}
.code {
font-size: 28rpx;
font-weight: 400;
color: #666666;
}
}
}
.right {
font-size: 28rpx;
font-weight: 500;
color: $theme-oa-color;
}
}
.bottom {
display: flex;
align-items: center;
color: #666666ff;
margin-top: 32rpx;
.left {
display: flex;
align-items: center;
flex-shrink: 0;
.location {
margin-left: 5rpx;
margin-right: 5rpx;
}
}
}
.one {
margin-top: 32rpx;
&:nth-child(1) {
margin-top: 0;
}
.linkman {
// height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
margin-bottom: 28rpx;
display: flex;
align-items: center;
}
.info {
font-size: 28rpx;
font-weight: 400;
color: #666666;
line-height: 45rpx;
}
}
.contract {
display: flex;
justify-content: space-between;
} }
.title {
margin-bottom: 21rpx;
font-size: 35rpx;
font-weight: 500;
color: #333333;
display: flex;
justify-content: space-between;
}
.card {
width: 694rpx;
// height: 231rpx;
padding: 28rpx;
background: #ffffff;
border-radius: 14rpx 14rpx 14rpx 14rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
.top {
display: flex;
justify-content: space-between;
.left {
display: flex;
align-items: center;
image {
flex-shrink: 0;
width: 142rpx;
height: 142rpx;
margin-right: 28rpx;
background: #cccccc;
border-radius: 14rpx 14rpx 14rpx 14rpx;
opacity: 1;
}
.text {
display: flex;
flex-direction: column;
justify-content: space-between;
.name {
font-size: 32rpx;
font-weight: 500;
color: rgba(0, 0, 0, 0.8);
}
.code {
font-size: 28rpx;
font-weight: 400;
color: #666666;
}
}
}
.right {
font-size: 28rpx;
font-weight: 500;
color: $theme-oa-color;
}
}
.bottom {
display: flex;
align-items: center;
color: #666666ff;
margin-top: 32rpx;
.left {
display: flex;
align-items: center;
flex-shrink: 0;
.location {
margin-left: 5rpx;
margin-right: 5rpx;
}
}
}
.one {
margin-top: 32rpx;
&:nth-child(1) {
margin-top: 0;
}
.linkman {
// height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;
margin-bottom: 28rpx;
display: flex;
align-items: center;
}
.info {
font-size: 28rpx;
font-weight: 400;
color: #666666;
line-height: 45rpx;
}
}
.contract {
display: flex;
justify-content: space-between;
}
.image_box {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
padding: 28rpx;
.left {
display: flex;
.contract_img {
width: 102rpx;
height: 102rpx;
background: #f5f5f5;
border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-right: 21rpx;
}
.text {
display: flex;
flex-direction: column;
justify-content: space-between;
.name {
font-size: 32rpx;
font-weight: 500;
color: rgba(0, 0, 0, 0.8);
line-height: 35rpx;
}
.nickname {
margin-right: 35rpx;
}
text {
height: 39rpx;
font-size: 28rpx;
font-weight: 400;
color: #666666;
line-height: 35rpx;
}
}
}
.right {
font-size: 28rpx;
font-weight: 500;
color: $theme-oa-color;
line-height: 35rpx;
display: flex;
justify-content: center;
align-items: center;
.icon {
width: 35rpx;
height: 39rpx;
background-color: $theme-oa-color;
opacity: 1;
margin-right: 10rpx;
}
}
}
}
.image_box { .image_box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 28rpx; padding: 28rpx;
.left {
display: flex;
.contract_img { .image {
width: 102rpx; border-radius: 20rpx;
height: 102rpx; overflow: hidden;
background: #f5f5f5; margin-bottom: 28rpx;
border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-right: 21rpx;
}
.text { image {
display: flex; width: 650rpx;
flex-direction: column; height: 455rpx;
justify-content: space-between; background-color: #7f7f7f;
}
}
}
}
.name { .back_btn {
font-size: 32rpx; width: 694rpx;
font-weight: 500; height: 84rpx;
color: rgba(0, 0, 0, 0.8); background: $theme-oa-color;
line-height: 35rpx; border-radius: 42rpx 42rpx 42rpx 42rpx;
} display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin: 30rpx auto;
}
.nickname { .stop_btn {
margin-right: 35rpx; width: 694rpx;
} height: 84rpx;
border-radius: 42rpx 42rpx 42rpx 42rpx;
text { display: flex;
height: 39rpx; justify-content: center;
font-size: 28rpx; align-items: center;
font-weight: 400; color: $theme-oa-color;
color: #666666; background-color: transparent;
line-height: 35rpx; margin: 30rpx auto;
} }
}
}
.right {
font-size: 28rpx;
font-weight: 500;
color: $theme-oa-color;
line-height: 35rpx;
display: flex;
justify-content: center;
align-items: center;
.icon {
width: 35rpx;
height: 39rpx;
background-color: $theme-oa-color;
opacity: 1;
margin-right: 10rpx;
}
}
}
}
.image_box {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
padding: 28rpx;
.image {
border-radius: 20rpx;
overflow: hidden;
margin-bottom: 28rpx;
image {
width: 650rpx;
height: 455rpx;
background-color: #7f7f7f;
}
}
}
}
.back_btn {
width: 694rpx;
height: 84rpx;
background: $theme-oa-color;
border-radius: 42rpx 42rpx 42rpx 42rpx;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin: 30rpx auto;
}
.stop_btn {
width: 694rpx;
height: 84rpx;
border-radius: 42rpx 42rpx 42rpx 42rpx;
display: flex;
justify-content: center;
align-items: center;
color: $theme-oa-color;
background-color: transparent;
margin: 30rpx auto;
}
</style> </style>

516
components/companyFinance/companyFinance.vue
View File

@ -1,271 +1,291 @@
<template> <template>
<view class="c_card"> <view class="c_card">
<view class="f_card"> <view class="f_card">
<view class="item" @click="navTo('/subpkg/topUp/topUp')"> <view class="item" @click="navTo('/subpkg/topUp/topUp')">
<view>公司账户余额(元)</view> <view>公司账户余额(元)</view>
<view class="price" v-if="company.deposit">{{cCount(+company.deposit)}}</view> <view class="price" v-if="company.deposit">{{cCount(+company.deposit)}}</view>
<view class="price" v-else>0.00</view> <view class="price" v-else>0.00</view>
</view> </view>
<view class="item" @click="navTo('/subpkg/withdrawDeposit/withdrawDeposit')"> <view class="item" @click="navTo('/subpkg/withdrawDeposit/withdrawDeposit')">
<view>公司收益金额(元)</view> <view>公司收益金额(元)</view>
<view class="price" v-if="company.company_money">{{cCount(+company.company_money)}}</view> <view class="price" v-if="company.company_money">{{cCount(+company.company_money)}}</view>
<view class="price" v-else>0.00</view> <view class="price" v-else>0.00</view>
</view> </view>
</view> </view>
<view class="f_nav"> <view class="f_nav">
<view class="title">账单流水</view> <view class="title">账单流水</view>
<view class="right"> <view class="right">
<view class="btn" :class="current==0?'active':''" @click="current=0;initLoad()">今日账单</view> <!-- <u-tabs :list="[{
<!-- <view class="btn" :class="current==1?'active':''" @click="current=1;initLoad()">月账单</view> --> name: '日账单',
<view class="btn" @click="navTo('/subpkg/companyFinance/companyFinance')">更多</view> }, {
</view> name: '月账单'
</view> }]" @click="changeCurrent" lineColor='#0122C7' :scrollable="false" lineWidth='40' inactiveStyle='color:black'
<view class="f_list"> activeStyle="color:#0122C7"></u-tabs> -->
<view class="item" v-for="(item, index) in list" :key="index"> <view class="btn" :class="current==0?'active':''" @click="current=0;initLoad()">今日账单</view>
<view class="top"> <view class="btn" :class="current==0?'active':''" @click="current=0;initLoad()">月账单</view>
账单日期: {{current?item.month:item.create_time}} <!-- <view class="btn" :class="current==1?'active':''" @click="current=1;initLoad()">月账单</view> -->
</view> <view class="btn" @click="navTo('/subpkg/companyFinance/companyFinance')">更多</view>
<view class="bottom"> </view>
<view class="text"> </view>
<view class="t_item" v-if="current==0"> <view class="f_list">
<view class="t_title">任务名称：</view> <view class="item" v-for="(item, index) in list" :key="index">
<view class="tips">{{item.remark}}</view> <view class="top">
</view> 账单日期: {{current?item.month:item.create_time}}
<view class="t_item"> </view>
<view class="t_title">金额归属：</view> <view class="bottom">
<view class="tips"><text v-if="item.userInfo">{{item.userInfo.nickname}}</text></view> <view class="text">
</view> <view class="t_item" v-if="current==0">
<view class="t_item"> <view class="t_title">任务名称：</view>
<view class="t_title">收益来源：</view> <view class="tips">{{item.remark}}</view>
<view class="tips"> </view>
<!-- {{current?item.remark:item.type_desc}} --> <view class="t_item">
<text v-if="item.change_type==202" style="color: #46be61;">{{item.type_desc}}</text> <view class="t_title">金额归属：</view>
<text v-else-if="item.change_type==203" style="color: #ff7c32;">{{item.type_desc}}</text> <view class="tips"><text v-if="item.userInfo">{{item.userInfo.nickname}}</text></view>
<text v-else="item.change_type==203">{{item.type_desc}}</text> </view>
</view> <view class="t_item">
</view> <view class="t_title">收益来源：</view>
</view> <view class="tips">
<view class="price">{{current?(item.expenditure==0?'+'+item.income:'-'+item.income):item.change_amount_desc}}</view> <!-- {{current?item.remark:item.type_desc}} -->
</view> <text v-if="item.change_type==202" style="color: #46be61;">{{item.type_desc}}</text>
</view> <text v-else-if="item.change_type==203"
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText" :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" /> style="color: #ff7c32;">{{item.type_desc}}</text>
</view> <text v-else="item.change_type==203">{{item.type_desc}}</text>
</view> </view>
</view>
</view>
<view class="price">
{{current?(item.expenditure==0?'+'+item.income:'-'+item.income):item.change_amount_desc}}
</view>
</view>
</view>
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
</view>
</view>
</template> </template>
<script> <script>
import { accountMonthList, accountDateList } from "@/api/company.js" import {
import { Toast } from "../../libs/uniApi"; accountMonthList,
export default { accountDateList
name: "companyFinance", } from "@/api/company.js"
data() { import {
return { Toast
current: 0, } from "../../libs/uniApi";
list: [], export default {
company:{ name: "companyFinance",
company_money: "0", data() {
deposit: "0" return {
}, current: 0,
loadConfig:{ list: [],
page: 1, company: {
limit: 15, company_money: "0",
lastpage: '', deposit: "0"
loadingText: '努力加载中', },
loadmoreText: '轻轻上拉', loadConfig: {
nomoreText: '没有更多账单了~~', page: 1,
status: 'loadmore' limit: 15,
}, lastpage: '',
}; loadingText: '努力加载中',
}, loadmoreText: '轻轻上拉',
mounted() { nomoreText: '没有更多账单了~~',
uni.$on('companyInfo', (e)=>{ status: 'loadmore'
this.company = e; },
console.log(this.company); };
this.initLoad(); },
}) mounted() {
}, uni.$on('companyInfo', (e) => {
methods:{ this.company = e;
navTo(url) { console.log(this.company);
url ? this.initLoad();
uni.navigateTo({ })
url: url, },
}) : Toast('暂未开放') methods: {
}, navTo(url) {
initLoad(){ url ?
this.loadConfig.page = 1; uni.navigateTo({
this.loadConfig.status = "loadmore"; url: url,
this.list = []; }) : Toast('暂未开放')
this.initList(); },
}, initLoad() {
async initList(){ this.loadConfig.page = 1;
if(this.loadConfig.status=="nomore")return; this.loadConfig.status = "loadmore";
this.loadConfig.status="loading"; this.list = [];
let res; this.initList();
if(this.current==0) res = await accountDateList({ },
page: this.loadConfig.page, async initList() {
limit: this.loadConfig.limit, if (this.loadConfig.status == "nomore") return;
company_id: this.$store.state.app.userInfo.company_id this.loadConfig.status = "loading";
}) let res;
else res = await accountMonthList({ if (this.current == 0) res = await accountDateList({
page: this.loadConfig.page, page: this.loadConfig.page,
limit: this.loadConfig.limit, limit: this.loadConfig.limit,
company_id: this.$store.state.app.userInfo.company_id company_id: this.$store.state.app.userInfo.company_id
}) })
this.loadConfig.status="loadmore" else res = await accountMonthList({
if(res.data.length<this.loadConfig.limit){ page: this.loadConfig.page,
this.loadConfig.status="nomore" limit: this.loadConfig.limit,
}else { company_id: this.$store.state.app.userInfo.company_id
this.loadConfig.page++; })
} this.loadConfig.status = "loadmore"
this.list = [...this.list, ...res.data] if (res.data.length < this.loadConfig.limit) {
}, this.loadConfig.status = "nomore"
// 格式化数据 } else {
cCount(value=0){ this.loadConfig.page++;
try{ }
return value.toFixed(2); this.list = [...this.list, ...res.data]
}catch(e){ },
return "0.00"; // 格式化数据
} cCount(value = 0) {
} try {
} return value.toFixed(2);
} } catch (e) {
return "0.00";
}
}
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
.c_card { .c_card {
padding-top: 28rpx; padding-top: 28rpx;
.f_card { .f_card {
margin: 0 auto; margin: 0 auto;
width: 694rpx; width: 694rpx;
height: 158rpx; height: 158rpx;
background: #3175F9; background: $theme-oa-color;
border-radius: 18rpx 18rpx 18rpx 18rpx; border-radius: 18rpx 18rpx 18rpx 18rpx;
opacity: 1; opacity: 1;
padding: 28rpx; padding: 28rpx;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
color: #fff; color: #fff;
text-align: center; text-align: center;
.item { .item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
font-size: 28rpx; font-size: 28rpx;
flex: 1; flex: 1;
&:nth-child(1) { &:nth-child(1) {
border-right: 1px solid #fff; border-right: 1px solid #fff;
} }
.price { .price {
font-size: 49rpx; font-size: 49rpx;
font-weight: 500; font-weight: 500;
} }
} }
} }
.f_nav { .f_nav {
margin: 28rpx; margin: 28rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
.title { .title {
font-size: 32rpx; font-size: 32rpx;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;
display: flex; display: flex;
align-items: center; align-items: center;
&:before { &:before {
content: ""; content: "";
width: 6rpx; width: 6rpx;
height: 26rpx; height: 26rpx;
border-radius: 10rpx; border-radius: 10rpx;
margin-right: 10rpx; margin-right: 10rpx;
display: inline-block; display: inline-block;
background-color: #3175F9; background-color: #3175F9;
} }
} }
.right { .right {
display: flex; display: flex;
.btn { .btn {
margin-left: 28rpx; margin-left: 28rpx;
} }
.active { .active {
color: #3175F9; color: #3175F9;
} }
} }
} }
.f_list { .f_list {
.item { .item {
margin: 0 auto; margin: 0 auto;
margin-bottom: 28rpx; margin-bottom: 28rpx;
width: 694rpx; width: 694rpx;
// height: 238rpx; // height: 238rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx; border-radius: 14rpx 14rpx 14rpx 14rpx;
opacity: 1; opacity: 1;
padding: 28rpx; padding: 28rpx;
.top { .top {
margin-bottom: 28rpx; margin-bottom: 28rpx;
font-size: 25rpx; font-size: 25rpx;
font-family: PingFang SC-Regular, PingFang SC; font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
&:before { &:before {
display: inline-block; display: inline-block;
content: '账单详情'; content: '账单详情';
width: 137rpx; width: 137rpx;
height: 49rpx; height: 49rpx;
line-height: 49rpx; line-height: 49rpx;
text-align: center; text-align: center;
background: #3274F9; background: #3274F9;
border-radius: 26rpx 26rpx 26rpx 26rpx; border-radius: 26rpx 26rpx 26rpx 26rpx;
color: #fff; color: #fff;
margin-right: 28rpx; margin-right: 28rpx;
} }
} }
.bottom { .bottom {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.text { .text {
font-size: 25rpx; font-size: 25rpx;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
line-height: 39rpx; line-height: 39rpx;
.t_item{
display: flex; .t_item {
.t_title{ display: flex;
margin-bottom: 16rpx;
flex-shrink: 0 !important; .t_title {
} margin-bottom: 16rpx;
.tips{ flex-shrink: 0 !important;
font-size: 28rpx; }
font-weight: 400;
color: #333333; .tips {
} font-size: 28rpx;
} font-weight: 400;
} color: #333333;
.price{ }
display: flex; }
align-items: center; }
font-size: 32rpx;
font-weight: 500; .price {
color: #F02828; display: flex;
} align-items: center;
} font-size: 32rpx;
} font-weight: 500;
} color: #F02828;
} }
}
}
}
}
</style> </style>

2
pages.json
View File

@ -238,7 +238,7 @@
"style": { "style": {
"navigationBarTitleText": "合同管理", "navigationBarTitleText": "合同管理",
"enablePullDownRefresh": true, "enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#0122C7", "navigationBarBackgroundColor": "#0022C7",
"navigationBarTextStyle": "white" "navigationBarTextStyle": "white"
} }

1345
pages/oaHome/oaHome.vue
View File

File diff suppressed because it is too large Load Diff

595
pages/oaMy/oaMy.vue
View File

@ -1,333 +1,332 @@
<template> <template>
<view class="my"> <view class="my">
<view class="head_box"> <view class="head_box">
<!-- <image class="head_img" src="../../static/img/home/head-bg.png"></image> --> <!-- <image class="head_img" src="../../static/img/home/head-bg.png"></image> -->
<!-- #ifdef APP-PLUS||H5 --> <!-- #ifdef APP-PLUS||H5 -->
<view style="height: var(--status-bar-height);"></view> <view style="height: var(--status-bar-height);"></view>
<view style="height: 100rpx"></view> <view style="height: 100rpx"></view>
<!-- #endif --> <!-- #endif -->
<view class="personage"> <view class="personage">
<view class="my_msg flex_a_c_j_sb"> <view class="my_msg flex_a_c_j_sb">
<view class="flex_a_c"> <view class="flex_a_c">
<u--image :showLoading="true" :src="oaUserInfo.avatar||'../../static/img/public/avatar.png'" <u--image :showLoading="true" :src="oaUserInfo.avatar||'../../static/img/public/avatar.png'"
width="130.28rpx" height="130.28rpx" shape="circle"> width="130.28rpx" height="130.28rpx" shape="circle">
</u--image> </u--image>
<view v-if="!$store.state.app.token" @click="login" class="name_work"> <view v-if="!$store.state.app.token" @click="login" class="name_work">
<view class="name"> <view class="name">
<text class="nickname">立即登录</text> <text class="nickname">立即登录</text>
</view> </view>
<view class="work"> <view class="work">
登录后可查看更多 登录后可查看更多
</view> </view>
</view> </view>
<view v-else class="name_work"> <view v-else class="name_work">
<view class="name"> <view class="name">
<text class="nickname">姓名:{{ oaUserInfo.nickname }}</text> <text class="nickname">姓名:{{ oaUserInfo.nickname }}</text>
（{{ oaUserInfo.admin_id?'超级管理员':'普通用户'}}） （{{ oaUserInfo.admin_id?'超级管理员':'普通用户'}}）
<!-- <text class="omit" v-if="oaUserInfo.admin.company">所属公司:{{ oaUserInfo.admin.company.company_name }}</text> --> <!-- <text class="omit" v-if="oaUserInfo.admin.company">所属公司:{{ oaUserInfo.admin.company.company_name }}</text> -->
</view> </view>
<view class="work"> <view class="work">
电话:{{oaUserInfo.account}}<br /> 电话:{{oaUserInfo.account}}<br />
公司:<text v-if="oaUserInfo.company">{{ oaUserInfo.company.company_name }}</text><br/> 公司:<text v-if="oaUserInfo.company">{{ oaUserInfo.company.company_name }}</text><br />
公司类型:<text v-if="oaUserInfo.company">{{ oaUserInfo.company.company_type_name }}</text><br/> 公司类型:<text
<!-- {{ oaUserInfo.did_name }}({{ oaUserInfo.label_name }}) --> v-if="oaUserInfo.company">{{ oaUserInfo.company.company_type_name }}</text><br />
</view> <!-- {{ oaUserInfo.did_name }}({{ oaUserInfo.label_name }}) -->
</view> </view>
</view> </view>
<!-- <view v-if="$store.state.app.token" class="compile" @click="navTo()"> </view>
<!-- <view v-if="$store.state.app.token" class="compile" @click="navTo()">
<view class="iconfont icon-bianji"></view> <view class="iconfont icon-bianji"></view>
<view class="">编辑</view> <view class="">编辑</view>
</view> --> </view> -->
</view> </view>
<view class="assess">
<view class="ass_cent flex_a_c_j_sb">
<view class="cent_item" @click="navTo('/subpkg/finance/finance')">
<!-- <view class="num">{{ oaUserInfo.achievements_money }}</view> -->
<view class="num" v-if="!$store.state.app.token">*</view>
<view class="num" v-else-if="eyeType">{{oaUserInfo.user_money||'0.00'}}</view>
<view class="num" v-if="!eyeType">****</view>
<view class="name">账户余额(元)</view>
</view>
<!-- <view class="cent_item" @click="navTo('/subpkg/finance/finance')">
<view class="num">0.00</view>
<view class="name">冻结金额</view>
</view> -->
<view class="cent_item" @click="navTo('/subpkg/finance/finance')">
<!-- <view class="num">{{ oaUserInfo.company_money }}</view> -->
<view class="num" v-if="!$store.state.app.token">*</view>
<view class="num" v-else-if="eyeType">{{oaUserInfo.income||'0.00'}}</view>
<view class="num" v-if="!eyeType">****</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="navTo(item.url)">
<view class="flex_a_c left">
<!-- <view class="iconfont2" :class="item.icon"></view> -->
<image :src="item.icon"></image>
<view class="text">{{ item.name }}</view>
</view>
<uni-icons type="forward"></uni-icons>
</view>
</block>
</view>
<view class="log_out" v-if="$store.state.app.token" @click="modelShow=true">退出登录</view>
<view class="log_out" v-else @click="login">登录账号</view>
<u-modal :show="modelShow" title="警告" content='确定要退出登录吗' closeOnClickOverlay showCancelButton @close="modelShow=false" @cancel="modelShow=false" @confirm="logout"></u-modal> </view>
<!-- <tabbar></tabbar> --> </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="navTo(item.url)">
<view class="flex_a_c left">
<!-- <view class="iconfont2" :class="item.icon"></view> -->
<image :src="item.icon"></image>
<view class="text">{{ item.name }}</view>
</view>
<uni-icons type="forward"></uni-icons>
</view>
</block>
</view>
<view class="log_out" v-if="$store.state.app.token" @click="modelShow=true">退出登录</view>
<view class="log_out" v-else @click="login">登录账号</view>
<u-modal :show="modelShow" title="警告" content='确定要退出登录吗' closeOnClickOverlay showCancelButton
@close="modelShow=false" @cancel="modelShow=false" @confirm="logout"></u-modal>
<!-- <tabbar></tabbar> -->
</view>
</template> </template>
<script> <script>
import { mapActions } from 'vuex' import {
import { getUserIndexAPI } from '@/api/oaApi.js' mapActions
import { userInfo } from '@/api/oaUser.js' } from 'vuex'
import { Toast } from '@/libs/uniApi.js' import {
import { myOaData } from '@/static/server/server.js' getUserIndexAPI
// import tabbar from '../components/tabbar' } from '@/api/oaApi.js'
export default { import {
components: { userInfo
// tabbar } from '@/api/oaUser.js'
}, import {
data() { Toast
return { } from '@/libs/uniApi.js'
myOaData: myOaData, import {
src: 'https://cdn.uviewui.com/uview/album/1.jpg', myOaData
modelShow: false } from '@/static/server/server.js'
} // import tabbar from '../components/tabbar'
}, export default {
onReady() { components: {
uni.setNavigationBarColor({ // tabbar
frontColor: '#ffffff', },
backgroundColor: '#3175f9' data() {
}) return {
}, myOaData: myOaData,
onShow() { src: 'https://cdn.uviewui.com/uview/album/1.jpg',
this.getOaUserInfo(); modelShow: false
}, }
onHide() { },
this.modelShow = false; onReady() {
}, uni.setNavigationBarColor({
computed: { frontColor: '#ffffff',
eyeType() { backgroundColor: '#3175f9'
return this.$store.state.config.eyeType; })
}, },
oaUserInfo() { onShow() {
return this.$store.state.app.userInfo || { avatar: '', admin: { company: { company_name: '' } } }; this.getOaUserInfo();
} },
}, onHide() {
methods: { this.modelShow = false;
...mapActions(['getWxLogin']), },
login() { computed: {
uni.navigateTo({ eyeType() {
url: '/pages/oaLogin/oaLogin' return this.$store.state.config.eyeType;
}) },
}, oaUserInfo() {
logout() { return this.$store.state.app.userInfo || {
let that = this; avatar: '',
// uni.showModal({ admin: {
// content: '确定要退出登录吗', company: {
// success: (e) => { company_name: ''
// if (e.confirm) { }
uni.navigateTo({ }
url: '/pages/oaLogin/oaLogin?clear='+true, };
success() { }
that.$store.commit('CLEAR'); },
} methods: {
}) ...mapActions(['getWxLogin']),
// } login() {
// } uni.navigateTo({
// }) url: '/pages/oaLogin/oaLogin'
}, })
async getOaUserInfo() { },
const res = await userInfo(); logout() {
this.$store.commit('setUserInfo', res.data); let that = this;
}, // uni.showModal({
navTo(url) { // content: '确定要退出登录吗',
url ? // success: (e) => {
uni.navigateTo({ // if (e.confirm) {
url: url, uni.navigateTo({
fail(e) { url: '/pages/oaLogin/oaLogin?clear=' + true,
uni.switchTab({ success() {
url: url that.$store.commit('CLEAR');
}) }
} })
}) : Toast('暂未开放') // }
}, // }
alterMyInfo() { // })
uni.navigateTo({ },
url: '/pages/views/personal_center' async getOaUserInfo() {
}) const res = await userInfo();
} this.$store.commit('setUserInfo', res.data);
}, },
onPullDownRefresh() { navTo(url) {
this.getOaUserInfo() url ?
uni.stopPullDownRefresh() uni.navigateTo({
} url: url,
} fail(e) {
uni.switchTab({
url: url
})
}
}) : Toast('暂未开放')
},
alterMyInfo() {
uni.navigateTo({
url: '/pages/views/personal_center'
})
}
},
onPullDownRefresh() {
this.getOaUserInfo()
uni.stopPullDownRefresh()
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
.my { .my {
.head_box { .head_box {
position: relative; position: relative;
padding: 28rpx; padding: 28rpx;
width: 100vw; width: 100vw;
margin-bottom: 30rpx; margin-bottom: 30rpx;
background-image: url('../../static/img/home/my_bg.png'); background-image: url('../../static/img/home/my_bg.png');
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
// .head_img { // .head_img {
// position: absolute; // position: absolute;
// // z-index: -1; // // z-index: -1;
// width: 100%; // width: 100%;
// height: 100%; // height: 100%;
// top: 0; // top: 0;
// left: 0; // left: 0;
// } // }
} }
} }
.my_head { .my_head {
height: 90.39rpx; height: 90.39rpx;
position: relative; position: relative;
// z-index: 1; // z-index: 1;
// top: 20rpx; // top: 20rpx;
// background-color: $theme-oa-color; // background-color: $theme-oa-color;
// background-image: url('../../static/img/home/head-bg.png'); // 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;
.section { .section {
margin-right: 57.89rpx; margin-right: 57.89rpx;
} }
} }
} }
.personage { .personage {
// position: relative; // position: relative;
padding-bottom: 28rpx; padding-bottom: 28rpx;
border-radius: 12px; border-radius: 12px;
// background-color: #fff; // background-color: #fff;
color: #fff; color: #fff;
width: 694rpx; width: 694rpx;
margin-left: 50%; margin-left: 50%;
transform: translate(-50%); transform: translate(-50%);
.name_work { .name_work {
margin-left: 31.58rpx; margin-left: 31.58rpx;
font-size: 28.07rpx; font-size: 28.07rpx;
.name { .name {
.nickname { .nickname {
font-size: 32rpx; font-size: 32rpx;
font-weight: 500; font-weight: 500;
margin-right: 30rpx; margin-right: 30rpx;
} }
} }
.work { .work {
margin-top: 14.04rpx; margin-top: 14.04rpx;
} }
.omit { .omit {
white-space: nowrap; white-space: nowrap;
/* 禁止换行 */ /* 禁止换行 */
overflow: hidden; overflow: hidden;
/* 溢出隐藏 */ /* 溢出隐藏 */
text-overflow: ellipsis; text-overflow: ellipsis;
/* 使用省略号代表被截断的文本 */ /* 使用省略号代表被截断的文本 */
} }
} }
.my_msg { .my_msg {
.compile { .compile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
} }
.assess { .assess {
height: 170.18rpx; height: 170.18rpx;
} }
.ass_cent { .ass_cent {
width: 100%; width: 100%;
padding: 31.58rpx 66.67rpx; padding: 31.58rpx 66.67rpx;
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;
height: 170.18rpx; height: 170.18rpx;
border-radius: 12px; border-radius: 12px;
background-color: rgba(#fff, 0.18); background-color: rgba(#fff, 0.18);
justify-content: space-around; justify-content: space-around;
.cent_item { .cent_item {
font-size: 24.56rpx; font-size: 24.56rpx;
color: #fff; color: #fff;
text-align: center; text-align: center;
.num { .num {
font-size: 38.6rpx; font-size: 38.6rpx;
margin-bottom: 21.05rpx; margin-bottom: 21.05rpx;
} }
} }
} }
} }
.other_guide { .other_guide {
width: 694.74rpx; width: 694.74rpx;
margin: 0 auto; margin: 0 auto;
padding: 28.07rpx; padding: 28.07rpx;
background-color: #fff; background-color: #fff;
border-radius: 12px; border-radius: 12px;
.other_item { .other_item {
height: 87.72rpx; height: 87.72rpx;
border-bottom: 1px solid #F0F5F7; border-bottom: 1px solid #F0F5F7;
.text { .text {
font-size: 28.07rpx; font-size: 28.07rpx;
margin-left: 20.56rpx; margin-left: 20.56rpx;
} }
.left { .left {
align-items: center; align-items: center;
} }
image { image {
width: 42rpx; width: 42rpx;
height: 42rpx; height: 42rpx;
} }
.iconfont2 { .iconfont2 {
font-size: 42.11rpx; font-size: 42.11rpx;
} }
} }
} }
.log_out { .log_out {
color: #fff; color: #fff;
border-radius: 100px; border-radius: 100px;
text-align: center; text-align: center;
line-height: 84.21rpx; line-height: 84.21rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 84.21rpx; margin-top: 84.21rpx;
width: 614.04rpx; width: 614.04rpx;
height: 84.21rpx; height: 84.21rpx;
background: #3274F9; background: #3274F9;
box-shadow: 0px 9px 26px 1px #E9EFF5; box-shadow: 0px 9px 26px 1px #E9EFF5;
} }
</style> </style>

10
subpkg/captain/captain.vue
View File

@ -41,8 +41,8 @@
</view> </view>
<view style="margin-top: 40rpx;"> <view style="margin-top: 40rpx;">
<u-icon style="display: inline-block;margin-left: 10rpx;" color="white" <u-icon style="display: inline-block;" color="white" name="edit-pen-fill"></u-icon>
name="edit-pen-fill"></u-icon> {{item.is_contract?"已签约":"未签约"}} {{item.is_contract?"已签约":"未签约"}}
</view> </view>
</view> </view>
<view class="right"> <view class="right">
@ -216,9 +216,8 @@
.left { .left {
text-align: center; text-align: center;
// padding: 15rpx 25rpx; padding: 15rpx 25rpx;
padding-top: 20rpx; padding-top: 20rpx;
margin-right: 50rpx; margin-right: 50rpx;
width: 160rpx; width: 160rpx;
background-color: $theme-oa-color; background-color: $theme-oa-color;
@ -229,7 +228,8 @@
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
margin-left: 25rpx; // margin-left: 25rpx;
padding: 0 25rpx;
border-radius: 120rpx; border-radius: 120rpx;
position: relative; position: relative;

670
subpkg/contract/contract.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view class=""> <view class="">
<!-- <view class="tabs"> <!-- <view class="tabs">
<view class="left"> <view class="left">
<view class="item" :class="changeType==0?'active':''" @click="changeType=0">合同列表</view> <view class="item" :class="changeType==0?'active':''" @click="changeType=0">合同列表</view>
<view class="item" :class="changeType==1?'active':''" @click="changeType=1">已签订合同</view> <view class="item" :class="changeType==1?'active':''" @click="changeType=1">已签订合同</view>
@ -9,259 +9,467 @@
<text>新增</text> <text>新增</text>
</view> </view>
</view> --> </view> -->
<view class="contract_list"> <view class="contract_list">
<view class="item" v-for="(item,index) in list" :key="item.id"> <view class="item" v-for="(item,index) in list" :key="item.id">
<view class="top">
<image src="../../static/img/contract/pdf.png" style="height: 140rpx; width: 140rpx;"></image>
<view class="text"> <view class="personnel_list">
<view class="name"> <view class="cards">
<view class="title"> <view class="cards_head">
<text v-if="item.company">{{item.company.company_name}}</text> <text style="font-size: 32rpx">电子合同</text>
</view> </view>
</view> <view class="cards_content">
<view class="date"> <view class="right">
<!-- <text class="time">2023-04-27 至 2024-04-28 </text> --> <view class="">
<view class="number"> <text>甲方 :</text>
<view class="num_left">合同编号:</view> <text> { item.name }</text>
<text>{{item.contract_no}}</text> </view>
</view> <view class="">
<view class="number"> <text>乙方 :</text>
<view class="num_left">合同类型:</view> <text>{ item.phone }</text>
<view>{{item.company.contract_type_name}}</view> </view>
</view> <view class="">
<view class="time"> <text>合同类型 :</text>
<view class="num_left">修改时间:</view> <text> {{item.company.contract_type_name}} </text>
<view>{{item.update_time}}</view> </view>
</view> <view class="">
</view> <text>合同编号 :</text>
</view> <text> {{item.contract_no}} </text>
</view> </view>
<u-line color="#999999FF"></u-line> </view>
<view class="bottom">
<view class="left" v-if="item.status">已签订</view>
<view class="left yellow" v-else-if="item.check_status>=2">签订中</view> </view>
<view class="left red" v-else>未签订</view>
<button class="right" @click="navTo('/subpkg/contractDetail/contractDetail?id='+item.id)">详情</button> <view class="hr">
</view> </view>
</view>
</view>
<u-empty v-if="loadConfig.status=='nomore'&& list.length==0" text="暂无合同" <view class="contract_box">
icon="/static/img/empty/data.png"></u-empty>
<u-loadmore v-else :status="loadConfig.status" :loading-text="loadConfig.loadingText" <view class="left">
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" /> <image class="contract_img" src="../../static/img/contract/pdf.png"></image>
</view> <view class="text">
<view class="name">{{item.company.contract_type_name}}</view>
<view>
<text>{{item.update_time}}</text>
</view>
</view>
</view>
<view class="right" @click="navTo('/subpkg/contractDetail/contractDetail?id='+item.id)">
<uni-icons type="paperclip" color="#0022C7"></uni-icons>
<view>查看</view>
</view>
</view>
</view>
</view>
<!--
<view class="top">
<image src="../../static/img/contract/pdf.png" style="height: 140rpx; width: 140rpx;"></image>
<view class="text">
<view class="name">
<view class="title">
<text v-if="item.company">{{item.company.company_name}}</text>
</view>
</view>
<view class="date">
<view class="number">
<view class="num_left">合同编号:</view>
<text>{{item.contract_no}}</text>
</view>
<view class="number">
<view class="num_left">合同类型:</view>
<view>{{item.company.contract_type_name}}</view>
</view>
<view class="time">
<view class="num_left">修改时间:</view>
<view>{{item.update_time}}</view>
</view>
</view>
</view>
</view>
<u-line color="#999999FF"></u-line>
<view class="bottom">
<view class="left" v-if="item.status">已签订</view>
<view class="left yellow" v-else-if="item.check_status>=2">签订中</view>
<view class="left red" v-else>未签订</view>
<button class="right"
@click="navTo('/subpkg/contractDetail/contractDetail?id='+item.id)">详情</button>
</view>
-->
</view>
</view>
<u-empty v-if="loadConfig.status=='nomore'&& list.length==0" text="暂无合同"
icon="/static/img/empty/data.png"></u-empty>
<u-loadmore v-else :status="loadConfig.status" :loading-text="loadConfig.loadingText"
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
</view>
</template> </template>
<script> <script>
import { contractList } from "@/api/contract.js" import {
export default { contractList
data() { } from "@/api/contract.js"
return { export default {
changeType: 0, data() {
list: [], return {
loadConfig: { changeType: 0,
page: 1, list: [],
limit: 15, loadConfig: {
loadingText: '努力加载中', page: 1,
loadmoreText: '轻轻上拉', limit: 15,
nomoreText: '我也是有底线的~~', loadingText: '努力加载中',
status: 'loadmore' loadmoreText: '轻轻上拉',
}, nomoreText: '我也是有底线的~~',
} status: 'loadmore'
}, },
onLoad() {}, }
onShow() { },
this.initLoadConfig(); onLoad() {},
}, onShow() {
onReady() { this.initLoadConfig();
uni.setNavigationBarColor({ },
frontColor: '#ffffff', onReady() {
backgroundColor: '#3175f9' uni.setNavigationBarColor({
}) frontColor: '#ffffff',
}, backgroundColor: '#3175f9'
methods: { })
navTo(url) { },
url ? methods: {
uni.navigateTo({ navTo(url) {
url: url url ?
}) : Toast('暂未开放') uni.navigateTo({
}, url: url
initLoadConfig() { }) : Toast('暂未开放')
this.loadConfig.page = 1; },
this.loadConfig.status = "loadmore"; initLoadConfig() {
this.list = []; this.loadConfig.page = 1;
this.initContractList(); this.loadConfig.status = "loadmore";
uni.stopPullDownRefresh(); this.list = [];
}, this.initContractList();
async initContractList() { uni.stopPullDownRefresh();
try { },
if (this.loadConfig.status == "nomore") return; async initContractList() {
this.loadConfig.status = "loading" try {
let res = await contractList({ if (this.loadConfig.status == "nomore") return;
page: this.loadConfig.page, this.loadConfig.status = "loading"
limit: this.loadConfig.limit let res = await contractList({
}) page: this.loadConfig.page,
this.loadConfig.status = "loadmore" limit: this.loadConfig.limit
if (res.data.data.length < this.loadConfig.limit) { })
this.loadConfig.status = "nomore" this.loadConfig.status = "loadmore"
} else { if (res.data.data.length < this.loadConfig.limit) {
this.loadConfig.page++; this.loadConfig.status = "nomore"
} } else {
this.list = [...this.list, ...res.data?.data] this.loadConfig.page++;
} catch (e) { }
this.initLoadConfig(); this.list = [...this.list, ...res.data?.data]
this.loadConfig.status = "nomore" } catch (e) {
} this.initLoadConfig();
} this.loadConfig.status = "nomore"
}, }
onPullDownRefresh() { }
this.initLoadConfig(); },
} onPullDownRefresh() {
} this.initLoadConfig();
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
.tabs { .tabs {
height: 112rpx; height: 112rpx;
background-color: #fff; background-color: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0 28rpx; padding: 0 28rpx;
.left { .left {
display: flex; display: flex;
.item { .item {
margin-right: 52.5rpx; margin-right: 52.5rpx;
width: 175rpx; width: 175rpx;
height: 53rpx; height: 53rpx;
line-height: 53rpx; line-height: 53rpx;
text-align: center; text-align: center;
background-color: #F3F4F8FF; background-color: #F3F4F8FF;
border-radius: 35rpx 35rpx 35rpx 35rpx; border-radius: 35rpx 35rpx 35rpx 35rpx;
font-size: 28rpx; font-size: 28rpx;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
.active { .active {
background-color: #3274F9FF; background-color: #3274F9FF;
color: #FFFFFFFF; color: #FFFFFFFF;
} }
} }
.right { .right {
font-size: 28rpx; font-size: 28rpx;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
line-height: 0rpx; line-height: 0rpx;
} }
} }
.contract_list { .personnel_list {
display: flex; padding: 28rpx 0;
flex-direction: column; margin-bottom: 130rpx;
justify-content: space-between;
align-items: center;
padding: 28rpx;
.item { .cards {
width: 694rpx; margin: 0 auto;
min-height: 263rpx; margin-bottom: 28rpx;
padding: 28rpx; width: 694rpx;
margin-bottom: 28rpx; background: #ffffff;
background: #FFFFFF; border-radius: 30rpx;
border-radius: 14rpx 14rpx 14rpx 14rpx; opacity: 1;
display: flex; overflow: hidden;
flex-direction: column; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
justify-content: space-between;
.top { .cards_head {
display: flex; padding: 28rpx;
margin-bottom: 28rpx; background-color: $theme-oa-color;
color: white;
height: 100rpx;
display: flex;
justify-content: space-between;
}
image { .cards_content {
width: 87.6rpx; padding: 28rpx;
height: 87.6rpx; display: flex;
margin-right: 28rpx; justify-content: space-between;
flex-shrink: 0;
}
.text { .left {
display: flex; text-align: center;
flex-direction: column; // padding: 15rpx 25rpx;
justify-content: space-between; padding-top: 20rpx;
.name { width: 160rpx;
.title { background-color: $theme-oa-color;
font-size: 32rpx; color: white;
font-weight: 400; border-radius: 40rpx;
color: #333333;
margin-right: 17.5rpx;
}
}
.date { .cir {
font-size: 25rpx; width: 120rpx;
font-weight: 400; height: 120rpx;
color: #F9AA32; background-color: #ffffff;
line-height: 36rpx; margin-left: 25rpx;
border-radius: 120rpx;
position: relative;
}
}
.number, .time{ .right {
display: flex; display: flex;
justify-content: left; flex-direction: column;
flex-wrap: wrap; justify-content: space-between;
.num_left{
margin-right: 18rpx;
}
}
.time { view {
color: #CCCCCCFF; margin-bottom: 10rpx;
margin-right: 10rpx;
}
}
}
} text:nth-child(2) {
margin-left: 20rpx;
}
}
}
}
.bottom { .hr {
display: flex; border-top: 1px dashed #0022C7;
justify-content: space-between; margin-bottom: 30rpx;
margin-top: 28rpx; }
.left { .contract_box {
font-size: 28rpx; padding: 0 28rpx 20rpx;
font-weight: 400; display: flex;
color: #34A853; justify-content: space-between;
}
.yellow { .left {
color: #F9AA32; display: flex;
}
.red { .contract_img {
color: #F02828FF; width: 102rpx;
} height: 102rpx;
background: #F5F5F5;
border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-right: 21rpx;
}
.right { .text {
width: 158rpx; display: flex;
// height: 53rpx; flex-direction: column;
// border-radius: 26rpx 26rpx 26rpx 26rpx; justify-content: space-between;
// border: 2rpx solid #3274F9;
// display: flex;
// justify-content: center;
// align-items: center;
text-align: right;
background: #FFFFFF;
opacity: 1;
font-size: 28rpx;
font-weight: 400;
color: #3274F9;
}
}
}
} .name {
font-size: 32rpx;
;
font-weight: 500;
color: rgba(0, 0, 0, 0.8);
line-height: 35rpx;
}
.nickname {
margin-right: 35rpx;
}
text {
height: 39rpx;
font-size: 28rpx;
font-weight: 400;
color: #666666;
line-height: 35rpx;
}
}
}
.right {
font-size: 28rpx;
font-weight: 500;
color: #3274F9;
line-height: 35rpx;
display: flex;
justify-content: center;
align-items: center;
.icon {
width: 35rpx;
height: 39rpx;
background-color: #3274F9;
opacity: 1;
margin-right: 10rpx
}
}
}
}
}
// .contract_list {
// display: flex;
// flex-direction: column;
// justify-content: space-between;
// align-items: center;
// padding: 28rpx;
// .item {
// width: 694rpx;
// min-height: 263rpx;
// padding: 28rpx;
// margin-bottom: 28rpx;
// background: #FFFFFF;
// border-radius: 14rpx 14rpx 14rpx 14rpx;
// display: flex;
// flex-direction: column;
// justify-content: space-between;
// .top {
// display: flex;
// margin-bottom: 28rpx;
// image {
// width: 87.6rpx;
// height: 87.6rpx;
// margin-right: 28rpx;
// flex-shrink: 0;
// }
// .text {
// display: flex;
// flex-direction: column;
// justify-content: space-between;
// .name {
// .title {
// font-size: 32rpx;
// font-weight: 400;
// color: #333333;
// margin-right: 17.5rpx;
// }
// }
// .date {
// font-size: 25rpx;
// font-weight: 400;
// color: #F9AA32;
// line-height: 36rpx;
// .number,
// .time {
// display: flex;
// justify-content: left;
// flex-wrap: wrap;
// .num_left {
// margin-right: 18rpx;
// }
// }
// .time {
// color: #CCCCCCFF;
// margin-right: 10rpx;
// }
// }
// }
// }
// .bottom {
// display: flex;
// justify-content: space-between;
// margin-top: 28rpx;
// .left {
// font-size: 28rpx;
// font-weight: 400;
// color: #34A853;
// }
// .yellow {
// color: #F9AA32;
// }
// .red {
// color: #F02828FF;
// }
// .right {
// width: 158rpx;
// // height: 53rpx;
// // border-radius: 26rpx 26rpx 26rpx 26rpx;
// // border: 2rpx solid #3274F9;
// // display: flex;
// // justify-content: center;
// // align-items: center;
// text-align: right;
// background: #FFFFFF;
// opacity: 1;
// font-size: 28rpx;
// font-weight: 400;
// color: #3274F9;
// }
// }
// }
// }
</style> </style>

1014
subpkg/finance/finance.vue
View File

File diff suppressed because it is too large Load Diff

11
subpkg/personnel/personnel.vue
View File

@ -58,7 +58,7 @@
<view class="personnel_list"> <view class="personnel_list">
<view class="card" v-for="(item, index) in userList" :key="item.id"> <view class="card" v-for="(item, index) in userList" :key="item.id">
<view class="card_head"> <view class="card_head">
<text style="font-size: 32rpx">创建时间: 2020-25-2</text> <text style="font-size: 32rpx">创建时间: {{item.create_time||"2020-10-10"}}</text>
<text @click="navTo('/subpkg/finance/finance?id='+item.id)">财务查看</text> <text @click="navTo('/subpkg/finance/finance?id='+item.id)">财务查看</text>
<text @click="navTo('/subpkg/personnelDetails/personnelDetails?id='+item.id)">信息查看</text> <text @click="navTo('/subpkg/personnelDetails/personnelDetails?id='+item.id)">信息查看</text>
</view> </view>
@ -71,8 +71,8 @@
</view> </view>
<view style="margin-top: 40rpx;" @click="changeSign(item)"> <view style="margin-top: 40rpx;" @click="changeSign(item)">
<u-icon style="display: inline-block;margin-left: 10rpx;" color="white" <u-icon style="display: inline-block;" color="white" name="edit-pen-fill"></u-icon>
name="edit-pen-fill"></u-icon> {{item.is_contract?'已签约':'未签约'}} {{item.is_contract?'已签约':'未签约'}}
</view> </view>
</view> </view>
<view class="right"> <view class="right">
@ -234,7 +234,7 @@
.left { .left {
text-align: center; text-align: center;
// padding: 15rpx 25rpx; padding: 15rpx 25rpx;
padding-top: 20rpx; padding-top: 20rpx;
margin-right: 50rpx; margin-right: 50rpx;
@ -247,7 +247,8 @@
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
background-color: #FFFFFF; background-color: #FFFFFF;
margin-left: 25rpx; // margin-left: 25rpx;
padding: 0 25rpx;
border-radius: 120rpx; border-radius: 120rpx;
position: relative; position: relative;

1326
subpkg/personnelDetails/personnelDetails.vue
View File

File diff suppressed because it is too large Load Diff