| | |
| | | import { rules } from '@/utils/rules' |
| | | import * as echarts from 'echarts' |
| | | import qs from 'qs' |
| | | import VCalendar from 'v-calendar'; // å¼å
¥æ¥åæä»¶ |
| | | |
| | | Vue.use(VCalendar, { |
| | | componentPrefix: 'vc', |
| | | }); |
| | | |
| | | // import 'echarts-liquidfill' |
| | | Vue.prototype.$echarts = echarts |
| | | Vue.prototype.$qs = qs |
| | |
| | | import Vue from 'vue' |
| | | import { USER_INFO, ENHANCE_PRE } from "@/store/mutation-types" |
| | | import DepartTree from './modules/DepartTree' |
| | | const getters = { |
| | | device: state => state.app.device, |
| | | theme: state => state.app.theme, |
| | |
| | | }, |
| | | sysSafeMode: state => state.user.sysSafeMode, |
| | | ProductionNode:state => state.Production.ProductionTree, |
| | | DepartNode:state => state.Depart.DepartTree |
| | | DepartNode:state => state.Depart.DepartTree, |
| | | |
| | | DepartTree:state => state.DepartTree.DepartTreeType |
| | | |
| | | } |
| | | |
| | | export default getters |
| | |
| | | import Production from './modules/Production' |
| | | //é¨é¨æ |
| | | import Departs from './modules/Departs' |
| | | |
| | | //é¨é¨æ æé |
| | | import DepartTree from './modules/DepartTree' |
| | | Vue.use(Vuex) |
| | | |
| | | export default new Vuex.Store({ |
| | |
| | | enhance, |
| | | online, |
| | | Production, |
| | | Departs |
| | | Departs, |
| | | DepartTree |
| | | |
| | | }, |
| | | state: { |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import Vue from 'vue' |
| | | import {ajaxGetDictItems,getDictItemsFromCache} from '@/api/api' |
| | | import { SET_DEPARTTREE } from "@/store/mutation-types" |
| | | import { getAction } from '@/api/manage' |
| | | |
| | | const DepartTree = { |
| | | state: { |
| | | token: '', |
| | | //é¨é¨æ çæé |
| | | DepartTreeType:"" |
| | | |
| | | }, |
| | | |
| | | mutations: { |
| | | SET_TOKEN: (state, token) => { |
| | | state.token = token |
| | | }, |
| | | SET_DEPARTTREE:(state,DepartTreeType) => { |
| | | state.DepartTreeType = DepartTreeType |
| | | } |
| | | }, |
| | | |
| | | actions: { |
| | | // 产线æ |
| | | QueryDepartTree({ commit }) { |
| | | return new Promise((resolve, reject) => { |
| | | |
| | | //æ ¹æ®åå
¸Code, åå§ååå
¸æ°ç» |
| | | ajaxGetDictItems('depart_is', null).then((res) => { |
| | | if (res.success) { |
| | | const result = res.result |
| | | Vue.ls.set(SET_DEPARTTREE, result) |
| | | commit('SET_DEPARTTREE', result) |
| | | resolve(res) |
| | | }else{ |
| | | resolve(res) |
| | | |
| | | } |
| | | }).catch(error => { |
| | | reject(error) |
| | | }) |
| | | |
| | | }) |
| | | }, |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | } |
| | | } |
| | | |
| | | export default DepartTree |
| | |
| | | QueryDepart({ commit }) { |
| | | return new Promise((resolve, reject) => { |
| | | getAction("/mdc/mdcEquipment/queryTreeListByDepart").then(response => { |
| | | console.log("----é¨é¨æ --------",response); |
| | | if(response.success){ |
| | | const result = response.result |
| | | Vue.ls.set(SYS_DEPART, result) |
| | |
| | | QueryProduction({ commit }) { |
| | | return new Promise((resolve, reject) => { |
| | | getAction("/mdc/mdcEquipment/queryTreeListByProduction").then(response => { |
| | | console.log("----产线æ --------",response); |
| | | if(response.success){ |
| | | const result = response.result |
| | | Vue.ls.set(SYS_PRODUCTION, result) |
| | |
| | | //产线æ |
| | | export const SYS_PRODUCTION = 'SYS_PRODUCTION' |
| | | //é¨é¨æ |
| | | export const SYS_DEPART = 'SYS_DEPART' |
| | | export const SYS_DEPART = 'SYS_DEPART' |
| | | //é¨é¨æ æé |
| | | export const SET_DEPARTTREE = 'SYS_DEPARTTREE' |
| | |
| | | <a-card :bordered="false"> |
| | | <div style="width: 100%; height: 100%;overflow: hidden"> |
| | | <a-row type="flex" :gutter="16"> |
| | | <!--<a-col :md="5" :sm="24">--> |
| | | <!--<base-tree @getCurrSelected="changeSelectionNode"></base-tree>--> |
| | | <!--</a-col>--> |
| | | <a-col :md="5"> |
| | | <a-tabs :activeKey="activeKey" @change="tabChange"> |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | | <a-col :md="24-5" :sm="24"> |
| | | <!--<statistical-analysis-main :equip="selectEquementnode"></statistical-analysis-main>--> |
| | | <!--<device-repair-list ref="DeviceRepairList" :nodeTree='selectEquement' :nodePeople='selectPeople' :Type="slectTypeTree" />--> |
| | | <comparative-analysismain ref="comparativeAnalysismain" :nodeTree='selectEquement' :nodePeople='selectPeople' :Type="slectTypeTree"></comparative-analysismain> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | import BaseTree from '../common/BaseTree' |
| | | import comparativeAnalysismain from './modules/comparativeAnalysis/comparativeAnalysismain' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'ComparativeAnalysis', |
| | | components:{ |
| | |
| | | slectTypeTree: '', |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val) |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'DeviceCalendar', |
| | | components: { |
| | |
| | | slectTypeTree: '', |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val) |
| | | this.activeKey = val |
| | |
| | | <div style="width: 100%; height: 100%;"> |
| | | <a-card :bordered="false"> |
| | | <a-row type="flex" :gutter="16"> |
| | | <!--<a-col :md="5"> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-col>--> |
| | | <a-col :md="5"> |
| | | <a-tabs :activeKey="activeKey" @change="tabChange"> |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | |
| | | export default { |
| | | name: 'DeviceRepair', |
| | |
| | | slectTypeTree: '', |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val) |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'EfficiencyPOReport', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'EfficiencyPOReport', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'EfficiencyShiftReport', |
| | | components: { |
| | |
| | | selectPeople:{}, |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'HolidayManagement', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | | <a-col :md="20"> |
| | | <!--<EfficiencyList ref="EfficiencyList" :nodePeople='selectPeople' :nodeTree = 'selectEquement' :Type="slectTypeTree"></EfficiencyList>--> |
| | | <torqueconfiguration-list ref="TorqueconfigurationList" :nodePeople='selectPeople' :nodeTree = 'selectEquement' :Type="slectTypeTree"></torqueconfiguration-list> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'Torqueconfiguration', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'UnplannedDowntimemManager', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import BaseTree from '../common/BaseTree' |
| | | import equipmentAvailCompareMain from './modules/equipmentAvailCompare/equipmentAvailCompareMain' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'equipmentAvailCompare', |
| | | components:{ |
| | |
| | | slectTypeTree: '', |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val) |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§"> |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import BaseTree from '../common/BaseTree' |
| | | import equipmentDayAvailMain from './modules/equipmentDayAvail/equipmentDayAvailMain' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'equipmentDayAvail', |
| | | components:{ |
| | |
| | | slectTypeTree: '', |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val) |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | | <a-col :md="20"> |
| | | <mdc-pass-rate-list ref="MdcStandardProcessDurationList" :nodePeople='selectPeople' :nodeTree = 'selectEquement' :Type="slectTypeTree"></mdc-pass-rate-list> |
| | | <mdc-pass-rate-list ref="MdcStandardProcessDurationList" :nodePeople='selectPeople' :nodeTree = 'selectEquement' :Type="slectTypeTree"></mdc-pass-rate-list> |
| | | </a-col> |
| | | </a-row> |
| | | </a-card> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'mdcPassRate', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'mdcProcessQuantity', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'mdcStandardProcessDuration', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <template> |
| | | <div ref="device"> |
| | | <a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" :getContainer="() => this.$refs.device" |
| | | <a-modal :title="title" :width="900" :visible="visible" :confirmLoading="confirmLoading" :getContainer="() => this.$refs.device" |
| | | :okButtonProps="{ props: {disabled: disableSubmit} }" @ok="handleOk" @cancel="handleCancel" cancelText="å
³é"> |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="çææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-date-picker v-decorator="['takeEffectDate',validatorRules.takeEffectDate]" :disabled="disableSubmit" |
| | | :readOnly="disableSubmit" :disabledDate="disabledDate"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="å¤±ææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-date-picker v-decorator="['invalidDate',validatorRules.invalidDate]" :disabled="disableSubmit" |
| | | :readOnly="disableSubmit" :disabledDate="disabledDateEnd"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span='12'> |
| | | <a-form-item label="ææä¸" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-col :span="24"> |
| | | <a-form-item label="çå¶" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-select v-decorator="['monShiftId', validatorRules.monShiftId]" placeholder="è¯·éæ©çå¶" |
| | | :allowClear='allowClear' @change="initShiftSubList"> |
| | | <a-select-option v-for="(em,index) in shiftList" :key="index" :value="em.value"> |
| | |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="ææäº" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-select v-decorator="['tueShiftId', validatorRules.tueShiftId]" placeholder="è¯·éæ©çå¶" |
| | | :allowClear='allowClear' @change="initShiftSubList"> |
| | | <a-select-option v-for="(em,index) in shiftList" :key="index" :value="em.value"> |
| | | {{ em.label }} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24"> |
| | | <a-col :span='12'> |
| | | <a-form-item label="ææä¸" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-select v-decorator="['wedShiftId', validatorRules.wedShiftId]" placeholder="è¯·éæ©çå¶" |
| | | :allowClear='allowClear' @change="initShiftSubList"> |
| | | <a-select-option v-for="(em,index) in shiftList" :key="index" :value="em.value"> |
| | | {{ em.label }} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="ææå" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-select v-decorator="['thuShiftId', validatorRules.thuShiftId]" placeholder="è¯·éæ©çå¶" |
| | | :allowClear='allowClear' @change="initShiftSubList"> |
| | | <a-select-option v-for="(em,index) in shiftList" :key="index" :value="em.value"> |
| | | {{ em.label }} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | <a-col :span="24"> |
| | | <a-form-item label="çææ¶é´" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <div class="mainBox"> |
| | | <Calendar |
| | | v-on:choseDay="clickDay" |
| | | v-on:changeMonth="changeDate" |
| | | v-on:isToday="clickToday" |
| | | :markDate = 'shiData' |
| | | :agoDayHide = 'value' |
| | | ></Calendar> |
| | | </div> |
| | | |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span='12'> |
| | | <a-form-item label="ææäº" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-select v-decorator="['friShiftId', validatorRules.friShiftId]" placeholder="è¯·éæ©çå¶" |
| | | :allowClear='allowClear' @change="initShiftSubList"> |
| | | <a-select-option v-for="(em,index) in shiftList" :key="index" :value="em.value"> |
| | | {{ em.label }} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="ææå
" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-select v-decorator="['satShiftId', validatorRules.satShiftId]" placeholder="è¯·éæ©çå¶" |
| | | :allowClear='allowClear' @change="initShiftSubList"> |
| | | <a-select-option v-for="(em,index) in shiftList" :key="index" :value="em.value"> |
| | | {{ em.label }} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span='12'> |
| | | <a-form-item label="æææ¥" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-select v-decorator="['sunShiftId', validatorRules.sunShiftId]" placeholder="è¯·éæ©çå¶" |
| | | :allowClear='allowClear' @change="initShiftSubList"> |
| | | <a-select-option v-for="(em,index) in shiftList" :key="index" :value="em.value"> |
| | | {{ em.label }} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | </a-col> |
| | | </a-row> |
| | | <!--<a-row :gutter="24">--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item label="设å¤" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input v-decorator="['equmentName',validatorRules.equmentName]" :disabled="true" :readOnly="true"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item label="æ¯å¦è·¨å¤©" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-switch v-model="isDaySpan" :disabled="true" checked-children="æ¯" un-checked-children="å¦"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | <!--<a-row :gutter="24">--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item label="å¼å§æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input v-decorator="['startDate',validatorRules.startDate]" :disabled="true" :readOnly="true"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item label="ç»ææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input v-decorator="['endDate',validatorRules.endDate]" :disabled="true" :readOnly="true"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | <!--<a-row :gutter="24">--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item label="å¼å§ä¼æ¯æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input v-decorator="['sleepStartDate',validatorRules.sleepStartDate]" :disabled="true"--> |
| | | <!--:readOnly="true"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item label="ç»æä¼æ¯æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input v-decorator="['sleepEndDate',validatorRules.sleepEndDate]" :disabled="true" :readOnly="true"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | </a-form> |
| | | </a-spin> |
| | | <device-calend-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></device-calend-list-model> |
| | |
| | | duplicateCheck |
| | | } from '@/api/api' |
| | | |
| | | import Calendar from 'vue-calendar-component'; |
| | | |
| | | export default { |
| | | name: 'ShiftInfoModel', |
| | | components: {DeviceCalendListModel}, |
| | | components: {DeviceCalendListModel,Calendar}, |
| | | props: {}, |
| | | data() { |
| | | return { |
| | | value:'', |
| | | date:'', |
| | | week:"", |
| | | selectDate: [], |
| | | // å½åæ¥æ |
| | | allowClear:true, |
| | | title: '', |
| | | isDaySpan: false, |
| | |
| | | }, |
| | | shiftList: [], |
| | | shiftSubList: [], |
| | | disableSubmit: true |
| | | disableSubmit: true, |
| | | calData:undefined, |
| | | shiData:[], |
| | | sendDte:[] |
| | | } |
| | | }, |
| | | created() { |
| | | this.value = Math.round(new Date().getTime()/1000).toString() |
| | | var now = new Date(); |
| | | this.date = now.getDate();//å¾å°æ¥æ |
| | | var day = now.getDay();//å¾å°å¨å |
| | | var arr_week = new Array("æææ¥", "ææä¸", "ææäº", "ææä¸", "ææå", "ææäº", "ææå
"); |
| | | this.week = arr_week[day]; |
| | | this.getWorking() |
| | | }, |
| | | |
| | | methods: { |
| | | // clickDay(data) { |
| | | // console.log(data); //é䏿天 |
| | | // }, |
| | | changeDate(data) { |
| | | console.log(data); //å·¦å³ç¹å»åæ¢æä»½ |
| | | }, |
| | | clickToday(data) { |
| | | console.log(data); // è·³å°äºæ¬æ |
| | | }, |
| | | // markChange(){ |
| | | // |
| | | // }, |
| | | getWorking(){//è·åå½åæå·¥ä½æ¥ |
| | | let myDate = new Date(); |
| | | let tY = myDate.getFullYear();//å¾å°å½åå¹´ |
| | | let tM = myDate.getMonth();//å¾å°å½åæ+1 |
| | | let tD = new Date(tY,tM+1,0); |
| | | let tT=tD.getDate();//å¾å°å½åæçå¤©æ° |
| | | |
| | | for(var i=1;i<=tT;i++){ |
| | | let week =new Date(tY,tM,i).getDay() |
| | | if(week>=1&&week<=5){ |
| | | let dd = tY + "/" + (tM + 1) + "/" + i; |
| | | let temp={className: "mark1",date:dd} |
| | | this.selectDate.push(temp) |
| | | } |
| | | } |
| | | //console.log(JSON.stringify(this.selectDate)) |
| | | }, |
| | | resetSelect(){//éç½®éä¸çæ¥æ |
| | | this.selectDate=[] |
| | | this.shiData = [] |
| | | this.sendDte = [] |
| | | }, |
| | | fun(obj){ |
| | | console.log(obj) |
| | | if(obj){ |
| | | if(obj = obj.split("/")){ |
| | | var timShi = obj[1]; |
| | | var timFen = obj[2]; |
| | | if(timShi < 10){ |
| | | timShi = '0'+timShi |
| | | } |
| | | if(timFen < 10){ |
| | | timFen = '0'+timFen |
| | | } |
| | | var dd = (obj[0] + timShi +timFen) |
| | | return dd |
| | | } |
| | | } |
| | | }, |
| | | clickDay(today){//é䏿¥æ |
| | | // today = this.fun(today) |
| | | console.log("å½åé䏿¥æ===>", today); |
| | | let existDate = this.selectDate; |
| | | let isExist = true; |
| | | for (var i = 0; i < existDate.length; i++) { |
| | | if (existDate[i].date === today) { |
| | | console.log("å½åæ¥æåå·²å¨===>",today); |
| | | this.selectDate.splice(i,1); |
| | | this.shiData.splice(i,1); |
| | | this.sendDte.splice(i,1) |
| | | isExist = false; |
| | | } |
| | | } |
| | | if (isExist) {//å½åæ¥æåå¨ç§»é¤ |
| | | console.log("ä¸åå¨-æ·»å ===>"); |
| | | let tempDate = {date: today, className: "mark1"} |
| | | // let ddd = this.fun(today) |
| | | let ddd = today |
| | | let ccc = this.fun(today) |
| | | this.selectDate.push(tempDate) |
| | | this.shiData.push(ddd) |
| | | this.sendDte.push(ccc) |
| | | } |
| | | console.log("this.selectDate===>",JSON.stringify(this.selectDate)); |
| | | console.log(this.sendDte) |
| | | }, |
| | | onSelect(value) { |
| | | console.log(value); |
| | | let arr = [] |
| | | arr.push(value); |
| | | this.value = arr |
| | | // this.value = value; |
| | | // this.selectedValue = value; |
| | | }, |
| | | onPanelChange(value) { |
| | | this.value = value; |
| | | }, |
| | | deviceSearch() { |
| | | this.$refs.deviceRepairListModel.openPage() |
| | | this.$refs.deviceRepairListModel.title = 'éæ©è®¾å¤' |
| | |
| | | // }) |
| | | }, |
| | | add(record) { |
| | | this.resetSelect() |
| | | let _this = this |
| | | this.visible = true |
| | | this.form.resetFields() |
| | | this.model = Object.assign({}, record) |
| | | this.initShiftList() |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model, 'equmentName')) |
| | | this.form.setFieldsValue(pick(this.model)) |
| | | this.form.setFieldsValue({ |
| | | takeEffectDate: moment(), |
| | | invalidDate: moment().endOf('month') |
| | | // takeEffectDate: moment(), |
| | | // invalidDate: moment().endOf('month') |
| | | }) |
| | | }) |
| | | }, |
| | |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = Object.assign(this.model, values) |
| | | |
| | | formData.dateList = this.sendDte |
| | | console.log(formData) |
| | | postAction(this.url.settingCalendar, formData).then((res) => { |
| | | if (res.success) { |
| | | that.$message.success(res.message) |
| | |
| | | handleCancel() { |
| | | this.close() |
| | | }, |
| | | // shiftSubChange(val) { |
| | | // let _this = this |
| | | // getAction(this.url.getShiftSubById, { shiftSubId: val }).then((res) => { |
| | | // if (res.success) { |
| | | // if (res.result.isDaySpan == 'true') { |
| | | // _this.isDaySpan = true |
| | | // } else { |
| | | // _this.isDaySpan = false |
| | | // } |
| | | // _this.form.setFieldsValue({ |
| | | // startDate: res.result.startDate, |
| | | // endDate: res.result.endDate |
| | | // }) |
| | | // if (res.result.sleepStartDate) { |
| | | // _this.form.setFieldsValue({ |
| | | // sleepStartDate: res.result.sleepStartDate |
| | | // }) |
| | | // } |
| | | // if (res.result.sleepStartDate) { |
| | | // _this.form.setFieldsValue({ |
| | | // sleepEndDate: res.result.sleepEndDate |
| | | // }) |
| | | // } |
| | | // } |
| | | // }) |
| | | // } |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | |
| | | |
| | | /deep/ .ant-modal-content{ |
| | | /*background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.27) 100%);*/ |
| | | /*background: -webkit-gradient(linear, left left, right right, color-stop(0%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.4)));*/ |
| | |
| | | .ant-tabs-content .ant-form-item { |
| | | margin-bottom: 0px; |
| | | } |
| | | |
| | | /deep/ .mark1{ |
| | | color:white!important; |
| | | background-color: #1890ff!important; |
| | | border-radius: 50%; |
| | | } |
| | | /deep/.mainBox .wh_content_all{ |
| | | background-color: #ffffff; |
| | | border: 1px silver solid; |
| | | -webkit-border-radius: 5px; |
| | | -moz-border-radius: 5px; |
| | | border-radius: 5px; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_jiantou1{ |
| | | border-top: 2px solid #000000; |
| | | border-left: 2px solid #000000; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_jiantou2{ |
| | | border-top: 2px solid #000000; |
| | | border-right: 2px solid #000000; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_top_changge li{ |
| | | color: black; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item{ |
| | | margin-top: 5px; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_top_tag{ |
| | | color: #000000; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_item_date { |
| | | color: #000000; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_item_date:hover{ |
| | | color: #1890ff; |
| | | border:1px solid #1890ff; |
| | | border-radius: 50%; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_other_dayhide{ |
| | | color: #bfbfbf!important; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_want_dayhide{ |
| | | color: #bfbfbf!important; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_chose_day{ |
| | | background: #ffffff; |
| | | color: #000000; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_isMark { |
| | | color: #1890ff; |
| | | border:1px solid #1890ff; |
| | | border-radius: 50%; |
| | | } |
| | | /deep/ .mainBox .wh_content_all .wh_content_item .wh_isToday { |
| | | /*background: #33ad53;*/ |
| | | /*background: #ff4d4d!important;*/ |
| | | background-color: #ffffff; |
| | | color: #000000; |
| | | } |
| | | |
| | | </style> |
| | | |
| | | <!--<style lang="scss">--> |
| | | |
| | | <!--.mark1 {--> |
| | | <!--color: white !important;--> |
| | | <!--background: #1890ff !important;--> |
| | | <!--border-radius: 50%;--> |
| | | <!--}--> |
| | | |
| | | <!--.mainBox {--> |
| | | <!--.wh_content_all { /*主ä½*/--> |
| | | <!--background-color: #ffffff;--> |
| | | <!--border: 1px silver solid;--> |
| | | <!--border-radius: 5px;--> |
| | | <!--.wh_jiantou1{/*å·¦ç®å¤´*/--> |
| | | <!--border-top: 2px solid #000000;--> |
| | | <!--border-left: 2px solid #000000;--> |
| | | <!--}--> |
| | | <!--.wh_jiantou2{/*å³ç®å¤´*/--> |
| | | <!--border-top: 2px solid #000000;--> |
| | | <!--border-right: 2px solid #000000;--> |
| | | <!--}--> |
| | | <!--.wh_top_changge li { /*å½åå¹´ææ é¢*/--> |
| | | <!--color: black;--> |
| | | <!--}--> |
| | | <!--.wh_content_item {--> |
| | | <!--margin-top: 5px;--> |
| | | <!--.wh_top_tag{/*æææ é¢*/--> |
| | | <!--color: #000000;--> |
| | | <!--}--> |
| | | <!--.wh_item_date {/*å½åæ*/--> |
| | | <!--color: #000000;--> |
| | | <!--}--> |
| | | <!--.wh_item_date:hover { //æ¬æµ®--> |
| | | <!--color: #1890ff;--> |
| | | <!--background: #ffffff;--> |
| | | <!--border-radius: 50%;--> |
| | | <!--}--> |
| | | <!--.wh_other_dayhide { /*䏿å䏿æ¶é´*/--> |
| | | <!--color: #bfbfbf;--> |
| | | <!--}--> |
| | | <!--.wh_chose_day { //éä¸--> |
| | | <!--background: #ffffff;--> |
| | | <!--color: #000000;--> |
| | | <!--}--> |
| | | <!--.wh_isToday { /*å½å天*/--> |
| | | <!--/*background: #33ad53;*/--> |
| | | <!--background: #ff4d4d;--> |
| | | <!--color: #ffffff;--> |
| | | <!--}--> |
| | | <!--}--> |
| | | |
| | | <!--}--> |
| | | <!--}--> |
| | | <!--</style>--> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | |
| | | this.queryParam.startTime = '00:00' |
| | | this.queryParam.endTime = "08:00" |
| | | this.queryParams.typeTree = "1"; |
| | | this.initEquipment() |
| | | |
| | | |
| | | }, |
| | | mounted() { |
| | | this.initEquipment() |
| | | }, |
| | | } |
| | | </script> |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | moment, |
| | | drawTu(){ |
| | | let dayAvailBar = this.$echarts.init(document.getElementById('dayAvailBar'), 'macarons'); |
| | | //dayAvailLine = echarts.init(document.getElementById('dayAvailLine')); |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'openRateFractionAnalysis', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | <a-tab-pane key="1" tab="车é´å±çº§" force-render> |
| | | <base-tree @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-tab-pane> |
| | | <a-tab-pane key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd" |
| | | ></depart-tree> |
| | | <a-tab-pane v-if="isDepartType == 0" key="2" tab="é¨é¨å±çº§">, |
| | | <depart-tree @getCurrSelectedDD="changeSelectionNodedd"></depart-tree> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </a-col> |
| | |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import DepartTree from './modules/DepartList/DepartListTree/DepartTree' |
| | | import {mapActions} from 'vuex' |
| | | export default { |
| | | name: 'openRateTrendAnalysis', |
| | | components: { |
| | |
| | | slectTypeTree:"", |
| | | url: { |
| | | equipmentStatistics: '/mdc/equipment/equipmentStatistics' |
| | | } |
| | | }, |
| | | isDepartType:'', |
| | | } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | | }, |
| | | methods: { |
| | | ...mapActions(['QueryDepartTree']), |
| | | queryTreeData() { |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | } else { |
| | | this.$message.warn(res.message) |
| | | } |
| | | }).finally(() =>{ |
| | | }) |
| | | }, |
| | | tabChange(val) { |
| | | // console.log(val); |
| | | this.activeKey = val |
| | |
| | | }, |
| | | methods: { |
| | | showDetails(record){ |
| | | console.log(record) |
| | | // console.log(record) |
| | | this.visible = true |
| | | this.textContent = record.exceptionDetail |
| | | }, |