修改成按需引入。

kiisoo-ic-ui/babel.config.js

@@ -1,5 +1,12 @@
 module.exports = {
-  presets: [
+    presets: [
-    '@vue/cli-plugin-babel/preset'
+        '@vue/cli-plugin-babel/preset'
-  ]
+    ],
+    plugins: [
+        ['import', {
+            libraryName: 'view-design',
+            libraryDirectory: 'src/components'
+        }
+        ]
+    ]
 }

kiisoo-ic-ui/package.json

@@ -24,6 +24,7 @@
     "@vue/cli-plugin-eslint": "~4.3.0",
     "@vue/cli-service": "~4.3.0",
     "babel-eslint": "^10.1.0",
+    "babel-plugin-import": "^1.13.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
     "vue-template-compiler": "^2.6.11"

kiisoo-ic-ui/src/iview.js

@@ -0,0 +1,33 @@
+import Vue from 'vue';
+import {
+    Avatar, Breadcrumb, BreadcrumbItem,
+    Button,
+    Card,
+    Content,
+    Form,
+    FormItem,
+    Icon,
+    Input,
+    Layout,
+    Menu,
+    Sider,
+    Submenu,
+    Table
+} from "view-design";
+import 'view-design/dist/styles/iview.css';
+
+Vue.component('Button', Button);
+Vue.component('Table', Table);
+Vue.component('Card', Card);
+Vue.component('Form', Form);
+Vue.component('FormItem', FormItem);
+Vue.component('Icon', Icon);
+Vue.component('i-input', Input);
+Vue.component('Layout', Layout);
+Vue.component('Sider', Sider);
+Vue.component('Avatar', Avatar);
+Vue.component('Menu', Menu);
+Vue.component('Submenu', Submenu);
+Vue.component('Content', Content);
+Vue.component('Breadcrumb', Breadcrumb);
+Vue.component('BreadcrumbItem', BreadcrumbItem);

kiisoo-ic-ui/src/main.js

@@ -3,26 +3,24 @@ import App from './App.vue'
 import router from './router'
 import Vuex from 'vuex'
 import moment from 'moment'
-import ViewUI from 'view-design';
-import 'view-design/dist/styles/iview.css';
 import axios from 'axios';
 import QS from 'qs';
+import './iview';
 
-Vue.use(Vuex);
-Vue.use(ViewUI);
 Vue.prototype.$axios = axios;
 Vue.prototype.$qs = QS;
 Vue.prototype.$moment = moment;
 Vue.config.productionTip = false
-
-
 Vue.prototype.$moment = moment;
 // 需要汉化
 moment.locale('zh-cn');
 
+Vue.use(Vuex);
+// Vue.use(ViewUI);
+
+
+
 new Vue({
   render: h => h(App),
   router,
-  components: { App },
-  template: '<App/>'
 }).$mount('#app')

kiisoo-ic-ui/src/pages/Login.vue

@@ -10,15 +10,15 @@
         <div style="text-align:center">
           <Form ref="formInline" :model="formInline" :rules="ruleInline">
             <FormItem prop="user">
-<!--              <Input type="text" size="large" v-model="formInline.user" placeholder="Username" @on-focus="inputFocus">-->
+              <i-input type="text" size="large" v-model="formInline.user" placeholder="Username" @on-focus="inputFocus">
-<!--                <Icon type="ios-person-outline" slot="prepend"></Icon>-->
+                <Icon type="ios-person-outline" slot="prepend"></Icon>
-<!--              </Input>-->
+              </i-input>
               <p v-if="showPromptUser" class="font-prompt">{{loginPrompt}}</p>
             </FormItem>
             <FormItem prop="password">
-<!--              <Input type="password" size="large" v-model="formInline.password" placeholder="Password" @on-focus="inputFocus">-->
+              <i-input type="password" size="large" v-model="formInline.password" placeholder="Password" @on-focus="inputFocus">
-<!--                <Icon type="ios-lock-outline" slot="prepend"></Icon>-->
+                <Icon type="ios-lock-outline" slot="prepend"></Icon>
-<!--              </Input>-->
+              </i-input>
               <p v-if="showPrompt" class="font-prompt">{{loginPrompt}}</p>
             </FormItem>
             <FormItem>

kiisoo-ic-ui/src/services/CommonHttp.js

@@ -7,7 +7,7 @@ import commonUtils from '../utils/Common'
 
 // http://mf.kiisoo.com:58080/
 // axios.defaults.baseURL = 'http://mf.kiisoo.com:58080/gds/api';
-axios.defaults.baseURL = '/marketing-channel-center';
+axios.defaults.baseURL = '/kiisoo-ic';
 //响应时间
 axios.defaults.timeout = 120000;
 axios.defaults.withCredentials=true;