Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents d4889382 bb8c4ad9
Inline Side-by-side
Showing 82 changed files with 3982 additions and 3963 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 * @Description: 登记业务信息接口
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-18 14:22:02
5 */
6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 /**
9 * @description: 根据业务号查询系统参数数据
10 * @param {*} ywh
11 * @author: renchao
12 */
13 export function getXtParamsByYwh (ywh) {
14 return request({
15 url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getXtParamsByYwh',
16 method: 'get',
17 params: {
18 ywh: ywh
19 }
20 })
21 }
22
23 /**
24 * @description: 根据业务号查询补录参数数据
25 * @param {*} ywh
26 * @param {*} bsmQlxx
27 * @author: renchao
28 */
29 export function getBlParamsByYwh (ywh, bsmQlxx) {
30 return request({
31 url: SERVER.SERVERAPI + '​/rest​/ywbl​/djyw​/getBlParamsByYwh',
32 method: 'get',
33 params: {
34 ywh: ywh,
35 bsmQlxx: bsmQlxx
36 }
37 })
38 }
...\ No newline at end of file ...\ No newline at end of file
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-11 10:18:11 4 * @LastEditTime: 2023-09-14 17:11:15
5 --> 5 -->
6 <template> 6 <template>
7 <transition name="msgbox-fade"> 7 <transition name="msgbox-fade">
...@@ -160,7 +160,7 @@ ...@@ -160,7 +160,7 @@
160 .mask-content { 160 .mask-content {
161 padding: 5px 20px 30px 20px; 161 padding: 5px 20px 30px 20px;
162 width: 100%; 162 width: 100%;
163 min-height: 20%; 163 min-height: 253px;
164 max-height: 90vh; 164 max-height: 90vh;
165 overflow-y: scroll; 165 overflow-y: scroll;
166 } 166 }
......
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 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-14 16:24:07
5 -->
6 <template>
7 <div class="rlPopup">
8 <div class="prev handle-btn" v-if="!isScan" @click="prev()">
9 <i class="el-icon-arrow-left"></i>
10 </div>
11 <div class="next handle-btn" v-if="!isScan" @click="next()">
12 <i class="el-icon-arrow-right"></i>
13 </div>
14 <div class="img-list-wrap" v-Loading="loading">
15 <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪">
16 <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
17 <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
18 overlayStyle="width: 100%;height:100%">
19 </photo-zoom>
20 </div>
21 </div>
22 <!--缩略图-->
23 <div class="thumb-wrap">
24 <div class="thumb-wrap-button">
25 <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">（放大） 显示（缩小）</el-button>
26 <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false"
27 :on-change="handleChange"
28 accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg">
29 <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button>
30 </el-upload>
31 <!-- 左移右移 -->
32 <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button>
33 <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button>
34 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
35 v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
36 <div v-if="ableOperation" class="pl-5">
37 <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
38 <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
39 </div>
40 </div>
41 <ul>
42 <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
43 @click="showCurrent(index)">
44 <img :src="img.fileurl">
45 </li>
46 </ul>
47 </div>
48 <!-- 点开后的视图 -->
49 <publicPicture v-if="showViewer" :url-list="allLi" :initialIndex="initialIndex" @close-viewer="closeViewer">
50 </publicPicture>
51 </div>
52 </template>
53 <script>
54 import PhotoZoom from '@/components/PhotoZoom'
55 import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
56 import { uploadBatch, deleteFile, move } from "@/api/company.js"
57 import publicPicture from '@/components/publicPicture/index.vue'
58 export default {
59 name: 'PreviewImage',
60 props: {
61 previewImg: {
62 type: Object,
63 default: () => { }
64 },
65 ableOperation: {
66 type: Boolean,
67 default: true
68 }
69 },
70 components: {
71 PhotoZoom,
72 publicPicture
73 },
74 data () {
75 return {
76 loading: false,
77 key: 0,
78 isScan: false,
79 // 打开高拍仪
80 scanTitle: '打开高拍仪',
81 transform: {
82 scale: 1,
83 degree: 0
84 },
85 maxFileLength: 0,
86 // 缩略图
87 thumbnailImages: [],
88 showViewer: false,
89 initialIndex: 0,
90 allLi: [],
91 }
92 },
93 watch: {
94 previewImg: {
95 handler (newValue, oldValue) {
96 if (newValue.imgList && newValue.imgList.length > 0) {
97 this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fileurl)
98 this.thumbnailImages = newValue.imgList
99 } else {
100 this.allLi = []
101 this.thumbnailImages = []
102 }
103 },
104 deep: true,
105 immediate: true
106 }
107 },
108 created () {
109 this.maxLength = 0;
110 this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
111 this.thumbnailImages = this.previewImg.imgList
112 },
113 computed: {
114 isFirst () {
115 return this.previewImg.index === 0
116 },
117 isLast () {
118 return this.previewImg.index === this.previewImg.imgList.length - 1
119 }
120 },
121 methods: {
122 /**
123 * @description: 打开高拍仪
124 * @author: renchao
125 */
126 handleOpenScan () {
127 this.isScan = !this.isScan
128 if (this.isScan) {
129 this.loading = true
130 this.$message({
131 message: '正在启动程序请稍等',
132 type: 'success'
133 })
134 setTimeout(() => {
135 this.scanTitle = '关闭高拍仪'
136 this.loading = false
137 }, 3000)
138 } else {
139 this.scanTitle = '打开高拍仪'
140 }
141 },
142 /**
143 * @description: 左右移动
144 * @param {*} direction
145 * @author: renchao
146 */
147 handleMove (direction) {
148 move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => {
149 if (res.code == 200) {
150 if (direction == 'left') {
151 this.previewImg.index = this.previewImg.index - 1
152 } else {
153 this.previewImg.index = this.previewImg.index + 1
154 }
155 this.initialIndex = this.previewImg.index
156 this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
157 this.$message({
158 message: '移动成功!',
159 type: 'success'
160 })
161 } else {
162 this.$message.error(res.message);
163 }
164 })
165 },
166 /**
167 * @description: 拍照
168 * @author: renchao
169 */
170 handleViewScan () {
171 function dataURLtoBlob (base64String) {
172 const arr = base64String.split(',');
173 if (arr.length !== 2) {
174 throw new Error('Invalid Base64 format');
175 }
176 const mime = arr[0].match(/:(.*?);/)[1];
177 if (!mime) {
178 throw new Error('Cannot retrieve MIME type');
179 }
180 const bstr = atob(arr[1]);
181 const n = bstr.length;
182 const u8arr = new Uint8Array(n);
183 for (let i = 0; i < n; i++) {
184 u8arr[i] = bstr.charCodeAt(i);
185 }
186 return new Blob([u8arr], { type: mime });
187 }
188 function blobToFile (blob) {
189 let name = getUuid(8) + '.jpg'
190 const file = new File([blob], name);
191 return file;
192 }
193 getAltimeterInfo().then(res => {
194 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
195 let file = blobToFile(blob);
196 var formData = new FormData();
197 formData.append('file', file)
198 formData.append("bsmMaterial ", this.previewImg.bsmMaterial);
199 formData.append("bsmSlsq", this.previewImg.bsmSlsq);
200 uploadSjClmx(formData).then((res) => {
201 if (res.code == 200) {
202 this.$emit('updateList', res.result)
203 this.$message({
204 message: '上传成功!',
205 type: 'success'
206 })
207 }
208 })
209 })
210 },
211 /**
212 * @description: prev
213 * @author: renchao
214 */
215 prev () {
216 let len = this.previewImg.imgList.length
217 if (this.isFirst || len == 0) {
218 this.$emit('prevPriview')
219 } else {
220 this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len
221 }
222 },
223 /**
224 * @description: next
225 * @author: renchao
226 */
227 next () {
228 let len = this.previewImg.imgList.length
229 if (this.isLast || len == 0) {
230 this.$emit('nextPriview')
231 } else {
232 this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len
233 }
234 },
235 /**
236 * @description: showCurrent
237 * @param {*} index
238 * @author: renchao
239 */
240 showCurrent (index) {
241 this.previewImg.index = index
242 this.initialIndex = index
243 },
244 /**
245 * @description: closeViewer
246 * @author: renchao
247 */
248 closeViewer () {
249 this.showViewer = false
250 },
251 /**
252 * @description: clickImage
253 * @author: renchao
254 */
255 clickImage () {
256 this.showViewer = true
257 },
258 /**
259 * @description: handleChange
260 * @param {*} file
261 * @param {*} files
262 * @author: renchao
263 */
264 async handleChange (file, fileList) {
265 let length = fileList.length;
266 this.maxFileLength = Math.max(length, this.maxFileLength)
267 var formData = new FormData();
268 setTimeout(() => {
269 if (this.maxFileLength !== length) {
270 return
271 }
272 let num = 0, max = 0;
273 const isLt5M = file.size / 1024 / 1024 < 5;
274 fileList.forEach(item => {
275 if (!isLt5M) {
276 max++
277 }
278 if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) {
279 num++
280 } else {
281 formData.append('file', item.raw)
282 }
283 })
284 if (num >= 1) {
285 this.$message.error("请选择jpeg/png/jpg/bmp/gif格式的图片后重试")
286 // 移除不支持的文件类型
287 this.key++
288 return;
289 }
290 if (max >= 1) {
291 this.$message.error('上传图片大小不能超过 5MB!');
292 this.key++
293 return;
294 }
295 formData.append("bsmMaterial", this.previewImg.bsmMaterial);
296 if (this.previewImg.imgList.length > 0) {
297 formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
298 }
299 uploadBatch(formData).then((res) => {
300 if (res.code == 200) {
301 this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
302 this.$message({
303 message: '上传成功!',
304 type: 'success'
305 })
306 this.$refs.upload.clearFiles();
307 this.maxFileLength = 0
308 }
309 })
310 }, 0)
311 },
312 /**
313 * @description: handleDelete
314 * @author: renchao
315 */
316 handleDelete () {
317 let that = this
318 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
319 confirmButtonText: '确定',
320 cancelButtonText: '取消',
321 type: 'warning'
322 }).then(async () => {
323 let bsmFile = this.previewImg.imgList[this.previewImg.index].bsmFile
324 let bsmMaterial = this.previewImg.imgList[this.previewImg.index].bsmMaterial
325 this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmFile != bsmFile)
326 deleteFile(bsmFile).then(res => {
327 if (res.code == 200) {
328 that.$emit('updateList', { children: this.previewImg.imgList, bsmMaterial: bsmMaterial })
329 that.$message({
330 message: '删除成功!',
331 type: 'success'
332 })
333 }
334 })
335 }).catch(() => {
336 this.$message({
337 type: 'info',
338 message: '已取消删除'
339 })
340 })
341 }
342 }
343 }
344 </script>
345 <style lang="scss" scoped>
346 // 查看大图
347 .rlPopup {
348 position: relative;
349 width: 100%;
350 text-align: center;
351 height: 100%;
352
353 .handle-btn {
354 position: absolute;
355 top: 50%;
356 transform: translateY(-100%);
357 width: 66px;
358 height: 66px;
359 line-height: 75px;
360 color: #fff;
361 background-color: rgb(239, 239, 239);
362 border-radius: 50%;
363 cursor: pointer;
364 text-align: center;
365 transition: all 0.3s;
366
367 i {
368 font-size: 24px;
369 }
370 }
371
372 .handle-btn:hover {
373 background-color: rgb(185, 183, 183);
374 }
375
376 .prev {
377 left: 1%;
378 }
379
380 .next {
381 right: 1%;
382 }
383
384 .img-list-wrap {
385 width: 100%;
386 display: flex;
387 justify-content: center;
388 height: calc(100% - 80px);
389 align-items: center;
390 background: rgba(194, 190, 190, 0.1);
391 overflow: scroll;
392
393 img {
394 display: block;
395 object-fit: scale-down;
396 transition: all 0.3s;
397 max-width: 100%;
398 }
399 }
400
401 .thumb-wrap {
402 &-button {
403 display: flex;
404 justify-content: center;
405
406 .fileUpdate {
407 margin: 0 10px;
408 }
409 }
410
411 li {
412 float: left;
413 width: 60px;
414 height: 45px;
415 border: solid 1px #ececec;
416 position: relative;
417 margin-right: 5px;
418 cursor: pointer;
419
420 &:last-child {
421 margin-right: 0;
422 }
423
424 img {
425 max-width: 57px;
426 max-height: 42px;
427 display: block;
428 object-fit: scale-down;
429 position: absolute;
430 top: 50%;
431 left: 50%;
432 transform: translate(-50%, -50%);
433 }
434 }
435
436 .active {
437 border-color: #409eff;
438 }
439 }
440 }
441 </style>
442 <style>
443 .zoom-on-hover {
444 position: relative;
445 overflow: hidden;
446 }
447
448 .zoom-on-hover .normal {
449 width: 100%;
450 }
451
452 .zoom-on-hover .zoom {
453 position: absolute;
454 opacity: 0;
455 transform-origin: top left;
456 }
457
458 .zoom-on-hover.zoomed .zoom {
459 opacity: 1;
460 }
461
462 .zoom-on-hover.zoomed .normal {
463 opacity: 0;
464 }
465 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 10:09:10
5 -->
6 <template>
7 <div class="clxx">
8 <div class="right">
9 <!-- 材料预览 -->
10 <div class="clyl-box">
11 <div class="menu-tree">
12 <el-button
13 type="primary"
14 native-type="submit"
15 @click="viewDetail"
16 style="width: 100%; margin-top: 10px" v-if="tableData.length > 0">申请材料目录</el-button>
17 <div class="item">
18 材料目录({{ tableData.length }})
19 <div style="margin-top: 10px">
20 <div
21 style="
22 text-align: center;
23 line-height: 20px;
24 color: black;
25 font-size: 14px;
26 "
27 v-if="tableData.length == 0">
28 暂无数据
29 </div>
30 <div
31 v-for="(item, index) in tableData"
32 :key="item.bsmMaterial"
33 :class="['child', treeCheckId == item.bsmMaterial ? 'checked' : '']"
34 @click="treeClick(item, index)">
35 {{ item.clmc }}
36 <span class="cl_number" :key="key" v-if="item.count">({{ item.count }})</span>
37 <span class="cl_number" :key="key" v-else>(0)</span>
38 </div>
39 </div>
40 </div>
41 <el-button
42 type="primary"
43 native-type="submit"
44 style="width: 100%"
45 @click="handleAdd()">新增</el-button>
46 </div>
47 <image-preview
48 ref="imageRef"
49 v-if="tableData.length > 0"
50 :previewImg="previewImg"
51 @updateList="updateList"
52 @nextPriview="nextPriview"
53 @prevPriview="prevPriview" />
54 </div>
55 </div>
56 <clxxAddDialog v-model="isDialog" />
57 </div>
58 </template>
59 <script>
60 import store from '@/store/index.js'
61 import { ywPopupDialog } from "@/utils/popup.js";
62 import imagePreview from "./dialog/imagePreview.vue";
63 import clxxAddDialog from "./dialog/clxxAddDialog.vue";
64 import clxxDetailDialog from "./dialog/clxxDetailDialog.vue";
65 import { getCompanyMaterialList, addCompanyMaterial, getFileListByBsmMaterial } from "@/api/company.js";
66 import { saveClml, getClmxList } from "@/api/clxx.js";
67 import { repairInitClml } from "@/api/djbRepair.js";
68 export default {
69 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
70 props: {
71 formData: {
72 type: Object,
73 default: () => {
74 return {}
75 }
76 }
77 },
78 data () {
79 return {
80 isDialog: false,
81 iclass: "",
82 // 材料目录选中
83 treeCheckIndex: 0,
84 treeCheckId: "",
85 key: 0,
86 tableData: [],
87 previewImg: {
88 bsmMaterial: "",
89 index: 0,
90 selectedIndex: 0,
91 imgList: []
92 }
93 }
94 },
95 computed: {
96 workFresh () {
97 return store.state.user.workFresh
98 }
99 },
100 watch: {
101 workFresh: {
102 handler (newValue, oldValue) {
103 this.clmlInitList()
104 },
105 deep: true,
106 immediate: true
107 }
108 },
109 created () {
110 this.clmlInitList()
111 },
112 methods: {
113 /**
114 * @description: 自动预览
115 * @author: renchao
116 */
117 nextPriview () {
118 if (this.treeCheckIndex < this.tableData.length) {
119 this.treeCheckIndex++;
120 if (this.tableData[this.treeCheckIndex]) {
121 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
122 // 判断页数
123 let ys = this.tableData[this.treeCheckIndex].ys
124 this.previewImg.index = 0;
125 // 获取材料明细
126 if (ys > 0) {
127 getFileListByBsmMaterial(this.treeCheckId).then(res => {
128 this.previewImg.imgList = res.result ? res.result : []
129 })
130 } else {
131 this.previewImg.imgList = []
132 }
133 this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
134 } else {
135 this.$message.error('没有最后一张了');
136 }
137 }
138 },
139 /**
140 * @description: prevPriview
141 * @author: renchao
142 */
143 prevPriview () {
144 if (this.treeCheckIndex >= 1) {
145 this.treeCheckIndex--;
146 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
147 // 判断页数
148 let ys = this.tableData[this.treeCheckIndex].ys
149 if (ys > 0) {
150 getFileListByBsmMaterial(this.treeCheckId).then(res => {
151 this.previewImg.imgList = res.result ? res.result : []
152 this.previewImg.index = this.previewImg.imgList.length - 1;
153 })
154 } else {
155 this.previewImg.imgList = [];
156 this.previewImg.index = 0
157 }
158 this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
159 } else {
160 this.$message.error('没有第一张了');
161 }
162 },
163 /**
164 * @description: 材料目录明细初始化
165 * @param {*} type
166 * @author: renchao
167 */
168 clmlInitList (type) {
169 // 1：列表初始化 2：新增材料
170 return new Promise((resolve) => {
171 getCompanyMaterialList(this.formData.bsmCompany).then((res) => {
172 if (res.code == 200) {
173 resolve(res.code);
174 if (res.result && res.result.length > 0) {
175 this.tableData = res.result;
176 if (type == 1) {
177 this.treeClick(this.tableData[0], 0);
178 } else {
179 //新增材料后刷新列表焦点置于新增的对象上
180 this.treeClick(
181 this.tableData[this.tableData.length - 1],
182 this.tableData.length - 1
183 );
184 }
185 }
186 } else {
187 this.$message.error(res.message);
188 }
189 })
190 })
191 },
192 /**
193 * @description: setChecked
194 * @param {*} item
195 * @author: renchao
196 */
197 setChecked (item) {
198 this.treeCheckId = item.bsmMaterial;
199 this.title = item.sjmc;
200 this.titleYs = 1;
201 this.titleNum = item.children.length;
202 this.previewImg.imgList = item.children;
203 this.previewImg.bsmMaterial = item.bsmMaterial;
204 },
205 /**
206 * @description: updateList
207 * @param {*} val
208 * @author: renchao
209 */
210 updateList (val) {
211 let that = this;
212 if (val.children.length != 0) {
213 //删除最后一张图片时 val=null
214 this.tableData.forEach((item) => {
215 if (item.bsmMaterial == val.bsmMaterial) {
216 item.count = val.children.length
217 }
218 });
219 this.previewImg.imgList = _.cloneDeep(val.children);
220 if (this.previewImg.index == this.previewImg.imgList.length) {
221 this.previewImg.index = this.previewImg.index - 1;
222 }
223 this.key++
224 } else {
225 this.previewImg.imgList = [];
226 this.tableData.forEach((item, index) => {
227 if (this.treeCheckId == item.bsmMaterial) {
228 item.count = 0;
229 that.treeCheckIndex = index;
230 }
231 })
232 }
233 },
234 /**
235 * @description: 添加材料目录
236 * @author: renchao
237 */
238 handleAdd () {
239 this.isDialog = true;
240 },
241 /**
242 * @description: 新增弹窗保存
243 * @param {*} data
244 * @author: renchao
245 */
246 addSave (data) {
247 let obj = {
248 bsmCompany: this.formData.bsmCompany,
249 clmc: data.clmc,
250 cllx: data.cllx
251 };
252 addCompanyMaterial(obj).then(async (res) => {
253 if (res.code == 200) {
254 let res = await this.clmlInitList(2);
255 if (res == 200)
256 this.$message({
257 message: "新增成功",
258 type: "success"
259 })
260 }
261 })
262 },
263 /**
264 * @description: 材料目录点击选中
265 * @param {*} item
266 * @param {*} index
267 * @author: renchao
268 */
269 treeClick (item, index) {
270 this.previewImg.index = 0;
271 this.treeCheckId = item?.bsmMaterial;
272 this.treeCheckIndex = index;
273 getFileListByBsmMaterial(item.bsmMaterial).then(res => {
274 this.previewImg.imgList = res.result ? res.result : []
275 })
276 this.previewImg.bsmMaterial = item?.bsmMaterial;
277 },
278 /**
279 * @description: 小图片点击
280 * @param {*} item
281 * @param {*} index
282 * @author: renchao
283 */
284 imgClick (item, index) {
285 this.showImg = item;
286 this.titleYs = index + 1;
287 },
288 //查看明细
289 viewDetail () {
290 store.dispatch("user/reWorkFresh", false);
291 ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", {
292 data: this.tableData,
293 bsmCompany: this.formData.bsmCompany
294 }, "60%", true, false)
295 },
296 //设置tableData
297 setTableData (tableData) {
298 this.$nextTick((res) => {
299 this.tableData = tableData;
300 })
301 }
302 }
303 }
304 </script>
305 <style scoped lang="scss">
306 @import "~@/styles/mixin.scss";
307 .active {
308 background: $light-blue !important;
309 color: #fff;
310 }
311
312 .required {
313 font-size: 12px;
314 color: $pink;
315 float: left;
316 }
317
318 .cl_number {
319 float: right;
320 }
321
322 .clxx {
323 width: 100%;
324 height: 94%;
325 display: flex;
326 padding-left: 5px;
327 .left {
328 display: flex;
329 flex-direction: column;
330 justify-content: space-between;
331
332 .item {
333 width: 28px;
334 height: 49%;
335 @include flex-center;
336 background-color: #e4e7ed;
337 border-bottom-right-radius: 10px;
338 padding: 5px;
339 cursor: pointer;
340 transition: all 0.3s;
341
342 &:hover {
343 @extend .active;
344 }
345 }
346 }
347
348 .right {
349 width: 100%;
350 height: 100%;
351
352 .clmlmx-box {
353 margin: 0 auto;
354
355 .title {
356 text-align: center;
357 height: 60px;
358 line-height: 60px;
359 border: 1px solid #dfe6ec;
360 font-size: 20px;
361 background: #81d3f81a;
362 margin-bottom: -1px;
363 }
364 }
365
366 .clyl-box {
367 width: 100%;
368 height: 100%;
369 display: flex;
370
371 .menu-tree {
372 width: 20%;
373 min-width: 160px;
374 height: 100%;
375 margin-right: 10px;
376 border-right: 1px dotted #d9d9d9;
377 padding: 0 15px;
378
379 .item {
380 line-height: 30px;
381 padding-top: 5px;
382 border-bottom: 1px solid #e8e8e8;
383 font-size: 16px;
384 text-align: center;
385 color: $light-blue;
386
387 .itemIcon {
388 float: right;
389 line-height: 60px;
390 cursor: pointer;
391 }
392
393 .child {
394 line-height: 32px;
395 border-bottom: 1px solid #e8e8e8;
396 padding-left: 10px;
397 color: #6b6b6b;
398 cursor: pointer;
399 box-sizing: border-box;
400 border-radius: 6px;
401 line-height: 20px;
402 transition: all 0.3s;
403 padding: 8px 0;
404 }
405
406 .child:hover {
407 color: $light-blue;
408 transform: scale(1.1);
409 }
410
411 .checked {
412 border: 1px solid $light-blue;
413 color: $light-blue;
414 }
415 }
416 }
417
418 .clyl-img {
419 width: 75%;
420 height: 100%;
421 background: #f3f4f7;
422 margin: 0 auto;
423 position: relative;
424 }
425 }
426 }
427 }
428 </style>
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
135 label="上手权利信息：" 135 label="上手权利信息："
136 prop="ssQlxx.bdcqzh" 136 prop="ssQlxx.bdcqzh"
137 :rules="rules.ssQlxxrules" 137 :rules="rules.ssQlxxrules"
138 v-if="ruleForm.cfdj.sfbxf == '1'"> 138 v-if="ruleForm.qlxx.djlx == '300'">
139 <select-table 139 <select-table
140 v-model="ruleForm.ssQlxx" 140 v-model="ruleForm.ssQlxx"
141 :table-width="730" 141 :table-width="730"
...@@ -189,9 +189,9 @@ ...@@ -189,9 +189,9 @@
189 <el-form-item label="是否被续封：" 189 <el-form-item label="是否被续封："
190 prop="cfdj.sfbxf" 190 prop="cfdj.sfbxf"
191 :rules="rules.sfbxfrules"> 191 :rules="rules.sfbxfrules">
192 <el-radio-group v-model="ruleForm.cfdj.sfbxf" @change="djlxchange"> 192 <el-radio-group v-model="ruleForm.qlxx.djlx" @change="djlxchange">
193 <el-radio label="1">是</el-radio> 193 <el-radio label="800">是</el-radio>
194 <el-radio label="2">否</el-radio> 194 <el-radio label="300">否</el-radio>
195 </el-radio-group> 195 </el-radio-group>
196 </el-form-item> 196 </el-form-item>
197 </el-col> 197 </el-col>
...@@ -546,9 +546,9 @@ ...@@ -546,9 +546,9 @@
546 init(this.propsParam).then((res) => { 546 init(this.propsParam).then((res) => {
547 if (res.code == 200) { 547 if (res.code == 200) {
548 this.ruleForm = res.result; 548 this.ruleForm = res.result;
549 if (this.ruleForm.cfdj) { 549 // if (this.ruleForm.cfdj) {
550 this.ruleForm.cfdj.sfbxf = "2" 550 // this.ruleForm.cfdj.sfbxf = "2"
551 } 551 // }
552 this.isShow = true; 552 this.isShow = true;
553 let djlx = this.ruleForm.qlxx.djlx; 553 let djlx = this.ruleForm.qlxx.djlx;
554 this.$endLoading(); 554 this.$endLoading();
......
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="登记机构："
......
...@@ -15,8 +15,7 @@ ...@@ -15,8 +15,7 @@
15 :label-position="flag ? 'top' : ''" 15 :label-position="flag ? 'top' : ''"
16 :show-message="false" 16 :show-message="false"
17 :inline="flag" 17 :inline="flag"
18 label-width="190px" 18 label-width="190px">
19 >
20 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 19 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
21 <div class="slxx_title title-block"> 20 <div class="slxx_title title-block">
22 申请业务信息 21 申请业务信息
...@@ -45,25 +44,21 @@ ...@@ -45,25 +44,21 @@
45 <el-form-item 44 <el-form-item
46 label="上手权利信息：" 45 label="上手权利信息："
47 prop="ssQlxx.bdcqzh" 46 prop="ssQlxx.bdcqzh"
48 :rules="rules.ssQlxxrules" 47 :rules="rules.ssQlxxrules">
49 >
50 <select-table 48 <select-table
51 v-model="ruleForm.ssQlxx" 49 v-model="ruleForm.ssQlxx"
52 :table-width="730" 50 :table-width="730"
53 :tableData="ssQlxxList" 51 :tableData="ssQlxxList"
54 :props="props" 52 :props="props"
55 @change="ssQlxxchange" 53 @change="ssQlxxchange">
56 >
57 <el-table-column 54 <el-table-column
58 prop="qllxmc" 55 prop="qllxmc"
59 width="130" 56 width="130"
60 label="权利类型" 57 label="权利类型"></el-table-column>
61 ></el-table-column>
62 <el-table-column 58 <el-table-column
63 prop="bdcqzh" 59 prop="bdcqzh"
64 width="160" 60 width="160"
65 label="不动产权证书" 61 label="不动产权证书"></el-table-column>
66 ></el-table-column>
67 <el-table-column prop="qlrmc" label="权利人"></el-table-column> 62 <el-table-column prop="qlrmc" label="权利人"></el-table-column>
68 <el-table-column prop="mjmc" label="面积"></el-table-column> 63 <el-table-column prop="mjmc" label="面积"></el-table-column>
69 <el-table-column prop="ytmc" label="用途"></el-table-column> 64 <el-table-column prop="ytmc" label="用途"></el-table-column>
...@@ -83,13 +78,11 @@ ...@@ -83,13 +78,11 @@
83 <el-form-item 78 <el-form-item
84 label="业务号：" 79 label="业务号："
85 prop="qlxx.ywh" 80 prop="qlxx.ywh"
86 :rules="rules.ywhrules" 81 :rules="rules.ywhrules">
87 >
88 <el-input 82 <el-input
89 maxlength="20" 83 maxlength="20"
90 onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" 84 onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"
91 v-model="ruleForm.qlxx.ywh" 85 v-model="ruleForm.qlxx.ywh"></el-input>
92 ></el-input>
93 </el-form-item> 86 </el-form-item>
94 </el-col> 87 </el-col>
95 <el-col :span="8"> 88 <el-col :span="8">
...@@ -108,15 +101,13 @@ ...@@ -108,15 +101,13 @@
108 <el-form-item 101 <el-form-item
109 label="登记类型：" 102 label="登记类型："
110 prop="qlxx.djlx" 103 prop="qlxx.djlx"
111 :rules="rules.djlxrules" 104 :rules="rules.djlxrules">
112 >
113 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange"> 105 <el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
114 <el-option 106 <el-option
115 v-for="item in djlxlist" 107 v-for="item in djlxlist"
116 :key="item.dcode" 108 :key="item.dcode"
117 :label="item.dname" 109 :label="item.dname"
118 :value="item.dcode" 110 :value="item.dcode">
119 >
120 </el-option> 111 </el-option>
121 </el-select> 112 </el-select>
122 </el-form-item> 113 </el-form-item>
...@@ -128,8 +119,7 @@ ...@@ -128,8 +119,7 @@
128 v-for="item in qsztlist" 119 v-for="item in qsztlist"
129 :key="item.dcode" 120 :key="item.dcode"
130 :label="item.dname" 121 :label="item.dname"
131 :value="item.dcode" 122 :value="item.dcode">
132 >
133 </el-option> 123 </el-option>
134 </el-select> 124 </el-select>
135 </el-form-item> 125 </el-form-item>
...@@ -232,15 +222,13 @@ ...@@ -232,15 +222,13 @@
232 <el-input 222 <el-input
233 maxlength="12" 223 maxlength="12"
234 v-model="ruleForm.lq.syqmj" 224 v-model="ruleForm.lq.syqmj"
235 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null" 225 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
236 ></el-input>
237 <el-select disabled v-model="mjdw" style="width: 68px"> 226 <el-select disabled v-model="mjdw" style="width: 68px">
238 <el-option 227 <el-option
239 v-for="item in dictData['A7']" 228 v-for="item in dictData['A7']"
240 :key="item.dcode" 229 :key="item.dcode"
241 :label="item.dname" 230 :label="item.dname"
242 :value="item.dcode" 231 :value="item.dcode">
243 >
244 </el-option> 232 </el-option>
245 </el-select> 233 </el-select>
246 </div> 234 </div>
...@@ -262,15 +250,13 @@ ...@@ -262,15 +250,13 @@
262 <el-input 250 <el-input
263 maxlength="11" 251 maxlength="11"
264 v-model="ruleForm.lq.qdjg" 252 v-model="ruleForm.lq.qdjg"
265 style="width: 500%" 253 style="width: 500%"></el-input>
266 ></el-input>
267 <el-select v-model="ruleForm.lq.jedw"> 254 <el-select v-model="ruleForm.lq.jedw">
268 <el-option 255 <el-option
269 v-for="item in dictData['A57']" 256 v-for="item in dictData['A57']"
270 :key="item.dcode" 257 :key="item.dcode"
271 :label="item.dname" 258 :label="item.dname"
272 :value="item.dcode" 259 :value="item.dcode">
273 >
274 </el-option> 260 </el-option>
275 </el-select> 261 </el-select>
276 </div> 262 </div>
...@@ -281,8 +267,7 @@ ...@@ -281,8 +267,7 @@
281 <el-form-item 267 <el-form-item
282 label="不动产权证号：" 268 label="不动产权证号："
283 prop="qlxx.bdcqzh" 269 prop="qlxx.bdcqzh"
284 :rules="rules.bdcqzhrules" 270 :rules="rules.bdcqzhrules">
285 >
286 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 271 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
287 </el-form-item> 272 </el-form-item>
288 </el-col> 273 </el-col>
...@@ -299,8 +284,7 @@ ...@@ -299,8 +284,7 @@
299 <el-form-item 284 <el-form-item
300 label="登记机构：" 285 label="登记机构："
301 prop="qlxx.djjg" 286 prop="qlxx.djjg"
302 :rules="rules.djjgrules" 287 :rules="rules.djjgrules">
303 >
304 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 288 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
305 </el-form-item> 289 </el-form-item>
306 </el-col> 290 </el-col>
...@@ -308,8 +292,7 @@ ...@@ -308,8 +292,7 @@
308 <el-form-item 292 <el-form-item
309 label="登簿人：" 293 label="登簿人："
310 prop="qlxx.dbr" 294 prop="qlxx.dbr"
311 :rules="rules.dbrrules" 295 :rules="rules.dbrrules">
312 >
313 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 296 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
314 </el-form-item> 297 </el-form-item>
315 </el-col> 298 </el-col>
...@@ -317,16 +300,14 @@ ...@@ -317,16 +300,14 @@
317 <el-form-item 300 <el-form-item
318 label="登记时间：" 301 label="登记时间："
319 prop="qlxx.djsj" 302 prop="qlxx.djsj"
320 :rules="rules.djsjrules" 303 :rules="rules.djsjrules">
321 >
322 <el-date-picker 304 <el-date-picker
323 v-model="ruleForm.qlxx.djsj" 305 v-model="ruleForm.qlxx.djsj"
324 type="date" 306 type="date"
325 class="width100" 307 class="width100"
326 placeholder="选择日期" 308 placeholder="选择日期"
327 value-format="yyyy-MM-dd HH:mm:ss" 309 value-format="yyyy-MM-dd HH:mm:ss"
328 format="yyyy-MM-dd" 310 format="yyyy-MM-dd">
329 >
330 </el-date-picker> 311 </el-date-picker>
331 </el-form-item> 312 </el-form-item>
332 </el-col> 313 </el-col>
...@@ -338,8 +319,7 @@ ...@@ -338,8 +319,7 @@
338 v-model="ruleForm.lq.fj" 319 v-model="ruleForm.lq.fj"
339 type="textarea" 320 type="textarea"
340 maxlength="500" 321 maxlength="500"
341 show-word-limit 322 show-word-limit></el-input>
342 ></el-input>
343 </el-form-item> 323 </el-form-item>
344 </el-col> 324 </el-col>
345 </el-row> 325 </el-row>
...@@ -350,8 +330,7 @@ ...@@ -350,8 +330,7 @@
350 <tdytTable 330 <tdytTable
351 :tableData="ruleForm.tdytqxList" 331 :tableData="ruleForm.tdytqxList"
352 @upDateTdytxxList="upDateTdytxxList" 332 @upDateTdytxxList="upDateTdytxxList"
353 :ableOperation="ableOperation" 333 :ableOperation="ableOperation" />
354 />
355 <div class="slxx_title title-block"> 334 <div class="slxx_title title-block">
356 权利人信息 335 权利人信息
357 <div class="triangle"></div> 336 <div class="triangle"></div>
...@@ -361,8 +340,7 @@ ...@@ -361,8 +340,7 @@
361 <el-form-item label="共有方式："> 340 <el-form-item label="共有方式：">
362 <el-radio-group 341 <el-radio-group
363 :disabled="!ableOperation" 342 :disabled="!ableOperation"
364 v-model="ruleForm.qlxx.gyfs" 343 v-model="ruleForm.qlxx.gyfs">
365 >
366 <el-radio label="0">单独所有</el-radio> 344 <el-radio label="0">单独所有</el-radio>
367 <el-radio label="1">共同共有</el-radio> 345 <el-radio label="1">共同共有</el-radio>
368 <el-radio label="2">按份所有</el-radio> 346 <el-radio label="2">按份所有</el-radio>
...@@ -376,8 +354,7 @@ ...@@ -376,8 +354,7 @@
376 @upDateQlrxxList="upDateQlrxxList" 354 @upDateQlrxxList="upDateQlrxxList"
377 :key="key" 355 :key="key"
378 :ableOperation="ableOperation" 356 :ableOperation="ableOperation"
379 :gyfs="ruleForm.qlxx.gyfs" 357 :gyfs="ruleForm.qlxx.gyfs" />
380 />
381 </div> 358 </div>
382 <el-row class="btn" v-if="ableOperation"> 359 <el-row class="btn" v-if="ableOperation">
383 <el-form-item> 360 <el-form-item>
...@@ -388,338 +365,339 @@ ...@@ -388,338 +365,339 @@
388 </div> 365 </div>
389 </template> 366 </template>
390 <script> 367 <script>
391 import { mapGetters } from "vuex"; 368 import { mapGetters } from "vuex";
392 import store from "@/store/index.js"; 369 import store from "@/store/index.js";
393 import ywmix from "@/views/ywbl/mixin/index"; 370 import ywmix from "@/views/ywbl/mixin/index";
394 import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js"; 371 import { init, getSsQlxx, getQlxxByQlxxBsm, save } from "@/api/djbRepair.js";
395 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; 372 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
396 import tdytTable from "@/views/workflow/components/tdytTable"; 373 import tdytTable from "@/views/workflow/components/tdytTable";
397 import selectTable from "@/components/selectTable/index.vue"; 374 import selectTable from "@/components/selectTable/index.vue";
398 export default { 375 export default {
399 mixins: [ywmix], 376 mixins: [ywmix],
400 components: { qlrCommonTable, tdytTable, selectTable }, 377 components: { qlrCommonTable, tdytTable, selectTable },
401 computed: { 378 computed: {
402 ...mapGetters(["dictData", "flag"]), 379 ...mapGetters(["dictData", "flag"]),
403 // 根据流程判断表单是否为只读 380 // 根据流程判断表单是否为只读
404 editDisabled() { 381 editDisabled () {
405 if (!this.ableOperation) { 382 if (!this.ableOperation) {
406 //只读状态 383 //只读状态
407 return true; 384 return true;
408 }
409 return false;
410 },
411 },
412 data() {
413 return {
414 mjdw: "1",
415 ssqlxxshow: true,
416 props: {
417 label: "bdcqzh",
418 value: "bdcdyid",
419 },
420 // 键名转换，方法默认是label和children进行树状渲染
421 normalizer(node) {
422 //方法
423 if (node.children == null || node.children == "null") {
424 delete node.children;
425 } 385 }
426 return { 386 return false;
427 id: node.dcode,
428 label: node.dname,
429 };
430 }, 387 },
431 //表单是否可操作 388 },
432 propsParam: this.$attrs, 389 data () {
433 ableOperation: false, 390 return {
434 key: 0, 391 mjdw: "1",
435 ssQlxxList: [], 392 ssqlxxshow: true,
436 // 登记类型 393 props: {
437 djlxlist: [ 394 label: "bdcqzh",
438 { 395 value: "bdcdyid",
439 dcode: "100",
440 dname: "首次登记",
441 },
442 {
443 dcode: "200",
444 dname: "转移登记",
445 },
446 {
447 dcode: "300",
448 dname: "变更登记",
449 }, 396 },
450 { 397 // 键名转换，方法默认是label和children进行树状渲染
451 dcode: "500", 398 normalizer (node) {
452 dname: "更正登记", 399 //方法
400 if (node.children == null || node.children == "null") {
401 delete node.children;
402 }
403 return {
404 id: node.dcode,
405 label: node.dname,
406 };
453 }, 407 },
408 //表单是否可操作
409 propsParam: this.$attrs,
410 ableOperation: false,
411 key: 0,
412 ssQlxxList: [],
413 // 登记类型
414 djlxlist: [
415 {
416 dcode: "100",
417 dname: "首次登记",
418 },
419 {
420 dcode: "200",
421 dname: "转移登记",
422 },
423 {
424 dcode: "300",
425 dname: "变更登记",
426 },
427 {
428 dcode: "500",
429 dname: "更正登记",
430 },
454 431
455 { 432 {
456 dcode: "901", 433 dcode: "901",
457 dname: "补证", 434 dname: "补证",
458 }, 435 },
459 { 436 {
460 dcode: "902", 437 dcode: "902",
461 dname: "换证", 438 dname: "换证",
462 }, 439 },
463 ],
464 // 权属状态
465 qsztlist: [
466 {
467 dcode: "1",
468 dname: "现势",
469 },
470 {
471 dcode: "2",
472 dname: "历史",
473 },
474 ],
475 tdxz: null,
476 isShow: false,
477 disabled: true,
478 czrOptions: [],
479 ruleForm: {},
480 //传递参数\
481 rules: {
482 ssQlxxrules: [
483 { required: true, message: "上手权利信息", trigger: "blur" },
484 ], 440 ],
485 bdcqzhrules: [ 441 // 权属状态
486 { required: true, message: "不动产权证号：", trigger: "blur" }, 442 qsztlist: [
443 {
444 dcode: "1",
445 dname: "现势",
446 },
447 {
448 dcode: "2",
449 dname: "历史",
450 },
487 ], 451 ],
488 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], 452 tdxz: null,
489 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }], 453 isShow: false,
490 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], 454 disabled: true,
491 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], 455 czrOptions: [],
492 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }], 456 ruleForm: {},
493 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }], 457 //传递参数\
494 }, 458 rules: {
495 }; 459 ssQlxxrules: [
496 }, 460 { required: true, message: "上手权利信息", trigger: "blur" },
497 created() { 461 ],
498 this.loadData(); 462 bdcqzhrules: [
499 }, 463 { required: true, message: "不动产权证号：", trigger: "blur" },
500 mounted() { 464 ],
501 this.ableOperation = this.$parent.ableOperation; 465 // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
502 }, 466 djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
503 methods: { 467 dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
504 /** 468 djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
505 * @description: ssQlxxchange 469 djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
506 * @param {*} val 470 ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
507 * @author: renchao 471 },
508 */ 472 };
509 ssQlxxchange(val) { 473 },
510 this.ruleForm.ssQlxx = val; 474 created () {
511 this.ruleForm.qlxx.ssywh = val.ywh; 475 this.loadData();
512 this.ssQlxxchangediolog(val);
513 }, 476 },
514 // 弹框事件 477 mounted () {
515 /** 478 this.ableOperation = this.$parent.ableOperation;
516 * @description: 弹框事件 479 },
517 * @param {*} val 480 methods: {
518 * @author: renchao 481 /**
519 */ 482 * @description: ssQlxxchange
520 ssQlxxchangediolog(val) { 483 * @param {*} val
521 this.$confirm("是否将上手权利信息同步到表单", "提示", { 484 * @author: renchao
522 iconClass: "el-icon-question", //自定义图标样式 485 */
523 confirmButtonText: "确认", //确认按钮文字更换 486 ssQlxxchange (val) {
524 cancelButtonText: "取消", //取消按钮文字更换 487 this.ruleForm.ssQlxx = val;
525 showClose: true, //是否显示右上角关闭按钮 488 this.ruleForm.qlxx.ssywh = val.ywh;
526 type: "warning", 489 this.ssQlxxchangediolog(val);
527 }) 490 },
528 .then(() => { 491 // 弹框事件
529 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => { 492 /**
530 if (res.code == 200) { 493 * @description: 弹框事件
531 this.nowlist = res.result; 494 * @param {*} val
532 for (var key in this.ruleForm.lq) { 495 * @author: renchao
533 if ( 496 */
534 this.ruleForm.lq[key] == "" || 497 ssQlxxchangediolog (val) {
535 this.ruleForm.lq[key] == null 498 this.$confirm("是否将上手权利信息同步到表单", "提示", {
536 ) { 499 iconClass: "el-icon-question", //自定义图标样式
537 this.ruleForm.lq[key] = this.nowlist.lq[key]; 500 confirmButtonText: "确认", //确认按钮文字更换
501 cancelButtonText: "取消", //取消按钮文字更换
502 showClose: true, //是否显示右上角关闭按钮
503 type: "warning",
504 })
505 .then(() => {
506 getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
507 if (res.code == 200) {
508 this.nowlist = res.result;
509 for (var key in this.ruleForm.lq) {
510 if (
511 this.ruleForm.lq[key] == "" ||
512 this.ruleForm.lq[key] == null
513 ) {
514 this.ruleForm.lq[key] = this.nowlist.lq[key];
515 }
538 } 516 }
539 } 517 for (var key in this.ruleForm.qlxx) {
540 for (var key in this.ruleForm.qlxx) { 518 if (
541 if ( 519 this.ruleForm.qlxx[key] == "" ||
542 this.ruleForm.qlxx[key] == "" || 520 (this.ruleForm.qlxx[key] == null &&
543 (this.ruleForm.qlxx[key] == null && 521 key != "ywh" &&
544 key != "ywh" && 522 key != "dbr" &&
545 key != "dbr" && 523 key != "djsj" &&
546 key != "djsj" && 524 key != "ssywh" &&
547 key != "ssywh" && 525 key != "ssywh" &&
548 key != "ssywh" && 526 key != "bdcqzh")
549 key != "bdcqzh") 527 ) {
550 ) { 528 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
551 this.ruleForm.qlxx[key] = this.nowlist.qlxx[key]; 529 }
552 } 530 }
531 if (!this.ruleForm.tdytqxList.length) {
532 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
533 }
534 if (!this.ruleForm.qlrData.length) {
535 this.ruleForm.qlrData = this.nowlist.qlrData;
536 }
537 if (!this.ruleForm.ywrData.length) {
538 this.ruleForm.ywrData = this.nowlist.ywrData;
539 }
540 this.$message({
541 type: "success",
542 message: "同步成功!",
543 });
553 } 544 }
554 if (!this.ruleForm.tdytqxList.length) {
555 this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
556 }
557 if (!this.ruleForm.qlrData.length) {
558 this.ruleForm.qlrData = this.nowlist.qlrData;
559 }
560 if (!this.ruleForm.ywrData.length) {
561 this.ruleForm.ywrData = this.nowlist.ywrData;
562 }
563 this.$message({
564 type: "success",
565 message: "同步成功!",
566 });
567 }
568 });
569 })
570 .catch(() => {
571 this.$message({
572 type: "info",
573 message: "已取消同步",
574 });
575 });
576 },
577 /**
578 * @description: djlxchange
579 * @param {*} val
580 * @author: renchao
581 */
582 djlxchange(val) {
583 if (val == null || val == 100) {
584 this.ssqlxxshow = false;
585 } else {
586 this.ssqlxxshow = true;
587 }
588 },
589 // 字典
590 /**
591 * @description: 字典
592 * @param {*} val
593 * @author: renchao
594 */
595 getDictData(val) {
596 return store.getters.dictData[val];
597 },
598 /**
599 * @description: loadData
600 * @author: renchao
601 */
602 loadData() {
603 this.$startLoading();
604 this.propsParam.isEdit = this.$parent.isEdit;
605 init(this.propsParam).then((res) => {
606 if (res.code == 200) {
607 this.ruleForm = res.result;
608 let djlx = this.ruleForm.qlxx.djlx;
609 if (djlx == null || djlx == 100) {
610 this.ssqlxxshow = false;
611 }
612 this.$endLoading();
613 if (this.ruleForm.tdytqxList.length > 0) {
614 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
615 } else {
616 this.tdxz = null;
617 }
618 this.isShow = true;
619 //获取主体信息
620 getSsQlxx({
621 bdcdyid: this.propsParam.bdcdyid,
622 qllx: this.propsParam.qllx,
623 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
624 }).then((res) => {
625 if (res.code == 200) {
626 this.ssQlxxList = res.result;
627 }
628 });
629 }
630 });
631 },
632 /**
633 * @description: 更新土地用途信息
634 * @param {*} val
635 * @author: renchao
636 */
637 upDateTdytxxList(val) {
638 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
639 this.key++;
640 },
641 // 更新权利人信息
642 /**
643 * @description: 更新权利人信息
644 * @param {*} val
645 * @author: renchao
646 */
647 upDateQlrxxList(val) {
648 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
649 this.czrOptions = this.ruleForm.qlrData;
650 this.key++;
651 },
652 // 保存
653 /**
654 * @description: onSubmit
655 * @author: renchao
656 */
657 onSubmit() {
658 this.$refs.ruleForm.validate((valid) => {
659 if (valid) {
660 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
661 if (arr.length > 0) {
662 this.$message({
663 showClose: true,
664 message: "土地用途不能为空",
665 type: "error",
666 }); 545 });
667 return false; 546 })
668 } 547 .catch(() => {
669 if (this.ruleForm.qlrData.length == 0) {
670 this.$message({ 548 this.$message({
671 showClose: true, 549 type: "info",
672 message: "请确认权利人信息", 550 message: "已取消同步",
673 type: "error", 551 });
552 });
553 },
554 /**
555 * @description: djlxchange
556 * @param {*} val
557 * @author: renchao
558 */
559 djlxchange (val) {
560 if (val == null || val == 100) {
561 this.ssqlxxshow = false;
562 } else {
563 this.ssqlxxshow = true;
564 }
565 },
566 // 字典
567 /**
568 * @description: 字典
569 * @param {*} val
570 * @author: renchao
571 */
572 getDictData (val) {
573 return store.getters.dictData[val];
574 },
575 /**
576 * @description: loadData
577 * @author: renchao
578 */
579 loadData () {
580 this.$startLoading();
581 this.propsParam.isEdit = this.$parent.isEdit;
582 init(this.propsParam).then((res) => {
583 if (res.code == 200) {
584 this.ruleForm = res.result;
585 let djlx = this.ruleForm.qlxx.djlx;
586 if (djlx == null || djlx == 100) {
587 this.ssqlxxshow = false;
588 }
589 this.$endLoading();
590 if (this.ruleForm.tdytqxList.length > 0) {
591 this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
592 } else {
593 this.tdxz = null;
594 }
595 this.isShow = true;
596 //获取主体信息
597 getSsQlxx({
598 bdcdyid: this.propsParam.bdcdyid,
599 qllx: this.propsParam.qllx,
600 bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
601 }).then((res) => {
602 if (res.code == 200) {
603 this.ssQlxxList = res.result;
604 }
674 }); 605 });
675 return false;
676 } 606 }
677 if (this.ruleForm.qlxx.gyfs == "0") { 607 });
678 if (this.ruleForm.qlrData.length > 1) { 608 },
609 /**
610 * @description: 更新土地用途信息
611 * @param {*} val
612 * @author: renchao
613 */
614 upDateTdytxxList (val) {
615 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
616 this.key++;
617 },
618 // 更新权利人信息
619 /**
620 * @description: 更新权利人信息
621 * @param {*} val
622 * @author: renchao
623 */
624 upDateQlrxxList (val) {
625 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
626 this.czrOptions = this.ruleForm.qlrData;
627 this.key++;
628 },
629 // 保存
630 /**
631 * @description: onSubmit
632 * @author: renchao
633 */
634 onSubmit () {
635 this.$refs.ruleForm.validate((valid) => {
636 if (valid) {
637 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
638 if (arr.length > 0) {
679 this.$message({ 639 this.$message({
680 showClose: true, 640 showClose: true,
681 message: "共有方式：单独所有，权利人只能是一个人", 641 message: "土地用途不能为空",
682 type: "error", 642 type: "error",
683 }); 643 });
684 return false; 644 return false;
685 } 645 }
686 } else { 646 if (this.ruleForm.qlrData.length == 0) {
687 if (this.ruleForm.qlrData.length <= 1) {
688 this.$message({ 647 this.$message({
689 showClose: true, 648 showClose: true,
690 message: 649 message: "请确认权利人信息",
691 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
692 type: "error", 650 type: "error",
693 }); 651 });
694 return false; 652 return false;
695 } 653 }
696 } 654 if (this.ruleForm.qlxx.gyfs == "0") {
697 save(this.ruleForm).then((res) => { 655 if (this.ruleForm.qlrData.length > 1) {
698 if (res.code === 200) { 656 this.$message({
699 this.$message({ 657 showClose: true,
700 showClose: true, 658 message: "共有方式：单独所有，权利人只能是一个人",
701 message: "保存成功！", 659 type: "error",
702 type: "success", 660 });
703 }); 661 return false;
704 this.$parent.changeywh(); 662 }
705 this.$store.dispatch("user/refreshPage", true);
706 } else { 663 } else {
707 this.$message({ 664 if (this.ruleForm.qlrData.length <= 1) {
708 showClose: true, 665 this.$message({
709 message: res.message, 666 showClose: true,
710 type: "error", 667 message:
711 }); 668 "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
669 type: "error",
670 });
671 return false;
672 }
712 } 673 }
713 }); 674 this.$store.dispatch("user/refreshPage", false);
714 } else { 675 save(this.ruleForm).then((res) => {
715 return false; 676 if (res.code === 200) {
716 } 677 this.$message({
717 }); 678 showClose: true,
679 message: "保存成功！",
680 type: "success",
681 });
682 this.$parent.changeywh();
683 this.$store.dispatch("user/refreshPage", true);
684 } else {
685 this.$message({
686 showClose: true,
687 message: res.message,
688 type: "error",
689 });
690 }
691 });
692 } else {
693 return false;
694 }
695 });
696 },
718 }, 697 },
719 }, 698 };
720 };
721 </script> 699 </script>
722 <style scoped lang="scss"> 700 <style scoped lang="scss">
723 @import "~@/styles/public.scss"; 701 @import "~@/styles/public.scss";
724 @import "~@/styles/slxx/slxx.scss"; 702 @import "~@/styles/slxx/slxx.scss";
725 </style> 703 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 10:08:50
5 -->
6 <template>
7 <div class="clxx">
8 <div class="right">
9 <!-- 材料预览 -->
10 <div class="clyl-box">
11 <div class="menu-tree">
12 <el-button
13 type="primary"
14 native-type="submit"
15 @click="viewDetail"
16 style="width: 100%; margin-top: 10px">申请材料目录</el-button>
17 <div class="item">
18 材料目录({{ tableData.length }})
19 <div style="margin-top: 10px">
20 <div
21 style="
22 text-align: center;
23 line-height: 20px;
24 color: black;
25 font-size: 14px;
26 "
27 v-if="tableData.length == 0">
28 暂无数据
29 </div>
30 <div
31 v-for="(item, index) in tableData"
32 :key="item.bsmSj"
33 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']"
34 @click="treeClick(item, index)">
35 <span v-if="item.isrequired == 1" class="required">必选</span>
36 {{ item.sjmc }}
37 <span class="cl_number" :key="key">({{ item.ys ? item.ys : 0 }})</span>
38 </div>
39 </div>
40 </div>
41 <el-button
42 type="primary"
43 native-type="submit"
44 style="width: 100%"
45 @click="handleAdd()"
46 v-if="ableOperation">新增</el-button>
47 </div>
48 <image-preview
49 ref="imageRef"
50 v-if="tableData.length > 0"
51 :previewImg="previewImg"
52 :ableOperation="ableOperation"
53 @updateList="updateList"
54 @nextPriview="nextPriview"
55 @prevPriview="prevPriview" />
56 </div>
57 </div>
58 <clxxAddDialog v-model="isDialog" />
59 </div>
60 </template>
61 <script>
62 import { mapGetters } from "vuex";
63 import clxxAddDialog from "@/views/workflow/components/dialog/clxxAddDialog.vue";
64 import clxxDetailDialog from "@/views/workflow/components/dialog/clxxDetailDialog.vue";
65 import imagePreview from "@/views/components/imagePreview.vue";
66 import { saveClml, getClmxList } from "@/api/clxx.js";
67 import { repairInitClml } from "@/api/djbRepair.js";
68
69 export default {
70 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
71 data () {
72 return {
73 //表单是否可操作
74 ableOperation: true,
75 isDialog: false,
76 iclass: "",
77 // 材料目录选中
78 treeCheckIndex: 0,
79 treeCheckId: "",
80 key: 0,
81 tableData: [],
82 previewImg: {
83 // 收件标识码
84 bsmSj: "",
85 bsmSlsq: this.$parent.bsmSlsq,
86 index: 0,
87 selectedIndex: 0,
88 imgList: [],
89 },
90 };
91 },
92 computed: {
93 ...mapGetters(["dictData"]),
94 },
95 created () {
96 this.clmlInitList(1);
97 },
98 computed: {
99 // 判断补录数据和临时数据
100 ...mapGetters(["workFresh"]),
101 },
102 watch: {
103 workFresh: {
104 handler (newVal, oldVal) {
105 if (newVal) this.clmlInitList(1);
106 },
107 },
108 },
109 mounted () {
110 this.ableOperation = this.$parent.ableOperation;
111 },
112 methods: {
113 /**
114 * @description: 自动预览
115 * @author: renchao
116 */
117 nextPriview () {
118 if (this.treeCheckIndex < this.tableData.length) {
119 this.treeCheckIndex++;
120 if (this.tableData[this.treeCheckIndex]) {
121 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
122 // 判断页数
123 let ys = this.tableData[this.treeCheckIndex].ys
124 this.previewImg.index = 0;
125 // 获取材料明细
126 if (ys > 0) {
127 getClmxList(this.treeCheckId).then(res => {
128 this.previewImg.imgList = res.result ? res.result : [];
129 })
130 } else {
131 this.previewImg.imgList = []
132 }
133 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
134 } else {
135 this.$message.error('没有最后一张了');
136 }
137 }
138 },
139 /**
140 * @description: prevPriview
141 * @author: renchao
142 */
143 prevPriview () {
144 if (this.treeCheckIndex >= 1) {
145 this.treeCheckIndex--;
146 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
147 // 判断页数
148 let ys = this.tableData[this.treeCheckIndex].ys
149 if (ys > 0) {
150 // 获取材料明细
151 getClmxList(this.treeCheckId).then(res => {
152 this.previewImg.imgList = res.result ? res.result : [];
153 this.previewImg.index = this.previewImg.imgList.length - 1;
154 })
155 } else {
156 this.previewImg.imgList = [];
157 this.previewImg.index = 0
158 }
159 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
160 } else {
161 this.$message.error('没有第一张了');
162 }
163 },
164 /**
165 * @description: 材料目录明细初始化
166 * @param {*} type
167 * @author: renchao
168 */
169 clmlInitList (type) {
170 //type 1：列表初始化 2：新增材料
171 return new Promise((resolve) => {
172 this.unitData = this.$parent.unitData;
173 var formdata = new FormData();
174 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
175 if (this.$route.query.sqywbm == "DJBBL") {
176 formdata.append("bsmSldy", this.$parent.bsmRepair);
177 formdata.append("clfl", 3);
178 } else {
179 formdata.append("bsmSldy", this.$parent.currentSelectProps.bsmSldy);
180 formdata.append("clfl", 2);
181 }
182
183 repairInitClml(formdata).then((res) => {
184 if (res.code == 200) {
185 resolve(res.code);
186 if (res.result && res.result.length > 0) {
187 this.tableData = res.result;
188 if (type == 1) {
189 this.treeClick(this.tableData[0], 0);
190 } else {
191 //新增材料后刷新列表焦点置于新增的对象上
192 this.treeClick(
193 this.tableData[this.tableData.length - 1],
194 this.tableData.length - 1
195 );
196 }
197 }
198 } else {
199 this.$message.error(res.message);
200 }
201 });
202 });
203 },
204 /**
205 * @description: setChecked
206 * @param {*} item
207 * @author: renchao
208 */
209 setChecked (item) {
210 this.treeCheckId = item.bsmSj;
211 this.title = item.sjmc;
212 this.titleYs = 1;
213 this.titleNum = item.children.length;
214 this.previewImg.imgList = item.children;
215 this.previewImg.bsmSj = item.bsmSj;
216 },
217 /**
218 * @description: updateList
219 * @param {*} val
220 * @author: renchao
221 */
222 updateList (val) {
223 let that = this;
224 if (val.children.length != 0) {
225 //删除最后一张图片时 val=null
226 this.tableData.forEach((item) => {
227 if (item.bsmSj === val.bsmSj) {
228 item.ys = val.children.length;
229 }
230 });
231 this.previewImg.imgList = _.cloneDeep(val.children);
232 if (this.previewImg.index == this.previewImg.imgList.length) {
233 this.previewImg.index = this.previewImg.index - 1;
234 }
235 this.key++
236 } else {
237 this.previewImg.imgList = [];
238 this.tableData.forEach((item, index) => {
239 if (this.treeCheckId == item.bsmSj) {
240 item.ys = 0;
241 that.treeCheckIndex = index;
242 }
243 });
244 }
245 },
246 /**
247 * @description: 添加材料目录
248 * @author: renchao
249 */
250 handleAdd () {
251 this.isDialog = true;
252 },
253 /**
254 * @description: 新增弹窗保存
255 * @param {*} data
256 * @author: renchao
257 */
258 addSave (data) {
259 let obj = {
260 bsmSlsq: this.$parent.bsmSlsq,
261 isrequired: "1",
262 sjmc: data.clmc,
263 sjsl: 0,
264 smzt: "",
265 ys: 0,
266 sjlx: data.cllx,
267 sfxjcl: "1", // 是否必选
268 sfggcl: data.sfggcl,
269 };
270 //是否公共材料
271 if (data.sfggcl == "0") {
272 obj["bsmSldy"] = this.$parent.currentSelectProps.bsmSldy;
273 }
274 if (this.$route.query.sqywbm == "DJBBL") {
275 obj.bsmSldy = this.$parent.bsmRepair
276 }
277 saveClml(obj).then(async (res) => {
278 if (res.code == 200) {
279 let res = await this.clmlInitList(2);
280 if (res == 200)
281 this.$message({
282 message: "新增成功",
283 type: "success",
284 });
285 }
286 });
287 },
288 /**
289 * @description: 材料目录点击选中
290 * @param {*} item
291 * @param {*} index
292 * @author: renchao
293 */
294 treeClick (item, index) {
295 this.previewImg.index = 0;
296 this.treeCheckId = item?.bsmSj;
297 this.treeCheckIndex = index;
298 // 获取材料明细
299 getClmxList(item.bsmSj).then(res => {
300 this.previewImg.imgList = res.result ? res.result : [];
301 })
302 this.previewImg.bsmSj = item?.bsmSj;
303 },
304 /**
305 * @description: 小图片点击
306 * @param {*} item
307 * @param {*} index
308 * @author: renchao
309 */
310 imgClick (item, index) {
311 this.showImg = item;
312 this.titleYs = index + 1;
313 },
314 //查看明细
315 viewDetail () {
316 this.$store.dispatch("user/reWorkFresh", false);
317 this.$popupDialog(
318 "申请材料目录",
319 "workflow/components/dialog/clxxDetailDialog",
320 {
321 data: this.tableData,
322 bsmSldy: this.$parent.currentSelectProps.bsmSldy,
323 unitData: this.$parent.unitData,
324 ableOperation: this.$parent.ableOperation,
325 bsmRepair: this.$parent.bsmRepair
326 },
327 "60%",
328 true
329 );
330 },
331 //设置tableData
332 setTableData (tableData) {
333 this.$nextTick((res) => {
334 this.tableData = tableData;
335 })
336 }
337 }
338 };
339 </script>
340 <style scoped lang="scss">
341 @import "~@/styles/mixin.scss";
342
343 .active {
344 background: $light-blue !important;
345 color: #fff;
346 }
347
348 .required {
349 font-size: 12px;
350 color: $pink;
351 float: left;
352 }
353
354 .cl_number {
355 float: right;
356 }
357
358 .clxx {
359 width: 100%;
360 display: flex;
361 padding-left: 5px;
362 height: calc(100vh - 125px);
363
364 .left {
365 display: flex;
366 flex-direction: column;
367 justify-content: space-between;
368
369 .item {
370 width: 28px;
371 height: 49%;
372 @include flex-center;
373 background-color: #e4e7ed;
374 border-bottom-right-radius: 10px;
375 padding: 5px;
376 cursor: pointer;
377 transition: all 0.3s;
378
379 &:hover {
380 @extend .active;
381 }
382 }
383 }
384
385 .right {
386 width: 100%;
387 height: 100%;
388
389 .clmlmx-box {
390 margin: 0 auto;
391
392 .title {
393 text-align: center;
394 height: 60px;
395 line-height: 60px;
396 border: 1px solid #dfe6ec;
397 font-size: 20px;
398 background: #81d3f81a;
399 margin-bottom: -1px;
400 }
401 }
402
403 .clyl-box {
404 width: 100%;
405 height: 100%;
406 display: flex;
407
408 .menu-tree {
409 width: 20%;
410 min-width: 160px;
411 height: 100%;
412 margin-right: 10px;
413 border-right: 1px dotted #d9d9d9;
414 padding: 0 15px;
415
416 .item {
417 line-height: 30px;
418 padding-top: 5px;
419 border-bottom: 1px solid #e8e8e8;
420 font-size: 16px;
421 text-align: center;
422 color: $light-blue;
423
424 .itemIcon {
425 float: right;
426 line-height: 60px;
427 cursor: pointer;
428 }
429
430 .child {
431 line-height: 32px;
432 border-bottom: 1px solid #e8e8e8;
433 padding-left: 10px;
434 color: #6b6b6b;
435 cursor: pointer;
436 box-sizing: border-box;
437 border-radius: 6px;
438 line-height: 20px;
439 transition: all 0.3s;
440 padding: 8px 0;
441 }
442
443 .child:hover {
444 color: $light-blue;
445 transform: scale(1.1);
446 }
447
448 .checked {
449 border: 1px solid $light-blue;
450 color: $light-blue;
451 }
452 }
453 }
454
455 .clyl-img {
456 width: 75%;
457 height: 100%;
458 background: #f3f4f7;
459 margin: 0 auto;
460 position: relative;
461 }
462 }
463 }
464 }
465 </style>
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"
...@@ -21,9 +20,9 @@ ...@@ -21,9 +20,9 @@
21 ></el-radio-button> 20 ></el-radio-button>
22 21
23 </el-radio-group> --> 22 </el-radio-group> -->
24 <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" 23 <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata"
25 :key="key" 24 :key="key"
26 :label="value" @click="clicksss(key)" plain>{{value}}</el-button> 25 :label="value" @click="clicksss(key)" plain>{{value}}</el-button>
27 <div class="btn"> 26 <div class="btn">
28 <el-button type="primary" @click="handleSubmit">确定</el-button> 27 <el-button type="primary" @click="handleSubmit">确定</el-button>
29 <el-button type="primary" @click="closeDialog">取消</el-button> 28 <el-button type="primary" @click="closeDialog">取消</el-button>
...@@ -32,99 +31,97 @@ ...@@ -32,99 +31,97 @@
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 },
44
45 methods: {
46 /**
47 * @description: closeDialog
48 * @author: renchao
49 */
50 closeDialog() {
51 this.dialogVisible = false;
52 }, 42 },
53 43
54 /** 44 methods: {
55 * @description: clicksss 45 /**
56 * @param {*} el 46 * @description: closeDialog
57 * @author: renchao 47 * @author: renchao
58 */ 48 */
59 clicksss(el){ 49 closeDialog () {
60 console.log("elllllllllllllllllllll",el); 50 this.dialogVisible = false;
61 this.qllx=el 51 },
62 },
63 /**
64 * @description: handleSubmit
65 * @author: renchao
66 */
67 handleSubmit() {
68 52
69 if(this.qllx){ 53 /**
70 let qllxobj = { 54 * @description: clicksss
71 qllx:this.qllx, 55 * @param {*} el
72 bsmQlxx:"" 56 * @author: renchao
73 }; 57 */
74 this.$parent.addRepairRecord(qllxobj) 58 clicksss (el) {
75 }else{ 59 this.qllx = el
76 this.$message({ 60 },
61 /**
62 * @description: handleSubmit
63 * @author: renchao
64 */
65 handleSubmit () {
66
67 if (this.qllx) {
68 let qllxobj = {
69 qllx: this.qllx,
70 bsmQlxx: ""
71 };
72 this.$parent.addRepairRecord(qllxobj)
73 } else {
74 this.$message({
77 type: "warning", 75 type: "warning",
78 message: "请选择权利类型!", 76 message: "请选择权利类型!",
79 }); 77 });
80 } 78 }
81 this.qllx="" 79 this.qllx = ""
80 },
82 }, 81 },
83 }, 82 };
84 };
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;
92 }
93 .gettypebutton {
94 cursor: pointer;
95 margin-left: 20px;
96 width: 45%;
97 line-height: 20px;
98 background-color: #ebebeb;
99 margin-top: 20px;
100 padding-left: 20px;
101 border-radius: 2px;
102 -webkit-box-sizing: border-box;
103 box-sizing: border-box;
104 border: 1px solid #ebebeb;
105 -webkit-transition: all 0.3s;
106 transition: all 0.3s;
107 color: #000;
108 }
109 .gettypebutton:hover {
110 border: 1px solid #0f93f6;
111 color: #0f93f6;
112 }
113 .gettypebutton:focus {
114 background-color: #0f93f6;
115 border: 1px solid #0f93f6;
116 color: #ebebeb;
117 }
118 .btn {
119 margin-top: 30px;
120 text-align: center;
121 .el-button {
122 margin-top: 10px;
123 margin-left: 20px;
124 }
125 }
94 } 126 }
95 .gettypebutton{
96 cursor: pointer;
97 margin-left: 20px;
98 width: 45%;
99 line-height: 20px;
100 background-color: #ebebeb;
101 margin-top: 20px;
102 padding-left: 20px;
103 border-radius: 2px;
104 -webkit-box-sizing: border-box;
105 box-sizing: border-box;
106 border: 1px solid #ebebeb;
107 -webkit-transition: all 0.3s;
108 transition: all 0.3s;
109 color: #000;
110 }
111 .gettypebutton:hover{
112 border: 1px solid #0F93F6;
113 color: #0F93F6;
114 }
115 .gettypebutton:focus{
116 background-color: #0F93F6;
117 border: 1px solid #0F93F6;
118 color: #ebebeb;
119 }
120 .btn{
121 margin-top:30px;
122 text-align: center;
123 .el-button {
124 margin-top: 10px;
125 margin-left: 20px;
126 }
127 }
128
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":
...@@ -46,7 +46,7 @@ export function getForm(tabName) { ...@@ -46,7 +46,7 @@ export function getForm(tabName) {
46 case "yydj": 46 case "yydj":
47 form = require("@/views/registerBook/yydj.vue"); 47 form = require("@/views/registerBook/yydj.vue");
48 break; 48 break;
49 //林地使用权 49 //林地使用权
50 case "slxxlq": 50 case "slxxlq":
51 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue"); 51 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/lq.vue");
52 break; 52 break;
...@@ -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:workFramezu.vue组件的方法 头部按钮弹框方法 2 * @Description:workFramezu.vue组件的方法 头部按钮弹框方法
3 * @Autor: miaofang 3 * @Autor: miaofang
4 * @LastEditTime: 2023-09-01 15:12:48 4 * @LastEditTime: 2023-09-18 11:06:44
5 */ 5 */
6 import { getPrintTemplateByCode } from "@/api/print"; 6 import { getPrintTemplateByCode } from "@/api/print";
7 import { getQllxByBdcdyid } from "@/api/djbDetail.js"; 7 import { getQllxByBdcdyid } from "@/api/djbDetail.js";
...@@ -171,7 +171,8 @@ export default { ...@@ -171,7 +171,8 @@ export default {
171 break; 171 break;
172 case "B8": 172 case "B8":
173 this.$popupDialog('楼盘表', 'lpb/index', { 173 this.$popupDialog('楼盘表', 'lpb/index', {
174 bsm: '' 174 bsm: '',
175 onlyShow: true,
175 }, '90%', true) 176 }, '90%', true)
176 break; 177 break;
177 case "back": //退回按钮 178 case "back": //退回按钮
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-14 12:52:54 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-09-12 16:55:35 4 * @LastEditTime: 2023-09-15 14:46:47
5 --> 5 -->
6 <template> 6 <template>
7 <div class="edit"> 7 <div class="edit">
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
22 :zrzbsm="formData.bsm" 22 :zrzbsm="formData.bsm"
23 :scyclx="formData.scyclx" 23 :scyclx="formData.scyclx"
24 :onlyShow="formData.onlyShow" 24 :onlyShow="formData.onlyShow"
25 :showSave="formData.showSave"
25 :unitData="formData.unitData" 26 :unitData="formData.unitData"
26 :sqywInfo="formData" 27 :sqywInfo="formData"
27 :key="time"></lpbContent> 28 :key="time"></lpbContent>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-28 15:47:12 3 * @Date: 2023-02-28 15:47:12
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-09-14 15:04:20 5 * @LastEditTime: 2023-09-15 14:52:50
6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue 6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -96,6 +96,10 @@ export default { ...@@ -96,6 +96,10 @@ export default {
96 return []; 96 return [];
97 }, 97 },
98 }, 98 },
99 onlyShow:{
100 type: Boolean,
101 default: true,
102 }
99 }, 103 },
100 data() { 104 data() {
101 return { 105 return {
...@@ -140,23 +144,25 @@ export default { ...@@ -140,23 +144,25 @@ export default {
140 * @author: renchao 144 * @author: renchao
141 */ 145 */
142 handleClickC(e, item) { 146 handleClickC(e, item) {
143 // 判断点击的层是否选中 147 if (!this.onlyShow) {
144 if (e.target.className.indexOf("tdSelect") == -1) { 148 // 判断点击的层是否选中
145 //未选中→选中 149 if (e.target.className.indexOf("tdSelect") == -1) {
146 item.hs.forEach((h) => { 150 //未选中→选中
147 //加边框 151 item.hs.forEach((h) => {
148 e.target.className += " tdSelect"; 152 //加边框
149 h.select = true; 153 e.target.className += " tdSelect";
150 // 使用hbsmList时，需要去重 154 h.select = true;
151 this.hbsmList.push(h.bsm) 155 // 使用hbsmList时，需要去重
152 }); 156 this.hbsmList.push(h.bsm)
153 } else { 157 });
154 //选中→未选中 158 } else {
155 item.hs.forEach((h) => { 159 //选中→未选中
156 e.target.className = "floor"; 160 item.hs.forEach((h) => {
157 h.select = false; 161 e.target.className = "floor";
158 this.hbsmList = this.hbsmList.filter((i) => i != h.bsm); 162 h.select = false;
159 }); 163 this.hbsmList = this.hbsmList.filter((i) => i != h.bsm);
164 });
165 }
160 } 166 }
161 }, 167 },
162 //户单击事件 168 //户单击事件
...@@ -168,26 +174,28 @@ export default { ...@@ -168,26 +174,28 @@ export default {
168 * @author: renchao 174 * @author: renchao
169 */ 175 */
170 handleClickH(e, bsm, hs) { 176 handleClickH(e, bsm, hs) {
171 let self = this; 177 if (!this.onlyShow) {
172 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件 178 let self = this;
173 clearTimeout(self.time); 179 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
174 self.time = setTimeout(() => { 180 clearTimeout(self.time);
175 // this.closeMenu(); 181 self.time = setTimeout(() => {
176 //判断点击的户是否选中 182 // this.closeMenu();
177 if (!hs.select) { 183 //判断点击的户是否选中
178 //未选中→选中 184 if (!hs.select) {
179 //加边框 185 //未选中→选中
180 hs.select = true; 186 //加边框
181 // 将户bsm放进hbsmList 187 hs.select = true;
182 self.hbsmList.push(bsm); 188 // 将户bsm放进hbsmList
183 } else { 189 self.hbsmList.push(bsm);
184 //选中→未选中 190 } else {
185 hs.select = false; 191 //选中→未选中
186 self.hbsmList = self.hbsmList.filter((i) => i != bsm); 192 hs.select = false;
187 } 193 self.hbsmList = self.hbsmList.filter((i) => i != bsm);
188 //更新当前选中户数据 194 }
189 this.$forceUpdate(); 195 //更新当前选中户数据
190 }, 200); 196 this.$forceUpdate();
197 }, 200);
198 }
191 }, 199 },
192 // 户单元状态点击事件 200 // 户单元状态点击事件
193 /** 201 /**
...@@ -198,7 +206,9 @@ export default { ...@@ -198,7 +206,9 @@ export default {
198 * @author: renchao 206 * @author: renchao
199 */ 207 */
200 hDyztClick(e, bsm, hs) { 208 hDyztClick(e, bsm, hs) {
201 this.handleClickH(e.target.parentNode, bsm, hs); 209 if (!this.onlyShow) {
210 this.handleClickH(e.target.parentNode, bsm, hs);
211 }
202 }, 212 },
203 //户双击事件 213 //户双击事件
204 /** 214 /**
......
...@@ -4,22 +4,22 @@ ...@@ -4,22 +4,22 @@
4 <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 --> 4 <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 -->
5 <div class="ch-zdy-wrap"> 5 <div class="ch-zdy-wrap">
6 <!-- 幢单元 --> 6 <!-- 幢单元 -->
7 <zdy-cpn v-if="lpbData.zdys.length" :zdys="lpbData.zdys" :onlyShow="onlyShow"/> 7 <zdy-cpn v-if="lpbData.zdys.length" :zdys="lpbData.zdys" :onlyShow="onlyShow"/>
8 <!-- 独立层户 --> 8 <!-- 独立层户 -->
9 <ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" /> 9 <ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" :onlyShow="onlyShow"/>
10 </div> 10 </div>
11 <!-- 逻辑幢 --> 11 <!-- 逻辑幢 -->
12 <ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow"/> 12 <ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow"/>
13 </div> 13 </div>
14 <!-- 自然幢名称 --> 14 <!-- 自然幢名称 -->
15 <!-- <p class="lpb-xmmc" :style="{ 'border-bottom': onlyShow ? 0 : '1px solid #e6e6e6'}"> --> 15 <p class="lpb-xmmc" v-if="onlyShow" style="border-bottom: 1px solid #e6e6e6">{{ lpbData.xmmc }}</p>
16 <p class="lpb-xmmc" :style="{ 'border-bottom':'1px solid #e6e6e6'}"> 16 <p class="lpb-xmmc" v-else :style="{ 'border-bottom':'1px solid #e6e6e6'}">
17 <el-checkbox @change="zdySelectAll($event)">{{ 17 <el-checkbox @change="zdySelectAll($event)">{{
18 lpbData.xmmc 18 lpbData.xmmc
19 }}</el-checkbox> 19 }}</el-checkbox>
20 </p> 20 </p>
21 <el-button type="primary" class="save-btn" v-if="!onlyShow" @click="saveLpb">保存</el-button> 21 <el-button type="primary" class="save-btn" v-if="!onlyShow && showSave" @click="saveLpb">保存</el-button>
22 <el-button type="primary" class="save-btn" v-else @click="submitForm" :loading="loading">发起申请</el-button> 22 <el-button type="primary" class="save-btn" v-if="!onlyShow" @click="submitForm" :loading="loading">发起申请</el-button>
23 <!-- 右键菜单 --> 23 <!-- 右键菜单 -->
24 <ul 24 <ul
25 v-show="lpbChVisible" 25 v-show="lpbChVisible"
...@@ -70,6 +70,10 @@ export default { ...@@ -70,6 +70,10 @@ export default {
70 type: Boolean, 70 type: Boolean,
71 default: true, 71 default: true,
72 }, 72 },
73 showSave:{
74 type: Boolean,
75 default: false,
76 },
73 scyclx: { 77 scyclx: {
74 type: Number, 78 type: Number,
75 default: 0, 79 default: 0,
...@@ -278,8 +282,8 @@ export default { ...@@ -278,8 +282,8 @@ export default {
278 }, 282 },
279 computed:{ 283 computed:{
280 lpbContentHeight(){ 284 lpbContentHeight(){
281 // return this.onlyShow ? 36 : 76 285 return this.onlyShow ? 32 : 76
282 return 76 286 // return 76
283 } 287 }
284 }, 288 },
285 watch: { 289 watch: {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-28 17:25:45 3 * @Date: 2023-02-28 17:25:45
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-09-14 14:35:19 5 * @LastEditTime: 2023-09-15 14:55:58
6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ljzs.vue 6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ljzs.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 }}</el-checkbox> 26 }}</el-checkbox>
27 </p> 27 </p>
28 <!-- 独立层户 --> 28 <!-- 独立层户 -->
29 <ch-cpn v-if="ljz.cs.length" :ref="ljz.bsm" :ch="ljz.cs" /> 29 <ch-cpn v-if="ljz.cs.length" :ref="ljz.bsm" :ch="ljz.cs" :onlyShow="onlyShow"/>
30 <!-- 幢单元 --> 30 <!-- 幢单元 -->
31 <zdy-cpn v-if="ljz.zdys.length" :ref="'zdy' + ljz.bsm" :zdys="ljz.zdys" :onlyShow="onlyShow"/> 31 <zdy-cpn v-if="ljz.zdys.length" :ref="'zdy' + ljz.bsm" :zdys="ljz.zdys" :onlyShow="onlyShow"/>
32 </div> 32 </div>
...@@ -40,13 +40,14 @@ ...@@ -40,13 +40,14 @@
40 v-else 40 v-else
41 > 41 >
42 <!-- 逻辑幢名称 --> 42 <!-- 逻辑幢名称 -->
43 <p class="lpb-xmmc ljz-xmmc"> 43 <p class="lpb-xmmc ljz-xmmc" v-if="onlyShow">{{ ljzarr[0].ljzmc }}</p>
44 <p class="lpb-xmmc ljz-xmmc" v-else>
44 <el-checkbox @change="zdySelectAll($event,ljzarr[0].bsm)">{{ 45 <el-checkbox @change="zdySelectAll($event,ljzarr[0].bsm)">{{
45 ljzarr[0].ljzmc 46 ljzarr[0].ljzmc
46 }}</el-checkbox> 47 }}</el-checkbox>
47 </p> 48 </p>
48 <!-- 独立层户 --> 49 <!-- 独立层户 -->
49 <ch-cpn v-if="ljzarr[0].cs.length" :ref="ljzarr[0].bsm" :ch="ljzarr[0].cs" /> 50 <ch-cpn v-if="ljzarr[0].cs.length" :ref="ljzarr[0].bsm" :ch="ljzarr[0].cs" :onlyShow="onlyShow"/>
50 <!-- 幢单元 --> 51 <!-- 幢单元 -->
51 <zdy-cpn v-if="ljzarr[0].zdys.length" :ref="'zdy' + ljzarr[0].bsm" :zdys="ljzarr[0].zdys" :onlyShow="onlyShow"/> 52 <zdy-cpn v-if="ljzarr[0].zdys.length" :ref="'zdy' + ljzarr[0].bsm" :zdys="ljzarr[0].zdys" :onlyShow="onlyShow"/>
52 </div> 53 </div>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-28 16:29:04 3 * @Date: 2023-02-28 16:29:04
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-09-14 14:36:51 5 * @LastEditTime: 2023-09-15 14:57:10
6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue 6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -13,12 +13,13 @@ ...@@ -13,12 +13,13 @@
13 <div v-for="zdy in realZdys" :key="zdy.bsm"> 13 <div v-for="zdy in realZdys" :key="zdy.bsm">
14 <!-- 幢单元名称 --> 14 <!-- 幢单元名称 -->
15 <p class="lpb-xmmc"> 15 <p class="lpb-xmmc">
16 <el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{ 16 <el-checkbox @change="zdySelectAll($event,zdy.bsm)" v-if="!onlyShow">{{
17 zdy.zdymc 17 zdy.zdymc
18 }}</el-checkbox> 18 }}</el-checkbox>
19 <span v-else>{{zdy.zdymc}}</span>
19 </p> 20 </p>
20 <!-- 每个幢单元下的层户 --> 21 <!-- 每个幢单元下的层户 -->
21 <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" /> 22 <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" :onlyShow="onlyShow"/>
22 </div> 23 </div>
23 </div> 24 </div>
24 </template> 25 </template>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:45:50
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate id="boxcfdj" :tableData="tableData" :render="render"/> 9 :columns="columns" :tableData="tableData" />
10 </div>
11 <div class="tableBox">
12 <div class="title">
13 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()"
15 >打印</el-button
16 >
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"
23 >{{ item.label }}</el-checkbox
24 >
25 </el-checkbox-group>
26 </div>
27 </div>
28 <div class="xxTableBox rollTable">
29 <table class="xxTable">
30 <tr v-for="(item, colindex) in columns" :key="colindex">
31 <td>{{ item.label }}</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 >
46 <div
47 class="setbut"
48 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
49 >
50 <el-button
51 type="text"
52 icon="el-icon-edit-outline"
53 @click="editDialog(row)"
54 >编辑</el-button
55 >
56 <el-button
57 type="text"
58 icon="el-icon-edit-outline"
59 @click="editDialog(row, 'D')"
60 >删除</el-button
61 >
62 </div>
63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
64 有效
65 </div>
66 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
67 正在补录
68 </div>
69 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
70 正在申请
71 </div>
72 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
73 正在注销
74 </div>
75
76 <p v-if="!['djyy', 'fj'].includes(item.prop)">
77 <span v-if="item.prop == 'qszt'">
78 {{ getQsztName(row[item.prop]) }}
79 </span>
80 <span v-else>{{ row[item.prop] }}</span>
81 </p>
82
83 <el-tooltip
84 v-else
85 effect="dark"
86 :content="row[item.prop]"
87 placement="top"
88 popper-class="tooltip-width"
89 >
90 <span class="ellipsis-line">
91 {{ row[item.prop] }}
92 </span>
93 </el-tooltip>
94 </td>
95 <td v-for="count in emptycolNum" :key="~count"></td>
96 </tr>
97 </table>
98 </div>
99 </div>
100 </div> 10 </div>
101 </template> 11 </template>
102 12
103 <script> 13 <script>
104 import printTemplate from "./components/printTemplate.vue"; 14 import djbDetail from "./components/djbDetail.vue"
105 import { datas } from "./qlxxFormData.js"; 15 import { datas } from "./qlxxFormData.js";
106 import { getSjlx } from "@/utils/dictionary.js"; 16 import { getSjlx } from "@/utils/dictionary.js";
107 import { getCfdjList } from "@/api/djbDetail.js"; 17 import { getCfdjList } from "@/api/djbDetail.js";
108 export default { 18 export default {
109 components: { 19 components: {
110 printTemplate, 20 djbDetail
111 },
112 data() {
113 return {
114 printObj: {
115 id: "box",
116 //其他配置项，
117 },
118 shows:false,
119 title: "查封登记信息",
120 qsztList: datas.columns().qsztList,
121 checkList: datas.columns().checkList,
122 //传递参数
123 propsParam: this.$attrs,
124 //列表数据
125 tableData: [],
126 //空列值个数
127 emptycolNum: datas.columns().emptycolNum,
128 //列名称对象
129 columns: datas.columns().CFDJ,
130 render: false,
131 };
132 },
133 created() {
134 this.loadData();
135 },
136 methods: {
137 /**
138 * @description: openPrint
139 * @author: miaofang
140 */
141 openPrint() {
142 this.render = true;
143 setTimeout(() => {
144 this.prinsss();
145 }, 100);
146 }, 21 },
147 /** 22 data () {
148 * @description: prinsss 23 return {
149 * @author: miaofang 24 shows: false,
150 */ 25 title: "查封登记信息",
151 prinsss() { 26 //传递参数
152 printJS({ 27 propsParam: this.$attrs,
153 printable: "boxcfdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 28 //列表数据
154 type: "html", 29 tableData: [],
155 maxWidth: 800, // 最大宽度 30 //列名称对象
156 font_size: "", // 不设置则使用默认字体大小 31 columns: datas.columns().CFDJ,
157 style: `@font-face { 32 render: false,
158 font-family: "STZHONGS"; 33 };
159 src: url(${window.ttf}) format("truetype");
160 }`,
161 // 继承原来的所有样式
162 targetStyles: ["*"],
163 });
164 this.render=false
165 }, 34 },
166 /** 35 created () {
167 * @description: loadData 36 this.loadData();
168 * @author: renchao
169 */
170 loadData() {
171 if (this.$parent.addRepairRecord) {
172 this.columns.unshift({ prop: "cz", label: "操作" });
173 }
174 getCfdjList({
175 bdcdyid: this.propsParam.bdcdyid,
176 qllx: this.propsParam.qllx,
177 qszt: this.checkList,
178 }).then((res) => {
179 if (res.code === 200) {
180 this.tableData = res.result;
181 this.shows=this.tableData.length>0
182 this.tableData.forEach((item) => {
183 item.sjlx = getSjlx(item.sjlx);
184 });
185 this.tableData.forEach((item, index) => {
186 if (item.sfbxf == "1") {
187 item.zxywh = "";
188 item.zxdbr = "";
189 item.zxsj = "";
190 }
191 });
192 if (this.tableData.length < datas.columns().emptycolNum) {
193 this.emptycolNum =
194 datas.columns().emptycolNum - this.tableData.length;
195 } else {
196 this.emptycolNum = 0;
197 }
198 }
199 });
200 },
201 /**
202 * @description: checkChange
203 * @author: renchao
204 */
205 checkChange() {
206 if (this.checkList.length === 0) {
207 this.tableData = [];
208 this.emptycolNum = datas.columns().emptycolNum;
209 } else {
210 this.loadData();
211 }
212 }, 37 },
213 /** 38 methods: {
214 * @description: getQsztName 39 /**
215 * @author: renchao 40 * @description: loadData
216 */ 41 * @author: renchao
217 getQsztName(code) { 42 */
218 let name = ""; 43 loadData () {
219 for (let item of this.qsztList) { 44 if (this.$parent.addRepairRecord) {
220 if (item.value == code) { 45 this.columns.unshift({ prop: "cz", label: "操作" });
221 name = item.label;
222 break;
223 } 46 }
224 } 47 getCfdjList({
225 return name; 48 bdcdyid: this.propsParam.bdcdyid,
226 }, 49 qllx: this.propsParam.qllx,
227 // 新增一条补录信息 50 qszt: this.checkList,
228 /** 51 }).then((res) => {
229 * @description: 新增一条补录信息 52 if (res.code === 200) {
230 * @param {*} row 53 this.tableData = res.result;
231 * @param {*} del 54 this.shows = this.tableData.length > 0
232 * @author: renchao 55 this.tableData.forEach((item) => {
233 */ 56 item.sjlx = getSjlx(item.sjlx);
234 editDialog(row, del) { 57 });
235 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 58 this.tableData.forEach((item, index) => {
236 confirmButtonText: "确定", 59 if (item.sfbxf == "1") {
237 cancelButtonText: "取消", 60 item.zxywh = "";
238 type: "warning", 61 item.zxdbr = "";
239 }) 62 item.zxsj = "";
240 .then(() => { 63 }
241 this.$parent.addRepairRecord(row, del); 64 });
242 65 if (this.tableData.length < datas.columns().emptycolNum) {
243 this.$message({ 66 this.emptycolNum =
244 type: "success", 67 datas.columns().emptycolNum - this.tableData.length;
245 message: "补录成功!", 68 } else {
246 }); 69 this.emptycolNum = 0;
70 }
71 }
247 }) 72 })
248 .catch(() => { 73 }
249 this.$message({ 74 }
250 type: "info", 75 }
251 message: "取消编辑",
252 });
253 });
254 },
255 },
256 };
257 </script> 76 </script>
258 77
259 <style lang="scss" scoped> 78 <style lang="scss" scoped>
260 @import "./qlxxCommon.scss"; 79 @import "./qlxxCommon.scss";
261 .title { 80 .title {
262 position: relative; 81 position: relative;
263 .print { 82 .print {
264 // background-color: #0079fe; 83 // background-color: #0079fe;
265 z-index: 10; 84 z-index: 10;
266 position: absolute; 85 position: absolute;
267 left: 11px; 86 left: 11px;
268 top: 5px; 87 top: 5px;
88 }
269 } 89 }
270 }
271 </style> 90 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-18 14:42:14
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 <el-link v-if="item.prop == 'ywh'"
75 @click="handleSelectYwh(tableData, row[item.prop])"
76 type="primary">{{ row[item.prop] }}</el-link>
77 <span v-if="!['qszt','ywh' ].includes(item.prop)">{{ row[item.prop] }}</span>
78 </p>
79
80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width">
86 <span class="ellipsis-line">
87 {{ row[item.prop] }}
88 </span>
89 </el-tooltip>
90 </td>
91 <td v-for="count in emptycolNum" :key="~count"></td>
92 </tr>
93 </table>
94 </div>
95 </div>
96 </template>
97 <script>
98 import Router from '@/router'
99 import { datas } from "../qlxxFormData.js";
100 import printTemplate from "../components/printTemplate.vue";
101 import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
102 export default {
103 components: {
104 printTemplate
105 },
106 props: {
107 title: {
108 type: String,
109 default: ''
110 },
111 shows: {
112 type: Boolean,
113 default: false
114 },
115 // 传递参数
116 propsParam: {
117 type: Object,
118 default: () => { }
119 },
120 // 列表数据
121 tableData: {
122 type: Array,
123 default: () => []
124 },
125 columns: {
126 type: Array,
127 default: () => []
128 },
129 },
130 data () {
131 return {
132 qsztList: datas.columns().qsztList,
133 checkList: datas.columns().checkList,
134 //空列值个数
135 emptycolNum: datas.columns().emptycolNum,
136 render: false,
137 };
138 },
139 methods: {
140 openPrint () {
141 this.render = true;
142 setTimeout(() => {
143 this.prinsss();
144 }, 100);
145 },
146 /**
147 * @description: prinsss
148 * @author: miaofang
149 */
150 prinsss () {
151 printJS({
152 printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
153 type: "html",
154 maxWidth: 800, // 最大宽度
155 font_size: "", // 不设置则使用默认字体大小
156 style: `@font-face {
157 font-family: "STZHONGS";
158 src: url(${window.ttf}) format("truetype");
159 }`,
160 // 继承原来的所有样式
161 targetStyles: ["*"],
162 });
163 this.render = false
164 },
165 /**
166 * @description: checkChange
167 * @author: renchao
168 */
169 checkChange () {
170 if (this.checkList.length === 0) {
171 this.tableData = [];
172 this.emptycolNum = datas.columns().emptycolNum;
173 } else {
174 this.$parent.loadData();
175 }
176 },
177 /**
178 * @description: getQsztName
179 * @param {*} code
180 * @author: renchao
181 */
182 getQsztName (code) {
183 let name = "";
184 for (let item of this.qsztList) {
185 if (item.value == code) {
186 name = item.label;
187 break;
188 }
189 }
190 return name;
191 },
192 /**
193 * @description: 新增一条补录信息
194 * @param {*} row
195 * @param {*} del
196 * @author: renchao
197 */
198 editDialog (row, del) {
199 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
200 confirmButtonText: "确定",
201 cancelButtonText: "取消",
202 type: "warning",
203 })
204 .then(() => {
205 this.$parent.$parent.addRepairRecord(row, del);
206 this.$message({
207 type: "success",
208 message: "补录成功!"
209 })
210 })
211 .catch(() => {
212 this.$message({
213 type: "info",
214 message: "取消编辑"
215 })
216 })
217 },
218 // 选择业务号
219 handleSelectYwh (data, ywh) {
220 let sjlx = '',
221 bsmQlxx = ''
222 data.forEach(item => {
223 if (item.ywh == ywh) {
224 sjlx = item.sjlx
225 bsmQlxx = item.bsmQlxx
226 }
227 })
228 if (sjlx == '系统数据') {
229 getXtParamsByYwh(ywh).then(res => {
230 let data = res.result
231 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
232 window.open(href, `urlname${data.bsmSlsq}`)
233 })
234 } else {
235 getBlParamsByYwh(ywh, bsmQlxx).then(res => {
236 let data = res.result
237 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
238 window.open(href, `urlname${data.bsmSlsq}`)
239 })
240 }
241 }
242 }
243 }
244 </script>
245
246 <style lang="scss" scoped>
247 @import "../qlxxCommon.scss";
248 .title {
249 position: relative;
250 .print {
251 z-index: 10;
252 position: absolute;
253 left: 11px;
254 top: 5px;
255 }
256 }
257 </style>
...@@ -69,6 +69,8 @@ export default { ...@@ -69,6 +69,8 @@ export default {
69 }, 69 },
70 render: { 70 render: {
71 handler(newValue, oldValue) { 71 handler(newValue, oldValue) {
72 console.log("newValue",newValue);
73 console.log("columns",this.columns);
72 if (newValue) { 74 if (newValue) {
73 this.loadData(); 75 this.loadData();
74 } 76 }
...@@ -88,6 +90,7 @@ export default { ...@@ -88,6 +90,7 @@ export default {
88 }).then((res) => { 90 }).then((res) => {
89 if (res.code === 200) { 91 if (res.code === 200) {
90 this.columns = res.result; 92 this.columns = res.result;
93 console.log("columnssssssssssss",this.columns);
91 } 94 }
92 }); 95 });
93 if (this.tableData.length && this.datass.length == 0) { 96 if (this.tableData.length && this.datass.length == 0) {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-23 15:54:12 4 * @LastEditTime: 2023-09-18 13:14:31
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate id="boxdiyaq" :tableData="tableData" :render="render"/> 9 :columns="columns" :tableData="tableData" />
10 </div>
11 <div class="tableBox">
12 <div class="title">
13 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()"
15 >打印</el-button
16 >
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"
23 >{{ item.label }}</el-checkbox
24 >
25 </el-checkbox-group>
26 </div>
27 </div>
28 <div class="xxTableBox rollTable">
29 <table class="xxTable">
30 <tr v-for="(item, colindex) in columns" :key="colindex">
31 <td>
32 {{ item.label }}
33 </td>
34 <td
35 v-for="(row, index) in tableData"
36 :key="index"
37 :class="[
38 row.qszt == '2' ? 'lishi' : '',
39 row.qszt == '0' ? 'linshi' : '',
40 row.qlzt == '4' ? 'linshi' : '',
41
42 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
43 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
44 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
46 ]"
47 >
48 <div
49 class="setbut"
50 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
51 >
52 <el-button
53 type="text"
54 icon="el-icon-edit-outline"
55 @click="editDialog(row)"
56 >编辑</el-button
57 >
58 <el-button
59 type="text"
60 icon="el-icon-edit-outline"
61 @click="editDialog(row, 'D')"
62 >删除</el-button
63 >
64 </div>
65 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
66 有效
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
69 正在补录
70 </div>
71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
72 正在申请
73 </div>
74 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
75 正在注销
76 </div>
77
78 <p v-if="!['djyy', 'fj'].includes(item.prop)">
79 <span v-if="item.prop == 'qszt'">
80 {{ getQsztName(row[item.prop]) }}
81 </span>
82 <span v-else>{{ row[item.prop] }}</span>
83 </p>
84
85 <el-tooltip
86 v-else
87 effect="dark"
88 :content="row[item.prop]"
89 placement="top"
90 popper-class="tooltip-width"
91 >
92 <span class="ellipsis-line">
93 {{ row[item.prop] }}
94 </span>
95 </el-tooltip>
96 </td>
97 <td v-for="count in emptycolNum" :key="~count"></td>
98 </tr>
99 </table>
100 </div>
101 </div>
102 </div> 10 </div>
103 </template> 11 </template>
104 12
105 <script> 13 <script>
106 import { datas } from "./qlxxFormData.js"; 14 import djbDetail from "./components/djbDetail.vue"
107 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 15 import { datas } from "./qlxxFormData.js";
108 import { getDiyaqList } from "@/api/djbDetail.js"; 16 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
109 import printTemplate from "./components/printTemplate.vue"; 17 import { getDiyaqList } from "@/api/djbDetail.js";
110 export default { 18 export default {
111 components: { 19 components: {
112 printTemplate, 20 djbDetail
113 },
114 data() {
115 return {
116 printObj: {
117 id: "box",
118 //其他配置项，
119 },
120 shows:false,
121 title: "抵押权登记信息",
122 qsztList: datas.columns().qsztList,
123 checkList: datas.columns().checkList,
124 //传递参数
125 propsParam: this.$attrs,
126 //列表数据
127 tableData: [],
128 //空列值个数
129 emptycolNum: datas.columns().emptycolNum,
130 //列名称对象
131 columns: datas.columns().DYAQ,
132 render: false,
133 };
134 },
135 created() {
136 this.loadData();
137 },
138 methods: {
139 /**
140 * @description: openPrint
141 * @author: miaofang
142 */
143 openPrint() {
144 this.render = true;
145 setTimeout(() => {
146 this.prinsss();
147 }, 100);
148 },
149 /**
150 * @description: prinsss
151 * @author: miaofang
152 */
153 prinsss() {
154 printJS({
155 printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
156 type: "html",
157 maxWidth: 800, // 最大宽度
158 font_size: "", // 不设置则使用默认字体大小
159 style: `@font-face {
160 font-family: "STZHONGS";
161 src: url(${window.ttf}) format("truetype");
162 }`,
163 // 继承原来的所有样式
164 targetStyles: ["*"],
165 });
166 this.render=false
167 }, 21 },
168 /** 22 data () {
169 * @description: loadData 23 return {
170 * @author: renchao 24 shows: false,
171 */ 25 title: "抵押权登记信息",
172 loadData() { 26 //传递参数
173 if (this.$parent.addRepairRecord) { 27 propsParam: this.$attrs,
174 this.columns.unshift({ prop: "cz", label: "操作" }); 28 //列表数据
175 } 29 tableData: [],
176 getDiyaqList({ 30 //列名称对象
177 bdcdyid: this.propsParam.bdcdyid, 31 columns: datas.columns().DYAQ,
178 qllx: this.propsParam.qllx, 32 render: false,
179 qszt: this.checkList, 33 };
180 }).then((res) => {
181 if (res.code === 200) {
182 this.tableData = res.result;
183 this.shows=this.tableData.length>0
184 this.tableData.forEach((item) => {
185 item.sjlx = getSjlx(item.sjlx);
186 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
187 });
188 if (this.tableData.length < datas.columns().emptycolNum) {
189 this.emptycolNum =
190 datas.columns().emptycolNum - this.tableData.length;
191 } else {
192 this.emptycolNum = 0;
193 }
194 }
195 });
196 }, 34 },
197 /** 35 created () {
198 * @description: checkChange 36 this.loadData();
199 * @author: renchao
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 }, 37 },
209 /** 38 methods: {
210 * @description: getQsztName 39 /**
211 * @param {*} code 40 * @description: loadData
212 * @author: renchao 41 * @author: renchao
213 */ 42 */
214 getQsztName(code) { 43 loadData () {
215 let name = ""; 44 if (this.$parent.addRepairRecord) {
216 for (let item of this.qsztList) { 45 this.columns.unshift({ prop: "cz", label: "操作" });
217 if (item.value == code) {
218 name = item.label;
219 break;
220 } 46 }
221 } 47 getDiyaqList({
222 return name; 48 bdcdyid: this.propsParam.bdcdyid,
223 }, 49 qllx: this.propsParam.qllx,
224 // 新增一条补录信息 50 qszt: this.checkList,
225 /** 51 }).then((res) => {
226 * @description: 新增一条补录信息 52 if (res.code === 200) {
227 * @param {*} row 53 this.tableData = res.result;
228 * @param {*} del 54 this.shows = this.tableData.length > 0
229 * @author: renchao 55 this.tableData.forEach((item) => {
230 */ 56 item.sjlx = getSjlx(item.sjlx);
231 editDialog(row, del) { 57 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
232 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 58 });
233 confirmButtonText: "确定", 59 if (this.tableData.length < datas.columns().emptycolNum) {
234 cancelButtonText: "取消", 60 this.emptycolNum =
235 type: "warning", 61 datas.columns().emptycolNum - this.tableData.length;
236 }) 62 } else {
237 .then(() => { 63 this.emptycolNum = 0;
238 this.$parent.addRepairRecord(row, del); 64 }
239 this.$message({ 65 }
240 type: "success",
241 message: "补录成功!",
242 });
243 }) 66 })
244 .catch(() => { 67 }
245 this.$message({ 68 }
246 type: "info", 69 }
247 message: "取消编辑",
248 });
249 });
250 },
251 },
252 };
253 </script> 70 </script>
254
255 <style lang="scss" scoped> 71 <style lang="scss" scoped>
256 @import "./qlxxCommon.scss"; 72 @import "./qlxxCommon.scss";
257 .title { 73 .title {
258 position: relative; 74 position: relative;
259 .print { 75 .print {
260 // background-color: #0079fe; 76 z-index: 10;
261 z-index: 10; 77 position: absolute;
262 position: absolute; 78 left: 11px;
263 left: 11px; 79 top: 5px;
264 top: 5px; 80 }
265 } 81 }
266 }
267 </style> 82 </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-18 13:41:23
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> 9 :columns="columns" :tableData="tableData" />
10 </div>
11 <div class="tableBox">
12 <div class="title">
13 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()"
15 >打印</el-button
16 >
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"
23 >{{ item.label }}</el-checkbox
24 >
25 </el-checkbox-group>
26 </div>
27 </div>
28 <div class="xxTableBox rollTable">
29 <table class="xxTable">
30 <tr v-for="(item, colindex) in columns" :key="colindex">
31 <td>
32 {{ item.label }}
33 </td>
34 <td
35 v-for="(row, index) in tableData"
36 :key="index"
37 :class="[
38 row.qszt == '2' ? 'lishi' : '',
39 row.qszt == '0' ? 'linshi' : '',
40 row.qlzt == '4' ? 'linshi' : '',
41
42 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
43 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
44 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
45 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
46 ]"
47 >
48 <div
49 class="setbut"
50 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
51 >
52 <el-button
53 type="text"
54 icon="el-icon-edit-outline"
55 @click="editDialog(row)"
56 >编辑</el-button
57 >
58 <el-button
59 type="text"
60 icon="el-icon-edit-outline"
61 @click="editDialog(row, 'D')"
62 >删除</el-button
63 >
64 </div>
65 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
66 有效
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
69 正在补录
70 </div>
71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
72 正在申请
73 </div>
74 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
75 正在注销
76 </div>
77
78 <p v-if="!['djyy', 'fj'].includes(item.prop)">
79 <span v-if="item.prop == 'qszt'">
80 {{ getQsztName(row[item.prop]) }}
81 </span>
82 <span v-else>{{ row[item.prop] }}</span>
83 </p>
84
85 <el-tooltip
86 v-else
87 effect="dark"
88 :content="row[item.prop]"
89 placement="top"
90 popper-class="tooltip-width"
91 >
92 <span class="ellipsis-line">
93 {{ row[item.prop] }}
94 </span>
95 </el-tooltip>
96 </td>
97 <td v-for="count in emptycolNum" :key="~count"></td>
98 </tr>
99 </table>
100 </div>
101 </div>
102 </div> 10 </div>
103 </template> 11 </template>
104 12
105 <script> 13 <script>
106 import { datas } from "./qlxxFormData.js"; 14 import djbDetail from "./components/djbDetail.vue"
107 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 15 import { datas } from "./qlxxFormData.js";
108 import { getDiyiqList } from "@/api/djbDetail.js"; 16 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
109 import printTemplate from "./components/printTemplate.vue"; 17 import { getDiyiqList } from "@/api/djbDetail.js";
110 export default { 18 export default {
111 components: { 19 components: {
112 printTemplate, 20 djbDetail
113 },
114 data() {
115 return {
116 printObj: {
117 id: "box",
118 //其他配置项，
119 },
120 shows:false,
121 title: "地役权登记信息",
122 qsztList: datas.columns().qsztList,
123 checkList: datas.columns().checkList,
124 //传递参数
125 propsParam: this.$attrs,
126 //列表数据
127 tableData: [],
128 //空列值个数
129 emptycolNum: datas.columns().emptycolNum,
130 //列名称对象
131 columns: datas.columns().DYIQ,
132 render: false,
133 };
134 },
135 created() {
136 this.loadData();
137 },
138 methods: { /**
139 * @description: openPrint
140 * @author: miaofang
141 */
142 openPrint() {
143 this.render = true;
144 setTimeout(() => {
145 this.prinsss();
146 }, 100);
147 },
148 /**
149 * @description: prinsss
150 * @author: miaofang
151 */
152 prinsss() {
153 printJS({
154 printable: "boxdiyiq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
155 type: "html",
156 maxWidth: 800, // 最大宽度
157 font_size: "", // 不设置则使用默认字体大小
158 style: `@font-face {
159 font-family: "STZHONGS";
160 src: url(${window.ttf}) format("truetype");
161 }`,
162 // 继承原来的所有样式
163 targetStyles: ["*"],
164 });
165 this.render=false
166 }, 21 },
167 /** 22 data () {
168 * @description: loadData 23 return {
169 * @author: miaofang 24 shows: false,
170 */ 25 title: "地役权登记信息",
171 loadData() { 26 //传递参数
172 if (this.$parent.addRepairRecord) { 27 propsParam: this.$attrs,
173 this.columns.unshift({ prop: "cz", label: "操作" }); 28 //列表数据
174 } 29 tableData: [],
175 getDiyiqList({ 30 //列名称对象
176 bdcdyid: this.propsParam.bdcdyid, 31 columns: datas.columns().DYIQ,
177 qllx: this.propsParam.qllx, 32 render: false,
178 qszt: this.checkList, 33 };
179 }).then((res) => {
180 if (res.code === 200) {
181 this.tableData = res.result;
182 this.shows=this.tableData.length>0
183 this.tableData.forEach((item) => {
184 item.sjlx = getSjlx(item.sjlx);
185 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
186 });
187 if (this.tableData.length < datas.columns().emptycolNum) {
188 this.emptycolNum =
189 datas.columns().emptycolNum - this.tableData.length;
190 } else {
191 this.emptycolNum = 0;
192 }
193 }
194 });
195 }, 34 },
196 /** 35 created () {
197 * @description: checkChange 36 this.loadData();
198 * @author: miaofang
199 */
200 checkChange() {
201 if (this.checkList.length === 0) {
202 this.tableData = [];
203 this.emptycolNum = datas.columns().emptycolNum;
204 } else {
205 this.loadData();
206 }
207 }, 37 },
208 /** 38 methods: {
209 * @description: getQsztName 39 loadData () {
210 * @param {*} code 40 if (this.$parent.addRepairRecord) {
211 * @author: miaofang 41 this.columns.unshift({ prop: "cz", label: "操作" });
212 */
213 getQsztName(code) {
214 let name = "";
215 for (let item of this.qsztList) {
216 if (item.value == code) {
217 name = item.label;
218 break;
219 } 42 }
220 } 43 getDiyiqList({
221 return name; 44 bdcdyid: this.propsParam.bdcdyid,
222 }, 45 qllx: this.propsParam.qllx,
223 // 新增一条补录信息 46 qszt: this.checkList,
224 /** 47 }).then((res) => {
225 * @description: 新增一条补录信息 48 if (res.code === 200) {
226 * @param {*} row 49 this.tableData = res.result;
227 * @param {*} del 50 this.shows = this.tableData.length > 0
228 * @author: miaofang 51 this.tableData.forEach((item) => {
229 */ 52 item.sjlx = getSjlx(item.sjlx);
230 editDialog(row, del) { 53 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
231 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 54 });
232 confirmButtonText: "确定", 55 if (this.tableData.length < datas.columns().emptycolNum) {
233 cancelButtonText: "取消", 56 this.emptycolNum =
234 type: "warning", 57 datas.columns().emptycolNum - this.tableData.length;
235 }) 58 } else {
236 .then(() => { 59 this.emptycolNum = 0;
237 this.$parent.addRepairRecord(row, del); 60 }
238 61 }
239 this.$message({
240 type: "success",
241 message: "补录成功!",
242 });
243 }) 62 })
244 .catch(() => { 63 }
245 this.$message({ 64 }
246 type: "info", 65 };
247 message: "取消编辑",
248 });
249 });
250 },
251 },
252 };
253 </script> 66 </script>
254 67
255 <style lang="scss" scoped> 68 <style lang="scss" scoped>
256 @import "./qlxxCommon.scss"; 69 @import "./qlxxCommon.scss";
257 .title { 70 .title {
258 position: relative; 71 position: relative;
259 .print { 72 .print {
260 // background-color: #0079fe; 73 // background-color: #0079fe;
261 z-index: 10; 74 z-index: 10;
262 position: absolute; 75 position: absolute;
263 left: 11px; 76 left: 11px;
264 top: 5px; 77 top: 5px;
78 }
265 } 79 }
266 }
267 </style> 80 </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-18 13:39:51
5 --> 5 -->
6 <template> 6 <template>
7 <div class="content"> 7 <div class="content">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 <el-button 33 <el-button
34 v-for="(item, index) in item.children" 34 v-for="(item, index) in item.children"
35 :re='item' 35 :re='item'
36 :key="index" 36 :key="item.id"
37 class="sfqcontent" 37 class="sfqcontent"
38 @click="addlist(item, index)"> 38 @click="addlist(item, index)">
39 {{ item.label }} 39 {{ item.label }}
...@@ -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,12 +121,8 @@ ...@@ -122,12 +121,8 @@
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 /**
128 * @description: loadData
129 * @author: renchao
130 */
131 loadData (val) { 126 loadData (val) {
132 getBdcqljqtsx({ 127 getBdcqljqtsx({
133 bdcdyid: this.formData.bdcdyid, 128 bdcdyid: this.formData.bdcdyid,
...@@ -142,26 +137,24 @@ ...@@ -142,26 +137,24 @@
142 this.defaultNode = getNode( 137 this.defaultNode = getNode(
143 this.formData.qllx, 138 this.formData.qllx,
144 { linShi: 0, xianShi: 0, liShi: 0 }, 139 { linShi: 0, xianShi: 0, liShi: 0 },
145 res.result.bdcdylx|| "" 140 res.result.bdcdylx || ""
146 ); 141 );
147 this.sfqdata[0].children.forEach((item, index) => { 142 this.sfqdata[0].children.forEach((item, index) => {
148 if (item.id == this.defaultNode.id) { 143 if (item.id == this.defaultNode.id) {
149 this.iskey = index 144 this.iskey = index
150 } 145 }
151 }) 146 })
152
153 this.setstyle(0, 0, this.iskey); 147 this.setstyle(0, 0, this.iskey);
154 148 console.log(this.sfqdata, ' this.sfqdata');
155 149 })
156 });
157 } 150 }
158 }); 151 })
159 this.currentSelectProps = { 152 this.currentSelectProps = {
160 bdcdyid: this.formData.bdcdyid, 153 bdcdyid: this.formData.bdcdyid,
161 bdcdyh: val, 154 bdcdyh: val,
162 qllx: this.formData.qllx, 155 qllx: this.formData.qllx,
163 bsmQlxx: this.formData.bsmQlxx, 156 bsmQlxx: this.formData.bsmQlxx,
164 }; 157 }
165 }, 158 },
166 /** 159 /**
167 * @description: handleNodeClick 160 * @description: handleNodeClick
...@@ -171,12 +164,6 @@ ...@@ -171,12 +164,6 @@
171 handleNodeClick (data) { 164 handleNodeClick (data) {
172 this.loadComponent(data.form); 165 this.loadComponent(data.form);
173 }, 166 },
174 /**
175 * @description: setstyle
176 * @param {*} data
177 * @author: renchao
178 * 设置样式和点击定位到当前功能
179 */
180 setstyle (newindex, index, key) { 167 setstyle (newindex, index, key) {
181 if (key != undefined || this.keyy == index) { 168 if (key != undefined || this.keyy == index) {
182 if (key != undefined) { 169 if (key != undefined) {
...@@ -193,10 +180,6 @@ ...@@ -193,10 +180,6 @@
193 dpme.style.color = "black"; 180 dpme.style.color = "black";
194 dpme.style.border = "none"; 181 dpme.style.border = "none";
195 } 182 }
196
197
198
199
200 }, 183 },
201 /** 184 /**
202 * @description: addlist 185 * @description: addlist
...@@ -213,13 +196,12 @@ ...@@ -213,13 +196,12 @@
213 this.currentSelectProps.bdcdyid = data.bdcdyid; 196 this.currentSelectProps.bdcdyid = data.bdcdyid;
214 this.loadComponent(data.form); 197 this.loadComponent(data.form);
215 } else { 198 } else {
216 this.loadComponent(data.form); 199 let newindex = this.sfqdata.findIndex((item) => {
217 let newindex = this.sfqdata.findIndex((item) => {
218 return item.bdcdyid == data.bdcdyid; 200 return item.bdcdyid == data.bdcdyid;
219 }); 201 });
220 this.setstyle(newindex, index); 202 this.setstyle(newindex, index);
203 this.loadComponent(data.form);
221 } 204 }
222
223 }, 205 },
224 /** 206 /**
225 * @description: loadComponent 207 * @description: loadComponent
...@@ -227,11 +209,12 @@ ...@@ -227,11 +209,12 @@
227 * @author: renchao 209 * @author: renchao
228 */ 210 */
229 loadComponent (form) { 211 loadComponent (form) {
212 console.log(form, 'form');
230 this.componentTag = (r) => 213 this.componentTag = (r) =>
231 require.ensure([], () => r(require("@/views/registerBook/" + form))); 214 require.ensure([], () => r(require("@/views/registerBook/" + form)));
232 }, 215 }
233 }, 216 }
234 }; 217 }
235 </script> 218 </script>
236 <style scoped lang="scss"> 219 <style scoped lang="scss">
237 /deep/.rollTable { 220 /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,24 +55,24 @@ export function loadTreeData(bdcdyh) { ...@@ -53,24 +55,24 @@ 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 }
75 77
76 //获取权利类型、不动产单元类型对应的树形节点信息 78 //获取权利类型、不动产单元类型对应的树形节点信息
...@@ -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-18 14:48:07
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 有效
...@@ -84,14 +72,15 @@ ...@@ -84,14 +72,15 @@
84 <span v-if="item.prop == 'qszt'"> 72 <span v-if="item.prop == 'qszt'">
85 {{ getQsztName(row[item.prop]) }} 73 {{ getQsztName(row[item.prop]) }}
86 </span> 74 </span>
87 75 <el-link v-if="item.prop == 'ywh'"
76 @click="handleSelectYwh(tableData, row[item.prop])"
77 type="primary">{{ row[item.prop] }}</el-link>
88 <el-tooltip 78 <el-tooltip
89 v-if="['djyy', 'fj'].includes(item.prop)" 79 v-if="['djyy', 'fj'].includes(item.prop)"
90 effect="dark" 80 effect="dark"
91 :content="row[item.prop]" 81 :content="row[item.prop]"
92 placement="top" 82 placement="top"
93 popper-class="tooltip-width" 83 popper-class="tooltip-width">
94 >
95 <span class="ellipsis-line"> 84 <span class="ellipsis-line">
96 {{ row[item.prop] }} 85 {{ row[item.prop] }}
97 </span> 86 </span>
...@@ -99,19 +88,18 @@ ...@@ -99,19 +88,18 @@
99 88
100 <span 89 <span
101 v-if=" 90 v-if="
91 item.prop !== 'ywh' &&
102 item.prop !== 'qszt' && 92 item.prop !== 'qszt' &&
103 item.prop !== 'djyy' && 93 item.prop !== 'djyy' &&
104 item.prop !== 'fj' && 94 item.prop !== 'fj' &&
105 !judge(item.label) 95 !judge(item.label)
106 " 96 ">
107 >
108 {{ row[item.prop] }} 97 {{ row[item.prop] }}
109 </span> 98 </span>
110 <div class="many" v-if="judge(item.label)"> 99 <div class="many" v-if="judge(item.label)">
111 <div 100 <div
112 v-for="(label, index) in row.djQlxxFdcqxmDoList" 101 v-for="(label, index) in row.djQlxxFdcqxmDoList"
113 :key="index" 102 :key="index">
114 >
115 {{ label[item.prop] }} 103 {{ label[item.prop] }}
116 </div> 104 </div>
117 </div> 105 </div>
...@@ -125,203 +113,228 @@ ...@@ -125,203 +113,228 @@
125 </template> 113 </template>
126 114
127 <script> 115 <script>
128 import printJS from "print-js"; 116 import Router from '@/router'
129 import { datas } from "./qlxxFormData.js"; 117 import printJS from "print-js";
130 import { getSjlx } from "@/utils/dictionary.js"; 118 import { datas } from "./qlxxFormData.js";
131 import { getFdcq1List } from "@/api/djbDetail.js"; 119 import { getSjlx } from "@/utils/dictionary.js";
132 import printTemplate from "./components/printTemplate.vue"; 120 import { getFdcq1List } from "@/api/djbDetail.js";
133 export default { 121 import printTemplate from "./components/printTemplate.vue";
134 components: { 122 import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw'
135 printTemplate, 123 export default {
136 }, 124 components: {
137 data() { 125 printTemplate,
138 return { 126 },
139 printObj: { 127 data () {
140 id: "box", 128 return {
141 //其他配置项， 129 printObj: {
142 }, 130 id: "box",
143 shows: false, 131 //其他配置项，
144 title: "房地产权登记信息（多幢）", 132 },
145 qsztList: datas.columns().qsztList, 133 shows: false,
146 checkList: datas.columns().checkList, 134 title: "房地产权登记信息（多幢）",
147 //传递参数 135 qsztList: datas.columns().qsztList,
148 propsParam: this.$attrs, 136 checkList: datas.columns().checkList,
149 //列表数据 137 //传递参数
150 tableData: [], 138 propsParam: this.$attrs,
151 // 异步传值 139 //列表数据
152 datalist: [], 140 tableData: [],
153 //空列值个数 141 // 异步传值
154 emptycolNum: datas.columns().emptycolNum, 142 datalist: [],
155 //列名称对象 143 //空列值个数
156 columns: datas.columns().FDCQ1, 144 emptycolNum: datas.columns().emptycolNum,
157 render: false, 145 //列名称对象
158 }; 146 columns: datas.columns().FDCQ1,
159 }, 147 render: false,
160 created() { 148 };
161 this.loadData();
162 },
163 methods: {
164 /**
165 * @description: openPrint
166 * @author: miaofang
167 */
168 openPrint() {
169 this.render = true;
170 setTimeout(() => {
171 this.prinsss();
172 }, 100);
173 }, 149 },
174 /** 150 created () {
175 * @description: prinsss 151 this.loadData();
176 * @author: miaofang 152 },
177 */ 153 methods: {
178 prinsss() { 154 /**
179 printJS({ 155 * @description: openPrint
180 printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 156 * @author: miaofang
181 type: "html", 157 */
182 maxWidth: 800, // 最大宽度 158 openPrint () {
183 font_size: "", // 不设置则使用默认字体大小 159 this.render = true;
184 style: `@font-face { 160 setTimeout(() => {
161 this.prinsss();
162 }, 100);
163 },
164 /**
165 * @description: prinsss
166 * @author: miaofang
167 */
168 prinsss () {
169 printJS({
170 printable: "boxfdcq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
171 type: "html",
172 maxWidth: 800, // 最大宽度
173 font_size: "", // 不设置则使用默认字体大小
174 style: `@font-face {
185 font-family: "STZHONGS"; 175 font-family: "STZHONGS";
186 src: url(${window.ttf}) format("truetype"); 176 src: url(${window.ttf}) format("truetype");
187 }`, 177 }`,
188 // 继承原来的所有样式 178 // 继承原来的所有样式
189 targetStyles: ["*"], 179 targetStyles: ["*"],
190 }); 180 });
191 this.render=false 181 this.render = false
192 }, 182 },
193 /** 183 /**
194 * @description: loadData 184 * @description: loadData
195 * @author: miaofang 185 * @author: miaofang
196 */ 186 */
197 loadData() { 187 loadData () {
198 if (this.$parent.addRepairRecord) { 188 if (this.$parent.addRepairRecord) {
199 this.columns.unshift({ prop: "cz", label: "操作" }); 189 this.columns.unshift({ prop: "cz", label: "操作" });
200 } 190 }
201 getFdcq1List({ 191 getFdcq1List({
202 bdcdyid: this.propsParam.bdcdyid, 192 bdcdyid: this.propsParam.bdcdyid,
203 qllx: this.propsParam.qllx, 193 qllx: this.propsParam.qllx,
204 qszt: this.checkList, 194 qszt: this.checkList,
205 }).then((res) => { 195 }).then((res) => {
206 if (res.code === 200) { 196 if (res.code === 200) {
207 this.tableData = res.result; 197 this.tableData = res.result;
208 this.shows = this.tableData.length > 0; 198 this.shows = this.tableData.length > 0;
209 this.tableData.forEach((item) => { 199 this.tableData.forEach((item) => {
210 item.sjlx = getSjlx(item.sjlx); 200 item.sjlx = getSjlx(item.sjlx);
211 }); 201 });
212 if (this.tableData.length < datas.columns().emptycolNum) { 202 if (this.tableData.length < datas.columns().emptycolNum) {
213 this.emptycolNum = 203 this.emptycolNum =
214 datas.columns().emptycolNum - this.tableData.length; 204 datas.columns().emptycolNum - this.tableData.length;
215 } else { 205 } else {
216 this.emptycolNum = 0; 206 this.emptycolNum = 0;
207 }
217 } 208 }
209 });
210 },
211 /**
212 * @description: checkChange
213 * @author: miaofang
214 */
215 checkChange () {
216 if (this.checkList.length === 0) {
217 this.tableData = [];
218 this.emptycolNum = datas.columns().emptycolNum;
219 } else {
220 this.loadData();
218 } 221 }
219 }); 222 },
220 }, 223 /**
221 /** 224 * @description: getQsztName
222 * @description: checkChange 225 * @param {*} code
223 * @author: miaofang 226 * @author: miaofang
224 */ 227 */
225 checkChange() { 228 getQsztName (code) {
226 if (this.checkList.length === 0) { 229 let name = "";
227 this.tableData = []; 230 for (let item of this.qsztList) {
228 this.emptycolNum = datas.columns().emptycolNum; 231 if (item.value == code) {
229 } else { 232 name = item.label;
230 this.loadData(); 233 break;
231 } 234 }
232 },
233 /**
234 * @description: getQsztName
235 * @param {*} code
236 * @author: miaofang
237 */
238 getQsztName(code) {
239 let name = "";
240 for (let item of this.qsztList) {
241 if (item.value == code) {
242 name = item.label;
243 break;
244 } 235 }
245 } 236 return name;
246 return name; 237 },
247 }, 238 /**
248 /** 239 * @description: judge
249 * @description: judge 240 * @param {*} lable
250 * @param {*} lable 241 * @author: miaofang
251 * @author: miaofang 242 */
252 */ 243 judge (label) {
253 judge(label) { 244 if (
254 if ( 245 "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf(
255 "项目名称幢号总层数规划用途用途名称批准用途实际用途房屋结构房屋结构名称建筑面积竣工时间总套数".indexOf( 246 label
256 label 247 ) > -1
257 ) > -1 248 ) {
258 ) { 249 return true;
259 return true; 250 } else {
260 } else { 251 return false;
261 return false; 252 }
262 } 253 },
263 }, 254 /**
264 // 新增一条补录信息 255 * @description: 新增一条补录信息
265 /** 256 * @param {*} row
266 * @description: 新增一条补录信息 257 * @param {*} del
267 * @param {*} row 258 * @author: miaofang
268 * @param {*} del 259 */
269 * @author: miaofang 260 editDialog (row, del) {
270 */ 261 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
271 editDialog(row, del) { 262 confirmButtonText: "确定",
272 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 263 cancelButtonText: "取消",
273 confirmButtonText: "确定", 264 type: "warning",
274 cancelButtonText: "取消", 265 })
275 type: "warning", 266 .then(() => {
276 }) 267 this.$parent.addRepairRecord(row, del);
277 .then(() => {
278 this.$parent.addRepairRecord(row, del);
279 268
280 this.$message({ 269 this.$message({
281 type: "success", 270 type: "success",
282 message: "补录成功!", 271 message: "补录成功!",
272 });
273 })
274 .catch(() => {
275 this.$message({
276 type: "info",
277 message: "取消编辑",
278 });
283 }); 279 });
280 },
281 // 选择业务号
282 handleSelectYwh (data, ywh) {
283 let sjlx = '',
284 bsmQlxx = ''
285 data.forEach(item => {
286 if (item.ywh == ywh) {
287 sjlx = item.sjlx
288 bsmQlxx = item.bsmQlxx
289 }
284 }) 290 })
285 .catch(() => { 291 if (sjlx == '系统数据') {
286 this.$message({ 292 getXtParamsByYwh(ywh).then(res => {
287 type: "info", 293 let data = res.result
288 message: "取消编辑", 294 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
289 }); 295 window.open(href, `urlname${data.bsmSlsq}`)
290 }); 296 })
291 }, 297 } else {
292 }, 298 getBlParamsByYwh(ywh, bsmQlxx).then(res => {
293 }; 299 let data = res.result
300 const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx')
301 window.open(href, `urlname${data.bsmSlsq}`)
302 })
303 }
304 }
305 }
306 };
294 </script> 307 </script>
295 308
296 <style lang="scss" scoped> 309 <style lang="scss" scoped>
297 @import "./qlxxCommon.scss"; 310 @import "./qlxxCommon.scss";
298 .cols { 311 .cols {
299 td { 312 td {
300 .many { 313 .many {
301 width: 100%; 314 width: 100%;
302 height: 100%; 315 height: 100%;
303 display: flex; 316 display: flex;
304 flex-direction: row; 317 flex-direction: row;
305 div { 318 div {
306 flex: 1; 319 flex: 1;
307 border-right: 2px solid #e3e2e2; 320 border-right: 2px solid #e3e2e2;
308 line-height: 40px; 321 line-height: 40px;
309 overflow: unset; 322 overflow: unset;
310 } 323 }
311 div:last-child { 324 div:last-child {
312 border: 0; 325 border: 0;
326 }
313 } 327 }
314 } 328 }
315 } 329 }
316 } 330 .title {
317 .title { 331 position: relative;
318 position: relative; 332 .print {
319 .print { 333 // background-color: #0079fe;
320 // background-color: #0079fe; 334 z-index: 10;
321 z-index: 10; 335 position: absolute;
322 position: absolute; 336 left: 11px;
323 left: 11px; 337 top: 5px;
324 top: 5px; 338 }
325 } 339 }
326 }
327 </style> 340 </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-18 13:42:34
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate 9 :columns="columns" :tableData="tableData" />
10 id="boxfdcq"
11 :tableData="tableData"
12 :render="render"
13 />
14 </div>
15 <div class="tableBox">
16 <div class="title">
17 {{ title }}
18 <el-button class="print" v-show="shows" @click="openPrint()"
19 >打印</el-button
20 >
21 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox
24 v-for="item in qsztList"
25 :key="item.value"
26 :label="item.value"
27 >{{ item.label }}</el-checkbox
28 >
29 </el-checkbox-group>
30 </div>
31 </div>
32 <div class="xxTableBox rollTable">
33 <table class="xxTable">
34 <tr v-for="(item, colindex) in columns" :key="colindex">
35 <td>
36 {{ item.label }}
37 </td>
38 <td
39 v-for="(row, index) in tableData"
40 :key="index"
41 :class="[
42 row.qszt == '2' ? 'lishi' : '',
43 row.qszt == '0' ? 'linshi' : '',
44 row.qlzt == '4' ? 'linshi' : '',
45
46 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
47 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
50 ]"
51 >
52 <div
53 class="setbut"
54 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
55 >
56 <el-button
57 type="text"
58 icon="el-icon-edit-outline"
59 @click="editDialog(row)"
60 >编辑</el-button
61 >
62 <el-button
63 type="text"
64 icon="el-icon-edit-outline"
65 @click="editDialog(row, 'D')"
66 >删除</el-button
67 >
68 </div>
69 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
70 有效
71 </div>
72 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
73 正在补录
74 </div>
75 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
76 正在申请
77 </div>
78 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
79 正在注销
80 </div>
81
82 <p v-if="!['djyy', 'fj'].includes(item.prop)">
83 <span v-if="item.prop == 'qszt'">
84 {{ getQsztName(row[item.prop]) }}
85 </span>
86 <span v-else>{{ row[item.prop] }}</span>
87 </p>
88
89 <el-tooltip
90 v-else
91 effect="dark"
92 :content="row[item.prop]"
93 placement="top"
94 popper-class="tooltip-width"
95 >
96 <span class="ellipsis-line">
97 {{ row[item.prop] }}
98 </span>
99 </el-tooltip>
100 </td>
101 <td v-for="count in emptycolNum" :key="~count"></td>
102 </tr>
103 </table>
104 </div>
105 </div>
106 </div> 10 </div>
107 </template> 11 </template>
108
109 <script> 12 <script>
110 import printTemplate from "./components/printTemplate.vue"; 13 import { datas } from "./qlxxFormData.js";
111 import { datas } from "./qlxxFormData.js"; 14 import { getSjlx } from "@/utils/dictionary.js";
112 import { getSjlx } from "@/utils/dictionary.js"; 15 import { getFdcq2List } from "@/api/djbDetail.js";
113 import { getFdcq2List } from "@/api/djbDetail.js"; 16 import djbDetail from "./components/djbDetail.vue"
114 export default { 17 export default {
115 components: { 18 components: {
116 printTemplate, 19 djbDetail
117 },
118 data() {
119 return {
120
121 shows: false,
122 title: "房地产权登记信息（独幢、层、套、间房屋）",
123 qsztList: datas.columns().qsztList,
124 checkList: datas.columns().checkList,
125 //传递参数
126 propsParam: this.$attrs,
127 //列表数据
128 tableData: [],
129 //空列值个数
130 emptycolNum: datas.columns().emptycolNum,
131 //列名称对象
132 columns: datas.columns().FDCQ2,
133 render: false,
134 };
135 },
136 created() {
137 this.loadData();
138 },
139 methods: {
140 /**
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 }, 20 },
169 /** 21
170 * @description: loadData 22 data () {
171 * @author: miaofang 23 return {
172 */ 24 shows: false,
173 loadData() { 25 title: "房地产权登记信息（独幢、层、套、间房屋）",
174 if (this.$parent.addRepairRecord) { 26 //传递参数
175 this.columns.unshift({ prop: "cz", label: "操作" }); 27 propsParam: this.$attrs,
176 } 28 //列表数据
177 getFdcq2List({ 29 tableData: [],
178 bdcdyid: this.propsParam.bdcdyid, 30 //列名称对象
179 qllx: this.propsParam.qllx, 31 columns: datas.columns().FDCQ2,
180 qszt: this.checkList, 32 render: false,
181 }).then((res) => { 33 };
182 if (res.code === 200) {
183 this.tableData = res.result;
184 this.shows = this.tableData.length > 0;
185 this.tableData.forEach((item) => {
186 item.sjlx = getSjlx(item.sjlx);
187 });
188 if (this.tableData.length < datas.columns().emptycolNum) {
189 this.emptycolNum =
190 datas.columns().emptycolNum - this.tableData.length;
191 } else {
192 this.emptycolNum = 0;
193 }
194 }
195 });
196 }, 34 },
197 /** 35 created () {
198 * @description: checkChange 36 this.loadData();
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 }, 37 },
209 /** 38 methods: {
210 * @description: getQsztName 39 /**
211 * @param {*} code 40 * @description: loadData
212 * @author: miaofang 41 * @author: miaofang
213 */ 42 */
214 getQsztName(code) { 43 loadData () {
215 let name = ""; 44 if (this.$parent.addRepairRecord) {
216 for (let item of this.qsztList) { 45 this.columns.unshift({ prop: "cz", label: "操作" });
217 if (item.value == code) {
218 name = item.label;
219 break;
220 } 46 }
221 } 47 getFdcq2List({
222 return name; 48 bdcdyid: this.propsParam.bdcdyid,
223 }, 49 qllx: this.propsParam.qllx,
224 // 新增一条补录信息 50 qszt: this.checkList,
225 /** 51 }).then((res) => {
226 * @description: 新增一条补录信息 52 if (res.code === 200) {
227 * @param {*} row 53 this.tableData = res.result;
228 * @param {*} del 54 this.shows = this.tableData.length > 0;
229 * @author: miaofang 55 this.tableData.forEach((item) => {
230 */ 56 item.sjlx = getSjlx(item.sjlx);
231 editDialog(row, del) { 57 });
232 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 58 if (this.tableData.length < datas.columns().emptycolNum) {
233 confirmButtonText: "确定", 59 this.emptycolNum =
234 cancelButtonText: "取消", 60 datas.columns().emptycolNum - this.tableData.length;
235 type: "warning", 61 } else {
236 }) 62 this.emptycolNum = 0;
237 .then(() => { 63 }
238 this.$parent.addRepairRecord(row, del); 64 }
239 }) 65 })
240 .catch(() => { 66 }
241 this.$message({ 67 }
242 type: "info", 68 };
243 message: "取消",
244 });
245 });
246 },
247 },
248 };
249 </script> 69 </script>
250 70
251 <style lang="scss" scoped> 71 <style lang="scss" scoped>
252 @import "./qlxxCommon.scss"; 72 @import "./qlxxCommon.scss";
253 .title { 73 .title {
254 position: relative; 74 position: relative;
255 .print { 75 .print {
256 // background-color: #0079fe; 76 // background-color: #0079fe;
257 z-index: 10; 77 z-index: 10;
258 position: absolute; 78 position: absolute;
259 left: 11px; 79 left: 11px;
260 top: 5px; 80 top: 5px;
81 }
261 } 82 }
262 }
263 </style> 83 </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-18 13:43:36
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate 9 :columns="columns" :tableData="tableData" />
10 id="boxjsydsyq"
11 :tableData="tableData"
12 :render="render"
13 />
14 </div>
15 <div class="tableBox">
16 <div class="title">
17 {{ title }}
18 <el-button class="print" v-show="shows" @click="openPrint()"
19 >打印</el-button
20 >
21 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox
24 v-for="item in qsztList"
25 :key="item.value"
26 :label="item.value"
27 >{{ item.label }}</el-checkbox
28 >
29 </el-checkbox-group>
30 </div>
31 </div>
32 <div class="xxTableBox rollTable">
33 <!-- 固定前三个 -->
34 <table class="xxTable">
35 <tr v-for="(item, colindex) in columns" :key="colindex">
36 <td>
37 {{ item.label }}
38 </td>
39 <td
40 v-for="(row, index) in tableData"
41 :key="index"
42 :class="[
43 row.qszt == '2' ? 'lishi' : '',
44 row.qszt == '0' ? 'linshi' : '',
45 row.qlzt == '4' ? 'linshi' : '',
46
47 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
50 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
51 ]"
52 >
53 <div
54 class="setbut"
55 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
56 >
57 <el-button
58 type="text"
59 icon="el-icon-edit-outline"
60 @click="editDialog(row)"
61 >编辑</el-button
62 >
63 <el-button
64 type="text"
65 icon="el-icon-edit-outline"
66 @click="editDialog(row, 'D')"
67 >删除</el-button
68 >
69 </div>
70 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
71 有效
72 </div>
73 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
74 正在补录
75 </div>
76 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
77 正在申请
78 </div>
79 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
80 正在注销
81 </div>
82
83 <p v-if="!['djyy', 'fj'].includes(item.prop)">
84 <span v-if="item.prop == 'qszt'">
85 {{ getQsztName(row[item.prop]) }}
86 </span>
87 <span v-else>{{ row[item.prop] }}</span>
88 </p>
89 <el-tooltip
90 v-else
91 effect="dark"
92 :content="row[item.prop]"
93 placement="top"
94 popper-class="tooltip-width"
95 >
96 <span class="ellipsis-line">
97 {{ row[item.prop] }}
98 </span>
99 </el-tooltip>
100 </td>
101 <td v-for="count in emptycolNum" :key="~count"></td>
102 </tr>
103 </table>
104 </div>
105 </div>
106 </div> 10 </div>
107 </template> 11 </template>
108 12
109 <script> 13 <script>
110 import printTemplate from "./components/printTemplate.vue"; 14 import { datas } from "./qlxxFormData.js";
111 import { datas } from "./qlxxFormData.js"; 15 import { getSjlx } from "@/utils/dictionary.js";
112 import { getSjlx } from "@/utils/dictionary.js"; 16 import { getJsydsyqList } from "@/api/djbDetail.js";
113 import { getJsydsyqList } from "@/api/djbDetail.js"; 17 import djbDetail from "./components/djbDetail.vue"
114 export default { 18 export default {
115 components: { 19 components: {
116 printTemplate, 20 djbDetail,
117 },
118 data() {
119 return {
120 printObj: {
121 id: "box",
122 //其他配置项，
123 },
124 shows: false,
125 title: "建设用地使用权、宅基地使用权登记信息",
126 qsztList: datas.columns().qsztList,
127 checkList: datas.columns().checkList,
128 //传递参数
129 propsParam: this.$attrs,
130 //列表数据
131 tableData: [],
132 //空列值个数
133 emptycolNum: datas.columns().emptycolNum,
134 //列名称对象
135 columns: datas.columns().JSYDSYQ,
136 render: false,
137 };
138 },
139 created() {
140 this.loadData();
141 },
142 methods: {
143 /**
144 * @description: openPrint
145 * @author: miaofang
146 */
147 openPrint() {
148 this.render = true;
149 setTimeout(() => {
150 this.prinsss();
151 }, 100);
152 },
153 /**
154 * @description: prinsss
155 * @author: miaofang
156 */
157 prinsss() {
158 printJS({
159 printable: "boxjsydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
160 type: "html",
161 maxWidth: 800, // 最大宽度
162 font_size: "", // 不设置则使用默认字体大小
163 style: `@font-face {
164 font-family: "STZHONGS";
165 src: url(${window.ttf}) format("truetype");
166 }`,
167 // 继承原来的所有样式
168 targetStyles: ["*"],
169 });
170 this.render=false
171 }, 21 },
172 /** 22 data () {
173 * @description: loadData 23 return {
174 * @author: miaofang 24 printObj: {
175 */ 25 id: "box",
176 loadData() { 26 //其他配置项，
177 getJsydsyqList({ 27 },
178 bdcdyid: this.propsParam.bdcdyid, 28 shows: false,
179 qllx: this.propsParam.qllx, 29 title: "建设用地使用权、宅基地使用权登记信息",
180 qszt: this.checkList, 30 //传递参数
181 }).then((res) => { 31 propsParam: this.$attrs,
182 if (res.code === 200) { 32 //列表数据
183 this.tableData = res.result; 33 tableData: [],
184 this.shows = this.tableData.length > 0; 34 //列名称对象
185 this.tableData.forEach((item) => { 35 columns: datas.columns().JSYDSYQ,
186 item.sjlx = getSjlx(item.sjlx); 36 render: false,
187 }); 37 };
188 if (this.tableData.length < datas.columns().emptycolNum) {
189 this.emptycolNum =
190 datas.columns().emptycolNum - this.tableData.length;
191 } else {
192 this.emptycolNum = 0;
193 }
194 }
195 });
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 }, 38 },
209 /** 39 created () {
210 * @description: getQsztName 40 this.loadData();
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 }
221 }
222 return name;
223 }, 41 },
224 // 新增一条补录信息 42 methods: {
225 /** 43 loadData () {
226 * @description: 新增一条补录信息 44 getJsydsyqList({
227 * @param {*} row 45 bdcdyid: this.propsParam.bdcdyid,
228 * @param {*} del 46 qllx: this.propsParam.qllx,
229 * @author: miaofang 47 qszt: this.checkList,
230 */ 48 }).then((res) => {
231 editDialog(row, del) { 49 if (res.code === 200) {
232 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 50 this.tableData = res.result;
233 confirmButtonText: "确定", 51 this.shows = this.tableData.length > 0;
234 cancelButtonText: "取消", 52 this.tableData.forEach((item) => {
235 type: "warning", 53 item.sjlx = getSjlx(item.sjlx);
236 }) 54 });
237 .then(() => { 55 if (this.tableData.length < datas.columns().emptycolNum) {
238 this.$parent.addRepairRecord(row, del); 56 this.emptycolNum =
239 57 datas.columns().emptycolNum - this.tableData.length;
240 this.$message({ 58 } else {
241 type: "success", 59 this.emptycolNum = 0;
242 message: "补录成功!", 60 }
243 }); 61 }
244 }) 62 })
245 .catch(() => { 63 }
246 this.$message({ 64 }
247 type: "info", 65 }
248 message: "取消编辑",
249 });
250 });
251 },
252 },
253 };
254 </script> 66 </script>
255 67
256 <style lang="scss" scoped> 68 <style lang="scss" scoped>
257 @import "./qlxxCommon.scss"; 69 @import "./qlxxCommon.scss";
258 .title { 70 .title {
259 position: relative; 71 position: relative;
260 .print { 72 .print {
261 // background-color: #0079fe; 73 // background-color: #0079fe;
262 z-index: 10; 74 z-index: 10;
263 position: absolute; 75 position: absolute;
264 left: 11px; 76 left: 11px;
265 top: 5px; 77 top: 5px;
78 }
266 } 79 }
267 }
268 </style> 80 </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-18 13:44:04
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate 9 :columns="columns" :tableData="tableData" />
10 id="boxldsyq"
11 :tableData="tableData"
12 :render="render"
13 />
14 </div>
15 <div class="tableBox">
16 <div class="title">
17 {{ title }}
18 <el-button class="print" v-show="shows" @click="openPrint()"
19 >打印</el-button
20 >
21 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox
24 v-for="item in qsztList"
25 :key="item.value"
26 :label="item.value"
27 >{{ item.label }}</el-checkbox
28 >
29 </el-checkbox-group>
30 </div>
31 </div>
32 <div class="xxTableBox rollTable">
33 <!-- 固定前三个 -->
34 <table class="xxTable">
35 <tr v-for="(item, colindex) in columns" :key="colindex">
36 <td>{{ item.label }}</td>
37 <td
38 v-for="(row, index) in tableData"
39 :key="index"
40 :class="[
41 row.qszt == '2' ? 'lishi' : '',
42 row.qszt == '0' ? 'linshi' : '',
43 row.qlzt == '4' ? 'linshi' : '',
44
45 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
46 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
47 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
49 ]"
50 >
51 <div
52 class="setbut"
53 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
54 >
55 <el-button
56 type="text"
57 icon="el-icon-edit-outline"
58 @click="editDialog(row)"
59 >编辑</el-button
60 >
61 <el-button
62 type="text"
63 icon="el-icon-edit-outline"
64 @click="editDialog(row, 'D')"
65 >删除</el-button
66 >
67 </div>
68 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
69 有效
70 </div>
71 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
72 正在补录
73 </div>
74 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
75 正在申请
76 </div>
77 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
78 正在注销
79 </div>
80
81 <p v-if="!['djyy', 'fj'].includes(item.prop)">
82 <span v-if="item.prop == 'qszt'">
83 {{ getQsztName(row[item.prop]) }}
84 </span>
85 <span v-else>{{ row[item.prop] }}</span>
86 </p>
87 <el-tooltip
88 v-else
89 effect="dark"
90 :content="row[item.prop]"
91 placement="top"
92 popper-class="tooltip-width"
93 >
94 <span class="ellipsis-line">
95 {{ row[item.prop] }}
96 </span>
97 </el-tooltip>
98 </td>
99 <td v-for="count in emptycolNum" :key="~count"></td>
100 </tr>
101 </table>
102 </div>
103 </div>
104 </div> 10 </div>
105 </template> 11 </template>
106 12
107 <script> 13 <script>
108 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
109 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 15 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
110 import { getLqList } from "@/api/djbDetail.js"; 16 import { getLqList } from "@/api/djbDetail.js";
111 import printTemplate from "./components/printTemplate.vue"; 17 import djbDetail from "./components/djbDetail.vue"
112 export default { 18 export default {
113 components: { 19 components: {
114 printTemplate, 20 djbDetail,
115 },
116 data() {
117 return {
118 printObj: {
119 id: "box",
120 //其他配置项，
121 },
122 shows: false,
123 title: "林权登记信息",
124 qsztList: datas.columns().qsztList,
125 checkList: datas.columns().checkList,
126 //传递参数
127 propsParam: this.$attrs,
128 //列表数据
129 tableData: [],
130 //空列值个数
131 emptycolNum: datas.columns().emptycolNum,
132 //列名称对象
133 columns: datas.columns().LDSYQ,
134 render: false,
135 };
136 },
137 created() {
138 this.loadData();
139 },
140 methods: {
141 /**
142 * @description: openPrint
143 * @author: miaofang
144 */
145 openPrint() {
146 this.render = true;
147 setTimeout(() => {
148 this.prinsss();
149 }, 100);
150 },
151 /**
152 * @description: prinsss
153 * @author: miaofang
154 */
155 prinsss() {
156 printJS({
157 printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
158 type: "html",
159 maxWidth: 800, // 最大宽度
160 font_size: "", // 不设置则使用默认字体大小
161 style: `@font-face {
162 font-family: "STZHONGS";
163 src: url(${window.ttf}) format("truetype");
164 }`,
165 // 继承原来的所有样式
166 targetStyles: ["*"],
167 });
168 this.render=false
169 }, 21 },
170 /** 22 data () {
171 * @description: loadData 23 return {
172 * @author: miaofang 24 printObj: {
173 */ 25 id: "box",
174 loadData() { 26 //其他配置项，
175 if (this.$parent.addRepairRecord) { 27 },
176 this.columns.unshift({ 28 shows: false,
177 prop: "cz", 29 title: "林权登记信息",
178 label: "操作", 30 //传递参数
179 }); 31 propsParam: this.$attrs,
180 } 32 //列表数据
181 getLqList({ 33 tableData: [],
182 bdcdyid: this.propsParam.bdcdyid, 34 //列名称对象
183 qllx: this.propsParam.qllx, 35 columns: datas.columns().LDSYQ,
184 qszt: this.checkList, 36 render: false,
185 }).then((res) => { 37 };
186 if (res.code === 200) {
187 this.tableData = res.result;
188 this.shows = this.tableData.length > 0;
189 this.tableData.forEach((item) => {
190 item.sjlx = getSjlx(item.sjlx);
191 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
192 item.lz = getDictLeabel(item.lz, "A26");
193 item.qy = getDictLeabel(item.qy, "A52");
194 });
195 if (this.tableData.length < datas.columns().emptycolNum) {
196 this.emptycolNum =
197 datas.columns().emptycolNum - this.tableData.length;
198 } else {
199 this.emptycolNum = 0;
200 }
201 }
202 });
203 }, 38 },
204 /** 39 created () {
205 * @description: checkChange 40 this.loadData();
206 * @author: miaofang
207 */
208 checkChange() {
209 if (this.checkList.length === 0) {
210 this.tableData = [];
211 this.emptycolNum = datas.columns().emptycolNum;
212 } else {
213 this.loadData();
214 }
215 }, 41 },
216 /** 42 methods: {
217 * @description: getQsztName 43 loadData () {
218 * @param {*} code 44 if (this.$parent.addRepairRecord) {
219 * @author: miaofang 45 this.columns.unshift({
220 */ 46 prop: "cz",
221 getQsztName(code) { 47 label: "操作",
222 let name = "";
223 for (let item of this.qsztList) {
224 if (item.value == code) {
225 name = item.label;
226 break;
227 }
228 }
229 return name;
230 },
231 // 新增一条补录信息
232 /**
233 * @description: 新增一条补录信息
234 * @param {*} row
235 * @param {*} del
236 * @author: miaofang
237 */
238 editDialog(row, del) {
239 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
240 confirmButtonText: "确定",
241 cancelButtonText: "取消",
242 type: "warning",
243 })
244 .then(() => {
245 this.$parent.addRepairRecord(row, del);
246
247 this.$message({
248 type: "success",
249 message: "补录成功!",
250 });
251 })
252 .catch(() => {
253 this.$message({
254 type: "info",
255 message: "取消编辑",
256 }); 48 });
49 }
50 getLqList({
51 bdcdyid: this.propsParam.bdcdyid,
52 qllx: this.propsParam.qllx,
53 qszt: this.checkList,
54 }).then((res) => {
55 if (res.code === 200) {
56 this.tableData = res.result;
57 this.shows = this.tableData.length > 0;
58 this.tableData.forEach((item) => {
59 item.sjlx = getSjlx(item.sjlx);
60 item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45");
61 item.lz = getDictLeabel(item.lz, "A26");
62 item.qy = getDictLeabel(item.qy, "A52");
63 });
64 if (this.tableData.length < datas.columns().emptycolNum) {
65 this.emptycolNum =
66 datas.columns().emptycolNum - this.tableData.length;
67 } else {
68 this.emptycolNum = 0;
69 }
70 }
257 }); 71 });
258 }, 72 }
259 }, 73 }
260 }; 74 }
261 </script> 75 </script>
262 76
263 <style lang="scss" scoped> 77 <style lang="scss" scoped>
264 @import "./qlxxCommon.scss"; 78 @import "./qlxxCommon.scss";
265 .title { 79 .title {
266 position: relative; 80 position: relative;
267 .print { 81 .print {
268 // background-color: #0079fe; 82 // background-color: #0079fe;
269 z-index: 10; 83 z-index: 10;
270 position: absolute; 84 position: absolute;
271 left: 11px; 85 left: 11px;
272 top: 5px; 86 top: 5px;
87 }
273 } 88 }
274 }
275 </style> 89 </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-18 13:44:35
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate 9 :columns="columns" :tableData="tableData" />
10 id="boxnydsyq"
11 :tableData="tableData"
12 :render="render"
13 />
14 </div>
15 <div class="tableBox">
16 <div class="title">
17 {{ title }}
18 <el-button class="print" v-show="shows" @click="openPrint()"
19 >打印</el-button
20 >
21 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox
24 v-for="item in qsztList"
25 :key="item.value"
26 :label="item.value"
27 >{{ item.label }}</el-checkbox
28 >
29 </el-checkbox-group>
30 </div>
31 </div>
32 <div class="xxTableBox">
33 <!-- 固定前三个 -->
34 <table class="xxTable">
35 <tr v-for="(item, colindex) in columns.slice(0, 3)" :key="colindex">
36 <td>
37 {{ item.label }}
38 </td>
39 <td
40 v-for="(row, index) in tableData"
41 :key="index"
42 :class="[
43 row.qszt == '2' ? 'lishi' : '',
44 row.qszt == '0' ? 'linshi' : '',
45 row.qlzt == '4' ? 'linshi' : '',
46
47 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
50 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
51 ]"
52 >
53 <div
54 class="setbut"
55 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
56 >
57 <el-button
58 type="text"
59 icon="el-icon-edit-outline"
60 @click="editDialog(row)"
61 >编辑</el-button
62 >
63 <el-button
64 type="text"
65 icon="el-icon-edit-outline"
66 @click="editDialog(row, 'D')"
67 >删除</el-button
68 >
69 </div>
70 <div class="icon" v-if="row.qlzt == '1'">有效</div>
71 <div class="icon" v-if="row.qlzt == '2'">正在补录</div>
72 <div class="icon" v-if="row.qlzt == '3'">正在申请</div>
73 <div class="icon" v-if="row.qlzt == '4'">正在注销</div>
74
75 <p v-if="!['djyy', 'fj'].includes(item.prop)">
76 <span v-if="item.prop == 'qszt'">
77 {{ getQsztName(row[item.prop]) }}
78 </span>
79 <span v-else>{{ row[item.prop] }}</span>
80 </p>
81
82 <el-tooltip
83 v-else
84 effect="dark"
85 :content="row[item.prop]"
86 placement="top"
87 popper-class="tooltip-width"
88 >
89 <span class="ellipsis-line">
90 {{ row[item.prop] }}
91 </span>
92 </el-tooltip>
93 </td>
94 <td v-for="count in emptycolNum" :key="~count"></td>
95 </tr>
96 </table>
97
98 <table class="xxTable rollTable">
99 <tr v-for="(item, colindex) in columns.slice(3)" :key="colindex">
100 <td>
101 {{ item.label }}
102 </td>
103 <td
104 v-for="(row, index) in tableData"
105 :key="index"
106 :class="[
107 row.qszt == '2' ? 'lishi' : '',
108 row.qszt == '0' ? 'linshi' : '',
109 row.qlzt == '4' ? 'linshi' : '',
110
111 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
112 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
113 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
114 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
115 ]"
116 >
117 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
118 有效
119 </div>
120 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
121 正在补录
122 </div>
123 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
124 正在申请
125 </div>
126 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
127 正在注销
128 </div>
129
130 <p v-if="!['djyy', 'fj'].includes(item.prop)">
131 <span v-if="item.prop == 'qszt'">
132 {{ getQsztName(row[item.prop]) }}
133 </span>
134 <span v-else>{{ row[item.prop] }}</span>
135 </p>
136
137 <el-tooltip
138 v-else
139 effect="dark"
140 :content="row[item.prop]"
141 placement="top"
142 popper-class="tooltip-width"
143 >
144 <span class="ellipsis-line">
145 {{ row[item.prop] }}
146 </span>
147 </el-tooltip>
148 </td>
149 <td v-for="count in emptycolNum" :key="~count"></td>
150 </tr>
151 </table>
152 </div>
153 </div>
154 </div> 10 </div>
155 </template> 11 </template>
156 12
157 <script> 13 <script>
158 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
159 import { getSjlx } from "@/utils/dictionary.js"; 15 import { getSjlx } from "@/utils/dictionary.js";
160 import { getNydsyqList } from "@/api/djbDetail.js"; 16 import { getNydsyqList } from "@/api/djbDetail.js";
161 export default { 17 import djbDetail from "./components/djbDetail.vue"
162 components: { 18 export default {
163 printTemplate, 19 components: {
164 }, 20 djbDetail,
165 data() {
166 return {
167 printObj: {
168 id: "box",
169 //其他配置项，
170 },
171 shows: false,
172 title: "农用地使用权登记信息",
173 qsztList: datas.columns().qsztList,
174 checkList: datas.columns().checkList,
175 //传递参数
176 propsParam: this.$attrs,
177 //列表数据
178 tableData: [],
179 //空列值个数
180 emptycolNum: datas.columns().emptycolNum,
181 //列名称对象
182 columns: datas.columns().NYDSYQ,
183 render: false,
184 };
185 },
186 created() {
187 var qllx = this.$route.query.sqywbm.substr(0, 3);
188 if (qllx == "A09") {
189 this.title = "土地经营权登记信息";
190 } else {
191 this.title = "农用地使用权登记信息";
192 }
193 this.loadData();
194 },
195 methods: {
196 /**
197 * @description: openPrint
198 * @author: miaofang
199 */
200 openPrint() {
201 this.render = true;
202 setTimeout(() => {
203 this.prinsss();
204 }, 100);
205 }, 21 },
206 /** 22 data () {
207 * @description: prinsss 23 return {
208 * @author: miaofang 24 printObj: {
209 */ 25 id: "box",
210 prinsss() { 26 //其他配置项，
211 printJS({ 27 },
212 printable: "boxnydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 28 shows: false,
213 type: "html", 29 title: "农用地使用权登记信息",
214 maxWidth: 800, // 最大宽度 30 //传递参数
215 font_size: "", // 不设置则使用默认字体大小 31 propsParam: this.$attrs,
216 style: `@font-face { 32 //列表数据
217 font-family: "STZHONGS"; 33 tableData: [],
218 src: url(${window.ttf}) format("truetype"); 34 //列名称对象
219 }`, 35 columns: datas.columns().NYDSYQ,
220 // 继承原来的所有样式 36 render: false,
221 targetStyles: ["*"], 37 };
222 });
223 this.render=false
224 }, 38 },
225 /** 39 created () {
226 * @description: loadData 40 var qllx = this.$route.query.sqywbm.substr(0, 3);
227 * @author: miaofang 41 if (qllx == "A09") {
228 */ 42 this.title = "土地经营权登记信息";
229 loadData() {
230 if (this.$parent.addRepairRecord) {
231 this.columns.unshift({
232 prop: "cz",
233 label: "操作",
234 });
235 }
236 getNydsyqList({
237 bdcdyid: this.propsParam.bdcdyid,
238 qllx: this.propsParam.qllx,
239 qszt: this.checkList,
240 }).then((res) => {
241 if (res.code === 200) {
242 this.tableData = res.result;
243 this.shows = this.tableData.length > 0;
244 this.tableData.forEach((item) => {
245 item.sjlx = getSjlx(item.sjlx);
246 });
247 if (this.tableData.length < datas.columns().emptycolNum) {
248 this.emptycolNum =
249 datas.columns().emptycolNum - this.tableData.length;
250 } else {
251 this.emptycolNum = 0;
252 }
253 }
254 });
255 },
256 /**
257 * @description: checkChange
258 * @author: miaofang
259 */
260 checkChange() {
261 if (this.checkList.length === 0) {
262 this.tableData = [];
263 this.emptycolNum = datas.columns().emptycolNum;
264 } else { 43 } else {
265 this.loadData(); 44 this.title = "农用地使用权登记信息";
266 }
267 },
268 /**
269 * @description: getQsztName
270 * @author: miaofang
271 */
272 getQsztName(code) {
273 let name = "";
274 for (let item of this.qsztList) {
275 if (item.value == code) {
276 name = item.label;
277 break;
278 }
279 } 45 }
280 return name; 46 this.loadData();
281 }, 47 },
282 // 新增一条补录信息 48 methods: {
283 /** 49 loadData () {
284 * @description: 新增一条补录信息 50 if (this.$parent.addRepairRecord) {
285 * @param {*} row 51 this.columns.unshift({
286 * @param {*} del 52 prop: "cz",
287 * @author: miaofang 53 label: "操作",
288 */
289 editDialog(row, del) {
290 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
291 confirmButtonText: "确定",
292 cancelButtonText: "取消",
293 type: "warning",
294 })
295 .then(() => {
296 this.$parent.addRepairRecord(row, del);
297
298 this.$message({
299 type: "success",
300 message: "补录成功!",
301 });
302 })
303 .catch(() => {
304 this.$message({
305 type: "info",
306 message: "取消编辑",
307 }); 54 });
55 }
56 getNydsyqList({
57 bdcdyid: this.propsParam.bdcdyid,
58 qllx: this.propsParam.qllx,
59 qszt: this.checkList,
60 }).then((res) => {
61 if (res.code === 200) {
62 this.tableData = res.result;
63 this.shows = this.tableData.length > 0;
64 this.tableData.forEach((item) => {
65 item.sjlx = getSjlx(item.sjlx);
66 });
67 if (this.tableData.length < datas.columns().emptycolNum) {
68 this.emptycolNum =
69 datas.columns().emptycolNum - this.tableData.length;
70 } else {
71 this.emptycolNum = 0;
72 }
73 }
308 }); 74 });
309 }, 75 }
310 }, 76 }
311 }; 77 };
312 </script> 78 </script>
313 79
314 <style lang="scss" scoped> 80 <style lang="scss" scoped>
315 @import "./qlxxCommon.scss"; 81 @import "./qlxxCommon.scss";
316 .title { 82 .title {
317 position: relative; 83 position: relative;
318 .print { 84 .print {
319 // background-color: #0079fe; 85 // background-color: #0079fe;
320 z-index: 10; 86 z-index: 10;
321 position: absolute; 87 position: absolute;
322 left: 11px; 88 left: 11px;
323 top: 5px; 89 top: 5px;
90 }
324 } 91 }
325 }
326 </style> 92 </style>
......
1 <!-- 1 <!--
2 * @Author: yangwei
3 * @Date: 2023-08-15 14:15:06
4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-08-15 14:15:19
6 * @FilePath: \bdcdj-web\src\views\registerBook\sllmsyq.vue
7 * @Description:
8 *
9 * Copyright (c) 2023 by yangwei, All Rights Reserved.
10 -->
11 <!--
12 * @Description: 2 * @Description:
13 * @Autor: miaofang 3 * @Autor: miaofang
14 * @LastEditTime: 2023-08-11 15:33:53 4 * @LastEditTime: 2023-09-18 13:45:03
15 --> 5 -->
16 <template> 6 <template>
17 <div class="djxxTable"> 7 <div class="djxxTable">
18 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
19 <printTemplate 9 :columns="columns" :tableData="tableData" />
20 id="boxsllmsyq"
21 :tableData="tableData"
22 :render="render"
23 />
24 </div>
25 <div class="tableBox">
26 <div class="title">
27 {{ title }}
28 <el-button class="print" v-show="shows" @click="openPrint()"
29 >打印</el-button
30 >
31 <div class="checkbox">
32 <el-checkbox-group v-model="checkList" @change="checkChange">
33 <el-checkbox
34 v-for="item in qsztList"
35 :key="item.value"
36 :label="item.value"
37 >{{ item.label }}</el-checkbox
38 >
39 </el-checkbox-group>
40 </div>
41 </div>
42 <div class="xxTableBox rollTable">
43 <!-- 固定前三个 -->
44 <table class="xxTable">
45 <tr v-for="(item, colindex) in columns" :key="colindex">
46 <td>{{ item.label }}</td>
47 <td
48 v-for="(row, index) in tableData"
49 :key="index"
50 :class="[
51 row.qszt == '2' ? 'lishi' : '',
52 row.qszt == '0' ? 'linshi' : '',
53 row.qlzt == '4' ? 'linshi' : '',
54
55 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
56 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
57 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
58 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
59 ]"
60 >
61 <div
62 class="setbut"
63 v-if="item.prop == 'cz' && row.sjlx != '系统数据'"
64 >
65 <el-button
66 type="text"
67 icon="el-icon-edit-outline"
68 @click="editDialog(row)"
69 >编辑</el-button
70 >
71 <el-button
72 type="text"
73 icon="el-icon-edit-outline"
74 @click="editDialog(row, 'D')"
75 >删除</el-button
76 >
77 </div>
78 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
79 有效
80 </div>
81 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
82 正在补录
83 </div>
84 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
85 正在申请
86 </div>
87 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
88 正在注销
89 </div>
90
91 <!-- <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
92 <span v-else>{{ row[item.prop] }}</span> -->
93
94 <p v-if="!['djyy', 'fj'].includes(item.prop)">
95 <span v-if="item.prop == 'qszt'">
96 {{ getQsztName(row[item.prop]) }}
97 </span>
98 <span v-else>{{ row[item.prop] }}</span>
99 </p>
100
101 <el-tooltip
102 v-else
103 effect="dark"
104 :content="row[item.prop]"
105 placement="top"
106 popper-class="tooltip-width"
107 >
108 <span class="ellipsis-line">
109 {{ row[item.prop] }}
110 </span>
111 </el-tooltip>
112 </td>
113 <td v-for="count in emptycolNum" :key="~count"></td>
114 </tr>
115 </table>
116 </div>
117 </div>
118 </div> 10 </div>
119 </template> 11 </template>
120 12
121 <script> 13 <script>
122 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
123 import { getSjlx } from "@/utils/dictionary.js"; 15 import { getSjlx } from "@/utils/dictionary.js";
124 import { getLqList } from "@/api/djbDetail.js"; 16 import { getLqList } from "@/api/djbDetail.js";
125 import printTemplate from "./components/printTemplate.vue"; 17 import djbDetail from "./components/djbDetail.vue"
126 export default { 18 export default {
127 components: { 19 components: {
128 printTemplate, 20 djbDetail,
129 },
130 data() {
131 return {
132 printObj: {
133 id: "box",
134 //其他配置项，
135 },
136 shows: false,
137 title: "林权登记信息",
138 qsztList: datas.columns().qsztList,
139 checkList: datas.columns().checkList,
140 //传递参数
141 propsParam: this.$attrs,
142 //列表数据
143 tableData: [],
144 //空列值个数
145 emptycolNum: datas.columns().emptycolNum,
146 //列名称对象
147 columns: datas.columns().LDSYQ,
148 render: false,
149 };
150 },
151 created() {
152 this.loadData();
153 },
154 methods: {
155 /**
156 * @description: openPrint
157 * @author: miaofang
158 */
159 openPrint() {
160 this.render = true;
161 setTimeout(() => {
162 this.prinsss();
163 }, 100);
164 },
165 /**
166 * @description: prinsss
167 * @author: miaofang
168 */
169 prinsss() {
170 printJS({
171 printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
172 type: "html",
173 maxWidth: 800, // 最大宽度
174 font_size: "", // 不设置则使用默认字体大小
175 style: `@font-face {
176 font-family: "STZHONGS";
177 src: url(${window.ttf}) format("truetype");
178 }`,
179 // 继承原来的所有样式
180 targetStyles: ["*"],
181 });
182 this.render=false
183 },
184 /**
185 * @description: loadData
186 * @author: miaofang
187 */
188 loadData() {
189 if (this.$parent.addRepairRecord) {
190 this.columns.unshift({
191 prop: "cz",
192 label: "操作",
193 });
194 }
195 getLqList({
196 bdcdyid: this.propsParam.bdcdyid,
197 qllx: this.propsParam.qllx,
198 qszt: this.checkList,
199 }).then((res) => {
200 if (res.code === 200) {
201 this.tableData = res.result;
202 this.shows = this.tableData.length > 0;
203 this.tableData.forEach((item) => {
204 item.sjlx = getSjlx(item.sjlx);
205 });
206 if (this.tableData.length < datas.columns().emptycolNum) {
207 this.emptycolNum =
208 datas.columns().emptycolNum - this.tableData.length;
209 } else {
210 this.emptycolNum = 0;
211 }
212 }
213 });
214 }, 21 },
215 /** 22 data () {
216 * @description: checkChange 23 return {
217 * @author: miaofang 24 shows: false,
218 */ 25 title: "林权登记信息",
219 checkChange() { 26 //传递参数
220 if (this.checkList.length === 0) { 27 propsParam: this.$attrs,
221 this.tableData = []; 28 //列表数据
222 this.emptycolNum = datas.columns().emptycolNum; 29 tableData: [],
223 } else { 30 //列名称对象
224 this.loadData(); 31 columns: datas.columns().LDSYQ,
225 } 32 render: false,
33 };
226 }, 34 },
227 /** 35 created () {
228 * @description: getQsztName 36 this.loadData();
229 * @param {*} code
230 * @author: miaofang
231 */
232 getQsztName(code) {
233 let name = "";
234 for (let item of this.qsztList) {
235 if (item.value == code) {
236 name = item.label;
237 break;
238 }
239 }
240 return name;
241 }, 37 },
242 // 新增一条补录信息 38 methods: {
243 /** 39 loadData () {
244 * @description: 新增一条补录信息 40 if (this.$parent.addRepairRecord) {
245 * @param {*} row 41 this.columns.unshift({
246 * @param {*} del 42 prop: "cz",
247 * @author: miaofang 43 label: "操作",
248 */
249 editDialog(row, del) {
250 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
251 confirmButtonText: "确定",
252 cancelButtonText: "取消",
253 type: "warning",
254 })
255 .then(() => {
256 this.$parent.addRepairRecord(row, del);
257
258 this.$message({
259 type: "success",
260 message: "补录成功!",
261 });
262 })
263 .catch(() => {
264 this.$message({
265 type: "info",
266 message: "取消编辑",
267 }); 44 });
45 }
46 getLqList({
47 bdcdyid: this.propsParam.bdcdyid,
48 qllx: this.propsParam.qllx,
49 qszt: this.checkList,
50 }).then((res) => {
51 if (res.code === 200) {
52 this.tableData = res.result;
53 this.shows = this.tableData.length > 0;
54 this.tableData.forEach((item) => {
55 item.sjlx = getSjlx(item.sjlx);
56 });
57 if (this.tableData.length < datas.columns().emptycolNum) {
58 this.emptycolNum =
59 datas.columns().emptycolNum - this.tableData.length;
60 } else {
61 this.emptycolNum = 0;
62 }
63 }
268 }); 64 });
65 }
269 }, 66 },
270 }, 67 };
271 };
272 </script> 68 </script>
273 69
274 <style lang="scss" scoped> 70 <style lang="scss" scoped>
275 @import "./qlxxCommon.scss"; 71 @import "./qlxxCommon.scss";
276 .title { 72 .title {
277 position: relative; 73 position: relative;
278 .print { 74 .print {
279 // background-color: #0079fe; 75 // background-color: #0079fe;
280 z-index: 10; 76 z-index: 10;
281 position: absolute; 77 position: absolute;
282 left: 11px; 78 left: 11px;
283 top: 5px; 79 top: 5px;
80 }
284 } 81 }
285 }
286 </style> 82 </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-18 13:06:42
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate id="boxtdsyq" :tableData="tableData" :render="render"/> 9 :columns="columns" :tableData="tableData" />
10 </div>
11 <div class="tableBox">
12 <div class="title">
13 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
15 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
18 </el-checkbox-group>
19 </div>
20 </div>
21 <div class="xxTableBox rollTable">
22 <!-- 固定前三个 -->
23 <table class="xxTable">
24 <tr v-for="(item, colindex) in columns" :key="colindex">
25 <td>
26 {{ item.label }}
27 </td>
28 <td v-for="(row, index) in tableData" :key="index" :class="[
29 row.qszt == '2' ? 'lishi' : '',
30 row.qszt == '0' ? 'linshi' : '',
31 row.qlzt == '4' ? 'linshi' : '',
32
33 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
34 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
35 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
36 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : ''
37 ]">
38 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
39 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
40 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
41 </div>
42 <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">
43 有效
44 </div>
45 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
46 正在补录
47 </div>
48 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
49 正在申请
50 </div>
51 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
52 正在注销
53 </div>
54
55 <p v-if="!['djyy','fj'].includes(item.prop)">
56 <span v-if="item.prop == 'qszt'">
57 {{ getQsztName(row[item.prop]) }}
58 </span>
59 <span v-else>{{ row[item.prop] }}</span>
60 </p>
61
62 <el-tooltip v-else effect="dark" :content="row[item.prop]" placement="top" popper-class="tooltip-width">
63 <span class="ellipsis-line">
64 {{ row[item.prop] }}
65 </span>
66 </el-tooltip>
67 </td>
68 <td v-for="count in emptycolNum" :key="~count"></td>
69 </tr>
70 </table>
71 </div>
72 </div>
73 </div> 10 </div>
74 </template> 11 </template>
75 12
...@@ -77,68 +14,42 @@ ...@@ -77,68 +14,42 @@
77 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
78 import { getSjlx } from "@/utils/dictionary.js"; 15 import { getSjlx } from "@/utils/dictionary.js";
79 import { getTdsyqList } from "@/api/djbDetail.js"; 16 import { getTdsyqList } from "@/api/djbDetail.js";
80 import printTemplate from "./components/printTemplate.vue"; 17 import djbDetail from "./components/djbDetail.vue"
81 export default { 18 export default {
82 components: { 19 components: {
83 printTemplate, 20 djbDetail,
84 }, 21 },
85 data() { 22 data () {
86 return { 23 return {
87 printObj: { 24 printObj: {
88 id: "box", 25 id: "box",
89 //其他配置项， 26 //其他配置项，
90 }, 27 },
91 shows:false, 28 shows: false,
92 title: "土地所有权信息", 29 title: "土地所有权信息",
93 qsztList: datas.columns().qsztList,
94 checkList: datas.columns().checkList,
95 //传递参数 30 //传递参数
96 propsParam: this.$attrs, 31 propsParam: this.$attrs,
97 //列表数据 32 //列表数据
98 tableData: [], 33 tableData: [],
99 //空列值个数
100 emptycolNum: datas.columns().emptycolNum,
101 //列名称对象 34 //列名称对象
102 columns: datas.columns().TDSYQ, 35 columns: datas.columns().TDSYQ,
103 render:false 36 render: false,
104 }; 37 };
105 }, 38 },
106 created () { 39 created () {
107 this.loadData(); 40 this.loadData();
108 }, 41 },
109 methods: { 42 methods: {
110 openPrint(){
111 this.render=true
112 setTimeout(() => {
113 this.prinsss()
114 }, 100)
115 },
116 prinsss(){
117 printJS({
118 printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
119 type: "html",
120 maxWidth: 800, // 最大宽度
121 font_size: "", // 不设置则使用默认字体大小
122 style: `@font-face {
123 font-family: "STZHONGS";
124 src: url(${window.ttf}) format("truetype");
125 }`,
126 // 继承原来的所有样式
127 targetStyles: ["*"]
128 });
129 this.render=false
130 },
131 /** 43 /**
132 * @description: loadData 44 * @description: loadData
133 * @author: miaofang 45 * @author: miaofang
134 */ 46 */
135 loadData () { 47 loadData () {
136
137 if (this.$parent.addRepairRecord) { 48 if (this.$parent.addRepairRecord) {
138 this.columns.unshift({ 49 this.columns.unshift({
139 prop: "cz", 50 prop: "cz",
140 label: "操作" 51 label: "操作",
141 }) 52 });
142 } 53 }
143 getTdsyqList({ 54 getTdsyqList({
144 bdcdyid: this.propsParam.bdcdyid, 55 bdcdyid: this.propsParam.bdcdyid,
...@@ -147,10 +58,10 @@ export default { ...@@ -147,10 +58,10 @@ export default {
147 }).then((res) => { 58 }).then((res) => {
148 if (res.code === 200) { 59 if (res.code === 200) {
149 this.tableData = res.result; 60 this.tableData = res.result;
150 this.shows=this.tableData.length>0 61 this.shows = this.tableData.length > 0;
151 this.tableData.forEach(item => { 62 this.tableData.forEach((item) => {
152 item.sjlx = getSjlx(item.sjlx) 63 item.sjlx = getSjlx(item.sjlx);
153 }) 64 });
154 if (this.tableData.length < datas.columns().emptycolNum) { 65 if (this.tableData.length < datas.columns().emptycolNum) {
155 this.emptycolNum = 66 this.emptycolNum =
156 datas.columns().emptycolNum - this.tableData.length; 67 datas.columns().emptycolNum - this.tableData.length;
...@@ -158,76 +69,22 @@ export default { ...@@ -158,76 +69,22 @@ export default {
158 this.emptycolNum = 0; 69 this.emptycolNum = 0;
159 } 70 }
160 } 71 }
161 }); 72 })
162 }, 73 }
163 /** 74 }
164 * @description: checkChange
165 * @author: miaofang
166 */
167 checkChange () {
168 if (this.checkList.length === 0) {
169 this.tableData = [];
170 this.emptycolNum = datas.columns().emptycolNum;
171 } else {
172 this.loadData();
173 }
174 },
175 /**
176 * @description: getQsztName
177 * @param {*} code
178 * @author: miaofang
179 */
180 getQsztName (code) {
181 let name = "";
182 for (let item of this.qsztList) {
183 if (item.value == code) {
184 name = item.label;
185 break;
186 }
187 }
188 return name;
189 },
190 // 新增一条补录信息
191 /**
192 * @description: 新增一条补录信息
193 * @param {*} row
194 * @param {*} del
195 * @author: miaofang
196 */
197 editDialog (row, del) {
198 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
199 confirmButtonText: '确定',
200 cancelButtonText: '取消',
201 type: 'warning'
202 }).then(() => {
203 this.$parent.addRepairRecord(row, del)
204
205 this.$message({
206 type: 'success',
207 message: '补录成功!'
208 });
209 }).catch(() => {
210 this.$message({
211 type: 'info',
212 message: '取消编辑'
213 });
214 });
215
216 },
217 },
218 }; 75 };
219 </script> 76 </script>
220 77
221 <style lang="scss" scoped> 78 <style lang="scss" scoped>
222 @import "./qlxxCommon.scss"; 79 @import "./qlxxCommon.scss";
223 .title { 80 .title {
224 position: relative; 81 position: relative;
225 .print { 82 .print {
226 // background-color: #0079fe; 83 // background-color: #0079fe;
227 z-index: 10; 84 z-index: 10;
228 position: absolute; 85 position: absolute;
229 left: 11px; 86 left: 11px;
230 top: 5px; 87 top: 5px;
88 }
231 } 89 }
232 }
233 </style> 90 </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-18 13:40:33
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> 9 :columns="columns" :tableData="tableData" />
10 </div>
11 <div class="tableBox">
12 <div class="title">
13 {{ title }}
14 <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button>
15 <div class="checkbox">
16 <el-checkbox-group v-model="checkList" @change="checkChange">
17 <el-checkbox
18 v-for="item in qsztList"
19 :key="item.value"
20 :label="item.value"
21 >{{ item.label }}</el-checkbox
22 >
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 >
46 <div class="setbut" v-if="item.prop == 'cz'">
47 <el-button
48 type="text"
49 icon="el-icon-edit-outline"
50 @click="editDialog(row)"
51 >编辑</el-button
52 >
53 <el-button
54 type="text"
55 icon="el-icon-edit-outline"
56 @click="editDialog(row, 'D')"
57 >删除</el-button
58 >
59 </div>
60 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
61 有效
62 </div>
63 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
64 正在补录
65 </div>
66 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
67 正在申请
68 </div>
69 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
70 正在注销
71 </div>
72
73 <p v-if="!['djyy', 'fj'].includes(item.prop)">
74 <span v-if="item.prop == 'qszt'">
75 {{ getQsztName(row[item.prop]) }}
76 </span>
77 <span v-else>{{ row[item.prop] }}</span>
78 </p>
79
80 <el-tooltip
81 v-else
82 effect="dark"
83 :content="row[item.prop]"
84 placement="top"
85 popper-class="tooltip-width"
86 >
87 <span class="ellipsis-line">
88 {{ row[item.prop] }}
89 </span>
90 </el-tooltip>
91 </td>
92 <td v-for="count in emptycolNum" :key="~count"></td>
93 </tr>
94 </table>
95 </div>
96 </div>
97 </div> 10 </div>
98 </template> 11 </template>
99 12
100 <script> 13 <script>
101 import printTemplate from "./components/printTemplate.vue"; 14 import { datas } from "./qlxxFormData.js";
102 import { datas } from "./qlxxFormData.js"; 15 import { getYgdjList } from "@/api/djbDetail.js";
103 import { getYgdjList } from "@/api/djbDetail.js"; 16 import djbDetail from "./components/djbDetail.vue"
104 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 17 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
105 export default { 18 export default {
106 components: { 19 components: {
107 printTemplate, 20 djbDetail,
108 },
109 data() {
110 return {
111 // printObj: {
112 // id: "box",
113 // //其他配置项，
114 // },
115 shows:false,
116 title: "预告登记信息",
117 qsztList: datas.columns().qsztList,
118 checkList: datas.columns().checkList,
119 //传递参数
120 propsParam: this.$attrs,
121 //列表数据
122 tableData: [],
123 //空列值个数
124 emptycolNum: datas.columns().emptycolNum,
125 //列名称对象
126 columns: datas.columns().YGDJ,
127 render:false
128 };
129 },
130 created() {
131 this.loadData();
132 },
133 methods: {
134 openPrint(){
135 this.render=true
136 setTimeout(() => {
137 this.prinsss()
138 }, 100)
139 }, 21 },
140 prinsss(){ 22 data () {
141 printJS({ 23 return {
142 printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 24 shows: false,
143 type: "html", 25 title: "预告登记信息",
144 maxWidth: 800, // 最大宽度 26 //传递参数
145 font_size: "", // 不设置则使用默认字体大小 27 propsParam: this.$attrs,
146 style: `@font-face { 28 //列表数据
147 font-family: "STZHONGS"; 29 tableData: [],
148 src: url(${window.ttf}) format("truetype"); 30 //列名称对象
149 }`, 31 columns: datas.columns().YGDJ,
150 // 继承原来的所有样式 32 render: false
151 targetStyles: ["*"] 33 };
152 });
153 this.render=false
154 },
155 /**
156 * @description: loadData
157 * @author: miaofang
158 */
159 loadData() {
160 // 判断是否在登记簿补录调的子页面
161 if (this.$parent.addRepairRecord) {
162 this.columns.unshift({
163 prop: "cz",
164 label: "操作",
165 });
166 }
167 getYgdjList({
168 bdcdyid: this.propsParam.bdcdyid,
169 qllx: this.propsParam.qllx,
170 qszt: this.checkList,
171 }).then((res) => {
172 if (res.code === 200) {
173 this.tableData = res.result;
174 this.shows=this.tableData.length>0
175 this.tableData.forEach((item) => {
176 item.sjlx = getSjlx(item.sjlx);
177 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
178 });
179 if (this.tableData.length < datas.columns().emptycolNum) {
180 this.emptycolNum =
181 datas.columns().emptycolNum - this.tableData.length;
182 } else {
183 this.emptycolNum = 0;
184 }
185 }
186 });
187 }, 34 },
188 /** 35 created () {
189 * @description: checkChange 36 this.loadData();
190 * @author: miaofang
191 */
192 checkChange() {
193 if (this.checkList.length === 0) {
194 this.tableData = [];
195 this.emptycolNum = datas.columns().emptycolNum;
196 } else {
197 this.loadData();
198 }
199 }, 37 },
200 /** 38 methods: {
201 * @description: getQsztName 39 loadData () {
202 * @param {*} code 40 // 判断是否在登记簿补录调的子页面
203 * @author: miaofang 41 if (this.$parent.addRepairRecord) {
204 */ 42 this.columns.unshift({
205 getQsztName(code) { 43 prop: "cz",
206 let name = ""; 44 label: "操作",
207 for (let item of this.qsztList) {
208 if (item.value == code) {
209 name = item.label;
210 break;
211 }
212 }
213 return name;
214 },
215 // 新增一条补录信息
216 /**
217 * @description: 新增一条补录信息
218 * @param {*} row
219 * @param {*} del
220 * @author: miaofang
221 */
222 editDialog(row, del) {
223 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
224 confirmButtonText: "确定",
225 cancelButtonText: "取消",
226 type: "warning",
227 })
228 .then(() => {
229 this.$parent.addRepairRecord(row, del);
230
231 this.$message({
232 type: "success",
233 message: "补录成功!",
234 }); 45 });
46 }
47 getYgdjList({
48 bdcdyid: this.propsParam.bdcdyid,
49 qllx: this.propsParam.qllx,
50 qszt: this.checkList,
51 }).then((res) => {
52 if (res.code === 200) {
53 this.tableData = res.result;
54 this.shows = this.tableData.length > 0
55 this.tableData.forEach((item) => {
56 item.sjlx = getSjlx(item.sjlx);
57 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
58 });
59 if (this.tableData.length < datas.columns().emptycolNum) {
60 this.emptycolNum =
61 datas.columns().emptycolNum - this.tableData.length;
62 } else {
63 this.emptycolNum = 0;
64 }
65 }
235 }) 66 })
236 .catch(() => { 67 }
237 this.$message({ 68 }
238 type: "info", 69 }
239 message: "取消编辑",
240 });
241 });
242 },
243 },
244 };
245 </script> 70 </script>
246 71
247 <style lang="scss" scoped> 72 <style lang="scss" scoped>
248 @import "./qlxxCommon.scss"; 73 @import "./qlxxCommon.scss";
249 .title { 74 .title {
250 position: relative; 75 position: relative;
251 .print { 76 .print {
252 // background-color: #0079fe; 77 // background-color: #0079fe;
253 z-index: 10; 78 z-index: 10;
254 position: absolute; 79 position: absolute;
255 left: 11px; 80 left: 11px;
256 top: 5px; 81 top: 5px;
82 }
257 } 83 }
258 }
259 </style> 84 </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-18 13:46:21
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
8 <div v-show="false"> 8 <djbDetail :title="title" :shows="shows" :propsParam="propsParam"
9 <printTemplate 9 :columns="columns" :tableData="tableData" />
10 id="boxyydj"
11 :tableData="tableData"
12 :render="render"
13 />
14 </div>
15 <div class="tableBox">
16 <div class="title">
17 {{ title }}
18 <el-button class="print" v-show="shows" @click="openPrint()"
19 >打印</el-button
20 >
21 <div class="checkbox">
22 <el-checkbox-group v-model="checkList" @change="checkChange">
23 <el-checkbox
24 v-for="item in qsztList"
25 :key="item.value"
26 :label="item.value"
27 >{{ item.label }}</el-checkbox
28 >
29 </el-checkbox-group>
30 </div>
31 </div>
32 <div class="xxTableBox rollTable">
33 <table class="xxTable">
34 <tr v-for="(item, colindex) in columns" :key="colindex">
35 <td>
36 {{ item.label }}
37 </td>
38 <td
39 v-for="(row, index) in tableData"
40 :key="index"
41 :class="[
42 row.qszt == '2' ? 'lishi' : '',
43 row.qszt == '0' ? 'linshi' : '',
44 row.qlzt == '4' ? 'linshi' : '',
45
46 item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '',
47 item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '',
48 item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '',
49 item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '',
50 ]"
51 >
52 <div class="setbut" v-if="item.prop == 'cz'">
53 <el-button
54 type="text"
55 icon="el-icon-edit-outline"
56 @click="editDialog(row)"
57 >编辑</el-button
58 >
59 <el-button
60 type="text"
61 icon="el-icon-edit-outline"
62 @click="editDialog(row, 'D')"
63 >删除</el-button
64 >
65 </div>
66 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'">
67 有效
68 </div>
69 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">
70 正在补录
71 </div>
72 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">
73 正在申请
74 </div>
75 <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">
76 正在注销
77 </div>
78
79 <p v-if="!['djyy', 'fj'].includes(item.prop)">
80 <span v-if="item.prop == 'qszt'">
81 {{ getQsztName(row[item.prop]) }}
82 </span>
83 <span v-else>{{ row[item.prop] }}</span>
84 </p>
85
86 <el-tooltip
87 v-else
88 effect="dark"
89 :content="row[item.prop]"
90 placement="top"
91 popper-class="tooltip-width"
92 >
93 <span class="ellipsis-line">
94 {{ row[item.prop] }}
95 </span>
96 </el-tooltip>
97 </td>
98 <td v-for="count in emptycolNum" :key="~count"></td>
99 </tr>
100 </table>
101 </div>
102 </div>
103 </div> 10 </div>
104 </template> 11 </template>
105 12
106 <script> 13 <script>
107 import { datas } from "./qlxxFormData.js"; 14 import { datas } from "./qlxxFormData.js";
108 import { getYydjList } from "@/api/djbDetail.js"; 15 import { getYydjList } from "@/api/djbDetail.js";
109 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; 16 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
110 import printTemplate from "./components/printTemplate.vue"; 17 import djbDetail from "./components/djbDetail.vue"
111 export default { 18 export default {
112 components: { 19 components: {
113 printTemplate, 20 djbDetail
114 },
115 data() {
116 return {
117 printObj: {
118 id: "box",
119 //其他配置项，
120 },
121 shows: false,
122 title: "异议登记信息",
123 qsztList: datas.columns().qsztList,
124 checkList: datas.columns().checkList,
125 //传递参数
126 propsParam: this.$attrs,
127 //列表数据
128 tableData: [],
129 //空列值个数
130 emptycolNum: datas.columns().emptycolNum,
131 //列名称对象
132 columns: datas.columns().YYDJ,
133 render: false,
134 };
135 },
136 created() {
137 this.loadData();
138 },
139 methods: {
140 openPrint() {
141 this.render = true;
142 setTimeout(() => {
143 this.prinsss();
144 }, 100);
145 }, 21 },
146 prinsss() { 22 data () {
147 printJS({ 23 return {
148 printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 24 shows: false,
149 type: "html", 25 title: "异议登记信息",
150 maxWidth: 800, // 最大宽度 26 //传递参数
151 font_size: "", // 不设置则使用默认字体大小 27 propsParam: this.$attrs,
152 style: `@font-face { 28 //列表数据
153 font-family: "STZHONGS"; 29 tableData: [],
154 src: url(${window.ttf}) format("truetype"); 30 //列名称对象
155 }`, 31 columns: datas.columns().YYDJ,
156 // 继承原来的所有样式 32 render: false,
157 targetStyles: ["*"], 33 };
158 });
159 this.render=false
160 },
161 /**
162 * @description: loadData
163 * @author: miaofang
164 */
165 loadData() {
166 if (this.$parent.addRepairRecord) {
167 this.columns.unshift({
168 prop: "cz",
169 label: "操作",
170 });
171 }
172 getYydjList({
173 bdcdyid: this.propsParam.bdcdyid,
174 qllx: this.propsParam.qllx,
175 qszt: this.checkList,
176 }).then((res) => {
177 if (res.code === 200) {
178 this.tableData = res.result;
179 this.shows = this.tableData.length > 0;
180 this.tableData.forEach((item) => {
181 item.sjlx = getSjlx(item.sjlx);
182 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
183 });
184 if (this.tableData.length < datas.columns().emptycolNum) {
185 this.emptycolNum =
186 datas.columns().emptycolNum - this.tableData.length;
187 } else {
188 this.emptycolNum = 0;
189 }
190 }
191 });
192 }, 34 },
193 /** 35 created () {
194 * @description: checkChange 36 this.loadData();
195 * @author: miaofang
196 */
197 checkChange() {
198 if (this.checkList.length === 0) {
199 this.tableData = [];
200 this.emptycolNum = datas.columns().emptycolNum;
201 } else {
202 this.loadData();
203 }
204 }, 37 },
205 /** 38 methods: {
206 * @description: getQsztName 39 loadData () {
207 * @param {*} code 40 if (this.$parent.addRepairRecord) {
208 * @author: miaofang 41 this.columns.unshift({
209 */ 42 prop: "cz",
210 getQsztName(code) { 43 label: "操作",
211 let name = "";
212 for (let item of this.qsztList) {
213 if (item.value == code) {
214 name = item.label;
215 break;
216 }
217 }
218 return name;
219 },
220 // 新增一条补录信息
221 /**
222 * @description: 新增一条补录信息
223 * @param {*} row
224 * @param {*} del
225 * @author: miaofang
226 */
227 editDialog(row, del) {
228 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
229 confirmButtonText: "确定",
230 cancelButtonText: "取消",
231 type: "warning",
232 })
233 .then(() => {
234 this.$parent.addRepairRecord(row, del);
235
236 this.$message({
237 type: "success",
238 message: "补录成功!",
239 }); 44 });
45 }
46 getYydjList({
47 bdcdyid: this.propsParam.bdcdyid,
48 qllx: this.propsParam.qllx,
49 qszt: this.checkList,
50 }).then((res) => {
51 if (res.code === 200) {
52 this.tableData = res.result;
53 this.shows = this.tableData.length > 0;
54 this.tableData.forEach((item) => {
55 item.sjlx = getSjlx(item.sjlx);
56 item.dybdclx = getDictLeabel(item.dybdclx, "A27");
57 });
58 if (this.tableData.length < datas.columns().emptycolNum) {
59 this.emptycolNum =
60 datas.columns().emptycolNum - this.tableData.length;
61 } else {
62 this.emptycolNum = 0;
63 }
64 }
240 }) 65 })
241 .catch(() => { 66 }
242 this.$message({ 67 }
243 type: "info", 68 }
244 message: "取消编辑",
245 });
246 });
247 },
248 },
249 };
250 </script> 69 </script>
251 70
252 <style lang="scss" scoped> 71 <style lang="scss" scoped>
253 @import "./qlxxCommon.scss"; 72 @import "./qlxxCommon.scss";
254 .title { 73 .title {
255 position: relative; 74 position: relative;
256 .print { 75 .print {
257 // background-color: #0079fe; 76 z-index: 10;
258 z-index: 10; 77 position: absolute;
259 position: absolute; 78 left: 11px;
260 left: 11px; 79 top: 5px;
261 top: 5px; 80 }
262 } 81 }
263 }
264 </style> 82 </style>
......
...@@ -22,14 +22,9 @@ class data extends filter { ...@@ -22,14 +22,9 @@ class data extends filter {
22 ) 22 )
23 } 23 }
24 }, 24 },
25
25 { 26 {
26 prop: "ywh", 27 label: "推送状态",
27 label: "业务号",
28 // width: '110',
29 },
30 {
31 label: "权属状态",
32 // width: '80',
33 render: (h, scope) => { 28 render: (h, scope) => {
34 let obj = { 29 let obj = {
35 "0": { 30 "0": {
...@@ -52,10 +47,38 @@ class data extends filter { ...@@ -52,10 +47,38 @@ class data extends filter {
52 } 47 }
53 }, 48 },
54 { 49 {
50 prop: "ywh",
51 label: "业务号",
52 // width: '110',
53 },
54 {
55 prop: "ywh1",
56 label: "登记业务名称",
57 // width: '110',
58 },
59 {
60 prop: "ywh2",
61 label: "登记情形名称",
62 // width: '110',
63 },
64 {
65 prop: "bdcdyh",
66 label: "不动产单元号",
67 // width: '110',
68 },
69 {
55 prop: "createtime", 70 prop: "createtime",
56 label: "创建时间", 71 label: "创建时间",
57 }, 72 },
58 { 73 {
74 prop: "createtime",
75 label: "推送时间",
76 },
77 {
78 prop: "createtime1",
79 label: "响应时间",
80 },
81 {
59 label: '操作', 82 label: '操作',
60 width: '100', 83 width: '100',
61 render: (h, scope) => { 84 render: (h, scope) => {
......
...@@ -8,51 +8,64 @@ ...@@ -8,51 +8,64 @@
8 <div class="fieldcheck"> 8 <div class="fieldcheck">
9 <div class="left"> 9 <div class="left">
10 <div class="header"> 10 <div class="header">
11 <el-checkbox 11 <div class="headerconcent">
12 class="check" 12 <el-checkbox
13 :indeterminate="isIndeterminate" 13 class="check"
14 v-model="checkAll" 14 :indeterminate="isIndeterminate"
15 @change="handleCheckAllChange">待选合集</el-checkbox> 15 v-model="checkAll"
16 <div class="num">/</div> 16 @change="handleCheckAllChange"
17 >待选合集</el-checkbox
18 >
19 <div class="num">
20 总数{{ cities.length }} 已选{{ datalist.length }}
21 </div>
22 </div>
17 </div> 23 </div>
18 <el-checkbox-group 24 <el-checkbox-group
19 class="concent" 25 class="concent"
20 v-model="checkedCities" 26 v-model="checkedCities"
21 @change="handleCheckedCitiesChange"> 27 @change="handleCheckedCitiesChange"
28 >
22 <el-checkbox 29 <el-checkbox
23 v-for="city in cities" 30 v-for="city in cities"
24 :label="city.name" 31 :label="city.name"
25 :key="city.name">{{ city.despriction }}({{ city.name }})</el-checkbox> 32 :key="city.name"
33 >{{ city.despriction }}({{ city.name }})</el-checkbox
34 >
26 </el-checkbox-group> 35 </el-checkbox-group>
27 </div> 36 </div>
28 <div class="right"> 37 <div class="right">
29 <el-table 38 <el-table
30 class="tablelist" 39 class="tablelist"
31 :data="datalist" 40 :data="datalist"
41 border
32 ref="listTable" 42 ref="listTable"
33 :key="key" 43 :key="key"
34 row-key="name" 44 row-key="name"
35 :pagination="false" 45 :pagination="false"
36 :header-cell-style="{ 'text-align': 'center' }"
37 :heightNumSetting="true" 46 :heightNumSetting="true"
38 :minHeight="150" 47 :minHeight="150"
39 height="590" 48 height="650"
40 style="width: 100%"> 49 style="width: 100%"
50 >
41 <el-table-column label="字段" prop="name" min-width="100"> 51 <el-table-column label="字段" prop="name" min-width="100">
42 </el-table-column> 52 </el-table-column>
43 53
44 <el-table-column 54 <el-table-column
45 label="字段名称" 55 label="字段名称"
46 prop="desprictionor" 56 prop="desprictionor"
47 min-width="100"> 57 min-width="100"
58 >
48 </el-table-column> 59 </el-table-column>
49 <el-table-column label="字段别名" min-width="100"> 60 <el-table-column label="字段别名" min-width="100">
50 <template slot-scope="scope"> 61 <template slot-scope="scope">
51 <el-input 62 <el-input
52 v-model="scope.row.despriction" 63 v-model="scope.row.despriction"
53 placeholder="请输入内容" 64 placeholder="请输入内容"
54 @input="sumTime(scope.$index, scope.row.tdsyqx)"> 65 @input="sumTime(scope.$index, scope.row.tdsyqx)"
55 ></el-input> 66 >
67 ></el-input
68 >
56 </template> 69 </template>
57 </el-table-column> 70 </el-table-column>
58 </el-table> 71 </el-table>
...@@ -66,222 +79,219 @@ ...@@ -66,222 +79,219 @@
66 </template> 79 </template>
67 80
68 <script> 81 <script>
69 import Sortable from 'sortablejs' 82 import Sortable from "sortablejs";
70 import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO"; 83 import { getFieldList, getFieldListByQlxx, save } from "@/api/SysDjbFieldDO";
71 export default { 84 export default {
72 props: { 85 props: {
73 formData: { 86 formData: {
74 type: Object, 87 type: Object,
75 default: () => { }, 88 default: () => {},
76 },
77 }, 89 },
78 data () { 90 },
79 return { 91 data() {
80 checkAll: false, 92 return {
81 sortable: null, 93 checkAll: false,
82 checkedCities: [], 94 sortable: null,
83 cities: [], 95 checkedCities: [],
84 datalist: [], 96 cities: [],
85 tablelist: [], 97 datalist: [],
86 key: 0, 98 tablelist: [],
87 isIndeterminate: true, 99 key: 0,
88 }; 100 isIndeterminate: true,
89 }, 101 };
90 mounted () { 102 },
91 this.generateData() 103 mounted() {
104 this.generateData();
105 },
106 beforeDestroy() {
107 if (this.sortable) {
108 this.sortable.destroy();
109 }
110 },
111 watch: {
112 key: {
113 handler(newName, oldName) {
114 this.initSort();
115 },
92 }, 116 },
93 beforeDestroy () { 117 },
94 if (this.sortable) { 118 methods: {
95 this.sortable.destroy(); 119 changeIndex(array, index1, index2) {
96 } 120 array[index1] = array.splice(index2, 1, array[index1])[0];
97 }, 121 },
98 watch: { 122 initSort() {
99 key: { 123 const el = this.$refs.listTable.$el.querySelectorAll(
100 handler (newName, oldName) { 124 ".el-table__body-wrapper > table > tbody"
101 this.initSort() 125 )[0];
102 } 126 // const sortable = new Sortable(el, options);
103 } 127 // 根据具体需求配置options配置项
128 const sortable = new Sortable(el, {
129 onEnd: (evt) => {
130 // 监听拖动结束事件
131 console.log(this); // this是当前vue上下文
132 console.log(evt.oldIndex); // 当前行的被拖拽前的顺序
133 console.log(evt.newIndex); // 当前行的被拖拽后的顺序
134 // 这里就可以写我们需要传给后台的逻辑代码
135 // 我们有了 evt.oldIndex 和 evt.newIndex 这两个参数做索引，我们可以根据绑定在表格上面的 data 这个 Array 找到两个相应的记录。就可以针对数据进行操作啦。
136 // 下面将拖拽后的顺序进行修改
137 const currRow = this.datalist.splice(evt.oldIndex, 1)[0];
138 this.datalist.splice(evt.newIndex, 0, currRow);
139 },
140 });
104 }, 141 },
105 methods: { 142 /**
106 changeIndex (array, index1, index2) { 143 * @description: 初始数据集
107 array[index1] = array.splice(index2, 1, array[index1])[0]; 144 * @author: renchao
108 }, 145 */
109 initSort () { 146 generateData() {
110 const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0] 147 let that = this;
111 // const sortable = new Sortable(el, options); 148 getFieldList({ qllx: this.formData.qllx }).then((res) => {
112 // 根据具体需求配置options配置项 149 if (res.code === 200) {
113 const sortable = new Sortable(el, { 150 let listss = res.result;
114 onEnd: (evt) => { // 监听拖动结束事件 151 listss.forEach((item, index) => {
115 console.log(this) // this是当前vue上下文 152 that.cities.push({
116 console.log(evt.oldIndex) // 当前行的被拖拽前的顺序 153 name: item.name,
117 console.log(evt.newIndex) // 当前行的被拖拽后的顺序 154 despriction: item.despriction,
118 // 这里就可以写我们需要传给后台的逻辑代码 155 desprictionor: item.despriction,
119 // 我们有了 evt.oldIndex 和 evt.newIndex 这两个参数做索引，我们可以根据绑定在表格上面的 data 这个 Array 找到两个相应的记录。就可以针对数据进行操作啦。
120 // 下面将拖拽后的顺序进行修改
121 const currRow = this.datalist.splice(evt.oldIndex, 1)[0]
122 this.datalist.splice(evt.newIndex, 0, currRow)
123 }
124 })
125 },
126 /**
127 * @description: 初始数据集
128 * @author: renchao
129 */
130 generateData () {
131 let that = this
132 getFieldList({ qllx: this.formData.qllx }).then((res) => {
133 if (res.code === 200) {
134 let listss = res.result;
135 listss.forEach((item, index) => {
136 that.cities.push({
137 name: item.name,
138 despriction: item.despriction,
139 desprictionor: item.despriction,
140 });
141 });
142
143 getFieldListByQlxx({ qllx: this.formData.qllx }).then((res) => {
144 if (res.code === 200) {
145 let listss = res.result;
146 listss.forEach((item, index) => {
147 that.tablelist.push({
148 name: item.name,
149 despriction: item.despriction,
150 desprictionor: item.despriction,
151 });
152 that.$nextTick(() => {
153 that.datalist = this.tablelist
154 that.checkedCities.push(item.name);
155 })
156 })
157 that.initSort()
158 }
159 }); 156 });
160 }
161 });
162 },
163 handleCheckAllChange (val) {
164 let checkedlist = []
165 let orlist = []
166 checkedlist = val ? this.cities : [];
167 this.isIndeterminate = false;
168 console.log("this.checkedCities", this.checkedCities);
169 let lists = [];
170 this.cities.forEach((item, index) => {
171
172 checkedlist.forEach((el) => {
173 orlist.push(el.name)
174 if (item.name == el.name) {
175 lists.push(this.cities[index]);
176 }
177 }); 157 });
178 }); 158
179 this.checkedCities = orlist 159 getFieldListByQlxx({ qllx: this.formData.qllx }).then((res) => {
180 this.datalist = lists; 160 if (res.code === 200) {
181 // 其他排序逻辑 161 let listss = res.result;
182 this.initSort() 162 listss.forEach((item, index) => {
183 }, 163 that.tablelist.push({
184 handleCheckedCitiesChange (value) { 164 name: item.name,
185 console.log("value", value, this.checkedCities); 165 despriction: item.despriction,
186 let checkedCount = value.length; 166 desprictionor: item.despriction,
187 this.checkAll = checkedCount === this.cities.length; 167 });
188 this.isIndeterminate = 168 that.$nextTick(() => {
189 checkedCount > 0 && checkedCount < this.cities.length; 169 that.datalist = this.tablelist;
190 let lists = []; 170 that.checkedCities.push(item.name);
191 this.cities.forEach((item, index) => { 171 });
192 this.checkedCities.forEach((el) => { 172 });
193 if (item.name == el) { 173 that.initSort();
194 console.log("1");
195 lists.push(this.cities[index]);
196 } 174 }
197 }); 175 });
176 }
177 });
178 },
179 handleCheckAllChange(val) {
180 let checkedlist = [];
181 let orlist = [];
182 checkedlist = val ? this.cities : [];
183 this.isIndeterminate = false;
184 console.log("this.checkedCities", this.checkedCities);
185 let lists = [];
186 this.cities.forEach((item, index) => {
187 checkedlist.forEach((el) => {
188 orlist.push(el.name);
189 if (item.name == el.name) {
190 lists.push(this.cities[index]);
191 }
198 }); 192 });
199 this.datalist = lists; 193 });
200 // 其他排序逻辑 194 this.checkedCities = orlist;
201 this.initSort() 195 this.datalist = lists;
202 }, 196 // 其他排序逻辑
203 submitForm () { 197 this.initSort();
204 save(this.formData.bsmMb, this.datalist).then((res) => { 198 },
205 if (res.code == 200) { 199 handleCheckedCitiesChange(value) {
206 this.$popupCacel(); 200 console.log("value", value, this.checkedCities);
207 this.$message({ 201 let checkedCount = value.length;
208 message: "保存成功", 202 this.checkAll = checkedCount === this.cities.length;
209 type: "success", 203 this.isIndeterminate =
210 }); 204 checkedCount > 0 && checkedCount < this.cities.length;
211 } else { 205 let lists = [];
212 this.$message({ 206 this.cities.forEach((item, index) => {
213 message: "保存失败", 207 this.checkedCities.forEach((el) => {
214 type: "error", 208 if (item.name == el) {
215 }); 209 lists.push(this.cities[index]);
216 } 210 }
217 }); 211 });
218 }, 212 });
213 this.datalist = lists;
214 // 其他排序逻辑
215 this.initSort();
216 },
217 submitForm() {
218 save(this.formData.bsmMb, this.datalist).then((res) => {
219 if (res.code == 200) {
220 this.$popupCacel();
221 this.$message({
222 message: "保存成功",
223 type: "success",
224 });
225 } else {
226 this.$message({
227 message: "保存失败",
228 type: "error",
229 });
230 }
231 });
219 }, 232 },
220 }; 233 },
234 };
221 </script> 235 </script>
222 <style scoped lang="scss"> 236 <style scoped lang="scss">
223 @import "~@/styles/mixin.scss"; 237 @import "~@/styles/mixin.scss";
224 @import "~@/styles/dialogBoxheader.scss"; 238 @import "~@/styles/dialogBoxheader.scss";
225 .fieldcheck { 239 .fieldcheck {
226 width: 100%; 240 width: 100%;
241 height: 650px;
242 display: flex;
243 justify-content: space-between;
244 .left,
245 .right {
246 width: 49%;
227 height: 650px; 247 height: 650px;
228 display: flex; 248 border: 1px solid rgb(230, 230, 230);
229 justify-content: space-between; 249 }
230 .left, 250 .left {
231 .right { 251 .header {
232 width: 47%; 252 width: 100%;
233 height: 650px; 253 height: 50px;
234 border: 1px solid rgb(230, 230, 230); 254 background-color: rgba(243, 242, 242, 0.897);
235 } 255 .headerconcent {
236 .left { 256 width: 90%;
237 .header {
238 width: 100%;
239 height: 50px; 257 height: 50px;
258 margin: auto;
240 line-height: 50px; 259 line-height: 50px;
241 background-color: rgba(243, 242, 242, 0.897);
242 display: flex; 260 display: flex;
243 justify-content: space-around; 261 justify-content: space-between;
244 align-items:center .check { 262 align-items: center;
245 height: 20px;
246 margin: auto;
247 }
248 .num {
249 height: 20px;
250 }
251 }
252 .concent {
253 padding: 10px;
254 width: 100%;
255 display: inline-block;
256 padding-left: 20px;
257 overflow-x: hidden;
258 height: 600px;
259 .el-checkbox {
260 width: 100%;
261 padding: 10px;
262 }
263 .el-checkbox:hover {
264 padding: 10px;
265 background-color: rgba(243, 242, 242, 0.897);
266 }
267 } 263 }
268 } 264 }
269 .right { 265 .concent {
270 .header { 266 padding: 10px;
267 width: 100%;
268 display: inline-block;
269 padding-left: 20px;
270 overflow-x: hidden;
271 height: 600px;
272 .el-checkbox {
271 width: 100%; 273 width: 100%;
272 height: 50px; 274 padding: 10px;
273 line-height: 50px;
274 background-color: rgba(243, 242, 242, 0.897);
275 } 275 }
276 .tablelist { 276 .el-checkbox:hover {
277 margin-top: 10px; 277 padding: 10px;
278 height: 680px; 278 background-color: rgba(243, 242, 242, 0.897);
279 } 279 }
280 } 280 }
281 } 281 }
282 .btn { 282 .right {
283 margin-top: 10px; 283 .header {
284 width: 100%; 284 width: 100%;
285 text-align: center; 285 height: 50px;
286 line-height: 50px;
287 background-color: rgba(243, 242, 242, 0.897);
288 }
289
286 } 290 }
291 }
292 .btn {
293 margin-top: 10px;
294 width: 100%;
295 text-align: center;
296 }
287 </style> 297 </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: '取消',
......
1 <!-- 1 <!--
2 * @Description: workFrame左侧菜单列表-普通 2 * @Description: workFrame左侧菜单列表-普通
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 14:21:14 4 * @LastEditTime: 2023-09-18 11:00:38
5 --> 5 -->
6 <template> 6 <template>
7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......
1 <!-- 1 <!--
2 * @Description: workFrame左侧菜单列表-分割 2 * @Description: workFrame左侧菜单列表-分割
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 13:32:29 4 * @LastEditTime: 2023-09-15 15:02:25
5 --> 5 -->
6 <template> 6 <template>
7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
...@@ -61,10 +61,6 @@ ...@@ -61,10 +61,6 @@
61 export default { 61 export default {
62 data () { 62 data () {
63 return { 63 return {
64 //受理申请标识码
65 bsmSlsq: this.$route.query.bsmSlsq,
66 //当前流程所在环节
67 bestepid: this.$route.query.bestepid,
68 // 变更前单元默认选中 64 // 变更前单元默认选中
69 activeIndex: '0', 65 activeIndex: '0',
70 // 变更后单元默认选中 66 // 变更后单元默认选中
...@@ -105,13 +101,11 @@ ...@@ -105,13 +101,11 @@
105 loadBdcdylist () { 101 loadBdcdylist () {
106 let that = this 102 let that = this
107 var formdata = new FormData(); 103 var formdata = new FormData();
108 formdata.append("bsmSlsq", this.bsmSlsq); 104 // 受理申请标识码
109 if (this.$route.query.bestepid) { 105 formdata.append("bsmSlsq", this.paramData.bsmSlsq);
110 formdata.append("bestepid", this.bestepid); 106 // 当前流程所在环节
111 } 107 formdata.append("bestepid", this.paramData.bestepid);
112 if (this.$route.query.bsmBusiness) { 108 formdata.append("bsmBusiness", this.paramData.bsmBusiness);
113 formdata.append("bsmBusiness", this.$route.query.bsmBusiness);
114 }
115 if (this.$route.query.type == 'jdcx') { 109 if (this.$route.query.type == 'jdcx') {
116 jdcxLeftMenu(formdata).then((res) => { 110 jdcxLeftMenu(formdata).then((res) => {
117 if (res.code === 200 && res.result) { 111 if (res.code === 200 && res.result) {
...@@ -152,7 +146,6 @@ ...@@ -152,7 +146,6 @@
152 }) 146 })
153 } 147 }
154 }, 148 },
155 //批量按钮判断
156 /** 149 /**
157 * @description: 批量按钮判断 150 * @description: 批量按钮判断
158 * @author: renchao 151 * @author: renchao
...@@ -202,9 +195,9 @@ ...@@ -202,9 +195,9 @@
202 .catch(() => { 195 .catch(() => {
203 this.$message({ 196 this.$message({
204 type: "info", 197 type: "info",
205 message: "已取消删除", 198 message: "已取消删除"
206 }); 199 })
207 }); 200 })
208 }, 201 },
209 /** 202 /**
210 * @description: 批量按钮点击事件 203 * @description: 批量按钮点击事件
...@@ -214,7 +207,6 @@ ...@@ -214,7 +207,6 @@
214 this.currentSelectProps.batchOperation = true; 207 this.currentSelectProps.batchOperation = true;
215 // this.activeIndex = "-1"; 208 // this.activeIndex = "-1";
216 this.$parent.stepForm(0); 209 this.$parent.stepForm(0);
217
218 }, 210 },
219 /** 211 /**
220 * @description: 申请单元点击事件 212 * @description: 申请单元点击事件
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-06 15:20:16 4 * @LastEditTime: 2023-09-14 17:19:26
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx sdqxx"> 7 <div class="slxx sdqxx">
...@@ -119,10 +119,6 @@ ...@@ -119,10 +119,6 @@
119 formdata.append("bsmSldy", this.propsParam.bsmSldy); 119 formdata.append("bsmSldy", this.propsParam.bsmSldy);
120 formdata.append("djlx", this.propsParam.djlx); 120 formdata.append("djlx", this.propsParam.djlx);
121 formdata.append("isEdit", this.viewEdit); 121 formdata.append("isEdit", this.viewEdit);
122 // Init(formdata).then((res) => {
123 // if (res.code === 200 && res.result) {
124 // }
125 // });
126 }, 122 },
127 data () { 123 data () {
128 return { 124 return {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-14 16:06:51 4 * @LastEditTime: 2023-09-18 14:06:16
5 --> 5 -->
6 <template> 6 <template>
7 <div style="width:90%;height:100%;"> 7 <div style="width:100%;height:100%;">
8 <canvas id="mxcad" style="width:90%;height:80%; position: relative;top:0"> 8 <canvas id="mxcad" style="width:100%;height:100%; position: relative;top:0">
9 </canvas> 9 </canvas>
10 </div> 10 </div>
11 </template> 11 </template>
......
...@@ -3,14 +3,12 @@ ...@@ -3,14 +3,12 @@
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 09:41:27 4 * @LastEditTime: 2023-09-12 09:41:27
5 */ 5 */
6 //流程环节操作按钮
7 /** 6 /**
8 * @description: 流程环节操作按钮 7 * @description: 流程环节操作按钮
9 * @param {*} tabName 8 * @param {*} tabName
10 * @param {*} djywbm
11 * @author: renchao 9 * @author: renchao
12 */ 10 */
13 export function getForm (tabName, djywbm) { 11 export function getForm (tabName) {
14 let form; 12 let form;
15 switch (tabName) { 13 switch (tabName) {
16 case "tdsyqslxx": 14 case "tdsyqslxx":
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-31 09:35:49 4 * @LastEditTime: 2023-09-18 11:11:19
5 */ 5 */
6 import { getPrintTemplateByCode } from "@/api/print"; 6 import { getPrintTemplateByCode } from "@/api/print";
7 import { uploadUndo } from "@/api/clxx"; 7 import { uploadUndo } from "@/api/clxx";
...@@ -68,7 +68,6 @@ export default { ...@@ -68,7 +68,6 @@ export default {
68 } 68 }
69 }) 69 })
70 }, 70 },
71 //流程环节操作按钮
72 /** 71 /**
73 * @description: 流程环节操作按钮 72 * @description: 流程环节操作按钮
74 * @param {*} item 73 * @param {*} item
...@@ -239,8 +238,8 @@ export default { ...@@ -239,8 +238,8 @@ export default {
239 }) 238 })
240 }) 239 })
241 break; 240 break;
242 case "B10": 241 case "B10":
243 break; 242 break;
244 case "rm": 243 case "rm":
245 this.del() 244 this.del()
246 break; 245 break;
...@@ -279,7 +278,6 @@ export default { ...@@ -279,7 +278,6 @@ export default {
279 }); 278 });
280 }); 279 });
281 }, 280 },
282 //发送下一个环节
283 /** 281 /**
284 * @description: 发送下一个环节 282 * @description: 发送下一个环节
285 * @param {*} obj 283 * @param {*} obj
...@@ -292,7 +290,6 @@ export default { ...@@ -292,7 +290,6 @@ export default {
292 tabList: this.tabList 290 tabList: this.tabList
293 }, '800px', true) 291 }, '800px', true)
294 }, 292 },
295 //转出最后一个流程
296 /** 293 /**
297 * @description: 转出最后一个流程 294 * @description: 转出最后一个流程
298 * @param {*} obj 295 * @param {*} obj
...@@ -305,7 +302,6 @@ export default { ...@@ -305,7 +302,6 @@ export default {
305 tabList: this.tabList 302 tabList: this.tabList
306 }, '800px', true) 303 }, '800px', true)
307 }, 304 },
308 //批量操作
309 /** 305 /**
310 * @description: 批量操作 306 * @description: 批量操作
311 * @author: renchao 307 * @author: renchao
...@@ -337,7 +333,6 @@ export default { ...@@ -337,7 +333,6 @@ export default {
337 } 333 }
338 }) 334 })
339 }, 335 },
340 // 上传
341 /** 336 /**
342 * @description: 上传 337 * @description: 上传
343 * @param {*} file 338 * @param {*} file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 14:00:22 4 * @LastEditTime: 2023-09-18 14:52:46
5 --> 5 -->
6 <template> 6 <template>
7 <div class="container"> 7 <div class="container">
...@@ -38,8 +38,7 @@ ...@@ -38,8 +38,7 @@
38 <!-- 内容框架 --> 38 <!-- 内容框架 -->
39 <div class="containerFrame"> 39 <div class="containerFrame">
40 <!-- 左侧菜单栏 区分业务--> 40 <!-- 左侧菜单栏 区分业务-->
41 <segmentMenu 41 <segmentMenu v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
42 v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
43 @getCurrentSelectProps="getCurrentSelectProps" /> 42 @getCurrentSelectProps="getCurrentSelectProps" />
44 <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> 43 <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
45 <div class="leftCon"> 44 <div class="leftCon">
...@@ -51,7 +50,7 @@ ...@@ -51,7 +50,7 @@
51 <div class="rightContainer"> 50 <div class="rightContainer">
52 <div class="count"> 51 <div class="count">
53 当前流程所在环节: 52 当前流程所在环节:
54 <span>{{ this.zbhj }}</span> 53 <span>{{ $route.query.zbhj }}</span>
55 </div> 54 </div>
56 <el-tabs 55 <el-tabs
57 v-model="tabName" 56 v-model="tabName"
...@@ -68,7 +67,6 @@ ...@@ -68,7 +67,6 @@
68 <div v-if="shows"> 67 <div v-if="shows">
69 <receipt :Receiptdata="Receiptdata" id="boxaaa" /> 68 <receipt :Receiptdata="Receiptdata" id="boxaaa" />
70 </div> 69 </div>
71
72 </div> 70 </div>
73 <component 71 <component
74 :key="fresh" 72 :key="fresh"
...@@ -132,11 +130,6 @@ ...@@ -132,11 +130,6 @@
132 mixins: [WorkFlow, publicFlow], 130 mixins: [WorkFlow, publicFlow],
133 data () { 131 data () {
134 return { 132 return {
135 // printObj: {
136 // id: "box",
137 // preview: true,
138 // },
139 isDialog: false,
140 //受理申请标识码 133 //受理申请标识码
141 bsmSlsq: this.$route.query.bsmSlsq, 134 bsmSlsq: this.$route.query.bsmSlsq,
142 //当前流程所在环节 135 //当前流程所在环节
...@@ -166,7 +159,7 @@ ...@@ -166,7 +159,7 @@
166 bsmZd: "", 159 bsmZd: "",
167 Receiptdata: {}, 160 Receiptdata: {},
168 shows: false 161 shows: false
169 }; 162 }
170 }, 163 },
171 mounted () { 164 mounted () {
172 this.$store.dispatch("user/refreshPage", false); 165 this.$store.dispatch("user/refreshPage", false);
...@@ -185,7 +178,7 @@ ...@@ -185,7 +178,7 @@
185 // 获取打印回执数据 178 // 获取打印回执数据
186 var formdata = new FormData(); 179 var formdata = new FormData();
187 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); 180 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
188 formdata.append("bsmSlsq", this.bsmSlsq); 181 formdata.append("bsmSlsq", this.paramData.bsmSlsq);
189 formdata.append("djlx", this.currentSelectProps.djlx); 182 formdata.append("djlx", this.currentSelectProps.djlx);
190 BatchInit(formdata).then((res) => { 183 BatchInit(formdata).then((res) => {
191 if (res.code === 200 && res.result) { 184 if (res.code === 200 && res.result) {
...@@ -194,6 +187,8 @@ ...@@ -194,6 +187,8 @@
194 setTimeout(() => { 187 setTimeout(() => {
195 this.prinsss() 188 this.prinsss()
196 }, 100) 189 }, 100)
190 } else {
191 this.$message.error(res.message)
197 } 192 }
198 }) 193 })
199 }, 194 },
...@@ -209,7 +204,7 @@ ...@@ -209,7 +204,7 @@
209 }`, 204 }`,
210 // 继承原来的所有样式 205 // 继承原来的所有样式
211 targetStyles: ["*"] 206 targetStyles: ["*"]
212 }); 207 })
213 }, 208 },
214 /** 209 /**
215 * @description: getCurrentSelectProps 210 * @description: getCurrentSelectProps
...@@ -217,7 +212,7 @@ ...@@ -217,7 +212,7 @@
217 * @author: renchao 212 * @author: renchao
218 */ 213 */
219 getCurrentSelectProps (val) { 214 getCurrentSelectProps (val) {
220 this.currentSelectProps = val; 215 this.currentSelectProps = val
221 }, 216 },
222 /** 217 /**
223 * @description: beforeunloadHandler 218 * @description: beforeunloadHandler
...@@ -236,7 +231,7 @@ ...@@ -236,7 +231,7 @@
236 //判断是窗口关闭还是刷新 231 //判断是窗口关闭还是刷新
237 if (this._gap_time <= 10) { 232 if (this._gap_time <= 10) {
238 //取消认领 233 //取消认领
239 unClaimTask(this.bsmSlsq, this.bestepid); 234 unClaimTask(this.paramData.bsmSlsq, this.paramData.bestepid)
240 } 235 }
241 }, 236 },
242 /** 237 /**
...@@ -247,7 +242,6 @@ ...@@ -247,7 +242,6 @@
247 stepForm (index) { 242 stepForm (index) {
248 getStepFormInfo(this.currentSelectProps).then((res) => { 243 getStepFormInfo(this.currentSelectProps).then((res) => {
249 if (res.code === 200) { 244 if (res.code === 200) {
250 // this.fresh++;
251 //获取单元对应的所有表单信息 245 //获取单元对应的所有表单信息
252 this.tabList = res.result; 246 this.tabList = res.result;
253 //默认加载第一个表单信息 247 //默认加载第一个表单信息
...@@ -268,37 +262,14 @@ ...@@ -268,37 +262,14 @@
268 262
269 this.tabList.forEach(function (item, index) { 263 this.tabList.forEach(function (item, index) {
270 if (item.value == "clxx") { 264 if (item.value == "clxx") {
271 that.clxxIndex = index; 265 that.clxxIndex = index
272 that.clxxForm = getForm(item.value, that.$route.query.sqywbm); 266 that.clxxForm = getForm(item.value)
273 that.clxxTab = item; 267 that.clxxTab = item
274 } 268 }
275 }); 269 })
276 } 270 }
277 } 271 }
278 }); 272 })
279 },
280
281 /**
282 * @description: openDialog
283 * @author: renchao
284 */
285 openDialog () {
286 this.$store.dispatch("user/refreshPage", false);
287 let data = JSON.parse(localStorage.getItem("ywbl"));
288 let title;
289 if (data?.sqywmc) {
290 title = "申请业务：" + data?.sqywmc;
291 } else {
292 title = "申请业务：" + data?.djywmc;
293 }
294
295 this.$popupDialog(
296 title,
297 "ywbl/ywsq/selectBdc",
298 { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
299 "80%",
300 true
301 );
302 }, 273 },
303 /** 274 /**
304 * @description: 右侧表单选项卡事件 275 * @description: 右侧表单选项卡事件
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 16:15:46 4 * @LastEditTime: 2023-09-18 11:13:06
5 --> 5 -->
6 <template> 6 <template>
7 <div class="container"> 7 <div class="container">
...@@ -69,16 +69,16 @@ ...@@ -69,16 +69,16 @@
69 }, 69 },
70 data () { 70 data () {
71 return { 71 return {
72 //受理申请标识码
73 bsmSlsq: this.$route.query.bsmSlsq,
74 //当前流程所在环节
75 bestepid: this.$route.query.bestepid,
72 // 流程图 76 // 流程图
73 imgSrc: "", 77 imgSrc: "",
74 // 折叠 78 // 折叠
75 isShowdrawer: true, 79 isShowdrawer: true,
76 // 默认选中 80 // 默认选中
77 activeIndex: "0", 81 activeIndex: "0",
78 //受理申请标识码
79 bsmSlsq: this.$route.query.bsmSlsq,
80 //当前流程所在环节
81 bestepid: this.$route.query.bestepid,
82 // 判断类型 82 // 判断类型
83 type: "READ_ONLY", 83 type: "READ_ONLY",
84 //设置那个表单选中 84 //设置那个表单选中
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
99 //材料信息选择卡索引 99 //材料信息选择卡索引
100 clxxIndex: "", 100 clxxIndex: "",
101 //材料信息选项卡对象 101 //材料信息选项卡对象
102 clxxTab: {}, 102 clxxTab: {}
103 }; 103 };
104 }, 104 },
105 methods: { 105 methods: {
...@@ -111,7 +111,6 @@ ...@@ -111,7 +111,6 @@
111 getCurrentSelectProps (val) { 111 getCurrentSelectProps (val) {
112 this.currentSelectProps = val 112 this.currentSelectProps = val
113 }, 113 },
114 //申请单元点击事件
115 /** 114 /**
116 * @description: 申请单元点击事件 115 * @description: 申请单元点击事件
117 * @param {*} index 116 * @param {*} index
...@@ -121,17 +120,18 @@ ...@@ -121,17 +120,18 @@
121 this.currentSelectProps.type = "READ_ONLY" 120 this.currentSelectProps.type = "READ_ONLY"
122 getStepFormInfo(this.currentSelectProps).then((res) => { 121 getStepFormInfo(this.currentSelectProps).then((res) => {
123 if (res.code === 200) { 122 if (res.code === 200) {
124 this.fresh++;
125 //获取单元对应的所有表单信息 123 //获取单元对应的所有表单信息
126 this.tabList = res.result; 124 this.tabList = res.result;
127 //默认加载第一个表单信息 125 //默认加载第一个表单信息
128 //默认加载第一个表单信息
129 let arr = res.result.filter(item => item.defaultForm) 126 let arr = res.result.filter(item => item.defaultForm)
130 if (arr.length > 0) { 127 if (arr.length > 0) {
131 this.tabName = arr[0].value; 128 this.tabName = arr[0].value;
132 } else { 129 } else {
133 this.tabName = res.result[0].value; 130 this.tabName = res.result[0].value;
134 } 131 }
132 if (sessionStorage.getItem('activeName') == this.tabName) {
133 this.fresh++;
134 }
135 this.ableOperation = this.tabList[0].ableOperation 135 this.ableOperation = this.tabList[0].ableOperation
136 //批量操作无分屏按钮 136 //批量操作无分屏按钮
137 if (index != null) { 137 if (index != null) {
...@@ -139,29 +139,28 @@ ...@@ -139,29 +139,28 @@
139 let that = this; 139 let that = this;
140 this.tabList.forEach(function (item, index) { 140 this.tabList.forEach(function (item, index) {
141 if (item.value == "clxx") { 141 if (item.value == "clxx") {
142 that.clxxIndex = index; 142 that.clxxIndex = index
143 that.clxxForm = getForm(item.value, that.$route.query.sqywbm); 143 that.clxxForm = getForm(item.value)
144 that.clxxTab = item; 144 that.clxxTab = item
145 } 145 }
146 }) 146 })
147 } 147 }
148 } 148 }
149 }) 149 })
150 }, 150 },
151 //选项卡切换事件 151 /**
152 /** 152 * @description: 右侧表单选项卡事件
153 * @description: 右侧表单选项卡事件 153 * @param {*} handleClick
154 * @param {*} handleClick 154 * @author: renchao
155 * @author: renchao 155 */
156 */ 156 handleClick (a) {
157 handleClick(a) { 157 let p = Object.keys(this.tabList[0]).filter(
158 let p = Object.keys(this.tabList[0]).filter( 158 (item) => item == "ableOperation"
159 (item) => item == "ableOperation" 159 );
160 ); 160 if (p) {
161 if (p) { 161 this.ableOperation = this.tabList[a.index].ableOperation;
162 this.ableOperation = this.tabList[a.index].ableOperation; 162 }
163 } 163 }
164 },
165 } 164 }
166 } 165 }
167 </script> 166 </script>
......
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
197 } 197 }
198 }) 198 })
199 if (this.formData.isAdd != 1) { 199 if (this.formData.isAdd != 1) {
200 store.dispatch('user/reWorkFresh', false) 200 store.dispatch("user/refreshPage", false);
201 update(this.ruleForm).then(res => { 201 update(this.ruleForm).then(res => {
202 if (res.code == 200) { 202 if (res.code == 200) {
203 this.$message.success('保存成功') 203 this.$message.success('保存成功')
...@@ -206,7 +206,7 @@ ...@@ -206,7 +206,7 @@
206 this.resetTableFields(); 206 this.resetTableFields();
207 this.closeDialog(); 207 this.closeDialog();
208 //刷新列表 208 //刷新列表
209 store.dispatch('user/reWorkFresh', true) 209 store.dispatch("user/refreshPage", true);
210 } else { 210 } else {
211 this.$message.error(res.message); 211 this.$message.error(res.message);
212 } 212 }
...@@ -214,7 +214,7 @@ ...@@ -214,7 +214,7 @@
214 } else { 214 } else {
215 that.$refs['ruleForm'].validate((valid) => { 215 that.$refs['ruleForm'].validate((valid) => {
216 if (valid) { 216 if (valid) {
217 store.dispatch('user/reWorkFresh', false) 217 store.dispatch("user/refreshPage", false);
218 addQy(this.ruleForm).then(res => { 218 addQy(this.ruleForm).then(res => {
219 if (res.code == 200) { 219 if (res.code == 200) {
220 that.$message.success('保存成功') 220 that.$message.success('保存成功')
...@@ -223,7 +223,7 @@ ...@@ -223,7 +223,7 @@
223 that.resetTableFields(); 223 that.resetTableFields();
224 that.closeDialog(); 224 that.closeDialog();
225 //刷新列表 225 //刷新列表
226 store.dispatch('user/reWorkFresh', true) 226 store.dispatch("user/refreshPage", true);
227 } else { 227 } else {
228 that.$message.error(res.message); 228 that.$message.error(res.message);
229 } 229 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-07 15:04:46 4 * @LastEditTime: 2023-09-15 15:50:26
5 --> 5 -->
6 <template> 6 <template>
7 <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit" 7 <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
...@@ -24,6 +24,13 @@ ...@@ -24,6 +24,13 @@
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 </el-row> 26 </el-row>
27 <el-row :gutter="20">
28 <el-col :span="24">
29 <el-form-item label="材料编码" prop="clbm">
30 <el-input v-model="ruleForm.clbm"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
27 </el-form> 34 </el-form>
28 </dialogBox> 35 </dialogBox>
29 </template> 36 </template>
...@@ -40,6 +47,7 @@ ...@@ -40,6 +47,7 @@
40 ruleForm: { 47 ruleForm: {
41 cllx: "", 48 cllx: "",
42 clmc: "", 49 clmc: "",
50 clbm: ""
43 }, 51 },
44 rules: { 52 rules: {
45 cllx: [ 53 cllx: [
...@@ -47,7 +55,10 @@ ...@@ -47,7 +55,10 @@
47 ], 55 ],
48 clmc: [ 56 clmc: [
49 { required: true, message: '请输入材料名称', trigger: 'blur' } 57 { required: true, message: '请输入材料名称', trigger: 'blur' }
50 ] 58 ],
59 clbm: [
60 { required: true, message: '请输入材料编码', trigger: 'blur' }
61 ],
51 } 62 }
52 } 63 }
53 }, 64 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-14 11:14:54 4 * @LastEditTime: 2023-09-15 15:38:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clmlmx-box"> 7 <div class="clmlmx-box">
...@@ -37,8 +37,15 @@ ...@@ -37,8 +37,15 @@
37 label: "材料名称", 37 label: "材料名称",
38 render: (h, scope) => { 38 render: (h, scope) => {
39 return ( 39 return (
40 (scope.row.sfxjcl == '1') ? 40 <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
41 <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input> : <span>{scope.row.clmc}</span> 41 )
42 }
43 },
44 {
45 label: "材料编码",
46 render: (h, scope) => {
47 return (
48 <el-input value={scope.row.clbm} onInput={(val) => { scope.row.clbm = val }}></el-input>
42 ) 49 )
43 } 50 }
44 }, 51 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-14 14:23:19 4 * @LastEditTime: 2023-09-15 15:54:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -289,7 +289,7 @@ ...@@ -289,7 +289,7 @@
289 ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", { 289 ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", {
290 data: this.tableData, 290 data: this.tableData,
291 bsmCompany: this.formData.bsmCompany 291 bsmCompany: this.formData.bsmCompany
292 }, "60%", true, false) 292 }, "50%", true, false)
293 }, 293 },
294 //设置tableData 294 //设置tableData
295 setTableData (tableData) { 295 setTableData (tableData) {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-14 11:11:10 4 * @LastEditTime: 2023-09-15 15:41:36
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -39,6 +39,7 @@ ...@@ -39,6 +39,7 @@
39 </div> 39 </div>
40 </template> 40 </template>
41 <script> 41 <script>
42 import { mapGetters } from 'vuex'
42 import table from "@/utils/mixin/table" 43 import table from "@/utils/mixin/table"
43 import { datas, sendThis } from "./data" 44 import { datas, sendThis } from "./data"
44 import { queryQyByPage, addQy, remove } from "@/api/xxba.js"; 45 import { queryQyByPage, addQy, remove } from "@/api/xxba.js";
...@@ -65,6 +66,17 @@ ...@@ -65,6 +66,17 @@
65 }, 66 },
66 }; 67 };
67 }, 68 },
69 computed: {
70 ...mapGetters(['isRefresh'])
71 },
72 watch: {
73 isRefresh: {
74 handler (newVal, oldVal) {
75 if (newVal) this.queryClick()
76 },
77 immediate: true
78 }
79 },
68 methods: { 80 methods: {
69 /** 81 /**
70 * @description: queryClick 82 * @description: queryClick
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-07 14:30:50 4 * @LastEditTime: 2023-09-15 15:47:37
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -59,7 +59,6 @@ ...@@ -59,7 +59,6 @@
59 watch: { 59 watch: {
60 workFresh: { 60 workFresh: {
61 handler (newVal, oldVal) { 61 handler (newVal, oldVal) {
62 console.log(newVal, 'newVal');
63 if (newVal) this.queryClick() 62 if (newVal) this.queryClick()
64 } 63 }
65 } 64 }
...@@ -138,6 +137,9 @@ ...@@ -138,6 +137,9 @@
138 message: '已取消删除' 137 message: '已取消删除'
139 }) 138 })
140 }) 139 })
140 },
141 handleEdit (row) {
142 this.$popupDialog("编辑企业", "xxba/components/addDialog", { isAdd: 2, ...row }, "75%")
141 } 143 }
142 } 144 }
143 } 145 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 13:39:20 4 * @LastEditTime: 2023-09-15 16:30:47
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -264,7 +264,7 @@ ...@@ -264,7 +264,7 @@
264 this.$confirm("确定要删除吗, 是否继续?", "提示", { 264 this.$confirm("确定要删除吗, 是否继续?", "提示", {
265 confirmButtonText: "确定", 265 confirmButtonText: "确定",
266 cancelButtonText: "取消", 266 cancelButtonText: "取消",
267 type: "warning", 267 type: "warning"
268 }) 268 })
269 .then(() => { 269 .then(() => {
270 deleteFlow(formdata).then((res) => { 270 deleteFlow(formdata).then((res) => {
...@@ -274,18 +274,18 @@ ...@@ -274,18 +274,18 @@
274 type: "success", 274 type: "success",
275 message: "删除成功!", 275 message: "删除成功!",
276 }); 276 });
277 this.queryClick(); 277 this.queryClick()
278 } else { 278 } else {
279 this.$message.error(res.message); 279 this.$message.error(res.message)
280 } 280 }
281 }); 281 });
282 }) 282 })
283 .catch(() => { 283 .catch(() => {
284 this.$message({ 284 this.$message({
285 type: "info", 285 type: "info",
286 message: "已取消删除", 286 message: "已取消删除"
287 }); 287 })
288 }); 288 })
289 }, 289 },
290 /** 290 /**
291 * @description: ywhClick 291 * @description: ywhClick
...@@ -328,7 +328,6 @@ ...@@ -328,7 +328,6 @@
328 ); 328 );
329 window.open(href, `workFrame${item.bsmSlsq}`); 329 window.open(href, `workFrame${item.bsmSlsq}`);
330 } 330 }
331
332 localStorage.setItem("ywbl", JSON.stringify(item)); 331 localStorage.setItem("ywbl", JSON.stringify(item));
333 332
334 //从待办箱进入的调取任务领取接口 333 //从待办箱进入的调取任务领取接口
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 09:50:02 4 * @LastEditTime: 2023-09-14 17:19:40
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -310,6 +310,8 @@ ...@@ -310,6 +310,8 @@
310 Init(formdata).then((res) => { 310 Init(formdata).then((res) => {
311 if (res.code === 200 && res.result) { 311 if (res.code === 200 && res.result) {
312 this.ruleForm = res.result; 312 this.ruleForm = res.result;
313 } else {
314 this.$message.error(res.message);
313 } 315 }
314 }); 316 });
315 }, 317 },
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 09:59:18 4 * @LastEditTime: 2023-09-14 17:19:58
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -365,6 +365,7 @@ ...@@ -365,6 +365,7 @@
365 import { mapGetters } from "vuex"; 365 import { mapGetters } from "vuex";
366 export default { 366 export default {
367 mounted () { 367 mounted () {
368 let that = this
368 this.loading = true 369 this.loading = true
369 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 370 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
370 this.propsParam = this.$attrs; 371 this.propsParam = this.$attrs;
...@@ -381,14 +382,16 @@ ...@@ -381,14 +382,16 @@
381 this.loading = false 382 this.loading = false
382 }, 200) 383 }, 200)
383 if (res.code === 200 && res.result) { 384 if (res.code === 200 && res.result) {
384 this.ruleForm = res.result; 385 that.ruleForm = res.result;
385 this.czrOptions = this.ruleForm.qlrList; 386 that.czrOptions = this.ruleForm.qlrList;
387 that.ruleForm.qlrList.forEach((item) => {
388 if (item.sfczr == 1) {
389 that.czr = item.zjh
390 }
391 })
392 } else {
393 that.$message.error(res.message);
386 } 394 }
387 this.ruleForm.qlrList.forEach((item) => {
388 if (item.sfczr == 1) {
389 this.czr = item.zjh
390 }
391 });
392 }).catch(() => { 395 }).catch(() => {
393 this.loading = false 396 this.loading = false
394 }) 397 })
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-09-13 14:41:34 4 * @LastEditTime: 2023-09-14 17:20:40
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
103 </el-col> 103 </el-col>
104 </el-row> 104 </el-row>
105 <el-row :gutter="10" v-if="ruleForm.fdcq1"> 105 <el-row :gutter="10" v-if="ruleForm.fdcq1">
106 <el-col :span="8"> 106 <el-col :span="8">
107 <el-form-item label="独用土地面积："> 107 <el-form-item label="独用土地面积：">
108 <div class="flex"> 108 <div class="flex">
109 <el-input 109 <el-input
...@@ -313,6 +313,8 @@ ...@@ -313,6 +313,8 @@
313 } 313 }
314 }); 314 });
315 this.czrOptions = this.ruleForm.qlrList; 315 this.czrOptions = this.ruleForm.qlrList;
316 } else {
317 this.$message.error(res.message);
316 } 318 }
317 }) 319 })
318 }, 320 },
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 10:04:14 4 * @LastEditTime: 2023-09-15 16:09:33
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
69 </el-col> 69 </el-col>
70 <el-col :span="8"> 70 <el-col :span="8">
71 <el-form-item label="坐落："> 71 <el-form-item label="坐落：">
72 <el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input> 72 <el-input maxlength="100" disabled v-model="ruleForm.sldy.zl"></el-input>
73 </el-form-item> 73 </el-form-item>
74 </el-col> 74 </el-col>
75 </el-row> 75 </el-row>
...@@ -440,6 +440,8 @@ ...@@ -440,6 +440,8 @@
440 } 440 }
441 }); 441 });
442 this.czrOptions = this.ruleForm.qlrList; 442 this.czrOptions = this.ruleForm.qlrList;
443 } else {
444 this.$message.error(res.message);
443 } 445 }
444 }).catch(() => { 446 }).catch(() => {
445 this.loading = false 447 this.loading = false
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 14:16:46 4 * @LastEditTime: 2023-09-14 17:20:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -299,6 +299,8 @@ ...@@ -299,6 +299,8 @@
299 } 299 }
300 }); 300 });
301 this.czrOptions = this.ruleForm.qlrList; 301 this.czrOptions = this.ruleForm.qlrList;
302 } else {
303 this.$message.error(res.message);
302 } 304 }
303 }).catch(() => { 305 }).catch(() => {
304 this.loading = false 306 this.loading = false
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 14:31:33 4 * @LastEditTime: 2023-09-14 17:20:59
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -296,6 +296,8 @@ ...@@ -296,6 +296,8 @@
296 this.czrOptions = this.ruleForm.qlrList; 296 this.czrOptions = this.ruleForm.qlrList;
297 this.gyfs = this.ruleForm.sldyList[0].gyfs; 297 this.gyfs = this.ruleForm.sldyList[0].gyfs;
298 this.splicingFdcq2Info(); 298 this.splicingFdcq2Info();
299 } else {
300 this.$message.error(res.message);
299 } 301 }
300 this.ruleForm.qlrList.forEach((item) => { 302 this.ruleForm.qlrList.forEach((item) => {
301 if (item.sfczr == 1) { 303 if (item.sfczr == 1) {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-13 14:31:42 4 * @LastEditTime: 2023-09-18 14:53:24
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -264,6 +264,8 @@ ...@@ -264,6 +264,8 @@
264 } 264 }
265 }); 265 });
266 this.czrOptions = this.ruleForm.qlrList; 266 this.czrOptions = this.ruleForm.qlrList;
267 } else {
268 this.$message.error(res.message);
267 } 269 }
268 }).catch(() => { 270 }).catch(() => {
269 this.loading = false 271 this.loading = false
...@@ -356,6 +358,8 @@ ...@@ -356,6 +358,8 @@
356 ...res.result.qlxxdatas, 358 ...res.result.qlxxdatas,
357 ...res.result.jsydsyqdatas, 359 ...res.result.jsydsyqdatas,
358 }; 360 };
361 } else {
362 this.$message.error(res.message);
359 } 363 }
360 }); 364 });
361 }, 365 },
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <!-- 2 <!--
3 * @Description: 3 * @Description:
4 * @Autor: renchao 4 * @Autor: renchao
5 * @LastEditTime: 2023-09-13 14:17:49 5 * @LastEditTime: 2023-09-14 17:21:19
6 --> 6 -->
7 <template> 7 <template>
8 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -239,6 +239,8 @@ ...@@ -239,6 +239,8 @@
239 if (res.code === 200 && res.result) { 239 if (res.code === 200 && res.result) {
240 this.ruleForm = res.result; 240 this.ruleForm = res.result;
241 this.czrOptions = this.ruleForm.qlrList; 241 this.czrOptions = this.ruleForm.qlrList;
242 } else {
243 this.$message.error(res.message);
242 } 244 }
243 this.ruleForm.qlrList.forEach((item) => { 245 this.ruleForm.qlrList.forEach((item) => {
244 if (item.sfczr == 1) { 246 if (item.sfczr == 1) {
......
...@@ -352,6 +352,8 @@ ...@@ -352,6 +352,8 @@
352 setTimeout(() => { 352 setTimeout(() => {
353 this.loading = false 353 this.loading = false
354 }, 200) 354 }, 200)
355 } else {
356 this.$message.error(res.message);
355 } 357 }
356 }) 358 })
357 }, 359 },
......
...@@ -345,6 +345,8 @@ ...@@ -345,6 +345,8 @@
345 ? (this.ruleForm.slsq.fzfs = "1") 345 ? (this.ruleForm.slsq.fzfs = "1")
346 : this.ruleForm.slsq.fzfs; 346 : this.ruleForm.slsq.fzfs;
347 this.czrOptions = this.ruleForm.qlrList; 347 this.czrOptions = this.ruleForm.qlrList;
348 } else {
349 this.$message.error(res.message);
348 } 350 }
349 }); 351 });
350 }, 352 },
......
...@@ -227,9 +227,11 @@ ...@@ -227,9 +227,11 @@
227 if (item.sfczr == 1) { 227 if (item.sfczr == 1) {
228 this.czr = item.zjh 228 this.czr = item.zjh
229 } 229 }
230 }); 230 })
231 } else {
232 this.$message.error(res.message);
231 } 233 }
232 }); 234 })
233 }, 235 },
234 components: { qlrCommonTable, ywrCommonTable }, 236 components: { qlrCommonTable, ywrCommonTable },
235 computed: { 237 computed: {
......
...@@ -327,6 +327,8 @@ ...@@ -327,6 +327,8 @@
327 setTimeout(() => { 327 setTimeout(() => {
328 that.loading = false 328 that.loading = false
329 }, 200) 329 }, 200)
330 } else {
331 this.$message.error(res.message);
330 } 332 }
331 }) 333 })
332 }, 334 },
......
...@@ -345,6 +345,8 @@ ...@@ -345,6 +345,8 @@
345 this.czr = item.zjh 345 this.czr = item.zjh
346 } 346 }
347 }) 347 })
348 } else {
349 this.$message.error(res.message);
348 } 350 }
349 }).catch(() => { 351 }).catch(() => {
350 this.loading = false 352 this.loading = false
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 13:39:30 4 * @LastEditTime: 2023-09-18 11:15:30
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -11,16 +11,16 @@ ...@@ -11,16 +11,16 @@
11 :model="queryForm" 11 :model="queryForm"
12 ref="queryForm" 12 ref="queryForm"
13 @submit.native.prevent 13 @submit.native.prevent
14 label-width="80px"> 14 label-width="100px">
15 <el-row> 15 <el-row>
16 <el-col :span="5"> 16 <el-col :span="5">
17 <el-form-item label="业务来源" label-width="70px"> 17 <el-form-item label="业务来源">
18 <el-select 18 <el-select
19 v-model="queryForm.ywly" 19 v-model="queryForm.ywly"
20 @change="handleSelect('ywly', 'ywlymc', 'ywly')"
21 @clear="handleEmpty('ywlymc')"
22 class="width100" 20 class="width100"
23 filterable 21 filterable
22 @change="handleSelect('ywly', 'ywlymc', 'ywly')"
23 @clear="handleEmpty('ywlymc')"
24 clearable 24 clearable
25 placeholder="请选择业务来源"> 25 placeholder="请选择业务来源">
26 <el-option 26 <el-option
...@@ -36,9 +36,9 @@ ...@@ -36,9 +36,9 @@
36 <el-form-item label="权利类型"> 36 <el-form-item label="权利类型">
37 <el-select 37 <el-select
38 v-model="queryForm.qllx" 38 v-model="queryForm.qllx"
39 class="width100"
39 @change="handleSelect('A8', 'qllxmc', 'qllx')" 40 @change="handleSelect('A8', 'qllxmc', 'qllx')"
40 @clear="handleEmpty('qllxmc')" 41 @clear="handleEmpty('qllxmc')"
41 class="width100"
42 filterable 42 filterable
43 clearable 43 clearable
44 placeholder="请选择权利类型"> 44 placeholder="请选择权利类型">
...@@ -55,9 +55,9 @@ ...@@ -55,9 +55,9 @@
55 <el-form-item label="登记类型"> 55 <el-form-item label="登记类型">
56 <el-select 56 <el-select
57 v-model="queryForm.djlx" 57 v-model="queryForm.djlx"
58 class="width100"
58 @change="handleSelect('A21', 'djlxmc', 'djlx')" 59 @change="handleSelect('A21', 'djlxmc', 'djlx')"
59 @clear="handleEmpty('djlxmc')" 60 @clear="handleEmpty('djlxmc')"
60 class="width100"
61 filterable 61 filterable
62 clearable 62 clearable
63 placeholder="请选择登记类型"> 63 placeholder="请选择登记类型">
...@@ -70,18 +70,18 @@ ...@@ -70,18 +70,18 @@
70 </el-select> 70 </el-select>
71 </el-form-item> 71 </el-form-item>
72 </el-col> 72 </el-col>
73 <el-col :span="5"> 73 <el-col :span="6">
74 <el-form-item label="业务号"> 74 <el-form-item label="业务号">
75 <el-input 75 <el-input
76 placeholder="请输入业务号" 76 placeholder="请输入业务号"
77 v-model="queryForm.ywh" 77 v-model="queryForm.ywh"
78 clearable 78 clearable
79 class="width200px"> 79 class="width100">
80 </el-input> 80 </el-input>
81 </el-form-item> 81 </el-form-item>
82 </el-col> 82 </el-col>
83 83
84 <el-col :span="4" class="btnColRight"> 84 <el-col :span="3" class="btnColRight">
85 <el-form-item> 85 <el-form-item>
86 <el-button 86 <el-button
87 type="primary" 87 type="primary"
...@@ -91,6 +91,48 @@ ...@@ -91,6 +91,48 @@
91 </el-form-item> 91 </el-form-item>
92 </el-col> 92 </el-col>
93 </el-row> 93 </el-row>
94 <el-row>
95 <el-col :span="5">
96 <el-form-item label="不动产单元号">
97 <el-input
98 placeholder="请输入不动产单元号"
99 v-model="queryForm.bdcdyh"
100 clearable
101 class="width100">
102 </el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="5">
106 <el-form-item label="申请人">
107 <el-input
108 placeholder="如需要模糊查询，前后输入%"
109 v-model="queryForm.sqrmc"
110 clearable
111 class="width100">
112 </el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="5">
116 <el-form-item label="申请人证件号">
117 <el-input
118 placeholder="如需要模糊查询，前后输入%"
119 v-model="queryForm.sqrzjhm"
120 clearable
121 class="width100">
122 </el-input>
123 </el-form-item>
124 </el-col>
125 <el-col :span="6">
126 <el-form-item label="坐落">
127 <el-input
128 placeholder="如需要模糊查询，前后输入%"
129 v-model.trim="queryForm.zl"
130 clearable
131 class="width100">
132 </el-input>
133 </el-form-item>
134 </el-col>
135 </el-row>
94 <el-row class="advanced-search"> 136 <el-row class="advanced-search">
95 <span>搜索条件：</span> 137 <span>搜索条件：</span>
96 <ul> 138 <ul>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-28 15:43:19 4 * @LastEditTime: 2023-09-18 11:07:59
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -83,7 +83,7 @@ class data extends filter { ...@@ -83,7 +83,7 @@ class data extends filter {
83 render: (h, scope) => { 83 render: (h, scope) => {
84 return ( 84 return (
85 <div> 85 <div>
86 <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width "> 86 <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width">
87 <span class="ellipsis-table"> {scope.row.ywrmc}</span> 87 <span class="ellipsis-table"> {scope.row.ywrmc}</span>
88 </el-tooltip> 88 </el-tooltip>
89 </div> 89 </div>
......
...@@ -306,6 +306,7 @@ ...@@ -306,6 +306,7 @@
306 ywPopupDialog('楼盘表', 'lpb/index', { 306 ywPopupDialog('楼盘表', 'lpb/index', {
307 bsm: item.bsm, 307 bsm: item.bsm,
308 bsmSqyw:this.sqywInfo.bsmSqyw, 308 bsmSqyw:this.sqywInfo.bsmSqyw,
309 onlyShow: false,
309 scyclx:1 310 scyclx:1
310 }, '85%', true,false) 311 }, '85%', true,false)
311 }, 312 },
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-05 09:45:31 4 * @LastEditTime: 2023-09-18 11:30:35
5 */ 5 */
6 import Router from '@/router' 6 import Router from '@/router'
7 export default { 7 export default {
...@@ -28,9 +28,9 @@ export default { ...@@ -28,9 +28,9 @@ export default {
28 "/workFrame?bsmSlsq=" + 28 "/workFrame?bsmSlsq=" +
29 data.bsmSlsq + 29 data.bsmSlsq +
30 "&bestepid=" + 30 "&bestepid=" +
31 data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理" 31 data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type + "&zbhj=受理"
32 ); 32 );
33 window.open(href, "_blank"); 33 window.open(href, "_blank")
34 this.$popupCacel() 34 this.$popupCacel()
35 }, 35 },
36 /** 36 /**
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-02 10:03:03 4 * @LastEditTime: 2023-09-18 14:53:01
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
115 type: 'success' 115 type: 'success'
116 }) 116 })
117 if (!this.isJump) { 117 if (!this.isJump) {
118 this.jump(res.result, this.djywbm) 118 this.jump(res.result)
119 } else { 119 } else {
120 store.dispatch('user/refreshPage', true); 120 store.dispatch('user/refreshPage', true);
121 } 121 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-24 11:02:25 4 * @LastEditTime: 2023-09-15 14:34:40
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 主体权利信息查询 --> 7 <!-- 主体权利信息查询 -->
...@@ -249,9 +249,9 @@ ...@@ -249,9 +249,9 @@
249 * @param {*} row 249 * @param {*} row
250 * @author: miaofang 250 * @author: miaofang
251 */ 251 */
252 handleLpbClick (item) { 252 handleLpbClick (item) {
253 console.log("item",item); 253 console.log("item",item);
254 console.log("this.sqywInfo",this.sqywInfo); 254 console.log("this.sqywInfo",this.sqywInfo);
255 this.$popup('楼盘表', 'lpb/index', { 255 this.$popup('楼盘表', 'lpb/index', {
256 width: '85%', 256 width: '85%',
257 formData: { 257 formData: {
...@@ -261,6 +261,7 @@ ...@@ -261,6 +261,7 @@
261 bsmSqyw: this.sqywInfo.bsmSqyw, 261 bsmSqyw: this.sqywInfo.bsmSqyw,
262 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", 262 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
263 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", 263 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
264 onlyShow: false
264 } 265 }
265 }) 266 })
266 }, 267 },
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-29 13:08:08 4 * @LastEditTime: 2023-09-15 17:25:11
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
...@@ -34,6 +34,7 @@ class data extends filter { ...@@ -34,6 +34,7 @@ class data extends filter {
34 { 34 {
35 prop: "status", 35 prop: "status",
36 label: "状态", 36 label: "状态",
37 width: '130',
37 render: (h, scope) => { 38 render: (h, scope) => {
38 return ( 39 return (
39 <div> 40 <div>
...@@ -80,8 +81,15 @@ class data extends filter { ...@@ -80,8 +81,15 @@ class data extends filter {
80 } 81 }
81 }, 82 },
82 { 83 {
83 prop: "qlrzjhm",
84 label: "证件号", 84 label: "证件号",
85 witdth: '100',
86 render: (h, scope) => {
87 return (
88 <el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width ">
89 <span class="ellipsis-table"> {scope.row.qlrzjhm}</span>
90 </el-tooltip>
91 )
92 }
85 }, 93 },
86 { 94 {
87 prop: "qlxzmc", 95 prop: "qlxzmc",
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 14:47:41 4 * @LastEditTime: 2023-09-18 11:25:30
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -78,7 +78,6 @@ ...@@ -78,7 +78,6 @@
78 <el-col :span="4" class="btnColRight"> 78 <el-col :span="4" class="btnColRight">
79 <el-form-item> 79 <el-form-item>
80 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> 80 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
81 <el-button @click="moreQueryClick">高级查询</el-button>
82 </el-form-item> 81 </el-form-item>
83 </el-col> 82 </el-col>
84 </el-row> 83 </el-row>
...@@ -147,7 +146,6 @@ ...@@ -147,7 +146,6 @@
147 this.queryClick() 146 this.queryClick()
148 }, 147 },
149 methods: { 148 methods: {
150 // 初始化数据
151 /** 149 /**
152 * @description: 初始化数据 150 * @description: 初始化数据
153 * @author: renchao 151 * @author: renchao
...@@ -172,12 +170,6 @@ ...@@ -172,12 +170,6 @@
172 handleSort (name, sort) { 170 handleSort (name, sort) {
173 console.log(name, sort); 171 console.log(name, sort);
174 }, 172 },
175 // 高级查询
176 /**
177 * @description: 高级查询
178 * @author: renchao
179 */
180 moreQueryClick () { },
181 /** 173 /**
182 * @description: openDialog 174 * @description: openDialog
183 * @param {*} scroll 175 * @param {*} scroll
...@@ -192,14 +184,14 @@ ...@@ -192,14 +184,14 @@
192 * @author: renchao 184 * @author: renchao
193 */ 185 */
194 handleLpbClick (item) { 186 handleLpbClick (item) {
195 console.log("item",item); 187 console.log("item", item);
196 this.$popup('楼盘表', 'lpb/index', { 188 this.$popup('楼盘表', 'lpb/index', {
197 width: '85%', 189 width: '85%',
198 formData: { 190 formData: {
199 bsm: item.zrzbsm, 191 bsm: item.zrzbsm,
200 zrzbsm: item.zrzbsm, 192 zrzbsm: item.zrzbsm,
201 zdbsm: item.zrzbsm, 193 zdbsm: item.zrzbsm,
202 194 onlyShow: true
203 } 195 }
204 }) 196 })
205 } 197 }
......
...@@ -64,9 +64,9 @@ class data extends filter { ...@@ -64,9 +64,9 @@ class data extends filter {
64 } 64 }
65 }, 65 },
66 { 66 {
67 prop: "ywh",
68 label: "业务号", 67 label: "业务号",
69 width: '110', 68 prop: "ywh",
69 minWidth: '100',
70 }, 70 },
71 { 71 {
72 prop: "qllxmc", 72 prop: "qllxmc",
...@@ -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: '操作',
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-25 16:34:27 4 * @LastEditTime: 2023-09-18 11:19:07
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -139,7 +139,6 @@ ...@@ -139,7 +139,6 @@
139 handleSort (name, sort) { 139 handleSort (name, sort) {
140 console.log(name, sort); 140 console.log(name, sort);
141 }, 141 },
142 // 高级查询
143 /** 142 /**
144 * @description: 高级查询 143 * @description: 高级查询
145 * @author: renchao 144 * @author: renchao
...@@ -151,7 +150,7 @@ ...@@ -151,7 +150,7 @@
151 * @author: renchao 150 * @author: renchao
152 */ 151 */
153 openDialog (item) { 152 openDialog (item) {
154 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx') 153 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&type=jdcx')
155 window.open(href, `urlname${item.bsmSlsq}`) 154 window.open(href, `urlname${item.bsmSlsq}`)
156 } 155 }
157 } 156 }
......
...@@ -23,6 +23,21 @@ class data extends filter { ...@@ -23,6 +23,21 @@ class data extends filter {
23 } 23 }
24 }, 24 },
25 { 25 {
26 label: "证书状态",
27 width: '80',
28 render: (h, scope) => {
29 return (
30 <div>
31 {
32 scope.row.zszt == '1' ?
33 <div class='allow'>有效</div> :
34 <div class='prohibit'>失效</div>
35 }
36 </div>
37 )
38 }
39 },
40 {
26 label: "领取状态", 41 label: "领取状态",
27 width: '80', 42 width: '80',
28 render: (h, scope) => { 43 render: (h, scope) => {
...@@ -38,31 +53,41 @@ class data extends filter { ...@@ -38,31 +53,41 @@ class data extends filter {
38 } 53 }
39 }, 54 },
40 { 55 {
41 prop: "lzrxm", 56 label: "不动产权证类型",
42 label: "领取人", 57 width: '120',
43 width: '100' 58 render: (h, scope) => {
59 return (
60 <div>
61 {
62 scope.row.bdcqzlx == '1' ?
63 <div>不动产权证书</div> :
64 <div>不动产登记证明</div>
65 }
66 </div>
67 )
68 }
44 }, 69 },
45 { 70 {
46 prop: "fzsj", 71 label: "业务号",
47 label: "领取时间", 72 minWidth: '100',
48 width: '140' 73 render: (h, scope) => {
74 return (
75 <div>
76 <el-link type="primary" onClick={() => { vm.openYwDialog(scope.row) }}>{scope.row.ywh}</el-link>
77 </div>
78 )
79 }
49 }, 80 },
50 { 81 {
51 prop: "ywh", 82 label: "权利类型",
52 label: "业务号", 83 prop: "qllx",
53 width: '100'
54 }, 84 },
55
56 { 85 {
57 prop: "ysxlh", 86 prop: "ysxlh",
58 label: "印刷序列号", 87 label: "印刷序列号",
59 width: '100' 88 width: '100'
60 }, 89 },
61 { 90 {
62 label: "权利类型",
63 prop: "qllx",
64 },
65 {
66 prop: "bdcqzh", 91 prop: "bdcqzh",
67 label: "不动产权证号", 92 label: "不动产权证号",
68 minWidth: '150', 93 minWidth: '150',
...@@ -101,7 +126,7 @@ class data extends filter { ...@@ -101,7 +126,7 @@ class data extends filter {
101 } 126 }
102 }, 127 },
103 { 128 {
104 label: "证书内容", 129 label: "证书详情",
105 width: '80', 130 width: '80',
106 render: (h, scope) => { 131 render: (h, scope) => {
107 return ( 132 return (
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-01 10:11:39 4 * @LastEditTime: 2023-09-18 14:53:09
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -37,7 +37,6 @@ ...@@ -37,7 +37,6 @@
37 <el-col :span="4" class="btnColRight"> 37 <el-col :span="4" class="btnColRight">
38 <el-form-item> 38 <el-form-item>
39 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> 39 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
40 <!-- <el-button @click="moreQueryClick()">高级查询</el-button> -->
41 </el-form-item> 40 </el-form-item>
42 </el-col> 41 </el-col>
43 </el-row> 42 </el-row>
...@@ -75,12 +74,12 @@ ...@@ -75,12 +74,12 @@
75 tableData: { 74 tableData: {
76 total: 0, 75 total: 0,
77 columns: datas.columns(), 76 columns: datas.columns(),
78 data: [], 77 data: []
79 }, 78 }
80 }; 79 }
81 }, 80 },
82 activated () { 81 activated () {
83 this.queryClick(); 82 this.queryClick()
84 }, 83 },
85 methods: { 84 methods: {
86 /** 85 /**
...@@ -111,6 +110,15 @@ ...@@ -111,6 +110,15 @@
111 }, '1210px', true) 110 }, '1210px', true)
112 this.$endLoading() 111 this.$endLoading()
113 }) 112 })
113 },
114 /**
115 * @description: openWorkDialog
116 * @param {*} item
117 * @author: renchao
118 */
119 openYwDialog (item) {
120 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx')
121 window.open(href, `urlname${item.bsmSlsq}`)
114 } 122 }
115 } 123 }
116 } 124 }
......
...@@ -100,6 +100,7 @@ ...@@ -100,6 +100,7 @@
100 // onlyShow: true, 100 // onlyShow: true,
101 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", 101 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
102 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", 102 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
103 onlyShow: true
103 } 104 }
104 }) 105 })
105 } 106 }
......