From 92ff846fb659c62037a32b1d8c15eae9df9d9b54 Mon Sep 17 00:00:00 2001
From: zenglf <18502938215@163.com>
Date: 星期一, 18 九月 2023 13:24:30 +0800
Subject: [PATCH] Merge branch 'develop' of http://117.34.109.166:18448/r/vue_mdc_430
---
src/views/spare/modules/sparePartCancellingStocks/SparePartCancellingStocksModal.vue | 511 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 511 insertions(+), 0 deletions(-)
diff --git a/src/views/spare/modules/sparePartCancellingStocks/SparePartCancellingStocksModal.vue b/src/views/spare/modules/sparePartCancellingStocks/SparePartCancellingStocksModal.vue
new file mode 100644
index 0000000..117bdce
--- /dev/null
+++ b/src/views/spare/modules/sparePartCancellingStocks/SparePartCancellingStocksModal.vue
@@ -0,0 +1,511 @@
+<template>
+ <a-modal
+ :title='title'
+ :width='1450'
+ :visible='visible'
+ :maskClosable='false'
+ @ok='handleOk'
+ cancelText='鍏抽棴'
+ @cancel='handleCancel'
+ :confirmLoading='confirmLoading'
+ >
+ <a-spin :spinning='confirmLoading'>
+ <a-form :form='form'>
+ <a-row :gutter='24'>
+ <a-col :span='24/2'>
+ <a-form-item
+ label='鍗曟嵁鍙�'
+ :labelCol='labelCol'
+ :wrapperCol='wrapperCol'
+ >
+ <a-input
+ :disabled="true"
+ placeholder='璇疯緭鍗曟嵁鍙�'
+ v-decorator="['num', validatorRules.num]"
+ />
+ </a-form-item>
+ </a-col>
+ <a-col :span='24/2'>
+ <a-form-item
+ label='棰嗙敤閮ㄩ棬'
+ :labelCol='labelCol'
+ :wrapperCol='wrapperCol'
+ >
+ <a-tree-select
+ style="width: 100%"
+ :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+ :tree-data="treeData"
+ placeholder="璇烽�夋嫨棰嗙敤閮ㄩ棬"
+ tree-default-expand-all
+ v-model='model.departId'
+ />
+ </a-form-item>
+ </a-col>
+ </a-row>
+ <a-row :gutter='24'>
+ <a-col :span='24/2'>
+ <a-form-item
+ label='棰嗙敤浜哄憳'
+ :labelCol='labelCol'
+ :wrapperCol='wrapperCol'
+ >
+ <j-dict-select-tag
+ allow-clear
+ :disabled='disableSubmit'
+ :triggerChange='true'
+ :placeholder="disableSubmit?'':'璇烽�夋嫨棰嗙敤浜哄憳'"
+ v-decorator="['userId', validatorRules.userId]"
+ dictCode="sys_user,realname,id,del_flag!='1'"
+ />
+ </a-form-item>
+ </a-col>
+ <a-col :span='24/2'>
+ <a-form-item
+ label='浠撳簱'
+ :labelCol='labelCol'
+ :wrapperCol='wrapperCol'
+ >
+ <j-dict-select-tag
+ allow-clear
+ :disabled='disableSubmit'
+ :placeholder="disableSubmit?'':'璇烽�夋嫨浠撳簱'"
+ :triggerChange='true'
+ dictCode="mom_base_warehouse,name,id , del_flag!='1'"
+ v-decorator="['warehouseId', validatorRules.warehouseId]"
+ @change='(e)=>handle2Change(e)'
+ />
+ </a-form-item>
+ </a-col>
+ </a-row>
+ </a-form>
+ </a-spin>
+ <a-button
+ type='primary'
+ :style="{ marginRight: '8px',marginBottom:'8px' }"
+ :loading='confirmLoading'
+ :disabled="disableSubmit"
+ @click='selectSparePartInventory()'
+ >澧炲姞澶囦欢搴撳瓨淇℃伅
+ </a-button>
+ <a-table
+ ref='table'
+ bordered
+ size='middle'
+ rowKey='id'
+ :columns='columns'
+ :dataSource='dataSource'
+ :scroll="{ x: 'calc(1200px + 50%)', y: 900 }"
+ >
+ <template
+ v-for='col in columns'
+ :slot='col.dataIndex'
+ slot-scope='text, record, index'
+ >
+ <div :key='col.dataIndex'>
+ <a-input-number
+ :value='text'
+ :disabled="disableSubmit"
+ v-if="col.dataIndex == 'mainQuantity'"
+ :min='0'
+ :max='record.outboundMainQuantity'
+ @change='(e)=>handleChange(e, record.key, col, index)'
+ />
+ </div>
+ </template>
+
+
+ <span
+ slot='action'
+ slot-scope='text, record, index'
+ >
+ <a-popconfirm
+ title='纭畾鍒犻櫎鍚�?'
+ :disabled="disableSubmit"
+ @confirm='() => handleDelete(text,record, index)'
+ >
+ <a>鍒犻櫎</a>
+ </a-popconfirm>
+ </span>
+ </a-table>
+ <template slot='footer'>
+ <a-button
+ :style="{marginRight: '8px'}"
+ @click='handleCancel()'
+ >
+ 鍏抽棴
+ </a-button>
+
+ <a-button
+ @click='handleOk()'
+ type='primary'
+ :disabled="disableSubmit"
+ :loading='confirmLoading'
+ >纭畾
+ </a-button>
+ </template>
+ <spare-select-list ref='sparePartInventoryModalForm'></spare-select-list>
+ </a-modal>
+
+</template>
+
+<script>
+import { getAction, postAction, requestPut } from '@/api/manage'
+import pick from 'lodash.pick'
+import JMultiSelectTag from '@/components/dict/JMultiSelectTag'
+import Tooltip from 'ant-design-vue/es/tooltip'
+import SpareSelectList from './SpareSelectList'
+
+export default {
+ name: 'SparePartCancellingStocksModal',
+ components: {
+ JMultiSelectTag,
+ Tooltip,
+ SpareSelectList
+ },
+ data() {
+ return {
+ departId:[],
+ treeData:[],
+ columns: [
+ {
+ title: '#',
+ dataIndex: '',
+ key: 'rowIndex',
+ align: 'center',
+ customRender: function(t, r, index) {
+ return parseInt(index) + 1
+ },
+ width: 50
+ },
+ {
+ title: '鎵规鍙�',
+ align: 'center',
+ dataIndex: 'batchNum'
+ },
+ {
+ title: '澶囦欢缂栫爜',
+ align: 'center',
+ dataIndex: 'num'
+ },
+ {
+ title: '澶囦欢鍚嶇О',
+ align: 'center',
+ dataIndex: 'name'
+ },
+ {
+ title: '鍨嬪彿',
+ align: 'center',
+ dataIndex: 'model'
+ },
+ {
+ title: '瑙勬牸',
+ align: 'center',
+ dataIndex: 'specification'
+ },
+ {
+ title: '鍒堕�犲晢',
+ align: 'center',
+ dataIndex: 'constructorName'
+ },
+ {
+ title: '鍑哄巶鏃ユ湡',
+ align: 'center',
+ dataIndex: 'manufactureDate',
+ customRender: function(text) {
+ return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text)
+ }
+ },
+ {
+ title: '浠撳簱',
+ align: 'center',
+ dataIndex: 'warehouseName'
+ },
+ {
+ title: '搴撳尯',
+ align: 'center',
+ dataIndex: 'warehouseAreaName'
+ },
+ {
+ title: '搴撲綅',
+ align: 'center',
+ dataIndex: 'warehouseLocationNum'
+ },
+ {
+ title: '鍗曚綅',
+ align: 'center',
+ dataIndex: 'mainUnitName'
+ },
+ {
+ title: '鍑哄簱鏁伴噺',
+ align: 'center',
+ dataIndex: 'outboundMainQuantity'
+ },
+ /* {
+ title: '杈呭崟浣�',
+ align: 'center',
+ dataIndex: 'auxiliaryUnitName'
+ }, */
+ {
+ title: '閫�搴撴暟閲�',
+ align: 'center',
+ dataIndex: 'mainQuantity',
+ scopedSlots: { customRender: 'mainQuantity' }
+ },
+ {
+ title: '鎿嶄綔',
+ align: 'center',
+ dataIndex: 'action',
+ fixed: 'right',
+ width: 100,
+ scopedSlots: {
+ customRender: 'action'
+ }
+ }
+ ],
+ title: '鎿嶄綔',
+ visible: false,
+ disableSubmit: false,
+ codeDisable: true,
+ model: {},
+ warehouseId: '',
+ labelCol: {
+ xs: { span: 24 },
+ sm: { span: 5 }
+ },
+ wrapperCol: {
+ xs: { span: 24 },
+ sm: { span: 16 }
+ },
+ confirmLoading: false,
+ form: this.$form.createForm(this),
+ validatorRules: {
+ num: {
+ rules: [
+ { required: true, message: '璇疯緭鍏ュ叆搴撳崟缂栧彿!' }
+ ]
+ },
+ departId: {
+ rules: [
+ { required: true, message: '璇烽�夋嫨棰嗙敤閮ㄩ棬!' }
+ ]
+ },
+ userId: {
+ rules: [
+ { required: true, message: '璇烽�夋嫨棰嗙敤浜哄憳!' }
+ // { validator: this.validateEquipmentId },
+ ]
+ },
+ warehouseId: {
+ rules: [
+ { required: true, message: '璇烽�夋嫨浠撳簱!' }
+ ]
+ }
+ },
+ url: {
+ add: '/spare/sparePartCancellingStocks/add',
+ getSysDeparts: "/eam/equipment/getSysDeparts",
+ getNum: '/eam/sysIdentity/getNumNew',
+ loadOptions: '/sys/sysDepart/loadDepartTreeOptions',
+ edit: '/spare/sparePartCancellingStocks/edit'
+ },
+
+ dataSource: []
+ }
+ },
+
+
+ mounted() {
+ this.$bus.$on('selectionRows', (data) => {
+ for (let i = 0; i < data.length; i++) {
+ this.dataSource.push({
+ id: data[i].id,
+ sparePartId: data[i].sparePartId,
+ batchNum: data[i].batchNum,
+ num: data[i].num,
+ outboundMainQuantity: data[i].outboundMainQuantity,
+ name: data[i].name,
+ specification: data[i].specification,
+ model: data[i].model,
+ mainUnitId: data[i].mainUnitId,
+ mainUnitName: data[i].mainUnitName,
+ constructorId: data[i].constructorId,
+ constructorName: data[i].constructorName,
+ supplierId: data[i].supplierId,
+ manufactureDate: data[i].manufactureDate,
+ warehouseName: data[i].warehouseName,
+ warehouseAreaName: data[i].warehouseAreaName,
+ warehouseLocationNum: data[i].warehouseLocationNum,
+ sparePartInventoryId: data[i].sparePartInventoryId
+
+
+ })
+ }
+ })
+ },
+ created() {
+ },
+
+ methods: {
+ initOptions() {
+ getAction(this.url.loadOptions).then(res => {
+ if (res.success) {
+ this.treeData = res.result
+ } else {
+ this.$message.warning(res.message)
+ }
+ })
+ },
+ getSysDeparts() {
+ getAction(this.url.getSysDeparts).then((res) => {
+ if (res.success) {
+ this.departs = res.result
+ }
+ })
+ },
+ //閫夋嫨澶囦欢搴撳瓨淇℃伅
+ selectSparePartInventory: function() {
+ if (this.warehouseId == '' || this.warehouseId == null) {
+ this.$message.warning('璇烽�夋嫨浠撳簱锛�')
+ return
+ }
+ let ids = []
+ for (let i = 0; i < this.dataSource.length; i++) {
+ ids.push(this.dataSource[i].id)
+ }
+ this.$refs.sparePartInventoryModalForm.showModals(ids, this.warehouseId)
+ this.$refs.sparePartInventoryModalForm.title = '閫夋嫨澶囦欢搴撳瓨淇℃伅'
+ this.$refs.sparePartInventoryModalForm.disableSubmit = false
+ },
+
+ add() {
+ this.edit({ sparePartCancellingStocksDetailList: [] })
+
+ },
+
+ edit(record) {
+ let that = this
+ that.dataSource = []
+ that.form.resetFields()
+ that.model = Object.assign({}, record)
+ that.visible = true
+ that.initOptions()
+ that.warehouseId = record.warehouseId
+ if (record.sparePartCancellingStocksDetailList != undefined) {
+ const temp = [...record.sparePartCancellingStocksDetailList]
+ that.dataSource = temp
+ }
+ that.$nextTick(() => {
+ that.form.setFieldsValue(pick(that.model, 'num', 'departId', 'userId', 'warehouseId'))
+ })
+ if (record.id) {
+ this.codeDisable = true
+ } else {
+ this.codeDisable = false
+ this.$nextTick(() => {
+ getAction(this.url.getNum, { type: 'SparePart', length: '4' }).then((res) => {
+ if (res.success) {
+ this.form.setFieldsValue({ num: res.message });
+ }
+ })
+ });
+ }
+ },
+
+ close() {
+ this.$emit('close')
+ this.visible = false
+ this.warehouseId = ''
+ },
+
+ handleCancel() {
+ this.close()
+ },
+
+ handleOk() {
+ const that = this
+ this.form.validateFields((err, values) => {
+ if (!err) {
+ that.confirmLoading = true
+ let formData = Object.assign(this.model, values)
+ formData.sparePartCancellingStocksDetail = that.dataSource
+ if (that.dataSource.length ===0){
+ that.confirmLoading = false
+ that.$message.warning("璇锋坊鍔犲浠堕��搴撴槑缁�")
+ return
+ }
+ let obj
+ if (!this.model.id) {
+ obj = postAction(this.url.add, formData)
+ } else {
+ obj = requestPut(this.url.edit, formData, { id: this.model.id })
+ }
+ obj.then((res) => {
+ if (res.success) {
+ that.$message.success(res.message)
+ that.$emit('ok')
+ } else {
+ that.$message.warning(res.message)
+ }
+ }).finally(() => {
+ that.confirmLoading = false
+ that.close()
+ })
+ }
+ })
+ },
+
+ handleDelete(text, record, index) {
+ this.dataSource.splice(index, 1)
+ },
+
+
+ handleChange(value, key, column, index) {
+ let that = this
+ const temp = [...that.dataSource]
+ const target = temp.filter(item => key === item.key)[index]
+ if (target) {
+ if (column.dataIndex == 'mainQuantity') {
+ target[column.dataIndex] = value
+ /* target['outboundAuxiliaryQuantity'] = value * target.conversionRatio*/
+ }
+ //鏄剧ず甯﹁繃鏉ョ殑鏁版嵁
+ that.dataSource = temp
+ }
+ },
+
+ handle2Change(val) {
+ this.warehouseId = val
+ this.dataSource = []
+ }
+ }
+}
+</script>
+
+<style lang='less' scoped>
+/deep/ .frozenRowClass {
+ color: #c9c9c9;
+}
+
+.fontweight {
+ font-weight: bold;
+}
+
+.ant-btn {
+ padding: 0 10px;
+ margin-left: 3px;
+}
+
+.ant-form-item-control {
+ line-height: 0px;
+}
+
+/** 涓昏〃鍗曡闂磋窛 */
+.ant-form .ant-form-item {
+ margin-bottom: 10px;
+}
+
+/** Tab椤甸潰琛岄棿璺� */
+.ant-tabs-content .ant-form-item {
+ margin-bottom: 0px;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3