Skip to content

bdc / bdcdj-web

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

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 766225de 36d104a2
Inline Side-by-side
Showing 5 changed files with 195 additions and 471 deletions
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-28 09:34:54
5 -->
6 <template>
7 <div class="clmlmx-box">
8 <div class="title">申请材料目录</div>
9 <lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data">
10 </lb-table>
11 <div class="text-center">
12 <el-button @click="$popupCacel">取消</el-button>
13 </div>
14 </div>
15 </template>
16 <script>
17 import store from '@/store/index.js'
18 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
19 export default {
20 props: {
21 formData: {
22 type: Object,
23 default: () => {
24 return {}
25 }
26 }
27 },
28 data () {
29 return {
30 column: [
31 {
32 width: "50",
33 label: '序号',
34 type: 'index'
35 },
36 {
37 prop: "isrequired",
38 label: "是否必选",
39 width: "80",
40 render: (h, scope) => {
41 if (scope.row.sfxjcl === "1") {
42 return (
43 <div>
44 <span>可选</span>
45 </div>
46 );
47 }
48 else {
49 return (
50 <div>
51 <span>必选</span>
52 </div>
53 );
54 }
55 },
56 },
57 {
58 prop: "sjmc",
59 label: "材料名称",
60 },
61 {
62 prop: "sjlx",
63 label: "材料类型",
64 width: "80",
65 render: (h, scope) => {
66 return (
67 <div>
68 <span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
69 </div>
70 );
71 },
72 },
73 {
74 prop: "sjsl",
75 label: "份数",
76 width: "50"
77 },
78 {
79 prop: "smzt",
80 label: "扫描状态",
81 width: "80",
82 render: (h, scope) => {
83 if (scope.row.children && scope.row.children.length > 0) {
84 return (
85 <div>
86 <span>已扫描</span>
87 </div>
88 );
89 } else {
90 return (
91 <div>
92 <span>未扫描</span>
93 </div>
94 );
95 }
96 },
97 },
98 {
99 label: "扫描页数",
100 width: "80",
101 render: (h, scope) => {
102 if (scope.row.children && scope.row.children.length > 0) {
103 return (
104 <div>
105 <span>{scope.row.children.length}</span>
106 </div>
107 );
108 } else {
109 return (
110 <div>
111 <span>0</span>
112 </div>
113 );
114 }
115 },
116 },
117 {
118 label: "操作",
119 width: "80",
120 render: (h, scope) => {
121 return (
122 <div>
123 <el-button
124 type="text"
125 disabled={scope.$index == 0}
126 onClick={() => {
127 this.moveUpward(scope.$index, scope.row);
128 }}
129 >
130 上移
131 </el-button>
132 <el-button
133 type="text"
134 disabled={scope.$index + 1 == this.tableData.length}
135 onClick={() => {
136 this.moveDown(scope.$index, scope.row);
137 }}
138 >
139 下移
140 </el-button>
141 </div>
142 );
143 },
144 },
145 ],
146 key: 0,
147 tableData: []
148 }
149 },
150 created () {
151 console.log(this.formData.data, 'formData');
152 },
153 methods: {
154 // 材料目录明细初始化
155 /**
156 * @description: 材料目录明细初始化
157 * @author: renchao
158 */
159 clmlInitList () {
160 return new Promise(resolve => {
161 this.unitData = this.$parent.unitData;
162 var formdata = new FormData();
163 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
164 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
165 formdata.append("clfl", 2);
166 InitClml(formdata).then((res) => {
167 if (res.code == 200) {
168 resolve(res.code)
169 if (res.result && res.result.length > 0) {
170 this.data = res.result;
171 } else {
172 this.data = []
173 }
174 } else {
175 this.$message.error(res.message)
176 }
177 })
178 })
179 },
180 // 上移
181 /**
182 * @description: 上移
183 * @param {*} index
184 * @param {*} row
185 * @author: renchao
186 */
187 moveUpward (index, row) {
188 let obj = {
189 xh: row.xh,
190 bsmSlsq: row.bsmSlsq,
191 moveDirection: "UP",
192 };
193 // 接口待调
194 /**
195 * @description: 接口待调
196 * @param {*} obj
197 * @author: renchao
198 */
199 moveClml(obj).then(async (res) => {
200 if (res.code == 200) {
201 let res = await this.clmlInitList()
202 if (res == 200) {
203 this.$message({
204 message: '上移成功',
205 type: 'success'
206 })
207 this.$parent.setTableData(this.data)
208 }
209 } else {
210 this.$message.error(res.message);
211 }
212 })
213 },
214 // 下移
215 /**
216 * @description: 下移
217 * @param {*} index
218 * @param {*} row
219 * @author: renchao
220 */
221 moveDown (index, row) {
222 let obj = {
223 xh: row.xh,
224 bsmSlsq: row.bsmSlsq,
225 moveDirection: "DOWN",
226 }
227 // 接口待调
228 /**
229 * @description: 接口待调
230 * @param {*} obj
231 * @author: renchao
232 */
233 moveClml(obj).then(async (res) => {
234 if (res.code == 200) {
235 let res = await this.clmlInitList()
236 if (res == 200) {
237 this.$message({
238 message: '下移成功',
239 type: 'success'
240 })
241 }
242 } else {
243 this.$message.error(res.message);
244 }
245 })
246 },
247 // 材料目录删除
248 /**
249 * @description: 材料目录删除
250 * @param {*} index
251 * @param {*} row
252 * @author: renchao
253 */
254 handleDelete (index, row) {
255 let that = this
256 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
257 confirmButtonText: '确定',
258 cancelButtonText: '取消',
259 type: 'warning'
260 }).then(() => {
261 deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
262 if (res.code == 200) {
263 let res = await that.clmlInitList()
264 if (res == 200) {
265 that.$message({
266 message: "删除成功",
267 type: "success",
268 })
269 // this.$parent.setTableData(this.data)
270 }
271 }
272 })
273 }).catch(() => {
274 this.$message({
275 type: 'info',
276 message: '已取消删除'
277 })
278 })
279 },
280 // 字典
281 /**
282 * @description: 字典
283 * @param {*} val
284 * @param {*} code
285 * @author: renchao
286 */
287 dicStatus (val, code) {
288 let data = store.getters.dictData[code],
289 name = "暂无";
290 if (data) {
291 data.map((item) => {
292 if (item.dcode == val) {
293 name = item.dname;
294 }
295 });
296 return name;
297 }
298 }
299 }
300 }
301 </script>
302 <style scoped lang='scss'>
303 @import "~@/styles/mixin.scss";
304 .clmlmx-box {
305 margin: 0 auto;
306
307 .title {
308 text-align: center;
309 height: 60px;
310 line-height: 60px;
311 border: 1px solid #dfe6ec;
312 font-size: 20px;
313 background: #81d3f81a;
314 margin-bottom: -1px;
315 }
316 }
317 </style>
1 export function deleteCollectBiz (bsmSqyw) {
2 return request({
3 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/deleteCollectBiz?bsmSqyw=' + bsmSqyw,
4 method: 'post'
5 })
6 }
...@@ -220,14 +220,15 @@ class data extends filter { ...@@ -220,14 +220,15 @@ class data extends filter {
220 label: "房地产交易价格(万元)", 220 label: "房地产交易价格(万元)",
221 }, 221 },
222 { 222 {
223 prop: "zh",
224 label: "幢号",
225 },
226 {
227 prop: "xmmc", 223 prop: "xmmc",
228 label: "项目名称", 224 label: "项目名称",
229 }, 225 },
230 { 226 {
227 prop: "zh",
228 label: "幢号",
229 },
230
231 {
231 prop: "zcs", 232 prop: "zcs",
232 label: "总层数", 233 label: "总层数",
233 }, 234 },
......
...@@ -9,39 +9,73 @@ ...@@ -9,39 +9,73 @@
9 <!-- 材料预览 --> 9 <!-- 材料预览 -->
10 <div class="clyl-box"> 10 <div class="clyl-box">
11 <div class="menu-tree"> 11 <div class="menu-tree">
12 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button> 12 <el-button
13 type="primary"
14 native-type="submit"
15 @click="viewDetail"
16 style="width: 100%; margin-top: 10px"
17 >查看明细</el-button
18 >
13 <div class="item"> 19 <div class="item">
14 材料目录({{tableData.length}}) 20 材料目录({{ tableData.length }})
15 <div style="margin-top:10px"> 21 <div style="margin-top: 10px">
16 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div> 22 <div
17 <div v-for="(item,index) in tableData" :key="item.bsmSj" 23 style="
18 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)"> 24 text-align: center;
19 <span v-if="item.isrequired==1" class="required">必选</span> 25 line-height: 20px;
26 color: black;
27 font-size: 14px;
28 "
29 v-if="tableData.length == 0"
30 >
31 暂无数据
32 </div>
33 <div
34 v-for="(item, index) in tableData"
35 :key="item.bsmSj"
36 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']"
37 @click="treeClick(item, index)"
38 >
39 <span v-if="item.isrequired == 1" class="required">必选</span>
20 {{ item.sjmc }} 40 {{ item.sjmc }}
21 <span class="cl_number">({{item.children ? item.children.length : 0}})</span> 41 <span class="cl_number"
42 >({{ item.children ? item.children.length : 0 }})</span
43 >
22 </div> 44 </div>
23 </div> 45 </div>
24 </div> 46 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" 47 <el-button
26 v-if="ableOperation">新增</el-button> 48 type="primary"
49 native-type="submit"
50 style="width: 100%"
51 @click="handleAdd()"
52 v-if="ableOperation"
53 >新增</el-button
54 >
27 </div> 55 </div>
28 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList" 56 <image-preview
57 ref="imageRef"
58 v-if="tableData.length > 0"
59 :previewImg="previewImg"
60 :ableOperation="ableOperation"
61 @updateList="updateList"
29 @nextPriview="nextPriview" 62 @nextPriview="nextPriview"
30 @prevPriview="prevPriview" /> 63 @prevPriview="prevPriview"
64 />
31 </div> 65 </div>
32 </div> 66 </div>
33 <clxxAddDialog v-model="isDialog" /> 67 <clxxAddDialog v-model="isDialog" />
34 </div> 68 </div>
35 </template> 69 </template>
36 <script> 70 <script>
37 import { mapGetters } from "vuex"; 71 import { mapGetters } from "vuex";
38 import clxxAddDialog from "../dialog/clxxAddDialog.vue"; 72 import clxxAddDialog from "../dialog/clxxAddDialog.vue";
39 import clxxDetailDialog from "../dialog/clxxDetailDialog.vue"; 73 import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
40 import imagePreview from '@/views/components/imagePreview.vue' 74 import imagePreview from "@/views/components/imagePreview.vue";
41 import { InitClml, saveClml } from "@/api/clxx.js"; 75 import { InitClml, saveClml } from "@/api/clxx.js";
42 export default { 76 export default {
43 components: { clxxAddDialog, imagePreview, clxxDetailDialog }, 77 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
44 data () { 78 data() {
45 return { 79 return {
46 //表单是否可操作 80 //表单是否可操作
47 ableOperation: true, 81 ableOperation: true,
...@@ -54,32 +88,40 @@ ...@@ -54,32 +88,40 @@
54 tableData: [], 88 tableData: [],
55 previewImg: { 89 previewImg: {
56 // 收件标识码 90 // 收件标识码
57 bsmSj: '', 91 bsmSj: "",
58 bsmSlsq: this.$parent.bsmSlsq, 92 bsmSlsq: this.$parent.bsmSlsq,
59 index: 0, 93 index: 0,
60 selectedIndex: 0, 94 selectedIndex: 0,
61 imgList: [] 95 imgList: [],
62 } 96 },
63 } 97 };
64 }, 98 },
65 computed: { 99 computed: {
66 ...mapGetters(["dictData"]) 100 ...mapGetters(["dictData"]),
67 }, 101 },
68 created () { 102 created() {
69 this.clmlInitList(1) 103 this.clmlInitList(1);
70 }, 104 },
71 computed: { 105 computed: {
72 ...mapGetters(['workFresh']) 106 ...mapGetters(["workFresh"]),
73 }, 107 },
74 watch: { 108 watch: {
75 workFresh: { 109 workFresh: {
76 handler (newVal, oldVal) { 110 handler(newVal, oldVal) {
77 if (newVal) this.clmlInitList(1) 111 if (newVal) this.clmlInitList(1);
78 } 112 },
79 }
80 }, 113 },
81 mounted () { 114 },
82 this.ableOperation = this.$parent.ableOperation 115 mounted() {
116 console.log(
117 "bestepid: this.$route.query.bestepid,",
118 this.$route.query.bestepid
119 );
120 console.log(
121 "bestepid: this.$route.query.sqywbm,",
122 this.$route.query.sqywbm
123 );
124 this.ableOperation = this.$parent.ableOperation;
83 }, 125 },
84 methods: { 126 methods: {
85 // 自动预览 127 // 自动预览
...@@ -87,26 +129,26 @@ ...@@ -87,26 +129,26 @@
87 * @description: 自动预览 129 * @description: 自动预览
88 * @author: renchao 130 * @author: renchao
89 */ 131 */
90 nextPriview () { 132 nextPriview() {
91 if (this.treeCheckIndex < this.tableData.length) { 133 if (this.treeCheckIndex < this.tableData.length) {
92 this.treeCheckIndex++ 134 this.treeCheckIndex++;
93 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj 135 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
94 this.previewImg.index = 0 136 this.previewImg.index = 0;
95 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children 137 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children;
96 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj 138 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
97 } 139 }
98 }, 140 },
99 /** 141 /**
100 * @description: prevPriview 142 * @description: prevPriview
101 * @author: renchao 143 * @author: renchao
102 */ 144 */
103 prevPriview () { 145 prevPriview() {
104 if (this.treeCheckIndex >= 1) { 146 if (this.treeCheckIndex >= 1) {
105 this.treeCheckIndex-- 147 this.treeCheckIndex--;
106 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj 148 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
107 this.previewImg.index = this.previewImg.imgList.length 149 this.previewImg.index = this.previewImg.imgList.length;
108 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children 150 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children;
109 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj 151 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
110 } 152 }
111 }, 153 },
112 // 材料目录明细初始化 154 // 材料目录明细初始化
...@@ -115,38 +157,48 @@ ...@@ -115,38 +157,48 @@
115 * @param {*} type 157 * @param {*} type
116 * @author: renchao 158 * @author: renchao
117 */ 159 */
118 clmlInitList (type) { 160 clmlInitList(type) {
119 //type 1：列表初始化 2：新增材料 161 //type 1：列表初始化 2：新增材料
120 return new Promise(resolve => { 162 return new Promise((resolve) => {
121 this.unitData = this.$parent.unitData; 163 this.unitData = this.$parent.unitData;
122 var formdata = new FormData(); 164 var formdata = new FormData();
123 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy); 165
124 formdata.append("bsmSlsq", this.$parent.bsmSlsq); 166 formdata.append("bsmSlsq", this.$parent.bsmSlsq);
167 if (this.$route.query.sqywbm == "DJBBL") {
168 formdata.append("bsmSldy", this.$parent.bsmRepair);
169 formdata.append("clfl", 3);
170 } else {
171 formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
125 formdata.append("clfl", 2); 172 formdata.append("clfl", 2);
173 }
174
126 InitClml(formdata).then((res) => { 175 InitClml(formdata).then((res) => {
127 if (res.code == 200) { 176 if (res.code == 200) {
128 resolve(res.code) 177 resolve(res.code);
129 if (res.result && res.result.length > 0) { 178 if (res.result && res.result.length > 0) {
130 this.tableData = res.result; 179 this.tableData = res.result;
131 if (type == 1) { 180 if (type == 1) {
132 this.treeClick(this.tableData[0], 0); 181 this.treeClick(this.tableData[0], 0);
133 } else { 182 } else {
134 //新增材料后刷新列表焦点置于新增的对象上 183 //新增材料后刷新列表焦点置于新增的对象上
135 this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1); 184 this.treeClick(
185 this.tableData[this.tableData.length - 1],
186 this.tableData.length - 1
187 );
136 } 188 }
137 } 189 }
138 } else { 190 } else {
139 this.$message.error(res.message) 191 this.$message.error(res.message);
140 } 192 }
141 }) 193 });
142 }) 194 });
143 }, 195 },
144 /** 196 /**
145 * @description: setChecked 197 * @description: setChecked
146 * @param {*} item 198 * @param {*} item
147 * @author: renchao 199 * @author: renchao
148 */ 200 */
149 setChecked (item) { 201 setChecked(item) {
150 this.treeCheckId = item.bsmSj; 202 this.treeCheckId = item.bsmSj;
151 this.title = item.sjmc; 203 this.title = item.sjmc;
152 this.titleYs = 1; 204 this.titleYs = 1;
...@@ -159,26 +211,27 @@ ...@@ -159,26 +211,27 @@
159 * @param {*} val 211 * @param {*} val
160 * @author: renchao 212 * @author: renchao
161 */ 213 */
162 updateList (val) { 214 updateList(val) {
163 let that = this 215 let that = this;
164 if (val.children.length != 0) { //删除最后一张图片时 val=null 216 if (val.children.length != 0) {
165 this.tableData.forEach(item => { 217 //删除最后一张图片时 val=null
218 this.tableData.forEach((item) => {
166 if (item.bsmSj === val.bsmSj) { 219 if (item.bsmSj === val.bsmSj) {
167 item.children = val.children 220 item.children = val.children;
168 } 221 }
169 }) 222 });
170 this.previewImg.imgList = _.cloneDeep(val.children) 223 this.previewImg.imgList = _.cloneDeep(val.children);
171 if (this.previewImg.index == this.previewImg.imgList.length) { 224 if (this.previewImg.index == this.previewImg.imgList.length) {
172 this.previewImg.index = this.previewImg.index - 1 225 this.previewImg.index = this.previewImg.index - 1;
173 } 226 }
174 } else { 227 } else {
175 this.previewImg.imgList = [] 228 this.previewImg.imgList = [];
176 this.tableData.forEach((item, index) => { 229 this.tableData.forEach((item, index) => {
177 if (this.treeCheckId == item.bsmSj) { 230 if (this.treeCheckId == item.bsmSj) {
178 item.children = [] 231 item.children = [];
179 that.treeCheckIndex = index 232 that.treeCheckIndex = index;
180 } 233 }
181 }) 234 });
182 } 235 }
183 }, 236 },
184 // 添加材料目录 237 // 添加材料目录
...@@ -186,7 +239,7 @@ ...@@ -186,7 +239,7 @@
186 * @description: 添加材料目录 239 * @description: 添加材料目录
187 * @author: renchao 240 * @author: renchao
188 */ 241 */
189 handleAdd () { 242 handleAdd() {
190 this.isDialog = true; 243 this.isDialog = true;
191 }, 244 },
192 // 新增弹窗保存 245 // 新增弹窗保存
...@@ -195,24 +248,25 @@ ...@@ -195,24 +248,25 @@
195 * @param {*} data 248 * @param {*} data
196 * @author: renchao 249 * @author: renchao
197 */ 250 */
198 addSave (data) { 251 addSave(data) {
199 let obj = { 252 let obj = {
200 bsmSlsq: this.$parent.bsmSlsq, 253 bsmSlsq: this.$parent.bsmSlsq,
201 isrequired: "1", 254 isrequired: "1",
202 sjmc: data.clmc, 255 sjmc: data.clmc,
203 sjsl: 0, 256 sjsl: 0,
204 smzt: '', 257 smzt: "",
205 ys: 0, 258 ys: 0,
206 sjlx: data.cllx, 259 sjlx: data.cllx,
207 sfxjcl: "1", // 是否必选 260 sfxjcl: "1", // 是否必选
208 }; 261 };
209 saveClml(obj).then(async (res) => { 262 saveClml(obj).then(async (res) => {
210 if (res.code == 200) { 263 if (res.code == 200) {
211 let res = await this.clmlInitList(2) 264 let res = await this.clmlInitList(2);
212 if (res == 200) this.$message({ 265 if (res == 200)
266 this.$message({
213 message: "新增成功", 267 message: "新增成功",
214 type: "success", 268 type: "success",
215 }) 269 });
216 } 270 }
217 }); 271 });
218 }, 272 },
...@@ -223,12 +277,12 @@ ...@@ -223,12 +277,12 @@
223 * @param {*} index 277 * @param {*} index
224 * @author: renchao 278 * @author: renchao
225 */ 279 */
226 treeClick (item, index) { 280 treeClick(item, index) {
227 this.previewImg.index = 0 281 this.previewImg.index = 0;
228 this.treeCheckId = item?.bsmSj 282 this.treeCheckId = item?.bsmSj;
229 this.treeCheckIndex = index 283 this.treeCheckIndex = index;
230 this.previewImg.imgList = item.children ? item.children : [] 284 this.previewImg.imgList = item.children ? item.children : [];
231 this.previewImg.bsmSj = item?.bsmSj 285 this.previewImg.bsmSj = item?.bsmSj;
232 }, 286 },
233 // 小图片点击 287 // 小图片点击
234 /** 288 /**
...@@ -237,7 +291,7 @@ ...@@ -237,7 +291,7 @@
237 * @param {*} index 291 * @param {*} index
238 * @author: renchao 292 * @author: renchao
239 */ 293 */
240 imgClick (item, index) { 294 imgClick(item, index) {
241 this.showImg = item; 295 this.showImg = item;
242 this.titleYs = index + 1; 296 this.titleYs = index + 1;
243 }, 297 },
...@@ -248,55 +302,61 @@ ...@@ -248,55 +302,61 @@
248 * @param {*} code 302 * @param {*} code
249 * @author: renchao 303 * @author: renchao
250 */ 304 */
251 dicStatus (val, code) { 305 dicStatus(val, code) {
252 let data = this.$store.getters.dictData[code], 306 let data = this.$store.getters.dictData[code],
253 name = "暂无"; 307 name = "暂无";
254 if (data) { 308 if (data) {
255 data.map((item) => { 309 data.map((item) => {
256 if (item.dcode == val) { 310 if (item.dcode == val) {
257 name = item.dname 311 name = item.dname;
258 } 312 }
259 }); 313 });
260 return name 314 return name;
261 } 315 }
262 }, 316 },
263 //查看明细 317 //查看明细
264 viewDetail () { 318 viewDetail() {
265 this.$store.dispatch('user/reWorkFresh', false) 319 this.$store.dispatch("user/reWorkFresh", false);
266 this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", { 320 this.$popupDialog(
321 "查看明细",
322 "workflow/components/dialog/clxxDetailDialog",
323 {
267 data: this.tableData, 324 data: this.tableData,
268 unitData: this.$parent.unitData, 325 unitData: this.$parent.unitData,
269 ableOperation: this.$parent.ableOperation 326 ableOperation: this.$parent.ableOperation,
270 }, "60%", true) 327 },
328 "60%",
329 true
330 );
271 }, 331 },
272 //设置tableData 332 //设置tableData
273 setTableData (tableData) { 333 setTableData(tableData) {
274 this.$nextTick(res => { 334 this.$nextTick((res) => {
275 this.tableData = tableData; 335 this.tableData = tableData;
276 }) 336 });
277 }, 337 },
278 }, 338 },
279 }; 339 };
280 </script> 340 </script>
281 <style scoped lang='scss'> 341 <style scoped lang="scss">
282 @import "~@/styles/mixin.scss"; 342 @import "~@/styles/mixin.scss";
283 343
284 .active { 344 .active {
285 background: $light-blue !important; 345 background: $light-blue !important;
286 color: #fff; 346 color: #fff;
287 } 347 }
288 348
289 .required { 349 .required {
290 font-size: 12px; 350 font-size: 12px;
291 color: $pink; 351 color: $pink;
292 float: left; 352 float: left;
293 } 353 }
294 354
295 .cl_number { 355 .cl_number {
296 float: right; 356 float: right;
297 } 357 }
298 358
299 .clxx { 359 .clxx {
300 width: 100%; 360 width: 100%;
301 display: flex; 361 display: flex;
302 padding-left: 5px; 362 padding-left: 5px;
...@@ -402,5 +462,5 @@ ...@@ -402,5 +462,5 @@
402 } 462 }
403 } 463 }
404 } 464 }
405 } 465 }
406 </style> 466 </style>
......
...@@ -62,66 +62,38 @@ ...@@ -62,66 +62,38 @@
62 </el-form-item> 62 </el-form-item>
63 </el-col> 63 </el-col>
64 </el-row> 64 </el-row>
65 <el-row :gutter="10" v-if="ruleForm.fdcq2"> 65 <el-row :gutter="10" v-if="ruleForm.fdcq1">
66 <el-col :span="8"> 66 <el-col :span="8">
67 <el-form-item label="土地使用期限："> 67 <el-form-item label="独用土地面积：">
68 <el-input disabled v-model="ruleForm.fdcq2.tdsyqx"></el-input> 68 <el-input disabled v-model="ruleForm.fdcq1.dytdmj"></el-input>
69 </el-form-item> 69 </el-form-item>
70 </el-col> 70 </el-col>
71 <el-col :span="8"> 71 <el-col :span="8">
72 <el-form-item label="规划用途名称："> 72 <el-form-item label="分摊土地面积：">
73 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input> 73 <el-input disabled v-model="ruleForm.fdcq1.fttdmj"></el-input>
74 </el-form-item> 74 </el-form-item>
75 </el-col> 75 </el-col>
76 <el-col :span="8"> 76 <el-col :span="8">
77 <el-form-item label="房屋性质："> 77 <el-form-item label="房地产交易价格：">
78 <el-input disabled v-model="ruleForm.fdcq2.fwxzmc"></el-input> 78 <el-input disabled v-model="ruleForm.fdcq1.fdcjyjg"></el-input>
79 </el-form-item>
80 </el-col>
81 </el-row>
82 <el-row :gutter="10" v-if="ruleForm.qlxx">
83 <el-col :span="8">
84 <el-form-item label="房屋结构：">
85 <el-input disabled v-model="ruleForm.fdcq2.fwjgmc"></el-input>
86 </el-form-item>
87 </el-col>
88 <el-col :span="8">
89 <el-form-item label="所在层：">
90 <el-input disabled v-model="ruleForm.fdcq2.szc"></el-input>
91 </el-form-item>
92 </el-col>
93 <el-col :span="8">
94 <el-form-item label="总层数：">
95 <el-input disabled v-model="ruleForm.fdcq2.zcs"></el-input>
96 </el-form-item>
97 </el-col>
98 </el-row>
99 <el-row :gutter="10" v-if="ruleForm.fdcq2">
100 <el-col :span="8">
101 <el-form-item label="竣工时间：">
102 <el-input disabled v-model="ruleForm.fdcq2.jgsj"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="建筑面积：">
107 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="专有建筑面积：">
112 <el-input disabled v-model="ruleForm.fdcq2.zyjzmj"></el-input>
113 </el-form-item> 79 </el-form-item>
114 </el-col> 80 </el-col>
115 </el-row> 81 </el-row>
116 <el-row :gutter="10"> 82 <el-row :gutter="10">
117 83 <el-col :span="24">
118 <el-col :span="8"> 84 <el-form-item label="附记：">
119 <el-form-item label="分摊建筑面积："> 85 <el-input disabled v-model="ruleForm.fdcq1.fj"></el-input>
120 <el-input disabled v-model="ruleForm.fdcq2.ftjzmj"></el-input>
121 </el-form-item> 86 </el-form-item>
122 </el-col> 87 </el-col>
123 </el-row> 88 </el-row>
124 <div class="slxx_title title-block"> 89 <div class="slxx_title title-block">
90 房屋多幢明细
91 <div class="triangle"></div>
92 <fdcqxmTable
93 :ableOperation="ableOperation"
94 :tableData="ruleForm.fdcqxm"
95 @upDateTdytxxList="upDateTdytxxList" />
96 <div class="slxx_title title-block">
125 土地用途 97 土地用途
126 <div class="triangle"></div> 98 <div class="triangle"></div>
127 </div> 99 </div>
...@@ -175,7 +147,7 @@ ...@@ -175,7 +147,7 @@
175 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation" 147 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
176 :gyfs="ruleForm.slsq.gyfs" /> 148 :gyfs="ruleForm.slsq.gyfs" />
177 149
178 <div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'"> 150 <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
179 <div class="slxx_title title-block"> 151 <div class="slxx_title title-block">
180 义务人信息 152 义务人信息
181 <div class="triangle"></div> 153 <div class="triangle"></div>
...@@ -191,12 +163,13 @@ ...@@ -191,12 +163,13 @@
191 <el-col> 163 <el-col>
192 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy"> 164 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy">
193 <el-input class="textArea" type="textarea" :disabled="!ableOperation" 165 <el-input class="textArea" type="textarea" :disabled="!ableOperation"
194 v-model="ruleForm.fdcq2.djyy"> 166 v-model="ruleForm.fdcq1.djyy">
195 </el-input> 167 </el-input>
196 </el-form-item> 168 </el-form-item>
197 </el-col> 169 </el-col>
198 </el-row> 170 </el-row>
199 </div> 171 </div>
172 </div>
200 <el-row class="btn" v-if="ableOperation"> 173 <el-row class="btn" v-if="ableOperation">
201 <el-form-item> 174 <el-form-item>
202 <el-button type="primary" @click="onSubmit">保存</el-button> 175 <el-button type="primary" @click="onSubmit">保存</el-button>
...@@ -208,6 +181,7 @@ ...@@ -208,6 +181,7 @@
208 <script> 181 <script>
209 import ywmix from "@/views/ywbl/mixin/index" 182 import ywmix from "@/views/ywbl/mixin/index"
210 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 183 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
184 import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
211 import tdytTable from "@/views/workflow/components/tdytTable"; 185 import tdytTable from "@/views/workflow/components/tdytTable";
212 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js"; 186 import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
213 import { mapGetters } from "vuex"; 187 import { mapGetters } from "vuex";
...@@ -231,7 +205,7 @@ ...@@ -231,7 +205,7 @@
231 } 205 }
232 }); 206 });
233 }, 207 },
234 components: { qlrCommonTable, tdytTable }, 208 components: { qlrCommonTable, tdytTable ,fdcqxmTable},
235 computed: { 209 computed: {
236 ...mapGetters(["dictData", "flag"]), 210 ...mapGetters(["dictData", "flag"]),
237 }, 211 },
...@@ -253,7 +227,7 @@ ...@@ -253,7 +227,7 @@
253 slsq: { 227 slsq: {
254 228
255 }, 229 },
256 fdcq2: { 230 fdcq1: {
257 zyjzmj: '', 231 zyjzmj: '',
258 ftjzmj: '' 232 ftjzmj: ''
259 }, 233 },
......