From 4fba1be16ab3c6c005b499f3820a3aa2a1e7ec1e Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 01 三月 2024 10:09:04 +0800 Subject: [PATCH] 1、车间看板页面缩放和拖拽时增加辅助线 2、驱动参数管理页面调整英文名称字段验证输入字数长度由2-18位调整为为仅验证非空 3、设备日志页面采样周期字段默认值由1000调整为100 4、设备日志页面设备日志列表中若时段状态为关机则不弹出工作曲线 5、设备综合效率分析页面增加表格数据加载动画 6、jQuery.table2excel组件导出表格数据功能增加日期格式的转换 7、设备日志页面工作曲线Y轴增加颜色区分,与对应数据颜色保持一致 8、设备管理页面表单填写界面设备功率增加计量单位kw --- src/views/mdc/base/modules/EquipmentList/UserModal.vue | 4 src/views/WorkshopSignage.vue | 35 ++++ src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue | 188 ++++++++++++++------------ src/views/mdc/base/modules/mdcDriveTypeParamConfig/MdcDriveTypeParamConfigForm.vue | 2 src/views/mdc/base/modules/deviceLog/WorkChartModel.vue | 51 +++--- src/views/mdc/base/modules/deviceLog/LogList.vue | 101 +++++++------ src/views/mdc/base/modules/deviceLog/LogInfo.vue | 25 +-- src/components/table2excel/table2excel.js | 14 + 8 files changed, 232 insertions(+), 188 deletions(-) diff --git a/src/components/table2excel/table2excel.js b/src/components/table2excel/table2excel.js index 4891d2b..9fdec8d 100644 --- a/src/components/table2excel/table2excel.js +++ b/src/components/table2excel/table2excel.js @@ -93,15 +93,21 @@ if( rc.flag.length > 0 ) { tempRows += "<td> </td>"; // exclude it!! } else { - tempRows += "<td"; + // 鍖归厤鏍煎紡涓�'yyyy-mm'鐨勬棩鏈熷瓧绗︿覆鏁版嵁锛岃嫢鏈夊叾浠栭渶姹傚悗鏈熷啀澧炲姞 + var regexPattern = /^\d{4}-\d{2}$/; + if($(q).html().match(regexPattern)){ + tempRows += "<td style=\"mso-number-format:'yyyy-mm';\""; + }else{ + tempRows += "<td"; + if(additionalStyles){ + tempRows += " style='" + additionalStyles + "'"; + } + } if( rc.rows > 0) { tempRows += " rowspan='" + rc.rows + "' "; } if( rc.cols > 0) { tempRows += " colspan='" + rc.cols + "' "; - } - if(additionalStyles){ - tempRows += " style='" + additionalStyles + "'"; } tempRows += ">" + $(q).html() + "</td>"; } diff --git a/src/views/WorkshopSignage.vue b/src/views/WorkshopSignage.vue index 7505af1..c803017 100644 --- a/src/views/WorkshopSignage.vue +++ b/src/views/WorkshopSignage.vue @@ -23,11 +23,11 @@ <a-col :span="7" class="device-status-info"> <!--<a-space v-for="item in deviceStatusList" :key="item.value" class="single-status-info"--> - <!--@click="handleScreenDevive(item)">--> - <!--<div :style="{color:item.checked?'#1890FF':'#fff'}">{{ item.label }}</div>--> - <!--<div class="status-square" :style="{ backgroundColor: item.color }"></div>--> - <!--<!–<a-checkbox :checked="item.checked" @change="checkboxChange(item)"></a-checkbox>–>--> - <!--<div>{{getDeviceNumberByStatus(item.value) }}</div>--> + <!--@click="handleScreenDevive(item)">--> + <!--<div :style="{color:item.checked?'#1890FF':'#fff'}">{{ item.label }}</div>--> + <!--<div class="status-square" :style="{ backgroundColor: item.color }"></div>--> + <!--<!–<a-checkbox :checked="item.checked" @change="checkboxChange(item)"></a-checkbox>–>--> + <!--<div>{{getDeviceNumberByStatus(item.value) }}</div>--> <!--</a-space>--> <a-space v-for="item in deviceStatusList" :key="item.value" class="single-status-info"> <div :style="{color:item.checked?'#1890FF':'#fff'}">{{ item.label }}</div> @@ -42,6 +42,8 @@ <!--鎷栨嫿璁惧鍖哄煙--> <div class="content-container" ref="deviceContainerRef" style="overflow: auto"> <img :src="imgSrc" width="1920" height="900"> + <div class="guideline guidelineX" :style="{top:guidelineXTop+'px',display:showGuideline}"></div> + <div class="guideline guidelineY" :style="{left:guidelineYLeft+'px',display:showGuideline}"></div> <VueDragResize v-for="(item, index) in deviceList" :key="item.equipmentId" @@ -59,6 +61,7 @@ :isDraggable="isDraggable" :isResizable="isResizable" :stickSize="6" + @deactivated="showGuideline = 'none'" > <div class="single-device" :style="{ width: item.vw + 'px', height: item.vh + 'px' }" @click="openDetail(item)"> @@ -127,6 +130,9 @@ timingAcquisition: null, // 瀹氭椂鍒锋柊鏄惁寮�鍚� parentH: 5000,//鐖剁骇楂樺害 parentW: 1920,//鐖剁骇瀹藉害 + showGuideline: 'none', + guidelineXTop: 0, + guidelineYLeft: 0, deviceList: [ // { // equipmentId: '123213213123232',// 璁惧ID @@ -283,10 +289,13 @@ // } else { // this.deviceList[index].fontSize = 12 // } + this.showGuideline = 'block' this.deviceList[index].vw = newRect.width this.deviceList[index].vh = newRect.height this.deviceList[index].coordinateTop = newRect.top this.deviceList[index].coordinateLeft = newRect.left + this.guidelineXTop = newRect.top + newRect.height / 2 + this.guidelineYLeft = newRect.left + newRect.width / 2 }, /** @@ -492,6 +501,22 @@ width: 100%; background-repeat: no-repeat; background-size: 100% 100%; + position: relative; + + .guideline{ + position: absolute; + border: 1px dashed #ccc; + } + + .guidelineX { + width: 1920px; + left: 0; + } + + .guidelineY { + top: 0; + height: 900px; + } .single-device { position: absolute; diff --git a/src/views/mdc/base/modules/EquipmentList/UserModal.vue b/src/views/mdc/base/modules/EquipmentList/UserModal.vue index 921c8e5..b942765 100644 --- a/src/views/mdc/base/modules/EquipmentList/UserModal.vue +++ b/src/views/mdc/base/modules/EquipmentList/UserModal.vue @@ -78,7 +78,7 @@ </a-col> <a-col :span="12"> - <a-form-model-item label="璁惧鍔熺巼" :labelCol="labelCol" :wrapperCol="wrapperCol"> + <a-form-model-item label="璁惧鍔熺巼(kw)" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-input :disabled="disableSubmit" :readOnly="disableSubmit" allow-clear placeholder="璇疯緭鍏ヨ澶囧姛鐜�" v-model="model.devicePower"/> </a-form-model-item> @@ -228,7 +228,7 @@ }, labelCol: { xs: { span: 24 }, - sm: { span: 6 }, + sm: { span: 8 }, }, wrapperCol: { xs: { span: 24 }, diff --git a/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue b/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue index 38aced3..8fa9bb4 100644 --- a/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue +++ b/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue @@ -1,61 +1,62 @@ <template> <div class="device_list"> - <!-- 鏌ヨ鍖哄煙 --> - <div class="seach-content"> - <div class="table-page-search-wrapper"> - <a-form layout="inline" @keyup.enter.native="searchQuery"> - <a-row :gutter="24"> - <a-col :md="5" :sm="5" :xs="5"> - <a-form-item label="椹卞姩绫诲瀷"> - <a-auto-complete - v-model="queryParam.driveType" - :data-source="driveTypeList" - placeholder="璇烽�夋嫨椹卞姩绫诲瀷" - :filter-option="filterOption" - /> - </a-form-item> - </a-col> - <a-col :md="7" :sm="7" :xs="7"> - <a-form-item label="鏃堕棿"> - <a-range-picker - :placeholder="['寮�濮嬫椂闂�', '缁撴潫鏃堕棿']" - format="YYYY-MM" - :value="dates" - :mode="['month', 'month']" - @panelChange="dateParamChange" - @change="handleDateChange" - /> - </a-form-item> - </a-col> - <a-col :md="2" :sm="2" :xs="2"> - <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-space> - </a-col> - </a-row> - </a-form> + <!-- 鏌ヨ鍖哄煙 --> + <div class="seach-content"> + <div class="table-page-search-wrapper"> + <a-form layout="inline" @keyup.enter.native="searchQuery"> + <a-row :gutter="24"> + <a-col :md="5" :sm="5" :xs="5"> + <a-form-item label="椹卞姩绫诲瀷"> + <a-auto-complete + v-model="queryParam.driveType" + :data-source="driveTypeList" + placeholder="璇烽�夋嫨椹卞姩绫诲瀷" + :filter-option="filterOption" + /> + </a-form-item> + </a-col> + <a-col :md="7" :sm="7" :xs="7"> + <a-form-item label="鏃堕棿"> + <a-range-picker + :placeholder="['寮�濮嬫椂闂�', '缁撴潫鏃堕棿']" + format="YYYY-MM" + :value="dates" + :mode="['month', 'month']" + @panelChange="dateParamChange" + @change="handleDateChange" + /> + </a-form-item> + </a-col> + <a-col :md="2" :sm="2" :xs="2"> + <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-space> + </a-col> + </a-row> + </a-form> - </div> </div> + </div> - <div id="EfficiencyShift" style="flex:1;overflow: hidden"> - <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--> - <!--:total=dataSource.total--> - <!--:show-total="(total, range) => `${range[0]}-${range[1]} 鍏� ${total} 鏉"--> - <!--:page-size="+queryParam.pageSize"--> - <!--:default-current="1"--> - <!--:current=+queryParam.pageNo--> - <!--show-size-changer--> - <!--:pageSizeOptions="['20','30','40','50']"--> - <!--@change="handlePageNoChange"--> - <!--@showSizeChange="handlePageSizeChange"--> - <!--/>--> - <!--</div>--> + <div id="EfficiencyShift" style="flex:1;overflow: hidden"> + <a-table :columns="columns" rowKey="id" :dataSource="dataSource.records" :loading="tableLoading" + :pagination="false" :scroll="{x:'max-content',y:scrollY}" bordered></a-table> + </div> + <!--<div class="pagination">--> + <!--<a-pagination--> + <!--:total=dataSource.total--> + <!--:show-total="(total, range) => `${range[0]}-${range[1]} 鍏� ${total} 鏉"--> + <!--:page-size="+queryParam.pageSize"--> + <!--:default-current="1"--> + <!--:current=+queryParam.pageNo--> + <!--show-size-changer--> + <!--:pageSizeOptions="['20','30','40','50']"--> + <!--@change="handlePageNoChange"--> + <!--@showSizeChange="handlePageSizeChange"--> + <!--/>--> + <!--</div>--> </div> </template> @@ -126,7 +127,7 @@ align: 'center', width: 100, dataIndex: 'shift', - ellipsis: true, + ellipsis: true }, { title: '姣忕彮灏忔椂', @@ -270,7 +271,8 @@ ], dataSource: [], driveTypeList: [], - scrollY:465, + scrollY: 465, + tableLoading: false } }, props: { nodeTree: '', Type: '', nodePeople: '' }, @@ -281,12 +283,12 @@ this.loadData() this.getDriveTypeByApi() }, - mounted(){ - window.addEventListener('resize',this.handleWindowResize) + mounted() { + window.addEventListener('resize', this.handleWindowResize) this.handleWindowResize() }, - beforeDestroy(){ - window.removeEventListener('resize',this.handleWindowResize) + beforeDestroy() { + window.removeEventListener('resize', this.handleWindowResize) }, watch: { Type(valmath) { @@ -330,14 +332,14 @@ }, methods: { dateParamChange(value) { - console.log('dateParamChangeValue',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) { + handleDateChange(value) { + console.log('handleDateChangeValue', value) + if (!value.length) { delete this.queryParam.startTime delete this.queryParam.endTime this.dates = [] @@ -395,7 +397,7 @@ searchReset() { this.queryParam = { - pageSize: 20, + pageSize: 10000, pageNo: 1 } this.dates = [] @@ -412,11 +414,17 @@ }, loadData() { - getAction(this.url.list, this.queryParam).then(res => { - if (res.success) { - this.dataSource = res.result - } - }) + this.tableLoading = true + getAction(this.url.list, this.queryParam) + .then(res => { + if (res.success) { + this.dataSource = res.result + this.tableLoading = false + } + }) + .finally(() => { + this.tableLoading = false + }) }, /** @@ -453,9 +461,9 @@ /** * 褰撴祻瑙堝櫒鍙绐楀彛灏哄鍙戠敓鏀瑰彉鏃惰Е鍙� */ - handleWindowResize(){ - const boxHeight = +window.getComputedStyle(document.getElementById('EfficiencyShift')).height.slice(0,-2) - const tableHeadHeight = +window.getComputedStyle(document.querySelector('.ant-table-thead th')).height.slice(0,-2) + handleWindowResize() { + const boxHeight = +window.getComputedStyle(document.getElementById('EfficiencyShift')).height.slice(0, -2) + const tableHeadHeight = +window.getComputedStyle(document.querySelector('.ant-table-thead th')).height.slice(0, -2) this.scrollY = boxHeight - tableHeadHeight } } @@ -468,35 +476,39 @@ margin: 20px 0; } - .device_list{ + .device_list { overflow: hidden; display: flex; flex-direction: column; } - @media screen and (min-width: 1920px){ - .device_list{ - height: 811px!important; + @media screen and (min-width: 1920px) { + .device_list { + height: 811px !important; } } - @media screen and (min-width: 1680px) and (max-width: 1920px){ - .device_list{ - height: 811px!important; + + @media screen and (min-width: 1680px) and (max-width: 1920px) { + .device_list { + height: 811px !important; } } - @media screen and (min-width: 1400px) and (max-width: 1680px){ - .device_list{ - height: 663px!important; + + @media screen and (min-width: 1400px) and (max-width: 1680px) { + .device_list { + height: 663px !important; } } - @media screen and (min-width: 1280px) and (max-width: 1400px){ - .device_list{ - height: 564px!important; + + @media screen and (min-width: 1280px) and (max-width: 1400px) { + .device_list { + height: 564px !important; } } - @media screen and (max-width: 1280px){ - .device_list{ - height: 564px!important; + + @media screen and (max-width: 1280px) { + .device_list { + height: 564px !important; } } diff --git a/src/views/mdc/base/modules/deviceLog/LogInfo.vue b/src/views/mdc/base/modules/deviceLog/LogInfo.vue index 58000dd..9ccf664 100644 --- a/src/views/mdc/base/modules/deviceLog/LogInfo.vue +++ b/src/views/mdc/base/modules/deviceLog/LogInfo.vue @@ -174,7 +174,7 @@ import { getAction } from '@/api/manage' // import {mapActions} from 'vuex' export default { - components: { + components: { LogList, WorkLogList, AlarmLogList, @@ -332,28 +332,21 @@ }, searchQuery() { // console.log(this.queryParams.collectTime) - if (this.queryParams.collectTime != undefined) { - this.queryParams.collectTimeStr = this.queryParams.collectTime.format('YYYY-MM-DD') - if (!this.queryParams.equipmentId || !this.queryParams.equipmentName) { - this.$notification.warning({ - message: '娑堟伅', - description: '璇烽�夋嫨璁惧' - }) - return false - } - this.queryChart() - } else { - // this.$message.warning("璇烽�夋嫨鏃堕棿") - console.log('瑙﹀彂鎻愮ず') + this.queryParams.collectTimeStr = this.queryParams.collectTime.format('YYYY-MM-DD') + if (!this.queryParams.equipmentId || !this.queryParams.equipmentName) { this.$notification.warning({ message: '娑堟伅', - description: '璇烽�夋嫨鏃堕棿' + description: '璇烽�夋嫨璁惧' }) + return false } + this.queryChart() // this.queryList() }, searchReset() { - this.queryParams = {} + this.queryParams = { + collectTime : moment() + } // this.queryList() this.equipment = {} this.queryChart() diff --git a/src/views/mdc/base/modules/deviceLog/LogList.vue b/src/views/mdc/base/modules/deviceLog/LogList.vue index 440c9af..4888611 100644 --- a/src/views/mdc/base/modules/deviceLog/LogList.vue +++ b/src/views/mdc/base/modules/deviceLog/LogList.vue @@ -3,7 +3,8 @@ <!-- table鍖哄煙-begin --> <div class="table_logList"> <a-table ref="table" bordered size="middle" :rowKey="(record,index)=>{return index}" :columns="columns" - :dataSource="dataList" :pagination="ipagination" :loading="loadingequip" @change="handleTableChange" :customRow="rowClick"> + :dataSource="dataList" :pagination="ipagination" :loading="loadingequip" @change="handleTableChange" + :customRow="rowClick"> <template slot="status" slot-scope="status"> <div v-if="status == '3' || status == '23'" style="color: #00ee00;width: 100%; height: 100%;">杩愯</div> <div v-else-if="status == '1' || status == '2'" style="color: #ffea91;width: 100%; height: 100%;">寰呮満</div> @@ -29,6 +30,7 @@ JeecgListMixin } from '@/mixins/JeecgListMixin' import moment from 'moment' + export default { name: 'LogList', mixins: [JeecgListMixin], @@ -44,26 +46,24 @@ required: true, default: [] }, - loadingequip:{ - type:Boolean, + loadingequip: { + type: Boolean, default: false } }, - watch:{ - - }, + watch: {}, data() { return { statusName: '', disabled: true, disableMixinCreated: true, loading: false, - ipagination:{ + ipagination: { current: 1, pageSize: 100, pageSizeOptions: ['100', '500', '1000'], showTotal: (total, range) => { - return range[0] + "-" + range[1] + " 鍏�" + total + "鏉�" + return range[0] + '-' + range[1] + ' 鍏�' + total + '鏉�' }, showQuickJumper: true, showSizeChanger: true, @@ -79,14 +79,14 @@ { title: '寮�濮嬫椂闂�', align: 'center', - dataIndex: 'startTime', + dataIndex: 'startTime' // defaultSortOrder:'descend', // sorter: (a, b) => {return a.startTime>b.startTime?1:-1} }, { title: '缁撴潫鏃堕棿', align: 'center', - dataIndex: 'endTime', + dataIndex: 'endTime' // defaultSortOrder:'descend', // sorter: (a, b) => {return a.endTime>b.endTime?1:-1} }, @@ -94,25 +94,25 @@ title: '鎸佺画鏃堕棿', align: 'center', dataIndex: 'duration', - customRender:(t,r,index) =>{ + customRender: (t, r, index) => { // console.log(t) var ss = parseInt(t) - if(ss>=3600){ + if (ss >= 3600) { // 鏍规嵁绉掓暟杞崲鎴愬搴旂殑鏃跺垎绉� const hour = parseInt(ss / 3600) < 10 ? '0' + parseInt(ss / 3600) : parseInt(ss / 3600) const min = parseInt(ss % 3600 / 60) < 10 ? '0' + parseInt(ss % 3600 / 60) : parseInt(ss % 3600 / 60) const sec = parseInt(ss % 3600 % 60) < 10 ? '0' + parseInt(ss % 3600 % 60) : parseInt(ss % 3600 % 60) - if(min == '00') { - if(sec == '00'){ + if (min == '00') { + if (sec == '00') { return hour + '灏忔椂' - }else{ - return hour + '灏忔椂'+ sec + '绉�' + } else { + return hour + '灏忔椂' + sec + '绉�' } - }else{ - if(sec == '00') { + } else { + if (sec == '00') { return hour + '灏忔椂' + min + '鍒�' - }else{ + } else { return hour + '灏忔椂' + min + '鍒�' + sec + '绉�' } } @@ -124,11 +124,11 @@ // } // return hour + '灏忔椂' + min + '鍒�' + sec + '绉�' - }else if(60<ss && ss<3600){ + } else if (60 < ss && ss < 3600) { const min1 = parseInt(ss % 3600 / 60) < 10 ? '0' + parseInt(ss % 3600 / 60) : parseInt(ss % 3600 / 60) const sec1 = parseInt(ss % 3600 % 60) < 10 ? '0' + parseInt(ss % 3600 % 60) : parseInt(ss % 3600 % 60) - return min1 + '鍒�' + sec1 + "绉�" - }else{ + return min1 + '鍒�' + sec1 + '绉�' + } else { const sec2 = parseInt(ss % 3600 % 60) < 10 ? '0' + parseInt(ss % 3600 % 60) : parseInt(ss % 3600 % 60) return sec2 + '绉�' } @@ -149,10 +149,10 @@ //鍒嗛〉銆佹帓搴忋�佺瓫閫夊彉鍖栨椂瑙﹀彂 //TODO 绛涢�� if (Object.keys(sorter).length > 0) { - this.isorter.column = sorter.field; - this.isorter.order = "ascend" == sorter.order ? "asc" : "desc" + this.isorter.column = sorter.field + this.isorter.order = 'ascend' == sorter.order ? 'asc' : 'desc' } - this.ipagination = pagination; + this.ipagination = pagination // this.loadData(); }, /** @@ -160,15 +160,17 @@ * @param record 鐐瑰嚮鐨勫綋鍓嶈鏁版嵁 * @returns {{on: {click: on.click}}} 娣诲姞浜嬩欢瀵硅薄 */ - rowClick(record){ + rowClick(record) { return { - on:{ - click:()=>{ - const timeObj={ - start:moment(record.startTime), - end:moment(record.endTime) + on: { + click: () => { + // 鍏虫満鐘舵�佽澶囨棩蹇椾笉寮瑰嚭宸ヤ綔鏇茬嚎 + if (record.status === 0) return + const timeObj = { + start: moment(record.startTime), + end: moment(record.endTime) } - this.$bus.$emit('tableRowRecord',timeObj) + this.$bus.$emit('tableRowRecord', timeObj) } } } @@ -182,33 +184,38 @@ <style lang="less" scoped> @import '~@assets/less/common.less'; - @media screen and (min-width: 1920px){ - .table_logList{ - height: 417px!important; + + @media screen and (min-width: 1920px) { + .table_logList { + height: 417px !important; overflow: scroll; } } - @media screen and (min-width: 1680px) and (max-width: 1920px){ - .table_logList{ - height: 417px!important; + + @media screen and (min-width: 1680px) and (max-width: 1920px) { + .table_logList { + height: 417px !important; overflow: scroll; } } - @media screen and (min-width: 1400px) and (max-width: 1680px){ - .table_logList{ - height: 266px!important; + + @media screen and (min-width: 1400px) and (max-width: 1680px) { + .table_logList { + height: 266px !important; overflow: scroll; } } - @media screen and (min-width: 1280px) and (max-width: 1400px){ - .table_logList{ - height: 360px!important; + + @media screen and (min-width: 1280px) and (max-width: 1400px) { + .table_logList { + height: 360px !important; overflow: scroll; } } - @media screen and (max-width: 1280px){ - .table_logList{ - height: 170px!important; + + @media screen and (max-width: 1280px) { + .table_logList { + height: 170px !important; overflow: scroll; } } diff --git a/src/views/mdc/base/modules/deviceLog/WorkChartModel.vue b/src/views/mdc/base/modules/deviceLog/WorkChartModel.vue index aefcf42..864753c 100644 --- a/src/views/mdc/base/modules/deviceLog/WorkChartModel.vue +++ b/src/views/mdc/base/modules/deviceLog/WorkChartModel.vue @@ -160,20 +160,19 @@ temp.push({ label: item.chineseName, value: item.id, englishName: item.englishName }) } that.plainOptions = temp - if (temp.length > 0) { that.option = [temp[0].value] - let param = { - driveType: that.node.driveType, - equipmentId: that.node.equipmentId, - date: that.queryParams.paramDateStr, - start: that.queryParams.startStr, - end: that.queryParams.endStr, - interval: that.queryParams.period, - codeTypeId: that.option.join(',') - } - that.initChart(param) } + let param = { + driveType: that.node.driveType, + equipmentId: that.node.equipmentId, + date: that.queryParams.paramDateStr, + start: that.queryParams.startStr, + end: that.queryParams.endStr, + interval: that.queryParams.period, + codeTypeId: that.option.join(',') + } + that.initChart(param) } }) }, @@ -230,7 +229,7 @@ this.queryParams = { equipmentId: node.equipmentId, equipmentName: node.equipmentName, - period: 1000, + period: 100, paramDate: paramDate, paramDateStr: paramDate.format('yyyy-MM-DD'), start: start, @@ -312,10 +311,10 @@ position: 'left', boundaryGap: [0, '15%'], axisLine: { - show: true - // lineStyle:{ - // color:'#000000' - // } + show: true, + lineStyle:{ + color:'#5470C6' + } } }, { @@ -325,10 +324,10 @@ position: 'left', boundaryGap: [0, '15%'], axisLine: { - show: true - // lineStyle:{ - // color:'#000000' - // } + show: true, + lineStyle:{ + color:'#91CC75' + } } }, { @@ -338,10 +337,10 @@ position: 'left', boundaryGap: [0, '15%'], axisLine: { - show: true - // lineStyle:{ - // color:'#000000' - // } + show: true, + lineStyle:{ + color:'#FAC858' + } } } ], @@ -377,6 +376,7 @@ temp.push(item) } } + console.log('temp',temp) getAction(this.url.workChart, param).then((res) => { if (JSON.stringify(res.result) == '[]' || res.result == null) { // this.$message.warning('鏃犳暟鎹紒') @@ -423,12 +423,13 @@ symbol: 'circle', symbolSize: 10, yAxisIndex: i, - data: itemLine } result.push(line) } + console.log('result===========',result) + console.log('legend=============',lengenddata) // option.yAxis = Yarr; option.series = result option.legend = lengenddata diff --git a/src/views/mdc/base/modules/mdcDriveTypeParamConfig/MdcDriveTypeParamConfigForm.vue b/src/views/mdc/base/modules/mdcDriveTypeParamConfig/MdcDriveTypeParamConfigForm.vue index 161ebd0..033191f 100644 --- a/src/views/mdc/base/modules/mdcDriveTypeParamConfig/MdcDriveTypeParamConfigForm.vue +++ b/src/views/mdc/base/modules/mdcDriveTypeParamConfig/MdcDriveTypeParamConfigForm.vue @@ -139,7 +139,7 @@ ], englishName: [ { required: true, message: '璇疯緭鍏ヨ嫳鏂囧悕绉�!' }, - { pattern: /^.{2,18}$/, message: '璇疯緭鍏�2鍒�18浣嶄换鎰忓瓧绗�!' ,trigger:'blur'}, + // { pattern: /^.{2,24}$/, message: '璇疯緭鍏�2鍒�24浣嶄换鎰忓瓧绗�!' ,trigger:'blur'}, ], showFlag: [ { required: true, message: '璇疯緭鍏ユ樉绀烘爣蹇�!' }, -- Gitblit v1.9.3