-
-
-
+
-
- 上传
-
-
+
![]()
+ ![]()
封面预览
-
@@ -116,12 +106,13 @@ 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'
+import UploadCover from '@/views/components/upload.vue'
+import { mapGetters } from 'vuex'
const defaultForm = { id: null, title: null, author: null, isbn: null, code: null, publish: null, cover: null }
export default {
name: 'Book',
- components: { crudOperation, rrOperation, pagination },
+ components: { crudOperation, rrOperation, pagination, UploadCover },
cruds() {
return CRUD({ title: '图书', url: 'api/menus', crudMethod: { ...crudMenu },
optShow: {
@@ -137,6 +128,7 @@ export default {
mixins: [presenter(), header(), form(defaultForm), crud()],
data() {
return {
+ labelName: '图书封面',
keyWord: null,
optionVal: 'username',
options: [
@@ -154,16 +146,6 @@ export default {
{ 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' }
@@ -183,6 +165,11 @@ export default {
}
}
},
+ computed: {
+ ...mapGetters([
+ 'baseApi'
+ ])
+ },
methods: {
[CRUD.HOOK.beforeRefresh]() {
},
@@ -210,81 +197,19 @@ export default {
})
}
},
- 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()
+ handleCover(value) {
+ console.log(value)
+ if (value) {
+ this.form.cover = value
+ this.bookCover = this.baseApi + '/api/fileRelevant/getImg?imgId=' + value
} else {
- this.$message({ message: '只可上传图片', type: 'error', offset: 8 })
- this.imageUrl = null
+ this.form.cover = null
+ this.bookCover = 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 })
- }
- })
+ clickRowHandler(row) {
+ this.$refs.table.clearSelection()
+ this.$refs.table.toggleRowSelection(row)
}
}
}
@@ -301,61 +226,6 @@ export default {
}
}
-::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;
diff --git a/src/views/visualCheck/venueDevice/area/index.vue b/src/views/visualCheck/venueDevice/area/index.vue
index bc5285b..4177ad2 100644
--- a/src/views/visualCheck/venueDevice/area/index.vue
+++ b/src/views/visualCheck/venueDevice/area/index.vue
@@ -1,16 +1,341 @@
- 区域管理
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
diff --git a/src/views/visualCheck/venueDevice/bookshelf/index.vue b/src/views/visualCheck/venueDevice/bookshelf/index.vue
index 3326134..e7c6fc8 100644
--- a/src/views/visualCheck/venueDevice/bookshelf/index.vue
+++ b/src/views/visualCheck/venueDevice/bookshelf/index.vue
@@ -1,16 +1,380 @@
+
+ 区域列表
+{{ user.fonds.fondsName }}
+
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+ 排序
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.floorMap ? '已标注': '未标注' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- 楼层区域 +
- 区域预览 + + +
+ ![]()
+
+ 区域预览
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 提示：请通过拖动鼠标来调整当前顺序
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ -
+
-
+
所属机构
+ 机构A +
+ -
+
所属楼层
+ 五楼 +
+ -
+
书架
+ 4 +
+ - {{ true ? '已标注': '未标注' }} +
- 架位管理
+
+
+
+
+
+
+
+
+
+
+
-
diff --git a/src/views/visualCheck/venueDevice/bookshelfPosition/index.vue b/src/views/visualCheck/venueDevice/bookshelfPosition/index.vue
new file mode 100644
index 0000000..08b1b54
--- /dev/null
+++ b/src/views/visualCheck/venueDevice/bookshelfPosition/index.vue
@@ -0,0 +1,16 @@
+
+
+
+ 书架列表
+{{ user.fonds.fondsName }}
+
+
+
+
+
+
+
+
+
+
+
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.floorMap ? '已标注': '未标注' }}
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- 区域书架 + + +
+ ![]()
+
+
+
+
+
+
+
+
+
+
+ 单排
+ 双排
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 无序
+ 有序
+
+
+
+
+ 书架
+ 格子
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ -
+
-
+
所属机构
+ 机构A +
+ -
+
所属楼层
+ 五楼 +
+ -
+
所属区域
+ A楼 +
+ -
+
单/双面
+ 单面 +
+ -
+
书架规格
+ 6✕8 +
+ - {{ true ? '已标注': '未标注' }} +
+ 架位管理
+
+
+
+
diff --git a/src/views/visualCheck/venueDevice/floor/index.vue b/src/views/visualCheck/venueDevice/floor/index.vue
index d61b579..c6d1ee2 100644
--- a/src/views/visualCheck/venueDevice/floor/index.vue
+++ b/src/views/visualCheck/venueDevice/floor/index.vue
@@ -1,63 +1,79 @@
-
-
-
-
-
-
+
+
+ 楼层列表
+{{ user.fonds.fondsName }}
+
+
-
-
-
-
-
-
-
-
-
-
+
-
-
-
- 删除
-
-
-
-
-
- 排序
-
-
-
-
+
+
+
+
+ 删除
+
+
+
+
+
+ 排序
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.floorMap ? '已上传': '未上传' }}
+
+
+
+
+
+
+
- {{ scope.row.collectionExplain ? scope.row.collectionExplain : '-' }}
-
- {{ scope.row.createTime | parseTime }}
-
-
-
-
-
-
-
-
+
-
-
+
-
+
+
+
+
+
+
-
-
-
- 楼层预览 - - -
- 
+
@@ -68,23 +84,13 @@
+
+
+
+
+
-
+
- 楼层预览 + + +
+
+ ![]()
+
-
-
-
+
-
- 上传
-
-
+ 提示：请通过拖动鼠标来调整当前顺序
+
+
+
+
+