|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="main_home"> | 
|---|
|  |  |  | <!-- <div style="position: fixed;z-index: 99999"><video  style="height: 100px;width: 500px" src="rtsp://10.50.250.253:554/openUrl/K2y2vE4" controls></video></div> --> | 
|---|
|  |  |  | <div class="home_header"> | 
|---|
|  |  |  | <div class="mb10 fs17">下午好,{{ userInfo.realname }}</div> | 
|---|
|  |  |  | <div class="fs13"> | 
|---|
|  |  |  | 今天是 {{ nowDate }} {{ nowWeek }},欢迎回到智慧物流园区安消一体化系统 | 
|---|
|  |  |  | 今天是 {{ nowDate }} {{ nowWeek }},欢迎访问智慧物流园区安消一体化系统 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="main"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="task"> | 
|---|
|  |  |  | <div class="header df_sb"> | 
|---|
|  |  |  | <div class="home_title df"> | 
|---|
|  |  |  | <span>待办事项</span> | 
|---|
|  |  |  | <span >待办事项</span> | 
|---|
|  |  |  | <span class="num" v-if="taskTotal">{{ taskTotal }}</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="df_ac more" @click="jumpPage('/task/index')"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="item" v-for="item in warningList" :key="item.id"> | 
|---|
|  |  |  | <div class="name_wrap df_sb"> | 
|---|
|  |  |  | <div class="name">{{ item.name }}</div> | 
|---|
|  |  |  | <div class="identity" v-if="item.memberType == 0">劳务访客</div> | 
|---|
|  |  |  | <div class="identity" v-if="item.memberType == 1">普通访客</div> | 
|---|
|  |  |  | <div class="identity" v-if="item.memberType == 2">内部人员</div> | 
|---|
|  |  |  | <div class="identity">访客</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="line">联系电话:{{ item.phone }}</div> | 
|---|
|  |  |  | <div class="line">访客公司:{{ item.companyName }}</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | 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: { | 
|---|
|  |  |  | SubSuccess(str) { | 
|---|
|  |  |  | getNoticeList(){ | 
|---|
|  |  |  | syncHkNotice().then(res => { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleTest (row) { | 
|---|
|  |  |  | getAppHeaderNav(5).then(res => { | 
|---|
|  |  |  | if (res == undefined || res == null) { | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | console.log('单点登录地址------', res) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const myWindow = top.window.open(res) | 
|---|
|  |  |  | console.log('myWindow---', myWindow) | 
|---|
|  |  |  | 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.parse(row.param5) | 
|---|
|  |  |  | console.log('row.param5 Obj---', argus) | 
|---|
|  |  |  | // const argus = JSON.stringify(params) | 
|---|
|  |  |  | myWindow.postMessage('{"method":"goToApp","argument":' + row.param5 + '}', '*') | 
|---|
|  |  |  | }, 8000) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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', | 
|---|