ms project

This commit is contained in:
Captain.B 2020-02-26 18:31:07 +08:00
parent 758165157a
commit 9c7b776a37
4 changed files with 29 additions and 23 deletions

View File

@ -1,6 +1,7 @@
const en_US = { const en_US = {
commons: { commons: {
'workspace': 'Workspace', 'workspace': 'Workspace',
'project': 'Project',
'name': 'Name', 'name': 'Name',
'description': 'Description', 'description': 'Description',
'save': 'Save', 'save': 'Save',
@ -17,11 +18,14 @@ const en_US = {
'input_name': 'Please enter a workspace name', 'input_name': 'Please enter a workspace name',
'input_name_2_50': '2 to 50 characters in length', 'input_name_2_50': '2 to 50 characters in length',
'search_by_name': 'Search by name', 'search_by_name': 'Search by name',
'organization_name': 'Organizationn Name', 'organization_name': 'Organization Name',
'please_choose_organization': 'Please Choose Organization', 'please_choose_organization': 'Please Choose Organization',
}, },
project: { project: {
'recent': 'Recent Projects' 'recent': 'Recent Projects',
'create': 'Create Project',
'delete_confirm': 'Are you sure you want to delete this project?',
'search_by_name': 'Search by name',
}, },
i18n: { i18n: {
'home': 'Home', 'home': 'Home',

View File

@ -1,6 +1,7 @@
const zh_CN = { const zh_CN = {
commons: { commons: {
'workspace': '工作空间', 'workspace': '工作空间',
'project': '项目',
'name': '名称', 'name': '名称',
'description': '描述', 'description': '描述',
'save': '保存', 'save': '保存',
@ -21,7 +22,10 @@ const zh_CN = {
'please_choose_organization': '请选择组织', 'please_choose_organization': '请选择组织',
}, },
project: { project: {
'recent': '最近的项目' 'recent': '最近的项目',
'create': '创建项目',
'delete_confirm': '这个项目确定要删除吗?',
'search_by_name': '根据名称搜索',
}, },
i18n: { i18n: {
'home': '首页', 'home': '首页',

View File

@ -5,18 +5,19 @@
<div slot="header"> <div slot="header">
<el-row type="flex" justify="space-between" align="middle"> <el-row type="flex" justify="space-between" align="middle">
<span class="title"> <span class="title">
项目 {{$t('commons.project')}}
<ms-create-box :tips="btnTips" :exec="create"/> <ms-create-box :tips="btnTips" :exec="create"/>
</span> </span>
<span class="search"> <span class="search">
<el-input type="text" size="small" placeholder="根据名称搜索" prefix-icon="el-icon-search" <el-input type="text" size="small" :placeholder="$t('project.search_by_name')"
prefix-icon="el-icon-search"
maxlength="60" v-model="condition" clearable/> maxlength="60" v-model="condition" clearable/>
</span> </span>
</el-row> </el-row>
</div> </div>
<el-table :data="items" style="width: 100%"> <el-table :data="items" style="width: 100%">
<el-table-column prop="name" label="名称"/> <el-table-column prop="name" :label="$t('commons.name')"/>
<el-table-column prop="description" label="描述"/> <el-table-column prop="description" :label="$t('commons.description')"/>
<el-table-column> <el-table-column>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="edit(scope.row)" type="primary" icon="el-icon-edit" size="mini" circle/> <el-button @click="edit(scope.row)" type="primary" icon="el-icon-edit" size="mini" circle/>
@ -43,17 +44,17 @@
</div> </div>
</el-card> </el-card>
<el-dialog title="创建项目" :visible.sync="createVisible"> <el-dialog :title="$t('project.create')" :visible.sync="createVisible">
<el-form :model="form" :rules="rules" ref="form" label-position="left" label-width="100px" size="small"> <el-form :model="form" :rules="rules" ref="form" label-position="left" label-width="100px" size="small">
<el-form-item label="名称"> <el-form-item :label="$t('commons.name')">
<el-input v-model="form.name" autocomplete="off"></el-input> <el-input v-model="form.name" autocomplete="off"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="描述"> <el-form-item :label="$t('commons.description')">
<el-input type="textarea" v-model="form.description"></el-input> <el-input type="textarea" v-model="form.description"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submit('form')" size="medium">创建</el-button> <el-button type="primary" @click="submit('form')" size="medium">{{$t('commons.save')}}</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -71,7 +72,7 @@
return { return {
createVisible: false, createVisible: false,
result: {}, result: {},
btnTips: "添加项目", btnTips: this.$t('project.create'),
condition: "", condition: "",
items: [], items: [],
form: {}, form: {},
@ -99,7 +100,7 @@
}, },
edit(row) { edit(row) {
this.createVisible = true; this.createVisible = true;
this.form = row; this.form = Object.assign({}, row);
}, },
submit(formName) { submit(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
@ -111,7 +112,7 @@
this.result = this.$post("/project/" + saveType, this.form, () => { this.result = this.$post("/project/" + saveType, this.form, () => {
this.createVisible = false; this.createVisible = false;
this.list(); this.list();
Message.success('保存成功'); Message.success(this.$t('commons.save_success'));
}); });
} else { } else {
return false; return false;
@ -119,17 +120,15 @@
}); });
}, },
del(row) { del(row) {
this.$confirm('这个项目确定要删除吗?', '提示', { this.$confirm(this.$t('project.delete_confirm'), this.$t('commons.prompt'), {
confirmButtonText: '确定', confirmButtonText: this.$t('commons.confirm'),
cancelButtonText: '取消', cancelButtonText: this.$t('commons.cancel'),
type: 'warning' type: 'warning'
}).then(() => { }, () => {
this.$get('/project/delete/' + row.id, () => { this.$get('/project/delete/' + row.id, () => {
Message.success('删除成功'); Message.success(this.$t('commons.delete_success'));
this.list(); this.list();
}); });
}).catch(() => {
}); });
}, },
list() { list() {

View File

@ -96,8 +96,7 @@
} }
}, },
watch: { watch: {
'$route'(to, from) { '$route'(to) {
window.console.log(to, from);
this.projectId = to.params.projectId; this.projectId = to.params.projectId;
this.initTableData(); this.initTableData();
} }