¶Ô±ÈÐÂÎļþ |
| | |
| | | <style scoped> |
| | | #luckysheet { |
| | | margin: 0px; |
| | | padding: 0px; |
| | | position: absolute; |
| | | width: 100%; |
| | | height: 100%; |
| | | left: 0px; |
| | | top: 0px; |
| | | } |
| | | </style> |
| | | <style> |
| | | #luckysheet .save { |
| | | width: 50px; |
| | | height: 26px; |
| | | color: #fff; |
| | | background-color: #3a7bfa; |
| | | border-radius: 4px; |
| | | border-color: transparent; |
| | | cursor: pointer; |
| | | } |
| | | #luckysheet .returnView { |
| | | width: 50px; |
| | | height: 26px; |
| | | background-color: #fff; |
| | | border: 1px solid #dcdfe6; |
| | | color: #606266; |
| | | border-radius: 4px; |
| | | margin-right: 12px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | #luckysheet .save_i { |
| | | margin-right: 20px; |
| | | font-size: 20px; |
| | | cursor: help; |
| | | } |
| | | |
| | | #luckysheet .save:hover { |
| | | opacity: 0.8; |
| | | } |
| | | |
| | | #luckysheet .save:active { |
| | | opacity: 0.7; |
| | | } |
| | | </style> |
| | | <template> |
| | | <div id="luckysheet"></div> |
| | | </template> |
| | | |
| | | <script> |
| | | // import { data } from 'jquery'; |
| | | export default { |
| | | props: ["data", "execlTitle"], |
| | | data() { |
| | | return {}; |
| | | }, |
| | | mounted() { |
| | | this.$nextTick(() => { |
| | | this.templateWrite(); |
| | | }); |
| | | }, |
| | | methods: { |
| | | templateWrite() { |
| | | var option = {}; |
| | | console.log(2222, this.data); |
| | | if (this.data != null && this.data != "") { |
| | | option = JSON.parse(this.data); |
| | | console.log(11111, option); |
| | | } else { |
| | | let rowlen = {}; |
| | | let columnlen = {}; |
| | | for (let a = 0; a < 50; a++) { |
| | | rowlen["" + a] = 40; |
| | | } |
| | | for (let a = 0; a < 26; a++) { |
| | | columnlen["" + a] = 100; |
| | | } |
| | | option = { |
| | | data: [ |
| | | { |
| | | name: "模æ¿", |
| | | order: "0", |
| | | config: { |
| | | rowlen: rowlen, |
| | | columnlen: columnlen, |
| | | }, |
| | | }, |
| | | ], |
| | | row: 50, |
| | | column: 26, |
| | | }; |
| | | } |
| | | option.title = this.execlTitle; |
| | | (option.container = "luckysheet"), |
| | | (option.lang = "zh"), |
| | | (option.showsheetbar = false), |
| | | (option.defaultFontSize = 14); |
| | | (option.showstatisticBarConfig = { |
| | | view: false, |
| | | }), |
| | | (option.enableAddRow = false), |
| | | (option.enableAddBackTop = false), |
| | | (option.showtoolbarConfig = { |
| | | chart: false, // 'å¾è¡¨' |
| | | pivotTable: false, //'æ°æ®éè§è¡¨' |
| | | protection: false, // 'å·¥ä½è¡¨ä¿æ¤' |
| | | dataVerification: false, // 'æ°æ®éªè¯' |
| | | frozenMode: false, // 'å»ç»æ¹å¼' |
| | | currencyFormat: false, //è´§å¸æ ¼å¼ |
| | | percentageFormat: true, //ç¾åæ¯æ ¼å¼ |
| | | numberDecrease: true, // 'åå°å°æ°ä½æ°' |
| | | numberIncrease: true, // 'å¢å å°æ°ä½æ° |
| | | moreFormats: true, // 'æ´å¤æ ¼å¼' |
| | | strikethrough: false, // 'å é¤çº¿ (Alt+Shift+5)' |
| | | underline: false, // 'ä¸å线 (Alt+Shift+6)' |
| | | italic: false, // 'æä½ (Ctrl+I)' |
| | | textWrapMode: true, // 'æ¢è¡æ¹å¼' |
| | | textRotateMode: false, // 'ææ¬æè½¬æ¹å¼' |
| | | conditionalFormat: false, // 'æ¡ä»¶æ ¼å¼' |
| | | splitColumn: false, // 'åå' |
| | | }), |
| | | (option.cellRightClickConfig = { |
| | | copyAs: false, // å¤å¶ä¸º |
| | | hideRow: false, // éèéä¸è¡åæ¾ç¤ºéä¸è¡ |
| | | hideColumn: false, // éèéä¸ååæ¾ç¤ºéä¸å |
| | | sort: false, // æåºéåº |
| | | filter: false, // çééåº |
| | | chart: false, // å¾è¡¨çæ |
| | | image: false, // æå
¥å¾ç |
| | | matrix: false, // ç©éµæä½éåº |
| | | data: false, // æ°æ®éªè¯ |
| | | cellFormat: false, // 设置åå
æ ¼æ ¼å¼ |
| | | }), |
| | | (option.myFolderUrl = this.LOCATIONVUE + "/"), |
| | | // option.functionButton = '<i class="save_i el-icon-info" title="ç³»ç»æ¯æçåéï¼
æ ·åç¼å·
æ ·ååå·
åºå·
æ£éªé¡¹
æ£éªå项
设å¤åç§°
设å¤ç¼ç 
åä½
è¦æ±å¼
è¯éªæ¹æ³ | æ£æµæ¹æ³
æç»å¼
ç»è®º
计ç®å¼
æ£éªå¼"></i><button onClick="excelExport()" class="save">导åº</button><button onClick="excelClosed()" class="save">ä¿å</button>' |
| | | (option.functionButton = |
| | | '<i class="save_i el-icon-info" title="ç³»ç»æ¯æçåéï¼
æ ·åç¼å·
æ ·ååå·
åºå·
æ£éªé¡¹
æ£éªå项
设å¤åç§°
设å¤ç¼ç 
åä½
è¦æ±å¼
è¯éªæ¹æ³ | æ£æµæ¹æ³
æç»å¼
ç»è®º
计ç®å¼
æ£éªå¼"></i><button onClick="returnView()" class="returnView">åæ¶</button><button onClick="excelClosed()" class="save">ä¿å</button>'); |
| | | console.log(luckysheet); |
| | | luckysheet.create(option); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |