国际化版本

ys_int/config/index.js

@@ -14,7 +14,7 @@ module.exports = {
   },
   dev: {
     env: require('./dev.env'),
-    port: 8090,
+    port: 8001,
     autoOpenBrowser: true,
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',

ys_int/src/http.js

@@ -1,13 +1,23 @@
 import axios from 'axios'
 import qs from 'qs'
 
-const TIME_OUT_MS = 60 * 1000 // 默认请求超时时间
+import { lang } from './i18n/lang/en';
+import i18n from './i18n/i18n'
 
+const TIME_OUT_MS = 60 * 1000 // 默认请求超时时间
 /*
  * @param response 返回数据列表
  */
 function handleResults (response) {
     let remoteResponse = response.data;
+    if(remoteResponse.code != "ok" && i18n.locale == "en-US") {
+        var list = lang.port;
+        for(var i in list) {
+            if(i == remoteResponse.msg) {
+                remoteResponse.msg = list[i];
+            }
+        }
+    }
     return remoteResponse
 }
 
@@ -32,7 +42,7 @@ export default {
      * @param exception 异常的回调函数
      */
     post (url, data, response, exception) {
-        var user = sessionStorage.getItem('user') , token = "";
+        var user = sessionStorage.getItem('user') , token = "" , that = this;
         if(user != null){
             token = JSON.parse(user).headImgurl
             data.token = token

ys_int/src/i18n/i18n.js

@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import locale from 'element-ui/lib/locale'
+
+Vue.use(VueI18n)
+
+const i18n = new VueI18n({
+    locale: localStorage.lang || 'zh-CN',    // 语言标识
+    messages: {
+      'zh-CN': require('./lang/zh').default,   // 中文语言包
+      'en-US': require('./lang/en').default    // 英文语言包
+    },
+    silentTranslationWarn: true,
+})
+
+locale.i18n((key, value) => i18n.t(key, value)) 
+
+export default i18n

ys_int/src/i18n/lang/en.js

@@ -0,0 +1,84 @@
+import locale from 'element-ui/lib/locale/lang/en'
+const lang = {
+    base: {
+        title: "YunSu CMS",
+        account: "Account",
+        password: "Password",
+        login: "Login",
+        prompt: "Prompt",
+    },
+    msg: {
+        changeLanguage: "Whether to change the language?",
+        signOut: "Whether to log out?",
+        loginAcc: "Please input Accounts",
+        loginPass: "Please input Password",
+    },
+    home: {
+        approval: "Approval",
+        noApproval: "No approval message",
+
+        warning: "Warning",
+        noWarning: "No warning message",
+
+        maintain: "Maintain",
+        noMaintain: "No maintenance message",
+
+        all: "View All",
+
+        pwd: "Change Password",
+        msg: "Modify Information",
+        exit: "Sign Out",
+    },
+    navigation: {
+        map: "Map",
+        test: "Running Test",
+        msg: "Message Center",
+
+        pro: "Project Manage",
+        proList: "Project List",
+        staff: "Personnel Manage",
+        power: "Competence Manage",
+
+        mold: "Mold Manage",
+        moldList: "Mold List",
+        moldDown: "Document Download",
+
+        base: "Basic Manage",
+        asset: "Asset Manage",
+        producer: "Producer Manage",
+        device: "YM Mold Manage",
+    },
+    sys: {
+
+    },
+    port: {
+        "用户不存在或者未登录": "User does not exist or is not logged in",
+        "数据不可为空": "Data cannot be empty",
+        "公司已存在，请勿重复添加": "The company already exists, please do not add it repeatedly",
+        "当前公司所关联的生产方公司中已被用用到项目，不可执行修改操作。": "The current production company associated with the company has been used in the project, and the modification operation cannot be performed.",
+        "当前公司所关联的资产方公司已被用用到项目，不可执行修改操作。": "The current asset company associated with the company has been used in the project and no modification operations can be performed.",
+        "该公司已被应用到用户中，暂不提供删除操作": "The company has been applied to users, and no deletion is provided at this time.",
+        "当前设备编号已存在，请重新输入其他模具编号": "The current device number already exists. Please re-enter other mold numbers",
+        "该设备没有所属公司，请添加所属公司后再启用": "This device does not have a company, please add your company and then enable it.",
+        "对不起，您不是超级管理员，不具备启用设备的权限": "Sorry, you are not a super administrator and do not have permission to enable the device.",
+        "对不起，您不含有查看该列表的权利": "Sorry, you do not have the right to view this list.",
+        "云模盒编号已被占用，请修改后重新上传": "The cloud model box number is already occupied. Please re-upload after modification.",
+        "只有生产方和资产方审批人才能审核": "Only producer and asset approvers can review",
+        "您没有该权限!": "You do not have this permission!!",
+        "暂无文件": "No file",
+        "该模具已被应用到项目，不提供删除操作": "The mold has been applied to the project and no delete operation is provided",
+        "模具id不存在": "Mold id does not exist",
+        "零件编号已被占用，请修改后重新上传": "The part number is already occupied. Please re-upload after modification.",
+        "零件寿命数字过长，请修改后重试": "The part life number is too long, please modify and try again",
+        "添加项目参与人失败，人员id不存在": "Adding project participants failed, staff id does not exist",
+        "密码错误": "Wrong password",
+        "账号不存在": "Account does not exist",
+        "该用户已被应用到项目，暂不提供删除操作": "The user has been applied to the project and no delete operation is currently available.",
+        "该公司下的管理员已存在": "The administrator under the company already exists",
+        "账号已存在": "Account already exists",
+        "公司信息不匹配，创建账号失败": "Company information does not match, creating account failed"
+    },
+    ...locale
+}
+
+export default lang

ys_int/src/i18n/lang/zh.js

@@ -0,0 +1,57 @@
+import locale from 'element-ui/lib/locale/lang/zh-CN'
+const lang = {
+    base: {
+        title: "云塑网后台管理系统",
+        account: "账号",
+        password: "密码",
+        login: "登录",
+        prompt: "提示",
+    },
+    msg: {
+        changeLanguage: "是否切换语言?",
+        signOut: "是否退出登录?",
+        loginAcc: "请输入账号",
+        loginPass: "请输入密码",
+    },
+    home: {
+        approval: "审批",
+        noApproval: "暂无审批消息",
+
+        caveat: "警告",
+        noCaveat: "暂无警告消息",
+
+        maintain: "保养",
+        noMaintain: "暂无保养消息",
+
+        all: "查看全部",
+
+        pwd: "修改密码",
+        msg: "修改信息",
+        exit: "退出登录",
+    },
+    navigation: {
+        map: "地图概览",
+        test: "运行监测",
+        msg: "消息中心",
+
+        pro: "项目管理",
+        proList: "项目列表",
+        staff: "人员管理",
+        power: "权限管理",
+
+        mold: "模具管理",
+        moldList: "模具列表",
+        moldDown: "文档下载",
+
+        base: "基础管理",
+        asset: "资产方管理",
+        producer: "生产方管理",
+        device: "云模盒管理",
+    },
+    sys: {
+
+    },
+    ...locale
+}
+
+export default lang

ys_int/src/main.js

@@ -1,10 +1,17 @@
 import Vue from 'vue'
 import App from './App'
 
+import VueClipboard from 'vue-clipboard2'
+Vue.use(VueClipboard)
+
 import VueRouter from 'vue-router'
+Vue.use(VueRouter)
 
 import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
+Vue.use(ElementUI)
+
+import i18n from './i18n/i18n'
 
 import store from './vuex/store'
 import Vuex from 'vuex'
@@ -16,23 +23,25 @@ Vue.prototype.http = http
 import port from './port'
 Vue.prototype.port = port
 
-import VueClipboard from 'vue-clipboard2'
-Vue.use(VueClipboard)
-
 import 'font-awesome/css/font-awesome.min.css'
 import './assets/iconfont/iconfont.css'
 
-Vue.use(ElementUI)
-Vue.use(VueRouter)
 Vue.use(Vuex)
 
 const router = new VueRouter({
     routes
 })
 
-
 router.beforeEach((to, from, next) => {
     if(to.name != '邀请') {
+        var navigation = {};
+
+        if(i18n.locale == "en-US") {
+            navigation = require('./i18n/lang/en').default.navigation;
+        } else {
+            navigation = require('./i18n/lang/zh').default.navigation;
+        }
+
         if (to.path == '/login') {
             sessionStorage.removeItem('user');
         }
@@ -43,17 +52,17 @@ router.beforeEach((to, from, next) => {
         } else {
             if(user){
                 for(var i in routes){
-                    if(routes[i].name == "基础管理" && user.parentId != 0){
+                    if(routes[i].name == navigation.base && user.parentId != 0){//基础管理
                         routes[i].hidden = true
-                    } else if(routes[i].name == "基础管理"){
+                    } else if(routes[i].name == navigation.base){//基础管理
                         routes[i].hidden = false
                     }
                     
-                    if(routes[i].name == "项目管理" && user.parentId > 1){
+                    if(routes[i].name == navigation.pro && user.parentId > 1){//项目管理
                         var children = routes[i].children;
                         for(var j in children){
     
-                            if(children[j].name == "人员管理"){
+                            if(children[j].name == navigation.staff){//人员管理
                                 if(user.isManager == 0){
                                     children[j].hidden = true
                                 } else {
@@ -61,7 +70,7 @@ router.beforeEach((to, from, next) => {
                                 }
                             }
     
-                            if(children[j].name == "权限管理"){
+                            if(children[j].name == navigation.power){//权限管理
                                 if(user.isManager == 0){
                                     children[j].hidden = true
                                 } else {
@@ -69,14 +78,14 @@ router.beforeEach((to, from, next) => {
                                 }
                             }
                         }
-                    } else if(routes[i].name == "项目管理") {
+                    } else if(routes[i].name == navigation.pro) {//项目管理
                         var children = routes[i].children;
                         for(var j in children){
                             if(children[j].name != "项目详情"){
                                 children[j].hidden = false
                             }
                             
-                            if(children[j].name == "权限管理"){
+                            if(children[j].name == navigation.power){//权限管理
                                 if((user.parentId == 0 || user.parentId == 1) && user.isManager == 0){
                                     children[j].hidden = true
                                 }
@@ -95,6 +104,7 @@ router.beforeEach((to, from, next) => {
 new Vue({
     router,
     store,
+    i18n,
     render: h => h(App)
 }).$mount('#app')
 

ys_int/src/mock/data/user.js

@@ -1,25 +0,0 @@
-import Mock from 'mockjs';
-const LoginUsers = [
-  {
-    id: 1,
-    username: 'admin',
-    password: '123456',
-    avatar: 'https://raw.githubusercontent.com/taylorchen709/markdown-images/master/vueadmin/user.png',
-    name: '张某某'
-  }
-];
-
-const Users = [];
-
-for (let i = 0; i < 86; i++) {
-  Users.push(Mock.mock({
-    id: Mock.Random.guid(),
-    name: Mock.Random.cname(),
-    addr: Mock.mock('@county(true)'),
-    'age|18-60': 1,
-    birth: Mock.Random.date(),
-    sex: Mock.Random.integer(0, 1)
-  }));
-}
-
-export { LoginUsers, Users };

ys_int/src/mock/index.js

@@ -1,3 +0,0 @@
-import mock from './mock';
-
-export default mock;

ys_int/src/mock/mock.js

@@ -1,153 +0,0 @@
-import axios from 'axios';
-import MockAdapter from 'axios-mock-adapter';
-import { LoginUsers, Users } from './data/user';
-let _Users = Users;
-
-export default {
-  /**
-   * mock bootstrap
-   */
-    bootstrap() {
-        let mock = new MockAdapter(axios);
-
-        // mock success request
-        mock.onGet('/success').reply(200, {
-            msg: 'success'
-        });
-
-        // mock error request
-        mock.onGet('/error').reply(500, {
-            msg: 'failure'
-        });
-
-        //登录
-        mock.onPost('/login').reply(config => {
-            let {username, password} = JSON.parse(config.data);
-            return new Promise((resolve, reject) => {
-                let user = null;
-                setTimeout(() => {
-                    let hasUser = LoginUsers.some(u => {
-                        if (u.username === username && u.password === password) {
-                            user = JSON.parse(JSON.stringify(u));
-                            user.password = undefined;
-                            return true;
-                        }
-                    });
-
-                    if (hasUser) {
-                        resolve([200, { code: 200, msg: '请求成功', user }]);
-                    } else {
-                        resolve([200, { code: 500, msg: '账号或密码错误' }]);
-                    }
-                }, 1000);
-            });
-        });
-
-        //获取用户列表
-        mock.onGet('/user/list').reply(config => {
-            let {name} = config.params;
-            let mockUsers = _Users.filter(user => {
-                if (name && user.name.indexOf(name) == -1) return false;
-                return true;
-            });
-            return new Promise((resolve, reject) => {
-                setTimeout(() => {
-                    resolve([200, {
-                        users: mockUsers
-                    }]);
-                }, 1000);
-            });
-        });
-
-        //获取用户列表（分页）
-        mock.onGet('/user/listpage').reply(config => {
-            let {page, name} = config.params;
-            let mockUsers = _Users.filter(user => {
-                if (name && user.name.indexOf(name) == -1) return false;
-                return true;
-            });
-            let total = mockUsers.length;
-            mockUsers = mockUsers.filter((u, index) => index < 20 * page && index >= 20 * (page - 1));
-            return new Promise((resolve, reject) => {
-                setTimeout(() => {
-                    resolve([200, {
-                        total: total,
-                        users: mockUsers
-                    }]);
-                }, 1000);
-            });
-        });
-
-        //删除用户
-        mock.onGet('/user/remove').reply(config => {
-            let { id } = config.params;
-            _Users = _Users.filter(u => u.id !== id);
-            return new Promise((resolve, reject) => {
-                setTimeout(() => {
-                    resolve([200, {
-                        code: 200,
-                        msg: '删除成功'
-                    }]);
-                }, 500);
-            });
-        });
-
-        //批量删除用户
-        mock.onGet('/user/batchremove').reply(config => {
-            let { ids } = config.params;
-            ids = ids.split(',');
-            _Users = _Users.filter(u => !ids.includes(u.id));
-            return new Promise((resolve, reject) => {
-                setTimeout(() => {
-                    resolve([200, {
-                        code: 200,
-                        msg: '删除成功'
-                    }]);
-                }, 500);
-            });
-        });
-
-        //编辑用户
-        mock.onGet('/user/edit').reply(config => {
-            let { id, name, addr, age, birth, sex } = config.params;
-            _Users.some(u => {
-                if (u.id === id) {
-                    u.name = name;
-                    u.addr = addr;
-                    u.age = age;
-                    u.birth = birth;
-                    u.sex = sex;
-                    return true;
-                }
-            });
-            return new Promise((resolve, reject) => {
-                setTimeout(() => {
-                    resolve([200, {
-                        code: 200,
-                        msg: '编辑成功'
-                    }]);
-                }, 500);
-            });
-        });
-
-        //新增用户
-        mock.onGet('/user/add').reply(config => {
-            let { name, addr, age, birth, sex } = config.params;
-            _Users.push({
-                name: name,
-                addr: addr,
-                age: age,
-                birth: birth,
-                sex: sex
-            });
-            return new Promise((resolve, reject) => {
-                setTimeout(() => {
-                    resolve([200, {
-                        code: 200,
-                        msg: '新增成功'
-                    }]);
-                }, 500);
-            });
-        });
-    }
-};

ys_int/src/routes.js

@@ -22,6 +22,16 @@ import comp from './views/base/comp.vue'
 import factory from './views/base/factory.vue'
 import allocation from './views/base/allocation.vue'
 
+import i18n from './i18n/i18n';
+
+var navigation = {};
+
+if(i18n.locale == "en-US") {
+    navigation = require('./i18n/lang/en').default.navigation;
+} else {
+    navigation = require('./i18n/lang/zh').default.navigation;
+}
+
 let routes = [
     {
         path: '/login',
@@ -37,8 +47,8 @@ let routes = [
         iconCls: 'iconfont icon-ditu',
         leaf: true,//只有一个节点
         children: [
-            { path: '/map', component: map, name: '地图概览' },
-            { path: '/message', component: message, name: '消息中心', hidden: true }
+            { path: '/map', component: map, name: navigation.map },
+            { path: '/message', component: message, name: navigation.msg, hidden: true }
         ]
     },
     //运行监测
@@ -49,7 +59,7 @@ let routes = [
         iconCls: 'iconfont icon-jiance',
         leaf: true,//只有一个节点
         children: [
-            { path: '/detection', component: detection, name: '运行检测' },
+            { path: '/detection', component: detection, name: navigation.test },
             { path: '/detection/:id', component: maintenance, name: '运行检测详情', hidden: true }
         ]
     },
@@ -57,37 +67,37 @@ let routes = [
     {
         path: '/',
         component: Home,
-        name: '项目管理',
+        name: navigation.pro,
         iconCls: 'iconfont icon-ic_dashboard',
         children: [
-            { path: '/project', component: project, name: '项目列表' },
+            { path: '/project', component: project, name: navigation.proList },
             { path: '/project/:id', component: projectDetail, name: '项目详情', hidden: true },
-            { path: '/staff', component: staff, name: '人员管理' },
-            { path: '/competence', component: competence, name: '权限管理' }
+            { path: '/staff', component: staff, name: navigation.staff },
+            { path: '/competence', component: competence, name: navigation.power }
         ]
     },
     //模具管理
     {
         path: '/',
         component: Home,
-        name: '模具管理',
+        name: navigation.mold,
         iconCls: 'iconfont icon-moxing',
         children: [
-            { path: '/moldList', component: moldList, name: '模具列表' },
+            { path: '/moldList', component: moldList, name: navigation.moldList },
             { path: '/moldList/:id/:type', component: moldDetail, name: '模具详情', hidden: true },
-            { path: '/moldDownload', component: moldDownload, name: '文档下载' }
+            { path: '/moldDownload', component: moldDownload, name: navigation.moldDown }
         ]
     },
     //基础管理
     {
         path: '/',
         component: Home,
-        name: '基础管理',
+        name: navigation.base,
         iconCls: 'iconfont icon-setting-fill',
         children: [
-            { path: '/comp', component: comp, name: '资产方管理' },
-            { path: '/factory', component: factory, name: '生产方管理' },
-            { path: '/allocation', component: allocation, name: '云模盒管理' }
+            { path: '/comp', component: comp, name: navigation.asset },
+            { path: '/factory', component: factory, name: navigation.producer },
+            { path: '/allocation', component: allocation, name: navigation.device }
         ]
     },
     //邀请

ys_int/src/views/Login.vue

@@ -1,18 +1,23 @@
 <template>
     <div class="login-par">
+        <div class="changeLanguage">
+            <span @click="changeLanguage" :class="$i18n.locale=='zh-CN'?'choseColor':'noColor'">中文</span>
+                /
+            <span @click="changeLanguage" :class="$i18n.locale=='zh-CN'?'noColor':'choseColor'">Engilsh</span>
+        </div>
         <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-position="left" label-width="0px" class="demo-ruleForm login-container">
             <div class="login-logo">
                 <img src="../assets/image/login_logo.png" style="width:80px;height:80px;"/>
             </div>
-            <h3 class="title">云塑网后台管理系统</h3>
+            <h3 class="title">{{$t('base.title')}}</h3>
             <el-form-item class="login-input" prop="account">
-                <el-input type="text" v-model="ruleForm.account" autocomplete="off" placeholder="账号" clearable prefix-icon="el-icon-user-solid"></el-input>
+                <el-input type="text" v-model="ruleForm.account" autocomplete="off" :placeholder="$t('base.account')" clearable prefix-icon="el-icon-user-solid"></el-input>
             </el-form-item>
             <el-form-item class="login-input" prop="password">
-                <el-input type="password" v-model="ruleForm.password" @keyup.enter.native="handleSubmit" autocomplete="off" placeholder="密码" show-password prefix-icon="el-icon-lock"></el-input>
+                <el-input type="password" v-model="ruleForm.password" @keyup.enter.native="handleSubmit" autocomplete="off" :placeholder="$t('base.password')" show-password prefix-icon="el-icon-lock"></el-input>
             </el-form-item>
             <el-form-item class="login-button" style="width:100%;">
-                <el-button type="primary" style="width:100%;" @click.native.prevent="handleSubmit" :loading="logining">登录</el-button>
+                <el-button type="primary" style="width:100%;" @click.native.prevent="handleSubmit" :loading="logining">{{$t('base.login')}}</el-button>
             </el-form-item>
         </el-form>
         <div class="login-backImg">
@@ -24,6 +29,17 @@
 <script>
     export default {
         data() {
+            const msg = (rule, value, callback) => {
+                if (!value) {
+                    if(rule.field == "account") {
+                        return callback(new Error(this.$t('msg.loginAcc')));
+                    } else {
+                        return callback(new Error(this.$t('msg.loginPass')));
+                    }
+                } else {
+                    callback();
+                }
+            };
             return {
                 logining: false,
                 // 登录信息
@@ -33,10 +49,10 @@
                 },
                 rules: {
                     account: [
-                        { required: true, message: '请输入账号', trigger: 'blur' },
+                        { validator: msg , trigger: 'blur' },
                     ],
                     password: [
-                        { required: true, message: '请输入密码', trigger: 'blur' },
+                        { validator: msg , trigger: 'blur' },
                     ]
                 }
             };
@@ -45,7 +61,22 @@
             handleReset2() {
                 this.$refs.ruleForm.resetFields();
             },
-            handleSubmit(ev) {
+            changeLanguage() {
+                this.$confirm(this.$t('msg.changeLanguage'), this.$t('el.messagebox.title'), {
+                    confirmButtonText: this.$t('el.messagebox.confirm'),
+                    cancelButtonText: this.$t('el.messagebox.cancel'),
+                    type: 'warning'
+                }).then(() => {
+                    if ( this.$i18n.locale === 'zh-CN' ) {
+                        this.$i18n.locale = 'en-US';
+                        localStorage.lang = 'en-US';
+                    }else {
+                        this.$i18n.locale = 'zh-CN';
+                        localStorage.lang = 'zh-CN';
+                    }
+                }).catch(() => {});
+            },
+            handleSubmit() {
                 this.$refs.ruleForm.validate((valid) => {
                     if (valid) {
                         var _this = this;
@@ -80,6 +111,22 @@
         position: relative;
     }
 
+    .changeLanguage {
+        position: absolute;
+        right:30px;
+        top:-160px;
+        font-size: 17px;
+        cursor: pointer;
+
+        .choseColor {
+            color: #409EFF;
+        }
+
+        .noColor {
+            color: #cac6c6;
+        }
+    }
+
     .login-logo {
         text-align: center;
         margin: 0 0 20px 0;

ys_int/src/views/detection/detection.vue

@@ -1,172 +1,176 @@
 <template>
-  <section>
-    <!--工具条-->
-    <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
-      <el-form :inline="true" :model="filters">
-        <el-col :span="2">
-          <el-form-item>
-            <el-select v-model="filters.value" placeholder="请选择">
-              <el-option label="编号" value="0"></el-option>
-              <el-option label="名称" value="1"></el-option>
-            </el-select>
-          </el-form-item>
+    <section>
+        <!--工具条-->
+        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+            <el-form :inline="true" :model="filters">
+                <el-col :span="2">
+                    <el-form-item>
+                        <el-select v-model="filters.value" placeholder="请选择">
+                        <el-option label="编号" value="0"></el-option>
+                        <el-option label="名称" value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+                <el-form-item>
+                    <el-input v-model="filters.name" placeholder="请输入关键字进行搜索" style="width: 300px;" clearable></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="getMoulds(filters.name)">查询</el-button>
+                </el-form-item>
+            </el-form>
         </el-col>
-        <el-form-item>
-          <el-input v-model="filters.name" placeholder="请输入关键字进行搜索" style="width: 300px;" clearable></el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="getMoulds(filters.name)">查询</el-button>
-        </el-form-item>
-      </el-form>
-    </el-col>
 
-    <!--列表-->
-    <el-table
-      :data="moulds"
-      :height="tableHeight"
-      highlight-current-row
-      v-loading="listLoading"
-      style="width: 100%;"
-    >
-      <el-table-column type="index" width="60"></el-table-column>
-      <el-table-column prop="modelNo" label="模具编号" width="100" sortable></el-table-column>
-      <el-table-column label="模具名称" width="200" sortable>
-        <template slot-scope="scope">
-          <a
-            style="color: #409EFF; cursor: pointer"
-            @click="toMould(scope.row.id)"
-          >{{scope.row.modelName}}</a>
-        </template>
-      </el-table-column>
-      <el-table-column prop="equipmentNo" label="云模盒编号" width="120" sortable></el-table-column>
-      <el-table-column prop="projectName" label="所属项目" width="200" sortable></el-table-column>
-      <el-table-column prop="factoryName" label="制造工厂" width="200" sortable></el-table-column>
-      <el-table-column prop="area" label="位置" width="200" sortable></el-table-column>
-      <el-table-column prop="runTimes" label="运行次数" align="center" width="100" sortable></el-table-column>
-      <el-table-column prop="ocCycle" label="每模平均周期" align="center" width="140" sortable></el-table-column>
-      <el-table-column prop="hillNumber" label="电量" align="center" width="80" sortable></el-table-column>
-      <el-table-column prop="state" label="当前状态" align="center" width="100" sortable></el-table-column>
-      <el-table-column label="云模盒报警" align="center" width="160">
-          <template slot-scope="scope">
-          <span v-if="scope.row.stage == 0">正常</span>
-          <span v-else-if="scope.row.stage == 1">温度过高</span>
-          <span v-else-if="scope.row.stage == 2">电量过低</span>
-          <span v-else-if="scope.row.stage == 3">温度过高、电量过低</span>
-          <span v-else>不明</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="模具保养" align="center" width="100">
-        <template slot-scope="scope">
-          <span v-if="scope.row.isMaintain == 1">需要</span>
-          <span v-else>正常</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="处理" align="center" width="85">
-        <template slot-scope="scope">
-          <el-button size="small" type="primary" @click="toMaintenance(scope.row.id)">详情</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+        <!--列表-->
+        <el-table
+            :data="moulds"
+            :height="tableHeight"
+            highlight-current-row
+            v-loading="listLoading"
+            style="width: 100%;"
+        >
+            <el-table-column type="index" width="60"></el-table-column>
+            <el-table-column prop="modelNo" label="模具编号" width="100" sortable></el-table-column>
+            <el-table-column label="模具名称" width="200" sortable>
+                <template slot-scope="scope">
+                <a
+                    style="color: #409EFF; cursor: pointer"
+                    @click="toMould(scope.row.id)"
+                >{{scope.row.modelName}}</a>
+                </template>
+            </el-table-column>
+            <el-table-column prop="equipmentNo" label="云模盒编号" width="120" sortable></el-table-column>
+            <el-table-column prop="projectName" label="所属项目" width="200" sortable></el-table-column>
+            <el-table-column prop="factoryName" label="制造工厂" width="200" sortable></el-table-column>
+            <el-table-column prop="area" label="位置" width="200" sortable></el-table-column>
+            <el-table-column prop="runTimes" label="运行次数" align="center" width="100" sortable></el-table-column>
+            <el-table-column prop="ocCycle" label="每模平均周期" align="center" width="140" sortable></el-table-column>
+            <el-table-column prop="hillNumber" label="电量" align="center" width="80" sortable></el-table-column>
+            <el-table-column prop="state" label="当前状态" align="center" width="100" sortable></el-table-column>
+            <el-table-column label="云模盒报警" align="center" width="160">
+                <template slot-scope="scope">
+                <span v-if="scope.row.stage == 0">正常</span>
+                <span v-else-if="scope.row.stage == 1">温度过高</span>
+                <span v-else-if="scope.row.stage == 2">电量过低</span>
+                <span v-else-if="scope.row.stage == 3">温度过高、电量过低</span>
+                <span v-else>不明</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="模具保养" align="center" width="100">
+                <template slot-scope="scope">
+                <span v-if="scope.row.isMaintain == 1">需要</span>
+                <span v-else>正常</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="处理" align="center" width="85">
+                <template slot-scope="scope">
+                <el-button size="small" type="primary" @click="toMaintenance(scope.row.id)">详情</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
 
-    <!--工具条-->
-    <el-col :span="24" class="toolbar">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :page-sizes="[20 , 50 , 80 , 100 , 200]"
-        :page-size="20"
-        layout="total, sizes, prev, pager, next"
-        :total="total"
-        style="float:right;"
-      ></el-pagination>
-    </el-col>
-  </section>
+        <!--工具条-->
+        <el-col :span="24" class="toolbar">
+            <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :page-sizes="[20 , 50 , 80 , 100 , 200]"
+                :page-size="20"
+                layout="total, sizes, prev, pager, next"
+                :total="total"
+                style="float:right;"
+            ></el-pagination>
+        </el-col>
+    </section>
 </template>
 
 <script>
-import util from "../../common/js/util";
-export default {
-  data() {
-    return {
-      moulds: [],
-      filters: {
-        name: "",
-        value: "0"
-      },
-      listLoading: false,
-      total: 0,
-      tableHeight: 0,
-      page: 1,
-      size: 20
-    };
-  },
-  methods: {
-    //分页
-    handleCurrentChange(val) {
-      this.page = val;
-      this.getMoulds();
-    },
-    handleSizeChange(val) {
-      this.size = val;
-      this.getMoulds();
-    },
-    //跳转到运行监测详情
-    toMaintenance(id) {
-      this.$router.push("/detection/" + id);
-    },
-    //跳转到模具详情
-    toMould(id) {
-      this.$router.push("/moldList/" + id + "/0");
-    },
-    //获取模具信息
-    getMoulds(keyWord) {
-      this.listLoading = true;
-      if (keyWord == null) {
-        var type = 0;
-      } else {
-        var type = this.filters.value;
-      }
-      var params = {
-        pageNum: this.page,
-        pageSize: this.size,
-        projectId: -1,
-        searchType: type,
-        keyName: keyWord,
-        type: 0
-      };
-      this.http.post(
-        this.port.mold.molds,
-        params,
-        res => {
-          this.listLoading = false;
-          if (res.code == "ok") {
-            this.moulds = res.data.list;
-            this.total = res.data.total;
-          } else {
-            this.$message({
-              message: res.msg,
-              type: "error"
-            });
-          }
+    import util from "../../common/js/util";
+
+    export default {
+        data() {
+            return {
+                moulds: [],
+                filters: {
+                    name: "",
+                    value: "0"
+                },
+                listLoading: false,
+                total: 0,
+                tableHeight: 0,
+                page: 1,
+                size: 20
+            };
+        },
+        methods: {
+            //分页
+            handleCurrentChange(val) {
+                this.page = val;
+                this.getMoulds();
+            },
+
+            handleSizeChange(val) {
+                this.size = val;
+                this.getMoulds();
+            },
+
+            //跳转到运行监测详情
+            toMaintenance(id) {
+                this.$router.push("/detection/" + id);
+            },
+
+            //跳转到模具详情
+            toMould(id) {
+                this.$router.push("/moldList/" + id + "/0");
+            },
+
+            //获取模具信息
+            getMoulds(keyWord) {
+                this.listLoading = true;
+                if (keyWord == null) {
+                    var type = 0;
+                } else {
+                    var type = this.filters.value;
+                }
+                var params = {
+                    pageNum: this.page,
+                    pageSize: this.size,
+                    projectId: -1,
+                    searchType: type,
+                    keyName: keyWord,
+                    type: 0
+                };
+                this.http.post( this.port.mold.molds , params,
+                res => {
+                    this.listLoading = false;
+                    if (res.code == "ok") {
+                        this.moulds = res.data.list;
+                        this.total = res.data.total;
+                    } else {
+                        this.$message({
+                        message: res.msg,
+                        type: "error"
+                        });
+                    }
+                },
+                error => {
+                    this.listLoading = false;
+                    this.$message({
+                        message: error,
+                        type: "error"
+                    });
+                });
+            }
+        },
+
+        created() {
+            let height = window.innerHeight;
+            this.tableHeight = height - 210;
         },
-        error => {
-          this.listLoading = false;
-          this.$message({
-            message: error,
-            type: "error"
-          });
+
+        mounted() {
+            this.getMoulds();
         }
-      );
-    }
-  },
-  created() {
-    let height = window.innerHeight;
-    this.tableHeight = height - 210;
-  },
-  mounted() {
-    this.getMoulds();
-  }
-};
+    };
 </script>
 
 <style scoped>