Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
2e73402e by 田浩浩
Options

修改组件名

1 parent d4622996
Inline Side-by-side
Showing 41 changed files with 398 additions and 0 deletions
<template>
<div class="applicantInfo itemForm">
<el-form :model="ruleForm" :rules="rules" ref="formList" label-width="115px" :key="key">
<el-row>
<el-col :span="8">
<el-form-item prop="YSDM" class="borderTopNone">
<span slot="label">
要素代码：<br />
<p class="label-detail">（YSDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YSDM" placeholder="要素代码"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWH" class="borderTopNone">
<span slot="label">
业务号： <br />
<p class="label-detail">（YWH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWH" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRMC" class="borderTopNone">
<span slot="label">
权利人名称： <br />
<p class="label-detail">（QLRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRMC" placeholder="权利人名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLRZJZL">
<span slot="label">
权利人证件种类： <br />
<p class="label-detail">（QLRZJZL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJZL" placeholder="请选择">
<el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRZJH">
<span slot="label">
权利人证件号： <br />
<p class="label-detail">（QLRZJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRZJH" placeholder="权利人证件号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRTXDZ">
<span slot="label">
权利人通讯地址： <br />
<p class="label-detail">（QLRTXDZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRTXDZ"
placeholder="权利人通讯地址"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLRYB">
<span slot="label">
权利人邮编： <br />
<p class="label-detail">（QLRYB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRYB" placeholder="权利人邮编"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRFRMC">
<span slot="label">
权利人法人名称： <br />
<p class="label-detail">（QLRFRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRMC"
placeholder="权利人法人名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRFRDH">
<span slot="label">
权利人法人电话： <br />
<p class="label-detail">（QLRFRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRFRDH"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人法人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="QLRDLRMC">
<span slot="label">
权利人代理人名称： <br />
<p class="label-detail">（QLRDLRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRMC"
placeholder="权利人代理人名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRDLRDH">
<span slot="label">
权利人代理人电话： <br />
<p class="label-detail">（QLRDLRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLRDH"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="权利人代理人电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QLRDLJG">
<span slot="label">
权利人代理机构： <br />
<p class="label-detail">（QLRDLJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QLRDLJG"
placeholder="权利人代理机构"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="HJSZSS">
<span slot="label">
户籍所在省市： <br />
<p class="label-detail">（HJSZSS）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.HJSZSS" placeholder="户籍所在省市"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="XB">
<span slot="label">
性别： <br />
<p class="label-detail">（XB）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.XB" placeholder="请选择">
<el-option v-for="item in dicData['A43']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="DH">
<span slot="label">
电话： <br />
<p class="label-detail">（DH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.DH"
onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" maxlength="11" placeholder="电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRMC">
<span slot="label">
义务人名称： <br />
<p class="label-detail">（YWRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRMC" placeholder="义务人名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRZJZL">
<span slot="label">
义务人证件种类： <br />
<p class="label-detail">（YWRZJZL）</p>
</span>
<el-select :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJZL" placeholder="请选择">
<el-option v-for="item in dicData['A30']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRZJH">
<span slot="label">
义务人证件号： <br />
<p class="label-detail">（YWRZJH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRZJH" placeholder="义务人证件号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRTXDZ">
<span slot="label">
义务人通讯地址： <br />
<p class="label-detail">（YWRTXDZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRTXDZ"
placeholder="义务人通讯地址"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRYB">
<span slot="label">
义务人邮编： <br />
<p class="label-detail">（YWRYB）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRYB" placeholder="义务人邮编"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRFRMC">
<span slot="label">
义务人法人名称： <br />
<p class="label-detail">（YWRFRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRMC"
placeholder="义务人法人名称"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRFRDH">
<span slot="label">
义务人法人电话： <br />
<p class="label-detail">（YWRFRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRFRDH"
placeholder="义务人法人电话"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRDLRMC">
<span slot="label">
义务人代理人名称： <br />
<p class="label-detail">（YWRDLRMC）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRMC"
placeholder="义务人代理人名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="YWRDLRDH">
<span slot="label">
义务人代理人电话： <br />
<p class="label-detail">（YWRDLRDH）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLRDH"
placeholder="义务人代理人电话"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item prop="YWRDLJG">
<span slot="label">
义务人代理机构： <br />
<p class="label-detail">（YWRDLJG）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.YWRDLJG"
placeholder="义务人代理机构"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="BZ">
<span slot="label">
备注： <br />
<p class="label-detail">（BZ）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.BZ" placeholder="备注"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="QXDM">
<span slot="label">
区县代码： <br />
<p class="label-detail">（QXDM）</p>
</span>
<el-input :disabled="$store.state.business.Edit" v-model="ruleForm.QXDM" placeholder="区县代码"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<message-tips ref="msg" />
</div>
</template>
<script>
// 申请人属性信息
import business from '@/api/business'
import ruleMixin from '@/mixins/ruleMixin.js'
import treeSelect from '@/components/treeSelect/index.vue'
export default {
mixins: [ruleMixin],
props: {
bsmSjsb: {
type: String,
default: ''
},
bsmYwsjb: {
type: String,
default: ''
}
},
components: {
treeSelect
},
data () {
return {
ruleForm: {
YSDM: '',
YWH: '',
QLRMC: '',
QLRZJZL: '',
QLRZJH: '',
QLRTXDZ: '',
QLRYB: '',
QLRFRMC: '',
QLRFRDH: '',
QLRDLRMC: '',
QLRDLRDH: '',
QLRDLJG: '',
HJSZSS: '',
XB: '',
DH: '',
YWRMC: '',
YWRZJZL: '',
YWRZJH: '',
YWRTXDZ: '',
YWRYB: '',
YWRFRMC: '',
YWRFRDH: '',
YWRDLRMC: '',
YWRDLJG: '',
BZ: '',
QXDM: ''
}
}
},
methods: {
async featchData () {
try {
let { result: res } = await business.getDjfDjSqrById(this.bsmSjsb)
this.ruleForm = res
//this.featchRule()
} catch (error) {
this.$refs.msg.messageShow()
}
},
handleUpdateForm () {
return new Promise(async (resolve, reject) => {
try {
let data = _.cloneDeep(this.ruleForm)
let res = await business.updateDjfDjSqr(data)
resolve(res.code)
} catch (error) {
this.$refs.msg.messageShow()
}
})
}
}
}
</script>
<style scoped lang="scss">
@import "./css/itemForm.scss";
</style>