From 1817e314c9860225904e703b9c512902f72ae8a7 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Fri, 21 Jul 2023 15:35:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=85=AC=E5=8F=B8=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF\=E7=AD=BE=E7=BA=A6=E5=85=AC=E5=8F=B8=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF\=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2,=E5=B0=86?=
 =?UTF-8?q?=E5=90=88=E5=90=8C=E4=B8=8E=E5=85=AC=E5=8F=B8=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E6=8B=86=E5=88=86=E6=88=90=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/company.js                                |  16 +
 api/pay.js                                    |   5 +
 components/company/company.vue                | 358 ++++++++++++++++++
 pages/oaMy/oaMy.vue                           |  11 +-
 static/img/contract/company.png               | Bin 0 -> 3922 bytes
 static/img/contract/pdf.png                   | Bin 0 -> 3040 bytes
 static/server/server.js                       |   5 +-
 store/getters.js                              |   1 +
 store/modules/config.js                       |  21 +
 store/modules/index.js                        |   4 +-
 subpkg/companyInfo/companyInfo.vue            | 176 +++++++++
 subpkg/companySign/companySign.vue            |  33 ++
 subpkg/finance/finance.vue                    |  32 +-
 uni_modules/uni-section/changelog.md          |   2 +
 .../components/uni-section/uni-section.vue    | 167 ++++++++
 uni_modules/uni-section/package.json          |  87 +++++
 uni_modules/uni-section/readme.md             |   8 +
 17 files changed, 913 insertions(+), 13 deletions(-)
 create mode 100644 api/company.js
 create mode 100644 components/company/company.vue
 create mode 100644 static/img/contract/company.png
 create mode 100644 static/img/contract/pdf.png
 create mode 100644 store/modules/config.js
 create mode 100644 subpkg/companyInfo/companyInfo.vue
 create mode 100644 subpkg/companySign/companySign.vue
 create mode 100644 uni_modules/uni-section/changelog.md
 create mode 100644 uni_modules/uni-section/components/uni-section/uni-section.vue
 create mode 100644 uni_modules/uni-section/package.json
 create mode 100644 uni_modules/uni-section/readme.md

diff --git a/api/company.js b/api/company.js
new file mode 100644
index 0000000..5a9972b
--- /dev/null
+++ b/api/company.js
@@ -0,0 +1,16 @@
+import oahttp from "@/utils/oahttp.js";
+
+/**
+ * 我的公司
+ */
+export const companyMine = (data) => oahttp.get('/company/mine', data)
+
+/**
+ * 公司列表
+ */
+export const companyIndex = (data) => oahttp.get('/company/index', data)
+
+/**
+ * 公司详情
+ */
+export const companyView = (data) => oahttp.get('/company/view', data)
diff --git a/api/pay.js b/api/pay.js
index 42eebc0..c94a661 100644
--- a/api/pay.js
+++ b/api/pay.js
@@ -24,3 +24,8 @@ export const wechatJsConfig = (data) => oahttp.get('/wechat/jsConfig', data)
  * 支付状态
  */
 export const payStatus = (data) => oahttp.get('/pay/payStatus', data)
+
+/**
+ * 充值记录
+ */
+export const rechargeLists = (data) => oahttp.get('/recharge/lists', data)
\ No newline at end of file
diff --git a/components/company/company.vue b/components/company/company.vue
new file mode 100644
index 0000000..a83c9de
--- /dev/null
+++ b/components/company/company.vue
@@ -0,0 +1,358 @@
+<template>
+  <view>
+    <view class="item">
+      <view class="title">公司基本信息</view>
+      <view class="card">
+        <view class="top">
+          <view class="left">
+            <image src="../../static/img/contract/company.png"></image>
+            <view class="text">
+              <view class="name">{{company.company_name}}</view>
+              <view class="right">{{company.company_type_name||company.company_type}}</view>
+              <view class="code">社会代码{{company.organization_code}}</view>
+            </view>
+          </view>
+        </view>
+        <view class="bottom"><uni-icons type="location"></uni-icons><text class="location">负责区域:</text></view>
+      </view>
+    </view>
+    <view class="item">
+      <view class="title">
+        <text>联系人管理</text>
+        <!-- <view>新增</view> -->
+      </view>
+      <view class="card">
+        <view class="one">
+          <view class="linkman">主要联系人</view>
+          <view class="info">
+            <view class="info_item">姓名：{{company.master_name}}</view>
+            <view class="info_item">职位：{{company.master_position}}</view>
+            <view class="info_item">联系电话：{{company.master_phone}}</view>
+            <view class="info_item">邮箱：{{company.master_email}}</view>
+          </view>
+        </view>
+        <view style="height: 32rpx;"></view>
+        <view class="one" v-for="(other, index) in company.other_contacts" :key="index">
+          <view class="linkman">其他联系人</view>
+          <view class="info">
+            <view class="info_item">姓名：{{other.name}}</view>
+            <view class="info_item">职位：{{company.position}}</view>
+            <view class="info_item">联系电话：{{other.phone}}</view>
+            <view class="info_item">邮箱：{{other.email}}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="item">
+      <view class="title">资质信息</view>
+      <view class="image_box">
+        <image class="top" @click="priview(company.qualification.bank_account)" :src="company.qualification.bank_account"></image>
+        <image class="bottom" @click="priview(company.qualification.business_license)" :src="company.qualification.business_license"></image>
+      </view>
+    </view>
+    <view class="item">
+      <view class="title">电子合同</view>
+      <view class="card">
+        <view class="one">
+          <view class="linkman">{{contract.party_a_name}}</view>
+          <view class="info">
+            <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>
+        </view>
+        <u-line color="#999999FF" style="margin: 31rpx 0;"></u-line>
+        <view class="contract">
+          <view class="left">
+            <image class="contract_img" src="../../static/img/contract/pdf.png"></image>
+            <view class="text">
+              <view class="name">合同</view>
+              <view>
+                <!-- <text class="nickname">张郭郭</text> -->
+                <text>{{contract.create_time}}</text>
+              </view>
+            </view>
+          </view>
+          <view class="right"
+            @click="naviTo('/subpkg/pdfView/pdfView?url=' + contract.file)">
+            <!-- <image class="icon"></image> -->
+            <uni-icons type="paperclip" color="#3274F9"></uni-icons>
+            <view>查看</view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import { contractView } from "@/api/contract.js"
+  import { companyView } from "@/api/company.js"
+  export default {
+    name:"company",
+    data() {
+      return {
+        company: {
+          qualification: { 
+            bank_account:"",
+            bank_accountB:"",
+            business_license:"",
+            business_licenseB:"",
+          },
+        },
+        contract: {},
+        users: [],
+        current: 1
+      }
+    },
+    props: ['id','type'],
+    mounted() {
+      console.log(this.$props.type, this.$props.id);
+      this.initContract(this.$props.id, this.$props.type||null);
+    },
+    methods: {
+      naviTo(url) {
+        url ?
+          uni.navigateTo({
+            url: url
+          }) : Toast('暂未开放')
+      },
+      naviBack(){
+        uni.navigateBack()
+      },
+      async initContract(id, type="contract") {
+        let res;
+        //判断是合同还是公司
+        if(id&&(type=="contract"||type==null)) res = await contractView({ id });
+        else res = await companyView();
+        this.company = res.data.company;
+        this.user = res.data.user;
+        this.contract = res.data.contract;
+        // console.log(res.data);
+      },
+      //查看图片
+      priview(url){
+        uni.previewImage({
+          urls:[url],
+          longPressActions: {
+              itemList: ['保存图片'],
+              success: function(data) {
+                if (data.tapIndex === 0) {
+                  uni.saveImageToPhotosAlbum({
+                      filePath: url,
+                      success: function() {
+                        uni.showToast({
+                          title: '保存成功',
+                          icon: 'success'
+                        })
+                      },
+                      fail: function() {
+                        uni.showToast({
+                          title: '保存失败',
+                          icon: 'none'
+                        })
+                      }
+                    })
+                }
+              }
+            }
+        })
+      }
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+.item {
+      padding: 31.5rpx 28rpx;
+  
+      .title {
+        margin-bottom: 21rpx;
+        font-size: 35rpx;
+        font-weight: 500;
+        color: #333333;
+        display: flex;
+        justify-content: space-between;
+      }
+  
+      .card {
+        width: 694rpx;
+        // height: 231rpx;
+        padding: 28rpx;
+        background: #FFFFFF;
+        border-radius: 14rpx 14rpx 14rpx 14rpx;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+  
+        .top {
+          display: flex;
+          justify-content: space-between;
+  
+          .left {
+            display: flex;
+  
+            image {
+              width: 142rpx;
+              height: 142rpx;
+              margin-right: 28rpx;
+              background: #CCCCCC;
+              border-radius: 14rpx 14rpx 14rpx 14rpx;
+              opacity: 1;
+            }
+  
+            .text {
+              display: flex;
+              flex-direction: column;
+              justify-content: space-between;
+  
+              .name {
+                font-size: 32rpx;
+                font-weight: 500;
+                color: rgba(0, 0, 0, 0.8);
+              }
+  
+              .code {
+                font-size: 28rpx;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+          }
+  
+          .right {
+            font-size: 28rpx;
+            font-weight: 500;
+            color: #3274F9;
+          }
+        }
+  
+        .bottom {
+          display: flex;
+          align-items: center;
+          color: #666666FF;
+          margin-top: 32rpx;
+  
+          .location {
+            margin-left: 28rpx;
+          }
+        }
+  
+        .one {
+          .linkman {
+            height: 44rpx;
+            font-size: 32rpx;
+            font-weight: 500;
+            color: #333333;
+            margin-bottom: 28rpx;
+          }
+  
+          .info {
+            font-size: 28rpx;
+            font-weight: 400;
+            color: #666666;
+            line-height: 45rpx;
+          }
+        }
+  
+        .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: #3274F9;
+            line-height: 35rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+  
+            .icon {
+              width: 35rpx;
+              height: 39rpx;
+              background-color: #3274F9;
+              opacity: 1;
+              margin-right: 10rpx
+            }
+          }
+        }
+      }
+  
+      .image_box {
+        display: flex;
+        justify-content: space-between;
+        flex-direction: column;
+        align-items: center;
+  
+        image{
+          padding-bottom: 20rpx;
+          border-radius: 20rpx;
+          width: 650rpx;
+          height: 455rpx;
+        }
+      }
+    }
+  
+    .back_btn {
+      width: 694rpx;
+      height: 84rpx;
+      background: #3274F9;
+      border-radius: 42rpx 42rpx 42rpx 42rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #fff;
+      margin: 30rpx auto;
+    }
+  
+    .stop_btn {
+      width: 694rpx;
+      height: 84rpx;
+      border-radius: 42rpx 42rpx 42rpx 42rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #3274F9;
+      background-color: transparent;
+      margin: 30rpx auto;
+    }
+</style>
\ No newline at end of file
diff --git a/pages/oaMy/oaMy.vue b/pages/oaMy/oaMy.vue
index 03f6c60..f2b30a9 100644
--- a/pages/oaMy/oaMy.vue
+++ b/pages/oaMy/oaMy.vue
@@ -36,7 +36,8 @@
           <view class="ass_cent flex_a_c_j_sb">
             <view class="cent_item" @click="naviTo('/subpkg/finance/finance')">
               <!-- <view class="num">{{ oaUserInfo.achievements_money }}</view> -->
-              <view class="num">{{oaUserInfo.user_money||'0.00'}}</view>
+              <view class="num" v-if="eyeType">{{oaUserInfo.user_money||'0.00'}}</view>
+              <view class="num" v-if="!eyeType">****</view>
               <view class="name">账户余额(元)</view>
             </view>
             <!-- <view class="cent_item" @click="naviTo('/subpkg/finance/finance')">
@@ -45,7 +46,8 @@
             </view> -->
             <view class="cent_item" @click="naviTo('/subpkg/finance/finance')">
               <!-- <view class="num">{{ oaUserInfo.company_money }}</view> -->
-              <view class="num">0.00</view>
+              <view class="num" v-if="eyeType">{{oaUserInfo.income||'0.00'}}</view>
+              <view class="num" v-if="!eyeType">****</view>
               <view class="name">收益金额(元)</view>
             </view>
           </view>
@@ -97,6 +99,11 @@
       this.getOaUserInfo()
     },
     onShow() {},
+    computed:{
+      eyeType(){
+        return this.$store.state.config.eyeType;
+      }
+    },
     methods: {
       ...mapActions(['getWxLogin']),
       login() {
diff --git a/static/img/contract/company.png b/static/img/contract/company.png
new file mode 100644
index 0000000000000000000000000000000000000000..ede278d1cc5d336a8cc71cf66f8ff6b5a4d30794
GIT binary patch
literal 3922
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
S=g>dN3}!}_hV=#>@&5;D9e#iS

literal 0
HcmV?d00001

diff --git a/static/img/contract/pdf.png b/static/img/contract/pdf.png
new file mode 100644
index 0000000000000000000000000000000000000000..36188876a4521f3ba2beacedf9b78e1c0ae8fd8d
GIT binary patch
literal 3040
zcmV<63m^1}P)<h;3K|Lk000e1NJLTq0049V0049d1^@s6RGJni00001b5ch_0Itp)
z=>Px=nn^@KRCr$Poeyvn)g8ybZ!ee2?cRkDNQl7@B7|aFrL|?G4q$7sR&1wbhR!%z
z$HCS=rBIEfYFoxMmbM_YC{@v_rP`uWoK|W@RH`toj)<*vERIy51PFvA<nQg?|9zcz
zmp^;SCAWL`_Wp$TW|(1ezxVt7-uJWb?R)$74}r--DRpX^b|rvs0JsQ11%Sx_WRot0
znK=bC0386@0lW`jyDZDE5kkUds*_Yky}iAYBuV-qA>>;C%2L^j-)&K#n^O9OqA0&0
zgmjJ-VN{@$QsVdf8+2W7B!raOlBRHKNdZb}4}hO4it;N$2u)TwDNsu3Bvn<n5<;%B
z6j2ywOMzXoEZ;x~VMB9583EMq_g}8-`c?o_vz48Qla>N4k|bU4cDwf)YbOBh?ChN8
za=G>cs7xz_sFZC5+JeF0-174B;{$;Qfl^8pP16|d&ty9*5iflOD5d|>H0|=r%1R&e
zG6>Y?^W9Gf`9b=wMa^6(pzHe2yk76>L7+aLuS$}nqm)v2u96aQGg81uDXsT-Jgu=F
zs;cV40G4OuQdG{V0)&u<Wm#T94jw#MTw7b)ZpT_P64eoj=+O0~OQxI(U<}^Vr=qQ+
z3uUDWswyYKRqV{0+{`9IDeYAhrGof;zAqC(UN&3NtX()9ML43HHP5LX1KQHcuCxI~
zMGnlWn+n<O%4tsN1gDf<O;lCg4B)nO9E?^c8r2aDMR~fk)mLwyij)07Ss;f)ia}N6
z5?kZ)c1|hX#DKmD;4+@hL!k&F(fl4}jqM!{w1A<$#eg0GZ~;%CfnX%>&zq@$7AVxC
z45-R`3v9dqEkLLm1Im4D98W+C4XOYNAlW%|_$kOCNtks({!f$yP?JDoJ+%O!3ZNE%
z76McO)FRL!sMS#9{JZomfTjVIL6u^|Z#6u522}t}6KK9d6+klpnvYNg&<ueNLanQY
zN6Gy;RRHAxG@qafpqzl_3seD=BhY++Du8kZnro;6s0~2lPzmbmrox-$iIM<n6VO~i
z6+mqSnhU4`sLenJp-!I)ugCs%ssNe=phHlr;q}=2e6#?XC7{`YDu8AYXg1EN0w{YF
z#2-NO$yS~>K91>&Eoo-YsIlc{ZUGbkr4)ybo`9}r?@oVrNijY#tCssgB!Koy+ST2M
z)9q)u3p|#?3ujJ)BJ+LZLI5==-r3!YGaX&A9-EC)H?0bj%Dh}d382H|WW%l&2qF@R
za1}b4GxoF_?}wrUP}{MM9-z3`fg*>*H3I>ZtDM%H382>W%6n@8H182vOHcr{rdQru
z3!r(A$XbE|s5QOv-dX_7dqma}6hN)%mG{;HXx<~TmSDjE^`Gqkl_ywh-8pFO4D`Y|
zaT3>-bG=eTsgB-tcfj%aC6MOK=bGqvbQXHN2_>JJhmwU~;nqBEKnGw3c0C7W?KT0_
z1ft+0KSF5dR!nI84L7J<fEr=4b_k#*XaWd6bPqx={T^@>af6yM(BUuzP;)SuRq)q$
z#d>J0FsMyWqGbNn<{c!l%m`>Qm;$JI9>E7!A++n+p$Z(JrVW(pYyxyU0<UZv(E>5#
znu8kL*nrThe@rya5NcXLV=&jQMBvr!Ni!Ef%>fPk@^*xGKR?nq1E`jPrh+MkTyrp)
zRbc%}gkS$t@(K*<n%|-1b6+y=kbOkJ>bw4Yn}349Ye|kOLs)s`T1fSCEG2R-8V8?V
zhw!_5MsIqN6BAZ%hV$Zirsc5)lv2nyi3<j%)#YFqS@>0imfd68lK^U3s@xa~pt;fA
zwx|NAZPMn(abW|!bP-T8#zV1A7tq%QyuT07Vqb<zEEVUCt-9Kmyq>X^>;<OJvPQ4{
z6wrR!S{;+tg$?wfmw<}u)J+Wqf#)9sc5F$s-S%GUx~<27y)Odnl3Tz((*EP01sWeu
z?Z;@b{n2<nHk5M%=zwr9J`Ma~<B*JIfDTxnJp-({4LEfy5rY8A@vt=Z&^><v*idFH
ziWivsg~VQb*R??Np}3V1=-a!2Ap4wke~}zO{l!34&CuVvJAk{d1-cDSof(0$k>D`<
z40ejba%H{VhBAJ7Xw%KW2k(xQh=E~4;_Oeye|upI@a(3MKv!Hd@_=Agb1nmxHvwhr
zd+-3>dIfmUu+B3AWd{`VlfyFpfiiIyEd_4=aa`v8ZvY$aG!K+nPX8G2^R4U?O7VIP
zONNGC0hHt6YaDV%>!B>%;_HAL`#*KchSrV!|2Gb~qxH~%bXTka7WDT%V=os#vka6i
zO&XsVI*%G>m{x#ZvH-Zdf2jWOJ)rTXctZqGn}8m8GjX!Q!mtTV{YA0e{aA@cfjgG~
zttYGvxy+g^kJyO7it$`&1R9M1oo%Tb$d*7mpGj?(hQ;_fhni{pQ|l9jw9-S3K-nz!
z)<q+GsF@s?jaY|{qLkSS3v3Pf)COSR?nFoF0v)Y~3ZP~cFaea!UiS~%D+~wY!|Txx
zk~^>hv}Ojdp?_bu<yd^^7U$3m0S>Qj?4julV^)9~mp;a|sF)OSgqlsD>z<3RM_GC7
zKH&8~iyq1mW!zP^fPQTmaNYOfG1(5x@~eg})QcX<5i3ui_bvlE&m<;SJ_WdP>CgoQ
z_Ukj75_fF`&^!fdCan(-08QTpbi)VW1yD1}nY7{ALsNxho8%iBM(&9UpsAFz@cTC#
zfYP#fg=EW?RIXC(hYoCqu?f)McP977CQ3K1ivPwgI2d<gQpLC7ciXQNxo^1wBoeYA
zbq+4ay4!)RVU7Eq9KvP8MR?Itgs*Qf9m?8moB&*FzYE8q1EvEA!^{*2-r9)hJo9(Y
zTL$Xb{{~!-tj;V;QQMRP`oszZ)@}oe&A(IEGEkOD(F?yt@s1}=B_)i~Q-FHQ5Lop9
z=(KuE4$=b3B1nh-1IIhNA)RUlBH@Ify3Sr8oSl~lTWW2d852Ul{v{MoDWWqziOBrL
zfVY2wXd&;kfsPd;5R4!WRg|$5D45sU2%zQ;WC7HiP6cBnfEElYbBPL|=5#6;D*?1%
zP?<|q05zvm!B`2P1%t|5q5`NnoeIXPV1R0Vwi`3-3P{1ooV`RP2`F(nxdyc5N>N8=
zFJ!m<pC{(3M3$Yg@2iEwA(Tz<aE(lSK3@+Zq?D)E!^cjca&kF}2A=NX>3p2{>gwr*
ztGEc0%lW-1no`=!fF2@*SbV9#*s2~nauT6%1hrGEP*l|a$lf>s!J`>HeLl3bc3}GX
zmArxemjT^N2wBJ@(E%R}XrJnj?Ie_X6}Vl+aB%);8_#^R<trG9K=b>d`Gc{Lbv08k
zX(GSDkr1+n0o_Olxr1k;j-5Dzj;>ywF2|*>*)z|FN9H%zpp-s9`uh5=kR<7EJQeHe
z@!?3bJ+FD;nP)D2u~X5U3+qPihh~tJuIpbUl+t2VRoi(_j6V8b3wrttFRjQR(eYSy
z=JfMWR?2UN%O*t4&CM0D#iFXJ>?J$5@Dz?s%TJ!}K-<}#tbGERXa08iV(ZSD>IzKo
zD!fBHswm2LVnBU9UzH?DA5lvA9WwptvQHrU1EH*bfu6Tgy!<(xMJRC<^KxhOqf$y|
zdOV)i!OJ<Ssx|?**N$kyr|k;drzlDzi!un5QtH+;?H>Rxu|2#9z*B*L%CfwG5E6UO
zUBU&|&d$zhE|=>a08@BI6uxXzpe+~-&Mhx5KRys)#1(W+(=Mfy{uMy~tF~-QMmWwu
z0ZQpvNs_LSWqF^`P0}rquCA_Hr_;HE5F%b2pMmH$Ry`m|(%0Q?ck}QVqwaCFwY7N^
zMOhDky^+b5shN!p9<Q$1zT_5JmcLI3QIj<?<))>kX*Ig8GY2;SC?Bs%<$1f>DWzK_
zN!lRGa?4n`rUW`rnNlkG{eE_SUCiETNhz%*giHfq{eJyCS1-rubpv3N95$T(I~t9?
i?DcxzCWPo_^7=oZ13|1+E8njG0000<MNUMnLSTaM%&O@C

literal 0
HcmV?d00001

diff --git a/static/server/server.js b/static/server/server.js
index d526d9b..0e4e20c 100644
--- a/static/server/server.js
+++ b/static/server/server.js
@@ -203,7 +203,7 @@ export const oaHomeData = [
     icon: prefix + 'oa/wcsq@2x.png'
   },
   {
-    text: '合同签订',
+    text: '合同管理',
     icon: prefix + 'oa/cgsq@2x.png',
     url: '/subpkg/contract/contract'
   },
@@ -217,7 +217,8 @@ export const oaHomeData = [
   },
   {
     text: '财务管理',
-    icon: prefix + 'oa/gengduo@2x.png'
+    icon: prefix + 'oa/gengduo@2x.png',
+    url: '/subpkg/finance/finance'
   },
   // {
   //   text: 'gong',
diff --git a/store/getters.js b/store/getters.js
index d6106c3..ab80a0f 100644
--- a/store/getters.js
+++ b/store/getters.js
@@ -2,6 +2,7 @@ export default {
   token: state => state.app.token,
   isLogin: state => !!state.app.token,
   userInfo: state => state.app.userInfo || {},
+  eyeType: state => state.config.eyeType || true,
 };
 // export default {
 //   token: state => 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJrYWlmYS5jcm1lYi5uZXQiLCJhdWQiOiJrYWlmYS5jcm1lYi5uZXQiLCJpYXQiOjE1NzcwODM1MzQsIm5iZiI6MTU3NzA4MzUzNCwiZXhwIjoxNTc3MDk0MzM0LCJqdGkiOnsiaWQiOjExMCwidHlwZSI6InVzZXIifX0.U-i1pbdRjyXI1gr79Uq2XBPZ89T8f5Ai9jwrR8woTwE',
diff --git a/store/modules/config.js b/store/modules/config.js
new file mode 100644
index 0000000..a95be6d
--- /dev/null
+++ b/store/modules/config.js
@@ -0,0 +1,21 @@
+import Cache from '@/utils/cache';
+const state = {
+  eyeType: Cache.get('eyeType') || true,
+};
+
+const mutations = {
+  SET_EYE_TYPE(state){
+    state.eyeType=!state.eyeType;
+    Cache.set('eyeType', state.eyeType);
+  }
+};
+
+const actions = {
+  
+};
+
+export default {
+  state,
+  mutations,
+  actions
+};
diff --git a/store/modules/index.js b/store/modules/index.js
index 1c3a43a..1963883 100644
--- a/store/modules/index.js
+++ b/store/modules/index.js
@@ -8,6 +8,8 @@
 // | Author: CRMEB Team <admin@crmeb.com>
 // +----------------------------------------------------------------------
 import app from "./app";
+import config from "./config"
 export default {
-  app
+  app,
+  config
 };
diff --git a/subpkg/companyInfo/companyInfo.vue b/subpkg/companyInfo/companyInfo.vue
new file mode 100644
index 0000000..7ade5c4
--- /dev/null
+++ b/subpkg/companyInfo/companyInfo.vue
@@ -0,0 +1,176 @@
+<template>
+  <view class="">
+    <view class="top_box">
+      <view class="item" :class="current==0?'active':''" @click="current=0">我的公司</view>
+      <view class="item" :class="current==1?'active':''"  @click="current=1">签约公司</view>
+    </view>
+    <view class="company" v-show="current==0">
+      <company></company>
+    </view>
+    <view class="company_list" v-show="current==1">
+      <view class="info_card" v-for="item in companyList" :key="item.id">
+        <view class="top">
+          <view>
+            <view class="info_name">{{item.company_name}}</view>
+            <view class="info_type">{{item.company_type}}</view>
+          </view>
+          <view class="btn" @click="naviTo('/subpkg/companySign/companySign?id='+item.id)">详情<uni-icons type="forward" color="#666666"></uni-icons></view>
+        </view>
+        <u-line ></u-line>
+        <view class="bottom">
+          <image src="../../static/img/contract/company.png"></image>
+          <view class="text">
+            <view>主要联系人：{{item.master_name}}</view>
+            <view>联系方式：{{item.master_phone}}</view>
+            <view>区县乡镇：{{item.city+'/'+item.street}}</view>
+            <!-- <view>片区经理：</view> -->
+          </view>
+        </view>
+      </view>
+      <u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText" :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
+    </view>
+  </view>
+</template>
+
+<script>
+  import {companyIndex} from "@/api/company.js"
+  export default {
+    data() {
+      return {
+        current: 0,
+        loadConfig:{
+          page: 1,
+          limit: 15,
+          lastpage: '',
+          loadingText: '努力加载中',
+          loadmoreText: '轻轻上拉',
+          nomoreText: '我也是有底线的~~',
+          status: 'loadmore'
+        },
+        companyList: []
+      }
+    },
+    onLoad() {},
+    onShow() {
+      this.loadCompanyList();
+    },
+    onReady() {
+      uni.setNavigationBarColor({
+        frontColor: '#ffffff',
+        backgroundColor: '#3175f9'
+      })
+    },
+    onReachBottom() {
+      this.loadCompanyList();
+    },
+    methods: {
+      // 加载公司列表
+      async loadCompanyList(){
+        if(this.loadConfig.status=="nomore")return;
+        this.loadConfig.status="loading"
+        let res = await companyIndex({
+          page: this.loadConfig.page,
+          limit: this.loadConfig.limit
+        })
+        this.loadConfig.status="loadmore"
+        if(res.data.data.length<this.loadConfig.limit){
+          this.loadConfig.status="nomore"
+        }else {
+          this.loadConfig.page++;
+        }
+        this.companyList = [...this.companyList, ...res.data?.data]
+      },
+      naviTo(url) {
+        url ?
+          uni.navigateTo({
+            url: url
+          }) : Toast('暂未开放')
+      },
+      naviBack(){
+        uni.navigateBack()
+      },
+    },
+    onPullDownRefresh() {
+      uni.stopPullDownRefresh()
+    }
+  }
+</script>
+
+<style lang="scss">
+.top_box{
+  background-color: #fff;
+  display: flex;
+  
+  .item{
+    width: 175rpx;
+    height: 53rpx;
+    background: #F5F5F5FF;
+    color: #999999FF;
+    border-radius: 35rpx 35rpx 35rpx 35rpx;
+    opacity: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 28rpx;
+  }
+  .active{
+    background: #3274F9;
+    color: #fff;
+  }
+}
+.company{
+  
+}
+.company_list{
+  padding-bottom: 32rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .info_card{
+    width: 694rpx;
+    // height: 300rpx;
+    background: #FFFFFF;
+    border-radius: 21rpx 21rpx 21rpx 21rpx;
+    margin-top: 28rpx;
+    padding: 24rpx;
+    .top{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 28rpx;
+      .info_name{
+        font-size: 32rpx;
+        font-weight: 500;
+        color: #333333;
+      }
+      .info_type{
+        font-size: 25rpx;
+        font-weight: 500;
+        color: #3274F9;
+        margin-top: 10rpx;
+      }
+      .btn{
+        font-size: 25rpx;
+        font-weight: 400;
+        color: #666666;
+        display: flex;
+        align-items: center;
+      }
+    }
+    .bottom{
+      display: flex;
+      margin-top: 28rpx;
+      image{
+        height: 140rpx;
+        width: 140rpx;
+        margin-right: 28rpx;
+      }
+      .text{
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/subpkg/companySign/companySign.vue b/subpkg/companySign/companySign.vue
new file mode 100644
index 0000000..f6e6010
--- /dev/null
+++ b/subpkg/companySign/companySign.vue
@@ -0,0 +1,33 @@
+<template>
+  <view class="">
+    <company :id="id" type="company"></company>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      id: '' 
+    }
+  },
+  onLoad(options) {
+    this.id = options.id;
+  },
+  onShow() {},
+  onReady() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#3175f9'
+    })
+  },
+  methods: {},
+  onPullDownRefresh() {
+      uni.stopPullDownRefresh()
+    }
+  }
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/subpkg/finance/finance.vue b/subpkg/finance/finance.vue
index ce77ef8..5f09432 100644
--- a/subpkg/finance/finance.vue
+++ b/subpkg/finance/finance.vue
@@ -13,23 +13,27 @@
       </view>
       <view class="center">
         <view class="title">
-          <text style="margin-right: 20rpx;">账户总金额(元)</text><uni-icons type="eye" color="#fff"></uni-icons>
+          <text style="margin-right: 20rpx;">账户总金额(元)</text><uni-icons @click="updateEye()" :type="eyeType?'eye-filled':'eye-slash-filled'" color="#fff"></uni-icons>
         </view>
-        <view class="price">{{userInfo.user_money||0.00}}元</view>
+        <view class="price" v-show="eyeType">{{userInfo.user_money||0.00}}元</view>
+        <view class="price" v-show="!eyeType">****元</view>
         <view class="bubble">
           <!-- <image src="../../static/img/contract/bubble.png"></image> -->
-          <view class="text">可提现金额0.00元</view>
+          <view class="text" v-show="eyeType">可提现金额{{userInfo.user_money||0.00}}元</view>
+          <view class="text" v-show="!eyeType">可提现金额****元</view>
         </view>
       </view>
       <view class="bottom">
         <view class="item">
           <view>账户余额(元)</view>
-          <view class="num">0.00</view>
+          <view class="num" v-show="eyeType">{{userInfo.user_money||0.00}}</view>
+          <view class="num" v-show="!eyeType">****</view>
         </view>
         <u-line direction="col" length="40%" color="#999999FF"></u-line>
         <view class="item">
           <view>收益金额(元)</view>
-          <view class="num">0.00</view>
+          <view class="num" v-show="eyeType">{{userInfo.income||0.00}}</view>
+          <view class="num" v-show="!eyeType">****</view>
         </view>
       </view>
     </view>
@@ -38,8 +42,8 @@
       <!-- <u-subsection :list="billTypeList" :current="current" mode="subsection"></u-subsection> -->
       <view class="type_box">
         <view class="type">
-          <view class="active">日账单</view>
-          <view>月账单</view>
+          <view :class="current==0?'active':''" @click="changeBillType(0)">日账单</view>
+          <view :class="current==1?'active':''" @click="changeBillType(1)">月账单</view>
         </view>
       </view>
       <view class="card" v-for="item in 3" :key="item">
@@ -58,6 +62,7 @@
           </view>
         </view>
       </view>
+      
       <button class="btn">提现余额</button>
     </view>
   </view>
@@ -69,7 +74,7 @@ export default {
     return {
       userInfo:{},
       billTypeList:['日账单','月账单'],
-      current: 0
+      current: 0,
     }
   },
   onLoad() {
@@ -81,6 +86,11 @@ export default {
     })
   },
   onShow() {},
+  computed:{
+    eyeType(){
+      return this.$store.state.config.eyeType;
+    }
+  },
   methods: {
     naviTo(url) {
       url ?
@@ -88,6 +98,12 @@ export default {
           url: url
         }) : Toast('暂未开放')
     },
+    updateEye(){
+      this.$store.commit('SET_EYE_TYPE')
+    },
+    changeBillType(type){
+      this.current = type;
+    }
   },
   onPullDownRefresh() {
       uni.stopPullDownRefresh()
diff --git a/uni_modules/uni-section/changelog.md b/uni_modules/uni-section/changelog.md
new file mode 100644
index 0000000..738f2b3
--- /dev/null
+++ b/uni_modules/uni-section/changelog.md
@@ -0,0 +1,2 @@
+## 0.0.1（2022-07-22）
+- 初始化
diff --git a/uni_modules/uni-section/components/uni-section/uni-section.vue b/uni_modules/uni-section/components/uni-section/uni-section.vue
new file mode 100644
index 0000000..9a52e0b
--- /dev/null
+++ b/uni_modules/uni-section/components/uni-section/uni-section.vue
@@ -0,0 +1,167 @@
+<template>
+	<view class="uni-section">
+		<view class="uni-section-header" @click="onClick">
+				<view class="uni-section-header__decoration" v-if="type" :class="type" />
+        <slot v-else name="decoration"></slot>
+
+        <view class="uni-section-header__content">
+          <text :style="{'font-size':titleFontSize,'color':titleColor}" class="uni-section__content-title" :class="{'distraction':!subTitle}">{{ title }}</text>
+          <text v-if="subTitle" :style="{'font-size':subTitleFontSize,'color':subTitleColor}" class="uni-section-header__content-sub">{{ subTitle }}</text>
+        </view>
+
+        <view class="uni-section-header__slot-right">
+          <slot name="right"></slot>
+        </view>
+		</view>
+
+		<view class="uni-section-content" :style="{padding: _padding}">
+			<slot />
+		</view>
+	</view>
+</template>
+
+<script>
+
+	/**
+	 * Section 标题栏
+	 * @description 标题栏
+	 * @property {String} type = [line|circle|square] 标题装饰类型
+	 * 	@value line 竖线
+	 * 	@value circle 圆形
+	 * 	@value square 正方形
+	 * @property {String} title 主标题
+	 * @property {String} titleFontSize 主标题字体大小
+	 * @property {String} titleColor 主标题字体颜色
+	 * @property {String} subTitle 副标题
+	 * @property {String} subTitleFontSize 副标题字体大小
+	 * @property {String} subTitleColor 副标题字体颜色
+	 * @property {String} padding 默认插槽 padding
+	 */
+
+	export default {
+		name: 'UniSection',
+    emits:['click'],
+		props: {
+			type: {
+				type: String,
+				default: ''
+			},
+			title: {
+				type: String,
+				required: true,
+				default: ''
+			},
+      titleFontSize: {
+        type: String,
+        default: '14px'
+      },
+			titleColor:{
+				type: String,
+				default: '#333'
+			},
+			subTitle: {
+				type: String,
+				default: ''
+			},
+      subTitleFontSize: {
+        type: String,
+        default: '12px'
+      },
+      subTitleColor: {
+        type: String,
+        default: '#999'
+      },
+			padding: {
+				type: [Boolean, String],
+				default: false
+			}
+		},
+    computed:{
+      _padding(){
+        if(typeof this.padding === 'string'){
+          return this.padding
+        }
+
+        return this.padding?'10px':''
+      }
+    },
+		watch: {
+			title(newVal) {
+				if (uni.report && newVal !== '') {
+					uni.report('title', newVal)
+				}
+			}
+		},
+    methods: {
+			onClick() {
+				this.$emit('click')
+			}
+		}
+	}
+</script>
+<style lang="scss" >
+	$uni-primary: #2979ff !default;
+
+	.uni-section {
+		background-color: #fff;
+    .uni-section-header {
+      position: relative;
+      /* #ifndef APP-NVUE */
+      display: flex;
+      /* #endif */
+      flex-direction: row;
+      align-items: center;
+      padding: 12px 10px;
+      font-weight: normal;
+
+      &__decoration{
+        margin-right: 6px;
+        background-color: $uni-primary;
+        &.line {
+          width: 4px;
+          height: 12px;
+          border-radius: 10px;
+        }
+
+        &.circle {
+          width: 8px;
+          height: 8px;
+          border-top-right-radius: 50px;
+          border-top-left-radius: 50px;
+          border-bottom-left-radius: 50px;
+          border-bottom-right-radius: 50px;
+        }
+
+        &.square {
+          width: 8px;
+          height: 8px;
+        }
+      }
+
+      &__content {
+        /* #ifndef APP-NVUE */
+        display: flex;
+        /* #endif */
+        flex-direction: column;
+        flex: 1;
+        color: #333;
+
+        .distraction {
+          flex-direction: row;
+          align-items: center;
+        }
+        &-sub {
+          margin-top: 2px;
+        }
+      }
+
+      &__slot-right{
+        font-size: 14px;
+      }
+    }
+
+    .uni-section-content{
+      font-size: 14px;
+    }
+	}
+</style>
diff --git a/uni_modules/uni-section/package.json b/uni_modules/uni-section/package.json
new file mode 100644
index 0000000..0a31fb5
--- /dev/null
+++ b/uni_modules/uni-section/package.json
@@ -0,0 +1,87 @@
+{
+  "id": "uni-section",
+  "displayName": "uni-section 标题栏",
+  "version": "0.0.1",
+  "description": "标题栏组件",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "标题栏"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": ""
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+  "dcloudext": {
+    "category": [
+      "前端组件",
+      "通用组件"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
+  },
+  "uni_modules": {
+    "dependencies": [
+      "uni-scss"
+    ],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/uni_modules/uni-section/readme.md b/uni_modules/uni-section/readme.md
new file mode 100644
index 0000000..d47faab
--- /dev/null
+++ b/uni_modules/uni-section/readme.md
@@ -0,0 +1,8 @@
+## Section 标题栏
+> **组件名：uni-section**
+> 代码块： `uSection`
+
+uni-section 组件主要用于文章、列表详情等标题展示
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-section)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839