| | |
| | | ref="xGrid" |
| | | v-bind="gridOptions" |
| | | v-on="gridEvents" |
| | | @cell-dblclick="cellClickEvent" |
| | | > |
| | | |
| | | <!-- @toolbar-button-click="toolbarButtonClickEvent"--> |
| | |
| | | </vxe-grid> |
| | | |
| | | |
| | | <vxe-modal v-model="showDetails" title="查看详情" width="600" height="400" :mask="false" :lock-view="false" resize> |
| | | <template #default> |
| | | <vxe-table |
| | | border="inner" |
| | | auto-resize |
| | | show-overflow |
| | | height="auto" |
| | | :row-config="{isHover: true}" |
| | | :show-header="false" |
| | | :sync-resize="showDetails" |
| | | :data="detailData"> |
| | | <vxe-column field="label" width="40%"></vxe-column> |
| | | <vxe-column field="value"></vxe-column> |
| | | </vxe-table> |
| | | </template> |
| | | <!-- 详情框 部分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-input v-model="showCGDH" placeholder="采购单号" disabled > |
| | | <template #prepend>采购单号:</template> |
| | | </el-input> |
| | | </el-header> |
| | | <el-main> |
| | | <template #default> |
| | | <vxe-table |
| | | border="default" |
| | | auto-resize |
| | | show-overflow |
| | | max-height="400" |
| | | :row-config="{isHover: true}" |
| | | :show-header="false" |
| | | :sync-resize="showDetails" |
| | | :data="detailData" |
| | | |
| | | > |
| | | <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> |
| | | </el-container> |
| | | </template> |
| | |
| | | |
| | | }) |
| | | |
| | | /*const showDetails = ref(false) |
| | | const detailData = ref([]) |
| | | const cellClickEvent = ({ row }) => { |
| | | detailData.value = ['采购单号', 'wlbh', 'wlmc', 'gys', 'h', 'k', 'g'].map(field => { |
| | | return { label: field, value: row[field] } |
| | | |
| | | //详情框 部分2 |
| | | const showCGDH =ref(); |
| | | const showDetails =ref(false); |
| | | let detailData =[]; |
| | | const cellClickEvent = ({row}) => { |
| | | 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; |
| | | showCGDH.value = row['cgdh']; |
| | | } |
| | | |
| | | 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() |
| | |
| | | |
| | | |
| | | <style scoped> |
| | | |
| | | :deep(.v-column-label div span){ |
| | | font-weight: bold; |
| | | font-align:center; |
| | | } |
| | | </style> |