Browse Source

调整库存管理——盘库表头样式

zhanglei
yunuo970428 3 years ago
parent
commit
f41eb88395
  1. 46
      anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuAdd.vue
  2. 60
      anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuguanli.vue

46
anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuAdd.vue

@ -13,10 +13,10 @@
<!--标题按钮部分结束-->
<!--Start 新增修改部分-->
<div class="listconadd">
<div class="wlInfo"><span>盘库操作</span></div>
<div class="titwu"><span>盘库操作</span></div>
<el-form ref="form_obj" :model="listQuery" :rules="rules" class="formaddcopy02">
<el-row>
<el-col :span="12">
<el-row class="rowStyle">
<el-col :span="12" class="colOneStyle">
<div class="span-sty spanOneWidth"><span>存放地点:</span></div>
<el-form-item>
<el-select v-model="listQuery.params.locationSid" placeholder="请选择" filterable clearable @change="changeLocation" class="addinputwOne">
@ -24,7 +24,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="12" class="colOneStyle">
<div class="span-sty spanOneWidth"><span>盘库人员:</span></div>
<el-form-item>
<el-select v-model="listQuery.params.inventoryName" placeholder="请选择" filterable @change="changeInventoryName" clearable class="addinputwOne">
@ -33,23 +33,22 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" style="border-bottom: 0px !important;">
<el-row class="rowStyle">
<el-col :span="12" class="colOneStyle">
<div class="span-sty spanOneWidth"><span>车架号:</span></div>
<el-form-item>
<el-input v-model="listQuery.params.mainSid" placeholder="" clearable style="width: 30%" class="addinputwOne"/>
</el-form-item>
</el-col>
<el-col :span="12" style="border-bottom: 0px !important;">
<el-col :span="12" class="colOneStyle">
<div class="span-sty spanOneWidth"></div>
<el-form-item>
<el-button type="primary" style="margin-left: 270px" size="small" @click="handleSelect">查询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="listtop">
<div class="tit">库存车辆列表</div>
<div class="title">
<div>库存车辆列表</div>
</div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
@ -98,6 +97,7 @@
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
</div>
@ -290,17 +290,6 @@ export default {
</script>
<style scoped>
.wlInfo {
text-align: center;
font-size: 28px;
line-height: 90px;
}
/deep/ .el-row {
border-left: 0px;
}
/deep/ .el-col {
border-right: 0px !important;
}
.spanOneWidth {
width: 260px !important;
border-right: 0px !important;
@ -309,18 +298,11 @@ export default {
margin-left: 270px !important;
padding: 5px 0px;
}
.listtop {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #dfe4ed;
height: 40px;
}
.tit {
margin-bottom: -10px;
.rowStyle {
border-left: 0px;
}
.pagination {
margin-bottom: -10px;
.colOneStyle {
border-right: 0px !important;
}
</style>

60
anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuguanli.vue

@ -7,15 +7,11 @@
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
<el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header" label-width="110px">
<el-form-item label="最新盘库日期">
<div class="block" style="float: left;">
<el-date-picker v-model="listQuery.params.InventStartDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</div>
<div style="float: left;margin: 0px 10px"></div>
<div class="block" style="float: left;">
<span style="padding: 0 8px"></span>
<el-date-picker v-model="listQuery.params.InventEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</div>
</el-form-item>
<el-form-item label="车架号">
<el-input v-model="listQuery.params.mainSid" placeholder="请输入车架号" clearable/>
@ -34,8 +30,8 @@
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" @click="handleReset" size="small">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
@ -45,38 +41,38 @@
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" width="150px" align="center">
<el-table-column fixed width="60px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column fixed label="操作" width="80px" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="handleSave(scope.row)">办理</el-button>
</template>
</el-table-column>
<el-table-column label="车架号" width="140px" align="center">
<el-table-column label="车架号" width="200px" align="center">
<template slot-scope="scope">
<span>{{ scope.row.mainSid }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" width="140px" align="center">
<el-table-column label="合格证" width="100px" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificate }}</span>
</template>
</el-table-column>
<el-table-column label="最新盘库日期" align="center" width="150px">
<el-table-column label="最新盘库日期" align="center" width="120px">
<template slot-scope="scope">
<span>{{ scope.row.InventoryDate }}</span>
</template>
</el-table-column>
<el-table-column label="最新存放地点" align="center" width="150px">
<el-table-column label="最新存放地点" align="center" width="120px">
<template slot-scope="scope">
<span>{{ scope.row.location }}</span>
</template>
</el-table-column>
<el-table-column label="最新盘库人员" align="center" width="200">
<el-table-column label="最新盘库人员" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.inventoryName }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" width="150px">
<el-table-column label="状态" align="center" width="80px">
<template slot-scope="scope">
<span>{{ scope.row.InventoryState }}</span>
</template>
@ -97,7 +93,7 @@
<pankuAdd v-show="viewState == 2" ref="divAdd" @doback="resetState"/>
<el-dialog center :visible.sync="dialogVisible" width="70%">
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #edf1f7">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="12">
<div class="span-sty spanOneWidth"><span>车架号</span></div>
<el-form-item><span class="addinputInfo addinputwOne">{{ formobj.mainSid }}</span></el-form-item>
@ -384,36 +380,6 @@ export default {
}
</script>
<style scoped>
.btn {
padding: 15px 0 15px 0;
border: 1px solid #e0e3eb;
}
.tab-header {
background-color: #edf1f7;
padding: 8px 20px;
margin-bottom: 0 !important;
}
.tab-header /deep/ .el-form-item {
margin-bottom: 10px;
}
.listtop {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #dfe4ed;
height: 40px;
}
.tit {
margin-bottom: -10px;
}
.pagination {
margin-bottom: -10px;
}
.spanOneWidth {
width: 110px !important;
}

Loading…
Cancel
Save