乡村相册 考勤配置

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%;