Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
e955bedd by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web

2 parents 6027a14b c93d1d00
Inline Side-by-side
Showing 44 changed files with 414 additions and 28 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>
......@@ -263,13 +263,22 @@ table td {
.el-popper[x-placement^="bottom"] .popper__arrow {
display: none;
}
// 时间选择框样式
.el-date-picker {
background-color: #031a46;
.el-date-picker__header-label {
color: #A6CFD6;
.el-date-picker__header-label{
color:#A6CFD6;
}
.el-picker-panel__content{
background-color:#074487;
.disabled{
background-color:#074487;
.el-date-table td.disabled div{
background-color:#074487;
}
}
}
.el-picker-panel__icon-btn {
color: #A6CFD6;
......@@ -292,10 +301,7 @@ table td {
}
.el-picker-panel__content {
background-color: #074487;
}
.el-menu--horizontal .el-menu .el-menu-item,
......
......@@ -145,7 +145,6 @@ export default {
@import "~@/styles/public.scss";
.jktjDetail {
background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
......
<template>
<!-- 监控日志 -->
<div class="jktjDetail from-clues">
<div class="jktjDetail form-clues">
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px">
<el-row>
<el-col :span="8">
<el-date-picker v-model="valueTime" type="datetimerange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
</el-col>
<!-- <el-col :span="6">
<el-form-item label="开始时间">
<el-date-picker type="date" :picker-options="pickerOptionsStart" clearable
v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="结束时间">
<el-date-picker clearable :picker-options="pickerOptionsEnd" v-model="form.endTime"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col> -->
<!-- 按钮操作 -->
<el-col :span="12" class="btnColRight">
<el-button type="default" @click="resetForm"> 重置 </el-button>
......@@ -30,13 +16,11 @@
</el-col>
</el-row>
</el-form>
<!-- 表格 -->
<div class="form-clues-content echarts-box">
<div id="myChart" class="chart"></div>
</div>
</div>
</div>
</template>
<script>
......@@ -161,7 +145,6 @@ export default {
@import "~@/styles/public.scss";
.jktjDetail {
// background-color: #fff;
height: 100%;
display: flex;
flex-direction: column;
......@@ -169,7 +152,7 @@ export default {
.echarts-box {
display: flex;
justify-content: center;
height: 100%;
height: 500px;
.chart {
width: 100%;
......