乡村相册 考勤配置

src/saas/AppCountryAlbum/components/Organize.vue

@@ -3,16 +3,18 @@
     <div class="Organize-top">
       <div>
         <div class="left">
-          <h2>09</h2>
+          <h2>{{ DD }}</h2>
           <div class="left-wrapper__right">
-            <h3>2022年2月</h3>
+            <h3>{{ yyyyMM }}</h3>
             <p>日·数据统计</p>
           </div>
         </div>
-        <div class="right">
-          <image src="../images/qiehuan.png" />
-          <span>切换日期</span>
-        </div>
+        <picker mode="date" :value="date" @change="onDateChange">
+          <div class="right">
+            <image src="../images/qiehuan.png" />
+            <span>切换日期</span>
+          </div>
+        </picker>
       </div>
     </div>
     <div class="info">
@@ -24,21 +26,21 @@
           <div class="info-total__item">
             <span>未拍照</span>
             <div class="info-total__item--bottom">
-              <h3>0</h3>
+              <h3>{{ photoTotal.noPhtoto }}</h3>
               <i>人</i>
             </div>
           </div>
           <div class="info-total__item">
             <span>已拍照</span>
             <div class="info-total__item--bottom">
-              <h3>10</h3>
+              <h3>{{ photoTotal.userPhoto }}</h3>
               <i>人</i>
             </div>
           </div>
           <div class="info-total__item">
             <span>拍照数</span>
             <div class="info-total__item--bottom">
-              <h3>30</h3>
+              <h3>{{ photoTotal.allPhoto }}</h3>
               <i>人</i>
             </div>
           </div>
@@ -95,15 +97,64 @@
 
     data () {
       return {
+        photoTotal: {},
+        date: '',
+        list: []
+      }
+    },
 
+    computed: {
+      yyyyMM () {
+        if (this.date) {
+          return this.date.substr(0, 8)
+        }
+
+        return ''
+      },
+
+      DD () {
+        if (this.date) {
+          return this.date.substr(8)
+        }
+
+        return ''
       }
     },
 
     onLoad () {
-
+      this.date = this.$dayjs(new Date).format('YYYY年MM月DD')
+      this.getPhotoTotal()
     },
 
     methods: {
+      getPhotoTotal () {
+        this.$http.post(`/api/appattendancerecord/punchclocksum?queryTime=${this.date}`).then(res => {
+          if (res.code === 0) {
+            this.photoTotal = res.data
+          }
+        })
+
+        this.$http.post(`/api/appattendancerecord/alldetail?queryTime=${this.date}`).then(res => {
+          if (res.code === 0) {
+          }
+        })
+
+        this.$http.post(`/api/appattendancerecord/userphotosort?queryTime=${this.date}`).then(res => {
+          if (res.code === 0) {
+            this.list = res.data
+          }
+        })
+      },
+
+      onDateChange (e) {
+        const values = e.detail.value.split('-')
+        this.date = `${values[0]}年${values[1]}月${values[2]}`
+
+        this.$nextTick(() => {
+          this.getPhotoTotal()
+        })
+      },
+
       linkTo (url) {
         uni.navigateTo({
           url
@@ -365,4 +416,4 @@
       }
     }
   }
-</style>
+</style>

src/saas/AppCountryAlbum/components/report/InspectLog.vue

@@ -146,7 +146,7 @@
     }
 
     .imgs {
-      margin-top: 2px;
+      margin-top: 20px;
       image {
         display: block;
         width: 100%;

src/saas/AppCountryAlbum/components/report/MeetingMminutes.vue

@@ -1,36 +1,36 @@
 <template>
   <div class="MeetingMminutes" ref="report">
     <table @click="linkTo" class="table" border="1" cellspacing="0" cellpadding="16px" bordercolor="#2774CE">
-      <tr>
-        <th colspan="4" class="title">会议纪要</th>
+      <tr v-if="isShowTitle">
+        <th colspan="4" class="title">{{ title }}</th>
       </tr>
-      <tr>
-        <td class="nowrap">会议日期</td>
-        <td>2022-01-21 周五</td>
-        <td class="nowrap">天气</td>
-        <td>24℃ 晴</td>
+      <tr v-if="isShowWeather || isShowDate">
+        <td v-if="isShowDate" class="nowrap">会议日期</td>
+        <td colspan="3" v-if="isShowDate">{{ date }}</td>
+        <!-- <td v-if="isShowWeather" class="nowrap">天气</td>
+        <td v-if="isShowWeather">{{ weather }}</td> -->
       </tr>
-      <tr>
+      <tr v-if="isShowTheme">
         <td class="nowrap">会议主题</td>
-        <td colspan="3">会议主题会议主题会议主题会议主题会议主题</td>
+        <td colspan="3">{{ theme }}</td>
       </tr>
-      <tr>
-        <td class="nowrap">主持人</td>
-        <td>鄢然</td>
-        <td class="nowrap">记录人</td>
-        <td>刘烨</td>
+      <tr v-if="isShowRecorder || isShowHoster">
+        <td class="nowrap" v-if="isShowHoster">主持人</td>
+        <td v-if="isShowHoster">{{ hoster }}</td>
+        <td class="nowrap" v-if="isShowRecorder">记录人</td>
+        <td v-if="isShowRecorder">{{ recorder }}</td>
       </tr>
-      <tr>
+      <tr v-if="isShowAttendee">
         <td class="nowrap">参与人</td>
-        <td colspan="3">2022-01-21 周五</td>
+        <td colspan="3">{{ attendee }}</td>
       </tr>
-      <tr>
+      <tr v-if="isShowAddress">
         <td class="nowrap">会议地点</td>
-        <td colspan="3">2022-01-21 周五</td>
+        <td colspan="3">{{ address }}</td>
       </tr>
-      <tr colspan="2">
+      <tr colspan="2" v-if="isShowRemark">
         <td class="nowrap">会议内容</td>
-        <td colspan="3">2022-01-21 周五</td>
+        <td colspan="3">{{ remark }}</td>
       </tr>
     </table>
     <div class="imgs">
@@ -58,18 +58,23 @@
     data () {
       return {
         title: '巡查日志',
-        subTitle: '',
-        reporter: '',
         date: '',
+        hoster: '',
         remark: '',
         address: '',
+        recorder: '',
+        attendee: '',
         weather: '',
+        theme: '',
+        isShowRecorder: true,
+        isShowAttendee: true,
         isShowTitle: true,
         isShowWeather: true,
         isShowDate: true,
-        isShowReporter: false,
-        isShowAddress: false,
-        isShowRemark: false,
+        isShowTheme: true,
+        isShowAddress: true,
+        isShowRemark: true,
+        isShowHoster: true,
         imgs: [],
         configList: []
       }
@@ -80,23 +85,32 @@
         handler: function (v) {
           if (v.length) {
             const title = v.filter(v => v.type === '17')[0]
-            const reporter = v.filter(v => v.type === '24')[0]
-            const date = v.filter(v => v.type === '1')[0]
-            const address = v.filter(v => v.type === '23')[0]
-            const remark = v.filter(v => v.type === '25')[0]
-            const weather = v.filter(v => v.type === '2')[0]
+            const hoster = v.filter(v => v.type === '26')[0]
+            const date = v.filter(v => v.type === '0')[0]
+            const address = v.filter(v => v.type === '29')[0]
+            const remark = v.filter(v => v.type === '31')[0]
+            const theme = v.filter(v => v.type === '30')[0]
+            const attendee = v.filter(v => v.type === '28')[0]
+            const recorder = v.filter(v => v.type === '27')[0]
+
+            console.log(date)
+
             this.isShowTitle = title.status === '1'
             this.isShowRemark = remark.status === '1'
-            this.isShowReporter = reporter.status === '1'
-            this.isShowWeather = weather.status === '1'
+            this.isShowRecorder = recorder.status === '1'
+            this.isShowAttendee = attendee.status === '1'
+            this.isShowTheme = theme.status === '1'
             this.isShowDate = date.status === '1'
             this.isShowAddress = address.status === '1'
+
             this.title = title.defaultValue || '巡查日志'
-            this.weather = weather.defaultValue || '晴转多云'
-            this.address = date.defaultValue || '武汉天地'
-            this.reporter = reporter.defaultValue || ''
+            this.address = address.defaultValue || '武汉天地'
+            this.hoster = hoster.defaultValue || ''
             this.date = date.defaultValue || this.$dayjs(new Date).format('YYYY-MM-DD')
             this.remark = remark.defaultValue || ''
+            this.theme = theme.defaultValue || ''
+            this.attendee = attendee.defaultValue || ''
+            this.recorder = recorder.defaultValue || ''
           }
         },
         deep: true
@@ -154,7 +168,7 @@
     background: #fff;
 
     .imgs {
-      margin-top: 2px;
+      margin-top: 20px;
       image {
         display: block;
         width: 100%;