jiangyy
5 years ago
13 changed files with 302 additions and 34 deletions
@ -1,5 +1,5 @@ |
|||
NODE_ENV=development |
|||
VUE_APP_API_SERVER = http://192.168.1.130:8080/api |
|||
# VUE_APP_API_SERVER = http://10.10.10.17:8080/api |
|||
# VUE_APP_API_SERVER = http://192.168.51.36:8080/api |
|||
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api |
|||
VUE_APP_NODE_ENV=dev |
|||
VUE_APP_NODE_ENV=dev |
|||
@ -0,0 +1,36 @@ |
|||
export default{ |
|||
list:[ |
|||
{ |
|||
key: 'draftId', |
|||
title: '草稿 id', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
fixed: false, |
|||
block: true, |
|||
width: 60 |
|||
}, |
|||
{ |
|||
key: 'userVersion', |
|||
title: '版本号', |
|||
type: 'input', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
fixed: false, |
|||
block: true, |
|||
width: 60 |
|||
}, |
|||
{ |
|||
key: 'userDesc', |
|||
title: '版本描述', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
block: true, |
|||
width: 200 |
|||
}, |
|||
{ |
|||
key: 'createTime', |
|||
title: '上传时间', |
|||
display: ['formA', 'formU', 'table', 'model'], |
|||
fixed: false, |
|||
block: true, |
|||
width: 80 |
|||
} |
|||
] |
|||
} |
|||
@ -0,0 +1,216 @@ |
|||
|
|||
<template> |
|||
<div> |
|||
<el-card shadow="never" |
|||
class="aui-card--fill"> |
|||
<el-tabs @tab-click="tabClick" |
|||
v-model="activeName" |
|||
class="el-tabs"> |
|||
<el-tab-pane label="草稿箱" |
|||
name="draft"> |
|||
<c-table column-type="index" |
|||
ref="table_draft" |
|||
:url="tableDraftUrl" |
|||
:params="tableDraftParams" |
|||
keyword="DraftList" |
|||
:tableHeight="tableHeight" |
|||
:operations="draftOperations" |
|||
:orderOperations="orderOperations" |
|||
@addToTemp="addToTemp"> |
|||
</c-table> |
|||
|
|||
</el-tab-pane> |
|||
|
|||
<el-tab-pane label="模板库" |
|||
name="temp"> |
|||
<c-table column-type="index" |
|||
ref="table_temp" |
|||
:url="tableTempUrl" |
|||
:params="tableTempParams" |
|||
keyword="Temp" |
|||
:tableHeight="tableHeight" |
|||
:operations="tempOperations" |
|||
:orderOperations="orderOperations" |
|||
@deleteTemp="deleteTemp"> |
|||
</c-table> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import CTable from '@c/CTableNoPage' |
|||
import { mapGetters } from 'vuex' |
|||
import { Loading } from 'element-ui' // 引入Loading服务 |
|||
import { requestPost } from "@/js/dai/request"; |
|||
|
|||
let loading // 加载动画 |
|||
export default { |
|||
data () { |
|||
return { |
|||
loading: false, |
|||
|
|||
activeName: 'draft', |
|||
|
|||
// 模板列表 |
|||
selTempId: '', |
|||
// tableDraftUrl: 'https://epmet-cloud.elinkservice.cn/api/third/code/templatelist', |
|||
tableDraftUrl: 'https://epmet-cloud.elinkservice.cn/api/third/code/gettemplatedraftlist', |
|||
tableDraftParams: { |
|||
type: Object, // table的查询参数 |
|||
default () { |
|||
return {} |
|||
} |
|||
}, |
|||
draftOperations: [ |
|||
{ |
|||
lable: '添加到模板库', // 按钮显示名称 |
|||
size: 'mini', |
|||
style: 'margin: 0 6px;', |
|||
type: 'text', |
|||
slot: '', |
|||
plain: false, |
|||
methodName: 'addToTemp', // 回调方法名称 |
|||
isShow: (row) => { |
|||
return true |
|||
|
|||
} |
|||
}, |
|||
], |
|||
|
|||
// 模板列表 |
|||
selTempId: '', |
|||
tableTempUrl: 'https://epmet-cloud.elinkservice.cn/api/third/code/templatelist', |
|||
tableTempParams: { |
|||
type: Object, // table的查询参数 |
|||
default () { |
|||
return {} |
|||
} |
|||
}, |
|||
// 列表操作栏的操作项数组 |
|||
tempOperations: [ |
|||
{ |
|||
lable: '删除', // 按钮显示名称 |
|||
size: 'mini', |
|||
style: 'margin: 0 6px;', |
|||
type: 'text', |
|||
slot: '', |
|||
plain: false, |
|||
methodName: 'deleteTemp', // 回调方法名称 |
|||
isShow: (row) => { |
|||
return true |
|||
|
|||
} |
|||
}, |
|||
], |
|||
orderOperations: [], |
|||
} |
|||
}, |
|||
components: { |
|||
CTable |
|||
}, |
|||
mounted () { |
|||
this.$nextTick(() => { |
|||
this.activeName = "draft" |
|||
this.getDraft() |
|||
this.getTemp() |
|||
}) |
|||
}, |
|||
computed: { |
|||
tableHeight () { |
|||
return this.clientHeight - 60 - 80 - 80 |
|||
}, |
|||
...mapGetters(['clientHeight']) |
|||
}, |
|||
methods: { |
|||
tabClick (tab) { |
|||
|
|||
this.$nextTick(() => { |
|||
this.$refs['table_' + tab.name].doLayout() // 解决表格错位 |
|||
}) |
|||
}, |
|||
// 获取草稿列表 |
|||
async getDraft () { |
|||
this.$refs.table_draft.loadData() |
|||
}, |
|||
|
|||
//添加到模板库 |
|||
async addToTemp (row) { |
|||
|
|||
this.startLoading() |
|||
const url = "https://epmet-cloud.elinkservice.cn/api/third/code/addtotemplate" |
|||
const params = { |
|||
draftId: row.draftId |
|||
} |
|||
const { data, code, msg, internalMsg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.$message.success("操作成功") |
|||
this.activeName = "temp" |
|||
|
|||
this.getTemp() |
|||
this.$nextTick(() => { |
|||
this.$refs['table_temp'].doLayout() // 解决表格错位 |
|||
}) |
|||
|
|||
} else { |
|||
this.$message.error(msg + "：" + internalMsg) |
|||
} |
|||
this.endLoading() |
|||
}, |
|||
|
|||
//获取模板 |
|||
getTemp () { |
|||
this.$refs.table_temp.loadData() |
|||
}, |
|||
|
|||
//删除模板 |
|||
async deleteTemp (row) { |
|||
this.$confirm('确认删除当前模板', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(async () => { |
|||
|
|||
this.startLoading() |
|||
const url = "https://epmet-cloud.elinkservice.cn/api/third/code/deletetemplate" |
|||
const params = { |
|||
templateId: row.id |
|||
} |
|||
const { data, code, msg, internalMsg } = await requestPost(url, params) |
|||
|
|||
if (code === 0) { |
|||
this.$message.success("操作成功") |
|||
|
|||
this.getTemp() |
|||
} else { |
|||
this.$message.error(msg + "：" + internalMsg) |
|||
} |
|||
this.endLoading() |
|||
}) |
|||
}, |
|||
|
|||
// 开启加载动画 |
|||
startLoading () { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
index: 100, |
|||
text: '正在加载……', // 加载中需要显示的文字 |
|||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|||
}) |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading () { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close() |
|||
} |
|||
} |
|||
}, |
|||
props: { |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped > |
|||
</style> |
|||
Loading…
Reference in new issue