epx-frame 3.5.0-shpgy.1

package/src/product/oa/components/MeetingRoomUse.vue

@@ -0,0 +1,371 @@
+<template>
+  <div class="container">
+      <div class="date-container">
+          <el-radio-group v-model="type" @change ="changeType">
+            <el-radio-button label="day">日</el-radio-button>
+            <el-radio-button label="week">周</el-radio-button>
+            <el-radio-button label="month">月</el-radio-button>
+          </el-radio-group>
+          <div class="choose-date-type">
+              <template v-if="type==='day'">
+                  <el-date-picker
+                    v-model="dayDate"
+                    align="right"
+                    type="date"
+                    placeholder="选择日期"
+                    @change="changeTime"
+                    :picker-options="pickerOptions">
+                    </el-date-picker>
+              </template>
+              <template v-else-if="type==='week'">
+                  <el-date-picker
+                    v-model="weekDate"
+                    type="week"
+                    format="yyyy 第 WW 周"
+                    @change="changeTime"
+                    :picker-options="{'firstDayOfWeek': 1}"
+                    placeholder="选择周">
+                    </el-date-picker>
+              </template>
+              <template v-else-if="type==='month'">
+                    <el-date-picker
+                        v-model="monthDate"
+                        type="month"
+                        @change="changeTime"
+                        placeholder="选择月">
+                    </el-date-picker>
+              </template>
+          </div>
+          <div class="using-condation">
+              <span class="using-meeting meeting"></span>已占用
+              <span class="check-meeting meeting"></span>待审核
+          </div>
+      </div>
+      <div class="meeting-table-con">
+        <el-table
+          :data="meetingTable"
+          border
+          style="width: 100%">
+          <el-table-column
+            label="会议室"
+            fixed
+            width="100">
+            <template slot-scope="scope">
+              {{scope.row.data.NAME}}
+            </template>
+          </el-table-column>
+          <template v-if="type==='day'">
+            <el-table-column v-for="day in dayTime" :key="day" :label="day+''">
+              <template  slot-scope="scope">
+                <div class="contion" :class="getCondation(scope.row.checkTimes,scope.row.zhanyongTimes,day)?getCondation(scope.row.checkTimes,scope.row.zhanyongTimes,day)==='zhanyong'?'zhanyong':'check':''" @click="lookDetail(scope.row,day,scope.row.data)"></div>
+              </template>
+            </el-table-column>
+          </template>
+          <template v-else-if="type==='week'">
+            <el-table-column v-for="day in dayTime" :key="day" :label="day+''">
+              <template  slot-scope="scope">
+                <div class="contion" :class="scope.row.data.MEET_APPLYS[day].status!=='0'?scope.row.data.MEET_APPLYS[day].status==='2'?'zhanyong':'check':''" @click="lookDetail(scope.row,day,scope.row.data)"></div>
+              </template>
+            </el-table-column>
+          </template>
+          <template v-else-if="type==='month'">
+            <el-table-column v-for="day in dayTime" :key="day" :label="day+'号'">
+              <template  slot-scope="scope">
+                <div class="contion" :class="scope.row.data.MEET_APPLYS[day].status!=='0'?scope.row.data.MEET_APPLYS[day].status==='2'?'zhanyong':'check':''" @click="lookDetail(scope.row,day,scope.row.data)"></div>
+              </template>
+            </el-table-column>
+          </template>
+        </el-table>
+      </div>
+      <div class="meeting-info-list" v-if="meetingInfoLoading">
+         <el-table
+          :data="meetingInfoList"
+          border
+          style="width: 100%">
+          <el-table-column
+            label="会议名称"
+            >
+            <template  slot-scope="scope">
+              {{scope.row.MNAME}}
+              </template>
+          </el-table-column>
+          <el-table-column
+            label="会议场地"
+            >
+            <template  slot-scope="scope">
+              {{scope.row['NAME#']}}
+              </template>
+          </el-table-column>
+          <el-table-column
+            label="开始时间">
+            <template  slot-scope="scope">
+              {{scope.row.BEGINTIME}}
+              </template>
+          </el-table-column>
+          <el-table-column
+            label="结束时间">
+            <template  slot-scope="scope">
+              {{scope.row.ENDTIME}}
+              </template>
+          </el-table-column>
+          <el-table-column
+            label="状态">
+            <template  slot-scope="scope">
+              {{scope.row['STATUS#']}}
+              </template>
+          </el-table-column>
+        </el-table>
+      </div>
+  </div>
+</template>
+
+<script>
+import component from '@/utils/mixins/component'
+export default {
+  name: 'epx-oa-meeting-room-use',
+  mixins: [component],
+  data () {
+    return {
+      type: 'day',
+      dayDate: '',
+      weekDate: '',
+      monthDate: '',
+      startDate: '',
+      endDate: '',
+      pickerOptions: {
+        // disabledDate (time) {
+        //   return time.getTime() > Date.now()
+        // },
+        shortcuts: [{
+          text: '今天',
+          onClick (picker) {
+            picker.$emit('pick', new Date())
+          }
+        }, {
+          text: '昨天',
+          onClick (picker) {
+            const date = new Date()
+            date.setTime(date.getTime() - 3600 * 1000 * 24)
+            picker.$emit('pick', date)
+          }
+        }, {
+          text: '一周前',
+          onClick (picker) {
+            const date = new Date()
+            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
+            picker.$emit('pick', date)
+          }
+        }]
+      },
+      meetingTable: [],
+      dayTime: [],
+      checkTimes: [],
+      zhanyongTimes: [],
+      meetingInfoList: [],
+      meetingInfoLoading: false
+    }
+  },
+  computed: {
+    getCondation () {
+      return (checkTimes = [], zhanyongTimes = [], day) => {
+        let status = ''
+        if (checkTimes.length > 0) {
+          const index = checkTimes.indexOf(day)
+          if (index > -1) status = 'check'
+        }
+        if (zhanyongTimes.length > 0) {
+          const index = zhanyongTimes.indexOf(day)
+          if (index > -1) status = 'zhanyong'
+        }
+        return status
+      }
+    }
+  },
+  methods: {
+    lookDetail (row, day, data) {
+      this.meetingInfoLoading = true
+      if (this.type === 'day') {
+        const status = this.getCondation(row.checkTimes, row.zhanyongTimes, day)
+        if (status) {
+          this.meetingInfoList = [...data.MEET_APPLYS]
+        } else {
+          this.meetingInfoList.splice(0)
+        }
+        // this.meetingInfoLoading = false
+        // setTimeout(() => {
+        //   this.meetingInfoLoading = true
+        // }, 0)
+      } else {
+        if (data.MEET_APPLYS[day].applyInfo) {
+          this.meetingInfoList = [...data.MEET_APPLYS[day].applyInfo]
+        } else {
+          this.meetingInfoList.splice(0)
+        }
+      }
+    },
+    changeTime (v) {
+      this.meetingInfoList.splice(0)
+      if (this.type === 'week') {
+        // 获取本周
+        this.startDate = this.$moment(v).week(this.$moment(v).week()).startOf('week').format('YYYY-MM-DD') // 这样是年月日的格式
+        this.endDate = this.$moment(v).week(this.$moment(v).week()).endOf('week').format('YYYY-MM-DD')
+        // const endDate = this.$moment().week(this.$moment().week()).endOf('week').valueOf() // 这样是时间戳的格式
+      } else if (this.type === 'day') {
+        this.startDate = this.$moment(v).format('YYYY-MM-DD')
+        this.endDate = this.$moment(v).format('YYYY-MM-DD')
+      } else if (this.type === 'month') {
+        this.startDate = this.$moment(v).month(this.$moment(v).month()).startOf('month').format('YYYY-MM-DD')
+        this.endDate = this.$moment(v).month(this.$moment(v).month()).endOf('month').format('YYYY-MM-DD')
+      }
+      this.getDayList()
+    },
+    changeType (v) {
+      this.meetingInfoList.splice(0)
+      if (v === 'week') {
+        // 获取本周
+        const startDate = this.$moment().week(this.$moment().week()).startOf('week').format('YYYY-MM-DD') // 这样是年月日的格式
+        const endDate = this.$moment().week(this.$moment().week()).endOf('week').format('YYYY-MM-DD')
+        this.startDate = startDate
+        this.endDate = endDate
+      } else if (v === 'day') {
+        this.startDate = this.$moment().format('YYYY-MM-DD')
+        this.endDate = this.$moment().format('YYYY-MM-DD')
+      } else if (v === 'month') {
+        this.startDate = this.$moment().month(this.$moment().month()).startOf('month').format('YYYY-MM-DD')
+        this.endDate = this.$moment().month(this.$moment().month()).endOf('month').format('YYYY-MM-DD')
+      }
+      this.getDayList()
+    },
+    getDayList () {
+      this.$http.$post({
+        action: 'getRoomApplyInfo',
+        entityId: this.$metaId,
+        startDate: this.startDate,
+        endDate: this.endDate,
+        type: this.type
+      })
+        .then(data => {
+          if (data) {
+            if (this.type === 'day') {
+              this.dayTime = [...data.colItems]
+              this.meetingTable = [...data.entitys]
+              this.meetingTable.forEach(item => {
+                const checkTimes = []
+                const zhanyongTimes = []
+                if (item.data.MEET_APPLYS.length > 0) {
+                  item.data.MEET_APPLYS.forEach(time => {
+                    let start = this.$moment(time.BEGINTIME).format('HH')
+                    let end = this.$moment(time.ENDTIME).format('HH')
+                    start = start * 1
+                    end = end * 1
+                    if (start < 8) start = 8
+                    if (end < start) end = start
+                    if (end > 20) end = 20
+                    if (time.STATUS === '1') {
+                      for (let i = start; i <= end; i++) {
+                        checkTimes.push(i)
+                      }
+                    }
+                    if (time.STATUS === '2') {
+                      for (let i = start; i <= end; i++) {
+                        zhanyongTimes.push(i)
+                      }
+                    }
+                  })
+                }
+                item.checkTimes = checkTimes
+                item.zhanyongTimes = zhanyongTimes
+              })
+            } else {
+              this.dayTime = [...data.colItems]
+              this.meetingTable = [...data.entitys]
+            }
+            // else if (this.type === 'week') {
+            //   if (data.entitys.length > 0) {
+            //     // const item = data.entitys[0].data.MEET_APPLYS
+            //     // this.dayTime = Object.keys(item)
+            //     this.dayTime = [...data.colItems]
+            //     this.meetingTable = [...data.entitys]
+            //   }
+            // } else if (this.type === 'month') {
+            //   this.dayTime = [...data.colItems]
+            //   this.meetingTable = [...data.entitys]
+            // }
+          }
+        })
+    }
+  },
+  created () {
+    if (this.type === 'day') {
+      this.startDate = this.$moment().format('YYYY-MM-DD')
+      this.endDate = this.$moment().format('YYYY-MM-DD')
+      this.dayDate = this.$moment().format('YYYY-MM-DD')
+    }
+    this.weekDate = this.$moment().format('YYYY-MM-DD')
+    this.monthDate = this.$moment().format('YYYY-MM-DD')
+    //  else if (this.type === 'week') {
+    // }
+    this.getDayList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container{
+    box-sizing: border-box;
+    background-color: #fff;
+    height: 100%;
+    width: 100%;
+    padding: 16px;
+}
+.date-container{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.using-condation{
+    display: flex;
+    align-items: center;
+    margin-right: 40px;
+}
+.meeting{
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    margin-right: 10px;
+    margin-left: 20px;
+}
+.using-meeting{
+    background-color: green;
+}
+.check-meeting{
+    background-color: red;
+}
+.meeting-table-con{
+  margin-top: 63px;
+}
+.contion{
+  width: 100%;
+  height: 100%;
+  min-width: 30px;
+  min-height: 60px;
+  cursor: pointer;
+}
+.check{
+  background-color: red;
+}
+.zhanyong{
+  background-color: green;
+}
+.meeting-table-con::v-deep .el-table td{
+  padding: 0;
+}
+.meeting-table-con::v-deep .el-table .cell{
+  padding: 0;
+}
+.meeting-info-list{
+  margin-top: 50px;
+  padding-top: 30px;
+  border-top: 1px solid #e3e3e3;
+}
+</style>

package/src/product/oa/index.js

@@ -0,0 +1,31 @@
+
+const files = require.context('@/product/oa', true, /\.vue$/)
+const pages = {}
+const components = {}
+files.keys().forEach(key => {
+  const name = files(key).default.name
+  if (name && name.includes('epx-oa')) {
+    pages[name || key.replace(/(\.\/|\.vue|\/)/g, '')] = files(key).default
+  }
+})
+
+const install = function (Vue) {
+  for (const key in pages) {
+    // const componentName = 'epx-' + key.replace(/\//g, '-').toLowerCase()
+    Vue.component(key, pages[key])
+  }
+}
+
+for (const key in pages) {
+  let componentName = key.replace('epx-oa', '')
+  componentName = componentName.replace('epx-', '')
+  componentName = componentName.replace(/^\w|(-)(\w)/gi, (value) => {
+    return value.toUpperCase().replace('-', '')
+  })
+  components['Oa' + componentName] = pages[key]
+}
+
+export default {
+  install,
+  ...components
+}

package/src/registerServiceWorker.js

@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+
+import { register } from 'register-service-worker'
+
+if (process.env.NODE_ENV === 'production') {
+  register(`${process.env.BASE_URL}service-worker.js`, {
+    ready () {
+      console.log(
+        'App is being served from cache by a service worker.\n' +
+        'For more details, visit https://goo.gl/AFskqB'
+      )
+    },
+    registered () {
+      console.log('Service worker has been registered.')
+    },
+    cached () {
+      console.log('Content has been cached for offline use.')
+    },
+    updatefound () {
+      console.log('New content is downloading.')
+    },
+    updated () {
+      console.log('New content is available; please refresh.')
+    },
+    offline () {
+      console.log('No internet connection found. App is running in offline mode.')
+    },
+    error (error) {
+      console.error('Error during service worker registration:', error)
+    }
+  })
+}