修改

src/components/Materialman/InventoryBosun.vue

+<template>
+  <div class="assetsList InventoryDetail">
+    <div class="routerTitle">
+      <span class="pageTitle">报损/报溢<span @click="Backto" style="position:relative;top:-5px"
+          class="backTo">返回</span></span>
+      <span @click="morequery = !morequery" style="display:inline-flex;align-items:center;cursor: pointer;"
+        class="f12 cd6">
+        <span style="margin-right:5px">高级查询</span>
+        <img v-show="!morequery" style="width:12px;height:12px;" src="../../assets/img/more.png" alt="" />
+        <img v-show="morequery" class="roatImg" style="width:12px;height:12px" src="../../assets/img/more.png" alt="" />
+      </span>
+      <span @click="getList" style="margin-left:20px" class="chaxunSpan">查询</span>
+      <span @click="savePan" style="margin-left:20px" class="chaxunSpan">确认报损</span>
+    </div>
+    <div class="padContent">
+      <ul v-show="morequery" class="queryul">
+          <li>
+            <el-input class="w200" size="small" v-model="msg.SuppliesId" placeholder="物料Id"
+              @keyup.enter.native="msg.pageIndex=1,getList()"></el-input>
+          </li>
+          <li>
+            <el-input class="w200" size="small" v-model="msg.SuppliesName" placeholder="物料名称"
+              @keyup.enter.native="msg.pageIndex=1,getList()"></el-input>
+          </li>
+          <li>
+            <el-select size="small" v-model="msg.CheckStatus" @change="msg.pageIndex=1,getList()">
+              <el-option label="不限" :value="0"> </el-option>
+              <el-option v-for="item in getCheckStatusList" :key="item.Id" :label="item.Name" :value="item.Id">
+              </el-option>
+            </el-select>
+          </li>
+          <li>
+            <el-select size="small" v-model="msg.DealStatus" @change="msg.pageIndex=1,getList()">
+              <el-option label="已处理" :value="1"></el-option>
+              <el-option label="未处理" :value="2"></el-option>
+            </el-select>
+          </li>
+      </ul>
+      <vxe-table stripe style="margin-top:15px" :loading="loading" :data="tableData">
+        <vxe-table-column field="Name">
+          <template v-slot="{ row }">
+              <el-checkbox @change="getRow(row)"></el-checkbox>
+          </template>
+        </vxe-table-column>
+        <vxe-table-column field="Name" title="状态">
+          <template v-slot="{ row }">
+            <span class="ColorSpan huangSpan" v-if="row.CheckStatus == 1">未</span>
+            <span class="ColorSpan greenSpan" v-if="row.CheckStatus == 2">已</span>
+            <span class="ColorSpan purpleSpan" v-if="row.CheckStatus == 3">盈</span>
+            <span class="ColorSpan redSpan" v-if="row.CheckStatus == 4">亏</span>
+            <span>{{row.CheckStatusName}}</span>
+          </template>
+        </vxe-table-column>
+        <vxe-table-column field="SuppliesNo" title="物料编号"></vxe-table-column>
+        <vxe-table-column field="SuppliesId" title="物料id"></vxe-table-column>
+        <vxe-table-column field="SuppliesName" title="物料名称"></vxe-table-column>
+        <vxe-table-column field="SpecificationList" title="规格">
+          <template v-slot="{ row }">
+            <span v-for="(x,y) in row.SpecificationList" :key="y">{{x}} <span
+                v-if="row.SpecificationList.length !== y+1"> , </span></span>
+          </template>
+        </vxe-table-column>
+        <vxe-table-column field="InventoryNum" title="库存"></vxe-table-column>
+        <vxe-table-column field="RealityNum" title="实际数量"></vxe-table-column>
+        <vxe-table-column field="Unit_Money" title="最新单价">
+          <template v-slot="{ row }">
+            <el-input type='text' class="w80" v-model="row.Unit_Money" />
+          </template>
+        </vxe-table-column>
+        <vxe-table-column field="Remark" title="备注"></vxe-table-column>
+        <vxe-table-column field="CheckEmpName" title="盘点人名称"></vxe-table-column>
+        <vxe-table-column field="CheckDate" title="盘点时间"></vxe-table-column>
+        <vxe-table-column field="address" title="操作">
+        </vxe-table-column>
+      </vxe-table>
+      <el-pagination @current-change="currentChange" background :page-size="msg.pageSize" layout="prev, pager, next"
+        :total="total" :current-page.sync="msg.pageIndex">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "InventoryBosun",
+    components: {},
+    data() {
+      return {
+        morequery: false,
+        dateList: [],
+        currentPage: 1,
+        tableData: [],
+        loading: false,
+        total: 0,
+        getCheckStatusList: [],
+        //盘点报损报溢msg
+        msg: {
+          pageIndex: 1,
+          pageSize: 99999999,
+          CheckId: 0,
+          SuppliesId: 0,
+          SuppliesName: '',
+          CheckStatus: 0,
+          DealStatus: 2 //盈亏处理状态 1已处理 2未处理
+        },
+      };
+    },
+    mounted() {
+      this.msg.CheckId = this.$route.query.CheckId;
+      this.getList();
+      this.getCheckStatus();
+    },
+    methods: {
+      currentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      getCheckStatus() {
+        this.apiJavaPost("/api/property/GetPropertyCheckStatusEnumList", {},
+          res => {
+            if (res.data.resultCode === 1) {
+              this.getCheckStatusList = res.data.data;
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
+      },
+      Backto() {
+        this.$router.push({
+          path: "/InventoryDetail",
+          query: {
+            CheckId:this.msg.CheckId
+          }
+        });
+      },
+      //查看报损
+      getList() {
+        this.loading = true;
+        this.apiJavaPost(
+          "/api/supplies/GetSuppliesCheckDetailBreakagePageList",
+          this.msg,
+          res => {
+            this.loading = false;
+            if (res.data.resultCode === 1) {
+              this.tableData = res.data.data.pageData;
+              this.total = res.data.data.count;
+            } else {
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
+      },
+      //保存
+      savePan(){
+
+      },
+      //勾选
+      getRow(row){
+          console.log(row,'row');
+      }
+    }
+  };
+
+</script>
+
+<style>
+  .InventoryDetail .dateList .el-date-editor .el-range__icon {
+    line-height: 24px;
+
+  }
+
+  .InventoryDetail .dateList .el-date-editor .el-range-separator {
+    line-height: 22px;
+  }
+
+  .InventoryDetail .MyEditForm .dateList.el-input__inner {
+    width: 300px;
+  }
+
+  .assetsList .MyEditForm .baseform .el-form-item:nth-child(4n) {
+    margin-right: 0;
+  }
+
+  .assetsList .zczt1 {
+    background: #ffe4d5;
+    color: #ffa87c;
+  }
+
+  .assetsList .zczt2 {
+    background: #beeff0;
+    color: #089bab;
+  }
+
+  .assetsList .zczt3 {
+    background: #ffd6d5;
+    color: #ff7874;
+  }
+
+  .assetsList .zczt4 {
+    background: #d7d6ff;
+    color: #7b78ff;
+  }
+
+  .assetsList .Commonzczt {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    text-align: center;
+    border-radius: 50%;
+    font-size: 12px;
+    font-family: "Microsoft YaHei";
+  }
+
+  .assetsList {
+    width: 100%;
+    height: 100%;
+  }
+
+  .w80 {
+    width: 80px !important;
+  }
+
+</style>

src/router/config.js

@@ -235,6 +235,12 @@ export default {
                     name: 'InventoryDetail',
                     component: resolve => require(['@/components/Materialman/InventoryDetail'], resolve),
                 },
+                // 耗材报损报溢
+                {
+                    path: '/InventoryBosun',
+                    name: 'InventoryBosun',
+                    component: resolve => require(['@/components/Materialman/InventoryBosun'], resolve),
+                },
                 
                 // 现存量查询
                 {