|
|
@@ -11,7 +11,7 @@
|
|
|
>
|
|
|
<!-- 表头工具栏 -->
|
|
|
<template v-slot:toolbar>
|
|
|
- <div class="headbox" v-if="!contractId">
|
|
|
+ <div class="headbox" v-if="!contractId&&isShowAdd">
|
|
|
<el-button
|
|
|
size="small"
|
|
|
type="primary"
|
|
|
@@ -36,7 +36,8 @@
|
|
|
:underline="false"
|
|
|
@click="downloadFile(link)"
|
|
|
>
|
|
|
- {{ link.name }}</el-link
|
|
|
+ {{ link.name }}
|
|
|
+ </el-link
|
|
|
>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
@@ -54,7 +55,8 @@
|
|
|
:underline="false"
|
|
|
@click="downloadFile(link)"
|
|
|
>
|
|
|
- {{ link.name }}</el-link
|
|
|
+ {{ link.name }}
|
|
|
+ </el-link
|
|
|
>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
@@ -72,7 +74,8 @@
|
|
|
:underline="false"
|
|
|
@click="downloadFile(link)"
|
|
|
>
|
|
|
- {{ link.name }}</el-link
|
|
|
+ {{ link.name }}
|
|
|
+ </el-link
|
|
|
>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
@@ -90,7 +93,8 @@
|
|
|
:underline="false"
|
|
|
@click="downloadFile(link)"
|
|
|
>
|
|
|
- {{ link.name }}</el-link
|
|
|
+ {{ link.name }}
|
|
|
+ </el-link
|
|
|
>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
@@ -115,9 +119,10 @@
|
|
|
:prop="'datasource.' + scope.$index + '.totalCount'"
|
|
|
:rules="[
|
|
|
{ required: true, message: '请输入数字', trigger: 'blur' },
|
|
|
- { validator: validateTotalCount(scope.row), trigger: 'blur' }
|
|
|
+
|
|
|
]"
|
|
|
>
|
|
|
+ <!-- { validator: validateTotalCount(scope.row), trigger: 'blur' }-->
|
|
|
<el-input
|
|
|
v-model="scope.row.totalCount"
|
|
|
@input="(val) => changeNum(val, scope.$index)"
|
|
|
@@ -179,464 +184,474 @@
|
|
|
</el-form>
|
|
|
</template>
|
|
|
<script>
|
|
|
- import { emailReg, phoneReg, numberReg } from 'ele-admin';
|
|
|
- import dictMixins from '@/mixins/dictMixins';
|
|
|
- import productList from './product-list.vue';
|
|
|
- import {
|
|
|
- getWarehouseList,
|
|
|
- getWarehouseOutStock
|
|
|
- } from '@/api/saleManage/saleorder';
|
|
|
+import {emailReg, phoneReg, numberReg} from 'ele-admin';
|
|
|
+import dictMixins from '@/mixins/dictMixins';
|
|
|
+import productList from './product-list.vue';
|
|
|
+import {
|
|
|
+ getWarehouseList,
|
|
|
+ getWarehouseOutStock
|
|
|
+} from '@/api/saleManage/saleorder';
|
|
|
+
|
|
|
+import {copyObj} from '@/utils/util';
|
|
|
+import {getFile} from "@/api/system/file";
|
|
|
|
|
|
- import { copyObj } from '@/utils/util';
|
|
|
- import {getFile} from "@/api/system/file";
|
|
|
- export default {
|
|
|
- mixins: [dictMixins],
|
|
|
- props: {
|
|
|
- orderId: String
|
|
|
+export default {
|
|
|
+ mixins: [dictMixins],
|
|
|
+ props: {
|
|
|
+ orderId: String,
|
|
|
+ isShowAdd: {
|
|
|
+ type: Boolean,
|
|
|
+ default: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ productList
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ const defaultForm = {
|
|
|
+ key: null,
|
|
|
+ endTime: '',
|
|
|
+ isFirst: 0,
|
|
|
+ name: '',
|
|
|
+ startTime: '',
|
|
|
+ workHour: '',
|
|
|
+ technicalDrawings: []
|
|
|
+ // warehouseCode:"",
|
|
|
+ // warehouseId:'',
|
|
|
+ // warehouseName:'',
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ discountTotalPrice: 0.0,
|
|
|
+ allPrice: 0.0,
|
|
|
+ numberReg,
|
|
|
+ defaultForm,
|
|
|
+ warehouseList: [],
|
|
|
+ form: {
|
|
|
+ datasource: []
|
|
|
+ },
|
|
|
+ rules: {},
|
|
|
+
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ width: 45,
|
|
|
+ type: 'index',
|
|
|
+ columnKey: 'index',
|
|
|
+ align: 'center',
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 200,
|
|
|
+ prop: 'productName',
|
|
|
+ label: '名称',
|
|
|
+ slot: 'productName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'productCode',
|
|
|
+ label: '编码',
|
|
|
+ slot: 'productCode'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 200,
|
|
|
+ prop: 'productCategoryName',
|
|
|
+ label: '类型',
|
|
|
+ slot: 'productCategoryName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 160,
|
|
|
+ prop: 'productBrand',
|
|
|
+ label: '牌号',
|
|
|
+ slot: 'productBrand'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'modelType',
|
|
|
+ label: '型号',
|
|
|
+ slot: 'modelType'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'specification',
|
|
|
+ label: '规格',
|
|
|
+ slot: 'specification'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 200,
|
|
|
+ prop: 'customerMark',
|
|
|
+ label: '客户代号',
|
|
|
+ slot: 'customerMark'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 200,
|
|
|
+ prop: 'warehouseId',
|
|
|
+ label: '仓库名称',
|
|
|
+ slot: 'warehouseId',
|
|
|
+ headerSlot: 'headerWarehouseId'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 100,
|
|
|
+ prop: 'warehouseNum',
|
|
|
+ label: '库存',
|
|
|
+ slot: 'warehouseNum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'totalCount',
|
|
|
+ label: '发货数量',
|
|
|
+ slot: 'totalCount',
|
|
|
+ headerSlot: 'headerTotalCount'
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // width: 120,
|
|
|
+ // prop: 'orderTotalCount',
|
|
|
+ // label: '总数量',
|
|
|
+ // slot: 'orderTotalCount'
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ width: 80,
|
|
|
+ prop: 'measuringUnit',
|
|
|
+ label: '计量单位',
|
|
|
+ slot: 'measuringUnit'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 160,
|
|
|
+ prop: 'singlePrice',
|
|
|
+ label: '单价',
|
|
|
+ slot: 'singlePrice'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'totalPrice',
|
|
|
+ label: '合计',
|
|
|
+ slot: 'totalPrice'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'singleWeight',
|
|
|
+ label: '单重',
|
|
|
+ slot: 'singleWeight'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'totalWeight',
|
|
|
+ label: '总重',
|
|
|
+ slot: 'totalWeight'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 120,
|
|
|
+ prop: 'weightUnit',
|
|
|
+ label: '重量单位',
|
|
|
+ slot: 'weightUnit'
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // width: 80,
|
|
|
+ // prop: 'deliveryDays',
|
|
|
+ // label: '交期(天)',
|
|
|
+ // slot: 'deliveryDays'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // width: 160,
|
|
|
+ // prop: 'deliveryDeadline',
|
|
|
+ // label: '交期截止日期',
|
|
|
+ // slot: 'deliveryDeadline',
|
|
|
+ // show: this.isDeliveryDeadline
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ width: 160,
|
|
|
+ prop: 'customerExpectDeliveryDeadline',
|
|
|
+ label: '客户期望交期',
|
|
|
+ slot: 'customerExpectDeliveryDeadline',
|
|
|
+ headerSlot: 'headerCustomerExpectDeliveryDeadline'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 160,
|
|
|
+ prop: 'produceDeliveryDeadline',
|
|
|
+ label: '生产交付交期',
|
|
|
+ slot: 'produceDeliveryDeadline'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 200,
|
|
|
+ prop: 'guaranteePeriod',
|
|
|
+ label: '质保期',
|
|
|
+ slot: 'guaranteePeriod',
|
|
|
+ formatter: (_row, _column, cellValue) => {
|
|
|
+ return (_row.guaranteePeriod || '') + _row.guaranteePeriodUnitName;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 160,
|
|
|
+ prop: 'guaranteePeriodDeadline',
|
|
|
+ label: '质保截止日期'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 240,
|
|
|
+ prop: 'customerReqFiles',
|
|
|
+ label: '客户需求',
|
|
|
+ slot: 'customerReqFiles'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 130,
|
|
|
+ prop: 'technicalAnswerName',
|
|
|
+ label: '技术答疑人',
|
|
|
+ slot: 'technicalAnswerName'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 220,
|
|
|
+ prop: 'technicalParams',
|
|
|
+ label: '技术参数',
|
|
|
+ slot: 'technicalParams'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 240,
|
|
|
+ prop: 'technicalDrawings',
|
|
|
+ label: '技术图纸',
|
|
|
+ slot: 'technicalDrawings'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 240,
|
|
|
+ prop: 'industryArtFiles',
|
|
|
+ label: '工艺附件',
|
|
|
+ slot: 'industryArtFiles'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 240,
|
|
|
+ prop: 'otherFiles',
|
|
|
+ label: '其他附件',
|
|
|
+ slot: 'otherFiles'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 220,
|
|
|
+ prop: 'remark',
|
|
|
+ label: '备注',
|
|
|
+ slot: 'remark'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ columnKey: 'action',
|
|
|
+ label: '操作',
|
|
|
+ width: 120,
|
|
|
+ align: 'center',
|
|
|
+ resizable: false,
|
|
|
+ slot: 'action',
|
|
|
+ fixed: 'right',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ getWarehouseList().then((res) => {
|
|
|
+ this.warehouseList = res;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ canHandl() {
|
|
|
+ return this.form.datasource.length;
|
|
|
},
|
|
|
- components: {
|
|
|
- productList
|
|
|
+ contractId() {
|
|
|
+ return this.$store.state.order.contractId;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ downloadFile(file) {
|
|
|
+ getFile({objectName: file.storePath}, file.name);
|
|
|
},
|
|
|
- data() {
|
|
|
- const defaultForm = {
|
|
|
- key: null,
|
|
|
- endTime: '',
|
|
|
- isFirst: 0,
|
|
|
- name: '',
|
|
|
- startTime: '',
|
|
|
- workHour: '',
|
|
|
- technicalDrawings: []
|
|
|
- // warehouseCode:"",
|
|
|
- // warehouseId:'',
|
|
|
- // warehouseName:'',
|
|
|
- };
|
|
|
- return {
|
|
|
- discountTotalPrice: 0.0,
|
|
|
- allPrice: 0.0,
|
|
|
- numberReg,
|
|
|
- defaultForm,
|
|
|
- warehouseList: [],
|
|
|
- form: {
|
|
|
- datasource: []
|
|
|
- },
|
|
|
- rules: {},
|
|
|
+ async warehouseChange(index, row) {
|
|
|
+ let warehouseIds =
|
|
|
+ this.form.datasource
|
|
|
+ .filter(
|
|
|
+ (item, i) => row.productCode == item.productCode && index != i
|
|
|
+ )
|
|
|
+ .map((item) => item.warehouseId) || [];
|
|
|
+ const data = this.warehouseList.find(
|
|
|
+ (item) => item.id == row.warehouseId
|
|
|
+ );
|
|
|
+ if (warehouseIds.length > 0 && warehouseIds.includes(row.warehouseId)) {
|
|
|
+ row.warehouseId = '';
|
|
|
+ return this.$message.error('同一个产品不能选择相同的仓库');
|
|
|
+ }
|
|
|
|
|
|
- columns: [
|
|
|
- {
|
|
|
- width: 45,
|
|
|
- type: 'index',
|
|
|
- columnKey: 'index',
|
|
|
- align: 'center',
|
|
|
- fixed: 'left'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 200,
|
|
|
- prop: 'productName',
|
|
|
- label: '名称',
|
|
|
- slot: 'productName'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'productCode',
|
|
|
- label: '编码',
|
|
|
- slot: 'productCode'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 200,
|
|
|
- prop: 'productCategoryName',
|
|
|
- label: '类型',
|
|
|
- slot: 'productCategoryName'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 160,
|
|
|
- prop: 'productBrand',
|
|
|
- label: '牌号',
|
|
|
- slot: 'productBrand'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'modelType',
|
|
|
- label: '型号',
|
|
|
- slot: 'modelType'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'specification',
|
|
|
- label: '规格',
|
|
|
- slot: 'specification'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 200,
|
|
|
- prop: 'customerMark',
|
|
|
- label: '客户代号',
|
|
|
- slot: 'customerMark'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 200,
|
|
|
- prop: 'warehouseId',
|
|
|
- label: '仓库名称',
|
|
|
- slot: 'warehouseId',
|
|
|
- headerSlot: 'headerWarehouseId'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 100,
|
|
|
- prop: 'warehouseNum',
|
|
|
- label: '库存',
|
|
|
- slot: 'warehouseNum'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'totalCount',
|
|
|
- label: '发货数量',
|
|
|
- slot: 'totalCount',
|
|
|
- headerSlot: 'headerTotalCount'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'orderTotalCount',
|
|
|
- label: '总数量',
|
|
|
- slot: 'orderTotalCount'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 80,
|
|
|
- prop: 'measuringUnit',
|
|
|
- label: '计量单位',
|
|
|
- slot: 'measuringUnit'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 160,
|
|
|
- prop: 'singlePrice',
|
|
|
- label: '单价',
|
|
|
- slot: 'singlePrice'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'totalPrice',
|
|
|
- label: '合计',
|
|
|
- slot: 'totalPrice'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'singleWeight',
|
|
|
- label: '单重',
|
|
|
- slot: 'singleWeight'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'totalWeight',
|
|
|
- label: '总重',
|
|
|
- slot: 'totalWeight'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 120,
|
|
|
- prop: 'weightUnit',
|
|
|
- label: '重量单位',
|
|
|
- slot: 'weightUnit'
|
|
|
- },
|
|
|
- // {
|
|
|
- // width: 80,
|
|
|
- // prop: 'deliveryDays',
|
|
|
- // label: '交期(天)',
|
|
|
- // slot: 'deliveryDays'
|
|
|
- // },
|
|
|
- // {
|
|
|
- // width: 160,
|
|
|
- // prop: 'deliveryDeadline',
|
|
|
- // label: '交期截止日期',
|
|
|
- // slot: 'deliveryDeadline',
|
|
|
- // show: this.isDeliveryDeadline
|
|
|
- // },
|
|
|
- {
|
|
|
- width: 160,
|
|
|
- prop: 'customerExpectDeliveryDeadline',
|
|
|
- label: '客户期望交期',
|
|
|
- slot: 'customerExpectDeliveryDeadline',
|
|
|
- headerSlot: 'headerCustomerExpectDeliveryDeadline'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 160,
|
|
|
- prop: 'produceDeliveryDeadline',
|
|
|
- label: '生产交付交期',
|
|
|
- slot: 'produceDeliveryDeadline'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 200,
|
|
|
- prop: 'guaranteePeriod',
|
|
|
- label: '质保期',
|
|
|
- slot: 'guaranteePeriod',
|
|
|
- formatter: (_row, _column, cellValue) => {
|
|
|
- return (_row.guaranteePeriod||'') + _row.guaranteePeriodUnitName;
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- width: 160,
|
|
|
- prop: 'guaranteePeriodDeadline',
|
|
|
- label: '质保截止日期'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 240,
|
|
|
- prop: 'customerReqFiles',
|
|
|
- label: '客户需求',
|
|
|
- slot: 'customerReqFiles'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 130,
|
|
|
- prop: 'technicalAnswerName',
|
|
|
- label: '技术答疑人',
|
|
|
- slot: 'technicalAnswerName'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 220,
|
|
|
- prop: 'technicalParams',
|
|
|
- label: '技术参数',
|
|
|
- slot: 'technicalParams'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 240,
|
|
|
- prop: 'technicalDrawings',
|
|
|
- label: '技术图纸',
|
|
|
- slot: 'technicalDrawings'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 240,
|
|
|
- prop: 'industryArtFiles',
|
|
|
- label: '工艺附件',
|
|
|
- slot: 'industryArtFiles'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 240,
|
|
|
- prop: 'otherFiles',
|
|
|
- label: '其他附件',
|
|
|
- slot: 'otherFiles'
|
|
|
- },
|
|
|
- {
|
|
|
- width: 220,
|
|
|
- prop: 'remark',
|
|
|
- label: '备注',
|
|
|
- slot: 'remark'
|
|
|
- },
|
|
|
- {
|
|
|
- columnKey: 'action',
|
|
|
- label: '操作',
|
|
|
- width: 120,
|
|
|
- align: 'center',
|
|
|
- resizable: false,
|
|
|
- slot: 'action',
|
|
|
- fixed: 'right',
|
|
|
- showOverflowTooltip: true
|
|
|
- }
|
|
|
- ]
|
|
|
+ this.$set(this.form.datasource[index], 'warehouseName', data.name);
|
|
|
+ this.$set(this.form.datasource[index], 'warehouseCode', data.code);
|
|
|
+ const warehouseOutStock = await getWarehouseOutStock({
|
|
|
+ warehouseId: data.id,
|
|
|
+ code: row.productCode
|
|
|
+ });
|
|
|
+ this.$set(
|
|
|
+ this.form.datasource[index],
|
|
|
+ 'warehouseNum',
|
|
|
+ warehouseOutStock
|
|
|
+ );
|
|
|
+ },
|
|
|
+
|
|
|
+ //修改数量更新合计
|
|
|
+ changeNum(val, index) {
|
|
|
+ this.$set(
|
|
|
+ this.form.datasource[index],
|
|
|
+ 'totalPrice',
|
|
|
+ (Number(this.form.datasource[index].singlePrice) * val).toFixed(2)
|
|
|
+ );
|
|
|
+ },
|
|
|
+ //选择产品回调
|
|
|
+ changeParent(obj, idx) {
|
|
|
+ obj.orderTotalCount = obj.totalCount;
|
|
|
+ obj.id = '';
|
|
|
+ this.$set(
|
|
|
+ this.form.datasource,
|
|
|
+ this.form.datasource.length,
|
|
|
+ copyObj(obj)
|
|
|
+ );
|
|
|
+ },
|
|
|
+ validateTotalCount(row) {
|
|
|
+ return (rule, value, callback) => {
|
|
|
+ if (isNaN(value) || Number(value) <= 0) {
|
|
|
+ this.$message.error('请输入大于0的数');
|
|
|
+ callback(new Error('请输入大于0的数字'));
|
|
|
+ } else if (Number(value) > row.warehouseNum) {
|
|
|
+ // this.$message.error('输入的数字不能大于仓库物品数');
|
|
|
+ // callback(new Error('输入的数字不能大于仓库物品数'));
|
|
|
+ callback();
|
|
|
+ } else if (Number(value) > row.orderTotalCount) {
|
|
|
+ this.$message.error('输入的数字不能大于最大发货值');
|
|
|
+ callback(new Error('输入的数字不能大于最大发货值'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
- created() {
|
|
|
- getWarehouseList().then((res) => {
|
|
|
- this.warehouseList = res;
|
|
|
+ // 返回列表数据
|
|
|
+ getTableValue() {
|
|
|
+ let comitDatasource = this.form.datasource;
|
|
|
+ if (comitDatasource.length === 0) return [];
|
|
|
+ comitDatasource.forEach(async (v) => {
|
|
|
+ v.totalCount = Number(v.totalCount);
|
|
|
+ v.technicalDrawings = Array.isArray(v.technicalDrawings)
|
|
|
+ ? v.technicalDrawings
|
|
|
+ : [];
|
|
|
+ v.customerReqFiles = Array.isArray(v.customerReqFiles)
|
|
|
+ ? v.customerReqFiles
|
|
|
+ : [];
|
|
|
+ v.industryArtFiles = v.industryArtFiles || [];
|
|
|
+ v.otherFiles = v.otherFiles || [];
|
|
|
});
|
|
|
+ return comitDatasource;
|
|
|
},
|
|
|
- computed: {
|
|
|
- canHandl() {
|
|
|
- return this.form.datasource.length;
|
|
|
- },
|
|
|
- contractId() {
|
|
|
- return this.$store.state.order.contractId;
|
|
|
- }
|
|
|
+ getPrice() {
|
|
|
+ return [this.allPrice];
|
|
|
},
|
|
|
- methods: {
|
|
|
- downloadFile(file) {
|
|
|
- getFile({ objectName: file.storePath }, file.name);
|
|
|
- },
|
|
|
- async warehouseChange(index, row) {
|
|
|
- let warehouseIds =
|
|
|
- this.form.datasource
|
|
|
- .filter(
|
|
|
- (item, i) => row.productCode == item.productCode && index != i
|
|
|
- )
|
|
|
- .map((item) => item.warehouseId) || [];
|
|
|
- const data = this.warehouseList.find(
|
|
|
- (item) => item.id == row.warehouseId
|
|
|
- );
|
|
|
- if (warehouseIds.length > 0 && warehouseIds.includes(row.warehouseId)) {
|
|
|
- row.warehouseId = '';
|
|
|
- return this.$message.error('同一个产品不能选择相同的仓库');
|
|
|
- }
|
|
|
|
|
|
- this.$set(this.form.datasource[index], 'warehouseName', data.name);
|
|
|
- this.$set(this.form.datasource[index], 'warehouseCode', data.code);
|
|
|
- const warehouseOutStock = await getWarehouseOutStock({
|
|
|
- warehouseId: data.id,
|
|
|
- code: row.productCode
|
|
|
- });
|
|
|
- this.$set(
|
|
|
- this.form.datasource[index],
|
|
|
- 'warehouseNum',
|
|
|
- warehouseOutStock
|
|
|
- );
|
|
|
- },
|
|
|
-
|
|
|
- //修改数量更新合计
|
|
|
- changeNum(val, index) {
|
|
|
- this.$set(
|
|
|
- this.form.datasource[index],
|
|
|
- 'totalPrice',
|
|
|
- (Number(this.form.datasource[index].singlePrice) * val).toFixed(2)
|
|
|
- );
|
|
|
- },
|
|
|
- //选择产品回调
|
|
|
- changeParent(obj, idx) {
|
|
|
- obj.orderTotalCount = obj.totalCount;
|
|
|
- obj.id = '';
|
|
|
- this.$set(
|
|
|
- this.form.datasource,
|
|
|
- this.form.datasource.length,
|
|
|
- copyObj(obj)
|
|
|
- );
|
|
|
- },
|
|
|
- validateTotalCount(row) {
|
|
|
- return (rule, value, callback) => {
|
|
|
- if (isNaN(value) || Number(value) <= 0) {
|
|
|
- this.$message.error('请输入大于0的数');
|
|
|
- callback(new Error('请输入大于0的数字'));
|
|
|
- } else if (Number(value) > row.warehouseNum) {
|
|
|
- // this.$message.error('输入的数字不能大于仓库物品数');
|
|
|
- // callback(new Error('输入的数字不能大于仓库物品数'));
|
|
|
- callback();
|
|
|
- } else if (Number(value) > row.orderTotalCount) {
|
|
|
- this.$message.error('输入的数字不能大于最大发货值');
|
|
|
- callback(new Error('输入的数字不能大于最大发货值'));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
+ //修改回显
|
|
|
+ putTableValue(data) {
|
|
|
+ if (data) {
|
|
|
+ this.form.datasource = data;
|
|
|
+ data.forEach(async (item, index) => {
|
|
|
+ if (item.warehouseId) {
|
|
|
+ this.$set(
|
|
|
+ this.form.datasource[index],
|
|
|
+ 'warehouseNum',
|
|
|
+ await getWarehouseOutStock({
|
|
|
+ warehouseId: item.warehouseId,
|
|
|
+ code: item.productCode
|
|
|
+ })
|
|
|
+ );
|
|
|
}
|
|
|
- };
|
|
|
- },
|
|
|
- // 返回列表数据
|
|
|
- getTableValue() {
|
|
|
- let comitDatasource = this.form.datasource;
|
|
|
- if (comitDatasource.length === 0) return [];
|
|
|
- comitDatasource.forEach(async (v) => {
|
|
|
- v.totalCount = Number(v.totalCount);
|
|
|
- v.technicalDrawings = Array.isArray(v.technicalDrawings)
|
|
|
- ? v.technicalDrawings
|
|
|
- : [];
|
|
|
- v.customerReqFiles = Array.isArray(v.customerReqFiles)
|
|
|
- ? v.customerReqFiles
|
|
|
- : [];
|
|
|
- v.industryArtFiles = v.industryArtFiles || [];
|
|
|
- v.otherFiles = v.otherFiles || [];
|
|
|
});
|
|
|
- return comitDatasource;
|
|
|
- },
|
|
|
- getPrice() {
|
|
|
- return [this.allPrice];
|
|
|
- },
|
|
|
-
|
|
|
- //修改回显
|
|
|
- putTableValue(data) {
|
|
|
- if (data) {
|
|
|
- this.form.datasource = data;
|
|
|
- data.forEach(async (item, index) => {
|
|
|
- if (item.warehouseId) {
|
|
|
- this.$set(
|
|
|
- this.form.datasource[index],
|
|
|
- 'warehouseNum',
|
|
|
- await getWarehouseOutStock({
|
|
|
- warehouseId: item.warehouseId,
|
|
|
- code: item.productCode
|
|
|
- })
|
|
|
- );
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- //选择产品
|
|
|
- handParent(row, index) {
|
|
|
- let item = {
|
|
|
- id: row.productCode
|
|
|
- };
|
|
|
- this.$refs.productListRef.open(item, index);
|
|
|
- },
|
|
|
- //选择技术人回调
|
|
|
- changeAnswer(obj, idx) {
|
|
|
- this.$set(this.form.datasource[idx], 'technicalAnswerId', obj.id);
|
|
|
- this.$set(this.form.datasource[idx], 'technicalAnswerName', obj.name);
|
|
|
- },
|
|
|
- handHead(row, index) {
|
|
|
- let item = {
|
|
|
- id: row.technicalAnswerId
|
|
|
- };
|
|
|
- this.$refs.headRef.open(item, index);
|
|
|
- },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择产品
|
|
|
+ handParent(row, index) {
|
|
|
+ let item = {
|
|
|
+ id: row.productCode
|
|
|
+ };
|
|
|
+ this.$refs.productListRef.open(item, index);
|
|
|
+ },
|
|
|
+ //选择技术人回调
|
|
|
+ changeAnswer(obj, idx) {
|
|
|
+ this.$set(this.form.datasource[idx], 'technicalAnswerId', obj.id);
|
|
|
+ this.$set(this.form.datasource[idx], 'technicalAnswerName', obj.name);
|
|
|
+ },
|
|
|
+ handHead(row, index) {
|
|
|
+ let item = {
|
|
|
+ id: row.technicalAnswerId
|
|
|
+ };
|
|
|
+ this.$refs.headRef.open(item, index);
|
|
|
+ },
|
|
|
|
|
|
- remove(i) {
|
|
|
- this.form.datasource.splice(i, 1);
|
|
|
- this.setSort();
|
|
|
- },
|
|
|
- // 清空表格
|
|
|
- restTable() {
|
|
|
- this.form.datasource = [];
|
|
|
- },
|
|
|
- // 重新排序
|
|
|
- setSort() {
|
|
|
- this.form.datasource.forEach((n, index) => {
|
|
|
- n.key = index + 1;
|
|
|
- });
|
|
|
- },
|
|
|
- // 添加
|
|
|
- handlAdd() {
|
|
|
- if (!this.orderId) return this.$message.error('请先选择订单');
|
|
|
- this.$refs.productListRef.open(this.form.datasource);
|
|
|
- },
|
|
|
+ remove(i) {
|
|
|
+ this.form.datasource.splice(i, 1);
|
|
|
+ this.setSort();
|
|
|
+ },
|
|
|
+ // 清空表格
|
|
|
+ restTable() {
|
|
|
+ this.form.datasource = [];
|
|
|
+ },
|
|
|
+ // 重新排序
|
|
|
+ setSort() {
|
|
|
+ this.form.datasource.forEach((n, index) => {
|
|
|
+ n.key = index + 1;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 添加
|
|
|
+ handlAdd() {
|
|
|
+ if (!this.orderId) return this.$message.error('请先选择订单');
|
|
|
+ this.$refs.productListRef.open(this.form.datasource);
|
|
|
+ },
|
|
|
|
|
|
- validateForm(callback) {
|
|
|
- //开始表单校验
|
|
|
- this.$refs.form.validate((valid) => {
|
|
|
- callback(valid);
|
|
|
- });
|
|
|
- }
|
|
|
+ validateForm(callback) {
|
|
|
+ //开始表单校验
|
|
|
+ this.$refs.form.validate((valid) => {
|
|
|
+ callback(valid);
|
|
|
+ });
|
|
|
}
|
|
|
- };
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
- .headbox {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- .amount {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- padding-right: 30px;
|
|
|
- }
|
|
|
- }
|
|
|
- .time-form .el-form-item {
|
|
|
- margin-bottom: 0 !important;
|
|
|
+.headbox {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .amount {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ padding-right: 30px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- ::v-deep .period {
|
|
|
- display: flex;
|
|
|
- .borderleftnone {
|
|
|
- .el-input--medium .el-input__inner {
|
|
|
- border-top-right-radius: 0;
|
|
|
- border-bottom-right-radius: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .borderrightnone {
|
|
|
- .el-input--medium .el-input__inner {
|
|
|
- border-top-left-radius: 0;
|
|
|
- border-bottom-left-radius: 0;
|
|
|
- }
|
|
|
+.time-form .el-form-item {
|
|
|
+ margin-bottom: 0 !important;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .period {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .borderleftnone {
|
|
|
+ .el-input--medium .el-input__inner {
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- ::v-deep .time-form tbody > tr:hover > td {
|
|
|
- background-color: transparent !important;
|
|
|
- }
|
|
|
- ::v-deep .time-form .el-table tr {
|
|
|
- background-color: #ffffff;
|
|
|
+ .borderrightnone {
|
|
|
+ .el-input--medium .el-input__inner {
|
|
|
+ border-top-left-radius: 0;
|
|
|
+ border-bottom-left-radius: 0;
|
|
|
+ }
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .pricebox {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
+::v-deep .time-form tbody > tr:hover > td {
|
|
|
+ background-color: transparent !important;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .time-form .el-table tr {
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.pricebox {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
</style>
|
Z