1、全局删除设备类型以及设备级别展示字段
2、设备详情弹窗删除有效轴数和最大轴数展示字段
3、限制设备日志工作曲线弹窗采集周期最小值为100
| | |
| | | color: '#FF0000' |
| | | }, |
| | | { |
| | | label: '异常', |
| | | value: 33, |
| | | color: '#FFA200' |
| | | }, |
| | | { |
| | | label: '总数', |
| | | value: 99, |
| | | color: '#fff' |
| | |
| | | </a-col> |
| | | |
| | | <a-col :md="4" :sm="4"> |
| | | <a-form-item label="设备级别"> |
| | | <j-dict-select-tag placeholder="请选择设备级别" dictCode="device_level" v-model="queryParam.deviceLevel" |
| | | allow-clear/> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :md="4" :sm="4"> |
| | | <a-form-item label="设备种类"> |
| | | <j-dict-select-tag placeholder="请选择设备种类" dictCode="device_category" v-model="queryParam.deviceCategory" |
| | | allow-clear/> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :md="4" :sm="4"> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button> |
| | | </a-col> |
| | |
| | | <a-descriptions-item label="设备名称">{{resultData.equipmentName}}</a-descriptions-item> |
| | | <a-descriptions-item label="IP地址">{{resultData.equipmentIp}}</a-descriptions-item> |
| | | <a-descriptions-item label="端口号">{{resultData.dataPort}}</a-descriptions-item> |
| | | <!-- <a-descriptions-item label="系统版本号">{{resultData.systemVersion}}</a-descriptions-item>--> |
| | | <a-descriptions-item label="驱动类型">{{resultData.driveType}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备型号">{{resultData.equipmentModel}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备类型">{{resultData.equipmentType}}</a-descriptions-item> |
| | | <!-- <a-descriptions-item label="设备功率">{{resultData.devicePower}}</a-descriptions-item>--> |
| | | <a-descriptions-item label="有效轴数">{{resultData.validAxis}}</a-descriptions-item> |
| | | <a-descriptions-item label="最大轴数">{{resultData.maxAxis}}</a-descriptions-item> |
| | | <a-descriptions-item label="备注">{{resultData.remark}}</a-descriptions-item> |
| | | |
| | | </a-descriptions> |
| | | |
| | | <!---数据源调整 动态展示 运行数据----> |
| | |
| | | <template> |
| | | <a-card :bordered="false" style="display: flex;flex-direction: column"> |
| | | |
| | | <!-- 查询区域 --> |
| | | <!--<div 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-input placeholder="输入设备名称查询" v-model="queryParam.equipmentName"></a-input>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :md="7" :sm="7">--> |
| | | <!--<a-form-item label="状态">--> |
| | | <!--<a-select v-model="queryParam.status" placeholder="请选择">--> |
| | | <!--<a-select-option value="">请选择</a-select-option>--> |
| | | <!--<a-select-option value="0">关机</a-select-option>--> |
| | | <!--<a-select-option value="2">待机</a-select-option>--> |
| | | <!--<a-select-option value="3">运行</a-select-option>--> |
| | | <!--<a-select-option value="22">报警</a-select-option>--> |
| | | <!--</a-select>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :md="3" :sm="3">--> |
| | | <!--<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">--> |
| | | <!--<a @click="handleToggleSearch" style="margin-left: 8px">--> |
| | | <!--{{ toggleSearchStatus ? '收起' : '展开' }}--> |
| | | <!--<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>--> |
| | | <!--</a>--> |
| | | <!--</span>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | <!--<a-row :gutter="24">--> |
| | | <!--<template v-if="toggleSearchStatus">--> |
| | | <!--<a-col :md="12" :sm="12">--> |
| | | <!--<a-form-item label="采集时间">--> |
| | | <!--<a-range-picker @change="dateParamChange" v-model="dates"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--</template>--> |
| | | |
| | | <!--</a-row>--> |
| | | <!--</a-form>--> |
| | | <!--</div>--> |
| | | <!-- 操作按钮区域 --> |
| | | <!--<div class="table-operator" style="border-top: 5px">--> |
| | | <!--<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>--> |
| | | <!--<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>--> |
| | | <!--</div>--> |
| | | |
| | | <div class="equipmentList" id="DeviceList"> |
| | | <!--<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>项 --> |
| | | <!--<a style="margin-left: 24px" @click="onClearSelected">清空</a>--> |
| | | <!--</div>--> |
| | | |
| | | <a-table ref="table" bordered size="middle" rowKey="equipmentId" :columns="columns" :dataSource="dataSource" |
| | | :pagination="false" :loading="loading" :scroll="{x:'max-content',y:scrollY}"> |
| | | <template slot="equipmentId" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="equipmentName" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="oporationDict" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="equipmentStatus" slot-scope="text"> |
| | | <div :style="{color:text!==0?'#f00':null}">{{text===0?'正常':'异常'}}</div> |
| | | </template> |
| | | <template slot="collecttime" slot-scope="text, record"> |
| | | <div :style="{color:record.equipmentStatus!==0?'#f00':null}">{{text}}</div> |
| | | </template> |
| | | <template slot="action" slot-scope="text, record"> |
| | | <a-popconfirm title="确定反馈吗?" @confirm="$emit('editEquipmentStatus',record)" v-has="'deiveBaseInfo:responseStatus'"> |
| | | <a>状态反馈</a> |
| | | </a-popconfirm> |
| | | </template> |
| | | </a-table> |
| | | |
| | | :pagination="false" :loading="loading" :scroll="{x:'max-content',y:scrollY}"/> |
| | | </div> |
| | | </a-card> |
| | | </template> |
| | |
| | | data() { |
| | | return { |
| | | loading:false, |
| | | url: { |
| | | |
| | | }, |
| | | columns: [ |
| | | { |
| | | title: '设备ID', |
| | | title: '设备编号', |
| | | align: "center", |
| | | dataIndex: 'equipmentId', |
| | | scopedSlots: {customRender: 'equipmentId'}, |
| | | width:210 |
| | | }, |
| | | { |
| | | title: '设备名称', |
| | | align: "center", |
| | | dataIndex: 'equipmentName', |
| | | scopedSlots: {customRender: 'equipmentName'}, |
| | | width:300 |
| | | }, |
| | | { |
| | | title: '状态', |
| | | align: "center", |
| | | dataIndex: 'oporationDict', |
| | | scopedSlots: {customRender: 'oporationDict'}, |
| | | width:200 |
| | | }, |
| | | { |
| | | title: '设备异常', |
| | | align: "center", |
| | | dataIndex: 'equipmentStatus', |
| | | scopedSlots: {customRender: 'equipmentStatus'}, |
| | | width:200 |
| | | }, |
| | | { |
| | |
| | | dataIndex: 'collecttime', |
| | | defaultSortOrder:'descend', |
| | | sorter: (a, b) => {return a.collecttime>b.collecttime?1:-1}, |
| | | scopedSlots: {customRender: 'collecttime'}, |
| | | width:350 |
| | | }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'action', |
| | | scopedSlots: {customRender: 'action'}, |
| | | align: "center", |
| | | width: 150, |
| | | fixed:'right' |
| | | } |
| | | ], |
| | | scrollY:465, |
| | |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <a-form-item label="采样周期" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input-number v-model="queryParams.period"/> |
| | | <a-input-number v-model="queryParams.period" :min="100"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-model-item label="设备级别" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-dict-select-tag placeholder="请选择设备级别" dictCode="device_level" v-model="model.deviceLevel" :disabled="disableSubmit" allow-clear/> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-model-item label="设备种类" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-dict-select-tag placeholder="请选择设备种类" dictCode="device_category" v-model="model.deviceCategory" :disabled="disableSubmit" |
| | | allow-clear/> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-model-item label="排序" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input :disabled="disableSubmit" :readOnly="disableSubmit" placeholder="请输入排序" |
| | | v-model="model.sortNo" style="width: 100%"/> |
| | |
| | | this.model.driveType = val.drivetype |
| | | this.model.controlSystem = val.controlsystem |
| | | this.model.saveTableName = val.savetablename |
| | | this.model.systemType = val.controlsystem |
| | | } |
| | | |
| | | }, |
| | |
| | | <a-descriptions-item label="设备名称">{{resultData.equipmentName|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="IP地址">{{resultData.equipmentIP|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="端口号">{{resultData.dataPort|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="系统版本号">{{resultData.systemVersion|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="驱动类型">{{resultData.driveType|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备型号">{{resultData.equipmentModel|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备类型">{{resultData.deviceType|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备功率">{{resultData.devicePower|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="有效轴数">{{resultData.validAxis|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="最大轴数">{{resultData.maxAxis|formatDescriptionsItem}}</a-descriptions-item> |
| | | <a-descriptions-item label="备注">{{resultData.remark|formatDescriptionsItem}}</a-descriptions-item> |
| | | </a-descriptions> |
| | | |
| | | <!-- <a-descriptions |
| | | title="运行数据" |
| | | v-if="driverType != 'LSV2' && driverType != 'ZUOLAN' " |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="主轴倍率(%)">{{resultData.spindlebeilv}}</a-descriptions-item> |
| | | <a-descriptions-item label="进给倍率(%)">{{resultData.feedbeilv}}</a-descriptions-item> |
| | | <a-descriptions-item label="主轴负荷(%)">{{resultData.spindleload}}</a-descriptions-item> |
| | | <a-descriptions-item label="主轴转速(rpm)">{{resultData.spindlespeed}}</a-descriptions-item> |
| | | <a-descriptions-item label="进给速度(mm/min)">{{resultData.feedrate}}</a-descriptions-item> |
| | | </a-descriptions> |
| | | |
| | | <a-descriptions |
| | | title="运行数据 for lsv2" |
| | | v-if="driverType == 'LSV2'" |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="主轴倍率(%)">{{resultData.spindlebeilv}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备正常运行时间">{{resultData.equipmentNormalTime}}</a-descriptions-item> |
| | | <a-descriptions-item label="快速进给倍率(%)">{{resultData.rapidfeed}}</a-descriptions-item> |
| | | <a-descriptions-item label="NC正常运行时间">{{resultData.nCNormalTime}}</a-descriptions-item> |
| | | <a-descriptions-item label="进给倍率(%)">{{resultData.feedbeilv}}</a-descriptions-item> |
| | | <a-descriptions-item label="设备运行时间">{{resultData.equipmentTime}}</a-descriptions-item> |
| | | <a-descriptions-item label="当前刀具号">{{resultData.toolNum}}</a-descriptions-item> |
| | | </a-descriptions> --> |
| | | |
| | | <!-- <a-descriptions |
| | | title="程序信息" |
| | | v-if="driverType != 'LSV2' && driverType != 'ZUOLAN' " |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="序列号">{{resultData.sequencenumber}}</a-descriptions-item> |
| | | <a-descriptions-item |
| | | label="当前执行代码" |
| | | :span="2" |
| | | >{{resultData.executingcode}}</a-descriptions-item> |
| | | <a-descriptions-item label="工件名称">{{resultData.productName}}</a-descriptions-item> |
| | | </a-descriptions> --> |
| | | |
| | | <!-- <a-descriptions |
| | | title="程序信息 for lsv2" |
| | | v-if="driverType == 'LSV2'" |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="当前程序">{{resultData.program}}</a-descriptions-item> |
| | | <a-descriptions-item label="程序执行点">{{resultData.programPosition}}</a-descriptions-item> |
| | | <a-descriptions-item label="操作模式">{{resultData.operationType}}</a-descriptions-item> |
| | | <a-descriptions-item label="错误信息编号一">{{resultData.firstErrorNum}}</a-descriptions-item> |
| | | <a-descriptions-item label="错误信息一">{{resultData.firstError}}</a-descriptions-item> |
| | | <a-descriptions-item label="错误信息">{{resultData.errorinfo}}</a-descriptions-item> |
| | | <a-descriptions-item label="错误信息编号二">{{resultData.secondErrorNum}}</a-descriptions-item> |
| | | <a-descriptions-item label="错误信息二">{{resultData.secondError}}</a-descriptions-item> |
| | | </a-descriptions> --> |
| | | |
| | | <!--<a-descriptions |
| | | title="轴监控数据 fro SIEMENS840DSL" |
| | | v-if="driverType == 'SIEMENS840DSL'" |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="X轴温度">{{resultData.temperatureX}}</a-descriptions-item> |
| | | <a-descriptions-item label="Y轴温度">{{resultData.temperatureY}}</a-descriptions-item> |
| | | <a-descriptions-item label="Z轴温度">{{resultData.temperatureZ}}</a-descriptions-item> |
| | | <a-descriptions-item label="A轴温度">{{resultData.temperatureA}}</a-descriptions-item> |
| | | <a-descriptions-item label="B轴温度">{{resultData.temperatureB}}</a-descriptions-item> |
| | | <a-descriptions-item label="X轴电流">{{resultData.equipmentCurrentX}}</a-descriptions-item> |
| | | <a-descriptions-item label="Y轴电流">{{resultData.equipmentCurrentY}}</a-descriptions-item> |
| | | <a-descriptions-item label="Z轴电流">{{resultData.equipmentCurrentZ}}</a-descriptions-item> |
| | | <a-descriptions-item label="A轴电流">{{resultData.equipmentCurrentA}}</a-descriptions-item> |
| | | <a-descriptions-item label="B轴电流">{{resultData.equipmentCurrentB}}</a-descriptions-item> |
| | | <a-descriptions-item label="X轴随动误差">{{resultData.equipmentLagErrorX}}</a-descriptions-item> |
| | | <a-descriptions-item label="Y轴随动误差">{{resultData.equipmentLagErrorY}}</a-descriptions-item> |
| | | <a-descriptions-item label="Z轴随动误差">{{resultData.equipmentLagErrorZ}}</a-descriptions-item> |
| | | <a-descriptions-item label="A轴随动误差">{{resultData.equipmentLagErrorA}}</a-descriptions-item> |
| | | <a-descriptions-item label="B轴随动误差">{{resultData.equipmentLagErrorB}}</a-descriptions-item> |
| | | </a-descriptions> |
| | | --> |
| | | <!-- <a-descriptions |
| | | title="坐标信息 " |
| | | v-if="driverType == 'FANUC'" |
| | | :column="3" |
| | | > |
| | | <a-descriptions-item label="绝对坐标X">{{resultData.xabsolute}}</a-descriptions-item> |
| | | <a-descriptions-item label="绝对坐标Y">{{resultData.yabsolute}}</a-descriptions-item> |
| | | <a-descriptions-item label="绝对坐标Z">{{resultData.zabsolute}}</a-descriptions-item> |
| | | <a-descriptions-item label="机床坐标X">{{resultData.xmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="机床坐标Y">{{resultData.ymachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="机床坐标Z">{{resultData.zmachine}}</a-descriptions-item> |
| | | </a-descriptions> |
| | | |
| | | <a-descriptions |
| | | title="坐标信息 for lsv2" |
| | | v-if="driverType == 'LSV2'" |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="X坐标">{{resultData.xmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="Y坐标">{{resultData.ymachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="Z坐标">{{resultData.zmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="A坐标">{{resultData.amachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="B坐标">{{resultData.bmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="C坐标">{{resultData.cmachine}}</a-descriptions-item> |
| | | </a-descriptions> |
| | | |
| | | <a-descriptions |
| | | title="坐标信息 for lsv2" |
| | | v-if="driverType == 'LSV2'" |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="X坐标">{{resultData.xmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="Y坐标">{{resultData.ymachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="Z坐标">{{resultData.zmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="A坐标">{{resultData.amachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="B坐标">{{resultData.bmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="C坐标">{{resultData.cmachine}}</a-descriptions-item> |
| | | </a-descriptions> |
| | | |
| | | <a-descriptions |
| | | title="坐标信息" |
| | | v-if="driverType == 'LSV2'" |
| | | :column="4" |
| | | > |
| | | <a-descriptions-item label="X坐标">{{resultData.xmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="Y坐标">{{resultData.ymachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="Z坐标">{{resultData.zmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="A坐标">{{resultData.amachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="B坐标">{{resultData.bmachine}}</a-descriptions-item> |
| | | <a-descriptions-item label="C坐标">{{resultData.cmachine}}</a-descriptions-item> |
| | | </a-descriptions> --> |
| | | <!---数据源调整 动态展示 运行数据----> |
| | | |
| | | <a-descriptions |
| | |
| | | </a-descriptions-item> |
| | | |
| | | </a-descriptions> |
| | | |
| | | <!--<a-descriptions--> |
| | | <!--title="坐标信息"--> |
| | | <!--v-show="xyzAliasesList != null"--> |
| | | <!--v-if="driverType != 'PLC'"--> |
| | | <!--:column="4"--> |
| | | <!-->--> |
| | | <!--<a-descriptions-item--> |
| | | <!--v-for="(item,id) in xyzAliasesList "--> |
| | | <!--:key="item.id"--> |
| | | <!--:label="item.title"--> |
| | | <!-->{{item.value}}</a-descriptions-item>--> |
| | | <!--</a-descriptions>--> |
| | | |
| | | <!--<a-descriptions--> |
| | | <!--title="版本信息 for lsv2"--> |
| | | <!--v-if="driverType == 'LSV2'"--> |
| | | <!--:column="4"--> |
| | | <!--class="lsv2Data"--> |
| | | <!-->--> |
| | | <!--<a-descriptions-item label="NC版本">{{resultData.ncversion}}</a-descriptions-item>--> |
| | | <!--<a-descriptions-item label="TNC版本">{{resultData.tncversion}}</a-descriptions-item>--> |
| | | <!--<a-descriptions-item label="OPT版本">{{resultData.optversion}}</a-descriptions-item>--> |
| | | <!--<a-descriptions-item label="PLC版本">{{resultData.plcversion}}</a-descriptions-item>--> |
| | | <!--</a-descriptions>--> |
| | | |
| | | </td> |
| | | </tr> |
| | | </table> |
| | |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-col :md="6" :sm="6"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备级别"> |
| | | <a-select |
| | | :value="queryParams.deviceLevel" |
| | | mode="multiple" |
| | | placeholder="请选择设备级别" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceLevel')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-form-item label="设备种类"> |
| | | <a-select |
| | | :value="queryParams.deviceCategory" |
| | | mode="multiple" |
| | | placeholder="请选择设备种类" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceCategory')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_category_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | dates: [], |
| | | equipmentTypeList:[], |
| | | driveTypeList:[], |
| | | device_level_list: [], |
| | | device_category_list: [], |
| | | queryParam: {}, |
| | | queryParams: { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [] |
| | | }, |
| | | queryParamEquip:{}, |
| | | queryParamPeople:{}, |
| | |
| | | this.loadData() |
| | | this.queryGroup() |
| | | this.getDriveTypeByApi() |
| | | this.initDictData('device_level') |
| | | this.initDictData('device_category') |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('resize', this.handleWindowResize) |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | initDictData(dictCode) { |
| | | // //优先从缓存中读取字典配置 |
| | | if (getDictItemsFromCache(dictCode)) { |
| | | this[dictCode + '_list'] = getDictItemsFromCache(dictCode) |
| | | return |
| | | } |
| | | //根据字典Code, 初始化字典数组 |
| | | ajaxGetDictItems(dictCode, null).then((res) => { |
| | | if (res.success) { |
| | | this[dictCode + '_list'] = res.result |
| | | return |
| | | } |
| | | }) |
| | | }, |
| | | selectChange(value, key) { |
| | | this.queryParams[key] = value |
| | | }, |
| | |
| | | this.queryParams = { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [] |
| | | } |
| | | this.loadData(); |
| | | }, |
| | |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-col :md="6" :sm="6"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" |
| | | v-model="dates" :allowClear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备级别"> |
| | | <a-select |
| | | :value="queryParams.deviceLevel" |
| | | mode="multiple" |
| | | placeholder="请选择设备级别" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceLevel')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备种类"> |
| | | <a-select |
| | | :value="queryParams.deviceCategory" |
| | | mode="multiple" |
| | | placeholder="请选择设备种类" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceCategory')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_category_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | dates: [], |
| | | equipmentTypeList: [], |
| | | driveTypeList: [], |
| | | device_level_list: [], |
| | | device_category_list: [], |
| | | identifying: [], |
| | | queryParam: {}, |
| | | queryParams: { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [] |
| | | }, |
| | | queryParamEquip: {}, |
| | | queryParamPeople: {}, |
| | |
| | | this.loadData() |
| | | this.queryGroup() |
| | | this.getDriveTypeByApi() |
| | | this.initDictData('device_level') |
| | | this.initDictData('device_category') |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('resize', this.handleWindowResize) |
| | |
| | | }, |
| | | computed: {}, |
| | | methods: { |
| | | initDictData(dictCode) { |
| | | // //优先从缓存中读取字典配置 |
| | | if (getDictItemsFromCache(dictCode)) { |
| | | this[dictCode + '_list'] = getDictItemsFromCache(dictCode) |
| | | return |
| | | } |
| | | //根据字典Code, 初始化字典数组 |
| | | ajaxGetDictItems(dictCode, null).then((res) => { |
| | | if (res.success) { |
| | | this[dictCode + '_list'] = res.result |
| | | return |
| | | } |
| | | }) |
| | | }, |
| | | selectChange(value, key) { |
| | | this.queryParams[key] = value |
| | | }, |
| | |
| | | this.queryParams = { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [] |
| | | } |
| | | this.loadData() |
| | | }, |
| | |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-col :md="6" :sm="6" :xs="6"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" |
| | | v-model="dates" :allowClear="false"/> |
| | |
| | | :allowClear="allowClearSu"> |
| | | <a-select-option v-for="(em,index) in shiftSubList" :key="index" :value="em.value"> |
| | | {{ em.label }} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="2" :sm="2"> |
| | | <a |
| | | @click="toggleSearchStatus=!toggleSearchStatus" |
| | | @selectstart="$event.preventDefault()" |
| | | style="display: inline-block;height: 32px;line-height: 32px" |
| | | > |
| | | {{ toggleSearchStatus ? '收起' : '展开' }} |
| | | <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> |
| | | </a> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24" v-if="toggleSearchStatus"> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备级别"> |
| | | <a-select |
| | | :value="queryParams.deviceLevel" |
| | | mode="multiple" |
| | | placeholder="请选择设备级别" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceLevel')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-form-item label="设备种类"> |
| | | <a-select |
| | | :value="queryParams.deviceCategory" |
| | | mode="multiple" |
| | | placeholder="请选择设备种类" |
| | | allow-clear |
| | | :maxTagCount="1" |
| | | @change="selectChange($event,'deviceCategory')" |
| | | > |
| | | <a-select-option v-for="(item,index) in device_category_list" :value="item.value" :key="index"> |
| | | {{item.label}} |
| | | </a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | |
| | | dates: [], |
| | | equipmentTypeList: [], |
| | | driveTypeList: [], |
| | | device_level_list: [], |
| | | device_category_list: [], |
| | | identifying: [], |
| | | queryParam: {}, |
| | | queryParams: { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [] |
| | | }, |
| | | queryParamEquip: {}, |
| | | queryParamPeople: {}, |
| | |
| | | this.loadData() |
| | | this.queryGroup() |
| | | this.getDriveTypeByApi() |
| | | this.initDictData('device_level') |
| | | this.initDictData('device_category') |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('resize', this.handleWindowResize) |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | initDictData(dictCode) { |
| | | // //优先从缓存中读取字典配置 |
| | | if (getDictItemsFromCache(dictCode)) { |
| | | this[dictCode + '_list'] = getDictItemsFromCache(dictCode) |
| | | return |
| | | } |
| | | //根据字典Code, 初始化字典数组 |
| | | ajaxGetDictItems(dictCode, null).then((res) => { |
| | | if (res.success) { |
| | | this[dictCode + '_list'] = res.result |
| | | return |
| | | } |
| | | }) |
| | | }, |
| | | selectChange(value, key) { |
| | | this.queryParams[key] = value |
| | | }, |
| | |
| | | this.queryParams = { |
| | | equipmentType: [], |
| | | driveType: [], |
| | | deviceLevel: [], |
| | | deviceCategory: [] |
| | | } |
| | | this.loadData() |
| | | // this.onClearSelected() |