yunxi
/
SC-MOM
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

合同表单PC端修改

Browse Source
product
mhsnet 2 years ago
parent a9e7360e7e
commit 4b99a4f592
1 changed files with 367 additions and 299 deletions
Show Stats Download Patch File Download Diff File

202
SC-web/src/views/scm/basicInformation/contractfile/Form.vue
Unescape View File

@ -2,20 +2,20 @@
<transition name="el-zoom-in-center">
<div class="JNPF-preview-main">
<div class="JNPF-common-page-header">
<el-page-header @back="goBack" :content="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" />
<el-page-header @back="goBack" :content="!dataForm.id ? '新建' : isDetail ? '详情' : '编辑'" />
<div class="options">
<el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail"> 保 存</el-button>
<el-button @click="goBack"> 取 消</el-button>
</div>
</div>
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
<el-row :gutter="15" class=" main" :style="{ margin: '0 auto', width: '100%' }">
<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px"
label-position="right">
<template v-if="!loading">
<el-col :span="8">
<el-form-item label="合同类型 " prop="contractType">
<el-select v-model="dataForm.contractType" placeholder="请选择" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
<el-option v-for="(item, index) in contractTypeOptions" :key="index"
:label="item.fullName" :value="item.id" :disabled="item.disabled"></el-option>
@ -25,7 +25,7 @@
<el-col :span="8">
<el-form-item label="合同编码" prop="contractCode">
<el-input v-model="dataForm.contractCode" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</el-form-item>
@ -33,7 +33,7 @@
<el-col :span="8">
<el-form-item label="合同名称" prop="contractName">
<el-input v-model="dataForm.contractName" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</el-form-item>
@ -41,7 +41,7 @@
<el-col :span="8">
<el-form-item label="合同状态" prop="status">
<el-input v-model="dataForm.status" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</el-form-item>
@ -49,7 +49,7 @@
<el-col :span="8">
<el-form-item label="开标日期" prop="bidOpeningDate">
<el-date-picker v-model="dataForm.bidOpeningDate" placeholder="请选择" clearable
:style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp">
:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">
</el-date-picker>
</el-form-item>
@ -57,7 +57,7 @@
<el-col :span="8">
<el-form-item label="开始日期" prop="startDate">
<el-date-picker v-model="dataForm.startDate" placeholder="请选择" clearable
:style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp">
:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">
</el-date-picker>
</el-form-item>
@ -65,7 +65,7 @@
<el-col :span="8">
<el-form-item label="审核日期" prop="auditDate">
<el-date-picker v-model="dataForm.auditDate" placeholder="请选择" clearable
:style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp">
:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">
</el-date-picker>
</el-form-item>
@ -73,7 +73,7 @@
<el-col :span="8">
<el-form-item label="供货完成日期" prop="completionDate">
<el-date-picker v-model="dataForm.completionDate" placeholder="请选择" clearable
:style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp">
:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">
</el-date-picker>
</el-form-item>
@ -81,7 +81,7 @@
<el-col :span="8">
<el-form-item label="关闭日期" prop="closingDate">
<el-date-picker v-model="dataForm.closingDate" placeholder="请选择" clearable
:style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp">
:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">
</el-date-picker>
</el-form-item>
@ -92,13 +92,14 @@
:style='{"width":"100%"}'>
</el-input> -->
<el-input-number v-model="dataForm.collectionCycle" :min="0" label="请输入" :style='{"width":"100%"}'></el-input-number>
<el-input-number v-model="dataForm.collectionCycle" :min="0" label="请输入"
:style='{ "width": "100%" }'></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="签订日期" prop="signingDate">
<el-date-picker v-model="dataForm.signingDate" placeholder="请选择" clearable
:style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp">
:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">
</el-date-picker>
</el-form-item>
@ -106,29 +107,58 @@
<el-col :span="8">
<el-form-item label="截止日期" prop="endDate">
<el-date-picker v-model="dataForm.endDate" placeholder="请选择" clearable
:style='{"width":"100%"}' type="date" format="yyyy-MM-dd" value-format="timestamp">
:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="供应商/客户编" prop="code">
<el-input v-model="dataForm.code" placeholder="请输入" clearable :style='{"width":"100%"}'>
<el-form-item label="供应商/客户" prop="code">
<template v-if="dataForm.contractType === '0'">
<popupSelect v-model="dataForm.code" propsValue="id" relationField='supplier_name'
vModel='code' :columnOptions="codeColumnOptions" interfaceId="382494924156735557"
:pageSize="20" placeholder="请选择供应商" type="popup">
</popupSelect>
</template>
<template v-else-if="dataForm.contractType === '1'">
<popupSelect v-model="dataForm.code" propsValue="id" relationField='supplier_nm'
vModel='dataForm.code' :columnOptions="nameColumnOptions"
interfaceId="395936123471343749" :pageSize="20" placeholder="请选择客户" type="popup">
</popupSelect>
</template>
<template v-else>
无
</template>
</el-form-item>
<!-- <u-form-item label="供应商/客户id" prop="code">
<jnpf-popup-select v-model="dataForm.code" propsValue="id" relationField='fullName'
vModel='dataForm.code' :columnOptions="codeColumnOptions" interfaceId="382494924156735557"
:pageSize="20" placeholder="请选择" type="popup">
</jnpf-popup-select>
</u-form-item> -->
<!-- <el-form-item label="供应商/客户编" prop="code">
<el-input v-model="dataForm.code" placeholder="请输入" clearable :style='{ "width": "100%" }'>
</el-input>
</el-form-item>
</el-form-item> -->
</el-col>
<el-col :span="8">
<el-form-item label="供应商/客户名" prop="name">
<el-input v-model="dataForm.name" placeholder="请输入" clearable :style='{"width":"100%"}'>
<!-- <u-form-item label="供应商/客户id" prop="code">
<jnpf-popup-select v-model="dataForm.code" propsValue="id" relationField='fullName'
vModel='dataForm.code' :columnOptions="nameColumnOptions" interfaceId="395936123471343749"
:pageSize="20" placeholder="请选择" type="popup">
</jnpf-popup-select>
</u-form-item> -->
<!-- <el-form-item label="供应商/客户名" prop="name">
<el-input v-model="dataForm.name" placeholder="请输入" clearable :style='{ "width": "100%" }'>
</el-input>
</el-form-item>
</el-form-item> -->
</el-col>
<el-col :span="8">
<el-form-item label="对方合同号" prop="contractNo">
<el-input v-model="dataForm.contractNo" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</el-form-item>
@ -136,27 +166,29 @@
<el-col :span="8">
<el-form-item label="币种 " prop="currency">
<el-select v-model="dataForm.currency" placeholder="请选择" clearable
:style='{"width":"100%"}'>
<el-option v-for="(item, index) in currencyOptions" :key="index"
:label="item.fullName" :value="item.id" :disabled="item.disabled"></el-option>
:style='{ "width": "100%" }'>
<el-option v-for="(item, index) in currencyOptions" :key="index" :label="item.fullName"
:value="item.id" :disabled="item.disabled"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="数量" prop="num">
<el-input-number v-model="dataForm.num" :min="0" label="请输入" :style='{"width":"100%"}'></el-input-number>
<el-input-number v-model="dataForm.num" :min="0" label="请输入"
:style='{ "width": "100%" }'></el-input-number>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="金额" prop="amount">
<el-input v-model="dataForm.amount" placeholder="请输入" clearable :style='{"width":"100%"}'></el-input>
<el-input v-model="dataForm.amount" placeholder="请输入" clearable
:style='{ "width": "100%" }'></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="库存组织" prop="organization">
<el-input v-model="dataForm.organization" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</el-form-item>
@ -164,7 +196,7 @@
<el-col :span="16">
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</el-form-item>
@ -215,13 +247,13 @@
</el-form-item>
</el-col>
-->
<!-- <el-col :span="24">-->
<!-- <el-form-item label="集团审批" prop="approval">-->
<!-- <el-switch v-model="dataForm.approval" :active-value="1" :inactive-value="0">-->
<!-- <el-col :span="24">-->
<!-- <el-form-item label="集团审批" prop="approval">-->
<!-- <el-switch v-model="dataForm.approval" :active-value="1" :inactive-value="0">-->
<!-- </el-switch>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-switch>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="24">
<el-tabs v-model="activemdfrsi" tab-position="top" class="mb-20">
<el-tab-pane label="物料明细">
@ -235,67 +267,75 @@
<el-table-column prop="materialCode" label="物料编码" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.materialCode" placeholder="请输入"
clearable :style='{"width":"100%"}'>
clearable :style='{ "width": "100%" }'>
</el-input>
</template>
</el-table-column>
<el-table-column prop="materialName" label="物料名称" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.materialName" placeholder="请输入"
clearable :style='{"width":"100%"}'>
clearable :style='{ "width": "100%" }'>
</el-input>
</template>
</el-table-column>
<el-table-column prop="specification" label="规格型号" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.specification" placeholder="请输入"
clearable :style='{"width":"100%"}'>
clearable :style='{ "width": "100%" }'>
</el-input>
</template>
</el-table-column>
<el-table-column prop="unit" label="单位 " align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.unit" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</template>
</el-table-column>
<el-table-column prop="num" label="数量" align="center">
<template slot-scope="scope">
<el-input-number v-model="scope.row.num" :min="0" label="请输入" :style='{"width":"100%"}'></el-input-number>
<el-input-number v-model="scope.row.num" :min="0" label="请输入"
:style='{ "width": "100%" }'></el-input-number>
</template>
</el-table-column>
<el-table-column prop="price" label="单价" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.price" placeholder="请输入" clearable :style='{"width":"100%"}'></el-input>
<el-input v-model="scope.row.price" placeholder="请输入" clearable
:style='{ "width": "100%" }'></el-input>
</template>
</el-table-column>
<el-table-column prop="amount" label="金额" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.amount" placeholder="请输入" clearable :style='{"width":"100%"}'></el-input>
<el-input v-model="scope.row.amount" placeholder="请输入" clearable
:style='{ "width": "100%" }'></el-input>
</template>
</el-table-column>
<el-table-column prop="rate" label="税率 " align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.rate" :min="0" label="请输入" :style='{"width":"100%"}'>
<el-option v-for="(item, index) in rateOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option>
<el-select v-model="scope.row.rate" :min="0" label="请输入"
:style='{ "width": "100%" }'>
<el-option v-for="(item, index) in rateOptions" :key="index"
:label="item.fullName" :value="item.id"
:disabled="item.disabled"></el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="notPrice" label="不含税单价" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.notPrice" placeholder="请输入" clearable :style='{"width":"100%"}'></el-input>
<el-input v-model="scope.row.notPrice" placeholder="请输入" clearable
:style='{ "width": "100%" }'></el-input>
</template>
</el-table-column>
<el-table-column prop="notAmount" label="不含税金额" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.notAmount" placeholder="请输入" clearable :style='{"width":"100%"}'></el-input>
<el-input v-model="scope.row.notAmount" placeholder="请输入" clearable
:style='{ "width": "100%" }'></el-input>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.remark" placeholder="请输入" clearable
:style='{"width":"100%"}'>
:style='{ "width": "100%" }'>
</el-input>
</template>
</el-table-column>
@ -349,18 +389,42 @@
</transition>
</template>
<script>
import request from '@/utils/request'
import {
import request from '@/utils/request'
import {
getDataInterfaceRes
} from '@/api/systemData/dataInterface'
import {
} from '@/api/systemData/dataInterface'
import {
getDictionaryDataSelector
} from '@/api/systemData/dictionary'
export default {
} from '@/api/systemData/dictionary'
export default {
components: {},
props: [],
data() {
return {
codeColumnOptions: [
{
"label": "供应商Code",
"value": "supplier_code"
},
{
"label": "供应商",
"value": "supplier_name"
},
],
nameColumnOptions: [
{
"label": "ID",
"value": "id"
},
{
"label": "客户编码",
"value": "supplier_cd"
},
{
"label": "客户名称",
"value": "supplier_nm"
},
],
visible: false,
loading: false,
isDetail: false,
@ -400,22 +464,22 @@
required: true,
message: '请选择',
trigger: 'change'
}, ],
},],
contractCode: [{
required: true,
message: '请输入',
trigger: 'blur'
}, ],
},],
contractName: [{
required: true,
message: '请输入',
trigger: 'blur'
}, ],
},],
bidOpeningDate: [{
required: true,
message: '请选择',
trigger: 'change'
}, ],
},],
},
currencyOptions: [{
"fullName": "人民币",
@ -450,19 +514,23 @@
"id": "5"
}
],
rateOptions:[
{"fullName":"13","id":"0"},
{"fullName":"9","id":"1"},
{"fullName":"6","id":"2"},
{"fullName":"5","id":"3"},
{"fullName":"3","id":"4"},
{"fullName":"0","id":"5"}],
rateOptions: [
{ "fullName": "13", "id": "0" },
{ "fullName": "9", "id": "1" },
{ "fullName": "6", "id": "2" },
{ "fullName": "5", "id": "3" },
{ "fullName": "3", "id": "4" },
{ "fullName": "0", "id": "5" }],
}
},
computed: {},
watch: {},
created() {},
mounted() {},
watch: {
'dataForm.contractType': function (newQuestion, oldQuestion) {
this.dataForm.code = '';
}
},
created() { },
mounted() { },
methods: {
contract_item0Exist() {
let isOk = true;
@ -612,5 +680,5 @@
this.dataForm = _dataAll
},
},
}
}
</script>

Write Preview
Loading…
Cancel
Save