| | |
| | | :min-width="item.min" |
| | | show-overflow-tooltip |
| | | :sortable="item.sortable" |
| | | header-align="center" |
| | | :align="item.textAlign" |
| | | v-if="item.isShowColumn" |
| | | > |
| | |
| | | </div> |
| | | <p style="margin-top: 30px">类别</p> |
| | | <el-checkbox-group v-model="checkList" @change="checkListHandler"> |
| | | <el-checkbox v-for="item in categoryList" :key="item.id" :label="item.id">{{ item.name }}</el-checkbox> |
| | | </el-checkbox-group> |
| | | <el-checkbox v-for="item in categoryList" :key="item.id" :label="item.id"> |
| | | {{ item.name }} |
| | | </el-checkbox> |
| | | </el-checkbox-group> |
| | | </div> |
| | | <div class="list-view"> |
| | | <div class="table"> |
| | |
| | | prop: "cost", |
| | | default: false, |
| | | isShowColumn: showcol.includes("单位成本"), |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "总价值", |
| | |
| | | default: false, |
| | | isShowColumn: showcol.includes("总价值"), |
| | | unit: "¥", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "在库", |
| | |
| | | default: true, |
| | | isShowColumn: true, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "可用库存", |
| | |
| | | default: true, |
| | | isShowColumn: true, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "入库", |
| | |
| | | default: false, |
| | | isShowColumn: showcol.includes("入库"), |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "出库", |
| | |
| | | isShowColumn: showcol.includes("出库"), |
| | | default: false, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "预测", |
| | |
| | | .con_left { |
| | | width: 200px; |
| | | .el-checkbox-group { |
| | | width:100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | |
| | | flex: 1; |
| | | } |
| | | } |
| | | ::v-deep { |
| | | .el-checkbox { |
| | | padding: 5px; |
| | | } |
| | | .el-checkbox__label { |
| | | width: 95%; |
| | | box-sizing: border-box; |
| | | padding-right: 5px; |
| | | word-break: break-all; |
| | | word-wrap: break-word; |
| | | white-space: pre-wrap !important; |
| | | } |
| | | } |
| | | |
| | | </style> |
| | |
| | | isShowColumn: true, |
| | | default: true, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "预留数量", |
| | |
| | | isShowColumn: true, |
| | | default: true, |
| | | unit: "", |
| | | textAlign:"left" |
| | | textAlign:"right" |
| | | }, |
| | | { |
| | | label: "单位", |
| | |
| | | width: 120, |
| | | default: false, |
| | | isShowColumn: showcol.includes("价值"), |
| | | textAlign:"left", |
| | | textAlign:"right", |
| | | unit: "¥" |
| | | } |
| | | ] |