From ac488caea71711bcba0ce2b75f0383aa589a42fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Thu, 10 Aug 2023 14:20:50 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9B=B6=E5=B7=A5=E7=99=BB=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/sunVillage_info/add_icon_3.png     | Bin 0 -> 539 bytes
 .../images/sunVillage_info/index_block_21.png | Bin 0 -> 3402 bytes
 src/router/index.js                           |  18 +
 .../list_tourists_registration.vue            | 495 ++++++++++++++++++
 .../list_tourists_registration_add.vue        | 164 ++++++
 5 files changed, 677 insertions(+)
 create mode 100644 src/assets/images/sunVillage_info/add_icon_3.png
 create mode 100644 src/assets/images/sunVillage_info/index_block_21.png
 create mode 100644 src/views/sunVillage_info/list_tourists_registration.vue
 create mode 100644 src/views/sunVillage_info/list_tourists_registration_add.vue

diff --git a/src/assets/images/sunVillage_info/add_icon_3.png b/src/assets/images/sunVillage_info/add_icon_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..348915338ebc047913fa9a3632aa36a5e15fbe67
GIT binary patch
literal 539
zcmV+$0_6RPP)<h;3K|Lk000e1NJLTq001KZ001Kh1^@s69@(>50005vNkl<ZScS#d
z%`1dK9KiAKEQ#Xcu9QM<auCHqa<EHo%1NRe5C{7|2q^~%Cs!{yxHyQ^QhRcDar1K6
zlE^`5){Lg7eR<~DdB(4HpPl*ro@YMKv-9-KuIOETCLcn*$*mBo@3$@TTa`=b&qDR9
zx`a`qbAdjDs7KHugm?s={&H&E1pXoo$TPnMB<33EG)MP=sRDL@6`;=O?*THvfKSXa
zFjFKaaVJ2VFU%%zQ6k>}?E1pI1F15gKA<ZOObxK8=86rd-8Du+4uK6|-x8E_iP4Y|
z)t;~b$-C;z6($JL5eAe6lE9Y>Ofg6p&?+zlyvWY#m?0+U1DFQB4N%%Fs^rRqh3J?9
zw)9i5P(;PpLUham^DZ$_A*e~a=L%CPB&Fs`#h6$jHkjBUVKH7HVKCkx<uG0$r7+$h
z#W4Q@DTI*^vxA6`OeK&)m~~(@!g2I6ATlI~=>QfYLjINkt}t_@o~Us{OpKf><Cgng
zx`ddRexT7}KY2yQTtZBY&E4blt0{y@hO9pa2IGKeOcT&rrtTA11BQXuK(1M>YxQd~
zYECZ5yGtM*)XIJvxQ~3wAwyzn1Eq4%Q{V`=lD}u-M(B{3WA#tK8*l^MSso(?EE#P%
d!R>R9{Q+}Oe%a^Itl0nn002ovPDHLkV1li@@wWf~

literal 0
HcmV?d00001

diff --git a/src/assets/images/sunVillage_info/index_block_21.png b/src/assets/images/sunVillage_info/index_block_21.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d0b6a6b2b077902ea543cd2bc94ee532dd66438
GIT binary patch
literal 3402
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

literal 0
HcmV?d00001

diff --git a/src/router/index.js b/src/router/index.js
index dd7dec60..04e00683 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3489,6 +3489,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/list_tourists_ranking'], resolve)
   },
+  { ////阳光村务（新）-- 零工登记
+    path: '/sunVillage_info/list_tourists_registration',
+    name: 'sunVillageInfoListTouristsRegistration',
+    meta: {
+      title: '零工登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists_registration'], resolve)
+  },
+  { ////阳光村务（新）-- 零工登记
+    path: '/sunVillage_info/list_tourists_registration_add',
+    name: 'sunVillageInfoListTouristsRegistrationAdd',
+    meta: {
+      title: '零工登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_tourists_registration_add'], resolve)
+  },
   { ////阳光村务（新）-- 合同信息
     path: '/sunVillage_info/list_register',
     name: 'sunVillageInfoListRegister',
diff --git a/src/views/sunVillage_info/list_tourists_registration.vue b/src/views/sunVillage_info/list_tourists_registration.vue
new file mode 100644
index 00000000..e19014e8
--- /dev/null
+++ b/src/views/sunVillage_info/list_tourists_registration.vue
@@ -0,0 +1,495 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            零工登记
+            <div class="return_btn" @click="onClickLeft"></div>
+            <div class="add_btn" v-show="showBtn" @click="$router.push({path:'/sunVillage_info/list_tourists_registration_add'})"></div>
+        </div>
+
+      <div class="record_main">
+        <div class="record_det">
+          <div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab ,  'ss':showTab } "></i>{{year == '' ? '全部': year}}<span class="unit">{{year == '' ? '': '年'}}</span>{{month}}<span class="unit">{{month == '' ? '': '月'}}</span></div>
+          <div class="total_r">共<span>{{listLength}}</span>次出工</div>
+        </div>
+
+        <div class="date_box" v-if="showTab">
+          <div class="record_list">
+            <div :class="{'flex_block':true , 'current':year == ''}" @click="tabClick('')">全部</div>
+            <div v-for="(item,index) in yearList" :key="index" :class="{'flex_block':true , 'current':year == item}" @click="tabClick(item)">{{item}}</div>
+          </div>
+          <div class="record_list month_list">
+            <div v-for="(item,index) in 12" :key="index" :class="{'flex_block':true , 'current':month == item}" @click="tabClickMonth(item)">
+              {{item}}</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="center_box">
+        <div class="name_box">
+          <van-row>
+            <van-col :span="24">姓名</van-col>
+          </van-row>
+          <van-row v-for="(item,index) in 10" :key="index">
+            <van-col :span="24">张三</van-col>
+          </van-row>
+          <div class="name_bg"></div>
+          <img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/>
+        </div>
+
+        <div class="right_box">
+          <div class="right_box_box">
+            <van-row>
+              <van-col :span="8">出工日期</van-col>
+              <van-col :span="8">出工事由</van-col>
+              <van-col :span="8">出工数</van-col>
+            </van-row>
+            <van-row v-for="(item,index) in 10" :key="index">
+              <van-col :span="8">2023-03-05</van-col>
+              <van-col :span="8">上班打卡</van-col>
+              <van-col :span="8">8</van-col>
+            </van-row>
+          </div>
+        </div>
+
+        <div class="clear"></div>
+      </div>
+
+
+    </div>
+</template>
+
+<script>
+  import { listOddjob } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'openNy',
+          isAsc:'desc',
+          year:'',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        year:'',
+        month:'',
+        showBtn:true,
+        yearMonth:[],
+        yearList:[],
+        deptName:'',
+        nowYear:new Date().getFullYear(),
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.deptName = Cookies.get('deptName');
+      this.queryParams.yearMonth = this.$route.query.time;
+      for (let i = 0 ; i < 5 ; i++){
+        this.yearList.push(this.nowYear-i);
+      }
+      this.getList();
+    },
+    methods: {
+      getList(){
+        var _this = this;
+
+      },
+      tabClickMonth(month){
+        this.month = month ;
+        if (month < 10){
+          this.queryParams.yearMonth = this.year + '-0' + month
+        }else{
+          this.queryParams.yearMonth = this.year + '-' + month
+        }
+        this.finished = false;
+        this.queryParams.pageNum = 1;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      tabClick(year){
+        this.year = year ;
+        if (year == ''){
+          this.queryParams.yearMonth = ''
+          this.month = ''
+        }else{
+          this.queryParams.yearMonth = year + '- 01'
+          this.month = '1'
+        }
+        this.finished = false;
+        this.queryParams.pageNum = 1;
+        this.applicationList = [];
+        this.getList();
+      },
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+
+    .list_main{
+        padding:0 22px;
+        .item{
+            height: 100px;
+            border-radius: 30px;
+            background: #fff;
+            box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+            padding:15px 32px;
+            display: flex;
+            margin-bottom: 20px;
+            .info{
+                flex:1;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                .title{
+                    display: flex;
+                    font-size: 32px;
+                    align-items: center;
+                    height: 58px;
+                    .icon_box{
+                        width: 34px;
+                        display: block;
+                        height: 30px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                    .news_title{
+                        max-width:416px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                        -o-text-overflow: ellipsis;
+                    }
+                    .tips_mark{
+                        width: 34px;
+                        height: 34px;
+                        background: #fa0c0c;
+                        border-radius: 8px;
+                        font-size: 24px;
+                        color: #fff;
+                        text-align: center;
+                        line-height: 34px;
+                        margin-left: 10px;
+                    }
+                }
+                .red{
+                  color: #fa0c0c;
+                }
+                .green{
+                  color: #4caf50;
+                }
+                .time{
+                    font-size: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: right;
+                    height: 30px;
+                    margin-top: 6px;
+                    .icon_time{
+                        width: 25px;
+                        height: 25px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                }
+            }
+            .operation{
+                flex: 1;
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                text-align: right;
+                .opera_btn{
+                    width: 52px;
+                    height: 52px;
+                    border-radius: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content:center;
+
+                    &.delete{
+                        background:#df0707;
+                        margin-left: 28px;
+                        .icon{
+                            width: 22px;
+                            height: 29px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                    &.edit{
+                        background: #79cf13;
+                        .icon {
+                            width: 26px;
+                            height: 25px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                     &.view{
+                        background: #3494ff;
+                        .icon {
+                            width: 29px;
+                            height: 21px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+    .banner {
+      display: flex;
+      background:#3494ff;
+      color:#fff;
+      text-align: center;
+      margin:3%;
+      border-radius: 10PX;
+    }
+    .banner_tabs{
+      flex:1;
+      padding:10PX 0;
+      font-size: 16PX;
+      div:nth-child(2){
+        font-size: 14PX;
+        margin-top: 5PX;
+      }
+    }
+}
+.record_main{
+  padding:30px 22px;
+  .record_det{
+    height: 38px;
+    line-height: 38px;
+    display: flex;
+    justify-content:space-between;
+    .year_l{
+      font-size: 30px;
+      display: flex;
+      align-items: center;
+      color: #858585;
+
+      .unit{
+        padding-left: 5px;
+      }
+      .icon{
+        width: 23px;
+        height: 12px;
+        display: block;
+        background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+        background-size: 100% 100%;
+        margin-bottom: 4px;
+        margin-right: 8px;
+        &.zk {
+          transform: rotate(0deg)
+        }
+        &.ss{
+          transform: rotate(180deg)
+        }
+
+      }
+    }
+    .total_r{
+      font-size: 26px;
+      letter-spacing: 2px;
+      span{
+        color: #2facfe;
+      }
+    }
+  }
+  .record_list{
+    display: flex;
+    flex-flow: wrap;
+    align-items: center;
+    justify-content: space-between;
+    .flex_block{
+      font-size: 30px;
+      color: #aaaaaa;
+      &.current{
+        color: #2facfe;
+        font-weight: bold;
+      }
+    }
+  }
+  .month_list{
+    align-items: center;
+    justify-content: space-between;
+    .flex_block{
+      font-size: 30px;
+      color: #aaaaaa;
+      padding-right: 0px;
+      &.current{
+        color: #2facfe;
+        font-weight: bold;
+      }
+    }
+  }
+}
+.date_box{
+  background: url('../../assets/images/sunVillage_info/date_bg.png') no-repeat;
+  background-size: 100% 100%;
+  height: 90PX;
+  padding: 0 15PX;
+  margin-top: 15PX;
+  .record_list{
+    height: 45PX;
+    align-items: center;
+  }
+  .month_list{
+    border-top: 2PX dashed #e2e2e2;
+  }
+}
+.top_head_title{
+  font-size: 16PX;
+  text-align: center;
+  padding: 15PX 0;
+}
+  .name_box{
+    float: left;
+    width: 100PX;
+    position: relative;
+    .name_bg{
+      background-color: rgba(47,172,254,0.2);
+      width: 100PX;
+      height: 100%;
+      position: absolute;
+      top: 0;
+    }
+    .name_icon{
+      position: absolute;
+      top: 40PX;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+    .van-row:nth-child(odd){
+      .van-col {
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      border-top-left-radius: 10PX;
+      border-bottom-left-radius: 10PX;
+      background-color: #ffffff;
+      .van-col {
+        background-color: #2facfe;
+        color: #ffffff;
+        border-radius: 10PX;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 10PX 15PX;
+      text-align: center;
+    }
+  }
+  .center_box{
+    padding-left: 3%;
+  }
+  .right_box{
+    float: left;
+    width: calc(100% - 100PX);
+    overflow:hidden;
+    overflow-x: scroll;
+    white-space:nowrap;
+    display: -webkit-box;
+    -webkit-overflow-scrolling: touch;
+    .right_box_box{
+      width: 400PX;
+    }
+    .van-row:nth-child(odd){
+      .van-col{
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      .van-col{
+        color: #2facfe;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 10PX 15PX;
+      text-align: center;
+    }
+  }
+  .clear{
+    clear: both;
+  }
+</style>
diff --git a/src/views/sunVillage_info/list_tourists_registration_add.vue b/src/views/sunVillage_info/list_tourists_registration_add.vue
new file mode 100644
index 00000000..0c0f4d36
--- /dev/null
+++ b/src/views/sunVillage_info/list_tourists_registration_add.vue
@@ -0,0 +1,164 @@
+ <template>
+     <div class="home_wrapper">
+         <div class="header_main">
+             零工登记
+             <div class="return_btn" @click="onClickLeft"></div>
+         </div>
+       <van-form >
+         <div class="list_main">
+           <div class="titBox">
+             <img src="../../assets/images/sunVillage_info/add_icon_3.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+             <p class="tit">添加零工</p>
+           </div>
+
+           <van-field
+             readonly
+             clickable
+             label="出工日期"
+             placeholder="请选择"
+             v-model="value"
+             @click="showBuildTime = true"
+             input-align="right"
+             right-icon="arrow-down"
+             label-width="auto"
+             required
+             :border="false"
+             :rules="[{ required: true , message:'请选择出工日期' }]"
+           />
+           <van-popup v-model="showBuildTime" position="bottom">
+             <van-datetime-picker
+               type="date"
+               title="选择年月日"
+               :min-date="minDate"
+               v-model="buildTime"
+               @confirm="onConfirmBuildTime"
+               @cancel="showBuildTime = false"
+             />
+           </van-popup>
+
+           <van-field required :rules="[{ required: true, message: '请填写出工姓名' }]" v-model="value" label="出工姓名" placeholder="出工姓名" input-align="right" :border="false" />
+           <van-field required :rules="[{ required: true, message: '请填写出工事由' }]" v-model="value" label="出工事由" placeholder="出工事由" input-align="right" :border="false" />
+           <van-field required :rules="[{ required: true, message: '请填写记工员' }]" v-model="value" label="记工员" placeholder="记工员" input-align="right" :border="false" />
+           <van-field required :rules="[{ required: true, message: '请填写出工数' }]" v-model="value" label="出工数" placeholder="出工数" input-align="right" :border="false" />
+           <van-field required :rules="[{ required: true, message: '请填写工日值' }]" v-model="value" label="工日值" placeholder="工日值" input-align="right" :border="false" />
+           <van-field required :rules="[{ required: true, message: '请填写金额（元）' }]" v-model="value" label="金额（元）" placeholder="金额（元）" input-align="right" :border="false" />
+           <van-field v-model="value" label="备注" placeholder="备注" input-align="right" :border="false" />
+
+         </div>
+
+         <div style="margin: 16px auto;width: 50%;">
+           <van-button round block type="primary" native-type="submit">
+             保存
+           </van-button>
+         </div>
+       </van-form>
+     </div>
+ </template>
+ <script>
+   import { addPermanent } from "@/api/sunVillage_info/fixedAssets";
+   export default {
+     name: "certificateList",
+     data() {
+       return {
+         minDate:new Date(1900,1,1),
+
+         showBuildTime:false,
+
+         buildTime:new Date(),
+
+         value:''
+       };
+     },
+     created() {
+
+     },
+     methods: {
+       onConfirmBuildTime(data){
+         this.form.buildTime = this.format(data,'yyyy-MM-dd');
+         this.showBuildTime = false;
+       },
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+   /deep/ .van-button--primary{
+     background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+     background-size: 100% 100%;
+     border: none;
+   }
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+
+        .return_btn {
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+
+        .add_btn {
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .list_main{
+      padding:25px;
+      background: #ffffff;
+      width: 94%;
+      margin: 25px auto 0;
+      border-radius: 15PX;
+      box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    }
+    .titBox{
+      display: flex;
+      align-items: center;
+    }
+    .tit{
+      font-size: 36px;
+      font-weight: bold;
+    }
+    /deep/ .van-cell{
+      padding-left: 0!important;
+      padding-right: 0!important;
+      padding-bottom: 0!important;
+    }
+    /deep/ .van-field__label{
+      padding-left: 10PX;
+      width: 8.2em;
+    }
+    /deep/ .van-cell--required::before{
+      left: 0;
+    }
+
+}
+
+
+
+
+
+
+
+ </style>