Skip to content

bdc / bdcdj-web

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

style:登记薄

1 parent 2c90423b
Expand all
Inline Side-by-side
Showing 21 changed files with 760 additions and 371 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-16 14:05:25 4 * @LastEditTime: 2023-09-15 09:32:40
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 import { log } from 'bpmn-js-token-simulation' 7 import { log } from 'bpmn-js-token-simulation'
...@@ -25,7 +25,7 @@ export function addRepairRecord (data) { ...@@ -25,7 +25,7 @@ export function addRepairRecord (data) {
25 */ 25 */
26 export function deleteFlow (params) { 26 export function deleteFlow (params) {
27 return request({ 27 return request({
28 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params, 28 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq=' + params,
29 method: 'get', 29 method: 'get',
30 }) 30 })
31 } 31 }
...@@ -37,7 +37,7 @@ export function deleteFlow (params) { ...@@ -37,7 +37,7 @@ export function deleteFlow (params) {
37 */ 37 */
38 export function deleteRepairRecord (params) { 38 export function deleteRepairRecord (params) {
39 return request({ 39 return request({
40 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair='+params, 40 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteRepairRecord?bsmRepair=' + params,
41 method: 'get', 41 method: 'get',
42 }) 42 })
43 } 43 }
...@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { ...@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) {
49 */ 49 */
50 export function init (params) { 50 export function init (params) {
51 return request({ 51 return request({
52 url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit, 52 url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair=' + params.bsmRepair + '&isEdit=' + params.isEdit,
53 method: 'get', 53 method: 'get',
54 }) 54 })
55 } 55 }
...@@ -61,7 +61,7 @@ export function init (params) { ...@@ -61,7 +61,7 @@ export function init (params) {
61 */ 61 */
62 export function leftMenubl (params) { 62 export function leftMenubl (params) {
63 return request({ 63 return request({
64 url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq='+params, 64 url: SERVER.SERVERAPI + '/rest/djbRepair/leftMenu?bsmSlsq=' + params,
65 method: 'get', 65 method: 'get',
66 params 66 params
67 }) 67 })
...@@ -110,7 +110,7 @@ export function getZtQlxx (params) { ...@@ -110,7 +110,7 @@ export function getZtQlxx (params) {
110 * @param {*} data 110 * @param {*} data
111 * @author: renchao 111 * @author: renchao
112 */ 112 */
113 export function startBusinessFlow (data) { 113 export function startBusinessFlow (data) {
114 return request({ 114 return request({
115 url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow', 115 url: SERVER.SERVERAPI + '/rest/djbRepair/startBusinessFlow',
116 method: 'post', 116 method: 'post',
...@@ -122,7 +122,7 @@ export function getZtQlxx (params) { ...@@ -122,7 +122,7 @@ export function getZtQlxx (params) {
122 * @param {*} data 122 * @param {*} data
123 * @author: renchao 123 * @author: renchao
124 */ 124 */
125 export function addidea (data) { 125 export function addidea (data) {
126 return request({ 126 return request({
127 url: SERVER.SERVERAPI + '/rest/djbRepair/sh', 127 url: SERVER.SERVERAPI + '/rest/djbRepair/sh',
128 method: 'post', 128 method: 'post',
...@@ -134,9 +134,9 @@ export function getZtQlxx (params) { ...@@ -134,9 +134,9 @@ export function getZtQlxx (params) {
134 * @param {*} data 134 * @param {*} data
135 * @author: renchao 135 * @author: renchao
136 */ 136 */
137 export function getShList (data) { 137 export function getShList (data) {
138 return request({ 138 return request({
139 url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, 139 url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair=' + data.bsmRepair,
140 method: 'post', 140 method: 'post',
141 data 141 data
142 }) 142 })
...@@ -147,10 +147,24 @@ export function getZtQlxx (params) { ...@@ -147,10 +147,24 @@ export function getZtQlxx (params) {
147 * @param {*} data 147 * @param {*} data
148 * @author: renchao 148 * @author: renchao
149 */ 149 */
150 export function getQlxxByQlxxBsm (params) { 150 export function getQlxxByQlxxBsm (params) {
151 return request({ 151 return request({
152 url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm', 152 url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
153 method: 'get', 153 method: 'get',
154 params 154 params
155 }) 155 })
156 } 156 }
157
158
159 /**
160 * @description: 初始化材料信息
161 * @param {*} data
162 * @author: renchao
163 */
164 export function repairInitClml (data) {
165 return request({
166 url: SERVER.SERVERAPI + '/rest/djbRepair/repairInitClml',
167 method: 'post',
168 data
169 })
170 }
...\ No newline at end of file ...\ No newline at end of file
......
1 这是登记薄材料明细
2 补录数据和临时数据
...\ No newline at end of file ...\ No newline at end of file
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-07 15:04:46
5 -->
6 <template>
7 <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
8 :isFullscreen="false">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px">
10 <el-row>
11 <el-col :span="24">
12 <el-form-item label="材料类型" prop="cllx">
13 <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
14 <el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 </el-row>
20 <el-row :gutter="20">
21 <el-col :span="24">
22 <el-form-item label="材料名称" prop="clmc">
23 <el-input v-model="ruleForm.clmc"></el-input>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 </el-form>
28 </dialogBox>
29 </template>
30 <script>
31 import store from '@/store/index.js'
32 export default {
33 props: {
34 value: { type: Boolean, default: false },
35 },
36 data () {
37 return {
38 cllxList: store.getters.dictData['A40'],
39 myValue: this.value,
40 ruleForm: {
41 cllx: "",
42 clmc: "",
43 },
44 rules: {
45 cllx: [
46 { required: true, message: '请选择材料类型', trigger: 'change' }
47 ],
48 clmc: [
49 { required: true, message: '请输入材料名称', trigger: 'blur' }
50 ]
51 }
52 }
53 },
54 watch: {
55 value (val) {
56 this.myValue = val;
57 },
58 },
59 methods: {
60 /**
61 * @description: closeDialog
62 * @author: renchao
63 */
64 closeDialog () {
65 this.$emit("input", false);
66 this.ruleForm = {
67 cllx: "",
68 clmc: "",
69 }
70 },
71 /**
72 * @description: handleSubmit
73 * @author: renchao
74 */
75 handleSubmit () {
76 this.$refs['ruleForm'].validate((valid) => {
77 if (valid) {
78 this.$parent.addSave(this.ruleForm);
79 this.ruleForm = {
80 cllx: "",
81 clmc: "",
82 }
83 this.$emit("input", false);
84 } else {
85 return false;
86 }
87 })
88 }
89 }
90 };
91 </script>
92 <style scoped lang="scss">
93 .submit-button {
94 text-align: center;
95 height: 52px;
96 padding-top: 10px;
97 background-color: #fff;
98 }
99 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-14 11:14:54
5 -->
6 <template>
7 <div class="clmlmx-box">
8 <lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false"
9 :data="tableData">
10 </lb-table>
11 <div class="text-center">
12 <el-button @click="handleCancel">取消</el-button>
13 <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
14 </div>
15 </div>
16 </template>
17 <script>
18 import store from '@/store/index.js'
19 import Sortable from 'sortablejs'
20 import { ywPopupCacel } from "@/utils/popup.js";
21 import { editCompanyMaterialList } from "@/api/company.js";
22 export default {
23 props: {
24 formData: {
25 type: Object,
26 default: () => {
27 return {}
28 }
29 }
30 },
31 data () {
32 return {
33 loading: false,
34 sortable: null,
35 column: [
36 {
37 label: "材料名称",
38 render: (h, scope) => {
39 return (
40 (scope.row.sfxjcl == '1') ?
41 <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span>
42 )
43 }
44 },
45 {
46 label: "材料类型",
47 width: "110",
48 render: (h, scope) => {
49 return (
50 <el-select value={scope.row.cllx}
51 onChange={(val) => { scope.row.cllx = val }}>
52 {
53 store.getters.dictData['A40'].map(option => {
54 return (
55 <el-option label={option.dname} value={option.dcode}></el-option>
56 )
57 })
58 }
59 </el-select>
60 )
61 }
62 },
63 {
64 label: "页数",
65 width: "80",
66 render: (h, scope) => {
67 if (scope.row.count && scope.row.count > 0) {
68 return (
69 <div>
70 <span>{scope.row.count}</span>
71 </div>
72 );
73 } else {
74 return (
75 <div>
76 <span>0</span>
77 </div>
78 );
79 }
80 },
81 },
82 {
83 label: "操作",
84 width: "100",
85 render: (h, scope) => {
86 return (
87 <el-button
88 type="text"
89 icon="el-icon-delete"
90 disabled={scope.row.count != 0}
91 onClick={() => {
92 this.handleDelete(scope.$index, scope.row);
93 }}
94 >
95 删除
96 </el-button>
97 )
98 }
99 }
100 ],
101 key: 0,
102 tableData: []
103 }
104 },
105 mounted () {
106 this.initSort()
107 this.tableData = _.cloneDeep(this.formData.data)
108 },
109 beforeDestroy () {
110 if (this.sortable) {
111 this.sortable.destroy();
112 }
113 },
114 watch: {
115 'formData.data': {
116 handler: function (val, oldVal) {
117 this.tableData = _.cloneDeep(val)
118 },
119 immediate: true,
120 deep: true
121 }
122 },
123 methods: {
124 handleCancel () {
125 ywPopupCacel()
126 },
127 handleSubmit () {
128 this.loading = true
129 store.dispatch('user/reWorkFresh', false)
130 editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => {
131 this.loading = false
132 if (res.code == 200) {
133 this.$message({
134 message: '保存成功',
135 type: 'success'
136 })
137 store.dispatch('user/reWorkFresh', true)
138 ywPopupCacel()
139 }
140 }).catch(() => {
141 this.loading = false
142 })
143 },
144 /**
145 * @description: 材料目录删除
146 * @param {*} index
147 * @param {*} row
148 * @author: renchao
149 */
150 handleDelete (index, row) {
151 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
152 confirmButtonText: '确定',
153 cancelButtonText: '取消',
154 type: 'warning'
155 }).then(() => {
156 this.tableData.splice(index, 1);
157 }).catch(() => {
158 this.$message({
159 type: 'info',
160 message: '已取消删除'
161 })
162 })
163 },
164 initSort () {
165 const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
166 this.sortable = Sortable.create(el, {
167 ghostClass: 'sortable-ghost',
168 setData: function (dataTransfer) {
169 dataTransfer.setData('Text', '')
170 },
171 onEnd: evt => {
172 const targetRow = this.tableData.splice(evt.oldIndex, 1)[0];
173 this.tableData.splice(evt.newIndex, 0, targetRow);
174 }
175 })
176 }
177 }
178 }
179 </script>
180 <style scoped lang='scss'>
181 @import "~@/styles/mixin.scss";
182 .clmlmx-box {
183 margin: 0 auto;
184 .title {
185 text-align: center;
186 height: 60px;
187 line-height: 60px;
188 border: 1px solid #dfe6ec;
189 font-size: 20px;
190 background: #81d3f81a;
191 margin-bottom: -1px;
192 }
193 }
194 </style>
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-22 16:27:38 4 * @LastEditTime: 2023-09-15 09:33:54
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -210,11 +210,6 @@ ...@@ -210,11 +210,6 @@
210 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 210 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
211 </el-form-item> 211 </el-form-item>
212 </el-col> 212 </el-col>
213 <!-- <el-col :span="8">
214 <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
215 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
216 </el-form-item>
217 </el-col> -->
218 <el-col :span="8"> 213 <el-col :span="8">
219 <el-form-item 214 <el-form-item
220 label="登记机构：" 215 label="登记机构："
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-09 09:20:10 4 * @LastEditTime: 2023-09-15 09:30:33
5 --> 5 -->
6 <template> 6 <template>
7 <el-dialog 7 <el-dialog
...@@ -11,8 +11,7 @@ ...@@ -11,8 +11,7 @@
11 :visible.sync="dialogVisible" 11 :visible.sync="dialogVisible"
12 custom-class="insetDialog" 12 custom-class="insetDialog"
13 append-to-body 13 append-to-body
14 width="31%" 14 width="31%">
15 >
16 <!-- <el-radio-group v-model="radio"> 15 <!-- <el-radio-group v-model="radio">
17 <el-radio-button 16 <el-radio-button
18 v-for="(value, key) in qllxlistdata" 17 v-for="(value, key) in qllxlistdata"
...@@ -32,13 +31,13 @@ ...@@ -32,13 +31,13 @@
32 </template> 31 </template>
33 32
34 <script> 33 <script>
35 export default { 34 export default {
36 data() { 35 data () {
37 return { 36 return {
38 dialogVisible: false, 37 dialogVisible: false,
39 qllxlistdata: {}, 38 qllxlistdata: {},
40 radio: "", 39 radio: "",
41 qllx:"" 40 qllx: ""
42 }; 41 };
43 }, 42 },
44 43
...@@ -47,7 +46,7 @@ export default { ...@@ -47,7 +46,7 @@ export default {
47 * @description: closeDialog 46 * @description: closeDialog
48 * @author: renchao 47 * @author: renchao
49 */ 48 */
50 closeDialog() { 49 closeDialog () {
51 this.dialogVisible = false; 50 this.dialogVisible = false;
52 }, 51 },
53 52
...@@ -56,43 +55,42 @@ export default { ...@@ -56,43 +55,42 @@ export default {
56 * @param {*} el 55 * @param {*} el
57 * @author: renchao 56 * @author: renchao
58 */ 57 */
59 clicksss(el){ 58 clicksss (el) {
60 console.log("elllllllllllllllllllll",el); 59 this.qllx = el
61 this.qllx=el
62 }, 60 },
63 /** 61 /**
64 * @description: handleSubmit 62 * @description: handleSubmit
65 * @author: renchao 63 * @author: renchao
66 */ 64 */
67 handleSubmit() { 65 handleSubmit () {
68 66
69 if(this.qllx){ 67 if (this.qllx) {
70 let qllxobj = { 68 let qllxobj = {
71 qllx:this.qllx, 69 qllx: this.qllx,
72 bsmQlxx:"" 70 bsmQlxx: ""
73 }; 71 };
74 this.$parent.addRepairRecord(qllxobj) 72 this.$parent.addRepairRecord(qllxobj)
75 }else{ 73 } else {
76 this.$message({ 74 this.$message({
77 type: "warning", 75 type: "warning",
78 message: "请选择权利类型!", 76 message: "请选择权利类型!",
79 }); 77 });
80 } 78 }
81 this.qllx="" 79 this.qllx = ""
82 }, 80 },
83 }, 81 },
84 }; 82 };
85 </script> 83 </script>
86 <style scoped lang="scss"> 84 <style scoped lang="scss">
87 @import '~@/styles/public.scss'; 85 @import "~@/styles/public.scss";
88 .qllxdialog { 86 .qllxdialog {
89 margin-top: 160px; 87 margin-top: 160px;
90 /deep/.el-dialog__body { 88 /deep/.el-dialog__body {
91 margin-top: 10px; 89 margin-top: 10px;
92 // height: 100px; 90 // height: 100px;
93 padding: 20px; 91 padding: 20px;
94 } 92 }
95 .gettypebutton{ 93 .gettypebutton {
96 cursor: pointer; 94 cursor: pointer;
97 margin-left: 20px; 95 margin-left: 20px;
98 width: 45%; 96 width: 45%;
...@@ -108,23 +106,22 @@ export default { ...@@ -108,23 +106,22 @@ export default {
108 transition: all 0.3s; 106 transition: all 0.3s;
109 color: #000; 107 color: #000;
110 } 108 }
111 .gettypebutton:hover{ 109 .gettypebutton:hover {
112 border: 1px solid #0F93F6; 110 border: 1px solid #0f93f6;
113 color: #0F93F6; 111 color: #0f93f6;
114 } 112 }
115 .gettypebutton:focus{ 113 .gettypebutton:focus {
116 background-color: #0F93F6; 114 background-color: #0f93f6;
117 border: 1px solid #0F93F6; 115 border: 1px solid #0f93f6;
118 color: #ebebeb; 116 color: #ebebeb;
119 } 117 }
120 .btn{ 118 .btn {
121 margin-top:30px; 119 margin-top: 30px;
122 text-align: center; 120 text-align: center;
123 .el-button { 121 .el-button {
124 margin-top: 10px; 122 margin-top: 10px;
125 margin-left: 20px; 123 margin-left: 20px;
126 } 124 }
127 } 125 }
128 126 }
129 }
130 </style> 127 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-29 14:39:11 4 * @LastEditTime: 2023-09-15 09:31:37
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm(tabName) { 7 export function getForm (tabName) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10 case "zdjbxx": 10 case "zdjbxx":
...@@ -82,7 +82,7 @@ export function getForm(tabName) { ...@@ -82,7 +82,7 @@ export function getForm(tabName) {
82 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue"); 82 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/cfdj.vue");
83 break; 83 break;
84 case "clxx": 84 case "clxx":
85 form = require("@/views/workflow/components/clxx/clxxUnify.vue"); 85 form = require("@/views/djbworkflow/djbBook/components/clxx/index.vue");
86 break; 86 break;
87 case "spyj": 87 case "spyj":
88 form = require("@/views/djbworkflow/djbBook/spyj.vue"); 88 form = require("@/views/djbworkflow/djbBook/spyj.vue");
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-14 11:16:12 4 * @LastEditTime: 2023-09-15 09:27:14
5 --> 5 -->
6 <template> 6 <template>
7 <div class="container"> 7 <div class="container">
...@@ -53,7 +53,6 @@ ...@@ -53,7 +53,6 @@
53 :key="item.value"> 53 :key="item.value">
54 </el-tab-pane> 54 </el-tab-pane>
55 </el-tabs> 55 </el-tabs>
56
57 <component 56 <component
58 :key="fresh" 57 :key="fresh"
59 :is="componentTag" 58 :is="componentTag"
...@@ -132,7 +131,6 @@ ...@@ -132,7 +131,6 @@
132 mounted () { 131 mounted () {
133 // this.getleftMenubl() 132 // this.getleftMenubl()
134 }, 133 },
135
136 methods: { 134 methods: {
137 /** 135 /**
138 * @description: stepForm 136 * @description: stepForm
...@@ -163,7 +161,6 @@ ...@@ -163,7 +161,6 @@
163 }); 161 });
164 } 162 }
165 }, 163 },
166 // 获取右侧选项卡
167 /** 164 /**
168 * @description: 获取右侧选项卡 165 * @description: 获取右侧选项卡
169 * @param {*} val 166 * @param {*} val
...@@ -185,7 +182,6 @@ ...@@ -185,7 +182,6 @@
185 this.stepForm(this.currentSelectProps.qllx); 182 this.stepForm(this.currentSelectProps.qllx);
186 } 183 }
187 }, 184 },
188 // 获取渲染登记簿列表
189 /** 185 /**
190 * @description: 获取渲染登记簿列表 186 * @description: 获取渲染登记簿列表
191 * @author: renchao 187 * @author: renchao
...@@ -218,7 +214,6 @@ ...@@ -218,7 +214,6 @@
218 } 214 }
219 }); 215 });
220 }, 216 },
221 //选项卡切换事件
222 /** 217 /**
223 * @description: 右侧表单选项卡事件 218 * @description: 右侧表单选项卡事件
224 * @param {*} handleClick 219 * @param {*} handleClick
...@@ -233,7 +228,6 @@ ...@@ -233,7 +228,6 @@
233 } 228 }
234 229
235 }, 230 },
236 //右侧表单选项卡事件
237 /** 231 /**
238 * @description: 右侧表单选项卡事件 232 * @description: 右侧表单选项卡事件
239 * @param {*} activeName 233 * @param {*} activeName
...@@ -243,7 +237,6 @@ ...@@ -243,7 +237,6 @@
243 beforeLeave (activeName) { 237 beforeLeave (activeName) {
244 if (activeName && activeName != 0) this.getFromRouter(activeName); 238 if (activeName && activeName != 0) this.getFromRouter(activeName);
245 }, 239 },
246 //切换选项卡内容组件
247 /** 240 /**
248 * @description: 切换选项卡内容组件 241 * @description: 切换选项卡内容组件
249 * @param {*} tabname 242 * @param {*} tabname
...@@ -255,7 +248,6 @@ ...@@ -255,7 +248,6 @@
255 changeywh () { 248 changeywh () {
256 this.$refs.Menu.getleftMenubl("change"); 249 this.$refs.Menu.getleftMenubl("change");
257 }, 250 },
258 // 增加补录记录
259 /** 251 /**
260 * @description: 增加补录记录 252 * @description: 增加补录记录
261 * @param {*} row 253 * @param {*} row
...@@ -300,21 +292,9 @@ ...@@ -300,21 +292,9 @@
300 .catch((res) => { 292 .catch((res) => {
301 console.log("错", res); 293 console.log("错", res);
302 }); 294 });
303 }, 295 }
304 // openDialog () { 296 }
305 // this.$store.dispatch('user/refreshPage', false) 297 }
306 // let data = JSON.parse(localStorage.getItem('ywbl'))
307 // let title
308 // if (data?.sqywmc) {
309 // title = "申请业务：" + data?.sqywmc
310 // } else {
311 // title = "申请业务：" + data?.djywmc
312 // }
313
314 // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
315 // }
316 },
317 };
318 </script> 298 </script>
319 <style scoped lang="scss"> 299 <style scoped lang="scss">
320 .rightContainer { 300 .rightContainer {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-15 10:20:43
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="boxcfdj" :tableData="tableData" :render="render"/> 9 <printTemplate id="boxcfdj" :tableData="tableData" :render="render" />
10 </div> 10 </div>
11 <div class="tableBox"> 11 <div class="tableBox">
12 <div class="title"> 12 <div class="title">
13 {{ title }} 13 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()" 14 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
15 >打印</el-button
16 >
17 <div class="checkbox"> 15 <div class="checkbox">
18 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
19 <el-checkbox 17 <el-checkbox
20 v-for="item in qsztList" 18 v-for="item in qsztList"
21 :key="item.value" 19 :key="item.value"
22 :label="item.value" 20 :label="item.value">{{ item.label }}</el-checkbox>
23 >{{ item.label }}</el-checkbox
24 >
25 </el-checkbox-group> 21 </el-checkbox-group>
26 </div> 22 </div>
27 </div> 23 </div>
...@@ -41,24 +37,18 @@ ...@@ -41,24 +37,18 @@
41 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 37 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
42 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 38 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
43 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
44 ]" 40 ]">
45 >
46 <div 41 <div
47 class="setbut" 42 class="setbut"
48 v-if="item.prop == 'cz' && row.sjlx != '系统数据'" 43 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
49 >
50 <el-button 44 <el-button
51 type="text" 45 type="text"
52 icon="el-icon-edit-outline" 46 icon="el-icon-edit-outline"
53 @click="editDialog(row)" 47 @click="editDialog(row)">编辑</el-button>
54 >编辑</el-button
55 >
56 <el-button 48 <el-button
57 type="text" 49 type="text"
58 icon="el-icon-edit-outline" 50 icon="el-icon-edit-outline"
59 @click="editDialog(row, 'D')" 51 @click="editDialog(row, 'D')">删除</el-button>
60 >删除</el-button
61 >
62 </div> 52 </div>
63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> 53 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
64 有效 54 有效
...@@ -85,8 +75,7 @@ ...@@ -85,8 +75,7 @@
85 effect="dark" 75 effect="dark"
86 :content="row[item.prop]" 76 :content="row[item.prop]"
87 placement="top" 77 placement="top"
88 popper-class="tooltip-width" 78 popper-class="tooltip-width">
89 >
90 <span class="ellipsis-line"> 79 <span class="ellipsis-line">
91 {{ row[item.prop] }} 80 {{ row[item.prop] }}
92 </span> 81 </span>
...@@ -101,21 +90,21 @@ ...@@ -101,21 +90,21 @@
101 </template> 90 </template>
102 91
103 <script> 92 <script>
104 import printTemplate from "./components/printTemplate.vue"; 93 import printTemplate from "./components/printTemplate.vue";
105 import { datas } from "./qlxxFormData.js"; 94 import { datas } from "./qlxxFormData.js";
106 import { getSjlx } from "@/utils/dictionary.js"; 95 import { getSjlx } from "@/utils/dictionary.js";
107 import { getCfdjList } from "@/api/djbDetail.js"; 96 import { getCfdjList } from "@/api/djbDetail.js";
108 export default { 97 export default {
109 components: { 98 components: {
110 printTemplate, 99 printTemplate,
111 }, 100 },
112 data() { 101 data () {
113 return { 102 return {
114 printObj: { 103 printObj: {
115 id: "box", 104 id: "box",
116 //其他配置项， 105 //其他配置项，
117 }, 106 },
118 shows:false, 107 shows: false,
119 title: "查封登记信息", 108 title: "查封登记信息",
120 qsztList: datas.columns().qsztList, 109 qsztList: datas.columns().qsztList,
121 checkList: datas.columns().checkList, 110 checkList: datas.columns().checkList,
...@@ -130,7 +119,7 @@ export default { ...@@ -130,7 +119,7 @@ export default {
130 render: false, 119 render: false,
131 }; 120 };
132 }, 121 },
133 created() { 122 created () {
134 this.loadData(); 123 this.loadData();
135 }, 124 },
136 methods: { 125 methods: {
...@@ -138,7 +127,7 @@ export default { ...@@ -138,7 +127,7 @@ export default {
138 * @description: openPrint 127 * @description: openPrint
139 * @author: miaofang 128 * @author: miaofang
140 */ 129 */
141 openPrint() { 130 openPrint () {
142 this.render = true; 131 this.render = true;
143 setTimeout(() => { 132 setTimeout(() => {
144 this.prinsss(); 133 this.prinsss();
...@@ -148,7 +137,7 @@ export default { ...@@ -148,7 +137,7 @@ export default {
148 * @description: prinsss 137 * @description: prinsss
149 * @author: miaofang 138 * @author: miaofang
150 */ 139 */
151 prinsss() { 140 prinsss () {
152 printJS({ 141 printJS({
153 printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 142 printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
154 type: "html", 143 type: "html",
...@@ -161,13 +150,13 @@ export default { ...@@ -161,13 +150,13 @@ export default {
161 // 继承原来的所有样式 150 // 继承原来的所有样式
162 targetStyles: ["*"], 151 targetStyles: ["*"],
163 }); 152 });
164 this.render=false 153 this.render = false
165 }, 154 },
166 /** 155 /**
167 * @description: loadData 156 * @description: loadData
168 * @author: renchao 157 * @author: renchao
169 */ 158 */
170 loadData() { 159 loadData () {
171 if (this.$parent.addRepairRecord) { 160 if (this.$parent.addRepairRecord) {
172 this.columns.unshift({ prop: "cz", label: "操作" }); 161 this.columns.unshift({ prop: "cz", label: "操作" });
173 } 162 }
...@@ -178,7 +167,7 @@ export default { ...@@ -178,7 +167,7 @@ export default {
178 }).then((res) => { 167 }).then((res) => {
179 if (res.code === 200) { 168 if (res.code === 200) {
180 this.tableData = res.result; 169 this.tableData = res.result;
181 this.shows=this.tableData.length>0 170 this.shows = this.tableData.length > 0
182 this.tableData.forEach((item) => { 171 this.tableData.forEach((item) => {
183 item.sjlx = getSjlx(item.sjlx); 172 item.sjlx = getSjlx(item.sjlx);
184 }); 173 });
...@@ -202,7 +191,7 @@ export default { ...@@ -202,7 +191,7 @@ export default {
202 * @description: checkChange 191 * @description: checkChange
203 * @author: renchao 192 * @author: renchao
204 */ 193 */
205 checkChange() { 194 checkChange () {
206 if (this.checkList.length === 0) { 195 if (this.checkList.length === 0) {
207 this.tableData = []; 196 this.tableData = [];
208 this.emptycolNum = datas.columns().emptycolNum; 197 this.emptycolNum = datas.columns().emptycolNum;
...@@ -214,7 +203,7 @@ export default { ...@@ -214,7 +203,7 @@ export default {
214 * @description: getQsztName 203 * @description: getQsztName
215 * @author: renchao 204 * @author: renchao
216 */ 205 */
217 getQsztName(code) { 206 getQsztName (code) {
218 let name = ""; 207 let name = "";
219 for (let item of this.qsztList) { 208 for (let item of this.qsztList) {
220 if (item.value == code) { 209 if (item.value == code) {
...@@ -231,7 +220,7 @@ export default { ...@@ -231,7 +220,7 @@ export default {
231 * @param {*} del 220 * @param {*} del
232 * @author: renchao 221 * @author: renchao
233 */ 222 */
234 editDialog(row, del) { 223 editDialog (row, del) {
235 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 224 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
236 confirmButtonText: "确定", 225 confirmButtonText: "确定",
237 cancelButtonText: "取消", 226 cancelButtonText: "取消",
...@@ -253,12 +242,12 @@ export default { ...@@ -253,12 +242,12 @@ export default {
253 }); 242 });
254 }, 243 },
255 }, 244 },
256 }; 245 };
257 </script> 246 </script>
258 247
259 <style lang="scss" scoped> 248 <style lang="scss" scoped>
260 @import "./qlxxCommon.scss"; 249 @import "./qlxxCommon.scss";
261 .title { 250 .title {
262 position: relative; 251 position: relative;
263 .print { 252 .print {
264 // background-color: #0079fe; 253 // background-color: #0079fe;
...@@ -267,5 +256,5 @@ export default { ...@@ -267,5 +256,5 @@ export default {
267 left: 11px; 256 left: 11px;
268 top: 5px; 257 top: 5px;
269 } 258 }
270 } 259 }
271 </style> 260 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 11:00:11
5 -->
6 <template>
7 <div class="tableBox">
8 <div v-show="false">
9 <printTemplate
10 id="boxdiyaq"
11 :tableData="tableData"
12 :render="render" />
13 </div>
14 <div class="title">
15 {{ title }}
16 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
17 <div class="checkbox">
18 <el-checkbox-group v-model="checkList" @change="checkChange">
19 <el-checkbox
20 v-for="item in qsztList"
21 :key="item.value"
22 :label="item.value">{{ item.label }}</el-checkbox>
23 </el-checkbox-group>
24 </div>
25 </div>
26 <div class="xxTableBox rollTable">
27 <table class="xxTable">
28 <tr v-for="(item, colindex) in columns" :key="colindex">
29 <td>
30 {{ item.label }}
31 </td>
32 <td
33 v-for="(row, index) in tableData"
34 :key="index"
35 :class="[
36 row.qszt == '2' ? 'lishi' : '',
37 row.qszt == '0' ? 'linshi' : '',
38 row.qlzt == '4' ? 'linshi' : '',
39
40 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
41 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
42 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
43 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
44 ]">
45 <div
46 class="setbut"
47 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
48 <el-button
49 type="text"
50 icon="el-icon-edit-outline"
51 @click="editDialog(row)">编辑</el-button>
52 <el-button
53 type="text"
54 icon="el-icon-edit-outline"
55 @click="editDialog(row, 'D')">删除</el-button>
56 </div>
57 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
58 有效
59 </div>
60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
61 正在补录
62 </div>
63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
64 正在申请
65 </div>
66 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
67 正在注销
68 </div>
69
70 <p v-if="!['djyy', 'fj'].includes(item.prop)">
71 <span v-if="item.prop == 'qszt'">
72 {{ getQsztName(row[item.prop]) }}
73 </span>
74 <span v-else>{{ row[item.prop] }}</span>
75 </p>
76
77 <el-tooltip
78 v-else
79 effect="dark"
80 :content="row[item.prop]"
81 placement="top"
82 popper-class="tooltip-width">
83 <span class="ellipsis-line">
84 {{ row[item.prop] }}
85 </span>
86 </el-tooltip>
87 </td>
88 <td v-for="count in emptycolNum" :key="~count"></td>
89 </tr>
90 </table>
91 </div>
92 </div>
93 </template>
94 <script>
95 import { datas } from "../qlxxFormData.js";
96 import printTemplate from "../components/printTemplate.vue";
97 export default {
98 components: {
99 printTemplate
100 },
101 props: {
102 title: {
103 type: String,
104 default: ''
105 },
106 shows: {
107 type: Boolean,
108 default: false
109 },
110 // 传递参数
111 propsParam: {
112 type: Object,
113 default: () => { }
114 },
115 // 列表数据
116 tableData: {
117 type: Array,
118 default: () => []
119 },
120 columns: {
121 type: Array,
122 default: () => []
123 },
124 },
125 data () {
126 return {
127 printObj: {
128 id: "box",
129 //其他配置项，
130 },
131 qsztList: datas.columns().qsztList,
132 checkList: datas.columns().checkList,
133 //空列值个数
134 emptycolNum: datas.columns().emptycolNum,
135 render: false,
136 };
137 },
138 methods: {
139 openPrint () {
140 this.render = true;
141 setTimeout(() => {
142 this.prinsss();
143 }, 100);
144 },
145 /**
146 * @description: prinsss
147 * @author: miaofang
148 */
149 prinsss () {
150 printJS({
151 printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
152 type: "html",
153 maxWidth: 800, // 最大宽度
154 font_size: "", // 不设置则使用默认字体大小
155 style: `@font-face {
156 font-family: "STZHONGS";
157 src: url(${window.ttf}) format("truetype");
158 }`,
159 // 继承原来的所有样式
160 targetStyles: ["*"],
161 });
162 this.render = false
163 },
164 /**
165 * @description: checkChange
166 * @author: renchao
167 */
168 checkChange () {
169 if (this.checkList.length === 0) {
170 this.tableData = [];
171 this.emptycolNum = datas.columns().emptycolNum;
172 } else {
173 this.$parent.loadData();
174 }
175 },
176 /**
177 * @description: getQsztName
178 * @param {*} code
179 * @author: renchao
180 */
181 getQsztName (code) {
182 let name = "";
183 for (let item of this.qsztList) {
184 if (item.value == code) {
185 name = item.label;
186 break;
187 }
188 }
189 return name;
190 },
191 /**
192 * @description: 新增一条补录信息
193 * @param {*} row
194 * @param {*} del
195 * @author: renchao
196 */
197 editDialog (row, del) {
198 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
199 confirmButtonText: "确定",
200 cancelButtonText: "取消",
201 type: "warning",
202 })
203 .then(() => {
204 this.$parent.$parent.addRepairRecord(row, del);
205 this.$message({
206 type: "success",
207 message: "补录成功!"
208 })
209 })
210 .catch(() => {
211 this.$message({
212 type: "info",
213 message: "取消编辑"
214 })
215 })
216 }
217 }
218 }
219 </script>
220
221 <style lang="scss" scoped>
222 @import "../qlxxCommon.scss";
223 .title {
224 position: relative;
225 .print {
226 z-index: 10;
227 position: absolute;
228 left: 11px;
229 top: 5px;
230 }
231 }
232 </style>
...@@ -6,22 +6,18 @@ ...@@ -6,22 +6,18 @@
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate id="boxdiyaq" :tableData="tableData" :render="render"/> 9 <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" />
10 </div> 10 </div>
11 <div class="tableBox"> 11 <div class="tableBox">
12 <div class="title"> 12 <div class="title">
13 {{ title }} 13 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()" 14 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
15 >打印</el-button
16 >
17 <div class="checkbox"> 15 <div class="checkbox">
18 <el-checkbox-group v-model="checkList" @change="checkChange"> 16 <el-checkbox-group v-model="checkList" @change="checkChange">
19 <el-checkbox 17 <el-checkbox
20 v-for="item in qsztList" 18 v-for="item in qsztList"
21 :key="item.value" 19 :key="item.value"
22 :label="item.value" 20 :label="item.value">{{ item.label }}</el-checkbox>
23 >{{ item.label }}</el-checkbox
24 >
25 </el-checkbox-group> 21 </el-checkbox-group>
26 </div> 22 </div>
27 </div> 23 </div>
...@@ -43,24 +39,18 @@ ...@@ -43,24 +39,18 @@
43 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 39 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
44 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 40 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', 41 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
46 ]" 42 ]">
47 >
48 <div 43 <div
49 class="setbut" 44 class="setbut"
50 v-if="item.prop == 'cz' && row.sjlx != '系统数据'" 45 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
51 >
52 <el-button 46 <el-button
53 type="text" 47 type="text"
54 icon="el-icon-edit-outline" 48 icon="el-icon-edit-outline"
55 @click="editDialog(row)" 49 @click="editDialog(row)">编辑</el-button>
56 >编辑</el-button
57 >
58 <el-button 50 <el-button
59 type="text" 51 type="text"
60 icon="el-icon-edit-outline" 52 icon="el-icon-edit-outline"
61 @click="editDialog(row, 'D')" 53 @click="editDialog(row, 'D')">删除</el-button>
62 >删除</el-button
63 >
64 </div> 54 </div>
65 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> 55 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
66 有效 56 有效
...@@ -87,8 +77,7 @@ ...@@ -87,8 +77,7 @@
87 effect="dark" 77 effect="dark"
88 :content="row[item.prop]" 78 :content="row[item.prop]"
89 placement="top" 79 placement="top"
90 popper-class="tooltip-width" 80 popper-class="tooltip-width">
91 >
92 <span class="ellipsis-line"> 81 <span class="ellipsis-line">
93 {{ row[item.prop] }} 82 {{ row[item.prop] }}
94 </span> 83 </span>
...@@ -103,21 +92,21 @@ ...@@ -103,21 +92,21 @@
103 </template> 92 </template>
104 93
105 <script> 94 <script>
106 import { datas } from "./qlxxFormData.js"; 95 import { datas } from "./qlxxFormData.js";
107 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 96 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
108 import { getDiyaqList } from "@/api/djbDetail.js"; 97 import { getDiyaqList } from "@/api/djbDetail.js";
109 import printTemplate from "./components/printTemplate.vue"; 98 import printTemplate from "./components/printTemplate.vue";
110 export default { 99 export default {
111 components: { 100 components: {
112 printTemplate, 101 printTemplate,
113 }, 102 },
114 data() { 103 data () {
115 return { 104 return {
116 printObj: { 105 printObj: {
117 id: "box", 106 id: "box",
118 //其他配置项， 107 //其他配置项，
119 }, 108 },
120 shows:false, 109 shows: false,
121 title: "抵押权登记信息", 110 title: "抵押权登记信息",
122 qsztList: datas.columns().qsztList, 111 qsztList: datas.columns().qsztList,
123 checkList: datas.columns().checkList, 112 checkList: datas.columns().checkList,
...@@ -132,7 +121,7 @@ export default { ...@@ -132,7 +121,7 @@ export default {
132 render: false, 121 render: false,
133 }; 122 };
134 }, 123 },
135 created() { 124 created () {
136 this.loadData(); 125 this.loadData();
137 }, 126 },
138 methods: { 127 methods: {
...@@ -140,7 +129,7 @@ export default { ...@@ -140,7 +129,7 @@ export default {
140 * @description: openPrint 129 * @description: openPrint
141 * @author: miaofang 130 * @author: miaofang
142 */ 131 */
143 openPrint() { 132 openPrint () {
144 this.render = true; 133 this.render = true;
145 setTimeout(() => { 134 setTimeout(() => {
146 this.prinsss(); 135 this.prinsss();
...@@ -150,7 +139,7 @@ export default { ...@@ -150,7 +139,7 @@ export default {
150 * @description: prinsss 139 * @description: prinsss
151 * @author: miaofang 140 * @author: miaofang
152 */ 141 */
153 prinsss() { 142 prinsss () {
154 printJS({ 143 printJS({
155 printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 144 printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
156 type: "html", 145 type: "html",
...@@ -163,13 +152,13 @@ export default { ...@@ -163,13 +152,13 @@ export default {
163 // 继承原来的所有样式 152 // 继承原来的所有样式
164 targetStyles: ["*"], 153 targetStyles: ["*"],
165 }); 154 });
166 this.render=false 155 this.render = false
167 }, 156 },
168 /** 157 /**
169 * @description: loadData 158 * @description: loadData
170 * @author: renchao 159 * @author: renchao
171 */ 160 */
172 loadData() { 161 loadData () {
173 if (this.$parent.addRepairRecord) { 162 if (this.$parent.addRepairRecord) {
174 this.columns.unshift({ prop: "cz", label: "操作" }); 163 this.columns.unshift({ prop: "cz", label: "操作" });
175 } 164 }
...@@ -180,7 +169,7 @@ export default { ...@@ -180,7 +169,7 @@ export default {
180 }).then((res) => { 169 }).then((res) => {
181 if (res.code === 200) { 170 if (res.code === 200) {
182 this.tableData = res.result; 171 this.tableData = res.result;
183 this.shows=this.tableData.length>0 172 this.shows = this.tableData.length > 0
184 this.tableData.forEach((item) => { 173 this.tableData.forEach((item) => {
185 item.sjlx = getSjlx(item.sjlx); 174 item.sjlx = getSjlx(item.sjlx);
186 item.dybdclx = getDictLeabel(item.dybdclx, "A27"); 175 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
...@@ -198,7 +187,7 @@ export default { ...@@ -198,7 +187,7 @@ export default {
198 * @description: checkChange 187 * @description: checkChange
199 * @author: renchao 188 * @author: renchao
200 */ 189 */
201 checkChange() { 190 checkChange () {
202 if (this.checkList.length === 0) { 191 if (this.checkList.length === 0) {
203 this.tableData = []; 192 this.tableData = [];
204 this.emptycolNum = datas.columns().emptycolNum; 193 this.emptycolNum = datas.columns().emptycolNum;
...@@ -211,7 +200,7 @@ export default { ...@@ -211,7 +200,7 @@ export default {
211 * @param {*} code 200 * @param {*} code
212 * @author: renchao 201 * @author: renchao
213 */ 202 */
214 getQsztName(code) { 203 getQsztName (code) {
215 let name = ""; 204 let name = "";
216 for (let item of this.qsztList) { 205 for (let item of this.qsztList) {
217 if (item.value == code) { 206 if (item.value == code) {
...@@ -228,7 +217,7 @@ export default { ...@@ -228,7 +217,7 @@ export default {
228 * @param {*} del 217 * @param {*} del
229 * @author: renchao 218 * @author: renchao
230 */ 219 */
231 editDialog(row, del) { 220 editDialog (row, del) {
232 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 221 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
233 confirmButtonText: "确定", 222 confirmButtonText: "确定",
234 cancelButtonText: "取消", 223 cancelButtonText: "取消",
...@@ -249,12 +238,12 @@ export default { ...@@ -249,12 +238,12 @@ export default {
249 }); 238 });
250 }, 239 },
251 }, 240 },
252 }; 241 };
253 </script> 242 </script>
254 243
255 <style lang="scss" scoped> 244 <style lang="scss" scoped>
256 @import "./qlxxCommon.scss"; 245 @import "./qlxxCommon.scss";
257 .title { 246 .title {
258 position: relative; 247 position: relative;
259 .print { 248 .print {
260 // background-color: #0079fe; 249 // background-color: #0079fe;
...@@ -263,5 +252,5 @@ export default { ...@@ -263,5 +252,5 @@ export default {
263 left: 11px; 252 left: 11px;
264 top: 5px; 253 top: 5px;
265 } 254 }
266 } 255 }
267 </style> 256 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:57:40 4 * @LastEditTime: 2023-09-15 10:41:10
5 --> 5 -->
6 <template> 6 <template>
7 <div class="content"> 7 <div class="content">
...@@ -83,7 +83,6 @@ ...@@ -83,7 +83,6 @@
83 this.loadData(this.formData.bdcdyh); 83 this.loadData(this.formData.bdcdyh);
84 }, 84 },
85 methods: { 85 methods: {
86
87 /** 86 /**
88 * @description: getBdcdyh 87 * @description: getBdcdyh
89 * @author: miaofang 88 * @author: miaofang
...@@ -122,7 +121,7 @@ ...@@ -122,7 +121,7 @@
122 bdcdyh: val.bdcdyh, 121 bdcdyh: val.bdcdyh,
123 qllx: this.formData.qllx, 122 qllx: this.formData.qllx,
124 bsmQlxx: this.formData.bsmQlxx, 123 bsmQlxx: this.formData.bsmQlxx,
125 }; 124 }
126 }, 125 },
127 /** 126 /**
128 * @description: loadData 127 * @description: loadData
...@@ -142,26 +141,23 @@ ...@@ -142,26 +141,23 @@
142 this.defaultNode = getNode( 141 this.defaultNode = getNode(
143 this.formData.qllx, 142 this.formData.qllx,
144 { linShi: 0, xianShi: 0, liShi: 0 }, 143 { linShi: 0, xianShi: 0, liShi: 0 },
145 res.result.bdcdylx|| "" 144 res.result.bdcdylx || ""
146 ); 145 );
147 this.sfqdata[0].children.forEach((item, index) => { 146 this.sfqdata[0].children.forEach((item, index) => {
148 if (item.id == this.defaultNode.id) { 147 if (item.id == this.defaultNode.id) {
149 this.iskey = index 148 this.iskey = index
150 } 149 }
151 }) 150 })
152
153 this.setstyle(0, 0, this.iskey); 151 this.setstyle(0, 0, this.iskey);
154 152 })
155
156 });
157 } 153 }
158 }); 154 })
159 this.currentSelectProps = { 155 this.currentSelectProps = {
160 bdcdyid: this.formData.bdcdyid, 156 bdcdyid: this.formData.bdcdyid,
161 bdcdyh: val, 157 bdcdyh: val,
162 qllx: this.formData.qllx, 158 qllx: this.formData.qllx,
163 bsmQlxx: this.formData.bsmQlxx, 159 bsmQlxx: this.formData.bsmQlxx,
164 }; 160 }
165 }, 161 },
166 /** 162 /**
167 * @description: handleNodeClick 163 * @description: handleNodeClick
...@@ -171,12 +167,6 @@ ...@@ -171,12 +167,6 @@
171 handleNodeClick (data) { 167 handleNodeClick (data) {
172 this.loadComponent(data.form); 168 this.loadComponent(data.form);
173 }, 169 },
174 /**
175 * @description: setstyle
176 * @param {*} data
177 * @author: renchao
178 * 设置样式和点击定位到当前功能
179 */
180 setstyle (newindex, index, key) { 170 setstyle (newindex, index, key) {
181 if (key != undefined || this.keyy == index) { 171 if (key != undefined || this.keyy == index) {
182 if (key != undefined) { 172 if (key != undefined) {
...@@ -193,10 +183,6 @@ ...@@ -193,10 +183,6 @@
193 dpme.style.color = "black"; 183 dpme.style.color = "black";
194 dpme.style.border = "none"; 184 dpme.style.border = "none";
195 } 185 }
196
197
198
199
200 }, 186 },
201 /** 187 /**
202 * @description: addlist 188 * @description: addlist
...@@ -227,11 +213,12 @@ ...@@ -227,11 +213,12 @@
227 * @author: renchao 213 * @author: renchao
228 */ 214 */
229 loadComponent (form) { 215 loadComponent (form) {
216 console.log(form, 'form');
230 this.componentTag = (r) => 217 this.componentTag = (r) =>
231 require.ensure([], () => r(require("@/views/registerBook/" + form))); 218 require.ensure([], () => r(require("@/views/registerBook/" + form)));
232 }, 219 }
233 }, 220 }
234 }; 221 }
235 </script> 222 </script>
236 <style scoped lang="scss"> 223 <style scoped lang="scss">
237 /deep/.rollTable { 224 /deep/.rollTable {
......
1 import { log } from "bpmn-js-token-simulation"; 1 /*
2 2 * @Description:
3 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 10:52:40
5 */
4 var qlxxPage = [ 6 var qlxxPage = [
5 { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" }, 7 { qllx: "A01", id: "tdsyq", form: "tdsyq.vue", label: "集体土地所有权" },
6 { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" }, 8 { qllx: "A02", id: "tdsyq", form: "tdsyq.vue", label: "国家土地所有权" },
...@@ -45,7 +47,7 @@ var qlxxPage = [ ...@@ -45,7 +47,7 @@ var qlxxPage = [
45 * @param {*} bdcdyh 47 * @param {*} bdcdyh
46 * @author: renchao 48 * @author: renchao
47 */ 49 */
48 export function loadTreeData(bdcdyh) { 50 export function loadTreeData (bdcdyh) {
49 let treedata = []; 51 let treedata = [];
50 //加载封面 52 //加载封面
51 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); 53 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
...@@ -53,22 +55,22 @@ export function loadTreeData(bdcdyh) { ...@@ -53,22 +55,22 @@ export function loadTreeData(bdcdyh) {
53 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); 55 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
54 return treedata; 56 return treedata;
55 } 57 }
56 export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { 58 export function loadsfqData (qlxxData, bdcdyh, bdcdyid) {
57 let treedata={ 59 let treedata = {
58 bdcdyid:bdcdyid,id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [], 60 bdcdyid: bdcdyid, id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
59 }; 61 };
60 //主体权利 62 //主体权利
61 treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx,bdcdyid)); 63 treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx, bdcdyid));
62 //抵押权 64 //抵押权
63 treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid)); 65 treedata.children.push(getNode("A37", qlxxData.diyaq, '', bdcdyid));
64 //地役权 66 //地役权
65 treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid)); 67 treedata.children.push(getNode("A19", qlxxData.diyiq, '', bdcdyid));
66 //预告登记 68 //预告登记
67 treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid)); 69 treedata.children.push(getNode("B40", qlxxData.ygdj, '', bdcdyid));
68 //异议登记 70 //异议登记
69 treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid)); 71 treedata.children.push(getNode("B38", qlxxData.yydj, '', bdcdyid));
70 //查封登记 72 //查封登记
71 treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid)); 73 treedata.children.push(getNode("B39", qlxxData.cfdj, '', bdcdyid));
72 74
73 return treedata; 75 return treedata;
74 } 76 }
...@@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) { ...@@ -81,18 +83,18 @@ export function loadsfqData(qlxxData, bdcdyh,bdcdyid) {
81 * @param {*} bdcdylx 83 * @param {*} bdcdylx
82 * @author: renchao 84 * @author: renchao
83 */ 85 */
84 export function getNode(qllx, qlxx, bdcdylx,bdcdyid) { 86 export function getNode (qllx, qlxx, bdcdylx, bdcdyid) {
85 let node; 87 let node;
86 for (var i = 0; i < qlxxPage.length; i++) { 88 for (var i = 0; i < qlxxPage.length; i++) {
87 if (qlxxPage[i].qllx == qllx) { 89 if (qlxxPage[i].qllx == qllx) {
88 if (qllx == "A04" || qllx == "A06" || qllx == "A08") { 90 if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
89 if (bdcdylx == "4") { 91 if (bdcdylx == "4") {
90 node = {bdcdyid:bdcdyid,id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 92 node = { bdcdyid: bdcdyid, id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
91 } else { 93 } else {
92 node = { bdcdyid:bdcdyid,id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 94 node = { bdcdyid: bdcdyid, id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
93 } 95 }
94 } else { 96 } else {
95 node = { bdcdyid:bdcdyid,id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 97 node = { bdcdyid: bdcdyid, id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi + ")" };
96 } 98 }
97 break; 99 break;
98 } 100 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-15 10:20:40
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <div v-show="false">
9 <printTemplate 9 <printTemplate
10 id="boxfdcq" 10 id="boxfdcq"
11 :tableData="tableData" :render="render"/> 11 :tableData="tableData" :render="render" />
12 </div> 12 </div>
13 <div class="tableBox"> 13 <div class="tableBox">
14 <div class="title"> 14 <div class="title">
15 {{ title }} 15 {{ title }}
16 <el-button class="print" v-show="shows" @click="openPrint()" 16 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
17 >打印</el-button
18 >
19 <div class="checkbox"> 17 <div class="checkbox">
20 <el-checkbox-group v-model="checkList" @change="checkChange"> 18 <el-checkbox-group v-model="checkList" @change="checkChange">
21 <el-checkbox 19 <el-checkbox
22 v-for="item in qsztList" 20 v-for="item in qsztList"
23 :key="item.value" 21 :key="item.value"
24 :label="item.value" 22 :label="item.value">{{ item.label }}</el-checkbox>
25 >{{ item.label }}</el-checkbox
26 >
27 </el-checkbox-group> 23 </el-checkbox-group>
28 </div> 24 </div>
29 </div> 25 </div>
30 <div class="xxTableBox rollTable"> 26 <div class="xxTableBox rollTable">
31 <!-- 固定前三个 -->
32 <table class="xxTable"> 27 <table class="xxTable">
33 <tr 28 <tr
34 v-for="(item, colindex) in columns" 29 v-for="(item, colindex) in columns"
35 :class="judge(item.label) ? 'cols' : ''" 30 :class="judge(item.label) ? 'cols' : ''"
36 :key="colindex" 31 :key="colindex">
37 >
38 <td> 32 <td>
39 {{ item.label }} 33 {{ item.label }}
40 </td> 34 </td>
...@@ -50,24 +44,18 @@ ...@@ -50,24 +44,18 @@
50 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 44 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
51 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 45 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
52 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', 46 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
53 ]" 47 ]">
54 >
55 <div 48 <div
56 class="setbut" 49 class="setbut"
57 v-if="item.prop == 'cz' && row.sjlx != '系统数据'" 50 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
58 >
59 <el-button 51 <el-button
60 type="text" 52 type="text"
61 icon="el-icon-edit-outline" 53 icon="el-icon-edit-outline"
62 @click="editDialog(row)" 54 @click="editDialog(row)">编辑</el-button>
63 >编辑</el-button
64 >
65 <el-button 55 <el-button
66 type="text" 56 type="text"
67 icon="el-icon-edit-outline" 57 icon="el-icon-edit-outline"
68 @click="editDialog(row, 'D')" 58 @click="editDialog(row, 'D')">删除</el-button>
69 >删除</el-button
70 >
71 </div> 59 </div>
72 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
73 有效 61 有效
...@@ -90,8 +78,7 @@ ...@@ -90,8 +78,7 @@
90 effect="dark" 78 effect="dark"
91 :content="row[item.prop]" 79 :content="row[item.prop]"
92 placement="top" 80 placement="top"
93 popper-class="tooltip-width" 81 popper-class="tooltip-width">
94 >
95 <span class="ellipsis-line"> 82 <span class="ellipsis-line">
96 {{ row[item.prop] }} 83 {{ row[item.prop] }}
97 </span> 84 </span>
...@@ -103,15 +90,13 @@ ...@@ -103,15 +90,13 @@
103 item.prop !== 'djyy' && 90 item.prop !== 'djyy' &&
104 item.prop !== 'fj' && 91 item.prop !== 'fj' &&
105 !judge(item.label) 92 !judge(item.label)
106 " 93 ">
107 >
108 {{ row[item.prop] }} 94 {{ row[item.prop] }}
109 </span> 95 </span>
110 <div class="many" v-if="judge(item.label)"> 96 <div class="many" v-if="judge(item.label)">
111 <div 97 <div
112 v-for="(label, index) in row.djQlxxFdcqxmDoList" 98 v-for="(label, index) in row.djQlxxFdcqxmDoList"
113 :key="index" 99 :key="index">
114 >
115 {{ label[item.prop] }} 100 {{ label[item.prop] }}
116 </div> 101 </div>
117 </div> 102 </div>
...@@ -125,16 +110,16 @@ ...@@ -125,16 +110,16 @@
125 </template> 110 </template>
126 111
127 <script> 112 <script>
128 import printJS from "print-js"; 113 import printJS from "print-js";
129 import { datas } from "./qlxxFormData.js"; 114 import { datas } from "./qlxxFormData.js";
130 import { getSjlx } from "@/utils/dictionary.js"; 115 import { getSjlx } from "@/utils/dictionary.js";
131 import { getFdcq1List } from "@/api/djbDetail.js"; 116 import { getFdcq1List } from "@/api/djbDetail.js";
132 import printTemplate from "./components/printTemplate.vue"; 117 import printTemplate from "./components/printTemplate.vue";
133 export default { 118 export default {
134 components: { 119 components: {
135 printTemplate, 120 printTemplate,
136 }, 121 },
137 data() { 122 data () {
138 return { 123 return {
139 printObj: { 124 printObj: {
140 id: "box", 125 id: "box",
...@@ -157,7 +142,7 @@ export default { ...@@ -157,7 +142,7 @@ export default {
157 render: false, 142 render: false,
158 }; 143 };
159 }, 144 },
160 created() { 145 created () {
161 this.loadData(); 146 this.loadData();
162 }, 147 },
163 methods: { 148 methods: {
...@@ -165,7 +150,7 @@ export default { ...@@ -165,7 +150,7 @@ export default {
165 * @description: openPrint 150 * @description: openPrint
166 * @author: miaofang 151 * @author: miaofang
167 */ 152 */
168 openPrint() { 153 openPrint () {
169 this.render = true; 154 this.render = true;
170 setTimeout(() => { 155 setTimeout(() => {
171 this.prinsss(); 156 this.prinsss();
...@@ -175,7 +160,7 @@ export default { ...@@ -175,7 +160,7 @@ export default {
175 * @description: prinsss 160 * @description: prinsss
176 * @author: miaofang 161 * @author: miaofang
177 */ 162 */
178 prinsss() { 163 prinsss () {
179 printJS({ 164 printJS({
180 printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 165 printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
181 type: "html", 166 type: "html",
...@@ -188,13 +173,13 @@ export default { ...@@ -188,13 +173,13 @@ export default {
188 // 继承原来的所有样式 173 // 继承原来的所有样式
189 targetStyles: ["*"], 174 targetStyles: ["*"],
190 }); 175 });
191 this.render=false 176 this.render = false
192 }, 177 },
193 /** 178 /**
194 * @description: loadData 179 * @description: loadData
195 * @author: miaofang 180 * @author: miaofang
196 */ 181 */
197 loadData() { 182 loadData () {
198 if (this.$parent.addRepairRecord) { 183 if (this.$parent.addRepairRecord) {
199 this.columns.unshift({ prop: "cz", label: "操作" }); 184 this.columns.unshift({ prop: "cz", label: "操作" });
200 } 185 }
...@@ -222,7 +207,7 @@ export default { ...@@ -222,7 +207,7 @@ export default {
222 * @description: checkChange 207 * @description: checkChange
223 * @author: miaofang 208 * @author: miaofang
224 */ 209 */
225 checkChange() { 210 checkChange () {
226 if (this.checkList.length === 0) { 211 if (this.checkList.length === 0) {
227 this.tableData = []; 212 this.tableData = [];
228 this.emptycolNum = datas.columns().emptycolNum; 213 this.emptycolNum = datas.columns().emptycolNum;
...@@ -235,7 +220,7 @@ export default { ...@@ -235,7 +220,7 @@ export default {
235 * @param {*} code 220 * @param {*} code
236 * @author: miaofang 221 * @author: miaofang
237 */ 222 */
238 getQsztName(code) { 223 getQsztName (code) {
239 let name = ""; 224 let name = "";
240 for (let item of this.qsztList) { 225 for (let item of this.qsztList) {
241 if (item.value == code) { 226 if (item.value == code) {
...@@ -250,7 +235,7 @@ export default { ...@@ -250,7 +235,7 @@ export default {
250 * @param {*} lable 235 * @param {*} lable
251 * @author: miaofang 236 * @author: miaofang
252 */ 237 */
253 judge(label) { 238 judge (label) {
254 if ( 239 if (
255 "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf( 240 "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
256 label 241 label
...@@ -268,7 +253,7 @@ export default { ...@@ -268,7 +253,7 @@ export default {
268 * @param {*} del 253 * @param {*} del
269 * @author: miaofang 254 * @author: miaofang
270 */ 255 */
271 editDialog(row, del) { 256 editDialog (row, del) {
272 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 257 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
273 confirmButtonText: "确定", 258 confirmButtonText: "确定",
274 cancelButtonText: "取消", 259 cancelButtonText: "取消",
...@@ -290,12 +275,12 @@ export default { ...@@ -290,12 +275,12 @@ export default {
290 }); 275 });
291 }, 276 },
292 }, 277 },
293 }; 278 };
294 </script> 279 </script>
295 280
296 <style lang="scss" scoped> 281 <style lang="scss" scoped>
297 @import "./qlxxCommon.scss"; 282 @import "./qlxxCommon.scss";
298 .cols { 283 .cols {
299 td { 284 td {
300 .many { 285 .many {
301 width: 100%; 286 width: 100%;
...@@ -313,8 +298,8 @@ export default { ...@@ -313,8 +298,8 @@ export default {
313 } 298 }
314 } 299 }
315 } 300 }
316 } 301 }
317 .title { 302 .title {
318 position: relative; 303 position: relative;
319 .print { 304 .print {
320 // background-color: #0079fe; 305 // background-color: #0079fe;
...@@ -323,5 +308,5 @@ export default { ...@@ -323,5 +308,5 @@ export default {
323 left: 11px; 308 left: 11px;
324 top: 5px; 309 top: 5px;
325 } 310 }
326 } 311 }
327 </style> 312 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-15 10:58:42
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <!-- <div v-show="false">
9 <printTemplate 9 <printTemplate
10 id="boxfdcq" 10 id="boxfdcq"
11 :tableData="tableData" 11 :tableData="tableData"
12 :render="render" 12 :render="render" />
13 /> 13 </div> -->
14 </div> 14 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
15 <div class="tableBox"> 15 :columns="columns" :tableData="tableData" />
16 <!-- <div class="tableBox">
16 <div class="title"> 17 <div class="title">
17 {{ title }} 18 {{ title }}
18 <el-button class="print" v-show="shows" @click="openPrint()" 19 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
19 >打印</el-button
20 >
21 <div class="checkbox"> 20 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange"> 21 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox 22 <el-checkbox
24 v-for="item in qsztList" 23 v-for="item in qsztList"
25 :key="item.value" 24 :key="item.value"
26 :label="item.value" 25 :label="item.value">{{ item.label }}</el-checkbox>
27 >{{ item.label }}</el-checkbox
28 >
29 </el-checkbox-group> 26 </el-checkbox-group>
30 </div> 27 </div>
31 </div> 28 </div>
...@@ -47,24 +44,18 @@ ...@@ -47,24 +44,18 @@
47 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', 44 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', 45 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', 46 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
50 ]" 47 ]">
51 >
52 <div 48 <div
53 class="setbut" 49 class="setbut"
54 v-if="item.prop == 'cz' && row.sjlx != '系统数据'" 50 v-if="item.prop == 'cz' && row.sjlx != '系统数据'">
55 >
56 <el-button 51 <el-button
57 type="text" 52 type="text"
58 icon="el-icon-edit-outline" 53 icon="el-icon-edit-outline"
59 @click="editDialog(row)" 54 @click="editDialog(row)">编辑</el-button>
60 >编辑</el-button
61 >
62 <el-button 55 <el-button
63 type="text" 56 type="text"
64 icon="el-icon-edit-outline" 57 icon="el-icon-edit-outline"
65 @click="editDialog(row, 'D')" 58 @click="editDialog(row, 'D')">删除</el-button>
66 >删除</el-button
67 >
68 </div> 59 </div>
69 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> 60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
70 有效 61 有效
...@@ -91,8 +82,7 @@ ...@@ -91,8 +82,7 @@
91 effect="dark" 82 effect="dark"
92 :content="row[item.prop]" 83 :content="row[item.prop]"
93 placement="top" 84 placement="top"
94 popper-class="tooltip-width" 85 popper-class="tooltip-width">
95 >
96 <span class="ellipsis-line"> 86 <span class="ellipsis-line">
97 {{ row[item.prop] }} 87 {{ row[item.prop] }}
98 </span> 88 </span>
...@@ -102,75 +92,47 @@ ...@@ -102,75 +92,47 @@
102 </tr> 92 </tr>
103 </table> 93 </table>
104 </div> 94 </div>
105 </div> 95 </div> -->
106 </div> 96 </div>
107 </template> 97 </template>
108
109 <script> 98 <script>
110 import printTemplate from "./components/printTemplate.vue"; 99 import { datas } from "./qlxxFormData.js";
111 import { datas } from "./qlxxFormData.js"; 100 import { getSjlx } from "@/utils/dictionary.js";
112 import { getSjlx } from "@/utils/dictionary.js"; 101 import { getFdcq2List } from "@/api/djbDetail.js";
113 import { getFdcq2List } from "@/api/djbDetail.js"; 102 import djbDetail from "./components/djbDetail.vue"
114 export default { 103 import printTemplate from "./components/printTemplate.vue";
104 export default {
115 components: { 105 components: {
116 printTemplate, 106 printTemplate,
107 djbDetail
117 }, 108 },
118 data() {
119 return {
120 109
110 data () {
111 return {
121 shows: false, 112 shows: false,
122 title: "房地产权登记信息（独幢、层、套、间房屋）", 113 title: "房地产权登记信息（独幢、层、套、间房屋）",
123 qsztList: datas.columns().qsztList,
124 checkList: datas.columns().checkList,
125 //传递参数 114 //传递参数
126 propsParam: this.$attrs, 115 propsParam: this.$attrs,
127 //列表数据 116 //列表数据
128 tableData: [], 117 tableData: [],
129 //空列值个数
130 emptycolNum: datas.columns().emptycolNum,
131 //列名称对象 118 //列名称对象
132 columns: datas.columns().FDCQ2, 119 columns: datas.columns().FDCQ2,
120 // qsztList: datas.columns().qsztList,
133 render: false, 121 render: false,
122 // checkList:datas.columns().checkList,
123 //空列值个数
124 // emptycolNum: datas.columns().emptycolNum
134 }; 125 };
135 }, 126 },
136 created() { 127 created () {
137 this.loadData(); 128 this.loadData();
138 }, 129 },
139 methods: { 130 methods: {
140 /** 131 /**
141 * @description: openPrint
142 * @author: miaofang
143 */
144 openPrint() {
145 this.render = true;
146 setTimeout(() => {
147 this.prinsss();
148 }, 100);
149 },
150 /**
151 * @description: prinsss
152 * @author: miaofang
153 */
154 prinsss() {
155 printJS({
156 printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
157 type: "html",
158 maxWidth: 800, // 最大宽度
159 font_size: "", // 不设置则使用默认字体大小
160 style: `@font-face {
161 font-family: "STZHONGS";
162 src: url(${window.ttf}) format("truetype");
163 }`,
164 // 继承原来的所有样式
165 targetStyles: ["*"],
166 });
167 this.render = false
168 },
169 /**
170 * @description: loadData 132 * @description: loadData
171 * @author: miaofang 133 * @author: miaofang
172 */ 134 */
173 loadData() { 135 loadData () {
174 if (this.$parent.addRepairRecord) { 136 if (this.$parent.addRepairRecord) {
175 this.columns.unshift({ prop: "cz", label: "操作" }); 137 this.columns.unshift({ prop: "cz", label: "操作" });
176 } 138 }
...@@ -192,65 +154,15 @@ export default { ...@@ -192,65 +154,15 @@ export default {
192 this.emptycolNum = 0; 154 this.emptycolNum = 0;
193 } 155 }
194 } 156 }
195 }); 157 })
196 },
197 /**
198 * @description: checkChange
199 * @author: miaofang
200 */
201 checkChange() {
202 if (this.checkList.length === 0) {
203 this.tableData = [];
204 this.emptycolNum = datas.columns().emptycolNum;
205 } else {
206 this.loadData();
207 }
208 },
209 /**
210 * @description: getQsztName
211 * @param {*} code
212 * @author: miaofang
213 */
214 getQsztName(code) {
215 let name = "";
216 for (let item of this.qsztList) {
217 if (item.value == code) {
218 name = item.label;
219 break;
220 } 158 }
221 } 159 }
222 return name; 160 };
223 },
224 // 新增一条补录信息
225 /**
226 * @description: 新增一条补录信息
227 * @param {*} row
228 * @param {*} del
229 * @author: miaofang
230 */
231 editDialog(row, del) {
232 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
233 confirmButtonText: "确定",
234 cancelButtonText: "取消",
235 type: "warning",
236 })
237 .then(() => {
238 this.$parent.addRepairRecord(row, del);
239 })
240 .catch(() => {
241 this.$message({
242 type: "info",
243 message: "取消",
244 });
245 });
246 },
247 },
248 };
249 </script> 161 </script>
250 162
251 <style lang="scss" scoped> 163 <style lang="scss" scoped>
252 @import "./qlxxCommon.scss"; 164 @import "./qlxxCommon.scss";
253 .title { 165 .title {
254 position: relative; 166 position: relative;
255 .print { 167 .print {
256 // background-color: #0079fe; 168 // background-color: #0079fe;
...@@ -259,5 +171,5 @@ export default { ...@@ -259,5 +171,5 @@ export default {
259 left: 11px; 171 left: 11px;
260 top: 5px; 172 top: 5px;
261 } 173 }
262 } 174 }
263 </style> 175 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 11:26:39 4 * @LastEditTime: 2023-09-15 10:02:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -167,6 +167,7 @@ ...@@ -167,6 +167,7 @@
167 //type 1：列表初始化 2：新增材料 167 //type 1：列表初始化 2：新增材料
168 return new Promise((resolve) => { 168 return new Promise((resolve) => {
169 this.unitData = this.$parent.unitData; 169 this.unitData = this.$parent.unitData;
170 console.log(this.$parent.unitData, 'this.$parent.unitData;');
170 var formdata = new FormData(); 171 var formdata = new FormData();
171 formdata.append("bsmSlsq", this.$parent.bsmSlsq); 172 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
172 if (this.$route.query.sqywbm == "DJBBL") { 173 if (this.$route.query.sqywbm == "DJBBL") {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 15:58:06 4 * @LastEditTime: 2023-09-15 10:04:28
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clmlmx-box"> 7 <div class="clmlmx-box">
...@@ -232,7 +232,6 @@ ...@@ -232,7 +232,6 @@
232 * @param {*} row 232 * @param {*} row
233 */ 233 */
234 handleDelete (index, row) { 234 handleDelete (index, row) {
235 let that = this
236 this.$confirm('此操作将永久删除该 是否继续?', '提示', { 235 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
237 confirmButtonText: '确定', 236 confirmButtonText: '确定',
238 cancelButtonText: '取消', 237 cancelButtonText: '取消',
......
...@@ -84,9 +84,15 @@ class data extends filter { ...@@ -84,9 +84,15 @@ class data extends filter {
84 minWidth: '150', 84 minWidth: '150',
85 }, 85 },
86 { 86 {
87 prop: "bdcqzh",
88 label: "不动产权证号", 87 label: "不动产权证号",
89 minWidth: '150' 88 minWidth: '150',
89 render: (h, scope) => {
90 return (
91 <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
92 <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
93 </el-tooltip>
94 )
95 }
90 }, 96 },
91 { 97 {
92 prop: "qlrmc", 98 prop: "qlrmc",
...@@ -119,9 +125,15 @@ class data extends filter { ...@@ -119,9 +125,15 @@ class data extends filter {
119 minWidth: '80' 125 minWidth: '80'
120 }, 126 },
121 { 127 {
122 prop: "zl",
123 label: "坐落", 128 label: "坐落",
124 minWidth: '150' 129 minWidth: '150',
130 render: (h, scope) => {
131 return (
132 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
133 <span class="ellipsis-table"> {scope.row.zl}</span>
134 </el-tooltip>
135 )
136 }
125 }, 137 },
126 { 138 {
127 label: '操作', 139 label: '操作',
......