1、标准加工时间页面取消按照时间查询
2、设备利用率、设备开动率以及班次利用率页面查询区域日期被删除后因查询不到数据时表格中不会出现任何数据且无提示,故增加提示及禁止删除日期
3、设备综合效率分析页面和设备加工工件报表页面时间被手动清空与点击重置按钮清空后的查询条件不同,调整为时间为空时则查询除时间限定内所有数据
4、利用率走势分析、利用率分段分析以及报警分析页面简化页面查询功能,禁止删除日期
5、优化假期管理、加工数量管理以及合格率管理页面手动清空日期后无法正常查询数据
6、统计分析与统计图表页面调整重置按钮功能为重置名称为第一级车间以及日期为当日前一天,且无法手动清空日期
7、对比分析页面调整重置按钮功能为重置日期为当日前一周,且无法手动清空日期
| | |
| | | <base-tree @sendSelectBaseTree="changeSelection" @getCurrSelected="changeSelectionNode"></base-tree> |
| | | </a-col> |
| | | <a-col :md="24-5" :sm="24"> |
| | | <div class="equipMessage"> |
| | | <table> |
| | | <tr> |
| | | <td>关机 |
| | | <span class="equipShutdown"></span> |
| | | </td> |
| | | <td>{{offNumber}}</td> |
| | | <td>待机 |
| | | <span class="standbyNumber"></span> |
| | | </td> |
| | | <td>{{standbyNumber}}</td> |
| | | <td>运行 |
| | | <span class="equipRun"></span> |
| | | </td> |
| | | <td>{{workNumber}}</td> |
| | | <td>报警 |
| | | <span class="equipAlarm"></span> |
| | | </td> |
| | | <td>{{warningNumber}}</td> |
| | | <td>总数</td> |
| | | <td>{{allNumber}}</td> |
| | | </tr> |
| | | </table> |
| | | <!--<div class="equipMessage">--> |
| | | <!--<table>--> |
| | | <!--<tr>--> |
| | | <!--<td>关机--> |
| | | <!--<span class="equipShutdown"></span>--> |
| | | <!--</td>--> |
| | | <!--<td>{{offNumber}}</td>--> |
| | | <!--<td>待机--> |
| | | <!--<span class="standbyNumber"></span>--> |
| | | <!--</td>--> |
| | | <!--<td>{{standbyNumber}}</td>--> |
| | | <!--<td>运行--> |
| | | <!--<span class="equipRun"></span>--> |
| | | <!--</td>--> |
| | | <!--<td>{{workNumber}}</td>--> |
| | | <!--<td>报警--> |
| | | <!--<span class="equipAlarm"></span>--> |
| | | <!--</td>--> |
| | | <!--<td>{{warningNumber}}</td>--> |
| | | <!--<td>总数</td>--> |
| | | <!--<td>{{allNumber}}</td>--> |
| | | <!--</tr>--> |
| | | <!--</table>--> |
| | | |
| | | <!--</div>--> |
| | | <div class="device-status-info"> |
| | | <a-space v-for="item in deviceStatusList" :key="item.value" class="single-status-info"> |
| | | <template v-if="item.value!=99"> |
| | | <div>{{ item.label }}</div> |
| | | <div class="status-square" :style="{ backgroundColor: item.color }"></div> |
| | | <div>{{getDeviceNumberByStatus(item.value) }}</div> |
| | | </template> |
| | | <template v-else> |
| | | <div>{{ item.label }}</div> |
| | | <div>{{getDeviceNumberByStatus(item.value) }}</div> |
| | | </template> |
| | | </a-space> |
| | | </div> |
| | | |
| | | <div> |
| | | <a-tabs default-active-key="1"> |
| | | <a-tab-pane key="1" tab="布局图"> |
| | |
| | | }, |
| | | param:{}, |
| | | timer:null, |
| | | timerzhun:null |
| | | timerzhun:null, |
| | | deviceStatusList: [ |
| | | { |
| | | label: '关机', |
| | | value: 0, |
| | | color: '#A8A8A8' |
| | | }, |
| | | { |
| | | label: '待机', |
| | | value: 2, |
| | | color: '#FFFF00' |
| | | }, |
| | | { |
| | | label: '运行', |
| | | value: 3, |
| | | color: '#00EE00' |
| | | }, |
| | | { |
| | | label: '报警', |
| | | value: 22, |
| | | color: '#FF0000' |
| | | }, |
| | | { |
| | | label: '总数', |
| | | value: 99, |
| | | color: '#fff' |
| | | } |
| | | ],// 设备状态指示灯列表, |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | description:err.message |
| | | }); |
| | | }) |
| | | } |
| | | }, |
| | | |
| | | /** |
| | | * 根据设备状态值获取对应设备数量 |
| | | * @param value 设备状态值 |
| | | * @returns {number} 设备数量 |
| | | */ |
| | | getDeviceNumberByStatus(value) { |
| | | if (value === 99) return this.dataList.length |
| | | return this.dataList.filter((item) => item.oporation === 1 && value === 2 || item.oporation === value).length |
| | | }, |
| | | }, |
| | | mounted(){ |
| | | this.equipmentStatistics() |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | <style scoped lang="less"> |
| | | @import '~@assets/less/common.less'; |
| | | |
| | | .equipMessage { |
| | |
| | | .equipMessage table td .equipAlarm { |
| | | background-color: #FD0008; |
| | | } |
| | | |
| | | .device-status-info { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | |
| | | .single-status-info { |
| | | margin: 10px; |
| | | .status-square { |
| | | width: 20px; |
| | | height: 20px; |
| | | border: 1px solid #ddd; |
| | | border-radius: 3px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | |
| | | <a-col :md="6" :sm="12"> |
| | | <a-form-item label="设备编号"> |
| | | <!--<a-input placeholder="请输入账号查询" v-model="queryParam.username"></a-input>--> |
| | | <a-input placeholder="请输入设备编号" v-model="queryParam.equipmentId"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :md="6" :sm="8"> |
| | | <a-form-item label="设备名称"> |
| | | <!--<a-input placeholder="请输入账号查询" v-model="queryParam.username"></a-input>--> |
| | | <a-input placeholder="请输入设备名称" v-model="queryParam.equipmentName"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | <a-col :md="6" :sm="8"> |
| | | <a-form-item label="车间名称"> |
| | | <!--<a-input placeholder="请输入车间名称" v-model="queryParam.productionName"></a-input>--> |
| | | <a-tree-select v-model="queryParam.productionName" :treeData="workshopTreeData" placeholder="请选择车间" tree-default-expand-all></a-tree-select> |
| | | <a-tree-select v-model="queryParam.productionName" :treeData="workshopTreeData" placeholder="请选择车间" |
| | | :treeDefaultExpandedKeys="treeDefaultExpandedKeys"></a-tree-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | |
| | | |
| | | <!-- 操作按钮区域 --> |
| | | <div class="table-operator" style="border-top: 5px"> |
| | | <a-button @click="handleAdd" type="primary" icon="plus" >添加设备</a-button> |
| | | <a-button @click="handleAdd" type="primary" icon="plus">添加设备</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('设备信息')">导出</a-button> |
| | | <a-dropdown v-if="selectedRowKeys.length > 0"> |
| | | <a-menu slot="overlay" @click="handleMenuClick"> |
| | |
| | | <!-- table区域-begin --> |
| | | <div> |
| | | <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> |
| | | <i class="anticon anticon-info-circle ant-alert-icon"></i>已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项 |
| | | <i class="anticon anticon-info-circle ant-alert-icon"></i>已选择 <a style="font-weight: 600">{{ |
| | | selectedRowKeys.length }}</a>项 |
| | | <a style="margin-left: 24px" @click="onClearSelected">清空</a> |
| | | </div> |
| | | |
| | |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | @change="handleTableChange"> |
| | | |
| | | <template slot="avatarslot" slot-scope="text, record, index"> |
| | | <div class="anty-img-wrap"> |
| | | <a-avatar shape="square" :src="getAvatarView(record.avatar)" icon="user"/> |
| | | </div> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <a @click="handleEdit(record)" >编辑</a> |
| | | <a @click="handleEdit(record)">编辑</a> |
| | | |
| | | <a-divider type="vertical" /> |
| | | <a-divider type="vertical"/> |
| | | |
| | | <a-dropdown> |
| | | <a class="ant-dropdown-link"> |
| | |
| | | <a href="javascript:;" @click="handleDetail(record)">详情</a> |
| | | </a-menu-item> |
| | | |
| | | <!--<a-menu-item>--> |
| | | <!--<a href="javascript:;" @click="handleChangePassword(record.username)">密码</a>--> |
| | | <!--</a-menu-item>--> |
| | | |
| | | <a-menu-item> |
| | | <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> |
| | | <a>删除</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | | |
| | | <!--<a-menu-item v-if="record.status==1">--> |
| | | <!--<a-popconfirm title="确定冻结吗?" @confirm="() => handleFrozen(record.id,2,record.username)">--> |
| | | <!--<a>冻结</a>--> |
| | | <!--</a-popconfirm>--> |
| | | <!--</a-menu-item>--> |
| | | |
| | | <!--<a-menu-item v-if="record.status==2">--> |
| | | <!--<a-popconfirm title="确定解冻吗?" @confirm="() => handleFrozen(record.id,1,record.username)">--> |
| | | <!--<a>解冻</a>--> |
| | | <!--</a-popconfirm>--> |
| | | <!--</a-menu-item>--> |
| | | |
| | | </a-menu> |
| | | </a-dropdown> |
| | | </span> |
| | |
| | | <!-- table区域-end --> |
| | | |
| | | <user-modal ref="modalForm" @ok="modalFormOk"></user-modal> |
| | | |
| | | <password-modal ref="passwordmodal" @ok="passwordModalOk"></password-modal> |
| | | |
| | | <sys-user-agent-modal ref="sysUserAgentModal"></sys-user-agent-modal> |
| | | |
| | | <!-- 用户回收站 --> |
| | | <user-recycle-bin-modal :visible.sync="recycleBinVisible" @ok="modalFormOk"/> |
| | | |
| | | </a-card> |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import UserModal from './modules/EquipmentList/UserModal' |
| | | import PasswordModal from './modules/EquipmentList/PasswordModal' |
| | | import {putAction,getFileAccessHttpUrl} from '@/api/manage'; |
| | | import {frozenBatch} from '@/api/api' |
| | | import {JeecgListMixin} from '@/mixins/JeecgListMixin' |
| | | import SysUserAgentModal from "./modules/EquipmentList/SysUserAgentModal"; |
| | | import JInput from '@/components/jeecg/JInput' |
| | | import UserRecycleBinModal from './modules/EquipmentList/UserRecycleBinModal' |
| | | import JSuperQuery from '@/components/jeecg/JSuperQuery' |
| | | import JThirdAppButton from '@/components/jeecgbiz/thirdApp/JThirdAppButton' |
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
| | | import { queryProductionTreeList } from '@/api/api' |
| | | import {mapActions} from 'vuex' |
| | | import { mapActions } from 'vuex' |
| | | |
| | | export default { |
| | | name: "EquipmentList", |
| | | name: 'EquipmentList', |
| | | mixins: [JeecgListMixin], |
| | | components: { |
| | | JThirdAppButton, |
| | | SysUserAgentModal, |
| | | UserModal, |
| | | PasswordModal, |
| | | JInput, |
| | | UserRecycleBinModal, |
| | | JSuperQuery |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | { |
| | | title: '#', |
| | | dataIndex: '', |
| | | key:'rowIndex', |
| | | width:60, |
| | | align:"center", |
| | | customRender:function (t,r,index) { |
| | | return parseInt(index)+1; |
| | | key: 'rowIndex', |
| | | width: 60, |
| | | align: 'center', |
| | | customRender: function(t, r, index) { |
| | | return parseInt(index) + 1 |
| | | } |
| | | }, |
| | | { |
| | | title: '设备编号', |
| | | align: "center", |
| | | align: 'center', |
| | | dataIndex: 'equipmentId', |
| | | width: 200, |
| | | // sorter: true |
| | | width: 200 |
| | | }, |
| | | { |
| | | title: '设备名称', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentName', |
| | | dataIndex: 'equipmentName' |
| | | }, |
| | | { |
| | | title: '车间', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'productionName' |
| | | }, |
| | | { |
| | | title: '设备类型', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentType', |
| | | // scopedSlots: {customRender: "avatarslot"} |
| | | dataIndex: 'equipmentType' |
| | | }, |
| | | |
| | | { |
| | | title: '驱动类型', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'driveType', |
| | | // sorter: true |
| | | dataIndex: 'driveType' |
| | | }, |
| | | { |
| | | title: '机床IP', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentIp' |
| | | }, |
| | | { |
| | | title: '设备功率', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'devicePower' |
| | | }, |
| | | { |
| | | title: '部门', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'orgCodeTxt' |
| | | }, |
| | | |
| | | { |
| | | title: '系统版本', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'systemVersion' |
| | | }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'action', |
| | | scopedSlots: {customRender: 'action'}, |
| | | align: "center", |
| | | scopedSlots: { customRender: 'action' }, |
| | | align: 'center', |
| | | width: 150, |
| | | fixed:'right' |
| | | fixed: 'right' |
| | | } |
| | | |
| | | ], |
| | | // superQueryFieldList: [ |
| | | // { type: 'input', value: 'username', text: '用户账号', }, |
| | | // { type: 'input', value: 'realname', text: '用户姓名', }, |
| | | // { type: 'select', value: 'sex', dbType: 'int', text: '性别', dictCode: 'sex' }, |
| | | // ], |
| | | url: { |
| | | syncUser: "/act/process/extActProcess/doSyncUser", |
| | | list: "/mdc/mdcEquipment/list", |
| | | delete: "/mdc/mdcEquipment/delete", |
| | | deleteBatch: "/mdc/mdcEquipment/deleteBatch", |
| | | exportXlsUrl: "/mdc/mdcEquipment/exportXls", |
| | | // importExcelUrl: "sys/user/importExcel", |
| | | list: '/mdc/mdcEquipment/list', |
| | | delete: '/mdc/mdcEquipment/delete', |
| | | deleteBatch: '/mdc/mdcEquipment/deleteBatch', |
| | | exportXlsUrl: '/mdc/mdcEquipment/exportXls' |
| | | }, |
| | | isDepartType:'', |
| | | workshopTreeData:[] |
| | | isDepartType: '', |
| | | workshopTreeData: [], |
| | | treeDefaultExpandedKeys: [] |
| | | } |
| | | }, |
| | | computed: { |
| | | // importExcelUrl: function(){ |
| | | // return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; |
| | | // } |
| | | }, |
| | | created() { |
| | | this.queryTreeData() |
| | |
| | | this.QueryDepartTree().then(res => { |
| | | if (res.success) { |
| | | this.isDepartType = res.result[0].value |
| | | if(this.isDepartType == -1){ |
| | | this.columns=[ |
| | | if (this.isDepartType == -1) { |
| | | this.columns = [ |
| | | { |
| | | title: '#', |
| | | dataIndex: '', |
| | | key:'rowIndex', |
| | | width:60, |
| | | align:"center", |
| | | customRender:function (t,r,index) { |
| | | return parseInt(index)+1; |
| | | key: 'rowIndex', |
| | | width: 60, |
| | | align: 'center', |
| | | customRender: function(t, r, index) { |
| | | return parseInt(index) + 1 |
| | | } |
| | | }, |
| | | { |
| | | title: '设备编号', |
| | | align: "center", |
| | | align: 'center', |
| | | dataIndex: 'equipmentId', |
| | | width: 200, |
| | | width: 200 |
| | | // sorter: true |
| | | }, |
| | | { |
| | | title: '设备名称', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentName', |
| | | dataIndex: 'equipmentName' |
| | | }, |
| | | { |
| | | title: '车间', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'productionName' |
| | | }, |
| | | { |
| | | title: '设备类型', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentType', |
| | | // scopedSlots: {customRender: "avatarslot"} |
| | | dataIndex: 'equipmentType' |
| | | }, |
| | | |
| | | { |
| | | title: '驱动类型', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'driveType', |
| | | dataIndex: 'driveType' |
| | | // sorter: true |
| | | }, |
| | | { |
| | | title: '机床IP', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentIp' |
| | | }, |
| | | { |
| | | title: '设备功率', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'devicePower' |
| | | }, |
| | |
| | | |
| | | { |
| | | title: '系统版本', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'systemVersion' |
| | | }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'action', |
| | | scopedSlots: {customRender: 'action'}, |
| | | align: "center", |
| | | scopedSlots: { customRender: 'action' }, |
| | | align: 'center', |
| | | width: 150, |
| | | fixed:'right' |
| | | fixed: 'right' |
| | | } |
| | | |
| | | ] |
| | | }else{ |
| | | this.columns=[ |
| | | } else { |
| | | this.columns = [ |
| | | { |
| | | title: '#', |
| | | dataIndex: '', |
| | | key:'rowIndex', |
| | | width:60, |
| | | align:"center", |
| | | customRender:function (t,r,index) { |
| | | return parseInt(index)+1; |
| | | key: 'rowIndex', |
| | | width: 60, |
| | | align: 'center', |
| | | customRender: function(t, r, index) { |
| | | return parseInt(index) + 1 |
| | | } |
| | | }, |
| | | { |
| | | title: '设备编号', |
| | | align: "center", |
| | | align: 'center', |
| | | dataIndex: 'equipmentId', |
| | | width: 200, |
| | | width: 200 |
| | | // sorter: true |
| | | }, |
| | | { |
| | | title: '设备名称', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentName', |
| | | dataIndex: 'equipmentName' |
| | | }, |
| | | { |
| | | title: '车间', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'productionName' |
| | | }, |
| | | { |
| | | title: '设备类型', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentType', |
| | | // scopedSlots: {customRender: "avatarslot"} |
| | | dataIndex: 'equipmentType' |
| | | }, |
| | | |
| | | { |
| | | title: '驱动类型', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'driveType', |
| | | dataIndex: 'driveType' |
| | | // sorter: true |
| | | }, |
| | | { |
| | | title: '机床IP', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'equipmentIp' |
| | | }, |
| | | { |
| | | title: '设备功率', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'devicePower' |
| | | }, |
| | | { |
| | | title: '部门', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'orgCodeTxt' |
| | | }, |
| | | |
| | | { |
| | | title: '系统版本', |
| | | align: "center", |
| | | align: 'center', |
| | | width: 200, |
| | | dataIndex: 'systemVersion' |
| | | }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'action', |
| | | scopedSlots: {customRender: 'action'}, |
| | | align: "center", |
| | | scopedSlots: { customRender: 'action' }, |
| | | align: 'center', |
| | | width: 150, |
| | | fixed:'right' |
| | | fixed: 'right' |
| | | } |
| | | |
| | | ] |
| | |
| | | } else { |
| | | // this.$message.warn(res.message) |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | message: '消息', |
| | | description: res.message |
| | | }) |
| | | } |
| | | }).finally(() =>{ |
| | | }).finally(() => { |
| | | }) |
| | | }, |
| | | handleEdit: function (record) { |
| | | this.$refs.modalForm.edit(record); |
| | | this.$refs.modalForm.title = "编辑"; |
| | | this.$refs.modalForm.disableSubmit = false; |
| | | this.$refs.modalForm.disSeach = true; |
| | | /** |
| | | * 调用接口获取查询区域车间树列表 |
| | | */ |
| | | getWorkshopListByApi() { |
| | | queryProductionTreeList().then(res => { |
| | | if (res.success) { |
| | | this.workshopTreeData = res.result |
| | | this.treeDefaultExpandedKeys = [...res.result].map(item => item.key) |
| | | } |
| | | }) |
| | | }, |
| | | handleEdit: function(record) { |
| | | this.$refs.modalForm.edit(record) |
| | | this.$refs.modalForm.title = '编辑' |
| | | this.$refs.modalForm.disableSubmit = false |
| | | this.$refs.modalForm.disSeach = true |
| | | // 调用抽屉表单组件中的清除表单验证方法 |
| | | this.$refs.modalForm.removeValidate() |
| | | }, |
| | | handleAdd: function () { |
| | | this.$refs.modalForm.add(); |
| | | this.$refs.modalForm.title = "新增"; |
| | | this.$refs.modalForm.disableSubmit = false; |
| | | this.$refs.modalForm.disSeach = false; |
| | | }, |
| | | getAvatarView: function (avatar) { |
| | | return getFileAccessHttpUrl(avatar) |
| | | }, |
| | | batchFrozen: function (status) { |
| | | if (this.selectedRowKeys.length <= 0) { |
| | | // this.$message.warning('请选择一条记录!'); |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:"请选择一条记录" |
| | | }); |
| | | return false; |
| | | } else { |
| | | let ids = ""; |
| | | let that = this; |
| | | let isAdmin = false; |
| | | that.selectionRows.forEach(function (row) { |
| | | if (row.username == 'admin') { |
| | | isAdmin = true; |
| | | } |
| | | }); |
| | | if (isAdmin) { |
| | | that.$message.warning('管理员账号不允许此操作,请重新选择!'); |
| | | return; |
| | | } |
| | | that.selectedRowKeys.forEach(function (val) { |
| | | ids += val + ","; |
| | | }); |
| | | that.$confirm({ |
| | | title: "确认操作", |
| | | content: "是否" + (status == 1 ? "解冻" : "冻结") + "选中账号?", |
| | | onOk: function () { |
| | | frozenBatch({ids: ids, status: status}).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message); |
| | | that.$notification.success({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | that.loadData(); |
| | | that.onClearSelected(); |
| | | } else { |
| | | // that.$message.warning(res.message); |
| | | that.$notification.warning({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | | |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | handleAdd: function() { |
| | | this.$refs.modalForm.add() |
| | | this.$refs.modalForm.title = '新增' |
| | | this.$refs.modalForm.disableSubmit = false |
| | | this.$refs.modalForm.disSeach = false |
| | | }, |
| | | handleMenuClick(e) { |
| | | if (e.key == 1) { |
| | | this.batchDel(); |
| | | } else if (e.key == 2) { |
| | | this.batchFrozen(2); |
| | | } else if (e.key == 3) { |
| | | this.batchFrozen(1); |
| | | this.batchDel() |
| | | } |
| | | }, |
| | | // handleFrozen: function (id, status, username) { |
| | | // let that = this; |
| | | // //TODO 后台校验管理员角色 |
| | | // if ('admin' == username) { |
| | | // that.$message.warning('管理员账号不允许此操作!'); |
| | | // return; |
| | | // } |
| | | // frozenBatch({ids: id, status: status}).then((res) => { |
| | | // if (res.success) { |
| | | // that.$message.success(res.message); |
| | | // that.loadData(); |
| | | // } else { |
| | | // that.$message.warning(res.message); |
| | | // } |
| | | // }); |
| | | // }, |
| | | // handleChangePassword(username) { |
| | | // this.$refs.passwordmodal.show(username); |
| | | // }, |
| | | passwordModalOk() { |
| | | //TODO 密码修改完成 不需要刷新页面,可以把datasource中的数据更新一下 |
| | | }, |
| | | onSyncFinally({isToLocal}) { |
| | | // 同步到本地时刷新下数据 |
| | | if (isToLocal) { |
| | | this.loadData() |
| | | } |
| | | }, |
| | | |
| | | getWorkshopListByApi(){ |
| | | queryProductionTreeList().then(res=>{ |
| | | if(res.success) this.workshopTreeData=res.result |
| | | }) |
| | | } |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | <style scoped> |
| | |
| | | <a-input placeholder="请输入类别" v-model="queryParam.rateParameterCategory"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col> |
| | | |
| | | <a-col :md="6" :sm="8"> |
| | | <a-space> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
| | |
| | | :data-source="driveTypeList" |
| | | placeholder="请选择驱动类型" |
| | | :filter-option="filterOption" |
| | | allowClear |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | methods: { |
| | | dateParamChange(value) { |
| | | this.dates = value |
| | | console.log('value', value) |
| | | this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
| | | if(!value.length) { |
| | | delete this.queryParam.startTime |
| | | delete this.queryParam.endTime |
| | | }else{ |
| | | this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
| | | } |
| | | }, |
| | | |
| | | exportExcel() { |
| | |
| | | }, |
| | | |
| | | searchQuery() { |
| | | if (this.dates != '') { |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | this.queryParam.pageNo = 1 |
| | | this.loadData() |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | // this.$message.warning("请选择时间") |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | | description: '请选择时间' |
| | | }) |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | // this.onClearSelected() |
| | | this.queryParam.pageNo = 1 |
| | | this.loadData() |
| | | }, |
| | | |
| | | searchReset() { |
| | |
| | | <!-- 查询区域 --> |
| | | <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-row :gutter="24" style="width: 100%;"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD"/> |
| | |
| | | }, |
| | | methods: { |
| | | dateParamChange(v1, v2) { |
| | | // console.log(v1,v2) |
| | | console.log(v1,v2) |
| | | this.queryParam.startTime = v2[0] |
| | | this.queryParam.endTime = v2[1] |
| | | // console.log(v2[0],v2[1]) |
| | |
| | | param.field = this.getQueryField(); |
| | | param.parentId = this.queryParams.parentId; |
| | | param.equipmentId = this.queryParams.equipmentId; |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | getAction(this.url.list,param).then((res) => { |
| | | if(res.success){ |
| | | this.dataSource = res.result.records||res.result; |
| | |
| | | param.field = this.getQueryField(); |
| | | param.parentId = this.queryParams.parentId; |
| | | param.equipmentId = this.queryParams.equipmentId; |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | if(this.queryParam.startTime && this.queryParam.endTime){ |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | } |
| | | // console.log(param); |
| | | getAction(this.url.list,param).then((res) => { |
| | | if(res.success){ |
| | |
| | | :value="dates" |
| | | :mode="['month', 'month']" |
| | | @panelChange="dateParamChange" |
| | | @change="handleDateChange" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | </div> |
| | | |
| | | <div id="EfficiencyShift" style="flex:1;overflow: hidden"> |
| | | <a-table :columns="columns" rowKey="equipmentId" :dataSource="dataSource.records" :pagination="false" :scroll="{x:'max-content',y:scrollY}" bordered></a-table> |
| | | <a-table :columns="columns" rowKey="id" :dataSource="dataSource.records" :pagination="false" :scroll="{x:'max-content',y:scrollY}" bordered></a-table> |
| | | </div> |
| | | <!--<div class="pagination">--> |
| | | <!--<a-pagination--> |
| | |
| | | }, |
| | | methods: { |
| | | dateParamChange(value) { |
| | | console.log('dateParamChangeValue',value) |
| | | this.dates = value |
| | | this.queryParam.startTime = moment(this.dates[0]).format('YYYY-MM') |
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYY-MM') |
| | | }, |
| | | |
| | | handleDateChange(value){ |
| | | console.log('handleDateChangeValue',value) |
| | | if(!value.length) { |
| | | delete this.queryParam.startTime |
| | | delete this.queryParam.endTime |
| | | this.dates = [] |
| | | } |
| | | }, |
| | | initShiftList() { |
| | | getAction(this.url.initShiftList).then((res) => { |
| | | if (res.success) { |
| | |
| | | }, |
| | | |
| | | searchQuery() { |
| | | if (this.dates != '') { |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | this.queryParam.pageNo = 1 |
| | | this.loadData() |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | // this.$message.warning("请选择时间") |
| | | this.$notification.warning({ |
| | | message: '消息', |
| | | description: '请选择时间' |
| | | }) |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | // this.onClearSelected() |
| | | this.queryParam.pageNo = 1 |
| | | this.loadData() |
| | | }, |
| | | |
| | | searchReset() { |
| | |
| | | <!-- 查询区域 --> |
| | | <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-row :gutter="24" style="width: 100%;"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYYMMDD"/> |
| | |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-form-item label="日期"> |
| | | <a-date-picker v-model="queryParams.collectTime" :disabledDate="disabledDate" format='YYYY-MM-DD' @change="dataChange"/> |
| | | <a-date-picker v-model="queryParams.collectTime" :disabledDate="disabledDate" format='YYYY-MM-DD' @change="dataChange" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="2" :sm="2" :xs="2"> |
| | |
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
| | | </a-space> |
| | | </a-col> |
| | | <!--<a-col :md="2" :sm="2" :xs="2">--> |
| | | <!--<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :md="2" :sm="2" :xs="2">--> |
| | | <!--<a-button type="primary" @click="searchReset" icon="reload">重置</a-button>--> |
| | | <!--</a-col>--> |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | |
| | | import moment from 'moment' |
| | | import { putAction, getAction } from '@/api/manage' |
| | | import $ from 'jquery' |
| | | import AFormItem from 'ant-design-vue/es/form/FormItem' |
| | | import * as echarts from 'echarts' |
| | | export default { |
| | | name: 'StatisticalAnalysisMain', |
| | | components:{ |
| | | AFormItem |
| | | |
| | | }, |
| | | props: { equip: {} }, |
| | | data(){ |
| | | return{ |
| | |
| | | dates: [], |
| | | queryParam: {}, |
| | | queryParams:{ |
| | | collectTime:undefined, |
| | | collectTime:null, |
| | | }, |
| | | shiftSubList: [], |
| | | shiftList: [], |
| | |
| | | } |
| | | }, |
| | | created(){ |
| | | let collectTime = moment(moment().add(-1,'d'),'YYYY-MM-DD'); |
| | | this.queryParams.collectTime = collectTime; |
| | | this.queryParams.dateTime = this.queryParams.collectTime.format('YYYYMMDD') |
| | | // let collectTime = moment(moment().add(-1,'d'),'YYYY-MM-DD'); |
| | | this.queryParams.collectTime = moment().add(-1,'d').format('YYYY-MM-DD') |
| | | this.queryParams.dateTime = moment().add(-1,'d').format('YYYYMMDD') |
| | | this.initEquipmentNode() |
| | | this.queryStatistical(); |
| | | // this.queryStatistical(); |
| | | // this.getTime(37800); |
| | | }, |
| | | |
| | |
| | | StartupLine.setOption(statChartPieOption2); |
| | | }, |
| | | queryStatistical(){ |
| | | if(this.queryParams.collectTime){ |
| | | getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ |
| | | if(res.success) { |
| | | // console.log(res); |
| | | this.StatCharOpeningRate = res.result.openRate; |
| | | //利用率 |
| | | this.StatCharUsedRate = res.result.utilizationRate; |
| | | //开机率 |
| | | this.UtilizationHeight = res.result.openRate; |
| | | this.StatCharUsedopeningRate = res.result.StartupHeight; |
| | | this.StartupHeight = res.result.StartupHeight; |
| | | this.openingLong = this.getTime(res.result.openLong) |
| | | this.waitingLong = this.getTime(res.result.waitLong); |
| | | this.processLong = this.getTime(res.result.processLong); |
| | | this.closedLong = this.getTime(res.result.closeLong); |
| | | this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | } |
| | | }) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:'请选择时间' |
| | | }) |
| | | } |
| | | getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ |
| | | if(res.success) { |
| | | // console.log(res); |
| | | this.StatCharOpeningRate = res.result.openRate; |
| | | //利用率 |
| | | this.StatCharUsedRate = res.result.utilizationRate; |
| | | //开机率 |
| | | this.UtilizationHeight = res.result.openRate; |
| | | this.StatCharUsedopeningRate = res.result.StartupHeight; |
| | | this.StartupHeight = res.result.StartupHeight; |
| | | this.openingLong = this.getTime(res.result.openLong) |
| | | this.waitingLong = this.getTime(res.result.waitLong); |
| | | this.processLong = this.getTime(res.result.processLong); |
| | | this.closedLong = this.getTime(res.result.closeLong); |
| | | this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | } |
| | | }) |
| | | }, |
| | | dataChange(val) { |
| | | this.queryParam.collectTime1 = ""; |
| | |
| | | if(res.result[0]){ |
| | | _this.$set(this.queryParam, 'tierName', res.result[0].title) |
| | | _this.$set(this.queryParams, 'parentId', res.result[0].key) |
| | | _this.queryStatistical() } |
| | | } |
| | | // console.log(res.result[0].entity.tierName) |
| | | _this.queryStatistical() |
| | | } else { |
| | |
| | | }, |
| | | searchReset() { |
| | | this.queryParam = {} |
| | | this.queryParams = {} |
| | | this.queryParams = { |
| | | collectTime:moment().add(-1,'d').format('YYYY-MM-DD'), |
| | | dateTime:moment().add(-1,'d').format('YYYYMMDD') |
| | | } |
| | | this.initEquipmentNode() |
| | | // this.dates = [] |
| | | // this.queryStatistical() |
| | | // this.onClearSelected() |
| | |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-form-item label="日期"> |
| | | <a-date-picker v-model="queryParams.collectTime" :disabledDate="disabledDate" format='YYYY-MM-DD' @change="dataChange"/> |
| | | <a-date-picker v-model="queryParams.collectTime" :disabledDate="disabledDate" format='YYYY-MM-DD' @change="dataChange" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="2" :sm="2" :xs="2"> |
| | |
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
| | | </a-space> |
| | | </a-col> |
| | | <!--<a-col :md="2" :sm="2" :xs="2">--> |
| | | <!--<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :md="2" :sm="2" :xs="2">--> |
| | | <!--<a-button type="primary" @click="searchReset" icon="reload">重置</a-button>--> |
| | | <!--</a-col>--> |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | |
| | | import moment from 'moment' |
| | | import { putAction, getAction } from '@/api/manage' |
| | | import $ from 'jquery' |
| | | import AFormItem from 'ant-design-vue/es/form/FormItem' |
| | | import * as echarts from 'echarts' |
| | | export default { |
| | | name: 'StatisticsLegend', |
| | | components:{ |
| | | AFormItem |
| | | |
| | | }, |
| | | props: { equip: {} }, |
| | | data(){ |
| | | return{ |
| | |
| | | } |
| | | }, |
| | | created(){ |
| | | |
| | | |
| | | let collectTime = moment(moment().add(-1,'d'),'YYYY-MM-DD'); |
| | | |
| | | |
| | | this.queryParams.collectTime = collectTime; |
| | | |
| | | this.queryParams.dateTime = this.queryParams.collectTime.format('YYYYMMDD') |
| | | this.initEquipmentNode('-1') |
| | | this.queryStatistical(); |
| | | this.queryParams.collectTime = moment().add(-1,'d').format('YYYY-MM-DD') |
| | | this.queryParams.dateTime = moment().add(-1,'d').format('YYYYMMDD') |
| | | this.initEquipmentNode() |
| | | // this.queryStatistical(); |
| | | // this.getTime(37800); |
| | | }, |
| | | |
| | |
| | | StartupLine.setOption(StartupLine_option); |
| | | }, |
| | | queryStatistical(){ |
| | | if(this.queryParams.collectTime){ |
| | | getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ |
| | | if(res.success){ |
| | | this.StatCharOpeningRate = res.result.openRate; |
| | | this.StatCharUsedRate = res.result.utilizationRate; |
| | | this.UtilizationHeight = res.result.openRate; |
| | | this.StatCharUsedopeningRate = res.result.usedOpenRate; |
| | | this.StartupHeight = res.result.usedOpenRate; |
| | | this.openingLong = this.getTime(res.result.openLong) |
| | | this.waitingLong = this.getTime(res.result.waitLong); |
| | | this.processLong = this.getTime(res.result.processLong); |
| | | this.closedLong = this.getTime(res.result.closeLong); |
| | | this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | } |
| | | }) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:'请选择时间' |
| | | }) |
| | | } |
| | | getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ |
| | | if(res.success){ |
| | | this.StatCharOpeningRate = res.result.openRate; |
| | | this.StatCharUsedRate = res.result.utilizationRate; |
| | | this.UtilizationHeight = res.result.openRate; |
| | | this.StatCharUsedopeningRate = res.result.usedOpenRate; |
| | | this.StartupHeight = res.result.usedOpenRate; |
| | | this.openingLong = this.getTime(res.result.openLong) |
| | | this.waitingLong = this.getTime(res.result.waitLong); |
| | | this.processLong = this.getTime(res.result.processLong); |
| | | this.closedLong = this.getTime(res.result.closeLong); |
| | | this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | } |
| | | }) |
| | | }, |
| | | dataChange(val) { |
| | | this.queryParam.collectTime1 = ""; |
| | | if(val){ |
| | | this.queryParams.dateTime = val.format('YYYYMMDD') |
| | | this.queryParams.collectTime = val.format('YYYY-MM-DD'); |
| | | } |
| | | }, |
| | | initEquipmentNode(id) { |
| | | initEquipmentNode() { |
| | | let _this = this |
| | | getAction(this.url.getBaseTree).then((res) => { |
| | | if (res.success) { |
| | | if(res.result[0]){ |
| | | _this.$set(this.queryParam, 'tierName', res.result[0].title) |
| | | _this.$set(this.queryParams, 'parentId', res.result[0].key) |
| | | } |
| | | this.queryStatistical() |
| | | // console.log(res.result[0].entity.tierName) |
| | | |
| | | } else { |
| | | // this.$message.warn(res.message) |
| | | this.$notification.warning({ |
| | |
| | | }, |
| | | searchReset() { |
| | | this.queryParam = {} |
| | | this.queryParams = {} |
| | | this.queryParams = { |
| | | collectTime:moment().add(-1,'d').format('YYYY-MM-DD'), |
| | | dateTime:moment().add(-1,'d').format('YYYYMMDD') |
| | | } |
| | | this.initEquipmentNode() |
| | | // this.dates = [] |
| | | // this.queryStatistical() |
| | | // this.onClearSelected() |
| | |
| | | <!-- 查询区域 --> |
| | | <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-row :gutter="24" style="width: 100%;"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD HH:mm"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input placeholder="输入设备编号查询" v-model="queryParams.equipmentId"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备名称"> |
| | | <a-input placeholder="输入设备名称查询" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" |
| | | v-model="dates"/> |
| | | v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :lg="2" :md="2" :sm="2" :xs="2"> |
| | |
| | | this.queryParam.endDate = v2[1] |
| | | }, |
| | | searchQuery() { |
| | | if (this.dates && this.dates.length > 0) { |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | this.loadData1() |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '提示', |
| | | description: '请选择时间' |
| | | }) |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | |
| | | // this.onClearSelected() |
| | | this.loadData1() |
| | | }, |
| | | // searchReset() { |
| | | // this.typeTree = this.queryParam.typeTree |
| | | // this.typeParent = this.queryParam.parentId |
| | | // this.typeEquipment = this.queryParam.equipmentId |
| | | // this.queryParam = {} |
| | | // this.dates = [] |
| | | // this.queryParam.typeTree = this.typeTree |
| | | // this.queryParam.parentId = this.typeParent |
| | | // this.queryParam.equipmentId = this.typeEquipment |
| | | // // this.ipagination.current = 1 |
| | | // this.loadData1(); |
| | | // // this.queryParam = {} |
| | | // // this.dates = [] |
| | | // // this.loadData() |
| | | // // this.onClearSelected() |
| | | // }, |
| | | // loadData1() { |
| | | // let that = this |
| | | // that.columns=[ |
| | | // { |
| | | // title: '设备编号', |
| | | // align: 'center', |
| | | // dataIndex: 'equipmentId', |
| | | // width:'150px' |
| | | // }, |
| | | // { |
| | | // title: '设备名称', |
| | | // align: 'center', |
| | | // dataIndex: 'equipmentName', |
| | | // width:'150px' |
| | | // }, |
| | | // ] |
| | | // that.tableHeads = [] |
| | | // that.dataList = [] |
| | | // getAction(this.url.efficiencyList, that.queryParam).then(res => { |
| | | // var tmp = {} |
| | | // console.log(res) |
| | | // if (res.success) |
| | | // |
| | | // that.dataSource = res.result.mdcEfficiencyList |
| | | // for(var k = 0;k<that.dataSource[0].dataList.length;k++){ |
| | | // that.columns.push( |
| | | // { |
| | | // title:that.dataSource[0].dataList.theDate, |
| | | // align: 'center', |
| | | // width:'120px', |
| | | // // dataIndex:'utilizationRate', |
| | | // } |
| | | // ) |
| | | // } |
| | | // for(var i = 0;i<that.dataSource.length;i++){ |
| | | // for (var j = 0; j < that.dataSource[i].dataList.length;j++){ |
| | | // // that.columns.push( |
| | | // // { |
| | | // // title:that.dataSource[0].dataList[j].theDate, |
| | | // // align: 'center', |
| | | // // width:'120px', |
| | | // // dataIndex:'utilizationRate', |
| | | // // } |
| | | // // ) |
| | | // } |
| | | // |
| | | // } |
| | | // console.log(that.columns) |
| | | // console.log(that.dataSource) |
| | | // // this.initDeviceType(this.dataList) |
| | | // this.draw() |
| | | // } |
| | | // } |
| | | loadData1() { |
| | | this.outerDataLoading = true |
| | | this.tableHeads = [] |
| | |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD HH:mm:ss"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input placeholder="输入设备编号查询" v-model="queryParams.equipmentId"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备名称"> |
| | | <a-input placeholder="输入设备名称查询" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | |
| | | </a-col> |
| | | <a-col :md="6" :sm="6"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates"/> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="14" :sm="14" style="display: flex;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;"> |
| | |
| | | this.typeParent = this.queryParam.parentId |
| | | this.typeEquipment = this.queryParam.equipmentId |
| | | this.queryParam = {} |
| | | this.dates = [] |
| | | this.queryParam.typeTree = this.typeTree |
| | | this.queryParam.parentId = this.typeParent |
| | | this.queryParam.equipmentId = this.typeEquipment |
| | | this.dates = [moment().subtract('days', 8), moment().subtract('days', 1)] |
| | | this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
| | | // this.ipagination.current = 1 |
| | | this.loadData(); |
| | | // this.queryParam = {} |
| | |
| | | // console.log(res.result) |
| | | this.tableHeads = res.result.dates |
| | | this.dataList = res.result.mdcEfficiencyList |
| | | if (res.result.mdcEfficiencyList && !res.result.mdcEfficiencyList.length) { |
| | | this.$notification.info({ |
| | | message: '消息', |
| | | description: '暂无该设备类型数据' |
| | | }) |
| | | } |
| | | this.checkSameData(this.dataList) |
| | | this.checkSameData1(this.dataList) |
| | | this.checkSameData2(this.dataList) |
| | |
| | | <a-col :md="6" :sm="6"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" |
| | | v-model="dates"/> |
| | | v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="14" :sm="14" style="display: flex;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;"> |
| | | <a-col :md="14" :sm="14" |
| | | style="display: flex;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;"> |
| | | <a-space> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
| | | <a-button type="primary" @click="exportExcel" icon="download">导出</a-button> |
| | | <a-button type="primary" icon="printer" v-print="'#Efficiency'" v-has="'efficiency:print'">打印</a-button> |
| | | <a-button type="primary" icon="printer" v-print="'#Efficiency'" v-has="'efficiency:print'">打印 |
| | | </a-button> |
| | | </a-space> |
| | | <table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;margin-left: 24px"> |
| | | <tr> |
| | |
| | | </a-form> |
| | | </div> |
| | | <!--<div style="width: 530px;position: absolute;top: 0; right: 1.5%;">--> |
| | | <!--<table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;">--> |
| | | <!--<tr>--> |
| | | <!--<td v-for="(item, index) in identifying">{{item.title}}</td>--> |
| | | <!--</tr>--> |
| | | <!--<tr>--> |
| | | <!--<td style="text-align:center;" v-for="(item, index) in identifying">--> |
| | | <!--<div class="identifyingclass" :style="{background: item.color}"></div>--> |
| | | <!--</td>--> |
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #e8ff37;display:inline-block"></div></td>–>--> |
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #99ff4e;display:inline-block"></div></td>–>--> |
| | | <!--</tr>--> |
| | | <!--</table>--> |
| | | <!--<table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;">--> |
| | | <!--<tr>--> |
| | | <!--<td v-for="(item, index) in identifying">{{item.title}}</td>--> |
| | | <!--</tr>--> |
| | | <!--<tr>--> |
| | | <!--<td style="text-align:center;" v-for="(item, index) in identifying">--> |
| | | <!--<div class="identifyingclass" :style="{background: item.color}"></div>--> |
| | | <!--</td>--> |
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #e8ff37;display:inline-block"></div></td>–>--> |
| | | <!--<!–<td style="text-align:center;"><div style="width: 55px;height: 15px;background-color: #99ff4e;display:inline-block"></div></td>–>--> |
| | | <!--</tr>--> |
| | | <!--</table>--> |
| | | <!--</div>--> |
| | | </div> |
| | | |
| | |
| | | </div> |
| | | </td> |
| | | <td class="tdgu3 kaitou">{{item.equipmentId}}</td> |
| | | <td class="tdgu4 kaitou" style="min-width: 162px; max-width: 162px;width: 162px;">{{item.equipmentName}}</td> |
| | | <td class="tdgu4 kaitou" style="min-width: 162px; max-width: 162px;width: 162px;"> |
| | | {{item.equipmentName}} |
| | | </td> |
| | | <td class="tdgu5 kaitou">{{item.equipmentType}}</td> |
| | | </template> |
| | | |
| | |
| | | this.typeParent = this.queryParam.parentId |
| | | this.typeEquipment = this.queryParam.equipmentId |
| | | this.queryParam = {} |
| | | this.dates = [] |
| | | this.queryParam.typeTree = this.typeTree |
| | | this.queryParam.parentId = this.typeParent |
| | | this.queryParam.equipmentId = this.typeEquipment |
| | | this.dates = [moment().subtract('days', 8), moment().subtract('days', 1)] |
| | | this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
| | | // this.ipagination.current = 1 |
| | | this.loadData() |
| | | // this.queryParam = {} |
| | |
| | | if (res.success) { |
| | | this.tableHeads = res.result.dates |
| | | this.dataList = res.result.mdcEfficiencyList |
| | | if (res.result.mdcEfficiencyList && !res.result.mdcEfficiencyList.length) { |
| | | this.$notification.info({ |
| | | message: '消息', |
| | | description: '暂无该设备类型数据' |
| | | }) |
| | | } |
| | | this.distinguishColorList = res.result.utilizationRateList |
| | | this.checkSameData(this.dataList) |
| | | this.checkSameData1(this.dataList) |
| | |
| | | }).finally(() => { |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | left: 412px; |
| | | } |
| | | |
| | | #Efficiency{ |
| | | #Efficiency { |
| | | overflow: hidden; |
| | | } |
| | | |
| | |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates"/> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | |
| | | this.queryParam.startTime = v2[0] |
| | | this.queryParam.endTime = v2[1] |
| | | // 点击时间选择器的清空按钮时会触发此判断(点击重置按钮不会触发),实现重置列表功能,切实改变列表显示效果 |
| | | if(!this.queryParam.startTime&&!this.queryParam.endTime)this.searchReset() |
| | | // if(!this.queryParam.startTime&&!this.queryParam.endTime)this.searchReset() |
| | | }, |
| | | efficiencyOptionsOnChange(checkedList) { |
| | | let index = checkedList.indexOf('lyl') |
| | |
| | | this.checkedList = checkedList |
| | | }, |
| | | searchQuery() { |
| | | if(this.dates != ''){ |
| | | if(this.queryParam.typeTree == "1"){ |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | }else{ |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = "" |
| | | } |
| | | this.loadData() |
| | | if(this.queryParam.typeTree == "1"){ |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | }else{ |
| | | // this.$message.warning("请选择时间") |
| | | this.$notification.warning({ |
| | | message:'消息', |
| | | description:"请选择时间" |
| | | }); |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = "" |
| | | } |
| | | this.loadData() |
| | | // this.onClearSelected() |
| | | }, |
| | | searchReset() { |
| | |
| | | this.typeParent = this.queryParam.parentId |
| | | this.typeEquipment = this.queryParam.equipmentId |
| | | this.queryParam = {} |
| | | this.dates = [] |
| | | this.dates = [moment().subtract('days', 7), moment().subtract('days', 1)] |
| | | this.queryParam.startTime = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
| | | this.queryParam.typeTree = this.typeTree |
| | | this.queryParam.parentId = this.typeParent |
| | | this.queryParam.equipmentId = this.typeEquipment |
| | |
| | | if (res.success) { |
| | | this.tableHeads = res.result.dates |
| | | this.dataList = res.result.mdcEfficiencyList |
| | | if (res.result.mdcEfficiencyList && !res.result.mdcEfficiencyList.length) { |
| | | this.$notification.info({ |
| | | message: '消息', |
| | | description: '暂无该设备类型数据' |
| | | }) |
| | | } |
| | | this.checkSameData(this.dataList) |
| | | this.checkSameData1(this.dataList) |
| | | this.checkSameData2(this.dataList) |
| | |
| | | <!-- 查询区域 --> |
| | | <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-row :gutter="24" style="width: 100%;"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input placeholder="输入设备编号查询" v-model="queryParams.equipmentId"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备名称"> |
| | | <a-input placeholder="输入设备名称查询" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | |
| | | param.field = this.getQueryField(); |
| | | param.parentId = this.queryParams.parentId; |
| | | param.equipmentId = this.queryParams.equipmentId; |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | if(this.queryParam.startTime && this.queryParam.endTime){ |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | } |
| | | // console.log(param); |
| | | getAction(this.url.list,param).then((res) => { |
| | | if(res.success){ |
| | |
| | | <!-- 查询区域 --> |
| | | <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-row :gutter="24" style="width: 100%;"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input placeholder="输入设备编号查询" v-model="queryParams.equipmentId"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备名称"> |
| | | <a-input placeholder="输入设备名称查询" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | |
| | | param.field = this.getQueryField(); |
| | | param.parentId = this.queryParams.parentId; |
| | | param.equipmentId = this.queryParams.equipmentId; |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | if(this.queryParam.startTime && this.queryParam.endTime){ |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | } |
| | | // console.log(param); |
| | | getAction(this.url.list,param).then((res) => { |
| | | if(res.success){ |
| | |
| | | <!-- 查询区域 --> |
| | | <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-row :gutter="24" style="width: 100%;"> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input placeholder="输入设备编号查询" v-model="queryParams.equipmentId"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备名称"> |
| | | <a-input placeholder="输入设备名称查询" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | |
| | | <a-button type="primary" @click="searchReset" icon="reload">重置</a-button> |
| | | </a-space> |
| | | </a-col> |
| | | <!--<a-col :md="2" :sm="3" :xs="3">--> |
| | | <!--<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :md="2" :sm="2" :xs="2">--> |
| | | <!--<a-button type="primary" @click="searchReset" icon="reload">重置</a-button>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :lg="2" :md="3" :sm="3" :xs="3">--> |
| | | <!--<a-button type="primary" @click="exportExcel" icon="download">导出</a-button>--> |
| | | <!--</a-col>--> |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | |
| | | <div id="DeviceList" style="flex: 1;overflow: hidden"> |
| | | <a-table ref="table" bordered size="middle" rowKey="id" :columns="columns" |
| | | :scroll="{x:'max-content',y:scrollY}" :dataSource="dataSource" :pagination="ipagination" :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys}" |
| | | @change="handleTableChange"> |
| | | <span slot="action" slot-scope="text, record"> |
| | | <a @click="handleEdit(record)">编辑</a> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import moment from 'moment' |
| | | import $ from 'jquery' |
| | | import JDictSelectTag from '@/components/dict/JDictSelectTag' |
| | | import JDate from '../../../../../components/jeecg/JDate' |
| | |
| | | } from '@/api/manage' |
| | | import MdcStandardProcessDurationModal from './MdcStandardProcessDurationModal' |
| | | import MdcStandardProcessDurationEdit from './MdcStandardProcessDurationEdit' |
| | | // import DeviceRepairModelAdd from './DeviceRepairModelAdd' |
| | | // import DeviceRepairModelEdit from './DeviceRepairModelEdit' |
| | | import '@/components/table2excel/table2excel' |
| | | import { |
| | | JeecgListMixin |
| | |
| | | Tooltip, |
| | | MdcStandardProcessDurationModal, |
| | | MdcStandardProcessDurationEdit, |
| | | // DeviceRepairModelAdd, |
| | | // DeviceRepairModelEdit, |
| | | JDictSelectTag, |
| | | JInput, |
| | | JDate, |
| | |
| | | typeTree:"", |
| | | typeParent:1, |
| | | typeEquipment:1, |
| | | dates: [], |
| | | xianshi:"", |
| | | readOnly:true, |
| | | queryParam: {}, |
| | |
| | | align: 'center', |
| | | dataIndex: 'equipmentName', |
| | | width:200 |
| | | // defaultSortOrder:'descend', |
| | | // sorter: (a, b) => {return a.equipmentName>b.equipmentName?1:-1} |
| | | }, |
| | | { |
| | | title: '零件号', |
| | | align: 'center', |
| | | dataIndex: 'partsCode', |
| | | width:150 |
| | | // scopedSlots:{customRender:'startTime'}, |
| | | // customRender:(text,row,index) => { |
| | | // return moment(text).format("YYYY-MM-DD HH:mm:ss") |
| | | // } |
| | | }, |
| | | { |
| | | title: '批次号', |
| | |
| | | Type(valmath){ |
| | | this.dataList = []; |
| | | this.queryParams.typeTree = valmath |
| | | // console.log(this.queryParams.typeTree) |
| | | }, |
| | | nodeTree(val) { //监听currSelected 变化,将变化后的数值传递给 getCurrSelected 事件 |
| | | if (JSON.stringify(val) != '{}') { |
| | |
| | | document.body.appendChild(a); |
| | | a.click(); |
| | | a.remove(); |
| | | }, |
| | | dateParamChange(v1, v2) { |
| | | // console.log(v1,v2) |
| | | this.queryParam.startTime = v2[0] |
| | | this.queryParam.endTime = v2[1] |
| | | // console.log(v2[0],v2[1]) |
| | | }, |
| | | onChange(value, dateString) { |
| | | // console.log('Selected Time: ', value); |
| | | // console.log('Formatted Selected Time: ', dateString); |
| | | }, |
| | | onOk(value) { |
| | | console.log('onOk: ', value); |
| | | }, |
| | | searchReset() { |
| | | if(this.queryParams.typeTree == "1"){ |
| | |
| | | <div class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :md="6" :sm="6"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" |
| | | v-model="dates"/> |
| | | v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="17" :sm="17" :xs="17"> |
| | | <a-form-item label="时间段"> |
| | | <a-space> |
| | | <a-time-picker :default-value="moment('00:00', 'HH:mm')" format="HH:mm" @change="onChangeStart"/> |
| | | <a-time-picker :default-value="moment('00:00', 'HH:mm')" format="HH:mm" @change="onChangeStart" :allowClear="false"/> |
| | | 至 |
| | | <a-time-picker :default-value="moment('08:00', 'HH:mm')" format="HH:mm" @change="onChangeEnd"/> |
| | | <a-time-picker :default-value="moment('08:00', 'HH:mm')" format="HH:mm" @change="onChangeEnd" :allowClear="false"/> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | </a-space> |
| | | </a-form-item> |
| | |
| | | this.dates = [v1[0], v1[1]] |
| | | }, |
| | | searchQuery() { |
| | | // 因触底刷新会修改参数时间值,故在此用时间选择器的时间值对参数时间值再次赋值,若不这样做则参数时间值则会与时间选择器上的时间值不一致 |
| | | this.queryParam.startDate = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endDate = moment(this.dates[1]).format('YYYYMMDD') |
| | | if (this.queryParam.startTime && this.queryParam.endTime && this.dates[0] && this.dates[1]) { |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | this.requestAlldataSize = moment.duration(moment(this.queryParam.endDate) - moment(this.queryParam.startDate), 'millisecond').asDays() + 1 |
| | | this.loadData1() |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '提示', |
| | | description: '请选择时间或时间段' |
| | | }) |
| | | } |
| | | |
| | | // this.onClearSelected() |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | this.requestAlldataSize = moment.duration(moment(this.queryParam.endDate) - moment(this.queryParam.startDate), 'millisecond').asDays() + 1 |
| | | this.loadData1() |
| | | }, |
| | | // searchReset() { |
| | | // this.typeTree = this.queryParam.typeTree |
| | | // this.typeParent = this.queryParam.parentId |
| | | // this.typeEquipment = this.queryParam.equipmentId |
| | | // this.queryParam = {} |
| | | // this.dates = [] |
| | | // this.queryParam.typeTree = this.typeTree |
| | | // this.queryParam.parentId = this.typeParent |
| | | // this.queryParam.equipmentId = this.typeEquipment |
| | | // // this.ipagination.current = 1 |
| | | // this.loadData1(); |
| | | // // this.queryParam = {} |
| | | // // this.dates = [] |
| | | // // this.loadData() |
| | | // // this.onClearSelected() |
| | | // }, |
| | | // loadData1() { |
| | | // let that = this |
| | | // that.columns=[ |
| | | // { |
| | | // title: '设备编号', |
| | | // align: 'center', |
| | | // dataIndex: 'equipmentId', |
| | | // width:'150px' |
| | | // }, |
| | | // { |
| | | // title: '设备名称', |
| | | // align: 'center', |
| | | // dataIndex: 'equipmentName', |
| | | // width:'150px' |
| | | // }, |
| | | // ] |
| | | // that.tableHeads = [] |
| | | // that.dataList = [] |
| | | // getAction(this.url.efficiencyList, that.queryParam).then(res => { |
| | | // var tmp = {} |
| | | // console.log(res) |
| | | // if (res.success) |
| | | // |
| | | // that.dataSource = res.result.mdcEfficiencyList |
| | | // for(var k = 0;k<that.dataSource[0].dataList.length;k++){ |
| | | // that.columns.push( |
| | | // { |
| | | // title:that.dataSource[0].dataList.theDate, |
| | | // align: 'center', |
| | | // width:'120px', |
| | | // // dataIndex:'utilizationRate', |
| | | // } |
| | | // ) |
| | | // } |
| | | // for(var i = 0;i<that.dataSource.length;i++){ |
| | | // for (var j = 0; j < that.dataSource[i].dataList.length;j++){ |
| | | // // that.columns.push( |
| | | // // { |
| | | // // title:that.dataSource[0].dataList[j].theDate, |
| | | // // align: 'center', |
| | | // // width:'120px', |
| | | // // dataIndex:'utilizationRate', |
| | | // // } |
| | | // // ) |
| | | // } |
| | | // |
| | | // } |
| | | // console.log(that.columns) |
| | | // console.log(that.dataSource) |
| | | // // this.initDeviceType(this.dataList) |
| | | // this.draw() |
| | | // } |
| | | // } |
| | | loadData1() { |
| | | this.loading = true |
| | | this.tableHeads = [] |
| | |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" |
| | | v-model="dates"/> |
| | | v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :lg="2" :md="3" :sm="3" :xs="3"> |
| | |
| | | this.dates = [v1[0], v1[1]] |
| | | }, |
| | | searchQuery() { |
| | | console.log('dates', this.dates) |
| | | // 因触底刷新会修改参数时间值,故在此用时间选择器的时间值对参数时间值再次赋值,若不这样做则参数时间值则会与时间选择器上的时间值不一致 |
| | | this.queryParam.startDate = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endDate = moment(this.dates[1]).format('YYYYMMDD') |
| | | if (this.dates[0] && this.dates[1]) { |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | this.requestAlldataSize = moment.duration(moment(this.queryParam.endDate) - moment(this.queryParam.startDate), 'millisecond').asDays() + 1 |
| | | this.loadData1() |
| | | |
| | | if (this.queryParam.typeTree == '1') { |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: '提示', |
| | | description: '请选择时间' |
| | | }) |
| | | this.queryParam.parentId = this.queryParamPeople.parentId |
| | | this.queryParam.equipmentId = '' |
| | | } |
| | | // this.onClearSelected() |
| | | this.requestAlldataSize = moment.duration(moment(this.queryParam.endDate) - moment(this.queryParam.startDate), 'millisecond').asDays() + 1 |
| | | this.loadData1() |
| | | }, |
| | | // searchReset() { |
| | | // this.typeTree = this.queryParam.typeTree |