|
|
|
@ -3,14 +3,56 @@ |
|
|
|
<span class="right-top-line" /> |
|
|
|
<span class="left-bottom-line" /> |
|
|
|
<div class="head-container"> |
|
|
|
<eHeader :dict="dict" :permission="permission" /> |
|
|
|
<crudOperation :permission="permission" /> |
|
|
|
<el-button |
|
|
|
icon="el-icon-plus" |
|
|
|
size="mini" |
|
|
|
@click="addFormVisible = true" |
|
|
|
>新增</el-button> |
|
|
|
<el-button |
|
|
|
icon="el-icon-delete" |
|
|
|
size="mini" |
|
|
|
style="margin:0 7px 0 7px" |
|
|
|
@click="deleteVisible = true" |
|
|
|
>删除</el-button> |
|
|
|
<!-- <el-input |
|
|
|
v-model="query.name" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
placeholder="输入岗位名称搜索" |
|
|
|
prefix-icon="el-icon-search" |
|
|
|
style="width: 200px" |
|
|
|
class="filter-item" |
|
|
|
@keyup.enter.native="crud.toQuery" |
|
|
|
/> --> |
|
|
|
<el-input |
|
|
|
v-model="keyWord" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入关键词" |
|
|
|
style="width: 300px" |
|
|
|
class="input-prepend" |
|
|
|
@keyup.enter.native="crud.toQuery" |
|
|
|
> |
|
|
|
<el-select slot="prepend" v-model="cateSearch" style="width: 100px"> |
|
|
|
<el-option |
|
|
|
v-for="item in cateSearchOptions" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-input> |
|
|
|
<rrOperation /> |
|
|
|
|
|
|
|
<!-- <eHeader :dict="dict" :permission="permission" /> --> |
|
|
|
|
|
|
|
<!-- <crudOperation :permission="permission" /> --> |
|
|
|
</div> |
|
|
|
<!--表格渲染--> |
|
|
|
<el-table |
|
|
|
ref="fieldTable" |
|
|
|
style="min-width: 100%" |
|
|
|
height="calc(100vh - 367px)" |
|
|
|
height="calc(100vh - 315px)" |
|
|
|
@selection-change="selectionChangeHandler" |
|
|
|
@row-click="clickRowHandler" |
|
|
|
> |
|
|
|
@ -25,29 +67,75 @@ |
|
|
|
<el-table-column prop="isColumnLength" label="已借档案" min-width="85" /> |
|
|
|
<el-table-column prop="isColumnLength" label="错位档案" min-width="85" /> |
|
|
|
<el-table-column prop="isColumnLength" label="创建时间" min-width="85" /> |
|
|
|
|
|
|
|
</el-table> |
|
|
|
<!-- 删除模态框 --> |
|
|
|
<el-dialog title="确认删除" :visible.sync="deleteVisible" :before-close="handleClose"> |
|
|
|
<span class="dialog-right-top" /> |
|
|
|
<span class="dialog-left-bottom" /> |
|
|
|
<div class="setting-dialog"> |
|
|
|
<p><span style="color:#fff;">确定删除当前盘点任务？</span></p> |
|
|
|
<p><span style="color:red;">提示：确定删除后,该数据将无法找回!</span></p> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button type="primary" @click.native="handleConfirm">确定</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
<!-- 新增模态框 --> |
|
|
|
<el-dialog title="新增盘点" :visible.sync="addFormVisible"> |
|
|
|
<span class="dialog-right-top" /> |
|
|
|
<span class="dialog-left-bottom" /> |
|
|
|
<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> |
|
|
|
<!--分页组件--> |
|
|
|
<pagination /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import eHeader from './module/header' |
|
|
|
// import eHeader from './module/header' |
|
|
|
import rrOperation from '@crud/RR.operation' |
|
|
|
import CRUD, { presenter } from '@crud/crud' |
|
|
|
import crudJob from '@/api/system/job' |
|
|
|
// import crudJob from '@/api/system/job' |
|
|
|
import crudOperation from '@crud/CRUD.operation' |
|
|
|
import pagination from '@crud/Pagination' |
|
|
|
import { header } from '@crud/crud' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'Job', |
|
|
|
components: { eHeader, crudOperation, pagination }, |
|
|
|
components: { crudOperation, pagination, rrOperation }, |
|
|
|
mixins: [header(), presenter()], |
|
|
|
props: { |
|
|
|
dict: { |
|
|
|
type: Object, |
|
|
|
required: true |
|
|
|
}, |
|
|
|
permission: { |
|
|
|
type: Object, |
|
|
|
required: true |
|
|
|
} |
|
|
|
}, |
|
|
|
cruds() { |
|
|
|
return CRUD({ |
|
|
|
title: '岗位', |
|
|
|
// url: 'api/job', |
|
|
|
sort: ['jobSort,asc', 'id,desc'], |
|
|
|
crudMethod: { ...crudJob }, |
|
|
|
// sort: ['jobSort,asc', 'id,desc'], |
|
|
|
// crudMethod: { ...crudJob }, |
|
|
|
optShow: { |
|
|
|
add: true, |
|
|
|
edit: false, |
|
|
|
@ -57,7 +145,6 @@ export default { |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
mixins: [presenter()], |
|
|
|
dicts: ['job_status'], |
|
|
|
|
|
|
|
data() { |
|
|
|
@ -66,7 +153,21 @@ export default { |
|
|
|
add: ['admin', 'job:add'], |
|
|
|
edit: ['admin', 'job:edit'], |
|
|
|
del: ['admin', 'job:del'] |
|
|
|
}, |
|
|
|
cateSearch: '区域', |
|
|
|
cateSearchOptions: [ |
|
|
|
{ value: '选项1', label: '区域' } |
|
|
|
], |
|
|
|
deleteVisible: false, |
|
|
|
addFormVisible: false |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleConfirm() { |
|
|
|
this.deleteVisible = false |
|
|
|
}, |
|
|
|
handleSave(){ |
|
|
|
this.addFormVisible = false |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -81,4 +182,36 @@ export default { |
|
|
|
.crud-opts { |
|
|
|
// display: inline-block; |
|
|
|
} |
|
|
|
::v-deep .input-prepend { |
|
|
|
margin: 0 10px 0 0; |
|
|
|
background-color: #021941; |
|
|
|
border-radius: 3px; |
|
|
|
// word-spacing: -10px; |
|
|
|
border: 1px solid #339cff; |
|
|
|
.el-select { |
|
|
|
background-color: #021941; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.el-input__inner { |
|
|
|
background-color: #021941; |
|
|
|
border: none; |
|
|
|
caret-color: #fff; |
|
|
|
height: 28px; |
|
|
|
line-height: 28px; |
|
|
|
} |
|
|
|
.el-input-group__prepend { |
|
|
|
border: none; |
|
|
|
} |
|
|
|
} |
|
|
|
::v-deep .el-dialog__footer { |
|
|
|
background-color: #031435; |
|
|
|
} |
|
|
|
|
|
|
|
.el-dialog .dialog-footer { |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
::v-deep .el-dialog{ |
|
|
|
width: 1340px; |
|
|
|
} |
|
|
|
</style> |
