13 changed files with 738 additions and 188 deletions
-
103src/views/archivesManage/archivesCheck/data1.json
-
188src/views/archivesManage/archivesCheck/index.vue
-
115src/views/archivesManage/archivesCheck/module/addCheck.vue
-
15src/views/archivesManage/archivesCheck/module/checkDetail.vue
-
34src/views/archivesManage/lendManage/data1.json
-
31src/views/archivesManage/lendManage/lendConfirm/index.vue
-
43src/views/archivesManage/lendManage/lendConfirm/module/archiveDetail.vue
-
12src/views/archivesManage/lendManage/lendQuery/index.vue
-
83src/views/archivesManage/lendManage/lendQuery/module/archiveDetail.vue
-
41src/views/archivesManage/lendManage/returnArchives/index.vue
-
84src/views/archivesManage/lendManage/returnArchives/module/archiveDetail.vue
-
2src/views/archivesManage/lendManage/toLend/index.vue
-
175src/views/archivesManage/recycleBin/index.vue
@ -0,0 +1,103 @@ |
|||||
|
{ |
||||
|
"total":8, |
||||
|
"rows":[ |
||||
|
{ |
||||
|
"id":"29f16d62bc7242d5ba8dc84de5451f93", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"已执行", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:40" |
||||
|
}, |
||||
|
{ |
||||
|
"id":"3d6d548d30db426ea3d95d63f589b294", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"已执行", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:41" |
||||
|
}, |
||||
|
{ |
||||
|
"id":"45ff597e7cc64d11803ac422816b1e23", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"待执行", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:42" |
||||
|
}, |
||||
|
{ |
||||
|
"id":"49106aa0d1534a7a900843d0c4531840", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"待执行", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:50" |
||||
|
}, |
||||
|
{ |
||||
|
"id":"6e604355ff1e47e8b48117dca36420c7", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"执行中", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:40" |
||||
|
}, |
||||
|
{ |
||||
|
"id":"6f4a6631d9d3424b960793704f3757b3", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"执行中", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:40" |
||||
|
}, |
||||
|
{ |
||||
|
"id":"76e29d5c0a0541bfb1ee9da432183b15", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"已执行", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:40" |
||||
|
}, |
||||
|
{ |
||||
|
"id":"a0ffdd94161146c49161662c3f9a70cd", |
||||
|
"isCheckNum":"PD-202205250840", |
||||
|
"isContainPath":"父区域-子区域，父区域-子区域1", |
||||
|
"isCheckState":"已执行", |
||||
|
"isStoreNum":"233", |
||||
|
"isCheckedNum":"230", |
||||
|
"isNoCheckNum":"3", |
||||
|
"isLendNum":"111", |
||||
|
"isMisplaceNum":"20", |
||||
|
"isBuildTime":"2022-5-25 08:40" |
||||
|
} |
||||
|
], |
||||
|
"footer":null, |
||||
|
"postparam":null |
||||
|
} |
||||
@ -0,0 +1,115 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-dialog ref="dialogTable" title="新增盘点" :visible.sync="addFormVisible" class="dialog-table"> |
||||
|
<span class="dialog-right-top" /> |
||||
|
<span class="dialog-left-bottom" /> |
||||
|
<el-form |
||||
|
ref="form" |
||||
|
:model="checkForm" |
||||
|
size="small" |
||||
|
label-width="80px" |
||||
|
> |
||||
|
<el-form-item label="选择区域" prop="selectArea" class="down-select"> |
||||
|
<el-select |
||||
|
v-model="selectAreaValue" |
||||
|
style="width: 300px" |
||||
|
multiple |
||||
|
filterable |
||||
|
clearable |
||||
|
placeholder="请选择" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in selectArea" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="选择门类" prop="category" class="down-select"> |
||||
|
<el-select |
||||
|
v-model="categoryValue" |
||||
|
style="width: 300px" |
||||
|
multiple |
||||
|
filterable |
||||
|
clearable |
||||
|
placeholder="请选择" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in category" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-button type="primary" style="margin:0 0 0 10px;height:32px;" @click="handleBuild">生成盘点单</el-button> |
||||
|
</el-form> |
||||
|
<el-table :data="gridData"> |
||||
|
<el-table-column type="index" label="序号" width="55" /> |
||||
|
<el-table-column prop="fieldCnName" label="状态" /> |
||||
|
<el-table-column prop="fieldCnName" label="所属门类" /> |
||||
|
<el-table-column prop="fieldCnName" label="子条目数" /> |
||||
|
<el-table-column prop="fieldCnName" label="全宗号" /> |
||||
|
<el-table-column prop="fieldName" label="档号" min-width="140" /> |
||||
|
<el-table-column prop="fieldCnName" label="部门名称" /> |
||||
|
<el-table-column label="题名" min-width="85" /> |
||||
|
<el-table-column label="年度" min-width="85" /> |
||||
|
<el-table-column label="保管期限" min-width="85" /> |
||||
|
<el-table-column label="密级" min-width="85" /> |
||||
|
<el-table-column label="存放位置" min-width="85" /> |
||||
|
</el-table> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="handleSave">保存</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
gridData: [], |
||||
|
checkForm: {}, |
||||
|
addFormVisible: false, |
||||
|
selectAreaValue: [], |
||||
|
selectArea: [ |
||||
|
{ value: '选项1', label: '借阅人' }, |
||||
|
{ value: '选项2', label: '档号' }, |
||||
|
{ value: '选项3', label: '题名' }, |
||||
|
{ value: '选项4', label: '位置' } |
||||
|
], |
||||
|
categoryValue: ['选项1'], |
||||
|
category: [ |
||||
|
{ value: '选项1', label: '全部' }, |
||||
|
{ value: '选项2', label: '档号' }, |
||||
|
{ value: '选项3', label: '题名' }, |
||||
|
{ value: '选项4', label: '位置' } |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.dialogTableStyle() |
||||
|
}, |
||||
|
methods: { |
||||
|
dialogTableStyle() { |
||||
|
const dialogTableDom = this.$refs.dialogTable |
||||
|
const targetDialog = dialogTableDom.$refs.dialog |
||||
|
targetDialog.style.width = '1340px' |
||||
|
}, |
||||
|
handleBuild() { |
||||
|
console.log(this.$refs.dialogTable.$refs) |
||||
|
}, |
||||
|
handleSave() { |
||||
|
this.addFormVisible = false |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.el-form{ |
||||
|
display: flex; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,15 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
盘点详情 |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,83 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-dialog title="借阅详情" :visible.sync="detailVisible"> |
||||
|
<span class="dialog-right-top" /> |
||||
|
<span class="dialog-left-bottom" /> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">单据号</span><span class="color-white">{{ rowData[0].isDocNum }}</span></p> |
||||
|
<p class="right"><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData[0].borrowerName }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData[0].borrowerIdType }}</span></p> |
||||
|
<p class="right"><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData[0].borrowerDepartment }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData[0].borrowerIdNum }}</span></p> |
||||
|
<p class="right"><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData[0].borrowerTel }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData[0].borrowDays }}</span></p> |
||||
|
<p class="right"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData[0].borrowGoal }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">借阅状态:</span><span class="color-white">{{ rowData[0].isLendStatus }}</span></p> |
||||
|
<p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData[0].isOperationTime }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">所属门类:</span><span class="color-white">{{ rowData[0].isCategoryName }}</span></p> |
||||
|
<p class="right"><span class="color-blue">档号:</span><span class="color-white">{{ rowData[0].isArchivesID }}</span></p> |
||||
|
</div> |
||||
|
<p class="left"><span class="color-blue">题名:</span><span class="color-white">{{ rowData[0].isTitleName }}</span></p> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">盒名称:</span><span class="color-white">{{ rowData[0].isFieldName }}</span></p> |
||||
|
<p class="right"><span class="color-blue">存放位置:</span><span class="color-white">{{ rowData[0].isStoragePath }}</span></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
detailVisible: false, |
||||
|
rowData: [] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep .el-dialog__body{ |
||||
|
padding: 60px 40px 80px 40px; |
||||
|
} |
||||
|
::v-deep .el-dialog{ |
||||
|
width: 800px; |
||||
|
} |
||||
|
p{ |
||||
|
display: flex; |
||||
|
height: 40px; |
||||
|
align-items: center; |
||||
|
.color-blue{ |
||||
|
color: #3A99FD; |
||||
|
width: 70px; |
||||
|
height: 19px; |
||||
|
text-align: right; |
||||
|
} |
||||
|
.color-white{ |
||||
|
color: white; |
||||
|
padding: 0 0 0 20px; |
||||
|
} |
||||
|
} |
||||
|
.dpflex{ |
||||
|
display: flex; |
||||
|
.left{ |
||||
|
width: 350px; |
||||
|
} |
||||
|
.right{ |
||||
|
width: 300px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,84 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-dialog title="借阅详情" :visible.sync="detailVisible"> |
||||
|
<span class="dialog-right-top" /> |
||||
|
<span class="dialog-left-bottom" /> |
||||
|
<div class="setting-dialog"> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">单据号</span><span class="color-white">{{ rowData[0].isDocNum }}</span></p> |
||||
|
|
||||
|
<p class="right"><span class="color-blue">借阅人:</span><span class="color-white">{{ rowData[0].borrowerName }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">所属部门:</span><span class="color-white">{{ rowData[0].borrowerDepartment }}</span></p> |
||||
|
<p class="right"><span class="color-blue">证件类型:</span><span class="color-white">{{ rowData[0].borrowerIdType }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">证件号码:</span><span class="color-white">{{ rowData[0].borrowerIdNum }}</span></p> |
||||
|
<p class="right"><span class="color-blue">电话号码:</span><span class="color-white">{{ rowData[0].borrowerTel }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">借阅日期:</span><span class="color-white">{{ rowData[0].borrowDays }}</span></p> |
||||
|
<p class="right"><span class="color-blue">借阅目的:</span><span class="color-white">{{ rowData[0].borrowGoal }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">借阅状态:</span><span class="color-white">{{ rowData[0].isLendStatus }}</span></p> |
||||
|
<p class="right"><span class="color-blue">操作时间:</span><span class="color-white">{{ rowData[0].isOperationTime }}</span></p> |
||||
|
</div> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">所属门类:</span><span class="color-white">{{ rowData[0].isCategoryName }}</span></p> |
||||
|
<p class="right"><span class="color-blue">档号:</span><span class="color-white">{{ rowData[0].isArchivesID }}</span></p> |
||||
|
</div> |
||||
|
<p class="left"><span class="color-blue">题名:</span><span class="color-white">{{ rowData[0].isTitleName }}</span></p> |
||||
|
<div class="dpflex"> |
||||
|
<p class="left"><span class="color-blue">盒名称:</span><span class="color-white">{{ rowData[0].isFieldName }}</span></p> |
||||
|
<p class="right"><span class="color-blue">存放位置:</span><span class="color-white">{{ rowData[0].isStoragePath }}</span></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
detailVisible: false, |
||||
|
rowData: [] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep .el-dialog__body{ |
||||
|
padding: 60px 40px 80px 40px; |
||||
|
} |
||||
|
::v-deep .el-dialog{ |
||||
|
width: 800px; |
||||
|
} |
||||
|
p{ |
||||
|
display: flex; |
||||
|
height: 40px; |
||||
|
align-items: center; |
||||
|
.color-blue{ |
||||
|
color: #3A99FD; |
||||
|
width: 70px; |
||||
|
height: 19px; |
||||
|
text-align: right; |
||||
|
} |
||||
|
.color-white{ |
||||
|
color: white; |
||||
|
padding: 0 0 0 20px; |
||||
|
} |
||||
|
} |
||||
|
.dpflex{ |
||||
|
display: flex; |
||||
|
.left{ |
||||
|
width: 350px; |
||||
|
} |
||||
|
.right{ |
||||
|
width: 300px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,175 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-row class="container-main" :gutter="20"> |
||||
|
<!--侧边部门数据--> |
||||
|
<el-col class="container-left" :xs="9" :sm="6" :md="5" :lg="4" :xl="4"> |
||||
|
<span class="right-top-line" /> |
||||
|
<span class="left-bottom-line" /> |
||||
|
<div class="head-container" style="color:#fff"> |
||||
|
档案门类 |
||||
|
</div> |
||||
|
<el-tree |
||||
|
:data="deptDatas" |
||||
|
:load="getDeptDatas" |
||||
|
:props="defaultProps" |
||||
|
:expand-on-click-node="false" |
||||
|
lazy |
||||
|
@node-click="handleNodeClick" |
||||
|
/> |
||||
|
</el-col> |
||||
|
<!--用户数据--> |
||||
|
<el-col class="container-right" :xs="15" :sm="18" :md="19" :lg="20" :xl="20"> |
||||
|
<span class="right-top-line" /> |
||||
|
<span class="left-bottom-line" /> |
||||
|
<!--工具栏--> |
||||
|
<div class="head-container"> |
||||
|
<el-button size="mini">彻底删除</el-button> |
||||
|
<el-button size="mini" style="margin-right:10px">还原</el-button> |
||||
|
<!-- 搜索 --> |
||||
|
<!-- <div v-if="crud.props.searchToggle" class="head-search"> --> |
||||
|
<el-input |
||||
|
v-model="query.blurry" |
||||
|
clearable |
||||
|
size="small" |
||||
|
prefix-icon="el-icon-search" |
||||
|
placeholder="请输入关键词" |
||||
|
style="width: 200px;" |
||||
|
class="filter-item" |
||||
|
/> |
||||
|
<rrOperation /> |
||||
|
<!-- </div> --> |
||||
|
</div> |
||||
|
<!--表格渲染--> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
:data="tableData" |
||||
|
style="min-width: 100%" |
||||
|
height="calc(100vh - 355px)" |
||||
|
> |
||||
|
<el-table-column type="selection" width="55" /> |
||||
|
<el-table-column type="index" label="序号" width="55" /> |
||||
|
<el-table-column prop="" label="文件" min-width="55" /> |
||||
|
<el-table-column prop="" label="全宗名" min-width="85" /> |
||||
|
<el-table-column prop="isArchivesID" :show-overflow-tooltip="true" label="档号" min-width="110" /> |
||||
|
<el-table-column prop="" label="部门名称" min-width="85" /> |
||||
|
<el-table-column prop="" label="件号" min-width="55" /> |
||||
|
<el-table-column :show-overflow-tooltip="true" prop="isTitleName" label="题名" min-width="100" /> |
||||
|
<el-table-column prop="" label="成文日期" min-width="80" /> |
||||
|
<el-table-column prop="" label="机构(问题)" :show-overflow-tooltip="true" min-width="80" /> |
||||
|
<el-table-column prop="" label="页号" min-width="60" /> |
||||
|
<el-table-column prop="" label="责任者" min-width="85" /> |
||||
|
<el-table-column prop="" label="保管期限" min-width="85" /> |
||||
|
<el-table-column prop="" label="备注" min-width="85" /> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<pagination /> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { getDepts, getDeptSuperior } from '@/api/system/dept' |
||||
|
import CRUD, { presenter, header, crud } from '@crud/crud' |
||||
|
import rrOperation from '@crud/RR.operation' |
||||
|
import pagination from '@crud/Pagination' |
||||
|
import data1 from '../lendManage/data1.json' |
||||
|
export default { |
||||
|
// name: 'User', |
||||
|
components: { rrOperation, pagination }, |
||||
|
cruds() { |
||||
|
return CRUD({ title: '用户', url: 'api/users' }) |
||||
|
}, |
||||
|
mixins: [presenter(), header(), crud()], |
||||
|
// 数据字典 |
||||
|
dicts: ['user_status'], |
||||
|
data() { |
||||
|
return { |
||||
|
tableData: [], |
||||
|
deptName: '', |
||||
|
depts: [], |
||||
|
deptDatas: [], |
||||
|
level: 3, |
||||
|
defaultProps: { children: 'children', label: 'name', isLeaf: 'leaf' } |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getData() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取表格数据 |
||||
|
getData() { |
||||
|
this.tableData = data1.rows |
||||
|
}, |
||||
|
// 获取左侧部门数据 |
||||
|
getDeptDatas(node, resolve) { |
||||
|
const sort = 'id,desc' |
||||
|
const params = { sort: sort } |
||||
|
if (typeof node !== 'object') { |
||||
|
if (node) { |
||||
|
params['name'] = node |
||||
|
} |
||||
|
} else if (node.level !== 0) { |
||||
|
params['pid'] = node.data.id |
||||
|
} |
||||
|
setTimeout(() => { |
||||
|
getDepts(params).then(res => { |
||||
|
if (resolve) { |
||||
|
resolve(res.content) |
||||
|
} else { |
||||
|
this.deptDatas = res.content |
||||
|
} |
||||
|
}) |
||||
|
}, 100) |
||||
|
}, |
||||
|
getDepts() { |
||||
|
getDepts({ enabled: true }).then(res => { |
||||
|
this.depts = res.content.map(function(obj) { |
||||
|
if (obj.hasChildren) { |
||||
|
obj.children = null |
||||
|
} |
||||
|
return obj |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
getSupDepts(deptId) { |
||||
|
getDeptSuperior(deptId).then(res => { |
||||
|
const date = res.content |
||||
|
this.buildDepts(date) |
||||
|
this.depts = date |
||||
|
}) |
||||
|
}, |
||||
|
buildDepts(depts) { |
||||
|
depts.forEach(data => { |
||||
|
if (data.children) { |
||||
|
this.buildDepts(data.children) |
||||
|
} |
||||
|
if (data.hasChildren && !data.children) { |
||||
|
data.children = null |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 切换部门 |
||||
|
handleNodeClick(data) { |
||||
|
if (data.pid === 0) { |
||||
|
this.query.deptId = null |
||||
|
} else { |
||||
|
this.query.deptId = data.id |
||||
|
} |
||||
|
this.crud.toQuery() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style rel="stylesheet/scss" lang="scss" scoped> |
||||
|
::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value { |
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
::v-deep .head-container .filter-item input{ |
||||
|
height: 30px; |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue