Browse Source

借阅管理 样式调整

master
x_ying 3 years ago
parent
commit
7396cf0a91
  1. 10
      src/views/archivesManage/lendManage/borrowerManage/index.vue
  2. 12
      src/views/archivesManage/lendManage/components/headSlot.vue
  3. 12
      src/views/archivesManage/lendManage/lendConfirm/index.vue
  4. 20
      src/views/archivesManage/lendManage/lendQuery/index.vue
  5. 10
      src/views/archivesManage/lendManage/returnArchives/index.vue
  6. 50
      src/views/archivesManage/lendManage/toLend/index.vue
  7. 3
      src/views/category/index.vue
  8. 2
      src/views/category/sortDialog.vue

10
src/views/archivesManage/lendManage/borrowerManage/index.vue

@ -3,9 +3,9 @@
<head-slot>
<el-button icon="el-icon-plus" size="mini">增加</el-button>
<el-button icon="el-icon-edit" size="mini">修改</el-button>
<el-button icon="el-icon-delete" size="mini">删除</el-button>
<el-button icon="el-icon-delete" size="mini" class="margin-r">删除</el-button>
<el-input size="small" clearable placeholder="请输入关键词" prefix-icon="el-icon-search" style="width: 200px;" class="filter-item" />
<span>
<span style="margin-left:-10px">
<el-button class="filter-item" size="mini" type="success" icon="el-icon-search" />
</span>
</head-slot>
@ -13,7 +13,7 @@
<el-table
ref="fieldTable"
style="min-width: 100%"
height="calc(100vh - 302px)"
height="calc(100vh - 355px)"
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
>
@ -29,10 +29,10 @@
<!-- 分页 -->
<el-pagination
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-sizes="[10, 20, 30, 50,100]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
:total="0"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>

12
src/views/archivesManage/lendManage/components/headSlot.vue

@ -14,9 +14,17 @@ export default {}
.head{
.head-container {
padding: 0 20px 20px 20px;
margin-top:-10px ;
display: flex;
align-items: center;
}
}
::v-deep.el-input-group__prepend{
background-color: #f00;
::v-deep.head .head-container .filter-item input{
height: 30px;
line-height: 30px;
}
.margin-r{
margin-right: 10px;
}
</style>

12
src/views/archivesManage/lendManage/lendConfirm/index.vue

@ -14,7 +14,7 @@
<el-table
ref="fieldTable"
style="min-width: 100%"
height="calc(100vh - 302px)"
height="calc(100vh - 355px)"
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
>
@ -47,17 +47,15 @@
</div>
</el-dialog>
<!-- 分页 -->
<!-- <el-pagination
<el-pagination
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-sizes="[10, 20, 30, 50,100]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
:total="0"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/> -->
<!-- <pagination /> -->
/>
</div>
</template>

20
src/views/archivesManage/lendManage/lendQuery/index.vue

@ -1,8 +1,8 @@
<template>
<div class="lend-query">
<head-slot>
<el-button icon="el-icon-download" size="mini">导出</el-button>
<el-select v-model="lendState" class="filter-item" style="width: 100px">
<el-button icon="el-icon-download" size="mini" class="margin-r">导出</el-button>
<el-select v-model="lendState" class="filter-item" style="width: 100px;height:30px">
<el-option
v-for="item in lendStateOptions"
:key="item.value"
@ -41,14 +41,14 @@
size="mini"
type="success"
icon="el-icon-search"
>搜索</el-button>
/>
<!-- <el-button type="primary" icon="el-icon-search">搜索</el-button> -->
</head-slot>
<!--表格渲染-->
<el-table
ref="fieldTable"
style="min-width: 100%"
height="calc(100vh - 302px)"
height="calc(100vh - 355px)"
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
>
@ -67,14 +67,13 @@
<!-- 分页 -->
<el-pagination
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-sizes="[10, 20, 30, 50,100]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
:total="0"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<!-- <pagination /> -->
</div>
</template>
@ -119,9 +118,8 @@ export default {
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.lend-query {
}
::v-deep.input-prepend {
margin: 0 10px 0 -10px;
background-color: #021941;
border-radius: 3px;
// word-spacing: -10px;
@ -134,11 +132,13 @@ export default {
background-color: #021941;
border: none;
caret-color:#fff;
height: 28px;
line-height: 28px;
}
.el-input-group__prepend {
// background-color: #021941;
border: none;
}
}
</style>

10
src/views/archivesManage/lendManage/returnArchives/index.vue

@ -8,7 +8,7 @@
<el-table
ref="fieldTable"
style="min-width: 100%"
height="calc(100vh - 302px)"
height="calc(100vh - 355px)"
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
>
@ -28,19 +28,21 @@
<!-- 分页 -->
<el-pagination
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-sizes="[10, 20, 30, 50,100]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
:total="0"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<!-- <pagination /> -->
<!-- <Pagination /> -->
</div>
</template>
<script>
import headSlot from '../components/headSlot.vue'
// import Pagination from '@crud/Pagination'
export default {
components: { headSlot },
data() {

50
src/views/archivesManage/lendManage/toLend/index.vue

@ -17,7 +17,7 @@
<el-table
ref="fieldTable"
style="min-width: 100%"
height="calc(100vh - 302px)"
height="calc(100vh - 355px)"
@selection-change="selectionChangeHandler"
@row-click="clickRowHandler"
>
@ -120,29 +120,55 @@
</el-dialog>
<!-- 分页 -->
<!-- <el-pagination
<el-pagination
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-sizes="[10, 20, 30, 50,100]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
:total="0"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/> -->
<!-- <pagination /> -->
/>
<!-- <Pagination /> -->
</div>
</template>
<script>
// import pagination from '@crud/Pagination'
// import Pagination from '@crud/Pagination'
// import crudOperation from '@crud/CRUD.operation'
// import CRUD, { presenter } from '@crud/crud'
// import CRUD, { presenter } from "@crud/crud";
// import CRUD, { presenter, header, form } from '@crud/crud'
import headSlot from '../components/headSlot.vue'
import DateRangePicker from '@/components/DateRangePicker'
export default {
components: { headSlot, DateRangePicker },
// mixins: [
// presenter()
// header(),
// form({})
// ],
// cruds() {
// return [
// CRUD({
// title: "",
// url: "api/dictrionary/findSubsetById",
// query: { id: "" },
// crudMethod: { ...crudDictDetail },
// optShow: {
// add: false,
// edit: true,
// del: false,
// reset: false,
// download: false,
// group: false,
// },
// queryOnPresenterCreated: false,
// confirmDeleteMsg: "",
// sort: ["dicSequence,asc"],
// }),
// ];
// },
data() {
return {
tableData: [],
@ -173,12 +199,14 @@ export default {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
})
.then(() => {
this.$message({
type: 'success',
message: '删除成功!'
})
}).catch(() => {
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消删除'

3
src/views/category/index.vue

@ -149,9 +149,6 @@ export default {
this.crud.selectionChangeHandler([val])
this.$refs.eform.pid = val.id
this.selectedCategory = val
if (val.isType === 1 || val.isType === 2) {
this.changeActiveTab(0)
}
}
},
updateKeyChildren(data) {

2
src/views/category/sortDialog.vue

@ -7,7 +7,7 @@
<i class="drag-tip">提示请通过拖动鼠标来调整当前顺序</i>
<el-table :data="sortTableData" class="category-sort" style="width: 100%;max-height: 70vh;" row-key="id">
<el-table-column type="index" label="序号" width="100" align="center" />
<el-table-column prop="cnName" label="门类名称" />
<el-table-column prop="dicName" label="门类名称" />
</el-table>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click.native="handleSort">保存</el-button>

Loading…
Cancel
Save