|
|
@@ -0,0 +1,479 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div class="topBox">
|
|
|
+ <NavBar :go="{ type: 'push', path: '/menu' }" />
|
|
|
+
|
|
|
+ <van-row>
|
|
|
+ <van-col span="24">
|
|
|
+ <org-tree v-model="cascaderValue" :name="'sss'" @changeItem="getDataList"></org-tree>
|
|
|
+ </van-col>
|
|
|
+ </van-row>
|
|
|
+ <van-row>
|
|
|
+ <van-col span="12"
|
|
|
+ ><van-field
|
|
|
+ v-model="fieldValue"
|
|
|
+ label-width="3em"
|
|
|
+ clearable
|
|
|
+ :disabled="showStatus"
|
|
|
+ label="状态"
|
|
|
+ placeholder=""
|
|
|
+ @click="showStatus = true"
|
|
|
+ ><van-icon name="arrow-down" slot="button"
|
|
|
+ /></van-field>
|
|
|
+ <van-popup v-model="showStatus" round position="bottom">
|
|
|
+ <van-picker
|
|
|
+ title="状态"
|
|
|
+ show-toolbar
|
|
|
+ :columns="columns"
|
|
|
+ @confirm="onConfirm"
|
|
|
+ @cancel="onCancel"
|
|
|
+ :close-on-click-overlay="false"
|
|
|
+ />
|
|
|
+ </van-popup>
|
|
|
+ </van-col>
|
|
|
+ <van-col span="12">
|
|
|
+ <van-field
|
|
|
+ v-model="currentDate"
|
|
|
+ clearable
|
|
|
+ label-width="3em"
|
|
|
+ label="年份"
|
|
|
+ placeholder=""
|
|
|
+ :disabled="showDate"
|
|
|
+ @click="showDate = true"
|
|
|
+ >
|
|
|
+ <van-icon name="arrow-down" slot="button"
|
|
|
+ /></van-field>
|
|
|
+ <van-popup v-model="showDate" round position="bottom">
|
|
|
+ <van-picker
|
|
|
+ v-model="presentDate"
|
|
|
+ @cancel="onCancel"
|
|
|
+ :columns="yearColumns"
|
|
|
+ @confirm="onDateConfirm"
|
|
|
+ :default-index="yearSelect"
|
|
|
+ title="年份"
|
|
|
+ />
|
|
|
+ </van-popup>
|
|
|
+ </van-col>
|
|
|
+ </van-row>
|
|
|
+ <van-row>
|
|
|
+ <van-col span="24">
|
|
|
+ <van-tabs v-model="active">
|
|
|
+ <van-tab title="Q1"></van-tab>
|
|
|
+ <van-tab title="Q2"></van-tab>
|
|
|
+ <van-tab title="Q3"></van-tab>
|
|
|
+ <van-tab title="Q4"></van-tab>
|
|
|
+ </van-tabs>
|
|
|
+ </van-col>
|
|
|
+
|
|
|
+ <!-- <van-col span="6" class="btnf_box">
|
|
|
+ <van-button type="info" class="btn" @click="clearSearch" size="small">重置</van-button>
|
|
|
+ </van-col> -->
|
|
|
+ </van-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- //卡片内容区域 -->
|
|
|
+ <div class="navBarclas">
|
|
|
+ <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
|
|
|
+ <van-panel :title="item.title" v-for="item in taskList" :key="item.id" class="card" status="状态">
|
|
|
+ <template #header>
|
|
|
+ <div class="titleClass">
|
|
|
+ <div class="title">{{ item.title }}</div>
|
|
|
+ <div>
|
|
|
+ <van-button type="info" v-if="isSign(item)" size="mini" @click="commentSign(item.id)"
|
|
|
+ >评优推优</van-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div>
|
|
|
+ <div class="mainItem" @click="goInfo(item.id)">
|
|
|
+ <div>单位名称</div>
|
|
|
+ <div>{{ item.orgName }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="mainItem" @click="goInfo(item.id)">
|
|
|
+ <div>演练项目</div>
|
|
|
+ <div>{{ item.statusText }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="mainItem" @click="goInfo(item.id)">
|
|
|
+ <div>评分</div>
|
|
|
+ <div>{{ item.typeText }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="mainItem" @click="goInfo(item.id)">
|
|
|
+ <div>评分状态</div>
|
|
|
+ <div>{{ item.trainingStartDateTime }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-panel>
|
|
|
+ </van-list>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import NavBar from '@/components/NavBar'
|
|
|
+import { Col, Row, Cascader, Dialog, DatetimePicker, Icon, Picker } from 'vant'
|
|
|
+import { gettrainingList, } from '@/api/training.js'
|
|
|
+import { deptTreeList } from '@/api/toConsult.js'
|
|
|
+import { Toast } from 'vant'
|
|
|
+import OrgTree from '@/components/orgTree'
|
|
|
+import { newDateMonth, newDateYear } from '@/utils/date.js'
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ orgName: '',
|
|
|
+ orgShow: false,
|
|
|
+ presentDate: '', //默认时间
|
|
|
+ pageNum: 1,
|
|
|
+ loading: false, //加载状态
|
|
|
+ finished: false, //是否全部加载完毕
|
|
|
+
|
|
|
+ yearColumns: [],
|
|
|
+
|
|
|
+ orgName: JSON.parse(sessionStorage.getItem('SET_USER_ORGNAME')) || '', //机构名称
|
|
|
+ cascaderValue: '', //机构ID
|
|
|
+ show: false, //机构弹框显示隐藏
|
|
|
+ active: '0',
|
|
|
+ fieldNames: {
|
|
|
+ text: 'name',
|
|
|
+ value: 'id',
|
|
|
+ children: 'children'
|
|
|
+ },
|
|
|
+ taskList: [], //列表数据
|
|
|
+ typeValue: ' ', //类型值
|
|
|
+ yearSelect: null,
|
|
|
+ value1: JSON.parse(sessionStorage.getItem('SET_USER_ID')) || '', //输入框model
|
|
|
+
|
|
|
+ showStatus: false, //状态显示隐藏
|
|
|
+ showDate: false, //月份显示隐藏
|
|
|
+ fieldValue: '全部', //状态名称
|
|
|
+ statusValue: ' ', //状态值
|
|
|
+ columns: ['全部', '待记录', '待签名', '已完成'], //状态数组
|
|
|
+ currentDate: newDateYear(), //年份
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ NavBar,
|
|
|
+ OrgTree,
|
|
|
+ Dialog,
|
|
|
+ Icon,
|
|
|
+ DatetimePicker,
|
|
|
+ Picker,
|
|
|
+ Col,
|
|
|
+ Row,
|
|
|
+ Cascader
|
|
|
+ },
|
|
|
+
|
|
|
+ filters: {
|
|
|
+ statusFilter: function (value) {
|
|
|
+ let str = ''
|
|
|
+ // 0待调阅，1调阅中，2已调阅，3已超期
|
|
|
+ switch (value) {
|
|
|
+ case 0:
|
|
|
+ str = '待调阅'
|
|
|
+
|
|
|
+ break
|
|
|
+ case 1:
|
|
|
+ str = '调阅中'
|
|
|
+ break
|
|
|
+
|
|
|
+ case 2:
|
|
|
+ str = '已调阅'
|
|
|
+ break
|
|
|
+
|
|
|
+ case 3:
|
|
|
+ str = '已超期'
|
|
|
+ break
|
|
|
+ }
|
|
|
+ return str
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ created() {
|
|
|
+ this.presentDate = new Date(newDateYear())
|
|
|
+ console.log(this.presentDate)
|
|
|
+ this.yearData()
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.init()
|
|
|
+ this.cascaderValue = JSON.parse(window.sessionStorage.getItem('SET_USER_ORGID')) + ''
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //机构搜索
|
|
|
+ getDataList(val) {
|
|
|
+ this.cascaderValue = val.id
|
|
|
+ this.orgName = val.name
|
|
|
+ this.selectListAppHandler()
|
|
|
+ },
|
|
|
+
|
|
|
+ //判断是否展示登记按钮
|
|
|
+ isSign(list) {
|
|
|
+ return true
|
|
|
+ let falg = false
|
|
|
+ let timefalg = false
|
|
|
+ //value1 当前登陆用户ID
|
|
|
+ let date = new Date().getTime()
|
|
|
+ let startDate = Date.parse(new Date(list.startDate))
|
|
|
+ let endDate = Date.parse(new Date(list.endDate))
|
|
|
+ //任务处于待记录状态，且任务在规定完成时间范围内，登录人所在机构和角色与任务培训角色、培训机构一致才显示
|
|
|
+
|
|
|
+ if (list.startDate && list.endDate && list.status == 0) {
|
|
|
+ if (date >= startDate && date <= endDate) {
|
|
|
+ timefalg = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //cascaderValue 当前机构ID
|
|
|
+ //当前用户角色ID
|
|
|
+ let roleL = JSON.parse(sessionStorage.getItem('SET_USER_ROLELIST'))
|
|
|
+ roleL.forEach(i => {
|
|
|
+ list.taskRoleList?.forEach(item => {
|
|
|
+ if (this.cascaderValue == list.orgId && i.roleId == item.roleId) {
|
|
|
+ falg = true
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ if (date > endDate) {
|
|
|
+ //当前时间大于结束时间表示已超期
|
|
|
+
|
|
|
+ timefalg = false
|
|
|
+ falg = false
|
|
|
+ }
|
|
|
+ if (falg && timefalg) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //清空查询条件
|
|
|
+ clearSearch() {
|
|
|
+ this.fieldValue = ''
|
|
|
+ this.statusValue = ''
|
|
|
+ this.cascaderValue = ''
|
|
|
+ this.currentDate = ''
|
|
|
+ this.typeValue = ''
|
|
|
+ this.typeName = ''
|
|
|
+ this.orgName = ''
|
|
|
+
|
|
|
+ this.selectListAppHandler()
|
|
|
+ },
|
|
|
+
|
|
|
+ //初始化
|
|
|
+ init() {
|
|
|
+ this.selectListAppHandler()
|
|
|
+ },
|
|
|
+ selectListAppHandler(type = 0, callback = () => {}) {
|
|
|
+ let obj = {
|
|
|
+ isAppSelect: 1,
|
|
|
+ pageNum: this.pageNum,
|
|
|
+ pageSize: 10
|
|
|
+ }
|
|
|
+ if (!type) {
|
|
|
+ obj.pageNum = 1
|
|
|
+ this.pageNum = 1
|
|
|
+ }
|
|
|
+ if (this.statusValue) {
|
|
|
+ obj.status = this.statusValue
|
|
|
+ }
|
|
|
+
|
|
|
+ obj.orgId = this.cascaderValue || JSON.parse(window.sessionStorage.getItem('SET_USER_ORGID')) + '' || ''
|
|
|
+
|
|
|
+ if (this.currentDate) {
|
|
|
+ obj.date = this.currentDate
|
|
|
+ }
|
|
|
+ if (this.typeValue) {
|
|
|
+ obj.type = this.typeValue
|
|
|
+ }
|
|
|
+
|
|
|
+ //获取任务列表
|
|
|
+ gettrainingList(obj).then(res => {
|
|
|
+ let { code, rows, msg } = res
|
|
|
+ if (code == 200) {
|
|
|
+ if (type) {
|
|
|
+ this.taskList.push(...rows)
|
|
|
+ if (rows.length == 0 || rows.length < 10) {
|
|
|
+ //已加载完全部数据
|
|
|
+ this.finished = true
|
|
|
+ }
|
|
|
+ callback()
|
|
|
+ } else {
|
|
|
+ this.finished = false
|
|
|
+ this.taskList = rows
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 开始调阅事件
|
|
|
+ startMonitorHandler(taskId) {
|
|
|
+ this.taskId = taskId
|
|
|
+ this.showDialog = true
|
|
|
+ },
|
|
|
+ //已调阅事件
|
|
|
+ endMonitorHandler(status, taskId) {
|
|
|
+ // 0待调阅，1调阅中，2已调阅，3已超期
|
|
|
+ //跳转详情
|
|
|
+ if (status <= 1) return
|
|
|
+ this.$router.push('/consultInfo/' + taskId)
|
|
|
+ },
|
|
|
+
|
|
|
+ //搜索选择状态时触发
|
|
|
+ onConfirm(value, index) {
|
|
|
+ this.fieldValue = value
|
|
|
+
|
|
|
+ switch (value) {
|
|
|
+ case '待记录':
|
|
|
+ this.statusValue = '0'
|
|
|
+
|
|
|
+ break
|
|
|
+ case '待签名':
|
|
|
+ this.statusValue = '1'
|
|
|
+ break
|
|
|
+
|
|
|
+ case '已完成':
|
|
|
+ this.statusValue = '2'
|
|
|
+ break
|
|
|
+ case '全部':
|
|
|
+ this.statusValue = ' '
|
|
|
+ break
|
|
|
+ }
|
|
|
+ this.selectListAppHandler()
|
|
|
+ this.showStatus = false
|
|
|
+ },
|
|
|
+
|
|
|
+ //月份选中触发
|
|
|
+ onDateConfirm() {
|
|
|
+ this.currentDate = this.newDate(this.presentDate)
|
|
|
+
|
|
|
+ this.showDate = false
|
|
|
+ this.selectListAppHandler()
|
|
|
+ },
|
|
|
+ yearData() {
|
|
|
+ // 获取默认显示的时间
|
|
|
+ var nowTime = new Date()
|
|
|
+ let year = nowTime.getFullYear()
|
|
|
+ let month = nowTime.getMonth()
|
|
|
+ let day = nowTime.getDate()
|
|
|
+ // 循环数组 填写最小时间和最大时间范围
|
|
|
+ for (let i = 1980; i < 2099; i++) {
|
|
|
+ this.yearColumns.push(i)
|
|
|
+ }
|
|
|
+ // 格式化时间并截取
|
|
|
+ var years = this.formatDate(new Date(year, month, day))
|
|
|
+ var Year = years.slice(0, 4)
|
|
|
+ // 将截取的年份赋值给绑定值 用于点击弹出日期窗口后显示当前的时间
|
|
|
+ this.yearSelect = this.yearColumns.indexOf(Number(Year))
|
|
|
+ }, //日期转换
|
|
|
+ newDate(time) {
|
|
|
+ var date = new Date(time)
|
|
|
+ var y = date.getFullYear()
|
|
|
+ var m = date.getMonth() + 1
|
|
|
+ m = m < 10 ? '0' + m : m
|
|
|
+ var d = date.getDate()
|
|
|
+ d = d < 10 ? '0' + d : d
|
|
|
+ return y
|
|
|
+ },
|
|
|
+ //日期格式
|
|
|
+ formatDate(date) {
|
|
|
+ return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`
|
|
|
+ },
|
|
|
+
|
|
|
+ //onLoad下拉刷新
|
|
|
+ onLoad() {
|
|
|
+ if (this.pageNum == 1) {
|
|
|
+ this.pageNum = 2
|
|
|
+ }
|
|
|
+ this.loading = true
|
|
|
+ this.selectListAppHandler(1, () => {
|
|
|
+ this.pageNum++
|
|
|
+ this.loading = false
|
|
|
+ console.log(1)
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ //培训登记跳转
|
|
|
+ commentSign(id) {
|
|
|
+ this.$router.push('/commentSign/' + id + '_comment')
|
|
|
+ },
|
|
|
+
|
|
|
+ //跳转详情
|
|
|
+ goInfo(id) {
|
|
|
+ this.$router.push('/commentSign/' + id + '_info')
|
|
|
+ },
|
|
|
+
|
|
|
+ onCancel() {
|
|
|
+ this.show = false
|
|
|
+ this.typeStatus = false
|
|
|
+ this.showDate = false
|
|
|
+ this.showStatus = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.popup {
|
|
|
+ height: 40vh;
|
|
|
+}
|
|
|
+.navBarclas {
|
|
|
+ height: calc(100vh - 380px);
|
|
|
+ overflow: scroll;
|
|
|
+}
|
|
|
+.btnf_box {
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+.card {
|
|
|
+ margin: 20px;
|
|
|
+ margin-bottom: 0px;
|
|
|
+ box-shadow: 0 8px 12px #ebedf0;
|
|
|
+}
|
|
|
+.btn {
|
|
|
+ float: right;
|
|
|
+ margin-top: 24px;
|
|
|
+ margin-right: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+.titleClass {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ height: 100%;
|
|
|
+ padding: 20px;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 30px;
|
|
|
+ flex: 1;
|
|
|
+ line-height: 50px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.mainItem {
|
|
|
+ display: flex;
|
|
|
+ font-size: 28px;
|
|
|
+ padding: 20px;
|
|
|
+ justify-content: space-between;
|
|
|
+ .condition {
|
|
|
+ color: #1989fa;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+}
|
|
|
+.conditionCls {
|
|
|
+ .title {
|
|
|
+ color: #1989fa;
|
|
|
+ margin-left: 30px;
|
|
|
+ // margin-top: 30px;
|
|
|
+ }
|
|
|
+ .people {
|
|
|
+ margin-left: 80px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.topBox {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+:deep.van-field--disabled {
|
|
|
+ color: #323233;
|
|
|
+}
|
|
|
+:deep.van-field--disabled .van-field__label {
|
|
|
+ color: #323233;
|
|
|
+}
|
|
|
+:deep .van-field__control[disabled] {
|
|
|
+ color: #323233;
|
|
|
+ -webkit-text-fill-color: #323233;
|
|
|
+}
|
|
|
+</style>
|
coys