Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents bfce6912 53e480dc
Expand all
Inline Side-by-side
Showing 28 changed files with 957 additions and 527 deletions
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-04 11:13:36
*/
const state = {
yjsqOptions: {},
yjsqOptions: "",
}
const mutations = {
......
......@@ -2,8 +2,8 @@ import { log } from "bpmn-js-token-simulation";
var qlxxPage = [
{ qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
{ qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
{ qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
{ qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
{ qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
{ qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
......@@ -79,7 +79,6 @@ export function getNode(qllx, qlxx, bdcdylx) {
node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
}
} else {
console.log("jin1111");
node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label};
}
break;
......
......@@ -15,6 +15,7 @@
:inline="flag"
label-width="145px"
inline-message
:show-message="false"
:class="{readonly: editDisabled }"
class="loadingtext"
>
......@@ -209,7 +210,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="不动产权证号："
prop="qlxx.bdcqzh"
......@@ -217,7 +218,7 @@
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="查封机关：">
<el-input v-model="ruleForm.cfdj.cfjg"></el-input>
......@@ -260,7 +261,7 @@
<el-input v-model="ruleForm.cfdj.cffw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
......@@ -268,7 +269,7 @@
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item
label="登记机构："
......@@ -310,6 +311,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="解封业务号：">
<el-input v-model="ruleForm.cfdj.jfywh"></el-input>
......@@ -340,6 +342,7 @@
<el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -442,12 +445,12 @@ export default {
ztQlxxList: [],
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
},
};
},
......@@ -473,12 +476,14 @@ export default {
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
this.$endLoading();
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
......@@ -500,22 +505,22 @@ export default {
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
// // 更新土地用途信息
// upDateTdytxxList(val) {
// this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
// this.key++;
// },
// // 更新权利人信息
// upDateQlrxxList(val) {
// this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
// this.czrOptions = this.ruleForm.qlrData;
// this.key++;
// },
// // 更新义务人信息
// upDateYwrxxList(val) {
// this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
// this.key++;
// },
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
......
......@@ -9,13 +9,14 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
class="loadingtext"
:class="{ readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="169px"
inline-message
:show-message="false"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -167,7 +168,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
......@@ -259,6 +260,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="抵押面积：">
<div style="display: flex">
......@@ -279,11 +281,15 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules">
<el-form-item
label="债务履行起始时间："
prop="diyaq.zwlxqssj"
:rules="rules.zwlxqssjrules"
>
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
type="date"
placeholder="选择日期"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
......@@ -291,17 +297,23 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules">
<el-form-item
label="债务履行结束时间："
prop="diyaq.zwlxjssj"
:rules="rules.zwlxjssjrules"
>
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
type="date"
placeholder="选择日期"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="在建建筑物坐落：">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
......@@ -312,11 +324,15 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
:rules="rules.qxdmrules"
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="在建建筑物抵押范围：">
<el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
......@@ -353,23 +369,39 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
<el-form-item
label="不动产登记证明号："
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
......@@ -415,7 +447,11 @@
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules">
<el-form-item
label="注销时间："
prop="qlxx.zxsj"
:rules="rules.zxsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
type="date"
......@@ -427,23 +463,36 @@
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules">
<el-form-item
label="注销登簿人："
prop="qlxx.zxdbr"
:rules="rules.zxdbrrules"
>
<el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules">
<el-form-item
label="注销抵押原因："
prop="diyaq.zxdyyy"
:rules="rules.zxdyyyrules"
>
<el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="12">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group v-model="ruleForm.qlxx.gyqk">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -494,7 +543,7 @@ export default {
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -557,7 +606,7 @@ export default {
],
ssQlxxList: [],
ztQlxxList: [],
ableOperation:false,
ableOperation: false,
rules: {
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
......@@ -570,20 +619,24 @@ export default {
{ required: true, message: "债务履行结束时间", trigger: "blur" },
],
zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
zxdyyyrules: [
{ required: true, message: "注销抵押原因", trigger: "blur" },
],
zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }],
zxdbrrules: [
{ required: true, message: "注销登簿人", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
created() {
this.loadData();
},
created() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
ztQlxxchange(val) {
......@@ -601,10 +654,12 @@ export default {
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.$endLoading();
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
......@@ -655,7 +710,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......@@ -717,5 +779,4 @@ export default {
.el-table__row {
height: 30px !important;
}
</style>
......
......@@ -14,7 +14,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
inline-message
:show-message="false"
label-width="150px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
......@@ -43,6 +43,34 @@
地役权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
......@@ -56,7 +84,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -72,8 +100,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型： " prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -94,11 +122,11 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
......@@ -232,7 +260,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group v-model="ruleForm.qlxx.gyqk">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -273,13 +304,13 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbRepair.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { init,getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
components: { qlrCommonTable, ywrCommonTable, tdytTable ,selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
......@@ -293,12 +324,18 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
......@@ -343,30 +380,59 @@ export default {
//传递参数\
rules: {
bdcqzhrules:[
{ required: true, message: "不动产登记证明号", trigger: "change" },
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
created() {
this.loadData();
},
mounted() {
this.loadData();
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......@@ -395,7 +461,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......
......@@ -14,6 +14,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
:show-message="false"
inline-message
label-width="145px"
>
......@@ -56,7 +57,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -67,8 +68,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -157,7 +158,7 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
......@@ -165,7 +166,7 @@
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item
label="登记机构："
......@@ -224,9 +225,9 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group
:disabled="$route.query.viewtype == 0"
v-model="ruleForm.qlxx.gyqk"
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
......@@ -235,30 +236,6 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
......@@ -298,6 +275,11 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer(node) {
//方法
......@@ -313,6 +295,7 @@ export default {
propsParam: this.$attrs,
ableOperation:false,
key: 0,
ssQlxxList: [],
// 登记类型
djlxlist: [
{
......@@ -360,12 +343,13 @@ export default {
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
......@@ -376,16 +360,29 @@ export default {
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
// 字典
getDictData(val) {
return store.getters.dictData[val];
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
......@@ -394,6 +391,15 @@ export default {
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......
......@@ -7,15 +7,15 @@
<!-- 受理信息 -->
<div class="slxx">
<el-form
:model="ruleForm"
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:class="{readonly: editDisabled }"
class="loadingtext"
:show-message="false"
:label-position="flag ? 'top' : ''"
:inline="flag"
inline-message
label-width="145px"
label-width="120px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -43,6 +43,34 @@
土地所有权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
......@@ -56,7 +84,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -67,8 +95,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -97,7 +125,7 @@
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
......@@ -105,7 +133,7 @@
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item
label="不动产权证号："
......@@ -262,30 +290,6 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<el-form-item label="是否分别持证：">
<el-radio-group v-model="ruleForm.qlxx.sqfbcz">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
<el-form-item label="持证人：">
<el-select v-model="ruleForm.czr" placeholder="持证人">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
......@@ -306,11 +310,12 @@
<script>
import store from "@/store/index.js";
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbRepair.js";
import { init,getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable, tdytTable },
components: { qlrCommonTable, tdytTable ,selectTable},
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
......@@ -324,6 +329,11 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer(node) {
//方法
......@@ -381,36 +391,58 @@ export default {
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
ableOperation:false,
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
created() {
this.loadData();
},
mounted() {
this.loadData();
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
// 字典
getDictData(val) {
return store.getters.dictData[val];
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
......@@ -419,6 +451,15 @@ export default {
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......@@ -431,11 +472,11 @@ export default {
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
// // 更新义务人信息
// upDateYwrxxList(val) {
// this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
// this.key++;
// },
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
......@@ -502,10 +543,76 @@ export default {
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.loadingtext{
/deep/.el-form-item__content{
pointer-events: none!important;
}
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......
......@@ -14,6 +14,7 @@
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
......@@ -44,6 +45,34 @@
预告登记信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
......@@ -57,7 +86,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -73,8 +102,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -95,11 +124,11 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
......@@ -271,7 +300,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group v-model="ruleForm.qlxx.gyqk">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -312,12 +344,13 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbRepair.js";
import { init,getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
......@@ -331,12 +364,18 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
......@@ -380,13 +419,14 @@ export default {
//传递参数\
rules: {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
ableOperation:false,
};
......@@ -398,14 +438,41 @@ export default {
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit=this.$parent.isEdit
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......@@ -434,7 +501,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......
......@@ -15,6 +15,7 @@
:label-position="flag ? 'top' : ''"
:inline="flag"
inline-message
:show-message="false"
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
......@@ -56,7 +57,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -94,11 +95,11 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
......@@ -190,7 +191,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group v-model="ruleForm.qlxx.gyqk">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -300,7 +304,7 @@ export default {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
......@@ -316,10 +320,12 @@ export default {
},
methods: {
loadData() {
this.$startLoading();
this.propsParam.isEdit=this.$parent.isEdit
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.$endLoading();
this.isShow = true;
}
});
......@@ -351,7 +357,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......
......@@ -16,6 +16,9 @@ export function getForm(tabName) {
case "jsydsyq":
form = require("@/views/registerBook/jsydsyq.vue");
break;
case "tdsyq":
form = require("@/views/registerBook/tdsyq.vue");
break;
case "nydsyq":
form = require("@/views/registerBook/nydsyq.vue");
break;
......
......@@ -98,8 +98,22 @@ export default {
})
break;
case "B2": //材料分屏按钮
this.splitScreen = this.splitScreen ? false : true;
this.$store.dispatch("app/settScreen", this.splitScreen);
if (this.splitScreen) {
this.closefp()
//如果当前选项卡为材料信息内容，递减到上一个选项卡内容
if (this.tabName == this.clxxTab.value) {
this.tabName = this.tabList[this.clxxIndex - 1].value;
this.getFromRouter(this.tabList[this.clxxIndex - 1].value);
}
//删除材料信息选项卡数据
this.tabList.splice(this.clxxIndex, 1);
} else {
//新增材料信息选项卡数据
this.tabList.splice(this.clxxIndex, 0, this.clxxTab);
}
// this.closefp()
// if (this.splitScreen) {
// //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
......
......@@ -117,6 +117,11 @@
tabdata: [],
bsmRepair:"",
defaultNode: {},
clxxForm: "",
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
ableOperation:false
};
},
......@@ -134,7 +139,25 @@
this.tabName = this.tabList[0].value;
this.ableOperation=this.tabList[0].ableOperation
this.getFromRouter(this.tabName);
if(this.tabList.length!=8){
let that = this;
this.tabList.forEach(function (item, index) {
if (item.value == "clxx") {
that.clxxIndex = index;
that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
that.clxxTab = item;
}
})
}
});
});
}
},
......@@ -193,12 +216,13 @@
getFromRouter (tabname) {
this.componentTag = getForm(tabname);
},
closefp () {
this.splitScreen = this.splitScreen ? false : true;
this.$store.dispatch("app/set1tScreen", this.splitScreen);
this.getFromRouter(this.tabList[0].value);
this.clxxForm = getForm(this.tabList[1].value);
},
// closefp () {
// this.splitScreen = this.splitScreen ? false : true;
// this.$store.dispatch("app/set1tScreen", this.splitScreen);
// this.getFromRouter(this.tabList[0].value);
// this.clxxForm = getForm(this.tabList[1].value);
// this.tabName = this.tabList[0].value
// },
// 增加补录记录
addRepairRecord (row, del) {
let from = {
......@@ -239,18 +263,18 @@
console.log("错", res);
})
},
openDialog () {
this.$store.dispatch('user/refreshPage', false)
let data = JSON.parse(localStorage.getItem('ywbl'))
let title
if (data?.sqywmc) {
title = "申请业务：" + data?.sqywmc
} else {
title = "申请业务：" + data?.djywmc
}
// openDialog () {
// this.$store.dispatch('user/refreshPage', false)
// let data = JSON.parse(localStorage.getItem('ywbl'))
// let title
// if (data?.sqywmc) {
// title = "申请业务：" + data?.sqywmc
// } else {
// title = "申请业务：" + data?.djywmc
// }
this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
}
// this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
// }
}
};
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:50:23
-->
<template>
<dialogBox :title="editFlag ? '编辑接口信息' : '新增接口信息'" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
@closeDialog="closeDialog" v-model="value">
......@@ -26,7 +31,7 @@
<el-col :span="12">
<el-form-item label="接口方式:" prop="interfaceMethod">
<el-select v-model="ruleForm.interfaceMethod" class="width100" placeholder="请选择">
<el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item" ></el-option>
<el-option v-for="item in interfaceMethods" :key="item" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -58,115 +63,115 @@
</template>
<script>
import { addSysInterface, editSysInterface} from "@/api/ptjk.js"
export default {
components: {
},
computed: {
},
props: {
value: { type: Boolean, default: false },
editFlag: {type: Boolean,default:false}
},
data () {
return {
//表单提交数据
interfaceMethods: ['webapi','webservice'],
interfaceTypes: [
{'label': '工作流服务平台','value':'1'},
{'label': '权限平台','value':'2'},
{'label': '定时器服务','value':'3'},
{'label': '其他第三方平台','value':'4'},
],
ruleForm: {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
},
rules: {
interfaceCode: [
{ required: true, message: '接口代码不能为空', trigger: 'blur' }
],
interfaceService: [
{ required: true, message: '接口服务名称不能为空', trigger: 'blur' }
],
interfaceApi: [
{ required: true, message: '接口api地址不能为空', trigger: 'blur' }
],
interfaceMethod: [
{ required: true, message: '接口方式不能为空', trigger: 'change' }
],
interfaceType: [
{ required: true, message: '入库编号不能为空', trigger: 'change' }
import { addSysInterface, editSysInterface } from "@/api/ptjk.js"
export default {
components: {
},
computed: {
},
props: {
value: { type: Boolean, default: false },
editFlag: { type: Boolean, default: false }
},
data () {
return {
//表单提交数据
interfaceMethods: ['webapi', 'webservice'],
interfaceTypes: [
{ 'label': '工作流服务平台', 'value': '1' },
{ 'label': '权限平台', 'value': '2' },
{ 'label': '定时器服务', 'value': '3' },
{ 'label': '其他第三方平台', 'value': '4' },
],
},
}
},
methods: {
//表单提交
submitForm () {
let that = this;
that.$refs.ruleForm.validate(valid => {
if (valid) {
if(this.editFlag){
this.editInterface();
}else{
this.addInterface();
}
} else {
// console.log('error submit!!');
return false;
}
});
ruleForm: {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
},
rules: {
interfaceCode: [
{ required: true, message: '接口代码不能为空', trigger: 'blur' }
],
interfaceService: [
{ required: true, message: '接口服务名称不能为空', trigger: 'blur' }
],
interfaceApi: [
{ required: true, message: '接口api地址不能为空', trigger: 'blur' }
],
interfaceMethod: [
{ required: true, message: '接口方式不能为空', trigger: 'change' }
],
interfaceType: [
{ required: true, message: '入库编号不能为空', trigger: 'change' }
],
},
}
},
//新增接口
addInterface(){
addSysInterface(this.ruleForm).then(res => {
if(res.code == 200){
this.$message.success("保存成功");
this.closeDialog();
this.$parent.queryClick();
}else{
this.$message.error(res.message)
methods: {
//表单提交
submitForm () {
let that = this;
that.$refs.ruleForm.validate(valid => {
if (valid) {
if (this.editFlag) {
this.editInterface();
} else {
this.addInterface();
}
} else {
// console.log('error submit!!');
return false;
}
});
},
//新增接口
addInterface () {
addSysInterface(this.ruleForm).then(res => {
if (res.code == 200) {
this.$message.success("保存成功");
this.closeDialog();
this.$parent.queryClick();
} else {
this.$message.error(res.message)
}
})
},
//编辑接口
editInterface(){
},
//编辑接口
editInterface () {
editSysInterface(this.ruleForm).then(res => {
if(res.code == 200){
this.$message.success("编辑成功");
this.closeDialog();
this.$parent.queryClick();
}else{
this.$message.error(res.message)
}
if (res.code == 200) {
this.$message.success("编辑成功");
this.closeDialog();
this.$parent.queryClick();
} else {
this.$message.error(res.message)
}
})
},
//获取详情
getDetailInfo(item){
this.ruleForm = item
},
//关闭弹窗
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
},
//获取详情
getDetailInfo (item) {
this.ruleForm = item
},
//关闭弹窗
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
interfaceCode: '',
interfaceService: '',
interfaceDescription: '',
interfaceApi: '',
interfaceMethod: '',
interfaceType: '',
interfaceKey: '',
}
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/mixin.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:50:36
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
......@@ -37,72 +42,72 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./ptjkdata"
import { getSysInterfaceList } from '@/api/ptjk.js'
import addDialog from "./components/addDialog.vue"
import retrieveDialog from "./components/retrieveDialog.vue"
export default {
name: "ptjk",
components: { addDialog, retrieveDialog },
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
computed: {
...mapGetters(['dictData'])
},
data () {
return {
addDialog: false,
retrieveDialog: false,
editFlag: false,
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
methods: {
queryClick () {
this.$startLoading()
getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
this.$endLoading()
if (res.code == 200) {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table"
import { datas, sendThis } from "./ptjkdata"
import { getSysInterfaceList } from '@/api/ptjk.js'
import addDialog from "./components/addDialog.vue"
import retrieveDialog from "./components/retrieveDialog.vue"
export default {
name: "ptjk",
components: { addDialog, retrieveDialog },
mixins: [table],
mounted () {
sendThis(this);
this.queryClick()
},
//打开新增
openDialog () {
this.editFlag = false;
this.addDialog = true;
computed: {
...mapGetters(['dictData'])
},
//打开编辑
editInterface (item) {
this.editFlag = true;
this.addDialog = true;
this.$refs.addDialog.getDetailInfo(item);
data () {
return {
addDialog: false,
retrieveDialog: false,
editFlag: false,
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
//打开调试窗口
tuneInterface (item) {
this.retrieveDialog = true;
this.$refs.retrieveDialog.getDetailInfo(item);
methods: {
queryClick () {
this.$startLoading()
getSysInterfaceList({ ...this.ruleForm, ...this.pageData }, { 'target': '#ptjkLoading' }).then(res => {
this.$endLoading()
if (res.code == 200) {
let { total, records } = res.result
this.tableData.total = total;
this.tableData.data = records ? records : []
}
})
},
//打开新增
openDialog () {
this.editFlag = false;
this.addDialog = true;
},
//打开编辑
editInterface (item) {
this.editFlag = true;
this.addDialog = true;
this.$refs.addDialog.getDetailInfo(item);
},
//打开调试窗口
tuneInterface (item) {
this.retrieveDialog = true;
this.$refs.retrieveDialog.getDetailInfo(item);
}
}
}
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:51:37
-->
<template>
<div class="bdcqldjml">
<table class="mlTable">
......@@ -23,51 +28,51 @@
</template>
<script>
import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
export default {
data() {
return {
bdcqlml: [],
propsParam: this.$attrs,
};
},
mounted() {
getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.bdcqlml = res.result;
}
});
},
};
import { getBdcqldjmlByBdcdyid } from "@/api/djbDetail.js";
export default {
data () {
return {
bdcqlml: [],
propsParam: this.$attrs,
};
},
mounted () {
getBdcqldjmlByBdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.bdcqlml = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqldjml {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
.mlTable {
width: 90%;
margin: 0 auto;
color: #333;
border-spacing: 1px;
background-color: #333;
.bdcqldjml {
width: 100%;
height: 100%;
background: #fff;
overflow-y: scroll;
.mlTable {
width: 90%;
margin: 0 auto;
color: #333;
border-spacing: 1px;
background-color: #333;
.title {
font-size: 20px;
line-height: 60px;
font-family: serif;
position: relative;
}
.title {
font-size: 20px;
line-height: 60px;
font-family: serif;
position: relative;
}
td,
th {
background-color: white;
line-height: 30px;
padding: 0 4px;
text-align: center;
td,
th {
background-color: white;
line-height: 30px;
padding: 0 4px;
text-align: center;
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:07
-->
<template>
<div class="bdcqljqtsx">
<div class="content">
......@@ -49,59 +54,59 @@
</template>
<script>
import { getBdcqljqtsx } from "@/api/djbDetail.js";
export default {
name: "bdcqljqtsx",
data() {
return {
//传递参数
propsParam: this.$attrs,
qlxxList: "",
};
},
mounted() {
getBdcqljqtsx({
bdcdyid: this.propsParam.bdcdyid,
bdcdyh: this.propsParam.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.qlxxList = res.result;
}
});
},
};
import { getBdcqljqtsx } from "@/api/djbDetail.js";
export default {
name: "bdcqljqtsx",
data () {
return {
//传递参数
propsParam: this.$attrs,
qlxxList: "",
};
},
mounted () {
getBdcqljqtsx({
bdcdyid: this.propsParam.bdcdyid,
bdcdyh: this.propsParam.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.qlxxList = res.result;
}
});
},
};
</script>
<style lang="scss" scoped>
.bdcqljqtsx {
width: 100%;
height: 100%;
background: #fff;
.content {
width: 50%;
.bdcqljqtsx {
width: 100%;
height: 100%;
margin: 0 auto;
text-align: right;
color: #333;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 16px;
background: #fff;
.title {
font-size: 32px;
text-align: center;
padding: 40px 0;
line-height: 34px;
}
.content {
width: 50%;
height: 100%;
margin: 0 auto;
text-align: right;
color: #333;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 16px;
.underline {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: inline-block;
.title {
font-size: 32px;
text-align: center;
padding: 40px 0;
line-height: 34px;
}
.underline {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: inline-block;
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:13
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:28
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:37
-->
<template>
<div class="djxxTable">
<div class="tableBox">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:46
-->
<template>
<div class="content">
<div class="left">
......@@ -69,7 +74,7 @@
this.componentTag = (r) =>
require.ensure([], () => r(require("@/views/registerBook/" + form)));
},
},
}
};
</script>
<style scoped lang="scss">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:59
-->
<template>
<div class="content loadingtext">
<div class="left">
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 09:52:42
-->
<template>
<div class="djbfm">
<br /><br />
......@@ -33,76 +38,76 @@
</template>
<script>
import { getDjbfm } from "@/api/djbDetail.js";
import { getDjbfm } from "@/api/djbDetail.js";
export default {
data () {
return {
//传递参数
propsParam: this.$attrs,
info: {},
};
},
mounted () {
this.loadData();
},
methods: {
loadData () {
getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.info = res.result;
}
});
export default {
data () {
return {
//传递参数
propsParam: this.$attrs,
info: {},
};
},
},
};
mounted () {
this.loadData();
},
methods: {
loadData () {
getDjbfm({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code === 200) {
this.info = res.result;
}
});
},
},
};
</script>
<style lang="scss" scoped>
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
.djbfm {
width: 100%;
height: 100%;
background: #fff;
border-right: 1px solid #ccc;
line-height: 45px;
text-align: center;
font-size: 18px;
font-family: serif;
position: relative;
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
font {
border-bottom: 1px solid #000;
display: inline-block;
padding: 0 15px;
line-height: 16px;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.title {
height: 40%;
display: flex;
font-size: 38px;
color: #000;
justify-content: center;
align-items: center;
}
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
.bottom {
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
left: 0;
height: 100px;
line-height: 100px;
p {
font-size: 28px;
}
p {
font-size: 28px;
}
font {
font-size: 24px;
line-height: 24px;
font {
font-size: 24px;
line-height: 24px;
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-13 16:42:17
* @LastEditTime: 2023-07-19 10:23:27
-->
<template>
<div>
......@@ -69,19 +69,19 @@
},
{
prop: 'dcode',
width: '100',
width: '150',
label: '字典项编码',
render: (h, scope) => {
return (
<div>
<el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={scope.row.codeShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
<el-input placeholder="字典项编码" disabled={this.formData.isenable == 2} v-show={!scope.row.codeShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.codeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
</div>
)
}
......@@ -106,17 +106,17 @@
{
prop: 'normcode',
label: '部标编码',
width: '100',
width: '150',
render: (h, scope) => {
return (
<div>
<el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={scope.row.normcodeShow} v-fo value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
<el-input placeholder="部标编码" disabled={this.formData.isenable == 2} v-show={!scope.row.normcodeShow} value={scope.row[scope.column.property]}
onFocus={() => { this.itemShowFalse(); scope.row.normcodeShow = true; }}
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='8'></el-input>
onInput={(val) => { scope.row[scope.column.property] = val; this.itemShowFalse(); scope.row.codeShow = true; }} maxlength='20'></el-input>
</div>
)
}
......@@ -152,7 +152,7 @@
}
},
{
width: '130',
width: '100',
label: '移动',
render: (h, scope) => {
return (
......@@ -164,7 +164,7 @@
}
},
{
width: '150',
width: '130',
label: '操作',
render: (h, scope) => {
return (
......@@ -324,9 +324,16 @@
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "~@/styles/dialogBoxheader.scss";
/deep/.el-radio-group {
display: flex;
justify-content: center;
}
/deep/.el-radio {
margin-right: 5px !important;
display: flex;
}
/deep/.el-radio__label {
display: block !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-14 16:01:33
* @LastEditTime: 2023-07-18 14:26:54
-->
<template>
<canvas id="mxcad">
......@@ -36,10 +36,4 @@
})
}
}
</script>
<style scoped lang='scss'>
#cad-container {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
</script>
\ No newline at end of file
......