材料分屏
Showing
3 changed files
with
62 additions
and
64 deletions
| ... | @@ -76,22 +76,22 @@ | ... | @@ -76,22 +76,22 @@ |
| 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | 76 | <el-input v-model="ruleForm.qlxx.zl"></el-input> |
| 77 | </el-form-item> | 77 | </el-form-item> |
| 78 | </el-col> | 78 | </el-col> |
| 79 | <el-col :span="8"> | 79 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 80 | <el-form-item label="土地使用权人:"> | 80 | <el-form-item label="土地使用权人:"> |
| 81 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> | 81 | <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> |
| 82 | </el-form-item> | 82 | </el-form-item> |
| 83 | </el-col> | 83 | </el-col> |
| 84 | <el-col :span="8"> | 84 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 85 | <el-form-item label="独用土地面积:"> | 85 | <el-form-item label="独用土地面积:"> |
| 86 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> | 86 | <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> |
| 87 | </el-form-item> | 87 | </el-form-item> |
| 88 | </el-col> | 88 | </el-col> |
| 89 | <el-col :span="8"> | 89 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 90 | <el-form-item label="分摊土地面积:"> | 90 | <el-form-item label="分摊土地面积:"> |
| 91 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> | 91 | <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> |
| 92 | </el-form-item> | 92 | </el-form-item> |
| 93 | </el-col> | 93 | </el-col> |
| 94 | <el-col :span="8"> | 94 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 95 | <!-- 下拉框 --> | 95 | <!-- 下拉框 --> |
| 96 | <el-form-item label="土地性质:" style="margin-bottom:3px"> | 96 | <el-form-item label="土地性质:" style="margin-bottom:3px"> |
| 97 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" | 97 | <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" |
| ... | @@ -99,7 +99,7 @@ | ... | @@ -99,7 +99,7 @@ |
| 99 | :show-count="true" :options="dictData['A45']" /> | 99 | :show-count="true" :options="dictData['A45']" /> |
| 100 | </el-form-item> | 100 | </el-form-item> |
| 101 | </el-col> | 101 | </el-col> |
| 102 | <el-col :span="8"> | 102 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 103 | <el-form-item label="房地产交易价格:"> | 103 | <el-form-item label="房地产交易价格:"> |
| 104 | <div style="display:flex"> | 104 | <div style="display:flex"> |
| 105 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> | 105 | <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input> |
| ... | @@ -164,7 +164,7 @@ | ... | @@ -164,7 +164,7 @@ |
| 164 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> | 164 | <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> |
| 165 | </el-form-item> | 165 | </el-form-item> |
| 166 | </el-col> | 166 | </el-col> |
| 167 | <el-col :span="8"> | 167 | <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> |
| 168 | <el-form-item label="分摊建筑面积:"> | 168 | <el-form-item label="分摊建筑面积:"> |
| 169 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> | 169 | <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> |
| 170 | </el-form-item> | 170 | </el-form-item> |
| ... | @@ -320,6 +320,7 @@ export default { | ... | @@ -320,6 +320,7 @@ export default { |
| 320 | init(this.propsParam.bsmRepair).then((res) => { | 320 | init(this.propsParam.bsmRepair).then((res) => { |
| 321 | if (res.code == 200) { | 321 | if (res.code == 200) { |
| 322 | this.ruleForm = res.result; | 322 | this.ruleForm = res.result; |
| 323 | console.log("this.ruleForm",this.ruleForm); | ||
| 323 | this.isShow = true; | 324 | this.isShow = true; |
| 324 | } | 325 | } |
| 325 | }); | 326 | }); | ... | ... |
| ... | @@ -79,20 +79,16 @@ export default { | ... | @@ -79,20 +79,16 @@ export default { |
| 79 | }) | 79 | }) |
| 80 | break; | 80 | break; |
| 81 | case "B2": //材料分屏按钮 | 81 | case "B2": //材料分屏按钮 |
| 82 | this.splitScreen = this.splitScreen ? false : true; | 82 | |
| 83 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | 83 | this.closefp() |
| 84 | if (this.splitScreen) { | 84 | |
| 85 | //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 | 85 | // if (this.splitScreen) { |
| 86 | if (this.tabName == this.clxxTab.value) { | 86 | // //如果当前选项卡为材料信息内容,递减到上一个选项卡内容 |
| 87 | this.tabName = this.tabList[this.clxxIndex - 1].value; | 87 | // if (this.tabName == this.clxxTab.value) { |
| 88 | this.getFromRouter(this.tabList[this.clxxIndex - 1].value); | 88 | // this.tabName = this.tabList[0].value; |
| 89 | } | 89 | // this.getFromRouter(this.tabList[0].value); |
| 90 | //删除材料信息选项卡数据 | 90 | // } |
| 91 | this.tabList.splice(this.clxxIndex, 1); | 91 | // } |
| 92 | } else { | ||
| 93 | //新增材料信息选项卡数据 | ||
| 94 | this.tabList.splice(this.clxxIndex, 0, this.clxxTab); | ||
| 95 | } | ||
| 96 | break; | 92 | break; |
| 97 | case "B3": //材料导入 | 93 | case "B3": //材料导入 |
| 98 | document.getElementById("cldr").click(); | 94 | document.getElementById("cldr").click(); | ... | ... |
| ... | @@ -73,7 +73,7 @@ | ... | @@ -73,7 +73,7 @@ |
| 73 | <script> | 73 | <script> |
| 74 | import WorkFlow from "./mixin/index"; | 74 | import WorkFlow from "./mixin/index"; |
| 75 | import { getForm } from "./flowform"; | 75 | import { getForm } from "./flowform"; |
| 76 | import { getStepFormInfo } from "@/api/fqsq.js" | 76 | import { getStepFormInfo } from "@/api/fqsq.js"; |
| 77 | import NoticeBar from "@/components/NoticeBar/index"; | 77 | import NoticeBar from "@/components/NoticeBar/index"; |
| 78 | import ProcessViewer from "./components/processViewer.vue"; | 78 | import ProcessViewer from "./components/processViewer.vue"; |
| 79 | // 引入左侧菜单 | 79 | // 引入左侧菜单 |
| ... | @@ -118,12 +118,9 @@ export default { | ... | @@ -118,12 +118,9 @@ export default { |
| 118 | //设置表单传递数据 | 118 | //设置表单传递数据 |
| 119 | currentSelectProps: {}, | 119 | currentSelectProps: {}, |
| 120 | // 首次拿到的业务信息 | 120 | // 首次拿到的业务信息 |
| 121 | oneSelectProps:{}, | 121 | oneSelectProps: {}, |
| 122 | //材料信息选择卡索引 | 122 | //材料信息选择卡索引 |
| 123 | clxxIndex: "", | 123 | oneget: true, |
| 124 | //材料信息选项卡对象 | ||
| 125 | clxxTab: {}, | ||
| 126 | oneget:true, | ||
| 127 | //页面监听时间 | 124 | //页面监听时间 |
| 128 | _beforeUnload_time: "", | 125 | _beforeUnload_time: "", |
| 129 | treedata: {}, | 126 | treedata: {}, |
| ... | @@ -132,21 +129,20 @@ export default { | ... | @@ -132,21 +129,20 @@ export default { |
| 132 | }; | 129 | }; |
| 133 | }, | 130 | }, |
| 134 | mounted() { | 131 | mounted() { |
| 135 | // this.getleftMenubl() | 132 | // this.getleftMenubl() |
| 136 | }, | 133 | }, |
| 137 | 134 | ||
| 138 | methods: { | 135 | methods: { |
| 139 | 136 | stepForm(qllx) { | |
| 140 | stepForm (qllx) { | 137 | this.oneSelectProps.qllx = qllx; |
| 141 | this.oneSelectProps.qllx=qllx | 138 | if (this.$refs.Menu.supplementarylist.length) { |
| 142 | if(this.$refs.Menu.supplementarylist.length){ | ||
| 143 | getStepFormInfo(this.oneSelectProps).then((res) => { | 139 | getStepFormInfo(this.oneSelectProps).then((res) => { |
| 144 | this.$nextTick(function () { | 140 | this.$nextTick(function () { |
| 145 | this.tabList=res.result | 141 | this.tabList = res.result; |
| 146 | this.tabName =this.tabList[0].value; | 142 | this.tabName = this.tabList[0].value; |
| 147 | this.getFromRouter(this.tabName) | 143 | this.getFromRouter(this.tabName); |
| 144 | }); | ||
| 148 | }); | 145 | }); |
| 149 | }) | ||
| 150 | } | 146 | } |
| 151 | }, | 147 | }, |
| 152 | // 获取右侧菜单 | 148 | // 获取右侧菜单 |
| ... | @@ -156,7 +152,7 @@ export default { | ... | @@ -156,7 +152,7 @@ export default { |
| 156 | // }) | 152 | // }) |
| 157 | // }, | 153 | // }, |
| 158 | getQllxByBdcdyid() { | 154 | getQllxByBdcdyid() { |
| 159 | if(this.currentSelectProps.bdcdyid){ | 155 | if (this.currentSelectProps.bdcdyid) { |
| 160 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 156 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( |
| 161 | (res) => { | 157 | (res) => { |
| 162 | if (res.code === 200) { | 158 | if (res.code === 200) { |
| ... | @@ -166,26 +162,22 @@ export default { | ... | @@ -166,26 +162,22 @@ export default { |
| 166 | } | 162 | } |
| 167 | ); | 163 | ); |
| 168 | } | 164 | } |
| 169 | |||
| 170 | }, | 165 | }, |
| 171 | // 获取右侧选项卡 | 166 | // 获取右侧选项卡 |
| 172 | getCurrentSelectProps(val) { | 167 | getCurrentSelectProps(val) { |
| 173 | if(val.bdcdyid){ | 168 | if (val.bdcdyid) { |
| 174 | this.oneSelectProps = val; | 169 | this.oneSelectProps = val; |
| 175 | } | 170 | } |
| 176 | this.currentSelectProps = val; | 171 | this.currentSelectProps = val; |
| 177 | if (this.currentSelectProps.bsmRepair) { | 172 | if (this.currentSelectProps.bsmRepair) { |
| 178 | this.stepForm (this.currentSelectProps.qllx) | 173 | this.stepForm(this.currentSelectProps.qllx); |
| 179 | } else if(!this.oneget){ | 174 | } else if (!this.oneget) { |
| 180 | this.getdjblist(); | 175 | this.getdjblist(); |
| 181 | |||
| 182 | } | 176 | } |
| 183 | if(this.oneget){ | 177 | if (this.oneget) { |
| 184 | this.oneget=false | 178 | this.oneget = false; |
| 185 | this.stepForm (this.currentSelectProps.qllx) | 179 | this.stepForm(this.currentSelectProps.qllx); |
| 186 | |||
| 187 | } | 180 | } |
| 188 | |||
| 189 | }, | 181 | }, |
| 190 | // 获取渲染登记簿列表 | 182 | // 获取渲染登记簿列表 |
| 191 | getdjblist() { | 183 | getdjblist() { |
| ... | @@ -196,10 +188,11 @@ export default { | ... | @@ -196,10 +188,11 @@ export default { |
| 196 | if (res.code === 200) { | 188 | if (res.code === 200) { |
| 197 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 189 | this.treedata = loadTreeData(res.result, this.bdcdyh); |
| 198 | this.$nextTick(function () { | 190 | this.$nextTick(function () { |
| 199 | this.defaultNode = getNode( | 191 | this.defaultNode = getNode(this.currentSelectProps.qllx, { |
| 200 | this.currentSelectProps.qllx, | 192 | linShi: 0, |
| 201 | { linShi: 0, xianShi: 0, liShi: 0 }, | 193 | xianShi: 0, |
| 202 | ); | 194 | liShi: 0, |
| 195 | }); | ||
| 203 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | 196 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 |
| 204 | }); | 197 | }); |
| 205 | let settree = JSON.parse(JSON.stringify(this.treedata)); | 198 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
| ... | @@ -221,11 +214,18 @@ export default { | ... | @@ -221,11 +214,18 @@ export default { |
| 221 | }, | 214 | }, |
| 222 | //切换选项卡内容组件 | 215 | //切换选项卡内容组件 |
| 223 | getFromRouter(tabname) { | 216 | getFromRouter(tabname) { |
| 217 | console.log("tabname", tabname); | ||
| 224 | this.componentTag = getForm(tabname); | 218 | this.componentTag = getForm(tabname); |
| 225 | }, | 219 | }, |
| 226 | 220 | closefp() { | |
| 221 | console.log("点击分屏"); | ||
| 222 | this.splitScreen = this.splitScreen ? false : true; | ||
| 223 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
| 224 | this.getFromRouter(this.tabList[0].value); | ||
| 225 | this.clxxForm = getForm(this.tabList[1].value); | ||
| 226 | }, | ||
| 227 | // 增加补录记录 | 227 | // 增加补录记录 |
| 228 | addRepairRecord(row,del) { | 228 | addRepairRecord(row, del) { |
| 229 | let from = { | 229 | let from = { |
| 230 | bsmQlxx: "", | 230 | bsmQlxx: "", |
| 231 | bsmSlsq: this.bsmSlsq, | 231 | bsmSlsq: this.bsmSlsq, |
| ... | @@ -235,15 +235,16 @@ export default { | ... | @@ -235,15 +235,16 @@ export default { |
| 235 | }; | 235 | }; |
| 236 | if (row) { | 236 | if (row) { |
| 237 | from.bsmQlxx = row.bsmQlxx; | 237 | from.bsmQlxx = row.bsmQlxx; |
| 238 | if(del){ | 238 | if (del) { |
| 239 | from.operate = del; | 239 | from.operate = del; |
| 240 | }else{ | 240 | } else { |
| 241 | from.operate = row.bsmQlxx ? "U" : "C"; | 241 | from.operate = row.bsmQlxx ? "U" : "C"; |
| 242 | } | 242 | } |
| 243 | from.qllx = row.qllx; | 243 | from.qllx = row.qllx; |
| 244 | } | 244 | } |
| 245 | addRepairRecord(from).then((res) => { | 245 | addRepairRecord(from) |
| 246 | if(res.code=='200'){ | 246 | .then((res) => { |
| 247 | if (res.code == "200") { | ||
| 247 | this.$refs.qllxlist.dialogVisible = false; | 248 | this.$refs.qllxlist.dialogVisible = false; |
| 248 | this.$nextTick(() => { | 249 | this.$nextTick(() => { |
| 249 | this.$refs.Menu.getleftMenubl(res.result); | 250 | this.$refs.Menu.getleftMenubl(res.result); |
| ... | @@ -252,16 +253,16 @@ export default { | ... | @@ -252,16 +253,16 @@ export default { |
| 252 | message: "补录成功!", | 253 | message: "补录成功!", |
| 253 | }); | 254 | }); |
| 254 | }); | 255 | }); |
| 255 | }else{ | 256 | } else { |
| 256 | this.$alert(res.message, '提示', { | 257 | this.$alert(res.message, "提示", { |
| 257 | confirmButtonText: '确定', | 258 | confirmButtonText: "确定", |
| 258 | type: 'warning' | 259 | type: "warning", |
| 259 | }); | 260 | }); |
| 260 | } | 261 | } |
| 261 | }).catch((res) => { | 262 | }) |
| 262 | 263 | .catch((res) => { | |
| 263 | console.log("错",res); | 264 | console.log("错", res); |
| 264 | });; | 265 | }); |
| 265 | }, | 266 | }, |
| 266 | }, | 267 | }, |
| 267 | }; | 268 | }; | ... | ... |
-
Please register or sign in to post a comment