|
|
@ -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> |
|
|
|