| | |
| | | <div class="task"> |
| | | <div class="header df_sb"> |
| | | <div class="home_title df"> |
| | | <span @click="handleTest">待办事项</span> |
| | | <span @click="getNoticeList">待办事项</span> |
| | | <span class="num" v-if="taskTotal">{{ taskTotal }}</span> |
| | | </div> |
| | | <div class="df_ac more" @click="jumpPage('/task/index')"> |
| | |
| | | import { weeks } from '@/utils/config' |
| | | import { |
| | | getWorkbenchData, |
| | | getAppHeaderNav |
| | | getAppHeaderNav, syncHkNotice |
| | | } from '@/api' |
| | | import { level } from '@/api/business/visits' |
| | | import TaskDetail from '@/views/task/visSubDetail.vue' |
| | |
| | | OperaHiddenDangerWindow, |
| | | OperaVisitsDesWindow |
| | | }, |
| | | data() { |
| | | data () { |
| | | return { |
| | | colors, |
| | | nowDate: '', |
| | |
| | | isShowDetail: false, |
| | | isShowReport: false, |
| | | isShowDanger: false, |
| | | isShowDriver: false, |
| | | isShowDriver: false |
| | | } |
| | | }, |
| | | computed: { |
| | | userInfo() { |
| | | userInfo () { |
| | | return this.$store.state.userInfo |
| | | } |
| | | }, |
| | | created() { |
| | | created () { |
| | | this.updateDate() |
| | | setInterval(() => { |
| | | this.updateDate() |
| | | }, 1000 * 60 * 60) |
| | | |
| | | }, |
| | | mounted() { |
| | | mounted () { |
| | | this.initData() |
| | | }, |
| | | methods: { |
| | | handleTest() { |
| | | const myWindow = window.open('https://10.50.250.253/portal/ui/index?componentId=dfe&componentMenuId=process_apply') |
| | | setTimeout(() => { |
| | | const params = { |
| | | componentId: 'dfe', |
| | | componentMenuId: 'process_apply', |
| | | callback: { |
| | | method: 'dealTlncMsg', argument: { |
| | | "msgId": "98c256b9-aaff-11ef-8347-fa163ee2c57c", |
| | | "moduleId": "dfeFlowTodoModuleId", |
| | | "msgTitle": "请及时处理13856591439发起的请假申请", |
| | | "msgStatus": "0", |
| | | "msgCreateTime": "今天 15:33", |
| | | "msgCreateTimeIso": "2024-11-25T15:33:42.000+08:00", |
| | | "serverTime": 1732531014591, |
| | | "menuCode": "process_apply", |
| | | "msgStatusStr": "待处理", |
| | | "comId": "dfe", |
| | | "userId": "13856591439", |
| | | "extendNoShow": "{\"processInstanceId\":\"98a57fe0-aaff-11ef-8347-fa163ee2c57c\",\"processId\":\"process_dabcfdd39f1b6f46d36a9f4ff6ce1080\",\"param\":{\"sourceType\":\"todo\",\"modelCode\":\"tb_leave_dfe_for_dfe_runtime\",\"processNodeId\":\"UserTask_dde7d83377343a2d5fa1f60c23b023ef\",\"taskId\":\"98c256b9-aaff-11ef-8347-fa163ee2c57c\"},\"process.param.appId\":\"32ca8770-6f85-11ec-b5a3-991864da52a6\",\"appId\":\"32ca8770-6f85-11ec-b5a3-991864da52a6\",\"name\":\"请假申请\",\"taskId\":\"98c256b9-aaff-11ef-8347-fa163ee2c57c\",\"taskNodeId\":\"UserTask_dde7d83377343a2d5fa1f60c23b023ef\",\"url\":\"/dfe-form/process/tlnc/apply\"}", |
| | | "targetComId": "dfe", |
| | | "moduleName": "流程待办", |
| | | "tid": "99cad778-aaff-11ef-9dbf-ff08ba71965c", |
| | | "msgEndTime": null, |
| | | "msgEndTimeIso": "", |
| | | "picUrl": "", |
| | | "extendJson": "{\"key1\":\"请及时处理陈鸿飞发起的请假申请\"}", |
| | | "extendParam": null, |
| | | "extendCascade": null, |
| | | "createUser": "13856591439", |
| | | "webCascadeUrl": null, |
| | | "h5CascadeUrl": null, |
| | | "cascadeTodoOpenType": null, |
| | | "cascadeSourceConfigId": null, |
| | | "h5Url": "/h5/pages/form-page/form-page?returnPath=-1&appId=32ca8770-6f85-11ec-b5a3-991864da52a6&taskId=98c256b9-aaff-11ef-8347-fa163ee2c57c&processNodeId=UserTask_dde7d83377343a2d5fa1f60c23b023ef&modelCode=tb_leave_dfe_for_dfe_runtime&type=flowHandle&component=form-apply&_sn=true", |
| | | "segmentId": "dfe-form", |
| | | "lastUsers": "陈鸿飞", |
| | | "currentUsers": "陈鸿飞", |
| | | "todoTypeCode": "dfe@@tlnc_placeholder_tlnc@@dfeFlowTodoModuleId", |
| | | "currentUserIds": "13856591439", |
| | | "lastUserIds": "13856591439", |
| | | "msgDesc": null, |
| | | "widgetUrl": null, |
| | | "detailType": null, |
| | | "widgetWidth": null, |
| | | "widgetHeight": null, |
| | | "userIdList": null, |
| | | "statusName": null, |
| | | "arriveTime": null, |
| | | "stayTime": null, |
| | | "todoType": null, |
| | | "cascadePort": null, |
| | | "openMode": null |
| | | } |
| | | }, |
| | | msgType: 'tlnc' |
| | | } |
| | | let argus = JSON.stringify(params) |
| | | myWindow.postMessage('{"method":"goToApp","argument":' + argus + '}', '*') |
| | | }, 3000) |
| | | getNoticeList(){ |
| | | syncHkNotice().then(res => { |
| | | |
| | | }) |
| | | }, |
| | | SubSuccess(str) { |
| | | handleTest (row) { |
| | | getAppHeaderNav(5).then(res => { |
| | | if (res == undefined || res == null) { |
| | | return |
| | | } |
| | | const myWindow = window.open(res) |
| | | setTimeout(() => { |
| | | const params = { |
| | | componentId: 'dfe', |
| | | componentMenuId: 'process_apply', |
| | | callback: { |
| | | method: 'dealTlncMsg', |
| | | argument: { |
| | | msgId: '98c256b9-aaff-11ef-8347-fa163ee2c57c', |
| | | moduleId: 'dfeFlowTodoModuleId', |
| | | msgTitle: '请及时处理13856591439发起的请假申请', |
| | | msgStatus: '0', |
| | | msgCreateTime: '今天 15:33', |
| | | msgCreateTimeIso: '2024-11-25T15:33:42.000+08:00', |
| | | serverTime: 1732531014591, |
| | | menuCode: 'process_apply', |
| | | msgStatusStr: '待处理', |
| | | comId: 'dfe', |
| | | userId: '13856591439', |
| | | extendNoShow: '{"processInstanceId":"98a57fe0-aaff-11ef-8347-fa163ee2c57c","processId":"process_dabcfdd39f1b6f46d36a9f4ff6ce1080","param":{"sourceType":"todo","modelCode":"tb_leave_dfe_for_dfe_runtime","processNodeId":"UserTask_dde7d83377343a2d5fa1f60c23b023ef","taskId":"98c256b9-aaff-11ef-8347-fa163ee2c57c"},"process.param.appId":"32ca8770-6f85-11ec-b5a3-991864da52a6","appId":"32ca8770-6f85-11ec-b5a3-991864da52a6","name":"请假申请","taskId":"98c256b9-aaff-11ef-8347-fa163ee2c57c","taskNodeId":"UserTask_dde7d83377343a2d5fa1f60c23b023ef","url":"/dfe-form/process/tlnc/apply"}', |
| | | targetComId: 'dfe', |
| | | moduleName: '流程待办', |
| | | tid: '99cad778-aaff-11ef-9dbf-ff08ba71965c', |
| | | msgEndTime: null, |
| | | msgEndTimeIso: '', |
| | | picUrl: '', |
| | | extendJson: '{"key1":"请及时处理陈鸿飞发起的请假申请"}', |
| | | extendParam: null, |
| | | extendCascade: null, |
| | | createUser: '13856591439', |
| | | webCascadeUrl: null, |
| | | h5CascadeUrl: null, |
| | | cascadeTodoOpenType: null, |
| | | cascadeSourceConfigId: null, |
| | | h5Url: '/h5/pages/form-page/form-page?returnPath=-1&appId=32ca8770-6f85-11ec-b5a3-991864da52a6&taskId=98c256b9-aaff-11ef-8347-fa163ee2c57c&processNodeId=UserTask_dde7d83377343a2d5fa1f60c23b023ef&modelCode=tb_leave_dfe_for_dfe_runtime&type=flowHandle&component=form-apply&_sn=true', |
| | | segmentId: 'dfe-form', |
| | | lastUsers: '陈鸿飞', |
| | | currentUsers: '陈鸿飞', |
| | | todoTypeCode: 'dfe@@tlnc_placeholder_tlnc@@dfeFlowTodoModuleId', |
| | | currentUserIds: '13856591439', |
| | | lastUserIds: '13856591439', |
| | | msgDesc: null, |
| | | widgetUrl: null, |
| | | detailType: null, |
| | | widgetWidth: null, |
| | | widgetHeight: null, |
| | | userIdList: null, |
| | | statusName: null, |
| | | arriveTime: null, |
| | | stayTime: null, |
| | | todoType: null, |
| | | cascadePort: null, |
| | | openMode: null |
| | | } |
| | | }, |
| | | msgType: 'tlnc' |
| | | } |
| | | // const argus = JSON.stringify(params) |
| | | myWindow.postMessage('{"method":"goToApp","argument":' + row.param5 + '}', '*') |
| | | }, 3000) |
| | | }) |
| | | }, |
| | | SubSuccess (str) { |
| | | this[str] = false |
| | | this.getTaskList() |
| | | }, |
| | | funcClick(item) { |
| | | funcClick (item) { |
| | | if (item.name == '考勤工作台') { |
| | | getAppHeaderNav(4).then(res => { |
| | | window.open(res, "_blank") |
| | | return |
| | | window.open(res, '_blank') |
| | | }) |
| | | } |
| | | this.$router.push(item.path) |
| | | }, |
| | | updateDate() { |
| | | updateDate () { |
| | | this.nowDate = dayjs().format('YYYY年M月D日') |
| | | this.nowWeek = weeks[new Date().getDay()] |
| | | }, |
| | | initData() { |
| | | initData () { |
| | | this.getWorkHead() |
| | | this.getWorkBody() |
| | | this.getTaskList() |
| | | this.getWarningList() |
| | | }, |
| | | getWarningList() { |
| | | getWarningList () { |
| | | getWorkbenchData({ queryType: 4 }).then(res => { |
| | | this.warningList = res.timeOutVisitList || [] |
| | | this.warningTotal = res.timeOutVisitNum || 0 |
| | | }) |
| | | }, |
| | | getTaskList() { |
| | | getTaskList () { |
| | | getWorkbenchData({ queryType: 3 }).then(res => { |
| | | this.taskList = res.noticesList || [] |
| | | this.taskTotal = res.noticesNum || 0 |
| | | }) |
| | | }, |
| | | getWorkBody() { |
| | | getWorkBody () { |
| | | getWorkbenchData({ queryType: 2 }).then(res => { |
| | | this.staticData = res || {} |
| | | this.initEchart2() |
| | |
| | | this.initEchart4() |
| | | }) |
| | | }, |
| | | getWorkHead() { |
| | | getWorkHead () { |
| | | getWorkbenchData({ queryType: 1 }).then(res => { |
| | | this.headerData = res || {} |
| | | let arr = [] |
| | | const arr = [] |
| | | arr.push({ name: '访客', value: this.headerData.inParkVisitUserNum }) |
| | | arr.push({ name: '内部员工', value: this.headerData.todayInParkUserNum - this.headerData.inParkLwUserNum - this.headerData.inParkVisitUserNum }) |
| | | arr.push({ name: '长期相关方', value: this.headerData.inParkLwUserNum }) |
| | |
| | | this.initEchart1() |
| | | }) |
| | | }, |
| | | jumpPage(page) { |
| | | jumpPage (page) { |
| | | this.$router.push(page) |
| | | }, |
| | | departure(id) { |
| | | departure (id) { |
| | | this.$confirm('确定离厂吗, 是否继续?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | |
| | | |
| | | }) |
| | | }, |
| | | handleDetail(row) { |
| | | handleDetail (row) { |
| | | if (row.type === 7) { |
| | | this.handleTest(row); |
| | | return |
| | | } |
| | | if (row.objType === 2) { |
| | | this.$refs.OperaDetailsWindow.open('公务车申请详情', { ...row, id: row.objId }) |
| | | return |
| | |
| | | }) |
| | | } |
| | | }, |
| | | initEchart1() { |
| | | initEchart1 () { |
| | | const myChart = echarts.init(document.getElementById('echart1')) |
| | | let that = this |
| | | const that = this |
| | | |
| | | const option = { |
| | | tooltip: { |
| | |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | initEchart2() { |
| | | initEchart2 () { |
| | | const myChart = echarts.init(document.getElementById('echart2')) |
| | | let that = this |
| | | const that = this |
| | | myChart.setOption({ |
| | | grid: { |
| | | top: '4%', |
| | |
| | | { offset: 0, color: '#56abf8' }, |
| | | { offset: 1, color: '#407ff0' } |
| | | ] |
| | | ), |
| | | ) |
| | | // barBorderRadius: [0, 10, 10, 0] |
| | | } |
| | | } |
| | |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | initEchart3() { |
| | | initEchart3 () { |
| | | const myChart = echarts.init(document.getElementById('echart3')) |
| | | let that = this |
| | | const that = this |
| | | myChart.setOption({ |
| | | tooltip: { |
| | | trigger: 'axis', |
| | |
| | | myChart.resize() |
| | | }) |
| | | }, |
| | | initEchart4() { |
| | | initEchart4 () { |
| | | const myChart = echarts.init(document.getElementById('echart4')) |
| | | let that = this |
| | | const that = this |
| | | myChart.setOption({ |
| | | tooltip: { |
| | | trigger: 'axis', |