Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
b6c6d5fb by xiaomiao
Options

新增补录记录弹框

1 parent 66f57e60
Inline Side-by-side
Showing 14 changed files with 299 additions and 104 deletions
......@@ -73,7 +73,7 @@ export function choiceBdcdy (data) {
*/
export function selectRepairQlxx (data) {
return request({
url: 'ywbl/ywsq/selectRepairQlxx',
url: '/bdcdj/rest/ywbl/ywsq/selectRepairQlxx',
method: 'post',
data
})
......
......@@ -127,7 +127,6 @@ export default {
leftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.currentSelectProps = res.result[0];
console.log("this.currentSelectProps",this.currentSelectProps);
this.$emit("getCurrentSelectProps", this.currentSelectProps);
}
});
......@@ -140,7 +139,7 @@ export default {
if(row){
this.supplementarylist.forEach((item,index) => {
if(item.bsmRepair==row.bsmRepair){
this.activeIndex=index
this.activeIndex=index.toString()
this.unitClick(index)
}
})
......
......@@ -316,7 +316,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......
......@@ -316,7 +316,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......
......@@ -244,22 +244,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.qlrList"
......@@ -316,7 +300,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......@@ -325,6 +308,7 @@ export default {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
......@@ -227,6 +227,17 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
</div>
<tdytTable
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:viewtype="$route.query.viewtype"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
......@@ -244,22 +255,22 @@
</el-radio-group>
</el-form-item>
</el-col>
<!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
<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-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-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrList"
......@@ -296,8 +307,9 @@ import { mapGetters } from "vuex";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import { init } from "@/api/djbbl.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable },
components: { qlrCommonTable,tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
......@@ -316,7 +328,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......@@ -324,7 +335,9 @@ export default {
loadData() {
init(this.propsParam.bsmRepair).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm);
this.isShow = true;
// this.tableData = res.result;
// if (this.tableData.length < datas.columns().emptycolNum) {
......
......@@ -316,7 +316,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......
......@@ -316,7 +316,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......
......@@ -316,7 +316,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......
......@@ -316,7 +316,6 @@ export default {
};
},
created() {
console.log("受理信息",this.ruleForm);
this.loadData();
},
mounted() {},
......
......@@ -11,88 +11,68 @@
:visible.sync="dialogVisible"
custom-class="insetDialog"
append-to-body
width="20%"
width="60%"
>
<el-select v-model="qllxvalue" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<!-- <el-radio-group v-model="radio">
<el-radio :label="1">111</el-radio>
<el-radio :label="2">111</el-radio>
</el-radio-group> -->
<el-radio-group v-model="radio">
<el-radio-button
v-for="(value, key) in qllxlistdata"
:key="key"
:label="value"
></el-radio-button>
</el-radio-group>
<div class="btn">
<el-button type="primary" @click="handleSubmit">确定</el-button>
<el-button type="primary" @click="closeDialog">取消</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
data () {
export default {
data() {
return {
dialogVisible:false,
options: [
{
value: "选项1",
label: "抵押权",
},
{
value: "选项2",
label: "地役权",
},
{
value: "选项3",
label: "预告登记",
},
{
value: "选项4",
label: "异议登记",
},
{
value: "选项5",
label: "查封登记",
},
],
qllxvalue: "",
radio:3,
qllxobj:{
qllx:"",
bsmQlxx
}
dialogVisible: false,
qllxlistdata: {},
radio: "",
qllx:""
};
},
methods: {
closeDialog () {
this.dialogVisible=false
closeDialog() {
this.dialogVisible = false;
},
handleSubmit () {
let qllxobj={
qllx:this.value,
bsmQlxx:this.value
handleSubmit() {
for (const key in this.qllxlistdata) {
if (this.qllxlistdata[key] === this.radio) {
this.qllx= key;
}
}
// this.$parent.addRepairRecord(qllxobj)
let qllxobj = {
qllx:this.qllx,
bsmQlxx:""
};
this.$parent.addRepairRecord(qllxobj)
},
},
};
};
</script>
<style scoped lang="scss">
.qllxdialog{
.qllxdialog {
margin-top: 200px;
/deep/.el-dialog__body{
/deep/.el-dialog__body {
margin-top: 10px;
height: 100px;
// height: 100px;
padding: 30px;
}
.el-button{
.btn{
margin:30px;
text-align: center;
.el-button {
margin-top: 10px;
margin-left: 20px;
}
}
}
</style>
......
......@@ -136,8 +136,10 @@ export default {
// break;
case "B5":
this.getQllxByBdcdyid()
// this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true)
this.$refs.qllxlist.dialogVisible=true
break;
case "B6":
//根据编号获取对应信息
......
......@@ -63,7 +63,7 @@
</div>
</div>
<!-- 新增补录信息勾选权利类型 -->
<qllxDailog ref="qllxlist"/>
<qllxDailog ref="qllxlist" />
</div>
</template>
<style scoped lang="scss">
......@@ -109,8 +109,6 @@ export default {
tabName: "",
// 弹框显示
dialogVisible: true,
// 权利类型数组
qllxlist: [],
//表单集合
tabList: [],
//选择加载哪一个组件
......@@ -126,7 +124,6 @@ export default {
treedata: {},
tabdata: [],
defaultNode: {},
};
},
mounted() {},
......@@ -136,7 +133,8 @@ export default {
getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
(res) => {
if (res.code === 200) {
console.log("Qllxlist", res);
this.$refs.qllxlist.qllxlistdata = res.result;
this.$refs.qllxlist.dialogVisible = true;
}
}
);
......@@ -180,7 +178,6 @@ export default {
arr[index].value = item.id;
});
this.tabList = this.tabdata;
this.getQllxByBdcdyid();
}, 200);
},
......@@ -215,6 +212,7 @@ export default {
},
//切换选项卡内容组件
getFromRouter(tabname) {
console.log("tabname",tabname);
for (let item of this.tabList) {
if (item.value === tabname) {
this.currentSelectTab = item;
......@@ -235,19 +233,17 @@ export default {
};
if (row) {
from.bsmQlxx = row.bsmQlxx;
from.operate = "U";
from.operate = row.bsmQlxx ? "U" : " C";
from.qllx = row.qllx;
}
addRepairRecord(from).then((res) => {
this.$refs.qllxlist.dialogVisible = false;
this.$nextTick(() => {
this.$refs.Menu.getleftMenubl(res.result);
});
});
},
},
};
</script>
<style scoped lang="scss">
</style>
<style scoped lang="scss"></style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-16 10:38:23
-->
<template>
<div>
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
:data="tableDataList">
</lb-table>
<addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { getIdCardInfo } from '@/utils/operation.js'
import addQlr from './dialog/addQlr.vue'
export default {
components: {
addQlr
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return []
}
},
gyfs: {
type: String,
default: '1'
}
},
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.$route.query.viewtype ? false : true,
details: {},
tableDataList: [],
InformationTable: [
{
width: '50',
renderHeader: (h, scope) => {
return <div> {
this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
}
</div>
},
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
<i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
}
</div>
)
}
},
{
label: '土地用途',
align: 'center',
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
},
{
prop: "sqrmc",
label: "土地使用起始时间",
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
},
{
prop: "zjzl",
label: "土地使用结束时间",
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
},
{
prop: "zjh",
label: "土地使用期限",
render: (h, scope) => {
return <el-input v-model={scope.row.zjzl} ></el-input>
}
}
],
column: []
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
sqrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}])
} else {
that.tableDataList = _.cloneDeep(val)
}
})
},
immediate: true,
deep: true
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList)
} else if ((newVal == '1' || newVal == '3')) {
this.column = dataList
} else {
this.column = _.cloneDeep(dataList)
this.column.splice(
2, 0, {
prop: "fs",
label: "份数"
})
}
},
immediate: true
}
},
methods: {
handleupdateDetail (value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
}
this.key++
},
// 新增
addClick () {
if (this.gyfs == '0' && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
} else {
this.dialog = true
this.isaddupdate = true
}
},
// 删除
deleClick (index, row) {
this.$confirm('确定要删除吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
}).catch(() => {
});
},
// 身份证读取
readClick (row) {
getIdCardInfo().then(res => {
if (res.data.code == 0) {
let data = res.data.IDCardInfo
row.sqrmc = data.name
row.zjzl = '1'
row.zjh = data.cardID
row.xb = data.sexCode
row.txdz = data.address
row.fzjg = data.issueOrgan
this.$message({
message: '读取成功！',
type: 'success'
})
} else {
this.$message({
message: res.data.message,
type: 'warning'
})
}
})
},
// 修改
editClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// dataIndex :index,
// details :row,
// isaddupdate :false
// });
this.dataIndex = index
this.dialog = true
this.details = row
this.isaddupdate = false
},
queryViewClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// details: row,
// });
this.dialog = true
this.details = row
}
}
}
</script>
<style scoped lang="scss">
.el-input {
border: none !important;
}
</style>