| | |
| | | <a-spin :spinning="confirmLoading"> |
| | | <vxe-toolbar> |
| | | <template v-slot:buttons> |
| | | <vxe-button status="primary" @click="insertEvent()">新增</vxe-button> |
| | | <vxe-button status="danger" @click="handleBatchRemove()">批量删除</vxe-button> |
| | | <vxe-button |
| | | status="primary" |
| | | @click="insertEvent()" |
| | | >新增</vxe-button> |
| | | <vxe-button |
| | | status="danger" |
| | | @click="handleBatchRemove()" |
| | | >批量删除</vxe-button> |
| | | </template> |
| | | </vxe-toolbar> |
| | | <vxe-table |
| | |
| | | :data="dataSource" |
| | | :edit-rules="validRules" |
| | | :edit-config="{trigger: 'manual', mode: 'row', showStatus: true}" |
| | | style="margin-top: 8px;"> |
| | | <vxe-table-column type="checkbox" width="60"></vxe-table-column> |
| | | <vxe-table-column type="seq" width="60"></vxe-table-column> |
| | | <vxe-table-column title="ID" field="id" :visible="false"></vxe-table-column> |
| | | <vxe-table-column title="equipmentId" field="equipmentId" :visible="false"></vxe-table-column> |
| | | <vxe-table-column title="检测项目" field="parameterId" align="center" |
| | | :edit-render="{name : '$select', options: precisionParameterList, optionProps: {label:'parameterName', value:'id'}, props: {clearable:true}, events: {change:handleParamSelectChange}}"></vxe-table-column> |
| | | <vxe-table-column title="参数编码" field="parameterCode" align="center"></vxe-table-column> |
| | | <vxe-table-column title="允差值(mm)" field="parameterValue" align="center" |
| | | :edit-render="{name : '$input'}"></vxe-table-column> |
| | | <vxe-table-column title="实际值" field="actualValue" align="center"></vxe-table-column> |
| | | <vxe-table-column title="操作" width="160"> |
| | | style="margin-top: 8px;" |
| | | > |
| | | <vxe-table-column |
| | | type="checkbox" |
| | | width="60" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | type="seq" |
| | | width="60" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | title="ID" |
| | | field="id" |
| | | :visible="false" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | title="equipmentId" |
| | | field="equipmentId" |
| | | :visible="false" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | title="检测项目" |
| | | field="parameterId" |
| | | align="center" |
| | | :edit-render="{name : '$select', options: precisionParameterList, optionProps: {label:'parameterName', value:'id'}, props: {clearable:true}, events: {change:handleParamSelectChange}}" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | title="参数编码" |
| | | field="parameterCode" |
| | | align="center" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | title="允差值(mm)" |
| | | field="parameterValue" |
| | | align="center" |
| | | :edit-render="{name : '$input'}" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | title="实际值" |
| | | field="actualValue" |
| | | align="center" |
| | | ></vxe-table-column> |
| | | <vxe-table-column |
| | | title="操作" |
| | | width="160" |
| | | > |
| | | <template v-slot="{row}"> |
| | | <template v-if="hasEditStatus(row)"> |
| | | <vxe-button @click="saveRowEvent(row)">保存</vxe-button> |
| | |
| | | } |
| | | }) |
| | | }, |
| | | handleBatchRemove(){ |
| | | handleBatchRemove() { |
| | | let xTable = this.$refs.editableDetailTable |
| | | let that = this |
| | | let checkboxRecords = xTable.getCheckboxRecords(); |
| | | if(checkboxRecords && checkboxRecords.length > 0) { |
| | | if (checkboxRecords && checkboxRecords.length > 0) { |
| | | let ids = checkboxRecords.map(record => record.id); |
| | | this.$confirm({ |
| | | title: "确认删除", |
| | | content: "是否删除选中数据?", |
| | | onOk: function () { |
| | | that.confirmLoading = true; |
| | | deleteAction(that.url.deleteBatch, {ids: ids.join(',')}).then((res) => { |
| | | deleteAction(that.url.deleteBatch, { ids: ids.join(',') }).then((res) => { |
| | | if (res.success) { |
| | | //重新计算分页问题 |
| | | that.reCalculatePage(checkboxRecords.length) |
| | |
| | | this.ipagination.current = currentIndex |
| | | } |
| | | }, |
| | | handlePageChange(current, pageSize){ |
| | | handlePageChange(current, pageSize) { |
| | | this.$set(this.ipagination, 'current', current) |
| | | this.$emit('change', {current, pageSize}) |
| | | this.$emit('change', { current, pageSize }) |
| | | }, |
| | | handleShowSizeChange(current, pageSize){ |
| | | handleShowSizeChange(current, pageSize) { |
| | | this.$set(this.ipagination, 'pageSize', pageSize) |
| | | this.$emit('change', {current, pageSize}) |
| | | this.$emit('change', { current, pageSize }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | |
| | | </style> |