查看报损/报溢单

src/components/FinancialModule/FinancialDocumentsDetail.vue

@@ -397,6 +397,7 @@
                         
                         <span  class="fr" style="text-decoration: underline;cursor:  pointer;"  v-if="GetDetail.OtherType==15"  @click="goassets(GetDetail.ReFinanceId,GetDetail.OtherType)"> 电商采购单:{{GetDetail.ReFinanceId}}</span>
                         <span  class="fr" style="text-decoration: underline;cursor:  pointer;"   v-if="GetDetail.OtherType==16"  @click="goassets(GetDetail.ReFinanceId,GetDetail.OtherType)"> 电商出库单:{{GetDetail.ReFinanceId}}</span>
+                        <span  class="fr" style="text-decoration: underline;cursor:  pointer;"   v-if="GetDetail.OtherType==17"  @click="lookbreakage(GetDetail.ReFinanceId)"> 报损/报溢单:{{GetDetail.ReFinanceId}}</span>
                         <span v-if="GetDetail.TemplateId==28 || GetDetail.TemplateId==30" @click="Gourl(GetDetail)" style="cursor: pointer;float: right;color: #000;font-size: 14px;text-decoration: underline;">提成详情</span>
                         <span v-if="(GetDetail.TemplateId==29 || GetDetail.TemplateId==31) && OPState" @click="GoOPurl(GetDetail)" style="cursor: pointer;float: right;color: #000;font-size: 14px;text-decoration: underline;">提成详情</span>
                         <span v-if="CostTypeState" @click="GourlCostType('VisitRecord',1)" style="margin:0 10px;cursor: pointer;float: right;color: #000;font-size: 14px;text-decoration: underline;">拜访记录</span>
@@ -1579,16 +1580,16 @@ export default {
               blank:'y'
             },
           })
-            //  var assetsDomain = 'http://www.test.com:8081/#/';//本地地址
-            // //  var assetsDomain = 'http://zcyx.oytour.com/#/';//线上地址
-            //  if(OtherType==15){
-            //      window.open(assetsDomain+ 'procurementDetails' +"?ID="+ID+'&token='+token, "_blank"); //采购详情
-            //  }else if(OtherType==16){
-            //      window.open(assetsDomain+ 'outboundD' +"?ID="+ID+'&type=2', "_blank"); //出库详情
-            //     //  window.open(assetsDomain+ 'chukudan' +"?ID="+ID+'&type=2', "_blank"); //出库详情
-            //  }
-           
             
+        },
+        lookbreakage(ID){
+             this.$router.replace({
+                name: "breakageSingle",
+                query: {
+                    ID: ID,
+                    blank:'y'
+                },
+            })
         }
     },mounted(){
         // document.onkeydown = this.KeyDown

src/components/FinancialModule/breakageSingle.vue

+<style scoped>
+    .breakageSingle  .xiangq{
+    padding: 15px 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+}
+.breakageSingle .topkuang{
+    padding: 5px 10px;
+    border:1px solid #e2e2e2;
+    background: #e2e2e2;
+    border-radius: 15px;
+    margin-right: 25px;
+}
+.breakageSingle .el-table th.is-leaf{
+    text-align: left !important;
+}
+</style>
+
+<template>
+    <div class="breakageSingle">
+        <div class="xiangq">
+            <div>
+                <el-tag style="margin-right: 10px;">出入库id：{{dataList.OutOrInId}}</el-tag>
+            </div>
+        </div>
+ 
+        <el-table 
+            :data="dataList.DetailList"
+            border
+            header-align='left'
+            style="width: 100%">
+            <el-table-column
+                prop="Id"
+                label="编号"
+                width="80">
+            </el-table-column>
+            <el-table-column
+                prop="GoodsName"
+                label="商品名称"
+                >
+               
+            </el-table-column>
+             <el-table-column
+                prop="SpecificationName"
+                label="规格"
+                width="300"
+                >
+             
+            </el-table-column>
+              <el-table-column
+                prop="InventoryNum"
+                label="当前库存数"
+                width="150">
+            </el-table-column>
+              <el-table-column
+                prop="RealityNum"
+                label="实际库存数"
+                width="150">
+            </el-table-column>
+             <el-table-column
+                prop="ReportLossNum"
+                label="报损/报溢数"
+                width="150">
+            </el-table-column>
+                <el-table-column
+                prop="ReportLossPrice"
+                label="报损/报溢总价格"
+                width="150">
+            </el-table-column>
+              
+          
+        </el-table>
+
+
+    </div>
+</template>
+<script>
+
+export default {
+    data(){
+        return{
+            msg:{
+                 LossId:0,
+              RB_Group_id:''
+          },
+        
+          dataList:{},
+        }
+    },
+ 
+    created(){
+        let RB_Group_id = this.getLocalStorage().RB_Group_id;
+        this.msg.LossId = this.$route.query.ID;
+        this.msg.RB_Group_id = RB_Group_id;
+        this.getList()
+    },
+    methods:{
+        getList(){
+             this.apiJavaPostZc("/api/Warehouse/GetSuppliesReportLoss",this.msg,
+                res => {
+                if (res.data.resultCode === 1) {
+                    this.dataList = res.data.data
+                } else {
+                    this.Error(res.data.message);
+                }
+                },
+                null
+            );
+        },
+ 
+    
+    },mounted(){
+       
+    }
+}
+</script>

src/router/config.js

@@ -3452,6 +3452,15 @@ export default {
                                 title: '详情'
                             },
                         },
+                        // 查看报损单详情
+                        {
+                            path: '/breakageSingle',
+                            name: 'breakageSingle',
+                            component: resolve => require(['@/components/FinancialModule/breakageSingle'], resolve),
+                            meta: {
+                                title: '详情'
+                            },
+                        },
                         // 申请书
                         {
                             path: '/Application',