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

Merge branch 'main' of http://git.excellentkk.cn/mkm/OfficeApp

Browse Source
This commit is contained in:
weipengfei 2023-08-18 16:10:32 +08:00
commit afabc19f0f
17 changed files with 7077 additions and 3043 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

293
components/company/company.vue
View File

@ -1,8 +1,15 @@
<template>
<view>
<view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="1" rows-width="100%" rowsHeight="56"></u-skeleton>
<block v-if="!skeleton">
<u-skeleton
:loading="skeleton"
:animate="true"
title
rows="1"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<!-- <block v-if="!skeleton">
<view class="title">公司基本信息</view>
<view class="card">
<view class="top">
@ -11,22 +18,65 @@
<view class="text">
<view class="name">{{company.company_name}}</view>
<view class="right">{{company.company_type_name||company.company_type}}</view>
<view class="code">社会代码：<text @click="copyPhone(company.master_email, '社会代码')">{{company.organization_code}}</text></view>
<view class="code">社会代码：<text
@click="copyPhone(company.master_email, '社会代码')">{{company.organization_code}}</text>
</view>
</view>
</view>
</view>
<view class="bottom">
<view class="left">
<uni-icons type="location" color="#666666" size="14"></uni-icons>
<view class="location">负责区域：</view>
<view class="location">区域：</view>
</view>
<view style="flex: 1;">{{c_address}}</view>
</view>
</view>
</block>
-->
<view class="personnel_list" v-if="!skeleton">
<view class="cards">
<view class="cards_head">
<text style="font-size: 32rpx">公司基本信息</text>
</view>
<view class="cards_content">
<view class="right">
<view class="">
<text>公司名称 :</text>
<text> {{ company.company_name }}</text>
</view>
<view
class=""
@click="copyPhone(company.master_email, '社会代码')"
>
<text>社会代码 :</text>
<text>{{ company.organization_code }}</text>
</view>
<view class="">
<text>公司类型 :</text>
<text>{{
company.company_type_name || company.company_type
}}</text>
</view>
<view class="">
<text>负责区域 :</text>
<text> {{ c_address }} </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>
<u-skeleton
:loading="skeleton"
:animate="true"
title
rows="2"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<block v-if="!skeleton">
<view class="title">电子合同</view>
<view class="card">
@ -34,14 +84,25 @@
<view class="info">
<view class="info_item">甲方：{{ contract.party_a_name }}</view>
<view class="info_item">乙方：{{ contract.party_b_name }}</view>
<view class="info_item">合同类型：{{contract.contract_type_name}}</view>
<view class="info_item">合同编号：{{contract.contract_no}}</view>
<view class="info_item"
>合同类型：{{ contract.contract_type_name }}</view
>
<view class="info_item"
>合同编号：{{ contract.contract_no }}</view
>
</view>
</view>
<u-line v-if="contract.contract_no" color="#999999FF" style="margin: 31rpx 0;"></u-line>
<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="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="name">合同</view>
<view>
@ -60,7 +121,14 @@
</block>
</view>
<view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
<u-skeleton
:loading="skeleton"
:animate="true"
title
rows="2"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<block v-if="!skeleton">
<view class="title">
<text>联系人管理</text>
@ -69,56 +137,111 @@
<view class="card">
<view class="one">
<view class="linkman">
<view style="height: 30rpx;width: 6rpx;background-color: #3175f9;border-radius: 8rpx;margin-right: 8rpx;">
<view
style="
height: 30rpx;
width: 6rpx;
background-color: #3175f9;
border-radius: 8rpx;
margin-right: 8rpx;
"
>
</view>
主要联系人
</view>
<view class="info">
<view class="info_item">姓名：{{ company.master_name }}</view>
<view class="info_item">职位：{{ company.master_position }}</view>
<view class="info_item" @click="copyPhone(company.master_phone)">联系电话：{{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_phone)">
联系电话：{{ company.master_phone }}</view
>
<view
class="info_item"
@click="copyPhone(company.master_email, '邮箱')"
>
邮箱：{{ company.master_email }}</view
>
</view>
</view>
<view class="one" v-for="(other, index) in company.other_contacts" v-if="other.name!=''" :key="index">
<view
class="one"
v-for="(other, index) in company.other_contacts"
v-if="other.name != ''"
:key="index"
>
<view class="linkman">
<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 class="info">
<view class="info_item">姓名：{{ other.name }}</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.email, '邮箱')">邮箱：{{other.email}}</view>
<view class="info_item" @click="copyPhone(other.phone)"
>联系电话：{{ other.phone }}</view
>
<view class="info_item" @click="copyPhone(other.email, '邮箱')"
>邮箱：{{ other.email }}</view
>
</view>
</view>
</view>
</block>
</view>
<view class="item">
<u-skeleton :loading="skeleton" :animate="true" title rows="2" rows-width="100%" rowsHeight="56"></u-skeleton>
<u-skeleton
:loading="skeleton"
:animate="true"
title
rows="2"
rows-width="100%"
rowsHeight="56"
></u-skeleton>
<block v-if="!skeleton">
<view class="title">资质信息</view>
<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">
<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">
<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">
<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>
@ -142,10 +265,18 @@
</template>
<script>
import { contractView } from "@/api/contract.js"
import { companyView } from "@/api/company.js"
import { download_file } from "@/api/junziqian.js"
import { Toast } from '@/libs/uniApi.js'
import {
contractView
} from "@/api/contract.js"
import {
companyView
} from "@/api/company.js"
import {
download_file
} from "@/api/junziqian.js"
import {
Toast
} from '@/libs/uniApi.js'
export default {
name: "company",
@ -188,7 +319,9 @@
},
methods: {
navTo (contract_no) {
download_file({ applyNo: contract_no }).then(res => {
download_file({
applyNo: contract_no
}).then(res => {
if (res.code != 1) {
Toast(res.msg)
}
@ -204,10 +337,14 @@
let res;
//判断是合同还是公司
if (id && (type == "contract" || type == null)) {
res = await contractView({ id });
res = await contractView({
id
});
} else {
if (id > 0) {
res = await companyView({ id });
res = await companyView({
id
});
} else {
res = await companyView();
}
@ -264,9 +401,81 @@
</script>
<style lang="scss" scoped>
.personnel_list {
padding: 28rpx 0;
margin-bottom: 130rpx;
.cards {
margin: 0 auto;
margin-bottom: 28rpx;
width: 694rpx;
background: #ffffff;
border-radius: 30rpx;
opacity: 1;
overflow: hidden;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
.cards_head {
padding: 28rpx;
background-color: $theme-oa-color;
color: white;
height: 100rpx;
display: flex;
justify-content: space-between;
}
.cards_content {
padding: 28rpx;
display: flex;
justify-content: space-between;
.left {
text-align: center;
// padding: 15rpx 25rpx;
padding-top: 20rpx;
width: 160rpx;
background-color: $theme-oa-color;
color: white;
border-radius: 40rpx;
.cir {
width: 120rpx;
height: 120rpx;
background-color: #ffffff;
margin-left: 25rpx;
border-radius: 120rpx;
position: relative;
}
}
.right {
display: flex;
flex-direction: column;
justify-content: space-between;
view {
text:nth-child(2) {
margin-left: 20rpx;
}
}
}
}
.u_avatar {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
.item {
padding: 32rpx 28rpx;
padding-top: 0;
&:nth-child(1) {
padding-top: 32rpx;
}
@ -284,7 +493,7 @@
width: 694rpx;
// height: 231rpx;
padding: 28rpx;
background: #FFFFFF;
background: #ffffff;
border-radius: 14rpx 14rpx 14rpx 14rpx;
display: flex;
flex-direction: column;
@ -303,7 +512,7 @@
width: 142rpx;
height: 142rpx;
margin-right: 28rpx;
background: #CCCCCC;
background: #cccccc;
border-radius: 14rpx 14rpx 14rpx 14rpx;
opacity: 1;
}
@ -337,7 +546,7 @@
.bottom {
display: flex;
align-items: center;
color: #666666FF;
color: #666666ff;
margin-top: 32rpx;
.left {
@ -350,14 +559,15 @@
margin-right: 5rpx;
}
}
}
.one {
margin-top: 32rpx;
&:nth-child(1) {
margin-top: 0;
}
.linkman {
// height: 44rpx;
font-size: 32rpx;
@ -386,7 +596,7 @@
.contract_img {
width: 102rpx;
height: 102rpx;
background: #F5F5F5;
background: #f5f5f5;
border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-right: 21rpx;
}
@ -398,7 +608,6 @@
.name {
font-size: 32rpx;
;
font-weight: 500;
color: rgba(0, 0, 0, 0.8);
line-height: 35rpx;
@ -432,7 +641,7 @@
height: 39rpx;
background-color: $theme-oa-color;
opacity: 1;
margin-right: 10rpx
margin-right: 10rpx;
}
}
}

5
main.js
View File

@ -7,6 +7,7 @@ import uView from '@/uni_modules/uview-ui'
import taskCard from "@/components/taskCard/taskCard.vue"
import mybtn from "@/components/mybtn/mybtn.vue"
import company from "@/components/company/company.vue"
Vue.use(uView)
Vue.use(taskCard)
Vue.use(mybtn)
@ -26,7 +27,9 @@ app.$mount()
// #endif
// #ifdef VUE3
import { createSSRApp } from 'vue'
import {
createSSRApp
} from 'vue'
export function createApp() {
const app = createSSRApp(App)
return {

3158
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
package.json Normal file
View File

@ -0,0 +1,6 @@
{
"devDependencies": {
"node-sass": "^9.0.0",
"sass-loader": "^13.3.2"
}
}

78
pages.json
View File

@ -26,7 +26,7 @@
"style": {
"navigationBarTitleText": "商机信息",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -35,7 +35,7 @@
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
},
@ -44,7 +44,7 @@
"style": {
"navigationBarTitleText": "审批",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
},
@ -53,7 +53,7 @@
"style": {
"navigationBarTitleText": "今日任务",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
},
@ -69,7 +69,7 @@
"path": "pages/oaManager/oaManager",
"style": {
"navigationBarTitleText": "片区经理",
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -78,7 +78,7 @@
"style": {
"navigationBarTitleText": "公告详情",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -123,7 +123,7 @@
"style": {
"navigationBarTitleText": "修改密码",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -178,7 +178,7 @@
"style": {
"navigationBarTitleText": "公司公示文档",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -187,7 +187,7 @@
"style": {
"navigationBarTitleText": "请假申请",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -201,7 +201,7 @@
"style": {
"navigationBarTitleText": "人员管理",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -210,7 +210,7 @@
"style": {
"navigationBarTitleText": "财务管理",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -219,7 +219,7 @@
"style": {
"navigationBarTitleText": "账户充值",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white",
"app-plus": {
"titleNView": {
@ -238,7 +238,7 @@
"style": {
"navigationBarTitleText": "合同管理",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -247,7 +247,7 @@
"style": {
"navigationBarTitleText": "合同详情",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -256,7 +256,7 @@
"style": {
"navigationBarTitleText": "合同内容",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -265,7 +265,7 @@
"style": {
"navigationBarTitleText": "公司信息",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -274,7 +274,7 @@
"style": {
"navigationBarTitleText": "签约公司详情",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -283,7 +283,7 @@
"style": {
"navigationBarTitleText": "人员详细信息",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -292,7 +292,7 @@
"style": {
"navigationBarTitleText": "流水详情",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -301,7 +301,7 @@
"style": {
"navigationBarTitleText": "提现余额",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white",
"app-plus": {
"titleNView": {
@ -319,7 +319,7 @@
"style": {
"navigationBarTitleText": "提现记录",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -328,7 +328,7 @@
"style": {
"navigationBarTitleText": "公告列表",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -337,7 +337,7 @@
"style": {
"navigationBarTitleText": "充值记录",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -346,7 +346,7 @@
"style": {
"navigationBarTitleText": "公司管理",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -355,7 +355,7 @@
"style": {
"navigationBarTitleText": "新增人员",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -364,7 +364,7 @@
"style": {
"navigationBarTitleText": "档案管理",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -373,7 +373,7 @@
"style": {
"navigationBarTitleText": "信息登记",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -382,7 +382,7 @@
"style": {
"navigationBarTitleText": "信息更新",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -391,7 +391,7 @@
"style": {
"navigationBarTitleText": "固定资产",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -400,7 +400,7 @@
"style": {
"navigationBarTitleText": "任务管理",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -409,7 +409,7 @@
"style": {
"navigationBarTitleText": "档案详情",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -418,7 +418,7 @@
"style": {
"navigationBarTitleText": "队长列表",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -427,7 +427,7 @@
"style": {
"navigationBarTitleText": "公司财务",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -436,7 +436,7 @@
"style": {
"navigationBarTitleText": "未签约公司列表",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -445,7 +445,7 @@
"style": {
"navigationBarTitleText": "提交审核",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -454,7 +454,7 @@
"style": {
"navigationBarTitleText": "任务:宣传配送",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -463,7 +463,7 @@
"style": {
"navigationBarTitleText": "任务:片区交易",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -472,7 +472,7 @@
"style": {
"navigationBarTitleText": "已更新商机",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarBackgroundColor": "#0122C7",
"navigationBarTextStyle": "white"
}
@ -486,7 +486,7 @@
},
"tabBar": {
"color": "#282828",
"selectedColor": "#3175f9",
"selectedColor": "#0122C7",
"borderStyle": "white",
"backgroundColor": "#ffffff",
"list": [{

84
pages/logistics/index.vue
View File

@ -1,68 +1,72 @@
<template>
<view>
<u-sticky bgColor="#0122C7" style="width: 100vw">
<u-tabs
:list="tabLists"
@change="sectionChange"
lineColor="#fff"
:scrollable="false"
lineWidth="40"
inactiveStyle="color:#fff"
activeStyle="color:#fff"
></u-tabs>
<!-- <globalPopup ref="globalPopup"></globalPopup> -->
<u-sticky bgColor="#0122C7" style="width: 100vw;">
<u-tabs :list="tabLists" @change="sectionChange" lineColor='#fff' :scrollable="false" lineWidth='40'
inactiveStyle='color:#fff' activeStyle="color:#fff"></u-tabs>
</u-sticky>
<view class="content">
<u-search
placeholder="搜索你的订单"
@search="getOrderList"
:show-action="false"
bg-color="white"
v-model="keywords"
></u-search>
<u-search placeholder="搜索你的订单" @search="getOrderList" :show-action='false' bg-color='white'
v-model="keywords"></u-search>
<view v-if="!orderlist.length">
<u-empty mode="data" icon="../../static/img/empty/data.png"> </u-empty>
<u-empty mode="data" icon="../../static/img/empty/data.png">
</u-empty>
</view>
<view v-else>
<logistiCard
ref="logistiCards"
v-for="(item, index) in orderlist"
@getlist="getOrderList"
@showTost="showToast"
@showToast2="showToast2"
:goodsInfo="item"
:key="index"
>
<logistiCard ref="logistiCards" v-for='(item,index) in orderlist' @getlist="getOrderList"
@showTost='showToast' @showToast2="showToast2" :goodsInfo="item" :key="index">
</logistiCard>
</view>
<!-- -->
<u-toast ref="uToast"></u-toast>
</view>
</view>
</template>
<script>
import {
getList
} from "@/api/logistics.js"
// import globalPopup from "@/components/GlobalPopup/GlobalPopup.vue"
import {
informationAdd
} from "@/api/logistics.js"
import logistiCard from "@/components/logistiComptent/logistiCard/logistiCard.vue"
//#ifdef APP-PLUS
var jpushModule = uni.requireNativePlugin("JG-JPush");
// #endif
export default {
components: {
logistiCard
logistiCard,
// globalPopup
},
data() {
return {
notArr: [],
keywords: "",
list: ['待取货', '已取货', '已送达'],
tabLists: [{
name: '待配送',
}, {
name: '待送达'
}, {
name: '已送达'
}],
curNow: 0,
orderlist: []
}
},
methods: {
go() {
uni.navigateTo({
url: "/pages/logistics/te"
})
},
sectionChange(index) {
this.curNow = index;
this.curNow = index.index;
this.getOrderList()
},
@ -98,9 +102,22 @@ export default {
}
},
onLoad () { },
onLoad() {
let that = this
//#ifdef APP-PLUS
jpushModule.addNotificationListener(function(result) {
if (!that.notArr.includes(result.messageID)) {
that.$refs.globalPopup.showPopu();
that.getOrderList()
}
that.notArr.push(result.messageID)
})
// #endif
},
onShow() {
this.getOrderList()
}
}
@ -108,7 +125,8 @@ export default {
<style lang='scss'>
.content {
background-color: #f5f5f5;
padding: 1vh 2vw;
margin-top: 2vh;
background-color: #F5F5F5;
padding: 0vh 2vw;
}
</style>

2
pages/logistics/te.vue
View File

@ -1,3 +1,5 @@
<!-- -->
<template>
<view>
<button @click="test2">按钮</button>

140
pages/oaHome/oaHome.vue
View File

@ -2,23 +2,19 @@
<view class="oa_home" style="oaColor">
<!-- <image class="header_bg" src="../../static/img/home/head-bg.png"></image> -->
<view
class="home_header"
:class="!ApproveList.length > 0 ? 'home_header_no_data' : ''"
>
<view class="home_header" :class="!ApproveList.length > 0 ? 'home_header_no_data' : ''">
<!-- #ifdef APP-PLUS||H5 -->
<view style="height: var(--status-bar-height)"></view>
<view style="height: 100rpx"></view>
<!-- #endif -->
<view class="my_info flex_a_c">
<view class="">
<u--image
:showLoading="true"
:src="myOaInfo.avatar || '../../static/img/public/avatar.png'"
width="130.28rpx"
height="130.28rpx"
shape="circle"
></u--image>
<view class="my_info ">
<view class="head_img">
<u--image :showLoading="true" style="translate:0 -10rpx ;"
:src="myOaInfo.avatar || '../../static/img/public/avatar.png'" width="150.28rpx"
height="150.28rpx" shape="circle"></u--image>
<text class="nickname">工作证: {{ myOaInfo.nickname }}</text>
<text>身份: {{ myOaInfo.admin_id ? "超级管理员" : "普通用户" }}</text>
</view>
<view v-if="!$store.state.app.token" @click="login" class="mesg_box">
<view class="name">
@ -26,24 +22,22 @@
</view>
<view class="duty"> 登录后可查看更多 </view>
</view>
<view v-else class="mesg_box">
<!-- <view v-else class="mesg_box">
<view class="name">
<text class="nickname">姓名:{{ myOaInfo.nickname }}</text>
<text>（{{ myOaInfo.admin_id ? "超级管理员" : "普通用户" }}）</text>
</view>
<view class="duty">
<!-- ({{ myOaInfo.did_name }}){{myOaInfo.label_name}} -->
电话:{{ myOaInfo.account }}<br />
公司:<text v-if="myOaInfo.company">{{
myOaInfo.company.company_name
}}</text
><br />
}}</text><br />
公司类型:<text v-if="myOaInfo.company">{{
myOaInfo.company.company_type_name
}}</text
><br />
</view>
}}</text><br />
</view>
</view> -->
</view>
<!-- 占位 -->
@ -58,50 +52,49 @@
</block>
</view> -->
<view
class="backlog"
:class="!ApproveList.length > 0 ? 'backlog_no_data' : ''"
>
<view class="backlog" :class="!ApproveList.length > 0 ? 'backlog_no_data' : ''">
<view class="head_title flex_a_c_j_sb">
<view class="title">公告列表</view>
<view class="flex_a_c" @click="navTo('/subpkg/noticeList/noticeList')"
>更多
<view class="flex_a_c" @click="navTo('/subpkg/noticeList/noticeList')">更多
<view class="iconfont icon-you">
<uni-icons type="forward"></uni-icons>
</view>
</view>
</view>
<block v-if="ApproveList.length > 0">
<view
class="backlog_item flex_a_c_j_sb"
v-for="(item, index) in ApproveList.slice(0, 2)"
:key="index"
@click="clickNotice(item.id)"
>
<view class="text">{{ item.title }}</view>
<i class="iconfont icon-you"
><uni-icons type="forward"></uni-icons
></i>
<view class="backlog_item flex_a_c_j_sb" v-for="(item, index) in ApproveList.slice(0, 2)"
:key="index" @click="clickNotice(item.id)">
<view class="text"> <text class="text_time">{{item.create_time.substring(0, 10)}}</text>
{{ item.title }}
</view>
<i class="iconfont icon-you"><uni-icons type="forward"></uni-icons></i>
</view>
</block>
<view v-else class="backlog_no flex_a_c_j_sb">
<view class="text">暂无更多消息</view>
<i class="iconfont icon-you"
><uni-icons type="forward"></uni-icons
></i>
<i class="iconfont icon-you"><uni-icons type="forward"></uni-icons></i>
</view>
</view>
</view>
<view class="my_task">
<view class="task_title flex_a_c_j_sb">
<view class="title">工作管理</view>
<view class="flex_a_c">更多
<view class="iconfont icon-you">
<uni-icons type="forward"></uni-icons>
</view>
</view>
</view>
</view>
<view class="fast_track">
<block v-for="(item, index) in oaHomeData" :key="index">
<view class="track_item" @click="navTwo(item.url, index)">
<u--image
:showLoading="true"
:src="item.icon"
width="77.19rpx"
height="77.19rpx"
></u--image>
<u--image :showLoading="true" :src="item.icon" width="77.19rpx" height="77.19rpx"></u--image>
<view class="title">{{ item.text }}</view>
</view>
</block>
@ -110,8 +103,7 @@
<view class="my_task">
<view class="task_title flex_a_c_j_sb">
<view class="title">配送信息</view>
<view class="flex_a_c" @click="goOrderList"
>更多
<view class="flex_a_c" @click="goOrderList">更多
<view class="iconfont icon-you">
<uni-icons type="forward"></uni-icons>
</view>
@ -122,19 +114,13 @@
<taskCard></taskCard>
</block> -->
<view v-if="orderList.length > 0">
<logistiBriefCard
v-for="(item, index) in orderList"
:key="index"
:goodsInfo="item"
>
<logistiBriefCard v-for="(item, index) in orderList" :key="index" :goodsInfo="item">
</logistiBriefCard>
</view>
<view v-else class="no_task">
<view class="title">暂无配送信息</view>
<view class="tips" v-if="!$store.state.app.token"
>登录后查看配送信息详情</view
>
<view class="tips" v-if="!$store.state.app.token">登录后查看配送信息详情</view>
</view>
<!-- <view class="head_title flex_a_c_j_sb">
<view class="">我的任务</view>
@ -422,9 +408,22 @@ export default {
width: 100%;
// background-color: $theme-oa-color;
margin-bottom: 133.33rpx;
background-image: url("../../static/img/home/home_bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: $theme-oa-color;
border-radius: 0 0 30rpx 30rpx;
.head_img {
background-color: #FF7C32;
width: 100%;
border-radius: 70rpx 50rpx 50rpx 70rpx;
height: 130.28rpx;
display: flex;
justify-content: space-between;
padding-right: 50rpx;
line-height: 130rpx;
color: white;
font-size: 30rpx;
// font-we
}
.my_info {
.mesg_box {
@ -496,17 +495,26 @@ export default {
text-overflow: ellipsis;
/* 使用省略号代表被截断的文本 */
width: 580rpx;
/* 设置元素宽度，根据需要进行调整 */
&::before {
content: "公告";
/* 设置元素宽度，根据需要进行调整 */
.text_time {
display: inline-block;
color: #ff8c1a;
padding: 2px 8px;
border-radius: 4px;
border: 1px solid #ff8c1a;
margin-right: 14.04rpx;
background-color: #ff8c1a;
color: white;
padding: 5rpx 10rpx;
margin-right: 10rpx;
border-radius: 15rpx;
}
// &::before {
// content: "公告";
// display: inline-block;
// color: #ff8c1a;
// padding: 2px 8px;
// border-radius: 4px;
// border: 1px solid #ff8c1a;
// margin-right: 14.04rpx;
// }
}
}

1
static/css/global.scss Normal file
View File

@ -0,0 +1 @@
$base-color: #0122c7;

330
subpkg/archives/archives.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="">
<view class="personnel_list">
<!-- <view class="personnel_list">
<view class="item" v-for="(item, index) in list" :key="item.id">
<view class="top">
<image class="avatar" src="../../static/img/public/record.png"></image>
@ -16,7 +16,8 @@
<view class="bottom">
<view>更新时间: {{item.update_time}}</view>
<view class="right" v-if="showView">
<view class="update" @click="navTo(`/subpkg/updateArchives/updateArchives?id=${item.id}&task_id=${task_id}`)">
<view class="update"
@click="navTo(`/subpkg/updateArchives/updateArchives?id=${item.id}&task_id=${task_id}`)">
更新
</view>
<view class="look" @click="navTo('/subpkg/archivesDetail/archivesDetail?id='+item.id)">
@ -30,6 +31,96 @@
<u-loadmore v-else :status="loadConfig.status" :loading-text="loadConfig.loadingText"
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
</view>
-->
<view class="personnel_list">
<view class="card" v-for="(item, index) in list" :key="item.id">
<view class="card_head">
<text style="font-size: 32rpx">最后更新: {{item.update_time.substring(0, 10)}}</text>
<text v-if="showView"
@click="navTo(`/subpkg/updateArchives/updateArchives?id=${item.id}&task_id=${task_id}`)">更新档案</text>
<text v-if="showView"
@click="navTo('/subpkg/archivesDetail/archivesDetail?id='+item.id)">查看档案</text>
</view>
<view class="card_content">
<view class="right">
<view class="">
<text>人员姓名 :</text>
<text> {{item.name}}</text>
</view>
<view class="">
<text>联系电话 :</text>
<text>{{item.phone}}</text>
</view>
<view class="">
<text>所属片区 :</text>
<text>{{(item.village_name||'')+(item.brigade_name||'')}}</text>
</view>
</view>
<view class="left">
<view class="cir">
<u--image class="u_avatar" :showLoading="true" :src=" '../../static/img/public/man.png'"
width="112.28rpx" height="112.28rpx" shape="circle"></u--image>
</view>
</view>
</view>
</view>
<!-- <block v-for="(item, index) in list" :key="item.id">
<view class="personnel_item" @click="navTo('/subpkg/archives/archives?id='+item.id)">
<view class="type" :class="item.is_contract?'type_blue':''">
<image v-if="item.is_contract" src="../../static/icons/ok_w.png"></image>
<image v-else src="../../static/icons/err_w.png"></image>
</view>
<view class="top" style="margin-bottom: 28rpx;">
<view class="left">
<u--image class="u_avatar" :showLoading="true" :src="item.avatar||'../../static/img/public/man.png'"
width="112.28rpx" height="112.28rpx" shape="circle"></u--image>
</view>
<view class="right">
<view class="info_top">
<view class="info_name">{{item.nickname}}</view>
<text class="phone">电话:</text>
<text class="tel">{{item.phone||item.account}}</text>
</view>
<view class="info_bottom">
<text class="item phone">
分管片区:
</text>
<view class="item">
<view class="location">
<text>{{ (item.street_name||'')+(item.village_name||'')+(item.brigade_name||'') }}</text>
</view>
</view>
</view>
<view class="info_bottom">
<text class="item phone">
所属公司:
</text>
<view class="item" v-if="item.company">
<view class="location">
{{item.company.company_name}}
</view>
</view>
</view>
</view>
</view>
<u-line color="#999999FF"></u-line>
<view class="bottom" style="margin-top: 28rpx;float: right;">
<view class="look">{{'管理户数: '+item.informationg_count+" 户"}}</view>
</view>
</view>
</block> -->
<u-empty v-if="loadConfig.status == 'nomore' && list.length == 0"
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>
<mybtn text="信息登记" v-if="showView" @click="navTo('/subpkg/newArchives/newArchives')"></mybtn>
</view>
</template>
@ -162,72 +253,211 @@
padding: 28rpx 0;
margin-bottom: 130rpx;
.item {
.card {
margin: 0 auto;
margin-bottom: 28rpx;
width: 694rpx;
// height: 201rpx;
background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
background: #ffffff;
border-radius: 30rpx;
opacity: 1;
margin-bottom: 21rpx;
box-sizing: border-box;
overflow: hidden;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
.card_head {
padding: 28rpx;
font-size: 24.53rpx;
color: #999999FF;
.top {
display: flex;
align-items: center;
width: 100%;
.avatar {
width: 120rpx;
height: 120rpx;
margin-right: 18rpx;
margin-bottom: 12rpx;
}
.body {
flex: 1;
font-size: 28rpx;
color: #333;
font-weight: bold;
.name {
font-size: 28rpx;
color: #333;
font-weight: 500;
display: inline-block;
margin-left: 18rpx;
}
}
}
.bottom {
background-color: $theme-oa-color;
color: white;
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20rpx;
font-size: 25rpx;
}
.card_content {
padding: 28rpx;
display: flex;
justify-content: space-between;
.left {
text-align: center;
// padding: 15rpx 25rpx;
padding-top: 20rpx;
width: 160rpx;
background-color: $theme-oa-color;
color: white;
border-radius: 40rpx;
.cir {
width: 120rpx;
height: 120rpx;
background-color: #ffffff;
margin-left: 25rpx;
border-radius: 120rpx;
position: relative;
}
}
.right {
font-size: 28rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
.look {
color: $theme-oa-color;
view {
text:nth-child(2) {
margin-left: 20rpx;
}
}
.update {
color: #34A853;
margin-right: 38rpx;
}
}
// .top {
// display: flex;
// justify-content: left;
// // align-items: center;
// .avatar {
// width: 88rpx;
// height: 88rpx;
// border-radius: 50%;
// margin-right: 18rpx;
// }
.u_avatar {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
// .text {
// display: flex;
// justify-content: space-around;
// flex-direction: column;
// .name {
// font-size: 32rpx;
// font-weight: 500;
// color: #333333;
// }
// .mobile {
// color: #999999;
// }
// }
// }
// .bottom {
// display: flex;
// justify-content: space-between;
// font-size: 25rpx;
// font-weight: 400;
// .left {
// display: flex;
// justify-content: left;
// align-items: center;
// margin-top: 20rpx;
// .circle {
// width: 11rpx;
// height: 11rpx;
// opacity: 1;
// border: 2rpx solid #34A853;
// margin-right: 10rpx;
// border-radius: 50%;
// }
// .green {
// font-weight: 400;
// color: #34A853;
// line-height: 0rpx;
// margin-right: 18rpx;
// -webkit-background-clip: text;
// }
// .b_l_text {
// width: 360rpx;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// }
// .right {
// color: #3274F9;
// margin-top: 20rpx;
// }
// }
}
// .item {
// margin: 0 auto;
// width: 694rpx;
// // height: 201rpx;
// background: #FFFFFF;
// border-radius: 14rpx 14rpx 14rpx 14rpx;
// opacity: 1;
// margin-bottom: 21rpx;
// box-sizing: border-box;
// padding: 28rpx;
// font-size: 24.53rpx;
// color: #999999FF;
// .top {
// display: flex;
// align-items: center;
// width: 100%;
// .avatar {
// width: 120rpx;
// height: 120rpx;
// margin-right: 18rpx;
// margin-bottom: 12rpx;
// }
// .body {
// flex: 1;
// font-size: 28rpx;
// color: #333;
// font-weight: bold;
// .name {
// font-size: 28rpx;
// color: #333;
// font-weight: 500;
// display: inline-block;
// margin-left: 18rpx;
// }
// }
// }
// .bottom {
// display: flex;
// justify-content: space-between;
// align-items: center;
// margin-top: 20rpx;
// font-size: 25rpx;
// .right {
// font-size: 28rpx;
// display: flex;
// .look {
// color: $theme-oa-color;
// }
// .update {
// color: #34A853;
// margin-right: 38rpx;
// }
// }
// }
// }
}
</style>

82
subpkg/archivesDetail/archivesDetail.vue
View File

@ -20,8 +20,8 @@
<u-form-item label="性别" required prop="sex" borderBottom>
<u-radio-group v-model="formData.sex" :disabled="readonly" style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index" :label="item.label"
:name="item.value">
v-for="(item, index) in [{value:1,label:'男'},{value:2,label:'女'}]" :key="index"
:label="item.label" :name="item.value">
</u-radio>
</u-radio-group>
</u-form-item>
@ -29,10 +29,12 @@
<u--input v-model="formData.age" :readonly="readonly" placeholder="请输入年龄"></u--input>
</u-form-item>
<u-form-item labelWidth="auto" label="身份证号" required prop="id_card" borderBottom>
<u--input v-model="formData.id_card" :readonly="readonly" placeholder="请输入身份证号" type="idcard"></u--input>
<u--input v-model="formData.id_card" :readonly="readonly" placeholder="请输入身份证号"
type="idcard"></u--input>
</u-form-item>
<u-form-item labelWidth="auto" label="联系方式" required prop="phone" borderBottom>
<u--input v-model="formData.phone" :readonly="readonly" placeholder="请输入手机号" type="number"></u--input>
<u--input v-model="formData.phone" :readonly="readonly" placeholder="请输入手机号"
type="number"></u--input>
</u-form-item>
</view>
</view>
@ -45,7 +47,8 @@
</u-form-item>
<u-form-item labelWidth="auto" label="小队" required prop="address" borderBottom>
<!-- <u--input v-model="formData.brigade_name&&formData.brigade_name[0].brigade_name" :readonly="readonly" placeholder="请选择小队"></u--input> -->
<u--input v-model="formData.brigade_name" :readonly="readonly" placeholder="请选择小队"></u--input>
<u--input v-model="formData.brigade_name" :readonly="readonly"
placeholder="请选择小队"></u--input>
</u-form-item>
<u-form-item labelWidth="auto" label="详细地址" required prop="address" borderBottom>
<u--input v-model="formData.address" :readonly="readonly" placeholder="请输入详细地址"></u--input>
@ -53,23 +56,25 @@
<u-form-item labelWidth="auto" label="汽车是否能到家" required prop="highway" borderBottom>
<u-radio-group v-model="formData.highway" :disabled="readonly" style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
:name="item.value">
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
:label="item.label" :name="item.value">
</u-radio>
</u-radio-group>
</u-form-item>
<block value="智能手机">
<u-form-item labelWidth="auto" label="是否使用智能手机" required prop="smart_phone" borderBottom>
<u-radio-group v-model="formData.smart_phone" :disabled="readonly" style="margin: 16rpx;">
<u-radio-group v-model="formData.smart_phone" :disabled="readonly"
style="margin: 16rpx;">
<u-radio :customStyle="{marginRight: '16px'}"
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index" :label="item.label"
:name="item.value">
v-for="(item, index) in [{value:1,label:'是'},{value:0,label:'否'}]" :key="index"
:label="item.label" :name="item.value">
</u-radio>
</u-radio-group>
</u-form-item>
<block v-if="formData.smart_phone>0">
<u-form-item labelWidth="auto" label="微信号" required borderBottom>
<u--input v-model="formData.wechat" :readonly="readonly" placeholder="请输入微信号"></u--input>
<u--input v-model="formData.wechat" :readonly="readonly"
placeholder="请输入微信号"></u--input>
</u-form-item>
</block>
</block>
@ -87,21 +92,32 @@
<breeding v-if="item.id==32" ref="demandRef32" :datas="item.datas" :readonly="true"></breeding>
<plant v-if="item.id==7" ref="demandRef7" :datas="item.datas" :readonly="true"></plant>
<store v-if="item.id==8" ref="demandRef8" :datas="item.datas" :readonly="true"></store>
<deepProcessing v-if="item.id==9" ref="demandRef9" :datas="item.datas" :readonly="true"></deepProcessing>
<thickProcessing v-if="item.id==10" ref="demandRef10" :datas="item.datas" :readonly="true"></thickProcessing>
<deepProcessing v-if="item.id==9" ref="demandRef9" :datas="item.datas" :readonly="true">
</deepProcessing>
<thickProcessing v-if="item.id==10" ref="demandRef10" :datas="item.datas" :readonly="true">
</thickProcessing>
</block>
<block>
<houseRepair v-if="item.id==12" ref="demandRef12" :datas="item.datas" :readonly="true"></houseRepair>
<houseDecoration v-if="item.id==13" ref="demandRef13" :datas="item.datas" :readonly="true"></houseDecoration>
<houseRenovate v-if="item.id==14" ref="demandRef14" :datas="item.datas" :readonly="true"></houseRenovate>
<houseTransaction v-if="item.id==15" ref="demandRef15" :datas="item.datas" :readonly="true"></houseTransaction>
<houseRepair v-if="item.id==12" ref="demandRef12" :datas="item.datas" :readonly="true">
</houseRepair>
<houseDecoration v-if="item.id==13" ref="demandRef13" :datas="item.datas" :readonly="true">
</houseDecoration>
<houseRenovate v-if="item.id==14" ref="demandRef14" :datas="item.datas" :readonly="true">
</houseRenovate>
<houseTransaction v-if="item.id==15" ref="demandRef15" :datas="item.datas" :readonly="true">
</houseTransaction>
</block>
<block>
<banquetMarry v-if="item.id==17" ref="demandRef17" :datas="item.datas" :readonly="true"></banquetMarry>
<banquetBirthday v-if="item.id==18" ref="demandRef18" :datas="item.datas" :readonly="true"></banquetBirthday>
<banquetFullMoon v-if="item.id==19" ref="demandRef19" :datas="item.datas" :readonly="true"></banquetFullMoon>
<banquetOther v-if="item.id==20" ref="demandRef20" :datas="item.datas" :readonly="true"></banquetOther>
<banquetFuneral v-if="item.id==21" ref="demandRef21" :datas="item.datas" :readonly="true"></banquetFuneral>
<banquetMarry v-if="item.id==17" ref="demandRef17" :datas="item.datas" :readonly="true">
</banquetMarry>
<banquetBirthday v-if="item.id==18" ref="demandRef18" :datas="item.datas" :readonly="true">
</banquetBirthday>
<banquetFullMoon v-if="item.id==19" ref="demandRef19" :datas="item.datas" :readonly="true">
</banquetFullMoon>
<banquetOther v-if="item.id==20" ref="demandRef20" :datas="item.datas" :readonly="true">
</banquetOther>
<banquetFuneral v-if="item.id==21" ref="demandRef21" :datas="item.datas" :readonly="true">
</banquetFuneral>
</block>
</block>
<u-empty v-if="formData.datas.length==0" icon="/static/img/empty/data.png" text="没有数据"></u-empty>
@ -111,10 +127,19 @@
</template>
<script>
import { Toast } from "../../libs/uniApi"
import { informationAdd, informationDetails } from "@/api/information.js"
import { comonentList } from '@/static/server/archives.js'
import { getTimeAgo } from "@/utils/time.js"
import {
Toast
} from "../../libs/uniApi"
import {
informationAdd,
informationDetails
} from "@/api/information.js"
import {
comonentList
} from '@/static/server/archives.js'
import {
getTimeAgo
} from "@/utils/time.js"
import districtSelector from "@/components/districtSelector/districtSelector.vue" //地区选择器
import residents from "@/components/newArchives/residents.vue" // 常住人口
import breeding from "@/components/newArchives/breeding.vue" // 种养殖
@ -181,7 +206,9 @@
}
},
onLoad(options) {
this.initInformationDetails({ id: options.id });
this.initInformationDetails({
id: options.id
});
this.initMap();
},
onShow() {},
@ -256,6 +283,7 @@
padding: 32rpx 28rpx 0 28rpx;
display: flex;
justify-content: space-between;
.right {
color: $theme-oa-color;
}

589
subpkg/captain/captain.vue
View File

@ -24,7 +24,48 @@
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText"
:loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" /> -->
<view class="personnel_list">
<block v-for="(item, index) in list" :key="item.id">
<view class="card" v-for="(item, index) in list" :key="item.id"
@click="navTo('/subpkg/archives/archives?id='+item.id)">
<view class="card_head">
<text style="font-size: 34rpx;">最后更新: 2023-8-1</text>
<text>{{'管理户数: '+item.informationg_count+" 户"}}<u-icon
style="display: inline-block;margin-left: 10rpx;" color="white"
name="arrow-right"></u-icon></text>
</view>
<view class="card_content">
<view class="left">
<view class="cir">
<u--image class="u_avatar" :showLoading="true"
:src="item.avatar||'../../static/img/public/man.png'" width="112.28rpx"
height="112.28rpx" shape="circle"></u--image>
</view>
<view style="margin-top: 40rpx;">
<u-icon style="display: inline-block;margin-left: 10rpx;" color="white"
name="edit-pen-fill"></u-icon> {{item.is_contract?"已签约":"未签约"}}
</view>
</view>
<view class="right">
<view class="">
<text>公司名称 :</text>
<text> {{item.company.company_name}}</text>
</view>
<view class="">
<text>人员姓名 :</text>
<text>{{item.nickname}}</text>
</view>
<view class="">
<text>联系电话 :</text>
<text>{{item.phone||item.account}}</text>
</view>
<view class="">
<text>负责区域 :</text>
<text>{{ (item.street_name||'')+(item.village_name||'')+(item.brigade_name||'') }}</text>
</view>
</view>
</view>
</view>
<!-- <block v-for="(item, index) in list" :key="item.id">
<view class="personnel_item" @click="navTo('/subpkg/archives/archives?id='+item.id)">
<view class="type" :class="item.is_contract?'type_blue':''">
<image v-if="item.is_contract" src="../../static/icons/ok_w.png"></image>
@ -68,7 +109,7 @@
<view class="look">{{'管理户数: '+item.informationg_count+" 户"}}</view>
</view>
</view>
</block>
</block> -->
<u-empty v-if="loadConfig.status=='nomore'&& list.length==0" 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" />
@ -78,8 +119,12 @@
</template>
<script>
import { companyUser } from "@/api/company.js"
import { Toast } from '@/libs/uniApi.js'
import {
companyUser
} from "@/api/company.js"
import {
Toast
} from '@/libs/uniApi.js'
export default {
data() {
return {
@ -140,7 +185,7 @@
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.page {
padding-top: 28rpx;
}
@ -148,281 +193,339 @@
.card {
margin: 0 auto;
margin-bottom: 28rpx;
padding: 28rpx;
width: 694rpx;
height: 221rpx;
background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
border-radius: 30rpx;
opacity: 1;
overflow: hidden;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
.top {
display: flex;
justify-content: left;
// align-items: center;
.avatar {
width: 88rpx;
height: 88rpx;
border-radius: 50%;
margin-right: 18rpx;
}
.u_avatar {
margin-right: 18rpx;
}
.text {
display: flex;
justify-content: space-around;
flex-direction: column;
.name {
font-size: 32rpx;
font-weight: 500;
color: #333333;
}
.mobile {
color: #999999;
}
}
}
.bottom {
.card_head {
padding: 28rpx;
background-color: $theme-oa-color;
color: white;
height: 100rpx;
display: flex;
justify-content: space-between;
font-size: 25rpx;
font-weight: 400;
}
.card_content {
padding: 28rpx;
display: flex;
.left {
display: flex;
justify-content: left;
align-items: center;
margin-top: 20rpx;
text-align: center;
// padding: 15rpx 25rpx;
padding-top: 20rpx;
.circle {
width: 11rpx;
height: 11rpx;
opacity: 1;
border: 2rpx solid #34A853;
margin-right: 10rpx;
border-radius: 50%;
}
margin-right: 50rpx;
width: 160rpx;
background-color: $theme-oa-color;
color: white;
border-radius: 40rpx;
.green {
font-weight: 400;
color: #34A853;
line-height: 0rpx;
margin-right: 18rpx;
-webkit-background-clip: text;
}
.b_l_text {
width: 360rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.right {
color: #3274F9;
margin-top: 20rpx;
}
}
}
.personnel_list {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 130rpx;
.personnel_item {
width: 694rpx;
// height: 407rpx;
background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-bottom: 32rpx;
overflow: hidden;
.cir {
width: 120rpx;
height: 120rpx;
background-color: #FFFFFF;
margin-left: 25rpx;
border-radius: 120rpx;
position: relative;
padding: 28rpx;
.type {
width: 50rpx;
height: 50rpx;
background-color: #F02828;
border-radius: 50%;
font-size: 25rpx;
font-weight: 400;
color: #FFFFFF;
line-height: 35rpx;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 28rpx;
right: 28rpx;
image {
width: 18rpx;
height: 18rpx;
margin-right: 1rpx;
}
}
.type_blue {
background-color: #34A853;
}
.top {
// background-color: #3274F9;
display: flex;
.right {
display: flex;
flex-direction: column;
justify-content: space-around;
margin-left: 28rpx;
font-size: 25rpx;
font-weight: 400;
overflow: hidden;
color: #999999;
justify-content: space-between;
.info_top {
display: flex;
align-items: flex-end;
font-size: 25rpx;
font-weight: 400;
color: $theme-oa-color;
margin-bottom: 10rpx;
.info_name {
font-size: 32rpx;
font-weight: 400;
color: #333333;
margin-right: 18rpx;
}
.phone {
margin-left: 30rpx;
color: #999999;
}
.tel {
color: #000;
}
}
.info_bottom {
display: flex;
margin-bottom: 8rpx;
.item {
display: flex;
align-items: flex-start;
}
.phone {
margin-right: 28rpx;
}
.location {
width: 320rpx;
// white-space: nowrap;
// /* 不换行 */
// overflow: hidden;
// /* 将超出文本隐藏 */
// text-overflow: ellipsis;
// /* 使用省略号表示被隐藏的文本 */
color: #000;
}
}
.company {
display: flex;
text {
margin-right: 30rpx;
flex-shrink: 0;
}
.itm {
width: 320rpx;
// white-space: nowrap;
// /* 不换行 */
// overflow: hidden;
// /* 将超出文本隐藏 */
// text-overflow: ellipsis;
// /* 使用省略号表示被隐藏的文本 */
color: #000;
view {
text:nth-child(2) {
margin-left: 20rpx;
}
}
}
}
.center {
padding: 28rpx 0;
// .top {
// display: flex;
// justify-content: left;
// // align-items: center;
.top {
font-size: 28rpx;
font-weight: 400;
color: #666666FF;
margin-bottom: 20rpx;
// .avatar {
// width: 88rpx;
// height: 88rpx;
// border-radius: 50%;
// margin-right: 18rpx;
// }
.green {
color: #34A853FF;
.u_avatar {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.yellow {
color: #F9AA32FF;
}
}
// .text {
// display: flex;
// justify-content: space-around;
// flex-direction: column;
.bottom {
display: flex;
justify-content: space-around;
font-size: 25rpx;
font-weight: 400;
color: #999999;
// .name {
// font-size: 32rpx;
// font-weight: 500;
// color: #333333;
// }
image {
width: 18rpx;
height: 18rpx;
margin-right: 9rpx;
}
}
}
// .mobile {
// color: #999999;
// }
// }
// }
.bottom {
display: flex;
justify-content: center;
// .bottom {
// display: flex;
// justify-content: space-between;
// font-size: 25rpx;
// font-weight: 400;
.look {
height: 43rpx;
background: #FFFFFF;
border-radius: 26rpx 26rpx 26rpx 26rpx;
opacity: 1;
// border: 2rpx solid $theme-oa-color;
font-size: 28rpx;
font-weight: 400;
margin-left: 28rpx;
color: $theme-oa-color;
display: flex;
justify-content: center;
align-items: center;
}
// .left {
// display: flex;
// justify-content: left;
// align-items: center;
// margin-top: 20rpx;
.sign {
color: #34A853;
// .circle {
// width: 11rpx;
// height: 11rpx;
// opacity: 1;
// border: 2rpx solid #34A853;
// margin-right: 10rpx;
// border-radius: 50%;
// }
// .green {
// font-weight: 400;
// color: #34A853;
// line-height: 0rpx;
// margin-right: 18rpx;
// -webkit-background-clip: text;
// }
// .b_l_text {
// width: 360rpx;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// }
// .right {
// color: #3274F9;
// margin-top: 20rpx;
// }
// }
}
.red {
color: #F02828;
// border: 2rpx solid #F02828;
}
}
}
}
// .personnel_list {
// display: flex;
// flex-direction: column;
// align-items: center;
// padding-bottom: 130rpx;
// .personnel_item {
// width: 694rpx;
// // height: 407rpx;
// background: #FFFFFF;
// border-radius: 14rpx 14rpx 14rpx 14rpx;
// margin-bottom: 32rpx;
// overflow: hidden;
// position: relative;
// padding: 28rpx;
// .type {
// width: 50rpx;
// height: 50rpx;
// background-color: #F02828;
// border-radius: 50%;
// font-size: 25rpx;
// font-weight: 400;
// color: #FFFFFF;
// line-height: 35rpx;
// display: flex;
// justify-content: center;
// align-items: center;
// position: absolute;
// top: 28rpx;
// right: 28rpx;
// image {
// width: 18rpx;
// height: 18rpx;
// margin-right: 1rpx;
// }
// }
// .type_blue {
// background-color: #34A853;
// }
// .top {
// // background-color: #3274F9;
// display: flex;
// .right {
// display: flex;
// flex-direction: column;
// justify-content: space-around;
// margin-left: 28rpx;
// font-size: 25rpx;
// font-weight: 400;
// overflow: hidden;
// color: #999999;
// .info_top {
// display: flex;
// align-items: flex-end;
// font-size: 25rpx;
// font-weight: 400;
// color: $theme-oa-color;
// margin-bottom: 10rpx;
// .info_name {
// font-size: 32rpx;
// font-weight: 400;
// color: #333333;
// margin-right: 18rpx;
// }
// .phone {
// margin-left: 30rpx;
// color: #999999;
// }
// .tel {
// color: #000;
// }
// }
// .info_bottom {
// display: flex;
// margin-bottom: 8rpx;
// .item {
// display: flex;
// align-items: flex-start;
// }
// .phone {
// margin-right: 28rpx;
// }
// .location {
// width: 320rpx;
// // white-space: nowrap;
// // /* 不换行 */
// // overflow: hidden;
// // /* 将超出文本隐藏 */
// // text-overflow: ellipsis;
// // /* 使用省略号表示被隐藏的文本 */
// color: #000;
// }
// }
// .company {
// display: flex;
// text {
// margin-right: 30rpx;
// flex-shrink: 0;
// }
// .itm {
// width: 320rpx;
// // white-space: nowrap;
// // /* 不换行 */
// // overflow: hidden;
// // /* 将超出文本隐藏 */
// // text-overflow: ellipsis;
// // /* 使用省略号表示被隐藏的文本 */
// color: #000;
// }
// }
// }
// }
// .center {
// padding: 28rpx 0;
// .top {
// font-size: 28rpx;
// font-weight: 400;
// color: #666666FF;
// margin-bottom: 20rpx;
// .green {
// color: #34A853FF;
// }
// .yellow {
// color: #F9AA32FF;
// }
// }
// .bottom {
// display: flex;
// justify-content: space-around;
// font-size: 25rpx;
// font-weight: 400;
// color: #999999;
// image {
// width: 18rpx;
// height: 18rpx;
// margin-right: 9rpx;
// }
// }
// }
// .bottom {
// display: flex;
// justify-content: center;
// .look {
// height: 43rpx;
// background: #FFFFFF;
// border-radius: 26rpx 26rpx 26rpx 26rpx;
// opacity: 1;
// // border: 2rpx solid $theme-oa-color;
// font-size: 28rpx;
// font-weight: 400;
// margin-left: 28rpx;
// color: $theme-oa-color;
// display: flex;
// justify-content: center;
// align-items: center;
// }
// .sign {
// color: #34A853;
// // border: 2rpx solid #34A853;
// }
// .red {
// color: #F02828;
// // border: 2rpx solid #F02828;
// }
// }
// }
// }
</style>

28
subpkg/companyInfo/companyInfo.vue
View File

@ -1,8 +1,8 @@
<template>
<view class="">
<u-sticky bgColor="#fff">
<u-tabs :list="tabLists" @click="changeCurrent" lineColor='#3274F9' :scrollable="false" lineWidth='40'
inactiveStyle='color:#666' activeStyle="color:#3274F9"></u-tabs>
<u-sticky bgColor="#0022C7">
<u-tabs :list="tabLists" @click="changeCurrent" lineColor='white' :scrollable="false" lineWidth='40'
inactiveStyle='color:white' activeStyle="color:white"></u-tabs>
</u-sticky>
<view v-if="loadType">
<view class="company_info" v-show="current==0">
@ -53,12 +53,19 @@
</template>
<script>
import { companyIndex } from "@/api/company.js"
import { Toast } from '@/libs/uniApi.js'
import {
companyIndex
} from "@/api/company.js"
import {
Toast
} from '@/libs/uniApi.js'
import companyFinance from "@/components/companyFinance/companyFinance.vue"
import task from "@/components/task/index.vue"
export default {
components: { companyFinance, task },
components: {
companyFinance,
task
},
data() {
return {
current: 0,
@ -147,15 +154,16 @@
onPullDownRefresh() {
if (this.current == 1) this.initLoad();
else if (this.current == 3) this.$refs.taskRef.initLoadConfig();
this.$u.sleep(500).then(()=>{uni.stopPullDownRefresh()})
this.$u.sleep(500).then(() => {
uni.stopPullDownRefresh()
})
}
}
</script>
<style lang="scss">
page{
page {}
}
.fixed_box {
width: 100%;
position: fixed;
@ -289,8 +297,10 @@
display: flex;
flex-direction: column;
justify-content: space-between;
.text_item {
display: flex;
.left_text {
flex-shrink: 0;
}

465
subpkg/personnel/personnel.vue
View File

@ -1,6 +1,8 @@
<template>
<view class="personnel">
<view class="personnel_list">
<!--
<block v-for="(item, index) in userList" :key="item.id">
<view class="personnel_item">
<view class="type" :class="item.is_contract?'type_blue':''">
@ -9,8 +11,9 @@
</view>
<view class="top" style="margin-bottom: 28rpx;">
<view class="left">
<u--image class="u_avatar" :showLoading="true" :src="item.avatar||'../../static/img/public/man.png'"
width="112.28rpx" height="112.28rpx" shape="circle"></u--image>
<u--image class="u_avatar" :showLoading="true"
:src="item.avatar||'../../static/img/public/man.png'" width="112.28rpx"
height="112.28rpx" shape="circle"></u--image>
</view>
<view class="right">
<view class="info_top">
@ -23,7 +26,9 @@
分管片区:
</text>
<view class="item">
<view class="location">{{ (item.street_name||'')+(item.village_name||'')+(item.brigade_name||'') }}</view>
<view class="location">
{{ (item.street_name||'')+(item.village_name||'')+(item.brigade_name||'') }}
</view>
</view>
</view>
<view class="info_bottom">
@ -38,21 +43,67 @@
</view>
</view>
</view>
<!-- <view class="center">
<view class="top" v-for="(role, roleIndex) in item.roles" :key="roleIndex">
{{role}}
</view>
</view> -->
<u-line color="#999999FF"></u-line>
<view class="bottom" style="margin-top: 28rpx;float: right;">
<button class="look sign" v-if="item.is_contract==1" @click="changeSign(item)">已签约</button>
<button class="look red" v-else @click="changeSign(item)">未签约</button>
<button class="look" @click="navTo('/subpkg/finance/finance?id='+item.id)">财务查看</button>
<button class="look" @click="navTo('/subpkg/personnelDetails/personnelDetails?id='+item.id)">信息查看</button>
<button class="look"
@click="navTo('/subpkg/personnelDetails/personnelDetails?id='+item.id)">信息查看</button>
</view>
</view>
</block>
<u-empty v-if="loadConfig.status=='nomore'&& userList.length==0" icon="/static/img/empty/data.png"></u-empty>
-->
<view class="personnel_list">
<view class="card" v-for="(item, index) in userList" :key="item.id">
<view class="card_head">
<text style="font-size: 32rpx">创建时间: 2020-25-2</text>
<text @click="navTo('/subpkg/finance/finance?id='+item.id)">财务查看</text>
<text @click="navTo('/subpkg/personnelDetails/personnelDetails?id='+item.id)">信息查看</text>
</view>
<view class="card_content">
<view class="left">
<view class="cir">
<u--image class="u_avatar" :showLoading="true"
:src="item.avatar||'../../static/img/public/man.png'" width="112.28rpx"
height="112.28rpx" shape="circle"></u--image>
</view>
<view style="margin-top: 40rpx;" @click="changeSign(item)">
<u-icon style="display: inline-block;margin-left: 10rpx;" color="white"
name="edit-pen-fill"></u-icon> {{item.is_contract?'已签约':'未签约'}}
</view>
</view>
<view class="right">
<view class="">
<text>公司名称 :</text>
<text> {{item.company.company_name}}</text>
</view>
<view class="">
<text>人员姓名 :</text>
<text>{{item.nickname}}</text>
</view>
<view class="">
<text>联系电话 :</text>
<text>{{item.phone}}</text>
</view>
<view class="">
<text>负责区域 :</text>
<text> {{ (item.street_name||'')+(item.village_name||'')+(item.brigade_name||'') }}
</text>
</view>
</view>
</view>
</view>
</view>
<u-empty v-if="loadConfig.status=='nomore'&& userList.length==0"
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>
@ -62,8 +113,12 @@
</template>
<script>
import { Toast } from '@/libs/uniApi.js'
import { companyUser } from "@/api/company.js"
import {
Toast
} from '@/libs/uniApi.js'
import {
companyUser
} from "@/api/company.js"
export default {
data() {
return {
@ -150,199 +205,285 @@
}
.personnel_list {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 32rpx;
padding-bottom: 130rpx;
padding: 28rpx 0;
margin-bottom: 130rpx;
.personnel_item {
.card {
margin: 0 auto;
margin-bottom: 28rpx;
width: 694rpx;
// height: 407rpx;
background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
margin-bottom: 32rpx;
border-radius: 30rpx;
opacity: 1;
overflow: hidden;
position: relative;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
.card_head {
padding: 28rpx;
.type {
width: 50rpx;
height: 50rpx;
background-color: #F02828;
border-radius: 50%;
font-size: 25rpx;
font-weight: 400;
color: #FFFFFF;
line-height: 35rpx;
background-color: $theme-oa-color;
color: white;
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 28rpx;
right: 28rpx;
justify-content: space-between;
image {
width: 18rpx;
height: 18rpx;
margin-right: 1rpx;
}
}
.type_blue {
background-color: #34A853;
}
.top {
// background-color: #3274F9;
.card_content {
padding: 28rpx;
display: flex;
.left {
text-align: center;
// padding: 15rpx 25rpx;
padding-top: 20rpx;
margin-right: 50rpx;
width: 160rpx;
background-color: $theme-oa-color;
color: white;
border-radius: 40rpx;
.cir {
width: 120rpx;
height: 120rpx;
background-color: #FFFFFF;
margin-left: 25rpx;
border-radius: 120rpx;
position: relative;
}
}
.right {
display: flex;
flex-direction: column;
justify-content: space-around;
margin-left: 28rpx;
font-size: 25rpx;
font-weight: 400;
overflow: hidden;
color: #999999;
justify-content: space-between;
.info_top {
display: flex;
align-items: flex-end;
font-size: 25rpx;
font-weight: 400;
color: $theme-oa-color;
margin-bottom: 10rpx;
.info_name {
font-size: 32rpx;
font-weight: 400;
color: #333333;
margin-right: 18rpx;
view {
text:nth-child(2) {
margin-left: 20rpx;
}
.phone {
margin-left: 30rpx;
color: #999999;
}
.tel {
color: #000;
}
}
.info_bottom {
display: flex;
margin-bottom: 8rpx;
.item {
display: flex;
align-items: flex-start;
.u_avatar {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.phone {
margin-right: 28rpx;
}
.location {
width: 350rpx;
}
// .personnel_list {
// display: flex;
// flex-direction: column;
// align-items: center;
// padding-top: 32rpx;
// padding-bottom: 130rpx;
// .personnel_item {
// width: 694rpx;
// // height: 407rpx;
// background: #FFFFFF;
// border-radius: 14rpx 14rpx 14rpx 14rpx;
// margin-bottom: 32rpx;
// overflow: hidden;
// position: relative;
// padding: 28rpx;
// .type {
// width: 50rpx;
// height: 50rpx;
// background-color: #F02828;
// border-radius: 50%;
// font-size: 25rpx;
// font-weight: 400;
// color: #FFFFFF;
// line-height: 35rpx;
// display: flex;
// justify-content: center;
// align-items: center;
// position: absolute;
// top: 28rpx;
// right: 28rpx;
// image {
// width: 18rpx;
// height: 18rpx;
// margin-right: 1rpx;
// }
// }
// .type_blue {
// background-color: #34A853;
// }
// .top {
// // background-color: #3274F9;
// display: flex;
// .right {
// display: flex;
// flex-direction: column;
// justify-content: space-around;
// margin-left: 28rpx;
// font-size: 25rpx;
// font-weight: 400;
// overflow: hidden;
// color: #999999;
// .info_top {
// display: flex;
// align-items: flex-end;
// font-size: 25rpx;
// font-weight: 400;
// color: $theme-oa-color;
// margin-bottom: 10rpx;
// .info_name {
// font-size: 32rpx;
// font-weight: 400;
// color: #333333;
// margin-right: 18rpx;
// }
// .phone {
// margin-left: 30rpx;
// color: #999999;
// }
// .tel {
// color: #000;
// }
// }
// .info_bottom {
// display: flex;
// margin-bottom: 8rpx;
// .item {
// display: flex;
// align-items: flex-start;
// }
// .phone {
// margin-right: 28rpx;
// }
// .location {
// width: 350rpx;
// // white-space: nowrap;
// // /* 不换行 */
// // overflow: hidden;
// // /* 将超出文本隐藏 */
// // text-overflow: ellipsis;
// // /* 使用省略号表示被隐藏的文本 */
// color: #000;
// }
// }
// .company {
// display: flex;
// text {
// margin-right: 30rpx;
// }
// .itm {
// width: 350rpx;
// white-space: nowrap;
// /* 不换行 */
// overflow: hidden;
// /* 将超出文本隐藏 */
// text-overflow: ellipsis;
// /* 使用省略号表示被隐藏的文本 */
color: #000;
}
}
// color: #000;
// }
// }
// }
// }
.company {
display: flex;
// .center {
// padding: 28rpx 0;
text {
margin-right: 30rpx;
}
// .top {
// font-size: 28rpx;
// font-weight: 400;
// color: #666666FF;
// margin-bottom: 20rpx;
.itm {
width: 350rpx;
white-space: nowrap;
/* 不换行 */
overflow: hidden;
/* 将超出文本隐藏 */
text-overflow: ellipsis;
/* 使用省略号表示被隐藏的文本 */
color: #000;
}
}
}
}
// .green {
// color: #34A853FF;
// }
.center {
padding: 28rpx 0;
// .yellow {
// color: #F9AA32FF;
// }
// }
.top {
font-size: 28rpx;
font-weight: 400;
color: #666666FF;
margin-bottom: 20rpx;
// .bottom {
// display: flex;
// justify-content: space-around;
// font-size: 25rpx;
// font-weight: 400;
// color: #999999;
.green {
color: #34A853FF;
}
// image {
// width: 18rpx;
// height: 18rpx;
// margin-right: 9rpx;
// }
// }
// }
.yellow {
color: #F9AA32FF;
}
}
// .bottom {
// display: flex;
// justify-content: center;
.bottom {
display: flex;
justify-content: space-around;
font-size: 25rpx;
font-weight: 400;
color: #999999;
// .look {
// width: 128rpx;
// height: 43rpx;
// background: #FFFFFF;
// border-radius: 26rpx 26rpx 26rpx 26rpx;
// opacity: 1;
// // border: 2rpx solid $theme-oa-color;
// font-size: 28rpx;
// font-weight: 400;
// margin-left: 28rpx;
// color: $theme-oa-color;
// display: flex;
// justify-content: center;
// align-items: center;
// }
image {
width: 18rpx;
height: 18rpx;
margin-right: 9rpx;
}
}
}
// .sign {
// color: #34A853;
// // border: 2rpx solid #34A853;
// }
.bottom {
display: flex;
justify-content: center;
// .red {
// color: #F02828;
// // border: 2rpx solid #F02828;
// }
// }
// }
// }
.look {
width: 128rpx;
height: 43rpx;
background: #FFFFFF;
border-radius: 26rpx 26rpx 26rpx 26rpx;
opacity: 1;
// border: 2rpx solid $theme-oa-color;
font-size: 28rpx;
font-weight: 400;
margin-left: 28rpx;
color: $theme-oa-color;
display: flex;
justify-content: center;
align-items: center;
}
.sign {
color: #34A853;
// border: 2rpx solid #34A853;
}
.red {
color: #F02828;
// border: 2rpx solid #F02828;
}
}
}
}
}
</style>

119
test.vue Normal file
View File

@ -0,0 +1,119 @@
<template>
<view class="personnel_list">
<view class="cards">
<view class="cards_head">
<text style="font-size: 32rpx">最后更新:2020-25-2</text>
<text>更新档案</text>
<text>查看档案</text>
</view>
<view class="cards_content">
<view class="right">
<view class="">
<text>人员姓名 :</text>
<text> { item.name }</text>
</view>
<view class="">
<text>联系电话 :</text>
<text>{ item.phone }</text>
</view>
<view class="">
<text>所属片区 :</text>
<text> 所属片区 </text>
</view>
</view>
<view class="left">
<view class="cir">
<u--image
class="u_avatar"
:showLoading="true"
:src="'../../static/img/public/man.png'"
width="112.28rpx"
height="112.28rpx"
shape="circle"
></u--image>
</view>
</view>
</view>
</view>
</view>
</template>
<style lang="scss">
.personnel_list {
padding: 28rpx 0;
margin-bottom: 130rpx;
.cards {
margin: 0 auto;
margin-bottom: 28rpx;
width: 694rpx;
background: #ffffff;
border-radius: 30rpx;
opacity: 1;
overflow: hidden;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
.cards_head {
padding: 28rpx;
background-color: $theme-oa-color;
color: white;
height: 100rpx;
display: flex;
justify-content: space-between;
}
.cards_content {
padding: 28rpx;
display: flex;
justify-content: space-between;
.left {
text-align: center;
// padding: 15rpx 25rpx;
padding-top: 20rpx;
width: 160rpx;
background-color: $theme-oa-color;
color: white;
border-radius: 40rpx;
.cir {
width: 120rpx;
height: 120rpx;
background-color: #ffffff;
margin-left: 25rpx;
border-radius: 120rpx;
position: relative;
}
}
.right {
display: flex;
flex-direction: column;
justify-content: space-between;
view {
text:nth-child(2) {
margin-left: 20rpx;
}
}
}
}
.u_avatar {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
</style>

6
uni.scss
View File

@ -15,7 +15,7 @@
/* 颜色变量 */
@import '@/uni_modules/uview-ui/theme.scss';
$theme-oa-color: #3175f9;
$theme-oa-color: #0122c7;
/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
@ -70,9 +70,9 @@ $uni-spacing-col-lg: 12px;
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-color-title: #2c405a; // 文章标题颜色
$uni-font-size-title: 20px;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-color-paragraph: #3f536e; // 文章段落颜色
$uni-font-size-paragraph: 15px;