合同表单PC端修改

product
mhsnet 2 years ago
parent a9e7360e7e
commit 4b99a4f592

@ -92,7 +92,8 @@
:style='{"width":"100%"}'> :style='{"width":"100%"}'>
</el-input> --> </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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -112,18 +113,47 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="供应商/客户编" prop="code"> <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 v-model="dataForm.code" placeholder="请输入" clearable :style='{ "width": "100%" }'>
</el-input> </el-input>
</el-form-item> </el-form-item> -->
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="供应商/客户名" prop="name"> <!-- <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 v-model="dataForm.name" placeholder="请输入" clearable :style='{ "width": "100%" }'>
</el-input> </el-input>
</el-form-item> </el-form-item> -->
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="对方合同号" prop="contractNo"> <el-form-item label="对方合同号" prop="contractNo">
@ -137,20 +167,22 @@
<el-form-item label="币种 " prop="currency"> <el-form-item label="币种 " prop="currency">
<el-select v-model="dataForm.currency" placeholder="请选择" clearable <el-select v-model="dataForm.currency" placeholder="请选择" clearable
:style='{ "width": "100%" }'> :style='{ "width": "100%" }'>
<el-option v-for="(item, index) in currencyOptions" :key="index" <el-option v-for="(item, index) in currencyOptions" :key="index" :label="item.fullName"
:label="item.fullName" :value="item.id" :disabled="item.disabled"></el-option> :value="item.id" :disabled="item.disabled"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="数量" prop="num"> <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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="金额" prop="amount"> <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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -262,34 +294,42 @@
</el-table-column> </el-table-column>
<el-table-column prop="num" label="数量" align="center"> <el-table-column prop="num" label="数量" align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="price" label="单价" align="center"> <el-table-column prop="price" label="单价" align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="amount" label="金额" align="center"> <el-table-column prop="amount" label="金额" align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="rate" label="税率 " align="center"> <el-table-column prop="rate" label="税率 " align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select v-model="scope.row.rate" :min="0" label="请输入" :style='{"width":"100%"}'> <el-select v-model="scope.row.rate" :min="0" label="请输入"
<el-option v-for="(item, index) in rateOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option> :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> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="notPrice" label="不含税单价" align="center"> <el-table-column prop="notPrice" label="不含税单价" align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="notAmount" label="不含税金额" align="center"> <el-table-column prop="notAmount" label="不含税金额" align="center">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="remark" label="备注" align="center"> <el-table-column prop="remark" label="备注" align="center">
@ -361,6 +401,30 @@
props: [], props: [],
data() { data() {
return { 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, visible: false,
loading: false, loading: false,
isDetail: false, isDetail: false,
@ -460,7 +524,11 @@
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {
'dataForm.contractType': function (newQuestion, oldQuestion) {
this.dataForm.code = '';
}
},
created() { }, created() { },
mounted() { }, mounted() { },
methods: { methods: {

Loading…
Cancel
Save