ZQ/laws-sinotruk-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update] 绑定零部件联调

Browse Source
This commit is contained in:
lideqin
2024-04-18 16:43:54 +08:00
parent afb6b83071
commit c0f19bebc6
8 changed files with 602 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/system/bindingParts/BindingParts.vue
+13 -16
View File
@@ -10,7 +10,7 @@
<a-form-item :label="$t('system.bindingParts.partNumber')">
<j-input
:placeholder="$t('pleaseEnter') + $t('system.bindingParts.partNumber')"
v-model="queryParam.partNumber"></j-input>
v-model="queryParam.partNo"></j-input>
</a-form-item>
</a-col>
<!--零部件名称-->
@@ -26,7 +26,7 @@
<a-form-item :label="$t('standardNumber')">
<j-input
:placeholder="$t('pleaseEnter') + $t('standardNumber')"
v-model="queryParam.standardNumber"></j-input>
v-model="queryParam.standardNo"></j-input>
</a-form-item>
</a-col>
<template v-if="toggleSearchStatus">
@@ -35,7 +35,7 @@
<a-form-item :label="$t('standardName')">
<j-input
:placeholder="$t('pleaseEnter') + $t('standardName')"
v-model="queryParam.standardNumber"></j-input>
v-model="queryParam.standardName"></j-input>
</a-form-item>
</a-col>
<!--绑定人员-->
@@ -43,7 +43,7 @@
<a-form-item :label="$t('system.bindingParts.bindingPersonnel')">
<j-input
:placeholder="$t('pleaseEnter') + $t('system.bindingParts.bindingPersonnel')"
v-model="queryParam.bindingPersonnel"></j-input>
v-model="queryParam.bindUser"></j-input>
</a-form-item>
</a-col>
</template>
@@ -135,7 +135,7 @@ export default {
title: this.$t('system.bindingParts.partNumber'),
align: 'center',
width: 180,
dataIndex: 'partNumber',
dataIndex: 'partNo',
scopedSlots: { customRender: 'text' }
},
{ // 零部件名称
@@ -149,7 +149,7 @@ export default {
title: this.$t('standardNumber'),
align: 'center',
width: 180,
dataIndex: 'standardNumber',
dataIndex: 'standardNo',
scopedSlots: { customRender: 'standardSlot' }
},
{ // 标准名称
@@ -163,21 +163,21 @@ export default {
title: this.$t('system.bindingParts.clauseNumber'),
align: 'center',
width: 180,
dataIndex: 'clauseNumber',
dataIndex: 'clauseNos',
scopedSlots: { customRender: 'clauseSlot' }
},
{ // 绑定人员
title: this.$t('system.bindingParts.bindingPersonnel'),
align: 'center',
width: 180,
dataIndex: 'bindingPersonnel',
dataIndex: 'bindUser_dictText',
scopedSlots: { customRender: 'text' }
},
{ // 绑定时间
title: this.$t('system.bindingParts.bindingTime'),
align: 'center',
width: 180,
dataIndex: 'bindingTime',
dataIndex: 'bindTime',
scopedSlots: { customRender: 'text' }
},
{ // 操作
@@ -189,14 +189,11 @@ export default {
}
],
url: {
list: '',
deleteBatch: '',
delete: '',
list: '/laws/bindPart/page',
deleteBatch: '/laws/bindPart/deleteBatch',
delete: '/laws/bindPart/delete',
useBindingRelationship: '' // 使用绑定关系
},
dataSource: [
{ id: 1, clauseNumber: 1 }
]
}
}
},
methods: {
src/views/system/bindingParts/modules/BingingPartsModal.vue
+84 -53
View File
@@ -13,26 +13,35 @@
<a-form :form="form">
<!--零部件号-->
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('system.bindingParts.partNumber')">
<a-select v-decorator.trim="[ 'partNumber', validatorRules.partNumber ]" disabled>
<a-select-option v-for="item in partNumberOption" :key="item.id" :value="item.number">
{{ item.number }}
</a-select-option>
</a-select>
<a-input :placeholder="$t('pleaseEnter') + $t('system.bindingParts.partNumber')"
:maxLength="50"
disabled
v-decorator.trim="[ 'partNo', validatorRules.partNo ]" />
<!--<a-select v-decorator.trim="[ 'partNo', validatorRules.partNo ]" disabled>-->
<!-- <a-select-option v-for="item in partNoOption" :key="item.id" :value="item.number">-->
<!-- {{ item.number }}-->
<!-- </a-select-option>-->
<!--</a-select>-->
</a-form-item>
<!--零部件名称-->
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('system.bindingParts.partName')">
<a-select v-decorator.trim="[ 'partName', validatorRules.partName ]" disabled>
<a-select-option v-for="item in partNumberOption" :key="item.id" :value="item.number">
{{ item.number }}
</a-select-option>
</a-select>
<a-input :placeholder="$t('pleaseEnter') + $t('system.bindingParts.partName')"
:maxLength="50"
disabled
v-decorator.trim="[ 'partName', validatorRules.partName ]" />
<!--<a-select v-decorator.trim="[ 'partName', validatorRules.partName ]" disabled>-->
<!-- <a-select-option v-for="item in partNoOption" :key="item.id" :value="item.number">-->
<!-- {{ item.number }}-->
<!-- </a-select-option>-->
<!--</a-select>-->
</a-form-item>
<!--标准编号-->
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardNumber')">
<standard-selection :placeholder="$t('pleaseSelect') + $t('standardNumber')"
v-decorator="['standardId', validatorRules.standardId]"
type="radio"
@listChange="handleStandardChange" />
<split-standard-selection :placeholder="$t('pleaseSelect') + $t('standardNumber')"
v-decorator="['sarFileSplitInfoId', validatorRules.sarFileSplitInfoId]"
type="radio"
:nameStr="model.standardNo"
@listChange="handleStandardChange" />
</a-form-item>
<!--标准名称-->
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('standardName')">
@@ -44,16 +53,19 @@
<!--条款号-->
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('system.bindingParts.clauseNumber')">
<clause-selection :placeholder="$t('pleaseSelect') + $t('system.bindingParts.clauseNumber')"
v-decorator="['clauseId', validatorRules.clauseId]"
:standard-id="standardId"
v-decorator="['clauseIds', validatorRules.clauseIds]"
:nameStr="model.clauseNos"
:info-id="sarFileSplitInfoId"
@listChange="handleClauseChange"
/>
</a-form-item>
<!--绑定人员-->
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('system.bindingParts.bindingPersonnel')">
<a-input :placeholder="$t('pleaseEnter') + $t('system.bindingParts.bindingPersonnel')"
:maxLength="50"
disabled
v-decorator.trim="[ 'bindingPersonnel', validatorRules.bindingPersonnel ]" />
<user-selection :placeholder="$t('pleaseEnter') + $t('system.bindingParts.bindingPersonnel')"
:maxLength="50"
disabled
:name-str="model.bindUser_dictText"
v-decorator.trim="[ 'bindUser', validatorRules.bindUser ]" />
</a-form-item>
</a-form>
</a-spin>
@@ -62,20 +74,24 @@
</template>
<script>
import StandardSelection from '@/components/selection/StandardSelection'
import pick from 'lodash.pick'
import ClauseSelection from '../../../../components/selection/ClauseSelection'
import { getPartInfo } from '../../../../api/api'
// import { getPartInfo } from '../../../../api/api'
import { postAction } from '../../../../api/manage'
import UserSelection from '../../../../components/selection/UserSelection'
import SplitStandardSelection from '../../../../components/selection/SplitStandardSelection'
import { USER_INFO } from '../../../../store/mutation-types'
import Vue from 'vue'
export default {
name: 'BingingPartsModal',
components: { ClauseSelection, StandardSelection },
components: { SplitStandardSelection, UserSelection, ClauseSelection },
data () {
return {
title: '',
visible: false,
confirmLoading: false,
model: {},
form: this.$form.createForm(this),
labelCol: {
xs: { span: 24 },
@@ -87,7 +103,7 @@ export default {
},
validatorRules: {
// 零部件号
partNumber: {
partNo: {
rules: [
{ required: true, message: this.$t('pleaseSelect') + this.$t('system.bindingParts.partNumber') }
],
@@ -101,14 +117,14 @@ export default {
validateTrigger: 'change'
},
// 标准编号
standardNumber: {
sarFileSplitInfoId: {
rules: [
{ required: true, message: this.$t('pleaseSelect') + this.$t('standardNumber') }
],
validateTrigger: 'change'
},
// 绑定人员
bindingPersonnel: {
bindUser: {
rules: [
{ required: true, message: this.$t('pleaseSelect') + this.$t('system.bindingParts.bindingPersonnel') }
],
@@ -116,57 +132,72 @@ export default {
}
},
url: {
add: '',
edit: ''
add: '/laws/bindPart/add',
edit: '/laws/bindPart/edit'
},
partNumberOption: [], // 零部件下拉框
standardId: ''
// partNoOption: [], // 零部件下拉框
sarFileSplitInfoId: '' // 已选中的标准的拆分id
}
},
methods: {
async add () {
this.visible = true
await this.getPartInfo((res) => {
this.form.resetFields()
this.$nextTick(() => {
this.form.setFieldsValue(pick(res.result, 'partNumber', 'partName', 'bindingPersonnel'))
})
this.form.resetFields()
const userInfo = Vue.ls.get(USER_INFO)
this.model.bindUser_dictText = userInfo.realname + '(' + userInfo.username + ')'
this.model.bindUser = userInfo.id
this.model.partNo = this.$route.query.partNo
this.model.partName = this.$route.query.partName
this.$nextTick(() => {
this.form.setFieldsValue(pick(this.model, 'partNo', 'partName', 'bindUser'))
})
// await this.getPartInfo((res) => {
// this.form.resetFields()
// this.model.bindUser_dictText = res.result.bindUser_dictText
// this.$nextTick(() => {
// this.form.setFieldsValue(pick(res.result, 'partNo', 'partName', 'bindUser'))
// })
// })
},
edit (record) {
this.visible = true
this.form.resetFields()
this.model = Object.assign({}, record)
this.$nextTick(() => {
this.form.setFieldsValue(pick(this.model, 'partNumber', 'partName', 'standardNumber', 'standardName', 'clauseNumber', 'bindingPersonnel'))
this.form.setFieldsValue(pick(this.model, 'partNo', 'partName', 'sarFileSplitInfoId', 'standardName', 'clauseIds', 'bindUser'))
})
},
// 标准编号改变
handleStandardChange (value) {
this.standardId = value[0].id
this.sarFileSplitInfoId = value[0].infoId
this.model.standardNo = value[0].standardNo
this.$nextTick(() => {
this.form.setFieldsValue(pick(value[0], 'standardName'))
})
},
// 获取零部件
getPartInfo (callback) {
this.confirmLoading = true
getPartInfo().then(res => {
if (res.success) {
this.partNumberOption = res.result
if (callback) {
callback(res)
}
} else {
this.$message.warning(res.message)
}
}).finally(() => {
this.confirmLoading = false
})
// 条款号变化
handleClauseChange (value) {
this.model.clauseNos = value.map(item => item.clauseNo).join(',')
},
// 获取零部件
// getPartInfo (callback) {
// this.confirmLoading = true
// getPartInfo().then(res => {
// if (res.success) {
// this.partNoOption = res.result
// if (callback) {
// callback(res)
// }
// } else {
// this.$message.warning(res.message)
// }
// }).finally(() => {
// this.confirmLoading = false
// })
// },
close () {
this.visible = false
this.partNumberOption = []
// this.partNoOption = []
},
handleCancel () {
this.close()