Skip to content

C
contractmanage
Commit 908b23c8 authored by 张伯涛's avatar 张伯涛
Browse files
Options

类型2表单

parent bee5f2a1
Hide whitespace changes
Inline Side-by-side
Showing with 410 additions and 5 deletions
src/views/list/add.vue
View file @ 908b23c8
......@@ -7,7 +7,8 @@
<el-tab-pane name="party" label="当事方信息" />
<el-tab-pane v-if="hiddenModular === false" name="price" label="价格信息" />
<el-tab-pane v-if="hiddenModular === false" name="pay" label="支付信息" />
<el-tab-pane name="guarantee" label="担保信息" />
<el-tab-pane name="bond" label="保证金信息" />
<el-tab-pane v-if="$route.query.number === '2'" name="guarantee" label="担保信息" />
<el-tab-pane name="file" label="附件信息" />
</el-tabs>
</div>
......@@ -272,6 +273,24 @@
<el-input v-model.trim="form.OID" placeholder="请输入" maxlength="50" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="履约进度"
prop="PERFORMSCHEDULE"
:rules="[
{ required: true, message: '请选择履约进度', trigger: 'change' }
]"
>
<el-select v-model="form.PERFORMSCHEDULE" placeholder="请选择">
<el-option
v-for="item in DM_HTFB"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24" style="margin-top: 20px">
<el-form-item label="合同概述" prop="CONSUMMARY">
<!-- <div class="input-long el-textarea el-input&#45;&#45;mini el-input&#45;&#45;suffix" style="width: 96%;">-->
......@@ -668,6 +687,284 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col v-if="form.TZXX.ISSFYYFK === '1' && $route.query.number === '2'" :span="12">
<el-form-item
label="预付款比例"
prop="TZXX.PAYRATIO"
:rules="[
{ required: true, message: '预付款比例', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.PAYRATIO" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="form.TZXX.ISSFYYFK === '1' && $route.query.number === '2'" :span="12">
<el-form-item
label="预付款金额"
prop="TZXX.PAYAMT"
:rules="[
{ required: true, message: '预付款金额', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.PAYAMT" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item label="合同约定开工日期" prop="STARTDATE">
<el-date-picker
v-model="form.TZXX.STARTDATE"
placeholder="年/月/日"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item label="合同约定完工日期" prop="ENDDATE">
<el-date-picker
v-model="form.TZXX.ENDDATE"
placeholder="年/月/日"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="工期"
prop="TZXX.PERIOD"
:rules="[
{ required: true, message: '工期', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.PERIOD" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="是否联合体"
prop="TZXX.ISCOALITION"
:rules="[
{ required: true, message: '请选择是否联合体', trigger: 'change' }
]"
>
<el-select v-model="form.TZXX.ISCOALITION" placeholder="请选择">
<el-option
v-for="item in DM_HTFB"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="本单位承担合同额（含税）"
prop="TZXX.BDWCDHTEHSAMT"
:rules="[
{ required: true, message: '本单位承担合同额（含税）', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.BDWCDHTEHSAMT" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="本单位承担合同额适用税率"
prop="TZXX.BDWCDBFHTETAX"
:rules="[
{ required: true, message: '本单位承担合同额适用税率', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.BDWCDBFHTETAX" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="本单位承担合同额适用税额"
prop="TZXX.BDWCDBFHTETAXAMT"
:rules="[
{ required: true, message: '本单位承担合同额适用税额', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.BDWCDBFHTETAXAMT" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="变更后本单位承担合同额（含税）"
prop="TZXX.BGBDWCDHTEHSAMT"
:rules="[
{ required: true, message: '变更后本单位承担合同额（含税）', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.BGBDWCDHTEHSAMT" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="变更后本单位承担合同额适用税率"
prop="TZXX.BGBDWCDBFHTETAX"
:rules="[
{ required: true, message: '变更后本单位承担合同额适用税率', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.BGBDWCDBFHTETAX" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="变更后本单位承担合同额适用税额"
prop="TZXX.BGBDWCDBFHTETAXAMT"
:rules="[
{ required: true, message: '变更后本单位承担合同额适用税额', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.BGBDWCDBFHTETAXAMT" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="材料是否可以调差"
prop="TZXX.ISMATADJUSTMENT"
:rules="[
{ required: true, message: '材料是否可以调差', trigger: 'change' }
]"
>
<el-select v-model="form.TZXX.ISMATADJUSTMENT" placeholder="请选择">
<el-option
v-for="item in DM_HTFB"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="最终结算审核方式"
prop="TZXX.FINISHVERIFYMETHOD"
:rules="[
{ required: true, message: '最终结算审核方式', trigger: 'change' }
]"
>
<el-select v-model="form.TZXX.FINISHVERIFYMETHOD" placeholder="请选择">
<el-option
v-for="item in DM_HTFB"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="进度款支付比例"
prop="TZXX.PROGRESSRATIO"
:rules="[
{ required: true, message: '进度款支付比例', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.PROGRESSRATIO" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="进度款付款条件"
prop="TZXX.PROGRESSRULE"
:rules="[
{ required: true, message: '进度款付款条件', trigger: 'blur' }
]"
>
<el-input
v-model="form.TZXX.PROGRESSRULE"
type="textarea"
placeholder="请输入"
autocomplete="off"
rows="7"
show-word-limit
maxlength="1000"
style="resize: none;min-height: 28px;width: 96% "
/>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="完工验收支付比例"
prop="TZXX.FINISHRATIO"
:rules="[
{ required: true, message: '完工验收支付比例', trigger: 'blur' }
]"
>
<el-input v-model="form.TZXX.FINISHRATIO" maxlength="10" placeholder="请输入" />
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="完工验收付款条件"
prop="TZXX.FINISHRULE"
:rules="[
{ required: true, message: '完工验收付款条件', trigger: 'blur' }
]"
>
<el-input
v-model="form.TZXX.FINISHRULE"
type="textarea"
placeholder="请输入"
autocomplete="off"
rows="7"
show-word-limit
maxlength="500"
style="resize: none;min-height: 28px;width: 96% "
/>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="付款类型"
prop="TZXX.PAYMENTMETHOD"
:rules="[
{ required: true, message: '付款类型', trigger: 'change' }
]"
>
<el-select v-model="form.TZXX.PAYMENTMETHOD" placeholder="请选择">
<el-option
v-for="item in DM_HTFB"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item label="工程尾款应支付日期" prop="TZXX.GCWKYZFDATE">
<el-date-picker
v-model="form.TZXX.GCWKYZFDATE"
placeholder="年/月/日"
value-format="yyyy-MM-dd"
/>
</el-form-item>
</el-col>
<el-col v-if="$route.query.number === '2'" :span="12">
<el-form-item
label="是否有担保"
prop="TZXX.ISSFYDB"
:rules="[
{ required: true, message: '是否有担保', trigger: 'change' }
]"
>
<el-select v-model="form.TZXX.ISSFYDB" placeholder="请选择">
<el-option
v-for="item in DM_HTFB"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col v-if="form.TZXX.ISSFYYFK === '1'" :span="24">
<el-form-item
label="预付款支付条件"
......@@ -693,10 +990,10 @@
</el-col>
</el-row>
<div class="step-form">
<div id="guarantee" class="step-header">
<div class="step-label">担保信息</div>
<div id="bond" class="step-header">
<div class="step-label">保证金信息</div>
<div class="step-header--right">
<el-button v-if="form.TZXX.ISSFYBZJ === '1'" type="primary" @click="addBZJXX()">新增担保信息</el-button>
<el-button v-if="form.TZXX.ISSFYBZJ === '1'" type="primary" @click="addBZJXX()">新增保证金信息</el-button>
</div>
</div>
<div>
......@@ -754,6 +1051,69 @@
</el-table>
</div>
</div>
<div v-if="$route.query.number === '2'" class="step-form">
<div id="guarantee" class="step-header">
<div class="step-label">担保信息</div>
<div class="step-header--right">
<el-button type="primary" @click="addDBXX()">新增担保信息</el-button>
</div>
</div>
<div />
<div class="step-content">
<el-table :data="form.DBXX">
<el-table-column
label="序号"
type="index"
width="50"
align="center"
/>
<el-table-column label="担保类别">
<template slot-scope="{ row }">
<el-select v-model="row.GUARANTYCLASSIFY" placeholder="请选择">
<el-option
v-for="item in DM_BZJLX"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="担保形式">
<template slot-scope="{ row }">
<el-select v-model="row.GUARANTYFORM" placeholder="请选择">
<el-option
v-for="item in DM_BZJLX"
:key="item.id"
:label="item.value"
:value="item.id"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="担保比例">
<template slot-scope="{ row }">
<el-input v-model="row.GUARANTYPROPORT" maxlength="10" placeholder="请输入" />
</template>
</el-table-column>
<el-table-column label="担保金额">
<template slot-scope="{ row }">
<el-input v-model="row.GUARANTYAMT" maxlength="20" placeholder="请输入" />
</template>
</el-table-column>
<el-table-column label="退还条件">
<template slot-scope="{ row }">
<el-input v-model="row.BACKRULE" maxlength="700" placeholder="请输入" />
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-link type="danger" :underline="false" @click="delDBXX(scope.$index)">删除</el-link>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="step-form">
<div id="file" class="step-header">
<div class="step-label">附件信息</div>
......@@ -888,6 +1248,7 @@ export default {
PROJNAMEDisabled: false,
hiddenModular: false,
form: {
PERFORMSCHEDULE: '',
SignOptions: [
{ signName: '', sianID: '' }
],
......@@ -938,6 +1299,27 @@ export default {
HSBGAMT: '',
ISYZDW: '0',
TZXX: {
ISSFYDB: '',
GCWKYZFDATE: '',
PAYMENTMETHOD: '',
FINISHRULE: '',
FINISHRATIO: '',
PROGRESSRULE: '',
PROGRESSRATIO: '',
FINISHVERIFYMETHOD: '',
ISMATADJUSTMENT: '',
BGBDWCDBFHTETAXAMT: '',
BGBDWCDBFHTETAX: '',
BGBDWCDHTEHSAMT: '',
BDWCDBFHTETAXAMT: '',
BDWCDBFHTETAX: '',
BDWCDHTEHSAMT: '',
ISCOALITION: '',
PERIOD: '',
ENDDATE: '',
STARTDATE: '',
PAYAMT: '',
PAYRATIO: '',
CONTRACTPAYMENTTERMS: '',
INVOICETYPE: '',
PAYMETHOD: '',
......@@ -959,6 +1341,8 @@ export default {
],
BZJXX: [
],
DBXX: [
],
FJXX: [],
BUSITYPEName: '',
amount: ''
......@@ -1008,6 +1392,19 @@ export default {
// PAYRULE: [{ required: true, message: '预付款支付条件', trigger: 'blur' }, { max: 1024, message: '长度1024个字符以内', trigger: 'blur' }],
TAXRATE: [{ required: true, message: '税率（%）', trigger: 'blur' },
{ validator: this.isNum, trigger: 'blur' }],
PAYRATIO: [{ required: true, message: '预付款比例', trigger: 'blur' },
{ validator: this.isNum, trigger: 'blur' }],
PAYAMT: [{ required: true, message: '预付款金额', trigger: 'blur' },
{ validator: this.isNum, trigger: 'blur' }],
PERIOD: [{ required: true, message: '工期', trigger: 'blur' }],
BDWCDHTEHSAMT: [{ required: true, message: '本单位承担合同额（含税）', trigger: 'blur' }],
BDWCDBFHTETAX: [{ required: true, message: '本单位承担合同额适用税率', trigger: 'blur' }],
BDWCDBFHTETAXAMT: [{ required: true, message: '本单位承担合同额适用税额', trigger: 'blur' }],
BGBDWCDHTEHSAMT: [{ required: true, message: '变更后本单位承担合同额（含税）', trigger: 'blur' }],
BGBDWCDBFHTETAX: [{ required: true, message: '变更后本单位承担合同额适用税率', trigger: 'blur' }],
BGBDWCDBFHTETAXAMT: [{ required: true, message: '变更后本单位承担合同额适用税额', trigger: 'blur' }],
PROGRESSRULE: [{ required: true, message: '进度款付款条件', trigger: 'blur' }],
FINISHRATIO: [{ required: true, message: '完工验收支付比例', trigger: 'blur' }],
TAXAMT: [{ required: true, message: '税额', trigger: 'blur' },
{ validator: this.isNum, trigger: 'blur' }],
HSAMT: [{ required: true, message: '合同总金额(含税)', trigger: 'blur' },
......@@ -1237,6 +1634,14 @@ export default {
{ GUARANTYTYPE: '', GUARANTYPROPORT: '', GUARANTYAMT: '', GUARANTYXJZFBHTHTJ: '' }
)
},
addDBXX() {
this.form.DBXX.push(
{ GUARANTYCLASSIFY: '', GUARANTYFORM: '', GUARANTYPROPORT: '', GUARANTYAMT: '', BACKRULE: '' }
)
},
delDBXX(i) {
this.form.DBXX.splice(i, 1)
},
delBZJXX(i) {
this.form.BZJXX.splice(i, 1)
},
......@@ -1344,7 +1749,7 @@ export default {
parentScroll(e) {
const target = e.target
const pTop = target.getBoundingClientRect().top
const ids = ['basic', 'party', 'price', 'pay', 'guarantee', 'file']
const ids = ['basic', 'party', 'price', 'pay', 'bond', 'guarantee', 'file']
ids.map(item => document.getElementById(item)).forEach(ele => {
const top = ele.getBoundingClientRect().top
console.log(top, pTop)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment