| | |
| | | buttons: { view: [], box: [], detail: [] }, //æ©å±çæé® |
| | | methods: { |
| | | onInit() { |
| | | this.buttons.forEach(x => { |
| | | if (x.name == "å é¤") { |
| | | x.name = "å¤ ç"; |
| | | x.icon = 'el-icon-edit'; |
| | | x.type = 'primary'; |
| | | } |
| | | }); |
| | | // å¨ onInit ä¸ç´æ¥ä¿®æ¹åé
ç½® |
| | | this.fixColumnFormatter(); |
| | | }, |
| | | // ç´æ¥ä¿®æ¹åé
ç½® |
| | | fixColumnFormatter() { |
| | | // å»¶è¿æ§è¡ï¼ç¡®ä¿åå·²å è½½ |
| | | this.$nextTick(() => { |
| | | setTimeout(() => { |
| | | const col = this.columns?.find(c => c.field === 'messageGroupBy'); |
| | | if (col) { |
| | | // å®å
¨æ¿æ¢ formatter |
| | | col.formatter = (row) => { |
| | | const value = row.messageGroupBy; |
| | | const text = this.getTextByValue(value); |
| | | |
| | | if (value === 1) { |
| | | // åºåè¿æé¢è¦ - æ ¹æ®å¤©æ°åä¸ç§é¢è² |
| | | const info = row.messageInfo || ''; |
| | | const days = this.extractDays(info); |
| | | |
| | | // è®¾ç½®æ ·å¼ |
| | | let style = ''; |
| | | if (days !== null) { |
| | | if (days < 0) { |
| | | // å·²è¿æ - çº¢è² |
| | | style = 'background-color:#fff0f0;color:#f56c6c;border:1px solid #f56c6c33;'; |
| | | } else if (days <= 30) { |
| | | // 1个æå
è¿æ - çº¢è² |
| | | style = 'background-color:#fff0f0;color:#f56c6c;border:1px solid #f56c6c33;'; |
| | | } else if (days <= 120) { |
| | | // 大äº30天ä¸å°äºçäº120天 - æ©è² |
| | | style = 'background-color:#fdf6ec;color:#e6a23c;border:1px solid #e6a23c33;'; |
| | | } else { |
| | | // 大äº120天 - ç»¿è² |
| | | style = 'background-color:#f0f9eb;color:#67c23a;border:1px solid #67c23a33;'; |
| | | } |
| | | } else { |
| | | // é»è®¤æ ·å¼ |
| | | style = 'background-color:#f5f5f5;color:#909399;border:1px solid #dcdfe6;'; |
| | | } |
| | | |
| | | return `<span style="${style} padding:3px 10px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block;line-height:1;">${text}</span>`; |
| | | } |
| | | |
| | | // å
¶ä»åç» - ä¿æåæçæ ·å¼ |
| | | return this.getOtherGroupStyle(value, text); |
| | | }; |
| | | |
| | | console.log('åæ ¼å¼å彿°å·²è®¾ç½®'); |
| | | } |
| | | }, 200); |
| | | }); |
| | | }, |
| | | |
| | | // å
¶ä»åç»çæ ·å¼ |
| | | getOtherGroupStyle(value, text) { |
| | | const styleMap = { |
| | | 0: 'background-color:#e8f4ff;color:#0088ff;border:1px solid #0088ff33;', // è®¾å¤æ¥è¦ - 亮èè² |
| | | 2: 'background-color:#fff2e8;color:#ff8800;border:1px solid #ff880033;', // ä½åºåé¢è¦ - 亮æ©è² |
| | | 3: 'background-color:#ffe8e8;color:#ff4444;border:1px solid #ff444433;', // ç©æå¾
ç»´æ¤æ¥è¦ - äº®çº¢è² |
| | | 4: 'background-color:#f0e8ff;color:#8844ff;border:1px solid #8844ff33;', // å
¥åºåæ¥è¦ - ç´«è² |
| | | 5: 'background-color:#e8fffb;color:#00aa88;border:1px solid #00aa8833;', // åºåºåæ¥è¦ - éè² |
| | | 6: 'background-color:#fff8e8;color:#ffaa00;border:1px solid #ffaa0033;', // ä¸ERP忥æ¥è¦ - éè² |
| | | }; |
| | | |
| | | const style = styleMap[value] || 'background-color:#f5f5f5;color:#909399;border:1px solid #dcdfe6;'; |
| | | |
| | | return `<span style="${style} padding:3px 10px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block;line-height:1;">${text}</span>`; |
| | | }, |
| | | |
| | | getTextByValue(value) { |
| | | const map = { |
| | | 0: 'è®¾å¤æ¥è¦', |
| | | 1: 'åºåè¿æé¢è¦', |
| | | 2: 'ä½åºåé¢è¦', |
| | | 3: 'ç©æå¾
ç»´æ¤æ¥è¦', |
| | | 4: 'å
¥åºåæ¥è¦', |
| | | 5: 'åºåºåæ¥è¦', |
| | | 6: 'ä¸ERP忥æ¥è¦' |
| | | }; |
| | | return map[value] || `åç»${value}`; |
| | | }, |
| | | |
| | | extractDays(info) { |
| | | if (!info) return null; |
| | | const match1 = info.match(/è¿æ(\d+)å¤©è¿æ/); |
| | | const match2 = info.match(/å·²è¿æ(\d+)天/); |
| | | |
| | | if (match1) return parseInt(match1[1]); |
| | | if (match2) return -parseInt(match2[1]); |
| | | return null; |
| | | }, |
| | | |
| | | onInited() { |
| | |
| | | // 设置设å¤ç¶æä¸ææ¡é项 |
| | | setDeviceStatusOptions() { |
| | | |
| | | |
| | | |
| | | }, |
| | | |
| | | searchBefore(param) { |
| | |
| | | |
| | | modelOpenAfter(row) { |
| | | //ç¹å»ç¼è¾ãæ°å»ºæé®å¼¹åºæ¡åï¼å¯ä»¥å¨æ¤å¤åé»è¾ |
| | | |
| | | |
| | | } |
| | | } |
| | | }; |