Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
1f0c89ac by renchao@pashanhoo.com
Options

style:受理申请

1 parent 22c5ff02
Inline Side-by-side
Showing 2 changed files with 113 additions and 145 deletions
......@@ -8,8 +8,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -88,8 +87,7 @@
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -103,8 +101,7 @@
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -119,8 +116,7 @@
<el-input
maxlength="4"
v-model.number="ruleForm.ygdj.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -132,8 +128,7 @@
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -146,15 +141,13 @@
maxlength="12"
v-model="ruleForm.ygdj.jzmj"
:disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -163,24 +156,20 @@
<el-col :span="8">
<el-form-item label="取得价格：">
<div class="flex">
<!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> -->
<el-input
maxlength="11"
v-model="ruleForm.ygdj.qdjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!viewEdit"
style="width: 68px"
>
style="width: 68px">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -194,8 +183,7 @@
v-model="ruleForm.ygdj.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
show-word-limit></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -208,8 +196,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -222,8 +209,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -231,20 +217,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -254,8 +237,7 @@
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -264,8 +246,7 @@
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -279,8 +260,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
>
v-model="ruleForm.ygdj.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -295,13 +275,13 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created() {
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.$startLoading();
......@@ -316,17 +296,17 @@ export default {
this.$endLoading();
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc;
this.czr = item.sqrmc
}
});
})
}
});
})
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
data () {
return {
mjdw: "1",
//表单是否可操作
......@@ -353,7 +333,7 @@ export default {
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
......@@ -362,7 +342,7 @@ export default {
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
// 是否持证人变化
......@@ -371,14 +351,14 @@ export default {
* @param {*} val
* @author: renchao
*/
updaterow() {
updaterow () {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
onSubmit () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
......@@ -451,55 +431,55 @@ export default {
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
}
/deep/.el-form-item__label {
/deep/.el-form-item__label {
padding: 0;
}
}
/deep/.el-radio {
/deep/.el-radio {
margin-right: 10px;
}
}
/deep/.el-select {
/deep/.el-select {
width: 100%;
}
}
/deep/.el-form-item {
/deep/.el-form-item {
margin-bottom: 8px;
}
}
.marginBot0 {
.marginBot0 {
margin-bottom: 0 !important;
}
}
.slxx {
.slxx {
box-sizing: border-box;
}
}
.slxx_con {
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
}
.submit_btn {
.submit_btn {
height: 50px;
}
}
.slxx_title {
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
......@@ -508,23 +488,23 @@ export default {
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
}
.btn {
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
}
.textArea {
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
/deep/.el-form-item__label {
padding-bottom: 0px;
}
}
</style>
......
......@@ -8,8 +8,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -51,8 +50,7 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between"
>
style="justify-content: space-between">
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -113,8 +111,7 @@
<el-input
disabled
v-model.number="ruleForm.ygdj.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -127,8 +124,7 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -141,8 +137,7 @@
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
@input="updaterow()">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -150,20 +145,17 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-form-item label="持证人：">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
:disabled="!viewEdit">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -173,8 +165,7 @@
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -183,8 +174,7 @@
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -198,8 +188,7 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
>
v-model="ruleForm.ygdj.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -214,13 +203,13 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted() {
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -245,7 +234,7 @@ export default {
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
data () {
return {
//表单是否可操作
viewEdit: true,
......@@ -264,7 +253,7 @@ export default {
* @description: onClick
* @author: renchao
*/
onClick() {
onClick () {
this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
formData: {
bsmSldy: this.propsParam.bsmSldy,
......@@ -277,17 +266,16 @@ export default {
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
updaterow () {
this.czr = "";
},
/**
......@@ -295,7 +283,7 @@ export default {
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
upDateYwrxxList (val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
......@@ -303,7 +291,7 @@ export default {
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
onSubmit () {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
......@@ -379,7 +367,7 @@ export default {
* @description: compare
* @author: renchao
*/
compare() {
compare () {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
......@@ -392,55 +380,55 @@ export default {
);
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
}
/deep/.el-form-item__label {
/deep/.el-form-item__label {
padding: 0;
}
}
/deep/.el-radio {
/deep/.el-radio {
margin-right: 10px;
}
}
/deep/.el-select {
/deep/.el-select {
width: 100%;
}
}
/deep/.el-form-item {
/deep/.el-form-item {
margin-bottom: 8px;
}
}
.marginBot0 {
.marginBot0 {
margin-bottom: 0 !important;
}
}
.slxx {
.slxx {
box-sizing: border-box;
}
}
.slxx_con {
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
}
.submit_btn {
.submit_btn {
height: 50px;
}
}
.slxx_title {
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
......@@ -449,23 +437,23 @@ export default {
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
}
.btn {
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
}
.textArea {
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
/deep/.el-form-item__label {
padding-bottom: 0px;
}
}
</style>
......