1.采购收货单新增查看详情功能

loulijun2021

2023-04-22 e3edb24ee6b15cb7e67abf6c0ebfe731fbcb4a4c

 src/views/purchasesManager/arrivalNoticeList.vue

@@ -342,7 +342,7 @@
                    class="el-icon-view"
                    :style="{color:$store.state.settings.theme}"
                    style="cursor: pointer;"
                    @click="$message.info('暂无权限！')"
                    @click="viewDetails(row)"
                  />
                </el-tooltip>
              </div>
@@ -352,6 +352,55 @@
      </div>

    </div>

    <el-dialog
      v-el-drag-dialog
      title="查看详情"
      :visible.sync="dialogVisible"
      width="800px"

      top="15vh"
      :close-on-click-modal="false"
      @closed="handleClose"
      @close="handleClose"
    >

      <div style="margin-bottom: 20px">
        <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" /> 物料信息： {{ viewSelectValue }}
      </div>

      <el-collapse style="height: 500px;overflow: auto">
        <el-collapse-item v-for="item in dialogDataArr" :key="item.hbarcode" :title="item.hbarcode" :name="item.hbarcode">
          <el-descriptions>
            <el-descriptions-item label="标签编码">{{ item.hbarcode }}</el-descriptions-item>
            <el-descriptions-item label="单据编码">{{ item.hbillno }}</el-descriptions-item>
            <el-descriptions-item label="源单单号">{{ item.hsourcebillno }}</el-descriptions-item>
            <el-descriptions-item label="质量状态">
              <!--              {{ item.qualitystatus }}-->

              <div v-if="item.qualitystatus==='OK'">
                <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" />
                合格
              </div>
              <div v-if="item.hcheckstaus==='NG'">
                <i class="el-icon-info" style="margin-right: 2px" />
                不良
              </div>

              <!--                  <el-tag type=""></el-tag>-->
            </el-descriptions-item>
            <el-descriptions-item label="标签数量">{{ item.hqty }}</el-descriptions-item>
            <el-descriptions-item label="批次编号">{{ item.hbatchno?item.hbatchno:'/' }}</el-descriptions-item>
          </el-descriptions>
        </el-collapse-item>
      </el-collapse>

      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button v-waves @click="dialogVisible=false">取 消</el-button>
        </div>
      </span>
    </el-dialog>

  </div>
</template>
@@ -363,7 +412,7 @@
import TableColumnSettings from '@/components/TableColumnSettings'
import {
  ClosedPurchaseArrivalOrder,
  PurchaseArrivalOrderSearch,
  PurchaseArrivalOrderSearch, PurchaseArrivalOrderSubLabDetails,
  PurchaseArrivalOrderSubSearch
} from '@/api/purchasesManager'
import { DepartMentSelect, PurchSupplierSelect } from '@/api/basicInfo'
@@ -508,7 +557,10 @@
      ],
      tableTimeStampKey: new Date().getTime(), // 表格key
      radioSelected: '',
      tableDataDetail: []// 子表
      tableDataDetail: [], // 子表
      dialogVisible: false,
      dialogDataArr: [],
      viewSelectValue: ''

    }
  },
@@ -648,7 +700,23 @@
    },
    tableRowClassName({ row, rowIndex }) {
      return 'custom-row'
    },
    async viewDetails(val) {
      this.viewSelectValue = val.partname
      const row = this.tableData.find(i => i.hbillno === this.radioSelected)
      const data = {
        sourceorder: row.hsourcebillno,
        arrivelodercode: row.hbillno,
        partcode: val.partcode
      }
      const res = await PurchaseArrivalOrderSubLabDetails(data)
      this.dialogDataArr = res.data
      this.dialogVisible = true
    },
    handleClose() {
      this.dialogDataArr = []
    }

  }
}
</script>
@@ -716,7 +784,8 @@
}

::v-deep .el-dialog__body {
  padding: 20px 100px !important;
  //padding: 20px 100px !important;
  padding: 20px 50px !important;
}

::v-deep .dialogVisibleRoles .el-dialog__body {
@@ -787,6 +856,15 @@
    height: 100% !important;
  }
}

::v-deep .el-collapse-item__header{
  font-size: 18px;
  //font-weight: bold;
}

::v-deep .el-descriptions-item__label{
  font-weight: bold;
}
</style>
<style>