请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

情调

注册会员

2

主题

10

帖子

28

积分

注册会员

积分
28
最新发帖
情调
注册会员   /  发表于:2025-6-30 10:02  /   查看:65  /  回复:6
1金币
18版本如何降低成14版本,业务需求暂时不用18版本

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

6 个回复

倒序浏览
情调
注册会员   /  发表于:2025-6-30 10:28:22
沙发
  1. <template>
  2.   <div class="detail">
  3.     <div
  4.       id="designer-container"
  5.       ref="designerContainerRef"
  6.       :style="{width: '100%',height: height + 'px'}" />
  7.   </div>
  8. </template>

  9. <script>
  10. import '@grapecity-software/spread-sheets/styles/gc.spread.sheets.excel2013white.css'
  11. import '@grapecity-software/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css'
  12. import GC from '@grapecity-software/spread-sheets'
  13. import '@grapecity-software/spread-sheets-shapes'
  14. import '@grapecity-software/spread-sheets-charts'
  15. import '@grapecity-software/spread-sheets-slicers'
  16. import '@grapecity-software/spread-sheets-print'
  17. import '@grapecity-software/spread-sheets-barcode'
  18. import '@grapecity-software/spread-sheets-pdf'
  19. import '@grapecity-software/spread-sheets-pivot-addon'
  20. import '@grapecity-software/spread-sheets-tablesheet'
  21. import '@grapecity-software/spread-sheets-ganttsheet'
  22. import '@grapecity-software/spread-sheets-formula-panel'
  23. import '@grapecity-software/spread-sheets-reportsheet-addon'
  24. import '@grapecity-software/spread-sheets-io'
  25. import '@grapecity-software/spread-excelio'
  26. import '@grapecity-software/spread-sheets-designer-resources-cn'
  27. import '@grapecity-software/spread-sheets-resources-zh'
  28. import '@grapecity-software/spread-sheets-resources-ja'
  29. import '@grapecity-software/spread-sheets-designer'
  30. import { comPostQuery } from '@commonApi/common'
  31. import { showMessage } from '@commonUtils'
  32. import { isEmpty } from '@commonUtils/types'
  33. import { i18n } from '@commonI18n'


  34. export default {
  35.   name: 'ProductMeeting',

  36.   inject: ['getViewHeight'],

  37.   components: {},

  38.   mixins: [],

  39.   props: {},

  40.   data() {
  41.     return {
  42.       delList: [],
  43.       dataList: [],
  44.       languageObj: {
  45.       },
  46.       userIdList: [],
  47.       userDfkIdList: [],
  48.       editStatus: 'view',
  49.       userEditFlag: true
  50.     }
  51.   },

  52.   computed: {
  53.     height() {
  54.       return this.getViewHeight()
  55.     }
  56.   },

  57.   watch: {
  58.     /* '$i18n.locale'(newLocale) {
  59.       console.log('语言切换至:', newLocale)
  60.       if (newLocale === 'ja_JP') {
  61.         this.setResource('ja')
  62.       } else {
  63.         this.setResource('cn')
  64.       }
  65.     }*/
  66.   },

  67.   beforeCreate() {
  68.   },

  69.   mounted() {
  70.     this.getPersonList()
  71.     this.initSpreadJs()
  72.     if (i18n.locale === 'ja_JP') {
  73.       this.setResource('ja')
  74.       GC.Spread.Common.CultureManager.culture('ja-jp')
  75.     } else {
  76.       GC.Spread.Common.CultureManager.culture('zh-cn')
  77.     }
  78.     window.addEventListener('beforeunload', this.handleBeforeUnload)
  79.   },

  80.   beforeUnmount() {
  81.     window.removeEventListener('beforeunload', this.handleBeforeUnload)
  82.   },

  83.   beforeDestroy() {},

  84.   methods: {
  85.   }
  86. }
  87. </script>

  88. <style rel="stylesheet/scss" lang="scss" scoped>
  89. .detail {
  90.   height: 100%;
  91.   position: relative;
  92. }
  93. #designer-container {
  94.   /* 建议修改:通常使用 100% 而不是 100vh/vw */
  95.   width: 100%;
  96.   height: 100%;
  97. }
  98. ::v-deep .el-icon-edit.editClass {
  99.   font-size: 24px !important;
  100. }
  101. ::v-deep .el-icon-close.editClass {
  102.   font-size: 24px !important;
  103. }
  104. ::v-deep .el-icon-check.editClass {
  105.   font-size: 24px !important;
  106. }
  107. ::v-deep .el-icon-s-platform.editClass {
  108.   font-size: 24px !important;
  109. }
  110. ::v-deep .el-icon-time.editClass {
  111.   font-size: 24px !important;
  112. }
  113. ::v-deep .el-icon-s-flag.editClass {
  114.   font-size: 24px !important;
  115. }

  116. </style>
复制代码
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于:2025-6-30 14:50:15
板凳
您好!18版本和14版本代际相差太远,功能差别也很大,单就说降版本的话,替换版本号重新加载就好。但是,为了确保功能正常,您需要重新测试所有功能。

可以参考官网产品文档了解14版本至18版本之间的功能差异:
发布说明
回复 使用道具 举报
情调
注册会员   /  发表于:2025-6-30 14:59:44
地板
报错原因是因为找不到设计器,要怎么办

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于:2025-6-30 17:49:29
5#
情调 发表于 2025-6-30 14:59
报错原因是因为找不到设计器,要怎么办

从截图来看没有spread-sheets-designer-vue依赖,加上试试看。
回复 使用道具 举报
情调
注册会员   /  发表于:2025-6-30 18:08:39
6#
14版本找不到对应的设计器的依赖,麻烦发一下
回复 使用道具 举报
Wilson.Zhang
超级版主   /  发表于:2025-7-1 09:08:48
7#
情调 发表于 2025-6-30 18:08
14版本找不到对应的设计器的依赖,麻烦发一下

NPM上有资源,您可以从此处拉取资源:
@grapecity/spread-sheets-designer-vue 14.0.1


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部