Skip to content

D
datax-cloud
Commit 9a857bbd by yuwei
Options

2.0.0项目初始化

parent 634ad6ef
Showing with 1479 additions and 1144 deletions
datax-ui/src/views/factory/console/index.vue 0 → 100644
<template>
<div class="app-container">
<el-card class="box-card" shadow="always">
<div slot="header" class="clearfix">
<span>{{ title }}</span>
</div>
<div :style="classCardbody">
<el-row>
<el-col :span="24">
<el-button size="mini" round @click="runData" :disabled="sqlExecuting">运行</el-button>
<el-button size="mini" round @click="stopData" :disabled="!sqlExecuting">停止</el-button>
<el-button size="mini" round @click="formaterSql">格式化</el-button>
<el-button size="mini" round @click="refreshData" :disabled="sqlExecuting">重置</el-button>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<sql-editor
ref="sqleditor"
:value="sqlText"
@changeTextarea="changeTextarea($event)"
style="height: 300px;margin: 20px 0;"
></sql-editor>
</el-col>
</el-row>
<el-row>
<el-col>
<div v-if="sqlExecuting" v-loading="sqlExecuting">数据加载中...</div>
<div v-else>
<div v-if="sqlConsole.length > 0">
<el-tabs type="border-card" v-model="activeTabName">
<el-tab-pane label="信息" name="table0">
<pre>{{executeResultInfo}}</pre>
</el-tab-pane>
<el-tab-pane v-for="(item,index) in sqlConsole" :key="(index+1)" :name="'table'+(index+1)" :label="'结果'+(index+1)">
<span>{{item.name}}</span>
</el-tab-pane>
</el-tabs>
</div>
</div>
</el-col>
</el-row>
</div>
</el-card>
</div>
</template>
<script>
import sqlFormatter from 'sql-formatter'
import SqlEditor from '@/components/SqlEditor'
export default {
name: 'SqlConsole',
components: {
SqlEditor
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: 'SQL工作台',
sqlExecuting: false,
activeTabName: 'table0',
sqlExecutorId: undefined,
sqlText: '',
sqlConsole: [],
executeResultInfo: ''
}
},
methods: {
runData () {
this.sqlExecuting = true
this.sqlExecutorId = (new Date()).getTime()
this.sqlConsole = []
this.sqlConsole.push({
sql: 'sql',
time: 20,
success: true,
count: 3,
name: 'name'
})
setTimeout(() => {
let resultStr = ''
for (let i = 0; i < this.sqlConsole.length; i++) {
let item = this.sqlConsole[i]
resultStr += item.sql
resultStr += '\n> 状态：' + ((item.success) ? '成功' : '失败')
if (item.count && item.count >= 0) {
resultStr += '\n> 影响行数：' + item.count
}
resultStr += '\n> 耗时：' + (item.time || 0) / 1000 + 's'
resultStr += '\n\n'
}
// console.log(Object.keys(list[0]))
this.executeResultInfo = resultStr
this.sqlExecuting = false
}, 2000)
},
stopData () {
this.sqlExecuting = false
},
changeTextarea (val) {
this.sqlText = val
},
formaterSql () {
let sqleditor = this.$refs.sqleditor
sqleditor.editor.setValue(sqlFormatter.format(sqleditor.editor.getValue()))
},
refreshData () {
this.sqlExecuting = false
this.activeTabName = 'table0'
this.sqlExecutorId = undefined
this.sqlText = ''
this.$refs.sqleditor.editor.setValue('')
this.sqlConsole = []
}
}
}
</script>
<style lang="scss" scoped>
</style>
datax-ui/src/views/factory/dataset/DataSetAdd.vue
...@@ -76,7 +76,7 @@ export default { ...@@ -76,7 +76,7 @@ export default {
return { return {
classCardbody: { classCardbody: {
overflow: 'auto', overflow: 'auto',
height: document.body.offsetHeight - 340 + 'px' height: document.body.offsetHeight - 240 + 'px'
}, },
title: '数据集新增', title: '数据集新增',
// 展示切换 // 展示切换
......
datax-ui/src/views/factory/dataset/DataSetDetail.vue
...@@ -71,7 +71,7 @@ export default { ...@@ -71,7 +71,7 @@ export default {
return { return {
classCardbody: { classCardbody: {
overflow: 'auto', overflow: 'auto',
height: document.body.offsetHeight - 340 + 'px' height: document.body.offsetHeight - 240 + 'px'
}, },
title: '数据集详情', title: '数据集详情',
// 展示切换 // 展示切换
......
datax-ui/src/views/factory/dataset/DataSetEdit.vue
...@@ -76,7 +76,7 @@ export default { ...@@ -76,7 +76,7 @@ export default {
return { return {
classCardbody: { classCardbody: {
overflow: 'auto', overflow: 'auto',
height: document.body.offsetHeight - 340 + 'px' height: document.body.offsetHeight - 240 + 'px'
}, },
title: '数据集编辑', title: '数据集编辑',
// 展示切换 // 展示切换
......
datax-ui/src/views/factory/datasource/DataSourceAdd.vue
...@@ -8,59 +8,61 @@ ...@@ -8,59 +8,61 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-steps :active="active" finish-status="success" align-center> <div :style="classCardbody">
<el-step title="数据源信息"></el-step> <el-steps :active="active" finish-status="success" align-center>
<el-step title="连接信息"></el-step> <el-step title="数据源信息"></el-step>
</el-steps> <el-step title="连接信息"></el-step>
<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1"> </el-steps>
<el-form-item label="数据源类型" prop="dbType"> <el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1">
<el-select v-model="form.dbType"> <el-form-item label="数据源类型" prop="dbType">
<el-option <el-select v-model="form.dbType">
v-for="item in dbTypeOptions" <el-option
:key="item.id" v-for="item in dbTypeOptions"
:label="item.itemValue" :key="item.id"
:value="item.itemText" :label="item.itemValue"
></el-option> :value="item.itemText"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="数据源名称" prop="sourceName"> </el-form-item>
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" /> <el-form-item label="数据源名称" prop="sourceName">
</el-form-item> <el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
<el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2"> </el-form>
<el-form-item label="主机" prop="host"> <el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2">
<el-input v-model="form2.host" placeholder="请输入主机" /> <el-form-item label="主机" prop="host">
</el-form-item> <el-input v-model="form2.host" placeholder="请输入主机" />
<el-form-item label="端口" prop="port"> </el-form-item>
<el-input v-model="form2.port" placeholder="请输入端口" /> <el-form-item label="端口" prop="port">
</el-form-item> <el-input v-model="form2.port" placeholder="请输入端口" />
<el-form-item label="数据库" prop="dbName"> </el-form-item>
<el-input v-model="form2.dbName" placeholder="请输入数据库" /> <el-form-item label="数据库" prop="dbName">
</el-form-item> <el-input v-model="form2.dbName" placeholder="请输入数据库" />
<el-form-item label="用户名" prop="username"> </el-form-item>
<el-input v-model="form2.username" placeholder="请输入用户名" /> <el-form-item label="用户名" prop="username">
</el-form-item> <el-input v-model="form2.username" placeholder="请输入用户名" />
<el-form-item label="密码" prop="password"> </el-form-item>
<el-input v-model="form2.password" placeholder="请输入密码" /> <el-form-item label="密码" prop="password">
</el-form-item> <el-input v-model="form2.password" placeholder="请输入密码" />
<el-form-item> </el-form-item>
<el-button size="mini" type="primary" @click="handleCheckConnection">连通性检测</el-button> <el-form-item>
</el-form-item> <el-button size="mini" type="primary" @click="handleCheckConnection">连通性检测</el-button>
</el-form> </el-form-item>
<el-button style="margin-top: 12px;" @click="handleNextStep" v-if="active == 1">下一步</el-button> </el-form>
<el-button style="margin-top: 12px;" @click="handleLastStep" v-if="active == 2">上一步</el-button> <el-button style="margin-top: 12px;" @click="handleNextStep" v-if="active == 1">下一步</el-button>
<el-button style="margin-top: 12px;" @click="handleLastStep" v-if="active == 2">上一步</el-button>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -80,6 +82,10 @@ export default { ...@@ -80,6 +82,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据源新增', title: '数据源新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/factory/datasource/DataSourceDetail.vue
...@@ -7,57 +7,59 @@ ...@@ -7,57 +7,59 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-steps :active="active" finish-status="success" align-center> <div :style="classCardbody">
<el-step title="数据源信息"></el-step> <el-steps :active="active" finish-status="success" align-center>
<el-step title="连接信息"></el-step> <el-step title="数据源信息"></el-step>
</el-steps> <el-step title="连接信息"></el-step>
<el-form ref="form" :model="form" label-width="80px" v-if="active == 1" disabled> </el-steps>
<el-form-item label="数据源类型" prop="dbType"> <el-form ref="form" :model="form" label-width="80px" v-if="active == 1" disabled>
<el-select v-model="form.dbType"> <el-form-item label="数据源类型" prop="dbType">
<el-option <el-select v-model="form.dbType">
v-for="item in dbTypeOptions" <el-option
:key="item.id" v-for="item in dbTypeOptions"
:label="item.itemValue" :key="item.id"
:value="item.itemText" :label="item.itemValue"
></el-option> :value="item.itemText"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="数据源名称" prop="sourceName"> </el-form-item>
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" /> <el-form-item label="数据源名称" prop="sourceName">
</el-form-item> <el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
<el-form ref="form2" :model="form2" label-width="80px" v-if="active == 2" disabled> </el-form>
<el-form-item label="主机" prop="host"> <el-form ref="form2" :model="form2" label-width="80px" v-if="active == 2" disabled>
<el-input v-model="form2.host" placeholder="请输入主机" /> <el-form-item label="主机" prop="host">
</el-form-item> <el-input v-model="form2.host" placeholder="请输入主机" />
<el-form-item label="端口" prop="port"> </el-form-item>
<el-input v-model="form2.port" placeholder="请输入端口" /> <el-form-item label="端口" prop="port">
</el-form-item> <el-input v-model="form2.port" placeholder="请输入端口" />
<el-form-item label="数据库" prop="dbName"> </el-form-item>
<el-input v-model="form2.dbName" placeholder="请输入数据库" /> <el-form-item label="数据库" prop="dbName">
</el-form-item> <el-input v-model="form2.dbName" placeholder="请输入数据库" />
<el-form-item label="用户名" prop="username"> </el-form-item>
<el-input v-model="form2.username" placeholder="请输入用户名" /> <el-form-item label="用户名" prop="username">
</el-form-item> <el-input v-model="form2.username" placeholder="请输入用户名" />
<el-form-item label="密码" prop="password"> </el-form-item>
<el-input v-model="form2.password" placeholder="请输入密码" /> <el-form-item label="密码" prop="password">
</el-form-item> <el-input v-model="form2.password" placeholder="请输入密码" />
</el-form> </el-form-item>
<el-button size="mini" type="primary" @click="handleCheckConnection" v-if="active == 2">连通性检测</el-button> </el-form>
<el-button style="margin-top: 12px;" @click="handleNextStep" v-if="active == 1">下一步</el-button> <el-button size="mini" type="primary" @click="handleCheckConnection" v-if="active == 2">连通性检测</el-button>
<el-button style="margin-top: 12px;" @click="handleLastStep" v-if="active == 2">上一步</el-button> <el-button style="margin-top: 12px;" @click="handleNextStep" v-if="active == 1">下一步</el-button>
<el-button style="margin-top: 12px;" @click="handleLastStep" v-if="active == 2">上一步</el-button>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -77,6 +79,10 @@ export default { ...@@ -77,6 +79,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据源详情', title: '数据源详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/factory/datasource/DataSourceEdit.vue
...@@ -8,59 +8,61 @@ ...@@ -8,59 +8,61 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-steps :active="active" finish-status="success" align-center> <div :style="classCardbody">
<el-step title="数据源信息"></el-step> <el-steps :active="active" finish-status="success" align-center>
<el-step title="连接信息"></el-step> <el-step title="数据源信息"></el-step>
</el-steps> <el-step title="连接信息"></el-step>
<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1"> </el-steps>
<el-form-item label="数据源类型" prop="dbType"> <el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1">
<el-select v-model="form.dbType"> <el-form-item label="数据源类型" prop="dbType">
<el-option <el-select v-model="form.dbType">
v-for="item in dbTypeOptions" <el-option
:key="item.id" v-for="item in dbTypeOptions"
:label="item.itemValue" :key="item.id"
:value="item.itemText" :label="item.itemValue"
></el-option> :value="item.itemText"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="数据源名称" prop="sourceName"> </el-form-item>
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" /> <el-form-item label="数据源名称" prop="sourceName">
</el-form-item> <el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
<el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2"> </el-form>
<el-form-item label="主机" prop="host"> <el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2">
<el-input v-model="form2.host" placeholder="请输入主机" /> <el-form-item label="主机" prop="host">
</el-form-item> <el-input v-model="form2.host" placeholder="请输入主机" />
<el-form-item label="端口" prop="port"> </el-form-item>
<el-input v-model="form2.port" placeholder="请输入端口" /> <el-form-item label="端口" prop="port">
</el-form-item> <el-input v-model="form2.port" placeholder="请输入端口" />
<el-form-item label="数据库" prop="dbName"> </el-form-item>
<el-input v-model="form2.dbName" placeholder="请输入数据库" /> <el-form-item label="数据库" prop="dbName">
</el-form-item> <el-input v-model="form2.dbName" placeholder="请输入数据库" />
<el-form-item label="用户名" prop="username"> </el-form-item>
<el-input v-model="form2.username" placeholder="请输入用户名" /> <el-form-item label="用户名" prop="username">
</el-form-item> <el-input v-model="form2.username" placeholder="请输入用户名" />
<el-form-item label="密码" prop="password"> </el-form-item>
<el-input v-model="form2.password" placeholder="请输入密码" /> <el-form-item label="密码" prop="password">
</el-form-item> <el-input v-model="form2.password" placeholder="请输入密码" />
<el-form-item> </el-form-item>
<el-button size="mini" type="primary" @click="handleCheckConnection">连通性检测</el-button> <el-form-item>
</el-form-item> <el-button size="mini" type="primary" @click="handleCheckConnection">连通性检测</el-button>
</el-form> </el-form-item>
<el-button style="margin-top: 12px;" @click="handleNextStep" v-if="active == 1">下一步</el-button> </el-form>
<el-button style="margin-top: 12px;" @click="handleLastStep" v-if="active == 2">上一步</el-button> <el-button style="margin-top: 12px;" @click="handleNextStep" v-if="active == 1">下一步</el-button>
<el-button style="margin-top: 12px;" @click="handleLastStep" v-if="active == 2">上一步</el-button>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -80,6 +82,10 @@ export default { ...@@ -80,6 +82,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据源编辑', title: '数据源编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/monitor/loginlog/LogDetail.vue
...@@ -7,23 +7,25 @@ ...@@ -7,23 +7,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="登录用户" prop="userName"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.userName" /> <el-form-item label="登录用户" prop="userName">
</el-form-item> <el-input v-model="form.userName" />
<el-form-item label="操作系统" prop="opOs"> </el-form-item>
<el-input v-model="form.opOs" /> <el-form-item label="操作系统" prop="opOs">
</el-form-item> <el-input v-model="form.opOs" />
<el-form-item label="浏览器类型" prop="opBrowser"> </el-form-item>
<el-input v-model="form.opBrowser" /> <el-form-item label="浏览器类型" prop="opBrowser">
</el-form-item> <el-input v-model="form.opBrowser" />
<el-form-item label="登录IP地址" prop="opIp"> </el-form-item>
<el-input v-model="form.opIp" /> <el-form-item label="登录IP地址" prop="opIp">
</el-form-item> <el-input v-model="form.opIp" />
<el-form-item label="登录时间" prop="opDate"> </el-form-item>
<el-input v-model="form.opDate" /> <el-form-item label="登录时间" prop="opDate">
</el-form-item> <el-input v-model="form.opDate" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -43,6 +45,10 @@ export default { ...@@ -43,6 +45,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '登录日志详情', title: '登录日志详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/monitor/operlog/LogDetail.vue
...@@ -7,50 +7,52 @@ ...@@ -7,50 +7,52 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="所属模块" prop="module"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.module" /> <el-form-item label="所属模块" prop="module">
</el-form-item> <el-input v-model="form.module" />
<el-form-item label="日志标题" prop="title"> </el-form-item>
<el-input v-model="form.title" /> <el-form-item label="日志标题" prop="title">
</el-form-item> <el-input v-model="form.title" />
<el-form-item label="用户名称" prop="userName"> </el-form-item>
<el-input v-model="form.userName" /> <el-form-item label="用户名称" prop="userName">
</el-form-item> <el-input v-model="form.userName" />
<el-form-item label="请求IP" prop="remoteAddr"> </el-form-item>
<el-input v-model="form.remoteAddr" /> <el-form-item label="请求IP" prop="remoteAddr">
</el-form-item> <el-input v-model="form.remoteAddr" />
<el-form-item label="请求URI" prop="requestUri"> </el-form-item>
<el-input v-model="form.requestUri" /> <el-form-item label="请求URI" prop="requestUri">
</el-form-item> <el-input v-model="form.requestUri" />
<el-form-item label="方法类名" prop="className"> </el-form-item>
<el-input v-model="form.className" /> <el-form-item label="方法类名" prop="className">
</el-form-item> <el-input v-model="form.className" />
<el-form-item label="方法名称" prop="methodName"> </el-form-item>
<el-input v-model="form.methodName" /> <el-form-item label="方法名称" prop="methodName">
</el-form-item> <el-input v-model="form.methodName" />
<el-form-item label="请求参数" prop="params"> </el-form-item>
<el-input v-model="form.params" /> <el-form-item label="请求参数" prop="params">
</el-form-item> <el-input v-model="form.params" />
<el-form-item label="请求耗时" prop="time"> </el-form-item>
<el-input v-model="form.time" /> <el-form-item label="请求耗时" prop="time">
</el-form-item> <el-input v-model="form.time" />
<el-form-item label="浏览器名称" prop="browser"> </el-form-item>
<el-input v-model="form.browser" /> <el-form-item label="浏览器名称" prop="browser">
</el-form-item> <el-input v-model="form.browser" />
<el-form-item label="操作系统" prop="os"> </el-form-item>
<el-input v-model="form.os" /> <el-form-item label="操作系统" prop="os">
</el-form-item> <el-input v-model="form.os" />
<el-form-item label="错误类型" prop="exCode"> </el-form-item>
<el-input v-model="form.exCode" /> <el-form-item label="错误类型" prop="exCode">
</el-form-item> <el-input v-model="form.exCode" />
<el-form-item label="错误信息" prop="exMsg"> </el-form-item>
<el-input v-model="form.exMsg" /> <el-form-item label="错误信息" prop="exMsg">
</el-form-item> <el-input v-model="form.exMsg" />
<el-form-item label="操作时间" prop="createTime"> </el-form-item>
<el-input v-model="form.createTime" /> <el-form-item label="操作时间" prop="createTime">
</el-form-item> <el-input v-model="form.createTime" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -70,6 +72,10 @@ export default { ...@@ -70,6 +72,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '操作日志详情', title: '操作日志详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/scheduler/job/JobAdd.vue
...@@ -8,35 +8,37 @@ ...@@ -8,35 +8,37 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="任务名称" prop="jobName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.jobName" placeholder="请输入任务名称" /> <el-form-item label="任务名称" prop="jobName">
</el-form-item> <el-input v-model="form.jobName" placeholder="请输入任务名称" />
<el-form-item label="Spring Bean名称" prop="beanName"> </el-form-item>
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" /> <el-form-item label="Spring Bean名称" prop="beanName">
</el-form-item> <el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
<el-form-item label="方法名称" prop="methodName"> </el-form-item>
<el-input v-model="form.methodName" placeholder="请输入方法名称" /> <el-form-item label="方法名称" prop="methodName">
</el-form-item> <el-input v-model="form.methodName" placeholder="请输入方法名称" />
<el-form-item label="方法参数" prop="methodParams"> </el-form-item>
<el-input v-model="form.methodParams" placeholder="请输入方法参数" /> <el-form-item label="方法参数" prop="methodParams">
</el-form-item> <el-input v-model="form.methodParams" placeholder="请输入方法参数" />
<el-form-item label="cron表达式" prop="cronExpression"> </el-form-item>
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" /> <el-form-item label="cron表达式" prop="cronExpression">
</el-form-item> <el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -56,6 +58,10 @@ export default { ...@@ -56,6 +58,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务新增', title: '任务新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/scheduler/job/JobDetail.vue
...@@ -7,35 +7,37 @@ ...@@ -7,35 +7,37 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="任务名称" prop="jobName"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.jobName" placeholder="请输入任务名称" /> <el-form-item label="任务名称" prop="jobName">
</el-form-item> <el-input v-model="form.jobName" placeholder="请输入任务名称" />
<el-form-item label="Spring Bean名称" prop="beanName"> </el-form-item>
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" /> <el-form-item label="Spring Bean名称" prop="beanName">
</el-form-item> <el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
<el-form-item label="方法名称" prop="methodName"> </el-form-item>
<el-input v-model="form.methodName" placeholder="请输入方法名称" /> <el-form-item label="方法名称" prop="methodName">
</el-form-item> <el-input v-model="form.methodName" placeholder="请输入方法名称" />
<el-form-item label="方法参数" prop="methodParams"> </el-form-item>
<el-input v-model="form.methodParams" placeholder="请输入方法参数" /> <el-form-item label="方法参数" prop="methodParams">
</el-form-item> <el-input v-model="form.methodParams" placeholder="请输入方法参数" />
<el-form-item label="cron表达式" prop="cronExpression"> </el-form-item>
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" /> <el-form-item label="cron表达式" prop="cronExpression">
</el-form-item> <el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -55,6 +57,10 @@ export default { ...@@ -55,6 +57,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务详情', title: '任务详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/scheduler/job/JobEdit.vue
...@@ -8,35 +8,37 @@ ...@@ -8,35 +8,37 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="任务名称" prop="jobName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.jobName" placeholder="请输入任务名称" /> <el-form-item label="任务名称" prop="jobName">
</el-form-item> <el-input v-model="form.jobName" placeholder="请输入任务名称" />
<el-form-item label="Spring Bean名称" prop="beanName"> </el-form-item>
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" /> <el-form-item label="Spring Bean名称" prop="beanName">
</el-form-item> <el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
<el-form-item label="方法名称" prop="methodName"> </el-form-item>
<el-input v-model="form.methodName" placeholder="请输入方法名称" /> <el-form-item label="方法名称" prop="methodName">
</el-form-item> <el-input v-model="form.methodName" placeholder="请输入方法名称" />
<el-form-item label="方法参数" prop="methodParams"> </el-form-item>
<el-input v-model="form.methodParams" placeholder="请输入方法参数" /> <el-form-item label="方法参数" prop="methodParams">
</el-form-item> <el-input v-model="form.methodParams" placeholder="请输入方法参数" />
<el-form-item label="cron表达式" prop="cronExpression"> </el-form-item>
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" /> <el-form-item label="cron表达式" prop="cronExpression">
</el-form-item> <el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -56,6 +58,10 @@ export default { ...@@ -56,6 +58,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务编辑', title: '任务编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/scheduler/log/JobLogDetail.vue
...@@ -7,23 +7,25 @@ ...@@ -7,23 +7,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="信息记录" prop="msg"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.msg" placeholder="请输入信息记录" /> <el-form-item label="信息记录" prop="msg">
</el-form-item> <el-input v-model="form.msg" placeholder="请输入信息记录" />
<el-form-item label="创建时间" prop="createTime"> </el-form-item>
<el-input v-model="form.createTime" placeholder="请输入创建时间" /> <el-form-item label="创建时间" prop="createTime">
</el-form-item> <el-input v-model="form.createTime" placeholder="请输入创建时间" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -43,6 +45,10 @@ export default { ...@@ -43,6 +45,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务日志详情', title: '任务日志详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/config/ConfigAdd.vue
...@@ -8,29 +8,31 @@ ...@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="参数名称" prop="configName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.configName" placeholder="请输入参数名称" /> <el-form-item label="参数名称" prop="configName">
</el-form-item> <el-input v-model="form.configName" placeholder="请输入参数名称" />
<el-form-item label="参数键名" prop="configKey"> </el-form-item>
<el-input v-model="form.configKey" placeholder="请输入参数键名" /> <el-form-item label="参数键名" prop="configKey">
</el-form-item> <el-input v-model="form.configKey" placeholder="请输入参数键名" />
<el-form-item label="参数键值" prop="configValue"> </el-form-item>
<el-input v-model="form.configValue" placeholder="请输入参数键值" /> <el-form-item label="参数键值" prop="configValue">
</el-form-item> <el-input v-model="form.configValue" placeholder="请输入参数键值" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -50,6 +52,10 @@ export default { ...@@ -50,6 +52,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '参数新增', title: '参数新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/config/ConfigDetail.vue
...@@ -7,29 +7,31 @@ ...@@ -7,29 +7,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="参数名称" prop="configName"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.configName" placeholder="请输入参数名称" /> <el-form-item label="参数名称" prop="configName">
</el-form-item> <el-input v-model="form.configName" placeholder="请输入参数名称" />
<el-form-item label="参数键名" prop="configKey"> </el-form-item>
<el-input v-model="form.configKey" placeholder="请输入参数键名" /> <el-form-item label="参数键名" prop="configKey">
</el-form-item> <el-input v-model="form.configKey" placeholder="请输入参数键名" />
<el-form-item label="参数键值" prop="configValue"> </el-form-item>
<el-input v-model="form.configValue" placeholder="请输入参数键值" /> <el-form-item label="参数键值" prop="configValue">
</el-form-item> <el-input v-model="form.configValue" placeholder="请输入参数键值" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -49,6 +51,10 @@ export default { ...@@ -49,6 +51,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '参数详情', title: '参数详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/config/ConfigEdit.vue
...@@ -8,29 +8,31 @@ ...@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="参数名称" prop="configName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.configName" placeholder="请输入参数名称" /> <el-form-item label="参数名称" prop="configName">
</el-form-item> <el-input v-model="form.configName" placeholder="请输入参数名称" />
<el-form-item label="参数键名" prop="configKey"> </el-form-item>
<el-input v-model="form.configKey" placeholder="请输入参数键名" /> <el-form-item label="参数键名" prop="configKey">
</el-form-item> <el-input v-model="form.configKey" placeholder="请输入参数键名" />
<el-form-item label="参数键值" prop="configValue"> </el-form-item>
<el-input v-model="form.configValue" placeholder="请输入参数键值" /> <el-form-item label="参数键值" prop="configValue">
</el-form-item> <el-input v-model="form.configValue" placeholder="请输入参数键值" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -50,6 +52,10 @@ export default { ...@@ -50,6 +52,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '参数编辑', title: '参数编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/config/ConfigList.vue
...@@ -323,7 +323,13 @@ export default { ...@@ -323,7 +323,13 @@ export default {
}, },
/** 刷新缓存 */ /** 刷新缓存 */
handleConfigRefresh () { handleConfigRefresh () {
refreshConfig() refreshConfig().then(response => {
if (response.success) {
this.$message.success('刷新缓存成功')
} else {
this.$message.error('刷新缓存失败')
}
})
}, },
handleSizeChange (val) { handleSizeChange (val) {
console.log(`每页 ${val} 条`) console.log(`每页 ${val} 条`)
......
datax-ui/src/views/system/dept/DeptAdd.vue
...@@ -8,29 +8,31 @@ ...@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="上级部门" prop="parentId"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" /> <el-form-item label="上级部门" prop="parentId">
</el-form-item> <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" />
<el-form-item label="部门名称" prop="deptName"> </el-form-item>
<el-input v-model="form.deptName" placeholder="请输入部门名称" /> <el-form-item label="部门名称" prop="deptName">
</el-form-item> <el-input v-model="form.deptName" placeholder="请输入部门名称" />
<el-form-item label="部门编码" prop="deptNo"> </el-form-item>
<el-input v-model="form.deptNo" placeholder="请输入部门编码" /> <el-form-item label="部门编码" prop="deptNo">
</el-form-item> <el-input v-model="form.deptNo" placeholder="请输入部门编码" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -54,6 +56,10 @@ export default { ...@@ -54,6 +56,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '部门新增', title: '部门新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dept/DeptDetail.vue
...@@ -7,29 +7,31 @@ ...@@ -7,29 +7,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="上级部门" prop="parentId"> <el-form ref="form" :model="form" label-width="80px" disabled>
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" disabled/> <el-form-item label="上级部门" prop="parentId">
</el-form-item> <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" disabled/>
<el-form-item label="部门名称" prop="deptName"> </el-form-item>
<el-input v-model="form.deptName" /> <el-form-item label="部门名称" prop="deptName">
</el-form-item> <el-input v-model="form.deptName" />
<el-form-item label="部门编码" prop="deptNo"> </el-form-item>
<el-input v-model="form.deptNo" /> <el-form-item label="部门编码" prop="deptNo">
</el-form-item> <el-input v-model="form.deptNo" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -53,6 +55,10 @@ export default { ...@@ -53,6 +55,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '部门详情', title: '部门详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dept/DeptEdit.vue
...@@ -8,29 +8,31 @@ ...@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="上级部门" prop="parentId"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" /> <el-form-item label="上级部门" prop="parentId">
</el-form-item> <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" />
<el-form-item label="部门名称" prop="deptName"> </el-form-item>
<el-input v-model="form.deptName" placeholder="请输入部门名称" /> <el-form-item label="部门名称" prop="deptName">
</el-form-item> <el-input v-model="form.deptName" placeholder="请输入部门名称" />
<el-form-item label="部门编码" prop="deptNo"> </el-form-item>
<el-input v-model="form.deptNo" placeholder="请输入部门编码" /> <el-form-item label="部门编码" prop="deptNo">
</el-form-item> <el-input v-model="form.deptNo" placeholder="请输入部门编码" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -54,6 +56,10 @@ export default { ...@@ -54,6 +56,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '部门编辑', title: '部门编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dict/DictAdd.vue
...@@ -8,26 +8,28 @@ ...@@ -8,26 +8,28 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="字典名称" prop="dictName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.dictName" placeholder="请输入字典名称" /> <el-form-item label="字典名称" prop="dictName">
</el-form-item> <el-input v-model="form.dictName" placeholder="请输入字典名称" />
<el-form-item label="字典编码" prop="dictCode"> </el-form-item>
<el-input v-model="form.dictCode" placeholder="请输入字典编码" /> <el-form-item label="字典编码" prop="dictCode">
</el-form-item> <el-input v-model="form.dictCode" placeholder="请输入字典编码" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -47,6 +49,10 @@ export default { ...@@ -47,6 +49,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典新增', title: '字典新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dict/DictDetail.vue
...@@ -7,26 +7,28 @@ ...@@ -7,26 +7,28 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="字典名称" prop="dictName"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.dictName" placeholder="请输入字典名称" /> <el-form-item label="字典名称" prop="dictName">
</el-form-item> <el-input v-model="form.dictName" placeholder="请输入字典名称" />
<el-form-item label="字典编码" prop="dictCode"> </el-form-item>
<el-input v-model="form.dictCode" placeholder="请输入字典编码" /> <el-form-item label="字典编码" prop="dictCode">
</el-form-item> <el-input v-model="form.dictCode" placeholder="请输入字典编码" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -46,6 +48,10 @@ export default { ...@@ -46,6 +48,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典详情', title: '字典详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dict/DictEdit.vue
...@@ -8,26 +8,28 @@ ...@@ -8,26 +8,28 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="字典名称" prop="dictName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.dictName" placeholder="请输入字典名称" /> <el-form-item label="字典名称" prop="dictName">
</el-form-item> <el-input v-model="form.dictName" placeholder="请输入字典名称" />
<el-form-item label="字典编码" prop="dictCode"> </el-form-item>
<el-input v-model="form.dictCode" placeholder="请输入字典编码" /> <el-form-item label="字典编码" prop="dictCode">
</el-form-item> <el-input v-model="form.dictCode" placeholder="请输入字典编码" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -47,6 +49,10 @@ export default { ...@@ -47,6 +49,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典编辑', title: '字典编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dict/DictList.vue
...@@ -342,7 +342,13 @@ export default { ...@@ -342,7 +342,13 @@ export default {
}, },
/** 刷新缓存 */ /** 刷新缓存 */
handleDictRefresh () { handleDictRefresh () {
refreshDict() refreshDict().then(response => {
if (response.success) {
this.$message.success('刷新缓存成功')
} else {
this.$message.error('刷新缓存失败')
}
})
}, },
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete (row) { handleDelete (row) {
......
datax-ui/src/views/system/dict/item/DictItemAdd.vue
...@@ -8,29 +8,31 @@ ...@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="字典项文本" prop="itemText"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" /> <el-form-item label="字典项文本" prop="itemText">
</el-form-item> <el-input v-model="form.itemText" placeholder="请输入字典项文本" />
<el-form-item label="字典项值" prop="itemValue"> </el-form-item>
<el-input v-model="form.itemValue" placeholder="请输入字典项值" /> <el-form-item label="字典项值" prop="itemValue">
</el-form-item> <el-input v-model="form.itemValue" placeholder="请输入字典项值" />
<el-form-item label="排序" prop="itemSort"> </el-form-item>
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" /> <el-form-item label="排序" prop="itemSort">
</el-form-item> <el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -50,6 +52,10 @@ export default { ...@@ -50,6 +52,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典项新增', title: '字典项新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dict/item/DictItemDetail.vue
...@@ -7,29 +7,31 @@ ...@@ -7,29 +7,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="字典项文本" prop="itemText"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.itemText" placeholder="请输入字典项文本" /> <el-form-item label="字典项文本" prop="itemText">
</el-form-item> <el-input v-model="form.itemText" placeholder="请输入字典项文本" />
<el-form-item label="字典项值" prop="itemValue"> </el-form-item>
<el-input v-model="form.itemValue" placeholder="请输入字典项值" /> <el-form-item label="字典项值" prop="itemValue">
</el-form-item> <el-input v-model="form.itemValue" placeholder="请输入字典项值" />
<el-form-item label="排序" prop="itemSort"> </el-form-item>
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" /> <el-form-item label="排序" prop="itemSort">
</el-form-item> <el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -49,6 +51,10 @@ export default { ...@@ -49,6 +51,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典项详情', title: '字典项详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/dict/item/DictItemEdit.vue
...@@ -8,29 +8,31 @@ ...@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="字典项文本" prop="itemText"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" /> <el-form-item label="字典项文本" prop="itemText">
</el-form-item> <el-input v-model="form.itemText" placeholder="请输入字典项文本" />
<el-form-item label="字典项值" prop="itemValue"> </el-form-item>
<el-input v-model="form.itemValue" placeholder="请输入字典项值" /> <el-form-item label="字典项值" prop="itemValue">
</el-form-item> <el-input v-model="form.itemValue" placeholder="请输入字典项值" />
<el-form-item label="排序" prop="itemSort"> </el-form-item>
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" /> <el-form-item label="排序" prop="itemSort">
</el-form-item> <el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -50,6 +52,10 @@ export default { ...@@ -50,6 +52,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典项编辑', title: '字典项编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/menu/MenuAdd.vue
...@@ -8,56 +8,58 @@ ...@@ -8,56 +8,58 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="上级资源" prop="parentId"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" /> <el-form-item label="上级资源" prop="parentId">
</el-form-item> <treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" />
<el-form-item label="资源名称" prop="menuName"> </el-form-item>
<el-input v-model="form.menuName" placeholder="请输入资源名称" /> <el-form-item label="资源名称" prop="menuName">
</el-form-item> <el-input v-model="form.menuName" placeholder="请输入资源名称" />
<el-form-item label="资源类型" prop="menuType"> </el-form-item>
<el-radio-group v-model="form.menuType"> <el-form-item label="资源类型" prop="menuType">
<el-radio <el-radio-group v-model="form.menuType">
v-for="dict in menuTypeOptions" <el-radio
:key="dict.id" v-for="dict in menuTypeOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" /> <el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" />
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" /> <el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" />
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'"> </el-form-item>
<el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" /> <el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
</el-form-item> <el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" />
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'"> </el-form-item>
<el-input v-model="form.menuPerms" placeholder="请输入权限标识" /> <el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
</el-form-item> <el-input v-model="form.menuPerms" placeholder="请输入权限标识" />
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuIcon" placeholder="请输入资源图标" /> <el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuIcon" placeholder="请输入资源图标" />
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuCode" placeholder="请输入资源编码" /> <el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuCode" placeholder="请输入资源编码" />
<el-form-item label="排序" prop="menuSort"> </el-form-item>
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" /> <el-form-item label="排序" prop="menuSort">
</el-form-item> <el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -81,6 +83,10 @@ export default { ...@@ -81,6 +83,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '资源新增', title: '资源新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/menu/MenuDetail.vue
...@@ -7,56 +7,58 @@ ...@@ -7,56 +7,58 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="上级资源" prop="parentId"> <el-form ref="form" :model="form" label-width="80px" disabled>
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" disabled/> <el-form-item label="上级资源" prop="parentId">
</el-form-item> <treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" disabled/>
<el-form-item label="资源名称" prop="menuName"> </el-form-item>
<el-input v-model="form.menuName" /> <el-form-item label="资源名称" prop="menuName">
</el-form-item> <el-input v-model="form.menuName" />
<el-form-item label="资源类型" prop="menuType"> </el-form-item>
<el-radio-group v-model="form.menuType"> <el-form-item label="资源类型" prop="menuType">
<el-radio <el-radio-group v-model="form.menuType">
v-for="dict in menuTypeOptions" <el-radio
:key="dict.id" v-for="dict in menuTypeOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuPath" /> <el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuPath" />
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuComponent" /> <el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuComponent" />
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'"> </el-form-item>
<el-input v-model="form.menuRedirect" /> <el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
</el-form-item> <el-input v-model="form.menuRedirect" />
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'"> </el-form-item>
<el-input v-model="form.menuPerms" /> <el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
</el-form-item> <el-input v-model="form.menuPerms" />
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuIcon" /> <el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuIcon" />
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuCode" /> <el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuCode" />
<el-form-item label="排序" prop="menuSort"> </el-form-item>
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" /> <el-form-item label="排序" prop="menuSort">
</el-form-item> <el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -80,6 +82,10 @@ export default { ...@@ -80,6 +82,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '资源详情', title: '资源详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/menu/MenuEdit.vue
...@@ -8,56 +8,58 @@ ...@@ -8,56 +8,58 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="上级资源" prop="parentId"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" /> <el-form-item label="上级资源" prop="parentId">
</el-form-item> <treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" />
<el-form-item label="资源名称" prop="menuName"> </el-form-item>
<el-input v-model="form.menuName" placeholder="请输入资源名称" /> <el-form-item label="资源名称" prop="menuName">
</el-form-item> <el-input v-model="form.menuName" placeholder="请输入资源名称" />
<el-form-item label="资源类型" prop="menuType"> </el-form-item>
<el-radio-group v-model="form.menuType"> <el-form-item label="资源类型" prop="menuType">
<el-radio <el-radio-group v-model="form.menuType">
v-for="dict in menuTypeOptions" <el-radio
:key="dict.id" v-for="dict in menuTypeOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" /> <el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" />
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" /> <el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" />
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'"> </el-form-item>
<el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" /> <el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
</el-form-item> <el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" />
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'"> </el-form-item>
<el-input v-model="form.menuPerms" placeholder="请输入权限标识" /> <el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
</el-form-item> <el-input v-model="form.menuPerms" placeholder="请输入权限标识" />
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuIcon" placeholder="请输入资源图标" /> <el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuIcon" placeholder="请输入资源图标" />
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'"> </el-form-item>
<el-input v-model="form.menuCode" placeholder="请输入资源编码" /> <el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
</el-form-item> <el-input v-model="form.menuCode" placeholder="请输入资源编码" />
<el-form-item label="排序" prop="menuSort"> </el-form-item>
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" /> <el-form-item label="排序" prop="menuSort">
</el-form-item> <el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -81,6 +83,10 @@ export default { ...@@ -81,6 +83,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '资源编辑', title: '资源编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/post/PostAdd.vue
...@@ -8,23 +8,25 @@ ...@@ -8,23 +8,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="岗位名称" prop="postName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.postName" placeholder="请输入岗位名称" /> <el-form-item label="岗位名称" prop="postName">
</el-form-item> <el-input v-model="form.postName" placeholder="请输入岗位名称" />
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -44,6 +46,10 @@ export default { ...@@ -44,6 +46,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '岗位新增', title: '岗位新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/post/PostDetail.vue
...@@ -7,23 +7,25 @@ ...@@ -7,23 +7,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="岗位名称" prop="postName"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.postName" /> <el-form-item label="岗位名称" prop="postName">
</el-form-item> <el-input v-model="form.postName" />
<el-form-item label="岗位状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="岗位状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -43,6 +45,10 @@ export default { ...@@ -43,6 +45,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '岗位详情', title: '岗位详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/post/PostEdit.vue
...@@ -8,23 +8,25 @@ ...@@ -8,23 +8,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="岗位名称" prop="postName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.postName" placeholder="请输入岗位名称" /> <el-form-item label="岗位名称" prop="postName">
</el-form-item> <el-input v-model="form.postName" placeholder="请输入岗位名称" />
<el-form-item label="岗位状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="岗位状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -44,6 +46,10 @@ export default { ...@@ -44,6 +46,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '岗位编辑', title: '岗位编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/role/RoleAdd.vue
...@@ -8,63 +8,65 @@ ...@@ -8,63 +8,65 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="角色名称" prop="roleName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.roleName" placeholder="请输入角色名称" /> <el-form-item label="角色名称" prop="roleName">
</el-form-item> <el-input v-model="form.roleName" placeholder="请输入角色名称" />
<el-form-item label="角色编码" prop="roleCode"> </el-form-item>
<el-input v-model="form.roleCode" placeholder="请输入角色编码" /> <el-form-item label="角色编码" prop="roleCode">
</el-form-item> <el-input v-model="form.roleCode" placeholder="请输入角色编码" />
<el-row :gutter="20"> </el-form-item>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="菜单权限"> <el-col :span="12">
<el-tree <el-form-item label="菜单权限">
:data="menuOptions" <el-tree
show-checkbox :data="menuOptions"
ref="menu" show-checkbox
node-key="id" ref="menu"
empty-text="加载中，请稍后" node-key="id"
:props="menuDefaultProps" empty-text="加载中，请稍后"
></el-tree> :props="menuDefaultProps"
</el-form-item> ></el-tree>
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="权限范围" prop="dataScope"> <el-col :span="12">
<el-select v-model="form.dataScope"> <el-form-item label="权限范围" prop="dataScope">
<el-option <el-select v-model="form.dataScope">
v-for="item in dataScopeOptions" <el-option
:key="item.id" v-for="item in dataScopeOptions"
:label="item.itemValue" :key="item.id"
:value="item.itemText" :label="item.itemValue"
></el-option> :value="item.itemText"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="数据权限" v-show="form.dataScope === '2'"> </el-form-item>
<el-tree <el-form-item label="数据权限" v-show="form.dataScope === '2'">
:data="deptOptions" <el-tree
show-checkbox :data="deptOptions"
default-expand-all show-checkbox
ref="dept" default-expand-all
node-key="id" ref="dept"
empty-text="加载中，请稍后" node-key="id"
:props="deptDefaultProps" empty-text="加载中，请稍后"
></el-tree> :props="deptDefaultProps"
</el-form-item> ></el-tree>
</el-col> </el-form-item>
</el-row> </el-col>
<el-form-item label="状态" prop="status"> </el-row>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -87,6 +89,10 @@ export default { ...@@ -87,6 +89,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '角色新增', title: '角色新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/role/RoleDetail.vue
...@@ -7,65 +7,67 @@ ...@@ -7,65 +7,67 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="角色名称" prop="roleName"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.roleName" /> <el-form-item label="角色名称" prop="roleName">
</el-form-item> <el-input v-model="form.roleName" />
<el-form-item label="角色编码" prop="roleCode"> </el-form-item>
<el-input v-model="form.roleCode" /> <el-form-item label="角色编码" prop="roleCode">
</el-form-item> <el-input v-model="form.roleCode" />
<el-row :gutter="20"> </el-form-item>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="菜单权限"> <el-col :span="12">
<el-tree <el-form-item label="菜单权限">
:data="menuOptions" <el-tree
show-checkbox :data="menuOptions"
ref="menu" show-checkbox
node-key="id" ref="menu"
empty-text="加载中，请稍后" node-key="id"
:check-strictly="menuCheckStrictly" empty-text="加载中，请稍后"
:props="menuDefaultProps" :check-strictly="menuCheckStrictly"
></el-tree> :props="menuDefaultProps"
</el-form-item> ></el-tree>
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="权限范围" prop="dataScope"> <el-col :span="12">
<el-select v-model="form.dataScope"> <el-form-item label="权限范围" prop="dataScope">
<el-option <el-select v-model="form.dataScope">
v-for="item in dataScopeOptions" <el-option
:key="item.id" v-for="item in dataScopeOptions"
:label="item.itemValue" :key="item.id"
:value="item.itemText" :label="item.itemValue"
></el-option> :value="item.itemText"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="数据权限" v-show="form.dataScope === '2'"> </el-form-item>
<el-tree <el-form-item label="数据权限" v-show="form.dataScope === '2'">
:data="deptOptions" <el-tree
show-checkbox :data="deptOptions"
default-expand-all show-checkbox
ref="dept" default-expand-all
node-key="id" ref="dept"
empty-text="加载中，请稍后" node-key="id"
:check-strictly="deptCheckStrictly" empty-text="加载中，请稍后"
:props="deptDefaultProps" :check-strictly="deptCheckStrictly"
></el-tree> :props="deptDefaultProps"
</el-form-item> ></el-tree>
</el-col> </el-form-item>
</el-row> </el-col>
<el-form-item label="状态" prop="status"> </el-row>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -88,6 +90,10 @@ export default { ...@@ -88,6 +90,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '角色详情', title: '角色详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/role/RoleEdit.vue
...@@ -8,65 +8,67 @@ ...@@ -8,65 +8,67 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="角色名称" prop="roleName"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.roleName" placeholder="请输入角色名称" /> <el-form-item label="角色名称" prop="roleName">
</el-form-item> <el-input v-model="form.roleName" placeholder="请输入角色名称" />
<el-form-item label="角色编码" prop="roleCode"> </el-form-item>
<el-input v-model="form.roleCode" placeholder="请输入角色编码" /> <el-form-item label="角色编码" prop="roleCode">
</el-form-item> <el-input v-model="form.roleCode" placeholder="请输入角色编码" />
<el-row :gutter="20"> </el-form-item>
<el-col :span="12"> <el-row :gutter="20">
<el-form-item label="菜单权限"> <el-col :span="12">
<el-tree <el-form-item label="菜单权限">
:data="menuOptions" <el-tree
show-checkbox :data="menuOptions"
ref="menu" show-checkbox
node-key="id" ref="menu"
empty-text="加载中，请稍后" node-key="id"
:check-strictly="menuCheckStrictly" empty-text="加载中，请稍后"
:props="menuDefaultProps" :check-strictly="menuCheckStrictly"
></el-tree> :props="menuDefaultProps"
</el-form-item> ></el-tree>
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="权限范围" prop="dataScope"> <el-col :span="12">
<el-select v-model="form.dataScope"> <el-form-item label="权限范围" prop="dataScope">
<el-option <el-select v-model="form.dataScope">
v-for="item in dataScopeOptions" <el-option
:key="item.id" v-for="item in dataScopeOptions"
:label="item.itemValue" :key="item.id"
:value="item.itemText" :label="item.itemValue"
></el-option> :value="item.itemText"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="数据权限" v-show="form.dataScope === '2'"> </el-form-item>
<el-tree <el-form-item label="数据权限" v-show="form.dataScope === '2'">
:data="deptOptions" <el-tree
show-checkbox :data="deptOptions"
default-expand-all show-checkbox
ref="dept" default-expand-all
node-key="id" ref="dept"
empty-text="加载中，请稍后" node-key="id"
:check-strictly="deptCheckStrictly" empty-text="加载中，请稍后"
:props="deptDefaultProps" :check-strictly="deptCheckStrictly"
></el-tree> :props="deptDefaultProps"
</el-form-item> ></el-tree>
</el-col> </el-form-item>
</el-row> </el-col>
<el-form-item label="状态" prop="status"> </el-row>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -89,6 +91,10 @@ export default { ...@@ -89,6 +91,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '角色编辑', title: '角色编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/user/UserAdd.vue
...@@ -8,64 +8,66 @@ ...@@ -8,64 +8,66 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="用户名称" prop="username"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.username" placeholder="请输入用户名称" /> <el-form-item label="用户名称" prop="username">
</el-form-item> <el-input v-model="form.username" placeholder="请输入用户名称" />
<el-form-item label="用户昵称" prop="nickname"> </el-form-item>
<el-input v-model="form.nickname" placeholder="请输入用户昵称" /> <el-form-item label="用户昵称" prop="nickname">
</el-form-item> <el-input v-model="form.nickname" placeholder="请输入用户昵称" />
<el-form-item label="电子邮箱" prop="email"> </el-form-item>
<el-input v-model="form.email" placeholder="请输入电子邮箱" /> <el-form-item label="电子邮箱" prop="email">
</el-form-item> <el-input v-model="form.email" placeholder="请输入电子邮箱" />
<el-form-item label="手机号码" prop="phone"> </el-form-item>
<el-input v-model="form.phone" placeholder="请输入手机号码" /> <el-form-item label="手机号码" prop="phone">
</el-form-item> <el-input v-model="form.phone" placeholder="请输入手机号码" />
<el-form-item label="出生日期" prop="birthday"> </el-form-item>
<el-date-picker <el-form-item label="出生日期" prop="birthday">
v-model="form.birthday" <el-date-picker
type="date" v-model="form.birthday"
placeholder="请输入出生日期"> type="date"
</el-date-picker> placeholder="请输入出生日期">
</el-form-item> </el-date-picker>
<el-form-item label="归属部门" prop="deptId"> </el-form-item>
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" /> <el-form-item label="归属部门" prop="deptId">
</el-form-item> <treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" />
<el-form-item label="岗位"> </el-form-item>
<el-select v-model="form.postList" multiple placeholder="请选择岗位"> <el-form-item label="岗位">
<el-option <el-select v-model="form.postList" multiple placeholder="请选择岗位">
v-for="item in postOptions" <el-option
:key="item.id" v-for="item in postOptions"
:label="item.postName" :key="item.id"
:value="item.id" :label="item.postName"
:disabled="item.status === '0'" :value="item.id"
></el-option> :disabled="item.status === '0'"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="角色"> </el-form-item>
<el-select v-model="form.roleList" multiple placeholder="请选择角色"> <el-form-item label="角色">
<el-option <el-select v-model="form.roleList" multiple placeholder="请选择角色">
v-for="item in roleOptions" <el-option
:key="item.id" v-for="item in roleOptions"
:label="item.roleName" :key="item.id"
:value="item.id" :label="item.roleName"
:disabled="item.status === '0'" :value="item.id"
></el-option> :disabled="item.status === '0'"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -92,6 +94,10 @@ export default { ...@@ -92,6 +94,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '用户新增', title: '用户新增',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/user/UserDetail.vue
...@@ -7,64 +7,66 @@ ...@@ -7,64 +7,66 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" label-width="80px" disabled> <div :style="classCardbody">
<el-form-item label="用户名称" prop="username"> <el-form ref="form" :model="form" label-width="80px" disabled>
<el-input v-model="form.username" placeholder="请输入用户名称" /> <el-form-item label="用户名称" prop="username">
</el-form-item> <el-input v-model="form.username" placeholder="请输入用户名称" />
<el-form-item label="用户昵称" prop="nickname"> </el-form-item>
<el-input v-model="form.nickname" placeholder="请输入用户昵称" /> <el-form-item label="用户昵称" prop="nickname">
</el-form-item> <el-input v-model="form.nickname" placeholder="请输入用户昵称" />
<el-form-item label="电子邮箱" prop="email"> </el-form-item>
<el-input v-model="form.email" placeholder="请输入电子邮箱" /> <el-form-item label="电子邮箱" prop="email">
</el-form-item> <el-input v-model="form.email" placeholder="请输入电子邮箱" />
<el-form-item label="手机号码" prop="phone"> </el-form-item>
<el-input v-model="form.phone" placeholder="请输入手机号码" /> <el-form-item label="手机号码" prop="phone">
</el-form-item> <el-input v-model="form.phone" placeholder="请输入手机号码" />
<el-form-item label="出生日期" prop="birthday"> </el-form-item>
<el-date-picker <el-form-item label="出生日期" prop="birthday">
v-model="form.birthday" <el-date-picker
type="date" v-model="form.birthday"
placeholder="请输入出生日期"> type="date"
</el-date-picker> placeholder="请输入出生日期">
</el-form-item> </el-date-picker>
<el-form-item label="归属部门" prop="deptId"> </el-form-item>
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" disabled placeholder="请选择归属部门" /> <el-form-item label="归属部门" prop="deptId">
</el-form-item> <treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" disabled placeholder="请选择归属部门" />
<el-form-item label="岗位"> </el-form-item>
<el-select v-model="form.postList" multiple placeholder="请选择岗位"> <el-form-item label="岗位">
<el-option <el-select v-model="form.postList" multiple placeholder="请选择岗位">
v-for="item in postOptions" <el-option
:key="item.id" v-for="item in postOptions"
:label="item.postName" :key="item.id"
:value="item.id" :label="item.postName"
:disabled="item.status === '0'" :value="item.id"
></el-option> :disabled="item.status === '0'"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="角色"> </el-form-item>
<el-select v-model="form.roleList" multiple placeholder="请选择角色"> <el-form-item label="角色">
<el-option <el-select v-model="form.roleList" multiple placeholder="请选择角色">
v-for="item in roleOptions" <el-option
:key="item.id" v-for="item in roleOptions"
:label="item.roleName" :key="item.id"
:value="item.id" :label="item.roleName"
:disabled="item.status === '0'" :value="item.id"
></el-option> :disabled="item.status === '0'"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -91,6 +93,10 @@ export default { ...@@ -91,6 +93,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '用户详情', title: '用户详情',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
datax-ui/src/views/system/user/UserEdit.vue
...@@ -8,64 +8,66 @@ ...@@ -8,64 +8,66 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button> <el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group> </el-button-group>
</div> </div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <div :style="classCardbody">
<el-form-item label="用户名称" prop="username"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.username" placeholder="请输入用户名称" /> <el-form-item label="用户名称" prop="username">
</el-form-item> <el-input v-model="form.username" placeholder="请输入用户名称" />
<el-form-item label="用户昵称" prop="nickname"> </el-form-item>
<el-input v-model="form.nickname" placeholder="请输入用户昵称" /> <el-form-item label="用户昵称" prop="nickname">
</el-form-item> <el-input v-model="form.nickname" placeholder="请输入用户昵称" />
<el-form-item label="电子邮箱" prop="email"> </el-form-item>
<el-input v-model="form.email" placeholder="请输入电子邮箱" /> <el-form-item label="电子邮箱" prop="email">
</el-form-item> <el-input v-model="form.email" placeholder="请输入电子邮箱" />
<el-form-item label="手机号码" prop="phone"> </el-form-item>
<el-input v-model="form.phone" placeholder="请输入手机号码" /> <el-form-item label="手机号码" prop="phone">
</el-form-item> <el-input v-model="form.phone" placeholder="请输入手机号码" />
<el-form-item label="出生日期" prop="birthday"> </el-form-item>
<el-date-picker <el-form-item label="出生日期" prop="birthday">
v-model="form.birthday" <el-date-picker
type="date" v-model="form.birthday"
placeholder="请输入出生日期"> type="date"
</el-date-picker> placeholder="请输入出生日期">
</el-form-item> </el-date-picker>
<el-form-item label="归属部门" prop="deptId"> </el-form-item>
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" /> <el-form-item label="归属部门" prop="deptId">
</el-form-item> <treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" />
<el-form-item label="岗位"> </el-form-item>
<el-select v-model="form.postList" multiple placeholder="请选择岗位" @change="$set(form, form.postList, $event)"> <el-form-item label="岗位">
<el-option <el-select v-model="form.postList" multiple placeholder="请选择岗位" @change="$set(form, form.postList, $event)">
v-for="item in postOptions" <el-option
:key="item.id" v-for="item in postOptions"
:label="item.postName" :key="item.id"
:value="item.id" :label="item.postName"
:disabled="item.status === '0'" :value="item.id"
></el-option> :disabled="item.status === '0'"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="角色"> </el-form-item>
<el-select v-model="form.roleList" multiple placeholder="请选择角色" @change="$set(form, form.roleList, $event)"> <el-form-item label="角色">
<el-option <el-select v-model="form.roleList" multiple placeholder="请选择角色" @change="$set(form, form.roleList, $event)">
v-for="item in roleOptions" <el-option
:key="item.id" v-for="item in roleOptions"
:label="item.roleName" :key="item.id"
:value="item.id" :label="item.roleName"
:disabled="item.status === '0'" :value="item.id"
></el-option> :disabled="item.status === '0'"
</el-select> ></el-option>
</el-form-item> </el-select>
<el-form-item label="状态" prop="status"> </el-form-item>
<el-radio-group v-model="form.status"> <el-form-item label="状态" prop="status">
<el-radio <el-radio-group v-model="form.status">
v-for="dict in statusOptions" <el-radio
:key="dict.id" v-for="dict in statusOptions"
:label="dict.itemText" :key="dict.id"
>{{dict.itemValue}}</el-radio> :label="dict.itemText"
</el-radio-group> >{{dict.itemValue}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="备注" prop="remark"> </el-form-item>
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> <el-form-item label="备注" prop="remark">
</el-form-item> <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form> </el-form-item>
</el-form>
</div>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -92,6 +94,10 @@ export default { ...@@ -92,6 +94,10 @@ export default {
}, },
data () { data () {
return { return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '用户编辑', title: '用户编辑',
// 展示切换 // 展示切换
showOptions: { showOptions: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment