yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

zhanglei
yunuo970428 3 years ago
parent
be79263fe2
commit
f41eb88395
2 changed files with 76 additions and 128 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 140
      anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuAdd.vue
  2. 64
      anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuguanli.vue

140
anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuAdd.vue
View File

@ -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,71 +33,71 @@
</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>
<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"/>
<el-table-column label="操作" width="100px" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="handleAffirm(scope.row)">确认</el-button>
</template>
</el-table-column>
<el-table-column label="车架号" width="140px" align="center">
<template slot-scope="scope">
<span>{{ scope.row.mainSid }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" width="150" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.certificate" placeholder="请选择" style="width: 80%" @change="changeCertificateType(scope.row,this)" clearable>
<el-option v-for="item in certificateType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="存放地点" align="center">
<template slot-scope="scope">
<span>{{ scope.row.location }}</span>
</template>
</el-table-column>
<el-table-column label="上次盘库日期" align="center" width="150px">
<template slot-scope="scope">
<span>{{ scope.row.lastDate }}</span>
</template>
</el-table-column>
<el-table-column label="上次盘库人员" align="center" width="150px">
<template slot-scope="scope">
<span>{{ scope.row.lastName }}</span>
</template>
</el-table-column>
<el-table-column label="状态" width="150" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.InventoryState" placeholder="请选择" style="width: 80%" @change="changeStateType(scope.row,this)" clearable>
<el-option v-for="item in stateType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.remarks" placeholder="" clearable></el-input>
</template>
</el-table-column>
</el-table>
</el-form>
<div class="listtop">
<div class="tit">库存车辆列表</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"/>
<el-table-column label="操作" width="100px" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="handleAffirm(scope.row)">确认</el-button>
</template>
</el-table-column>
<el-table-column label="车架号" width="140px" align="center">
<template slot-scope="scope">
<span>{{ scope.row.mainSid }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" width="150" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.certificate" placeholder="请选择" style="width: 80%" @change="changeCertificateType(scope.row,this)" clearable>
<el-option v-for="item in certificateType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="存放地点" align="center">
<template slot-scope="scope">
<span>{{ scope.row.location }}</span>
</template>
</el-table-column>
<el-table-column label="上次盘库日期" align="center" width="150px">
<template slot-scope="scope">
<span>{{ scope.row.lastDate }}</span>
</template>
</el-table-column>
<el-table-column label="上次盘库人员" align="center" width="150px">
<template slot-scope="scope">
<span>{{ scope.row.lastName }}</span>
</template>
</el-table-column>
<el-table-column label="状态" width="150" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.InventoryState" placeholder="请选择" style="width: 80%" @change="changeStateType(scope.row,this)" clearable>
<el-option v-for="item in stateType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.remarks" placeholder="" clearable></el-input>
</template>
</el-table-column>
</el-table>
</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>

64
anrui-scm/anrui-scm-ui/src/views/kucunguanli/panku/pankuguanli.vue
View File

@ -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;">
<el-date-picker v-model="listQuery.params.InventEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</div>
<el-date-picker v-model="listQuery.params.InventStartDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.InventEndDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</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;
}

Write Preview
Loading…
Cancel
Save