liu_li
/
yxk-storeroom-system
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

档案盘点

master
x_ying 3 years ago
parent
8b4f0f316d
commit
06cc59169d
4 changed files with 213 additions and 86 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 23
      src/api/archivesManage/archivesCheck.js
  2. 4
      src/assets/styles/lend-manage.scss
  3. 152
      src/views/archivesManage/archivesCheck/index.vue
  4. 120
      src/views/archivesManage/archivesCheck/module/checkDetail.vue

23
src/api/archivesManage/archivesCheck.js
View File

@ -0,0 +1,23 @@
import request from '@/utils/request'
import qs from 'qs'
// 详情
export function getArrange(params) {
return request({
url: 'api/arrange/getArrange' + '?' + qs.stringify(params, { indices: false }),
method: 'get'
})
}
// 盘点单详情
export function getArrangeDetailes(params) {
return request({
url: 'api/arrange/getArrangeDetailes' + '?' + qs.stringify(params, { indices: false }),
method: 'get'
})
}
export default {
getArrange,
getArrangeDetailes
}

4
src/assets/styles/lend-manage.scss
View File

@ -90,6 +90,10 @@
color: #0FBED9; color: #0FBED9;
border: 1px solid #0FBED9; border: 1px solid #0FBED9;
} }
.error-clear .clear{
color: #fff;
background-color: #F65163;
}
//3D库房 //3D库房
.iframe_box { .iframe_box {

152
src/views/archivesManage/archivesCheck/index.vue
View File

@ -1,37 +1,42 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="head-container" style="padding:0 0 20px 0"> <div class="head-container" style="padding:0 0 20px 0">
<el-button size="mini" class="iconfont icon-xinzengpandian-fanbai" @click="handleAdd">新增</el-button>
<el-button
icon="el-icon-delete"
size="mini"
style="margin:0 0 0 10px"
:disabled="!(selections.length && selections[0].checkState === '待执行') "
@click="deleteVisible = true"
>删除</el-button>
<el-button size="mini" icon="el-icon-tickets" :disabled="!(selections.length===1 && selections[0].checkState === '执行中') " @click="handleCalc">结算</el-button>
<el-select v-model="stateVal" class="filter-item" style="width: 90px;height:30px;margin:0 10px 0 10px">
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
<el-input
v-model="keyWord"
size="small"
clearable
placeholder="请输入关键词"
style="width: 300px;margin-right:10px"
class="input-prepend filter-item"
@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"
/>
<div>
<el-button size="mini" class="iconfont icon-xinzengpandian-fanbai" @click="handleAdd">新增</el-button>
<el-button
icon="el-icon-delete"
size="mini"
style="margin:0 0 0 10px"
:disabled="!(selections.length && selections[0].checkState === 0) "
@click="deleteVisible = true"
>删除</el-button>
<el-button size="mini" icon="el-icon-tickets" :disabled="!(selections.length===1 && selections[0].checkState === 1) " @click="handleCalc">结算</el-button>
<el-select v-model="stateVal" class="filter-item" style="width: 90px;height:30px;margin:0 10px 0 10px">
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</el-input>
<rrOperation />
<el-input
v-model="keyWord"
size="small"
clearable
placeholder="请输入关键词"
style="width: 300px;margin-right:10px"
class="input-prepend filter-item"
@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 />
</div>
<div>
<el-button size="mini" icon="el-icon-brush" @click="handleCalc">清空缓存</el-button>
</div>
<!-- <crudOperation :permission="permission" /> --> <!-- <crudOperation :permission="permission" /> -->
</div> </div>
<div class="container-wrap" style="min-height: calc(100vh - 242px)"> <div class="container-wrap" style="min-height: calc(100vh - 242px)">
@ -40,7 +45,7 @@
<!--表格渲染--> <!--表格渲染-->
<el-table <el-table
ref="table" ref="table"
:data="tableData"
:data="crud.data"
:cell-class-name="cell" :cell-class-name="cell"
style="min-width: 100%" style="min-width: 100%"
height="calc(100vh - 315px)" height="calc(100vh - 315px)"
@ -50,20 +55,26 @@
> >
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column type="index" align="center" label="序号" width="55" /> <el-table-column type="index" align="center" label="序号" width="55" />
<el-table-column prop="checkNum" align="center" label="盘点单号" min-width="100" />
<el-table-column prop="containPath" align="center" label="包含位置" min-width="140" />
<el-table-column prop="id" align="center" label="盘点单号" min-width="100" />
<el-table-column prop="region" align="center" label="包含位置" min-width="140" />
<el-table-column prop="checkState" align="center" label="盘点状态" min-width="60"> <el-table-column prop="checkState" align="center" label="盘点状态" min-width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 已执行 / 待执行/执行中 --> <!-- 已执行 / 待执行/执行中 -->
<span class="clear">{{ scope.row.checkState }}</span>
<span class="clear">{{ scope.row.checkState | checkState }}</span>
</template>
</el-table-column>
<el-table-column prop="correct" align="center" label="在库档案" min-width="60" />
<el-table-column prop="checked" align="center" label="已盘档案" min-width="60" />
<el-table-column prop="abnormal" align="center" label="异常档案" min-width="60" />
<el-table-column prop="noCheck" align="center" label="未盘档案" min-width="60" />
<el-table-column prop="borrowed" align="center" label="已借档案" min-width="60" />
<el-table-column prop="dislocation" align="center" label="错位档案" min-width="60" />
<el-table-column prop="others" align="center" label="多余档案" min-width="60" />
<el-table-column prop="create_time" align="center" label="创建时间" min-width="100">
<template slot-scope="scope">
<div>{{ scope.row.create_time | parseTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="storeNum" align="center" label="在库档案" min-width="60" />
<el-table-column prop="CheckedNum" align="center" label="已盘档案" min-width="60" />
<el-table-column prop="noCheckNum" align="center" label="未盘档案" min-width="60" />
<el-table-column prop="haveLendNum" align="center" label="已借档案" min-width="60" />
<el-table-column prop="misplaceNum" align="center" label="错位档案" min-width="60" />
<el-table-column prop="CreateTime" align="center" label="创建时间" min-width="100" />
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<pagination /> <pagination />
@ -99,14 +110,28 @@ import pagination from '@crud/Pagination'
import data1 from './data1.json' import data1 from './data1.json'
import addCheck from './module/addCheck.vue' import addCheck from './module/addCheck.vue'
import checkDetail from './module/checkDetail.vue' import checkDetail from './module/checkDetail.vue'
import { getArrange, getArrangeDetailes } from '@/api/archivesManage/archivesCheck'
export default { export default {
name: 'ArchivesCheck', name: 'ArchivesCheck',
components: { pagination, rrOperation, addCheck, checkDetail }, components: { pagination, rrOperation, addCheck, checkDetail },
filters: {
checkState(val) {
switch (val) {
case 0:
return '待执行'
case 1:
return '执行中'
case 2:
return '已执行'
}
}
},
mixins: [presenter()], mixins: [presenter()],
cruds() { cruds() {
return CRUD({ return CRUD({
url: 'api/case/initCaseList',
url: 'api/arrange/initArrangeList',
// url: 'api/case/initCaseList',
// crudMethod: caseCrudMethod, // crudMethod: caseCrudMethod,
title: '档案盒', title: '档案盒',
optShow: { optShow: {
@ -119,7 +144,6 @@ export default {
}) })
}, },
// dicts: ['job_status'], // dicts: ['job_status'],
data() { data() {
return { return {
tableData: [], tableData: [],
@ -146,7 +170,8 @@ export default {
methods: { methods: {
getData() { getData() {
this.tableData = data1.rows
// this.tableData = data1.rows
console.log(this.crud)
}, },
handleConfirm() { handleConfirm() {
this.deleteVisible = false this.deleteVisible = false
@ -164,11 +189,11 @@ export default {
this.deleteVisible = false this.deleteVisible = false
}, },
cell({ row, columnIndex }) { cell({ row, columnIndex }) {
if (row.checkState === '已执行' && columnIndex === 4) {
if (row.checkState === 2 && columnIndex === 4) {
return 'have-clear' return 'have-clear'
} else if (row.checkState === '待执行' && columnIndex === 4) {
} else if (row.checkState === 0 && columnIndex === 4) {
return 'fail-clear' return 'fail-clear'
} else if (row.checkState === '执行中' && columnIndex === 4) {
} else if (row.checkState === 1 && columnIndex === 4) {
return 'no-clear' return 'no-clear'
} }
}, },
@ -178,21 +203,34 @@ export default {
clickRowHandler(row) { clickRowHandler(row) {
this.$refs.table.toggleRowSelection(row) this.$refs.table.toggleRowSelection(row)
}, },
// 双击详情
handleDbClick(row) { handleDbClick(row) {
// this.$refs.table.clearSelection() // this.$refs.table.clearSelection()
// console.log(row.id)
const checkDetailDom = this.$refs.checkDetailDom const checkDetailDom = this.$refs.checkDetailDom
const params = {
orderNo: row.id
}
getArrange(params).then(res => {
console.log(res, 'res')
checkDetailDom.rowData.push(res)
console.log(checkDetailDom.rowData, '.........')
})
getArrangeDetailes(params).then(res => {
console.log(res, 'res2')
checkDetailDom.tableData = res.content
})
checkDetailDom.detailVisible = true checkDetailDom.detailVisible = true
checkDetailDom.rowData = row
const arr = data1.rows.filter(item => item.checkNum === row.checkNum)
checkDetailDom.tableData = arr
// const arr = data1.rows.filter(item => item.checkNum === row.checkNum)
// checkDetailDom.tableData = arr
// 状态类名 // 状态类名
if (row.checkState === '已执行') {
checkDetailDom.classLend = 'have-clear'
} else if (row.checkState === '待执行') {
checkDetailDom.classLend = 'fail-clear'
} else if (row.checkState === '执行中') {
checkDetailDom.classLend = 'no-clear'
}
// if (row.checkState === '已执行') {
// checkDetailDom.classLend = 'have-clear'
// } else if (row.checkState === '待执行') {
// checkDetailDom.classLend = 'fail-clear'
// } else if (row.checkState === '执行中') {
// checkDetailDom.classLend = 'no-clear'
// }
} }
} }
@ -205,6 +243,8 @@ export default {
.head-container { .head-container {
color: #fff; color: #fff;
display: flex;
justify-content: space-between;
} }
::v-deep .el-dialog__footer { ::v-deep .el-dialog__footer {

120
src/views/archivesManage/archivesCheck/module/checkDetail.vue
View File

@ -4,39 +4,71 @@
<span class="dialog-right-top" /> <span class="dialog-right-top" />
<span class="dialog-left-bottom" /> <span class="dialog-left-bottom" />
<div class="setting-dialog"> <div class="setting-dialog">
<div class="dpflex">
<p class="one"><span class="color-blue">盘点单号:</span><span class="color-white">{{ rowData.checkNum }}</span></p>
<!-- <div class="dpflex">
<p class="one"><span class="color-blue">盘点单号:</span><span class="color-white">{{ rowData.id }}</span></p>
<p :class="classLend" class="two"><span class="color-blue">盘点状态:</span><span class="color-white clear" style="padding:0;margin-left:20px">{{ rowData.checkState }}</span></p> <p :class="classLend" class="two"><span class="color-blue">盘点状态:</span><span class="color-white clear" style="padding:0;margin-left:20px">{{ rowData.checkState }}</span></p>
<p class="tree"><span class="color-blue">已盘档案:</span><span class="color-white">{{ rowData.CheckedNum }}</span></p>
<p class="four"><span class="color-blue">已借档案:</span><span class="color-white">{{ rowData.haveLendNum }}</span></p>
<p class="tree"><span class="color-blue">已盘档案:</span><span class="color-white">{{ rowData.checked }}</span></p>
<p class="four"><span class="color-blue">已借档案:</span><span class="color-white">{{ rowData.borrowed }}</span></p>
</div> </div>
<div class="dpflex"> <div class="dpflex">
<p class="one"><span class="color-blue">所在区域:</span><span class="color-white">{{ rowData.containPath }}</span></p>
<p class="two"><span class="color-blue">在库档案:</span><span class="color-white">{{ rowData.storeNum }}</span></p>
<p class="tree"><span class="color-blue">未盘档案:</span><span class="color-white">{{ rowData.noCheckNum }}</span></p>
<p class="four"><span class="color-blue">错位档案:</span><span class="color-white">{{ rowData.misplaceNum }}</span></p>
<p class="one"><span class="color-blue">所在区域:</span><span class="color-white">{{ rowData.region }}</span></p>
<p class="two"><span class="color-blue">在库档案:</span><span class="color-white">{{ rowData.correct }}</span></p>
<p class="tree"><span class="color-blue">未盘档案:</span><span class="color-white">{{ rowData.noCheck }}</span></p>
<p class="four"><span class="color-blue">错位档案:</span><span class="color-white">{{ rowData.dislocation }}</span></p>
</div> </div>
<p style="margin-left: 30px;"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.CreateTime }}</span></p>
<el-table :data="tableData" :cell-class-name="cell" style="margin-top:15px;width:100%;height:290px">
<div class="dpflex">
<p class="one"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.CreateTime }}</span></p>
<p class="two"><span class="color-blue">异常档案:</span><span class="color-white">{{ rowData.storeNum }}</span></p>
<p class="tree"><span class="color-blue">其余档案:</span><span class="color-white">{{ rowData.noCheckNum }}</span></p>
<p class="four" />
</div> -->
<!-- <p style="margin-left: 30px;"><span class="color-blue">创建时间:</span><span class="color-white">{{ rowData.CreateTime }}</span></p> -->
<el-table :data="rowData" :cell-class-name="cell" style="margin-top:15px;width:100%;height:108px">
<el-table-column prop="id" align="center" label="盘点单号" min-width="150" />
<el-table-column prop="region" align="center" label="所在区域" min-width="90" />
<el-table-column prop="checkState" align="center" label="盘点状态" min-width="90" />
<el-table-column prop="create_time" align="center" label="创建时间" min-width="150">
<template slot-scope="scope">
<div>{{ scope.row.create_time | parseTime }}</div>
</template>
</el-table-column>
<el-table-column prop="noCheck" align="center" label="未盘档案" min-width="90" />
<el-table-column prop="correct" align="center" label="在库档案" min-width="90" />
<el-table-column prop="dislocation" align="center" label="错位档案" min-width="90" />
<el-table-column prop="borrowed" align="center" label="已借档案" min-width="90" />
<el-table-column prop="abnormal" align="center" label="异常档案" min-width="90" />
<el-table-column prop="others" align="center" label="其他档案" min-width="90" />
</el-table>
<el-table :data="tableData" :cell-class-name="cell" style="margin-top:15px;width:100%;" height="calc(100vh - 589px)">
<el-table-column type="index" label="序号" align="center" width="90" /> <el-table-column type="index" label="序号" align="center" width="90" />
<el-table-column prop="checkResult" align="center" label="盘点结果" width="90"> <el-table-column prop="checkResult" align="center" label="盘点结果" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 在库/已借/错位 --> <!-- 在库/已借/错位 -->
<span class="clear" style="width:56px">{{ scope.row.checkResult }}</span>
<span class="clear" style="width:56px">{{ scope.row.checkResult | checkResult }}</span>
</template>
</el-table-column>
<el-table-column prop="child" align="center" label="子条数目" width="90" />
<el-table-column prop="categoryType" align="center" label="门类级别" width="90">
<template slot-scope="scope">
<span v-if="scope.row.categoryType === 5" style="width:56px">文件级</span>
<span v-if="scope.row.categoryType === 4" style="width:56px">卷内级</span>
<span v-if="scope.row.categoryType === 3" style="width:56px">案卷级</span>
</template>
</el-table-column>
<el-table-column prop="caseName" align="center" :show-overflow-tooltip="true" label="门类名称" min-width="180" />
<el-table-column prop="fondsNo" align="center" label="全宗号" min-width="90" />
<el-table-column prop="archiveNo" align="center" label="档号" min-width="180" />
<el-table-column prop="archiveYear" align="center" label="归档年度" min-width="90" />
<el-table-column prop="maintitle" align="center" :show-overflow-tooltip="true" label="题名" min-width="180" />
<el-table-column prop="securityClass" align="center" label="保密程度" min-width="90" />
<el-table-column prop="department" align="center" label="部门" min-width="90" />
<el-table-column prop="caseName" align="center" label="盒名称" min-width="180" />
<el-table-column prop="folderLocationDetails" align="center" :show-overflow-tooltip="true" label="所在位置" min-width="220" />
<el-table-column prop="createTime" align="center" label="创建时间" min-width="150">
<template slot-scope="scope">
<div>{{ scope.row.createTime | parseTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="" align="center" label="子条数目" width="90" />
<el-table-column prop="" align="center" label="门类级别" width="90" />
<el-table-column prop="" align="center" label="门类名称" width="90" />
<el-table-column prop="" align="center" label="全宗号" width="90" />
<el-table-column prop="" align="center" label="档号" width="180" />
<el-table-column prop="" align="center" label="归档年度" width="90" />
<el-table-column prop="" align="center" label="题名" width="180" />
<el-table-column prop="" align="center" label="保密程度" width="90" />
<el-table-column prop="" align="center" label="部门" width="90" />
<el-table-column prop="" align="center" label="盒名称" width="90" />
<el-table-column prop="containPath" align="center" label="所在位置" width="220" />
<el-table-column prop="CreateTime" align="center" label="创建时间" width="150" />
</el-table> </el-table>
</div></el-dialog> </div></el-dialog>
</div> </div>
@ -44,22 +76,50 @@
<script> <script>
export default { export default {
filters: {
checkResult(val) {
switch (val) {
case 0:
return '未盘'
case 1:
return '在库'
case 2:
return '已盘'
case 3:
return '错位'
case 4:
return '已借'
case 5:
return '异常'
case 6:
return '其他'
}
}
},
data() { data() {
return { return {
detailVisible: false, detailVisible: false,
tableData: [], tableData: [],
rowData: {},
rowData: [],
classLend: '' classLend: ''
} }
}, },
methods: { methods: {
cell({ row, columnIndex }) { cell({ row, columnIndex }) {
if (row.checkResult === '已借' && columnIndex === 1) {
return 'have-clear'
} else if (row.checkResult === '错位' && columnIndex === 1) {
return 'fail-clear'
} else if (row.checkResult === '在库' && columnIndex === 1) {
if (row.checkResult === 0 && columnIndex === 1) { // 未盘
return 'no-clear' return 'no-clear'
} else if (row.checkResult === 1 && columnIndex === 1) { // 在库
return 'other-clear'
} else if (row.checkResult === 2 && columnIndex === 1) { // 已盘
return ''
} else if (row.checkResult === 3 && columnIndex === 1) { // 错位
return 'fail-clear'
} else if (row.checkResult === 4 && columnIndex === 1) { // 已借
return 'have-clear'
} else if (row.checkResult === 5 && columnIndex === 1) { // 异常
return 'error-clear'
} else if (row.checkResult === 6 && columnIndex === 1) { // 其他
return ''
} }
} }
} }
@ -69,7 +129,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import '~@/assets/styles/lend-manage.scss'; @import '~@/assets/styles/lend-manage.scss';
::v-deep .el-dialog__body{ ::v-deep .el-dialog__body{
padding: 10px 0 80px 0;
padding: 10px 0 20px 0;
} }
::v-deep .el-dialog{ ::v-deep .el-dialog{
width: 950px; width: 950px;

Write Preview
Loading…
Cancel
Save