|
|
|
@ -1,20 +1,17 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="head-container"> |
|
|
|
<el-button size="mini" @click="handleIn"> |
|
|
|
<svg-icon icon-class="dengji-fanbai" class-name="svg-style" />入库</el-button> |
|
|
|
<el-button size="mini" @click="handleManual"> |
|
|
|
<svg-icon icon-class="yichu-fanbai" class-name="svg-style" />人工确认</el-button> |
|
|
|
<div class="head-container dpflex"> |
|
|
|
<div class="div"> |
|
|
|
<el-input |
|
|
|
v-model="keyWord" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入关键词" |
|
|
|
style="width: 300px;margin-right:10px;padding-left:10px" |
|
|
|
style="width: 300px;margin-right:10px;" |
|
|
|
class="input-prepend filter-item" |
|
|
|
@keyup.enter.native="crud.toQuery" |
|
|
|
> |
|
|
|
<el-select slot="prepend" v-model="optionVal" style="width: 90px"> |
|
|
|
<el-select slot="prepend" v-model="optionVal" style="width: 88px"> |
|
|
|
<el-option |
|
|
|
v-for="item in options" |
|
|
|
:key="item.value" |
|
|
|
@ -24,6 +21,11 @@ |
|
|
|
</el-select> |
|
|
|
</el-input> |
|
|
|
<rrOperation /> |
|
|
|
</div> |
|
|
|
<div class="div"> |
|
|
|
<el-button size="mini" class="in-btn iconfont icon-ruku-fanbai" :disabled="!(selections.length===1)" @click="handleIn">入库</el-button> |
|
|
|
<el-button size="mini" class="opr-btn iconfont icon-ruku-fanbai" :disabled="!selections.length" @click="handleManual">人工确认</el-button> |
|
|
|
</div> |
|
|
|
<!-- <button @click="getTableData">测试按钮</button> --> |
|
|
|
</div> |
|
|
|
<!--表格渲染--> |
|
|
|
@ -92,7 +94,7 @@ import CRUD, { presenter, crud } from '@crud/crud' |
|
|
|
import pagination from '@crud/Pagination' |
|
|
|
import fieldDetail from './module/fieldDetail.vue' |
|
|
|
import inDialog from './module/inDialog.vue' |
|
|
|
import data1 from '../data1.json' |
|
|
|
import data1 from './data1.json' |
|
|
|
export default { |
|
|
|
name: 'InStorage', |
|
|
|
components: { rrOperation, pagination, fieldDetail, inDialog }, |
|
|
|
@ -192,4 +194,28 @@ export default { |
|
|
|
color: #fff; |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
.dpflex{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
.in-btn{ |
|
|
|
width: 76px; |
|
|
|
height: 30px; |
|
|
|
background-color: #FD8042; |
|
|
|
border: none; |
|
|
|
&.el-button.is-disabled, &.el-button.is-disabled:hover{ |
|
|
|
background-color: #69351b; |
|
|
|
color: #777; |
|
|
|
} |
|
|
|
} |
|
|
|
.opr-btn{ |
|
|
|
width: 106px; |
|
|
|
height: 30px; |
|
|
|
background-color: #1AAE93; |
|
|
|
border: none; |
|
|
|
&.el-button.is-disabled, &.el-button.is-disabled:hover{ |
|
|
|
background-color: #0e584b; |
|
|
|
color: #777; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
