森林林木使用权
Showing
4 changed files
with
417 additions
and
1 deletions
| ... | @@ -11,7 +11,7 @@ var qlxxPage = [ | ... | @@ -11,7 +11,7 @@ var qlxxPage = [ |
| 11 | { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" }, | 11 | { qllx: "A08", id: "", form: "", label: "集体建设用地使用权/房屋所有权" }, |
| 12 | { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" }, | 12 | { qllx: "A09", id: "jsydsyq", form: "jsydsyq.vue", label: "土地承包经营权" }, |
| 13 | { qllx: "A11", id: "ldsyq", form: "ldsyq.vue", label: "林地使用权" }, | 13 | { qllx: "A11", id: "ldsyq", form: "ldsyq.vue", label: "林地使用权" }, |
| 14 | { qllx: "A12", id: "jsydsyq", form: "jsydsyq.vue", label: "林地使用权/森林、林木使用权" }, | 14 | { qllx: "A12", id: "sllmsyq", form: "sllmsyq.vue", label: "林地使用权/森林、林木使用权" }, |
| 15 | { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" }, | 15 | { qllx: "A13", id: "jsydsyq", form: "jsydsyq.vue", label: "草原使用权" }, |
| 16 | { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" }, | 16 | { qllx: "A14", id: "jsydsyq", form: "jsydsyq.vue", label: "水域滩涂养殖权" }, |
| 17 | { qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" }, | 17 | { qllx: "A15", id: "jsydsyq", form: "jsydsyq.vue", label: "海域使用权" }, | ... | ... |
src/views/registerBook/sllmsyq.vue
0 → 100644
| 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: | ||
| 13 | * @Autor: renchao | ||
| 14 | * @LastEditTime: 2023-08-11 15:33:53 | ||
| 15 | --> | ||
| 16 | <template> | ||
| 17 | <div class="djxxTable"> | ||
| 18 | <div class="tableBox"> | ||
| 19 | <div class="title"> | ||
| 20 | {{ title }} | ||
| 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 | </el-checkbox-group> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | <div class="xxTableBox rollTable"> | ||
| 32 | <!-- 固定前三个 --> | ||
| 33 | <table class="xxTable"> | ||
| 34 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 35 | <td>{{ item.label }}</td> | ||
| 36 | <td | ||
| 37 | v-for="(row, index) in tableData" | ||
| 38 | :key="index" | ||
| 39 | :class="[ | ||
| 40 | row.qszt == '2' ? 'lishi' : '', | ||
| 41 | row.qszt == '0' ? 'linshi' : '', | ||
| 42 | row.qlzt == '4' ? 'linshi' : '', | ||
| 43 | |||
| 44 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 45 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 46 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 47 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '' | ||
| 48 | ]" | ||
| 49 | > | ||
| 50 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 51 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | ||
| 52 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> | ||
| 53 | </div> | ||
| 54 | <div class="icon" v-if="item.prop == 'qszt' &&row.qlzt == '1'">有效</div> | ||
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'">正在补录</div> | ||
| 56 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'">正在申请</div> | ||
| 57 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'">正在注销</div> | ||
| 58 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> | ||
| 59 | |||
| 60 | <span v-else>{{ row[item.prop] }}</span> | ||
| 61 | </td> | ||
| 62 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 63 | </tr> | ||
| 64 | </table> | ||
| 65 | </div> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | </template> | ||
| 69 | |||
| 70 | <script> | ||
| 71 | import { datas } from "./qlxxFormData.js"; | ||
| 72 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 73 | import { getLqList } from "@/api/djbDetail.js"; | ||
| 74 | export default { | ||
| 75 | data() { | ||
| 76 | return { | ||
| 77 | title: "林权登记信息", | ||
| 78 | qsztList: datas.columns().qsztList, | ||
| 79 | checkList: datas.columns().checkList, | ||
| 80 | //传递参数 | ||
| 81 | propsParam: this.$attrs, | ||
| 82 | //列表数据 | ||
| 83 | tableData: [], | ||
| 84 | //空列值个数 | ||
| 85 | emptycolNum: datas.columns().emptycolNum, | ||
| 86 | //列名称对象 | ||
| 87 | columns: datas.columns().LDSYQ, | ||
| 88 | }; | ||
| 89 | }, | ||
| 90 | created() { | ||
| 91 | this.loadData(); | ||
| 92 | }, | ||
| 93 | methods: { | ||
| 94 | /** | ||
| 95 | * @description: loadData | ||
| 96 | * @author: renchao | ||
| 97 | */ | ||
| 98 | loadData() { | ||
| 99 | if (this.$parent.addRepairRecord) { | ||
| 100 | this.columns.unshift({ | ||
| 101 | prop: "cz", | ||
| 102 | label: "操作", | ||
| 103 | }); | ||
| 104 | } | ||
| 105 | getLqList({ | ||
| 106 | bdcdyid: this.propsParam.bdcdyid, | ||
| 107 | qllx: this.propsParam.qllx, | ||
| 108 | qszt: this.checkList, | ||
| 109 | }).then((res) => { | ||
| 110 | if (res.code === 200) { | ||
| 111 | this.tableData = res.result; | ||
| 112 | this.tableData.forEach((item) => { | ||
| 113 | item.sjlx = getSjlx(item.sjlx); | ||
| 114 | }); | ||
| 115 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 116 | this.emptycolNum = | ||
| 117 | datas.columns().emptycolNum - this.tableData.length; | ||
| 118 | } else { | ||
| 119 | this.emptycolNum = 0; | ||
| 120 | } | ||
| 121 | } | ||
| 122 | }); | ||
| 123 | }, | ||
| 124 | /** | ||
| 125 | * @description: checkChange | ||
| 126 | * @author: renchao | ||
| 127 | */ | ||
| 128 | checkChange() { | ||
| 129 | if (this.checkList.length === 0) { | ||
| 130 | this.tableData = []; | ||
| 131 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 132 | } else { | ||
| 133 | this.loadData(); | ||
| 134 | } | ||
| 135 | }, | ||
| 136 | /** | ||
| 137 | * @description: getQsztName | ||
| 138 | * @param {*} code | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | getQsztName(code) { | ||
| 142 | let name = ""; | ||
| 143 | for (let item of this.qsztList) { | ||
| 144 | if (item.value == code) { | ||
| 145 | name = item.label; | ||
| 146 | break; | ||
| 147 | } | ||
| 148 | } | ||
| 149 | return name; | ||
| 150 | }, | ||
| 151 | // 新增一条补录信息 | ||
| 152 | /** | ||
| 153 | * @description: 新增一条补录信息 | ||
| 154 | * @param {*} row | ||
| 155 | * @param {*} del | ||
| 156 | * @author: renchao | ||
| 157 | */ | ||
| 158 | editDialog(row, del) { | ||
| 159 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 160 | confirmButtonText: "确定", | ||
| 161 | cancelButtonText: "取消", | ||
| 162 | type: "warning", | ||
| 163 | }) | ||
| 164 | .then(() => { | ||
| 165 | this.$parent.addRepairRecord(row, del); | ||
| 166 | |||
| 167 | this.$message({ | ||
| 168 | type: "success", | ||
| 169 | message: "补录成功!", | ||
| 170 | }); | ||
| 171 | }) | ||
| 172 | .catch(() => { | ||
| 173 | this.$message({ | ||
| 174 | type: "info", | ||
| 175 | message: "取消编辑", | ||
| 176 | }); | ||
| 177 | }); | ||
| 178 | }, | ||
| 179 | }, | ||
| 180 | }; | ||
| 181 | </script> | ||
| 182 | |||
| 183 | <style lang="scss" scoped> | ||
| 184 | @import "./qlxxCommon.scss"; | ||
| 185 | </style> | ||
| 186 | |||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-15 14:01:37 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="from-clues"> | ||
| 8 | <!-- 表单部分 森林林木 --> | ||
| 9 | <div class="from-clues-header"> | ||
| 10 | <el-form :model="queryForm" ref="queryForm"> | ||
| 11 | <el-row :gutter="20"> | ||
| 12 | <el-col :span="6"> | ||
| 13 | <el-form-item label="宗地代码"> | ||
| 14 | <el-input placeholder="请输入宗地代码" maxlength="19" v-model="queryForm.zddm" clearable class="width100"> | ||
| 15 | </el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | <el-col :span="6"> | ||
| 19 | <el-form-item label="不动产单元号"> | ||
| 20 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | ||
| 21 | </el-input> | ||
| 22 | </el-form-item> | ||
| 23 | </el-col> | ||
| 24 | <el-col :span="6"> | ||
| 25 | <el-form-item label="坐落"> | ||
| 26 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
| 27 | </el-input> | ||
| 28 | </el-form-item> | ||
| 29 | </el-col> | ||
| 30 | <el-col :span="6" class="btnColRight"> | ||
| 31 | <el-form-item> | ||
| 32 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 33 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | </el-form> | ||
| 38 | </div> | ||
| 39 | <!-- 表格 --> | ||
| 40 | <div class="from-clues-content loadingtext"> | ||
| 41 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | ||
| 42 | :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select" | ||
| 43 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" | ||
| 44 | :data="tableData.data"> | ||
| 45 | </lb-table> | ||
| 46 | </div> | ||
| 47 | <div class="submit_button"> | ||
| 48 | <el-button @click="$popupCacel">取消</el-button> | ||
| 49 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | ||
| 50 | </div> | ||
| 51 | </div> | ||
| 52 | </template> | ||
| 53 | <script> | ||
| 54 | //首次登记 | ||
| 55 | import jump from "./mixin/jump"; | ||
| 56 | import store from '@/store/index.js' | ||
| 57 | import table from "@/utils/mixin/table"; | ||
| 58 | import { ywPopupDialog } from "@/utils/popup.js"; | ||
| 59 | import { selectZdjbxx } from "@/api/ywsq.js"; | ||
| 60 | import { startBusinessFlow } from "@/api/workFlow.js"; | ||
| 61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | ||
| 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
| 63 | export default { | ||
| 64 | mixins: [table, jump], | ||
| 65 | props: { | ||
| 66 | isJump: { type: Boolean, default: false }, | ||
| 67 | sqywInfo: { type: Object, default: () => { } }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | loading: false, | ||
| 72 | queryForm: defaultParameters.defaultParameters(), | ||
| 73 | tableData: { | ||
| 74 | total: 0, | ||
| 75 | columns: datas.columns(), | ||
| 76 | data: [], | ||
| 77 | }, | ||
| 78 | bdcdysz: [], | ||
| 79 | }; | ||
| 80 | }, | ||
| 81 | mounted () { | ||
| 82 | sendThis(this); | ||
| 83 | }, | ||
| 84 | methods: { | ||
| 85 | /** | ||
| 86 | * @description: queryClick | ||
| 87 | * @author: renchao | ||
| 88 | */ | ||
| 89 | queryClick () { | ||
| 90 | this.$startLoading(); | ||
| 91 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
| 92 | selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
| 93 | this.$endLoading(); | ||
| 94 | if (res.code === 200) { | ||
| 95 | let { total, records } = res.result; | ||
| 96 | this.tableData.total = total; | ||
| 97 | this.tableData.data = records; | ||
| 98 | } | ||
| 99 | }); | ||
| 100 | }, | ||
| 101 | |||
| 102 | /** | ||
| 103 | * @description: submitForm | ||
| 104 | * @author: renchao | ||
| 105 | */ | ||
| 106 | submitForm () { | ||
| 107 | if (this.bdcdysz.length == 0) { | ||
| 108 | this.$alert("请至少选择一条数据"); | ||
| 109 | return; | ||
| 110 | } | ||
| 111 | this.loading = true | ||
| 112 | startBusinessFlow({ | ||
| 113 | bsmSqyw: this.bsmSqyw, | ||
| 114 | bdcdysz: this.bdcdysz, | ||
| 115 | djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "", | ||
| 116 | djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "", | ||
| 117 | }).then((res) => { | ||
| 118 | this.loading = false | ||
| 119 | if (res.code == 200) { | ||
| 120 | this.$message({ | ||
| 121 | showClose: true, | ||
| 122 | message: "发起申请成功", | ||
| 123 | type: "success", | ||
| 124 | }); | ||
| 125 | if (!this.isJump) { | ||
| 126 | this.jump(res.result, this.djywbm); | ||
| 127 | } else { | ||
| 128 | store.dispatch('user/refreshPage', true); | ||
| 129 | } | ||
| 130 | this.$popupCacel() | ||
| 131 | } else { | ||
| 132 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message, result: res.result }, '36%', true) | ||
| 133 | } | ||
| 134 | }).catch(() => { | ||
| 135 | this.loading = false | ||
| 136 | }) | ||
| 137 | }, | ||
| 138 | /** | ||
| 139 | * @description: handleSelectionChange | ||
| 140 | * @param {*} val | ||
| 141 | * @author: renchao | ||
| 142 | */ | ||
| 143 | handleSelectionChange (val) { | ||
| 144 | val.forEach((item, index) => { | ||
| 145 | item.bsm = item.zdbsm; | ||
| 146 | }); | ||
| 147 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 148 | if (val.length > 1) { | ||
| 149 | this.bdcdysz = [...val[val.length - 1]]; | ||
| 150 | } else { | ||
| 151 | this.bdcdysz = val; | ||
| 152 | } | ||
| 153 | } else { | ||
| 154 | this.bdcdysz = val; | ||
| 155 | } | ||
| 156 | }, | ||
| 157 | /** | ||
| 158 | * @description: select | ||
| 159 | * @param {*} selection | ||
| 160 | * @param {*} row | ||
| 161 | * @author: renchao | ||
| 162 | */ | ||
| 163 | select (selection, row) { | ||
| 164 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 165 | // 清除 所有勾选项 | ||
| 166 | this.$refs.table.clearSelection() | ||
| 167 | // 当表格数据都没有被勾选的时候 就返回 | ||
| 168 | // 主要用于将当前勾选的表格状态清除 | ||
| 169 | if (selection.length == 0) return | ||
| 170 | this.$refs.table.toggleRowSelection(row, true); | ||
| 171 | } | ||
| 172 | }, | ||
| 173 | |||
| 174 | /** | ||
| 175 | * @description: handleRowClick | ||
| 176 | * @param {*} row | ||
| 177 | * @author: renchao | ||
| 178 | */ | ||
| 179 | handleRowClick (row) { | ||
| 180 | // 如果状态是1,那就是单选 | ||
| 181 | if (this.sqywInfo.sqywdylx == "1") { | ||
| 182 | const bdcdysz = this.bdcdysz | ||
| 183 | this.$refs.table.clearSelection() | ||
| 184 | if (bdcdysz.length == 1) { | ||
| 185 | bdcdysz.forEach(item => { | ||
| 186 | // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中 | ||
| 187 | if (item == row) { | ||
| 188 | this.$refs.table.toggleRowSelection(row, false); | ||
| 189 | } | ||
| 190 | // 不然就让当前的一行勾选 | ||
| 191 | else { | ||
| 192 | this.$refs.table.toggleRowSelection(row, true); | ||
| 193 | } | ||
| 194 | }) | ||
| 195 | } | ||
| 196 | else { | ||
| 197 | this.$refs.table.toggleRowSelection(row, true); | ||
| 198 | } | ||
| 199 | } else { | ||
| 200 | this.$refs.table.toggleRowSelection(row); | ||
| 201 | } | ||
| 202 | }, | ||
| 203 | /** | ||
| 204 | * @description: openBook | ||
| 205 | * @param {*} row | ||
| 206 | * @author: renchao | ||
| 207 | */ | ||
| 208 | openBook (row) { | ||
| 209 | var param = { | ||
| 210 | bdcdyid: row.bdcdyid, | ||
| 211 | qllx: row.qllx, | ||
| 212 | bdcdyh: row.bdcdyh, | ||
| 213 | bsmQlxx: row.bsmQlxx, | ||
| 214 | }; | ||
| 215 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
| 216 | formData: param | ||
| 217 | }) | ||
| 218 | }, | ||
| 219 | |||
| 220 | }, | ||
| 221 | }; | ||
| 222 | </script> | ||
| 223 | <style scoped lang="scss"> | ||
| 224 | @import "~@/styles/mixin.scss"; | ||
| 225 | @import "~@/styles/public.scss"; | ||
| 226 | </style> | ||
| 227 |
| ... | @@ -108,6 +108,9 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -108,6 +108,9 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 108 | case "A11400"://林地使用权变更 | 108 | case "A11400"://林地使用权变更 |
| 109 | vm = "selectLqqt"; | 109 | vm = "selectLqqt"; |
| 110 | break; | 110 | break; |
| 111 | case "A12100"://森林林木首次 | ||
| 112 | vm = "selectSllm"; | ||
| 113 | break; | ||
| 111 | default: | 114 | default: |
| 112 | vm = "selecBdcql"; | 115 | vm = "selecBdcql"; |
| 113 | break; | 116 | break; | ... | ... |
-
Please register or sign in to post a comment