Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e32c53e6 by tianhaohao@pashanhoo.com
Options

111111

1 parent 6a31489e
Inline Side-by-side
Showing 10 changed files with 4 additions and 379 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-17 13:51:09
5 -->
6 <template>
7 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData">
8 </lb-table>
9 </template>
10 <script>
11 import addQlr from './dialog/addQlr.vue'
12 import { mapGetters } from 'vuex'
13 export default {
14 components: {
15 addQlr
16 },
17 computed: {
18 ...mapGetters(["dictData"]),
19 },
20 props: {
21 tableData: {
22 type: Array,
23 default: function () {
24 return []
25 }
26 },
27 gyfs: {
28 type: String,
29 default: '1'
30 }
31 },
32 data () {
33 return {
34 key: 0,
35 dataIndex: 0,
36 dialog: false,
37 details: {},
38 tableDataList: [],
39 qlrCommonTable: [
40 {
41 width: '50',
42 renderHeader: (h, scope) => {
43 return <div> {
44 this.ableOperation ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i>
45 }
46 </div>
47 },
48 render: (h, scope) => {
49 return (
50 <div>
51 {
52 this.ableOperation ? <span>{scope.$index + 1}</span> :
53 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
54 }
55 </div>
56 )
57 }
58 },
59 {
60 prop: "sqrmc",
61 label: "姓名/名称"
62 },
63 {
64 prop: "zjzl",
65 label: "证件种类"
66 },
67 {
68 prop: "zjh",
69 label: "证件号"
70 },
71 {
72 prop: "dh",
73 label: "联系电话"
74 },
75 {
76 prop: "frmc",
77 label: "法人"
78 },
79 {
80 label: '操作',
81 render: (h, scope) => {
82 return (
83 <div>
84 {
85 <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button>
86 }
87 </div>
88 )
89 }
90 }
91 ],
92 column: this.qlrCommonTable
93 }
94 },
95 watch: {
96 tableData: {
97 handler: function (val, oldVal) {
98 let that = this
99 if (val.length == 0 || !val) {
100 that.tableDataList = _.cloneDeep([{
101 sqrmc: '',
102 dlrzjlx: '',
103 dlrzjh: '',
104 fr: ''
105 }])
106 } else {
107 that.tableDataList = _.cloneDeep(val)
108 }
109 },
110 immediate: true,
111 deep: true
112 },
113 gyfs: {
114 handler (newVal, oldValue) {
115 let dataList = _.cloneDeep(this.qlrCommonTable)
116 if (newVal == '1') {
117 this.column = _.cloneDeep(dataList).slice(1, dataList.length)
118 } else if ((newVal == '2')) {
119 this.column = dataList
120 } else {
121 this.column = _.cloneDeep(dataList)
122 this.column.splice(
123 2, 0, {
124 prop: "qlbl",
125 label: "份数"
126 })
127 }
128 },
129 immediate: true
130 }
131 },
132 methods: {
133 /**
134 * @description: updateDetail
135 * @param {*} value
136 * @author: renchao
137 */
138 updateDetail (value) {
139 this.tableDataList[this.dataIndex] = value
140 this.key++
141 this.$emit('upDateQlrxxList', this.tableDataList)
142 },
143 // 添加
144 /**
145 * @description: 添加
146 * @author: renchao
147 */
148 handleAdd () {
149 this.dialog = true
150 },
151 // 减
152 /**
153 * @description: 减
154 * @param {*} index
155 * @param {*} row
156 * @author: renchao
157 */
158 handleMinus (index, row) {
159 this.tableData.splice(index, 1)
160 },
161 // 身份证读取
162 /**
163 * @description: 身份证读取
164 * @author: renchao
165 */
166 readClick () { },
167 // 修改
168 /**
169 * @description: 修改
170 * @param {*} index
171 * @param {*} row
172 * @author: renchao
173 */
174 handleEdit (index, row) {
175 console.log(row, 'rowrowrowrowrow');
176 this.dataIndex = index
177 this.dialog = true
178 this.details = row
179 },
180 /**
181 * @description: handleView
182 * @author: renchao
183 */
184 handleView () {
185 this.dialog = true
186 }
187 }
188 }
189 </script>
190 <style scoped lang="scss">
191 /deep/.el-table th {
192 height: 30px !important;
193 }
194 /deep/.el-table--small .el-table__cell {
195 padding: 5px;
196 }
197 </style>
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-10-11 10:59:12
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return {
18 //发证列表
19 fzgrid: [
20 {
21 label: '序号',
22 type: 'index',
23 width: '50'
24 },
25 {
26 prop: "fzrmc",
27 label: "发证人"
28 },
29 {
30 prop: "bdcqzlx",
31 label: "不动产权证类型",
32 width: '120',
33 render: (h, scope) => {
34 return (
35 <div>
36 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
37 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
38 </div>
39 )
40 }
41 },
42 {
43 label: "权利类型",
44 width: '100',
45 render: (h, scope) => {
46 return (
47 <el-tooltip effect="dark" content={scope.row.qllx} placement="top" popper-class="tooltip-width ">
48 <span class="ellipsis-table"> {scope.row.qllx}</span>
49 </el-tooltip>
50 )
51 }
52 },
53 {
54 prop: "ysxlh",
55 label: "印刷序列号",
56 width: '100',
57 },
58 {
59 prop: "bdcqzh",
60 label: "不动产权证号",
61 width: '190',
62 },
63 {
64 label: "权利人",
65 minWidth: '120',
66 render: (h, scope) => {
67 return (
68 <el-tooltip effect="dark" content={scope.row.qlr} placement="top" popper-class="tooltip-width ">
69 <span class="ellipsis-table"> {scope.row.qlr}</span>
70 </el-tooltip>
71 )
72 }
73 },
74 {
75 prop: "ywr",
76 label: "义务人"
77 },
78 {
79 label: "面积（㎡）",
80 width: '100',
81 render: (h, scope) => {
82 return (
83 <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width ">
84 <span class="ellipsis-table"> {scope.row.mj}</span>
85 </el-tooltip>
86 )
87 }
88 },
89 {
90 label: "坐落",
91 minWidth: '150',
92 render: (h, scope) => {
93 return (
94 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
95 <span class="ellipsis-table"> {scope.row.zl}</span>
96 </el-tooltip>
97 )
98 }
99 },
100 {
101 prop: "fzsj",
102 label: "发证时间",
103 width: '140',
104 },
105 {
106 prop: "lzrxm",
107 label: "领证人姓名"
108 },
109 ],
110 //领证证列表
111 lzgrid: [
112 {
113 type: 'selection'
114 },
115 {
116 label: '序号',
117 type: 'index',
118 width: '50'
119 },
120 {
121 prop: "bdcqzlx",
122 label: "不动产权证类型",
123 width: '120',
124 render: (h, scope) => {
125 return (
126 <div>
127 <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span>
128 <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span>
129 </div>
130 )
131 }
132 },
133 {
134 prop: "qllx",
135 label: "权利类型"
136 },
137 {
138 prop: "ysxlh",
139 label: "印刷序列号",
140 width: '100',
141 },
142 {
143 prop: "bdcqzh",
144 label: "不动产权证号"
145 },
146 {
147 prop: "qlr",
148 label: "权利人"
149 },
150 {
151 prop: "ywr",
152 label: "义务人"
153 },
154 {
155 label: "面积（㎡）",
156 width: '100',
157 render: (h, scope) => {
158 return (
159 <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width ">
160 <span class="ellipsis-table"> {scope.row.mj}</span>
161 </el-tooltip>
162 )
163 }
164 },
165 {
166 prop: "zl",
167 label: "坐落"
168 }
169 ]
170 }
171 }
172 }
173 let datas = new data()
174 export {
175 datas,
176 sendThis
177 }
...@@ -285,7 +285,6 @@ ...@@ -285,7 +285,6 @@
285 </div> 285 </div>
286 </template> 286 </template>
287 <script> 287 <script>
288 import sqrViewTable from "@/views/workflow/components/sqrViewTable";
289 import { Init, saveData } from "@/api/workflow/cfdjFlow.js"; 288 import { Init, saveData } from "@/api/workflow/cfdjFlow.js";
290 import { mapGetters } from "vuex"; 289 import { mapGetters } from "vuex";
291 export default { 290 export default {
...@@ -341,7 +340,7 @@ ...@@ -341,7 +340,7 @@
341 }); 340 });
342 }, 341 },
343 watch: {}, 342 watch: {},
344 components: { sqrViewTable }, 343 components: { },
345 props: { 344 props: {
346 flag: { 345 flag: {
347 type: Boolean, 346 type: Boolean,
......
...@@ -296,7 +296,7 @@ ...@@ -296,7 +296,7 @@
296 import ywmix from "@/views/ywbl/mixin/index"; 296 import ywmix from "@/views/ywbl/mixin/index";
297 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 297 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
298 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; 298 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
299 import fdcqxmTable from "../commonTable/fdcqxmTable"; 299 import fdcqxmTable from "./fdcqxmTable";
300 import tdytTable from "@/views/workflow/components/tdytTable"; 300 import tdytTable from "@/views/workflow/components/tdytTable";
301 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 301 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
302 import { mapGetters } from "vuex"; 302 import { mapGetters } from "vuex";
......
...@@ -330,7 +330,7 @@ ...@@ -330,7 +330,7 @@
330 import ywmix from "@/views/ywbl/mixin/index"; 330 import ywmix from "@/views/ywbl/mixin/index";
331 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"; 331 import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
332 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 332 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
333 import JtcyTable from "@/views/workflow/components/JtcyTable"; 333 import JtcyTable from "./JtcyTable";
334 export default { 334 export default {
335 mixins: [ywmix], 335 mixins: [ywmix],
336 mounted () { 336 mounted () {
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 import { mapGetters } from 'vuex' 11 import { mapGetters } from 'vuex'
12 import { getSzRecordList } from "@/api/bdcqz.js"; 12 import { getSzRecordList } from "@/api/bdcqz.js";
13 import table from "@/utils/mixin/table"; 13 import table from "@/utils/mixin/table";
14 import { szxxdatas } from "../../javascript/szxxdata"; 14 import { szxxdatas } from "./szxxdata";
15 export default { 15 export default {
16 components: { 16 components: {
17 17
......