Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents 79cbd9e6 0e4f3211
Inline Side-by-side
Showing 33 changed files with 755 additions and 287 deletions
/*
* @Description: 不动产权证
* @Autor: renchao
* @LastEditTime: 2023-05-16 14:04:18
* @LastEditTime: 2023-09-05 13:24:14
*/
import request from '@/utils/request';
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
......@@ -131,3 +131,13 @@ export function bdcqzPreview (data) {
responseType: 'blob'
})
}
// 获取不动产权证详细信息
export function getBdcqzDetail (bsmBdcqz) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzDetail',
method: 'get',
params: {
bsmBdcqz: bsmBdcqz
}
})
}
\ No newline at end of file
......
......@@ -9,11 +9,14 @@
<el-form
:model="ruleForm"
:rules="rules"
v-Loading="loading"
:class="{ readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:show-message="false"
:inline="flag"
label-width="190px">
label-width="190px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
申请业务信息
......@@ -42,21 +45,25 @@
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules">
:rules="rules.ssQlxxrules"
>
<select-table
v-model="ruleForm.ssQlxx"
:table-width="730"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange">
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"></el-table-column>
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"></el-table-column>
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>
......@@ -76,8 +83,13 @@
<el-form-item
label="业务号："
prop="qlxx.ywh"
:rules="rules.ywhrules">
<el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.ywh"></el-input>
:rules="rules.ywhrules"
>
<el-input
maxlength="20"
onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"
v-model="ruleForm.qlxx.ywh"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -96,13 +108,15 @@
<el-form-item
label="登记类型："
prop="qlxx.djlx"
:rules="rules.djlxrules">
:rules="rules.djlxrules"
>
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -114,35 +128,119 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记原因：">
<el-input v-model="ruleForm.jsydsyq.djyy"></el-input>
<el-form-item label="发包方">
<el-input v-model="ruleForm.lq.fbf"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发包方代码">
<el-input v-model="ruleForm.lq.fbfdm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地使用(承包)起始时间">
<el-input v-model="ruleForm.lq.ldsyqssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地使用(承包)结束时间">
<el-input v-model="ruleForm.lq.ldsyjssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地使用（承包）期限">
<el-input v-model="ruleForm.lq.ldsyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林地所有权性质">
<el-input v-model="ruleForm.lq.ldsyqxz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="森林类别">
<el-input v-model="ruleForm.lq.sllb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="森林林木所有权人">
<el-input v-model="ruleForm.lq.sllmsyqr1"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="森林林木使用权人">
<el-input v-model="ruleForm.lq.sllmsyqr2"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="主要树种">
<el-input v-model="ruleForm.lq.zysz"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="株数">
<el-input v-model="ruleForm.lq.sllb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林种">
<el-input v-model="ruleForm.lq.sllb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="起源">
<el-input v-model="ruleForm.lq.sllb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="造林年度">
<el-input v-model="ruleForm.lq.sllb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="林班">
<el-input v-model="ruleForm.lq.lb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="小班">
<el-input v-model="ruleForm.lq.xb"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="小地名">
<el-input v-model="ruleForm.lq.xdm"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item label="房地坐落：">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="使用权面积：">
<el-form-item label="使用（承包）面积">
<div class="flex">
<el-input
maxlength="12"
v-model="ruleForm.jsydsyq.syqmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
v-model="ruleForm.lq.syqmj"
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>
......@@ -150,12 +248,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="使用权起止时间：">
<el-input maxlength="20" v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
<el-input maxlength="20" v-model="ruleForm.lq.syqqzsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地使用期限：">
<el-input maxlength="10" v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
<el-input maxlength="10" v-model="ruleForm.lq.tdsyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -163,14 +261,16 @@
<div style="display: flex">
<el-input
maxlength="11"
v-model="ruleForm.jsydsyq.qdjg"
style="width: 500%"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
v-model="ruleForm.lq.qdjg"
style="width: 500%"
></el-input>
<el-select v-model="ruleForm.lq.jedw">
<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>
......@@ -181,7 +281,8 @@
<el-form-item
label="不动产权证号："
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules">
:rules="rules.bdcqzhrules"
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -198,7 +299,8 @@
<el-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules">
:rules="rules.djjgrules"
>
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -206,7 +308,8 @@
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules">
:rules="rules.dbrrules"
>
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -214,14 +317,16 @@
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules">
:rules="rules.djsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -229,7 +334,12 @@
<el-row>
<el-col :span="24">
<el-form-item label="附记：">
<el-input v-model="ruleForm.jsydsyq.fj" type="textarea" maxlength="500" show-word-limit></el-input>
<el-input
v-model="ruleForm.lq.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -240,7 +350,8 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation" />
:ableOperation="ableOperation"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -250,7 +361,8 @@
<el-form-item label="共有方式：">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs">
v-model="ruleForm.qlxx.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -264,7 +376,8 @@
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs" />
:gyfs="ruleForm.qlxx.gyfs"
/>
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -275,20 +388,20 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -296,7 +409,7 @@
return false;
},
},
data () {
data() {
return {
mjdw: "1",
ssqlxxshow: true,
......@@ -305,7 +418,7 @@
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer (node) {
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
......@@ -376,15 +489,15 @@
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
created () {
created() {
this.loadData();
},
mounted () {
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
......@@ -393,43 +506,44 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog (val) {
ssQlxxchangediolog(val) {
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
})
.then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
for (var key in this.ruleForm.jsydsyq) {
for (var key in this.ruleForm.lq) {
if (
this.ruleForm.jsydsyq[key] == "" ||
this.ruleForm.jsydsyq[key] == null
this.ruleForm.lq[key] == "" ||
this.ruleForm.lq[key] == null
) {
this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key];
this.ruleForm.lq[key] = this.nowlist.lq[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
this.ruleForm.qlxx[key] == "" ||
this.ruleForm.qlxx[key] == null &&
(this.ruleForm.qlxx[key] == null &&
key != "ywh" &&
key != "dbr" &&
key != "djsj" &&
key != "ssywh" &&
key != "ssywh" &&
key != "bdcqzh") {
key != "bdcqzh")
) {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
if (!this.ruleForm.tdytqxList.length) {
......@@ -447,7 +561,8 @@
});
}
});
}).catch(() => {
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
......@@ -459,7 +574,7 @@
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -472,14 +587,14 @@
* @param {*} val
* @author: renchao
*/
getDictData (val) {
getDictData(val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
......@@ -514,7 +629,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -524,7 +639,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -534,10 +649,10 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
......@@ -567,7 +682,8 @@
if (this.ruleForm.qlrData.length <= 1) {
this.$message({
showClose: true,
message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
message:
"共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
type: "error",
});
return false;
......@@ -594,11 +710,11 @@
return false;
}
});
}
}
}
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -80,7 +80,7 @@
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=bdcqljqtsx`,
`printdjb`
`bdcqljqtsx`
);
},
}
......
......@@ -211,7 +211,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=cfdj`,
`printdjb`
`cfdj`
);
},
},
......
......@@ -207,7 +207,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyaq`,
`printdjb`
`diyaq`
);
},
},
......
......@@ -208,7 +208,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=diyiq`,
`printdjb`
`diyiq`
);
},
},
......
......@@ -66,7 +66,7 @@
},
print(){
console.log("this.propsParam.bdcdyid ",this.propsParam);
window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `printdjb`);
window.open(`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=djbfm`, `djbfm`);
}
},
};
......
......@@ -241,7 +241,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq1`,
`printdjb`
`fdcq1`
);
},
},
......
......@@ -202,7 +202,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=fdcq2`,
`printdjb`
`fdcq2`
);
},
},
......
......@@ -210,7 +210,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=jsydsyq`,
`printdjb`
`jsydsyq`
);
},
},
......
......@@ -211,7 +211,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ldsyq`,
`printdjb`
`ldsyq`
);
},
},
......
......@@ -263,7 +263,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=nydsyq`,
`printdjb`
`nydsyq`
);
},
},
......
......@@ -193,7 +193,7 @@
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=sllmsyq`,
`printdjb`
`sllmsyq`
);
},
},
......
......@@ -183,7 +183,7 @@
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=tdsyq`,
`printdjb`
`tdsyq`
);
},
},
......
......@@ -183,7 +183,7 @@
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=ygdj`,
`printdjb`
`ygdj`
);
},
},
......
......@@ -182,7 +182,7 @@
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=yydj`,
`printdjb`
`yydj`
);
},
},
......
......@@ -216,7 +216,7 @@ export default {
console.log("this.propsParam.bdcdyid ", this.propsParam);
window.open(
`'#/printdjb?bdcdyid=${this.propsParam.bdcdyid}&qllx=${this.propsParam.qllx}&content=zdjbxx`,
`printdjb`
`zdjbxx`
);
},
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-15 09:43:21
* @LastEditTime: 2023-09-04 17:09:21
-->
<template>
<div class="clxx">
......@@ -134,7 +134,6 @@
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
}
},
// 材料目录明细初始化
/**
* @description: 材料目录明细初始化
* @param {*} type
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-31 08:51:09
* @LastEditTime: 2023-09-05 15:36:51
-->
<template>
<div>
......@@ -12,7 +12,9 @@
ref="ruleForm"
label-width="120px">
<el-form-item label="印刷序列号：" prop="ysxlh">
<el-select v-model="ruleForm.ysxlh" placeholder="请选择">
<el-row>
<el-col :span="22">
<el-select v-model="ruleForm.ysxlh" @change="handleSelect" :disabled="disabled" placeholder="请选择">
<el-option
v-for="item in ysxlh"
:key="item.ysxlh"
......@@ -20,11 +22,17 @@
:value="item.ysxlh">
</el-option>
</el-select>
</el-col>
<el-col :span="2" v-if="this.formData.ysxlh">
<el-button type="primary" @click="invalidDiglog=true">作废</el-button>
</el-col>
</el-row>
</el-form-item>
</el-form>
<div class="zs-content">
<canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas>
<canvas ref="zs" width="1000" v-show="this.formData.bdcqzlx==1" height="700"></canvas>
<canvas ref="zm" width="1180" v-show="this.formData.bdcqzlx==2" height="780"></canvas>
</div>
</div>
<!-- 打印模板需要此模块 -->
......@@ -33,8 +41,24 @@
</object>
<div class="text-center pt-10">
<el-button @click="$popupCacel">取消</el-button>
<el-button type="primary" @click="handleSubmit">确定</el-button>
<el-button type="primary" @click="handlePrint" v-if="disabled">打印</el-button>
<el-button type="primary" @click="handleSubmit" v-else>确定</el-button>
</div>
<el-dialog title="证书作废" :visible.sync="invalidDiglog" width="40%" :modal-append-to-body="false" top="30vh">
<div class="invalid-diglog">
<div class="invalid-title">
<i class="el-icon-question invalid-icon"></i>
<div class="invalid-body">您确定作废证书并再次打印？印刷序列号{{bdcqz.ysxlh}}</div>
</div>
<div class="invalid-reson">作废原因：</div>
<el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input>
<div class="text-center pt-10">
<el-button @click="closeInvalidDiglog">取 消</el-button>
<el-button type="primary" @click="confirmInvalid">确 定</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
......@@ -43,7 +67,7 @@
import { datas } from "../../javascript/zsyl.js";
import { getPrintTemplateByCode } from "@/api/print";
import { getLodop } from "@/utils/LodopFuncs"
import { readYsxlh, certificate, getSlsqBdcqzList } from "@/api/bdcqz.js";
import { readYsxlh, certificate, getBdcqzDetail, invalidCertificate } from "@/api/bdcqz.js";
export default {
props: {
formData: {
......@@ -55,18 +79,22 @@
},
data () {
return {
// 详细信息
bdcqz: {},
key: 0,
disabled: false,
// 不动产证书图片地址
imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'),
bdczmSrc: require('@/image/bdcqz/bdczm.jpg'),
loading: false,
bdcqz: [],
//印刷序列号集合
ysxlh: [],
//列名称对象
columns: [],
//tab选择绑定值
activeName: '',
invalidDiglog: false,
zfyy: "",
ruleForm: {
bsmBdcqz: "",
szmc: "不动产权证书",
......@@ -85,24 +113,83 @@
store.dispatch('user/refreshPage', false)
this.columns = datas.columns()
this.ysxlhList()
if (this.formData.bdcqz.bdcqzlx == 1) {
// 获取详细信息
this.getDetail()
if (this.formData.ysxlh) {
this.disabled = true
} else {
this.disabled = false
}
},
methods: {
/**
* @description: 获取详细信息
* @author: renchao
*/
getDetail () {
this.loading = true
getBdcqzDetail(this.formData.bsmBdcqz).then(res => {
this.bdcqz = res.result
this.loading = false
if (this.bdcqz.ysxlh) this.ruleForm.ysxlh = this.bdcqz.ysxlh
if (this.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
})
},
methods: {
/**
* @description: 获取印刷序列号列表
* @author: renchao
*/
ysxlhList () {
readYsxlh({ zslx: this.formData.bdcqz.bdcqzlx }).then((res) => {
readYsxlh({ zslx: this.formData.bdcqzlx }).then((res) => {
if (res.code === 200) {
this.ysxlh = res.result;
}
})
},
handleSelect (val) {
this.bdcqz.ysxlh = this.ruleForm.ysxlh
if (this.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
},
/**
* @description: closeInvalidDiglog
* @author: renchao
*/
closeInvalidDiglog () {
this.zfyy = "";
this.invalidDiglog = false
},
/**
* @description: 作废缮证信息
* @author: renchao
*/
confirmInvalid () {
invalidCertificate({ bsmBdcqz: this.bdcqz.bsmBdcqz, zfyy: this.zfyy }).then((res) => {
if (res.code === 200) {
this.$message.success("作废成功");
this.disabled = false
this.invalidDiglog = false;
this.zfyy = ''
this.ruleForm.ysxlh = ''
this.bdcqz.ysxlh = ''
store.dispatch('user/reWorkFresh', false)
if (this.bdcqz.bdcqzlx == 1) {
this.drawTextOnImage()
} else {
this.drawTextzmImage()
}
} else {
this.$message.error(res.message);
}
})
},
/**
* @description: 不动产证书
* @author: renchao
......@@ -128,25 +215,24 @@
context.drawImage(image, 0, 0);
context.font = '16px 楷体';
context.fillStyle = '#000000';
context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56);
context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56);
context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56);
context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56);
context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97);
context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136);
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56);
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97);
context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136);
this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223);
context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263);
context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303);
context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346);
// context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386);
let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : [];
if (getByteLen(this.formData.bdcqz.mj) > 41) {
context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263);
context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303);
context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346);
let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : [];
if (getByteLen(this.bdcqz.mj) > 41) {
lines6.forEach((line, index) => {
const y = 378 + (index * 27); // 每行文本的垂直位置
let currentLine = '';
......@@ -189,7 +275,7 @@
}
// 权利其他状态
const maxWidth = 332; // 最大宽度限制
let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
......@@ -224,7 +310,7 @@
}
}
let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
lines1.forEach((line, index) => {
const y = 100 + (index * 30); // 每行文本的垂直位置
let currentLine = '';
......@@ -244,8 +330,8 @@
context.fillText(line, 580, y + (index * 30)); // 调整行高
})
})
let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : [];
if (getByteLen(this.formData.bdcqz.syqx) > 41) {
let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : [];
if (getByteLen(this.bdcqz.syqx) > 41) {
lines3.forEach((line, index) => {
const y = 423 + (index * 27); // 每行文本的垂直位置
let currentLine = '';
......@@ -287,8 +373,8 @@
})
}
let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
if (getByteLen(this.formData.bdcqz.zl) > 41) {
let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
if (getByteLen(this.bdcqz.zl) > 41) {
lines2.forEach((line, index) => {
const y = 170 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
......@@ -359,25 +445,24 @@
context.font = '16px 楷体';
context.fillStyle = '#000000';
// ysxlh
context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712);
context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
// djsj
if (this.formData.bdcqz.djsj) {
let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/')
if (this.bdcqz.djsj) {
let djsjList = this.bdcqz.djsj.split(' ')[0].split('/')
context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580);
context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580);
context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580);
}
context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125);
context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125);
context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125);
context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123);
context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180);
context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228);
context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123);
context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180);
context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228);
// 义务人
context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275);
// context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325);
let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : [];
if (getByteLen(this.formData.bdcqz.zl) > 41) {
context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
if (getByteLen(this.bdcqz.zl) > 41) {
lines2.forEach((line, index) => {
const y = 315 + (index * 20); // 每行文本的垂直位置
let currentLine = '';
......@@ -419,15 +504,15 @@
})
}
// bdcdyh
this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373);
// qlqtzk
const maxWidth = 295; // 最大宽度限制
let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : [];
const maxWidth = 290; // 最大宽度限制
let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : [];
for (let i = 0; i < lines.length; i++) {
let num = Math.ceil(getByteLen(lines[i]) / 41)
if (getByteLen(lines[i]) > 41) {
let num = Math.ceil(getByteLen(lines[i]) / 37)
if (getByteLen(lines[i]) > 37) {
let currentLine = '';
let arr = [];
for (let word of lines[i]) {
......@@ -459,10 +544,10 @@
}
}
// fj
let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : [];
let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : [];
for (let i = 0; i < lines1.length; i++) {
let num = Math.ceil(getByteLen(lines1[i]) / 41)
if (getByteLen(lines1[i]) > 41) {
let num = Math.ceil(getByteLen(lines1[i]) / 37)
if (getByteLen(lines1[i]) > 37) {
let currentLine = '';
let arr = [];
for (let word of lines1[i]) {
......@@ -494,77 +579,85 @@
}
}
}
image.src = this.bdczmSrc;
},
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit () {
this.savePrintRecord()
},
/**
* @description: 保存打印记录
* @author: renchao
*/
savePrintRecord () {
// 打印
handlePrint () {
if (this.ruleForm.ysxlh == '') {
this.$message.error('请选择印刷序列号');
return;
}
let that = this
this.ruleForm.bsmBdcqz = this.formData.bdcqz.bsmBdcqz;
this.ruleForm.bdcqzlx = this.formData.bdcqz.bdcqzlx;
this.ruleForm.szzh = this.formData.bdcqz.bdcqzh;
certificate(this.ruleForm).then((res) => {
if (res.code === 200) {
that.$popupCacel()
if (this.formData.bdcqz.bdcqzlx == 1) {
getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => {
if (res.code == 200) {
if (this.bdcqz.bdcqzlx == 1) {
getPrintTemplateByCode({ tmpno: 'zsdy' }).then(resInfo => {
if (resInfo.code == 200) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板
this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
//todo 调取后端接口获取数据 循环set
for (let key in this.formData.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
for (let key in this.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
}
LODOP.PREVIEW();
that.$popupCacel()
} else {
this.$message.error(res.message)
this.$message.error(resInfo.message)
}
that.$popupCacel()
//刷新列表
store.dispatch('user/reWorkFresh', true)
})
} else {
getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => {
if (res.code == 200) {
getPrintTemplateByCode({ tmpno: 'zmdy' }).then(resInfo => {
if (resInfo.code == 200) {
//打开模板设计
let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板
// 年月日
this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0]
this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1]
this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length)
this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0]
this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1]
this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1]
this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' +
this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length)
//todo 调取后端接口获取数据 循环set
for (let key in this.formData.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]);
for (let key in this.bdcqz) {
LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]);
}
LODOP.PREVIEW();
that.$popupCacel()
} else {
this.$message.error(res.message)
}
})
this.$message.error(resInfo.message)
}
that.$popupCacel()
//刷新列表
store.dispatch('user/reWorkFresh', true)
})
}
},
/**
* @description: 保存打印记录
* @author: renchao
*/
handleSubmit () {
let that = this
if (this.ruleForm.ysxlh == '') {
this.$message.error('请选择印刷序列号');
return;
}
this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz;
this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx;
this.ruleForm.szzh = this.bdcqz.bdcqzh;
this.bdcqz.ysxlh = this.ruleForm.ysxlh
certificate(this.ruleForm).then((res) => {
if (res.code === 200) {
that.$popupCacel()
this.handlePrint()
} else {
this.$message.error(res.message)
}
store.dispatch('user/reWorkFresh', true)
})
}
}
......@@ -579,4 +672,36 @@
.zs-content {
text-align: center;
}
.invalid-diglog {
padding-bottom: 20px;
font-size: 16px;
font-weight: bold;
color: rgb(99, 99, 99);
.invalid-title {
display: flex;
align-content: center;
.invalid-icon {
color: rgb(254, 148, 0);
font-size: 34px;
margin-right: 10px;
}
.invalid-body {
line-height: 40px;
margin-bottom: 10px;
}
}
.invalid-reson {
margin-bottom: 10px;
}
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
}
</style>
......
<template>
<div>
<div>自来水信息</div>
<div>天然气信息</div>
<div>电力信息</div>
</div>
</template>
\ No newline at end of file
<template>
<div>
<div>不动产信息</div>
<div>收费明细</div>
<div>缴费票据</div>
</div>
</template>
\ No newline at end of file
<template>
<div>
<div>不动产信息</div>
<div>买方信息</div>
<div>卖方信息</div>
<div>合同信息</div>
<div>缴税信息</div>
</div>
</template>
\ No newline at end of file
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-31 09:36:04
* @LastEditTime: 2023-09-05 14:28:25
-->
<template>
<div class="szxx">
......@@ -55,28 +55,14 @@
</div>
</div>
</el-card>
<el-dialog title="证书作废" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body="false" top="30vh">
<div class="invalid-diglog">
<div class="invalid-title">
<i class="el-icon-question invalid-icon"></i>
<div class="invalid-body">您确定作废证书并再次打印？印刷序列号{{ysxlh}}</div>
</div>
<div class="invalid-reson">作废原因：</div>
<el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input>
<div class="text-center pt-10">
<el-button @click="closeInvalidDiglog">取 消</el-button>
<el-button type="primary" @click="confirmInvalid">确 定</el-button>
</div>
</div>
</el-dialog>
<el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import store from '@/store/index.js'
import { getPrintTemplateByCode } from "@/api/print";
import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
import { getSlsqBdcqzList } from "@/api/bdcqz.js";
export default {
props: {},
data () {
......@@ -86,13 +72,8 @@
dialog: false,
tableData: [],
bdcqzlx: 1,
bdcqz: {},
zfyy: "",
invalidDiglog: false,
bsmSz: "",
bsmBdcqz: "",
ysxlh: ""
};
bdcqz: {}
}
},
computed: {
...mapGetters(['workFresh'])
......@@ -100,6 +81,7 @@
watch: {
workFresh: {
handler (newVal, oldVal) {
console.log(newVal, 'newVal');
if (newVal) this.list()
}
}
......@@ -114,15 +96,18 @@
* @author: renchao
*/
list () {
return new Promise((resolve, reject) => {
var bsmSlsq = this.$route.query.bsmSlsq;
getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
resolve(res.code);
if (res.code === 200) {
this.tableData = res.result;
if (res.result) {
this.bdcqz = res.result[0];
}
}
});
})
})
},
/**
* @description: 打开证书预览弹窗
......@@ -132,12 +117,11 @@
*/
openZsylDialog (item, type) {
store.dispatch('user/reWorkFresh', false)
if (type == 1) {
//证书证明预览
this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
} else {
this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true);
}
},
/**
......@@ -146,37 +130,7 @@
* @author: renchao
*/
openInvalidDiglog (item) {
this.bdcqz = item
this.ysxlh = item.ysxlh
this.bsmSz = item.bsmSz;
this.invalidDiglog = true;
this.bsmBdcqz = item.bsmBdcqz
},
/**
* @description: closeInvalidDiglog
* @author: renchao
*/
closeInvalidDiglog () {
this.invalidDiglog = false;
this.bsmSz = "";
this.zfyy = "";
},
/**
* @description: 作废缮证信息
* @author: renchao
*/
confirmInvalid () {
invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then((res) => {
if (res.code === 200) {
this.list();
this.$message.success("作废成功");
this.invalidDiglog = false;
this.zfyy = ''
this.openZsylDialog(this.bdcqz);
} else {
this.$message.error(res.message);
}
})
this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true);
},
/**
* @description: openRecordPop
......@@ -259,39 +213,6 @@
padding-top: 8px;
font-size: 16px;
}
.invalid-diglog {
padding-bottom: 20px;
font-size: 16px;
font-weight: bold;
color: rgb(99, 99, 99);
.invalid-title {
display: flex;
align-content: center;
.invalid-icon {
color: rgb(254, 148, 0);
font-size: 34px;
margin-right: 10px;
}
.invalid-body {
line-height: 40px;
margin-bottom: 10px;
}
}
.invalid-reson {
margin-bottom: 10px;
}
.dialog-footer {
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
}
.box-card {
.szxx_header {
color: #303133;
......
......@@ -66,6 +66,15 @@ export function getForm(tabName, djywbm) {
case "spyj":
form = require("@/views/workflow/components/spyj.vue");
break;
case "swxx":
form = require("@/views/workflow/components/swxx.vue");
break;
case "sfxx":
form = require("@/views/workflow/components/sfxx.vue");
break;
case "sdqxx":
form = require("@/views/workflow/components/sdqxx.vue");
break;
case "zdjbxx":
form = require("@/views/registerBook/zdjbxx.vue");
break;
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-11 13:59:14
* @LastEditTime: 2023-09-05 15:39:08
*/
import { getForm } from "../flowform";
import { getHomeNoticeList } from "@/api/home.js"
......@@ -49,7 +49,6 @@ export default {
* @author: renchao
*/
getFromRouter (tabname) {
console.log(tabname, 'tabname');
//根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性
for (let item of this.tabList) {
if (item.value === tabname) {
......
......@@ -369,7 +369,7 @@
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
<div v-if="ruleForm.qlxx.djlx == '200'">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -379,7 +379,7 @@
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
/>
</div>
<div class="slxx_title title-block">
登记原因
......
......@@ -253,7 +253,17 @@
</div>
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.zxyy">
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因：" prop="djyy">
<el-input
class="textArea"
type="textarea"
......
......@@ -268,14 +268,25 @@
</div>
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"></el-input>
v-model="ruleForm.ygdj.zxyy">
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因：" prop="djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 08:52:44
* @LastEditTime: 2023-09-05 11:32:50
-->
<template>
<div class="from-clues">
......@@ -58,7 +58,7 @@
import { ywPopupDialog } from "@/utils/popup.js";
import { selectLq } from "@/api/ywsq.js";
import { startBusinessFlow } from "@/api/workFlow.js";
import { datas, sendThis } from "../javascript/selectQjlqxx.js";
import { datas, sendThis } from "../javascript/selectQjlqxxQt.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
export default {
mixins: [table, jump],
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-17 16:09:12
* @LastEditTime: 2023-09-05 13:10:53
-->
<template>
<div class="from-clues">
......@@ -58,7 +58,7 @@
import { ywPopupDialog } from "@/utils/popup.js";
import { selectLq } from "@/api/ywsq.js";
import { startBusinessFlow } from "@/api/workFlow.js";
import { datas, sendThis } from "../javascript/selectQjzdjbxx.js";
import { datas, sendThis } from "../javascript/selectSllmqt.js";
import { defaultParameters } from "../javascript/publicDefaultPar.js";
export default {
mixins: [table, jump],
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-05 11:33:36
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: "状态",
width: '130',
render: (h, scope) => {
return (
<div>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
</div>
)
}
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "bdcdyh",
label: "不动产单元号",
minWidth: '150'
},
{
prop: "bdcqzh",
label: "不动产权证号",
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
},
width: '150'
},
{
prop: "gyqk",
label: "共有方式",
},
{
prop: "qlrmc",
label: "使用权人",
},
{
prop: "qlrzjhm",
label: "证件号",
},
{
prop: "qlxzmc",
width: '80',
label: "权利性质",
},
{
prop: "qlmjmc",
width: '100',
label: "使用权面积",
},
{
prop: "qlytmc",
label: "土地用途",
},
{
prop: "qdjgmc",
width: '100',
label: "取得价格",
},
{
prop: "zl",
label: "坐落",
minWidth: '150'
},{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-05 13:10:31
*/
import filter from '@/utils/filter.js'
let vm = null
const sendThis = (_this) => {
vm = _this
}
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
type: 'selection',
label: '全选',
selectable: this.selected
},
{
label: '序号',
type: 'index',
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: "状态",
render: (h, scope) => {
return (
<div>
<a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
<span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
{/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
<span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.ycfzt == 1}>,已预查封</span>
<span v-show={scope.row.cfzt == 1}>,已查封</span>
<span v-show={scope.row.diyizt == 1}>,已地役</span>
<span v-show={scope.row.yyzt == 1}>,异议中</span>
<span v-show={scope.row.xzzt == 1}>,已限制</span>
<span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
<span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
<span v-show={scope.row.dyzt == 1}>,已抵押</span> */}
</div>
)
}
},
{
prop: "qllxmc",
label: "权利类型",
},
{
prop: "zddm",
label: "宗地代码",
},
{
prop: "bdcdyh",
label: "不动产单元号",
minWidth: '110'
},
{
prop: "showQlxz",
label: "权利性质",
},
{
prop: "zdmj",
label: "宗地面积(㎡)",
},
{
prop: "qlsdfsmc",
label: "权利设定方式",
},
{
prop: "showTdyt",
label: "土地用途",
},
{
prop: "tfh",
label: "图幅号",
},
{
prop: "djh",
label: "地籍号",
},
{
prop: "zl",
label: "坐落",
minWidth: '110'
},{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return (
<div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
</div>
)
}
}
]
}
}
let datas = new data()
export {
datas,
sendThis
}
......@@ -96,7 +96,7 @@ export function queueDjywmc (djywbm, djqxbm) {
// case "C40400": //一并申请注销
// vm = "selectYbbg";
// break;
case "C04372": //一并国有房屋变更
//case "C04372": //一并国有房屋变更
case "C04371": //一并国有房屋转移
vm = "selectYbgybg";
break;
......