Browse Source

完善个性化设置

master
yunuo970428 2 years ago
parent
commit
d8bc9a6748
  1. 28
      anrui-system-ui/src/api/system/personalization/personalization.js
  2. 162
      anrui-system-ui/src/views/personalization/personalization.vue

28
anrui-system-ui/src/api/system/personalization/personalization.js

@ -9,7 +9,7 @@ export function getList(data) {
})
}
// 新增插件
// 保存组织机构
export function saveOrUpdate(data) {
return request({
url: '/portal/v1/sysuserdefaultorg/saveOrUpdate',
@ -18,3 +18,29 @@ export function saveOrUpdate(data) {
headers: { 'Content-Type': 'application/json' }
})
}
// 获取集团所有在职人员
export function selectStaffListss() {
return request({
url: '/portal/v1/sysstaffinfo/selectStaffListss',
method: 'get'
})
}
// 保存转办人
export function save(data) {
return request({
url: '/portal/v1/SysFlowableConfig/saveOrUpdate',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
}
// 初始化转办人
export function initDetails(data) {
return request({
url: '/portal/v1/SysFlowableConfig/initDetails',
method: 'get',
params: data
})
}

162
anrui-system-ui/src/views/personalization/personalization.vue

@ -1,35 +1,90 @@
<template>
<div class="content">
<div class="right_cont">
<table class="tishi" cellspacing="0" style="margin:0 auto 30px">
<tr>
<td style="border-right: none;">设置默认组织机构</td>
<td>
<el-select v-model="formobj.orgNamePath" filterable placeholder="请选择" @change="changeoOrgNamePath" clearable>
<el-option v-for="item in orgNamePath_list" :key="item.orgSidPath" :label="item.orgNamePath" :value="item.orgNamePath"/>
</el-select>
</td>
</tr>
</table>
<span slot="footer" class="dialog-footer" style="margin-left:40%;">
<el-button style=" margin-left: 8%; width: 100px;height: 40px;" type="primary" @click="handleConfirm()">确认</el-button>
</span>
<div class="app-container">
<div class="listconadd">
<el-form ref="formobj" :model="formobj" class="formadd">
<div class="title">
<span>设置默认组织机构</span>
<el-button size="mini" type="primary" @click="handleConfirm()">确认</el-button>
</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>组织机构</span>
</el-col>
<el-col :span="20">
<el-form-item>
<el-select v-model="formobj.orgNamePath" filterable placeholder="请选择" @change="changeoOrgNamePath" clearable>
<el-option v-for="item in orgNamePath_list" :key="item.orgSidPath" :label="item.orgNamePath" :value="item.orgNamePath"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-form ref="tempobj" :model="temp" class="formadd">
<div class="title">
<span>设置流程转办人</span>
<el-button size="mini" type="primary" @click="handleSave()">保存</el-button>
</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>转办日期</span>
</el-col>
<el-col :span="8">
<el-form-item>
<el-date-picker
v-model="temp.startDate"
type="datetime"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
clearable
placeholder="开始时间">
</el-date-picker>
<span></span>
<el-date-picker
v-model="temp.endDate"
type="datetime"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
clearable
placeholder="结束时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>转办人</span>
</el-col>
<el-col :span="8">
<el-form-item>
<el-select v-model="temp.changeUserSid" filterable placeholder="请选择" clearable>
<el-option v-for="item in user_list" :key="item.userSid" :label="item.staffName" :value="item.userSid"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
import { getList, saveOrUpdate } from '@/api/system/personalization/personalization'
import { getList, saveOrUpdate, selectStaffListss, save, initDetails } from '@/api/system/personalization/personalization'
export default {
name: 'personalization',
data() {
return {
orgNamePath_list: [],
user_list: [],
formobj: {
orgSidPath: '',
orgNamePath: '',
userSid: ''
},
temp: {
updateBySid: '',
userSid: '',
changeUserSid: '',
startDate: '',
endDate: ''
}
}
},
@ -45,6 +100,18 @@ export default {
this.orgNamePath_list = res.data.list
}
})
initDetails({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
if (resp.success) {
this.temp.changeUserSid = resp.data.changeUserSid
this.temp.startDate = resp.data.startDate
this.temp.endDate = resp.data.endDate
}
})
selectStaffListss().then((res) => {
if (res.success) {
this.user_list = res.data
}
})
},
changeoOrgNamePath(value) {
const choose = this.orgNamePath_list.filter((item) => item.orgNamePath === value)
@ -61,57 +128,26 @@ export default {
this.$message({ showClose: true, type: 'success', message: '操作成功' })
}
})
},
handleSave() {
this.temp.updateBySid = window.sessionStorage.getItem('userSid')
this.temp.userSid = window.sessionStorage.getItem('userSid')
save(this.temp).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '操作成功' })
}
})
}
}
}
</script>
<style scoped="scoped" lang="scss">
.content {
width: 100%;
padding-top: 10px;
font-size: 16px;
color: #fff;
box-sizing: border-box;
}
.right_cont {
width: 100%;
height: 645px;
background-color: #fff;
margin: 0;
padding: 15px;
box-sizing: border-box;
}
.tishi {
width: 560px;
color: #000;
padding-left: 1.5%;
margin-bottom: 50px;
tr {
height: 70px;
}
td {
border: 1px solid #e6e9f0;
text-align: center;
}
td:first-child {
background-color: #f7f9fc;
}
.el-input,
input {
width: 80%;
}
span {
font-size: 26px;
color: red;
margin-left: 10px;
}
<style scoped="scoped">
.title {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

Loading…
Cancel
Save