32 changed files with 1506 additions and 1154 deletions
-
1package.json
-
27src/api/bookBasice/index.js
-
18src/assets/styles/archives-manage.scss
-
1src/assets/styles/index.scss
-
59src/assets/styles/manage.scss
-
26src/assets/styles/yxk-admin.scss
-
12src/router/routers.js
-
31src/utils/index.js
-
425src/views/system/dict/index2.vue
-
144src/views/system/group/index.vue
-
1src/views/system/log/search.vue
-
11src/views/system/menu/index.vue
-
17src/views/system/notify/index.vue
-
143src/views/system/role/index.vue
-
234src/views/system/user/cart.vue
-
13src/views/system/user/center.vue
-
102src/views/system/user/index.vue
-
372src/views/visualCheck/bookstore/book/index.vue
-
506src/views/visualCheck/bookstore/collection/index.vue
-
230src/views/visualCheck/bookstore/collectionLocation/index.vue
-
16src/views/visualCheck/checkManage/bookSearch/index.vue
-
16src/views/visualCheck/checkManage/bookshelfSearch/index.vue
-
16src/views/visualCheck/checkManage/checkLog/index.vue
-
16src/views/visualCheck/checkManage/checkPlan/index.vue
-
16src/views/visualCheck/checkManage/dataScreening/index.vue
-
2src/views/visualCheck/checkManage/index.vue
-
16src/views/visualCheck/checkManage/statistic/index.vue
-
1src/views/visualCheck/venueDevice/area/index.vue
-
1src/views/visualCheck/venueDevice/bookshelf/index.vue
-
1src/views/visualCheck/venueDevice/device/index.vue
-
170src/views/visualCheck/venueDevice/floor/index.vue
-
16src/views/visualCheck/venueDevice/index.vue
@ -0,0 +1,27 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
export function add(data) { |
||||
|
return request({ |
||||
|
url: 'api/bookBasice/editCollectionLocation', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function edit(data) { |
||||
|
return request({ |
||||
|
url: 'api/bookBasice/editCollectionLocation', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function del(ids) { |
||||
|
return request({ |
||||
|
url: 'api/bookBasice/delCollectionLocation', |
||||
|
method: 'post', |
||||
|
data: ids |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export default { add, edit, del } |
||||
@ -0,0 +1,59 @@ |
|||||
|
@import 'variables'; |
||||
|
@import 'mixin'; |
||||
|
|
||||
|
.venue-container{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
.venue-left{ |
||||
|
width: calc(100% / 2); |
||||
|
margin-right: 20px; |
||||
|
@include bg_color; |
||||
|
@include box_padding; |
||||
|
.head-container{ |
||||
|
margin-bottom: 20px; |
||||
|
.crud-opts{ |
||||
|
justify-content: center; |
||||
|
} |
||||
|
} |
||||
|
.container-left{ |
||||
|
@include tree_height_min; |
||||
|
} |
||||
|
} |
||||
|
.venue-right{ |
||||
|
flex: 1; |
||||
|
@include bg_color; |
||||
|
@include box_padding; |
||||
|
.head-container{ |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
.container-right{ |
||||
|
@include table_height_min; |
||||
|
&.tab-content{ |
||||
|
@include tab_height_min; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.venue-container{ |
||||
|
.tab-content{ |
||||
|
position: relative; |
||||
|
@include row_tab_style; |
||||
|
.tab-nav{ |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.venue-preview{ |
||||
|
width: 100%; |
||||
|
height: 690px; |
||||
|
margin-top: 20px; |
||||
|
overflow: hidden; |
||||
|
img{ |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
@ -1,425 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container row-container"> |
|
||||
<!--工具栏--> |
|
||||
<div class="head-container"> |
|
||||
<div class="head-search"> |
|
||||
<!-- 搜索 --> |
|
||||
<el-input v-model="query.blurry" clearable size="small" placeholder="输入字典名称或字典代码搜索" prefix-icon="el-icon-search" style="width: 240px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> |
|
||||
<el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="crud.toQuery">搜索</el-button> |
|
||||
<el-button v-if="crud.optShow.reset" class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery()">重置</el-button> |
|
||||
</div> |
|
||||
<crudOperation :permission="permission"> |
|
||||
<template v-slot:middle> |
|
||||
<el-button slot="reference" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)"> |
|
||||
<i class="iconfont icon-shanchu" /> |
|
||||
删除 |
|
||||
</el-button> |
|
||||
</template> |
|
||||
<template v-slot:right> |
|
||||
<el-button :loading="crud.downloadLoading" size="mini" :disabled="crud.selections.length === 0" @click="doExport(crud.selections)"> |
|
||||
<i class="iconfont icon-daochu" /> |
|
||||
导出 |
|
||||
</el-button> |
|
||||
</template> |
|
||||
</crudOperation> |
|
||||
</div> |
|
||||
<!--表单组件--> |
|
||||
<el-dialog append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title"> |
|
||||
<div class="setting-dialog"> |
|
||||
<el-form ref="form" inline :model="form" :rules="rules" size="small" label-width="90px"> |
|
||||
<el-form-item label="字典名称" prop="dictionaryName"> |
|
||||
<el-input v-model="form.dictionaryName" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="字典代码" prop="dictionaryCode"> |
|
||||
<el-input v-model="form.dictionaryCode" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="顶级节点" prop="isTop"> |
|
||||
<el-radio-group v-model="form.isTop" @input="changeIsTop"> |
|
||||
<el-radio label="1">是</el-radio> |
|
||||
<el-radio label="0">否</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="排序" prop="dictionaryOrder"> |
|
||||
<el-input-number |
|
||||
v-model.number="form.dictionaryOrder" |
|
||||
:min="0" |
|
||||
:max="999" |
|
||||
controls-position="right" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
<el-row> |
|
||||
<el-form-item v-if="form.isTop === '0'" label="上级节点" prop="dictionaryParents"> |
|
||||
<treeselect |
|
||||
v-model="form.dictionaryParents" |
|
||||
style="width: 584px;" |
|
||||
:load-options="loadDicts" |
|
||||
:options="dicts" |
|
||||
:normalizer="normalizer" |
|
||||
placeholder="选择上级节点" |
|
||||
> |
|
||||
<div slot="value-label" slot-scope="{ node }">{{ getAutoNameUnknown(node.label) }}</div> |
|
||||
</treeselect> |
|
||||
</el-form-item> |
|
||||
</el-row> |
|
||||
<el-form-item label="内容说明" prop="dictionaryRemarks"> |
|
||||
<el-input v-model="form.dictionaryRemarks" type="textarea" :rows="4" style="width: 584px;" /> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
|
||||
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-dialog> |
|
||||
<!-- <el-dialog title="删除字典内容" :visible.sync="deleteVisible" :before-close="handleClose"> |
|
||||
<span class="dialog-right-top" /> |
|
||||
<span class="dialog-left-bottom" /> |
|
||||
<div class="setting-dialog"> |
|
||||
<div class="dialog-delt"> |
|
||||
<p><span>确定删除当前字典内容吗？</span></p> |
|
||||
</div> |
|
||||
<div slot="footer" class="dialog-footer"> |
|
||||
<el-button type="primary" @click.native="handleConfirm">确定</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</el-dialog> --> |
|
||||
<div class="container-wrap"> |
|
||||
<span class="right-top-line" /> |
|
||||
<span class="left-bottom-line" /> |
|
||||
<!--表格渲染--> |
|
||||
<!-- @selection-change="selectionChangeHandler" |
|
||||
@row-click="clickRowHandler" --> |
|
||||
<!-- height="calc(100vh - 232px)" --> |
|
||||
<el-table |
|
||||
ref="table" |
|
||||
v-loading="crud.loading" |
|
||||
lazy |
|
||||
:load="getDictsDatas" |
|
||||
:data="tableData" |
|
||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
|
||||
:row-key="getRowKey" |
|
||||
style="width: 100%;" |
|
||||
@select-all="selectAll" |
|
||||
@select="selectTr" |
|
||||
@selection-change="crud.selectionChangeHandler" |
|
||||
@row-click="clickRowHandler" |
|
||||
> |
|
||||
<el-table-column type="selection" align="center" width="55" /> |
|
||||
<el-table-column prop="dictionaryName" label="字典名称" /> |
|
||||
<el-table-column prop="dictionaryCode" label="字典代码" /> |
|
||||
<el-table-column prop="dictionaryRemarks" label="内容说明" /> |
|
||||
<el-table-column prop="dictionaryOrder" label="排序" /> |
|
||||
<el-table-column prop="createTime" label="创建日期" width="200px"> |
|
||||
<template slot-scope="scope"> |
|
||||
<div>{{ scope.row.createTime | parseTime }}</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<!--分页组件--> |
|
||||
<pagination v-if="crud.data.length!==0" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import crudDict from '@/api/system/dict' |
|
||||
import CRUD, { presenter, header, form } from '@crud/crud' |
|
||||
import crudOperation from '@crud/CRUD.operation' |
|
||||
import pagination from '@crud/Pagination' |
|
||||
import Treeselect from '@riophae/vue-treeselect' |
|
||||
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
|
||||
import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect' |
|
||||
import { mapGetters } from 'vuex' |
|
||||
import { exportFile } from '@/utils/index' |
|
||||
import qs from 'qs' |
|
||||
|
|
||||
const defaultForm = { id: null, dictionaryName: null, isTop: '1', dictionaryCode: null, dictionaryOrder: 999, dictionaryRemarks: null, dictionaryParents: null } |
|
||||
|
|
||||
export default { |
|
||||
name: 'Dicts', |
|
||||
components: { crudOperation, Treeselect, pagination }, |
|
||||
cruds() { |
|
||||
return [ |
|
||||
CRUD({ |
|
||||
title: '字典', idField: 'dictionaryId || id', url: 'api/dictionary/initDictionaryList', |
|
||||
crudMethod: { ...crudDict }, |
|
||||
sort: [], |
|
||||
optShow: { |
|
||||
add: true, |
|
||||
edit: true, |
|
||||
del: false, |
|
||||
reset: true, |
|
||||
download: false, |
|
||||
group: false |
|
||||
}}) |
|
||||
] |
|
||||
}, |
|
||||
mixins: [ |
|
||||
presenter(), |
|
||||
header(), |
|
||||
form(function() { |
|
||||
return Object.assign({ dictionaryParents: this.dictionaryParents }, defaultForm) |
|
||||
}) |
|
||||
], |
|
||||
props: { |
|
||||
activeAddBtn: { |
|
||||
type: Boolean |
|
||||
} |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
dicts: [], |
|
||||
dictionaryParents: null, |
|
||||
rules: { |
|
||||
dictionaryName: [ |
|
||||
{ required: true, message: '请输入字典名称', trigger: 'blur' } |
|
||||
], |
|
||||
dictionaryCode: [ |
|
||||
{ required: true, message: '请输入字典代码', trigger: 'blur' } |
|
||||
], |
|
||||
isTop: [ |
|
||||
{ required: true, message: '请选择是否为顶级节点', trigger: 'change' } |
|
||||
], |
|
||||
dictionaryOrder: [ |
|
||||
{ required: true, message: '请输入序号', trigger: 'blur', type: 'number' } |
|
||||
] |
|
||||
}, |
|
||||
permission: { |
|
||||
add: ['admin', 'dict:add'], |
|
||||
edit: ['admin', 'dict:edit'], |
|
||||
del: ['admin', 'dict:del'] |
|
||||
}, |
|
||||
deleteVisible: false, |
|
||||
deleteData: {}, |
|
||||
isAllSelect: false |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'baseApi' |
|
||||
]) |
|
||||
}, |
|
||||
mounted() { |
|
||||
}, |
|
||||
methods: { |
|
||||
// 处理vue-treeSelect回显出现unknown问题 |
|
||||
getAutoNameUnknown(name) { |
|
||||
if (name.lastIndexOf('unknown') > -1) { |
|
||||
return name.split('(')[0] |
|
||||
} else { |
|
||||
return name |
|
||||
} |
|
||||
}, |
|
||||
getRowKey(row) { |
|
||||
return row.dictionaryId |
|
||||
}, |
|
||||
resetQuery() { |
|
||||
this.crud.query.blurry = '' |
|
||||
this.crud.toQuery() |
|
||||
}, |
|
||||
// 新增与编辑前做的操作 |
|
||||
[CRUD.HOOK.afterToCU](crud, form) { |
|
||||
if (form.dictionaryParents !== null) { |
|
||||
form.isTop = '0' |
|
||||
} else if (form.dictionaryId !== null) { |
|
||||
form.isTop = '1' |
|
||||
} |
|
||||
this.getDictsTreeList() |
|
||||
}, |
|
||||
// 获取数据前设置默认参数 |
|
||||
[CRUD.HOOK.beforeRefresh]() { |
|
||||
this.tableData = [] |
|
||||
}, |
|
||||
[CRUD.HOOK.afterRefresh](crud) { |
|
||||
crud.data.forEach(function(item, index) { |
|
||||
if (item.sonNum !== 0) { |
|
||||
item.hasChildren = true |
|
||||
} else { |
|
||||
item.hasChildren = false |
|
||||
} |
|
||||
if (!item.hasChildren) { |
|
||||
item.children = null |
|
||||
} |
|
||||
}) |
|
||||
this.tableData = this.crud.data |
|
||||
console.log('this.tableData0', this.tableData) |
|
||||
}, |
|
||||
// 编辑前 |
|
||||
[CRUD.HOOK.beforeToEdit](crud, form) { |
|
||||
crud.form.id = form.dictionaryId |
|
||||
}, |
|
||||
// 提交前的验证 |
|
||||
[CRUD.HOOK.afterValidateCU](crud) { |
|
||||
if (crud.form.isTop === '1') { |
|
||||
crud.form.dictionaryParents = null |
|
||||
} |
|
||||
delete crud.form.isTop |
|
||||
console.log(crud.form) |
|
||||
return true |
|
||||
}, |
|
||||
changeIsTop(val) { |
|
||||
if (val === '0') { |
|
||||
this.getDictsTreeList() |
|
||||
} |
|
||||
}, |
|
||||
selectAll() { |
|
||||
this.isAllSelect = !this.isAllSelect |
|
||||
const data = this.tableData |
|
||||
this.toggleSelect(data, this.isAllSelect, 'all') |
|
||||
console.log('selectAll', data) |
|
||||
}, |
|
||||
// 选择某行 |
|
||||
selectTr(selection, row) { |
|
||||
this.$set(row, 'isChecked', !row.isChecked) |
|
||||
this.$nextTick(() => { |
|
||||
this.isAllSelect = row.isChecked |
|
||||
this.toggleSelect(row, row.isChecked, 'tr') |
|
||||
}) |
|
||||
}, |
|
||||
// 递归子级 |
|
||||
toggleSelect(data, flag, type) { |
|
||||
console.log('data.children', data.children) |
|
||||
if (type === 'all') { |
|
||||
if (data.length > 0) { |
|
||||
data.forEach((item) => { |
|
||||
this.toggleSelection(item, flag) |
|
||||
if (item.children && item.children.length > 0) { |
|
||||
this.toggleSelect(item.children, flag, type) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} else { |
|
||||
if (data.children && data.children.length > 0) { |
|
||||
data.children.forEach((item) => { |
|
||||
item.isChecked = flag |
|
||||
this.$refs.table.toggleRowSelection(item, flag) |
|
||||
this.toggleSelect(item, flag, type) |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
// 改变选中 |
|
||||
toggleSelection(row, flag) { |
|
||||
this.$set(row, 'isChecked', flag) |
|
||||
this.$nextTick(() => { |
|
||||
if (flag) { |
|
||||
this.$refs.table.toggleRowSelection(row, flag) |
|
||||
} else { |
|
||||
this.$refs.table.clearSelection() |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
clickRowHandler(row) { |
|
||||
this.$refs.table.clearSelection() |
|
||||
this.$refs.table.toggleRowSelection(row) |
|
||||
}, |
|
||||
getDictsDatas(tree, treeNode, resolve) { |
|
||||
setTimeout(() => { |
|
||||
console.log(treeNode) |
|
||||
crudDict.FetchSonDictionaryList({ pid: tree.dictionaryId }).then(res => { |
|
||||
const data = res.map(function(obj) { |
|
||||
if (obj.sonNum !== 0) { |
|
||||
obj.hasChildren = true |
|
||||
obj.children = null |
|
||||
} else { |
|
||||
obj.hasChildren = false |
|
||||
} |
|
||||
return obj |
|
||||
}) |
|
||||
resolve(data) |
|
||||
}) |
|
||||
}, 100) |
|
||||
}, |
|
||||
getDictsTreeList() { |
|
||||
crudDict.FetchDictionaryTree().then(res => { |
|
||||
this.dicts = res.map(function(obj) { |
|
||||
if (obj.sonNum !== 0) { |
|
||||
obj.hasChildren = true |
|
||||
} else { |
|
||||
obj.hasChildren = false |
|
||||
} |
|
||||
if (obj.hasChildren) { |
|
||||
obj.children = null |
|
||||
} |
|
||||
return obj |
|
||||
}) |
|
||||
this.crud.loading = false |
|
||||
}) |
|
||||
}, |
|
||||
// 获取弹窗内字典数据 |
|
||||
loadDicts({ action, parentNode, callback }) { |
|
||||
if (action === LOAD_CHILDREN_OPTIONS) { |
|
||||
crudDict.FetchDictionaryTree().then(res => { |
|
||||
parentNode.children = res.map(function(obj) { |
|
||||
if (obj.children) { |
|
||||
obj.childMenus = null |
|
||||
} |
|
||||
return obj |
|
||||
}) |
|
||||
setTimeout(() => { |
|
||||
callback() |
|
||||
}, 100) |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
toDelete(datas) { |
|
||||
this.deleteData = datas |
|
||||
this.$confirm('此操作将删除当前所选' + this.crud.title + '<span>你是否还要继续？</span>', '提示', { |
|
||||
confirmButtonText: '继续', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning', |
|
||||
dangerouslyUseHTMLString: true |
|
||||
}).then(() => { |
|
||||
this.crud.delAllLoading = true |
|
||||
const dictionaryIds = [] |
|
||||
this.deleteData.forEach(val => { |
|
||||
dictionaryIds.push(val.dictionaryId) |
|
||||
}) |
|
||||
crudDict.del(dictionaryIds).then(() => { |
|
||||
this.$message({ message: '删除成功', type: 'success', offset: 8 }) |
|
||||
this.crud.delAllLoading = false |
|
||||
this.crud.refresh() |
|
||||
}).catch(err => { |
|
||||
this.crud.delAllLoading = false |
|
||||
console.log(err) |
|
||||
}) |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
doExport(data) { |
|
||||
console.log(data) |
|
||||
this.crud.downloadLoading = true |
|
||||
this.$confirm('此操作将导出所选数据' + '<span>你是否还要继续？</span>', '提示', { |
|
||||
confirmButtonText: '继续', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning', |
|
||||
dangerouslyUseHTMLString: true |
|
||||
}).then(() => { |
|
||||
const ids = [] |
|
||||
data.forEach(val => { |
|
||||
ids.push(val.dictionaryId) |
|
||||
}) |
|
||||
const params = { |
|
||||
'dictionaryIds': ids |
|
||||
} |
|
||||
exportFile(this.baseApi + '/api/dictionary/download?' + qs.stringify(params, { indices: false })) |
|
||||
this.crud.downloadLoading = false |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
normalizer(node) { |
|
||||
if (node.childDictionarys == null || node.childDictionarys === 'null') { |
|
||||
delete node.childDictionarys |
|
||||
} |
|
||||
return { |
|
||||
id: node.id, |
|
||||
label: node.dictionaryName, |
|
||||
children: node.childDictionarys |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
</style> |
|
||||
@ -1,234 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container tab-container" style="height: calc(100vh - 140px);"> |
|
||||
<div class="head-container" style="display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;"> |
|
||||
<div class="head-search" style="margin-bottom: 0;"> |
|
||||
<el-input |
|
||||
v-model="keyWord" |
|
||||
size="small" |
|
||||
clearable |
|
||||
placeholder="输入关键字可模糊检索" |
|
||||
style="width: 245px;" |
|
||||
class="filter-item" |
|
||||
@clear="crud.toQuery" |
|
||||
@keyup.enter.native="crud.toQuery" |
|
||||
/> |
|
||||
<el-button class="filter-item filter-search" size="mini" type="success" icon="el-icon-search" @click="crud.toQuery">搜索</el-button> |
|
||||
<el-button class="filter-item filter-refresh" size="mini" type="warning" icon="el-icon-refresh-left" @click="resetQuery()">重置</el-button> |
|
||||
</div> |
|
||||
<crudOperation> |
|
||||
<template v-slot:right> |
|
||||
<el-button size="mini" :disabled="crud.selections.length === 0" @click="handleLend(crud.selections)"> |
|
||||
<i class="iconfont icon-shengchengpandiandan" /> |
|
||||
利用 |
|
||||
</el-button> |
|
||||
<el-button size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)"> |
|
||||
<i class="iconfont icon-shanchu" /> |
|
||||
删除 |
|
||||
</el-button> |
|
||||
</template> |
|
||||
</crudOperation> |
|
||||
</div> |
|
||||
<el-table |
|
||||
ref="table" |
|
||||
v-loading="crud.loading" |
|
||||
class="archives-table" |
|
||||
:data="crud.data" |
|
||||
row-key="id" |
|
||||
style="width: 100%;" |
|
||||
height="calc(100vh - 266px)" |
|
||||
@row-click="clickRowHandler" |
|
||||
@cell-dblclick="tableDoubleClick" |
|
||||
@selection-change="crud.selectionChangeHandler" |
|
||||
> |
|
||||
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> |
|
||||
<el-table-column prop="maintitle" label="题名" /> |
|
||||
<el-table-column prop="archiveNo" label="档号" min-width="200" /> |
|
||||
<el-table-column prop="categoryName" label="门类" align="center" /> |
|
||||
<el-table-column prop="archivesClassName" label="分类" align="center" /> |
|
||||
<el-table-column prop="categoryLevel" label="层级" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<div>{{ scope.row.categoryLevel === 3 ? '文件' : '其他' }}</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="processStatus" label="审批锁定" align="center"> |
|
||||
<template slot-scope="scope"> |
|
||||
<span :class="['row-state', 'row-warehousing', scope.row.processStatus !== 1 ? 'state-active' : '' ]">{{ processedStatusText(scope.row.processStatus) }}</span> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="createTime" label="加入时间" width="200"> |
|
||||
<template slot-scope="scope"> |
|
||||
<div>{{ scope.row.createTime | parseTime }}</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<pagination v-if="crud.data.length !== 0" /> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import CRUD, { presenter, crud } from '@crud/crud' |
|
||||
import pagination from '@crud/Pagination' |
|
||||
import crudOperation from '@crud/CRUD.operation' |
|
||||
// import { FetchDelBorrowCar } from '@/api/archiveUtilize/cart' |
|
||||
import { mapGetters } from 'vuex' |
|
||||
// import store from '@/store' |
|
||||
export default { |
|
||||
name: 'Cart', |
|
||||
components: { pagination, crudOperation }, |
|
||||
mixins: [presenter(), crud()], |
|
||||
cruds() { |
|
||||
return CRUD({ |
|
||||
url: 'api/archivesUtilize/initborrowCar', |
|
||||
title: '借阅车', |
|
||||
crudMethod: { }, |
|
||||
optShow: { |
|
||||
add: false, |
|
||||
edit: false, |
|
||||
del: false, |
|
||||
download: false, |
|
||||
reset: false, |
|
||||
group: false |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
isTitleType: 3, |
|
||||
keyWord: null, |
|
||||
categoryId: null, |
|
||||
arcId: '' |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'user', |
|
||||
'baseApi' |
|
||||
]), |
|
||||
processedStatusText() { |
|
||||
return function(status) { |
|
||||
let text = '' |
|
||||
if (status === 1) { |
|
||||
text = '空闲' |
|
||||
} else if (status === 2) { |
|
||||
text = '退回' |
|
||||
} else if (status === 3) { |
|
||||
text = '开放' |
|
||||
} else if (status === 4) { |
|
||||
text = '销毁' |
|
||||
} else if (status === 5) { |
|
||||
text = '利用' |
|
||||
} else if (status === 6) { |
|
||||
text = '内部移交' |
|
||||
} else if (status === 7) { |
|
||||
text = '外部移交' |
|
||||
} |
|
||||
return text |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
watch: { |
|
||||
}, |
|
||||
created() { |
|
||||
}, |
|
||||
methods: { |
|
||||
resetQuery() { |
|
||||
this.keyWord = null |
|
||||
this.crud.toQuery() |
|
||||
}, |
|
||||
[CRUD.HOOK.beforeRefresh]() { |
|
||||
this.crud.query.search = this.keyWord |
|
||||
}, |
|
||||
toDelete(data) { |
|
||||
console.log(data) |
|
||||
this.$confirm('此操作将删除所选数据' + '<span>你是否还要继续？</span>', '提示', { |
|
||||
confirmButtonText: '继续', |
|
||||
cancelButtonText: '取消', |
|
||||
type: 'warning', |
|
||||
dangerouslyUseHTMLString: true |
|
||||
}).then(() => { |
|
||||
// const ids = data.map(item => { |
|
||||
// return item.archivesId |
|
||||
// }) |
|
||||
// const params = { |
|
||||
// 'ids': ids |
|
||||
// } |
|
||||
// FetchDelBorrowCar(params).then((res) => { |
|
||||
// if (res) { |
|
||||
// this.$message({ message: '删除成功', type: 'success', offset: 8 }) |
|
||||
// this.crud.refresh() |
|
||||
// store.dispatch('initborrowCar').then(() => {}) |
|
||||
// } else { |
|
||||
// this.crud.notify(res.message, CRUD.NOTIFICATION_TYPE.ERROR) |
|
||||
// } |
|
||||
// this.$refs.table.clearSelection() |
|
||||
// }).catch(err => { |
|
||||
// console.log(err) |
|
||||
// }) |
|
||||
}).catch(() => { |
|
||||
}) |
|
||||
}, |
|
||||
handleLend(data) { |
|
||||
console.log('data', data) |
|
||||
this.$refs.lendFormRef.lendFormVisible = true |
|
||||
this.$nextTick(() => { |
|
||||
this.$refs.lendFormRef.detailArcData = [] |
|
||||
data.forEach(item => { |
|
||||
item.checkedId = [1] |
|
||||
item.childMenu = [{ |
|
||||
value: 1, |
|
||||
label: '电子查看' |
|
||||
}, |
|
||||
{ |
|
||||
value: 2, |
|
||||
label: '下载' |
|
||||
}, |
|
||||
{ |
|
||||
value: 3, |
|
||||
label: '打印' |
|
||||
}, |
|
||||
{ |
|
||||
value: 4, |
|
||||
label: '实体借阅' |
|
||||
}] |
|
||||
}) |
|
||||
this.$refs.lendFormRef.detailArcData = data |
|
||||
}) |
|
||||
}, |
|
||||
clickRowHandler(row) { |
|
||||
this.$refs.table.toggleRowSelection(row) |
|
||||
}, |
|
||||
tableDoubleClick(row) { |
|
||||
this.categoryId = row.categoryPid |
|
||||
this.arcId = row.archivesId |
|
||||
this.$nextTick(() => { |
|
||||
if (row.categoryLevel === 2) { |
|
||||
this.$refs.archivesInfo.isHasFile = false |
|
||||
this.$refs.archivesInfo.detailTitle = '案卷详情' |
|
||||
this.$refs.archivesInfo.getDetial(2, row.archivesId) |
|
||||
} else { |
|
||||
this.$refs.archivesInfo.isHasFile = true |
|
||||
this.$refs.archivesInfo.detailTitle = '文件详情' |
|
||||
this.$refs.archivesInfo.getDetial(3, row.archivesId) |
|
||||
} |
|
||||
// this.$refs.archivesInfo.isHasFile = true |
|
||||
// this.$refs.archivesInfo.detailTitle = '文件详情' |
|
||||
// this.$refs.archivesInfo.getDetial(3, row.archivesId) |
|
||||
this.$refs.archivesInfo.isFourTest = true |
|
||||
this.$refs.archivesInfo.archivesInfoVisible = true |
|
||||
this.$refs.archivesInfo.archivesTabIndex = 0 |
|
||||
}) |
|
||||
}, |
|
||||
closeDialog() { |
|
||||
this.keyWord = null |
|
||||
this.crud.toQuery() |
|
||||
this.$refs.table.clearSelection() |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
.el-pagination{ |
|
||||
margin: 10px 0 !important; |
|
||||
} |
|
||||
</style> |
|
||||
@ -0,0 +1,372 @@ |
|||||
|
<template> |
||||
|
<div class="app-container row-container" style="height: calc(100vh - 140px);"> |
||||
|
<!--工具栏--> |
||||
|
<div class="head-container"> |
||||
|
<div class="head-search"> |
||||
|
<el-input |
||||
|
v-model="keyWord" |
||||
|
size="small" |
||||
|
clearable |
||||
|
placeholder="请输入输入搜索关键词" |
||||
|
style="width: 320px;" |
||||
|
class="input-prepend filter-item" |
||||
|
@clear="crud.toQuery" |
||||
|
@keyup.enter.native="crud.toQuery" |
||||
|
> |
||||
|
<el-select slot="prepend" v-model="optionVal" style="width: 140px" @change="searchChange"> |
||||
|
<el-option |
||||
|
v-for="item in options" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-input> |
||||
|
|
||||
|
<el-select v-model="query.userStatus" clearable size="small" placeholder="状态" class="filter-item" style="width: 100px" @change="crud.toQuery"> |
||||
|
<i slot="prefix" class="iconfont icon-zhuangtai" /> |
||||
|
<el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" /> |
||||
|
</el-select> |
||||
|
<rrOperation /> |
||||
|
</div> |
||||
|
<crudOperation :permission="permission" /> |
||||
|
</div> |
||||
|
<!--表单渲染--> |
||||
|
<el-dialog class="auto-dialog" append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title"> |
||||
|
<div class="setting-dialog"> |
||||
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="90px"> |
||||
|
<div style="width: 696px;"> |
||||
|
<el-form-item label="题名" prop="title"> |
||||
|
<el-input v-model="form.title" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="著者" prop="author"> |
||||
|
<el-input v-model="form.author" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="ISBN" prop="isbn"> |
||||
|
<el-input v-model="form.isbn" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="索书号" prop="code"> |
||||
|
<el-input v-model="form.code" placeholder="请输入" /> |
||||
|
</el-form-item> |
||||
|
<div> |
||||
|
<el-form-item label="出版社" prop="publish"> |
||||
|
<el-input v-model="form.publish" placeholder="请输入" style="width: 586px;" /> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-form-item class="book-cover-upload" label="图书封面" prop="cover"> |
||||
|
<el-input v-model="form.cover" placeholder="请上传图书封面" :readonly="true" /> |
||||
|
<!-- <p :class="['input-style', form.cover === null ? 'error-box' :'']">{{ form.cover }}</p> --> |
||||
|
<!-- <span v-if="form.cover === null" class="error-tip">请上传图书封面</span> --> |
||||
|
<div class="upload-btn"> |
||||
|
<input id="upFile" type="file" name="upFile" @change="changeFile($event)"> |
||||
|
<el-button size="small" type="primary"><i class="iconfont icon-shangchuan" />上传</el-button> |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div v-if="imageUrl" class="preview-cover"> |
||||
|
<p>封面预览</p> |
||||
|
<img :src="imageUrl" alt=""> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
||||
|
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<!--表格渲染--> |
||||
|
<div class="container-wrap"> |
||||
|
<span class="right-top-line" /> |
||||
|
<span class="left-bottom-line" /> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
v-loading="crud.loading" |
||||
|
height="645" |
||||
|
:data="crud.data" |
||||
|
@selection-change="crud.selectionChangeHandler" |
||||
|
@row-click="clickRowHandler" |
||||
|
> |
||||
|
<el-table-column type="selection" align="center" width="55" /> |
||||
|
<el-table-column prop="icon" label="封面" align="center"> |
||||
|
<!-- slot-scope="scope" --> |
||||
|
<template> |
||||
|
<!-- <svg-icon :icon-class="scope.row.icon ? scope.row.icon : ''" /> --> |
||||
|
<img src="~@/assets/images/cover-bg.png" alt="" style="height: 100px;"> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="题名" prop="title" width="300px" :show-overflow-tooltip="true" /> |
||||
|
<el-table-column label="著者" prop="author" /> |
||||
|
<el-table-column label="出版社" prop="publish" /> |
||||
|
<el-table-column label="ISBN" prop="isbn" /> |
||||
|
<el-table-column label="索书号" prop="code" /> |
||||
|
<el-table-column label="馆藏量" prop="num" /> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<pagination v-if="crud.data.length!==0" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import crudMenu from '@/api/system/menu' |
||||
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
||||
|
import CRUD, { presenter, header, form, crud } from '@crud/crud' |
||||
|
import rrOperation from '@crud/RR.operation' |
||||
|
import crudOperation from '@crud/CRUD.operation' |
||||
|
import pagination from '@crud/Pagination' |
||||
|
import { getCurrentTime } from '@/utils/index' |
||||
|
|
||||
|
const defaultForm = { id: null, title: null, author: null, isbn: null, code: null, publish: null, cover: null } |
||||
|
export default { |
||||
|
name: 'Book', |
||||
|
components: { crudOperation, rrOperation, pagination }, |
||||
|
cruds() { |
||||
|
return CRUD({ title: '图书', url: 'api/menus', crudMethod: { ...crudMenu }, |
||||
|
optShow: { |
||||
|
add: true, |
||||
|
edit: true, |
||||
|
del: true, |
||||
|
download: false, |
||||
|
group: false, |
||||
|
reset: true |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
mixins: [presenter(), header(), form(defaultForm), crud()], |
||||
|
data() { |
||||
|
return { |
||||
|
keyWord: null, |
||||
|
optionVal: 'username', |
||||
|
options: [ |
||||
|
{ value: 'username', label: '题名/著者/出版社' }, |
||||
|
{ value: 'isbn', label: 'ISBN' }, |
||||
|
{ value: 'code', label: '索书号' } |
||||
|
], |
||||
|
permission: { |
||||
|
add: ['admin', 'book:add'], |
||||
|
edit: ['admin', 'book:edit'], |
||||
|
del: ['admin', 'book:del'] |
||||
|
}, |
||||
|
enabledTypeOptions: [ |
||||
|
{ key: '1', display_name: '全部' }, |
||||
|
{ key: '0', display_name: '馆藏数量不为0' } |
||||
|
], |
||||
|
bookCover: null, |
||||
|
file: null, // 附件 change |
||||
|
fileNames: '', // 附件 - name |
||||
|
formatType: '', // 附件 - type |
||||
|
postfix: '', // 附件 - 文件后缀 |
||||
|
fileSize: '', // 附件 - 大小 |
||||
|
filePath: '', // 附件 - path |
||||
|
px: '', // 附件 - 分辨率 |
||||
|
nowDate: '', // 当前时间 |
||||
|
fileJsonString: null, |
||||
|
imageUrl: null, |
||||
|
rules: { |
||||
|
title: [ |
||||
|
{ required: true, message: '题名不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
author: [ |
||||
|
{ required: true, message: '著者不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
isbn: [ |
||||
|
{ required: true, message: 'ISBN不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
code: [ |
||||
|
{ required: true, message: '索书号不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
publish: [ |
||||
|
{ required: true, message: '出版社不可为空', trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||
|
}, |
||||
|
// 新增与编辑前做的操作 |
||||
|
[CRUD.HOOK.afterToCU](crud, form) { |
||||
|
}, |
||||
|
// 新增前 |
||||
|
[CRUD.HOOK.beforeToAdd]() { |
||||
|
}, |
||||
|
// 初始化编辑时候 |
||||
|
[CRUD.HOOK.beforeToEdit](crud, form) { |
||||
|
}, |
||||
|
// 提交前做的操作 |
||||
|
[CRUD.HOOK.afterValidateCU](crud) { |
||||
|
console.log(crud.form) |
||||
|
return false |
||||
|
}, |
||||
|
searchChange(val) { |
||||
|
if (val) { |
||||
|
this.keyWord = '' |
||||
|
this.options.forEach(option => { |
||||
|
if (option.value !== val) { |
||||
|
this.crud.query[option.value] = null |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
clickRowHandler(row) { |
||||
|
this.$refs.table.clearSelection() |
||||
|
this.$refs.table.toggleRowSelection(row) |
||||
|
}, |
||||
|
// 选择附件 |
||||
|
async changeFile(e) { |
||||
|
const file = e.target.files[0] |
||||
|
|
||||
|
if (file && file.type.startsWith('image/')) { |
||||
|
this.file = e.target.files[0] |
||||
|
this.fileSize = this.file.size |
||||
|
// this.formatType = this.file.type.substring(0, this.file.type.indexOf('/')) |
||||
|
this.fileNames = this.file.name |
||||
|
|
||||
|
const fileBase64 = await this.getBase64(this.file) |
||||
|
const res = await this.getImgPx(fileBase64) |
||||
|
this.imageUrl = fileBase64 |
||||
|
this.px = res.width + 'px*' + res.height + 'px' |
||||
|
// 上传附件 |
||||
|
// reDocumentUpload(this.baseApi + '/api/re-document/uploadFile', this.file, this.selectedDocument.id).then(res => { |
||||
|
// if (res.data.code === 200) { |
||||
|
// this.filePath = res.data.data |
||||
|
// this.uploadSave() |
||||
|
// } |
||||
|
// }) |
||||
|
this.uploadSave() |
||||
|
} else { |
||||
|
this.$message({ message: '只可上传图片', type: 'error', offset: 8 }) |
||||
|
this.imageUrl = null |
||||
|
} |
||||
|
}, |
||||
|
// 上传附件 - 选择上传即保存 |
||||
|
uploadSave() { |
||||
|
this.nowDate = getCurrentTime() |
||||
|
const json = { |
||||
|
'file_name': this.fileNames, |
||||
|
'file_size': this.fileSize, |
||||
|
'file_type': this.postfix, |
||||
|
'file_path': this.filePath, |
||||
|
'sequence': null, |
||||
|
'file_dpi': this.px, |
||||
|
'file_thumbnail': '', |
||||
|
'create_time': this.nowDate, |
||||
|
'id': null, |
||||
|
'is_quote': null, |
||||
|
'last_modified': this.file.lastModified |
||||
|
} |
||||
|
const arrayUpload = [] |
||||
|
arrayUpload.push(json) |
||||
|
this.form.cover = this.fileNames |
||||
|
|
||||
|
this.fileJsonString = JSON.stringify(arrayUpload) |
||||
|
console.log(this.fileJsonString) |
||||
|
}, |
||||
|
// 将上传的图片转为base64 |
||||
|
getBase64(file) { |
||||
|
const reader = new FileReader() |
||||
|
reader.readAsDataURL(file) |
||||
|
return new Promise((resolve) => { |
||||
|
reader.onload = () => { |
||||
|
resolve(reader.result) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 获取图片的分辨率 |
||||
|
getImgPx(img) { |
||||
|
const image = new Image() |
||||
|
image.src = img |
||||
|
return new Promise((resolve) => { |
||||
|
image.onload = () => { |
||||
|
const width = image.width |
||||
|
const height = image.height |
||||
|
resolve({ width, height }) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep .input-prepend .el-input__inner{ |
||||
|
padding-left: 150px; |
||||
|
} |
||||
|
|
||||
|
.auto-dialog{ |
||||
|
::v-deep .el-dialog{ |
||||
|
width: initial; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
::v-deep .book-cover-upload { |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
.el-form-item__content{ |
||||
|
position: relative; |
||||
|
width: 580px !important; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
.input-style{ |
||||
|
width: 490px; |
||||
|
height: 34px; |
||||
|
line-height: 34px; |
||||
|
padding: 0 20px; |
||||
|
border: 1px solid #e6e8ed; |
||||
|
border-radius: 3px; |
||||
|
&.error-box{ |
||||
|
border-color: #ed4a41; |
||||
|
} |
||||
|
} |
||||
|
.error-tip{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
bottom: -26px; |
||||
|
font-size: 12px; |
||||
|
color: #ff4949; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.upload-btn{ |
||||
|
position: relative; |
||||
|
width: 62px; |
||||
|
margin-right: 0 !important; |
||||
|
margin-left: 10px; |
||||
|
overflow: initial !important; |
||||
|
#upFile{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 84px; |
||||
|
height: 34px; |
||||
|
} |
||||
|
.el-button{ |
||||
|
margin-top: -2px; |
||||
|
font-weight: bold; |
||||
|
border-color: #0348f3; |
||||
|
color: #0348f3; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-form{ |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
} |
||||
|
|
||||
|
.preview-cover{ |
||||
|
flex: 1; |
||||
|
padding-left: 10px; |
||||
|
p{ |
||||
|
font-weight: bold; |
||||
|
color: #0c0e1e; |
||||
|
margin: -14px 0 10px 0; |
||||
|
} |
||||
|
img{ |
||||
|
display: block; |
||||
|
height: 180px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,506 @@ |
|||||
|
<template> |
||||
|
<div class="app-container row-container" style="height: calc(100vh - 140px);"> |
||||
|
<!--工具栏--> |
||||
|
<div class="head-container"> |
||||
|
<div class="head-search"> |
||||
|
<el-input |
||||
|
v-model="keyWord" |
||||
|
size="small" |
||||
|
clearable |
||||
|
placeholder="请输入输入搜索关键词" |
||||
|
style="width: 320px;" |
||||
|
class="input-prepend filter-item" |
||||
|
@clear="crud.toQuery" |
||||
|
@keyup.enter.native="crud.toQuery" |
||||
|
> |
||||
|
<el-select slot="prepend" v-model="optionVal" style="width: 140px" @change="searchChange"> |
||||
|
<el-option |
||||
|
v-for="item in options" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-input> |
||||
|
|
||||
|
<el-select v-model="query.userStatus" clearable size="small" placeholder="状态" class="filter-item" style="width: 100px" @change="crud.toQuery"> |
||||
|
<i slot="prefix" class="iconfont icon-zhuangtai" /> |
||||
|
<el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" /> |
||||
|
</el-select> |
||||
|
<rrOperation /> |
||||
|
</div> |
||||
|
<crudOperation :permission="permission"> |
||||
|
<template v-slot:middle> |
||||
|
<el-button slot="reference" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)"> |
||||
|
<i class="iconfont icon-shanchu" /> |
||||
|
删除 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
<template v-slot:right> |
||||
|
<el-button :loading="crud.downloadLoading" size="mini" :disabled="crud.selections.length === 0" @click="doExport(crud.selections)"> |
||||
|
<i class="iconfont icon-daochu" /> |
||||
|
导出 |
||||
|
</el-button> |
||||
|
<el-button type="primary" class="warehousing-btn iconfont" :disabled="crud.selections.length === 0" @click="printArchivesCode(crud.selections)"><svg-icon icon-class="print" class="svg-arc-style" />批量打印条形码</el-button> |
||||
|
</template> |
||||
|
</crudOperation> |
||||
|
</div> |
||||
|
<!--表单渲染--> |
||||
|
<el-dialog class="auto-dialog" append-to-body :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title"> |
||||
|
<div class="setting-dialog"> |
||||
|
<el-form ref="form" :inline="true" :model="form" :rules="rules" size="small" label-width="90px"> |
||||
|
<div style="width: 696px;"> |
||||
|
<el-form-item class="brcode-input" label="ISBN" prop="isbn"> |
||||
|
<el-input v-model="form.isbn" placeholder="请输入" /> |
||||
|
<div class="search-box"> |
||||
|
<i class="iconfont icon-sousuo" @click="toIsbnSearch" /> |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="题名" prop="title"> |
||||
|
<el-input v-model="form.title" readonly /> |
||||
|
</el-form-item> |
||||
|
<el-form-item class="brcode-input" label="条码" prop="brcode"> |
||||
|
<el-input v-model="form.brcode" placeholder="请输入" /> |
||||
|
<div :class="isAutoBrcode?'auto-box auto-loading':'auto-box'"> |
||||
|
<i class="iconfont icon-zidonggengxin" @click="autoBrcode" /> |
||||
|
</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="馆藏地" prop="library"> |
||||
|
<el-select v-model="form.library" placeholder="请选择" style="width: 225px;" @change="changeLibrarysValue($event)"> |
||||
|
<el-option |
||||
|
v-for="(item,index) in librarysOptions" |
||||
|
:key="index" |
||||
|
:label="item.label" |
||||
|
:value="item.id" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<div> |
||||
|
<el-form-item label="所在架位" prop="bookshelf"> |
||||
|
<treeselect |
||||
|
v-model="form.bookshelf" |
||||
|
:options="bookshelfNum" |
||||
|
:load-options="loadDepts" |
||||
|
placeholder="选择层位架" |
||||
|
:normalizer="normalizer" |
||||
|
:default-expand-level="levelNumber" |
||||
|
style="width: 586px;" |
||||
|
> |
||||
|
<div slot="value-label" slot-scope="{ node }">{{ getAutoNameUnknown(node.label) }}</div> |
||||
|
</treeselect> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div v-if="imageUrl" class="preview-cover"> |
||||
|
<p>封面预览</p> |
||||
|
<img :src="imageUrl" alt=""> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
||||
|
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
<!--表格渲染--> |
||||
|
<div class="container-wrap"> |
||||
|
<span class="right-top-line" /> |
||||
|
<span class="left-bottom-line" /> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
v-loading="crud.loading" |
||||
|
height="645" |
||||
|
:data="crud.data" |
||||
|
@selection-change="crud.selectionChangeHandler" |
||||
|
@row-click="clickRowHandler" |
||||
|
> |
||||
|
<el-table-column type="selection" align="center" width="55" /> |
||||
|
<el-table-column label="条码" prop="brcode" /> |
||||
|
<el-table-column label="[ISBN]题名" prop="isbn"> |
||||
|
<template slot-scope="scope"> |
||||
|
<p>[{{ scope.row.isbn }}]{{ scope.row.title }}</p> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="floor" label="所在楼层" /> |
||||
|
<el-table-column prop="area" label="所在区域" /> |
||||
|
<el-table-column prop="bookshelf" label="所在架位" /> |
||||
|
<el-table-column prop="library" label="所属馆藏" /> |
||||
|
<el-table-column prop="createTime" label="创建日期" :show-overflow-tooltip="true"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.createTime | parseTime }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<pagination v-if="crud.data.length!==0" /> |
||||
|
</div> |
||||
|
|
||||
|
<div ref="printDiv" style="display: none;"> |
||||
|
<div v-for="item in selectedRows" :key="item.barcode" style="page-break-after:always; margin-top: 8px; margin-left: 20px;"> |
||||
|
<div> |
||||
|
<img :src="item.barcode | creatBarCode(item.barcode, item.title)" style="border: 1px solid #000; width: 160px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<iframe ref="printIframe" frameborder="0" scrolling="no" style="margin: 0px;padding: 0px;width: 0px;height: 0px;" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import crudMenu from '@/api/system/menu' |
||||
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
||||
|
import CRUD, { presenter, header, form, crud } from '@crud/crud' |
||||
|
import rrOperation from '@crud/RR.operation' |
||||
|
import crudOperation from '@crud/CRUD.operation' |
||||
|
import pagination from '@crud/Pagination' |
||||
|
import Treeselect from '@riophae/vue-treeselect' |
||||
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
||||
|
import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect' |
||||
|
import { exportFile } from '@/utils/index' |
||||
|
import qs from 'qs' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import JsBarcode from 'jsbarcode' |
||||
|
|
||||
|
const defaultForm = { id: null, title: null, author: null, isbn: null, code: null, publish: null, cover: null } |
||||
|
export default { |
||||
|
name: 'Collection', |
||||
|
components: { crudOperation, rrOperation, pagination, Treeselect }, |
||||
|
filters: { |
||||
|
creatBarCode(barCodeData, codePrintData, barCodeText) { |
||||
|
// console.log('触发条码生成事件') |
||||
|
console.log('codePrintData', codePrintData) |
||||
|
console.log('barCodeText', barCodeText) |
||||
|
const canvas = document.createElement('canvas') |
||||
|
// 'fantasy', // 设置文本的字体 |
||||
|
JsBarcode(canvas, barCodeData, { |
||||
|
format: 'CODE128', |
||||
|
displayValue: true, |
||||
|
text: barCodeText, |
||||
|
fontOptions: 'bold', // 使文字加粗体或变斜体 |
||||
|
font: 'arial', |
||||
|
margin: 15, |
||||
|
height: 120, |
||||
|
width: 5, |
||||
|
fontSize: 36, |
||||
|
textMargin: 6, |
||||
|
textPosition: 'top' |
||||
|
}) |
||||
|
return canvas.toDataURL('image/png') |
||||
|
} |
||||
|
}, |
||||
|
cruds() { |
||||
|
return CRUD({ title: '图书', url: 'api/menus', crudMethod: { ...crudMenu }, |
||||
|
optShow: { |
||||
|
add: true, |
||||
|
edit: true, |
||||
|
del: false, |
||||
|
download: false, |
||||
|
group: false, |
||||
|
reset: true |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
mixins: [presenter(), header(), form(defaultForm), crud()], |
||||
|
data() { |
||||
|
return { |
||||
|
keyWord: null, |
||||
|
optionVal: 'brcode', |
||||
|
bookshelfNum: [], |
||||
|
levelNumber: 0, |
||||
|
librarysOptions: [], |
||||
|
options: [ |
||||
|
{ value: 'brcode', label: '条码' }, |
||||
|
{ value: 'username', label: '题名/著者/出版社' }, |
||||
|
{ value: 'isbn', label: 'ISBN' } |
||||
|
], |
||||
|
permission: { |
||||
|
add: ['admin', 'collection:add'], |
||||
|
edit: ['admin', 'collection:edit'], |
||||
|
del: ['admin', 'collection:del'] |
||||
|
}, |
||||
|
enabledTypeOptions: [ |
||||
|
{ key: '1', display_name: '在架' }, |
||||
|
{ key: '0', display_name: '不在架' } |
||||
|
], |
||||
|
imageUrl: require('@/assets/images/system/default-img.jpg'), |
||||
|
rules: { |
||||
|
title: [ |
||||
|
{ required: true, message: '题名不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
library: [ |
||||
|
{ required: true, message: '馆藏地不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
isbn: [ |
||||
|
{ required: true, message: 'ISBN不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
brcode: [ |
||||
|
{ required: true, message: '条码不可为空', trigger: 'blur' } |
||||
|
] |
||||
|
}, |
||||
|
selectedRows: [], |
||||
|
isAutoBrcode: false |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'baseApi' |
||||
|
]) |
||||
|
}, |
||||
|
methods: { |
||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||
|
}, |
||||
|
// 新增与编辑前做的操作 |
||||
|
[CRUD.HOOK.afterToCU](crud, form) { |
||||
|
}, |
||||
|
// 新增前 |
||||
|
[CRUD.HOOK.beforeToAdd]() { |
||||
|
}, |
||||
|
// 初始化编辑时候 |
||||
|
[CRUD.HOOK.beforeToEdit](crud, form) { |
||||
|
}, |
||||
|
// 提交前做的操作 |
||||
|
[CRUD.HOOK.afterValidateCU](crud) { |
||||
|
console.log(crud.form) |
||||
|
return false |
||||
|
}, |
||||
|
searchChange(val) { |
||||
|
if (val) { |
||||
|
this.keyWord = '' |
||||
|
this.options.forEach(option => { |
||||
|
if (option.value !== val) { |
||||
|
this.crud.query[option.value] = null |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
toIsbnSearch() { |
||||
|
if (this.form.isbn) { |
||||
|
console.log(this.form.isbn) |
||||
|
} else { |
||||
|
this.$refs.form.validateField(['isbn'], err => { |
||||
|
if (err) { |
||||
|
return |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
autoBrcode() { |
||||
|
this.isAutoBrcode = true |
||||
|
|
||||
|
setTimeout(() => { |
||||
|
this.isAutoBrcode = false |
||||
|
}, 5000) |
||||
|
}, |
||||
|
changeLibrarysValue(value) { |
||||
|
// this.depts = [] |
||||
|
// var obj = {} |
||||
|
// obj = this.fondsOptions.find(function(item) { |
||||
|
// return item.id === value |
||||
|
// }) |
||||
|
// this.form.deptsParentsId = null |
||||
|
// const params = { |
||||
|
// 'fondsId': obj.id, |
||||
|
// 'fondsName': obj.fondsName, |
||||
|
// 'status': 1 |
||||
|
// } |
||||
|
this.getLirarys() |
||||
|
}, |
||||
|
getLirarys(params) { |
||||
|
// crudDept.getDepts(params).then(res => { |
||||
|
// this.depts = res.content.map(function(obj) { |
||||
|
// if (obj.sonNum !== 0) { |
||||
|
// obj.hasChildren = true |
||||
|
// } else { |
||||
|
// obj.hasChildren = false |
||||
|
// } |
||||
|
// if (obj.hasChildren) { |
||||
|
// obj.children = null |
||||
|
// } |
||||
|
// return obj |
||||
|
// }) |
||||
|
// }) |
||||
|
}, |
||||
|
// 处理vue-treeSelect回显出现unknown问题 |
||||
|
getAutoNameUnknown(name) { |
||||
|
if (name.lastIndexOf('unknown') > -1) { |
||||
|
return name.split('(')[0] |
||||
|
} else { |
||||
|
return name |
||||
|
} |
||||
|
}, |
||||
|
normalizer(node) { |
||||
|
if (node.children && !node.children.length) { |
||||
|
delete node.children |
||||
|
} |
||||
|
return { |
||||
|
id: node.deptsId, |
||||
|
label: node.deptsName, |
||||
|
children: node.children |
||||
|
} |
||||
|
}, |
||||
|
// 获取弹窗内架位数据 |
||||
|
loadDepts({ action, parentNode, callback }) { |
||||
|
if (action === LOAD_CHILDREN_OPTIONS) { |
||||
|
// crudDept.FetchSonDepts({ deptsId: parentNode.deptsId }).then(res => { |
||||
|
// parentNode.children = res.map(function(obj) { |
||||
|
// if (obj.sonNum !== 0) { |
||||
|
// obj.hasChildren = true |
||||
|
// } else { |
||||
|
// obj.hasChildren = false |
||||
|
// } |
||||
|
// if (obj.hasChildren) { |
||||
|
// obj.children = null |
||||
|
// } |
||||
|
// return obj |
||||
|
// }) |
||||
|
// setTimeout(() => { |
||||
|
// callback() |
||||
|
// }, 100) |
||||
|
// }) |
||||
|
} |
||||
|
}, |
||||
|
clickRowHandler(row) { |
||||
|
this.$refs.table.clearSelection() |
||||
|
this.$refs.table.toggleRowSelection(row) |
||||
|
}, |
||||
|
toDelete(datas) { |
||||
|
this.deleteData = datas |
||||
|
|
||||
|
this.$confirm('此操作将删除当前所选图书所有馆藏信息<span>你是否还要继续？</span>', '提示', { |
||||
|
confirmButtonText: '继续', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning', |
||||
|
dangerouslyUseHTMLString: true |
||||
|
}).then(() => { |
||||
|
this.crud.delAllLoading = true |
||||
|
const ids = [] |
||||
|
this.deleteData.forEach(val => { |
||||
|
ids.push(val.deptsId) |
||||
|
}) |
||||
|
// crudDept.del(ids).then(() => { |
||||
|
// this.$message({ message: '删除成功', type: 'success', offset: 8 }) |
||||
|
// this.crud.delAllLoading = false |
||||
|
// this.crud.refresh() |
||||
|
// }).catch(err => { |
||||
|
// this.crud.delAllLoading = false |
||||
|
// console.log(err) |
||||
|
// }) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
doExport(data) { |
||||
|
crud.downloadLoading = true |
||||
|
this.$confirm('此操作将导出所选数据' + '<span>你是否还要继续？</span>', '提示', { |
||||
|
confirmButtonText: '继续', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning', |
||||
|
dangerouslyUseHTMLString: true |
||||
|
}).then(() => { |
||||
|
const ids = [] |
||||
|
data.forEach(val => { |
||||
|
ids.push(val.fondsId) |
||||
|
}) |
||||
|
const params = { |
||||
|
'fondsIds': ids |
||||
|
} |
||||
|
exportFile(this.baseApi + '/api/fonds/download?' + qs.stringify(params, { indices: false })) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 打印条码 |
||||
|
printArchivesCode(data) { |
||||
|
// this.codeLoading = true |
||||
|
const params = data.map(item => { |
||||
|
return item.id |
||||
|
}) |
||||
|
console.log(params) |
||||
|
// FetchPrintArchivesBarcode(params).then(res => { |
||||
|
// if (res && res.length !== 0) { |
||||
|
// this.selectedRows = res |
||||
|
// } else { |
||||
|
// this.selectedRows = [] |
||||
|
// this.$message({ |
||||
|
// message: '无相关可打印条码数据!', |
||||
|
// type: 'warning' |
||||
|
// }) |
||||
|
// return false |
||||
|
// } |
||||
|
// this.$nextTick(() => { |
||||
|
// this.codePrintData.count = this.selectedRows.length |
||||
|
// var printIframe = this.$refs.printIframe |
||||
|
// var html = this.$refs.printDiv.innerHTML |
||||
|
// printIframe.setAttribute('srcdoc', html) |
||||
|
// printIframe.onload = function() { |
||||
|
// console.log(printIframe.contentWindow) |
||||
|
// // 去掉iframe里面的dom的body的padding margin的默认数值 |
||||
|
// printIframe.contentWindow.document.body.style.padding = '0px' |
||||
|
// printIframe.contentWindow.document.body.style.margin = '0px' |
||||
|
// // 开始打印 |
||||
|
// printIframe.contentWindow.focus() |
||||
|
// printIframe.contentWindow.print() |
||||
|
// } |
||||
|
// }) |
||||
|
// // this.crud.refresh() |
||||
|
// this.codeLoading = false |
||||
|
// }) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
::v-deep .input-prepend .el-input__inner{ |
||||
|
padding-left: 150px; |
||||
|
} |
||||
|
.auto-dialog{ |
||||
|
::v-deep .el-dialog{ |
||||
|
width: initial; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.el-form{ |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
} |
||||
|
|
||||
|
.brcode-input{ |
||||
|
::v-deep .el-form-item__content{ |
||||
|
position: relative; |
||||
|
} |
||||
|
.auto-box{ |
||||
|
position: absolute; |
||||
|
right: -30px; |
||||
|
top: 0; |
||||
|
i::before{ |
||||
|
margin-right:0; |
||||
|
} |
||||
|
} |
||||
|
.auto-loading{ |
||||
|
animation: rotates 3s linear infinite; |
||||
|
} |
||||
|
.search-box{ |
||||
|
position: absolute; |
||||
|
right: 6px; |
||||
|
top: -2px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@keyframes rotates { |
||||
|
0% {transform: rotate(0deg) } |
||||
|
100% {transform: rotate(-360deg) } |
||||
|
} |
||||
|
|
||||
|
.preview-cover{ |
||||
|
flex: 1; |
||||
|
padding-left: 10px; |
||||
|
p{ |
||||
|
font-weight: bold; |
||||
|
color: #0c0e1e; |
||||
|
margin: -14px 0 10px 0; |
||||
|
} |
||||
|
img{ |
||||
|
display: block; |
||||
|
height: 120px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,230 @@ |
|||||
|
<template> |
||||
|
<div class="app-container row-container"> |
||||
|
<div class="head-container"> |
||||
|
<div class="head-search"> |
||||
|
<!-- 搜索 --> |
||||
|
<el-input v-model="query.collectionName" clearable size="small" placeholder="输入馆藏名称搜索" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" @keyup.enter.native="crud.toQuery" /> |
||||
|
<rrOperation /> |
||||
|
</div> |
||||
|
<crudOperation :permission="permission"> |
||||
|
<template v-slot:middle> |
||||
|
<el-button slot="reference" size="mini" :loading="crud.delAllLoading" :disabled="crud.selections.length === 0" @click="toDelete(crud.selections)"> |
||||
|
<i class="iconfont icon-shanchu" /> |
||||
|
删除 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
<template v-slot:right> |
||||
|
<el-button :loading="crud.downloadLoading" size="mini" :disabled="crud.selections.length === 0" @click="doExport(crud.selections)"> |
||||
|
<i class="iconfont icon-daochu" /> |
||||
|
导出 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
</crudOperation> |
||||
|
</div> |
||||
|
<div class="container-wrap"> |
||||
|
<span class="right-top-line" /> |
||||
|
<span class="left-bottom-line" /> |
||||
|
<!--表格渲染--> |
||||
|
<el-table |
||||
|
ref="table" |
||||
|
v-loading="crud.loading" |
||||
|
:data="crud.data" |
||||
|
style="width: 100%;" |
||||
|
@selection-change="crud.selectionChangeHandler" |
||||
|
@row-click="clickRowHandler" |
||||
|
> |
||||
|
<el-table-column type="selection" align="center" width="55" /> |
||||
|
<el-table-column prop="collectionName" label="馆藏地名称" /> |
||||
|
<el-table-column prop="collectionFloor" label="楼层" /> |
||||
|
<el-table-column prop="collectionExplain" label="说明"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.collectionExplain ? scope.row.collectionExplain : '-' }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="createTime" label="创建时间" min-width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ scope.row.createTime | parseTime }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<!--分页组件--> |
||||
|
<pagination v-if="crud.data.length!==0" /> |
||||
|
</div> |
||||
|
<!-- form --> |
||||
|
<el-dialog append-to-body :close-on-click-modal="false" :modal-append-to-body="false" :before-close="crud.cancelCU" :visible="crud.status.cu > 0" :title="crud.status.title"> |
||||
|
<span class="dialog-right-top" /> |
||||
|
<span class="dialog-left-bottom" /> |
||||
|
<div class="setting-dialog"> |
||||
|
<el-form ref="form" :rules="rules" :model="form" size="small" label-width="100px"> |
||||
|
<el-form-item label="所在楼层" prop="collectionFloor"> |
||||
|
<el-input v-model="form.collectionFloor" style="width: 580px;" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="馆藏地名称" prop="collectionName"> |
||||
|
<el-input v-model="form.collectionName" placeholder="请输入" style="width: 580px;" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="馆藏地编码" prop="collectionCode"> |
||||
|
<el-input v-model="form.collectionCode" placeholder="请输入" style="width: 580px;" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="说明" prop="collectionExplain"> |
||||
|
<el-input v-model="form.collectionExplain" placeholder="请输入" type="textarea" rows="3" style="width: 580px;" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="text" @click="crud.cancelCU">取消</el-button> |
||||
|
<el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">保存</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import crudBookBasice from '@/api/bookBasice/index' |
||||
|
import CRUD, { presenter, header, form, crud } from '@crud/crud' |
||||
|
import crudOperation from '@crud/CRUD.operation' |
||||
|
import rrOperation from '@crud/RR.operation' |
||||
|
import pagination from '@crud/Pagination' |
||||
|
import { parseTime, saveAs, getBlob } from '@/utils/index' |
||||
|
import qs from 'qs' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
const defaultForm = { id: null, fondsId: null, collectionFloor: null, collectionName: null, collectionCode: null, collectionExplain: null } |
||||
|
export default { |
||||
|
name: 'CollectionLocation', |
||||
|
components: { crudOperation, rrOperation, pagination }, |
||||
|
cruds() { |
||||
|
return CRUD({ title: '馆藏地', url: 'api/bookBasice/initCollectionLocationList', crudMethod: { ...crudBookBasice }, sort: [], optShow: { |
||||
|
add: true, |
||||
|
edit: true, |
||||
|
del: false, |
||||
|
download: false, |
||||
|
group: false, |
||||
|
reset: true |
||||
|
}}) |
||||
|
}, |
||||
|
mixins: [presenter(), header(), form(defaultForm), crud()], |
||||
|
data() { |
||||
|
return { |
||||
|
permission: { |
||||
|
add: ['admin', 'collectionLocation:add'], |
||||
|
edit: ['admin', 'collectionLocation:edit'], |
||||
|
del: ['admin', 'collectionLocation:del'] |
||||
|
}, |
||||
|
rules: { |
||||
|
collectionFloor: [ |
||||
|
{ required: true, message: '所在楼层不可为空', trigger: 'blur' } |
||||
|
], |
||||
|
collectionName: [ |
||||
|
{ required: true, message: '馆藏名不可为空', trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'baseApi', |
||||
|
'user' |
||||
|
]) |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
methods: { |
||||
|
[CRUD.HOOK.beforeRefresh]() { |
||||
|
}, |
||||
|
// 提交前的验证 |
||||
|
[CRUD.HOOK.afterValidateCU](crud) { |
||||
|
crud.form.fondsId = this.user.fonds.id |
||||
|
console.log(crud.form) |
||||
|
return true |
||||
|
}, |
||||
|
[CRUD.HOOK.afterAddCancel]() { |
||||
|
}, |
||||
|
[CRUD.HOOK.afterSubmit]() { |
||||
|
}, |
||||
|
toDelete(datas) { |
||||
|
this.$confirm('此操作将删除当前所选机构<span>你是否还要继续？</span>', '提示', { |
||||
|
confirmButtonText: '继续', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning', |
||||
|
dangerouslyUseHTMLString: true |
||||
|
}).then(() => { |
||||
|
this.crud.delAllLoading = true |
||||
|
const ids = [] |
||||
|
datas.forEach(val => { |
||||
|
ids.push(val.id) |
||||
|
}) |
||||
|
console.log(ids) |
||||
|
crudBookBasice.del(ids).then(() => { |
||||
|
this.$message({ message: '删除成功', type: 'success', offset: 8 }) |
||||
|
this.crud.delAllLoading = false |
||||
|
this.crud.refresh() |
||||
|
}).catch(err => { |
||||
|
this.crud.delAllLoading = false |
||||
|
console.log(err) |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
this.crud.delAllLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
doExport(data) { |
||||
|
crud.downloadLoading = true |
||||
|
this.$confirm('此操作将导出所选数据' + '<span>你是否还要继续？</span>', '提示', { |
||||
|
confirmButtonText: '继续', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning', |
||||
|
dangerouslyUseHTMLString: true |
||||
|
}).then(() => { |
||||
|
const ids = [] |
||||
|
data.forEach(val => { |
||||
|
ids.push(val.id) |
||||
|
}) |
||||
|
const params = { |
||||
|
'ids': ids |
||||
|
} |
||||
|
const fileName = '馆藏地-' + parseTime(new Date()) + '.xlsx' |
||||
|
getBlob(this.baseApi + '/api/bookBasice/exportCollectionLocation' + '?' + qs.stringify(params, { indices: false }), function(blob) { |
||||
|
saveAs(blob, fileName) |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
clickRowHandler(row) { |
||||
|
this.$refs.table.clearSelection() |
||||
|
this.$refs.table.toggleRowSelection(row) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.select-btn{ |
||||
|
display: inline-block; |
||||
|
padding: 4px 11px 4px 14px; |
||||
|
font-size: 18px; |
||||
|
color: #fff; |
||||
|
background: #0348F3; |
||||
|
border-radius: 3px; |
||||
|
margin: 10px 0 0 100px; |
||||
|
text-align: center; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.send-obj{ |
||||
|
width: 580px; |
||||
|
height: 180px; |
||||
|
padding: 0 10px; |
||||
|
border-radius: 3px 3px 3px 3px; |
||||
|
border: 1px solid #E6E8ED; |
||||
|
.el-tag{ |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
::v-deep .crud-opts-left{ |
||||
|
position: relative; |
||||
|
} |
||||
|
.double-click-btn{ |
||||
|
top: 4px !important; |
||||
|
right: 0; |
||||
|
left: -156px !important; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
图书检索 |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'BookSearch', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
图架检索 |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'BookshelfSearch', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
盘点日志 |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'CheckLog', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
盘点计划 |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'CheckPlan', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
数据总览 |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'DataScreening', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
统计分析 |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Statistic', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,16 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<router-view /> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'VenueDevice', |
||||
|
data() { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue