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 09:32:25 +08:00
commit 708122d222
3 changed files with 660 additions and 702 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

535
components/company/company.vue
View File

@ -1,9 +1,14 @@
<template> <template>
<view> <view>
<view class="item"> <view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="1" rows-width="100%" <u-skeleton
rowsHeight="56"></u-skeleton> :loading="skeleton"
:animate="true"
title
rows="1"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<!-- <block v-if="!skeleton"> <!-- <block v-if="!skeleton">
<view class="title">公司基本信息</view> <view class="title">公司基本信息</view>
<view class="card"> <view class="card">
@ -31,7 +36,6 @@
--> -->
<view class="personnel_list" v-if="!skeleton"> <view class="personnel_list" v-if="!skeleton">
<view class="cards"> <view class="cards">
<view class="cards_head"> <view class="cards_head">
<text style="font-size: 32rpx">公司基本信息</text> <text style="font-size: 32rpx">公司基本信息</text>
</view> </view>
@ -39,299 +43,244 @@
<view class="right"> <view class="right">
<view class=""> <view class="">
<text>公司名称 :</text> <text>公司名称 :</text>
<text> {{company.company_name}}</text> <text> {{ company.company_name }}</text>
</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.organization_code }}</text>
</view> </view>
<view class=""> <view class="">
<text>公司类型 :</text> <text>公司类型 :</text>
<text>{{company.company_type_name||company.company_type}}</text> <text>{{
company.company_type_name || company.company_type
}}</text>
</view> </view>
<view class=""> <view class="">
<text>负责区域 :</text> <text>负责区域 :</text>
<text> {{c_address}} </text> <text> {{ c_address }} </text>
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
<view class="item" v-show="skeleton || contract.status">
<u-skeleton
</view> :loading="skeleton"
:animate="true"
<view class="cards_head"> title
<text style="font-size: 32rpx">公司联系人</text> rows="2"
</view> rows-width="100%"
<view class="cards_content"> rowsHeight="56"
<view class="right"> ></u-skeleton>
<view class="">
<text>法人姓名 :</text>
<text> {{company.master_name}}</text>
</view>
<view class="" @click="copyPhone(company.master_email, '社会代码')">
<text>担任职务 :</text>
<text>{{company.organization_code}}</text>
</view>
<view class="" @click="copyPhone(company.master_email, '电话')">
<text>联系电话 :</text>
<text>{{company.master_phone}}</text>
</view>
<view class="" @click="copyPhone(company.master_email, '邮箱')">
<text>电子邮箱 :</text>
<text> {{company.master_email}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 合同 -->
<view class="item" v-show="skeleton||contract.status">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%"
rowsHeight="56"></u-skeleton>
<!--
<block v-if="!skeleton"> <block v-if="!skeleton">
<view class="title">电子合同</view> <view class="title">电子合同</view>
<view class="card"> <view class="card">
<view class="one"> <view class="one">
<view class="info"> <view class="info">
<view class="info_item">甲方：{{contract.party_a_name}}</view> <view class="info_item">甲方：{{ contract.party_a_name }}</view>
<view class="info_item">乙方：{{contract.party_b_name}}</view> <view class="info_item">乙方：{{ contract.party_b_name }}</view>
<view class="info_item">合同类型：{{contract.contract_type_name}}</view> <view class="info_item"
<view class="info_item">合同编号：{{contract.contract_no}}</view> >合同类型：{{ contract.contract_type_name }}</view
>
<view class="info_item"
>合同编号：{{ contract.contract_no }}</view
>
</view> </view>
</view> </view>
<u-line
<u-line v-if="contract.contract_no" color="#999999FF" style="margin: 31rpx 0;"></u-line> v-if="contract.contract_no"
color="#999999FF"
style="margin: 31rpx 0"
></u-line>
<view class="contract" v-if="contract.contract_no"> <view class="contract" v-if="contract.contract_no">
<view class="left"> <view class="left">
<image class="contract_img" src="../../static/img/contract/pdf.png"></image> <image
class="contract_img"
src="../../static/img/contract/pdf.png"
></image>
<view class="text"> <view class="text">
<view class="name">合同</view> <view class="name">合同</view>
<view> <view>
<!-- <text class="nickname">张郭郭</text> -->
<text>{{contract.create_time}}</text> <text>{{ contract.create_time }}</text>
</view> </view>
</view> </view>
</view> </view>
<view class="right" @click="navTo(contract.contract_no)"> <view class="right" @click="navTo(contract.contract_no)">
<!-- <image class="icon"></image> -->
<uni-icons type="paperclip" color="#3274F9"></uni-icons> <uni-icons type="paperclip" color="#3274F9"></uni-icons>
<view>查看</view> <view>查看</view>
</view> </view>
</view> </view>
</view> </view>
</block> </block>
-->
<view class="personnel_list" v-if="!skeleton">
<view class="cards">
<view class="cards_head">
<text style="font-size: 32rpx">电子合同</text>
</view> </view>
<view class="cards_content">
<view class="right">
<view class="">
<text>甲方 :</text>
<text> {{contract.party_a_name}}</text>
</view>
<view class="" @click="copyPhone(company.master_email, '社会代码')">
<text>乙方 :</text>
<text>{{contract.party_b_name}}</text>
</view>
<view class="">
<text>合同类型 :</text>
<text>{{contract.contract_type_name}}</text>
</view>
<view class="">
<text>合同编号 :</text>
<text> {{contract.contract_no}} </text>
</view>
</view>
</view>
<view style="border-top:1px dashed #0022C7;margin:20rpx 0">
</view>
<view class="contract" v-if="contract.contract_no">
<view class="left">
<image class="contract_img" src="../../static/img/contract/pdf.png"></image>
<view class="text">
<view class="name">合同</view>
<view>
<text>{{contract.create_time}}</text>
</view>
</view>
</view>
<view class="right" @click="navTo(contract.contract_no)">
<uni-icons type="paperclip" color="#3274F9"></uni-icons>
<view>查看</view>
</view>
</view>
</view>
</view>
</view>
<!--
<view class="item"> <view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" <u-skeleton
rowsHeight="56"></u-skeleton> :loading="skeleton"
:animate="true"
title
rows="2"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<block v-if="!skeleton"> <block v-if="!skeleton">
<view class="title"> <view class="title">
<text>联系人管理</text> <text>联系人管理</text>
<!-- <view>新增</view> -->
</view> </view>
<view class="card"> <view class="card">
<view class="one"> <view class="one">
<view class="linkman"> <view class="linkman">
<view <view
style="height: 30rpx;width: 6rpx;background-color: #3175f9;border-radius: 8rpx;margin-right: 8rpx;"> style="
height: 30rpx;
width: 6rpx;
background-color: #3175f9;
border-radius: 8rpx;
margin-right: 8rpx;
"
>
</view> </view>
主要联系人 主要联系人
</view> </view>
<view class="info"> <view class="info">
<view class="info_item">姓名：{{company.master_name}}</view> <view class="info_item">姓名：{{ company.master_name }}</view>
<view class="info_item">职位：{{company.master_position}}</view> <view class="info_item">职位：{{ company.master_position }}</view>
<view class="info_item" @click="copyPhone(company.master_phone)"> <view class="info_item" @click="copyPhone(company.master_phone)">
联系电话：{{company.master_phone}}</view> 联系电话：{{ company.master_phone }}</view
<view class="info_item" @click="copyPhone(company.master_email, '邮箱')"> >
邮箱：{{company.master_email}}</view> <view
class="info_item"
@click="copyPhone(company.master_email, '邮箱')"
>
邮箱：{{ company.master_email }}</view
>
</view> </view>
</view> </view>
<view class="one" v-for="(other, index) in company.other_contacts" v-if="other.name!=''" <view
:key="index"> class="one"
v-for="(other, index) in company.other_contacts"
v-if="other.name != ''"
:key="index"
>
<view class="linkman"> <view class="linkman">
<view <view
style="height: 30rpx;width: 6rpx;background-color: #3175f9;border-radius: 8rpx;margin-right: 8rpx;"> style="
height: 30rpx;
width: 6rpx;
background-color: #3175f9;
border-radius: 8rpx;
margin-right: 8rpx;
"
>
</view> </view>
其他联系人 其他联系人
</view> </view>
<view class="info"> <view class="info">
<view class="info_item">姓名：{{other.name}}</view> <view class="info_item">姓名：{{ other.name }}</view>
<view class="info_item">职位：{{other.position}}</view> <view class="info_item">职位：{{ other.position }}</view>
<view class="info_item" @click="copyPhone(other.phone)">联系电话：{{other.phone}}</view> <view class="info_item" @click="copyPhone(other.phone)"
<view class="info_item" @click="copyPhone(other.email, '邮箱')">邮箱：{{other.email}}</view> >联系电话：{{ other.phone }}</view
>
<view class="info_item" @click="copyPhone(other.email, '邮箱')"
>邮箱：{{ other.email }}</view
>
</view> </view>
</view> </view>
</view> </view>
</block> </block>
</view> </view>
-->
<view class="item"> <view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" <u-skeleton
rowsHeight="56"></u-skeleton> :loading="skeleton"
:animate="true"
<!-- title
rows="2"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<block v-if="!skeleton"> <block v-if="!skeleton">
<view class="title">资质信息</view> <view class="title">资质信息</view>
<view class="image_box" style="background-color: #fff;border-radius: 7px 7px 7px 7px;"> <view
<u--image class="image" @click="priview(company.qualification.business_license)" class="image_box"
:src="company.qualification.business_license" v-if="company.qualification.business_license" style="background-color: #fff; border-radius: 7px 7px 7px 7px"
:lazy-load="true"> >
<u--image
class="image"
@click="priview(company.qualification.business_license)"
:src="company.qualification.business_license"
v-if="company.qualification.business_license"
:lazy-load="true"
>
<template v-slot:loading> <template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon> <u-loading-icon color="#333"></u-loading-icon>
</template> </template>
</u--image> </u--image>
<u--image class="image" @click="priview(company.qualification.business_licenseB)" <u--image
:src="company.qualification.business_licenseB" v-if="company.qualification.business_licenseB" class="image"
:lazy-load="true"> @click="priview(company.qualification.business_licenseB)"
:src="company.qualification.business_licenseB"
v-if="company.qualification.business_licenseB"
:lazy-load="true"
>
<template v-slot:loading> <template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon> <u-loading-icon color="#333"></u-loading-icon>
</template> </template>
</u--image> </u--image>
<u--image class="image" v-for="item in company.qualification.other_qualifications" :key="item" <u--image
@click="priview(item)" :src="item" v-if="company.qualification.other_qualifications" class="image"
:lazy-load="true"> v-for="item in company.qualification.other_qualifications"
:key="item"
@click="priview(item)"
:src="item"
v-if="company.qualification.other_qualifications"
:lazy-load="true"
>
<template v-slot:loading> <template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon> <u-loading-icon color="#333"></u-loading-icon>
</template> </template>
</u--image> </u--image>
<!-- <u--image class="image" v-for="item in company.qualification.bank_account" :key="item" @click="priview(item)"
:src="item" v-if="company.qualification.bank_account" :lazy-load="true">
<template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon>
</template>
</u--image>
<u--image class="image" v-for="item in company.qualification.bank_accountB" :key="item" @click="priview(item)"
:src="item" v-if="company.qualification.bank_accountB" :lazy-load="true">
<template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon>
</template>
</u--image> -->
</view> </view>
</block> </block>
-->
<view class="personnel_list" v-if="!skeleton">
<view class="cards">
<view class="cards_head">
<text style="font-size: 32rpx">公司资质信息</text>
</view> </view>
<view class="cards_content">
<view class="image_box" style="background-color: #fff;border-radius: 7px 7px 7px 7px;">
<u--image class="image" @click="priview(company.qualification.business_license)"
:src="company.qualification.business_license"
v-if="company.qualification.business_license" :lazy-load="true">
<template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon>
</template>
</u--image>
<u--image class="image" @click="priview(company.qualification.business_licenseB)"
:src="company.qualification.business_licenseB"
v-if="company.qualification.business_licenseB" :lazy-load="true">
<template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon>
</template>
</u--image>
<u--image class="image" v-for="item in company.qualification.other_qualifications"
:key="item" @click="priview(item)" :src="item"
v-if="company.qualification.other_qualifications" :lazy-load="true">
<template v-slot:loading>
<u-loading-icon color="#333"></u-loading-icon>
</template>
</u--image>
</view>
</view>
</view>
</view>
</view>
</view>
</view> </view>
</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: {
@ -348,11 +297,11 @@
} }
}, },
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;
@ -369,7 +318,7 @@
} }
}, },
methods: { methods: {
navTo(contract_no) { navTo (contract_no) {
download_file({ download_file({
applyNo: contract_no applyNo: contract_no
}).then(res => { }).then(res => {
@ -381,10 +330,10 @@
}) })
}) })
}, },
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)) {
@ -409,22 +358,22 @@
// 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'
@ -436,7 +385,7 @@
} }
}) })
}, },
copyPhone(str = "", type = "号码") { copyPhone (str = "", type = "号码") {
if (str) uni.setClipboardData({ if (str) uni.setClipboardData({
data: str + "", data: str + "",
success: (e) => { success: (e) => {
@ -448,12 +397,13 @@
}) })
} }
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.personnel_list { .personnel_list {
padding: 28rpx 0; padding: 28rpx 0;
margin-bottom: 130rpx;
.cards { .cards {
margin: 0 auto; margin: 0 auto;
@ -505,11 +455,8 @@
justify-content: space-between; justify-content: space-between;
view { view {
margin-bottom: 10rpx;
text:nth-child(2) { text:nth-child(2) {
margin-left: 20rpx; margin-left: 20rpx;
} }
} }
} }
@ -523,75 +470,10 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
} }
}
.contract { .item {
display: flex; padding: 32rpx 28rpx;
justify-content: space-between;
padding: 0 30rpx 20rpx 30rpx;
.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
}
}
}
}
.item {
padding-top: 0; padding-top: 0;
&:nth-child(1) { &:nth-child(1) {
@ -611,7 +493,7 @@
width: 694rpx; width: 694rpx;
// height: 231rpx; // height: 231rpx;
padding: 28rpx; padding: 28rpx;
background: #FFFFFF; background: #ffffff;
border-radius: 14rpx 14rpx 14rpx 14rpx; border-radius: 14rpx 14rpx 14rpx 14rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -630,7 +512,7 @@
width: 142rpx; width: 142rpx;
height: 142rpx; height: 142rpx;
margin-right: 28rpx; margin-right: 28rpx;
background: #CCCCCC; background: #cccccc;
border-radius: 14rpx 14rpx 14rpx 14rpx; border-radius: 14rpx 14rpx 14rpx 14rpx;
opacity: 1; opacity: 1;
} }
@ -664,7 +546,7 @@
.bottom { .bottom {
display: flex; display: flex;
align-items: center; align-items: center;
color: #666666FF; color: #666666ff;
margin-top: 32rpx; margin-top: 32rpx;
.left { .left {
@ -677,7 +559,6 @@
margin-right: 5rpx; margin-right: 5rpx;
} }
} }
} }
.one { .one {
@ -705,12 +586,66 @@
} }
} }
.contract {
display: flex;
justify-content: space-between;
.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;
@ -731,9 +666,9 @@
} }
} }
} }
} }
.back_btn { .back_btn {
width: 694rpx; width: 694rpx;
height: 84rpx; height: 84rpx;
background: $theme-oa-color; background: $theme-oa-color;
@ -743,9 +678,9 @@
align-items: center; align-items: center;
color: #fff; color: #fff;
margin: 30rpx auto; margin: 30rpx auto;
} }
.stop_btn { .stop_btn {
width: 694rpx; width: 694rpx;
height: 84rpx; height: 84rpx;
border-radius: 42rpx 42rpx 42rpx 42rpx; border-radius: 42rpx 42rpx 42rpx 42rpx;
@ -755,5 +690,5 @@
color: $theme-oa-color; color: $theme-oa-color;
background-color: transparent; background-color: transparent;
margin: 30rpx auto; margin: 30rpx auto;
} }
</style> </style>

22
pages/oaMy/oaMy.vue
View File

@ -75,8 +75,10 @@
</view> </view>
</block> </block>
</view> </view>
<view class="log_out" v-if="$store.state.app.token" @click="logout">退出登录</view> <view class="log_out" v-if="$store.state.app.token" @click="modelShow=true">退出登录</view>
<view class="log_out" v-else @click="login">登录账号</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> --> <!-- <tabbar></tabbar> -->
</view> </view>
</template> </template>
@ -96,6 +98,7 @@
return { return {
myOaData: myOaData, myOaData: myOaData,
src: 'https://cdn.uviewui.com/uview/album/1.jpg', src: 'https://cdn.uviewui.com/uview/album/1.jpg',
modelShow: false
} }
}, },
onReady() { onReady() {
@ -107,6 +110,9 @@
onShow() { onShow() {
this.getOaUserInfo(); this.getOaUserInfo();
}, },
onHide() {
this.modelShow = false;
},
computed: { computed: {
eyeType() { eyeType() {
return this.$store.state.config.eyeType; return this.$store.state.config.eyeType;
@ -124,19 +130,19 @@
}, },
logout() { logout() {
let that = this; let that = this;
uni.showModal({ // uni.showModal({
content: '确定要退出登录吗', // content: '确定要退出登录吗',
success: (e) => { // success: (e) => {
if (e.confirm) { // if (e.confirm) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/oaLogin/oaLogin?clear='+true, url: '/pages/oaLogin/oaLogin?clear='+true,
success() { success() {
that.$store.commit('CLEAR'); that.$store.commit('CLEAR');
} }
}) })
} // }
} // }
}) // })
}, },
async getOaUserInfo() { async getOaUserInfo() {
const res = await userInfo(); const res = await userInfo();

31
subpkg/archives/archives.vue
View File

@ -32,7 +32,10 @@
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" /> :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
</view> </view>
--> -->
<u-sticky bgColor="#0022C7" v-if="task_id>0&& !is_admin">
<u-tabs :list="tabLists" @click="changeCurrent" lineColor='white' :scrollable="false" lineWidth='40'
inactiveStyle='color:white' activeStyle="color:white"></u-tabs>
</u-sticky>
<view class="personnel_list"> <view class="personnel_list">
<view class="card" v-for="(item, index) in list" :key="item.id"> <view class="card" v-for="(item, index) in list" :key="item.id">
<view class="card_head"> <view class="card_head">
@ -120,7 +123,6 @@
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" /> :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
</view> </view>
<mybtn text="信息登记" v-if="showView" @click="navTo('/subpkg/newArchives/newArchives')"></mybtn> <mybtn text="信息登记" v-if="showView" @click="navTo('/subpkg/newArchives/newArchives')"></mybtn>
</view> </view>
</template> </template>
@ -142,6 +144,12 @@
task_id: -1, task_id: -1,
is_admin: false, is_admin: false,
list: [], list: [],
current: 0,
tabLists: [{
name: '未更新',
}, {
name: '已更新'
}],
loadConfig: { loadConfig: {
page: 1, page: 1,
limit: 15, limit: 15,
@ -167,7 +175,7 @@
title: '任务:信息更新' title: '任务:信息更新'
}) })
} }
this.loadInformationList(); this.initLoad();
uni.$on('loadArchives', this.initLoad); uni.$on('loadArchives', this.initLoad);
}, },
onShow() { onShow() {
@ -201,7 +209,7 @@
this.loadConfig.page = 1; this.loadConfig.page = 1;
this.loadConfig.status = "loadmore"; this.loadConfig.status = "loadmore";
this.list = []; this.list = [];
this.is_admin ? null : await this.loadInformationList(); await this.loadInformationList();
uni.stopPullDownRefresh(); uni.stopPullDownRefresh();
}, },
async loadInformationList() { async loadInformationList() {
@ -209,14 +217,19 @@
if (this.loadConfig.status == "nomore") return; if (this.loadConfig.status == "nomore") return;
this.loadConfig.status = "loading" this.loadConfig.status = "loading"
let res = {}; let res = {};
if (this.is_admin) res = await taskInformationgist({ if (this.is_admin) {
res = await taskInformationgist({
id: this.task_id id: this.task_id
}); });
else res = await informationList({ }
else {
res = await informationList({
page: this.loadConfig.page, page: this.loadConfig.page,
limit: this.loadConfig.limit, limit: this.loadConfig.limit,
user_id: that.user_id user_id: that.user_id,
is_update: this.current
}) })
}
this.loadConfig.status = "loadmore" this.loadConfig.status = "loadmore"
if (res.data.length < this.loadConfig.limit) { if (res.data.length < this.loadConfig.limit) {
this.loadConfig.status = "nomore" this.loadConfig.status = "nomore"
@ -224,6 +237,10 @@
this.loadConfig.page++; this.loadConfig.page++;
} }
this.list = [...this.list, ...res.data]; this.list = [...this.list, ...res.data];
},
changeCurrent(e) {
this.current = e.index;
this.initLoad();
} }
}, },
onPullDownRefresh() { onPullDownRefresh() {