入库，退货增加弹窗

NNowhZzU

2023-12-29 00d9fec5ce60e626fadceebcb2b657fc17e04285

 north-glass-erp/northglass-erp/src/views/mm/purchaseOrder/Return.vue

@@ -37,6 +37,7 @@
          ref="xGrid"
          v-bind="gridOptions"
          v-on="gridEvents"
          @cell-click="cellClickEvent"
      >

        <!--      @toolbar-button-click="toolbarButtonClickEvent"-->
@@ -68,22 +69,46 @@
      </vxe-grid>


      <vxe-modal v-model="showDetails" title="查看详情" width="600" height="400" :mask="false" :lock-view="false" resize>
      <!--      详情框 部分1-->
      <vxe-modal v-model="showDetails" title="查看详情" width="600" height="80%" :mask="false" :lock-view="false" resize>
        <el-container >
          <!--          <el-header height="35px"
                        style="margin: 0;padding: 0">
                      这是头
                    </el-header>-->
          <el-main>
        <template #default>
          <vxe-table
              border="inner"
              auto-resize
              show-overflow
              height="auto"
                  max-height="420"
              :row-config="{isHover: true}"
              :show-header="false"
              :sync-resize="showDetails"
              :data="detailData">
            <vxe-column field="label" width="40%"></vxe-column>
                <vxe-column field="label" width="30%" class-name="v-column-label"></vxe-column>
            <vxe-column field="value"></vxe-column>
          </vxe-table>
        </template>
          </el-main>
          <el-footer height="40px">
            <el-row>
              <el-col :offset="20" :span="4">
                <el-button
                    id="Sure"
                    type="primary"
                    @click="SureReturn"
                >确认退货
                </el-button>
              </el-col>

            </el-row>
          </el-footer>
        </el-container>
      </vxe-modal>
      <!--      详情框 部分1 结束-->



    </el-main>
@@ -323,14 +348,66 @@

})

/*const showDetails = ref(false)
const detailData = ref([])
//详情框 部分2
const showDetails =ref(false);
let detailData =[];
const cellClickEvent = ({ row }) => {
  detailData.value = ['采购单号', 'wlbh', 'wlmc', 'gys', 'h', 'k', 'g'].map(field => {
    return { label: field, value: row[field] }
  detailData = ['cgdh', 'thdh', 'h', 'xh', 'wlbh', 'wlmc', 'gys','w','g','dw','cgzt','rq','yl','sl','xsdh','je','6'].map(field => {
    return { label: ModelColumnContent(field) , value: row[field] }
  })
  showDetails.value = true
}*/
  showDetails.value = true;
}

const ModelColumnContent = (text) => {
  switch (text) {
    case 'cgdh':
      return "采购单号";
    case 'thdh':
      return "退货单号";
    case 'h':
      return "厚";
    case 'xh':
      return "型号";
    case 'wlbh':
      return "物料编码";
    case 'wlmc':
      return "物料名称";
    case 'gys':
      return "供应商";
    case 'w':
      return "宽";
    case 'g':
      return "高";
    case 'dw':
      return "单位";
    case 'cgzt':
      return "采购状态";
    case 'rq':
      return "日期";
    case 'yl':
      return "余量";
    case 'sl':
      return "数量";
    case 'xsdh':
      return "销售单号";
    case 'je':
      return "金额";
    case '6':
      return "其他";

    default:
      return text;

  }

}

const SureReturn=()=>{

  const type = VXETable.modal.confirm('是否确认退货？');
}

//详情框 部分2 结束


const now = new Date()
@@ -371,5 +448,7 @@


<style scoped>

:deep(.v-column-label div span){
  font-weight: bold;
}
</style>