--no commit message
Showing
33 changed files
with
680 additions
and
2341 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: 登记业务信息接口 | 2 | * @Description: 登记业务信息接口 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 14:16:20 | 4 | * @LastEditTime: 2023-09-18 14:22:02 |
| 5 | */ | 5 | */ |
| 6 | import request from '@/utils/request' | 6 | import request from '@/utils/request' |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| ... | @@ -18,4 +18,21 @@ export function getXtParamsByYwh (ywh) { | ... | @@ -18,4 +18,21 @@ export function getXtParamsByYwh (ywh) { |
| 18 | ywh: ywh | 18 | ywh: ywh |
| 19 | } | 19 | } |
| 20 | }) | 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 | }) | ||
| 21 | } | 38 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-01 15:10:21 | 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"; |
| ... | @@ -17,7 +17,6 @@ import { | ... | @@ -17,7 +17,6 @@ import { |
| 17 | getPrintApplicationForm, | 17 | getPrintApplicationForm, |
| 18 | unClaimTask | 18 | unClaimTask |
| 19 | } from "@/api/workFlow.js"; | 19 | } from "@/api/workFlow.js"; |
| 20 | import { mapGetters } from 'vuex' | ||
| 21 | export default { | 20 | export default { |
| 22 | data () { | 21 | data () { |
| 23 | return { | 22 | return { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 10:20:43 | 4 | * @LastEditTime: 2023-09-18 15:07:44 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate id="boxcfdj" :tableData="tableData" :render="render" /> | ||
| 12 | </div> | ||
| 13 | <div class="tableBox"> | ||
| 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>{{ item.label }}</td> | ||
| 30 | <td | ||
| 31 | v-for="(row, index) in tableData" | ||
| 32 | :key="index" | ||
| 33 | :class="[ | ||
| 34 | row.qszt == '2' ? 'lishi' : '', | ||
| 35 | row.qszt == '0' ? 'linshi' : '', | ||
| 36 | row.qlzt == '4' ? 'linshi' : '', | ||
| 37 | |||
| 38 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 39 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 40 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 41 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 42 | ]"> | ||
| 43 | <div | ||
| 44 | class="setbut" | ||
| 45 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | ||
| 46 | <el-button | ||
| 47 | type="text" | ||
| 48 | icon="el-icon-edit-outline" | ||
| 49 | @click="editDialog(row)">编辑</el-button> | ||
| 50 | <el-button | ||
| 51 | type="text" | ||
| 52 | icon="el-icon-edit-outline" | ||
| 53 | @click="editDialog(row, 'D')">删除</el-button> | ||
| 54 | </div> | ||
| 55 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 56 | 有效 | ||
| 57 | </div> | ||
| 58 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 59 | 正在补录 | ||
| 60 | </div> | ||
| 61 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 62 | 正在申请 | ||
| 63 | </div> | ||
| 64 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 65 | 正在注销 | ||
| 66 | </div> | ||
| 67 | |||
| 68 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> | ||
| 69 | <span v-if="item.prop == 'qszt'"> | ||
| 70 | {{ getQsztName(row[item.prop]) }} | ||
| 71 | </span> | ||
| 72 | <span v-else>{{ row[item.prop] }}</span> | ||
| 73 | </p> | ||
| 74 | |||
| 75 | <el-tooltip | ||
| 76 | v-else | ||
| 77 | effect="dark" | ||
| 78 | :content="row[item.prop]" | ||
| 79 | placement="top" | ||
| 80 | popper-class="tooltip-width"> | ||
| 81 | <span class="ellipsis-line"> | ||
| 82 | {{ row[item.prop] }} | ||
| 83 | </span> | ||
| 84 | </el-tooltip> | ||
| 85 | </td> | ||
| 86 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 87 | </tr> | ||
| 88 | </table> | ||
| 89 | </div> | ||
| 90 | </div> --> | ||
| 91 | </div> | 10 | </div> |
| 92 | </template> | 11 | </template> |
| 93 | 12 | ||
| 94 | <script> | 13 | <script> |
| 95 | import djbDetail from "./components/djbDetail.vue" | ||
| 96 | import { datas } from "./qlxxFormData.js"; | 14 | import { datas } from "./qlxxFormData.js"; |
| 97 | import { getSjlx } from "@/utils/dictionary.js"; | 15 | import { getSjlx } from "@/utils/dictionary.js"; |
| 98 | import { getCfdjList } from "@/api/djbDetail.js"; | 16 | import { getCfdjList } from "@/api/djbDetail.js"; |
| 17 | import djbDetail from "./components/djbDetail.vue" | ||
| 99 | export default { | 18 | export default { |
| 100 | components: { | 19 | components: { |
| 101 | djbDetail | 20 | djbDetail |
| ... | @@ -104,14 +23,10 @@ | ... | @@ -104,14 +23,10 @@ |
| 104 | return { | 23 | return { |
| 105 | shows: false, | 24 | shows: false, |
| 106 | title: "查封登记信息", | 25 | title: "查封登记信息", |
| 107 | // qsztList: datas.columns().qsztList, | ||
| 108 | // checkList: datas.columns().checkList, | ||
| 109 | //传递参数 | 26 | //传递参数 |
| 110 | propsParam: this.$attrs, | 27 | propsParam: this.$attrs, |
| 111 | //列表数据 | 28 | //列表数据 |
| 112 | tableData: [], | 29 | tableData: [], |
| 113 | //空列值个数 | ||
| 114 | // emptycolNum: datas.columns().emptycolNum, | ||
| 115 | //列名称对象 | 30 | //列名称对象 |
| 116 | columns: datas.columns().CFDJ, | 31 | columns: datas.columns().CFDJ, |
| 117 | render: false, | 32 | render: false, |
| ... | @@ -154,64 +69,10 @@ | ... | @@ -154,64 +69,10 @@ |
| 154 | this.emptycolNum = 0; | 69 | this.emptycolNum = 0; |
| 155 | } | 70 | } |
| 156 | } | 71 | } |
| 157 | }); | 72 | }) |
| 158 | }, | 73 | } |
| 159 | // /** | 74 | } |
| 160 | // * @description: checkChange | 75 | } |
| 161 | // * @author: renchao | ||
| 162 | // */ | ||
| 163 | // checkChange () { | ||
| 164 | // if (this.checkList.length === 0) { | ||
| 165 | // this.tableData = []; | ||
| 166 | // this.emptycolNum = datas.columns().emptycolNum; | ||
| 167 | // } else { | ||
| 168 | // this.loadData(); | ||
| 169 | // } | ||
| 170 | // }, | ||
| 171 | // /** | ||
| 172 | // * @description: getQsztName | ||
| 173 | // * @author: renchao | ||
| 174 | // */ | ||
| 175 | // getQsztName (code) { | ||
| 176 | // let name = ""; | ||
| 177 | // for (let item of this.qsztList) { | ||
| 178 | // if (item.value == code) { | ||
| 179 | // name = item.label; | ||
| 180 | // break; | ||
| 181 | // } | ||
| 182 | // } | ||
| 183 | // return name; | ||
| 184 | // }, | ||
| 185 | // // 新增一条补录信息 | ||
| 186 | // /** | ||
| 187 | // * @description: 新增一条补录信息 | ||
| 188 | // * @param {*} row | ||
| 189 | // * @param {*} del | ||
| 190 | // * @author: renchao | ||
| 191 | // */ | ||
| 192 | // editDialog (row, del) { | ||
| 193 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 194 | // confirmButtonText: "确定", | ||
| 195 | // cancelButtonText: "取消", | ||
| 196 | // type: "warning", | ||
| 197 | // }) | ||
| 198 | // .then(() => { | ||
| 199 | // this.$parent.addRepairRecord(row, del); | ||
| 200 | |||
| 201 | // this.$message({ | ||
| 202 | // type: "success", | ||
| 203 | // message: "补录成功!", | ||
| 204 | // }); | ||
| 205 | // }) | ||
| 206 | // .catch(() => { | ||
| 207 | // this.$message({ | ||
| 208 | // type: "info", | ||
| 209 | // message: "取消编辑", | ||
| 210 | // }); | ||
| 211 | // }); | ||
| 212 | // }, | ||
| 213 | }, | ||
| 214 | }; | ||
| 215 | </script> | 76 | </script> |
| 216 | 77 | ||
| 217 | <style lang="scss" scoped> | 78 | <style lang="scss" scoped> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 11:00:11 | 4 | * @LastEditTime: 2023-09-18 14:42:14 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="tableBox"> | 7 | <div class="tableBox"> |
| ... | @@ -71,7 +71,10 @@ | ... | @@ -71,7 +71,10 @@ |
| 71 | <span v-if="item.prop == 'qszt'"> | 71 | <span v-if="item.prop == 'qszt'"> |
| 72 | {{ getQsztName(row[item.prop]) }} | 72 | {{ getQsztName(row[item.prop]) }} |
| 73 | </span> | 73 | </span> |
| 74 | <span v-else>{{ row[item.prop] }}</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> | ||
| 75 | </p> | 78 | </p> |
| 76 | 79 | ||
| 77 | <el-tooltip | 80 | <el-tooltip |
| ... | @@ -92,8 +95,10 @@ | ... | @@ -92,8 +95,10 @@ |
| 92 | </div> | 95 | </div> |
| 93 | </template> | 96 | </template> |
| 94 | <script> | 97 | <script> |
| 98 | import Router from '@/router' | ||
| 95 | import { datas } from "../qlxxFormData.js"; | 99 | import { datas } from "../qlxxFormData.js"; |
| 96 | import printTemplate from "../components/printTemplate.vue"; | 100 | import printTemplate from "../components/printTemplate.vue"; |
| 101 | import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw' | ||
| 97 | export default { | 102 | export default { |
| 98 | components: { | 103 | components: { |
| 99 | printTemplate | 104 | printTemplate |
| ... | @@ -133,7 +138,6 @@ | ... | @@ -133,7 +138,6 @@ |
| 133 | }, | 138 | }, |
| 134 | methods: { | 139 | methods: { |
| 135 | openPrint () { | 140 | openPrint () { |
| 136 | console.log("tableData",this.tableData); | ||
| 137 | this.render = true; | 141 | this.render = true; |
| 138 | setTimeout(() => { | 142 | setTimeout(() => { |
| 139 | this.prinsss(); | 143 | this.prinsss(); |
| ... | @@ -210,6 +214,30 @@ | ... | @@ -210,6 +214,30 @@ |
| 210 | message: "取消编辑" | 214 | message: "取消编辑" |
| 211 | }) | 215 | }) |
| 212 | }) | 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 | } | ||
| 213 | } | 241 | } |
| 214 | } | 242 | } |
| 215 | } | 243 | } | ... | ... |
| 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 15:04:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate id="boxdiyaq" :tableData="tableData" :render="render" /> | ||
| 12 | </div> | ||
| 13 | <div class="tableBox"> | ||
| 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 | <span v-else>{{ row[item.prop] }}</span> | ||
| 75 | </p> | ||
| 76 | |||
| 77 | <el-tooltip | ||
| 78 | v-else | ||
| 79 | effect="dark" | ||
| 80 | :content="row[item.prop]" | ||
| 81 | placement="top" | ||
| 82 | popper-class="tooltip-width"> | ||
| 83 | <span class="ellipsis-line"> | ||
| 84 | {{ row[item.prop] }} | ||
| 85 | </span> | ||
| 86 | </el-tooltip> | ||
| 87 | </td> | ||
| 88 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 89 | </tr> | ||
| 90 | </table> | ||
| 91 | </div> | ||
| 92 | </div> --> | ||
| 93 | </div> | 10 | </div> |
| 94 | </template> | 11 | </template> |
| 95 | 12 | ||
| ... | @@ -100,20 +17,16 @@ | ... | @@ -100,20 +17,16 @@ |
| 100 | import { getDiyaqList } from "@/api/djbDetail.js"; | 17 | import { getDiyaqList } from "@/api/djbDetail.js"; |
| 101 | export default { | 18 | export default { |
| 102 | components: { | 19 | components: { |
| 103 | djbDetail | 20 | djbDetail |
| 104 | }, | 21 | }, |
| 105 | data () { | 22 | data () { |
| 106 | return { | 23 | return { |
| 107 | shows: false, | 24 | shows: false, |
| 108 | title: "抵押权登记信息", | 25 | title: "抵押权登记信息", |
| 109 | // qsztList: datas.columns().qsztList, | ||
| 110 | // checkList: datas.columns().checkList, | ||
| 111 | //传递参数 | 26 | //传递参数 |
| 112 | propsParam: this.$attrs, | 27 | propsParam: this.$attrs, |
| 113 | //列表数据 | 28 | //列表数据 |
| 114 | tableData: [], | 29 | tableData: [], |
| 115 | //空列值个数 | ||
| 116 | // emptycolNum: datas.columns().emptycolNum, | ||
| 117 | //列名称对象 | 30 | //列名称对象 |
| 118 | columns: datas.columns().DYAQ, | 31 | columns: datas.columns().DYAQ, |
| 119 | render: false, | 32 | render: false, |
| ... | @@ -123,35 +36,6 @@ | ... | @@ -123,35 +36,6 @@ |
| 123 | this.loadData(); | 36 | this.loadData(); |
| 124 | }, | 37 | }, |
| 125 | methods: { | 38 | methods: { |
| 126 | // /** | ||
| 127 | // * @description: openPrint | ||
| 128 | // * @author: miaofang | ||
| 129 | // */ | ||
| 130 | // openPrint () { | ||
| 131 | // this.render = true; | ||
| 132 | // setTimeout(() => { | ||
| 133 | // this.prinsss(); | ||
| 134 | // }, 100); | ||
| 135 | // }, | ||
| 136 | // /** | ||
| 137 | // * @description: prinsss | ||
| 138 | // * @author: miaofang | ||
| 139 | // */ | ||
| 140 | // prinsss () { | ||
| 141 | // printJS({ | ||
| 142 | // printable: "boxdiyaq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 143 | // type: "html", | ||
| 144 | // maxWidth: 800, // 最大宽度 | ||
| 145 | // font_size: "", // 不设置则使用默认字体大小 | ||
| 146 | // style: `@font-face { | ||
| 147 | // font-family: "STZHONGS"; | ||
| 148 | // src: url(${window.ttf}) format("truetype"); | ||
| 149 | // }`, | ||
| 150 | // // 继承原来的所有样式 | ||
| 151 | // targetStyles: ["*"], | ||
| 152 | // }); | ||
| 153 | // this.render = false | ||
| 154 | // }, | ||
| 155 | /** | 39 | /** |
| 156 | * @description: loadData | 40 | * @description: loadData |
| 157 | * @author: renchao | 41 | * @author: renchao |
| ... | @@ -179,72 +63,16 @@ | ... | @@ -179,72 +63,16 @@ |
| 179 | this.emptycolNum = 0; | 63 | this.emptycolNum = 0; |
| 180 | } | 64 | } |
| 181 | } | 65 | } |
| 182 | }); | 66 | }) |
| 183 | }, | 67 | } |
| 184 | // /** | 68 | } |
| 185 | // * @description: checkChange | 69 | } |
| 186 | // * @author: renchao | ||
| 187 | // */ | ||
| 188 | // checkChange () { | ||
| 189 | // if (this.checkList.length === 0) { | ||
| 190 | // this.tableData = []; | ||
| 191 | // this.emptycolNum = datas.columns().emptycolNum; | ||
| 192 | // } else { | ||
| 193 | // this.loadData(); | ||
| 194 | // } | ||
| 195 | // }, | ||
| 196 | // /** | ||
| 197 | // * @description: getQsztName | ||
| 198 | // * @param {*} code | ||
| 199 | // * @author: renchao | ||
| 200 | // */ | ||
| 201 | // getQsztName (code) { | ||
| 202 | // let name = ""; | ||
| 203 | // for (let item of this.qsztList) { | ||
| 204 | // if (item.value == code) { | ||
| 205 | // name = item.label; | ||
| 206 | // break; | ||
| 207 | // } | ||
| 208 | // } | ||
| 209 | // return name; | ||
| 210 | // }, | ||
| 211 | // // 新增一条补录信息 | ||
| 212 | // /** | ||
| 213 | // * @description: 新增一条补录信息 | ||
| 214 | // * @param {*} row | ||
| 215 | // * @param {*} del | ||
| 216 | // * @author: renchao | ||
| 217 | // */ | ||
| 218 | // editDialog (row, del) { | ||
| 219 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 220 | // confirmButtonText: "确定", | ||
| 221 | // cancelButtonText: "取消", | ||
| 222 | // type: "warning", | ||
| 223 | // }) | ||
| 224 | // .then(() => { | ||
| 225 | // this.$parent.addRepairRecord(row, del); | ||
| 226 | // this.$message({ | ||
| 227 | // type: "success", | ||
| 228 | // message: "补录成功!", | ||
| 229 | // }); | ||
| 230 | // }) | ||
| 231 | // .catch(() => { | ||
| 232 | // this.$message({ | ||
| 233 | // type: "info", | ||
| 234 | // message: "取消编辑", | ||
| 235 | // }); | ||
| 236 | // }); | ||
| 237 | // }, | ||
| 238 | }, | ||
| 239 | }; | ||
| 240 | </script> | 70 | </script> |
| 241 | |||
| 242 | <style lang="scss" scoped> | 71 | <style lang="scss" scoped> |
| 243 | @import "./qlxxCommon.scss"; | 72 | @import "./qlxxCommon.scss"; |
| 244 | .title { | 73 | .title { |
| 245 | position: relative; | 74 | position: relative; |
| 246 | .print { | 75 | .print { |
| 247 | // background-color: #0079fe; | ||
| 248 | z-index: 10; | 76 | z-index: 10; |
| 249 | position: absolute; | 77 | position: absolute; |
| 250 | left: 11px; | 78 | left: 11px; | ... | ... |
| 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 15:04:54 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate id="boxdiyiq" :tableData="tableData" :render="render"/> | ||
| 12 | </div> | ||
| 13 | <div class="tableBox"> | ||
| 14 | <div class="title"> | ||
| 15 | {{ title }} | ||
| 16 | <el-button class="print" v-show="shows" @click="openPrint()" | ||
| 17 | >打印</el-button | ||
| 18 | > | ||
| 19 | <div class="checkbox"> | ||
| 20 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 21 | <el-checkbox | ||
| 22 | v-for="item in qsztList" | ||
| 23 | :key="item.value" | ||
| 24 | :label="item.value" | ||
| 25 | >{{ item.label }}</el-checkbox | ||
| 26 | > | ||
| 27 | </el-checkbox-group> | ||
| 28 | </div> | ||
| 29 | </div> | ||
| 30 | <div class="xxTableBox rollTable"> | ||
| 31 | <table class="xxTable"> | ||
| 32 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 33 | <td> | ||
| 34 | {{ item.label }} | ||
| 35 | </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 | ||
| 51 | class="setbut" | ||
| 52 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 53 | > | ||
| 54 | <el-button | ||
| 55 | type="text" | ||
| 56 | icon="el-icon-edit-outline" | ||
| 57 | @click="editDialog(row)" | ||
| 58 | >编辑</el-button | ||
| 59 | > | ||
| 60 | <el-button | ||
| 61 | type="text" | ||
| 62 | icon="el-icon-edit-outline" | ||
| 63 | @click="editDialog(row, 'D')" | ||
| 64 | >删除</el-button | ||
| 65 | > | ||
| 66 | </div> | ||
| 67 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 68 | 有效 | ||
| 69 | </div> | ||
| 70 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 71 | 正在补录 | ||
| 72 | </div> | ||
| 73 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 74 | 正在申请 | ||
| 75 | </div> | ||
| 76 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 77 | 正在注销 | ||
| 78 | </div> | ||
| 79 | |||
| 80 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> | ||
| 81 | <span v-if="item.prop == 'qszt'"> | ||
| 82 | {{ getQsztName(row[item.prop]) }} | ||
| 83 | </span> | ||
| 84 | <span v-else>{{ row[item.prop] }}</span> | ||
| 85 | </p> | ||
| 86 | |||
| 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 djbDetail from "./components/djbDetail.vue" | 14 | import { datas } from "./qlxxFormData.js"; |
| 109 | import { datas } from "./qlxxFormData.js"; | 15 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 110 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 16 | import { getDiyiqList } from "@/api/djbDetail.js"; |
| 111 | import { getDiyiqList } from "@/api/djbDetail.js"; | 17 | import djbDetail from "./components/djbDetail.vue" |
| 112 | export default { | 18 | export default { |
| 113 | components: { | 19 | components: { |
| 114 | djbDetail | 20 | djbDetail |
| 115 | }, | ||
| 116 | data() { | ||
| 117 | return { | ||
| 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().DYIQ, | ||
| 130 | render: false, | ||
| 131 | }; | ||
| 132 | }, | ||
| 133 | created() { | ||
| 134 | this.loadData(); | ||
| 135 | }, | ||
| 136 | methods: { /** | ||
| 137 | // * @description: openPrint | ||
| 138 | // * @author: miaofang | ||
| 139 | // */ | ||
| 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: "boxdiyiq", // // 文档来源：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: loadData | ||
| 167 | * @author: miaofang | ||
| 168 | */ | ||
| 169 | loadData() { | ||
| 170 | if (this.$parent.addRepairRecord) { | ||
| 171 | this.columns.unshift({ prop: "cz", label: "操作" }); | ||
| 172 | } | ||
| 173 | getDiyiqList({ | ||
| 174 | bdcdyid: this.propsParam.bdcdyid, | ||
| 175 | qllx: this.propsParam.qllx, | ||
| 176 | qszt: this.checkList, | ||
| 177 | }).then((res) => { | ||
| 178 | if (res.code === 200) { | ||
| 179 | this.tableData = res.result; | ||
| 180 | this.shows=this.tableData.length>0 | ||
| 181 | this.tableData.forEach((item) => { | ||
| 182 | item.sjlx = getSjlx(item.sjlx); | ||
| 183 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); | ||
| 184 | }); | ||
| 185 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 186 | this.emptycolNum = | ||
| 187 | datas.columns().emptycolNum - this.tableData.length; | ||
| 188 | } else { | ||
| 189 | this.emptycolNum = 0; | ||
| 190 | } | ||
| 191 | } | ||
| 192 | }); | ||
| 193 | }, | 21 | }, |
| 194 | // /** | 22 | data () { |
| 195 | // * @description: checkChange | 23 | return { |
| 196 | // * @author: miaofang | 24 | shows: false, |
| 197 | // */ | 25 | title: "地役权登记信息", |
| 198 | // checkChange() { | 26 | //传递参数 |
| 199 | // if (this.checkList.length === 0) { | 27 | propsParam: this.$attrs, |
| 200 | // this.tableData = []; | 28 | //列表数据 |
| 201 | // this.emptycolNum = datas.columns().emptycolNum; | 29 | tableData: [], |
| 202 | // } else { | 30 | //列名称对象 |
| 203 | // this.loadData(); | 31 | columns: datas.columns().DYIQ, |
| 204 | // } | 32 | render: false, |
| 205 | // }, | 33 | }; |
| 206 | // /** | 34 | }, |
| 207 | // * @description: getQsztName | 35 | created () { |
| 208 | // * @param {*} code | 36 | this.loadData(); |
| 209 | // * @author: miaofang | 37 | }, |
| 210 | // */ | 38 | methods: { |
| 211 | // getQsztName(code) { | 39 | loadData () { |
| 212 | // let name = ""; | 40 | if (this.$parent.addRepairRecord) { |
| 213 | // for (let item of this.qsztList) { | 41 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 214 | // if (item.value == code) { | 42 | } |
| 215 | // name = item.label; | 43 | getDiyiqList({ |
| 216 | // break; | 44 | bdcdyid: this.propsParam.bdcdyid, |
| 217 | // } | 45 | qllx: this.propsParam.qllx, |
| 218 | // } | 46 | qszt: this.checkList, |
| 219 | // return name; | 47 | }).then((res) => { |
| 220 | // }, | 48 | if (res.code === 200) { |
| 221 | // // 新增一条补录信息 | 49 | this.tableData = res.result; |
| 222 | // /** | 50 | this.shows = this.tableData.length > 0 |
| 223 | // * @description: 新增一条补录信息 | 51 | this.tableData.forEach((item) => { |
| 224 | // * @param {*} row | 52 | item.sjlx = getSjlx(item.sjlx); |
| 225 | // * @param {*} del | 53 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); |
| 226 | // * @author: miaofang | 54 | }); |
| 227 | // */ | 55 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 228 | // editDialog(row, del) { | 56 | this.emptycolNum = |
| 229 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 57 | datas.columns().emptycolNum - this.tableData.length; |
| 230 | // confirmButtonText: "确定", | 58 | } else { |
| 231 | // cancelButtonText: "取消", | 59 | this.emptycolNum = 0; |
| 232 | // type: "warning", | 60 | } |
| 233 | // }) | 61 | } |
| 234 | // .then(() => { | 62 | }) |
| 235 | // this.$parent.addRepairRecord(row, del); | 63 | } |
| 236 | 64 | } | |
| 237 | // this.$message({ | 65 | }; |
| 238 | // type: "success", | ||
| 239 | // message: "补录成功!", | ||
| 240 | // }); | ||
| 241 | // }) | ||
| 242 | // .catch(() => { | ||
| 243 | // this.$message({ | ||
| 244 | // type: "info", | ||
| 245 | // message: "取消编辑", | ||
| 246 | // }); | ||
| 247 | // }); | ||
| 248 | // }, | ||
| 249 | }, | ||
| 250 | }; | ||
| 251 | </script> | 66 | </script> |
| 252 | 67 | ||
| 253 | <style lang="scss" scoped> | 68 | <style lang="scss" scoped> |
| 254 | @import "./qlxxCommon.scss"; | 69 | @import "./qlxxCommon.scss"; |
| 255 | .title { | 70 | .title { |
| 256 | position: relative; | 71 | position: relative; |
| 257 | .print { | 72 | .print { |
| 258 | // background-color: #0079fe; | 73 | // background-color: #0079fe; |
| 259 | z-index: 10; | 74 | z-index: 10; |
| 260 | position: absolute; | 75 | position: absolute; |
| 261 | left: 11px; | 76 | left: 11px; |
| 262 | top: 5px; | 77 | top: 5px; |
| 78 | } | ||
| 263 | } | 79 | } |
| 264 | } | ||
| 265 | </style> | 80 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-15 10:20:40 | 4 | * @LastEditTime: 2023-09-18 14:48:07 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -72,7 +72,9 @@ | ... | @@ -72,7 +72,9 @@ |
| 72 | <span v-if="item.prop == 'qszt'"> | 72 | <span v-if="item.prop == 'qszt'"> |
| 73 | {{ getQsztName(row[item.prop]) }} | 73 | {{ getQsztName(row[item.prop]) }} |
| 74 | </span> | 74 | </span> |
| 75 | 75 | <el-link v-if="item.prop == 'ywh'" | |
| 76 | @click="handleSelectYwh(tableData, row[item.prop])" | ||
| 77 | type="primary">{{ row[item.prop] }}</el-link> | ||
| 76 | <el-tooltip | 78 | <el-tooltip |
| 77 | v-if="['djyy', 'fj'].includes(item.prop)" | 79 | v-if="['djyy', 'fj'].includes(item.prop)" |
| 78 | effect="dark" | 80 | effect="dark" |
| ... | @@ -86,6 +88,7 @@ | ... | @@ -86,6 +88,7 @@ |
| 86 | 88 | ||
| 87 | <span | 89 | <span |
| 88 | v-if=" | 90 | v-if=" |
| 91 | item.prop !== 'ywh' && | ||
| 89 | item.prop !== 'qszt' && | 92 | item.prop !== 'qszt' && |
| 90 | item.prop !== 'djyy' && | 93 | item.prop !== 'djyy' && |
| 91 | item.prop !== 'fj' && | 94 | item.prop !== 'fj' && |
| ... | @@ -110,11 +113,13 @@ | ... | @@ -110,11 +113,13 @@ |
| 110 | </template> | 113 | </template> |
| 111 | 114 | ||
| 112 | <script> | 115 | <script> |
| 116 | import Router from '@/router' | ||
| 113 | import printJS from "print-js"; | 117 | import printJS from "print-js"; |
| 114 | import { datas } from "./qlxxFormData.js"; | 118 | import { datas } from "./qlxxFormData.js"; |
| 115 | import { getSjlx } from "@/utils/dictionary.js"; | 119 | import { getSjlx } from "@/utils/dictionary.js"; |
| 116 | import { getFdcq1List } from "@/api/djbDetail.js"; | 120 | import { getFdcq1List } from "@/api/djbDetail.js"; |
| 117 | import printTemplate from "./components/printTemplate.vue"; | 121 | import printTemplate from "./components/printTemplate.vue"; |
| 122 | import { getXtParamsByYwh, getBlParamsByYwh } from '@/api/djyw' | ||
| 118 | export default { | 123 | export default { |
| 119 | components: { | 124 | components: { |
| 120 | printTemplate, | 125 | printTemplate, |
| ... | @@ -246,7 +251,6 @@ | ... | @@ -246,7 +251,6 @@ |
| 246 | return false; | 251 | return false; |
| 247 | } | 252 | } |
| 248 | }, | 253 | }, |
| 249 | // 新增一条补录信息 | ||
| 250 | /** | 254 | /** |
| 251 | * @description: 新增一条补录信息 | 255 | * @description: 新增一条补录信息 |
| 252 | * @param {*} row | 256 | * @param {*} row |
| ... | @@ -274,7 +278,31 @@ | ... | @@ -274,7 +278,31 @@ |
| 274 | }); | 278 | }); |
| 275 | }); | 279 | }); |
| 276 | }, | 280 | }, |
| 277 | }, | 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 | } | ||
| 290 | }) | ||
| 291 | if (sjlx == '系统数据') { | ||
| 292 | getXtParamsByYwh(ywh).then(res => { | ||
| 293 | let data = res.result | ||
| 294 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx') | ||
| 295 | window.open(href, `urlname${data.bsmSlsq}`) | ||
| 296 | }) | ||
| 297 | } else { | ||
| 298 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { | ||
| 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 | } | ||
| 278 | }; | 306 | }; |
| 279 | </script> | 307 | </script> |
| 280 | 308 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-15 10:58:42 | 4 | * @LastEditTime: 2023-09-18 15:01:13 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate | ||
| 12 | id="boxfdcq" | ||
| 13 | :tableData="tableData" | ||
| 14 | :render="render" /> | ||
| 15 | </div> --> | ||
| 16 | <!-- <div class="tableBox"> | ||
| 17 | <div class="title"> | ||
| 18 | {{ title }} | ||
| 19 | <el-button class="print" v-show="shows" @click="openPrint()">打印</el-button> | ||
| 20 | <div class="checkbox"> | ||
| 21 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 22 | <el-checkbox | ||
| 23 | v-for="item in qsztList" | ||
| 24 | :key="item.value" | ||
| 25 | :label="item.value">{{ item.label }}</el-checkbox> | ||
| 26 | </el-checkbox-group> | ||
| 27 | </div> | ||
| 28 | </div> | ||
| 29 | <div class="xxTableBox rollTable"> | ||
| 30 | <table class="xxTable"> | ||
| 31 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 32 | <td> | ||
| 33 | {{ item.label }} | ||
| 34 | </td> | ||
| 35 | <td | ||
| 36 | v-for="(row, index) in tableData" | ||
| 37 | :key="index" | ||
| 38 | :class="[ | ||
| 39 | row.qszt == '2' ? 'lishi' : '', | ||
| 40 | row.qszt == '0' ? 'linshi' : '', | ||
| 41 | row.qlzt == '4' ? 'linshi' : '', | ||
| 42 | |||
| 43 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 44 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 45 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 46 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 47 | ]"> | ||
| 48 | <div | ||
| 49 | class="setbut" | ||
| 50 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"> | ||
| 51 | <el-button | ||
| 52 | type="text" | ||
| 53 | icon="el-icon-edit-outline" | ||
| 54 | @click="editDialog(row)">编辑</el-button> | ||
| 55 | <el-button | ||
| 56 | type="text" | ||
| 57 | icon="el-icon-edit-outline" | ||
| 58 | @click="editDialog(row, 'D')">删除</el-button> | ||
| 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 | <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 | </div> | 10 | </div> |
| 97 | </template> | 11 | </template> |
| 98 | <script> | 12 | <script> |
| ... | @@ -104,7 +18,6 @@ | ... | @@ -104,7 +18,6 @@ |
| 104 | components: { | 18 | components: { |
| 105 | djbDetail | 19 | djbDetail |
| 106 | }, | 20 | }, |
| 107 | |||
| 108 | data () { | 21 | data () { |
| 109 | return { | 22 | return { |
| 110 | shows: false, | 23 | shows: false, |
| ... | @@ -115,11 +28,7 @@ | ... | @@ -115,11 +28,7 @@ |
| 115 | tableData: [], | 28 | tableData: [], |
| 116 | //列名称对象 | 29 | //列名称对象 |
| 117 | columns: datas.columns().FDCQ2, | 30 | columns: datas.columns().FDCQ2, |
| 118 | // qsztList: datas.columns().qsztList, | ||
| 119 | render: false, | 31 | render: false, |
| 120 | // checkList:datas.columns().checkList, | ||
| 121 | //空列值个数 | ||
| 122 | // emptycolNum: datas.columns().emptycolNum | ||
| 123 | }; | 32 | }; |
| 124 | }, | 33 | }, |
| 125 | created () { | 34 | created () { | ... | ... |
| 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 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate | ||
| 12 | id="boxjsydsyq" | ||
| 13 | :tableData="tableData" | ||
| 14 | :render="render" | ||
| 15 | /> | ||
| 16 | </div> | ||
| 17 | <div class="tableBox"> | ||
| 18 | <div class="title"> | ||
| 19 | {{ title }} | ||
| 20 | <el-button class="print" v-show="shows" @click="openPrint()" | ||
| 21 | >打印</el-button | ||
| 22 | > | ||
| 23 | <div class="checkbox"> | ||
| 24 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 25 | <el-checkbox | ||
| 26 | v-for="item in qsztList" | ||
| 27 | :key="item.value" | ||
| 28 | :label="item.value" | ||
| 29 | >{{ item.label }}</el-checkbox | ||
| 30 | > | ||
| 31 | </el-checkbox-group> | ||
| 32 | </div> | ||
| 33 | </div> | ||
| 34 | <div class="xxTableBox rollTable"> | ||
| 35 | <table class="xxTable"> | ||
| 36 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 37 | <td> | ||
| 38 | {{ item.label }} | ||
| 39 | </td> | ||
| 40 | <td | ||
| 41 | v-for="(row, index) in tableData" | ||
| 42 | :key="index" | ||
| 43 | :class="[ | ||
| 44 | row.qszt == '2' ? 'lishi' : '', | ||
| 45 | row.qszt == '0' ? 'linshi' : '', | ||
| 46 | row.qlzt == '4' ? 'linshi' : '', | ||
| 47 | |||
| 48 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 49 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 50 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 51 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 52 | ]" | ||
| 53 | > | ||
| 54 | <div | ||
| 55 | class="setbut" | ||
| 56 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 57 | > | ||
| 58 | <el-button | ||
| 59 | type="text" | ||
| 60 | icon="el-icon-edit-outline" | ||
| 61 | @click="editDialog(row)" | ||
| 62 | >编辑</el-button | ||
| 63 | > | ||
| 64 | <el-button | ||
| 65 | type="text" | ||
| 66 | icon="el-icon-edit-outline" | ||
| 67 | @click="editDialog(row, 'D')" | ||
| 68 | >删除</el-button | ||
| 69 | > | ||
| 70 | </div> | ||
| 71 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 72 | 有效 | ||
| 73 | </div> | ||
| 74 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 75 | 正在补录 | ||
| 76 | </div> | ||
| 77 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 78 | 正在申请 | ||
| 79 | </div> | ||
| 80 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 81 | 正在注销 | ||
| 82 | </div> | ||
| 83 | |||
| 84 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> | ||
| 85 | <span v-if="item.prop == 'qszt'"> | ||
| 86 | {{ getQsztName(row[item.prop]) }} | ||
| 87 | </span> | ||
| 88 | <span v-else>{{ row[item.prop] }}</span> | ||
| 89 | </p> | ||
| 90 | <el-tooltip | ||
| 91 | v-else | ||
| 92 | effect="dark" | ||
| 93 | :content="row[item.prop]" | ||
| 94 | placement="top" | ||
| 95 | popper-class="tooltip-width" | ||
| 96 | > | ||
| 97 | <span class="ellipsis-line"> | ||
| 98 | {{ row[item.prop] }} | ||
| 99 | </span> | ||
| 100 | </el-tooltip> | ||
| 101 | </td> | ||
| 102 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 103 | </tr> | ||
| 104 | </table> | ||
| 105 | </div> | ||
| 106 | </div> --> | ||
| 107 | </div> | 10 | </div> |
| 108 | </template> | 11 | </template> |
| 109 | 12 | ||
| 110 | <script> | 13 | <script> |
| 111 | import { datas } from "./qlxxFormData.js"; | 14 | import { datas } from "./qlxxFormData.js"; |
| 112 | import { getSjlx } from "@/utils/dictionary.js"; | 15 | import { getSjlx } from "@/utils/dictionary.js"; |
| 113 | import { getJsydsyqList } from "@/api/djbDetail.js"; | 16 | import { getJsydsyqList } from "@/api/djbDetail.js"; |
| 114 | import djbDetail from "./components/djbDetail.vue" | 17 | import djbDetail from "./components/djbDetail.vue" |
| 115 | export default { | 18 | export default { |
| 116 | components: { | 19 | components: { |
| 117 | djbDetail, | 20 | djbDetail, |
| 118 | }, | ||
| 119 | data() { | ||
| 120 | return { | ||
| 121 | printObj: { | ||
| 122 | id: "box", | ||
| 123 | //其他配置项， | ||
| 124 | }, | ||
| 125 | shows: false, | ||
| 126 | title: "建设用地使用权、宅基地使用权登记信息", | ||
| 127 | // qsztList: datas.columns().qsztList, | ||
| 128 | // checkList: datas.columns().checkList, | ||
| 129 | //传递参数 | ||
| 130 | propsParam: this.$attrs, | ||
| 131 | //列表数据 | ||
| 132 | tableData: [], | ||
| 133 | //空列值个数 | ||
| 134 | // emptycolNum: datas.columns().emptycolNum, | ||
| 135 | //列名称对象 | ||
| 136 | columns: datas.columns().JSYDSYQ, | ||
| 137 | render: false, | ||
| 138 | }; | ||
| 139 | }, | ||
| 140 | created() { | ||
| 141 | this.loadData(); | ||
| 142 | }, | ||
| 143 | methods: { | ||
| 144 | // /** | ||
| 145 | // * @description: openPrint | ||
| 146 | // * @author: miaofang | ||
| 147 | // */ | ||
| 148 | // openPrint() { | ||
| 149 | // this.render = true; | ||
| 150 | // setTimeout(() => { | ||
| 151 | // this.prinsss(); | ||
| 152 | // }, 100); | ||
| 153 | // }, | ||
| 154 | // /** | ||
| 155 | // * @description: prinsss | ||
| 156 | // * @author: miaofang | ||
| 157 | // */ | ||
| 158 | // prinsss() { | ||
| 159 | // printJS({ | ||
| 160 | // printable: "boxjsydsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 161 | // type: "html", | ||
| 162 | // maxWidth: 800, // 最大宽度 | ||
| 163 | // font_size: "", // 不设置则使用默认字体大小 | ||
| 164 | // style: `@font-face { | ||
| 165 | // font-family: "STZHONGS"; | ||
| 166 | // src: url(${window.ttf}) format("truetype"); | ||
| 167 | // }`, | ||
| 168 | // // 继承原来的所有样式 | ||
| 169 | // targetStyles: ["*"], | ||
| 170 | // }); | ||
| 171 | // this.render=false | ||
| 172 | // }, | ||
| 173 | /** | ||
| 174 | * @description: loadData | ||
| 175 | * @author: miaofang | ||
| 176 | */ | ||
| 177 | loadData() { | ||
| 178 | getJsydsyqList({ | ||
| 179 | bdcdyid: this.propsParam.bdcdyid, | ||
| 180 | qllx: this.propsParam.qllx, | ||
| 181 | qszt: this.checkList, | ||
| 182 | }).then((res) => { | ||
| 183 | if (res.code === 200) { | ||
| 184 | this.tableData = res.result; | ||
| 185 | this.shows = this.tableData.length > 0; | ||
| 186 | this.tableData.forEach((item) => { | ||
| 187 | item.sjlx = getSjlx(item.sjlx); | ||
| 188 | }); | ||
| 189 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 190 | this.emptycolNum = | ||
| 191 | datas.columns().emptycolNum - this.tableData.length; | ||
| 192 | } else { | ||
| 193 | this.emptycolNum = 0; | ||
| 194 | } | ||
| 195 | } | ||
| 196 | }); | ||
| 197 | }, | 21 | }, |
| 198 | // /** | 22 | data () { |
| 199 | // * @description: checkChange | 23 | return { |
| 200 | // * @author: miaofang | 24 | printObj: { |
| 201 | // */ | 25 | id: "box", |
| 202 | // checkChange() { | 26 | //其他配置项， |
| 203 | // if (this.checkList.length === 0) { | 27 | }, |
| 204 | // this.tableData = []; | 28 | shows: false, |
| 205 | // this.emptycolNum = datas.columns().emptycolNum; | 29 | title: "建设用地使用权、宅基地使用权登记信息", |
| 206 | // } else { | 30 | //传递参数 |
| 207 | // this.loadData(); | 31 | propsParam: this.$attrs, |
| 208 | // } | 32 | //列表数据 |
| 209 | // }, | 33 | tableData: [], |
| 210 | // /** | 34 | //列名称对象 |
| 211 | // * @description: getQsztName | 35 | columns: datas.columns().JSYDSYQ, |
| 212 | // * @param {*} code | 36 | render: false, |
| 213 | // * @author: miaofang | 37 | }; |
| 214 | // */ | 38 | }, |
| 215 | // getQsztName(code) { | 39 | created () { |
| 216 | // let name = ""; | 40 | this.loadData(); |
| 217 | // for (let item of this.qsztList) { | 41 | }, |
| 218 | // if (item.value == code) { | 42 | methods: { |
| 219 | // name = item.label; | 43 | loadData () { |
| 220 | // break; | 44 | getJsydsyqList({ |
| 221 | // } | 45 | bdcdyid: this.propsParam.bdcdyid, |
| 222 | // } | 46 | qllx: this.propsParam.qllx, |
| 223 | // return name; | 47 | qszt: this.checkList, |
| 224 | // }, | 48 | }).then((res) => { |
| 225 | // // 新增一条补录信息 | 49 | if (res.code === 200) { |
| 226 | // /** | 50 | this.tableData = res.result; |
| 227 | // * @description: 新增一条补录信息 | 51 | this.shows = this.tableData.length > 0; |
| 228 | // * @param {*} row | 52 | this.tableData.forEach((item) => { |
| 229 | // * @param {*} del | 53 | item.sjlx = getSjlx(item.sjlx); |
| 230 | // * @author: miaofang | 54 | }); |
| 231 | // */ | 55 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 232 | // editDialog(row, del) { | 56 | this.emptycolNum = |
| 233 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | 57 | datas.columns().emptycolNum - this.tableData.length; |
| 234 | // confirmButtonText: "确定", | 58 | } else { |
| 235 | // cancelButtonText: "取消", | 59 | this.emptycolNum = 0; |
| 236 | // type: "warning", | 60 | } |
| 237 | // }) | 61 | } |
| 238 | // .then(() => { | 62 | }) |
| 239 | // this.$parent.addRepairRecord(row, del); | 63 | } |
| 240 | 64 | } | |
| 241 | // this.$message({ | 65 | } |
| 242 | // type: "success", | ||
| 243 | // message: "补录成功!", | ||
| 244 | // }); | ||
| 245 | // }) | ||
| 246 | // .catch(() => { | ||
| 247 | // this.$message({ | ||
| 248 | // type: "info", | ||
| 249 | // message: "取消编辑", | ||
| 250 | // }); | ||
| 251 | // }); | ||
| 252 | // }, | ||
| 253 | }, | ||
| 254 | }; | ||
| 255 | </script> | 66 | </script> |
| 256 | 67 | ||
| 257 | <style lang="scss" scoped> | 68 | <style lang="scss" scoped> |
| 258 | @import "./qlxxCommon.scss"; | 69 | @import "./qlxxCommon.scss"; |
| 259 | .title { | 70 | .title { |
| 260 | position: relative; | 71 | position: relative; |
| 261 | .print { | 72 | .print { |
| 262 | // background-color: #0079fe; | 73 | // background-color: #0079fe; |
| 263 | z-index: 10; | 74 | z-index: 10; |
| 264 | position: absolute; | 75 | position: absolute; |
| 265 | left: 11px; | 76 | left: 11px; |
| 266 | top: 5px; | 77 | top: 5px; |
| 78 | } | ||
| 267 | } | 79 | } |
| 268 | } | ||
| 269 | </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 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate | ||
| 12 | id="boxldsyq" | ||
| 13 | :tableData="tableData" | ||
| 14 | :render="render" | ||
| 15 | /> | ||
| 16 | </div> | ||
| 17 | <div class="tableBox"> | ||
| 18 | <div class="title"> | ||
| 19 | {{ title }} | ||
| 20 | <el-button class="print" v-show="shows" @click="openPrint()" | ||
| 21 | >打印</el-button | ||
| 22 | > | ||
| 23 | <div class="checkbox"> | ||
| 24 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 25 | <el-checkbox | ||
| 26 | v-for="item in qsztList" | ||
| 27 | :key="item.value" | ||
| 28 | :label="item.value" | ||
| 29 | >{{ item.label }}</el-checkbox | ||
| 30 | > | ||
| 31 | </el-checkbox-group> | ||
| 32 | </div> | ||
| 33 | </div> | ||
| 34 | <div class="xxTableBox rollTable"> | ||
| 35 | <table class="xxTable"> | ||
| 36 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 37 | <td>{{ item.label }}</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 | <el-tooltip | ||
| 89 | v-else | ||
| 90 | effect="dark" | ||
| 91 | :content="row[item.prop]" | ||
| 92 | placement="top" | ||
| 93 | popper-class="tooltip-width" | ||
| 94 | > | ||
| 95 | <span class="ellipsis-line"> | ||
| 96 | {{ row[item.prop] }} | ||
| 97 | </span> | ||
| 98 | </el-tooltip> | ||
| 99 | </td> | ||
| 100 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 101 | </tr> | ||
| 102 | </table> | ||
| 103 | </div> | ||
| 104 | </div> --> | ||
| 105 | </div> | 10 | </div> |
| 106 | </template> | 11 | </template> |
| 107 | 12 | ||
| 108 | <script> | 13 | <script> |
| 109 | import { datas } from "./qlxxFormData.js"; | 14 | import { datas } from "./qlxxFormData.js"; |
| 110 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 15 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 111 | import { getLqList } from "@/api/djbDetail.js"; | 16 | import { getLqList } from "@/api/djbDetail.js"; |
| 112 | import djbDetail from "./components/djbDetail.vue" | 17 | import djbDetail from "./components/djbDetail.vue" |
| 113 | export default { | 18 | export default { |
| 114 | components: { | 19 | components: { |
| 115 | djbDetail, | 20 | djbDetail, |
| 116 | }, | 21 | }, |
| 117 | data() { | 22 | data () { |
| 118 | return { | 23 | return { |
| 119 | printObj: { | 24 | printObj: { |
| 120 | id: "box", | 25 | id: "box", |
| 121 | //其他配置项， | 26 | //其他配置项， |
| 122 | }, | 27 | }, |
| 123 | shows: false, | 28 | shows: false, |
| 124 | title: "林权登记信息", | 29 | title: "林权登记信息", |
| 125 | // qsztList: datas.columns().qsztList, | 30 | //传递参数 |
| 126 | // checkList: datas.columns().checkList, | 31 | propsParam: this.$attrs, |
| 127 | //传递参数 | 32 | //列表数据 |
| 128 | propsParam: this.$attrs, | 33 | tableData: [], |
| 129 | //列表数据 | 34 | //列名称对象 |
| 130 | tableData: [], | 35 | columns: datas.columns().LDSYQ, |
| 131 | //空列值个数 | 36 | render: false, |
| 132 | // emptycolNum: datas.columns().emptycolNum, | 37 | }; |
| 133 | //列名称对象 | 38 | }, |
| 134 | columns: datas.columns().LDSYQ, | 39 | created () { |
| 135 | render: false, | 40 | this.loadData(); |
| 136 | }; | 41 | }, |
| 137 | }, | 42 | methods: { |
| 138 | created() { | 43 | loadData () { |
| 139 | this.loadData(); | 44 | if (this.$parent.addRepairRecord) { |
| 140 | }, | 45 | this.columns.unshift({ |
| 141 | methods: { | 46 | prop: "cz", |
| 142 | // /** | 47 | label: "操作", |
| 143 | // * @description: openPrint | ||
| 144 | // * @author: miaofang | ||
| 145 | // */ | ||
| 146 | // openPrint() { | ||
| 147 | // this.render = true; | ||
| 148 | // setTimeout(() => { | ||
| 149 | // this.prinsss(); | ||
| 150 | // }, 100); | ||
| 151 | // }, | ||
| 152 | // /** | ||
| 153 | // * @description: prinsss | ||
| 154 | // * @author: miaofang | ||
| 155 | // */ | ||
| 156 | // prinsss() { | ||
| 157 | // printJS({ | ||
| 158 | // printable: "boxldsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 159 | // type: "html", | ||
| 160 | // maxWidth: 800, // 最大宽度 | ||
| 161 | // font_size: "", // 不设置则使用默认字体大小 | ||
| 162 | // style: `@font-face { | ||
| 163 | // font-family: "STZHONGS"; | ||
| 164 | // src: url(${window.ttf}) format("truetype"); | ||
| 165 | // }`, | ||
| 166 | // // 继承原来的所有样式 | ||
| 167 | // targetStyles: ["*"], | ||
| 168 | // }); | ||
| 169 | // this.render=false | ||
| 170 | // }, | ||
| 171 | /** | ||
| 172 | * @description: loadData | ||
| 173 | * @author: miaofang | ||
| 174 | */ | ||
| 175 | loadData() { | ||
| 176 | if (this.$parent.addRepairRecord) { | ||
| 177 | this.columns.unshift({ | ||
| 178 | prop: "cz", | ||
| 179 | label: "操作", | ||
| 180 | }); | ||
| 181 | } | ||
| 182 | getLqList({ | ||
| 183 | bdcdyid: this.propsParam.bdcdyid, | ||
| 184 | qllx: this.propsParam.qllx, | ||
| 185 | qszt: this.checkList, | ||
| 186 | }).then((res) => { | ||
| 187 | if (res.code === 200) { | ||
| 188 | this.tableData = res.result; | ||
| 189 | this.shows = this.tableData.length > 0; | ||
| 190 | this.tableData.forEach((item) => { | ||
| 191 | item.sjlx = getSjlx(item.sjlx); | ||
| 192 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); | ||
| 193 | item.lz = getDictLeabel(item.lz, "A26"); | ||
| 194 | item.qy = getDictLeabel(item.qy, "A52"); | ||
| 195 | }); | 48 | }); |
| 196 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 197 | this.emptycolNum = | ||
| 198 | datas.columns().emptycolNum - this.tableData.length; | ||
| 199 | } else { | ||
| 200 | this.emptycolNum = 0; | ||
| 201 | } | ||
| 202 | } | 49 | } |
| 203 | }); | 50 | getLqList({ |
| 204 | }, | 51 | bdcdyid: this.propsParam.bdcdyid, |
| 205 | // /** | 52 | qllx: this.propsParam.qllx, |
| 206 | // * @description: checkChange | 53 | qszt: this.checkList, |
| 207 | // * @author: miaofang | 54 | }).then((res) => { |
| 208 | // */ | 55 | if (res.code === 200) { |
| 209 | // checkChange() { | 56 | this.tableData = res.result; |
| 210 | // if (this.checkList.length === 0) { | 57 | this.shows = this.tableData.length > 0; |
| 211 | // this.tableData = []; | 58 | this.tableData.forEach((item) => { |
| 212 | // this.emptycolNum = datas.columns().emptycolNum; | 59 | item.sjlx = getSjlx(item.sjlx); |
| 213 | // } else { | 60 | item.ldsyqxz = getDictLeabel(item.ldsyqxz, "A45"); |
| 214 | // this.loadData(); | 61 | item.lz = getDictLeabel(item.lz, "A26"); |
| 215 | // } | 62 | item.qy = getDictLeabel(item.qy, "A52"); |
| 216 | // }, | 63 | }); |
| 217 | // /** | 64 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 218 | // * @description: getQsztName | 65 | this.emptycolNum = |
| 219 | // * @param {*} code | 66 | datas.columns().emptycolNum - this.tableData.length; |
| 220 | // * @author: miaofang | 67 | } else { |
| 221 | // */ | 68 | this.emptycolNum = 0; |
| 222 | // getQsztName(code) { | 69 | } |
| 223 | // let name = ""; | 70 | } |
| 224 | // for (let item of this.qsztList) { | 71 | }); |
| 225 | // if (item.value == code) { | 72 | } |
| 226 | // name = item.label; | 73 | } |
| 227 | // break; | 74 | } |
| 228 | // } | ||
| 229 | // } | ||
| 230 | // return name; | ||
| 231 | // }, | ||
| 232 | // // 新增一条补录信息 | ||
| 233 | // /** | ||
| 234 | // * @description: 新增一条补录信息 | ||
| 235 | // * @param {*} row | ||
| 236 | // * @param {*} del | ||
| 237 | // * @author: miaofang | ||
| 238 | // */ | ||
| 239 | // editDialog(row, del) { | ||
| 240 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 241 | // confirmButtonText: "确定", | ||
| 242 | // cancelButtonText: "取消", | ||
| 243 | // type: "warning", | ||
| 244 | // }) | ||
| 245 | // .then(() => { | ||
| 246 | // this.$parent.addRepairRecord(row, del); | ||
| 247 | |||
| 248 | // this.$message({ | ||
| 249 | // type: "success", | ||
| 250 | // message: "补录成功!", | ||
| 251 | // }); | ||
| 252 | // }) | ||
| 253 | // .catch(() => { | ||
| 254 | // this.$message({ | ||
| 255 | // type: "info", | ||
| 256 | // message: "取消编辑", | ||
| 257 | // }); | ||
| 258 | // }); | ||
| 259 | // }, | ||
| 260 | }, | ||
| 261 | }; | ||
| 262 | </script> | 75 | </script> |
| 263 | 76 | ||
| 264 | <style lang="scss" scoped> | 77 | <style lang="scss" scoped> |
| 265 | @import "./qlxxCommon.scss"; | 78 | @import "./qlxxCommon.scss"; |
| 266 | .title { | 79 | .title { |
| 267 | position: relative; | 80 | position: relative; |
| 268 | .print { | 81 | .print { |
| 269 | // background-color: #0079fe; | 82 | // background-color: #0079fe; |
| 270 | z-index: 10; | 83 | z-index: 10; |
| 271 | position: absolute; | 84 | position: absolute; |
| 272 | left: 11px; | 85 | left: 11px; |
| 273 | top: 5px; | 86 | top: 5px; |
| 87 | } | ||
| 274 | } | 88 | } |
| 275 | } | ||
| 276 | </style> | 89 | </style> | ... | ... |
This diff is collapsed.
Click to expand it.
| 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 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 19 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 20 | <!-- <div v-show="false"> | ||
| 21 | <printTemplate | ||
| 22 | id="boxsllmsyq" | ||
| 23 | :tableData="tableData" | ||
| 24 | :render="render" | ||
| 25 | /> | ||
| 26 | </div> | ||
| 27 | <div class="tableBox"> | ||
| 28 | <div class="title"> | ||
| 29 | {{ title }} | ||
| 30 | <el-button class="print" v-show="shows" @click="openPrint()" | ||
| 31 | >打印</el-button | ||
| 32 | > | ||
| 33 | <div class="checkbox"> | ||
| 34 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 35 | <el-checkbox | ||
| 36 | v-for="item in qsztList" | ||
| 37 | :key="item.value" | ||
| 38 | :label="item.value" | ||
| 39 | >{{ item.label }}</el-checkbox | ||
| 40 | > | ||
| 41 | </el-checkbox-group> | ||
| 42 | </div> | ||
| 43 | </div> | ||
| 44 | <div class="xxTableBox rollTable"> | ||
| 45 | 固定前三个 | ||
| 46 | <table class="xxTable"> | ||
| 47 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 48 | <td>{{ item.label }}</td> | ||
| 49 | <td | ||
| 50 | v-for="(row, index) in tableData" | ||
| 51 | :key="index" | ||
| 52 | :class="[ | ||
| 53 | row.qszt == '2' ? 'lishi' : '', | ||
| 54 | row.qszt == '0' ? 'linshi' : '', | ||
| 55 | row.qlzt == '4' ? 'linshi' : '', | ||
| 56 | |||
| 57 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 58 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 59 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 60 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 61 | ]" | ||
| 62 | > | ||
| 63 | <div | ||
| 64 | class="setbut" | ||
| 65 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 66 | > | ||
| 67 | <el-button | ||
| 68 | type="text" | ||
| 69 | icon="el-icon-edit-outline" | ||
| 70 | @click="editDialog(row)" | ||
| 71 | >编辑</el-button | ||
| 72 | > | ||
| 73 | <el-button | ||
| 74 | type="text" | ||
| 75 | icon="el-icon-edit-outline" | ||
| 76 | @click="editDialog(row, 'D')" | ||
| 77 | >删除</el-button | ||
| 78 | > | ||
| 79 | </div> | ||
| 80 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 81 | 有效 | ||
| 82 | </div> | ||
| 83 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 84 | 正在补录 | ||
| 85 | </div> | ||
| 86 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 87 | 正在申请 | ||
| 88 | </div> | ||
| 89 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 90 | 正在注销 | ||
| 91 | </div> | ||
| 92 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> | ||
| 93 | <span v-if="item.prop == 'qszt'"> | ||
| 94 | {{ getQsztName(row[item.prop]) }} | ||
| 95 | </span> | ||
| 96 | <span v-else>{{ row[item.prop] }}</span> | ||
| 97 | </p> | ||
| 98 | |||
| 99 | <el-tooltip | ||
| 100 | v-else | ||
| 101 | effect="dark" | ||
| 102 | :content="row[item.prop]" | ||
| 103 | placement="top" | ||
| 104 | popper-class="tooltip-width" | ||
| 105 | > | ||
| 106 | <span class="ellipsis-line"> | ||
| 107 | {{ row[item.prop] }} | ||
| 108 | </span> | ||
| 109 | </el-tooltip> | ||
| 110 | </td> | ||
| 111 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 112 | </tr> | ||
| 113 | </table> | ||
| 114 | </div> | ||
| 115 | </div> --> | ||
| 116 | </div> | 10 | </div> |
| 117 | </template> | 11 | </template> |
| 118 | 12 | ||
| 119 | <script> | 13 | <script> |
| 120 | import { datas } from "./qlxxFormData.js"; | 14 | import { datas } from "./qlxxFormData.js"; |
| 121 | import { getSjlx } from "@/utils/dictionary.js"; | 15 | import { getSjlx } from "@/utils/dictionary.js"; |
| 122 | import { getLqList } from "@/api/djbDetail.js"; | 16 | import { getLqList } from "@/api/djbDetail.js"; |
| 123 | import djbDetail from "./components/djbDetail.vue" | 17 | import djbDetail from "./components/djbDetail.vue" |
| 124 | export default { | 18 | export default { |
| 125 | components: { | 19 | components: { |
| 126 | djbDetail, | 20 | djbDetail, |
| 127 | }, | 21 | }, |
| 128 | data() { | 22 | data () { |
| 129 | return { | 23 | return { |
| 130 | printObj: { | 24 | shows: false, |
| 131 | id: "box", | 25 | title: "林权登记信息", |
| 132 | //其他配置项， | 26 | //传递参数 |
| 133 | }, | 27 | propsParam: this.$attrs, |
| 134 | shows: false, | 28 | //列表数据 |
| 135 | title: "林权登记信息", | 29 | tableData: [], |
| 136 | // qsztList: datas.columns().qsztList, | 30 | //列名称对象 |
| 137 | // checkList: datas.columns().checkList, | 31 | columns: datas.columns().LDSYQ, |
| 138 | //传递参数 | 32 | render: false, |
| 139 | propsParam: this.$attrs, | 33 | }; |
| 140 | //列表数据 | 34 | }, |
| 141 | tableData: [], | 35 | created () { |
| 142 | //空列值个数 | 36 | this.loadData(); |
| 143 | // emptycolNum: datas.columns().emptycolNum, | 37 | }, |
| 144 | //列名称对象 | 38 | methods: { |
| 145 | columns: datas.columns().LDSYQ, | 39 | loadData () { |
| 146 | render: false, | 40 | if (this.$parent.addRepairRecord) { |
| 147 | }; | 41 | this.columns.unshift({ |
| 148 | }, | 42 | prop: "cz", |
| 149 | created() { | 43 | label: "操作", |
| 150 | this.loadData(); | ||
| 151 | }, | ||
| 152 | methods: { | ||
| 153 | // /** | ||
| 154 | // * @description: openPrint | ||
| 155 | // * @author: miaofang | ||
| 156 | // */ | ||
| 157 | // openPrint() { | ||
| 158 | // this.render = true; | ||
| 159 | // setTimeout(() => { | ||
| 160 | // this.prinsss(); | ||
| 161 | // }, 100); | ||
| 162 | // }, | ||
| 163 | // /** | ||
| 164 | // * @description: prinsss | ||
| 165 | // * @author: miaofang | ||
| 166 | // */ | ||
| 167 | // prinsss() { | ||
| 168 | // printJS({ | ||
| 169 | // printable: "boxsllmsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 170 | // type: "html", | ||
| 171 | // maxWidth: 800, // 最大宽度 | ||
| 172 | // font_size: "", // 不设置则使用默认字体大小 | ||
| 173 | // style: `@font-face { | ||
| 174 | // font-family: "STZHONGS"; | ||
| 175 | // src: url(${window.ttf}) format("truetype"); | ||
| 176 | // }`, | ||
| 177 | // // 继承原来的所有样式 | ||
| 178 | // targetStyles: ["*"], | ||
| 179 | // }); | ||
| 180 | // this.render=false | ||
| 181 | // }, | ||
| 182 | /** | ||
| 183 | * @description: loadData | ||
| 184 | * @author: miaofang | ||
| 185 | */ | ||
| 186 | loadData() { | ||
| 187 | if (this.$parent.addRepairRecord) { | ||
| 188 | this.columns.unshift({ | ||
| 189 | prop: "cz", | ||
| 190 | label: "操作", | ||
| 191 | }); | ||
| 192 | } | ||
| 193 | getLqList({ | ||
| 194 | bdcdyid: this.propsParam.bdcdyid, | ||
| 195 | qllx: this.propsParam.qllx, | ||
| 196 | qszt: this.checkList, | ||
| 197 | }).then((res) => { | ||
| 198 | if (res.code === 200) { | ||
| 199 | this.tableData = res.result; | ||
| 200 | this.shows = this.tableData.length > 0; | ||
| 201 | this.tableData.forEach((item) => { | ||
| 202 | item.sjlx = getSjlx(item.sjlx); | ||
| 203 | }); | 44 | }); |
| 204 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 205 | this.emptycolNum = | ||
| 206 | datas.columns().emptycolNum - this.tableData.length; | ||
| 207 | } else { | ||
| 208 | this.emptycolNum = 0; | ||
| 209 | } | ||
| 210 | } | 45 | } |
| 211 | }); | 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 | } | ||
| 64 | }); | ||
| 65 | } | ||
| 212 | }, | 66 | }, |
| 213 | // /** | 67 | }; |
| 214 | // * @description: checkChange | ||
| 215 | // * @author: miaofang | ||
| 216 | // */ | ||
| 217 | // checkChange() { | ||
| 218 | // if (this.checkList.length === 0) { | ||
| 219 | // this.tableData = []; | ||
| 220 | // this.emptycolNum = datas.columns().emptycolNum; | ||
| 221 | // } else { | ||
| 222 | // this.loadData(); | ||
| 223 | // } | ||
| 224 | // }, | ||
| 225 | // /** | ||
| 226 | // * @description: getQsztName | ||
| 227 | // * @param {*} code | ||
| 228 | // * @author: miaofang | ||
| 229 | // */ | ||
| 230 | // getQsztName(code) { | ||
| 231 | // let name = ""; | ||
| 232 | // for (let item of this.qsztList) { | ||
| 233 | // if (item.value == code) { | ||
| 234 | // name = item.label; | ||
| 235 | // break; | ||
| 236 | // } | ||
| 237 | // } | ||
| 238 | // return name; | ||
| 239 | // }, | ||
| 240 | // // 新增一条补录信息 | ||
| 241 | // /** | ||
| 242 | // * @description: 新增一条补录信息 | ||
| 243 | // * @param {*} row | ||
| 244 | // * @param {*} del | ||
| 245 | // * @author: miaofang | ||
| 246 | // */ | ||
| 247 | // editDialog(row, del) { | ||
| 248 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 249 | // confirmButtonText: "确定", | ||
| 250 | // cancelButtonText: "取消", | ||
| 251 | // type: "warning", | ||
| 252 | // }) | ||
| 253 | // .then(() => { | ||
| 254 | // this.$parent.addRepairRecord(row, del); | ||
| 255 | |||
| 256 | // this.$message({ | ||
| 257 | // type: "success", | ||
| 258 | // message: "补录成功!", | ||
| 259 | // }); | ||
| 260 | // }) | ||
| 261 | // .catch(() => { | ||
| 262 | // this.$message({ | ||
| 263 | // type: "info", | ||
| 264 | // message: "取消编辑", | ||
| 265 | // }); | ||
| 266 | // }); | ||
| 267 | // }, | ||
| 268 | }, | ||
| 269 | }; | ||
| 270 | </script> | 68 | </script> |
| 271 | 69 | ||
| 272 | <style lang="scss" scoped> | 70 | <style lang="scss" scoped> |
| 273 | @import "./qlxxCommon.scss"; | 71 | @import "./qlxxCommon.scss"; |
| 274 | .title { | 72 | .title { |
| 275 | position: relative; | 73 | position: relative; |
| 276 | .print { | 74 | .print { |
| 277 | // background-color: #0079fe; | 75 | // background-color: #0079fe; |
| 278 | z-index: 10; | 76 | z-index: 10; |
| 279 | position: absolute; | 77 | position: absolute; |
| 280 | left: 11px; | 78 | left: 11px; |
| 281 | top: 5px; | 79 | top: 5px; |
| 80 | } | ||
| 282 | } | 81 | } |
| 283 | } | ||
| 284 | </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 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate id="boxtdsyq" :tableData="tableData" :render="render" /> | ||
| 12 | </div> | ||
| 13 | <div class="tableBox"> | ||
| 14 | <div class="title"> | ||
| 15 | {{ title }} | ||
| 16 | <el-button class="print" v-show="shows" @click="openPrint()" | ||
| 17 | >打印</el-button | ||
| 18 | > | ||
| 19 | <div class="checkbox"> | ||
| 20 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 21 | <el-checkbox | ||
| 22 | v-for="item in qsztList" | ||
| 23 | :key="item.value" | ||
| 24 | :label="item.value" | ||
| 25 | >{{ item.label }}</el-checkbox | ||
| 26 | > | ||
| 27 | </el-checkbox-group> | ||
| 28 | </div> | ||
| 29 | </div> | ||
| 30 | <div class="xxTableBox rollTable"> | ||
| 31 | <table class="xxTable"> | ||
| 32 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 33 | <td> | ||
| 34 | {{ item.label }} | ||
| 35 | </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 | ||
| 51 | class="setbut" | ||
| 52 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | ||
| 53 | > | ||
| 54 | <el-button | ||
| 55 | type="text" | ||
| 56 | icon="el-icon-edit-outline" | ||
| 57 | @click="editDialog(row)" | ||
| 58 | >编辑</el-button | ||
| 59 | > | ||
| 60 | <el-button | ||
| 61 | type="text" | ||
| 62 | icon="el-icon-edit-outline" | ||
| 63 | @click="editDialog(row, 'D')" | ||
| 64 | >删除</el-button | ||
| 65 | > | ||
| 66 | </div> | ||
| 67 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 68 | 有效 | ||
| 69 | </div> | ||
| 70 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 71 | 正在补录 | ||
| 72 | </div> | ||
| 73 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 74 | 正在申请 | ||
| 75 | </div> | ||
| 76 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 77 | 正在注销 | ||
| 78 | </div> | ||
| 79 | |||
| 80 | <p v-if="!['djyy', 'fj'].includes(item.prop)"> | ||
| 81 | <span v-if="item.prop == 'qszt'"> | ||
| 82 | {{ getQsztName(row[item.prop]) }} | ||
| 83 | </span> | ||
| 84 | <span v-else>{{ row[item.prop] }}</span> | ||
| 85 | </p> | ||
| 86 | |||
| 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 } from "@/utils/dictionary.js"; | 15 | import { getSjlx } from "@/utils/dictionary.js"; |
| 110 | import { getTdsyqList } from "@/api/djbDetail.js"; | 16 | import { getTdsyqList } from "@/api/djbDetail.js"; |
| 111 | import djbDetail from "./components/djbDetail.vue" | 17 | import djbDetail from "./components/djbDetail.vue" |
| 112 | export default { | 18 | export default { |
| 113 | components: { | 19 | components: { |
| 114 | djbDetail, | 20 | djbDetail, |
| 115 | }, | 21 | }, |
| 116 | data() { | 22 | data () { |
| 117 | return { | 23 | return { |
| 118 | printObj: { | 24 | printObj: { |
| 119 | id: "box", | 25 | id: "box", |
| 120 | //其他配置项， | 26 | //其他配置项， |
| 121 | }, | 27 | }, |
| 122 | shows: false, | 28 | shows: false, |
| 123 | title: "土地所有权信息", | 29 | title: "土地所有权信息", |
| 124 | // qsztList: datas.columns().qsztList, | 30 | //传递参数 |
| 125 | // checkList: datas.columns().checkList, | 31 | propsParam: this.$attrs, |
| 126 | //传递参数 | 32 | //列表数据 |
| 127 | propsParam: this.$attrs, | 33 | tableData: [], |
| 128 | //列表数据 | 34 | //列名称对象 |
| 129 | tableData: [], | 35 | columns: datas.columns().TDSYQ, |
| 130 | //空列值个数 | 36 | render: false, |
| 131 | // emptycolNum: datas.columns().emptycolNum, | 37 | }; |
| 132 | //列名称对象 | 38 | }, |
| 133 | columns: datas.columns().TDSYQ, | 39 | created () { |
| 134 | render: false, | 40 | this.loadData(); |
| 135 | }; | 41 | }, |
| 136 | }, | 42 | methods: { |
| 137 | created() { | 43 | /** |
| 138 | this.loadData(); | 44 | * @description: loadData |
| 139 | }, | 45 | * @author: miaofang |
| 140 | methods: { | 46 | */ |
| 141 | // openPrint() { | 47 | loadData () { |
| 142 | // this.render = true; | 48 | if (this.$parent.addRepairRecord) { |
| 143 | // setTimeout(() => { | 49 | this.columns.unshift({ |
| 144 | // this.prinsss(); | 50 | prop: "cz", |
| 145 | // }, 100); | 51 | label: "操作", |
| 146 | // }, | ||
| 147 | // prinsss() { | ||
| 148 | // printJS({ | ||
| 149 | // printable: "boxtdsyq", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 150 | // type: "html", | ||
| 151 | // maxWidth: 800, // 最大宽度 | ||
| 152 | // font_size: "", // 不设置则使用默认字体大小 | ||
| 153 | // style: `@font-face { | ||
| 154 | // font-family: "STZHONGS"; | ||
| 155 | // src: url(${window.ttf}) format("truetype"); | ||
| 156 | // }`, | ||
| 157 | // // 继承原来的所有样式 | ||
| 158 | // targetStyles: ["*"], | ||
| 159 | // }); | ||
| 160 | // this.render = false; | ||
| 161 | // }, | ||
| 162 | /** | ||
| 163 | * @description: loadData | ||
| 164 | * @author: miaofang | ||
| 165 | */ | ||
| 166 | loadData() { | ||
| 167 | if (this.$parent.addRepairRecord) { | ||
| 168 | this.columns.unshift({ | ||
| 169 | prop: "cz", | ||
| 170 | label: "操作", | ||
| 171 | }); | ||
| 172 | } | ||
| 173 | getTdsyqList({ | ||
| 174 | bdcdyid: this.propsParam.bdcdyid, | ||
| 175 | qllx: this.propsParam.qllx, | ||
| 176 | qszt: this.checkList, | ||
| 177 | }).then((res) => { | ||
| 178 | if (res.code === 200) { | ||
| 179 | this.tableData = res.result; | ||
| 180 | this.shows = this.tableData.length > 0; | ||
| 181 | this.tableData.forEach((item) => { | ||
| 182 | item.sjlx = getSjlx(item.sjlx); | ||
| 183 | }); | 52 | }); |
| 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 | } | 53 | } |
| 191 | }); | 54 | getTdsyqList({ |
| 192 | }, | 55 | bdcdyid: this.propsParam.bdcdyid, |
| 193 | // /** | 56 | qllx: this.propsParam.qllx, |
| 194 | // * @description: checkChange | 57 | qszt: this.checkList, |
| 195 | // * @author: miaofang | 58 | }).then((res) => { |
| 196 | // */ | 59 | if (res.code === 200) { |
| 197 | // checkChange() { | 60 | this.tableData = res.result; |
| 198 | // if (this.checkList.length === 0) { | 61 | this.shows = this.tableData.length > 0; |
| 199 | // this.tableData = []; | 62 | this.tableData.forEach((item) => { |
| 200 | // this.emptycolNum = datas.columns().emptycolNum; | 63 | item.sjlx = getSjlx(item.sjlx); |
| 201 | // } else { | 64 | }); |
| 202 | // this.loadData(); | 65 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 203 | // } | 66 | this.emptycolNum = |
| 204 | // }, | 67 | datas.columns().emptycolNum - this.tableData.length; |
| 205 | // /** | 68 | } else { |
| 206 | // * @description: getQsztName | 69 | this.emptycolNum = 0; |
| 207 | // * @param {*} code | 70 | } |
| 208 | // * @author: miaofang | 71 | } |
| 209 | // */ | 72 | }) |
| 210 | // getQsztName(code) { | 73 | } |
| 211 | // let name = ""; | 74 | } |
| 212 | // for (let item of this.qsztList) { | 75 | }; |
| 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 | // }); | ||
| 240 | // }) | ||
| 241 | // .catch(() => { | ||
| 242 | // this.$message({ | ||
| 243 | // type: "info", | ||
| 244 | // message: "取消编辑", | ||
| 245 | // }); | ||
| 246 | // }); | ||
| 247 | // }, | ||
| 248 | }, | ||
| 249 | }; | ||
| 250 | </script> | 76 | </script> |
| 251 | 77 | ||
| 252 | <style lang="scss" scoped> | 78 | <style lang="scss" scoped> |
| 253 | @import "./qlxxCommon.scss"; | 79 | @import "./qlxxCommon.scss"; |
| 254 | .title { | 80 | .title { |
| 255 | position: relative; | 81 | position: relative; |
| 256 | .print { | 82 | .print { |
| 257 | // background-color: #0079fe; | 83 | // background-color: #0079fe; |
| 258 | z-index: 10; | 84 | z-index: 10; |
| 259 | position: absolute; | 85 | position: absolute; |
| 260 | left: 11px; | 86 | left: 11px; |
| 261 | top: 5px; | 87 | top: 5px; |
| 88 | } | ||
| 262 | } | 89 | } |
| 263 | } | ||
| 264 | </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 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate id="boxygdj" :tableData="tableData" :render="render"/> | ||
| 12 | </div> | ||
| 13 | <div class="tableBox"> | ||
| 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" | ||
| 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 class="setbut" v-if="item.prop == 'cz'"> | ||
| 49 | <el-button | ||
| 50 | type="text" | ||
| 51 | icon="el-icon-edit-outline" | ||
| 52 | @click="editDialog(row)" | ||
| 53 | >编辑</el-button | ||
| 54 | > | ||
| 55 | <el-button | ||
| 56 | type="text" | ||
| 57 | icon="el-icon-edit-outline" | ||
| 58 | @click="editDialog(row, 'D')" | ||
| 59 | >删除</el-button | ||
| 60 | > | ||
| 61 | </div> | ||
| 62 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '1'"> | ||
| 63 | 有效 | ||
| 64 | </div> | ||
| 65 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '2'"> | ||
| 66 | 正在补录 | ||
| 67 | </div> | ||
| 68 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '3'"> | ||
| 69 | 正在申请 | ||
| 70 | </div> | ||
| 71 | <div class="icon" v-if="item.prop == 'qszt' && row.qlzt == '4'"> | ||
| 72 | 正在注销 | ||
| 73 | </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 | </div> | ||
| 98 | </div> --> | ||
| 99 | </div> | 10 | </div> |
| 100 | </template> | 11 | </template> |
| 101 | 12 | ||
| 102 | <script> | 13 | <script> |
| 103 | import { datas } from "./qlxxFormData.js"; | 14 | import { datas } from "./qlxxFormData.js"; |
| 104 | import { getYgdjList } from "@/api/djbDetail.js"; | 15 | import { getYgdjList } from "@/api/djbDetail.js"; |
| 105 | import djbDetail from "./components/djbDetail.vue" | 16 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 106 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 17 | import djbDetail from "./components/djbDetail.vue" |
| 107 | export default { | 18 | export default { |
| 108 | components: { | 19 | components: { |
| 109 | djbDetail, | 20 | djbDetail, |
| 110 | }, | ||
| 111 | data() { | ||
| 112 | return { | ||
| 113 | // printObj: { | ||
| 114 | // id: "box", | ||
| 115 | // //其他配置项， | ||
| 116 | // }, | ||
| 117 | shows:false, | ||
| 118 | title: "预告登记信息", | ||
| 119 | // qsztList: datas.columns().qsztList, | ||
| 120 | // checkList: datas.columns().checkList, | ||
| 121 | //传递参数 | ||
| 122 | propsParam: this.$attrs, | ||
| 123 | //列表数据 | ||
| 124 | tableData: [], | ||
| 125 | //空列值个数 | ||
| 126 | // emptycolNum: datas.columns().emptycolNum, | ||
| 127 | //列名称对象 | ||
| 128 | columns: datas.columns().YGDJ, | ||
| 129 | render:false | ||
| 130 | }; | ||
| 131 | }, | ||
| 132 | created() { | ||
| 133 | this.loadData(); | ||
| 134 | }, | ||
| 135 | methods: { | ||
| 136 | // openPrint(){ | ||
| 137 | // this.render=true | ||
| 138 | // setTimeout(() => { | ||
| 139 | // this.prinsss() | ||
| 140 | // }, 100) | ||
| 141 | // }, | ||
| 142 | // prinsss(){ | ||
| 143 | // printJS({ | ||
| 144 | // printable: "boxygdj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 145 | // type: "html", | ||
| 146 | // maxWidth: 800, // 最大宽度 | ||
| 147 | // font_size: "", // 不设置则使用默认字体大小 | ||
| 148 | // style: `@font-face { | ||
| 149 | // font-family: "STZHONGS"; | ||
| 150 | // src: url(${window.ttf}) format("truetype"); | ||
| 151 | // }`, | ||
| 152 | // // 继承原来的所有样式 | ||
| 153 | // targetStyles: ["*"] | ||
| 154 | // }); | ||
| 155 | // this.render=false | ||
| 156 | // }, | ||
| 157 | /** | ||
| 158 | * @description: loadData | ||
| 159 | * @author: miaofang | ||
| 160 | */ | ||
| 161 | loadData() { | ||
| 162 | // 判断是否在登记簿补录调的子页面 | ||
| 163 | if (this.$parent.addRepairRecord) { | ||
| 164 | this.columns.unshift({ | ||
| 165 | prop: "cz", | ||
| 166 | label: "操作", | ||
| 167 | }); | ||
| 168 | } | ||
| 169 | getYgdjList({ | ||
| 170 | bdcdyid: this.propsParam.bdcdyid, | ||
| 171 | qllx: this.propsParam.qllx, | ||
| 172 | qszt: this.checkList, | ||
| 173 | }).then((res) => { | ||
| 174 | if (res.code === 200) { | ||
| 175 | this.tableData = res.result; | ||
| 176 | this.shows=this.tableData.length>0 | ||
| 177 | this.tableData.forEach((item) => { | ||
| 178 | item.sjlx = getSjlx(item.sjlx); | ||
| 179 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); | ||
| 180 | }); | ||
| 181 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 182 | this.emptycolNum = | ||
| 183 | datas.columns().emptycolNum - this.tableData.length; | ||
| 184 | } else { | ||
| 185 | this.emptycolNum = 0; | ||
| 186 | } | ||
| 187 | } | ||
| 188 | }); | ||
| 189 | }, | 21 | }, |
| 190 | /** | 22 | data () { |
| 191 | * @description: checkChange | 23 | return { |
| 192 | * @author: miaofang | 24 | shows: false, |
| 193 | */ | 25 | title: "预告登记信息", |
| 194 | checkChange() { | 26 | //传递参数 |
| 195 | if (this.checkList.length === 0) { | 27 | propsParam: this.$attrs, |
| 196 | this.tableData = []; | 28 | //列表数据 |
| 197 | this.emptycolNum = datas.columns().emptycolNum; | 29 | tableData: [], |
| 198 | } else { | 30 | //列名称对象 |
| 199 | this.loadData(); | 31 | columns: datas.columns().YGDJ, |
| 200 | } | 32 | render: false |
| 33 | }; | ||
| 201 | }, | 34 | }, |
| 202 | /** | 35 | created () { |
| 203 | * @description: getQsztName | 36 | this.loadData(); |
| 204 | * @param {*} code | ||
| 205 | * @author: miaofang | ||
| 206 | */ | ||
| 207 | getQsztName(code) { | ||
| 208 | let name = ""; | ||
| 209 | for (let item of this.qsztList) { | ||
| 210 | if (item.value == code) { | ||
| 211 | name = item.label; | ||
| 212 | break; | ||
| 213 | } | ||
| 214 | } | ||
| 215 | return name; | ||
| 216 | }, | 37 | }, |
| 217 | // 新增一条补录信息 | 38 | methods: { |
| 218 | /** | 39 | loadData () { |
| 219 | * @description: 新增一条补录信息 | 40 | // 判断是否在登记簿补录调的子页面 |
| 220 | * @param {*} row | 41 | if (this.$parent.addRepairRecord) { |
| 221 | * @param {*} del | 42 | this.columns.unshift({ |
| 222 | * @author: miaofang | 43 | prop: "cz", |
| 223 | */ | 44 | label: "操作", |
| 224 | editDialog(row, del) { | ||
| 225 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 226 | confirmButtonText: "确定", | ||
| 227 | cancelButtonText: "取消", | ||
| 228 | type: "warning", | ||
| 229 | }) | ||
| 230 | .then(() => { | ||
| 231 | this.$parent.addRepairRecord(row, del); | ||
| 232 | |||
| 233 | this.$message({ | ||
| 234 | type: "success", | ||
| 235 | message: "补录成功!", | ||
| 236 | }); | 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 | } | ||
| 237 | }) | 66 | }) |
| 238 | .catch(() => { | 67 | } |
| 239 | this.$message({ | 68 | } |
| 240 | type: "info", | 69 | } |
| 241 | message: "取消编辑", | ||
| 242 | }); | ||
| 243 | }); | ||
| 244 | }, | ||
| 245 | }, | ||
| 246 | }; | ||
| 247 | </script> | 70 | </script> |
| 248 | 71 | ||
| 249 | <style lang="scss" scoped> | 72 | <style lang="scss" scoped> |
| 250 | @import "./qlxxCommon.scss"; | 73 | @import "./qlxxCommon.scss"; |
| 251 | .title { | 74 | .title { |
| 252 | position: relative; | 75 | position: relative; |
| 253 | .print { | 76 | .print { |
| 254 | // background-color: #0079fe; | 77 | // background-color: #0079fe; |
| 255 | z-index: 10; | 78 | z-index: 10; |
| 256 | position: absolute; | 79 | position: absolute; |
| 257 | left: 11px; | 80 | left: 11px; |
| 258 | top: 5px; | 81 | top: 5px; |
| 82 | } | ||
| 259 | } | 83 | } |
| 260 | } | ||
| 261 | </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 15:06:35 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" | 8 | <djbDetail :title="title" :shows="shows" :propsParam="propsParam" |
| 9 | :columns="columns" :tableData="tableData" /> | 9 | :columns="columns" :tableData="tableData" /> |
| 10 | <!-- <div v-show="false"> | ||
| 11 | <printTemplate | ||
| 12 | id="boxyydj" | ||
| 13 | :tableData="tableData" | ||
| 14 | :render="render" | ||
| 15 | /> | ||
| 16 | </div> | ||
| 17 | <div class="tableBox"> | ||
| 18 | <div class="title"> | ||
| 19 | {{ title }} | ||
| 20 | <el-button class="print" v-show="shows" @click="openPrint()" | ||
| 21 | >打印</el-button | ||
| 22 | > | ||
| 23 | <div class="checkbox"> | ||
| 24 | <el-checkbox-group v-model="checkList" @change="checkChange"> | ||
| 25 | <el-checkbox | ||
| 26 | v-for="item in qsztList" | ||
| 27 | :key="item.value" | ||
| 28 | :label="item.value" | ||
| 29 | >{{ item.label }}</el-checkbox | ||
| 30 | > | ||
| 31 | </el-checkbox-group> | ||
| 32 | </div> | ||
| 33 | </div> | ||
| 34 | <div class="xxTableBox rollTable"> | ||
| 35 | <table class="xxTable"> | ||
| 36 | <tr v-for="(item, colindex) in columns" :key="colindex"> | ||
| 37 | <td> | ||
| 38 | {{ item.label }} | ||
| 39 | </td> | ||
| 40 | <td | ||
| 41 | v-for="(row, index) in tableData" | ||
| 42 | :key="index" | ||
| 43 | :class="[ | ||
| 44 | row.qszt == '2' ? 'lishi' : '', | ||
| 45 | row.qszt == '0' ? 'linshi' : '', | ||
| 46 | row.qlzt == '4' ? 'linshi' : '', | ||
| 47 | |||
| 48 | item.prop == 'qszt' && row.qlzt == '3' ? 'linshiIcon' : '', | ||
| 49 | item.prop == 'qszt' && row.qlzt == '2' ? 'linshiIcon' : '', | ||
| 50 | item.prop == 'qszt' && row.qlzt == '1' ? 'xianshiIcon' : '', | ||
| 51 | item.prop == 'qszt' && row.qlzt == '4' ? 'zhuxiaoIcon' : '', | ||
| 52 | ]" | ||
| 53 | > | ||
| 54 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 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 | |||
| 88 | <el-tooltip | ||
| 89 | v-else | ||
| 90 | effect="dark" | ||
| 91 | :content="row[item.prop]" | ||
| 92 | placement="top" | ||
| 93 | popper-class="tooltip-width" | ||
| 94 | > | ||
| 95 | <span class="ellipsis-line"> | ||
| 96 | {{ row[item.prop] }} | ||
| 97 | </span> | ||
| 98 | </el-tooltip> | ||
| 99 | </td> | ||
| 100 | <td v-for="count in emptycolNum" :key="~count"></td> | ||
| 101 | </tr> | ||
| 102 | </table> | ||
| 103 | </div> | ||
| 104 | </div> --> | ||
| 105 | </div> | 10 | </div> |
| 106 | </template> | 11 | </template> |
| 107 | 12 | ||
| 108 | <script> | 13 | <script> |
| 109 | import { datas } from "./qlxxFormData.js"; | 14 | import { datas } from "./qlxxFormData.js"; |
| 110 | import { getYydjList } from "@/api/djbDetail.js"; | 15 | import { getYydjList } from "@/api/djbDetail.js"; |
| 111 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; | 16 | import { getSjlx, getDictLeabel } from "@/utils/dictionary.js"; |
| 112 | import djbDetail from "./components/djbDetail.vue" | 17 | import djbDetail from "./components/djbDetail.vue" |
| 113 | export default { | 18 | export default { |
| 114 | components: { | 19 | components: { |
| 115 | djbDetail | 20 | djbDetail |
| 116 | }, | 21 | }, |
| 117 | data() { | 22 | data () { |
| 118 | return { | 23 | return { |
| 119 | printObj: { | 24 | shows: false, |
| 120 | id: "box", | 25 | title: "异议登记信息", |
| 121 | //其他配置项， | 26 | //传递参数 |
| 122 | }, | 27 | propsParam: this.$attrs, |
| 123 | shows: false, | 28 | //列表数据 |
| 124 | title: "异议登记信息", | 29 | tableData: [], |
| 125 | // qsztList: datas.columns().qsztList, | 30 | //列名称对象 |
| 126 | // checkList: datas.columns().checkList, | 31 | columns: datas.columns().YYDJ, |
| 127 | //传递参数 | 32 | render: false, |
| 128 | propsParam: this.$attrs, | 33 | }; |
| 129 | //列表数据 | 34 | }, |
| 130 | tableData: [], | 35 | created () { |
| 131 | //空列值个数 | 36 | this.loadData(); |
| 132 | // emptycolNum: datas.columns().emptycolNum, | 37 | }, |
| 133 | //列名称对象 | 38 | methods: { |
| 134 | columns: datas.columns().YYDJ, | 39 | loadData () { |
| 135 | render: false, | 40 | if (this.$parent.addRepairRecord) { |
| 136 | }; | 41 | this.columns.unshift({ |
| 137 | }, | 42 | prop: "cz", |
| 138 | created() { | 43 | label: "操作", |
| 139 | this.loadData(); | ||
| 140 | }, | ||
| 141 | methods: { | ||
| 142 | // openPrint() { | ||
| 143 | // this.render = true; | ||
| 144 | // setTimeout(() => { | ||
| 145 | // this.prinsss(); | ||
| 146 | // }, 100); | ||
| 147 | // }, | ||
| 148 | // prinsss() { | ||
| 149 | // printJS({ | ||
| 150 | // printable: "boxyydj", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象 | ||
| 151 | // type: "html", | ||
| 152 | // maxWidth: 800, // 最大宽度 | ||
| 153 | // font_size: "", // 不设置则使用默认字体大小 | ||
| 154 | // style: `@font-face { | ||
| 155 | // font-family: "STZHONGS"; | ||
| 156 | // src: url(${window.ttf}) format("truetype"); | ||
| 157 | // }`, | ||
| 158 | // // 继承原来的所有样式 | ||
| 159 | // targetStyles: ["*"], | ||
| 160 | // }); | ||
| 161 | // this.render=false | ||
| 162 | // }, | ||
| 163 | /** | ||
| 164 | * @description: loadData | ||
| 165 | * @author: miaofang | ||
| 166 | */ | ||
| 167 | loadData() { | ||
| 168 | if (this.$parent.addRepairRecord) { | ||
| 169 | this.columns.unshift({ | ||
| 170 | prop: "cz", | ||
| 171 | label: "操作", | ||
| 172 | }); | ||
| 173 | } | ||
| 174 | getYydjList({ | ||
| 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 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); | ||
| 185 | }); | 44 | }); |
| 186 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 187 | this.emptycolNum = | ||
| 188 | datas.columns().emptycolNum - this.tableData.length; | ||
| 189 | } else { | ||
| 190 | this.emptycolNum = 0; | ||
| 191 | } | ||
| 192 | } | 45 | } |
| 193 | }); | 46 | getYydjList({ |
| 194 | }, | 47 | bdcdyid: this.propsParam.bdcdyid, |
| 195 | // /** | 48 | qllx: this.propsParam.qllx, |
| 196 | // * @description: checkChange | 49 | qszt: this.checkList, |
| 197 | // * @author: miaofang | 50 | }).then((res) => { |
| 198 | // */ | 51 | if (res.code === 200) { |
| 199 | // checkChange() { | 52 | this.tableData = res.result; |
| 200 | // if (this.checkList.length === 0) { | 53 | this.shows = this.tableData.length > 0; |
| 201 | // this.tableData = []; | 54 | this.tableData.forEach((item) => { |
| 202 | // this.emptycolNum = datas.columns().emptycolNum; | 55 | item.sjlx = getSjlx(item.sjlx); |
| 203 | // } else { | 56 | item.dybdclx = getDictLeabel(item.dybdclx, "A27"); |
| 204 | // this.loadData(); | 57 | }); |
| 205 | // } | 58 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 206 | // }, | 59 | this.emptycolNum = |
| 207 | // /** | 60 | datas.columns().emptycolNum - this.tableData.length; |
| 208 | // * @description: getQsztName | 61 | } else { |
| 209 | // * @param {*} code | 62 | this.emptycolNum = 0; |
| 210 | // * @author: miaofang | 63 | } |
| 211 | // */ | 64 | } |
| 212 | // getQsztName(code) { | 65 | }) |
| 213 | // let name = ""; | 66 | } |
| 214 | // for (let item of this.qsztList) { | 67 | } |
| 215 | // if (item.value == code) { | 68 | } |
| 216 | // name = item.label; | ||
| 217 | // break; | ||
| 218 | // } | ||
| 219 | // } | ||
| 220 | // return name; | ||
| 221 | // }, | ||
| 222 | // // 新增一条补录信息 | ||
| 223 | // /** | ||
| 224 | // * @description: 新增一条补录信息 | ||
| 225 | // * @param {*} row | ||
| 226 | // * @param {*} del | ||
| 227 | // * @author: miaofang | ||
| 228 | // */ | ||
| 229 | // editDialog(row, del) { | ||
| 230 | // this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 231 | // confirmButtonText: "确定", | ||
| 232 | // cancelButtonText: "取消", | ||
| 233 | // type: "warning", | ||
| 234 | // }) | ||
| 235 | // .then(() => { | ||
| 236 | // this.$parent.addRepairRecord(row, del); | ||
| 237 | |||
| 238 | // this.$message({ | ||
| 239 | // type: "success", | ||
| 240 | // message: "补录成功!", | ||
| 241 | // }); | ||
| 242 | // }) | ||
| 243 | // .catch(() => { | ||
| 244 | // this.$message({ | ||
| 245 | // type: "info", | ||
| 246 | // message: "取消编辑", | ||
| 247 | // }); | ||
| 248 | // }); | ||
| 249 | // }, | ||
| 250 | }, | ||
| 251 | }; | ||
| 252 | </script> | 69 | </script> |
| 253 | 70 | ||
| 254 | <style lang="scss" scoped> | 71 | <style lang="scss" scoped> |
| 255 | @import "./qlxxCommon.scss"; | 72 | @import "./qlxxCommon.scss"; |
| 256 | .title { | 73 | .title { |
| 257 | position: relative; | 74 | position: relative; |
| 258 | .print { | 75 | .print { |
| 259 | // background-color: #0079fe; | 76 | z-index: 10; |
| 260 | z-index: 10; | 77 | position: absolute; |
| 261 | position: absolute; | 78 | left: 11px; |
| 262 | left: 11px; | 79 | top: 5px; |
| 263 | top: 5px; | 80 | } |
| 264 | } | 81 | } |
| 265 | } | ||
| 266 | </style> | 82 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 17:06:29 | 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 }"> |
| ... | @@ -45,14 +45,12 @@ | ... | @@ -45,14 +45,12 @@ |
| 45 | import { mapGetters } from 'vuex' | 45 | import { mapGetters } from 'vuex' |
| 46 | import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js" | 46 | import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js" |
| 47 | export default { | 47 | export default { |
| 48 | props: { | ||
| 49 | paramData: { | ||
| 50 | type: Object, | ||
| 51 | default: () => { } | ||
| 52 | } | ||
| 53 | }, | ||
| 54 | data () { | 48 | data () { |
| 55 | return { | 49 | return { |
| 50 | //受理申请标识码 | ||
| 51 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 52 | //当前流程所在环节 | ||
| 53 | bestepid: this.$route.query.bestepid, | ||
| 56 | // 默认选中 | 54 | // 默认选中 |
| 57 | activeIndex: '0', | 55 | activeIndex: '0', |
| 58 | // 折叠 | 56 | // 折叠 |
| ... | @@ -67,6 +65,9 @@ | ... | @@ -67,6 +65,9 @@ |
| 67 | currentSelectProps: {} | 65 | currentSelectProps: {} |
| 68 | } | 66 | } |
| 69 | }, | 67 | }, |
| 68 | mounted () { | ||
| 69 | this.loadBdcdylist(); | ||
| 70 | }, | ||
| 70 | computed: { | 71 | computed: { |
| 71 | ...mapGetters(['isRefresh']) | 72 | ...mapGetters(['isRefresh']) |
| 72 | }, | 73 | }, |
| ... | @@ -78,16 +79,7 @@ | ... | @@ -78,16 +79,7 @@ |
| 78 | } | 79 | } |
| 79 | }, | 80 | }, |
| 80 | immediate: true | 81 | immediate: true |
| 81 | }, | 82 | } |
| 82 | paramData: { | ||
| 83 | handler (newVal, oldVal) { | ||
| 84 | if (newVal) { | ||
| 85 | this.loadBdcdylist() | ||
| 86 | } | ||
| 87 | }, | ||
| 88 | immediate: true, | ||
| 89 | deep: true | ||
| 90 | }, | ||
| 91 | }, | 83 | }, |
| 92 | methods: { | 84 | methods: { |
| 93 | /** | 85 | /** |
| ... | @@ -97,11 +89,13 @@ | ... | @@ -97,11 +89,13 @@ |
| 97 | loadBdcdylist () { | 89 | loadBdcdylist () { |
| 98 | let that = this | 90 | let that = this |
| 99 | var formdata = new FormData(); | 91 | var formdata = new FormData(); |
| 100 | // 受理申请标识码 | 92 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 101 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); | 93 | if (this.$route.query.bestepid) { |
| 102 | // 当前流程所在环节 | 94 | formdata.append("bestepid", this.bestepid); |
| 103 | formdata.append("bestepid", this.paramData.bestepid); | 95 | } |
| 104 | formdata.append("bsmBusiness", this.paramData.bsmBusiness); | 96 | if (this.$route.query.bsmBusiness) { |
| 97 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); | ||
| 98 | } | ||
| 105 | if (this.$route.query.type == 'jdcx') { | 99 | if (this.$route.query.type == 'jdcx') { |
| 106 | jdcxLeftMenu(formdata).then((res) => { | 100 | jdcxLeftMenu(formdata).then((res) => { |
| 107 | if (res.code === 200 && res.result) { | 101 | if (res.code === 200 && res.result) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-08 16:38:43 | 4 | * @LastEditTime: 2023-09-18 15:24:05 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -235,7 +235,7 @@ export default { | ... | @@ -235,7 +235,7 @@ export default { |
| 235 | color: #8b4534; | 235 | color: #8b4534; |
| 236 | } | 236 | } |
| 237 | .szxx_body { | 237 | .szxx_body { |
| 238 | height: 280px; | 238 | min-height: 280px; |
| 239 | } | 239 | } |
| 240 | } | 240 | } |
| 241 | .zs-card { | 241 | .zs-card { | ... | ... |
| 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> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 09:32:09 | 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"; |
| 8 | import { getLodop } from "@/utils/LodopFuncs" | 8 | import { getLodop } from "@/utils/LodopFuncs" |
| 9 | import { getXtParamsByYwh } from "@/api/djyw.js" | ||
| 10 | import { | 9 | import { |
| 11 | stepExpandInfo, | 10 | stepExpandInfo, |
| 12 | record, | 11 | record, |
| ... | @@ -39,19 +38,11 @@ export default { | ... | @@ -39,19 +38,11 @@ export default { |
| 39 | batchButtonName: '', | 38 | batchButtonName: '', |
| 40 | // 受理申请信息 | 39 | // 受理申请信息 |
| 41 | slsq: {}, | 40 | slsq: {}, |
| 42 | dqhj: "", | 41 | dqhj: "" |
| 43 | // 业务流程需要的参数 | ||
| 44 | paramData: {}, | ||
| 45 | } | 42 | } |
| 46 | }, | 43 | }, |
| 47 | created () { | 44 | mounted () { |
| 48 | // 根据业务号获取系统参数 | 45 | this.flowInitParam(); |
| 49 | getXtParamsByYwh(this.$route.query.ywh).then(res => { | ||
| 50 | this.paramData = res.result | ||
| 51 | console.log(this.paramData, 'this.paramData'); | ||
| 52 | this.isShowMenu = true | ||
| 53 | this.flowInitParam(); | ||
| 54 | }) | ||
| 55 | }, | 46 | }, |
| 56 | methods: { | 47 | methods: { |
| 57 | /** | 48 | /** |
| ... | @@ -60,8 +51,8 @@ export default { | ... | @@ -60,8 +51,8 @@ export default { |
| 60 | */ | 51 | */ |
| 61 | flowInitParam () { | 52 | flowInitParam () { |
| 62 | var formdata = new FormData(); | 53 | var formdata = new FormData(); |
| 63 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); | 54 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 64 | formdata.append("bestepid", this.paramData.bestepid); | 55 | formdata.append("bestepid", this.bestepid); |
| 65 | if (this.type) { | 56 | if (this.type) { |
| 66 | formdata.append("type", "READ_ONLY"); | 57 | formdata.append("type", "READ_ONLY"); |
| 67 | } | 58 | } |
| ... | @@ -171,7 +162,6 @@ export default { | ... | @@ -171,7 +162,6 @@ export default { |
| 171 | this.$popupDialog('楼盘表', 'lpb/index', { | 162 | this.$popupDialog('楼盘表', 'lpb/index', { |
| 172 | bsm: res.result[0], | 163 | bsm: res.result[0], |
| 173 | onlyShow: false, | 164 | onlyShow: false, |
| 174 | showSave: true, | ||
| 175 | unitData: window.unitData | 165 | unitData: window.unitData |
| 176 | }, '90%', true) | 166 | }, '90%', true) |
| 177 | } else { | 167 | } else { |
| ... | @@ -321,7 +311,8 @@ export default { | ... | @@ -321,7 +311,8 @@ export default { |
| 321 | width: "50%", | 311 | width: "50%", |
| 322 | btnShow: false, | 312 | btnShow: false, |
| 323 | bsmSlsq: this.bsmSlsq, | 313 | bsmSlsq: this.bsmSlsq, |
| 324 | dataList: this.unitData | 314 | dataList: this.unitData, |
| 315 | |||
| 325 | }) | 316 | }) |
| 326 | }, | 317 | }, |
| 327 | /** | 318 | /** |
| ... | @@ -342,7 +333,6 @@ export default { | ... | @@ -342,7 +333,6 @@ export default { |
| 342 | } | 333 | } |
| 343 | }) | 334 | }) |
| 344 | }, | 335 | }, |
| 345 | // 上传 | ||
| 346 | /** | 336 | /** |
| 347 | * @description: 上传 | 337 | * @description: 上传 |
| 348 | * @param {*} file | 338 | * @param {*} file | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 17:01:12 | 4 | * @LastEditTime: 2023-09-18 11:13:57 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -38,12 +38,9 @@ | ... | @@ -38,12 +38,9 @@ |
| 38 | <!-- 内容框架 --> | 38 | <!-- 内容框架 --> |
| 39 | <div class="containerFrame"> | 39 | <div class="containerFrame"> |
| 40 | <!-- 左侧菜单栏 区分业务--> | 40 | <!-- 左侧菜单栏 区分业务--> |
| 41 | <div v-if="isShowMenu"> | 41 | <segmentMenu v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" |
| 42 | <segmentMenu :paramData="paramData" | 42 | @getCurrentSelectProps="getCurrentSelectProps" /> |
| 43 | v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" | 43 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
| 44 | @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 45 | <ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 46 | </div> | ||
| 47 | <div class="leftCon"> | 44 | <div class="leftCon"> |
| 48 | <!-- 分屏左侧预览 --> | 45 | <!-- 分屏左侧预览 --> |
| 49 | <div v-if="splitScreen" class="splitScreen-con"> | 46 | <div v-if="splitScreen" class="splitScreen-con"> |
| ... | @@ -70,7 +67,6 @@ | ... | @@ -70,7 +67,6 @@ |
| 70 | <div v-if="shows"> | 67 | <div v-if="shows"> |
| 71 | <receipt :Receiptdata="Receiptdata" id="boxaaa" /> | 68 | <receipt :Receiptdata="Receiptdata" id="boxaaa" /> |
| 72 | </div> | 69 | </div> |
| 73 | |||
| 74 | </div> | 70 | </div> |
| 75 | <component | 71 | <component |
| 76 | :key="fresh" | 72 | :key="fresh" |
| ... | @@ -134,8 +130,12 @@ | ... | @@ -134,8 +130,12 @@ |
| 134 | mixins: [WorkFlow, publicFlow], | 130 | mixins: [WorkFlow, publicFlow], |
| 135 | data () { | 131 | data () { |
| 136 | return { | 132 | return { |
| 137 | // 左侧是否显示,获取完成系统参数之后再显示 | 133 | //受理申请标识码 |
| 138 | isShowMenu: false, | 134 | bsmSlsq: this.$route.query.bsmSlsq, |
| 135 | //当前流程所在环节 | ||
| 136 | bestepid: this.$route.query.bestepid, | ||
| 137 | //当前流程所在环节 | ||
| 138 | zbhj: this.$route.query.zbhj, | ||
| 139 | //设置那个表单选中 | 139 | //设置那个表单选中 |
| 140 | tabName: "", | 140 | tabName: "", |
| 141 | //设置那个表单选择 | 141 | //设置那个表单选择 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 16:32:06 | 4 | * @LastEditTime: 2023-09-18 11:13:06 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -26,10 +26,8 @@ | ... | @@ -26,10 +26,8 @@ |
| 26 | <!-- 内容框架 --> | 26 | <!-- 内容框架 --> |
| 27 | <div class="containerFrame"> | 27 | <div class="containerFrame"> |
| 28 | <!-- 左侧菜单栏 区分业务--> | 28 | <!-- 左侧菜单栏 区分业务--> |
| 29 | <div v-if="isShowMenu"> | 29 | <segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> |
| 30 | <segmentMenu :paramData="paramData" v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" /> | 30 | <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> |
| 31 | <ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" /> | ||
| 32 | </div> | ||
| 33 | 31 | ||
| 34 | <div class="leftCon"> | 32 | <div class="leftCon"> |
| 35 | <!-- 分屏左侧预览 --> | 33 | <!-- 分屏左侧预览 --> |
| ... | @@ -71,8 +69,10 @@ | ... | @@ -71,8 +69,10 @@ |
| 71 | }, | 69 | }, |
| 72 | data () { | 70 | data () { |
| 73 | return { | 71 | return { |
| 74 | // 左侧是否显示,获取完成系统参数之后再显示 | 72 | //受理申请标识码 |
| 75 | isShowMenu: false, | 73 | bsmSlsq: this.$route.query.bsmSlsq, |
| 74 | //当前流程所在环节 | ||
| 75 | bestepid: this.$route.query.bestepid, | ||
| 76 | // 流程图 | 76 | // 流程图 |
| 77 | imgSrc: "", | 77 | imgSrc: "", |
| 78 | // 折叠 | 78 | // 折叠 | ... | ... |
| ... | @@ -315,24 +315,19 @@ | ... | @@ -315,24 +315,19 @@ |
| 315 | ); | 315 | ); |
| 316 | window.open(href, `djbworkFrame${item.bsmSlsq}`); | 316 | window.open(href, `djbworkFrame${item.bsmSlsq}`); |
| 317 | } else { | 317 | } else { |
| 318 | // const { href } = this.$router.resolve( | 318 | const { href } = this.$router.resolve( |
| 319 | // "/workFrame?bsmSlsq=" + | 319 | "/workFrame?bsmSlsq=" + |
| 320 | // item.bsmSlsq + | 320 | item.bsmSlsq + |
| 321 | // "&bestepid=" + | 321 | "&bestepid=" + |
| 322 | // item.bestepid + | 322 | item.bestepid + |
| 323 | // "&bsmBusiness=" + | 323 | "&bsmBusiness=" + |
| 324 | // "&sqywbm=" + | 324 | "&sqywbm=" + |
| 325 | // item.djywbm + | 325 | item.djywbm + |
| 326 | // "&zbhj=" + | 326 | "&zbhj=" + |
| 327 | // item.zbhj | 327 | item.zbhj |
| 328 | // ); | 328 | ); |
| 329 | // window.open(href, `workFrame${item.bsmSlsq}`); | 329 | window.open(href, `workFrame${item.bsmSlsq}`); |
| 330 | |||
| 331 | const { href } = this.$router.resolve('/workFrame?ywh=' + item.ywh + '&zbhj=' + item.zbhj) | ||
| 332 | window.open(href, `workFrame${item.ywh}`) | ||
| 333 | |||
| 334 | } | 330 | } |
| 335 | |||
| 336 | localStorage.setItem("ywbl", JSON.stringify(item)); | 331 | localStorage.setItem("ywbl", JSON.stringify(item)); |
| 337 | 332 | ||
| 338 | //从待办箱进入的调取任务领取接口 | 333 | //从待办箱进入的调取任务领取接口 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 15:59:24 | 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,9 +11,9 @@ | ... | @@ -11,9 +11,9 @@ |
| 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="业务来源"> | 17 | <el-form-item label="业务来源"> |
| 18 | <el-select | 18 | <el-select |
| 19 | v-model="queryForm.ywly" | 19 | v-model="queryForm.ywly" |
| ... | @@ -91,7 +91,7 @@ | ... | @@ -91,7 +91,7 @@ |
| 91 | </el-form-item> | 91 | </el-form-item> |
| 92 | </el-col> | 92 | </el-col> |
| 93 | </el-row> | 93 | </el-row> |
| 94 | <el-row> | 94 | <el-row> |
| 95 | <el-col :span="5"> | 95 | <el-col :span="5"> |
| 96 | <el-form-item label="不动产单元号"> | 96 | <el-form-item label="不动产单元号"> |
| 97 | <el-input | 97 | <el-input |
| ... | @@ -274,8 +274,13 @@ | ... | @@ -274,8 +274,13 @@ |
| 274 | ); | 274 | ); |
| 275 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 275 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
| 276 | } else { | 276 | } else { |
| 277 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') | 277 | const { href } = this.$router.resolve( |
| 278 | window.open(href, `urlname${item.ywh}`) | 278 | "/workFrameView?bsmSlsq=" + |
| 279 | item.bsmSlsq + | ||
| 280 | "&bestepid=" + | ||
| 281 | item.bestepid | ||
| 282 | ); | ||
| 283 | window.open(href, `workFrameView${item.bsmSlsq}`); | ||
| 279 | } | 284 | } |
| 280 | } | 285 | } |
| 281 | } | 286 | } | ... | ... |
| 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> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-13 11:19:54 | 4 | * @LastEditTime: 2023-09-18 16:22:28 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> | 8 | <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick" v-if="!isJump"> |
| 9 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> | 9 | <el-tab-pane label="自然幢" name="zrz"></el-tab-pane> |
| 10 | <el-tab-pane label="多幢" name="dz"></el-tab-pane> | 10 | <el-tab-pane label="多幢" name="dz" v-if="sqywInfo.djywbm !== 'B37100'"></el-tab-pane> |
| 11 | </el-tabs> | 11 | </el-tabs> |
| 12 | <div v-show="activeName == 'zrz'"> | 12 | <div v-show="activeName == 'zrz'"> |
| 13 | <div class="from-clues-header"> | 13 | <div class="from-clues-header"> |
| ... | @@ -336,8 +336,8 @@ | ... | @@ -336,8 +336,8 @@ |
| 336 | let refs = 'table1'; | 336 | let refs = 'table1'; |
| 337 | if (this.activeName == 'dz') { | 337 | if (this.activeName == 'dz') { |
| 338 | refs = 'table'; | 338 | refs = 'table'; |
| 339 | this.$refs[refs].clearSelection() | 339 | }else{ |
| 340 | } else { | 340 | this.sqywInfo.djywbm !== 'B37100' && this.$refs[refs].clearSelection() |
| 341 | } | 341 | } |
| 342 | const bdcdysz = this.bdcdysz | 342 | const bdcdysz = this.bdcdysz |
| 343 | if (bdcdysz.length > 0) { | 343 | if (bdcdysz.length > 0) { | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 16:55:37 | 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 { |
| ... | @@ -24,15 +24,13 @@ export default { | ... | @@ -24,15 +24,13 @@ export default { |
| 24 | * @author: renchao | 24 | * @author: renchao |
| 25 | */ | 25 | */ |
| 26 | jump (data, type) { | 26 | jump (data, type) { |
| 27 | // const { href } = Router.resolve( | 27 | const { href } = Router.resolve( |
| 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 | const { href } = Router.resolve('/workFrame?ywh=' + data.ywh + '&zbhj=受理') | ||
| 35 | window.open(href, "_blank") | ||
| 36 | this.$popupCacel() | 34 | this.$popupCacel() |
| 37 | }, | 35 | }, |
| 38 | /** | 36 | /** | ... | ... |
| ... | @@ -40,7 +40,7 @@ export function queueDjywmc (djywbm, djqxbm) { | ... | @@ -40,7 +40,7 @@ export function queueDjywmc (djywbm, djqxbm) { |
| 40 | case "A04100"://国有建设用地使用权/房屋所有权(首次登记) | 40 | case "A04100"://国有建设用地使用权/房屋所有权(首次登记) |
| 41 | case "A06100": // 宅基地使用权/房屋所有权 || 首次登记 | 41 | case "A06100": // 宅基地使用权/房屋所有权 || 首次登记 |
| 42 | case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记 | 42 | case "A08100": // 集体建设用地使用权/房屋所有权 || 首次登记 |
| 43 | case "B37100": | 43 | case "B37100": // 在建工程抵押权 || 首次登记 |
| 44 | vm = "fwsyq"; | 44 | vm = "fwsyq"; |
| 45 | break; | 45 | break; |
| 46 | case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记 | 46 | case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 14:24:32 | 4 | * @LastEditTime: 2023-09-18 11:25:30 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -9,18 +9,7 @@ | ... | @@ -9,18 +9,7 @@ |
| 9 | <div class="from-clues-header"> | 9 | <div class="from-clues-header"> |
| 10 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> | 10 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="6"> | 12 | <el-col :span="4"> |
| 13 | <el-form-item label="权属状态"> | ||
| 14 | <el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型"> | ||
| 15 | <el-option | ||
| 16 | v-for="item in qsztlist" | ||
| 17 | :key="item.dcode" | ||
| 18 | :label="item.dname" | ||
| 19 | :value="item.dcode"></el-option> | ||
| 20 | </el-select> | ||
| 21 | </el-form-item> | ||
| 22 | </el-col> | ||
| 23 | <el-col :span="6"> | ||
| 24 | <el-form-item label="权利类型"> | 13 | <el-form-item label="权利类型"> |
| 25 | <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型"> | 14 | <el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型"> |
| 26 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 15 | <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| ... | @@ -28,7 +17,7 @@ | ... | @@ -28,7 +17,7 @@ |
| 28 | </el-select> | 17 | </el-select> |
| 29 | </el-form-item> | 18 | </el-form-item> |
| 30 | </el-col> | 19 | </el-col> |
| 31 | <el-col :span="6"> | 20 | <el-col :span="4"> |
| 32 | <el-form-item label="登记类型"> | 21 | <el-form-item label="登记类型"> |
| 33 | <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型"> | 22 | <el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型"> |
| 34 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 23 | <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| ... | @@ -36,47 +25,59 @@ | ... | @@ -36,47 +25,59 @@ |
| 36 | </el-select> | 25 | </el-select> |
| 37 | </el-form-item> | 26 | </el-form-item> |
| 38 | </el-col> | 27 | </el-col> |
| 39 | 28 | <el-col :span="4"> | |
| 29 | <el-form-item label="权属状态"> | ||
| 30 | <el-select v-model="queryForm.qszt" filterable class="width100" clearable placeholder="请选择登记类型"> | ||
| 31 | <el-option | ||
| 32 | v-for="item in qsztlist" | ||
| 33 | :key="item.dcode" | ||
| 34 | :label="item.dname" | ||
| 35 | :value="item.dcode"></el-option> | ||
| 36 | </el-select> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 40 | <el-col :span="6"> | 39 | <el-col :span="6"> |
| 41 | <el-form-item label="不动产单元号" label-width="105px"> | 40 | <el-form-item label="不动产单元号" label-width="105px"> |
| 42 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | 41 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> |
| 43 | </el-input> | 42 | </el-input> |
| 44 | </el-form-item> | 43 | </el-form-item> |
| 45 | </el-col> | 44 | </el-col> |
| 46 | 45 | <el-col :span="6"> | |
| 46 | <el-form-item label="不动产权证号" label-width="105px"> | ||
| 47 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | ||
| 48 | </el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 47 | </el-row> | 51 | </el-row> |
| 48 | <el-row> | 52 | <el-row> |
| 49 | <el-col :span="6"> | 53 | <el-col :span="5"> |
| 50 | <el-form-item label="业务号:"> | 54 | <el-form-item label="业务号:"> |
| 51 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> | 55 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> |
| 52 | </el-input> | 56 | </el-input> |
| 53 | </el-form-item> | 57 | </el-form-item> |
| 54 | </el-col> | 58 | </el-col> |
| 55 | <el-col :span="6"> | 59 | <el-col :span="5"> |
| 56 | <el-form-item label="权利人:" > | 60 | <el-form-item label="坐落:" label-width="105px"> |
| 57 | <el-input v-model="queryForm.qlrmc" clearable class="width100"> | 61 | <el-input v-model="queryForm.zl" clearable class="width100"> |
| 58 | </el-input> | 62 | </el-input> |
| 59 | </el-form-item> | 63 | </el-form-item> |
| 60 | </el-col> | 64 | </el-col> |
| 61 | <el-col :span="6"> | 65 | <el-col :span="5"> |
| 62 | <el-form-item label="不动产权证号"> | 66 | <el-form-item label="权利人:" label-width="105px"> |
| 63 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | 67 | <el-input v-model="queryForm.qlrmc" clearable class="width100"> |
| 64 | </el-input> | 68 | </el-input> |
| 65 | </el-form-item> | 69 | </el-form-item> |
| 66 | </el-col> | 70 | </el-col> |
| 67 | <el-col :span="6"> | 71 | <el-col :span="5"> |
| 68 | <el-form-item label="坐落:" > | 72 | <el-form-item label="义务人:"> |
| 69 | <el-input v-model="queryForm.zl" clearable class="width100"> | 73 | <el-input v-model="queryForm.ywrmc" clearable class="width100"> |
| 70 | </el-input> | 74 | </el-input> |
| 71 | </el-form-item> | 75 | </el-form-item> |
| 72 | </el-col> | 76 | </el-col> |
| 73 | </el-row> | 77 | |
| 74 | <el-row class="advanced-search"> | 78 | <el-col :span="4" class="btnColRight"> |
| 75 | <span>搜索条件：</span> | ||
| 76 | <el-col :span="4" class="btnColRight"> | ||
| 77 | <el-form-item> | 79 | <el-form-item> |
| 78 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 80 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
| 79 | <el-button @click="moreQueryClick">高级查询</el-button> | ||
| 80 | </el-form-item> | 81 | </el-form-item> |
| 81 | </el-col> | 82 | </el-col> |
| 82 | </el-row> | 83 | </el-row> |
| ... | @@ -145,7 +146,6 @@ | ... | @@ -145,7 +146,6 @@ |
| 145 | this.queryClick() | 146 | this.queryClick() |
| 146 | }, | 147 | }, |
| 147 | methods: { | 148 | methods: { |
| 148 | // 初始化数据 | ||
| 149 | /** | 149 | /** |
| 150 | * @description: 初始化数据 | 150 | * @description: 初始化数据 |
| 151 | * @author: renchao | 151 | * @author: renchao |
| ... | @@ -170,12 +170,6 @@ | ... | @@ -170,12 +170,6 @@ |
| 170 | handleSort (name, sort) { | 170 | handleSort (name, sort) { |
| 171 | console.log(name, sort); | 171 | console.log(name, sort); |
| 172 | }, | 172 | }, |
| 173 | // 高级查询 | ||
| 174 | /** | ||
| 175 | * @description: 高级查询 | ||
| 176 | * @author: renchao | ||
| 177 | */ | ||
| 178 | moreQueryClick () { }, | ||
| 179 | /** | 173 | /** |
| 180 | * @description: openDialog | 174 | * @description: openDialog |
| 181 | * @param {*} scroll | 175 | * @param {*} scroll |
| ... | @@ -190,8 +184,8 @@ | ... | @@ -190,8 +184,8 @@ |
| 190 | * @author: renchao | 184 | * @author: renchao |
| 191 | */ | 185 | */ |
| 192 | handleLpbClick (item) { | 186 | handleLpbClick (item) { |
| 193 | console.log("item",item); | 187 | console.log("item", item); |
| 194 | this.$popup('楼盘表', 'lpb/index', { | 188 | this.$popup('楼盘表', 'lpb/index', { |
| 195 | width: '85%', | 189 | width: '85%', |
| 196 | formData: { | 190 | formData: { |
| 197 | bsm: item.zrzbsm, | 191 | bsm: item.zrzbsm, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 15:06:50 | 4 | * @LastEditTime: 2023-09-18 11:19:07 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -114,6 +114,7 @@ | ... | @@ -114,6 +114,7 @@ |
| 114 | this.queryClick() | 114 | this.queryClick() |
| 115 | }, | 115 | }, |
| 116 | methods: { | 116 | methods: { |
| 117 | // 初始化数据 | ||
| 117 | /** | 118 | /** |
| 118 | * @description: 初始化数据 | 119 | * @description: 初始化数据 |
| 119 | * @author: renchao | 120 | * @author: renchao |
| ... | @@ -149,8 +150,8 @@ | ... | @@ -149,8 +150,8 @@ |
| 149 | * @author: renchao | 150 | * @author: renchao |
| 150 | */ | 151 | */ |
| 151 | openDialog (item) { | 152 | openDialog (item) { |
| 152 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') | 153 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&type=jdcx') |
| 153 | window.open(href, `urlname${item.ywh}`) | 154 | window.open(href, `urlname${item.bsmSlsq}`) |
| 154 | } | 155 | } |
| 155 | } | 156 | } |
| 156 | } | 157 | } | ... | ... |
| ... | @@ -29,7 +29,7 @@ class data extends filter { | ... | @@ -29,7 +29,7 @@ class data extends filter { |
| 29 | return ( | 29 | return ( |
| 30 | <div> | 30 | <div> |
| 31 | { | 31 | { |
| 32 | scope.row.zszt=='1' ? | 32 | scope.row.zszt == '1' ? |
| 33 | <div class='allow'>有效</div> : | 33 | <div class='allow'>有效</div> : |
| 34 | <div class='prohibit'>失效</div> | 34 | <div class='prohibit'>失效</div> |
| 35 | } | 35 | } |
| ... | @@ -59,7 +59,7 @@ class data extends filter { | ... | @@ -59,7 +59,7 @@ class data extends filter { |
| 59 | return ( | 59 | return ( |
| 60 | <div> | 60 | <div> |
| 61 | { | 61 | { |
| 62 | scope.row.bdcqzlx=='1' ? | 62 | scope.row.bdcqzlx == '1' ? |
| 63 | <div>不动产权证书</div> : | 63 | <div>不动产权证书</div> : |
| 64 | <div>不动产登记证明</div> | 64 | <div>不动产登记证明</div> |
| 65 | } | 65 | } |
| ... | @@ -67,23 +67,13 @@ class data extends filter { | ... | @@ -67,23 +67,13 @@ class data extends filter { |
| 67 | ) | 67 | ) |
| 68 | } | 68 | } |
| 69 | }, | 69 | }, |
| 70 | // { | ||
| 71 | // prop: "lzrxm", | ||
| 72 | // label: "领取人", | ||
| 73 | // width: '100' | ||
| 74 | // }, | ||
| 75 | // { | ||
| 76 | // prop: "fzsj", | ||
| 77 | // label: "领取时间", | ||
| 78 | // width: '140' | ||
| 79 | // }, | ||
| 80 | { | 70 | { |
| 81 | label: "业务号", | 71 | label: "业务号", |
| 82 | minWidth: '100', | 72 | minWidth: '100', |
| 83 | render: (h, scope) => { | 73 | render: (h, scope) => { |
| 84 | return ( | 74 | return ( |
| 85 | <div> | 75 | <div> |
| 86 | <el-link type="primary" onClick={() => { vm.openWorkDialog(scope.row) }}>{scope.row.ywh}</el-link> | 76 | <el-link type="primary" onClick={() => { vm.openYwDialog(scope.row) }}>{scope.row.ywh}</el-link> |
| 87 | </div> | 77 | </div> |
| 88 | ) | 78 | ) |
| 89 | } | 79 | } |
| ... | @@ -96,7 +86,7 @@ class data extends filter { | ... | @@ -96,7 +86,7 @@ class data extends filter { |
| 96 | prop: "ysxlh", | 86 | prop: "ysxlh", |
| 97 | label: "印刷序列号", | 87 | label: "印刷序列号", |
| 98 | width: '100' | 88 | width: '100' |
| 99 | }, | 89 | }, |
| 100 | { | 90 | { |
| 101 | prop: "bdcqzh", | 91 | prop: "bdcqzh", |
| 102 | label: "不动产权证号", | 92 | label: "不动产权证号", | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 14:52:20 | 4 | * @LastEditTime: 2023-09-18 11:22:10 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -115,9 +115,9 @@ | ... | @@ -115,9 +115,9 @@ |
| 115 | * @param {*} item | 115 | * @param {*} item |
| 116 | * @author: renchao | 116 | * @author: renchao |
| 117 | */ | 117 | */ |
| 118 | openWorkDialog (item) { | 118 | openYwDialog (item) { |
| 119 | const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx') | 119 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx') |
| 120 | window.open(href, `urlname${item.ywh}`) | 120 | window.open(href, `urlname${item.bsmSlsq}`) |
| 121 | } | 121 | } |
| 122 | } | 122 | } |
| 123 | } | 123 | } | ... | ... |
-
Please register or sign in to post a comment