|
|
@@ -1,9 +1,9 @@
|
|
|
<!-- 报损报溢 -->
|
|
|
<template>
|
|
|
- <div class="detail-box">
|
|
|
+ <div class="reportLoss">
|
|
|
<el-form label-width="100px">
|
|
|
<el-row>
|
|
|
- <el-col :span="6">
|
|
|
+ <el-col :span="5">
|
|
|
<el-form-item label="盈/损/亏"
|
|
|
><el-select
|
|
|
filterable
|
|
|
@@ -21,7 +21,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
+ <el-col :span="5">
|
|
|
<!-- <el-form-item
|
|
|
:label="`${getDictValue('类型用途', baseInfo.assetType)}编码`"
|
|
|
prop="assetCode"
|
|
|
@@ -40,7 +40,7 @@
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
+ <el-col :span="5">
|
|
|
<el-form-item label="盘点工单号" prop="workOrderCode">
|
|
|
<el-input
|
|
|
v-model="searchForm.workOrderCode"
|
|
|
@@ -49,7 +49,7 @@
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
+ <el-col :span="5">
|
|
|
<el-form-item label="报损溢单号" prop="breakageCode">
|
|
|
<el-input
|
|
|
v-model="searchForm.breakageCode"
|
|
|
@@ -58,7 +58,7 @@
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" style="text-align: right; margin-bottom: 20px">
|
|
|
+ <el-col :span="4" style="text-align: right; margin-bottom: 20px">
|
|
|
<el-button
|
|
|
@click="search"
|
|
|
type="primary"
|
|
|
@@ -73,6 +73,7 @@
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<el-table
|
|
|
+ class="table"
|
|
|
:data="tableData"
|
|
|
:header-cell-style="{ background: '#EEEEEE', border: 'none' }"
|
|
|
>
|
|
|
@@ -140,6 +141,7 @@
|
|
|
></el-table-column>
|
|
|
</el-table>
|
|
|
<Pagination
|
|
|
+ class="pagination"
|
|
|
:total="total"
|
|
|
:page.sync="page"
|
|
|
:size.sync="size"
|
|
|
@@ -233,8 +235,26 @@
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang="scss" scoped>
|
|
|
- .detail-box {
|
|
|
- margin: 20px auto;
|
|
|
+<style lang="scss">
|
|
|
+ .reportLoss {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ padding-top: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .table {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .el-table__body-wrapper {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pagination {
|
|
|
+ flex: 0 0 50px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|