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 {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 340 + 'px'
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据集新增',
// 展示切换
......
datax-ui/src/views/factory/dataset/DataSetDetail.vue
......@@ -71,7 +71,7 @@ export default {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 340 + 'px'
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据集详情',
// 展示切换
......
datax-ui/src/views/factory/dataset/DataSetEdit.vue
......@@ -76,7 +76,7 @@ export default {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 340 + 'px'
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据集编辑',
// 展示切换
......
datax-ui/src/views/factory/datasource/DataSourceAdd.vue
......@@ -8,59 +8,61 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-steps :active="active" finish-status="success" align-center>
<el-step title="数据源信息"></el-step>
<el-step title="连接信息"></el-step>
</el-steps>
<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1">
<el-form-item label="数据源类型" prop="dbType">
<el-select v-model="form.dbType">
<el-option
v-for="item in dbTypeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据源名称" prop="sourceName">
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2">
<el-form-item label="主机" prop="host">
<el-input v-model="form2.host" placeholder="请输入主机" />
</el-form-item>
<el-form-item label="端口" prop="port">
<el-input v-model="form2.port" placeholder="请输入端口" />
</el-form-item>
<el-form-item label="数据库" prop="dbName">
<el-input v-model="form2.dbName" placeholder="请输入数据库" />
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="form2.username" placeholder="请输入用户名" />
</el-form-item>
<el-form-item label="密码" prop="password">
<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>
<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 :style="classCardbody">
<el-steps :active="active" finish-status="success" align-center>
<el-step title="数据源信息"></el-step>
<el-step title="连接信息"></el-step>
</el-steps>
<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1">
<el-form-item label="数据源类型" prop="dbType">
<el-select v-model="form.dbType">
<el-option
v-for="item in dbTypeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据源名称" prop="sourceName">
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2">
<el-form-item label="主机" prop="host">
<el-input v-model="form2.host" placeholder="请输入主机" />
</el-form-item>
<el-form-item label="端口" prop="port">
<el-input v-model="form2.port" placeholder="请输入端口" />
</el-form-item>
<el-form-item label="数据库" prop="dbName">
<el-input v-model="form2.dbName" placeholder="请输入数据库" />
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="form2.username" placeholder="请输入用户名" />
</el-form-item>
<el-form-item label="密码" prop="password">
<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>
<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>
</div>
</template>
......@@ -80,6 +82,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据源新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/factory/datasource/DataSourceDetail.vue
......@@ -7,57 +7,59 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-steps :active="active" finish-status="success" align-center>
<el-step title="数据源信息"></el-step>
<el-step title="连接信息"></el-step>
</el-steps>
<el-form ref="form" :model="form" label-width="80px" v-if="active == 1" disabled>
<el-form-item label="数据源类型" prop="dbType">
<el-select v-model="form.dbType">
<el-option
v-for="item in dbTypeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据源名称" prop="sourceName">
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<el-form ref="form2" :model="form2" label-width="80px" v-if="active == 2" disabled>
<el-form-item label="主机" prop="host">
<el-input v-model="form2.host" placeholder="请输入主机" />
</el-form-item>
<el-form-item label="端口" prop="port">
<el-input v-model="form2.port" placeholder="请输入端口" />
</el-form-item>
<el-form-item label="数据库" prop="dbName">
<el-input v-model="form2.dbName" placeholder="请输入数据库" />
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="form2.username" placeholder="请输入用户名" />
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="form2.password" placeholder="请输入密码" />
</el-form-item>
</el-form>
<el-button size="mini" type="primary" @click="handleCheckConnection" 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 :style="classCardbody">
<el-steps :active="active" finish-status="success" align-center>
<el-step title="数据源信息"></el-step>
<el-step title="连接信息"></el-step>
</el-steps>
<el-form ref="form" :model="form" label-width="80px" v-if="active == 1" disabled>
<el-form-item label="数据源类型" prop="dbType">
<el-select v-model="form.dbType">
<el-option
v-for="item in dbTypeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据源名称" prop="sourceName">
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<el-form ref="form2" :model="form2" label-width="80px" v-if="active == 2" disabled>
<el-form-item label="主机" prop="host">
<el-input v-model="form2.host" placeholder="请输入主机" />
</el-form-item>
<el-form-item label="端口" prop="port">
<el-input v-model="form2.port" placeholder="请输入端口" />
</el-form-item>
<el-form-item label="数据库" prop="dbName">
<el-input v-model="form2.dbName" placeholder="请输入数据库" />
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="form2.username" placeholder="请输入用户名" />
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="form2.password" placeholder="请输入密码" />
</el-form-item>
</el-form>
<el-button size="mini" type="primary" @click="handleCheckConnection" 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>
</div>
</template>
......@@ -77,6 +79,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据源详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/factory/datasource/DataSourceEdit.vue
......@@ -8,59 +8,61 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-steps :active="active" finish-status="success" align-center>
<el-step title="数据源信息"></el-step>
<el-step title="连接信息"></el-step>
</el-steps>
<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1">
<el-form-item label="数据源类型" prop="dbType">
<el-select v-model="form.dbType">
<el-option
v-for="item in dbTypeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据源名称" prop="sourceName">
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2">
<el-form-item label="主机" prop="host">
<el-input v-model="form2.host" placeholder="请输入主机" />
</el-form-item>
<el-form-item label="端口" prop="port">
<el-input v-model="form2.port" placeholder="请输入端口" />
</el-form-item>
<el-form-item label="数据库" prop="dbName">
<el-input v-model="form2.dbName" placeholder="请输入数据库" />
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="form2.username" placeholder="请输入用户名" />
</el-form-item>
<el-form-item label="密码" prop="password">
<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>
<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 :style="classCardbody">
<el-steps :active="active" finish-status="success" align-center>
<el-step title="数据源信息"></el-step>
<el-step title="连接信息"></el-step>
</el-steps>
<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="active == 1">
<el-form-item label="数据源类型" prop="dbType">
<el-select v-model="form.dbType">
<el-option
v-for="item in dbTypeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据源名称" prop="sourceName">
<el-input v-model="form.sourceName" placeholder="请输入数据源名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<el-form ref="form2" :model="form2" :rules="rules2" label-width="80px" v-if="active == 2">
<el-form-item label="主机" prop="host">
<el-input v-model="form2.host" placeholder="请输入主机" />
</el-form-item>
<el-form-item label="端口" prop="port">
<el-input v-model="form2.port" placeholder="请输入端口" />
</el-form-item>
<el-form-item label="数据库" prop="dbName">
<el-input v-model="form2.dbName" placeholder="请输入数据库" />
</el-form-item>
<el-form-item label="用户名" prop="username">
<el-input v-model="form2.username" placeholder="请输入用户名" />
</el-form-item>
<el-form-item label="密码" prop="password">
<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>
<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>
</div>
</template>
......@@ -80,6 +82,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '数据源编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/monitor/loginlog/LogDetail.vue
......@@ -7,23 +7,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="登录用户" prop="userName">
<el-input v-model="form.userName" />
</el-form-item>
<el-form-item label="操作系统" prop="opOs">
<el-input v-model="form.opOs" />
</el-form-item>
<el-form-item label="浏览器类型" prop="opBrowser">
<el-input v-model="form.opBrowser" />
</el-form-item>
<el-form-item label="登录IP地址" prop="opIp">
<el-input v-model="form.opIp" />
</el-form-item>
<el-form-item label="登录时间" prop="opDate">
<el-input v-model="form.opDate" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="登录用户" prop="userName">
<el-input v-model="form.userName" />
</el-form-item>
<el-form-item label="操作系统" prop="opOs">
<el-input v-model="form.opOs" />
</el-form-item>
<el-form-item label="浏览器类型" prop="opBrowser">
<el-input v-model="form.opBrowser" />
</el-form-item>
<el-form-item label="登录IP地址" prop="opIp">
<el-input v-model="form.opIp" />
</el-form-item>
<el-form-item label="登录时间" prop="opDate">
<el-input v-model="form.opDate" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -43,6 +45,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '登录日志详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/monitor/operlog/LogDetail.vue
......@@ -7,50 +7,52 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="所属模块" prop="module">
<el-input v-model="form.module" />
</el-form-item>
<el-form-item label="日志标题" prop="title">
<el-input v-model="form.title" />
</el-form-item>
<el-form-item label="用户名称" prop="userName">
<el-input v-model="form.userName" />
</el-form-item>
<el-form-item label="请求IP" prop="remoteAddr">
<el-input v-model="form.remoteAddr" />
</el-form-item>
<el-form-item label="请求URI" prop="requestUri">
<el-input v-model="form.requestUri" />
</el-form-item>
<el-form-item label="方法类名" prop="className">
<el-input v-model="form.className" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" />
</el-form-item>
<el-form-item label="请求参数" prop="params">
<el-input v-model="form.params" />
</el-form-item>
<el-form-item label="请求耗时" prop="time">
<el-input v-model="form.time" />
</el-form-item>
<el-form-item label="浏览器名称" prop="browser">
<el-input v-model="form.browser" />
</el-form-item>
<el-form-item label="操作系统" prop="os">
<el-input v-model="form.os" />
</el-form-item>
<el-form-item label="错误类型" prop="exCode">
<el-input v-model="form.exCode" />
</el-form-item>
<el-form-item label="错误信息" prop="exMsg">
<el-input v-model="form.exMsg" />
</el-form-item>
<el-form-item label="操作时间" prop="createTime">
<el-input v-model="form.createTime" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="所属模块" prop="module">
<el-input v-model="form.module" />
</el-form-item>
<el-form-item label="日志标题" prop="title">
<el-input v-model="form.title" />
</el-form-item>
<el-form-item label="用户名称" prop="userName">
<el-input v-model="form.userName" />
</el-form-item>
<el-form-item label="请求IP" prop="remoteAddr">
<el-input v-model="form.remoteAddr" />
</el-form-item>
<el-form-item label="请求URI" prop="requestUri">
<el-input v-model="form.requestUri" />
</el-form-item>
<el-form-item label="方法类名" prop="className">
<el-input v-model="form.className" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" />
</el-form-item>
<el-form-item label="请求参数" prop="params">
<el-input v-model="form.params" />
</el-form-item>
<el-form-item label="请求耗时" prop="time">
<el-input v-model="form.time" />
</el-form-item>
<el-form-item label="浏览器名称" prop="browser">
<el-input v-model="form.browser" />
</el-form-item>
<el-form-item label="操作系统" prop="os">
<el-input v-model="form.os" />
</el-form-item>
<el-form-item label="错误类型" prop="exCode">
<el-input v-model="form.exCode" />
</el-form-item>
<el-form-item label="错误信息" prop="exMsg">
<el-input v-model="form.exMsg" />
</el-form-item>
<el-form-item label="操作时间" prop="createTime">
<el-input v-model="form.createTime" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -70,6 +72,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '操作日志详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/scheduler/job/JobAdd.vue
......@@ -8,35 +8,37 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="任务名称" prop="jobName">
<el-input v-model="form.jobName" placeholder="请输入任务名称" />
</el-form-item>
<el-form-item label="Spring Bean名称" prop="beanName">
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" placeholder="请输入方法名称" />
</el-form-item>
<el-form-item label="方法参数" prop="methodParams">
<el-input v-model="form.methodParams" placeholder="请输入方法参数" />
</el-form-item>
<el-form-item label="cron表达式" prop="cronExpression">
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="任务名称" prop="jobName">
<el-input v-model="form.jobName" placeholder="请输入任务名称" />
</el-form-item>
<el-form-item label="Spring Bean名称" prop="beanName">
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" placeholder="请输入方法名称" />
</el-form-item>
<el-form-item label="方法参数" prop="methodParams">
<el-input v-model="form.methodParams" placeholder="请输入方法参数" />
</el-form-item>
<el-form-item label="cron表达式" prop="cronExpression">
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -56,6 +58,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/scheduler/job/JobDetail.vue
......@@ -7,35 +7,37 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="任务名称" prop="jobName">
<el-input v-model="form.jobName" placeholder="请输入任务名称" />
</el-form-item>
<el-form-item label="Spring Bean名称" prop="beanName">
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" placeholder="请输入方法名称" />
</el-form-item>
<el-form-item label="方法参数" prop="methodParams">
<el-input v-model="form.methodParams" placeholder="请输入方法参数" />
</el-form-item>
<el-form-item label="cron表达式" prop="cronExpression">
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="任务名称" prop="jobName">
<el-input v-model="form.jobName" placeholder="请输入任务名称" />
</el-form-item>
<el-form-item label="Spring Bean名称" prop="beanName">
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" placeholder="请输入方法名称" />
</el-form-item>
<el-form-item label="方法参数" prop="methodParams">
<el-input v-model="form.methodParams" placeholder="请输入方法参数" />
</el-form-item>
<el-form-item label="cron表达式" prop="cronExpression">
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -55,6 +57,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/scheduler/job/JobEdit.vue
......@@ -8,35 +8,37 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="任务名称" prop="jobName">
<el-input v-model="form.jobName" placeholder="请输入任务名称" />
</el-form-item>
<el-form-item label="Spring Bean名称" prop="beanName">
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" placeholder="请输入方法名称" />
</el-form-item>
<el-form-item label="方法参数" prop="methodParams">
<el-input v-model="form.methodParams" placeholder="请输入方法参数" />
</el-form-item>
<el-form-item label="cron表达式" prop="cronExpression">
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="任务名称" prop="jobName">
<el-input v-model="form.jobName" placeholder="请输入任务名称" />
</el-form-item>
<el-form-item label="Spring Bean名称" prop="beanName">
<el-input v-model="form.beanName" placeholder="请输入Spring Bean名称" />
</el-form-item>
<el-form-item label="方法名称" prop="methodName">
<el-input v-model="form.methodName" placeholder="请输入方法名称" />
</el-form-item>
<el-form-item label="方法参数" prop="methodParams">
<el-input v-model="form.methodParams" placeholder="请输入方法参数" />
</el-form-item>
<el-form-item label="cron表达式" prop="cronExpression">
<el-input v-model="form.cronExpression" placeholder="请输入cron表达式" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -56,6 +58,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/scheduler/log/JobLogDetail.vue
......@@ -7,23 +7,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="信息记录" prop="msg">
<el-input v-model="form.msg" placeholder="请输入信息记录" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="form.createTime" placeholder="请输入创建时间" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="信息记录" prop="msg">
<el-input v-model="form.msg" placeholder="请输入信息记录" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-input v-model="form.createTime" placeholder="请输入创建时间" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -43,6 +45,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '任务日志详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/config/ConfigAdd.vue
......@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="参数名称" prop="configName">
<el-input v-model="form.configName" placeholder="请输入参数名称" />
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="form.configKey" placeholder="请输入参数键名" />
</el-form-item>
<el-form-item label="参数键值" prop="configValue">
<el-input v-model="form.configValue" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="参数名称" prop="configName">
<el-input v-model="form.configName" placeholder="请输入参数名称" />
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="form.configKey" placeholder="请输入参数键名" />
</el-form-item>
<el-form-item label="参数键值" prop="configValue">
<el-input v-model="form.configValue" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -50,6 +52,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '参数新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/config/ConfigDetail.vue
......@@ -7,29 +7,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="参数名称" prop="configName">
<el-input v-model="form.configName" placeholder="请输入参数名称" />
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="form.configKey" placeholder="请输入参数键名" />
</el-form-item>
<el-form-item label="参数键值" prop="configValue">
<el-input v-model="form.configValue" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="参数名称" prop="configName">
<el-input v-model="form.configName" placeholder="请输入参数名称" />
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="form.configKey" placeholder="请输入参数键名" />
</el-form-item>
<el-form-item label="参数键值" prop="configValue">
<el-input v-model="form.configValue" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -49,6 +51,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '参数详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/config/ConfigEdit.vue
......@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="参数名称" prop="configName">
<el-input v-model="form.configName" placeholder="请输入参数名称" />
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="form.configKey" placeholder="请输入参数键名" />
</el-form-item>
<el-form-item label="参数键值" prop="configValue">
<el-input v-model="form.configValue" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="参数名称" prop="configName">
<el-input v-model="form.configName" placeholder="请输入参数名称" />
</el-form-item>
<el-form-item label="参数键名" prop="configKey">
<el-input v-model="form.configKey" placeholder="请输入参数键名" />
</el-form-item>
<el-form-item label="参数键值" prop="configValue">
<el-input v-model="form.configValue" placeholder="请输入参数键值" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -50,6 +52,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '参数编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/config/ConfigList.vue
......@@ -323,7 +323,13 @@ export default {
},
/** 刷新缓存 */
handleConfigRefresh () {
refreshConfig()
refreshConfig().then(response => {
if (response.success) {
this.$message.success('刷新缓存成功')
} else {
this.$message.error('刷新缓存失败')
}
})
},
handleSizeChange (val) {
console.log(`每页 ${val} 条`)
......
datax-ui/src/views/system/dept/DeptAdd.vue
......@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级部门" prop="parentId">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" />
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入部门名称" />
</el-form-item>
<el-form-item label="部门编码" prop="deptNo">
<el-input v-model="form.deptNo" placeholder="请输入部门编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级部门" prop="parentId">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" />
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入部门名称" />
</el-form-item>
<el-form-item label="部门编码" prop="deptNo">
<el-input v-model="form.deptNo" placeholder="请输入部门编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -54,6 +56,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '部门新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dept/DeptDetail.vue
......@@ -7,29 +7,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="上级部门" prop="parentId">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" disabled/>
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" />
</el-form-item>
<el-form-item label="部门编码" prop="deptNo">
<el-input v-model="form.deptNo" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="上级部门" prop="parentId">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" disabled/>
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" />
</el-form-item>
<el-form-item label="部门编码" prop="deptNo">
<el-input v-model="form.deptNo" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -53,6 +55,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '部门详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dept/DeptEdit.vue
......@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级部门" prop="parentId">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" />
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入部门名称" />
</el-form-item>
<el-form-item label="部门编码" prop="deptNo">
<el-input v-model="form.deptNo" placeholder="请输入部门编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级部门" prop="parentId">
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择上级部门" />
</el-form-item>
<el-form-item label="部门名称" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入部门名称" />
</el-form-item>
<el-form-item label="部门编码" prop="deptNo">
<el-input v-model="form.deptNo" placeholder="请输入部门编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -54,6 +56,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '部门编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dict/DictAdd.vue
......@@ -8,26 +8,28 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="form.dictName" placeholder="请输入字典名称" />
</el-form-item>
<el-form-item label="字典编码" prop="dictCode">
<el-input v-model="form.dictCode" placeholder="请输入字典编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="form.dictName" placeholder="请输入字典名称" />
</el-form-item>
<el-form-item label="字典编码" prop="dictCode">
<el-input v-model="form.dictCode" placeholder="请输入字典编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -47,6 +49,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dict/DictDetail.vue
......@@ -7,26 +7,28 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="form.dictName" placeholder="请输入字典名称" />
</el-form-item>
<el-form-item label="字典编码" prop="dictCode">
<el-input v-model="form.dictCode" placeholder="请输入字典编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="form.dictName" placeholder="请输入字典名称" />
</el-form-item>
<el-form-item label="字典编码" prop="dictCode">
<el-input v-model="form.dictCode" placeholder="请输入字典编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -46,6 +48,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dict/DictEdit.vue
......@@ -8,26 +8,28 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="form.dictName" placeholder="请输入字典名称" />
</el-form-item>
<el-form-item label="字典编码" prop="dictCode">
<el-input v-model="form.dictCode" placeholder="请输入字典编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典名称" prop="dictName">
<el-input v-model="form.dictName" placeholder="请输入字典名称" />
</el-form-item>
<el-form-item label="字典编码" prop="dictCode">
<el-input v-model="form.dictCode" placeholder="请输入字典编码" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -47,6 +49,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dict/DictList.vue
......@@ -342,7 +342,13 @@ export default {
},
/** 刷新缓存 */
handleDictRefresh () {
refreshDict()
refreshDict().then(response => {
if (response.success) {
this.$message.success('刷新缓存成功')
} else {
this.$message.error('刷新缓存失败')
}
})
},
/** 删除按钮操作 */
handleDelete (row) {
......
datax-ui/src/views/system/dict/item/DictItemAdd.vue
......@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典项文本" prop="itemText">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" />
</el-form-item>
<el-form-item label="字典项值" prop="itemValue">
<el-input v-model="form.itemValue" placeholder="请输入字典项值" />
</el-form-item>
<el-form-item label="排序" prop="itemSort">
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典项文本" prop="itemText">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" />
</el-form-item>
<el-form-item label="字典项值" prop="itemValue">
<el-input v-model="form.itemValue" placeholder="请输入字典项值" />
</el-form-item>
<el-form-item label="排序" prop="itemSort">
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -50,6 +52,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典项新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dict/item/DictItemDetail.vue
......@@ -7,29 +7,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="字典项文本" prop="itemText">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" />
</el-form-item>
<el-form-item label="字典项值" prop="itemValue">
<el-input v-model="form.itemValue" placeholder="请输入字典项值" />
</el-form-item>
<el-form-item label="排序" prop="itemSort">
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="字典项文本" prop="itemText">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" />
</el-form-item>
<el-form-item label="字典项值" prop="itemValue">
<el-input v-model="form.itemValue" placeholder="请输入字典项值" />
</el-form-item>
<el-form-item label="排序" prop="itemSort">
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -49,6 +51,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典项详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/dict/item/DictItemEdit.vue
......@@ -8,29 +8,31 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典项文本" prop="itemText">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" />
</el-form-item>
<el-form-item label="字典项值" prop="itemValue">
<el-input v-model="form.itemValue" placeholder="请输入字典项值" />
</el-form-item>
<el-form-item label="排序" prop="itemSort">
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="字典项文本" prop="itemText">
<el-input v-model="form.itemText" placeholder="请输入字典项文本" />
</el-form-item>
<el-form-item label="字典项值" prop="itemValue">
<el-input v-model="form.itemValue" placeholder="请输入字典项值" />
</el-form-item>
<el-form-item label="排序" prop="itemSort">
<el-input-number v-model="form.itemSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -50,6 +52,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '字典项编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/menu/MenuAdd.vue
......@@ -8,56 +8,58 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级资源" prop="parentId">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" />
</el-form-item>
<el-form-item label="资源名称" prop="menuName">
<el-input v-model="form.menuName" placeholder="请输入资源名称" />
</el-form-item>
<el-form-item label="资源类型" prop="menuType">
<el-radio-group v-model="form.menuType">
<el-radio
v-for="dict in menuTypeOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
<el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" />
</el-form-item>
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
<el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" />
</el-form-item>
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
<el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" />
</el-form-item>
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
<el-input v-model="form.menuPerms" placeholder="请输入权限标识" />
</el-form-item>
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
<el-input v-model="form.menuIcon" placeholder="请输入资源图标" />
</el-form-item>
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
<el-input v-model="form.menuCode" placeholder="请输入资源编码" />
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级资源" prop="parentId">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" />
</el-form-item>
<el-form-item label="资源名称" prop="menuName">
<el-input v-model="form.menuName" placeholder="请输入资源名称" />
</el-form-item>
<el-form-item label="资源类型" prop="menuType">
<el-radio-group v-model="form.menuType">
<el-radio
v-for="dict in menuTypeOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
<el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" />
</el-form-item>
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
<el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" />
</el-form-item>
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
<el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" />
</el-form-item>
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
<el-input v-model="form.menuPerms" placeholder="请输入权限标识" />
</el-form-item>
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
<el-input v-model="form.menuIcon" placeholder="请输入资源图标" />
</el-form-item>
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
<el-input v-model="form.menuCode" placeholder="请输入资源编码" />
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -81,6 +83,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '资源新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/menu/MenuDetail.vue
......@@ -7,56 +7,58 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="上级资源" prop="parentId">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" disabled/>
</el-form-item>
<el-form-item label="资源名称" prop="menuName">
<el-input v-model="form.menuName" />
</el-form-item>
<el-form-item label="资源类型" prop="menuType">
<el-radio-group v-model="form.menuType">
<el-radio
v-for="dict in menuTypeOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
<el-input v-model="form.menuPath" />
</el-form-item>
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
<el-input v-model="form.menuComponent" />
</el-form-item>
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
<el-input v-model="form.menuRedirect" />
</el-form-item>
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
<el-input v-model="form.menuPerms" />
</el-form-item>
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
<el-input v-model="form.menuIcon" />
</el-form-item>
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
<el-input v-model="form.menuCode" />
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="上级资源" prop="parentId">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" disabled/>
</el-form-item>
<el-form-item label="资源名称" prop="menuName">
<el-input v-model="form.menuName" />
</el-form-item>
<el-form-item label="资源类型" prop="menuType">
<el-radio-group v-model="form.menuType">
<el-radio
v-for="dict in menuTypeOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
<el-input v-model="form.menuPath" />
</el-form-item>
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
<el-input v-model="form.menuComponent" />
</el-form-item>
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
<el-input v-model="form.menuRedirect" />
</el-form-item>
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
<el-input v-model="form.menuPerms" />
</el-form-item>
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
<el-input v-model="form.menuIcon" />
</el-form-item>
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
<el-input v-model="form.menuCode" />
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -80,6 +82,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '资源详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/menu/MenuEdit.vue
......@@ -8,56 +8,58 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级资源" prop="parentId">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" />
</el-form-item>
<el-form-item label="资源名称" prop="menuName">
<el-input v-model="form.menuName" placeholder="请输入资源名称" />
</el-form-item>
<el-form-item label="资源类型" prop="menuType">
<el-radio-group v-model="form.menuType">
<el-radio
v-for="dict in menuTypeOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
<el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" />
</el-form-item>
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
<el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" />
</el-form-item>
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
<el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" />
</el-form-item>
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
<el-input v-model="form.menuPerms" placeholder="请输入权限标识" />
</el-form-item>
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
<el-input v-model="form.menuIcon" placeholder="请输入资源图标" />
</el-form-item>
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
<el-input v-model="form.menuCode" placeholder="请输入资源编码" />
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级资源" prop="parentId">
<treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" placeholder="请选择上级资源" />
</el-form-item>
<el-form-item label="资源名称" prop="menuName">
<el-input v-model="form.menuName" placeholder="请输入资源名称" />
</el-form-item>
<el-form-item label="资源类型" prop="menuType">
<el-radio-group v-model="form.menuType">
<el-radio
v-for="dict in menuTypeOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="路由地址" prop="menuPath" v-if="form.menuType !== '2'">
<el-input v-model="form.menuPath" placeholder="请输入对应路由地址path" />
</el-form-item>
<el-form-item label="路由组件" prop="menuComponent" v-if="form.menuType !== '2'">
<el-input v-model="form.menuComponent" placeholder="请输入对应路由组件component" />
</el-form-item>
<el-form-item label="跳转地址" prop="menuRedirect" v-if="form.menuType === '0'">
<el-input v-model="form.menuRedirect" placeholder="请输入对应路由默认跳转地址redirect" />
</el-form-item>
<el-form-item label="权限标识" prop="menuPerms" v-if="form.menuType === '2'">
<el-input v-model="form.menuPerms" placeholder="请输入权限标识" />
</el-form-item>
<el-form-item label="资源图标" prop="menuIcon" v-if="form.menuType !== '2'">
<el-input v-model="form.menuIcon" placeholder="请输入资源图标" />
</el-form-item>
<el-form-item label="资源编码" prop="menuCode" v-if="form.menuType !== '2'">
<el-input v-model="form.menuCode" placeholder="请输入资源编码" />
</el-form-item>
<el-form-item label="排序" prop="menuSort">
<el-input-number v-model="form.menuSort" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -81,6 +83,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '资源编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/post/PostAdd.vue
......@@ -8,23 +8,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="岗位名称" prop="postName">
<el-input v-model="form.postName" placeholder="请输入岗位名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="岗位名称" prop="postName">
<el-input v-model="form.postName" placeholder="请输入岗位名称" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -44,6 +46,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '岗位新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/post/PostDetail.vue
......@@ -7,23 +7,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="岗位名称" prop="postName">
<el-input v-model="form.postName" />
</el-form-item>
<el-form-item label="岗位状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="岗位名称" prop="postName">
<el-input v-model="form.postName" />
</el-form-item>
<el-form-item label="岗位状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -43,6 +45,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '岗位详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/post/PostEdit.vue
......@@ -8,23 +8,25 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="岗位名称" prop="postName">
<el-input v-model="form.postName" placeholder="请输入岗位名称" />
</el-form-item>
<el-form-item label="岗位状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="岗位名称" prop="postName">
<el-input v-model="form.postName" placeholder="请输入岗位名称" />
</el-form-item>
<el-form-item label="岗位状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -44,6 +46,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '岗位编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/role/RoleAdd.vue
......@@ -8,63 +8,65 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="角色名称" prop="roleName">
<el-input v-model="form.roleName" placeholder="请输入角色名称" />
</el-form-item>
<el-form-item label="角色编码" prop="roleCode">
<el-input v-model="form.roleCode" placeholder="请输入角色编码" />
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="菜单权限">
<el-tree
:data="menuOptions"
show-checkbox
ref="menu"
node-key="id"
empty-text="加载中，请稍后"
:props="menuDefaultProps"
></el-tree>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="权限范围" prop="dataScope">
<el-select v-model="form.dataScope">
<el-option
v-for="item in dataScopeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据权限" v-show="form.dataScope === '2'">
<el-tree
:data="deptOptions"
show-checkbox
default-expand-all
ref="dept"
node-key="id"
empty-text="加载中，请稍后"
:props="deptDefaultProps"
></el-tree>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="角色名称" prop="roleName">
<el-input v-model="form.roleName" placeholder="请输入角色名称" />
</el-form-item>
<el-form-item label="角色编码" prop="roleCode">
<el-input v-model="form.roleCode" placeholder="请输入角色编码" />
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="菜单权限">
<el-tree
:data="menuOptions"
show-checkbox
ref="menu"
node-key="id"
empty-text="加载中，请稍后"
:props="menuDefaultProps"
></el-tree>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="权限范围" prop="dataScope">
<el-select v-model="form.dataScope">
<el-option
v-for="item in dataScopeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据权限" v-show="form.dataScope === '2'">
<el-tree
:data="deptOptions"
show-checkbox
default-expand-all
ref="dept"
node-key="id"
empty-text="加载中，请稍后"
:props="deptDefaultProps"
></el-tree>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -87,6 +89,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '角色新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/role/RoleDetail.vue
......@@ -7,65 +7,67 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="角色名称" prop="roleName">
<el-input v-model="form.roleName" />
</el-form-item>
<el-form-item label="角色编码" prop="roleCode">
<el-input v-model="form.roleCode" />
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="菜单权限">
<el-tree
:data="menuOptions"
show-checkbox
ref="menu"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="menuCheckStrictly"
:props="menuDefaultProps"
></el-tree>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="权限范围" prop="dataScope">
<el-select v-model="form.dataScope">
<el-option
v-for="item in dataScopeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据权限" v-show="form.dataScope === '2'">
<el-tree
:data="deptOptions"
show-checkbox
default-expand-all
ref="dept"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="deptCheckStrictly"
:props="deptDefaultProps"
></el-tree>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="角色名称" prop="roleName">
<el-input v-model="form.roleName" />
</el-form-item>
<el-form-item label="角色编码" prop="roleCode">
<el-input v-model="form.roleCode" />
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="菜单权限">
<el-tree
:data="menuOptions"
show-checkbox
ref="menu"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="menuCheckStrictly"
:props="menuDefaultProps"
></el-tree>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="权限范围" prop="dataScope">
<el-select v-model="form.dataScope">
<el-option
v-for="item in dataScopeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据权限" v-show="form.dataScope === '2'">
<el-tree
:data="deptOptions"
show-checkbox
default-expand-all
ref="dept"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="deptCheckStrictly"
:props="deptDefaultProps"
></el-tree>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -88,6 +90,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '角色详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/role/RoleEdit.vue
......@@ -8,65 +8,67 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="角色名称" prop="roleName">
<el-input v-model="form.roleName" placeholder="请输入角色名称" />
</el-form-item>
<el-form-item label="角色编码" prop="roleCode">
<el-input v-model="form.roleCode" placeholder="请输入角色编码" />
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="菜单权限">
<el-tree
:data="menuOptions"
show-checkbox
ref="menu"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="menuCheckStrictly"
:props="menuDefaultProps"
></el-tree>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="权限范围" prop="dataScope">
<el-select v-model="form.dataScope">
<el-option
v-for="item in dataScopeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据权限" v-show="form.dataScope === '2'">
<el-tree
:data="deptOptions"
show-checkbox
default-expand-all
ref="dept"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="deptCheckStrictly"
:props="deptDefaultProps"
></el-tree>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="角色名称" prop="roleName">
<el-input v-model="form.roleName" placeholder="请输入角色名称" />
</el-form-item>
<el-form-item label="角色编码" prop="roleCode">
<el-input v-model="form.roleCode" placeholder="请输入角色编码" />
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="菜单权限">
<el-tree
:data="menuOptions"
show-checkbox
ref="menu"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="menuCheckStrictly"
:props="menuDefaultProps"
></el-tree>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="权限范围" prop="dataScope">
<el-select v-model="form.dataScope">
<el-option
v-for="item in dataScopeOptions"
:key="item.id"
:label="item.itemValue"
:value="item.itemText"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="数据权限" v-show="form.dataScope === '2'">
<el-tree
:data="deptOptions"
show-checkbox
default-expand-all
ref="dept"
node-key="id"
empty-text="加载中，请稍后"
:check-strictly="deptCheckStrictly"
:props="deptDefaultProps"
></el-tree>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -89,6 +91,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '角色编辑',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/user/UserAdd.vue
......@@ -8,64 +8,66 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户名称" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名称" />
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="电子邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入电子邮箱" />
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-date-picker
v-model="form.birthday"
type="date"
placeholder="请输入出生日期">
</el-date-picker>
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" />
</el-form-item>
<el-form-item label="岗位">
<el-select v-model="form.postList" multiple placeholder="请选择岗位">
<el-option
v-for="item in postOptions"
:key="item.id"
:label="item.postName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="form.roleList" multiple placeholder="请选择角色">
<el-option
v-for="item in roleOptions"
:key="item.id"
:label="item.roleName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户名称" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名称" />
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="电子邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入电子邮箱" />
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-date-picker
v-model="form.birthday"
type="date"
placeholder="请输入出生日期">
</el-date-picker>
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" />
</el-form-item>
<el-form-item label="岗位">
<el-select v-model="form.postList" multiple placeholder="请选择岗位">
<el-option
v-for="item in postOptions"
:key="item.id"
:label="item.postName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="form.roleList" multiple placeholder="请选择角色">
<el-option
v-for="item in roleOptions"
:key="item.id"
:label="item.roleName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -92,6 +94,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '用户新增',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/user/UserDetail.vue
......@@ -7,64 +7,66 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="用户名称" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名称" />
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="电子邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入电子邮箱" />
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-date-picker
v-model="form.birthday"
type="date"
placeholder="请输入出生日期">
</el-date-picker>
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" disabled placeholder="请选择归属部门" />
</el-form-item>
<el-form-item label="岗位">
<el-select v-model="form.postList" multiple placeholder="请选择岗位">
<el-option
v-for="item in postOptions"
:key="item.id"
:label="item.postName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="form.roleList" multiple placeholder="请选择角色">
<el-option
v-for="item in roleOptions"
:key="item.id"
:label="item.roleName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" label-width="80px" disabled>
<el-form-item label="用户名称" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名称" />
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="电子邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入电子邮箱" />
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-date-picker
v-model="form.birthday"
type="date"
placeholder="请输入出生日期">
</el-date-picker>
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" disabled placeholder="请选择归属部门" />
</el-form-item>
<el-form-item label="岗位">
<el-select v-model="form.postList" multiple placeholder="请选择岗位">
<el-option
v-for="item in postOptions"
:key="item.id"
:label="item.postName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="form.roleList" multiple placeholder="请选择角色">
<el-option
v-for="item in roleOptions"
:key="item.id"
:label="item.roleName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -91,6 +93,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '用户详情',
// 展示切换
showOptions: {
......
datax-ui/src/views/system/user/UserEdit.vue
......@@ -8,64 +8,66 @@
<el-button size="mini" icon="el-icon-back" round @click="showCard">返回</el-button>
</el-button-group>
</div>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户名称" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名称" />
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="电子邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入电子邮箱" />
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-date-picker
v-model="form.birthday"
type="date"
placeholder="请输入出生日期">
</el-date-picker>
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" />
</el-form-item>
<el-form-item label="岗位">
<el-select v-model="form.postList" multiple placeholder="请选择岗位" @change="$set(form, form.postList, $event)">
<el-option
v-for="item in postOptions"
:key="item.id"
:label="item.postName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="form.roleList" multiple placeholder="请选择角色" @change="$set(form, form.roleList, $event)">
<el-option
v-for="item in roleOptions"
:key="item.id"
:label="item.roleName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div :style="classCardbody">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户名称" prop="username">
<el-input v-model="form.username" placeholder="请输入用户名称" />
</el-form-item>
<el-form-item label="用户昵称" prop="nickname">
<el-input v-model="form.nickname" placeholder="请输入用户昵称" />
</el-form-item>
<el-form-item label="电子邮箱" prop="email">
<el-input v-model="form.email" placeholder="请输入电子邮箱" />
</el-form-item>
<el-form-item label="手机号码" prop="phone">
<el-input v-model="form.phone" placeholder="请输入手机号码" />
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-date-picker
v-model="form.birthday"
type="date"
placeholder="请输入出生日期">
</el-date-picker>
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<treeselect v-model="form.deptId" :options="deptOptions" :normalizer="normalizer" placeholder="请选择归属部门" />
</el-form-item>
<el-form-item label="岗位">
<el-select v-model="form.postList" multiple placeholder="请选择岗位" @change="$set(form, form.postList, $event)">
<el-option
v-for="item in postOptions"
:key="item.id"
:label="item.postName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="角色">
<el-select v-model="form.roleList" multiple placeholder="请选择角色" @change="$set(form, form.roleList, $event)">
<el-option
v-for="item in roleOptions"
:key="item.id"
:label="item.roleName"
:value="item.id"
:disabled="item.status === '0'"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio
v-for="dict in statusOptions"
:key="dict.id"
:label="dict.itemText"
>{{dict.itemValue}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
</div>
</el-card>
</div>
</template>
......@@ -92,6 +94,10 @@ export default {
},
data () {
return {
classCardbody: {
overflow: 'auto',
height: document.body.offsetHeight - 240 + 'px'
},
title: '用户编辑',
// 展示切换
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