- <template>
- <div class="detail">
- <div
- id="designer-container"
- ref="designerContainerRef"
- :style="{width: '100%',height: height + 'px'}" />
- </div>
- </template>
- <script>
- import '@grapecity-software/spread-sheets/styles/gc.spread.sheets.excel2013white.css'
- import '@grapecity-software/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css'
- import GC from '@grapecity-software/spread-sheets'
- import '@grapecity-software/spread-sheets-shapes'
- import '@grapecity-software/spread-sheets-charts'
- import '@grapecity-software/spread-sheets-slicers'
- import '@grapecity-software/spread-sheets-print'
- import '@grapecity-software/spread-sheets-barcode'
- import '@grapecity-software/spread-sheets-pdf'
- import '@grapecity-software/spread-sheets-pivot-addon'
- import '@grapecity-software/spread-sheets-tablesheet'
- import '@grapecity-software/spread-sheets-ganttsheet'
- import '@grapecity-software/spread-sheets-formula-panel'
- import '@grapecity-software/spread-sheets-reportsheet-addon'
- import '@grapecity-software/spread-sheets-io'
- import '@grapecity-software/spread-excelio'
- import '@grapecity-software/spread-sheets-designer-resources-cn'
- import '@grapecity-software/spread-sheets-resources-zh'
- import '@grapecity-software/spread-sheets-resources-ja'
- import '@grapecity-software/spread-sheets-designer'
- import { comPostQuery } from '@commonApi/common'
- import { showMessage } from '@commonUtils'
- import { isEmpty } from '@commonUtils/types'
- import { i18n } from '@commonI18n'
- export default {
- name: 'ProductMeeting',
- inject: ['getViewHeight'],
- components: {},
- mixins: [],
- props: {},
- data() {
- return {
- delList: [],
- dataList: [],
- languageObj: {
- },
- userIdList: [],
- userDfkIdList: [],
- editStatus: 'view',
- userEditFlag: true
- }
- },
- computed: {
- height() {
- return this.getViewHeight()
- }
- },
- watch: {
- /* '$i18n.locale'(newLocale) {
- console.log('语言切换至:', newLocale)
- if (newLocale === 'ja_JP') {
- this.setResource('ja')
- } else {
- this.setResource('cn')
- }
- }*/
- },
- beforeCreate() {
- },
- mounted() {
- this.getPersonList()
- this.initSpreadJs()
- if (i18n.locale === 'ja_JP') {
- this.setResource('ja')
- GC.Spread.Common.CultureManager.culture('ja-jp')
- } else {
- GC.Spread.Common.CultureManager.culture('zh-cn')
- }
- window.addEventListener('beforeunload', this.handleBeforeUnload)
- },
- beforeUnmount() {
- window.removeEventListener('beforeunload', this.handleBeforeUnload)
- },
- beforeDestroy() {},
- methods: {
- }
- }
- </script>
- <style rel="stylesheet/scss" lang="scss" scoped>
- .detail {
- height: 100%;
- position: relative;
- }
- #designer-container {
- /* 建议修改:通常使用 100% 而不是 100vh/vw */
- width: 100%;
- height: 100%;
- }
- ::v-deep .el-icon-edit.editClass {
- font-size: 24px !important;
- }
- ::v-deep .el-icon-close.editClass {
- font-size: 24px !important;
- }
- ::v-deep .el-icon-check.editClass {
- font-size: 24px !important;
- }
- ::v-deep .el-icon-s-platform.editClass {
- font-size: 24px !important;
- }
- ::v-deep .el-icon-time.editClass {
- font-size: 24px !important;
- }
- ::v-deep .el-icon-s-flag.editClass {
- font-size: 24px !important;
- }
- </style>
复制代码 |