Merge remote-tracking branch 'origin/master' into develop
已重命名1个文件
已添加2个文件
已修改77个文件
已复制2个文件
已删除2个文件
| | |
| | | NODE_ENV=development |
| | | VUE_APP_API_BASE_URL=http://127.0.0.1:8080 |
| | | VUE_APP_API_BASE_URL=http://192.168.0.95:9999 |
| | | VUE_APP_CAS_BASE_URL=http://cas.example.org:8443/cas |
| | | VUE_APP_ONLINE_BASE_URL=http://fileview.jeecg.com/onlinePreview |
| | |
| | | "integrity": "sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==", |
| | | "dev": true |
| | | }, |
| | | "mini-css-extract-plugin": { |
| | | "version": "0.8.2", |
| | | "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.8.2.tgz", |
| | | "integrity": "sha512-a3Y4of27Wz+mqK3qrcd3VhYz6cU0iW5x3Sgvqzbj+XmlrSizmvu8QQMl5oMYJjgHOC4iyt+w7l4umP+dQeW3bw==", |
| | | "dev": true, |
| | | "requires": { |
| | | "loader-utils": "^1.1.0", |
| | | "normalize-url": "1.9.1", |
| | | "schema-utils": "^1.0.0", |
| | | "webpack-sources": "^1.1.0" |
| | | } |
| | | }, |
| | | "ms": { |
| | | "version": "2.1.2", |
| | | "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", |
| | |
| | | "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==", |
| | | "dev": true, |
| | | "requires": {} |
| | | }, |
| | | "ajv-formats": { |
| | | "version": "2.1.1", |
| | | "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", |
| | | "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", |
| | | "dev": true, |
| | | "requires": { |
| | | "ajv": "^8.0.0" |
| | | }, |
| | | "dependencies": { |
| | | "ajv": { |
| | | "version": "8.12.0", |
| | | "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", |
| | | "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", |
| | | "dev": true, |
| | | "requires": { |
| | | "fast-deep-equal": "^3.1.1", |
| | | "json-schema-traverse": "^1.0.0", |
| | | "require-from-string": "^2.0.2", |
| | | "uri-js": "^4.2.2" |
| | | } |
| | | }, |
| | | "json-schema-traverse": { |
| | | "version": "1.0.0", |
| | | "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", |
| | | "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", |
| | | "dev": true |
| | | }, |
| | | "require-from-string": { |
| | | "version": "2.0.2", |
| | | "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", |
| | | "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", |
| | | "dev": true |
| | | } |
| | | } |
| | | }, |
| | | "ajv-keywords": { |
| | | "version": "3.5.2", |
| | |
| | | "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==" |
| | | }, |
| | | "mini-css-extract-plugin": { |
| | | "version": "0.8.2", |
| | | "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.8.2.tgz", |
| | | "integrity": "sha512-a3Y4of27Wz+mqK3qrcd3VhYz6cU0iW5x3Sgvqzbj+XmlrSizmvu8QQMl5oMYJjgHOC4iyt+w7l4umP+dQeW3bw==", |
| | | "version": "2.7.6", |
| | | "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.6.tgz", |
| | | "integrity": "sha512-Qk7HcgaPkGG6eD77mLvZS1nmxlao3j+9PkrT9Uc7HAE1id3F41+DdBRYRYkbyfNRGzm8/YWtzhw7nVPmwhqTQw==", |
| | | "dev": true, |
| | | "requires": { |
| | | "loader-utils": "^1.1.0", |
| | | "normalize-url": "1.9.1", |
| | | "schema-utils": "^1.0.0", |
| | | "webpack-sources": "^1.1.0" |
| | | "schema-utils": "^4.0.0" |
| | | }, |
| | | "dependencies": { |
| | | "schema-utils": { |
| | | "version": "1.0.0", |
| | | "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz", |
| | | "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==", |
| | | "@types/json-schema": { |
| | | "version": "7.0.12", |
| | | "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz", |
| | | "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==", |
| | | "dev": true |
| | | }, |
| | | "ajv": { |
| | | "version": "8.12.0", |
| | | "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", |
| | | "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", |
| | | "dev": true, |
| | | "requires": { |
| | | "ajv": "^6.1.0", |
| | | "ajv-errors": "^1.0.0", |
| | | "ajv-keywords": "^3.1.0" |
| | | "fast-deep-equal": "^3.1.1", |
| | | "json-schema-traverse": "^1.0.0", |
| | | "require-from-string": "^2.0.2", |
| | | "uri-js": "^4.2.2" |
| | | } |
| | | }, |
| | | "ajv-keywords": { |
| | | "version": "5.1.0", |
| | | "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", |
| | | "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", |
| | | "dev": true, |
| | | "requires": { |
| | | "fast-deep-equal": "^3.1.3" |
| | | } |
| | | }, |
| | | "json-schema-traverse": { |
| | | "version": "1.0.0", |
| | | "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", |
| | | "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", |
| | | "dev": true |
| | | }, |
| | | "require-from-string": { |
| | | "version": "2.0.2", |
| | | "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", |
| | | "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", |
| | | "dev": true |
| | | }, |
| | | "schema-utils": { |
| | | "version": "4.2.0", |
| | | "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", |
| | | "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", |
| | | "dev": true, |
| | | "requires": { |
| | | "@types/json-schema": "^7.0.9", |
| | | "ajv": "^8.9.0", |
| | | "ajv-formats": "^2.1.1", |
| | | "ajv-keywords": "^5.1.0" |
| | | } |
| | | } |
| | | } |
| | |
| | | "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", |
| | | "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" |
| | | }, |
| | | "sass-loader": { |
| | | "version": "13.3.2", |
| | | "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.2.tgz", |
| | | "integrity": "sha512-CQbKl57kdEv+KDLquhC+gE3pXt74LEAzm+tzywcA0/aHZuub8wTErbjAoNI57rPUWRYRNC5WUnNl8eGJNbDdwg==", |
| | | "requires": { |
| | | "neo-async": "^2.6.2" |
| | | } |
| | | }, |
| | | "sax": { |
| | | "version": "1.2.4", |
| | | "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", |
| | |
| | | "dev": true |
| | | }, |
| | | "style-loader": { |
| | | "version": "0.19.1", |
| | | "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.19.1.tgz", |
| | | "integrity": "sha512-IRE+ijgojrygQi3rsqT0U4dd+UcPCqcVvauZpCnQrGAlEe+FUIyrK93bUDScamesjP08JlQNsFJU+KmPedP5Og==", |
| | | "requires": { |
| | | "loader-utils": "^1.0.2", |
| | | "schema-utils": "^0.3.0" |
| | | } |
| | | "version": "3.3.3", |
| | | "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz", |
| | | "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==" |
| | | }, |
| | | "stylehacks": { |
| | | "version": "4.0.3", |
| | |
| | | "lodash.find": "^4.6.0" |
| | | } |
| | | }, |
| | | "vue-calendar-component": { |
| | | "version": "2.8.2", |
| | | "resolved": "https://registry.npmjs.org/vue-calendar-component/-/vue-calendar-component-2.8.2.tgz", |
| | | "integrity": "sha512-BJh7xOBzM7QVcapcN4EbPQ1eZ8Pii1/oy+dzqjZTilRSIDD7SRPdFpnUJwZvs8lCrhtBAyJbYFsdm2SogXWHVQ==" |
| | | }, |
| | | "vue-cropper": { |
| | | "version": "0.5.4", |
| | | "resolved": "https://registry.npmjs.org/vue-cropper/-/vue-cropper-0.5.4.tgz", |
| | |
| | | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", |
| | | "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" |
| | | }, |
| | | "style-loader": { |
| | | "version": "0.19.1", |
| | | "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.19.1.tgz", |
| | | "integrity": "sha512-IRE+ijgojrygQi3rsqT0U4dd+UcPCqcVvauZpCnQrGAlEe+FUIyrK93bUDScamesjP08JlQNsFJU+KmPedP5Og==", |
| | | "requires": { |
| | | "loader-utils": "^1.0.2", |
| | | "schema-utils": "^0.3.0" |
| | | } |
| | | }, |
| | | "supports-color": { |
| | | "version": "5.5.0", |
| | | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", |
| | |
| | | "dependencies": { |
| | | "@antv/data-set": "^0.11.4", |
| | | "@jeecg/antd-online-mini": "3.0.0-RC", |
| | | "@jiaminghi/data-view": "^2.10.0", |
| | | "@tinymce/tinymce-vue": "2.1.0", |
| | | "@toast-ui/editor": "^2.1.2", |
| | | "ali-oss": "^6.17.1", |
| | |
| | | "md5": "^2.2.1", |
| | | "nprogress": "^0.2.0", |
| | | "qs": "^6.11.1", |
| | | "sass-loader": "^13.3.2", |
| | | "style-loader": "^3.3.3", |
| | | "tinymce": "5.4.1", |
| | | "viser-vue": "^2.4.8", |
| | | "vue": "^2.6.10", |
| | |
| | | "vue-print-nb-jeecg": "^1.0.9", |
| | | "vue-router": "^3.0.1", |
| | | "vue-splitpane": "^1.0.4", |
| | | "vuedraggable": "^2.20.0", |
| | | "vuedraggable": "2.20.0", |
| | | "vuex": "^3.1.0", |
| | | "vxe-table": "2.9.13", |
| | | "vxe-table-plugin-antd": "1.8.10", |
copy from "public/static/\345\212\240\345\267\245\346\225\260\351\207\217.xls"
copy to "public/static/\350\256\241\345\210\222\345\201\234\346\234\272\347\256\241\347\220\206.xls"
Binary files differ
copy from "public/static/\345\212\240\345\267\245\346\225\260\351\207\217.xls"
copy to "public/static/\351\235\236\350\256\241\345\210\222\345\201\234\346\234\272\347\256\241\347\220\206.xls"
Binary files differ
¶Ô±ÈÐÂÎļþ |
| | |
| | | import { getAction, deleteAction, putAction, postAction, httpAction } from '@/api/manage' |
| | | |
| | | export default { |
| | | // -------------------------------------驱å¨åæ°ç®¡ç页é¢---------------------------------------- |
| | | // è·åæ§å¶ç³»ç»ç±»å |
| | | getDriveTypeApi:()=>getAction('/mdc/mdcDriveTypeParamConfig/getDriveParamOptions') |
| | | } |
| | |
| | | <!----> |
| | | <a-input @click="openModal" placeholder="请ç¹å»éæ©è½¦é´" v-model="textVals" readOnly :disabled="disabled"> |
| | | <a-icon slot="prefix" type="cluster" title="车é´éæ©æ§ä»¶"/> |
| | | <a-icon v-if="storeVals" slot="suffix" type="close-circle" @click="handleEmpty" title="æ¸
空"/> |
| | | <a-icon v-if="storeVals&&!disabled" slot="suffix" type="close-circle" @click="handleEmpty" title="æ¸
空"/> |
| | | </a-input> |
| | | <j-select-equipment-production-modal |
| | | ref="innerDepartSelectModal" |
| | |
| | | import jQuery from 'jquery' |
| | | (function ( $, window, document, undefined ) { |
| | | var pluginName = "table2excel", |
| | | |
| | | defaults = { |
| | | exclude: ".noExl", |
| | | name: "Table2Excel", |
| | |
| | | $.data( e, "plugin_" + pluginName, new Plugin( this, options ) ); |
| | | } |
| | | }); |
| | | |
| | | // chain jQuery functions |
| | | return e; |
| | | }; |
| | |
| | | }, |
| | | ] |
| | | }, |
| | | |
| | | { |
| | | path: '/test', |
| | | component: BlankLayout, |
| | |
| | | ] |
| | | }, |
| | | { |
| | | path:'/testWorkshop', |
| | | component:()=>import('@/views/TestWorkshop.vue') |
| | | }, |
| | | { |
| | | path: '/404', |
| | | component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404') |
| | | }, |
| | |
| | | right:'100px' |
| | | }) |
| | | |
| | | // å°èªå¨æ³¨åææç»ä»¶ä¸ºå
¨å±ç»ä»¶ |
| | | import dataV from '@jiaminghi/data-view' |
| | | Vue.use(dataV) |
| | | |
| | | // import 'echarts-liquidfill' |
| | | Vue.prototype.$echarts = echarts |
| | |
| | | new Vue({ |
| | | router, |
| | | store, |
| | | beforeCreate() { |
| | | Vue.prototype.$bus = new Vue() |
| | | }, |
| | | mounted () { |
| | | store.commit('SET_SIDEBAR_TYPE', Vue.ls.get(SIDEBAR_TYPE, true)) |
| | | store.commit('TOGGLE_THEME', Vue.ls.get(DEFAULT_THEME, config.navTheme)) |
| | |
| | | this.ipagination.current = 1; |
| | | } |
| | | var params = this.getQueryParams();//æ¥è¯¢æ¡ä»¶ |
| | | |
| | | console.log('params',params) |
| | | if(!params){ |
| | | return false; |
| | | } |
| | | |
| | | this.loading = true; |
| | | getAction(this.url.list, params).then((res) => { |
| | | if (res.success) { |
| | |
| | | return false; |
| | | } |
| | | } |
| | | |
| | | return filterObj(param); |
| | | }, |
| | | getQueryField() { |
| | |
| | | }); |
| | | return str; |
| | | }, |
| | | |
| | | onSelectChange(selectedRowKeys, selectionRows) { |
| | | this.selectedRowKeys = selectedRowKeys; |
| | | this.selectionRows = selectionRows; |
| | |
| | | //æ¸
空å表éä¸ |
| | | this.onClearSelected() |
| | | }, |
| | | /** |
| | | * ç¹å»è¡¨æ ¼ä¸è¯¦æ
æé®äºä»¶ |
| | | * @param record éä¸çå½åè¡æ°æ® |
| | | */ |
| | | handleDetail:function(record){ |
| | | this.$refs.modalForm.edit(record); |
| | | this.$refs.modalForm.title="详æ
"; |
| | | this.$refs.modalForm.disableSubmit = true; |
| | | // æå¼è¯¦æ
æ½å±æ¶ç¦ç¨è®¾å¤ç¼ç ã设å¤åç§°è¾å
¥æ¡ |
| | | this.$refs.modalForm.disSeach = true; |
| | | // è°ç¨æ½å±è¡¨åç»ä»¶ä¸çæ¸
é¤è¡¨åéªè¯æ¹æ³ |
| | | this.$refs.modalForm.removeValidate() |
| | | }, |
| | | /* å¯¼åº */ |
| | | handleExportXls2(){ |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <dv-full-screen-container class="full-screen-container"> |
| | | <header class="page-header"> |
| | | æµè¯è½¦é´ |
| | | <div class="header-right"> |
| | | <a-button type="primary" icon="save" size="large" @click="saveDevicePositionByApi">ä¿åä½ç½®</a-button> |
| | | </div> |
| | | </header> |
| | | <dv-border-box-8 class="content-container"> |
| | | <div v-for="item in deviceList" :key="item.equipmentId" class="single-device" |
| | | :style="{top:item.top+'px',left:item.left+'px'}" @mousedown="handleMouseDown" :id="item.equipmentId"> |
| | | <img :src="item.equipmentImageUrl" draggable="false"> |
| | | <div draggable="false" class="device-info"> |
| | | <div v-if="item.status==0" class="status-square" style="background-color: gray"></div> |
| | | <div v-if="item.status==1" class="status-square" style="background-color: red"></div> |
| | | <div v-if="item.status==2" class="status-square" style="background-color: green"></div> |
| | | <div v-if="item.status==3" class="status-square" style="background-color: yellow"></div> |
| | | <div class="device-id">{{item.equipmentId}}</div> |
| | | </div> |
| | | </div> |
| | | </dv-border-box-8> |
| | | </dv-full-screen-container> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | mouseX: 0, // é¼ æ å¨å
ç´ å
çXåæ |
| | | mouseY: 0, // é¼ æ å¨å
ç´ å
çYåæ , |
| | | dragging: false, //æ¯å¦å¨ææ½ä¸ |
| | | left: 0, // å
ç´ å·¦ä¸è§è·ç¦»ç¶å®¹å¨å·¦ä¾§çè·ç¦» |
| | | top: 0, // å
ç´ å·¦ä¸è§è·ç¦»ç¶å®¹å¨é¡¶é¨çè·ç¦», |
| | | elementId: '',// è¢«ææ½å
ç´ çid屿§å¼ |
| | | deviceList: [ |
| | | { |
| | | equipmentId: '123213213123232', |
| | | equipmentStatus: 0, |
| | | equipmentImageUrl: require('../assets/8.png'), |
| | | top: 200, |
| | | left: 100, |
| | | status: 1 |
| | | }, |
| | | { |
| | | equipmentId: '512346789561232', |
| | | equipmentStatus: 0, |
| | | equipmentImageUrl: require('../assets/8.png'), |
| | | top: 500, |
| | | left: 753, |
| | | status: 0 |
| | | }, |
| | | { |
| | | equipmentId: '64746965647653', |
| | | equipmentStatus: 0, |
| | | equipmentImageUrl: require('../assets/8.png'), |
| | | top: 300, |
| | | left: 860, |
| | | status: 2 |
| | | }, |
| | | { |
| | | equipmentId: '33548976965462', |
| | | equipmentStatus: 0, |
| | | equipmentImageUrl: require('../assets/8.png'), |
| | | top: 100, |
| | | left: 380, |
| | | status: 3 |
| | | }, |
| | | { |
| | | equipmentId: '85484913549253', |
| | | equipmentStatus: 0, |
| | | equipmentImageUrl: require('../assets/8.png'), |
| | | top: 200, |
| | | left: 1500, |
| | | status: 2 |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | methods: { |
| | | /** |
| | | * ææ½å¯¹è±¡é¼ æ æé®æä¸äºä»¶ |
| | | * @param event |
| | | */ |
| | | handleMouseDown(event) { |
| | | this.dragging = true |
| | | this.mouseX = event.clientX |
| | | this.mouseY = event.clientY |
| | | this.elementId = event.currentTarget.id |
| | | this.top = event.currentTarget.offsetTop |
| | | this.left = event.currentTarget.offsetLeft |
| | | document.addEventListener('mousemove', this.handleMouseMove) |
| | | document.addEventListener('mouseup', this.handleMouseUp) |
| | | }, |
| | | /** |
| | | * ææ¡£å¯¹è±¡é¼ æ ç§»å¨äºä»¶ |
| | | * @param event |
| | | */ |
| | | handleMouseMove(event) { |
| | | if (this.dragging) { |
| | | const deltaX = event.clientX - this.mouseX |
| | | const deltaY = event.clientY - this.mouseY |
| | | this.left += deltaX |
| | | this.top += deltaY |
| | | this.deviceList.forEach(item => { |
| | | if (item.equipmentId === this.elementId) { |
| | | item.top = this.top |
| | | item.left = this.left |
| | | } |
| | | }) |
| | | this.mouseX = event.clientX |
| | | this.mouseY = event.clientY |
| | | } |
| | | }, |
| | | /** |
| | | * ææ¡£å¯¹è±¡é¼ æ æé®å¼¹èµ·äºä»¶ |
| | | * @param event |
| | | */ |
| | | handleMouseUp(event) { |
| | | this.dragging = false |
| | | document.removeEventListener('mousemove', this.handleMouseMove) |
| | | document.removeEventListener('mouseup', this.handleMouseUp) |
| | | }, |
| | | /** |
| | | * è°ç¨æ¥å£ä¿åææ½åçä½ç½® |
| | | */ |
| | | saveDevicePositionByApi(){ |
| | | |
| | | } |
| | | }, |
| | | mounted() { |
| | | // ç¦æ¢ç¨æ·éä¸å
容 |
| | | document.onselectstart = () => false |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .full-screen-container { |
| | | background-image: url('../assets/Bj.jpg'); |
| | | color: #fff; |
| | | width: 100vw; |
| | | height: 100vh; |
| | | position: relative; |
| | | .page-header { |
| | | font-size: 50px; |
| | | text-align: center; |
| | | position: relative; |
| | | .header-right{ |
| | | position: absolute; |
| | | right: 200px; |
| | | top: 0; |
| | | } |
| | | } |
| | | .content-container { |
| | | .single-device { |
| | | position: absolute; |
| | | border: 1px solid transparent; |
| | | padding: 5px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | &:active { |
| | | border: 1px solid #00b3ff; |
| | | } |
| | | .device-info { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .status-square { |
| | | width: 14px; |
| | | height: 14px; |
| | | border: 1px solid #fff; |
| | | border-radius: 2px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <!--<!–<a-radio :value="3">ä»»å¡è¡¨æ ¼</a-radio>–>--> |
| | | <!--<!–</a-radio-group>–>--> |
| | | <!--</div>--> |
| | | <a-button type="primary" @click="navigateToTestWorkshop">è·³è½¬è³æµè¯è½¦é´</a-button> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | |
| | | navigateToTestWorkshop(){ |
| | | const url=this.$router.resolve('/testWorkshop').href |
| | | window.open(url,'_blank') |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <a-form-model-item label="个人ç®ä»" prop="content" hasFeedback> |
| | | <a-input type="textarea" placeholder="请è¾å
¥ä¸ªäººç®ä»" v-model="model.content"/> |
| | | </a-form-model-item> |
| | | |
| | | </a-form-model> |
| | | </a-spin> |
| | | </a-modal> |
| | |
| | | :sm="24" |
| | | > |
| | | <a-form-item label="æ§å¶ç³»ç»ç±»å"> |
| | | <j-dict-select-tag |
| | | placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å" |
| | | <!--<j-dict-select-tag--> |
| | | <!--placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å"--> |
| | | <!--v-model="queryParam.driveType"--> |
| | | <!--dictCode="mdc_driveType"--> |
| | | <!--/>--> |
| | | <a-auto-complete |
| | | v-model="queryParam.driveType" |
| | | dictCode="mdc_driveType" |
| | | :data-source="driveTypeList" |
| | | placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å" |
| | | :filter-option="filterOption" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | @change="handleTableChange" |
| | | > |
| | | |
| | | |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | |
| | | </a-table> |
| | | </div> |
| | | |
| | | <alarm-manager-modal ref="modalForm" @ok="modalFormOk"></alarm-manager-modal> |
| | | <alarm-manager-form ref="modalFormType" @ok="modalFormOk"></alarm-manager-form> |
| | | <!--<alarm-manager-modal ref="modalForm" @ok="modalFormOk"></alarm-manager-modal>--> |
| | | <alarm-manager-form ref="modalFormType" @ok="modalFormOk" :driveTypeList="driveTypeList" :filterOption="filterOption"></alarm-manager-form> |
| | | <alarm-manager-edit ref="modalFormEdit" @ok="modalFormOk"></alarm-manager-edit> |
| | | </a-card> |
| | | </template> |
| | |
| | | import AlarmManagerEdit from './modules/alarmManager/alarmManagerEdit' |
| | | import { filterMultiDictText } from '@/components/dict/JDictSelectUtil' |
| | | import { filterObj } from '@/utils/util'; |
| | | import api from '@/api/mdc' |
| | | export default { |
| | | name: 'AlarmManager', |
| | | mixins: [JeecgListMixin, mixinDevice], |
| | |
| | | }, |
| | | dictOptions: {}, |
| | | superFieldList: [], |
| | | driveTypeList:[] |
| | | } |
| | | }, |
| | | created() { |
| | | this.$set(this.dictOptions, 'isUse', [{ text: 'æ¯', value: '0' }, { text: 'å¦', value: '-1' }]) |
| | | this.getSuperFieldList(); |
| | | this.getDriveTypeByApi() |
| | | }, |
| | | computed: { |
| | | // importExcelUrl: function () { |
| | |
| | | this.$refs.modalFormEdit.edit(record); |
| | | this.$refs.modalFormEdit.title = "ç¼è¾"; |
| | | this.$refs.modalFormEdit.disableSubmit = false; |
| | | this.$refs.modalFormEdit.isUse = record.isUse === '1' ? true : false |
| | | }, |
| | | handleAddTRype(){ |
| | | this.$refs.modalFormType.add(); |
| | |
| | | param.pageSize = this.ipagination.pageSize |
| | | return filterObj(param) |
| | | }, |
| | | /** |
| | | * è°ç¨æ¥å£è·åæ§å¶ç³»ç»ç±»å |
| | | */ |
| | | getDriveTypeByApi(){ |
| | | api.getDriveTypeApi().then((res)=>{ |
| | | this.driveTypeList=res.result.map(item=>item.value) |
| | | }) |
| | | }, |
| | | /** |
| | | * èæ³è¾å
¥æ¡çéåè½ |
| | | * @param input è¾å
¥çå
容 |
| | | * @param option é
ç½® |
| | | * @returns {boolean} 夿æ¯å¦çé |
| | | */ |
| | | filterOption(input, option) { |
| | | return ( |
| | | option.componentOptions.children[0].text.toUpperCase().indexOf(input.toUpperCase()) >= 0 |
| | | ); |
| | | }, |
| | | |
| | | } |
| | | } |
| | |
| | | <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> |
| | | <j-input placeholder="请è¾å
¥è®¾å¤ç¼å·" v-model="queryParam.equipmentId"></j-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> |
| | | <j-input placeholder="请è¾å
¥è®¾å¤åç§°" v-model="queryParam.equipmentName"></j-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="6" :sm="8"> |
| | |
| | | this.$refs.modalForm.title = "ç¼è¾"; |
| | | this.$refs.modalForm.disableSubmit = false; |
| | | this.$refs.modalForm.disSeach = true; |
| | | // è°ç¨æ½å±è¡¨åç»ä»¶ä¸çæ¸
é¤è¡¨åéªè¯æ¹æ³ |
| | | this.$refs.modalForm.removeValidate() |
| | | }, |
| | | handleAdd: function () { |
| | | this.$refs.modalForm.add(); |
| | |
| | | getAvatarView: function (avatar) { |
| | | return getFileAccessHttpUrl(avatar) |
| | | }, |
| | | |
| | | batchFrozen: function (status) { |
| | | if (this.selectedRowKeys.length <= 0) { |
| | | // this.$message.warning('è¯·éæ©ä¸æ¡è®°å½ï¼'); |
| | |
| | | :sm="24" |
| | | > |
| | | <a-form-item label="æ§å¶ç³»ç»ç±»å"> |
| | | <j-dict-select-tag |
| | | placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å" |
| | | <!--<j-dict-select-tag--> |
| | | <!--placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å"--> |
| | | <!--v-model="queryParam.controlSystemType"--> |
| | | <!--/>--> |
| | | <a-auto-complete |
| | | v-model="queryParam.controlSystemType" |
| | | dictCode="mdc_driveType" |
| | | :data-source="driveTypeList" |
| | | placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å" |
| | | :filter-option="filterOption" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | :sm="24" |
| | | > |
| | | <a-form-item label="æ¾ç¤ºæ å¿"> |
| | | <j-switch |
| | | placeholder="è¯·éæ©æ¾ç¤ºæ å¿" |
| | | v-model="queryParam.showFlag" |
| | | query |
| | | ></j-switch> |
| | | <!--<j-switch--> |
| | | <!--placeholder="è¯·éæ©æ¾ç¤ºæ å¿"--> |
| | | <!--v-model="queryParam.showFlag"--> |
| | | <!--query--> |
| | | <!--></j-switch>--> |
| | | <a-select v-model='queryParam.showFlag' placeholder="è¯·éæ©æ¾ç¤ºæ å¿"> |
| | | <a-select-option value="Y">æ¯</a-select-option> |
| | | <a-select-option value="N">å¦</a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col |
| | |
| | | :sm="24" |
| | | > |
| | | <a-form-item label="工使²çº¿æ å¿"> |
| | | <j-switch |
| | | placeholder="è¯·éæ©å·¥ä½æ²çº¿æ å¿" |
| | | v-model="queryParam.curveGenerationFlags" |
| | | query |
| | | ></j-switch> |
| | | <!--<j-switch--> |
| | | <!--placeholder="è¯·éæ©å·¥ä½æ²çº¿æ å¿"--> |
| | | <!--v-model="queryParam.curveGenerationFlags"--> |
| | | <!--query--> |
| | | <!--></j-switch>--> |
| | | <a-select v-model='queryParam.curveGenerationFlags' placeholder="è¯·éæ©å·¥ä½æ²çº¿æ å¿"> |
| | | <a-select-option value="Y">æ¯</a-select-option> |
| | | <a-select-option value="N">å¦</a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | </template> |
| | |
| | | <a-button |
| | | type="primary" |
| | | icon="download" |
| | | @click="handleExportXls('设å¤é©±å¨åæ°é
ç½®')" |
| | | @click="handleExportXls('驱å¨åæ°ç®¡ç')" |
| | | >导åº</a-button> |
| | | <a-upload |
| | | name="file" |
| | |
| | | <mdc-drive-type-param-config-modal |
| | | ref="modalForm" |
| | | @ok="modalFormOk" |
| | | :driveTypeList="driveTypeList" |
| | | ></mdc-drive-type-param-config-modal> |
| | | </a-card> |
| | | </template> |
| | |
| | | import MdcDriveTypeParamConfigModal from './modules/mdcDriveTypeParamConfig/MdcDriveTypeParamConfigModal' |
| | | import { filterMultiDictText } from '@/components/dict/JDictSelectUtil' |
| | | import { filterObj } from '@/utils/util'; |
| | | import api from '@/api/mdc' |
| | | export default { |
| | | name: 'MdcDriveTypeParamConfigList', |
| | | mixins: [JeecgListMixin, mixinDevice], |
| | |
| | | deleteBatch: "/mdc/mdcDriveTypeParamConfig/deleteBatch", |
| | | exportXlsUrl: "/mdc/mdcDriveTypeParamConfig/exportXls", |
| | | importExcelUrl: "mdc/mdcDriveTypeParamConfig/importExcel", |
| | | |
| | | }, |
| | | dictOptions: {}, |
| | | superFieldList: [], |
| | | driveTypeList:[] |
| | | } |
| | | }, |
| | | provide(){ |
| | | return { |
| | | driveTypeList:this.driveTypeList |
| | | } |
| | | }, |
| | | created() { |
| | | this.$set(this.dictOptions, 'showFlag', [{ text: 'æ¯', value: 'Y' }, { text: 'å¦', value: 'N' }]) |
| | | this.$set(this.dictOptions, 'curveGenerationFlags', [{ text: 'æ¯', value: 'Y' }, { text: 'å¦', value: 'N' }]) |
| | | this.getSuperFieldList(); |
| | | this.getDriveTypeByApi() |
| | | }, |
| | | computed: { |
| | | importExcelUrl: function () { |
| | |
| | | fieldList.push({ type: 'int', value: 'sortNo', text: 'åºå·', dictCode: '' }) |
| | | fieldList.push({ type: 'switch', value: 'showFlag', text: 'æ¾ç¤ºæ å¿' }) |
| | | fieldList.push({ type: 'switch', value: 'curveGenerationFlags', text: '工使²çº¿æ å¿' }) |
| | | |
| | | this.superFieldList = fieldList |
| | | }, |
| | | |
| | |
| | | param.pageSize = this.ipagination.pageSize |
| | | return filterObj(param) |
| | | }, |
| | | /** |
| | | * è°ç¨æ¥å£è·åæ§å¶ç³»ç»ç±»å |
| | | */ |
| | | getDriveTypeByApi(){ |
| | | api.getDriveTypeApi().then((res)=>{ |
| | | this.driveTypeList=res.result.map(item=>item.value) |
| | | }) |
| | | }, |
| | | /** |
| | | * èæ³è¾å
¥æ¡çéåè½ |
| | | * @param input è¾å
¥çå
容 |
| | | * @param option é
ç½® |
| | | * @returns {boolean} 夿æ¯å¦çé |
| | | */ |
| | | filterOption(input, option) { |
| | | return ( |
| | | option.componentOptions.children[0].text.toUpperCase().indexOf(input.toUpperCase()) >= 0 |
| | | ); |
| | | }, |
| | | |
| | | } |
| | | } |
| | |
| | | <div class="table-operator"> |
| | | <a-button @click="handleAdd" type="primary" icon="plus">æ°å¢</a-button> |
| | | <a-button type="primary" icon="download" @click="importTemplate('计ååæºæ¨¡æ¿')">导å
¥æ¨¡æ¿</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('计ååæº')">导åº</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('计ååæºç®¡ç')">导åº</a-button> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> |
| | | <a-button type="primary" icon="import">导å
¥</a-button> |
| | | </a-upload> |
| | |
| | | list: "/mdc/mdcPlanClose/list", |
| | | delete: "/mdc/mdcPlanClose/delete", |
| | | deleteBatch: "/mdc/mdcPlanClose/deleteBatch", |
| | | exportXlsUrl: "/plan/mdcplanclose/exportXls", |
| | | importExcelUrl: "plan/mdcplanclose/importExcel", |
| | | exportXlsUrl: "/mdc/mdcPlanClose/exportXls", |
| | | importExcelUrl: "mdc/mdcPlanClose/importExcel", |
| | | |
| | | }, |
| | | dictOptions:{}, |
| | |
| | | methods: { |
| | | importTemplate(fileName){ |
| | | var a = document.createElement("a"); |
| | | a.href = "/static/计ååæº.xls"; |
| | | a.download = "计ååæº.xls"; |
| | | a.href = "/static/计ååæºç®¡ç.xls"; |
| | | a.download = "计ååæºç®¡ç.xls"; |
| | | a.style.display = "none"; |
| | | document.body.appendChild(a); |
| | | a.click(); |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(that.selectedRowKeys.length) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(1) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(1) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æ·»å æå" |
| | | }); |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æå" |
| | | }); |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("ç¼è¾æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"ç¼è¾æå" |
| | | }); |
| | |
| | | <template> |
| | | <a-drawer |
| | | <a-modal |
| | | :title="title" |
| | | :maskClosable="true" |
| | | :width="drawerWidth" |
| | | placement="right" |
| | | :closable="true" |
| | | @close="handleCancel" |
| | | @cancel="visible=false" |
| | | :visible="visible" |
| | | :footer="null" |
| | | style="height: 100%;overflow: auto;padding-bottom: 53px;"> |
| | | |
| | | <template slot="title"> |
| | |
| | | <a-col :span="12"> |
| | | <a-form-model-item label="车é´åé
" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!productionDisabled" ref="selectedProduction" prop="selectedProduction"> |
| | | <!--<j-select-equipment-production v-decorator="['selectedProduction',{rules:[{required:true,message:'è¯·éæ©è½¦é´!'}]}]" :multi="false" @back="backProductionInfo" :backProduction="true" :treeProductOpera="true"></j-select-equipment-production>--> |
| | | |
| | | |
| | | |
| | | <j-select-equipment-production :disabled="disableSubmit" v-model="model.selectedProduction" :multi="false" @back="backProductionInfo" :backProduction="true" :treeProductOpera="true"></j-select-equipment-production> |
| | | </a-form-model-item> |
| | | |
| | |
| | | |
| | | |
| | | <div class="drawer-bootom-button" v-show="!disableSubmit"> |
| | | <a-popconfirm title="ç¡®å®æ¾å¼ç¼è¾ï¼" @confirm="handleCancel" okText="ç¡®å®" cancelText="åæ¶"> |
| | | <a-popconfirm title="ç¡®å®æ¾å¼æä½ï¼" @confirm="close" okText="ç¡®å®" cancelText="åæ¶"> |
| | | <a-button style="margin-right: .8rem">åæ¶</a-button> |
| | | </a-popconfirm> |
| | | <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">æäº¤</a-button> |
| | | </div> |
| | | <device-list-model ref="deviceListModel" @sendSelectionRows="getDeviceRows"></device-list-model> |
| | | </a-drawer> |
| | | </a-modal> |
| | | |
| | | </template> |
| | | |
| | |
| | | equipmentId: |
| | | [ |
| | | { |
| | | required: true, message: 'è¯·éæ©è®¾å¤ç¼å·!', |
| | | required: true, message: 'è¯·éæ©è®¾å¤ç¼å·!' |
| | | }, |
| | | // { |
| | | // validator: this.validatequipmentId |
| | |
| | | that.visible = true; |
| | | //æ ¹æ®å±å¹å®½åº¦èªéåºæ½å±å®½åº¦ |
| | | this.resetScreenSize(); |
| | | |
| | | // that.userId = record.id; |
| | | // console.log(record) |
| | | that.model = Object.assign({}, record); |
| | |
| | | }) |
| | | }, |
| | | |
| | | |
| | | |
| | | refresh () { |
| | | this.userId="" |
| | | this.nextDepartOptions=[]; |
| | |
| | | // } |
| | | // }) |
| | | // }, |
| | | handleCancel () { |
| | | this.close() |
| | | }, |
| | | |
| | | |
| | | |
| | | // validatequipmentId(rule, value, callback){ |
| | | // if(!value){ |
| | |
| | | }else{ |
| | | this.departIdShow=true; |
| | | } |
| | | }, |
| | | /** |
| | | * ç¼è¾ææ¥ç详æ
æ°æ®æ¶æ¸
餿½å±è¡¨åéªè¯ |
| | | */ |
| | | removeValidate(){ |
| | | this.$refs.form.clearValidate() |
| | | } |
| | | } |
| | | }, |
| | | |
| | | } |
| | | </script> |
| | | |
| | |
| | | httpAction(httpurl,this.model,method).then((res)=>{ |
| | | if(res.success){ |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | <a-input placeholder="è¾å
¥è®¾å¤åç§°æ¥è¯¢" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="2" :sm="3" :xs="3"> |
| | | <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-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> |
| | |
| | | delete: '/mdc/mdcVacationManagement/deleteVacation', |
| | | deleteBatch: '/mdc/mdcVacationManagement/deleteBatchVacation', |
| | | getEquipmentByPid: '/mdc/mdcequipment/getEquipmentByPid', |
| | | exportXlsUrl: "/mdc/MdcTorqueConfig/exportXls", |
| | | importExcelUrl: "/mdc/MdcTorqueConfig/importExcel", |
| | | exportXlsUrl: "/mdc/mdcVacationManagement/exportXls", |
| | | importExcelUrl: "/mdc/mdcVacationManagement/importExcel", |
| | | } |
| | | } |
| | | }, |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | vacationDate:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©ä¼åæ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | vacationType:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©åæç±»å" |
| | | }, |
| | | ], |
| | | }, |
| | | }, |
| | | |
| | | url: { |
| | |
| | | }, |
| | | created() { |
| | | }, |
| | | |
| | | methods: { |
| | | // disabledDate(current){ |
| | | // //Can not slect days before today and today |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æ·»å æå" |
| | | }); |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | vacationDate:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©ä¼åæ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | vacationType:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©åæç±»å" |
| | | }, |
| | | ], |
| | | }, |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | <j-dict-select-tag :readOnly="disableSubmit" placeholder="è¯·éæ©ç±»å" |
| | | :triggerChange="true" dictCode="mdc_plan_type " |
| | | v-model="model.planCloseType" allow-clear/> |
| | | |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="24"> |
| | |
| | | }, |
| | | confirmLoading: false, |
| | | validatorRules: { |
| | | planCloseType:[ |
| | | {required: true,message:'è¯·éæ©ç±»å!'} |
| | | ], |
| | | planCloseTimeType:[ |
| | | {required: true,message:'è¯·éæ©æ¶é´ç±»å!'} |
| | | ], |
| | | planCloseTimeLong:[ |
| | | {required: true,message:'请è¾å
¥æ¶é¿!'} |
| | | ], |
| | | }, |
| | | url: { |
| | | add: "/mdc/mdcPlanClose/add", |
| | |
| | | <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 HH:mm:ss" showTime/> |
| | | <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 :span="12"> |
| | | <a-form-item label="å çå¼å§æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-time-picker :disabled="disableSubmit" :readOnly="disableSubmit" allow-clear |
| | | v-decorator="['startTime',validatorRules.startTime]"/> |
| | | v-decorator="['startTime',validatorRules.startTime]" valueFormat="HH:mm:ss"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="å çç»ææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-time-picker :disabled="disableSubmit" :readOnly="disableSubmit" |
| | | v-decorator="['endTime',validatorRules.endTime]"/> |
| | | v-decorator="['endTime',validatorRules.endTime]" valueFormat="HH:mm:ss"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 6 |
| | | span: 8 |
| | | } |
| | | }, |
| | | wrapperCol: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 18 |
| | | span: 16 |
| | | } |
| | | }, |
| | | labelColLong: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 3 |
| | | span: 4 |
| | | } |
| | | }, |
| | | wrapperColLong: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 21 |
| | | span: 20 |
| | | } |
| | | }, |
| | | confirmLoading: false, |
| | |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©è®¾å¤" |
| | | }, |
| | | ], |
| | | }, |
| | | calendarId:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©çæ¬¡" |
| | | }, |
| | | ], |
| | | }, |
| | | startTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©å çå¼å§æ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | endTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©å çç»ææ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | |
| | | this.visible = false |
| | | this.show = false |
| | | }, |
| | | fun(obj) { |
| | | if(obj){ |
| | | if (obj = obj.split("T")) { |
| | | var tim = obj[1]; |
| | | if(tim = tim.split(".")){ |
| | | var tim0 = tim[0]; |
| | | } |
| | | var dd = tim0 |
| | | return dd; |
| | | } |
| | | } |
| | | |
| | | }, |
| | | handleOk() { |
| | | const that = this |
| | | // 触å表åéªè¯ |
| | |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = Object.assign(this.model, values) |
| | | let start = moment(formData.startTime).format('HH:mm:ss'); |
| | | let end = moment(formData.endTime).format('HH:mm:ss'); |
| | | let startOne = start.replace(/:/g,''); |
| | | let endOne = end.replace(/:/g,''); |
| | | // var data = new Date(); |
| | | // let stertDate = moment(data).format("HH:mm:ss"); |
| | | // let dataStart = stertDate.replace(/:/g,''); |
| | | // if(startOne < dataStart){ |
| | | // that.$message.warning("å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´") |
| | | // that.confirmLoading = false |
| | | // }else{ |
| | | let startOne = formData.startTime.replace(/:/g,''); |
| | | let endOne = formData.endTime.replace(/:/g,'') |
| | | if(startOne>=endOne){ |
| | | that.$message.warning("ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´"); |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´" |
| | | }); |
| | | that.confirmLoading = false |
| | | }else{ |
| | | let obj |
| | | |
| | | if (!this.model.id) { |
| | | formData.startTime = this.fun(JSON.stringify(formData.startTime)); |
| | | formData.endTime = this.fun(JSON.stringify(formData.endTime)) |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | obj = requestPut(this.url.edit, formData, { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 6 |
| | | span: 8 |
| | | } |
| | | }, |
| | | wrapperCol: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 18 |
| | | span: 16 |
| | | } |
| | | }, |
| | | labelColLong: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 3 |
| | | span: 4 |
| | | } |
| | | }, |
| | | wrapperColLong: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 21 |
| | | span: 20 |
| | | } |
| | | }, |
| | | confirmLoading: false, |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | startTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©å çå¼å§æ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | endTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©å çç»ææ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | <a-date-picker v-model="queryParams.collectTime" :disabledDate="disabledDate" format='YYYY-MM-DD' @change="dataChange"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="3" :sm="3" :xs="3"> |
| | | <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"> |
| | |
| | | textStyle:{ |
| | | color:'#000', |
| | | }, |
| | | formatter:"æ¶é¿ï¼{c}H" |
| | | // formatter:"æ¶é¿ï¼{c}H", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`æ¶é¿ï¼${value.slice(1)}H`:`æ¶é¿ï¼${value}H` |
| | | } |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | |
| | | // }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: "{a} <br/>{b} : {c} ({d}%)" |
| | | // formatter: "{a} <br/>{b} : {c} ({d}%)"ï¼ |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`${params.seriesName}<br/>${params.name}ï¼${value.slice(1)}Hï¼${params.percent}%ï¼`:`${params.seriesName}<br/>${params.name}ï¼${value}Hï¼${params.percent}%ï¼` |
| | | } |
| | | }, |
| | | legend: { |
| | | orient: 'vertical', |
| | |
| | | label: { |
| | | show: true, |
| | | position: 'top', |
| | | formatter: '{b}\n{c}' |
| | | // formatter: '{b}\n{c}', |
| | | // formatter:params=>String(params.value).length==2?params.name+String(params.value).slice(1):params.name+String(params.value) |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?params.name+' '+value.slice(1)+'H':params.name+' '+value+'H' |
| | | } |
| | | } |
| | | } |
| | | }, |
| | |
| | | // }, |
| | | tooltip: { |
| | | trigger: 'item', |
| | | formatter: "{a} <br/>{b} : {c} ({d}%)" |
| | | // formatter: "{a} <br/>{b} : {c} ({d}%)", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`${params.seriesName}<br/>${params.name}ï¼${value.slice(1)}Hï¼${params.percent}%ï¼`:`${params.seriesName}<br/>${params.name}ï¼${value}Hï¼${params.percent}%ï¼` |
| | | } |
| | | }, |
| | | legend: { |
| | | orient: 'vertical', |
| | |
| | | label: { |
| | | show: true, |
| | | position: 'top', |
| | | formatter: '{b}\n{c}' |
| | | // formatter: '{b}\n{c}', |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?params.name+' '+value.slice(1)+'H':params.name+' '+value+'H' |
| | | } |
| | | } |
| | | } |
| | | }, |
| | |
| | | StartupLine.setOption(statChartPieOption2); |
| | | }, |
| | | queryStatistical(){ |
| | | if(this.queryParams.collectTime){ |
| | | getAction(this.url.dayStatisticalRate,this.queryParams).then(res =>{ |
| | | if(res.success) { |
| | | // console.log(res); |
| | |
| | | this.closedLong = this.getTime(res.result.closeLong); |
| | | this.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | }else{ |
| | | this.draw() |
| | | } |
| | | }) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:'è¯·éæ©æ¶é´' |
| | | }) |
| | | } |
| | | }, |
| | | dataChange(val) { |
| | | this.queryParam.collectTime1 = ""; |
| | | if(val){ |
| | | this.queryParams.dateTime = val.format('YYYYMMDD') |
| | | this.queryParams.collectTime = val.format('YYYY-MM-DD'); |
| | | |
| | | } |
| | | }, |
| | | initEquipmentNode() { |
| | | let _this = this |
| | |
| | | this.queryParam = {} |
| | | this.queryParams = {} |
| | | // this.dates = [] |
| | | this.queryStatistical() |
| | | // this.queryStatistical() |
| | | // this.onClearSelected() |
| | | }, |
| | | searchQuery(){ |
| | |
| | | }, |
| | | watch: { |
| | | equip(val) { |
| | | // console.log(val); |
| | | if (val && val.equipmentId) { |
| | | this.$set(this.queryParam, 'tierName', val.title) |
| | | this.$set(this.queryParam, 'equipmentId', val.equipmentId) |
| | | this.queryParams.parentId = '' |
| | | this.queryParams.equipmentId = val.equipmentId |
| | | this.searchQuery() |
| | | }else{ |
| | | this.queryParams.parentId = val.key |
| | | this.queryParams.equipmentId = '' |
| | | this.$set(this.queryParam, 'tierName', val.title) |
| | | this.searchQuery() |
| | | } |
| | | this.searchQuery() |
| | | } |
| | | // this.searchQuery(); |
| | | |
| | | |
| | | } |
| | | |
| | | } |
| | | </script> |
| | | |
| | |
| | | <a-date-picker v-model="queryParams.collectTime" :disabledDate="disabledDate" format='YYYY-MM-DD' @change="dataChange"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="3" :sm="3" :xs="3"> |
| | | <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"> |
| | |
| | | textStyle:{ |
| | | color:'#000', |
| | | }, |
| | | formatter:"æ¶é¿ï¼{c}H" |
| | | // formatter:"æ¶é¿ï¼{c}H", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`æ¶é¿ï¼${value.slice(1)}H`:`æ¶é¿ï¼${value}H` |
| | | } |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | |
| | | textStyle:{ |
| | | color:'#000', |
| | | }, |
| | | formatter:"æ¶é¿ï¼{c}H" |
| | | // formatter:"æ¶é¿ï¼{c}H", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`æ¶é¿ï¼${value.slice(1)}H`:`æ¶é¿ï¼${value}H` |
| | | } |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | |
| | | textStyle:{ |
| | | color:'#000', |
| | | }, |
| | | formatter:"æ¶é¿ï¼{c}H" |
| | | // formatter:"æ¶é¿ï¼{c}H", |
| | | formatter:params=>{ |
| | | const value=String(params.value) |
| | | return value.length==2&&value[0]==='0'?`æ¶é¿ï¼${value.slice(1)}H`:`æ¶é¿ï¼${value}H` |
| | | } |
| | | }, |
| | | itemStyle: { |
| | | normal: { |
| | |
| | | StartupLine.setOption(StartupLine_option); |
| | | }, |
| | | 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.totalLong = parseInt(this.openingLong) + parseInt(this.closedLong); |
| | | this.draw(); |
| | | } |
| | | else{ |
| | | this.draw(); |
| | | } |
| | | }) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:'è¯·éæ©æ¶é´' |
| | | }) |
| | | } |
| | | }, |
| | | dataChange(val) { |
| | | this.queryParam.collectTime1 = ""; |
| | | if(val){ |
| | | this.queryParams.dateTime = val.format('YYYYMMDD') |
| | | this.queryParams.collectTime = val.format('YYYY-MM-DD'); |
| | | |
| | | } |
| | | }, |
| | | initEquipmentNode(id) { |
| | | let _this = this |
| | |
| | | this.queryParam = {} |
| | | this.queryParams = {} |
| | | // this.dates = [] |
| | | this.queryStatistical() |
| | | // this.queryStatistical() |
| | | // this.onClearSelected() |
| | | }, |
| | | searchQuery(){ |
| | |
| | | this.$set(this.queryParam, 'equipmentId', val.equipmentId) |
| | | this.queryParams.parentId = '' |
| | | this.queryParams.equipmentId = val.equipmentId |
| | | this.searchQuery() |
| | | }else{ |
| | | this.queryParams.parentId = val.key |
| | | this.queryParams.equipmentId = '' |
| | | this.$set(this.queryParam, 'tierName', val.title) |
| | | this.searchQuery() |
| | | } |
| | | this.searchQuery() |
| | | } |
| | | // this.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 HH:mm:ss" showTime/> |
| | | <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"> |
| | |
| | | Type(valmath){ |
| | | this.dataList = []; |
| | | this.queryParams.typeTree = valmath |
| | | console.log(valmath,'触åTypeçwatchæ¹æ³') |
| | | // console.log(this.queryParams.typeTree) |
| | | }, |
| | | nodeTree(val) { //çå¬currSelected ååï¼å°åååçæ°å¼ä¼ éç» getCurrSelected äºä»¶ |
| | |
| | | onOk(value) { |
| | | console.log('onOk: ', value); |
| | | }, |
| | | /** |
| | | * æ¥è¯¢åºåéç½®æé® |
| | | */ |
| | | searchReset() { |
| | | if(this.queryParams.typeTree == "1"){ |
| | | console.log('第ä¸ä¸ªçtypeTree',this.queryParams.typeTree) |
| | | this.typeTree = this.queryParams.typeTree |
| | | this.typeParent = this.queryParams.parentId |
| | | this.typeEquipment = this.queryParams.equipmentId |
| | |
| | | this.dates = [] |
| | | this.queryParams.typeTree = this.typeTree |
| | | this.queryParams.parentId = this.typeParent |
| | | console.log('è¿å
¥ç¬¬ä¸ä¸ª') |
| | | if(this.queryParams.parentId != ""){ |
| | | this.queryParams.equipmentId = "" |
| | | }else{ |
| | |
| | | }else{ |
| | | this.queryParams.equipmentId = this.queryParamEquip.equipmentId |
| | | } |
| | | |
| | | } |
| | | |
| | | this.ipagination.current = 1 |
| | | this.ResetloadData(); |
| | | }else{ |
| | | console.log('è¿å
¥ç¬¬äºä¸ª') |
| | | console.log('第äºä¸ªçtypeTree',this.queryParams.typeTree) |
| | | this.typeTree = this.queryParams.typeTree |
| | | this.typeParent = this.queryParams.parentId |
| | | // this.typeEquipment = this.queryParams.equipmentId |
| | |
| | | if(this.queryParams.typeTree == "1"){ |
| | | this.queryParams.parentId = this.queryParamEquip.parentId |
| | | // this.queryParams.equipmentId = this.queryParamEquip.equipmentId |
| | | |
| | | }else{ |
| | | this.queryParams.parentId = this.queryParamPeople.parentId |
| | | |
| | | // this.queryParams.equipmentId = "" |
| | | } |
| | | this.dataSource = []; |
| | |
| | | param.equipmentId = this.queryParams.equipmentId; |
| | | param.startTime = this.queryParam.startTime; |
| | | param.endTime = this.queryParam.endTime; |
| | | // console.log(param); |
| | | console.log('param',param); |
| | | getAction(this.url.list,param).then((res) => { |
| | | if(res.success){ |
| | | this.dataSource = res.result.records||res.result; |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(1) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | } |
| | | }, |
| | | handleAdd() { |
| | | console.log(this.$refs.modalForm.edit) |
| | | this.$refs.modalForm.add(this.node) |
| | | this.$refs.modalForm.title = 'æ°å¢' |
| | | this.$refs.modalForm.disableSubmit = false |
| | |
| | | exclude_inputs: true |
| | | }); |
| | | }, |
| | | // /** |
| | | // * 车é´éä¸é¡¹åæ¶åè§¦åæ¤äºä»¶ï¼ç±BaseTreeç»ä»¶ç±äºä»¶æ»çº¿è§¦å |
| | | // * @param value æç¤ºä¿¡æ¯ |
| | | // */ |
| | | // treeClearSelected(value){ |
| | | // this.queryParams.equipmentId='' |
| | | // this.queryParams.parentId='' |
| | | // this.ResetloadData() |
| | | // } |
| | | }, |
| | | created() { |
| | | this.queryParam.typeTree = "1" |
| | | // this.$bus.$on('treeClearSelected',this.treeClearSelected) |
| | | } |
| | | } |
| | | </script> |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | torqueDate:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©æ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | torqueValue:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥æç©å¼" |
| | | }, |
| | | ], |
| | | }, |
| | | }, |
| | | |
| | | url: { |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | torqueDate:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©æ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | torqueValue:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥æç©å¼" |
| | | }, |
| | | ], |
| | | }, |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | <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 HH:mm" showTime/> |
| | | <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-button @click="handleAdd" type="primary" icon="plus">æ°å¢ |
| | | </a-button> |
| | | <a-button type="primary" icon="download" @click="importTemplate('é计ååæºæ¨¡æ¿')">导å
¥æ¨¡æ¿</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('é计ååæº')">导åº</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('é计ååæºç®¡ç')">导åº</a-button> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> |
| | | <a-button type="primary" icon="import">导å
¥</a-button> |
| | | </a-upload> |
| | |
| | | delete: '/mdc/mdcNoplanClose/delete', |
| | | deleteBatch: '/mdc/mdcNoplanClose/deleteBatch', |
| | | getEquipmentByPid: '/mdc/mdcequipment/getEquipmentByPid', |
| | | exportXlsUrl: "/mdc/MdcTorqueConfig/exportXls", |
| | | importExcelUrl: "/mdc/MdcTorqueConfig/importExcel", |
| | | exportXlsUrl: "/mdc/mdcNoplanClose/exportXls", |
| | | importExcelUrl: "/mdc/mdcNoplanClose/importExcel", |
| | | } |
| | | } |
| | | }, |
| | |
| | | methods: { |
| | | importTemplate(fileName){ |
| | | var a = document.createElement("a"); |
| | | a.href = "/static/é计ååæº.xls"; |
| | | a.download = "é计ååæº.xls"; |
| | | a.href = "/static/é计ååæºç®¡ç.xls"; |
| | | a.download = "é计ååæºç®¡ç.xls"; |
| | | a.style.display = "none"; |
| | | document.body.appendChild(a); |
| | | a.click(); |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(1) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | noplanType:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©ç±»å" |
| | | }, |
| | | ], |
| | | }, |
| | | startTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©å¼å§æ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | endTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©ç»ææ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | }, |
| | | |
| | | url: { |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æ·»å æå" |
| | | }); |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | noplanType:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©ç±»å" |
| | | }, |
| | | ], |
| | | }, |
| | | startTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©å¼å§æ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | endTime:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©ç»ææ¶é´" |
| | | }, |
| | | ], |
| | | }, |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | 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 |
| | |
| | | this.queryParam.equipmentId = "" |
| | | } |
| | | this.loadData1() |
| | | } else{ |
| | | this.$notification.warning({ |
| | | message:'æç¤º', |
| | | description:'è¯·éæ©æ¶é´' |
| | | }) |
| | | } |
| | | |
| | | // this.onClearSelected() |
| | | }, |
| | | // searchReset() { |
| | |
| | | // required: true, message: 'è¯·éæ©çå¶!', |
| | | // }], |
| | | // }, |
| | | alarmCode:{ |
| | | rules: [{ |
| | | required: true, message: '请è¾å
¥æ¥è¦å·!', |
| | | }], |
| | | }, |
| | | alarmContent:{ |
| | | rules: [{ |
| | | required: true, message: '请è¾å
¥æ¥è¦å
容!', |
| | | }], |
| | | }, |
| | | }, |
| | | url: { |
| | | // add: '/mdc/alarmInfo/add', |
| | |
| | | this.model = Object.assign({}, record) |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | this.isUse=record.isUse===0?true:false |
| | | this.form.setFieldsValue(pick(this.model, 'alarmCode', 'alarmContent','driveType')) |
| | | }) |
| | | }, |
| | |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æ·»å æå" |
| | | description:"ä¿®æ¹æå" |
| | | }); |
| | | // that.$message.success(res.message) |
| | | that.$emit('ok', res.result) |
| | |
| | | <!--<a-select v-decorator="['driveType', validatorRules. driveType]" placeholder="è¯·éæ©é©±å¨ç±»å"--> |
| | | <!--:options="shiftList">--> |
| | | <!--</a-select>--> |
| | | <j-dict-select-tag |
| | | placeholder="è¯·éæ©é©±å¨ç±»å" |
| | | <!--<j-dict-select-tag--> |
| | | <!--placeholder="è¯·éæ©é©±å¨ç±»å"--> |
| | | <!--v-decorator="['driveType', validatorRules.driveType]"--> |
| | | <!--dictCode="mdc_driveType"--> |
| | | <!--/>--> |
| | | <a-auto-complete |
| | | v-decorator="['driveType', validatorRules.driveType]" |
| | | dictCode="mdc_driveType" |
| | | :data-source="driveTypeList" |
| | | placeholder="è¯·éæ©é©±å¨ç±»å" |
| | | :filter-option="filterOption" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="24"> |
| | | <a-form-item label="æ¯å¦è¿æ»¤" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-switch :default-checked = 'showM' v-decorator="['isUse', validatorRules.isUse]"></a-switch> |
| | | <a-switch :checked="isFilterChecked" v-decorator="['isUse', validatorRules.isUse]" @change="isFilterChange"></a-switch> |
| | | </a-form-item> |
| | | </a-col> |
| | | <!--<a-col :span='24'>--> |
| | |
| | | export default { |
| | | name: 'alarmManagerForm', |
| | | // components: {AlarmManagerEqupment}, |
| | | props: {}, |
| | | props: { |
| | | driveTypeList:{ |
| | | type:Array |
| | | }, |
| | | filterOption:{ |
| | | type:Function |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | showM:true, |
| | | isFilterChecked:true, |
| | | isUse:true, |
| | | title: '', |
| | | visible: false, |
| | |
| | | span: 18 |
| | | } |
| | | }, |
| | | confirmLoading: false, form: this.$form.createForm(this), |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this), |
| | | validatorRules: { |
| | | // driveType:{ |
| | | // rules: [{ |
| | | // required: true, message: 'è¯·éæ©é©±å¨ç±»å!', |
| | | // }], |
| | | // }, |
| | | // isUse:{ |
| | | // rules: [{ |
| | | // required: true, message: !', |
| | | // }], |
| | | // }, |
| | | driveType:{ |
| | | rules: [{ |
| | | required: true, message: 'è¯·éæ©é©±å¨ç±»å!', |
| | | }], |
| | | }, |
| | | alarmCode:{ |
| | | rules: [{ |
| | | required: true, message: '请è¾å
¥æ¥è¦å·!', |
| | | }], |
| | | }, |
| | | alarmDescription:{ |
| | | alarmContent:{ |
| | | rules: [{ |
| | | required: true, message: '请è¾å
¥æ¥è¦å
容!', |
| | | }], |
| | |
| | | }, |
| | | add(record) { |
| | | let _this = this |
| | | this.visible = true |
| | | this.isFilterChecked=true |
| | | this.form.resetFields() |
| | | this.model = Object.assign({}, record) |
| | | // this.initShiftList() |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | |
| | | }) |
| | |
| | | handleCancel() { |
| | | this.close() |
| | | }, |
| | | /** |
| | | * æ¯å¦è¿æ»¤åæ¢å¨changeäºä»¶ |
| | | * @param checked 忢åçç¶æ |
| | | */ |
| | | isFilterChange(checked){ |
| | | this.isFilterChecked=checked |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <!--</a-col>--> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-form-item label="驱å¨ç±»å"> |
| | | <j-dict-select-tag placeholder="è¯·éæ©é©±å¨ç±»å" |
| | | :triggerChange="true" dictCode="mdc_driveType" |
| | | v-model="queryParam.driveType" allow-clear/> |
| | | <!--<j-dict-select-tag placeholder="è¯·éæ©é©±å¨ç±»å"--> |
| | | <!--:triggerChange="true" dictCode="mdc_driveType"--> |
| | | <!--v-model="queryParam.driveType" allow-clear/>--> |
| | | <a-auto-complete |
| | | v-model="queryParam.driveType" |
| | | :data-source="driveTypeList" |
| | | placeholder="驱å¨ç±»å" |
| | | :filter-option="filterOption" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="9" :sm="9" :xs="4"> |
| | |
| | | import JEllipsis from '@/components/jeecg/JEllipsis' |
| | | import Tooltip from 'ant-design-vue/es/tooltip' |
| | | import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api' |
| | | import api from '@/api/mdc' |
| | | export default { |
| | | name: 'comparativeAnalysismain', |
| | | // mixins: [JeecgListMixin], |
| | |
| | | url: { |
| | | comparativeAnalysis:'/mdc/efficiencyReport/comparativeAnalysis' |
| | | }, |
| | | AnalysisList:{} |
| | | AnalysisList:{}, |
| | | driveTypeList:[] |
| | | } |
| | | }, |
| | | watch:{ |
| | |
| | | } |
| | | }, |
| | | nodePeople(val){ |
| | | |
| | | if (JSON.stringify(val) != '{}') { |
| | | if (val.equipmentId) { |
| | | // this.$set(this.queryParam, 'tierName', val.title) |
| | |
| | | }) |
| | | }, |
| | | searchQuery(){ |
| | | if(this.dates&&this.dates.length>0){ |
| | | this.AnalysisList = [] |
| | | this.AnalysisBarList = [] |
| | | this.AnalysisGauge = [] |
| | |
| | | if(this.queryParams.typeTree == "1"){ |
| | | this.queryParams.parentId = this.queryParamEquip.parentId |
| | | // this.queryParams.equipmentId = this.queryParamEquip.equipmentId |
| | | |
| | | }else{ |
| | | this.queryParams.parentId = this.queryParamEquip.parentId |
| | | |
| | | // this.queryParams.equipmentId = "" |
| | | } |
| | | this.AnalysisList = []; |
| | | this.AnalysisList = [] |
| | | //è·åæ¥è¯¢æ¡ä»¶ |
| | | this.queryParam.parentId = this.queryParams.parentId; |
| | | this.queryParam.equipmentId = this.queryParams.equipmentId; |
| | |
| | | }).finally(() => { |
| | | this.loading = false |
| | | }) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'æç¤º' , |
| | | description:'è¯·éæ©æ¶é´' |
| | | }) |
| | | } |
| | | |
| | | }, |
| | | searchReset() { |
| | | this.AnalysisList = [] |
| | |
| | | this.loading = false |
| | | }) |
| | | } |
| | | |
| | | }, |
| | | /** |
| | | * è°ç¨æ¥å£è·åæ§å¶ç³»ç»ç±»å |
| | | */ |
| | | getDriveTypeByApi(){ |
| | | api.getDriveTypeApi().then((res)=>{ |
| | | this.driveTypeList=res.result.map(item=>item.value) |
| | | }) |
| | | }, |
| | | /** |
| | | * èæ³è¾å
¥æ¡çéåè½ |
| | | * @param input è¾å
¥çå
容 |
| | | * @param option é
ç½® |
| | | * @returns {boolean} 夿æ¯å¦çé |
| | | */ |
| | | filterOption(input, option) { |
| | | return ( |
| | | option.componentOptions.children[0].text.toUpperCase().indexOf(input.toUpperCase()) >= 0 |
| | | ); |
| | | }, |
| | | // onChange(value, dateString) { |
| | | // // console.log('Selected Time: ', value); |
| | |
| | | this.queryParam.endTime = moment(this.dates[1]).format('YYYYMMDD') |
| | | this.queryParam.typeTree = "1"; |
| | | this.loadAnalysis(); |
| | | this.getDriveTypeByApi() |
| | | } |
| | | } |
| | | </script> |
| | |
| | | postAction(this.url.settingCalendar, formData).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message) |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | <div style="overflow: auto;width: 100%;margin-top: 20px;height: 569px;"> |
| | | <a-table ref="table" bordered size="middle" rowKey="id" :columns="columns" @change="handleTableChange" class="ant-table-striped" |
| | | :dataSource="dataSource" :pagination="ipagination" :loading="loading" :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-striped' : null)"> |
| | | <span slot="action" |
| | | slot-scope="text, record"> |
| | | <a-popconfirm |
| | | title="ç¡®å®å é¤å?" |
| | | @confirm="() => handleDelete(record.id)" |
| | | > |
| | | <a>å é¤</a> |
| | | </a-popconfirm> |
| | | </span> |
| | | <span slot="isDaySpan" slot-scope="text, record"> |
| | | <span v-if="text == 'true'">æ¯</span> |
| | | <span v-if="text == 'false'">å¦</span> |
| | |
| | | title: 'ç»æä¼æ¯æ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'sleepEndDate' |
| | | }, |
| | | { |
| | | title: 'æä½', |
| | | dataIndex: 'action', |
| | | align: "center", |
| | | fixed: "right", |
| | | width: 147, |
| | | scopedSlots: { customRender: 'action' } |
| | | } |
| | | ], |
| | | checkedList: ['lyl'], |
| | | dataList: [], |
| | | url: { |
| | | list: '/mdc/mdcDeviceCalendar/list' |
| | | list: '/mdc/mdcDeviceCalendar/list', |
| | | delete:'/mdc/mdcDeviceCalendar/delete' |
| | | } |
| | | } |
| | | }, |
| | |
| | | this.queryParam = {} |
| | | this.loadData() |
| | | }, |
| | | |
| | | loadData(arg) { |
| | | this.dataSource = []; |
| | | if(!this.url.list){ |
| | |
| | | this.loadData(); |
| | | }, |
| | | openPage() { |
| | | this.visible = true |
| | | this.onClearSelected() |
| | | this.valueProduct=null |
| | | this.visible = true |
| | | this.dataSource = []; |
| | | this.queryParam = { |
| | | status: this.status |
| | | }; |
| | | |
| | | this.loadData(); |
| | | this.initOptions(); |
| | | this.initGroupOptions() |
| | |
| | | }, |
| | | confirmLoading: false, form: this.$form.createForm(this), |
| | | validatorRules: { |
| | | // shiftId:{ |
| | | // rules: [{ |
| | | // required: true, message: 'è¯·éæ©çå¶!', |
| | | // }], |
| | | // }, |
| | | equipmentId:{ |
| | | rules:[ |
| | | { |
| | | required:true,message:'è¯·éæ©è®¾å¤ç»!' |
| | | } |
| | | ] |
| | | }, |
| | | shiftId:{ |
| | | rules: [{ |
| | | required: true, message: 'è¯·éæ©çå¶!', |
| | | }], |
| | | } |
| | | }, |
| | | url: { |
| | | add: '/mdc/mdcDeviceCalendar/add', |
| | |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = Object.assign(this.model, values) |
| | | |
| | | formData.dateList = this.sendDte |
| | | if(formData.dateList&&formData.dateList.length>0){ |
| | | postAction(this.url.settingCalendar, formData).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message) |
| | |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | }else{ |
| | | that.confirmLoading = false |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:'è¯·éæ©çææ¶é´!' |
| | | }); |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :md="6" :sm="6"> |
| | | <a-form-item label="设å¤ç¼å·"> |
| | | <a-input placeholder="è¾å
¥è®¾å¤ç¼å·æ¥è¯¢" :readOnly="readOnly" v-model="queryParams.equipmentId"></a-input> |
| | | <a-input placeholder="è¯·éæ©è®¾å¤" :readOnly="readOnly" v-model="queryParams.equipmentId"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="6" :sm="6"> |
| | | <a-form-item label="设å¤åç§°"> |
| | | <a-input placeholder="è¾å
¥è®¾å¤åç§°æ¥è¯¢" :readOnly="readOnly" v-model="queryParams.equipmentName"></a-input> |
| | | <a-input placeholder="è¯·éæ©è®¾å¤" :readOnly="readOnly" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="6" :sm="6"> |
| | |
| | | </div> |
| | | <work-chart-model ref="workChartModel"></work-chart-model> |
| | | <work-history-model ref="workHistoryModel"></work-history-model> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | // 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.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"è¯·éæ©æ¶é´" |
| | | }); |
| | | } |
| | | |
| | | // this.queryList() |
| | | }, |
| | | searchReset() { |
| | |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | |
| | | } |
| | | }) |
| | | } |
| | |
| | | this.initEquipment(); |
| | | // this.queryTreeData(); |
| | | }, |
| | | mounted() { |
| | | |
| | | }, |
| | | watch: { |
| | | equement(val) { |
| | | console.log('éè¿watch触å') |
| | | |
| | | if (val && val.equipmentId) { |
| | | this.$set(this.queryParams, 'equipmentName', val.equipmentName) |
| | | this.$set(this.queryParams, 'equipmentId', val.equipmentId) |
| | |
| | | <div class="checkboxgroup"> |
| | | <p>ç»è®¡åæ°</p> |
| | | <div class="checkboxgroup_con"> |
| | | |
| | | <a-checkbox-group name="checkboxgroup" :value="option" :options="plainOptions" @change="checkboxOnChange"/> |
| | | </div> |
| | | </div> |
| | |
| | | let equipment = param.equipmentId |
| | | getAction(this.url.initPlainOptions,{equipmentId:equipment}).then((res) => { |
| | | if (res.success) { |
| | | |
| | | let temp = [] |
| | | // debugger |
| | | for (var item of res.result) { |
| | |
| | | if(temp.length>0){ |
| | | that.option = [temp[0].value] |
| | | } |
| | | |
| | | } |
| | | }) |
| | | }, |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æå" |
| | | }); |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :md="9" :sm="9"> |
| | | <a-form-item label="æ¶é´"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD HH:mm:ss" showTime/> |
| | | <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-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-button type="primary" @click="exportExcel" icon="download">导åº</a-button>--> |
| | | <a-button type="primary" @click="handleExportXls('ç»´ä¿®ä¼ç管ç')" icon="download">导åº</a-button> |
| | | </a-col> |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | | <!-- æä½æé®åºå --> |
| | | <div class="table-operator" style="display: inline;"> |
| | | <a-button v-has="'user.addrequip'" @click="handleAdd" type="primary" icon="plus">ç»´ä¿®æ°å¢ |
| | | <a-button @click="handleAdd" type="primary" icon="plus">æ°å¢ |
| | | </a-button> |
| | | <a-button v-has="'user.add'" @click="handleAddXIU" type="primary" icon="plus">ä¼çæ°å¢ |
| | | </a-button> |
| | | <!--<a-button v-has="'user.add'" @click="handleAddXIU" type="primary" icon="plus">ä¼çæ°å¢--> |
| | | <!--</a-button>--> |
| | | </div> |
| | | |
| | | <!-- tableåºå-begin --> |
| | |
| | | </a-table> |
| | | </div> |
| | | <!-- tableåºå-end --> |
| | | <device-repair-model ref="modalForm" @ok="modalFormOk"></device-repair-model> |
| | | <device-repair-model-add ref="modalFormadd" @ok="modalFormOk"></device-repair-model-add> |
| | | <device-repair-model ref="modalForm" :equipmentId="queryParams.equipmentId" @ok="modalFormOk"></device-repair-model> |
| | | <!--<device-repair-model-add ref="modalFormadd" @ok="modalFormOk"></device-repair-model-add>--> |
| | | <device-repair-model-edit ref="modalFormedit" @ok="modalFormOk"></device-repair-model-edit> |
| | | <!--<repair-model ref="repairModelFrom" @ok="modalFormOk"></repair-model>--> |
| | | |
| | | <!--<repair-model ref="repairModelFrom" @ok="modalFormOk">0</repair-model>--> |
| | | </a-card> |
| | | </template> |
| | | |
| | |
| | | list: '/mdc/mdcEquipmentRepair/pageList', |
| | | deleteBatch: '/mdc/mdcEquipmentRepair/delete', |
| | | getEquipmentByPid: '/mdc/mdcequipment/getEquipmentByPid', |
| | | exportXlsUrl:'/mdc/mdcEquipmentRepair/exportXls' |
| | | } |
| | | } |
| | | }, |
| | |
| | | this.queryParamEquip.parentId = val.key |
| | | this.queryParams.equipmentId = '' |
| | | } |
| | | this.searchQuery() |
| | | }else{ |
| | | this.queryParams.equipmentId='' |
| | | this.queryParamEquip.parentId = "" |
| | | } |
| | | this.searchQuery() |
| | | }, |
| | | nodePeople(val){ |
| | | if (JSON.stringify(val) != '{}') { |
| | |
| | | if(this.queryParams.typeTree == "1"){ |
| | | this.queryParams.parentId = this.queryParamEquip.parentId |
| | | // this.queryParams.equipmentId = this.queryParamEquip.equipmentId |
| | | |
| | | }else{ |
| | | this.queryParams.parentId = this.queryParamPeople.parentId |
| | | |
| | | // this.queryParams.equipmentId = "" |
| | | } |
| | | this.dataSource = []; |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(1) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | } |
| | | }); |
| | | }, |
| | | /** |
| | | * æå¼æ°å¢ç»´ä¿®æä¼çå¼¹çª |
| | | */ |
| | | handleAdd() { |
| | | this.$refs.modalForm.add(this.node) |
| | | this.$refs.modalForm.title = 'æ°å¢' |
| | | this.$refs.modalForm.disableSubmit = false |
| | | }, |
| | | handleAddXIU() { |
| | | this.$refs.modalFormadd.add() |
| | | this.$refs.modalFormadd.title = 'æ°å¢' |
| | | this.$refs.modalFormadd.disableSubmit = false |
| | | }, |
| | | // handleAddXIU() { |
| | | // this.$refs.modalFormadd.add() |
| | | // this.$refs.modalFormadd.title = 'æ°å¢' |
| | | // this.$refs.modalFormadd.disableSubmit = false |
| | | // }, |
| | | pQuery(parentId) { |
| | | this.queryParam.parentId = parentId[0] |
| | | if(this.selectedRowKeys.length >= 1) { |
| | |
| | | $("#DeviceList").table2excel({ |
| | | exclude: ".noExl", |
| | | name: "Excel Document Name", |
| | | filename: "设å¤ç»´ä¿®è¯¦æ
", |
| | | filename: "ç»´ä¿®ä¼ç管ç", |
| | | exclude_img: true, |
| | | fileext: ".xls", |
| | | exclude_links: true, |
| | |
| | | <div> |
| | | <a-table ref="table" size="middle" bordered rowKey="id" :scroll="{Â y: 400Â }" :columns="columns" |
| | | :dataSource="dataSource" :pagination="ipagination" :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange,getCheckboxProps:getCheckboxProps,selections: true,}" |
| | | @change="handleTableChange"> |
| | | </a-table> |
| | | </div> |
| | |
| | | status: { |
| | | type: Number, |
| | | default: 1 |
| | | }, |
| | | selectedEquipmentIds:{ |
| | | type:String |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | this.selectionRows = selectionRows |
| | | // this.SelectedList =[...this.SelectedList,...selectionRows]; |
| | | // console.log(this.SelectedList); |
| | | console.log('selectedRowKeys',selectedRowKeys) |
| | | console.log('selectionRows',selectionRows) |
| | | |
| | | }, |
| | | handleTableChange(pagination, filters, sorter) { |
| | | // this.onClearSelected() |
| | |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | |
| | | initGroupOptions() { |
| | | getAction(this.url.loadProductionOptions).then(res => { |
| | | if (res.success) { |
| | |
| | | }); |
| | | } |
| | | }) |
| | | }, |
| | | /** |
| | | * æ¯æ¬¡å è½½å表æ¶å¤æå·²éä¸è®¾å¤ç¼å·æ°ç»æ¯å¦å
å«è¡¨æ ¼æ°æ®ä¸ç设å¤ç¼å·ï¼å¦æå
å«åéä¸ |
| | | * @param record |
| | | * @returns {{props: {defaultChecked: boolean}}} |
| | | */ |
| | | getCheckboxProps(record){ |
| | | if(this.selectedEquipmentIds){ |
| | | let selectedEquipmentIdsArr=this.selectedEquipmentIds.split(',') |
| | | return { |
| | | props:{ |
| | | defaultChecked: selectedEquipmentIdsArr.includes(record.equipmentId) |
| | | } |
| | | } |
| | | }else{ |
| | | return { |
| | | props:{ |
| | | defaultChecked:false |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | } |
| | |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item label="维修类å" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-radio-group v-decorator="['mdcRepairType', validatorRules.mdcRepairType]"> |
| | | <a-radio :value="1"> |
| | | ç»´ä¿® |
| | | </a-radio> |
| | | <a-radio :value="2"> |
| | | ä¼ç |
| | | </a-radio> |
| | | </a-radio-group> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="å¼å§æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss')}" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©å¼å§æ¶é´" |
| | | :disabledDate="disabledDate" class="query-group-cust" v-decorator="['startTime', validatorRules.startTime]"></j-date> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),hideDisabledOptions:true}" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="è¯·éæ©å¼å§æ¶é´" |
| | | :disabledDate="disabledDate" class="query-group-cust" |
| | | v-decorator="['startTime', validatorRules.startTime]" :disabledTime="disabledDateTime" |
| | | :showToday="false"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="ç»ææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss')}" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©ç»ææ¶é´" |
| | | :disabledDate="disabledDate" class="query-group-cust" v-decorator="['endTime', validatorRules.endTime]"></j-date> |
| | | <j-date :show-time="{defaultValue:moment('08:00:00','HH:mm:ss'),hideDisabledOptions:true}" |
| | | date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="è¯·éæ©ç»ææ¶é´" |
| | | :disabledDate="disabledDate" class="query-group-cust" |
| | | v-decorator="['endTime', validatorRules.endTime]" :disabledTime="disabledDateTime" |
| | | :showToday="false"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item v-show="this.mesag == 1" label="维修类å" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input :disabled="disableSubmit" :readOnly="readOnly" placeholder="è¯·éæ©è®¾å¤ç±»å" |
| | | :triggerChange="true" |
| | | v-decorator="['mdcRepairType', validatorRules.mdcRepairType]"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <!--<a-row :gutter="24">--> |
| | | <!--<a-col :span="12">--> |
| | | <!--<a-form-item v-show="this.mesag == 1" label="维修类å" :labelCol="labelCol" :wrapperCol="wrapperCol">--> |
| | | <!--<a-input :disabled="disableSubmit" :readOnly="readOnly" placeholder="è¯·éæ©è®¾å¤ç±»å"--> |
| | | <!--:triggerChange="true"--> |
| | | <!--v-decorator="['mdcRepairType', validatorRules.mdcRepairType]"/>--> |
| | | <!--</a-form-item>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | </a-form> |
| | | </a-spin> |
| | | <device-repair-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></device-repair-list-model> |
| | | <device-repair-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows" |
| | | :selectedEquipmentIds="selectedEquipmentIds" |
| | | ></device-repair-list-model> |
| | | |
| | | </a-modal> |
| | | </template> |
| | |
| | | import { |
| | | duplicateCheck |
| | | } from '@/api/api' |
| | | import AFormItem from 'ant-design-vue/es/form/FormItem' |
| | | import Vue from 'vue' |
| | | |
| | | export default { |
| | | name: 'DeviceRepairModel', |
| | | components: {DeviceRepairListModel,JDate}, |
| | | props: {}, |
| | | components: { AFormItem, DeviceRepairListModel, JDate }, |
| | | props: { |
| | | equipmentId: { |
| | | type: String |
| | | } |
| | | }, |
| | | |
| | | data() { |
| | | return { |
| | | mesag:21, |
| | |
| | | show: false, |
| | | model: {}, |
| | | checked: false, |
| | | startData:"", |
| | | endData:"", |
| | | startData: '', |
| | | endData: '', |
| | | labelCol: { |
| | | xs: { |
| | | span: 24 |
| | |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this), |
| | | validatorRules: { |
| | | equipmentId:{ |
| | | equipmentIds: { |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | message: 'è¯·éæ©è®¾å¤' |
| | | } |
| | | ], |
| | | initialValue: '' |
| | | }, |
| | | equipmentName:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | ], |
| | | message: '' |
| | | } |
| | | ] |
| | | }, |
| | | mdcRepairType:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | message: '' |
| | | } |
| | | ], |
| | | initialValue: 1 |
| | | }, |
| | | startTime: { |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: 'è¯·éæ©å¼å§æ¶é´' |
| | | } |
| | | ] |
| | | }, |
| | | endTime: { |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: 'è¯·éæ©ç»ææ¶é´' |
| | | } |
| | | ] |
| | | } |
| | | }, |
| | | |
| | |
| | | |
| | | disableSubmit: true, |
| | | partCategoryCascade: [], |
| | | cascadeDefaultValue: [] |
| | | cascadeDefaultValue: [], |
| | | selectedEquipmentIds: '' |
| | | } |
| | | |
| | | }, |
| | | created() { |
| | | }, |
| | | |
| | | watch: { |
| | | // çæ§è®¾å¤ç¼å·ï¼å½æ¹åæ ä¸é项æ¶å°å¼èµå¼ç»æ°å¢å¼¹çªç设å¤ç»é项 |
| | | equipmentId: function(val) { |
| | | this.validatorRules.equipmentIds.initialValue = val |
| | | }, |
| | | // çæ§å¼¹çªæ¾ç¤ºï¼å¦æå
³é忏
ç©ºå·²éæ©çå¤éï¼å¦æå¼å¯åå°æ ä¸å·²éæ©é¡¹èµå¼ç»å·²éæ©å¤é |
| | | visible: function(val) { |
| | | if (!val) { |
| | | this.selectedEquipmentIds = '' |
| | | } else { |
| | | this.selectedEquipmentIds = this.validatorRules.equipmentIds.initialValue |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | disabledDate(current){ |
| | | //Can not slect days before today and today |
| | | // return current && current < moment().endOf("day"); |
| | | return current < moment().subtract(+1, 'day')//ä»å¤©ä¹åçå¹´ææ¥ä¸å¯éï¼ä¸å
æ¬ä»å¤© |
| | | return current < moment().subtract(+2, 'day').endOf('day')//åä¸å¤©ä¹åçå¹´ææ¥ä¸å¯éï¼ä¸å
æ¬åä¸å¤© |
| | | }, |
| | | moment, |
| | | // onChange(dates) { |
| | |
| | | // // console.log(this.startData,this.endData); |
| | | // }, |
| | | onChangeEnd(dates, dateStrings){ |
| | | this.endTime = dateStrings[0]; |
| | | this.endTime = dateStrings[0] |
| | | }, |
| | | getDeviceRows(val) { |
| | | var equipmentIds; |
| | | // var equipmentIds |
| | | // for (var i = 0; i < val.length; i++) { |
| | | // if (i == 0) { |
| | | // equipmentIds = val[i].equipmentId |
| | | // } else { |
| | | // equipmentIds = equipmentIds + ',' + val[i].equipmentId |
| | | // } |
| | | // } |
| | | // // console.log("========",equipmentIds); |
| | | // this.form.setFieldsValue({ |
| | | // equipmentIds: equipmentIds |
| | | // }) |
| | | for(var i = 0;i<val.length;i++){ |
| | | if (i == 0) { |
| | | equipmentIds = val[i].equipmentId; |
| | | this.selectedEquipmentIds = val[i].equipmentId |
| | | } else { |
| | | equipmentIds = equipmentIds + "," + val[i].equipmentId; |
| | | this.selectedEquipmentIds = this.selectedEquipmentIds + ',' + val[i].equipmentId |
| | | } |
| | | } |
| | | // console.log("========",equipmentIds); |
| | | this.form.setFieldsValue({ |
| | | equipmentIds: equipmentIds, |
| | | equipmentIds: this.selectedEquipmentIds |
| | | }) |
| | | // this.form.setFieldsValue({ |
| | | // equipmentId: val.equipmentId, |
| | |
| | | this.model = Object.assign({}, record) |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model, 'equipmentIds', 'equipmentName', 'mdcRepairType', 'startTime', 'endTime', |
| | | this.form.setFieldsValue(pick(this.model, 'equipmentIds', 'equipmentName', 'mdcRepairType', 'startTime', 'endTime' |
| | | )) |
| | | }) |
| | | }, |
| | |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = Object.assign(this.model, values) |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let startOne = start.replace(/:/g,''); |
| | | let endOne = end.replace(/:/g,''); |
| | | var data = new Date(); |
| | | let stertDate = moment(data).format("YYYY-MM-DD HH:mm:ss"); |
| | | let dataStart = stertDate.replace(/:/g,''); |
| | | if(startOne < dataStart){ |
| | | // that.$message.warning("å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´") |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´" |
| | | }); |
| | | that.confirmLoading = false |
| | | }else{ |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let startOne = start.replace(/:/g, '') |
| | | let endOne = end.replace(/:/g, '') |
| | | var data = new Date() |
| | | let stertDate = moment(data).format('YYYY-MM-DD HH:mm:ss') |
| | | let dataStart = stertDate.replace(/:/g, '') |
| | | // if (startOne < dataStart) { |
| | | // // that.$message.warning("å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´") |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: 'å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´' |
| | | // }) |
| | | // that.confirmLoading = false |
| | | // } else { |
| | | // if (startOne >= endOne) { |
| | | // // that.$message.warning("ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´"); |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: 'ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´' |
| | | // }) |
| | | // // console.log(this.model) |
| | | // // this.endTime = '' |
| | | // that.confirmLoading = false |
| | | // } else { |
| | | // let obj |
| | | // if (!this.model.id) { |
| | | // obj = postAction(this.url.add, formData) |
| | | // } else { |
| | | // obj = requestPut(this.url.edit, formData, { |
| | | // id: this.model.id |
| | | // }) |
| | | // } |
| | | // obj.then((res) => { |
| | | // if (res.success) { |
| | | // // that.$message.success("æ·»å æå") |
| | | // that.$notification.success({ |
| | | // message: 'æ¶æ¯', |
| | | // description: 'æ·»å æå' |
| | | // }) |
| | | // // that.$message.success(res.message) |
| | | // that.$emit('ok', res.result) |
| | | // } else { |
| | | // // that.$message.warning(res.message) |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: res.message |
| | | // }) |
| | | // } |
| | | // }).finally(() => { |
| | | // that.confirmLoading = false |
| | | // that.close() |
| | | // }) |
| | | // } |
| | | // } |
| | | if(startOne>=endOne){ |
| | | // that.$message.warning("ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´"); |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´" |
| | | }); |
| | | description: 'ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´' |
| | | }) |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æ·»å æå" |
| | | }); |
| | | description: 'æ·»å æå' |
| | | }) |
| | | // that.$message.success(res.message) |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | } |
| | | } |
| | | |
| | | } |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | checkboxChange(e) { |
| | | this.checked = e.target.checked |
| | | }, |
| | | range(start, end) { |
| | | const result = [] |
| | | for (let i = start; i < end; i++) { |
| | | result.push(i) |
| | | } |
| | | return result |
| | | }, |
| | | /** |
| | | * ç¦ç¨æ¥æéæ©å¨ä¸çæ¶é´éæ© |
| | | * @returns {{disabledSeconds: (function(): number[])}} è¿åå¼ä¸ºä¸ä¸ªå¯¹è±¡ï¼å¯ä»¥ç¦æ¢å°æ¶ãåéãç§ï¼ç®åä»
ç¦æ¢ææç§æ°,æä½ä»1å¼å§ï¼ä»0å¼å§ç¡®å®æé®å°è¢«ç¦ç¨ |
| | | */ |
| | | disabledDateTime() { |
| | | return { |
| | | disabledSeconds: () => this.range(1, 60) |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | .ant-tabs-content .ant-form-item { |
| | | margin-bottom: 0px; |
| | | } |
| | | |
| | | |
| | | </style> |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æ·»å æå" |
| | | }); |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="å¼å§æ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©å¼å§æ¶é´" :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['startTime', validatorRules.startTime]"></j-date> |
| | | <j-date :show-time="{hideDisabledOptions:true}" date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="è¯·éæ©å¼å§æ¶é´" :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['startTime', validatorRules.startTime]" |
| | | :disabledTime="disabledDateTime" :showToday="false"></j-date> |
| | | </a-form-item> |
| | | |
| | | </a-col> |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="ç»ææ¶é´" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" placeholder="è¯·éæ©ç»ææ¶é´" :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['endTime', validatorRules.endTime]"></j-date> |
| | | <j-date :show-time="{hideDisabledOptions:true}" date-format="YYYY-MM-DD HH:mm:ss" |
| | | placeholder="è¯·éæ©ç»ææ¶é´" |
| | | :disabledDate="disabledDate" |
| | | class="query-group-cust" v-decorator="['endTime', validatorRules.endTime]" |
| | | :disabledTime="disabledDateTime" :showToday="false"></j-date> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | |
| | | </a-form> |
| | | </a-spin> |
| | | <!--<device-repair-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></device-repair-list-model>--> |
| | | <device-repair-edit-list-model ref="deviceRepairListModel" @sendSelectionRows="getDeviceRows"></device-repair-edit-list-model> |
| | | <device-repair-edit-list-model ref="deviceRepairListModel" |
| | | @sendSelectionRows="getDeviceRows"></device-repair-edit-list-model> |
| | | </a-modal> |
| | | </template> |
| | | |
| | |
| | | show: false, |
| | | model: {}, |
| | | checked: false, |
| | | startData:"", |
| | | endData:"", |
| | | startData: '', |
| | | endData: '', |
| | | labelCol: { |
| | | xs: { |
| | | span: 24 |
| | |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | }, |
| | | ], |
| | | message: '' |
| | | } |
| | | ] |
| | | }, |
| | | equipmentName:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "" |
| | | message: '' |
| | | } |
| | | ] |
| | | }, |
| | | ], |
| | | startTime: { |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: 'è¯·éæ©å¼å§æ¶é´' |
| | | } |
| | | ] |
| | | }, |
| | | endTime: { |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: 'è¯·éæ©ç»ææ¶é´' |
| | | } |
| | | ] |
| | | } |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | disabledDate(current){ |
| | | //Can not slect days before today and today |
| | | // return current && current < moment().endOf("day"); |
| | | return current < moment().subtract(+1, 'day')//ä»å¤©ä¹åçå¹´ææ¥ä¸å¯éï¼ä¸å
æ¬ä»å¤© |
| | | return current < moment().subtract(+2, 'day').endOf('day')//åä¸å¤©ä¹åçå¹´ææ¥ä¸å¯éï¼ä¸å
æ¬åä¸å¤© |
| | | }, |
| | | moment, |
| | | // onChange(dates) { |
| | |
| | | // // console.log(this.startData,this.endData); |
| | | // }, |
| | | onChangeEnd(dates, dateStrings){ |
| | | this.endTime = dateStrings[0]; |
| | | this.endTime = dateStrings[0] |
| | | }, |
| | | getDeviceRows(val) { |
| | | this.form.setFieldsValue({ |
| | | equipmentId: val.equipmentId, |
| | | equipmentName: val.equipmentName, |
| | | equipmentName: val.equipmentName |
| | | // // equipmentModel: val.equipmentModel, |
| | | // // equipmentIp: val.equipmentIp, |
| | | // // dataPort: val.dataPort, |
| | |
| | | edit(record) { |
| | | this.form.resetFields() |
| | | this.model = Object.assign({}, record) |
| | | this.editStart = (this.model.startTime).replace(/:/g,''); |
| | | this.editStart = (this.model.startTime).replace(/:/g, '') |
| | | this.visible = true |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model, 'tierType', 'parentName', 'equipmentId', 'equipmentName','startTime', 'endTime', |
| | | this.form.setFieldsValue(pick(this.model, 'tierType', 'parentName', 'equipmentId', 'equipmentName', 'startTime', 'endTime' |
| | | )) |
| | | }) |
| | | }, |
| | |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = Object.assign(this.model, values) |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss'); |
| | | let startOne = start.replace(/:/g,''); |
| | | let endOne = end.replace(/:/g,''); |
| | | var data = new Date(); |
| | | let stertDate = moment(data).format("YYYY-MM-DD HH:mm:ss"); |
| | | let dataStart = stertDate.replace(/:/g,''); |
| | | if(this.editStart != startOne){ |
| | | if(startOne < dataStart) { |
| | | // that.$message.warning("å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´") |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´" |
| | | }); |
| | | that.confirmLoading = false |
| | | }else{ |
| | | let start = moment(formData.startTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let end = moment(formData.endTime).format('YYYY-MM-DD HH:mm:ss') |
| | | let startOne = start.replace(/:/g, '') |
| | | let endOne = end.replace(/:/g, '') |
| | | var data = new Date() |
| | | let stertDate = moment(data).format('YYYY-MM-DD HH:mm:ss') |
| | | let dataStart = stertDate.replace(/:/g, '') |
| | | // if (this.editStart != startOne) { |
| | | // if (startOne < dataStart) { |
| | | // // that.$message.warning("å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´") |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: 'å¼å§æ¶é´ä¸è½å°äºå½åæ¶é´' |
| | | // }) |
| | | // that.confirmLoading = false |
| | | // } else { |
| | | // if (startOne >= endOne) { |
| | | // // that.$message.warning("ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´"); |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: 'ç»ææ¶é´ä¸è½å°äºå½åæ¶é´' |
| | | // }) |
| | | // // console.log(this.model) |
| | | // // this.endTime = '' |
| | | // that.confirmLoading = false |
| | | // |
| | | // } else { |
| | | // let obj |
| | | // if (!this.model.id) { |
| | | // obj = postAction(this.url.add, formData) |
| | | // } else { |
| | | // |
| | | // obj = requestPut(this.url.edit, formData, { |
| | | // id: this.model.id |
| | | // }) |
| | | // let shijian = startOne |
| | | // } |
| | | // obj.then((res) => { |
| | | // if (res.success) { |
| | | // // that.$message.success("ä¿®æ¹æå") |
| | | // // that.$message.success(res.message) |
| | | // that.$notification.success({ |
| | | // message: 'æ¶æ¯', |
| | | // description: res.message |
| | | // }) |
| | | // that.$emit('ok', res.result) |
| | | // } else { |
| | | // // that.$message.warning(res.message) |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: res.message |
| | | // }) |
| | | // } |
| | | // }).finally(() => { |
| | | // that.confirmLoading = false |
| | | // that.close() |
| | | // }) |
| | | // } |
| | | // } |
| | | // } else { |
| | | // if (startOne >= endOne) { |
| | | // // that.$message.warning("ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´"); |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: 'ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´' |
| | | // }) |
| | | // // console.log(this.model) |
| | | // // this.endTime = '' |
| | | // that.confirmLoading = false |
| | | // |
| | | // } else { |
| | | // let obj |
| | | // if (!this.model.id) { |
| | | // obj = postAction(this.url.add, formData) |
| | | // } else { |
| | | // |
| | | // obj = requestPut(this.url.edit, formData, { |
| | | // id: this.model.id |
| | | // }) |
| | | // let shijian = startOne |
| | | // } |
| | | // obj.then((res) => { |
| | | // if (res.success) { |
| | | // // that.$message.success("ä¿®æ¹æå") |
| | | // // that.$message.success(res.message) |
| | | // that.$notification.success({ |
| | | // message: 'æ¶æ¯', |
| | | // description: res.message |
| | | // }) |
| | | // that.$emit('ok', res.result) |
| | | // } else { |
| | | // // that.$message.warning(res.message) |
| | | // that.$notification.warning({ |
| | | // message: 'æ¶æ¯', |
| | | // description: res.message |
| | | // }) |
| | | // } |
| | | // }).finally(() => { |
| | | // that.confirmLoading = false |
| | | // that.close() |
| | | // }) |
| | | // } |
| | | // } |
| | | if(startOne>=endOne){ |
| | | // that.$message.warning("ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´"); |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"ç»ææ¶é´ä¸è½å°äºå½åæ¶é´" |
| | | }); |
| | | description: 'ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´' |
| | | }) |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | | |
| | | }else{ |
| | | |
| | | let obj |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | |
| | | obj = requestPut(this.url.edit, formData, { |
| | | id: this.model.id |
| | | }) |
| | | let shijian = startOne |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("ä¿®æ¹æå") |
| | | // that.$message.success(res.message) |
| | | that.$notification.warning({ |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | description: 'ä¿®æ¹æå' |
| | | }) |
| | | // that.$message.success(res.message) |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | | // that.$message.warning(res.message) |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | } |
| | | } |
| | | }else{ |
| | | if(startOne>=endOne){ |
| | | // that.$message.warning("ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´"); |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"ç»ææ¶é´ä¸è½å°äºå¼å§æ¶é´" |
| | | }); |
| | | // console.log(this.model) |
| | | // this.endTime = '' |
| | | that.confirmLoading = false |
| | | |
| | | }else{ |
| | | |
| | | let obj |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData) |
| | | } else { |
| | | |
| | | obj = requestPut(this.url.edit, formData, { |
| | | id: this.model.id |
| | | }) |
| | | let shijian = startOne |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("ä¿®æ¹æå") |
| | | // that.$message.success(res.message) |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | that.$emit('ok', res.result) |
| | | } else { |
| | | // that.$message.warning(res.message) |
| | | that.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.close() |
| | | }) |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | }) |
| | | }, |
| | |
| | | }, |
| | | checkboxChange(e) { |
| | | this.checked = e.target.checked |
| | | }, |
| | | range(start, end) { |
| | | const result = [] |
| | | for (let i = start; i < end; i++) { |
| | | result.push(i) |
| | | } |
| | | return result |
| | | }, |
| | | /** |
| | | * ç¦ç¨æ¥æéæ©å¨ä¸çæ¶é´éæ© |
| | | * @returns {{disabledSeconds: (function(): number[])}} è¿åå¼ä¸ºä¸ä¸ªå¯¹è±¡ï¼å¯ä»¥ç¦æ¢å°æ¶ãåéãç§ï¼ç®åä»
ç¦æ¢ææç§æ°,æä½ä»1å¼å§ï¼ä»0å¼å§ç¡®å®æé®å°è¢«ç¦ç¨ |
| | | */ |
| | | disabledDateTime() { |
| | | return { |
| | | disabledSeconds: () => this.range(1, 60) |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | <a-range-picker @change="dateParamChange" :disabledDate="disabledDate" format="YYYYMMDD" v-model="dates"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :lg="3" :md="3" :sm="3" :xs="3"> |
| | | <a-col :lg="2" :md="3" :sm="3" :xs="3"> |
| | | <a-button type="primary" @click="searchQuery" icon="search">æ¥è¯¢</a-button> |
| | | </a-col> |
| | | <a-col :lg="3" :md="3" :sm="3" :xs="3"> |
| | | <a-col :lg="2" :md="3" :sm="3" :xs="3"> |
| | | <a-button type="primary" @click="searchReset" icon="reload">éç½®</a-button> |
| | | </a-col> |
| | | <a-col :lg="3" :md="3" :sm="3" :xs="3"> |
| | | <a-col :lg="2" :md="3" :sm="3" :xs="3"> |
| | | <a-button type="primary" @click="exportExcel" icon="download">导åº</a-button> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | dateParamChange(v1, v2) { |
| | | this.queryParam.startTime = v2[0] |
| | | this.queryParam.endTime = v2[1] |
| | | // ç¹å»æ¶é´éæ©å¨çæ¸
空æé®æ¶ä¼è§¦åæ¤å¤æ(ç¹å»éç½®æé®ä¸ä¼è§¦å)ï¼å®ç°éç½®å表åè½ï¼å宿¹åå表æ¾ç¤ºææ |
| | | 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 |
| | |
| | | this.queryParam.equipmentId = "" |
| | | } |
| | | this.loadData() |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"è¯·éæ©æ¶é´" |
| | | }); |
| | | } |
| | | // this.onClearSelected() |
| | | }, |
| | | searchReset() { |
| | |
| | | dataList: [], |
| | | url: { |
| | | list: '/mdc/efficiencyReport/efficiencyList', |
| | | listByType: '/mdc/MdcUtilizationRate/getByType' |
| | | listByType: '/mdc/MdcUtilizationRate/getByType', |
| | | }, |
| | | tableHeads: [], |
| | | |
| | |
| | | $("#Efficiency").table2excel({ |
| | | exclude: ".noExl", |
| | | name: "Excel Document Name", |
| | | filename: "å©ç¨ç", |
| | | filename: "设å¤å©ç¨ç", |
| | | exclude_img: true, |
| | | fileext: ".xls", |
| | | exclude_links: true, |
| | |
| | | dateParamChange(v1, v2) { |
| | | this.queryParam.startTime = v2[0] |
| | | this.queryParam.endTime = v2[1] |
| | | // ç¹å»æ¶é´éæ©å¨çæ¸
空æé®æ¶ä¼è§¦åæ¤å¤æ(ç¹å»éç½®æé®ä¸ä¼è§¦å)ï¼å®ç°éç½®å表åè½ï¼å宿¹åå表æ¾ç¤ºææ |
| | | if(!this.queryParam.startTime&&!this.queryParam.endTime)this.searchReset() |
| | | }, |
| | | efficiencyOptionsOnChange(checkedList) { |
| | | let index = checkedList.indexOf('lyl') |
| | |
| | | // // this.onClearSelected() |
| | | // }, |
| | | searchQuery() { |
| | | if(this.dates != ''){ |
| | | if(this.queryParam.typeTree == "1"){ |
| | | this.queryParam.parentId = this.queryParamEquip.parentId |
| | | this.queryParam.equipmentId = this.queryParamEquip.equipmentId |
| | |
| | | this.queryParam.equipmentId = "" |
| | | } |
| | | this.loadData() |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"è¯·éæ©æ¶é´" |
| | | }); |
| | | } |
| | | // this.onClearSelected() |
| | | }, |
| | | searchReset() { |
| | |
| | | |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :md="14" :sm="14" :xs="14"> |
| | | <a-col :md="15" :sm="15" :xs="15"> |
| | | <a-checkbox-group :value="checkedList" :default-value="['lyl']" :options="efficiencyOptions" |
| | | @change="efficiencyOptionsOnChange"/> |
| | | </a-col> |
| | |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | | <div style="width: 400px;top: 20px; right: 0px;"> |
| | | <div style="width: 530px;top: 20px; right: 0px;"> |
| | | <table cellpadding="5" cellspacing="1" style="border: 1px solid darkgray;"> |
| | | <tr> |
| | | <td v-for="(item, index) in identifying">{{item.title}}</td> |
| | |
| | | }) |
| | | }, |
| | | initShiftSubList(val) { |
| | | this.queryParam.shiftSubId = null; |
| | | //æ¯æ¬¡éæ°éæ©çå¶æ¶ç次æ¸
ç©ºä¸æ¾ç¤ºplaceholderå
容 |
| | | this.queryParam.shiftSubId = undefined; |
| | | getAction(this.url.initShiftSubList, { shiftId: val }).then((res) => { |
| | | if (res.success) { |
| | | this.shiftSubList = res.result; |
| | | |
| | | } |
| | | }) |
| | | }, |
| | |
| | | dateParamChange(v1, v2) { |
| | | this.queryParam.startTime = v2[0] |
| | | this.queryParam.endTime = v2[1] |
| | | // ç¹å»æ¶é´éæ©å¨çæ¸
空æé®æ¶ä¼è§¦åæ¤å¤æ(ç¹å»éç½®æé®ä¸ä¼è§¦å)ï¼å®ç°éç½®å表åè½ï¼å宿¹åå表æ¾ç¤ºææ |
| | | 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 |
| | |
| | | this.queryParam.equipmentId = "" |
| | | } |
| | | this.loadData() |
| | | }else{ |
| | | // this.$message.warning("è¯·éæ©æ¶é´") |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:"è¯·éæ©æ¶é´" |
| | | }); |
| | | } |
| | | // this.onClearSelected() |
| | | }, |
| | | searchReset() { |
| | |
| | | <template> |
| | | <a-spin :spinning="loading"> |
| | | <a-card :bordered="false" class="device_list"> |
| | | <div class="com_box"> |
| | | <!-- æ¥è¯¢åºå --> |
| | |
| | | </div> |
| | | <!-- tableåºå-begin --> |
| | | <div id="DeviceList"> |
| | | |
| | | <div style="padding: 5px;width: 100%;height: 100%"> |
| | | <div style="width: 100%;height: 100%" id="dayAvailBar"></div> |
| | | <!--<div id="dayAvailLine"></div>--> |
| | |
| | | <!-- tableåºå-end --> |
| | | </div> |
| | | </a-card> |
| | | </a-spin> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | import Tooltip from 'ant-design-vue/es/tooltip' |
| | | import { ajaxGetDictItems, getDictItemsFromCache, duplicateCheck } from '@/api/api' |
| | | import AFormItem from 'ant-design-vue/es/form/FormItem' |
| | | |
| | | export default { |
| | | name: 'equipmentAvailCompareMain', |
| | | // mixins: [JeecgListMixin], |
| | |
| | | data() { |
| | | return { |
| | | activeKey: '1', |
| | | typeTree:"", |
| | | typeTree: '', |
| | | typeParent:1, |
| | | typeEquipment:1, |
| | | spaceTime:[], |
| | | useingRates:[], |
| | | dates: [], |
| | | xianshi:"", |
| | | xianshi: '', |
| | | readOnly:true, |
| | | queryParam: { |
| | | // dateTime:undefined, |
| | |
| | | getEquipmentByPid: '/mdc/mdcEquipment/getEquipmentByPid', |
| | | getEquipmentByDepPid:'/mdc/mdcEquipment/getEquipmentByDepPid' |
| | | }, |
| | | AnalysisList:{} |
| | | AnalysisList: {}, |
| | | loading: false |
| | | } |
| | | }, |
| | | watch:{ |
| | | Type(valmath){ |
| | | this.dataList = []; |
| | | this.dataList = [] |
| | | this.queryParams.typeTree = valmath |
| | | // console.log(this.queryParams.typeTree) |
| | | }, |
| | |
| | | if (JSON.stringify(val) != '{}') { |
| | | if (val.equipmentId) { |
| | | // this.$set(this.queryParam, 'tierName', val.title) |
| | | this.queryParamEquip.parentId = "" |
| | | this.queryParamEquip.parentId = '' |
| | | this.queryParams.equipmentId = val.equipmentId |
| | | this.queryParamEquip.equipmentId = val.equipmentId |
| | | this.searchQuery() |
| | |
| | | this.initEquipment(val.key) |
| | | } |
| | | |
| | | |
| | | } |
| | | }, |
| | | nodePeople(val){ |
| | | if (JSON.stringify(val) != '{}') { |
| | | if (val.equipmentId) { |
| | | // this.$set(this.queryParam, 'tierName', val.title) |
| | | this.queryParamEquip.parentId = "" |
| | | this.queryParamEquip.parentId = '' |
| | | this.queryParams.equipmentId = val.equipmentId |
| | | this.queryParamEquip.equipmentId = val.equipmentId |
| | | this.searchQuery() |
| | |
| | | }, |
| | | methods: { |
| | | drawTu(){ |
| | | let dayAvailBar = this.$echarts.init(document.getElementById('dayAvailBar'), 'macarons'); |
| | | let dayAvailBar = this.$echarts.init(document.getElementById('dayAvailBar'), 'macarons') |
| | | //dayAvailLine = echarts.init(document.getElementById('dayAvailLine')); |
| | | let dayAvailBarOption = { |
| | | title: { |
| | |
| | | textStyle: { |
| | | fontSize: 18, |
| | | fontWeight: 'bolder', |
| | | color: "#151414" |
| | | color: '#151414' |
| | | } |
| | | }, |
| | | tooltip: { |
| | | trigger: 'axis', |
| | | formatter: "{a} <br/>{b} :({c}%)" |
| | | formatter: '{a} <br/>{b} :({c}%)' |
| | | }, |
| | | toolbox: { |
| | | show: true, |
| | |
| | | } |
| | | } |
| | | ] |
| | | }; |
| | | dayAvailBar.setOption(dayAvailBarOption); |
| | | } |
| | | dayAvailBar.setOption(dayAvailBarOption) |
| | | }, |
| | | moment, |
| | | onChangeStart(time, timeString) { |
| | |
| | | }, |
| | | disabledDate(current){ |
| | | //Can not slect days before today and today |
| | | return current && current > moment().subtract('days', 1); |
| | | return current && current > moment().subtract('days', 1) |
| | | }, |
| | | dataChange(val) { |
| | | this.queryParam.dateTime = val.format('YYYYMMDD') |
| | | if (val) this.queryParam.dateTime = val.format('YYYYMMDD') |
| | | }, |
| | | handleChange(value) { |
| | | this.queryParam.timeType = value |
| | |
| | | // console.log(v2[0],v2[1]) |
| | | }, |
| | | loadAnalysis(){ |
| | | this.loading = true |
| | | getAction(this.url.dayUtilizationRateContrast,this.queryParam).then(res => { |
| | | if (res.success) { |
| | | this.spaceTime.push(res.result.dataList) |
| | |
| | | } |
| | | }, |
| | | searchQuery(){ |
| | | if (this.queryParam.startTime && this.queryParam.endTime && this.dates && this.dates.length > 0) { |
| | | this.loading = true |
| | | this.spaceTime = [] |
| | | this.useingRates = [] |
| | | if(this.queryParams.typeTree == "1"){ |
| | | if (this.queryParams.typeTree == '1') { |
| | | this.queryParams.parentId = this.queryParamEquip.parentId |
| | | // this.queryParams.equipmentId = this.queryParamEquip.equipmentId |
| | | |
| | | }else{ |
| | | this.queryParams.parentId = this.queryParamEquip.parentId |
| | | |
| | | // this.queryParams.equipmentId = "" |
| | | } |
| | | this.AnalysisList = []; |
| | | this.AnalysisList = [] |
| | | //è·åæ¥è¯¢æ¡ä»¶ |
| | | this.queryParam.parentId = this.queryParams.parentId; |
| | | this.queryParam.equipmentId = this.queryParams.equipmentId; |
| | | this.queryParam.parentId = this.queryParams.parentId |
| | | this.queryParam.equipmentId = this.queryParams.equipmentId |
| | | this.queryParam.typeTree = this.queryParams.typeTree |
| | | getAction(this.url.dayUtilizationRateContrast,this.queryParam).then((res) => { |
| | | if(res.success){ |
| | |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }).finally(() => { |
| | | this.loading = false |
| | | }) |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: 'æ¶æ¯', |
| | | description: 'è¯·éæ©æ¶é´ææ¶é´æ®µ' |
| | | }) |
| | | } |
| | | }, |
| | | searchReset() { |
| | | this.loading = true |
| | | this.spaceTime = [] |
| | | this.useingRates = [] |
| | | if(this.queryParams.typeTree == "1"){ |
| | | if (this.queryParams.typeTree == '1') { |
| | | this.typeTree = this.queryParams.typeTree |
| | | this.typeParent = this.queryParams.parentId |
| | | this.typeEquipment = this.queryParams.equipmentId |
| | |
| | | this.queryParam = {} |
| | | this.queryParams.typeTree = this.typeTree |
| | | this.queryParams.parentId = this.typeParent |
| | | if(this.queryParams.parentId != ""){ |
| | | this.queryParams.equipmentId = "" |
| | | if (this.queryParams.parentId != '') { |
| | | this.queryParams.equipmentId = '' |
| | | this.initEquipment() |
| | | }else{ |
| | | if(this.queryParams.equipmentId == this.queryParamEquip.equipmentId){ |
| | |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }).finally(() => { |
| | | this.loading = false |
| | |
| | | this.dates = [] |
| | | this.queryParams.typeTree = this.typeTree |
| | | this.queryParams.parentId = this.typeParent |
| | | if(this.queryParams.parentId != ""){ |
| | | this.queryParams.equipmentId = "" |
| | | if (this.queryParams.parentId != '') { |
| | | this.queryParams.equipmentId = '' |
| | | this.initEquipment() |
| | | }else{ |
| | | if(this.queryParams.equipmentId == this.queryParamEquip.equipmentId){ |
| | |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }).finally(() => { |
| | | this.loading = false |
| | |
| | | _this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:'请è系管çåï¼å¼æ¾è®¾å¤æéï¼' |
| | | }); |
| | | }) |
| | | } |
| | | }else{ |
| | | // this.$message.warning(res.message) |
| | | _this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | |
| | | _this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:'请è系管çåï¼å¼æ¾è®¾å¤æéï¼' |
| | | }); |
| | | }) |
| | | } |
| | | }else{ |
| | | // this.$message.warning(res.message) |
| | | _this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | |
| | | this.queryParam.startDate = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endDate = moment(this.dates[1]).format('YYYYMMDD') |
| | | this.queryParam.startTime = '00:00' |
| | | this.queryParam.endTime = "08:00" |
| | | this.queryParams.typeTree = "1"; |
| | | |
| | | this.queryParam.endTime = '08:00' |
| | | this.queryParams.typeTree = '1' |
| | | |
| | | }, |
| | | mounted() { |
| | | this.initEquipment() |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1680px) and (max-width: 1920px){ |
| | | .device_list{ |
| | | height: 811px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1400px) and (max-width: 1680px){ |
| | | .device_list{ |
| | | height: 663px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1280px) and (max-width: 1400px){ |
| | | .device_list{ |
| | | height: 564px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1280px){ |
| | | .device_list{ |
| | | height: 564px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | /*.device_list{*/ |
| | | /*display: flex;*/ |
| | | /*}*/ |
| | |
| | | /deep/ .ant-card-body{ |
| | | height: 100%!important; |
| | | } |
| | | |
| | | .device_list .com_box{ |
| | | display: flex!important; |
| | | height: 100%!important; |
| | | flex-direction: column!important; |
| | | } |
| | | |
| | | .device_list .table-page-search-wrapper{ |
| | | height: 6%!important; |
| | | } |
| | | |
| | | .device_list #DeviceList{ |
| | | height: 90%!important; |
| | | } |
| | |
| | | <a-input placeholder="è¾å
¥è®¾å¤åç§°æ¥è¯¢" :readOnly="readOnly" v-model="queryParams.equipmentName"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5" :xs="5"> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-form-item label="æ¥æ"> |
| | | <a-date-picker v-model="queryParam.dateTime" :disabledDate="disabledDate" format='YYYYMMDD' @change="dataChange"/> |
| | | </a-form-item> |
| | |
| | | </a-select>å°æ¶ |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="2" :sm="3" :xs="3"> |
| | | <a-col :md="3" :sm="3" :xs="3"> |
| | | <a-button type="primary" @click="searchQuery" icon="search">æ¥è¯¢</a-button> |
| | | </a-col> |
| | | <!--<a-col :md="2" :sm="2" :xs="2">--> |
| | |
| | | } |
| | | }, |
| | | searchQuery(){ |
| | | if(this.queryParam.dateTime){ |
| | | this.spaceTime = [] |
| | | this.useingRates = [] |
| | | if(this.queryParams.typeTree == "1"){ |
| | |
| | | }).finally(() => { |
| | | this.loading = false |
| | | }) |
| | | }else{ |
| | | this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:'è¯·éæ©æ¶é´' |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | searchReset() { |
| | | this.spaceTime = [] |
| | |
| | | :wrapperCol="wrapperCol" |
| | | prop="controlSystemType" |
| | | > |
| | | <j-dict-select-tag |
| | | type="list" |
| | | <!--<j-dict-select-tag--> |
| | | <!--type="list"--> |
| | | <!--v-model="model.controlSystemType"--> |
| | | <!--dictCode="mdc_driveType"--> |
| | | <!--placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å"--> |
| | | <!--/>--> |
| | | <a-auto-complete |
| | | v-model="model.controlSystemType" |
| | | dictCode="mdc_driveType" |
| | | :data-source="driveTypeList" |
| | | placeholder="è¯·éæ©æ§å¶ç³»ç»ç±»å" |
| | | :filter-option="filterOption" |
| | | /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | |
| | | type: Boolean, |
| | | default: false, |
| | | required: false |
| | | }, |
| | | driveTypeList:{ |
| | | type:Object |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | httpAction(httpurl, this.model, method).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" |
| | | @cancel="handleCancel" |
| | | cancelText="å
³é"> |
| | | <mdc-drive-type-param-config-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></mdc-drive-type-param-config-form> |
| | | <mdc-drive-type-param-config-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" :driveTypeList="driveTypeList"></mdc-drive-type-param-config-form> |
| | | </j-modal> |
| | | </template> |
| | | |
| | |
| | | components: { |
| | | MdcDriveTypeParamConfigForm |
| | | }, |
| | | props:['driveTypeList'], |
| | | data () { |
| | | return { |
| | | title:'', |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | processQuantity:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥å å·¥æ°é" |
| | | }, |
| | | ], |
| | | }, |
| | | unqualifiedQuantity:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥ä¸åæ ¼æ°é" |
| | | }, |
| | | ], |
| | | }, |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | // that.$message.success("æ·»å æå") |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æ·»å æå" |
| | | description:"ä¿®æ¹æå" |
| | | }); |
| | | // that.$message.success(res.message) |
| | | that.$emit('ok', res.result) |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | processQuantity:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥å å·¥æ°é" |
| | | }, |
| | | ], |
| | | }, |
| | | unqualifiedQuantity:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥ä¸åæ ¼æ°é" |
| | | }, |
| | | ], |
| | | }, |
| | | efficientDate:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "è¯·éæ©æ¥æ" |
| | | }, |
| | | ], |
| | | }, |
| | | }, |
| | | |
| | | url: { |
| | |
| | | <a-button @click="handleAdd" type="primary" icon="plus">æ°å¢ |
| | | </a-button> |
| | | <a-button type="primary" icon="download" @click="importTemplate('å å·¥æ°é模æ¿')">导å
¥æ¨¡æ¿</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('å å·¥æ°é')">导åº</a-button> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('å å·¥æ°é管ç')">导åº</a-button> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> |
| | | <a-button type="primary" icon="import">导å
¥</a-button> |
| | | </a-upload> |
| | |
| | | methods: { |
| | | importTemplate(fileName){ |
| | | var a = document.createElement("a"); |
| | | a.href = "/static/å å·¥æ°é.xls"; |
| | | a.download = "å å·¥æ°é.xls"; |
| | | a.href = "/static/å å·¥æ°é管ç.xls"; |
| | | a.download = "å å·¥æ°é管ç.xls"; |
| | | a.style.display = "none"; |
| | | document.body.appendChild(a); |
| | | a.click(); |
| | |
| | | handleEdit: function (record) { |
| | | this.$refs.modalFormedit.edit(record); |
| | | this.$refs.modalFormedit.title = "ç¼è¾"; |
| | | this.$refs.modalFormedit.disableSubmit = false; |
| | | // this.$refs.modalFormedit.disableSubmit = false; |
| | | }, |
| | | handleTableChange(pagination, filters, sorter) { |
| | | this.dataSource = [] |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(1) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 6 |
| | | span: 8 |
| | | } |
| | | }, |
| | | wrapperCol: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 18 |
| | | span: 16 |
| | | } |
| | | }, |
| | | labelColLong: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 3 |
| | | span: 4 |
| | | } |
| | | }, |
| | | wrapperColLong1: { |
| | |
| | | span: 24 |
| | | }, |
| | | sm: { |
| | | span: 21 |
| | | span: 20 |
| | | } |
| | | }, |
| | | confirmLoading: false, |
| | | form: this.$form.createForm(this), |
| | | validatorRules: { |
| | | duration:{ |
| | | rules:[ |
| | | {required:true,message:'è¯·éæ©æ åå å·¥æ¶é´'} |
| | | ] |
| | | }, |
| | | |
| | | efficientDate:{ |
| | | rules:[ |
| | | {required:true,message:'è¯·éæ©æ¥æ'} |
| | | ] |
| | | }, |
| | | processQuantity:{ |
| | | rules:[ |
| | | {required:true,message:'è¯·éæ©å å·¥æ°é'} |
| | | ] |
| | | }, |
| | | }, |
| | | url: { |
| | | add: '/mdc/mdcProcessQuantity/add', |
| | | edit: '/mdc/mdcProcessQuantity/edit' |
| | |
| | | <template> |
| | | <a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" |
| | | :okButtonProps="{ props: {disabled: disableSubmit} }" @ok="handleOk" @cancel="handleCancel" cancelText="å
³é"> |
| | | @ok="handleOk" @cancel="handleCancel" cancelText="å
³é"> |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item label="设å¤ç¼å·" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤ç¼å·" |
| | | <a-input :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤ç¼å·" |
| | | v-decorator="['equipmentId',validatorRules.equipmentId]"/> |
| | | </a-form-item> |
| | | |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="设å¤åç§°" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤åç§°" |
| | | <a-input :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤åç§°" |
| | | v-decorator="['equipmentName',validatorRules.equipmentName]"/> |
| | | </a-form-item> |
| | | </a-col> |
| | |
| | | |
| | | <a-col :span="12"> |
| | | <a-form-item label="æ¥æ" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <j-date :disabled="disableSubmit" date-format="YYYY-MM-DD" placeholder="è¯·éæ©æ¥æ" |
| | | <j-date date-format="YYYY-MM-DD" placeholder="è¯·éæ©æ¥æ" |
| | | v-decorator="['efficientDate', validatorRules.efficientDate]"></j-date> |
| | | </a-form-item> |
| | | |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label='å å·¥æ°é' :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | | <a-input-number :min="0" :disabled="disableSubmit" placeholder="请è¾å
¥å å·¥æ°é" v-decorator="['processQuantity', validatorRules.processQuantity]"></a-input-number> |
| | | <a-input-number :min="0" placeholder="请è¾å
¥å å·¥æ°é" v-decorator="['processQuantity', validatorRules.processQuantity]"></a-input-number> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item label="夿³¨" :labelCol="labelColLong" :wrapperCol="wrapperColLong"> |
| | | <a-textarea :maxLength="20" :disabled="disableSubmit" v-decorator="['remark', validatorRules.remark]" placeholder="请è¾å
¥å¤æ³¨" ></a-textarea> |
| | | <a-textarea :maxLength="20" v-decorator="['remark', validatorRules.remark]" placeholder="请è¾å
¥å¤æ³¨" ></a-textarea> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | duration:{ |
| | | rules:[ |
| | | {required:true,message:'è¯·éæ©æ åå å·¥æ¶é´'} |
| | | ] |
| | | }, |
| | | efficientDate:{ |
| | | rules:[ |
| | | {required:true,message:'è¯·éæ©æ¥æ'} |
| | | ] |
| | | }, |
| | | processQuantity:{ |
| | | rules:[ |
| | | {required:true,message:'è¯·éæ©å å·¥æ°é'} |
| | | ] |
| | | }, |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | <a-input :disabled="disableSubmit" :readOnly="readOnly" allow-clear placeholder="请è¾å
¥è®¾å¤ç¼å·" |
| | | v-decorator="['equipmentId',validatorRules.equipmentId]"/> |
| | | </a-form-item> |
| | | |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item label="设å¤åç§°" :labelCol="labelCol" :wrapperCol="wrapperCol"> |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | partsCode:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥é¶ä»¶å·" |
| | | }, |
| | | ], |
| | | }, |
| | | batchCode:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥æ¹æ¬¡å·" |
| | | }, |
| | | ], |
| | | }, |
| | | sequenceNumber:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥ç¨åºå·" |
| | | }, |
| | | ], |
| | | }, |
| | | duration:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥æ¶é¿" |
| | | }, |
| | | ], |
| | | }, |
| | | // mdcRepairType:{ |
| | | // rules:[ |
| | | // { |
| | |
| | | //éæ°è®¡ç®å页é®é¢ |
| | | that.reCalculatePage(1) |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | partsCode:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥é¶ä»¶å·" |
| | | }, |
| | | ], |
| | | }, |
| | | batchCode:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥æ¹æ¬¡å·" |
| | | }, |
| | | ], |
| | | }, |
| | | sequenceNumber:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥ç¨åºå·" |
| | | }, |
| | | ], |
| | | }, |
| | | duration:{ |
| | | rules:[ |
| | | { |
| | | required:true, |
| | | message: "请è¾å
¥æ¶é¿" |
| | | }, |
| | | ], |
| | | }, |
| | | }, |
| | | |
| | | url: { |
| | |
| | | }).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("ä¿åæå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"ä¿åæå" |
| | | }); |
| | |
| | | <a-row :gutter="24"> |
| | | <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"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="7" :sm="7" :xs="7"> |
| | |
| | | <div id="DeviceList"> |
| | | <div class="openRateTrendDg"> |
| | | <div id="Efficiency" class="container" style="margin-top: 20px;"> |
| | | <a-spin :spinning="loading"> |
| | | <div class="table2"> |
| | | <table class="dataContent table" border="1" cellspacing="0" cellpadding="0" style="white-space: nowrap;text-align: center;"> |
| | | <table class="dataContent table" border="1" cellspacing="0" cellpadding="0" |
| | | style="white-space: nowrap;text-align: center;"> |
| | | <thead> |
| | | <tr class="thead fixed equipname"> |
| | | <th class="thgu dong1 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">设å¤ç¼å·</th> |
| | | <th class="thgu dong2 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">设å¤åç§°</th> |
| | | <th class="thgu dong3 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">设å¤ç±»å</th> |
| | | <th class="thgu dong1 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;"> |
| | | 设å¤ç¼å· |
| | | </th> |
| | | <th class="thgu dong2 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;"> |
| | | 设å¤åç§° |
| | | </th> |
| | | <th class="thgu dong3 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;"> |
| | | 设å¤ç±»å |
| | | </th> |
| | | <template v-for="(tableHead, index) in tableHeads"> |
| | | <th class="timeth">{{tableHead}}</th> |
| | | </template> |
| | |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </a-spin> |
| | | </div> |
| | | </div> |
| | | <div id="openRateTrendChart" style="width: 100%;height: 60%"></div> |
| | |
| | | import { |
| | | JeecgListMixin |
| | | } from '@/mixins/JeecgListMixin' |
| | | |
| | | export default { |
| | | // mixins: [JeecgListMixin], |
| | | name: 'openRateFractionAnalysisMain', |
| | |
| | | dataSource: [], |
| | | /* tableå è½½ç¶æ */ |
| | | loading: false, |
| | | typeTree: "", |
| | | typeTree: '', |
| | | typeParent: 1, |
| | | typeEquipment: 1, |
| | | TreeIDOne: 1, |
| | |
| | | }, |
| | | tableHeads: [], |
| | | XData:[0], |
| | | YData:[0], |
| | | YData: [0] |
| | | } |
| | | }, |
| | | props: { nodeTree: '', Type: '', nodePeople: '' }, |
| | |
| | | this.queryParam.startDate = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endDate = moment(this.dates[1]).format('YYYYMMDD') |
| | | this.queryParam.startTime = '00:00' |
| | | this.queryParam.endTime = "08:00" |
| | | this.queryParam.typeTree = "1" |
| | | this.queryParam.endTime = '08:00' |
| | | this.queryParam.typeTree = '1' |
| | | this.loadData1() |
| | | |
| | | }, |
| | | watch: { |
| | | Type(valmath) { |
| | | this.dataList = []; |
| | | this.dataList = [] |
| | | this.queryParam.typeTree = valmath |
| | | }, |
| | | nodeTree(val) { //çå¬currSelected ååï¼å°åååçæ°å¼ä¼ éç» getCurrSelected äºä»¶ |
| | |
| | | }, |
| | | //Can not slect days before today and today |
| | | disabledDate(current) { |
| | | return current && current > moment().subtract('days', 1); |
| | | return current && current > moment().subtract('days', 1) |
| | | }, |
| | | dateParamChange(v1, v2) { |
| | | this.queryParam.startDate = v2[0] |
| | | this.queryParam.endDate = v2[1] |
| | | }, |
| | | searchQuery() { |
| | | if (this.queryParam.typeTree == "1") { |
| | | if (this.queryParam.startTime && this.queryParam.endTime && 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.queryParam.equipmentId = '' |
| | | } |
| | | this.loadData1() |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: 'æç¤º', |
| | | description: 'è¯·éæ©æ¶é´ææ¶é´æ®µ' |
| | | }) |
| | | } |
| | | |
| | | // this.onClearSelected() |
| | | }, |
| | | // searchReset() { |
| | |
| | | // } |
| | | // } |
| | | loadData1() { |
| | | this.loading=true |
| | | this.tableHeads = [] |
| | | this.dataList = [] |
| | | getAction(this.url.efficiencyList, this.queryParam).then(res => { |
| | |
| | | // this.initDeviceType(this.dataList) |
| | | |
| | | } |
| | | }).finally(()=>{ |
| | | this.loading=false |
| | | }) |
| | | }, |
| | | draw(){ |
| | | let openRateTrendAnalysisChart = this.$echarts.init(document.getElementById('openRateTrendChart'), 'macarons'); |
| | | let openRateTrendAnalysisChart = this.$echarts.init(document.getElementById('openRateTrendChart'), 'macarons') |
| | | let openRateTrendChartOptions = { |
| | | title: { |
| | | text: 'å©ç¨çèµ°å¿åæ', |
| | |
| | | textStyle: { |
| | | fontSize: 18, |
| | | fontWeight: 'bolder', |
| | | color: "#151414" |
| | | color: '#151414' |
| | | } |
| | | }, |
| | | tooltip: { |
| | |
| | | } |
| | | } |
| | | ] |
| | | }; |
| | | openRateTrendAnalysisChart.setOption(openRateTrendChartOptions,true); |
| | | } |
| | | openRateTrendAnalysisChart.setOption(openRateTrendChartOptions, true) |
| | | } |
| | | } |
| | | } |
| | |
| | | padding: 10px; |
| | | /*display: none;*/ |
| | | } |
| | | |
| | | .dataContent .mathData:hover td{ |
| | | background-color: #e6f7ff; |
| | | } |
| | | |
| | | .dataContent .mathData .td { |
| | | /*background-color: #ff9bd2;*/ |
| | | display: inline-block; |
| | |
| | | .dataContent .mathData .tdd { |
| | | /*display: none;*/ |
| | | } |
| | | |
| | | .table2{ |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | | |
| | | /*tr th {*/ |
| | | /*height: 50px!important;*/ |
| | | /*}*/ |
| | |
| | | left: 0; |
| | | z-index: 1; |
| | | } |
| | | |
| | | .table tbody tr .kaitou{ |
| | | z-index: 1; |
| | | background-color: white; |
| | | } |
| | | |
| | | .table tbody tr .tdgu1{ |
| | | position: sticky; |
| | | left: 150px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu2{ |
| | | position: sticky; |
| | | left: 300px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu3{ |
| | | position: sticky; |
| | | left: 450px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu4{ |
| | | position: sticky; |
| | | left: 550px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu5{ |
| | | position: sticky; |
| | | left: 700px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table2 thead tr .timeth, |
| | | .table2 thead tr .thgu { |
| | | position: sticky; |
| | | top:0; |
| | | z-index: 3; |
| | | } |
| | | |
| | | .table2 thead .gudingth th{ |
| | | position: sticky; |
| | | top: 32px; |
| | | z-index: 6!important; |
| | | } |
| | | |
| | | .table2 thead .equipname .name{ |
| | | z-index: 3; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong1{ |
| | | z-index: 4; |
| | | left: 0; |
| | | /*border: 1px solid #000;*/ |
| | | } |
| | | |
| | | .table2 thead .equipname .dong2{ |
| | | z-index: 5; |
| | | left: 150px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong3{ |
| | | z-index: 5; |
| | | left: 300px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong4{ |
| | | z-index: 5; |
| | | left: 450px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong5{ |
| | | z-index: 5; |
| | | left: 550px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong6{ |
| | | z-index: 5; |
| | | left: 700px; |
| | |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1680px) and (max-width: 1920px){ |
| | | #Efficiency{ |
| | | height: 337px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1400px) and (max-width: 1680px){ |
| | | #Efficiency{ |
| | | height: 190px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1280px) and (max-width: 1400px){ |
| | | #Efficiency{ |
| | | height: 90px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1280px){ |
| | | #Efficiency{ |
| | | height: 90px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | #Efficiency .table_guding1{ |
| | | position: absolute; |
| | | overflow: hidden; |
| | | width: 500px; |
| | | } |
| | | |
| | | #Efficiency .table_guding2{ |
| | | overflow-x: scroll; |
| | | width: 500px; |
| | | } |
| | | |
| | | /deep/ .ant-card{ |
| | | height: 100%!important; |
| | | } |
| | | |
| | | /deep/ .ant-card .ant-card-body{ |
| | | height: 100%!important; |
| | | } |
| | | |
| | | .efficiency_list #DeviceList{ |
| | | height: 90%!important; |
| | | } |
| | |
| | | <a-row :gutter="24"> |
| | | <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"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :lg="2" :md="3" :sm="3" :xs="3"> |
| | |
| | | <div id="DeviceList"> |
| | | <div class="openRateTrendDg"> |
| | | <div id="Efficiency" class="container" style="margin-top: 20px;"> |
| | | <a-spin :spinning="loading"> |
| | | <div class="table2"> |
| | | <table class="dataContent table" border="1" cellspacing="0" cellpadding="0" style="white-space: nowrap;text-align: center;"> |
| | | <table class="dataContent table" border="1" cellspacing="0" cellpadding="0" |
| | | style="white-space: nowrap;text-align: center;"> |
| | | <thead> |
| | | <tr class="thead fixed equipname"> |
| | | <th class="thgu dong1 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">设å¤ç¼å·</th> |
| | | <th class="thgu dong2 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">设å¤åç§°</th> |
| | | <th class="thgu dong3 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">设å¤ç±»å</th> |
| | | <th class="thgu dong1 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;"> |
| | | 设å¤ç¼å· |
| | | </th> |
| | | <th class="thgu dong2 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;"> |
| | | 设å¤åç§° |
| | | </th> |
| | | <th class="thgu dong3 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;"> |
| | | 设å¤ç±»å |
| | | </th> |
| | | <template v-for="(tableHead, index) in tableHeads"> |
| | | <th class="timeth" :colspan="checkedList.length">{{tableHead}}</th> |
| | | </template> |
| | |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | </a-spin> |
| | | </div> |
| | | </div> |
| | | <div id="openRateTrendChart" style="width: 100%;height: 60%"></div> |
| | |
| | | import { |
| | | JeecgListMixin |
| | | } from '@/mixins/JeecgListMixin' |
| | | |
| | | export default { |
| | | // mixins: [JeecgListMixin], |
| | | name: 'openRateTrendAnalysisMain', |
| | |
| | | dataSource: [], |
| | | /* tableå è½½ç¶æ */ |
| | | loading: false, |
| | | typeTree: "", |
| | | typeTree: '', |
| | | typeParent: 1, |
| | | typeEquipment: 1, |
| | | TreeIDOne: 1, |
| | |
| | | }, |
| | | tableHeads: [], |
| | | XData:[0], |
| | | YData:[0], |
| | | YData: [0] |
| | | } |
| | | }, |
| | | props: { nodeTree: '', Type: '', nodePeople: '' }, |
| | |
| | | this.dates = [moment().subtract('days', 8), moment().subtract('days', 1)] |
| | | this.queryParam.startDate = moment(this.dates[0]).format('YYYYMMDD') |
| | | this.queryParam.endDate = moment(this.dates[1]).format('YYYYMMDD') |
| | | this.queryParam.typeTree = "1" |
| | | this.queryParam.typeTree = '1' |
| | | this.loadData1() |
| | | }, |
| | | watch: { |
| | | Type(valmath) { |
| | | this.dataList = []; |
| | | this.dataList = [] |
| | | this.queryParam.typeTree = valmath |
| | | }, |
| | | nodeTree(val) { //çå¬currSelected ååï¼å°åååçæ°å¼ä¼ éç» getCurrSelected äºä»¶ |
| | |
| | | }, |
| | | disabledDate(current) { |
| | | //Can not slect days before today and today |
| | | return current && current > moment().subtract('days', 1); |
| | | return current && current > moment().subtract('days', 1) |
| | | }, |
| | | initDeviceType(deviceList) { |
| | | let dictCode = 'mdc_equipmentType' |
| | |
| | | this.queryParam.endDate = v2[1] |
| | | }, |
| | | searchQuery() { |
| | | if (this.queryParam.typeTree == "1") { |
| | | 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.queryParam.equipmentId = '' |
| | | } |
| | | this.loadData1() |
| | | } else { |
| | | this.$notification.warning({ |
| | | message: 'æç¤º', |
| | | description: 'è¯·éæ©æ¶é´' |
| | | }) |
| | | } |
| | | // this.onClearSelected() |
| | | }, |
| | | // searchReset() { |
| | |
| | | // } |
| | | // } |
| | | loadData1() { |
| | | this.loading = true |
| | | this.tableHeads = [] |
| | | this.dataList = [] |
| | | getAction(this.url.efficiencyList, this.queryParam).then(res => { |
| | |
| | | // this.checkSameData2(this.dataList) |
| | | // this.combineCell(); |
| | | // this.initDeviceType(this.dataList) |
| | | |
| | | } |
| | | }).finally(() => { |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | draw(){ |
| | | let openRateTrendAnalysisChart = this.$echarts.init(document.getElementById('openRateTrendChart'), 'macarons'); |
| | | let openRateTrendAnalysisChart = this.$echarts.init(document.getElementById('openRateTrendChart'), 'macarons') |
| | | let openRateTrendChartOptions = { |
| | | title: { |
| | | text: 'å©ç¨çèµ°å¿åæ', |
| | |
| | | textStyle: { |
| | | fontSize: 18, |
| | | fontWeight: 'bolder', |
| | | color: "#151414" |
| | | color: '#151414' |
| | | } |
| | | }, |
| | | tooltip: { |
| | |
| | | } |
| | | } |
| | | ] |
| | | }; |
| | | openRateTrendAnalysisChart.setOption(openRateTrendChartOptions,true); |
| | | } |
| | | openRateTrendAnalysisChart.setOption(openRateTrendChartOptions, true) |
| | | } |
| | | } |
| | | } |
| | |
| | | padding: 10px; |
| | | /*display: none;*/ |
| | | } |
| | | |
| | | .dataContent .mathData:hover td{ |
| | | background-color: #e6f7ff; |
| | | } |
| | | |
| | | .dataContent .mathData .td { |
| | | /*background-color: #ff9bd2;*/ |
| | | display: inline-block; |
| | |
| | | .dataContent .mathData .tdd { |
| | | /*display: none;*/ |
| | | } |
| | | |
| | | .table2{ |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | } |
| | | |
| | | /*tr th {*/ |
| | | /*height: 50px!important;*/ |
| | | /*}*/ |
| | |
| | | left: 0; |
| | | z-index: 1; |
| | | } |
| | | |
| | | .table tbody tr .kaitou{ |
| | | z-index: 1; |
| | | background-color: white; |
| | | } |
| | | |
| | | .table tbody tr .tdgu1{ |
| | | position: sticky; |
| | | left: 150px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu2{ |
| | | position: sticky; |
| | | left: 300px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu3{ |
| | | position: sticky; |
| | | left: 450px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu4{ |
| | | position: sticky; |
| | | left: 550px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table tbody tr .tdgu5{ |
| | | position: sticky; |
| | | left: 700px; |
| | | z-index: 2; |
| | | } |
| | | |
| | | .table2 thead tr .timeth, |
| | | .table2 thead tr .thgu { |
| | | position: sticky; |
| | | top:0; |
| | | z-index: 3; |
| | | } |
| | | |
| | | .table2 thead .gudingth th{ |
| | | position: sticky; |
| | | top: 32px; |
| | | z-index: 6!important; |
| | | } |
| | | |
| | | .table2 thead .equipname .name{ |
| | | z-index: 3; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong1{ |
| | | z-index: 4; |
| | | left: 0; |
| | | /*border: 1px solid #000;*/ |
| | | } |
| | | |
| | | .table2 thead .equipname .dong2{ |
| | | z-index: 5; |
| | | left: 150px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong3{ |
| | | z-index: 5; |
| | | left: 300px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong4{ |
| | | z-index: 5; |
| | | left: 450px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong5{ |
| | | z-index: 5; |
| | | left: 550px; |
| | | } |
| | | |
| | | .table2 thead .equipname .dong6{ |
| | | z-index: 5; |
| | | left: 700px; |
| | |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1680px) and (max-width: 1920px){ |
| | | #Efficiency{ |
| | | height: 337px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1400px) and (max-width: 1680px){ |
| | | #Efficiency{ |
| | | height: 190px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 1280px) and (max-width: 1400px){ |
| | | #Efficiency{ |
| | | height: 90px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1280px){ |
| | | #Efficiency{ |
| | | height: 90px!important; |
| | | overflow: scroll; |
| | | } |
| | | } |
| | | |
| | | #Efficiency .table_guding1{ |
| | | position: absolute; |
| | | overflow: hidden; |
| | | width: 500px; |
| | | } |
| | | |
| | | #Efficiency .table_guding2{ |
| | | overflow-x: scroll; |
| | | width: 500px; |
| | | } |
| | | |
| | | /deep/ .ant-card{ |
| | | height: 100%!important; |
| | | } |
| | | |
| | | /deep/ .ant-card .ant-card-body{ |
| | | height: 100%!important; |
| | | } |
| | | |
| | | .efficiency_list #DeviceList{ |
| | | height: 90%!important; |
| | | } |
| | |
| | | deleteAction(that.url.deleteBatch, {id: record}).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | putAction(this.url.changeStatus, { id: id, status: status }).then((res) => { |
| | | if (res.success) { |
| | | // _this.$message.success('æä½æåï¼') |
| | | _this.$notification.warning({ |
| | | _this.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"æä½æå" |
| | | }); |
| | |
| | | formData.isDaySpan = that.isDaySpan |
| | | console.log(formData.isDaySpan); |
| | | if(formData.isDaySpan == false){ |
| | | let startTime = moment(formData.startDate).format('HH:mm:ss'); |
| | | let endTime = moment(formData.endDate).format('HH:mm:ss'); |
| | | let startTimeOne = startTime.replace(/:/g,''); |
| | | let endTimeOne = endTime.replace(/:/g,''); |
| | | formData.startDate = moment(formData.startDate).format('HH:mm:ss'); |
| | | formData.endDate = moment(formData.endDate).format('HH:mm:ss'); |
| | | formData.sleepStartDate = moment(formData.sleepStartDate).format('HH:mm:ss'); |
| | | formData.sleepEndDate = moment(formData.sleepEndDate).format('HH:mm:ss'); |
| | | let startTimeOne = formData.startDate.replace(/:/g,''); |
| | | let endTimeOne = formData.endDate.replace(/:/g,''); |
| | | if(startTimeOne>endTimeOne){ |
| | | // that.$message.warning("éè·¨å¤©çæ¬¡ç»ææ¶é´ä¸è½å°äºçäºå¼å§æ¶é´ï¼") |
| | | that.$notification.warning({ |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success("ä¿åæå") |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"ä¿åæå" |
| | | }); |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:"ä¿åæå" |
| | | }); |
| | |
| | | let _this = this |
| | | putAction(this.url.changeStatus, { id: id, status: status }).then((res) => { |
| | | if (res.success) { |
| | | _this.$message.success('æä½æåï¼') |
| | | _this.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }) |
| | | _this.loadData() |
| | | } else { |
| | | _this.$message.warning('æä½å¤±è´¥ï¼') |
| | | _this.$notification.warning({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | postAction(this.url.changeDefaultShift,qs.stringify({id:record.id})).then((res) =>{ |
| | | if(res.success){ |
| | | // this.$message.success(res.message); |
| | | this.$notification.warning({ |
| | | this.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | deleteAction(that.url.deleteBatch, {id: record}).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message) |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'æ¶æ¯', |
| | | description:res.message |
| | | }); |
| | |
| | | ...mapActions(['QueryProduction']), |
| | | getCurrSelectedTitle() { |
| | | return !this.currSelected.title ? '' : this.currSelected.title |
| | | } |
| | | , |
| | | }, |
| | | /** |
| | | * åæ¶è½¦é´éä¸é¡¹ |
| | | */ |
| | | onClearSelected() { |
| | | this.hiding = true |
| | | this.currSelected = {} |
| | | this.selectedKeys = [] |
| | | // console.log('åé') |
| | | // this.$bus.$emit('treeClearSelected','éç½®å表') |
| | | this.$emit('sendSelectBaseTree', '') |
| | | }, |
| | | |
| | | onSelect(selectedKeys, e) { |
| | | this.hiding = false |
| | | let record = e.node.dataRef |
| | | this.currSelected = Object.assign({}, record) |
| | | this.selectedKeys = [record.key] |
| | | console.log(this.selectedKeys) |
| | | this.$emit('sendSelectBaseTree', this.selectedKeys) |
| | | }, |
| | | handleEdit(entity) { |
| | |
| | | // this.loading = false |
| | | // this.cardLoading = false |
| | | // }) |
| | | } |
| | | , |
| | | }, |
| | | handleChange() { |
| | | let search = this.searchInput |
| | | let expandedKeys = this.dataList |
| | |
| | | searchValue: search, |
| | | autoExpandParent: true |
| | | }) |
| | | } |
| | | , |
| | | }, |
| | | handleSearch(value) { |
| | | let search = value |
| | | let expandedKeys = this.dataList |
| | |
| | | searchValue: search, |
| | | autoExpandParent: true |
| | | }) |
| | | } |
| | | , |
| | | }, |
| | | getParentKey(key, tree) { |
| | | let parentKey |
| | | for (let i = 0; i < tree.length; i++) { |
| | |
| | | } |
| | | return parentKey |
| | | }, |
| | | |
| | | generateList(data) { |
| | | for (let i = 0; i < data.length; i++) { |
| | | const node = data[i] |
| | |
| | | this.queryTreeData() |
| | | // æ°å¢/ä¿®æ¹ æåæ¶ï¼éè½½å表 |
| | | } |
| | | |
| | | } |
| | | , |
| | | }, |
| | | //çå¬ |
| | | watch: { |
| | | currSelected(val) { //çå¬currSelected ååï¼å°åååçæ°å¼ä¼ éç» getCurrSelected äºä»¶ |