1.0.25包版本-功能全部生效版

1 month ago · fff7c94c72
10 changed files with 209 additions and 12133 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -8,7 +8,9 @@ module.exports = {
    'eslint:recommended'
  ],
  parserOptions: {
-    parser: '@babel/eslint-parser'
+    parser: '@babel/eslint-parser',
+    ecmaVersion: 2020, // 支持 ES2020（可选链）
+    sourceType: 'module'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
--- a/babel.config.js
+++ b/babel.config.js
@ -1,26 +1,20 @@
 module.exports = {
  presets: [
-    '@vue/cli-plugin-babel/preset',
-    [
-      '@babel/preset-env',
-      {
-        useBuiltIns: 'usage', // 按需引入polyfill
-        corejs: 3, // 指定core-js版本
+    ['@vue/cli-plugin-babel/preset', { 
+      useBuiltIns: 'usage',
+      corejs: 3,
      targets: {
-          // 指定需要兼容的浏览器版本
        ie: '10',
        chrome: '58',
        firefox: '60',
        safari: '11',
-          edge: '16',
-        },
-      },
-    ],
+        edge: '16'
+      }
+    }]
  ],
  plugins: [
-    // 可以添加其他Babel插件
    '@babel/plugin-proposal-class-properties',
    '@babel/plugin-proposal-optional-chaining',
    '@babel/plugin-transform-runtime'
-  ],
-};
+  ]
+}
--- a/package-lock.json
+++ b/package-lock.json
--- a/src/assets/table_empty.png
+++ b/src/assets/table_empty.png
--- a/src/components/SliderMenu.vue
+++ b/src/components/SliderMenu.vue
@ -14,7 +14,7 @@
            <img v-else class="point" src="../assets/menu-open.svg" @click="changeMenuStatus(false)" alt="">
          </GuipToolTip>
        </div>
-        <template v-for="item in menuData" >
+        <template v-for="(item,index) in menuData" >
          <el-submenu v-if="item.children"  :key="item.index" :index="item.index">
            <template slot="title">
              <SvgIcon1 :iconPath="require(`@/assets/menu/${item.icon}.svg`)" defaultColor="#8A9099"
--- a/src/main.js
+++ b/src/main.js
@ -4,6 +4,7 @@ import store from './store'
 import App from './App.vue'
 import ElementUI from 'element-ui';
 import ZhichengUI from '@zhicheng1012/zhicheng-components'
+// import {GuipMessage} from '@zhicheng1012/zhicheng-components'
 import request from "./utils/request";
 // import 'element-ui/lib/theme-chalk/index.css';
 // import './style/theme/index.css' 
@ -14,21 +15,23 @@ import 'regenerator-runtime/runtime';
 import '@/assets/css/fonts.css';
 import LoadingService from './services/loading'
 import { directive as clickaway } from 'vue-clickaway';
-import GuipMessage from '@/components/GuipMessage/index';
+// import GuipMessage from '@/components/GuipMessage/index';
 import HeaderIcon from './utils/headerIcon'
 // 复制到粘贴板
-import clipboard from '@/utils/dirClipBoard';
-import { modernCopyToClipboard } from '@/utils/clipboard';
+// import clipboard from '@/utils/dirClipBoard';
+// import { modernCopyToClipboard } from '@/utils/clipboard';
 // 复制
-Vue.prototype.$copy = modernCopyToClipboard;
+// Vue.prototype.$copy = modernCopyToClipboard;
 Vue.prototype.$loadingFn = LoadingService;
 Vue.config.productionTip = false;
 // 请求
 Vue.prototype.$http = request;
 Vue.use(ElementUI);
 Vue.use(ZhichengUI)
-Vue.use(GuipMessage)
-Vue.use(clipboard);
+
+// Vue.use(GuipMessage)
+// Vue.use(clipboard);
+

 Vue.directive('clickaway', clickaway);
 Vue.mixin(HeaderIcon)
--- a/src/views/agent/home.vue
+++ b/src/views/agent/home.vue
@ -82,9 +82,9 @@
      </div>
      <div class="home-main-right">
        <div class="accountBalance common-area">
-          <div class="mb-16 red" v-if="walletList?.pub?.forzen_money>0">含冻结金额 {{ walletList?.pub?.forzen_money }} 元</div>
+          <div class="mb-16 red" v-if="walletList.pub && walletList.pub.forzen_money>0">含冻结金额 {{ walletList.pub && walletList.pub.forzen_money }} 元</div>
          <div class="flex-between">
-            <span>账户余额&nbsp; <b>{{ walletList?.pub?.remain }}</b>&nbsp;元</span>
+            <span>账户余额&nbsp; <b>{{ walletList.pub && walletList.pub.remain }}</b>&nbsp;元</span>
            <span class="hoverCommon" @click="isShowSpec = !isShowSpec">{{ isShowSpec ? '收起' : '展开' }}</span>
          </div>
          <div v-show="isShowSpec" class="mt-24" style="border-top: 1px solid #ebebeb;" v-if="walletList && walletList.spec && walletList.spec.length > 0">
--- a/src/views/agent/siteBaseSetting.vue
+++ b/src/views/agent/siteBaseSetting.vue
@ -488,7 +488,6 @@ export default {
    },
    created() {
        store.commit('SET_CUSTOMIZE', true);
-        store.commit('SET_BREADRIGHTTEXT', '了卡斯蒂略了解了');
        store.commit('SET_SLIDER_MENU', 'siteSettingData');
    },
    mounted() {
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@ -125,6 +125,8 @@
                                                '0' ? '单元格局中' : '单元格局中' }}</span>
                                        <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')"
                                            :color="'#8A9099'" :hoverColor="'#006AFF'" />
+                                            <!-- <SvgIcon1 :iconPath="require(`@/assets/register/tableEdit.svg`)" defaultColor="#8A9099" :size="16"
+                                            activeColor="#006AFF" /> -->
                                    </div>

                                </GuipToolTip>
@ -213,6 +215,7 @@
                    <label for="">输入框：</label>
                    <GuipInput ref="GuipInput" v-model="form.input1" width="200px" height="30px"
                        placeholder="这是自定义默认提示语" />
+                        <GuipInput ref="GuipInput" width="200px" label="售价" placeholder="请输入售价" unit="元"></GuipInput>

                    <div style="width: 20px;height: 10px;"></div>

@ -551,8 +554,8 @@
                    </template>
                </GuipToolTip>
                <GuipToolTip placement="bottom" effect="light" content="点击进入编辑">
-                    <svg-icon :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
-                        :hoverColor="'#006AFF'" />
+                        <SvgIcon1 :iconPath="require(`@/assets/register/tableEdit.svg`)" defaultColor="#8A9099" :size="16"
+                        activeColor="#006AFF" />
                </GuipToolTip>
            </div>

@ -595,22 +598,23 @@

 import { rules } from "../assets/vabForm";
 import CustomDropdown from '@/components/CustomDropdown.vue';
-import GuipSwitch from '@/components/GuipSwitch.vue';
-import GuipDialog from '@/components/GuipDialog.vue';
+// import GuipSwitch from '@/components/GuipSwitch.vue';
+// import GuipDialog from '@/components/GuipDialog.vue';
 // import GuipRadio from '@/components/GuipRadio.vue';
 // import GuipButton from '@/components/GuipButton.vue';
 // import { GuipButton } from '@zhicheng1012/zhicheng-components'
 // import GuipInput from '@/components/GuipInput.vue';
 // import GuipSelect from '@/components/GuipSelect.vue';
 // import GuipTable from '@/components/GuipTable.vue';
-import GuipTextarea from '@/components/GuipTextarea.vue'
+// import GuipTextarea from '@/components/GuipTextarea.vue'
 // import GuipToolTip from '@/components/GuipToolTip.vue'
 import HoverButton from '@/components/HoverButton.vue'
-import GuipFormItem from '@/components/GuipFormItem.vue'
+// import GuipFormItem from '@/components/GuipFormItem.vue'
 // import SvgIcon from '@/components/SvgIcon.vue';
 // import PromptText from "@/components/PromptText.vue";
 // import DevicePreview from "@/components/PreviewTab.vue";
 import domainBind from "@/components/domainBind.vue";
+// import SvgIcon1 from "@/components/SvgIcon1.vue";


 export default {
@ -618,10 +622,10 @@ export default {
    components: {
        // PromptText,
        domainBind,
-        GuipTextarea,
+        // GuipTextarea,
        // GuipTable,
-        GuipSwitch,
-        GuipDialog,
+        // GuipSwitch,
+        // GuipDialog,
        // GuipRadio,
        // GuipButton,
        // GuipInput,
@ -629,7 +633,7 @@ export default {
        // GuipToolTip,
        HoverButton,
        // SvgIcon,
-        GuipFormItem,
+        // GuipFormItem,
        // DevicePreview,
        CustomDropdown
    },
@ -973,6 +977,13 @@ export default {
    mounted() {
        this.getList();
        this.getStagePurchase()
+        // console.log(this.$Message,'=$Message----');
+        // this.$Message.success('测试消息')
+        this.$Message({
+  message: '这是一条普通消息',
+  type: 'info',
+  duration: 3000
+})
        // this.$loadingFn.show()
        // setInterval(()=>{
        //     this.$loadingFn.hide()
--- a/vue.config.js
+++ b/vue.config.js
@ -1,6 +1,5 @@
-
-const path = require('path')
-const TerserPlugin = require('terser-webpack-plugin')
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');

 module.exports = {
  devServer: {
@ -19,13 +18,19 @@ module.exports = {
    module: {
      rules: [
        {
-          test: /\.js$/,
-          exclude: /node_modules/,
+          test: /\.m?js$/,
+          exclude: /(node_modules|bower_components)/,
          use: {
            loader: 'babel-loader',
-          },
+            options: {
+              plugins: [
+                '@babel/plugin-proposal-optional-chaining', // 支持 ?.
+                // '@babel/plugin-proposal-nullish-coalescing-operator' // 支持 ??
+              ]
+            }
+          }
        }
-      ],
+      ]
    },
    optimization: {
      minimizer: [
@ -33,6 +38,9 @@ module.exports = {
          terserOptions: {
            format: {
              comments: /^\**!|@preserve|@license|@cc_on/i
+            },
+            compress: {
+              drop_console: process.env.NODE_ENV === 'production' // 生产环境移除 console
            }
          },
          extractComments: false
@ -50,17 +58,29 @@ module.exports = {
    }
  },
  chainWebpack: config => {
+    // 关键配置：让 Babel 处理 Vue 模板中的现代语法
    config.module
      .rule('vue')
      .use('vue-loader')
-      .loader('vue-loader')
      .tap(options => {
        options.compilerOptions = {
          ...(options.compilerOptions || {}),
-          whitespace: 'preserve',
-          preserveWhitespace: false
+          whitespace: 'condense',
+          preserveWhitespace: false,
+          // 允许模板中使用现代 JS 语法（如 ?.）
+          transpileOptions: {
+            transforms: {
+              dangerousTaggedTemplateString: true,
+              modules: false
            }
-        return options
-      })
+          }
+        };
+        return options;
+      });
+
+    // 生产环境配置
+    if (process.env.NODE_ENV === 'production') {
+      config.optimization.minimize(true);
    }
  }
+};