Merge branch 'dev'
Showing
94 changed files
with
4140 additions
and
2473 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-14 15:05:38 | 4 | * @LastEditTime: 2023-09-21 09:27:14 |
| 5 | */ | 5 | */ |
| 6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
| 7 | import Popup from './index.vue' | 7 | import Popup from './index.vue' |
| ... | @@ -50,6 +50,8 @@ const Popup1 = (title, editItem, data, formData) => { | ... | @@ -50,6 +50,8 @@ const Popup1 = (title, editItem, data, formData) => { |
| 50 | let instance = new PopupBox({ | 50 | let instance = new PopupBox({ |
| 51 | data | 51 | data |
| 52 | }).$mount() | 52 | }).$mount() |
| 53 | // 设置 z-index 并递增层级计数器 | ||
| 54 | instance.zIndex = data.zIndexCounter++ | ||
| 53 | document.body.appendChild(instance.$el) | 55 | document.body.appendChild(instance.$el) |
| 54 | Vue.nextTick(() => { | 56 | Vue.nextTick(() => { |
| 55 | instance.isShow = true | 57 | instance.isShow = true | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 10:19:52 | 4 | * @LastEditTime: 2023-09-21 09:25:47 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <transition name="msgbox-fade"> | 7 | <transition name="msgbox-fade"> |
| 8 | <div class="ls-mask" v-if="myShow"> | 8 | <div class="ls-mask" ref="popup" v-if="myShow"> |
| 9 | <div class="ls-mask-window" :class="isMain ? 'mainCenter' : 'contentCenter'" :style="{ 'width': width }"> | 9 | <div class="ls-mask-window" :class="isMain ? 'mainCenter' : 'contentCenter'" :style="{ 'width': width }"> |
| 10 | <div class="ls-head"> | 10 | <div class="ls-head"> |
| 11 | <div class="ls-title" :style="{ 'text-align': titleStyle }"> | 11 | <div class="ls-title" :style="{ 'text-align': titleStyle }"> |
| ... | @@ -30,6 +30,7 @@ | ... | @@ -30,6 +30,7 @@ |
| 30 | name: 'index', | 30 | name: 'index', |
| 31 | data () { | 31 | data () { |
| 32 | return { | 32 | return { |
| 33 | zIndexCounter: 2000, | ||
| 33 | title: '标题', | 34 | title: '标题', |
| 34 | editItem: "", | 35 | editItem: "", |
| 35 | isMain: false, | 36 | isMain: false, | ... | ... |
| ... | @@ -13,29 +13,29 @@ | ... | @@ -13,29 +13,29 @@ |
| 13 | </template> | 13 | </template> |
| 14 | 14 | ||
| 15 | <script> | 15 | <script> |
| 16 | import { mapGetters } from 'vuex' | 16 | import { mapGetters } from 'vuex' |
| 17 | import Logo from './Logo' | 17 | import Logo from './Logo' |
| 18 | import SidebarItem from './SidebarItem' | 18 | import SidebarItem from './SidebarItem' |
| 19 | import variables from '@/styles/variables.scss' | 19 | import variables from '@/styles/variables.scss' |
| 20 | import { asyncRoutes } from '@/router' | 20 | import { asyncRoutes } from '@/router' |
| 21 | export default { | 21 | export default { |
| 22 | components: { SidebarItem, Logo }, | 22 | components: { SidebarItem, Logo }, |
| 23 | computed: { | 23 | computed: { |
| 24 | ...mapGetters(['permission_routes', 'sidebar']), | 24 | ...mapGetters(['permission_routes', 'sidebar']), |
| 25 | activeMenu () { | 25 | activeMenu () { |
| 26 | const route = this.$route | 26 | const route = this.$route |
| 27 | const { meta, path } = route | 27 | const { meta, path } = route |
| 28 | if (meta.activeMenu) { | 28 | if (meta.activeMenu) { |
| 29 | return meta.activeMenu | 29 | return meta.activeMenu |
| 30 | } | ||
| 31 | return path | ||
| 32 | }, | ||
| 33 | variables () { | ||
| 34 | return variables | ||
| 35 | }, | ||
| 36 | asyncRoutes () { | ||
| 37 | return asyncRoutes | ||
| 30 | } | 38 | } |
| 31 | return path | ||
| 32 | }, | ||
| 33 | variables () { | ||
| 34 | return variables | ||
| 35 | }, | ||
| 36 | asyncRoutes () { | ||
| 37 | return asyncRoutes | ||
| 38 | } | 39 | } |
| 39 | } | 40 | } |
| 40 | } | ||
| 41 | </script> | 41 | </script> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-28 15:31:31 | 4 | * @LastEditTime: 2023-09-25 10:56:39 |
| 5 | */ | 5 | */ |
| 6 | import store from '@/store' | 6 | import store from '@/store' |
| 7 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 | 7 | // table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器 |
| ... | @@ -110,4 +110,11 @@ export default class filter { | ... | @@ -110,4 +110,11 @@ export default class filter { |
| 110 | 110 | ||
| 111 | return text; | 111 | return text; |
| 112 | } | 112 | } |
| 113 | joinItem (val) { | ||
| 114 | if (Array.isArray(val) && val.length > 0) { | ||
| 115 | return val.join() | ||
| 116 | } else { | ||
| 117 | return val | ||
| 118 | } | ||
| 119 | } | ||
| 113 | } | 120 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 15:52:44 | 4 | * @LastEditTime: 2023-09-22 09:30:34 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class='ywdialog'> | 7 | <div class='ywdialog'> |
| ... | @@ -35,5 +35,6 @@ | ... | @@ -35,5 +35,6 @@ |
| 35 | @import "~@/styles/public.scss"; | 35 | @import "~@/styles/public.scss"; |
| 36 | .ywdialog { | 36 | .ywdialog { |
| 37 | min-width: 230px; | 37 | min-width: 230px; |
| 38 | padding-bottom: 20px; | ||
| 38 | } | 39 | } |
| 39 | </style> | 40 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-04-26 16:05:28 | 4 | * @LastEditTime: 2023-09-22 13:38:52 |
| 5 | --> | 5 | --> |
| 6 | <!-- 批量删除弹框 --> | 6 | <!-- 批量删除弹框 --> |
| 7 | <template> | 7 | <template> |
| ... | @@ -52,7 +52,6 @@ | ... | @@ -52,7 +52,6 @@ |
| 52 | } | 52 | } |
| 53 | }, | 53 | }, |
| 54 | methods: { | 54 | methods: { |
| 55 | // 批量删除确定按钮 | ||
| 56 | /** | 55 | /** |
| 57 | * @description: 批量删除确定按钮 | 56 | * @description: 批量删除确定按钮 |
| 58 | * @author: renchao | 57 | * @author: renchao | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 09:28:13 | 4 | * @LastEditTime: 2023-10-08 08:35:11 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="clxx"> | 7 | <div class="clxx"> |
| ... | @@ -255,12 +255,7 @@ | ... | @@ -255,12 +255,7 @@ |
| 255 | sfggcl: data.sfggcl, | 255 | sfggcl: data.sfggcl, |
| 256 | }; | 256 | }; |
| 257 | //是否公共材料 | 257 | //是否公共材料 |
| 258 | if (data.sfggcl == "0") { | 258 | obj["bsmSldy"] = this.$parent.currentSelectProps.bsmRepair; |
| 259 | obj["bsmSldy"] = this.$parent.currentSelectProps.bsmSldy; | ||
| 260 | } | ||
| 261 | if (this.$route.query.sqywbm == "DJBBL") { | ||
| 262 | obj.bsmSldy = this.$parent.bsmRepair | ||
| 263 | } | ||
| 264 | saveClml(obj).then(async (res) => { | 259 | saveClml(obj).then(async (res) => { |
| 265 | if (res.code == 200) { | 260 | if (res.code == 200) { |
| 266 | let res = await this.clmlInitList(2); | 261 | let res = await this.clmlInitList(2); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:39:47 | 4 | * @LastEditTime: 2023-09-26 16:49:33 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| 8 | title="权利人信息" | 8 | title="权利人信息" |
| 9 | width="60%" | 9 | width="75%" |
| 10 | isMain | 10 | isMain |
| 11 | v-model="myValue" | 11 | v-model="myValue" |
| 12 | :isFullscreen="false" | 12 | :isFullscreen="false" |
| 13 | @submitForm="submitForm" | 13 | @submitForm="submitForm" |
| 14 | @closeDialog="closeDialog" | 14 | @closeDialog="closeDialog" |
| 15 | :isButton="showButton" | 15 | :isButton="isShow"> |
| 16 | > | 16 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> |
| 17 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> | ||
| 18 | <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane> | ||
| 19 | <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane> | ||
| 20 | </el-tabs> | ||
| 21 | |||
| 17 | <el-form | 22 | <el-form |
| 18 | :model="ruleForm" | 23 | :model="ruleForm" |
| 24 | v-if="activeName==1" | ||
| 19 | :rules="rules" | 25 | :rules="rules" |
| 20 | ref="ruleForm" | 26 | ref="ruleForm" |
| 21 | label-width="120px" | 27 | label-width="120px"> |
| 22 | > | 28 | <el-form-item label="身份证读卡器"> |
| 29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | ||
| 30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | ||
| 31 | </el-form-item> | ||
| 23 | <el-row> | 32 | <el-row> |
| 24 | <el-col :span="8"> | 33 | <el-col :span="8"> |
| 25 | <el-form-item label="权利人类型" prop="qlrlx"> | 34 | <el-form-item label="权利人类型" prop="qlrlx"> |
| ... | @@ -28,56 +37,51 @@ | ... | @@ -28,56 +37,51 @@ |
| 28 | v-model="ruleForm.qlrlx" | 37 | v-model="ruleForm.qlrlx" |
| 29 | class="width100" | 38 | class="width100" |
| 30 | :disabled="!showButton" | 39 | :disabled="!showButton" |
| 31 | placeholder="请选择" | 40 | placeholder="请选择"> |
| 32 | > | ||
| 33 | <el-option | 41 | <el-option |
| 34 | v-for="item in dictData['A36']" | 42 | v-for="item in dictData['A36']" |
| 35 | :key="item.dcode" | 43 | :key="item.dcode" |
| 36 | :label="item.dname" | 44 | :label="item.dname" |
| 37 | :value="item.dcode" | 45 | :value="item.dcode"> |
| 38 | > | ||
| 39 | </el-option> | 46 | </el-option> |
| 40 | </el-select> | 47 | </el-select> |
| 41 | </el-form-item> | 48 | </el-form-item> |
| 42 | </el-col> | 49 | </el-col> |
| 43 | <el-col :span="8"> | 50 | <el-col :span="8"> |
| 44 | <el-form-item label="姓名/名称" prop="qlrmc"> | 51 | <el-form-item label="姓名/名称" prop="qlrmc"> |
| 45 | <el-input | 52 | <el-input |
| 46 | v-model="ruleForm.qlrmc" | 53 | v-model="ruleForm.qlrmc" |
| 47 | maxlegth="15" | 54 | maxlegth="15" |
| 48 | :disabled="!showButton" | 55 | :disabled="!showButton"></el-input> |
| 49 | ></el-input> | ||
| 50 | </el-form-item> | 56 | </el-form-item> |
| 51 | </el-col> | 57 | </el-col> |
| 52 | <el-col :span="8"> | 58 | <el-col :span="8"> |
| 53 | <el-form-item label="证件种类" prop="zjzl"> | 59 | <el-form-item label="证件种类" prop="zjzl"> |
| 54 | <el-select | 60 | <el-select |
| 55 | clearable | 61 | clearable |
| 56 | v-model="ruleForm.zjzl" | 62 | v-model="ruleForm.zjzl" |
| 57 | :disabled="!showButton" | 63 | :disabled="!showButton" |
| 58 | class="width100" | 64 | class="width100" |
| 59 | placeholder="请选择" | 65 | @change="handleZjzl" |
| 60 | > | 66 | placeholder="请选择"> |
| 61 | <el-option | 67 | <el-option |
| 62 | v-for="item in dictData['A30']" | 68 | v-for="item in dictData['A30']" |
| 63 | :key="item.dcode" | 69 | :key="item.dcode" |
| 64 | :label="item.dname" | 70 | :label="item.dname" |
| 65 | :value="item.dcode" | 71 | :value="item.dcode"> |
| 66 | > | ||
| 67 | </el-option> | 72 | </el-option> |
| 68 | </el-select> | 73 | </el-select> |
| 69 | </el-form-item> | 74 | </el-form-item> |
| 70 | </el-col> | 75 | </el-col> |
| 71 | </el-row> | 76 | </el-row> |
| 72 | <el-row> | 77 | <el-row> |
| 73 | <el-col :span="8"> | 78 | <el-col :span="8"> |
| 74 | <el-form-item label="证件号" prop="zjh"> | 79 | <el-form-item label="证件号" prop="zjh"> |
| 75 | <el-input | 80 | <el-input |
| 76 | v-model="ruleForm.zjh" | 81 | v-model="ruleForm.zjh" |
| 77 | :disabled="!showButton" | 82 | :disabled="!showButton" |
| 78 | maxlength="18" | 83 | maxlength="18" |
| 79 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 84 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 80 | ></el-input> | ||
| 81 | </el-form-item> | 85 | </el-form-item> |
| 82 | </el-col> | 86 | </el-col> |
| 83 | <el-col :span="8"> | 87 | <el-col :span="8"> |
| ... | @@ -86,8 +90,7 @@ | ... | @@ -86,8 +90,7 @@ |
| 86 | v-model="ruleForm.dh" | 90 | v-model="ruleForm.dh" |
| 87 | :disabled="!showButton" | 91 | :disabled="!showButton" |
| 88 | maxlength="11" | 92 | maxlength="11" |
| 89 | oninput="value=value.replace(/[^\d]/g,'')" | 93 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 90 | ></el-input> | ||
| 91 | </el-form-item> | 94 | </el-form-item> |
| 92 | </el-col> | 95 | </el-col> |
| 93 | 96 | ||
| ... | @@ -96,8 +99,7 @@ | ... | @@ -96,8 +99,7 @@ |
| 96 | <el-input | 99 | <el-input |
| 97 | v-model="ruleForm.qlbl" | 100 | v-model="ruleForm.qlbl" |
| 98 | maxlength="32" | 101 | maxlength="32" |
| 99 | :disabled="!showButton || this.ruleForm.gyfs == 1" | 102 | :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input> |
| 100 | ></el-input> | ||
| 101 | </el-form-item> | 103 | </el-form-item> |
| 102 | </el-col> | 104 | </el-col> |
| 103 | </el-row> | 105 | </el-row> |
| ... | @@ -107,8 +109,7 @@ | ... | @@ -107,8 +109,7 @@ |
| 107 | <el-input | 109 | <el-input |
| 108 | v-model="ruleForm.frmc" | 110 | v-model="ruleForm.frmc" |
| 109 | maxlength="32" | 111 | maxlength="32" |
| 110 | :disabled="!showButton" | 112 | :disabled="!showButton"></el-input> |
| 111 | ></el-input> | ||
| 112 | </el-form-item> | 113 | </el-form-item> |
| 113 | </el-col> | 114 | </el-col> |
| 114 | <el-col :span="8"> | 115 | <el-col :span="8"> |
| ... | @@ -116,8 +117,7 @@ | ... | @@ -116,8 +117,7 @@ |
| 116 | <el-input | 117 | <el-input |
| 117 | v-model="ruleForm.gj" | 118 | v-model="ruleForm.gj" |
| 118 | maxlength="3" | 119 | maxlength="3" |
| 119 | :disabled="!showButton" | 120 | :disabled="!showButton"></el-input> |
| 120 | ></el-input> | ||
| 121 | </el-form-item> | 121 | </el-form-item> |
| 122 | </el-col> | 122 | </el-col> |
| 123 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| ... | @@ -125,8 +125,7 @@ | ... | @@ -125,8 +125,7 @@ |
| 125 | <el-input | 125 | <el-input |
| 126 | v-model="ruleForm.hjszss" | 126 | v-model="ruleForm.hjszss" |
| 127 | maxlength="3" | 127 | maxlength="3" |
| 128 | :disabled="!showButton" | 128 | :disabled="!showButton"></el-input> |
| 129 | ></el-input> | ||
| 130 | </el-form-item> | 129 | </el-form-item> |
| 131 | </el-col> | 130 | </el-col> |
| 132 | </el-row> | 131 | </el-row> |
| ... | @@ -137,8 +136,7 @@ | ... | @@ -137,8 +136,7 @@ |
| 137 | <el-input | 136 | <el-input |
| 138 | v-model="ruleForm.dz" | 137 | v-model="ruleForm.dz" |
| 139 | maxlength="100" | 138 | maxlength="100" |
| 140 | :disabled="!showButton" | 139 | :disabled="!showButton"></el-input> |
| 141 | ></el-input> | ||
| 142 | </el-form-item> | 140 | </el-form-item> |
| 143 | </el-col> | 141 | </el-col> |
| 144 | </el-row> | 142 | </el-row> |
| ... | @@ -149,8 +147,7 @@ | ... | @@ -149,8 +147,7 @@ |
| 149 | <el-input | 147 | <el-input |
| 150 | v-model="ruleForm.fzjg" | 148 | v-model="ruleForm.fzjg" |
| 151 | maxlength="10" | 149 | maxlength="10" |
| 152 | :disabled="!showButton" | 150 | :disabled="!showButton"></el-input> |
| 153 | ></el-input> | ||
| 154 | </el-form-item> | 151 | </el-form-item> |
| 155 | </el-col> | 152 | </el-col> |
| 156 | <el-col :span="8"> | 153 | <el-col :span="8"> |
| ... | @@ -158,8 +155,7 @@ | ... | @@ -158,8 +155,7 @@ |
| 158 | <el-input | 155 | <el-input |
| 159 | v-model="ruleForm.dzyj" | 156 | v-model="ruleForm.dzyj" |
| 160 | :disabled="!showButton" | 157 | :disabled="!showButton" |
| 161 | maxlength="25" | 158 | maxlength="25"></el-input> |
| 162 | ></el-input> | ||
| 163 | </el-form-item> | 159 | </el-form-item> |
| 164 | </el-col> | 160 | </el-col> |
| 165 | <el-col :span="8"> | 161 | <el-col :span="8"> |
| ... | @@ -168,8 +164,7 @@ | ... | @@ -168,8 +164,7 @@ |
| 168 | v-model.number="ruleForm.yb" | 164 | v-model.number="ruleForm.yb" |
| 169 | :disabled="!showButton" | 165 | :disabled="!showButton" |
| 170 | maxlength="6" | 166 | maxlength="6" |
| 171 | oninput="value=value.replace(/[^\d]/g,'')" | 167 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 172 | ></el-input> | ||
| 173 | </el-form-item> | 168 | </el-form-item> |
| 174 | </el-col> | 169 | </el-col> |
| 175 | </el-row> | 170 | </el-row> |
| ... | @@ -180,8 +175,7 @@ | ... | @@ -180,8 +175,7 @@ |
| 180 | <el-input | 175 | <el-input |
| 181 | v-model="ruleForm.gzdw" | 176 | v-model="ruleForm.gzdw" |
| 182 | maxlength="32" | 177 | maxlength="32" |
| 183 | :disabled="!showButton" | 178 | :disabled="!showButton"></el-input> |
| 184 | ></el-input> | ||
| 185 | </el-form-item> | 179 | </el-form-item> |
| 186 | </el-col> | 180 | </el-col> |
| 187 | <el-col :span="16"> | 181 | <el-col :span="16"> |
| ... | @@ -189,8 +183,7 @@ | ... | @@ -189,8 +183,7 @@ |
| 189 | <el-input | 183 | <el-input |
| 190 | v-model="ruleForm.dlrjgmc" | 184 | v-model="ruleForm.dlrjgmc" |
| 191 | maxlength="32" | 185 | maxlength="32" |
| 192 | :disabled="!showButton" | 186 | :disabled="!showButton"></el-input> |
| 193 | ></el-input> | ||
| 194 | </el-form-item> | 187 | </el-form-item> |
| 195 | </el-col> | 188 | </el-col> |
| 196 | </el-row> | 189 | </el-row> |
| ... | @@ -202,8 +195,7 @@ | ... | @@ -202,8 +195,7 @@ |
| 202 | v-model="ruleForm.dlrdhhm" | 195 | v-model="ruleForm.dlrdhhm" |
| 203 | :disabled="!showButton" | 196 | :disabled="!showButton" |
| 204 | maxlength="11" | 197 | maxlength="11" |
| 205 | oninput="value=value.replace(/[^\d]/g,'')" | 198 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 206 | ></el-input> | ||
| 207 | </el-form-item> | 199 | </el-form-item> |
| 208 | </el-col> | 200 | </el-col> |
| 209 | <el-col :span="8"> | 201 | <el-col :span="8"> |
| ... | @@ -211,8 +203,7 @@ | ... | @@ -211,8 +203,7 @@ |
| 211 | <el-input | 203 | <el-input |
| 212 | v-model="ruleForm.dlrxm" | 204 | v-model="ruleForm.dlrxm" |
| 213 | maxlength="15" | 205 | maxlength="15" |
| 214 | :disabled="!showButton" | 206 | :disabled="!showButton"></el-input> |
| 215 | ></el-input> | ||
| 216 | </el-form-item> | 207 | </el-form-item> |
| 217 | </el-col> | 208 | </el-col> |
| 218 | <el-col :span="8"> | 209 | <el-col :span="8"> |
| ... | @@ -222,14 +213,12 @@ | ... | @@ -222,14 +213,12 @@ |
| 222 | v-model="ruleForm.dlrzjlx" | 213 | v-model="ruleForm.dlrzjlx" |
| 223 | :disabled="!showButton" | 214 | :disabled="!showButton" |
| 224 | class="width100" | 215 | class="width100" |
| 225 | placeholder="请选择" | 216 | placeholder="请选择"> |
| 226 | > | ||
| 227 | <el-option | 217 | <el-option |
| 228 | v-for="item in dictData['A30']" | 218 | v-for="item in dictData['A30']" |
| 229 | :key="item.dcode" | 219 | :key="item.dcode" |
| 230 | :label="item.dname" | 220 | :label="item.dname" |
| 231 | :value="item.dcode" | 221 | :value="item.dcode"> |
| 232 | > | ||
| 233 | </el-option> | 222 | </el-option> |
| 234 | </el-select> | 223 | </el-select> |
| 235 | </el-form-item> | 224 | </el-form-item> |
| ... | @@ -243,14 +232,12 @@ | ... | @@ -243,14 +232,12 @@ |
| 243 | v-model="ruleForm.xb" | 232 | v-model="ruleForm.xb" |
| 244 | :disabled="!showButton" | 233 | :disabled="!showButton" |
| 245 | class="width100" | 234 | class="width100" |
| 246 | placeholder="请选择" | 235 | placeholder="请选择"> |
| 247 | > | ||
| 248 | <el-option | 236 | <el-option |
| 249 | v-for="item in dictData['A43']" | 237 | v-for="item in dictData['A43']" |
| 250 | :key="item.dcode" | 238 | :key="item.dcode" |
| 251 | :label="item.dname" | 239 | :label="item.dname" |
| 252 | :value="item.dcode" | 240 | :value="item.dcode"> |
| 253 | > | ||
| 254 | </el-option> | 241 | </el-option> |
| 255 | </el-select> | 242 | </el-select> |
| 256 | </el-form-item> | 243 | </el-form-item> |
| ... | @@ -260,111 +247,407 @@ | ... | @@ -260,111 +247,407 @@ |
| 260 | <el-input | 247 | <el-input |
| 261 | v-model="ruleForm.dlrzjh" | 248 | v-model="ruleForm.dlrzjh" |
| 262 | :disabled="!showButton" | 249 | :disabled="!showButton" |
| 263 | maxlength="18" | 250 | maxlength="18"></el-input> |
| 264 | ></el-input> | ||
| 265 | </el-form-item> | 251 | </el-form-item> |
| 266 | </el-col> | 252 | </el-col> |
| 267 | </el-row> | 253 | </el-row> |
| 268 | </el-form> | 254 | </el-form> |
| 255 | |||
| 256 | <div v-if="activeName==2" class="padding10"> | ||
| 257 | <el-form :model="queryFormQY" label-width="80px"> | ||
| 258 | <el-row> | ||
| 259 | <el-col :span="8"> | ||
| 260 | <el-form-item label="姓名/名称"> | ||
| 261 | <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100"> | ||
| 262 | </el-input> | ||
| 263 | </el-form-item> | ||
| 264 | </el-col> | ||
| 265 | <el-col :span="8"> | ||
| 266 | <el-form-item label="证件号"> | ||
| 267 | <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100"> | ||
| 268 | </el-input> | ||
| 269 | </el-form-item> | ||
| 270 | </el-col> | ||
| 271 | <el-col :span="8" class="btnColRight"> | ||
| 272 | <el-form-item> | ||
| 273 | <el-button type="primary" @click="handleSearchQY">查询</el-button> | ||
| 274 | </el-form-item> | ||
| 275 | </el-col> | ||
| 276 | </el-row> | ||
| 277 | </el-form> | ||
| 278 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8"> | ||
| 279 | <el-table-column label="序号" type="index" width="50" align="center"> | ||
| 280 | <template slot-scope="scope"> | ||
| 281 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ||
| 282 | </template> | ||
| 283 | </el-table-column> | ||
| 284 | <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center"> | ||
| 285 | </el-table-column> | ||
| 286 | <el-table-column label="操作" width="50"> | ||
| 287 | <template slot-scope="scope"> | ||
| 288 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> | ||
| 289 | </template> | ||
| 290 | </el-table-column> | ||
| 291 | </el-table> | ||
| 292 | <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total" | ||
| 293 | @current-change="handleQYCurrentChange"></el-pagination> | ||
| 294 | </div> | ||
| 295 | <div v-if="activeName==3" class="padding10"> | ||
| 296 | <el-form :model="queryFormYH" label-width="80px"> | ||
| 297 | <el-row> | ||
| 298 | <el-col :span="8"> | ||
| 299 | <el-form-item label="姓名/名称"> | ||
| 300 | <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100"> | ||
| 301 | </el-input> | ||
| 302 | </el-form-item> | ||
| 303 | </el-col> | ||
| 304 | <el-col :span="8"> | ||
| 305 | <el-form-item label="证件号"> | ||
| 306 | <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100"> | ||
| 307 | </el-input> | ||
| 308 | </el-form-item> | ||
| 309 | </el-col> | ||
| 310 | <el-col :span="8" class="btnColRight"> | ||
| 311 | <el-form-item> | ||
| 312 | <el-button type="primary" @click="handleSearchYH">查询</el-button> | ||
| 313 | </el-form-item> | ||
| 314 | </el-col> | ||
| 315 | </el-row> | ||
| 316 | </el-form> | ||
| 317 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8"> | ||
| 318 | <el-table-column label="序号" type="index" width="50" align="center"> | ||
| 319 | <template slot-scope="scope"> | ||
| 320 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ||
| 321 | </template> | ||
| 322 | </el-table-column> | ||
| 323 | <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | ||
| 324 | </el-table-column> | ||
| 325 | <el-table-column label="操作" width="50"> | ||
| 326 | <template slot-scope="scope"> | ||
| 327 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> | ||
| 328 | </template> | ||
| 329 | </el-table-column> | ||
| 330 | </el-table> | ||
| 331 | <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total" | ||
| 332 | @current-change="handleYHCurrentChange"></el-pagination> | ||
| 333 | </div> | ||
| 269 | </dialogBox> | 334 | </dialogBox> |
| 270 | </template> | 335 | </template> |
| 271 | <script> | 336 | <script> |
| 272 | import { mapGetters } from "vuex"; | 337 | import { mapGetters } from "vuex"; |
| 273 | export default { | 338 | import store from '@/store/index.js' |
| 274 | props: { | 339 | import { replace } from "@/api/company.js" |
| 275 | value: { type: Boolean, default: false }, | 340 | import { getUuid } from "@/utils/operation.js" |
| 276 | details: { type: Object, default: {} }, | 341 | import { getIdCardInfo } from '@/utils/operation.js' |
| 277 | showButton: { type: Boolean, default: false }, | 342 | import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js"; |
| 278 | }, | 343 | import { dataYh, dataQy, sendThis } from "./addQlrData"; |
| 279 | computed: { | 344 | export default { |
| 280 | ...mapGetters(["dictData"]), | 345 | props: { |
| 281 | }, | 346 | value: { type: Boolean, default: false }, |
| 282 | data() { | 347 | details: { type: Object, default: {} }, |
| 283 | return { | 348 | showButton: { type: Boolean, default: false }, |
| 284 | myValue: this.value, | ||
| 285 | ruleForm: { | ||
| 286 | bsmBdcqz: "", | ||
| 287 | bsmQlr: "", | ||
| 288 | bsmQlxx: "", | ||
| 289 | bz: "", | ||
| 290 | cbfbm: "", | ||
| 291 | dh: "", | ||
| 292 | dlrdhhm: "", | ||
| 293 | dlrjgmc: "", | ||
| 294 | dlrxm: "", | ||
| 295 | dlrzjh: "", | ||
| 296 | dlrzjlx: "", | ||
| 297 | dz: "", | ||
| 298 | dzyj: "", | ||
| 299 | fbfbm: "", | ||
| 300 | frdh: "", | ||
| 301 | frmc: "", | ||
| 302 | fzjg: "", | ||
| 303 | gj: "", | ||
| 304 | gzdw: "", | ||
| 305 | hjszss: "", | ||
| 306 | qlrlx: "", | ||
| 307 | qlrmc: "", | ||
| 308 | qlrtz: "", | ||
| 309 | sfczr: "", | ||
| 310 | sshy: "", | ||
| 311 | sxh: 0, | ||
| 312 | xb: "", | ||
| 313 | yb: "", | ||
| 314 | zjh: "", | ||
| 315 | zjzl: "", | ||
| 316 | }, | ||
| 317 | rules: { | ||
| 318 | qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
| 319 | qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 320 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 321 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 322 | }, | ||
| 323 | }; | ||
| 324 | }, | ||
| 325 | watch: { | ||
| 326 | value(val) { | ||
| 327 | this.myValue = _.cloneDeep(val); | ||
| 328 | }, | 349 | }, |
| 329 | details: { | 350 | computed: { |
| 330 | handler: function (val, oldVal) { | 351 | ...mapGetters(["dictData"]), |
| 331 | this.ruleForm = val; | 352 | }, |
| 332 | }, | 353 | mounted () { |
| 333 | deep: true, | 354 | sendThis(this); |
| 355 | }, | ||
| 356 | data () { | ||
| 357 | return { | ||
| 358 | isShow: false, | ||
| 359 | isBz: false, | ||
| 360 | activeName: '1', | ||
| 361 | loading: false, | ||
| 362 | myValue: this.value, | ||
| 363 | ruleForm: { | ||
| 364 | bsmBdcqz: "", | ||
| 365 | bsmQlr: "", | ||
| 366 | bsmQlxx: "", | ||
| 367 | bz: "", | ||
| 368 | cbfbm: "", | ||
| 369 | dh: "", | ||
| 370 | dlrdhhm: "", | ||
| 371 | dlrjgmc: "", | ||
| 372 | dlrxm: "", | ||
| 373 | dlrzjh: "", | ||
| 374 | dlrzjlx: "", | ||
| 375 | dz: "", | ||
| 376 | dzyj: "", | ||
| 377 | fbfbm: "", | ||
| 378 | frdh: "", | ||
| 379 | frmc: "", | ||
| 380 | fzjg: "", | ||
| 381 | gj: "", | ||
| 382 | gzdw: "", | ||
| 383 | hjszss: "", | ||
| 384 | qlrlx: "", | ||
| 385 | qlrmc: "", | ||
| 386 | qlrtz: "", | ||
| 387 | sfczr: "", | ||
| 388 | sshy: "", | ||
| 389 | sxh: 0, | ||
| 390 | xb: "", | ||
| 391 | yb: "", | ||
| 392 | zjh: "", | ||
| 393 | zjzl: "", | ||
| 394 | }, | ||
| 395 | rules: { | ||
| 396 | qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }], | ||
| 397 | qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 398 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 399 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 400 | }, | ||
| 401 | pageData: { | ||
| 402 | currentPage: 1, | ||
| 403 | pageSize: 8 | ||
| 404 | }, | ||
| 405 | // 企业 | ||
| 406 | queryFormQY: { | ||
| 407 | qymc: "", | ||
| 408 | zjh: "" | ||
| 409 | }, | ||
| 410 | tableDataQy: { | ||
| 411 | total: 0, | ||
| 412 | columns: dataQy.columns(), | ||
| 413 | data: [], | ||
| 414 | }, | ||
| 415 | // 银行 | ||
| 416 | queryFormYH: { | ||
| 417 | qymc: "", | ||
| 418 | zjh: "" | ||
| 419 | }, | ||
| 420 | tableDataYh: { | ||
| 421 | total: 0, | ||
| 422 | columns: dataYh.columns(), | ||
| 423 | data: [ | ||
| 424 | ] | ||
| 425 | } | ||
| 426 | } | ||
| 334 | }, | 427 | }, |
| 335 | }, | 428 | watch: { |
| 336 | methods: { | 429 | value (val) { |
| 337 | /** | 430 | this.myValue = _.cloneDeep(val) |
| 338 | * @description: closeDialog | 431 | if (val && Object.keys(this.details).length > 0) { |
| 339 | * @author: renchao | 432 | this.activeName = '1' |
| 340 | */ | 433 | } |
| 341 | closeDialog() { | 434 | this.isShow = this.showButton |
| 342 | this.$emit("input", false); | 435 | }, |
| 343 | this.$refs["ruleForm"].resetFields(); | 436 | details: { |
| 437 | handler: function (val, oldVal) { | ||
| 438 | this.ruleForm = val; | ||
| 439 | }, | ||
| 440 | deep: true | ||
| 441 | } | ||
| 344 | }, | 442 | }, |
| 345 | /** | 443 | methods: { |
| 346 | * @description: submitForm | 444 | handleZjzl (val) { |
| 347 | * @author: renchao | 445 | if (['6', '7', '8'].includes(val)) { |
| 348 | */ | 446 | this.isBz = true |
| 349 | submitForm() { | 447 | } else { |
| 350 | this.$refs.ruleForm.validate((valid) => { | 448 | this.isBz = false |
| 351 | if (valid) { | 449 | } |
| 352 | this.$emit("input", false); | 450 | }, |
| 353 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 451 | /** |
| 452 | * @description: 信息备案 | ||
| 453 | * @author: renchao | ||
| 454 | */ | ||
| 455 | handleFilings () { | ||
| 456 | this.ruleForm.qymc = this.ruleForm.qlrmc | ||
| 457 | this.ruleForm.dwdz = this.ruleForm.dz | ||
| 458 | addQy(this.ruleForm).then(res => { | ||
| 459 | if (res.code == 200) { | ||
| 460 | this.$message.success('备案成功') | ||
| 461 | } else { | ||
| 462 | this.$message.error(res.message); | ||
| 463 | } | ||
| 464 | }) | ||
| 465 | }, | ||
| 466 | /** | ||
| 467 | * @description: handleClick | ||
| 468 | * @author: renchao | ||
| 469 | */ | ||
| 470 | handleClick (event, tab) { | ||
| 471 | if (this.activeName != 1) { | ||
| 472 | this.isShow = false | ||
| 354 | } else { | 473 | } else { |
| 355 | return false; | 474 | this.isShow = true |
| 475 | } | ||
| 476 | this.pageData.currentPage = 1 | ||
| 477 | if (this.activeName == 2) { | ||
| 478 | this.handleSearchQY() | ||
| 479 | } else { | ||
| 480 | this.handleSearchYH() | ||
| 481 | } | ||
| 482 | }, | ||
| 483 | /** | ||
| 484 | * @description:企业查询 | ||
| 485 | * @param {*} val | ||
| 486 | * @param {*} code | ||
| 487 | * @author: renchao | ||
| 488 | */ | ||
| 489 | dicStatus (val, code) { | ||
| 490 | let data = store.getters.dictData[code], | ||
| 491 | name = '暂无' | ||
| 492 | if (data) { | ||
| 493 | data.map((item) => { | ||
| 494 | if (item.dcode == val) { | ||
| 495 | name = item.dname | ||
| 496 | } | ||
| 497 | }) | ||
| 498 | return name | ||
| 356 | } | 499 | } |
| 357 | }); | 500 | }, |
| 501 | /** | ||
| 502 | * @description: 企业信息搜索 | ||
| 503 | * @author: renchao | ||
| 504 | */ | ||
| 505 | handleSearchQY () { | ||
| 506 | let data = { ...this.queryFormQY, ...this.pageData } | ||
| 507 | this.tableDataQy.data = [] | ||
| 508 | queryQyByPage(data).then((res) => { | ||
| 509 | if (res.code === 200) { | ||
| 510 | let { total, records } = res.result; | ||
| 511 | this.tableDataQy.total = total; | ||
| 512 | this.tableDataQy.data = records; | ||
| 513 | this.tableDataQy.data.forEach(item => { | ||
| 514 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | ||
| 515 | item.qlrmc = item.qymc | ||
| 516 | item.dz = item.dwdz | ||
| 517 | }) | ||
| 518 | } | ||
| 519 | }) | ||
| 520 | }, | ||
| 521 | /** | ||
| 522 | * @description: handleQYCurrentChange | ||
| 523 | * @param {*} val | ||
| 524 | * @author: renchao | ||
| 525 | */ | ||
| 526 | handleQYCurrentChange (val) { | ||
| 527 | this.pageData.currentPage = val | ||
| 528 | this.handleSearchQY() | ||
| 529 | }, | ||
| 530 | /** | ||
| 531 | * @description: handlesQYSelect | ||
| 532 | * @param {*} val | ||
| 533 | * @author: renchao | ||
| 534 | */ | ||
| 535 | handleSelect (val) { | ||
| 536 | let that = this | ||
| 537 | let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : '' | ||
| 538 | this.$confirm('是否同步材料信息?', '提示', { | ||
| 539 | confirmButtonText: '确定', | ||
| 540 | cancelButtonText: '取消', | ||
| 541 | distinguishCancelAndClose: true,//区分取消与关闭 | ||
| 542 | }).then(() => { | ||
| 543 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { | ||
| 544 | that.$emit("updateDetail", _.cloneDeep({ ...val, qlrlx: '2', id: getUuid(16) })); | ||
| 545 | that.$emit("input", false); | ||
| 546 | if (res.code == 200) { | ||
| 547 | that.$message({ | ||
| 548 | type: 'success', | ||
| 549 | message: '同步成功!' | ||
| 550 | }) | ||
| 551 | } else { | ||
| 552 | this.$message.error(res.message); | ||
| 553 | } | ||
| 554 | }) | ||
| 555 | }).catch(action => { | ||
| 556 | if (action == 'cancel') { | ||
| 557 | that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' })); | ||
| 558 | that.$emit("input", false); | ||
| 559 | } | ||
| 560 | }) | ||
| 561 | }, | ||
| 562 | /** | ||
| 563 | * @description: 银行信息搜索 | ||
| 564 | * @author: renchao | ||
| 565 | */ | ||
| 566 | handleSearchYH () { | ||
| 567 | let data = { ...this.queryFormYH, ...this.pageData } | ||
| 568 | this.tableDataYh.data = [] | ||
| 569 | queryYhByPage(data).then((res) => { | ||
| 570 | if (res.code === 200) { | ||
| 571 | let { total, records } = res.result; | ||
| 572 | this.tableDataYh.total = total; | ||
| 573 | this.tableDataYh.data = records; | ||
| 574 | this.tableDataYh.data.forEach(item => { | ||
| 575 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | ||
| 576 | item.qlrmc = item.qymc | ||
| 577 | item.dz = item.dwdz | ||
| 578 | }) | ||
| 579 | } | ||
| 580 | }) | ||
| 581 | }, | ||
| 582 | /** | ||
| 583 | * @description: handleYHCurrentChange | ||
| 584 | * @param {*} val | ||
| 585 | * @author: renchao | ||
| 586 | */ | ||
| 587 | handleYHCurrentChange (val) { | ||
| 588 | this.pageData.currentPage = val | ||
| 589 | this.handleSearchQY() | ||
| 590 | }, | ||
| 591 | /** | ||
| 592 | * @description: 身份证打卡器 | ||
| 593 | * @author: renchao | ||
| 594 | */ | ||
| 595 | readClick () { | ||
| 596 | getIdCardInfo().then(res => { | ||
| 597 | if (res.data.code == 0) { | ||
| 598 | let data = res.data.IDCardInfo | ||
| 599 | this.ruleForm.qlrmc = data.name | ||
| 600 | this.ruleForm.zjzl = '1' | ||
| 601 | this.ruleForm.zjh = data.cardID | ||
| 602 | this.ruleForm.xb = data.sexCode | ||
| 603 | this.ruleForm.dz = data.address | ||
| 604 | this.ruleForm.fzjg = data.issueOrgan | ||
| 605 | this.$message({ | ||
| 606 | message: '读取成功！', | ||
| 607 | type: 'success' | ||
| 608 | }) | ||
| 609 | } else { | ||
| 610 | this.$message({ | ||
| 611 | message: res.data.message, | ||
| 612 | type: 'warning' | ||
| 613 | }) | ||
| 614 | } | ||
| 615 | }) | ||
| 616 | }, | ||
| 617 | /** | ||
| 618 | * @description: closeDialog | ||
| 619 | * @author: renchao | ||
| 620 | */ | ||
| 621 | closeDialog () { | ||
| 622 | this.$emit("input", false); | ||
| 623 | this.$refs["ruleForm"].resetFields(); | ||
| 624 | }, | ||
| 625 | /** | ||
| 626 | * @description: submitForm | ||
| 627 | * @author: renchao | ||
| 628 | */ | ||
| 629 | submitForm () { | ||
| 630 | this.$refs.ruleForm.validate((valid) => { | ||
| 631 | if (valid) { | ||
| 632 | this.$emit("input", false); | ||
| 633 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 634 | } else { | ||
| 635 | return false; | ||
| 636 | } | ||
| 637 | }); | ||
| 638 | }, | ||
| 358 | }, | 639 | }, |
| 359 | }, | 640 | }; |
| 360 | }; | ||
| 361 | </script> | 641 | </script> |
| 362 | <style scoped lang="scss"> | 642 | <style scoped lang="scss"> |
| 363 | @import "~@/styles/dialogBoxheader.scss"; | 643 | @import "~@/styles/dialogBoxheader.scss"; |
| 364 | .submit-button { | 644 | .submit-button { |
| 365 | text-align: center; | 645 | text-align: center; |
| 366 | height: 52px; | 646 | height: 52px; |
| 367 | padding-top: 10px; | 647 | padding-top: 10px; |
| 368 | background-color: #fff; | 648 | background-color: #fff; |
| 369 | } | 649 | } |
| 650 | .padding10 { | ||
| 651 | padding-bottom: 10px; | ||
| 652 | } | ||
| 370 | </style> | 653 | </style> | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-21 15:45:27 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data1 extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | prop: "qlrmc", | ||
| 20 | label: "姓名/名称", | ||
| 21 | }, | ||
| 22 | { | ||
| 23 | prop: "zjzlMc", | ||
| 24 | label: "证件种类" | ||
| 25 | }, | ||
| 26 | { | ||
| 27 | prop: "zjh", | ||
| 28 | label: "证件号", | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | prop: "frmc", | ||
| 32 | label: "法人名称", | ||
| 33 | }, | ||
| 34 | { | ||
| 35 | prop: "dwdz", | ||
| 36 | label: "地址", | ||
| 37 | }, | ||
| 38 | { | ||
| 39 | prop: "dh", | ||
| 40 | label: "联系电话", | ||
| 41 | } | ||
| 42 | ] | ||
| 43 | } | ||
| 44 | |||
| 45 | } | ||
| 46 | class data2 extends filter { | ||
| 47 | constructor() { | ||
| 48 | super() | ||
| 49 | |||
| 50 | } | ||
| 51 | columns () { | ||
| 52 | return [ | ||
| 53 | { | ||
| 54 | prop: "qlrmc", | ||
| 55 | label: "姓名/名称", | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: "zjzlMc", | ||
| 59 | label: "证件种类", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | prop: "zjh", | ||
| 63 | label: "证件号", | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | prop: "frmc", | ||
| 67 | label: "法人名称", | ||
| 68 | }, | ||
| 69 | { | ||
| 70 | prop: "dwdz", | ||
| 71 | label: "地址", | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "dh", | ||
| 75 | label: "联系电话", | ||
| 76 | }, | ||
| 77 | ] | ||
| 78 | } | ||
| 79 | |||
| 80 | } | ||
| 81 | let dataYh = new data1() | ||
| 82 | let dataQy = new data2() | ||
| 83 | export { | ||
| 84 | dataYh, | ||
| 85 | dataQy, | ||
| 86 | sendThis | ||
| 87 | } |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:39:47 | 4 | * @LastEditTime: 2023-09-26 15:40:49 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| 8 | title="申请人信息" | 8 | title="申请人信息" |
| 9 | width="60%" | 9 | width="75%" |
| 10 | isMain | 10 | isMain |
| 11 | v-model="myValue" | 11 | v-model="myValue" |
| 12 | :isFullscreen="false" | 12 | :isFullscreen="false" |
| 13 | @submitForm="submitForm" | 13 | @submitForm="submitForm" |
| 14 | @closeDialog="closeDialog" | 14 | @closeDialog="closeDialog" |
| 15 | :isButton="showButton" | 15 | :isButton="isShow"> |
| 16 | > | 16 | <el-tabs v-model="activeName" @tab-click="handleClick" class="from-clues-header"> |
| 17 | <el-tab-pane label="基本信息" name="1"></el-tab-pane> | ||
| 18 | <el-tab-pane label="企业信息" v-if="showButton" name="2"></el-tab-pane> | ||
| 19 | <el-tab-pane label="银行机构" v-if="showButton" name="3"></el-tab-pane> | ||
| 20 | </el-tabs> | ||
| 21 | |||
| 17 | <el-form | 22 | <el-form |
| 18 | :model="ruleForm" | 23 | :model="ruleForm" |
| 19 | :rules="rules" | 24 | :rules="rules" |
| 25 | v-if="activeName==1" | ||
| 20 | ref="ruleForm" | 26 | ref="ruleForm" |
| 21 | label-width="120px" | 27 | label-width="120px"> |
| 22 | > | 28 | <el-form-item label="身份证读卡器"> |
| 29 | <el-button type="text" icon="el-icon-tickets" :disabled="!showButton" @click="readClick">读取</el-button> | ||
| 30 | <el-button type="primary" v-if="isBz" @click="handleFilings">信息备案</el-button> | ||
| 31 | </el-form-item> | ||
| 23 | <el-row> | 32 | <el-row> |
| 24 | <el-col :span="8"> | 33 | <el-col :span="8"> |
| 25 | <el-form-item label="义务人类型" prop="ywrlx"> | 34 | <el-form-item label="义务人类型" prop="ywrlx"> |
| ... | @@ -28,14 +37,12 @@ | ... | @@ -28,14 +37,12 @@ |
| 28 | v-model="ruleForm.ywrlx" | 37 | v-model="ruleForm.ywrlx" |
| 29 | class="width100" | 38 | class="width100" |
| 30 | :disabled="!showButton" | 39 | :disabled="!showButton" |
| 31 | placeholder="请选择" | 40 | placeholder="请选择"> |
| 32 | > | ||
| 33 | <el-option | 41 | <el-option |
| 34 | v-for="item in dictData['A36']" | 42 | v-for="item in dictData['A36']" |
| 35 | :key="item.dcode" | 43 | :key="item.dcode" |
| 36 | :label="item.dname" | 44 | :label="item.dname" |
| 37 | :value="item.dcode" | 45 | :value="item.dcode"> |
| 38 | > | ||
| 39 | </el-option> | 46 | </el-option> |
| 40 | </el-select> | 47 | </el-select> |
| 41 | </el-form-item> | 48 | </el-form-item> |
| ... | @@ -53,14 +60,12 @@ | ... | @@ -53,14 +60,12 @@ |
| 53 | v-model="ruleForm.zjzl" | 60 | v-model="ruleForm.zjzl" |
| 54 | :disabled="!showButton" | 61 | :disabled="!showButton" |
| 55 | class="width100" | 62 | class="width100" |
| 56 | placeholder="请选择" | 63 | placeholder="请选择"> |
| 57 | > | ||
| 58 | <el-option | 64 | <el-option |
| 59 | v-for="item in dictData['A30']" | 65 | v-for="item in dictData['A30']" |
| 60 | :key="item.dcode" | 66 | :key="item.dcode" |
| 61 | :label="item.dname" | 67 | :label="item.dname" |
| 62 | :value="item.dcode" | 68 | :value="item.dcode"> |
| 63 | > | ||
| 64 | </el-option> | 69 | </el-option> |
| 65 | </el-select> | 70 | </el-select> |
| 66 | </el-form-item> | 71 | </el-form-item> |
| ... | @@ -73,8 +78,7 @@ | ... | @@ -73,8 +78,7 @@ |
| 73 | v-model="ruleForm.zjh" | 78 | v-model="ruleForm.zjh" |
| 74 | :disabled="!showButton" | 79 | :disabled="!showButton" |
| 75 | maxlength="18" | 80 | maxlength="18" |
| 76 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 81 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 77 | ></el-input> | ||
| 78 | </el-form-item> | 82 | </el-form-item> |
| 79 | </el-col> | 83 | </el-col> |
| 80 | <el-col :span="8"> | 84 | <el-col :span="8"> |
| ... | @@ -83,8 +87,7 @@ | ... | @@ -83,8 +87,7 @@ |
| 83 | v-model="ruleForm.dh" | 87 | v-model="ruleForm.dh" |
| 84 | :disabled="!showButton" | 88 | :disabled="!showButton" |
| 85 | maxlength="11" | 89 | maxlength="11" |
| 86 | oninput="value=value.replace(/[^\d]/g,'')" | 90 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 87 | ></el-input> | ||
| 88 | </el-form-item> | 91 | </el-form-item> |
| 89 | </el-col> | 92 | </el-col> |
| 90 | <el-col :span="8"> | 93 | <el-col :span="8"> |
| ... | @@ -92,8 +95,7 @@ | ... | @@ -92,8 +95,7 @@ |
| 92 | <el-input | 95 | <el-input |
| 93 | v-model="ruleForm.qlbl" | 96 | v-model="ruleForm.qlbl" |
| 94 | maxlength="32" | 97 | maxlength="32" |
| 95 | :disabled="!showButton || this.ruleForm.gyfs == 1" | 98 | :disabled="!showButton || this.ruleForm.gyfs == 1"></el-input> |
| 96 | ></el-input> | ||
| 97 | </el-form-item> | 99 | </el-form-item> |
| 98 | </el-col> | 100 | </el-col> |
| 99 | </el-row> | 101 | </el-row> |
| ... | @@ -103,8 +105,7 @@ | ... | @@ -103,8 +105,7 @@ |
| 103 | <el-input | 105 | <el-input |
| 104 | v-model="ruleForm.frmc" | 106 | v-model="ruleForm.frmc" |
| 105 | maxlength="32" | 107 | maxlength="32" |
| 106 | :disabled="!showButton" | 108 | :disabled="!showButton"></el-input> |
| 107 | ></el-input> | ||
| 108 | </el-form-item> | 109 | </el-form-item> |
| 109 | </el-col> | 110 | </el-col> |
| 110 | <el-col :span="8"> | 111 | <el-col :span="8"> |
| ... | @@ -112,8 +113,7 @@ | ... | @@ -112,8 +113,7 @@ |
| 112 | <el-input | 113 | <el-input |
| 113 | v-model="ruleForm.gj" | 114 | v-model="ruleForm.gj" |
| 114 | maxlength="3" | 115 | maxlength="3" |
| 115 | :disabled="!showButton" | 116 | :disabled="!showButton"></el-input> |
| 116 | ></el-input> | ||
| 117 | </el-form-item> | 117 | </el-form-item> |
| 118 | </el-col> | 118 | </el-col> |
| 119 | <el-col :span="8"> | 119 | <el-col :span="8"> |
| ... | @@ -121,8 +121,7 @@ | ... | @@ -121,8 +121,7 @@ |
| 121 | <el-input | 121 | <el-input |
| 122 | v-model="ruleForm.hjszss" | 122 | v-model="ruleForm.hjszss" |
| 123 | maxlength="3" | 123 | maxlength="3" |
| 124 | :disabled="!showButton" | 124 | :disabled="!showButton"></el-input> |
| 125 | ></el-input> | ||
| 126 | </el-form-item> | 125 | </el-form-item> |
| 127 | </el-col> | 126 | </el-col> |
| 128 | </el-row> | 127 | </el-row> |
| ... | @@ -133,8 +132,7 @@ | ... | @@ -133,8 +132,7 @@ |
| 133 | <el-input | 132 | <el-input |
| 134 | v-model="ruleForm.txdz" | 133 | v-model="ruleForm.txdz" |
| 135 | maxlength="100" | 134 | maxlength="100" |
| 136 | :disabled="!showButton" | 135 | :disabled="!showButton"></el-input> |
| 137 | ></el-input> | ||
| 138 | </el-form-item> | 136 | </el-form-item> |
| 139 | </el-col> | 137 | </el-col> |
| 140 | </el-row> | 138 | </el-row> |
| ... | @@ -145,8 +143,7 @@ | ... | @@ -145,8 +143,7 @@ |
| 145 | <el-input | 143 | <el-input |
| 146 | v-model="ruleForm.fzjg" | 144 | v-model="ruleForm.fzjg" |
| 147 | maxlength="10" | 145 | maxlength="10" |
| 148 | :disabled="!showButton" | 146 | :disabled="!showButton"></el-input> |
| 149 | ></el-input> | ||
| 150 | </el-form-item> | 147 | </el-form-item> |
| 151 | </el-col> | 148 | </el-col> |
| 152 | <el-col :span="8"> | 149 | <el-col :span="8"> |
| ... | @@ -154,8 +151,7 @@ | ... | @@ -154,8 +151,7 @@ |
| 154 | <el-input | 151 | <el-input |
| 155 | v-model="ruleForm.dzyj" | 152 | v-model="ruleForm.dzyj" |
| 156 | :disabled="!showButton" | 153 | :disabled="!showButton" |
| 157 | maxlength="25" | 154 | maxlength="25"></el-input> |
| 158 | ></el-input> | ||
| 159 | </el-form-item> | 155 | </el-form-item> |
| 160 | </el-col> | 156 | </el-col> |
| 161 | <el-col :span="8"> | 157 | <el-col :span="8"> |
| ... | @@ -164,8 +160,7 @@ | ... | @@ -164,8 +160,7 @@ |
| 164 | v-model.number="ruleForm.yb" | 160 | v-model.number="ruleForm.yb" |
| 165 | :disabled="!showButton" | 161 | :disabled="!showButton" |
| 166 | maxlength="6" | 162 | maxlength="6" |
| 167 | oninput="value=value.replace(/[^\d]/g,'')" | 163 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 168 | ></el-input> | ||
| 169 | </el-form-item> | 164 | </el-form-item> |
| 170 | </el-col> | 165 | </el-col> |
| 171 | </el-row> | 166 | </el-row> |
| ... | @@ -176,8 +171,7 @@ | ... | @@ -176,8 +171,7 @@ |
| 176 | <el-input | 171 | <el-input |
| 177 | v-model="ruleForm.gzdw" | 172 | v-model="ruleForm.gzdw" |
| 178 | maxlength="32" | 173 | maxlength="32" |
| 179 | :disabled="!showButton" | 174 | :disabled="!showButton"></el-input> |
| 180 | ></el-input> | ||
| 181 | </el-form-item> | 175 | </el-form-item> |
| 182 | </el-col> | 176 | </el-col> |
| 183 | <el-col :span="16"> | 177 | <el-col :span="16"> |
| ... | @@ -185,8 +179,7 @@ | ... | @@ -185,8 +179,7 @@ |
| 185 | <el-input | 179 | <el-input |
| 186 | v-model="ruleForm.dlrjg" | 180 | v-model="ruleForm.dlrjg" |
| 187 | maxlength="32" | 181 | maxlength="32" |
| 188 | :disabled="!showButton" | 182 | :disabled="!showButton"></el-input> |
| 189 | ></el-input> | ||
| 190 | </el-form-item> | 183 | </el-form-item> |
| 191 | </el-col> | 184 | </el-col> |
| 192 | </el-row> | 185 | </el-row> |
| ... | @@ -198,8 +191,7 @@ | ... | @@ -198,8 +191,7 @@ |
| 198 | v-model="ruleForm.dlrdh" | 191 | v-model="ruleForm.dlrdh" |
| 199 | :disabled="!showButton" | 192 | :disabled="!showButton" |
| 200 | maxlength="11" | 193 | maxlength="11" |
| 201 | oninput="value=value.replace(/[^\d]/g,'')" | 194 | oninput="value=value.replace(/[^\d]/g,'')"></el-input> |
| 202 | ></el-input> | ||
| 203 | </el-form-item> | 195 | </el-form-item> |
| 204 | </el-col> | 196 | </el-col> |
| 205 | <el-col :span="8"> | 197 | <el-col :span="8"> |
| ... | @@ -207,8 +199,7 @@ | ... | @@ -207,8 +199,7 @@ |
| 207 | <el-input | 199 | <el-input |
| 208 | v-model="ruleForm.dlrmc" | 200 | v-model="ruleForm.dlrmc" |
| 209 | maxlength="15" | 201 | maxlength="15" |
| 210 | :disabled="!showButton" | 202 | :disabled="!showButton"></el-input> |
| 211 | ></el-input> | ||
| 212 | </el-form-item> | 203 | </el-form-item> |
| 213 | </el-col> | 204 | </el-col> |
| 214 | <el-col :span="8"> | 205 | <el-col :span="8"> |
| ... | @@ -218,14 +209,12 @@ | ... | @@ -218,14 +209,12 @@ |
| 218 | v-model="ruleForm.dlrzjlx" | 209 | v-model="ruleForm.dlrzjlx" |
| 219 | :disabled="!showButton" | 210 | :disabled="!showButton" |
| 220 | class="width100" | 211 | class="width100" |
| 221 | placeholder="请选择" | 212 | placeholder="请选择"> |
| 222 | > | ||
| 223 | <el-option | 213 | <el-option |
| 224 | v-for="item in dictData['A30']" | 214 | v-for="item in dictData['A30']" |
| 225 | :key="item.dcode" | 215 | :key="item.dcode" |
| 226 | :label="item.dname" | 216 | :label="item.dname" |
| 227 | :value="item.dcode" | 217 | :value="item.dcode"> |
| 228 | > | ||
| 229 | </el-option> | 218 | </el-option> |
| 230 | </el-select> | 219 | </el-select> |
| 231 | </el-form-item> | 220 | </el-form-item> |
| ... | @@ -239,14 +228,12 @@ | ... | @@ -239,14 +228,12 @@ |
| 239 | v-model="ruleForm.xb" | 228 | v-model="ruleForm.xb" |
| 240 | :disabled="!showButton" | 229 | :disabled="!showButton" |
| 241 | class="width100" | 230 | class="width100" |
| 242 | placeholder="请选择" | 231 | placeholder="请选择"> |
| 243 | > | ||
| 244 | <el-option | 232 | <el-option |
| 245 | v-for="item in dictData['A43']" | 233 | v-for="item in dictData['A43']" |
| 246 | :key="item.dcode" | 234 | :key="item.dcode" |
| 247 | :label="item.dname" | 235 | :label="item.dname" |
| 248 | :value="item.dcode" | 236 | :value="item.dcode"> |
| 249 | > | ||
| 250 | </el-option> | 237 | </el-option> |
| 251 | </el-select> | 238 | </el-select> |
| 252 | </el-form-item> | 239 | </el-form-item> |
| ... | @@ -257,100 +244,398 @@ | ... | @@ -257,100 +244,398 @@ |
| 257 | v-model="ruleForm.dlrzjh" | 244 | v-model="ruleForm.dlrzjh" |
| 258 | :disabled="!showButton" | 245 | :disabled="!showButton" |
| 259 | maxlength="18" | 246 | maxlength="18" |
| 260 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')" | 247 | oninput="this.value=this.value.replace(/[^\X0-9]/g,'')"></el-input> |
| 261 | ></el-input> | ||
| 262 | </el-form-item> | 248 | </el-form-item> |
| 263 | </el-col> | 249 | </el-col> |
| 264 | </el-row> | 250 | </el-row> |
| 265 | </el-form> | 251 | </el-form> |
| 252 | |||
| 253 | <div v-if="activeName==2" class="padding10"> | ||
| 254 | <el-form :model="queryFormQY" label-width="80px"> | ||
| 255 | <el-row> | ||
| 256 | <el-col :span="8"> | ||
| 257 | <el-form-item label="姓名/名称"> | ||
| 258 | <el-input placeholder="姓名/名称" v-model="queryFormQY.qymc" clearable class="width100"> | ||
| 259 | </el-input> | ||
| 260 | </el-form-item> | ||
| 261 | </el-col> | ||
| 262 | <el-col :span="8"> | ||
| 263 | <el-form-item label="证件号"> | ||
| 264 | <el-input placeholder="证件号" v-model="queryFormQY.zjh" clearable class="width100"> | ||
| 265 | </el-input> | ||
| 266 | </el-form-item> | ||
| 267 | </el-col> | ||
| 268 | <el-col :span="8" class="btnColRight"> | ||
| 269 | <el-form-item> | ||
| 270 | <el-button type="primary" @click="handleSearchQY">查询</el-button> | ||
| 271 | </el-form-item> | ||
| 272 | </el-col> | ||
| 273 | </el-row> | ||
| 274 | </el-form> | ||
| 275 | <el-table :data="tableDataQy.data" border v-Loading="loading" :height="426.8"> | ||
| 276 | <el-table-column label="序号" type="index" width="50" align="center"> | ||
| 277 | <template slot-scope="scope"> | ||
| 278 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ||
| 279 | </template> | ||
| 280 | </el-table-column> | ||
| 281 | <el-table-column v-for="item in tableDataQy.columns" :key="item.index" :width="item.width" :prop="item.prop" :label="item.label" align="center"> | ||
| 282 | </el-table-column> | ||
| 283 | <el-table-column label="操作" width="50"> | ||
| 284 | <template slot-scope="scope"> | ||
| 285 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> | ||
| 286 | </template> | ||
| 287 | </el-table-column> | ||
| 288 | </el-table> | ||
| 289 | <el-pagination background layout="prev, pager, next,total" :total="tableDataQy.total" | ||
| 290 | @current-change="handleQYCurrentChange"></el-pagination> | ||
| 291 | </div> | ||
| 292 | <div v-if="activeName==3" class="padding10"> | ||
| 293 | <el-form :model="queryFormYH" label-width="80px"> | ||
| 294 | <el-row> | ||
| 295 | <el-col :span="8"> | ||
| 296 | <el-form-item label="姓名/名称"> | ||
| 297 | <el-input placeholder="姓名/名称" v-model="queryFormYH.qymc" clearable class="width100"> | ||
| 298 | </el-input> | ||
| 299 | </el-form-item> | ||
| 300 | </el-col> | ||
| 301 | <el-col :span="8"> | ||
| 302 | <el-form-item label="证件号"> | ||
| 303 | <el-input placeholder="证件号" v-model="queryFormYH.zjh" clearable class="width100"> | ||
| 304 | </el-input> | ||
| 305 | </el-form-item> | ||
| 306 | </el-col> | ||
| 307 | <el-col :span="8" class="btnColRight"> | ||
| 308 | <el-form-item> | ||
| 309 | <el-button type="primary" @click="handleSearchYH">查询</el-button> | ||
| 310 | </el-form-item> | ||
| 311 | </el-col> | ||
| 312 | </el-row> | ||
| 313 | </el-form> | ||
| 314 | <el-table :data="tableDataYh.data" border v-Loading="loading" :height="426.8"> | ||
| 315 | <el-table-column label="序号" type="index" width="50" align="center"> | ||
| 316 | <template slot-scope="scope"> | ||
| 317 | {{(pageData.currentPage - 1) * pageData.pageSize + scope.$index + 1}} | ||
| 318 | </template> | ||
| 319 | </el-table-column> | ||
| 320 | <el-table-column v-for="item in tableDataYh.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | ||
| 321 | </el-table-column> | ||
| 322 | <el-table-column label="操作" width="50"> | ||
| 323 | <template slot-scope="scope"> | ||
| 324 | <el-button type="text" @click="handleSelect(scope.row)">使用</el-button> | ||
| 325 | </template> | ||
| 326 | </el-table-column> | ||
| 327 | </el-table> | ||
| 328 | <el-pagination background layout="prev, pager, next,total" :total="tableDataYh.total" | ||
| 329 | @current-change="handleYHCurrentChange"></el-pagination> | ||
| 330 | </div> | ||
| 266 | </dialogBox> | 331 | </dialogBox> |
| 267 | </template> | 332 | </template> |
| 268 | <script> | 333 | <script> |
| 269 | import { mapGetters } from "vuex"; | 334 | import { mapGetters } from "vuex"; |
| 270 | export default { | 335 | import store from '@/store/index.js' |
| 271 | props: { | 336 | import { replace } from "@/api/company.js" |
| 272 | value: { type: Boolean, default: false }, | 337 | import { getUuid } from "@/utils/operation.js" |
| 273 | details: { type: Object, default: {} }, | 338 | import { getIdCardInfo } from '@/utils/operation.js' |
| 274 | showButton: { type: Boolean, default: false }, | 339 | import { queryQyByPage, queryYhByPage, addQy } from "@/api/xxba.js"; |
| 275 | }, | 340 | import { dataYh, dataQy, sendThis } from "./addYwrData"; |
| 276 | computed: { | 341 | export default { |
| 277 | ...mapGetters(["dictData"]), | 342 | props: { |
| 278 | }, | 343 | value: { type: Boolean, default: false }, |
| 279 | data() { | 344 | details: { type: Object, default: {} }, |
| 280 | return { | 345 | showButton: { type: Boolean, default: false }, |
| 281 | myValue: this.value, | ||
| 282 | ruleForm: { | ||
| 283 | ywrlx: "", | ||
| 284 | ywrmc: "", | ||
| 285 | zjzl: "", | ||
| 286 | zjh: "", | ||
| 287 | dh: "", | ||
| 288 | xb: "", | ||
| 289 | frmc: "", | ||
| 290 | gjdq: "", | ||
| 291 | szss: "", | ||
| 292 | txdz: "", | ||
| 293 | yb: "", | ||
| 294 | fzjg: "", | ||
| 295 | dzyj: "", | ||
| 296 | qlbl: "", | ||
| 297 | gzdw: "", | ||
| 298 | dljg: "", | ||
| 299 | dlrxm: "", | ||
| 300 | dlrzjlx: "", | ||
| 301 | dlrzjh: "", | ||
| 302 | }, | ||
| 303 | rules: { | ||
| 304 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
| 305 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 306 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 307 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 308 | }, | ||
| 309 | }; | ||
| 310 | }, | ||
| 311 | watch: { | ||
| 312 | value(val) { | ||
| 313 | this.myValue = _.cloneDeep(val); | ||
| 314 | }, | 346 | }, |
| 315 | details: { | 347 | computed: { |
| 316 | handler: function (val, oldVal) { | 348 | ...mapGetters(["dictData"]) |
| 317 | this.ruleForm = val; | ||
| 318 | }, | ||
| 319 | deep: true, | ||
| 320 | }, | 349 | }, |
| 321 | }, | 350 | mounted () { |
| 322 | methods: { | 351 | sendThis(this) |
| 323 | /** | ||
| 324 | * @description: closeDialog | ||
| 325 | * @author: renchao | ||
| 326 | */ | ||
| 327 | closeDialog() { | ||
| 328 | this.$emit("input", false); | ||
| 329 | this.$refs["ruleForm"].resetFields(); | ||
| 330 | }, | 352 | }, |
| 331 | /** | 353 | data () { |
| 332 | * @description: submitForm | 354 | return { |
| 333 | * @author: renchao | 355 | isShow: false, |
| 334 | */ | 356 | isBz: false, |
| 335 | submitForm() { | 357 | activeName: '1', |
| 336 | this.$refs.ruleForm.validate((valid) => { | 358 | loading: false, |
| 337 | if (valid) { | 359 | myValue: this.value, |
| 338 | this.$emit("input", false); | 360 | ruleForm: { |
| 339 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | 361 | ywrlx: "", |
| 340 | } else { | 362 | ywrmc: "", |
| 341 | return false; | 363 | zjzl: "", |
| 364 | zjh: "", | ||
| 365 | dh: "", | ||
| 366 | xb: "", | ||
| 367 | frmc: "", | ||
| 368 | gjdq: "", | ||
| 369 | szss: "", | ||
| 370 | txdz: "", | ||
| 371 | yb: "", | ||
| 372 | fzjg: "", | ||
| 373 | dzyj: "", | ||
| 374 | qlbl: "", | ||
| 375 | gzdw: "", | ||
| 376 | dljg: "", | ||
| 377 | dlrxm: "", | ||
| 378 | dlrzjlx: "", | ||
| 379 | dlrzjh: "", | ||
| 380 | }, | ||
| 381 | rules: { | ||
| 382 | ywrlx: [{ required: true, message: "义务人类型", trigger: "change" }], | ||
| 383 | ywrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }], | ||
| 384 | zjzl: [{ required: true, message: "证件种类", trigger: "change" }], | ||
| 385 | zjh: [{ required: true, message: "证件号", trigger: "blur" }], | ||
| 386 | }, | ||
| 387 | pageData: { | ||
| 388 | currentPage: 1, | ||
| 389 | pageSize: 8 | ||
| 390 | }, | ||
| 391 | // 企业 | ||
| 392 | queryFormQY: { | ||
| 393 | qymc: "", | ||
| 394 | zjh: "" | ||
| 395 | }, | ||
| 396 | tableDataQy: { | ||
| 397 | total: 0, | ||
| 398 | columns: dataQy.columns(), | ||
| 399 | data: [], | ||
| 400 | }, | ||
| 401 | // 银行 | ||
| 402 | queryFormYH: { | ||
| 403 | qymc: "", | ||
| 404 | zjh: "" | ||
| 405 | }, | ||
| 406 | tableDataYh: { | ||
| 407 | total: 0, | ||
| 408 | columns: dataYh.columns(), | ||
| 409 | data: [ | ||
| 410 | ] | ||
| 342 | } | 411 | } |
| 343 | }); | 412 | } |
| 344 | }, | 413 | }, |
| 345 | }, | 414 | watch: { |
| 346 | }; | 415 | value (val) { |
| 416 | this.myValue = _.cloneDeep(val); | ||
| 417 | if (val && Object.keys(this.details).length > 0) { | ||
| 418 | this.activeName = '1' | ||
| 419 | } | ||
| 420 | this.isShow = this.showButton | ||
| 421 | }, | ||
| 422 | details: { | ||
| 423 | handler: function (val, oldVal) { | ||
| 424 | this.ruleForm = val; | ||
| 425 | }, | ||
| 426 | deep: true | ||
| 427 | } | ||
| 428 | }, | ||
| 429 | methods: { | ||
| 430 | handleZjzl (val) { | ||
| 431 | if (['6', '7', '8'].includes(val)) { | ||
| 432 | this.isBz = true | ||
| 433 | } else { | ||
| 434 | this.isBz = false | ||
| 435 | } | ||
| 436 | }, | ||
| 437 | /** | ||
| 438 | * @description: 信息备案 | ||
| 439 | * @author: renchao | ||
| 440 | */ | ||
| 441 | handleFilings () { | ||
| 442 | this.ruleForm.qymc = this.ruleForm.ywrlx | ||
| 443 | this.ruleForm.dwdz = this.ruleForm.txdz | ||
| 444 | addQy(this.ruleForm).then(res => { | ||
| 445 | if (res.code == 200) { | ||
| 446 | this.$message.success('备案成功') | ||
| 447 | } else { | ||
| 448 | this.$message.error(res.message); | ||
| 449 | } | ||
| 450 | }) | ||
| 451 | }, | ||
| 452 | /** | ||
| 453 | * @description: handleClick | ||
| 454 | * @author: renchao | ||
| 455 | */ | ||
| 456 | handleClick (event, tab) { | ||
| 457 | if (this.activeName != 1) { | ||
| 458 | this.isShow = false | ||
| 459 | } else { | ||
| 460 | this.isShow = true | ||
| 461 | } | ||
| 462 | this.pageData.currentPage = 1 | ||
| 463 | if (this.activeName == 2) { | ||
| 464 | this.handleSearchQY() | ||
| 465 | } else { | ||
| 466 | this.handleSearchYH() | ||
| 467 | } | ||
| 468 | }, | ||
| 469 | /** | ||
| 470 | * @description:企业查询 | ||
| 471 | * @param {*} val | ||
| 472 | * @param {*} code | ||
| 473 | * @author: renchao | ||
| 474 | */ | ||
| 475 | dicStatus (val, code) { | ||
| 476 | let data = store.getters.dictData[code], | ||
| 477 | name = '暂无' | ||
| 478 | if (data) { | ||
| 479 | data.map((item) => { | ||
| 480 | if (item.dcode == val) { | ||
| 481 | name = item.dname | ||
| 482 | } | ||
| 483 | }) | ||
| 484 | return name | ||
| 485 | } | ||
| 486 | }, | ||
| 487 | /** | ||
| 488 | * @description: 企业信息搜索 | ||
| 489 | * @author: renchao | ||
| 490 | */ | ||
| 491 | handleSearchQY () { | ||
| 492 | let data = { ...this.queryFormQY, ...this.pageData } | ||
| 493 | this.tableDataQy.data = [] | ||
| 494 | queryQyByPage(data).then((res) => { | ||
| 495 | if (res.code === 200) { | ||
| 496 | let { total, records } = res.result; | ||
| 497 | this.tableDataQy.total = total; | ||
| 498 | this.tableDataQy.data = records; | ||
| 499 | this.tableDataQy.data.forEach(item => { | ||
| 500 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | ||
| 501 | item.ywrmc = item.qymc | ||
| 502 | item.txdz = item.dwdz | ||
| 503 | item.id = getUuid(16) | ||
| 504 | }) | ||
| 505 | } | ||
| 506 | }) | ||
| 507 | }, | ||
| 508 | /** | ||
| 509 | * @description: handleQYCurrentChange | ||
| 510 | * @param {*} val | ||
| 511 | * @author: renchao | ||
| 512 | */ | ||
| 513 | handleQYCurrentChange (val) { | ||
| 514 | this.pageData.currentPage = val | ||
| 515 | this.handleSearchQY() | ||
| 516 | }, | ||
| 517 | /** | ||
| 518 | * @description: handlesQYSelect | ||
| 519 | * @param {*} val | ||
| 520 | * @author: renchao | ||
| 521 | */ | ||
| 522 | handleSelect (val) { | ||
| 523 | let that = this | ||
| 524 | let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : '' | ||
| 525 | this.$confirm('是否同步材料信息?', '提示', { | ||
| 526 | confirmButtonText: '确定', | ||
| 527 | cancelButtonText: '取消', | ||
| 528 | distinguishCancelAndClose: true,//区分取消与关闭 | ||
| 529 | }).then(() => { | ||
| 530 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { | ||
| 531 | that.$emit("updateDetail", _.cloneDeep({ ...val, ywrlx: '2' })); | ||
| 532 | that.$emit("input", false); | ||
| 533 | if (res.code == 200) { | ||
| 534 | that.$message({ | ||
| 535 | type: 'success', | ||
| 536 | message: '同步成功!' | ||
| 537 | }) | ||
| 538 | } else { | ||
| 539 | this.$message.error(res.message) | ||
| 540 | } | ||
| 541 | }) | ||
| 542 | }).catch(action => { | ||
| 543 | if (action == 'cancel') { | ||
| 544 | that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' })); | ||
| 545 | that.$emit("input", false); | ||
| 546 | } | ||
| 547 | }) | ||
| 548 | }, | ||
| 549 | /** | ||
| 550 | * @description: 银行信息搜索 | ||
| 551 | * @author: renchao | ||
| 552 | */ | ||
| 553 | handleSearchYH () { | ||
| 554 | let data = { ...this.queryFormYH, ...this.pageData } | ||
| 555 | this.tableDataYh.data = [] | ||
| 556 | queryYhByPage(data).then((res) => { | ||
| 557 | if (res.code === 200) { | ||
| 558 | let { total, records } = res.result; | ||
| 559 | this.tableDataYh.total = total; | ||
| 560 | this.tableDataYh.data = records; | ||
| 561 | this.tableDataYh.data.forEach(item => { | ||
| 562 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | ||
| 563 | item.ywrmc = item.qymc | ||
| 564 | item.txdz = item.dwdz | ||
| 565 | item.id = getUuid(16) | ||
| 566 | }) | ||
| 567 | } | ||
| 568 | }) | ||
| 569 | }, | ||
| 570 | /** | ||
| 571 | * @description: handleYHCurrentChange | ||
| 572 | * @param {*} val | ||
| 573 | * @author: renchao | ||
| 574 | */ | ||
| 575 | handleYHCurrentChange (val) { | ||
| 576 | this.pageData.currentPage = val | ||
| 577 | this.handleSearchQY() | ||
| 578 | }, | ||
| 579 | /** | ||
| 580 | * @description: 身份证打卡器 | ||
| 581 | * @author: renchao | ||
| 582 | */ | ||
| 583 | readClick () { | ||
| 584 | getIdCardInfo().then(res => { | ||
| 585 | if (res.data.code == 0) { | ||
| 586 | let data = res.data.IDCardInfo | ||
| 587 | this.ruleForm.ywrmc = data.name | ||
| 588 | this.ruleForm.zjzl = '1' | ||
| 589 | this.ruleForm.zjh = data.cardID | ||
| 590 | this.ruleForm.xb = data.sexCode | ||
| 591 | this.ruleForm.txdz = data.address | ||
| 592 | this.ruleForm.fzjg = data.issueOrgan | ||
| 593 | this.$message({ | ||
| 594 | message: '读取成功！', | ||
| 595 | type: 'success' | ||
| 596 | }) | ||
| 597 | } else { | ||
| 598 | this.$message({ | ||
| 599 | message: res.data.message, | ||
| 600 | type: 'warning' | ||
| 601 | }) | ||
| 602 | } | ||
| 603 | }) | ||
| 604 | }, | ||
| 605 | /** | ||
| 606 | * @description: closeDialog | ||
| 607 | * @author: renchao | ||
| 608 | */ | ||
| 609 | closeDialog () { | ||
| 610 | this.$emit("input", false); | ||
| 611 | this.$refs["ruleForm"].resetFields(); | ||
| 612 | }, | ||
| 613 | /** | ||
| 614 | * @description: submitForm | ||
| 615 | * @author: renchao | ||
| 616 | */ | ||
| 617 | submitForm () { | ||
| 618 | this.$refs.ruleForm.validate((valid) => { | ||
| 619 | if (valid) { | ||
| 620 | this.$emit("input", false); | ||
| 621 | this.$emit("updateDetail", _.cloneDeep(this.ruleForm)); | ||
| 622 | } else { | ||
| 623 | return false; | ||
| 624 | } | ||
| 625 | }) | ||
| 626 | } | ||
| 627 | } | ||
| 628 | } | ||
| 347 | </script> | 629 | </script> |
| 348 | <style scoped lang="scss"> | 630 | <style scoped lang="scss"> |
| 349 | @import "~@/styles/dialogBoxheader.scss"; | 631 | @import "~@/styles/dialogBoxheader.scss"; |
| 350 | .submit-button { | 632 | .submit-button { |
| 351 | text-align: center; | 633 | text-align: center; |
| 352 | height: 52px; | 634 | height: 52px; |
| 353 | padding-top: 10px; | 635 | padding-top: 10px; |
| 354 | background-color: #fff; | 636 | background-color: #fff; |
| 355 | } | 637 | } |
| 638 | .padding10 { | ||
| 639 | padding-bottom: 10px; | ||
| 640 | } | ||
| 356 | </style> | 641 | </style> | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-22 13:42:40 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data1 extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | prop: "ywrmc", | ||
| 20 | label: "姓名/名称", | ||
| 21 | }, | ||
| 22 | { | ||
| 23 | prop: "zjzlMc", | ||
| 24 | label: "证件种类" | ||
| 25 | }, | ||
| 26 | { | ||
| 27 | prop: "zjh", | ||
| 28 | label: "证件号", | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | prop: "frmc", | ||
| 32 | label: "法人名称", | ||
| 33 | }, | ||
| 34 | { | ||
| 35 | prop: "txdz", | ||
| 36 | label: "地址", | ||
| 37 | }, | ||
| 38 | { | ||
| 39 | prop: "dh", | ||
| 40 | label: "联系电话", | ||
| 41 | } | ||
| 42 | ] | ||
| 43 | } | ||
| 44 | |||
| 45 | } | ||
| 46 | class data2 extends filter { | ||
| 47 | constructor() { | ||
| 48 | super() | ||
| 49 | |||
| 50 | } | ||
| 51 | columns () { | ||
| 52 | return [ | ||
| 53 | { | ||
| 54 | prop: "ywrmc", | ||
| 55 | label: "姓名/名称", | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: "zjzlMc", | ||
| 59 | label: "证件种类", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | prop: "zjh", | ||
| 63 | label: "证件号", | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | prop: "frmc", | ||
| 67 | label: "法人名称", | ||
| 68 | }, | ||
| 69 | { | ||
| 70 | prop: "txdz", | ||
| 71 | label: "地址", | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "dh", | ||
| 75 | label: "联系电话", | ||
| 76 | }, | ||
| 77 | ] | ||
| 78 | } | ||
| 79 | |||
| 80 | } | ||
| 81 | let dataYh = new data1() | ||
| 82 | let dataQy = new data2() | ||
| 83 | export { | ||
| 84 | dataYh, | ||
| 85 | dataQy, | ||
| 86 | sendThis | ||
| 87 | } |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-17 16:16:13 | 4 | * @LastEditTime: 2023-10-08 10:30:24 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -21,11 +21,12 @@ | ... | @@ -21,11 +21,12 @@ |
| 21 | <div>补录信息</div> | 21 | <div>补录信息</div> |
| 22 | </el-menu-item> | 22 | </el-menu-item> |
| 23 | </el-menu> | 23 | </el-menu> |
| 24 | <el-menu :default-active="activeIndex" @select="unitClick"> | 24 | <el-menu v-model="activeIndex" :default-active="activeIndex" @select="unitClick"> |
| 25 | <el-menu-item | 25 | <el-menu-item |
| 26 | v-for="(item, index) in supplementarylist" | 26 | v-for="(item, index) in supplementarylist" |
| 27 | :index="index.toString()" | 27 | :index="index.toString()" |
| 28 | :key="index"> | 28 | :key="index"> |
| 29 | <p class="dot" v-if="item.isSave == '0'"></p> | ||
| 29 | <div> | 30 | <div> |
| 30 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> | 31 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> |
| 31 | <p v-else>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | 32 | <p v-else>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> |
| ... | @@ -69,6 +70,7 @@ | ... | @@ -69,6 +70,7 @@ |
| 69 | bsmSlsq: this.$route.query.bsmSlsq, | 70 | bsmSlsq: this.$route.query.bsmSlsq, |
| 70 | //当前流程所在环节 | 71 | //当前流程所在环节 |
| 71 | bestepid: this.$route.query.bestepid, | 72 | bestepid: this.$route.query.bestepid, |
| 73 | bsmBusiness: this.$route.query.bsmBusiness, | ||
| 72 | //受理申请标识码 | 74 | //受理申请标识码 |
| 73 | bdcdyid: this.$route.query.bdcdyid, | 75 | bdcdyid: this.$route.query.bdcdyid, |
| 74 | //当前流程所在环节 | 76 | //当前流程所在环节 |
| ... | @@ -76,7 +78,6 @@ | ... | @@ -76,7 +78,6 @@ |
| 76 | qllx: this.$route.query.qllx, | 78 | qllx: this.$route.query.qllx, |
| 77 | // 默认选中 | 79 | // 默认选中 |
| 78 | activeIndex: "0", | 80 | activeIndex: "0", |
| 79 | clickindex:"", | ||
| 80 | // 折叠 | 81 | // 折叠 |
| 81 | isShowdrawer: true, | 82 | isShowdrawer: true, |
| 82 | delel: true, | 83 | delel: true, |
| ... | @@ -101,19 +102,10 @@ | ... | @@ -101,19 +102,10 @@ |
| 101 | this.delel = this.$parent.isEdit | 102 | this.delel = this.$parent.isEdit |
| 102 | this.loadBdcdylist(); | 103 | this.loadBdcdylist(); |
| 103 | }, | 104 | }, |
| 104 | computed: { | 105 | beforeDestroy () { |
| 105 | // ...mapGetters(["isRefresh"]), | 106 | sessionStorage.removeItem('keyPath') |
| 106 | }, | ||
| 107 | watch: { | ||
| 108 | // isRefresh: { | ||
| 109 | // handler(newVal, oldVal) { | ||
| 110 | // if (newVal) this.loadBdcdylist(); | ||
| 111 | // }, | ||
| 112 | // immediate: true, | ||
| 113 | // }, | ||
| 114 | }, | 107 | }, |
| 115 | methods: { | 108 | methods: { |
| 116 | //读取申请单元信息 | ||
| 117 | /** | 109 | /** |
| 118 | * @description: 读取申请单元信息 | 110 | * @description: 读取申请单元信息 |
| 119 | * @author: renchao | 111 | * @author: renchao |
| ... | @@ -122,7 +114,8 @@ | ... | @@ -122,7 +114,8 @@ |
| 122 | var formdata = new FormData(); | 114 | var formdata = new FormData(); |
| 123 | if (this.bsmSlsq) { | 115 | if (this.bsmSlsq) { |
| 124 | formdata.append("bsmSlsq", this.bsmSlsq); | 116 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 125 | formdata.append("bestepid", this.bestepid); | 117 | formdata.append("bestepid", this.bestepid ? this.bestepid : ''); |
| 118 | formdata.append("bsmBusiness", this.bsmBusiness ? this.bsmBusiness : ''); | ||
| 126 | leftMenu(formdata).then((res) => { | 119 | leftMenu(formdata).then((res) => { |
| 127 | if (res.code === 200 && res.result) { | 120 | if (res.code === 200 && res.result) { |
| 128 | this.currentSelectProps = res.result[0]; | 121 | this.currentSelectProps = res.result[0]; |
| ... | @@ -130,45 +123,48 @@ | ... | @@ -130,45 +123,48 @@ |
| 130 | } | 123 | } |
| 131 | }); | 124 | }); |
| 132 | } | 125 | } |
| 133 | |||
| 134 | |||
| 135 | }, | 126 | }, |
| 136 | // 获取右侧菜单 | ||
| 137 | /** | 127 | /** |
| 138 | * @description: 获取右侧菜单 | 128 | * @description: 获取右侧菜单 |
| 139 | * @param {*} row | 129 | * @param {*} row |
| 140 | * @author: renchao | 130 | * @author: renchao |
| 141 | */ | 131 | */ |
| 142 | getleftMenubl (row) { | 132 | getleftMenubl (row) { |
| 133 | let that = this | ||
| 143 | leftMenubl(this.bsmSlsq).then((res) => { | 134 | leftMenubl(this.bsmSlsq).then((res) => { |
| 144 | this.supplementarylist = res.result; | 135 | this.supplementarylist = res.result; |
| 145 | if (row) { | 136 | if (row) { |
| 146 | this.supplementarylist.forEach((item, index) => { | 137 | this.supplementarylist.forEach((item, index) => { |
| 147 | if (item.bsmRepair == row.bsmRepair) { | 138 | if (item.bsmRepair == row.bsmRepair) { |
| 148 | this.activeIndex = index.toString() | 139 | this.activeIndex = index.toString() |
| 149 | // 补录成功后定位到该条记录 | 140 | this.unitClick(this.activeIndex) |
| 150 | this.unitClick(index) | ||
| 151 | } | 141 | } |
| 152 | }) | 142 | }) |
| 153 | if(row=="change"){ | 143 | // if (row == "change") { |
| 154 | this.unitClick(this.clickindex) | 144 | // if (sessionStorage.getItem('keyPath') && sessionStorage.getItem('keyPath') >= 0) { |
| 155 | 145 | // that.unitClick(sessionStorage.getItem('keyPath') - 0) | |
| 156 | } | 146 | // that.activeIndex = sessionStorage.getItem('keyPath') |
| 157 | }else{ | 147 | // } else { |
| 158 | if (this.supplementarylist.length) { | 148 | // that.unitClick(0) |
| 159 | this.unitClick(0) | 149 | // that.activeIndex = "0" |
| 160 | this.activeIndex = "0" | 150 | // } |
| 151 | // } | ||
| 161 | } else { | 152 | } else { |
| 162 | this.loadBdcdylist() | 153 | if (this.supplementarylist.length) { |
| 163 | // this.$emit("getCurrentSelectProps", this.currentSelectProps); | 154 | if (sessionStorage.getItem('keyPath') && sessionStorage.getItem('keyPath') >= 0) { |
| 155 | that.unitClick(sessionStorage.getItem('keyPath') - 0) | ||
| 156 | that.activeIndex = sessionStorage.getItem('keyPath') | ||
| 157 | } else { | ||
| 158 | that.loadBdcdylist() | ||
| 159 | that.activeIndex = "-1"; | ||
| 160 | // that.unitClick(0) | ||
| 161 | // that.activeIndex = "0" | ||
| 162 | } | ||
| 163 | } else { | ||
| 164 | // this.loadBdcdylist() | ||
| 165 | } | ||
| 164 | } | 166 | } |
| 165 | 167 | }) | |
| 166 | } | ||
| 167 | |||
| 168 | |||
| 169 | |||
| 170 | |||
| 171 | }); | ||
| 172 | }, | 168 | }, |
| 173 | /** | 169 | /** |
| 174 | * @description: handleNodeClick | 170 | * @description: handleNodeClick |
| ... | @@ -181,26 +177,28 @@ | ... | @@ -181,26 +177,28 @@ |
| 181 | this.$parent.loadComponent(this.currentSelectProps, data); | 177 | this.$parent.loadComponent(this.currentSelectProps, data); |
| 182 | this.$parent.tabset(); | 178 | this.$parent.tabset(); |
| 183 | }, | 179 | }, |
| 184 | //申请单元点击事件 | ||
| 185 | /** | 180 | /** |
| 186 | * @description: 申请单元点击事件 | 181 | * @description: 申请单元点击事件 |
| 187 | * @param {*} index | 182 | * @param {*} index |
| 188 | * @author: renchao | 183 | * @author: renchao |
| 189 | */ | 184 | */ |
| 190 | unitClick (index) { | 185 | unitClick (index) { |
| 191 | this.clickindex=index | 186 | this.activeIndex = index.toString(); |
| 187 | sessionStorage.setItem('keyPath', this.activeIndex); | ||
| 192 | this.currentSelectProps = this.supplementarylist[index]; | 188 | this.currentSelectProps = this.supplementarylist[index]; |
| 189 | window.currentSelect = this.supplementarylist[index] | ||
| 193 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 190 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
| 194 | }, | 191 | }, |
| 195 | //登记簿点击事件 | ||
| 196 | /** | 192 | /** |
| 197 | * @description: 登记簿点击事件 | 193 | * @description: 登记簿点击事件 |
| 198 | * @author: renchao | 194 | * @author: renchao |
| 199 | */ | 195 | */ |
| 200 | djbClick () { | 196 | djbClick () { |
| 201 | this.loadBdcdylist(); | 197 | this.loadBdcdylist() |
| 198 | window.currentSelect = {} | ||
| 199 | this.activeIndex = "-1"; | ||
| 200 | sessionStorage.removeItem('keyPath') | ||
| 202 | }, | 201 | }, |
| 203 | // 删除补录记录 | ||
| 204 | /** | 202 | /** |
| 205 | * @description: 删除补录记录 | 203 | * @description: 删除补录记录 |
| 206 | * @param {*} row | 204 | * @param {*} row |
| ... | @@ -223,30 +221,27 @@ | ... | @@ -223,30 +221,27 @@ |
| 223 | if (!this.supplementarylist.length) { | 221 | if (!this.supplementarylist.length) { |
| 224 | getdjblist() | 222 | getdjblist() |
| 225 | } | 223 | } |
| 226 | 224 | }) | |
| 227 | }); | 225 | }) |
| 228 | }); | ||
| 229 | }) | 226 | }) |
| 230 | .catch(() => { | 227 | .catch(() => { |
| 231 | this.$message({ | 228 | this.$message({ |
| 232 | type: "info", | 229 | type: "info", |
| 233 | message: "已取消删除", | 230 | message: "已取消删除" |
| 234 | }); | 231 | }) |
| 235 | }); | 232 | }) |
| 236 | }, | 233 | }, |
| 237 | //补录信息点击事件默认展示第一条补录记录 | ||
| 238 | /** | 234 | /** |
| 239 | * @description: 补录信息点击事件默认展示第一条补录记录 | 235 | * @description: 补录信息点击事件默认展示第一条补录记录 |
| 240 | * @author: renchao | 236 | * @author: renchao |
| 241 | */ | 237 | */ |
| 242 | blxxClick () { | 238 | blxxClick () { |
| 243 | if (this.supplementarylist.length) { | 239 | if (this.supplementarylist.length) { |
| 244 | this.unitClick(0); | 240 | this.unitClick(0) |
| 245 | } | 241 | } |
| 246 | 242 | } | |
| 247 | }, | 243 | } |
| 248 | }, | 244 | } |
| 249 | }; | ||
| 250 | </script> | 245 | </script> |
| 251 | <style scoped lang="scss"> | 246 | <style scoped lang="scss"> |
| 252 | @import "~@/styles/mixin.scss"; | 247 | @import "~@/styles/mixin.scss"; |
| ... | @@ -323,8 +318,8 @@ | ... | @@ -323,8 +318,8 @@ |
| 323 | color: red; | 318 | color: red; |
| 324 | line-height: 22px; | 319 | line-height: 22px; |
| 325 | } | 320 | } |
| 326 | .ywh{ | 321 | .ywh { |
| 327 | font-size: 12px; | 322 | font-size: 12px; |
| 328 | } | 323 | } |
| 329 | .el-icon-delete { | 324 | .el-icon-delete { |
| 330 | margin-top: 10px; | 325 | margin-top: 10px; |
| ... | @@ -333,7 +328,7 @@ | ... | @@ -333,7 +328,7 @@ |
| 333 | height: 27px; | 328 | height: 27px; |
| 334 | float: left; | 329 | float: left; |
| 335 | } | 330 | } |
| 336 | .el-icon-delete:hover{ | 331 | .el-icon-delete:hover { |
| 337 | color: #0079fe; | 332 | color: #0079fe; |
| 338 | } | 333 | } |
| 339 | } | 334 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 13:30:54 | 4 | * @LastEditTime: 2023-09-28 15:15:37 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -21,8 +21,9 @@ | ... | @@ -21,8 +21,9 @@ |
| 21 | </div> | 21 | </div> |
| 22 | </template> | 22 | </template> |
| 23 | <script> | 23 | <script> |
| 24 | import addQlr from "./dialog/addQlr.vue"; | ||
| 25 | import { mapGetters } from "vuex"; | 24 | import { mapGetters } from "vuex"; |
| 25 | import addQlr from "./dialog/addQlr.vue"; | ||
| 26 | import { getIdCardInfo } from '@/utils/operation.js' | ||
| 26 | export default { | 27 | export default { |
| 27 | components: { | 28 | components: { |
| 28 | addQlr, | 29 | addQlr, |
| ... | @@ -102,7 +103,7 @@ | ... | @@ -102,7 +103,7 @@ |
| 102 | icon="el-icon-tickets" | 103 | icon="el-icon-tickets" |
| 103 | disabled={!this.ableOperation} | 104 | disabled={!this.ableOperation} |
| 104 | onClick={() => { | 105 | onClick={() => { |
| 105 | this.readClick(scope); | 106 | this.readClick(scope.row) |
| 106 | }} | 107 | }} |
| 107 | > | 108 | > |
| 108 | 读取 | 109 | 读取 |
| ... | @@ -178,12 +179,12 @@ | ... | @@ -178,12 +179,12 @@ |
| 178 | this.$nextTick(() => { | 179 | this.$nextTick(() => { |
| 179 | if (val.length == 0 || !val) { | 180 | if (val.length == 0 || !val) { |
| 180 | that.tableDataList = _.cloneDeep([ | 181 | that.tableDataList = _.cloneDeep([ |
| 181 | { | 182 | // { |
| 182 | qlrmc: "", | 183 | // qlrmc: "", |
| 183 | dlrzjlx: "", | 184 | // dlrzjlx: "", |
| 184 | dlrzjh: "", | 185 | // dlrzjh: "", |
| 185 | fr: "", | 186 | // fr: "", |
| 186 | }, | 187 | // }, |
| 187 | ]); | 188 | ]); |
| 188 | } else { | 189 | } else { |
| 189 | that.tableDataList = _.cloneDeep(val); | 190 | that.tableDataList = _.cloneDeep(val); |
| ... | @@ -215,7 +216,6 @@ | ... | @@ -215,7 +216,6 @@ |
| 215 | }, | 216 | }, |
| 216 | methods: { | 217 | methods: { |
| 217 | /** | 218 | /** |
| 218 | * @handleupdateDetail: 删除 | ||
| 219 | * @param {*} value | 219 | * @param {*} value |
| 220 | * @author: renchao | 220 | * @author: renchao |
| 221 | */ | 221 | */ |
| ... | @@ -255,23 +255,32 @@ | ... | @@ -255,23 +255,32 @@ |
| 255 | this.tableDataList.splice(index, 1); | 255 | this.tableDataList.splice(index, 1); |
| 256 | this.$emit("upDateQlrxxList", this.tableDataList); | 256 | this.$emit("upDateQlrxxList", this.tableDataList); |
| 257 | }, | 257 | }, |
| 258 | |||
| 259 | // 身份证读取 | ||
| 260 | /** | 258 | /** |
| 261 | * @description: 身份证读取 | 259 | * @description: 身份证读取 |
| 262 | * @author: renchao | 260 | * @author: renchao |
| 263 | */ | 261 | */ |
| 264 | readClick () { }, | 262 | readClick (row) { |
| 265 | 263 | getIdCardInfo().then(res => { | |
| 266 | // 身份证读取按钮禁用 | 264 | if (res.data.code == 0) { |
| 267 | /** | 265 | let data = res.data.IDCardInfo |
| 268 | * @description: 身份证读取按钮禁用 | 266 | row.qlrmc = data.name |
| 269 | * @author: renchao | 267 | row.zjzl = '1' |
| 270 | */ | 268 | row.zjh = data.cardID |
| 271 | onreadClick () { | 269 | row.xb = data.sexCode |
| 272 | this.$message.error("此阶段不可编辑"); | 270 | row.dz = data.address |
| 271 | row.fzjg = data.issueOrgan | ||
| 272 | this.$message({ | ||
| 273 | message: '读取成功！', | ||
| 274 | type: 'success' | ||
| 275 | }) | ||
| 276 | } else { | ||
| 277 | this.$message({ | ||
| 278 | message: res.data.message, | ||
| 279 | type: 'warning' | ||
| 280 | }) | ||
| 281 | } | ||
| 282 | }) | ||
| 273 | }, | 283 | }, |
| 274 | // 修改 | ||
| 275 | /** | 284 | /** |
| 276 | * @description: 修改 | 285 | * @description: 修改 |
| 277 | * @param {*} index | 286 | * @param {*} index | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 13:43:42 | 4 | * @LastEditTime: 2023-09-28 15:15:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -21,8 +21,9 @@ | ... | @@ -21,8 +21,9 @@ |
| 21 | </div> | 21 | </div> |
| 22 | </template> | 22 | </template> |
| 23 | <script> | 23 | <script> |
| 24 | import addYwr from "./dialog/addYwr.vue"; | ||
| 25 | import { mapGetters } from "vuex"; | 24 | import { mapGetters } from "vuex"; |
| 25 | import addYwr from "./dialog/addYwr.vue"; | ||
| 26 | import { getIdCardInfo } from '@/utils/operation.js' | ||
| 26 | export default { | 27 | export default { |
| 27 | components: { | 28 | components: { |
| 28 | addYwr, | 29 | addYwr, |
| ... | @@ -102,7 +103,7 @@ | ... | @@ -102,7 +103,7 @@ |
| 102 | icon="el-icon-tickets" | 103 | icon="el-icon-tickets" |
| 103 | disabled={!this.ableOperation} | 104 | disabled={!this.ableOperation} |
| 104 | onClick={() => { | 105 | onClick={() => { |
| 105 | this.readClick(scope); | 106 | this.readClick(scope.row); |
| 106 | }} | 107 | }} |
| 107 | > | 108 | > |
| 108 | 读取 | 109 | 读取 |
| ... | @@ -178,12 +179,12 @@ | ... | @@ -178,12 +179,12 @@ |
| 178 | this.$nextTick(() => { | 179 | this.$nextTick(() => { |
| 179 | if (val.length == 0 || !val) { | 180 | if (val.length == 0 || !val) { |
| 180 | that.tableDataList = _.cloneDeep([ | 181 | that.tableDataList = _.cloneDeep([ |
| 181 | { | 182 | // { |
| 182 | ywrmc: "", | 183 | // ywrmc: "", |
| 183 | dlrzjlx: "", | 184 | // dlrzjlx: "", |
| 184 | dlrzjh: "", | 185 | // dlrzjh: "", |
| 185 | fr: "", | 186 | // fr: "", |
| 186 | }, | 187 | // }, |
| 187 | ]); | 188 | ]); |
| 188 | } else { | 189 | } else { |
| 189 | that.tableDataList = _.cloneDeep(val); | 190 | that.tableDataList = _.cloneDeep(val); |
| ... | @@ -247,24 +248,41 @@ | ... | @@ -247,24 +248,41 @@ |
| 247 | this.isaddupdate = true; | 248 | this.isaddupdate = true; |
| 248 | }, | 249 | }, |
| 249 | /** | 250 | /** |
| 250 | * @description: 删除 | ||
| 251 | * @param {*} index | 251 | * @param {*} index |
| 252 | * @param {*} row | 252 | * @param {*} row |
| 253 | * @author: renchao | ||
| 254 | */ | 253 | */ |
| 255 | deleClick (index, row) { | 254 | deleClick (index, row) { |
| 256 | this.tableDataList.splice(index, 1); | 255 | this.tableDataList.splice(index, 1); |
| 257 | this.$emit("upDateQlrxxList", this.tableDataList); | 256 | this.$emit("upDateQlrxxList", this.tableDataList); |
| 258 | }, | 257 | }, |
| 259 | 258 | ||
| 260 | // 身份证读取 | ||
| 261 | /** | 259 | /** |
| 262 | * @description: 身份证读取 | 260 | * @description: 身份证读取 |
| 263 | * @author: renchao | 261 | * @author: renchao |
| 264 | */ | 262 | */ |
| 265 | readClick () { }, | 263 | readClick (row) { |
| 264 | getIdCardInfo().then(res => { | ||
| 265 | if (res.data.code == 0) { | ||
| 266 | let data = res.data.IDCardInfo | ||
| 267 | row.ywrmc = data.name | ||
| 268 | row.zjzl = '1' | ||
| 269 | row.zjh = data.cardID | ||
| 270 | row.xb = data.sexCode | ||
| 271 | row.txdz = data.address | ||
| 272 | row.fzjg = data.issueOrgan | ||
| 273 | this.$message({ | ||
| 274 | message: '读取成功！', | ||
| 275 | type: 'success' | ||
| 276 | }) | ||
| 277 | } else { | ||
| 278 | this.$message({ | ||
| 279 | message: res.data.message, | ||
| 280 | type: 'warning' | ||
| 281 | }) | ||
| 282 | } | ||
| 283 | }) | ||
| 284 | }, | ||
| 266 | 285 | ||
| 267 | // 修改 | ||
| 268 | /** | 286 | /** |
| 269 | * @description: 修改 | 287 | * @description: 修改 |
| 270 | * @param {*} index | 288 | * @param {*} index | ... | ... |
| ... | @@ -20,7 +20,7 @@ export default { | ... | @@ -20,7 +20,7 @@ export default { |
| 20 | return false; | 20 | return false; |
| 21 | }, | 21 | }, |
| 22 | }, | 22 | }, |
| 23 | data() { | 23 | data () { |
| 24 | return { | 24 | return { |
| 25 | ssqlxxshow: true, | 25 | ssqlxxshow: true, |
| 26 | //表单是否可操作 | 26 | //表单是否可操作 |
| ... | @@ -78,10 +78,10 @@ export default { | ... | @@ -78,10 +78,10 @@ export default { |
| 78 | 78 | ||
| 79 | }; | 79 | }; |
| 80 | }, | 80 | }, |
| 81 | created() { | 81 | created () { |
| 82 | this.loadData(); | 82 | this.loadData(); |
| 83 | }, | 83 | }, |
| 84 | mounted() { | 84 | mounted () { |
| 85 | this.ableOperation = this.$parent.ableOperation; | 85 | this.ableOperation = this.$parent.ableOperation; |
| 86 | }, | 86 | }, |
| 87 | methods: { | 87 | methods: { |
| ... | @@ -90,7 +90,7 @@ export default { | ... | @@ -90,7 +90,7 @@ export default { |
| 90 | * @param {*} val | 90 | * @param {*} val |
| 91 | * @author: renchao | 91 | * @author: renchao |
| 92 | */ | 92 | */ |
| 93 | ztQlxxchange(val) { | 93 | ztQlxxchange (val) { |
| 94 | this.ruleForm.ztQlxx = val; | 94 | this.ruleForm.ztQlxx = val; |
| 95 | }, | 95 | }, |
| 96 | /** | 96 | /** |
| ... | @@ -98,13 +98,13 @@ export default { | ... | @@ -98,13 +98,13 @@ export default { |
| 98 | * @param {*} val | 98 | * @param {*} val |
| 99 | * @author: renchao | 99 | * @author: renchao |
| 100 | */ | 100 | */ |
| 101 | ssQlxxchange(val) { | 101 | ssQlxxchange (val) { |
| 102 | this.ruleForm.ssQlxx = val; | 102 | this.ruleForm.ssQlxx = val; |
| 103 | this.ruleForm.qlxx.ssywh = val.ywh; | 103 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 104 | this.ssQlxxchangediolog(val); | 104 | this.ssQlxxchangediolog(val); |
| 105 | }, | 105 | }, |
| 106 | // 弹框事件 | 106 | // 弹框事件 |
| 107 | ssQlxxchangediolog(val) { | 107 | ssQlxxchangediolog (val) { |
| 108 | this.$confirm("是否将上手权利信息同步到表单", "提示", { | 108 | this.$confirm("是否将上手权利信息同步到表单", "提示", { |
| 109 | iconClass: "el-icon-question", //自定义图标样式 | 109 | iconClass: "el-icon-question", //自定义图标样式 |
| 110 | confirmButtonText: "确认", //确认按钮文字更换 | 110 | confirmButtonText: "确认", //确认按钮文字更换 |
| ... | @@ -166,7 +166,7 @@ export default { | ... | @@ -166,7 +166,7 @@ export default { |
| 166 | * @param {*} val | 166 | * @param {*} val |
| 167 | * @author: renchao | 167 | * @author: renchao |
| 168 | */ | 168 | */ |
| 169 | djlxchange(val) { | 169 | djlxchange (val) { |
| 170 | if (val == null || val == 100) { | 170 | if (val == null || val == 100) { |
| 171 | this.ssqlxxshow = false; | 171 | this.ssqlxxshow = false; |
| 172 | } else { | 172 | } else { |
| ... | @@ -177,30 +177,30 @@ export default { | ... | @@ -177,30 +177,30 @@ export default { |
| 177 | * @description: loadData | 177 | * @description: loadData |
| 178 | * @author: renchao | 178 | * @author: renchao |
| 179 | */ | 179 | */ |
| 180 | loadData() { | 180 | loadData () { |
| 181 | this.$startLoading(); | 181 | this.loading = true |
| 182 | this.propsParam.isEdit = this.$parent.isEdit; | 182 | this.propsParam.isEdit = this.$parent.isEdit; |
| 183 | init(this.propsParam).then((res) => { | 183 | init(this.propsParam).then((res) => { |
| 184 | this.loading = false | ||
| 184 | if (res.code == 200) { | 185 | if (res.code == 200) { |
| 185 | this.ruleForm = res.result; | 186 | this.ruleForm = res.result; |
| 186 | if(this.ruleForm.diyaq){ | 187 | if (this.ruleForm.diyaq) { |
| 187 | this.ruleForm.diyaq.dyfs="1" | 188 | this.ruleForm.diyaq.dyfs = "1" |
| 188 | } | 189 | } |
| 189 | if(this.ruleForm.ygdj){ | 190 | if (this.ruleForm.ygdj) { |
| 190 | this.ruleForm.ygdj.jedw="1" | 191 | this.ruleForm.ygdj.jedw = "1" |
| 191 | this.ruleForm.ygdj.mjdw="1" | 192 | this.ruleForm.ygdj.mjdw = "1" |
| 192 | if(this.ruleForm.ygdj.sfczjzhxz==null){ | 193 | if (this.ruleForm.ygdj.sfczjzhxz == null) { |
| 193 | this.ruleForm.ygdj.sfczjzhxz="1" | 194 | this.ruleForm.ygdj.sfczjzhxz = "1" |
| 194 | } | 195 | } |
| 195 | } | 196 | } |
| 196 | if(this.ruleForm.diyaq){ | 197 | if (this.ruleForm.diyaq) { |
| 197 | this.ruleForm.diyaq.mjdw="1" | 198 | this.ruleForm.diyaq.mjdw = "1" |
| 198 | } | 199 | } |
| 199 | let djlx = this.ruleForm.qlxx.djlx; | 200 | let djlx = this.ruleForm.qlxx.djlx; |
| 200 | if (djlx == null || djlx == 100) { | 201 | if (djlx == null || djlx == 100) { |
| 201 | this.ssqlxxshow = false; | 202 | this.ssqlxxshow = false; |
| 202 | } | 203 | } |
| 203 | this.$endLoading(); | ||
| 204 | this.isShow = true; | 204 | this.isShow = true; |
| 205 | //获取主体信息 | 205 | //获取主体信息 |
| 206 | getSsQlxx({ | 206 | getSsQlxx({ |
| ... | @@ -222,15 +222,16 @@ export default { | ... | @@ -222,15 +222,16 @@ export default { |
| 222 | } | 222 | } |
| 223 | }); | 223 | }); |
| 224 | } | 224 | } |
| 225 | }); | 225 | }).catch(() => { |
| 226 | this.loading = false | ||
| 227 | }) | ||
| 226 | }, | 228 | }, |
| 227 | // 更新土地用途信息 | ||
| 228 | /** | 229 | /** |
| 229 | * @description: 更新土地用途信息 | 230 | * @description: 更新土地用途信息 |
| 230 | * @param {*} val | 231 | * @param {*} val |
| 231 | * @author: renchao | 232 | * @author: renchao |
| 232 | */ | 233 | */ |
| 233 | upDateTdytxxList(val) { | 234 | upDateTdytxxList (val) { |
| 234 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 235 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
| 235 | this.key++; | 236 | this.key++; |
| 236 | }, | 237 | }, |
| ... | @@ -239,18 +240,17 @@ export default { | ... | @@ -239,18 +240,17 @@ export default { |
| 239 | * @param {*} val | 240 | * @param {*} val |
| 240 | * @author: renchao | 241 | * @author: renchao |
| 241 | */ | 242 | */ |
| 242 | upDateQlrxxList(val) { | 243 | upDateQlrxxList (val) { |
| 243 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 244 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
| 244 | this.czrOptions = this.ruleForm.qlrData; | 245 | this.czrOptions = this.ruleForm.qlrData; |
| 245 | this.key++; | 246 | this.key++; |
| 246 | }, | 247 | }, |
| 247 | // 更新义务人信息 | ||
| 248 | /** | 248 | /** |
| 249 | * @description: 更新义务人信息 | 249 | * @description: 更新义务人信息 |
| 250 | * @param {*} val | 250 | * @param {*} val |
| 251 | * @author: renchao | 251 | * @author: renchao |
| 252 | */ | 252 | */ |
| 253 | upDateYwrxxList(val) { | 253 | upDateYwrxxList (val) { |
| 254 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 254 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
| 255 | this.key++; | 255 | this.key++; |
| 256 | }, | 256 | }, |
| ... | @@ -258,7 +258,7 @@ export default { | ... | @@ -258,7 +258,7 @@ export default { |
| 258 | * @description: onSubmit | 258 | * @description: onSubmit |
| 259 | * @author: renchao | 259 | * @author: renchao |
| 260 | */ | 260 | */ |
| 261 | onSubmit() { | 261 | onSubmit () { |
| 262 | this.$refs.ruleForm.validate((valid) => { | 262 | this.$refs.ruleForm.validate((valid) => { |
| 263 | if (valid) { | 263 | if (valid) { |
| 264 | if (this.ruleForm.qlrData.length == 0) { | 264 | if (this.ruleForm.qlrData.length == 0) { |
| ... | @@ -288,16 +288,16 @@ export default { | ... | @@ -288,16 +288,16 @@ export default { |
| 288 | } | 288 | } |
| 289 | this.ruleForm.qlrData[0].sfczr = "1"; | 289 | this.ruleForm.qlrData[0].sfczr = "1"; |
| 290 | } else { | 290 | } else { |
| 291 | if (this.ruleForm.qlrData.length <= 1) { | 291 | if (this.ruleForm.qlrData.length <= 1) { |
| 292 | this.$message({ | 292 | this.$message({ |
| 293 | showClose: true, | 293 | showClose: true, |
| 294 | message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | 294 | message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", |
| 295 | type: "error", | 295 | type: "error", |
| 296 | }); | 296 | }); |
| 297 | return false; | 297 | return false; |
| 298 | } | 298 | } |
| 299 | } | 299 | } |
| 300 | 300 | this.$store.dispatch("user/refreshPage", false); | |
| 301 | save(this.ruleForm).then((res) => { | 301 | save(this.ruleForm).then((res) => { |
| 302 | if (res.code === 200) { | 302 | if (res.code === 200) { |
| 303 | this.$message({ | 303 | this.$message({ | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-30 15:52:11 | 4 | * @LastEditTime: 2023-09-26 13:25:47 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -10,6 +10,7 @@ | ... | @@ -10,6 +10,7 @@ |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
| 13 | v-Loading="loading" | ||
| 13 | ref="ruleForm" | 14 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 16 | :inline="flag" |
| ... | @@ -491,6 +492,7 @@ | ... | @@ -491,6 +492,7 @@ |
| 491 | 492 | ||
| 492 | data () { | 493 | data () { |
| 493 | return { | 494 | return { |
| 495 | loading: false, | ||
| 494 | mjdw: "1", | 496 | mjdw: "1", |
| 495 | //表单是否可操作 | 497 | //表单是否可操作 |
| 496 | rules: { | 498 | rules: { |
| ... | @@ -525,8 +527,8 @@ | ... | @@ -525,8 +527,8 @@ |
| 525 | ywhrules: [{ required: true, message: "业务号", trigger: "change" }], | 527 | ywhrules: [{ required: true, message: "业务号", trigger: "change" }], |
| 526 | } | 528 | } |
| 527 | } | 529 | } |
| 528 | }, | 530 | } |
| 529 | }; | 531 | } |
| 530 | </script> | 532 | </script> |
| 531 | <style scoped lang="scss"> | 533 | <style scoped lang="scss"> |
| 532 | @import "~@/styles/public.scss"; | 534 | @import "~@/styles/public.scss"; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 09:33:54 | 4 | * @LastEditTime: 2023-09-26 13:26:40 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
| 13 | class="loadingtext" | 13 | v-Loading="loading" |
| 14 | ref="ruleForm" | 14 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| ... | @@ -433,7 +433,8 @@ | ... | @@ -433,7 +433,8 @@ |
| 433 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 433 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 434 | data () { | 434 | data () { |
| 435 | return { | 435 | return { |
| 436 | //传递参数\ | 436 | loading: false, |
| 437 | //传递参数 | ||
| 437 | rules: { | 438 | rules: { |
| 438 | ssQlxxrules: [ | 439 | ssQlxxrules: [ |
| 439 | { required: true, message: "上手权利信息", trigger: "blur" }, | 440 | { required: true, message: "上手权利信息", trigger: "blur" }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 16:37:36 | 4 | * @LastEditTime: 2023-09-26 13:34:22 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
| 13 | class="loadingtext" | 13 | v-Loading="loading" |
| 14 | ref="ruleForm" | 14 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| ... | @@ -441,6 +441,7 @@ | ... | @@ -441,6 +441,7 @@ |
| 441 | components: { qlrCommonTable, tdytTable, selectTable }, | 441 | components: { qlrCommonTable, tdytTable, selectTable }, |
| 442 | data () { | 442 | data () { |
| 443 | return { | 443 | return { |
| 444 | loading: false, | ||
| 444 | mjdw: "1", | 445 | mjdw: "1", |
| 445 | // 键名转换，方法默认是label和children进行树状渲染 | 446 | // 键名转换，方法默认是label和children进行树状渲染 |
| 446 | normalizer (node) { | 447 | normalizer (node) { |
| ... | @@ -572,9 +573,10 @@ | ... | @@ -572,9 +573,10 @@ |
| 572 | * @author: renchao | 573 | * @author: renchao |
| 573 | */ | 574 | */ |
| 574 | loadData () { | 575 | loadData () { |
| 575 | this.$startLoading(); | 576 | this.loading = true |
| 576 | this.propsParam.isEdit = this.$parent.isEdit; | 577 | this.propsParam.isEdit = this.$parent.isEdit; |
| 577 | init(this.propsParam).then((res) => { | 578 | init(this.propsParam).then((res) => { |
| 579 | this.loading = false | ||
| 578 | if (res.code == 200) { | 580 | if (res.code == 200) { |
| 579 | this.ruleForm = res.result; | 581 | this.ruleForm = res.result; |
| 580 | let djlx = this.ruleForm.qlxx.djlx; | 582 | let djlx = this.ruleForm.qlxx.djlx; |
| ... | @@ -582,7 +584,6 @@ | ... | @@ -582,7 +584,6 @@ |
| 582 | this.ssqlxxshow = false; | 584 | this.ssqlxxshow = false; |
| 583 | } | 585 | } |
| 584 | this.ruleForm.fdcq2.jedw = "1"; | 586 | this.ruleForm.fdcq2.jedw = "1"; |
| 585 | this.$endLoading(); | ||
| 586 | this.isShow = true; | 587 | this.isShow = true; |
| 587 | //获取主体信息 | 588 | //获取主体信息 |
| 588 | getSsQlxx({ | 589 | getSsQlxx({ |
| ... | @@ -595,7 +596,9 @@ | ... | @@ -595,7 +596,9 @@ |
| 595 | } | 596 | } |
| 596 | }); | 597 | }); |
| 597 | } | 598 | } |
| 598 | }); | 599 | }).catch(() => { |
| 600 | this.loading = false | ||
| 601 | }) | ||
| 599 | }, | 602 | }, |
| 600 | /** | 603 | /** |
| 601 | * @description: 更新土地用途信息 | 604 | * @description: 更新土地用途信息 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:27:45 | 4 | * @LastEditTime: 2023-10-08 14:47:33 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -183,15 +183,6 @@ | ... | @@ -183,15 +183,6 @@ |
| 183 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | 183 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> |
| 184 | </el-form-item> | 184 | </el-form-item> |
| 185 | </el-col> | 185 | </el-col> |
| 186 | <!-- <el-col :span="8"> | ||
| 187 | <el-form-item | ||
| 188 | label="区县代码：" | ||
| 189 | prop="qlxx.qxdm" | ||
| 190 | :rules="rules.qxdmrules" | ||
| 191 | > | ||
| 192 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 193 | </el-form-item> | ||
| 194 | </el-col> --> | ||
| 195 | <el-col :span="8"> | 186 | <el-col :span="8"> |
| 196 | <el-form-item | 187 | <el-form-item |
| 197 | label="登记机构：" | 188 | label="登记机构：" |
| ... | @@ -296,6 +287,7 @@ | ... | @@ -296,6 +287,7 @@ |
| 296 | }, | 287 | }, |
| 297 | data () { | 288 | data () { |
| 298 | return { | 289 | return { |
| 290 | loading: false, | ||
| 299 | mjdw: "1", | 291 | mjdw: "1", |
| 300 | ssqlxxshow: true, | 292 | ssqlxxshow: true, |
| 301 | props: { | 293 | props: { |
| ... | @@ -396,7 +388,6 @@ | ... | @@ -396,7 +388,6 @@ |
| 396 | this.ruleForm.qlxx.ssywh = val.ywh; | 388 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 397 | this.ssQlxxchangediolog(val); | 389 | this.ssQlxxchangediolog(val); |
| 398 | }, | 390 | }, |
| 399 | // 弹框事件 | ||
| 400 | /** | 391 | /** |
| 401 | * @description: 弹框事件 | 392 | * @description: 弹框事件 |
| 402 | * @param {*} val | 393 | * @param {*} val |
| ... | @@ -435,6 +426,7 @@ | ... | @@ -435,6 +426,7 @@ |
| 435 | 426 | ||
| 436 | } | 427 | } |
| 437 | } | 428 | } |
| 429 | this.ruleForm.qlxx.gyfs = this.nowlist.qlxx.gyfs | ||
| 438 | if (!this.ruleForm.tdytqxList.length) { | 430 | if (!this.ruleForm.tdytqxList.length) { |
| 439 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 431 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; |
| 440 | } | 432 | } |
| ... | @@ -469,7 +461,6 @@ | ... | @@ -469,7 +461,6 @@ |
| 469 | this.ssqlxxshow = true; | 461 | this.ssqlxxshow = true; |
| 470 | } | 462 | } |
| 471 | }, | 463 | }, |
| 472 | // 字典 | ||
| 473 | /** | 464 | /** |
| 474 | * @description: 字典 | 465 | * @description: 字典 |
| 475 | * @param {*} val | 466 | * @param {*} val |
| ... | @@ -483,17 +474,21 @@ | ... | @@ -483,17 +474,21 @@ |
| 483 | * @author: renchao | 474 | * @author: renchao |
| 484 | */ | 475 | */ |
| 485 | loadData () { | 476 | loadData () { |
| 486 | this.$startLoading(); | 477 | this.loading = true |
| 487 | this.propsParam.isEdit = this.$parent.isEdit; | 478 | this.propsParam.isEdit = this.$parent.isEdit; |
| 488 | init(this.propsParam).then((res) => { | 479 | init(this.propsParam).then((res) => { |
| 480 | this.loading = false | ||
| 489 | if (res.code == 200) { | 481 | if (res.code == 200) { |
| 490 | this.ruleForm = res.result; | 482 | this.ruleForm = res.result; |
| 491 | let djlx = this.ruleForm.qlxx.djlx; | 483 | let djlx = this.ruleForm.qlxx.djlx; |
| 492 | if (djlx == null || djlx == 100) { | 484 | if (djlx == null || djlx == 100) { |
| 493 | this.ssqlxxshow = false; | 485 | this.ssqlxxshow = false; |
| 494 | } | 486 | } |
| 495 | this.$endLoading(); | 487 | if (this.ruleForm.tdytqxList.length > 0) { |
| 496 | 488 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | |
| 489 | } else { | ||
| 490 | this.tdxz = null; | ||
| 491 | } | ||
| 497 | this.isShow = true; | 492 | this.isShow = true; |
| 498 | //获取主体信息 | 493 | //获取主体信息 |
| 499 | getSsQlxx({ | 494 | getSsQlxx({ |
| ... | @@ -506,7 +501,9 @@ | ... | @@ -506,7 +501,9 @@ |
| 506 | } | 501 | } |
| 507 | }); | 502 | }); |
| 508 | } | 503 | } |
| 509 | }); | 504 | }).catch(() => { |
| 505 | this.loading = false | ||
| 506 | }) | ||
| 510 | }, | 507 | }, |
| 511 | /** | 508 | /** |
| 512 | * @description: 更新土地用途信息 | 509 | * @description: 更新土地用途信息 |
| ... | @@ -603,4 +600,7 @@ | ... | @@ -603,4 +600,7 @@ |
| 603 | <style scoped lang="scss"> | 600 | <style scoped lang="scss"> |
| 604 | @import "~@/styles/public.scss"; | 601 | @import "~@/styles/public.scss"; |
| 605 | @import "~@/styles/slxx/slxx.scss"; | 602 | @import "~@/styles/slxx/slxx.scss"; |
| 603 | /deep/.el-form-item__error { | ||
| 604 | display: none; | ||
| 605 | } | ||
| 606 | </style> | 606 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:27:45 | 4 | * @LastEditTime: 2023-09-26 13:27:29 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
| 13 | class="loadingtext" | 13 | v-Loading="loading" |
| 14 | ref="ruleForm" | 14 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :show-message="false" | 16 | :show-message="false" |
| ... | @@ -388,6 +388,7 @@ | ... | @@ -388,6 +388,7 @@ |
| 388 | }, | 388 | }, |
| 389 | data () { | 389 | data () { |
| 390 | return { | 390 | return { |
| 391 | loading: false, | ||
| 391 | mjdw: "1", | 392 | mjdw: "1", |
| 392 | ssqlxxshow: true, | 393 | ssqlxxshow: true, |
| 393 | props: { | 394 | props: { |
| ... | @@ -577,16 +578,17 @@ | ... | @@ -577,16 +578,17 @@ |
| 577 | * @author: renchao | 578 | * @author: renchao |
| 578 | */ | 579 | */ |
| 579 | loadData () { | 580 | loadData () { |
| 580 | this.$startLoading(); | 581 | this.loading = true |
| 581 | this.propsParam.isEdit = this.$parent.isEdit; | 582 | this.propsParam.isEdit = this.$parent.isEdit; |
| 582 | init(this.propsParam).then((res) => { | 583 | init(this.propsParam).then((res) => { |
| 584 | this.loading = false | ||
| 583 | if (res.code == 200) { | 585 | if (res.code == 200) { |
| 584 | this.ruleForm = res.result; | 586 | this.ruleForm = res.result; |
| 585 | let djlx = this.ruleForm.qlxx.djlx; | 587 | let djlx = this.ruleForm.qlxx.djlx; |
| 586 | if (djlx == null || djlx == 100) { | 588 | if (djlx == null || djlx == 100) { |
| 587 | this.ssqlxxshow = false; | 589 | this.ssqlxxshow = false; |
| 588 | } | 590 | } |
| 589 | this.$endLoading(); | 591 | |
| 590 | if (this.ruleForm.tdytqxList.length > 0) { | 592 | if (this.ruleForm.tdytqxList.length > 0) { |
| 591 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; | 593 | this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm; |
| 592 | } else { | 594 | } else { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-11 16:38:51 | 4 | * @LastEditTime: 2023-10-08 09:46:31 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | ref="ruleForm" | 12 | ref="ruleForm" |
| 13 | :class="{ readonly: editDisabled }" | 13 | :class="{ readonly: editDisabled }" |
| 14 | class="loadingtext" | 14 | v-Loading="loading" |
| 15 | :show-message="false" | 15 | :show-message="false" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :inline="flag" | 17 | :inline="flag" |
| ... | @@ -89,13 +89,13 @@ | ... | @@ -89,13 +89,13 @@ |
| 89 | </el-select> | 89 | </el-select> |
| 90 | </el-form-item> | 90 | </el-form-item> |
| 91 | </el-col> | 91 | </el-col> |
| 92 | </el-row> | ||
| 93 | <el-row :gutter="10"> | ||
| 94 | <el-col :span="8"> | 92 | <el-col :span="8"> |
| 95 | <el-form-item label="不动产单元号："> | 93 | <el-form-item label="不动产单元号："> |
| 96 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 94 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
| 97 | </el-form-item> | 95 | </el-form-item> |
| 98 | </el-col> | 96 | </el-col> |
| 97 | </el-row> | ||
| 98 | <el-row :gutter="10"> | ||
| 99 | <el-col :span="8"> | 99 | <el-col :span="8"> |
| 100 | <el-form-item | 100 | <el-form-item |
| 101 | label="业务号：" | 101 | label="业务号：" |
| ... | @@ -126,15 +126,6 @@ | ... | @@ -126,15 +126,6 @@ |
| 126 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> | 126 | <el-input v-model="ruleForm.qlxx.djjg"></el-input> |
| 127 | </el-form-item> | 127 | </el-form-item> |
| 128 | </el-col> | 128 | </el-col> |
| 129 | <!-- <el-col :span="8"> | ||
| 130 | <el-form-item | ||
| 131 | label="区县代码：" | ||
| 132 | prop="qlxx.qxdm" | ||
| 133 | :rules="rules.qxdmrules" | ||
| 134 | > | ||
| 135 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 136 | </el-form-item> | ||
| 137 | </el-col> --> | ||
| 138 | <el-col :span="8"> | 129 | <el-col :span="8"> |
| 139 | <el-form-item | 130 | <el-form-item |
| 140 | label="不动产权证号：" | 131 | label="不动产权证号：" |
| ... | @@ -161,8 +152,6 @@ | ... | @@ -161,8 +152,6 @@ |
| 161 | <el-input v-model="ruleForm.tdsyq.djyy"></el-input> | 152 | <el-input v-model="ruleForm.tdsyq.djyy"></el-input> |
| 162 | </el-form-item> | 153 | </el-form-item> |
| 163 | </el-col> | 154 | </el-col> |
| 164 | </el-row> | ||
| 165 | <el-row :gutter="10"> | ||
| 166 | <el-col :span="8"> | 155 | <el-col :span="8"> |
| 167 | <el-form-item label="农用地面积："> | 156 | <el-form-item label="农用地面积："> |
| 168 | <div class="flex"> | 157 | <div class="flex"> |
| ... | @@ -207,6 +196,8 @@ | ... | @@ -207,6 +196,8 @@ |
| 207 | </div> | 196 | </div> |
| 208 | </el-form-item> | 197 | </el-form-item> |
| 209 | </el-col> | 198 | </el-col> |
| 199 | </el-row> | ||
| 200 | <el-row :gutter="10"> | ||
| 210 | <el-col :span="8"> | 201 | <el-col :span="8"> |
| 211 | <el-form-item label="林地面积："> | 202 | <el-form-item label="林地面积："> |
| 212 | <div class="flex"> | 203 | <div class="flex"> |
| ... | @@ -229,8 +220,6 @@ | ... | @@ -229,8 +220,6 @@ |
| 229 | </div> | 220 | </div> |
| 230 | </el-form-item> | 221 | </el-form-item> |
| 231 | </el-col> | 222 | </el-col> |
| 232 | </el-row> | ||
| 233 | <el-row :gutter="10"> | ||
| 234 | <el-col :span="8"> | 223 | <el-col :span="8"> |
| 235 | <el-form-item label="草地面积："> | 224 | <el-form-item label="草地面积："> |
| 236 | <div class="flex"> | 225 | <div class="flex"> |
| ... | @@ -275,6 +264,8 @@ | ... | @@ -275,6 +264,8 @@ |
| 275 | </div> | 264 | </div> |
| 276 | </el-form-item> | 265 | </el-form-item> |
| 277 | </el-col> | 266 | </el-col> |
| 267 | </el-row> | ||
| 268 | <el-row :gutter="10"> | ||
| 278 | <el-col :span="8"> | 269 | <el-col :span="8"> |
| 279 | <el-form-item label="建筑使用面积："> | 270 | <el-form-item label="建筑使用面积："> |
| 280 | <div class="flex"> | 271 | <div class="flex"> |
| ... | @@ -297,8 +288,6 @@ | ... | @@ -297,8 +288,6 @@ |
| 297 | </div> | 288 | </div> |
| 298 | </el-form-item> | 289 | </el-form-item> |
| 299 | </el-col> | 290 | </el-col> |
| 300 | </el-row> | ||
| 301 | <el-row :gutter="10"> | ||
| 302 | <el-col :span="8"> | 291 | <el-col :span="8"> |
| 303 | <el-form-item label="未利用地面积："> | 292 | <el-form-item label="未利用地面积："> |
| 304 | <div class="flex"> | 293 | <div class="flex"> |
| ... | @@ -409,6 +398,7 @@ | ... | @@ -409,6 +398,7 @@ |
| 409 | }, | 398 | }, |
| 410 | data () { | 399 | data () { |
| 411 | return { | 400 | return { |
| 401 | loading: false, | ||
| 412 | ssqlxxshow: true, | 402 | ssqlxxshow: true, |
| 413 | props: { | 403 | props: { |
| 414 | label: "bdcqzh", | 404 | label: "bdcqzh", |
| ... | @@ -505,7 +495,6 @@ | ... | @@ -505,7 +495,6 @@ |
| 505 | this.ruleForm.qlxx.ssywh = val.ywh; | 495 | this.ruleForm.qlxx.ssywh = val.ywh; |
| 506 | this.ssQlxxchangediolog(val); | 496 | this.ssQlxxchangediolog(val); |
| 507 | }, | 497 | }, |
| 508 | // 弹框事件 | ||
| 509 | /** | 498 | /** |
| 510 | * @description: 弹框事件 | 499 | * @description: 弹框事件 |
| 511 | * @param {*} val | 500 | * @param {*} val |
| ... | @@ -545,6 +534,7 @@ | ... | @@ -545,6 +534,7 @@ |
| 545 | 534 | ||
| 546 | } | 535 | } |
| 547 | } | 536 | } |
| 537 | this.ruleForm.qlxx.gyfs = this.nowlist.qlxx.gyfs | ||
| 548 | if (!this.ruleForm.tdytqxList.length) { | 538 | if (!this.ruleForm.tdytqxList.length) { |
| 549 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; | 539 | this.ruleForm.tdytqxList = this.nowlist.tdytqxList; |
| 550 | } | 540 | } |
| ... | @@ -595,16 +585,16 @@ | ... | @@ -595,16 +585,16 @@ |
| 595 | * @author: renchao | 585 | * @author: renchao |
| 596 | */ | 586 | */ |
| 597 | loadData () { | 587 | loadData () { |
| 598 | this.$startLoading(); | 588 | this.loading = true |
| 599 | this.propsParam.isEdit = this.$parent.isEdit; | 589 | this.propsParam.isEdit = this.$parent.isEdit; |
| 600 | init(this.propsParam).then((res) => { | 590 | init(this.propsParam).then((res) => { |
| 591 | this.loading = false | ||
| 601 | if (res.code == 200) { | 592 | if (res.code == 200) { |
| 602 | this.ruleForm = res.result; | 593 | this.ruleForm = res.result; |
| 603 | let djlx = this.ruleForm.qlxx.djlx; | 594 | let djlx = this.ruleForm.qlxx.djlx; |
| 604 | if (djlx == null || djlx == 100) { | 595 | if (djlx == null || djlx == 100) { |
| 605 | this.ssqlxxshow = false; | 596 | this.ssqlxxshow = false; |
| 606 | } | 597 | } |
| 607 | this.$endLoading(); | ||
| 608 | this.isShow = true; | 598 | this.isShow = true; |
| 609 | //获取主体信息 | 599 | //获取主体信息 |
| 610 | getSsQlxx({ | 600 | getSsQlxx({ | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 09:50:48 | 4 | * @LastEditTime: 2023-09-26 13:31:57 |
| 5 | :show-message="false" | 5 | :show-message="false" |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | :model="ruleForm" | 11 | :model="ruleForm" |
| 12 | :rules="rules" | 12 | :rules="rules" |
| 13 | :class="{ readonly: editDisabled }" | 13 | :class="{ readonly: editDisabled }" |
| 14 | class="loadingtext" | 14 | v-Loading="loading" |
| 15 | ref="ruleForm" | 15 | ref="ruleForm" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| ... | @@ -491,7 +491,8 @@ | ... | @@ -491,7 +491,8 @@ |
| 491 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 491 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 492 | data () { | 492 | data () { |
| 493 | return { | 493 | return { |
| 494 | //传递参数\ | 494 | loading: false, |
| 495 | //传递参数 | ||
| 495 | rules: { | 496 | rules: { |
| 496 | ztQlxxrules: [ | 497 | ztQlxxrules: [ |
| 497 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 498 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:28:03 | 4 | * @LastEditTime: 2023-09-26 13:31:31 |
| 5 | :show-message="false" | 5 | :show-message="false" |
| 6 | --> | 6 | --> |
| 7 | <template> | 7 | <template> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | :model="ruleForm" | 11 | :model="ruleForm" |
| 12 | :rules="rules" | 12 | :rules="rules" |
| 13 | :class="{ readonly: editDisabled }" | 13 | :class="{ readonly: editDisabled }" |
| 14 | class="loadingtext" | 14 | v-Loading="loading" |
| 15 | ref="ruleForm" | 15 | ref="ruleForm" |
| 16 | :label-position="flag ? 'top' : ''" | 16 | :label-position="flag ? 'top' : ''" |
| 17 | :show-message="false" | 17 | :show-message="false" |
| ... | @@ -244,7 +244,7 @@ | ... | @@ -244,7 +244,7 @@ |
| 244 | </el-col> | 244 | </el-col> |
| 245 | <el-col :span="8"> | 245 | <el-col :span="8"> |
| 246 | <el-form-item label="所在层："> | 246 | <el-form-item label="所在层："> |
| 247 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> | 247 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> |
| 248 | </el-form-item> | 248 | </el-form-item> |
| 249 | </el-col> | 249 | </el-col> |
| 250 | <el-col :span="8"> | 250 | <el-col :span="8"> |
| ... | @@ -275,15 +275,15 @@ | ... | @@ -275,15 +275,15 @@ |
| 275 | </el-col> | 275 | </el-col> |
| 276 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 276 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 277 | <el-form-item label="注销预告业务号："> | 277 | <el-form-item label="注销预告业务号："> |
| 278 | <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.zxywh"></el-input> | 278 | <el-input maxlength="20" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');" v-model="ruleForm.qlxx.zxywh"></el-input> |
| 279 | </el-form-item> | 279 | </el-form-item> |
| 280 | </el-col> | 280 | </el-col> |
| 281 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 281 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 282 | <el-form-item label="注销预告原因："> | 282 | <el-form-item label="注销预告原因："> |
| 283 | <el-input v-model="ruleForm.ygdj.zxyy"></el-input> | 283 | <el-input v-model="ruleForm.ygdj.zxyy"></el-input> |
| 284 | </el-form-item> | 284 | </el-form-item> |
| 285 | </el-col> | 285 | </el-col> |
| 286 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> | 286 | <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> |
| 287 | <el-form-item label="注销时间："> | 287 | <el-form-item label="注销时间："> |
| 288 | <el-date-picker | 288 | <el-date-picker |
| 289 | v-model="ruleForm.qlxx.zxsj" | 289 | v-model="ruleForm.qlxx.zxsj" |
| ... | @@ -412,7 +412,8 @@ | ... | @@ -412,7 +412,8 @@ |
| 412 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 412 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 413 | data () { | 413 | data () { |
| 414 | return { | 414 | return { |
| 415 | //传递参数\ | 415 | loading: false, |
| 416 | //传递参数 | ||
| 416 | rules: { | 417 | rules: { |
| 417 | ztQlxxrules: [ | 418 | ztQlxxrules: [ |
| 418 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 419 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-22 16:28:07 | 4 | * @LastEditTime: 2023-10-08 09:35:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -10,7 +10,7 @@ | ... | @@ -10,7 +10,7 @@ |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | 11 | :rules="rules" |
| 12 | :class="{ readonly: editDisabled }" | 12 | :class="{ readonly: editDisabled }" |
| 13 | class="loadingtext" | 13 | v-Loading="loading" |
| 14 | ref="ruleForm" | 14 | ref="ruleForm" |
| 15 | :label-position="flag ? 'top' : ''" | 15 | :label-position="flag ? 'top' : ''" |
| 16 | :inline="flag" | 16 | :inline="flag" |
| ... | @@ -172,16 +172,6 @@ | ... | @@ -172,16 +172,6 @@ |
| 172 | </el-row> | 172 | </el-row> |
| 173 | <el-row :gutter="10"> | 173 | <el-row :gutter="10"> |
| 174 | <!-- <el-col :span="8"> | 174 | <!-- <el-col :span="8"> |
| 175 | <el-form-item label="权利类型："> | ||
| 176 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 177 | </el-form-item> | ||
| 178 | </el-col> --> | ||
| 179 | <!-- <el-col :span="8"> | ||
| 180 | <el-form-item label="登记原因："> | ||
| 181 | <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> | ||
| 182 | </el-form-item> | ||
| 183 | </el-col> --> | ||
| 184 | <el-col :span="8"> | ||
| 185 | <el-form-item | 175 | <el-form-item |
| 186 | label="登记类型：" | 176 | label="登记类型：" |
| 187 | prop="qlxx.djlx" | 177 | prop="qlxx.djlx" |
| ... | @@ -195,24 +185,6 @@ | ... | @@ -195,24 +185,6 @@ |
| 195 | </el-option> | 185 | </el-option> |
| 196 | </el-select> | 186 | </el-select> |
| 197 | </el-form-item> | 187 | </el-form-item> |
| 198 | </el-col> | ||
| 199 | <!-- <el-col :span="8"> | ||
| 200 | <el-form-item label="不动产坐落："> | ||
| 201 | <el-input v-model="ruleForm.qlxx.zl"></el-input> | ||
| 202 | </el-form-item> | ||
| 203 | </el-col> --> | ||
| 204 | <!-- <el-col :span="8"> | ||
| 205 | <el-form-item | ||
| 206 | label="不动产权证号：" | ||
| 207 | prop="qlxx.bdcqzh" | ||
| 208 | :rules="rules.bdcqzhrules"> | ||
| 209 | <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> | ||
| 210 | </el-form-item> | ||
| 211 | </el-col> --> | ||
| 212 | <!-- <el-col :span="8"> | ||
| 213 | <el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules"> | ||
| 214 | <el-input v-model="ruleForm.qlxx.qxdm"></el-input> | ||
| 215 | </el-form-item> | ||
| 216 | </el-col> --> | 188 | </el-col> --> |
| 217 | <el-col :span="8"> | 189 | <el-col :span="8"> |
| 218 | <el-form-item | 190 | <el-form-item |
| ... | @@ -365,6 +337,7 @@ | ... | @@ -365,6 +337,7 @@ |
| 365 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 337 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
| 366 | data () { | 338 | data () { |
| 367 | return { | 339 | return { |
| 340 | loading: false, | ||
| 368 | ssqlxxshow: true, | 341 | ssqlxxshow: true, |
| 369 | //表单是否可操作 | 342 | //表单是否可操作 |
| 370 | propsParam: this.$attrs, | 343 | propsParam: this.$attrs, |
| ... | @@ -384,10 +357,6 @@ | ... | @@ -384,10 +357,6 @@ |
| 384 | ztQlxxrules: [ | 357 | ztQlxxrules: [ |
| 385 | { required: true, message: "抵押不动产信息", trigger: "blur" }, | 358 | { required: true, message: "抵押不动产信息", trigger: "blur" }, |
| 386 | ], | 359 | ], |
| 387 | // bdcqzhrules: [ | ||
| 388 | // { required: true, message: "不动产证号 ", trigger: "blur" }, | ||
| 389 | // ], | ||
| 390 | // qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }], | ||
| 391 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], | 360 | djjgrules: [{ required: true, message: "登记机构", trigger: "change" }], |
| 392 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], | 361 | dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }], |
| 393 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | 362 | djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }], | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 09:30:33 | 4 | * @LastEditTime: 2023-09-21 09:39:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <el-dialog | 7 | <el-dialog |
| ... | @@ -12,14 +12,6 @@ | ... | @@ -12,14 +12,6 @@ |
| 12 | custom-class="insetDialog" | 12 | custom-class="insetDialog" |
| 13 | append-to-body | 13 | append-to-body |
| 14 | width="31%"> | 14 | width="31%"> |
| 15 | <!-- <el-radio-group v-model="radio"> | ||
| 16 | <el-radio-button | ||
| 17 | v-for="(value, key) in qllxlistdata" | ||
| 18 | :key="key" | ||
| 19 | :label="value" | ||
| 20 | ></el-radio-button> | ||
| 21 | |||
| 22 | </el-radio-group> --> | ||
| 23 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" | 15 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" |
| 24 | :key="key" | 16 | :key="key" |
| 25 | :label="value" @click="clicksss(key)" plain>{{value}}</el-button> | 17 | :label="value" @click="clicksss(key)" plain>{{value}}</el-button> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 审批意见 | 2 | * @Description: 审批意见 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:41:24 | 4 | * @LastEditTime: 2023-09-28 11:27:03 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="spyj loadingtext"> | 7 | <div class="spyj loadingtext"> |
| ... | @@ -14,8 +14,7 @@ | ... | @@ -14,8 +14,7 @@ |
| 14 | <el-form | 14 | <el-form |
| 15 | :model="tableData[index]" | 15 | :model="tableData[index]" |
| 16 | label-width="120px" | 16 | label-width="120px" |
| 17 | ref="ruleFormRef'" | 17 | ref="ruleFormRef'"> |
| 18 | > | ||
| 19 | <div class="spyj_form"> | 18 | <div class="spyj_form"> |
| 20 | <div class="item_left"> | 19 | <div class="item_left"> |
| 21 | <div class="right">{{ item.jdmc }}意见</div> | 20 | <div class="right">{{ item.jdmc }}意见</div> |
| ... | @@ -30,14 +29,11 @@ | ... | @@ -30,14 +29,11 @@ |
| 30 | :rows="4" | 29 | :rows="4" |
| 31 | class="opinion" | 30 | class="opinion" |
| 32 | placeholder="请输入审批意见" | 31 | placeholder="请输入审批意见" |
| 33 | v-model="item.shyj" | 32 | v-model="item.shyj"></el-input> |
| 34 | ></el-input> | ||
| 35 | <el-button | 33 | <el-button |
| 36 | class="opinion_btn" | 34 | class="opinion_btn" |
| 37 | @click="commonOpinion(index)" | 35 | @click="commonOpinion(index)" |
| 38 | v-if="ableOperation" | 36 | v-if="ableOperation">常用意见</el-button> |
| 39 | >常用意见</el-button | ||
| 40 | > | ||
| 41 | </el-form-item> | 37 | </el-form-item> |
| 42 | </el-col> | 38 | </el-col> |
| 43 | </el-row> | 39 | </el-row> |
| ... | @@ -47,8 +43,7 @@ | ... | @@ -47,8 +43,7 @@ |
| 47 | <el-input | 43 | <el-input |
| 48 | maxlength="20" | 44 | maxlength="20" |
| 49 | :disabled="!ableOperation" | 45 | :disabled="!ableOperation" |
| 50 | v-model="item.shryxm" | 46 | v-model="item.shryxm"></el-input> |
| 51 | ></el-input> | ||
| 52 | </el-form-item> | 47 | </el-form-item> |
| 53 | </el-col> | 48 | </el-col> |
| 54 | <el-col :span="8"> | 49 | <el-col :span="8"> |
| ... | @@ -59,8 +54,7 @@ | ... | @@ -59,8 +54,7 @@ |
| 59 | type="date" | 54 | type="date" |
| 60 | placeholder="选择日期" | 55 | placeholder="选择日期" |
| 61 | value-format="yyyy-MM-dd HH:mm:ss" | 56 | value-format="yyyy-MM-dd HH:mm:ss" |
| 62 | format="yyyy-MM-dd" | 57 | format="yyyy-MM-dd"> |
| 63 | > | ||
| 64 | </el-date-picker> | 58 | </el-date-picker> |
| 65 | </el-form-item> | 59 | </el-form-item> |
| 66 | </el-col> | 60 | </el-col> |
| ... | @@ -77,283 +71,282 @@ | ... | @@ -77,283 +71,282 @@ |
| 77 | </div> | 71 | </div> |
| 78 | </template> | 72 | </template> |
| 79 | <script> | 73 | <script> |
| 80 | import { addidea, getShList } from "@/api/djbRepair.js"; | 74 | import { addidea, getShList } from "@/api/djbRepair.js"; |
| 81 | import { mapGetters } from "vuex"; | 75 | import { mapGetters } from "vuex"; |
| 82 | export default { | 76 | export default { |
| 83 | computed: { | 77 | computed: { |
| 84 | ...mapGetters(["userData", "yjsqOptions"]), | 78 | ...mapGetters(["userData", "yjsqOptions"]), |
| 85 | }, | ||
| 86 | data() { | ||
| 87 | return { | ||
| 88 | isNoData: false, | ||
| 89 | currentindex: 0, | ||
| 90 | ableOperation: false, | ||
| 91 | tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }], | ||
| 92 | falg: false, | ||
| 93 | falg1: false, | ||
| 94 | monitor:true | ||
| 95 | }; | ||
| 96 | }, | ||
| 97 | |||
| 98 | watch: { | ||
| 99 | yjsqOptions: { | ||
| 100 | handler(val) { | ||
| 101 | if(this.monitor){ | ||
| 102 | this.add(""); | ||
| 103 | this.monitor=false | ||
| 104 | }else{ | ||
| 105 | this.add(val.opinion); | ||
| 106 | } | ||
| 107 | }, | ||
| 108 | deep: true, | ||
| 109 | immediate: true, | ||
| 110 | }, | 79 | }, |
| 111 | }, | 80 | data () { |
| 112 | created() {}, | 81 | return { |
| 113 | mounted() { | 82 | isNoData: false, |
| 114 | this.ableOperation = this.$parent.ableOperation; | 83 | currentindex: 0, |
| 115 | this.getShList(); | 84 | ableOperation: false, |
| 116 | }, | 85 | tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }], |
| 117 | methods: { | 86 | falg: false, |
| 118 | /** | 87 | falg1: false, |
| 119 | * @description: getShList | 88 | monitor: true |
| 120 | * @param {*} obj | ||
| 121 | * @author: renchao | ||
| 122 | */ | ||
| 123 | getShList() { | ||
| 124 | this.$startLoading(); | ||
| 125 | var formdata = { | ||
| 126 | bsmRepair: this.$parent.bsmRepair, | ||
| 127 | }; | 89 | }; |
| 128 | getShList(formdata).then((res) => { | 90 | }, |
| 129 | this.$endLoading(); | 91 | |
| 130 | if (res.code === 200 && res.result) { | 92 | watch: { |
| 131 | if (res.result.length) { | 93 | yjsqOptions: { |
| 132 | this.tableData = res.result; | 94 | handler (val) { |
| 95 | if (this.monitor) { | ||
| 96 | this.add(""); | ||
| 97 | this.monitor = false | ||
| 98 | } else { | ||
| 99 | this.add(val.opinion); | ||
| 133 | } | 100 | } |
| 134 | } | 101 | }, |
| 135 | }); | 102 | deep: true, |
| 103 | immediate: true, | ||
| 104 | }, | ||
| 136 | }, | 105 | }, |
| 137 | /** | 106 | created () { }, |
| 138 | * @description: judgment | 107 | mounted () { |
| 139 | * @param {*} obj | 108 | this.ableOperation = this.$parent.ableOperation; |
| 140 | * @author: renchao | 109 | this.getShList(); |
| 141 | */ | 110 | }, |
| 142 | judgment(obj) {}, | 111 | methods: { |
| 143 | /** | 112 | /** |
| 144 | * @description: onSubmit | 113 | * @description: getShList |
| 145 | * @author: renchao | 114 | * @param {*} obj |
| 146 | */ | 115 | * @author: renchao |
| 147 | onSubmit() { | 116 | */ |
| 148 | if ( | 117 | getShList () { |
| 149 | this.tableData[2].shyj == null || | 118 | this.$startLoading(); |
| 150 | this.tableData[2].shryxm == null || | 119 | var formdata = { |
| 151 | this.tableData[2].shkssj == null || | 120 | bsmRepair: this.$parent.bsmRepair, |
| 152 | this.tableData[2].shyj == "" || | 121 | }; |
| 153 | this.tableData[2].shryxm == "" || | 122 | getShList(formdata).then((res) => { |
| 154 | this.tableData[2].shkssj == "" | 123 | this.$endLoading(); |
| 155 | ) { | 124 | if (res.code === 200 && res.result) { |
| 156 | this.falg = false; | 125 | if (res.result.length) { |
| 157 | this.$message.error("请完善核定意见信息填写"); | 126 | this.tableData = res.result; |
| 158 | } else { | 127 | } |
| 159 | this.falg = true; | 128 | } |
| 160 | if (this.tableData[0].shyj != null && this.tableData[0].shyj != ""|| | 129 | }); |
| 161 | this.tableData[0].shryxm != null && this.tableData[0].shryxm != ""|| | 130 | }, |
| 131 | /** | ||
| 132 | * @description: judgment | ||
| 133 | * @param {*} obj | ||
| 134 | * @author: renchao | ||
| 135 | */ | ||
| 136 | judgment (obj) { }, | ||
| 137 | /** | ||
| 138 | * @description: onSubmit | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | onSubmit () { | ||
| 142 | if ( | ||
| 143 | this.tableData[2].shyj == null || | ||
| 144 | this.tableData[2].shryxm == null || | ||
| 145 | this.tableData[2].shkssj == null || | ||
| 146 | this.tableData[2].shyj == "" || | ||
| 147 | this.tableData[2].shryxm == "" || | ||
| 148 | this.tableData[2].shkssj == "" | ||
| 149 | ) { | ||
| 150 | this.falg = false; | ||
| 151 | this.$message.error("请完善核定意见信息填写"); | ||
| 152 | } else { | ||
| 153 | this.falg = true; | ||
| 154 | if (this.tableData[0].shyj != null && this.tableData[0].shyj != "" || | ||
| 155 | this.tableData[0].shryxm != null && this.tableData[0].shryxm != "" || | ||
| 162 | this.tableData[0].shkssj != null && this.tableData[0].shkssj != "") { | 156 | this.tableData[0].shkssj != null && this.tableData[0].shkssj != "") { |
| 163 | if ( | 157 | if ( |
| 164 | this.tableData[0].shyj == null || | 158 | this.tableData[0].shyj == null || |
| 165 | this.tableData[0].shyj == ""|| | 159 | this.tableData[0].shyj == "" || |
| 166 | this.tableData[0].shryxm == null || | 160 | this.tableData[0].shryxm == null || |
| 167 | this.tableData[0].shryxm == "" || | 161 | this.tableData[0].shryxm == "" || |
| 168 | this.tableData[0].shkssj == null || | 162 | this.tableData[0].shkssj == null || |
| 169 | this.tableData[0].shkssj == "" | 163 | this.tableData[0].shkssj == "" |
| 170 | ) { | 164 | ) { |
| 171 | this.$message.error("请完善初审意见信息填写"); | 165 | this.$message.error("请完善初审意见信息填写"); |
| 172 | this.falg = false; | 166 | this.falg = false; |
| 167 | } else { | ||
| 168 | this.falg = true; | ||
| 169 | } | ||
| 173 | } else { | 170 | } else { |
| 174 | this.falg = true; | 171 | this.falg = true; |
| 175 | } | 172 | } |
| 176 | } else { | 173 | if (this.tableData[1].shyj != null && this.tableData[1].shyj != "" || |
| 177 | this.falg = true; | 174 | this.tableData[1].shryxm != null && this.tableData[1].shryxm != "" || |
| 178 | } | ||
| 179 | if (this.tableData[1].shyj != null && this.tableData[1].shyj != ""|| | ||
| 180 | this.tableData[1].shryxm != null && this.tableData[1].shryxm != ""|| | ||
| 181 | this.tableData[1].shkssj != null && this.tableData[1].shkssj != "") { | 175 | this.tableData[1].shkssj != null && this.tableData[1].shkssj != "") { |
| 182 | if ( | 176 | if ( |
| 183 | this.tableData[1].shyj == null || | 177 | this.tableData[1].shyj == null || |
| 184 | this.tableData[1].shyj == ""|| | 178 | this.tableData[1].shyj == "" || |
| 185 | this.tableData[1].shryxm == null || | 179 | this.tableData[1].shryxm == null || |
| 186 | this.tableData[1].shryxm == "" || | 180 | this.tableData[1].shryxm == "" || |
| 187 | this.tableData[1].shkssj == null || | 181 | this.tableData[1].shkssj == null || |
| 188 | this.tableData[1].shkssj == "" | 182 | this.tableData[1].shkssj == "" |
| 189 | ) { | 183 | ) { |
| 190 | this.$message.error("请完善复审意见信息填写"); | 184 | this.$message.error("请完善复审意见信息填写"); |
| 191 | this.falg1 = false; | 185 | this.falg1 = false; |
| 186 | } else { | ||
| 187 | this.falg1 = true; | ||
| 188 | } | ||
| 192 | } else { | 189 | } else { |
| 193 | this.falg1 = true; | 190 | this.falg1 = true; |
| 194 | } | 191 | } |
| 195 | } else { | ||
| 196 | this.falg1 = true; | ||
| 197 | } | 192 | } |
| 198 | } | ||
| 199 | 193 | ||
| 200 | if (this.falg && this.falg1) { | 194 | if (this.falg && this.falg1) { |
| 201 | this.tableData.forEach((item, index) => { | 195 | this.tableData.forEach((item, index) => { |
| 202 | item["bsmBusiness"] = this.$parent.bsmRepair; | 196 | item["bsmBusiness"] = this.$parent.bsmRepair; |
| 203 | }), | 197 | }), |
| 204 | addidea(this.tableData).then((res) => { | 198 | addidea(this.tableData).then((res) => { |
| 205 | if (res.code === 200) { | 199 | if (res.code === 200) { |
| 206 | this.$message.success("保存成功"); | 200 | this.$message.success("保存成功"); |
| 207 | this.refresh += 1; | 201 | this.refresh += 1; |
| 208 | } else { | 202 | } else { |
| 209 | this.$message.error(res.message); | 203 | this.$message.error(res.message); |
| 210 | } | 204 | } |
| 211 | }); | 205 | }); |
| 212 | } else { | 206 | } else { |
| 213 | return false; | 207 | return false; |
| 214 | } | 208 | } |
| 215 | }, | 209 | }, |
| 216 | //打开常用意见列表弹窗 | 210 | //打开常用意见列表弹窗 |
| 217 | /** | 211 | /** |
| 218 | * @description: 打开常用意见列表弹窗 | 212 | * @description: 打开常用意见列表弹窗 |
| 219 | * @param {*} index | 213 | * @param {*} index |
| 220 | * @author: renchao | 214 | * @author: renchao |
| 221 | */ | 215 | */ |
| 222 | commonOpinion(index) { | 216 | commonOpinion (index) { |
| 223 | this.currentindex = index; | 217 | this.currentindex = index; |
| 224 | this.$popupDialog( | 218 | this.$popupDialog( |
| 225 | "常用意见", | 219 | "常用意见", |
| 226 | "workflow/components/dialog/commonOpinion", | 220 | "workflow/components/dialog/commonOpinion", |
| 227 | {}, | 221 | {}, |
| 228 | "70%", | 222 | "70%", |
| 229 | true | 223 | true |
| 230 | ); | 224 | ); |
| 231 | }, | 225 | }, |
| 232 | /** | 226 | /** |
| 233 | * @description: add | 227 | * @description: add |
| 234 | * @param {*} val | 228 | * @param {*} val |
| 235 | * @author: renchao | 229 | * @author: renchao |
| 236 | */ | 230 | */ |
| 237 | add(val) { | 231 | add (val) { |
| 238 | if (val != "") { | 232 | if (val != "") { |
| 239 | this.$set(this.tableData[this.currentindex], "shyj", val); | 233 | this.$set(this.tableData[this.currentindex], "shyj", val); |
| 240 | } | 234 | } |
| 235 | }, | ||
| 241 | }, | 236 | }, |
| 242 | }, | 237 | }; |
| 243 | }; | ||
| 244 | </script> | 238 | </script> |
| 245 | <style scoped lang="scss"> | 239 | <style scoped lang="scss"> |
| 246 | @import "~@/styles/mixin.scss"; | 240 | @import "~@/styles/mixin.scss"; |
| 247 | 241 | ||
| 248 | .spyj { | 242 | .spyj { |
| 249 | width: 100%; | ||
| 250 | height: 100%; | ||
| 251 | background-color: #f5f5f5; | ||
| 252 | padding: 5px; | ||
| 253 | .box { | ||
| 254 | overflow-x: auto; | ||
| 255 | width: 100%; | 243 | width: 100%; |
| 256 | height: 95%; | 244 | height: 100%; |
| 257 | background: #fff; | 245 | background-color: #f5f5f5; |
| 258 | text-align: center; | 246 | .box { |
| 259 | padding: 4px; | 247 | overflow-x: auto; |
| 260 | overflow-y: scroll; | ||
| 261 | padding-top: 20px; | ||
| 262 | padding: 20px 40px; | ||
| 263 | .spyj_title { | ||
| 264 | width: 100%; | 248 | width: 100%; |
| 265 | height: 80px; | 249 | height: 95%; |
| 266 | border: 1px solid $borderColor; | 250 | background: #fff; |
| 267 | background-color: #eceef2; | 251 | text-align: center; |
| 268 | display: flex; | 252 | padding: 4px; |
| 269 | } | 253 | overflow-y: scroll; |
| 270 | .leftadd { | 254 | padding-top: 20px; |
| 271 | width: 3%; | 255 | padding: 20px 40px; |
| 272 | height: 100%; | 256 | .spyj_title { |
| 273 | display: flex; | 257 | width: 100%; |
| 274 | font-size: 14px; | 258 | height: 80px; |
| 275 | text-indent: 20px; | 259 | border: 1px solid $borderColor; |
| 276 | align-items: center; | 260 | background-color: #eceef2; |
| 277 | border: 1px solid $borderColor; | 261 | display: flex; |
| 278 | } | 262 | } |
| 279 | .righttitle { | 263 | .leftadd { |
| 280 | width: 80%; | 264 | width: 3%; |
| 281 | height: 100%; | 265 | height: 100%; |
| 282 | line-height: 80px; | 266 | display: flex; |
| 283 | border: 1px solid $borderColor; | 267 | font-size: 14px; |
| 284 | margin: auto; | 268 | text-indent: 20px; |
| 285 | font-size: 22px; | 269 | align-items: center; |
| 286 | font-weight: 400; | 270 | border: 1px solid $borderColor; |
| 271 | } | ||
| 272 | .righttitle { | ||
| 273 | width: 80%; | ||
| 274 | height: 100%; | ||
| 275 | line-height: 80px; | ||
| 276 | border: 1px solid $borderColor; | ||
| 277 | margin: auto; | ||
| 278 | font-size: 22px; | ||
| 279 | font-weight: 400; | ||
| 280 | } | ||
| 287 | } | 281 | } |
| 288 | } | ||
| 289 | 282 | ||
| 290 | /deep/.el-form-item { | 283 | /deep/.el-form-item { |
| 291 | margin-bottom: 0; | 284 | margin-bottom: 0; |
| 292 | } | 285 | } |
| 293 | |||
| 294 | .bottom10 { | ||
| 295 | margin-bottom: 15px; | ||
| 296 | } | ||
| 297 | |||
| 298 | .spyj_form { | ||
| 299 | display: flex; | ||
| 300 | border: 1px solid $borderColor; | ||
| 301 | 286 | ||
| 302 | .item_left { | 287 | .bottom10 { |
| 303 | width: 150px; | 288 | margin-bottom: 15px; |
| 304 | background-color: #f8f8fa; | ||
| 305 | color: #606266; | ||
| 306 | display: flex; | ||
| 307 | font-size: 14px; | ||
| 308 | text-indent: 50px; | ||
| 309 | align-items: center; | ||
| 310 | border-right: 1px solid $borderColor; | ||
| 311 | } | 289 | } |
| 312 | 290 | ||
| 313 | .item_right { | 291 | .spyj_form { |
| 314 | flex: 1; | 292 | display: flex; |
| 315 | width: 100%; | 293 | border: 1px solid $borderColor; |
| 316 | 294 | ||
| 317 | /deep/.el-form-item__label { | 295 | .item_left { |
| 296 | width: 150px; | ||
| 318 | background-color: #f8f8fa; | 297 | background-color: #f8f8fa; |
| 298 | color: #606266; | ||
| 299 | display: flex; | ||
| 300 | font-size: 14px; | ||
| 301 | text-indent: 50px; | ||
| 302 | align-items: center; | ||
| 303 | border-right: 1px solid $borderColor; | ||
| 319 | } | 304 | } |
| 320 | /deep/.el-form-item__content { | 305 | |
| 321 | display: block; | 306 | .item_right { |
| 322 | text-align: left; | 307 | flex: 1; |
| 323 | } | 308 | width: 100%; |
| 324 | .opinion_item { | 309 | |
| 325 | /deep/.el-form-item__error { | 310 | /deep/.el-form-item__label { |
| 326 | margin-top: -16px !important; | 311 | background-color: #f8f8fa; |
| 327 | left: 3px; | 312 | } |
| 313 | /deep/.el-form-item__content { | ||
| 314 | display: block; | ||
| 315 | text-align: left; | ||
| 328 | } | 316 | } |
| 317 | .opinion_item { | ||
| 318 | /deep/.el-form-item__error { | ||
| 319 | margin-top: -16px !important; | ||
| 320 | left: 3px; | ||
| 321 | } | ||
| 329 | 322 | ||
| 330 | border-bottom: 1px solid $borderColor; | 323 | border-bottom: 1px solid $borderColor; |
| 331 | } | 324 | } |
| 332 | 325 | ||
| 333 | .opinion { | 326 | .opinion { |
| 334 | position: relative; | 327 | position: relative; |
| 335 | font-size: 14px; | 328 | font-size: 14px; |
| 336 | 329 | ||
| 337 | /deep/.el-textarea__inner { | 330 | /deep/.el-textarea__inner { |
| 338 | border: none; | 331 | border: none; |
| 332 | } | ||
| 339 | } | 333 | } |
| 340 | } | ||
| 341 | 334 | ||
| 342 | .opinion_btn { | 335 | .opinion_btn { |
| 343 | position: absolute; | 336 | position: absolute; |
| 344 | right: 15px; | 337 | right: 15px; |
| 345 | bottom: 10px; | 338 | bottom: 10px; |
| 339 | } | ||
| 346 | } | 340 | } |
| 347 | } | 341 | } |
| 348 | } | ||
| 349 | 342 | ||
| 350 | .submit_button { | 343 | .submit_button { |
| 351 | text-align: center; | 344 | text-align: center; |
| 352 | margin: 15px 0; | 345 | margin: 15px 0; |
| 353 | } | 346 | } |
| 354 | 347 | ||
| 355 | .el-date-editor.el-input { | 348 | .el-date-editor.el-input { |
| 356 | width: 100%; | 349 | width: 100%; |
| 350 | } | ||
| 357 | } | 351 | } |
| 358 | } | ||
| 359 | </style> | 352 | </style> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 | 2 | * @Description:workFramezu.vue组件的方法 头部按钮弹框方法 |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 11:06:44 | 4 | * @LastEditTime: 2023-09-26 14:25:23 |
| 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"; |
| ... | @@ -23,6 +23,8 @@ export default { | ... | @@ -23,6 +23,8 @@ export default { |
| 23 | //是否开启材料分屏 | 23 | //是否开启材料分屏 |
| 24 | splitScreen: false, | 24 | splitScreen: false, |
| 25 | //设置表单组件是否刷选值 | 25 | //设置表单组件是否刷选值 |
| 26 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 27 | bestepid: this.$route.query.bestepid, | ||
| 26 | fresh: 10, | 28 | fresh: 10, |
| 27 | //左侧菜单数据集合 | 29 | //左侧菜单数据集合 |
| 28 | unitData: [], | 30 | unitData: [], |
| ... | @@ -49,9 +51,8 @@ export default { | ... | @@ -49,9 +51,8 @@ export default { |
| 49 | */ | 51 | */ |
| 50 | flowInitParam () { | 52 | flowInitParam () { |
| 51 | var formdata = new FormData(); | 53 | var formdata = new FormData(); |
| 52 | 54 | formdata.append("bsmSlsq", this.bsmSlsq) | |
| 53 | formdata.append("bsmSlsq", this.bsmSlsq); | 55 | formdata.append("bestepid", this.bestepid ? this.bestepid : '') |
| 54 | formdata.append("bestepid", this.bestepid); | ||
| 55 | if (this.type) { | 56 | if (this.type) { |
| 56 | formdata.append("type", "READ_ONLY"); | 57 | formdata.append("type", "READ_ONLY"); |
| 57 | } | 58 | } |
| ... | @@ -73,7 +74,6 @@ export default { | ... | @@ -73,7 +74,6 @@ export default { |
| 73 | } | 74 | } |
| 74 | }) | 75 | }) |
| 75 | }, | 76 | }, |
| 76 | //流程环节操作按钮 | ||
| 77 | /** | 77 | /** |
| 78 | * @description: 流程环节操作按钮 | 78 | * @description: 流程环节操作按钮 |
| 79 | * @param {*} item | 79 | * @param {*} item |
| ... | @@ -91,7 +91,7 @@ export default { | ... | @@ -91,7 +91,7 @@ export default { |
| 91 | }) | 91 | }) |
| 92 | break; | 92 | break; |
| 93 | case "B1": | 93 | case "B1": |
| 94 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | 94 | getWorkFlowImage(this.bsmSlsq, this.bestepid ? this.bestepid : '').then(res => { |
| 95 | let { result } = res | 95 | let { result } = res |
| 96 | this.$popupDialog("流程图", "workflow/components/processViewer", { | 96 | this.$popupDialog("流程图", "workflow/components/processViewer", { |
| 97 | xml: result.xml, | 97 | xml: result.xml, |
| ... | @@ -178,13 +178,13 @@ export default { | ... | @@ -178,13 +178,13 @@ export default { |
| 178 | case "back": //退回按钮 | 178 | case "back": //退回按钮 |
| 179 | this.$popupDialog("退回", "workflow/components/th", { | 179 | this.$popupDialog("退回", "workflow/components/th", { |
| 180 | bsmSlsq: this.bsmSlsq, | 180 | bsmSlsq: this.bsmSlsq, |
| 181 | bestepid: this.bestepid | 181 | bestepid: this.bestepid ? this.bestepid : '' |
| 182 | }, '800px', true) | 182 | }, '800px', true) |
| 183 | break; | 183 | break; |
| 184 | case "transfer": //转件按钮 | 184 | case "transfer": //转件按钮 |
| 185 | getNextLinkInfo({ | 185 | getNextLinkInfo({ |
| 186 | bsmSlsq: this.bsmSlsq, | 186 | bsmSlsq: this.bsmSlsq, |
| 187 | bestepid: this.bestepid, | 187 | bestepid: this.bestepid ? this.bestepid : '' |
| 188 | }).then((res) => { | 188 | }).then((res) => { |
| 189 | if (res.code === 200) { | 189 | if (res.code === 200) { |
| 190 | if (res.result) { | 190 | if (res.result) { |
| ... | @@ -198,18 +198,18 @@ export default { | ... | @@ -198,18 +198,18 @@ export default { |
| 198 | case "stop": //终止按钮 | 198 | case "stop": //终止按钮 |
| 199 | this.$popupDialog("终止", "workflow/components/stop", { | 199 | this.$popupDialog("终止", "workflow/components/stop", { |
| 200 | bsmSlsq: this.bsmSlsq, | 200 | bsmSlsq: this.bsmSlsq, |
| 201 | bestepid: this.bestepid, | 201 | bestepid: this.bestepid ? this.bestepid : '' |
| 202 | }, '600px', true) | 202 | }, '600px', true) |
| 203 | break; | 203 | break; |
| 204 | case "signout": | 204 | case "signout": |
| 205 | window.close(); | 205 | window.close(); |
| 206 | //取消认领 | 206 | //取消认领 |
| 207 | unClaimTask(this.bsmSlsq, this.bestepid) | 207 | unClaimTask(this.bsmSlsq, this.bestepid ? this.bestepid : '') |
| 208 | break; | 208 | break; |
| 209 | case "B9": | 209 | case "B9": |
| 210 | var formdata = new FormData(); | 210 | var formdata = new FormData(); |
| 211 | formdata.append("bsmSlsq", this.bsmSlsq); | 211 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 212 | formdata.append("bestepid", this.bestepid); | 212 | formdata.append("bestepid", this.bestepid ? this.bestepid : ''); |
| 213 | this.$confirm("请确认是否登簿", "提示", { | 213 | this.$confirm("请确认是否登簿", "提示", { |
| 214 | iconClass: "el-icon-question", //自定义图标样式 | 214 | iconClass: "el-icon-question", //自定义图标样式 |
| 215 | confirmButtonText: "确认", //确认按钮文字更换 | 215 | confirmButtonText: "确认", //确认按钮文字更换 |
| ... | @@ -271,7 +271,6 @@ export default { | ... | @@ -271,7 +271,6 @@ export default { |
| 271 | }); | 271 | }); |
| 272 | }); | 272 | }); |
| 273 | }, | 273 | }, |
| 274 | //发送下一个环节 | ||
| 275 | /** | 274 | /** |
| 276 | * @description: 发送下一个环节 | 275 | * @description: 发送下一个环节 |
| 277 | * @param {*} obj | 276 | * @param {*} obj |
| ... | @@ -285,7 +284,6 @@ export default { | ... | @@ -285,7 +284,6 @@ export default { |
| 285 | tshowidea: this.showidea | 284 | tshowidea: this.showidea |
| 286 | }, '600px', true) | 285 | }, '600px', true) |
| 287 | }, | 286 | }, |
| 288 | //转出最后一个流程 | ||
| 289 | /** | 287 | /** |
| 290 | * @description: 转出最后一个流程 | 288 | * @description: 转出最后一个流程 |
| 291 | * @author: renchao | 289 | * @author: renchao |
| ... | @@ -299,8 +297,6 @@ export default { | ... | @@ -299,8 +297,6 @@ export default { |
| 299 | 297 | ||
| 300 | }, '600px', true) | 298 | }, '600px', true) |
| 301 | }, | 299 | }, |
| 302 | |||
| 303 | //批量操作 | ||
| 304 | /** | 300 | /** |
| 305 | * @description: 批量操作 | 301 | * @description: 批量操作 |
| 306 | * @author: renchao | 302 | * @author: renchao |
| ... | @@ -332,10 +328,8 @@ export default { | ... | @@ -332,10 +328,8 @@ export default { |
| 332 | } | 328 | } |
| 333 | }) | 329 | }) |
| 334 | }, | 330 | }, |
| 335 | // 上传 | ||
| 336 | /** | 331 | /** |
| 337 | * @description: 上传 | 332 | * @description: 上传 |
| 338 | * @param {*} file | ||
| 339 | * @author: renchao | 333 | * @author: renchao |
| 340 | */ | 334 | */ |
| 341 | beforeUpload (file) { | 335 | beforeUpload (file) { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 09:27:14 | 4 | * @LastEditTime: 2023-09-21 14:57:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -73,8 +73,6 @@ | ... | @@ -73,8 +73,6 @@ |
| 73 | import { getForm } from "./flowform"; | 73 | import { getForm } from "./flowform"; |
| 74 | import { getStepFormInfo } from "@/api/workFlow.js"; | 74 | import { getStepFormInfo } from "@/api/workFlow.js"; |
| 75 | import NoticeBar from "@/components/NoticeBar/index"; | 75 | import NoticeBar from "@/components/NoticeBar/index"; |
| 76 | // import ProcessViewer from "./components/processViewer.vue"; | ||
| 77 | |||
| 78 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 76 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 79 | import qllxDailog from "./djbBook/components/qllxDailog"; | 77 | import qllxDailog from "./djbBook/components/qllxDailog"; |
| 80 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 78 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
| ... | @@ -128,9 +126,6 @@ | ... | @@ -128,9 +126,6 @@ |
| 128 | ableOperation: false, | 126 | ableOperation: false, |
| 129 | }; | 127 | }; |
| 130 | }, | 128 | }, |
| 131 | mounted () { | ||
| 132 | // this.getleftMenubl() | ||
| 133 | }, | ||
| 134 | methods: { | 129 | methods: { |
| 135 | /** | 130 | /** |
| 136 | * @description: stepForm | 131 | * @description: stepForm |
| ... | @@ -155,10 +150,10 @@ | ... | @@ -155,10 +150,10 @@ |
| 155 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | 150 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
| 156 | that.clxxTab = item; | 151 | that.clxxTab = item; |
| 157 | } | 152 | } |
| 158 | }); | 153 | }) |
| 159 | } | 154 | } |
| 160 | }); | 155 | }) |
| 161 | }); | 156 | }) |
| 162 | } | 157 | } |
| 163 | }, | 158 | }, |
| 164 | /** | 159 | /** |
| ... | @@ -226,7 +221,6 @@ | ... | @@ -226,7 +221,6 @@ |
| 226 | if (p) { | 221 | if (p) { |
| 227 | this.ableOperation = this.tabList[a.index].ableOperation; | 222 | this.ableOperation = this.tabList[a.index].ableOperation; |
| 228 | } | 223 | } |
| 229 | |||
| 230 | }, | 224 | }, |
| 231 | /** | 225 | /** |
| 232 | * @description: 右侧表单选项卡事件 | 226 | * @description: 右侧表单选项卡事件 |
| ... | @@ -285,13 +279,13 @@ | ... | @@ -285,13 +279,13 @@ |
| 285 | } else { | 279 | } else { |
| 286 | this.$alert(res.message, "提示", { | 280 | this.$alert(res.message, "提示", { |
| 287 | confirmButtonText: "确定", | 281 | confirmButtonText: "确定", |
| 288 | type: "warning", | 282 | type: "warning" |
| 289 | }); | 283 | }) |
| 290 | } | 284 | } |
| 291 | }) | 285 | }) |
| 292 | .catch((res) => { | 286 | .catch((res) => { |
| 293 | console.log("错", res); | 287 | console.log("错", res) |
| 294 | }); | 288 | }) |
| 295 | } | 289 | } |
| 296 | } | 290 | } |
| 297 | } | 291 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-24 15:31:00 | 4 | * @LastEditTime: 2023-09-26 15:30:36 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
| 12 | <li | 12 | <li |
| 13 | @click="operation(item)" | 13 | @click="operation(item)" |
| 14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
| 15 | :key="index" | 15 | :key="index"> |
| 16 | > | ||
| 17 | <svg-icon class="icon" :icon-class="item.icon" /> | 16 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 18 | <span class="iconName">{{ item.name }}</span> | 17 | <span class="iconName">{{ item.name }}</span> |
| 19 | </li> | 18 | </li> |
| ... | @@ -22,8 +21,7 @@ | ... | @@ -22,8 +21,7 @@ |
| 22 | <li | 21 | <li |
| 23 | @click="operation(item)" | 22 | @click="operation(item)" |
| 24 | v-for="(item, index) in rightButtonList" | 23 | v-for="(item, index) in rightButtonList" |
| 25 | :key="index" | 24 | :key="index"> |
| 26 | > | ||
| 27 | <svg-icon class="icon" :icon-class="item.icon" /> | 25 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 28 | <span class="iconName">{{ item.name }}</span> | 26 | <span class="iconName">{{ item.name }}</span> |
| 29 | </li> | 27 | </li> |
| ... | @@ -48,21 +46,18 @@ | ... | @@ -48,21 +46,18 @@ |
| 48 | <el-tabs | 46 | <el-tabs |
| 49 | v-model="tabName" | 47 | v-model="tabName" |
| 50 | :before-leave="beforeLeave" | 48 | :before-leave="beforeLeave" |
| 51 | @tab-click="handleClick" | 49 | @tab-click="handleClick"> |
| 52 | > | ||
| 53 | <el-tab-pane | 50 | <el-tab-pane |
| 54 | :label="item.name" | 51 | :label="item.name" |
| 55 | :name="item.value" | 52 | :name="item.value" |
| 56 | v-for="item in tabList" | 53 | v-for="item in tabList" |
| 57 | :key="item.value" | 54 | :key="item.value"> |
| 58 | > | ||
| 59 | </el-tab-pane> | 55 | </el-tab-pane> |
| 60 | </el-tabs> | 56 | </el-tabs> |
| 61 | <component | 57 | <component |
| 62 | :key="fresh" | 58 | :key="fresh" |
| 63 | :is="componentTag" | 59 | :is="componentTag" |
| 64 | v-bind="currentSelectProps" | 60 | v-bind="currentSelectProps" /> |
| 65 | /> | ||
| 66 | </div> | 61 | </div> |
| 67 | </div> | 62 | </div> |
| 68 | </div> | 63 | </div> |
| ... | @@ -71,231 +66,230 @@ | ... | @@ -71,231 +66,230 @@ |
| 71 | </div> | 66 | </div> |
| 72 | </template> | 67 | </template> |
| 73 | <style scoped lang="scss"> | 68 | <style scoped lang="scss"> |
| 74 | @import "~@/styles/mixin.scss"; | 69 | @import "~@/styles/mixin.scss"; |
| 75 | @import "./workFrame.scss"; | 70 | @import "./workFrame.scss"; |
| 76 | </style> | 71 | </style> |
| 77 | <script> | 72 | <script> |
| 78 | import WorkFlow from "./mixin/index"; | 73 | import WorkFlow from "./mixin/index"; |
| 79 | import { getForm } from "./flowform"; | 74 | import { getForm } from "./flowform"; |
| 80 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; | 75 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; |
| 81 | import NoticeBar from "@/components/NoticeBar/index"; | 76 | import NoticeBar from "@/components/NoticeBar/index"; |
| 82 | // import ProcessViewer from "./components/processViewer.vue"; | 77 | // import ProcessViewer from "./components/processViewer.vue"; |
| 83 | // 引入左侧菜单 | 78 | // 引入左侧菜单 |
| 84 | import { leftMenubl } from "@/api/djbRepair.js"; | 79 | import { leftMenubl } from "@/api/djbRepair.js"; |
| 85 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 80 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
| 86 | import qllxDailog from "./djbBook/components/qllxDailog"; | 81 | import qllxDailog from "./djbBook/components/qllxDailog"; |
| 87 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 82 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
| 88 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 83 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
| 89 | // 登记簿数据信息 | 84 | // 登记簿数据信息 |
| 90 | import { addRepairRecord } from "@/api/djbRepair.js"; | 85 | import { addRepairRecord } from "@/api/djbRepair.js"; |
| 91 | 86 | ||
| 92 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 87 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
| 93 | export default { | 88 | export default { |
| 94 | components: { | 89 | components: { |
| 95 | selectBdc, | 90 | selectBdc, |
| 96 | NoticeBar, | 91 | NoticeBar, |
| 97 | ordinaryMenu, | 92 | ordinaryMenu, |
| 98 | qllxDailog, | 93 | qllxDailog, |
| 99 | }, | ||
| 100 | mixins: [WorkFlow], | ||
| 101 | data() { | ||
| 102 | return { | ||
| 103 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 104 | bestepid: this.$route.query.bestepid, | ||
| 105 | bsmBusiness: this.$route.query.bsmBusiness, | ||
| 106 | //设置那个表单选中 | ||
| 107 | tabName: "", | ||
| 108 | // 弹框显示 | ||
| 109 | dialogVisible: true, | ||
| 110 | isEdit: false, | ||
| 111 | //表单集合 | ||
| 112 | tabList: [], | ||
| 113 | type: "READ_ONLY", | ||
| 114 | //选择加载哪一个组件 | ||
| 115 | componentTag: "", | ||
| 116 | //设置表单传递数据 | ||
| 117 | currentSelectProps: {}, | ||
| 118 | // 首次拿到的业务信息 | ||
| 119 | oneSelectProps: {}, | ||
| 120 | //材料信息选择卡索引 | ||
| 121 | oneget: true, | ||
| 122 | //页面监听时间 | ||
| 123 | _beforeUnload_time: "", | ||
| 124 | treedata: {}, | ||
| 125 | bsmRepair: "", | ||
| 126 | tabdata: [], | ||
| 127 | defaultNode: {}, | ||
| 128 | ableOperation: false, | ||
| 129 | }; | ||
| 130 | }, | ||
| 131 | mounted() { | ||
| 132 | // this.getleftMenubl() | ||
| 133 | }, | ||
| 134 | |||
| 135 | methods: { | ||
| 136 | /** | ||
| 137 | * @description: stepForm | ||
| 138 | * @param {*} qllx | ||
| 139 | * @author: renchao | ||
| 140 | */ | ||
| 141 | stepForm(qllx) { | ||
| 142 | this.oneSelectProps.qllx = qllx; | ||
| 143 | if (this.$refs.Menu.supplementarylist.length) { | ||
| 144 | this.oneSelectProps.type = this.type; | ||
| 145 | getBlYbxStepFormInfo(this.oneSelectProps).then((res) => { | ||
| 146 | this.$nextTick(function () { | ||
| 147 | this.tabList = res.result; | ||
| 148 | this.tabName = this.tabList[0].value; | ||
| 149 | this.ableOperation = this.tabList[0].ableOperation; | ||
| 150 | this.getFromRouter(this.tabName); | ||
| 151 | }); | ||
| 152 | }); | ||
| 153 | } | ||
| 154 | }, | 94 | }, |
| 155 | // 获取右侧选项卡 | 95 | mixins: [WorkFlow], |
| 156 | /** | 96 | data () { |
| 157 | * @description: 获取右侧选项卡 | 97 | return { |
| 158 | * @param {*} val | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
| 159 | * @author: renchao | 99 | bestepid: this.$route.query.bestepid, |
| 160 | */ | 100 | bsmBusiness: this.$route.query.bsmBusiness, |
| 161 | getCurrentSelectProps(val) { | 101 | //设置那个表单选中 |
| 162 | this.bsmRepair = val.bsmRepair; | 102 | tabName: "", |
| 163 | if (val.bdcdyid) { | 103 | // 弹框显示 |
| 164 | this.oneSelectProps = val; | 104 | dialogVisible: true, |
| 165 | } | 105 | isEdit: false, |
| 166 | this.currentSelectProps = val; | 106 | //表单集合 |
| 167 | if (this.currentSelectProps.bsmRepair) { | 107 | tabList: [], |
| 168 | this.stepForm(this.currentSelectProps.qllx); | 108 | type: "READ_ONLY", |
| 169 | } else if (!this.oneget) { | 109 | //选择加载哪一个组件 |
| 170 | this.getdjblist(); | 110 | componentTag: "", |
| 171 | } | 111 | //设置表单传递数据 |
| 172 | if (this.oneget) { | 112 | currentSelectProps: {}, |
| 173 | this.oneget = false; | 113 | // 首次拿到的业务信息 |
| 174 | this.stepForm(this.currentSelectProps.qllx); | 114 | oneSelectProps: {}, |
| 175 | } | 115 | //材料信息选择卡索引 |
| 116 | oneget: true, | ||
| 117 | //页面监听时间 | ||
| 118 | _beforeUnload_time: "", | ||
| 119 | treedata: {}, | ||
| 120 | bsmRepair: "", | ||
| 121 | tabdata: [], | ||
| 122 | defaultNode: {}, | ||
| 123 | ableOperation: false, | ||
| 124 | }; | ||
| 125 | }, | ||
| 126 | mounted () { | ||
| 127 | // this.getleftMenubl() | ||
| 176 | }, | 128 | }, |
| 177 | // 获取渲染登记簿列表 | 129 | |
| 178 | /** | 130 | methods: { |
| 179 | * @description: 获取渲染登记簿列表 | 131 | /** |
| 180 | * @author: renchao | 132 | * @description: stepForm |
| 181 | */ | 133 | * @param {*} qllx |
| 182 | getdjblist() { | 134 | * @author: renchao |
| 183 | getBdcqljqtsx({ | 135 | */ |
| 184 | bdcdyid: this.currentSelectProps.bdcdyid, | 136 | stepForm (qllx) { |
| 185 | bdcdyh: this.currentSelectProps.bdcdyh, | 137 | this.oneSelectProps.qllx = qllx; |
| 186 | }).then((res) => { | 138 | if (this.$refs.Menu.supplementarylist.length) { |
| 187 | if (res.code === 200) { | 139 | this.oneSelectProps.type = this.type; |
| 188 | this.treedata = loadTreeData(res.result, this.bdcdyh); | 140 | getBlYbxStepFormInfo(this.oneSelectProps).then((res) => { |
| 189 | this.$nextTick(function () { | 141 | this.$nextTick(function () { |
| 190 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | 142 | this.tabList = res.result; |
| 191 | linShi: 0, | 143 | this.tabName = this.tabList[0].value; |
| 192 | xianShi: 0, | 144 | this.ableOperation = this.tabList[0].ableOperation; |
| 193 | liShi: 0, | 145 | this.getFromRouter(this.tabName); |
| 194 | }); | 146 | }); |
| 195 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 196 | }); | 147 | }); |
| 197 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
| 198 | this.tabdata = [ | ||
| 199 | ...settree, | ||
| 200 | ...settree[1].children[0].children[0].children, | ||
| 201 | ]; | ||
| 202 | this.tabdata.forEach((item, index, arr) => { | ||
| 203 | arr[index].name = item.label; | ||
| 204 | arr[index].value = item.id; | ||
| 205 | }); | ||
| 206 | this.tabList = this.tabdata; | ||
| 207 | } | 148 | } |
| 208 | }); | 149 | }, |
| 209 | }, | 150 | /** |
| 210 | //选项卡切换事件 | 151 | * @description: 获取右侧选项卡 |
| 211 | /** | 152 | * @param {*} val |
| 212 | * @description: 右侧表单选项卡事件 | 153 | * @author: renchao |
| 213 | * @param {*} handleClick | 154 | */ |
| 214 | * @author: renchao | 155 | getCurrentSelectProps (val) { |
| 215 | */ | 156 | this.bsmRepair = val.bsmRepair; |
| 216 | handleClick(a) { | 157 | if (val.bdcdyid) { |
| 217 | let p = Object.keys(this.tabList[0]).filter( | 158 | this.oneSelectProps = val; |
| 218 | (item) => item == "ableOperation" | 159 | } |
| 219 | ); | 160 | this.currentSelectProps = val; |
| 220 | if (p) { | 161 | if (this.currentSelectProps.bsmRepair) { |
| 221 | this.ableOperation = this.tabList[a.index].ableOperation; | 162 | this.stepForm(this.currentSelectProps.qllx); |
| 222 | } | 163 | } else if (!this.oneget) { |
| 223 | }, | 164 | this.getdjblist(); |
| 224 | //右侧表单选项卡事件 | 165 | } |
| 225 | /** | 166 | if (this.oneget) { |
| 226 | * @description: 右侧表单选项卡事件 | 167 | this.oneget = false; |
| 227 | * @param {*} activeName | 168 | this.stepForm(this.currentSelectProps.qllx); |
| 228 | * @author: renchao | ||
| 229 | */ | ||
| 230 | beforeLeave(activeName) { | ||
| 231 | if (activeName && activeName != 0) this.getFromRouter(activeName); | ||
| 232 | }, | ||
| 233 | //切换选项卡内容组件 | ||
| 234 | /** | ||
| 235 | * @description: 切换选项卡内容组件 | ||
| 236 | * @param {*} tabname | ||
| 237 | * @author: renchao | ||
| 238 | */ | ||
| 239 | getFromRouter(tabname) { | ||
| 240 | this.componentTag = getForm(tabname); | ||
| 241 | }, | ||
| 242 | /** | ||
| 243 | * @description: closefp | ||
| 244 | * @author: renchao | ||
| 245 | */ | ||
| 246 | closefp() { | ||
| 247 | this.splitScreen = this.splitScreen ? false : true; | ||
| 248 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
| 249 | this.getFromRouter(this.tabList[0].value); | ||
| 250 | this.clxxForm = getForm(this.tabList[1].value); | ||
| 251 | }, | ||
| 252 | // 增加补录记录 | ||
| 253 | /** | ||
| 254 | * @description: 增加补录记录 | ||
| 255 | * @param {*} row | ||
| 256 | * @param {*} del | ||
| 257 | * @author: renchao | ||
| 258 | */ | ||
| 259 | addRepairRecord(row, del) { | ||
| 260 | let from = { | ||
| 261 | bsmQlxx: "", | ||
| 262 | bsmSlsq: this.bsmSlsq, | ||
| 263 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 264 | operate: "C", | ||
| 265 | qllx: "", | ||
| 266 | }; | ||
| 267 | if (row) { | ||
| 268 | from.bsmQlxx = row.bsmQlxx; | ||
| 269 | if (del) { | ||
| 270 | from.operate = del; | ||
| 271 | } else { | ||
| 272 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 273 | } | 169 | } |
| 274 | from.qllx = row.qllx; | 170 | }, |
| 275 | } | 171 | // 获取渲染登记簿列表 |
| 276 | addRepairRecord(from) | 172 | /** |
| 277 | .then((res) => { | 173 | * @description: 获取渲染登记簿列表 |
| 278 | if (res.code == "200") { | 174 | * @author: renchao |
| 279 | this.$refs.qllxlist.dialogVisible = false; | 175 | */ |
| 280 | this.$nextTick(() => { | 176 | getdjblist () { |
| 281 | this.$refs.Menu.getleftMenubl(res.result); | 177 | getBdcqljqtsx({ |
| 282 | this.$message({ | 178 | bdcdyid: this.currentSelectProps.bdcdyid, |
| 283 | type: "success", | 179 | bdcdyh: this.currentSelectProps.bdcdyh, |
| 284 | message: "补录成功!", | 180 | }).then((res) => { |
| 181 | if (res.code === 200) { | ||
| 182 | this.treedata = loadTreeData(res.result, this.bdcdyh); | ||
| 183 | this.$nextTick(function () { | ||
| 184 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
| 185 | linShi: 0, | ||
| 186 | xianShi: 0, | ||
| 187 | liShi: 0, | ||
| 285 | }); | 188 | }); |
| 189 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
| 286 | }); | 190 | }); |
| 287 | } else { | 191 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
| 288 | this.$alert(res.message, "提示", { | 192 | this.tabdata = [ |
| 289 | confirmButtonText: "确定", | 193 | ...settree, |
| 290 | type: "warning", | 194 | ...settree[1].children[0].children[0].children, |
| 195 | ]; | ||
| 196 | this.tabdata.forEach((item, index, arr) => { | ||
| 197 | arr[index].name = item.label; | ||
| 198 | arr[index].value = item.id; | ||
| 291 | }); | 199 | }); |
| 200 | this.tabList = this.tabdata; | ||
| 292 | } | 201 | } |
| 293 | }) | ||
| 294 | .catch((res) => { | ||
| 295 | console.log("错", res); | ||
| 296 | }); | 202 | }); |
| 203 | }, | ||
| 204 | //选项卡切换事件 | ||
| 205 | /** | ||
| 206 | * @description: 右侧表单选项卡事件 | ||
| 207 | * @param {*} handleClick | ||
| 208 | * @author: renchao | ||
| 209 | */ | ||
| 210 | handleClick (a) { | ||
| 211 | let p = Object.keys(this.tabList[0]).filter( | ||
| 212 | (item) => item == "ableOperation" | ||
| 213 | ); | ||
| 214 | if (p) { | ||
| 215 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
| 216 | } | ||
| 217 | }, | ||
| 218 | //右侧表单选项卡事件 | ||
| 219 | /** | ||
| 220 | * @description: 右侧表单选项卡事件 | ||
| 221 | * @param {*} activeName | ||
| 222 | * @author: renchao | ||
| 223 | */ | ||
| 224 | beforeLeave (activeName) { | ||
| 225 | if (activeName && activeName != 0) this.getFromRouter(activeName); | ||
| 226 | }, | ||
| 227 | //切换选项卡内容组件 | ||
| 228 | /** | ||
| 229 | * @description: 切换选项卡内容组件 | ||
| 230 | * @param {*} tabname | ||
| 231 | * @author: renchao | ||
| 232 | */ | ||
| 233 | getFromRouter (tabname) { | ||
| 234 | this.componentTag = getForm(tabname); | ||
| 235 | }, | ||
| 236 | /** | ||
| 237 | * @description: closefp | ||
| 238 | * @author: renchao | ||
| 239 | */ | ||
| 240 | closefp () { | ||
| 241 | this.splitScreen = this.splitScreen ? false : true; | ||
| 242 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | ||
| 243 | this.getFromRouter(this.tabList[0].value); | ||
| 244 | this.clxxForm = getForm(this.tabList[1].value); | ||
| 245 | }, | ||
| 246 | // 增加补录记录 | ||
| 247 | /** | ||
| 248 | * @description: 增加补录记录 | ||
| 249 | * @param {*} row | ||
| 250 | * @param {*} del | ||
| 251 | * @author: renchao | ||
| 252 | */ | ||
| 253 | addRepairRecord (row, del) { | ||
| 254 | let from = { | ||
| 255 | bsmQlxx: "", | ||
| 256 | bsmSlsq: this.bsmSlsq, | ||
| 257 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
| 258 | operate: "C", | ||
| 259 | qllx: "", | ||
| 260 | }; | ||
| 261 | if (row) { | ||
| 262 | from.bsmQlxx = row.bsmQlxx; | ||
| 263 | if (del) { | ||
| 264 | from.operate = del; | ||
| 265 | } else { | ||
| 266 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 267 | } | ||
| 268 | from.qllx = row.qllx; | ||
| 269 | } | ||
| 270 | addRepairRecord(from) | ||
| 271 | .then((res) => { | ||
| 272 | if (res.code == "200") { | ||
| 273 | this.$refs.qllxlist.dialogVisible = false; | ||
| 274 | this.$nextTick(() => { | ||
| 275 | this.$refs.Menu.getleftMenubl(res.result); | ||
| 276 | this.$message({ | ||
| 277 | type: "success", | ||
| 278 | message: "补录成功!", | ||
| 279 | }); | ||
| 280 | }); | ||
| 281 | } else { | ||
| 282 | this.$alert(res.message, "提示", { | ||
| 283 | confirmButtonText: "确定", | ||
| 284 | type: "warning", | ||
| 285 | }); | ||
| 286 | } | ||
| 287 | }) | ||
| 288 | .catch((res) => { | ||
| 289 | console.log("错", res); | ||
| 290 | }); | ||
| 291 | }, | ||
| 297 | }, | 292 | }, |
| 298 | }, | 293 | }; |
| 299 | }; | ||
| 300 | </script> | 294 | </script> |
| 301 | <style scoped lang="scss"></style> | 295 | <style scoped lang="scss"></style> | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="all"> | 2 | <div class="all"> |
| 3 | <div class="tbalede"> | 3 | <div class="tbalede"> |
| 4 | <div class="title"> | 4 | <div class="title"> |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | </div> | 6 | </div> |
| 7 | <table class="xxTable"> | 7 | <table class="xxTable"> |
| 8 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 8 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 9 | <td> | 9 | <td> |
| 10 | {{ item.label }} | 10 | {{ item.label }} |
| 11 | </td> | 11 | </td> |
| 12 | <td v-for="(row, index) in tableData" :key="index"> | 12 | <td v-for="(row, index) in tableData" :key="index"> |
| 13 | <span> | 13 | <span> |
| 14 | {{ getQsztName(row[item.prop]) }} | 14 | {{ getQsztName(row[item.prop]) }} |
| 15 | </span> | 15 | </span> |
| 16 | <span v-if="['djyy','fj'].includes(item.prop)"> | 16 | <span v-if="['djyy','fj'].includes(item.prop)"> |
| 17 | {{ row[item.prop] }} | 17 | {{ row[item.prop] }} |
| 18 | </span> | 18 | </span> |
| 19 | 19 | ||
| 20 | <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> | 20 | <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> |
| 21 | {{ row[item.prop] }} | 21 | {{ row[item.prop] }} |
| 22 | </span> | 22 | </span> |
| 23 | <div v-if="judge(item.label)"> | 23 | <div v-if="judge(item.label)"> |
| 24 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | 24 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> |
| 25 | {{ label[item.prop] }} | 25 | {{ label[item.prop] }} |
| 26 | </div> | ||
| 27 | </div> | 26 | </div> |
| 28 | </td> | 27 | </div> |
| 29 | <td v-for="count in emptycolNum" :key="~count"></td> | 28 | </td> |
| 30 | </tr> | 29 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 30 | </tr> | ||
| 31 | </table> | 31 | </table> |
| 32 | </div> | 32 | </div> |
| 33 | <div class="tbalede"> | 33 | <div class="tbalede"> |
| 34 | <div class="title"> | 34 | <div class="title"> |
| 35 | {{ title }} | 35 | {{ title }} |
| 36 | </div> | 36 | </div> |
| 37 | <table class="xxTable"> | 37 | <table class="xxTable"> |
| 38 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 38 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 39 | <td> | 39 | <td> |
| 40 | {{ item.label }} | 40 | {{ item.label }} |
| 41 | </td> | 41 | </td> |
| 42 | <td v-for="(row, index) in tableData" :key="index"> | 42 | <td v-for="(row, index) in tableData" :key="index"> |
| 43 | <span class="ooo" v-if="item.prop == 'qszt'"> | 43 | <span class="ooo" v-if="item.prop == 'qszt'"> |
| 44 | {{ getQsztName(row[item.prop]) }} | 44 | {{ getQsztName(row[item.prop]) }} |
| 45 | </span> | 45 | </span> |
| 46 | |||
| 47 | <el-tooltip v-if="['djyy','fj'].includes(item.prop)" > | ||
| 48 | <span> | ||
| 49 | {{ row[item.prop] }} | ||
| 50 | </span> | ||
| 51 | </el-tooltip> | ||
| 52 | 46 | ||
| 53 | <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> | 47 | <el-tooltip v-if="['djyy','fj'].includes(item.prop)"> |
| 48 | <span> | ||
| 54 | {{ row[item.prop] }} | 49 | {{ row[item.prop] }} |
| 55 | </span> | 50 | </span> |
| 56 | <div v-if="judge(item.label)"> | 51 | </el-tooltip> |
| 57 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | 52 | |
| 58 | {{ label[item.prop] }} | 53 | <span v-if="(item.prop !== 'qszt' && item.prop !== 'djyy'&& item.prop !== 'fj') && !judge(item.label)"> |
| 59 | </div> | 54 | {{ row[item.prop] }} |
| 55 | </span> | ||
| 56 | <div v-if="judge(item.label)"> | ||
| 57 | <div v-for="(label, index) in row.djQlxxFdcqxmDoList" :key="index"> | ||
| 58 | {{ label[item.prop] }} | ||
| 60 | </div> | 59 | </div> |
| 61 | </td> | 60 | </div> |
| 62 | <td v-for="count in emptycolNum" :key="~count"></td> | 61 | </td> |
| 63 | </tr> | 62 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 64 | </table> | 63 | </tr> |
| 64 | </table> | ||
| 65 | </div> | ||
| 65 | </div> | 66 | </div> |
| 66 | </div> | ||
| 67 | </template> | 67 | </template> |
| 68 | 68 | ||
| 69 | <script> | 69 | <script> |
| ... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
| 77 | qsztList: datas.columns().qsztList, | 77 | qsztList: datas.columns().qsztList, |
| 78 | checkList: datas.columns().checkList, | 78 | checkList: datas.columns().checkList, |
| 79 | //传递参数 | 79 | //传递参数 |
| 80 | bdcdyid: this.$route.query.bdcdyid, | 80 | bdcdyid: this.$route.query.bdcdyid, |
| 81 | qllx: this.$route.query.qllx, | 81 | qllx: this.$route.query.qllx, |
| 82 | //列表数据 | 82 | //列表数据 |
| 83 | tableData: [], | 83 | tableData: [], |
| ... | @@ -110,7 +110,7 @@ | ... | @@ -110,7 +110,7 @@ |
| 110 | if (res.code === 200) { | 110 | if (res.code === 200) { |
| 111 | this.tableData = res.result; | 111 | this.tableData = res.result; |
| 112 | this.tableData.forEach(item => { | 112 | this.tableData.forEach(item => { |
| 113 | this.tableData.push(item) | 113 | this.tableData.push(item) |
| 114 | item.sjlx = getSjlx(item.sjlx) | 114 | item.sjlx = getSjlx(item.sjlx) |
| 115 | 115 | ||
| 116 | }) | 116 | }) |
| ... | @@ -195,129 +195,123 @@ | ... | @@ -195,129 +195,123 @@ |
| 195 | 195 | ||
| 196 | <style lang="scss" scoped> | 196 | <style lang="scss" scoped> |
| 197 | .all { | 197 | .all { |
| 198 | width: 794px; | 198 | width: 794px; |
| 199 | height: 100%; | 199 | height: 100%; |
| 200 | margin: auto; | 200 | margin: auto; |
| 201 | background-color: rgb(255, 255, 255); | 201 | background-color: rgb(255, 255, 255); |
| 202 | overflow: hidden | 202 | overflow: hidden; |
| 203 | } | 203 | } |
| 204 | .tbalede { | 204 | .tbalede { |
| 205 | width: 794px; | 205 | width: 794px; |
| 206 | height: 1123px; | 206 | height: 1123px; |
| 207 | margin: auto; | 207 | margin: auto; |
| 208 | .title { | 208 | .title { |
| 209 | width: 100%; | 209 | width: 100%; |
| 210 | font-weight: 700; | 210 | font-weight: 700; |
| 211 | font-size: 16px; | 211 | font-size: 16px; |
| 212 | text-align: center; | 212 | text-align: center; |
| 213 | height: 62px; | 213 | height: 62px; |
| 214 | line-height: 62px; | 214 | line-height: 62px; |
| 215 | position: relative; | 215 | position: relative; |
| 216 | margin: 0 3px; | 216 | margin: 0 3px; |
| 217 | } | 217 | } |
| 218 | } | 218 | } |
| 219 | .top { | 219 | .top { |
| 220 | width: 80%; | 220 | width: 80%; |
| 221 | height: 100px; | 221 | height: 100px; |
| 222 | margin: auto; | 222 | margin: auto; |
| 223 | display: flex; | 223 | display: flex; |
| 224 | position: relative; | 224 | position: relative; |
| 225 | } | 225 | } |
| 226 | p { | 226 | p { |
| 227 | position: absolute; | 227 | position: absolute; |
| 228 | bottom: 10px; | 228 | bottom: 10px; |
| 229 | right: 10px; | 229 | right: 10px; |
| 230 | } | 230 | } |
| 231 | table { | 231 | table { |
| 232 | width: 80%; | 232 | width: 80%; |
| 233 | border: 1px solid black; | 233 | border: 1px solid black; |
| 234 | margin: 0 auto; | 234 | margin: 0 auto; |
| 235 | border-collapse: collapse; | 235 | border-collapse: collapse; |
| 236 | } | 236 | } |
| 237 | .head { | 237 | .head { |
| 238 | font-size: 20px; | 238 | font-size: 20px; |
| 239 | width: 100%; | 239 | width: 100%; |
| 240 | height: 40px; | 240 | height: 40px; |
| 241 | margin: auto; | 241 | margin: auto; |
| 242 | } | 242 | } |
| 243 | .dyh { | 243 | .dyh { |
| 244 | padding: 10px; | 244 | padding: 10px; |
| 245 | font-size: 12px; | 245 | font-size: 12px; |
| 246 | text-align: left; | 246 | text-align: left; |
| 247 | } | 247 | } |
| 248 | |||
| 249 | |||
| 250 | .content { | ||
| 251 | height: 40px; | ||
| 252 | } | ||
| 253 | .slash-wrap { | ||
| 254 | position: relative; | ||
| 255 | box-sizing: border-box; | ||
| 256 | width: 150px; | ||
| 257 | height: 40px; | ||
| 258 | } | ||
| 259 | /* 斜线 */ | ||
| 260 | .slash1 { | ||
| 261 | position: absolute; | ||
| 262 | display: block; | ||
| 263 | top: 0; | ||
| 264 | left: 0; | ||
| 265 | width: 133px; | ||
| 266 | height: 1px; | ||
| 267 | background-color: #949393; | ||
| 268 | transform: rotate(17.93010235415598deg); | ||
| 269 | transform-origin: top left; | ||
| 270 | } | ||
| 271 | /* 左下角文字 */ | ||
| 272 | .left { | ||
| 273 | position: absolute; | ||
| 274 | left: 30px; | ||
| 275 | bottom: 5px; | ||
| 276 | } | ||
| 277 | |||
| 278 | /* 右上角文字 */ | ||
| 279 | .mid { | ||
| 280 | position: absolute; | ||
| 281 | /* 右上角 right:0; top: 0; */ | ||
| 282 | right: 29px; | ||
| 283 | top: 4px; | ||
| 284 | } | ||
| 285 | .xxTable { | ||
| 286 | width: 100%; | ||
| 287 | border-collapse: collapse; | ||
| 288 | 248 | ||
| 249 | .content { | ||
| 250 | height: 40px; | ||
| 251 | } | ||
| 252 | .slash-wrap { | ||
| 253 | position: relative; | ||
| 254 | box-sizing: border-box; | ||
| 255 | width: 150px; | ||
| 256 | height: 40px; | ||
| 257 | } | ||
| 258 | /* 斜线 */ | ||
| 259 | .slash1 { | ||
| 260 | position: absolute; | ||
| 261 | display: block; | ||
| 262 | top: 0; | ||
| 263 | left: 0; | ||
| 264 | width: 133px; | ||
| 265 | height: 1px; | ||
| 266 | background-color: #949393; | ||
| 267 | transform: rotate(17.93010235415598deg); | ||
| 268 | transform-origin: top left; | ||
| 269 | } | ||
| 270 | /* 左下角文字 */ | ||
| 271 | .left { | ||
| 272 | position: absolute; | ||
| 273 | left: 30px; | ||
| 274 | bottom: 5px; | ||
| 275 | } | ||
| 289 | 276 | ||
| 277 | /* 右上角文字 */ | ||
| 278 | .mid { | ||
| 279 | position: absolute; | ||
| 280 | /* 右上角 right:0; top: 0; */ | ||
| 281 | right: 29px; | ||
| 282 | top: 4px; | ||
| 283 | } | ||
| 284 | .xxTable { | ||
| 285 | width: 100%; | ||
| 286 | border-collapse: collapse; | ||
| 290 | 287 | ||
| 291 | tr td { | 288 | tr td { |
| 292 | border: 2px solid rgb(227, 226, 226); | 289 | border: 2px solid rgb(227, 226, 226); |
| 293 | text-align: center; | 290 | text-align: center; |
| 294 | height: 40px; | 291 | height: 40px; |
| 295 | font-size: 13px; | 292 | font-size: 13px; |
| 296 | // flex: 1; | 293 | // flex: 1; |
| 297 | // display: flex; | 294 | // display: flex; |
| 298 | // align-items: center; | 295 | // align-items: center; |
| 299 | // justify-content: center; | 296 | // justify-content: center; |
| 300 | min-width: 80px; | 297 | min-width: 80px; |
| 301 | z-index: 1; | 298 | z-index: 1; |
| 302 | .ooo{ | 299 | .ooo { |
| 303 | width: 190px!important; | 300 | width: 190px !important; |
| 304 | 301 | } | |
| 305 | } | 302 | } |
| 306 | } | 303 | td:first-child { |
| 307 | td:first-child{ | 304 | flex: inherit !important; |
| 308 | flex: inherit !important; | 305 | // min-width: 180px !important; |
| 309 | // width: 200px !important; | 306 | } |
| 310 | min-width: 180px !important; | 307 | } |
| 311 | } | 308 | .ellipsis-line { |
| 312 | 309 | display: inline-block; | |
| 313 | } | 310 | width: 300px; |
| 314 | .ellipsis-line { | 311 | height: 100px !important; |
| 315 | display: inline-block; | 312 | line-height: 20px !important; |
| 316 | width: 300px; | 313 | word-break: break-all; |
| 317 | height: 100px!important; | 314 | text-overflow: ellipsis; |
| 318 | line-height: 20px!important; | 315 | overflow: hidden; |
| 319 | word-break: break-all; | 316 | } |
| 320 | text-overflow: ellipsis; | ||
| 321 | overflow: hidden; | ||
| 322 | } | ||
| 323 | </style> | 317 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 17:16:32 | 4 | * @LastEditTime: 2023-09-22 09:56:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="all"> | 7 | <div class="all"> |
| 8 | <div class="tbalede"> | 8 | <div class="tbalede"> |
| 9 | <table class="xxTable"> | 9 | <table class="xxTable"> |
| 10 | <tr> | 10 | <tr> |
| 11 | <th colspan="5" class="head"> {{ title }}</th> | 11 | <th colspan="5" class="head"> {{ title }}</th> |
| 12 | </tr> | 12 | </tr> |
| 13 | <tr v-for="(item, colindex) in columns" :key="colindex"> | 13 | <tr v-for="(item, colindex) in columns" :key="colindex"> |
| 14 | <td> | 14 | <td> |
| 15 | {{ item.label }} | 15 | {{ item.label }} |
| 16 | </td> | 16 | </td> |
| 17 | <td | 17 | <td |
| 18 | v-for="(row, index) in tableData" | 18 | v-for="(row, index) in tableData" |
| 19 | :key="index"> | 19 | :key="index"> |
| 20 | <span> | 20 | <span> |
| 21 | {{ getQsztName(row[item.prop]) }} | 21 | {{ getQsztName(row[item.prop]) }} |
| 22 | </span> | 22 | </span> |
| 23 | 23 | ||
| 24 | <span> | 24 | <span> |
| 25 | {{ row[item.prop] }} | 25 | {{ row[item.prop] }} |
| 26 | </span> | 26 | </span> |
| 27 | 27 | ||
| 28 | </td> | 28 | </td> |
| 29 | <td v-for="count in emptycolNum" :key="~count"></td> | 29 | <td v-for="count in emptycolNum" :key="~count"></td> |
| 30 | </tr> | 30 | </tr> |
| 31 | </table> | 31 | </table> |
| 32 | </div> | 32 | </div> |
| 33 | </div> | 33 | </div> |
| 34 | </template> | 34 | </template> |
| 35 | 35 | ||
| ... | @@ -44,7 +44,7 @@ | ... | @@ -44,7 +44,7 @@ |
| 44 | qsztList: datas.columns().qsztList, | 44 | qsztList: datas.columns().qsztList, |
| 45 | checkList: datas.columns().checkList, | 45 | checkList: datas.columns().checkList, |
| 46 | //传递参数 | 46 | //传递参数 |
| 47 | bdcdyid: this.$route.query.bdcdyid, | 47 | bdcdyid: this.$route.query.bdcdyid, |
| 48 | qllx: this.$route.query.qllx, | 48 | qllx: this.$route.query.qllx, |
| 49 | //列表数据 | 49 | //列表数据 |
| 50 | tableData: [], | 50 | tableData: [], |
| ... | @@ -151,108 +151,105 @@ | ... | @@ -151,108 +151,105 @@ |
| 151 | </script> | 151 | </script> |
| 152 | 152 | ||
| 153 | <style lang="scss" scoped> | 153 | <style lang="scss" scoped> |
| 154 | .all { | 154 | .all { |
| 155 | width: 794px; | 155 | width: 794px; |
| 156 | height: 100%; | 156 | height: 100%; |
| 157 | margin: auto; | 157 | margin: auto; |
| 158 | background-color: rgb(255, 255, 255); | 158 | background-color: rgb(255, 255, 255); |
| 159 | } | 159 | } |
| 160 | .tbalede { | 160 | .tbalede { |
| 161 | width: 794px; | 161 | width: 794px; |
| 162 | height: 1123px; | 162 | height: 1123px; |
| 163 | margin: auto; | 163 | margin: auto; |
| 164 | } | 164 | } |
| 165 | .top { | 165 | .top { |
| 166 | width: 80%; | 166 | width: 80%; |
| 167 | height: 100px; | 167 | height: 100px; |
| 168 | margin: auto; | 168 | margin: auto; |
| 169 | display: flex; | 169 | display: flex; |
| 170 | position: relative; | 170 | position: relative; |
| 171 | } | 171 | } |
| 172 | p { | 172 | p { |
| 173 | position: absolute; | 173 | position: absolute; |
| 174 | bottom: 10px; | 174 | bottom: 10px; |
| 175 | right: 10px; | 175 | right: 10px; |
| 176 | } | 176 | } |
| 177 | table { | 177 | table { |
| 178 | width: 80%; | 178 | width: 80%; |
| 179 | border: 1px solid black; | 179 | border: 1px solid black; |
| 180 | margin: 0 auto; | 180 | margin: 0 auto; |
| 181 | border-collapse: collapse; | 181 | border-collapse: collapse; |
| 182 | } | 182 | } |
| 183 | .head { | 183 | .head { |
| 184 | font-size: 20px; | 184 | font-size: 20px; |
| 185 | width: 100%; | 185 | width: 100%; |
| 186 | height: 40px; | 186 | height: 40px; |
| 187 | margin: auto; | 187 | margin: auto; |
| 188 | } | 188 | } |
| 189 | .dyh { | 189 | .dyh { |
| 190 | padding: 10px; | 190 | padding: 10px; |
| 191 | font-size: 12px; | 191 | font-size: 12px; |
| 192 | text-align: left; | 192 | text-align: left; |
| 193 | } | 193 | } |
| 194 | |||
| 195 | 194 | ||
| 196 | .content { | 195 | .content { |
| 197 | height: 40px; | 196 | height: 40px; |
| 198 | } | 197 | } |
| 199 | .slash-wrap { | 198 | .slash-wrap { |
| 200 | position: relative; | 199 | position: relative; |
| 201 | box-sizing: border-box; | 200 | box-sizing: border-box; |
| 202 | width: 150px; | 201 | width: 150px; |
| 203 | height: 40px; | 202 | height: 40px; |
| 204 | } | 203 | } |
| 205 | /* 斜线 */ | 204 | /* 斜线 */ |
| 206 | .slash1 { | 205 | .slash1 { |
| 207 | position: absolute; | 206 | position: absolute; |
| 208 | display: block; | 207 | display: block; |
| 209 | top: 0; | 208 | top: 0; |
| 210 | left: 0; | 209 | left: 0; |
| 211 | width: 133px; | 210 | width: 133px; |
| 212 | height: 1px; | 211 | height: 1px; |
| 213 | background-color: #949393; | 212 | background-color: #949393; |
| 214 | transform: rotate(17.93010235415598deg); | 213 | transform: rotate(17.93010235415598deg); |
| 215 | transform-origin: top left; | 214 | transform-origin: top left; |
| 216 | } | 215 | } |
| 217 | /* 左下角文字 */ | 216 | /* 左下角文字 */ |
| 218 | .left { | 217 | .left { |
| 219 | position: absolute; | 218 | position: absolute; |
| 220 | left: 30px; | 219 | left: 30px; |
| 221 | bottom: 5px; | 220 | bottom: 5px; |
| 222 | } | 221 | } |
| 223 | 222 | ||
| 224 | /* 右上角文字 */ | 223 | /* 右上角文字 */ |
| 225 | .mid { | 224 | .mid { |
| 226 | position: absolute; | 225 | position: absolute; |
| 227 | /* 右上角 right:0; top: 0; */ | 226 | /* 右上角 right:0; top: 0; */ |
| 228 | right: 29px; | 227 | right: 29px; |
| 229 | top: 4px; | 228 | top: 4px; |
| 230 | } | 229 | } |
| 231 | .xxTable { | 230 | .xxTable { |
| 232 | width: 100%; | 231 | width: 100%; |
| 233 | border-collapse: collapse; | 232 | border-collapse: collapse; |
| 234 | table-layout:fixed; | 233 | table-layout: fixed; |
| 235 | 234 | ||
| 236 | 235 | td { | |
| 237 | td { | 236 | border: 1px solid rgb(0, 0, 0); |
| 238 | border: 1px solid rgb(0, 0, 0); | 237 | text-align: center; |
| 239 | text-align: center; | 238 | height: 40px; |
| 240 | height: 40px; | 239 | width: 80px !important; |
| 241 | width: 80px!important; | 240 | word-wrap: break-word; |
| 242 | word-wrap:break-word | 241 | } |
| 243 | } | 242 | td:first-child { |
| 244 | td:first-child{ | 243 | // min-width: 180px !important; |
| 245 | min-width: 180px !important; | 244 | } |
| 246 | } | 245 | } |
| 247 | 246 | .ellipsis-line { | |
| 248 | } | 247 | display: inline-block; |
| 249 | .ellipsis-line { | 248 | width: 300px; |
| 250 | display: inline-block; | 249 | height: 100px !important; |
| 251 | width: 300px; | 250 | line-height: 20px !important; |
| 252 | height: 100px!important; | 251 | word-break: break-all; |
| 253 | line-height: 20px!important; | 252 | text-overflow: ellipsis; |
| 254 | word-break: break-all; | 253 | overflow: hidden; |
| 255 | text-overflow: ellipsis; | 254 | } |
| 256 | overflow: hidden; | ||
| 257 | } | ||
| 258 | </style> | 255 | </style> | ... | ... |
| ... | @@ -60,7 +60,8 @@ | ... | @@ -60,7 +60,8 @@ |
| 60 | top: 0px; | 60 | top: 0px; |
| 61 | z-index: 3; | 61 | z-index: 3; |
| 62 | margin-top: -2px; | 62 | margin-top: -2px; |
| 63 | &:after{ | 63 | |
| 64 | &:after { | ||
| 64 | content: ""; | 65 | content: ""; |
| 65 | display: inline-block; | 66 | display: inline-block; |
| 66 | width: 100%; | 67 | width: 100%; |
| ... | @@ -77,7 +78,8 @@ | ... | @@ -77,7 +78,8 @@ |
| 77 | position: sticky; | 78 | position: sticky; |
| 78 | top: 40px; | 79 | top: 40px; |
| 79 | z-index: 3; | 80 | z-index: 3; |
| 80 | &:after{ | 81 | |
| 82 | &:after { | ||
| 81 | content: ""; | 83 | content: ""; |
| 82 | display: inline-block; | 84 | display: inline-block; |
| 83 | width: 100%; | 85 | width: 100%; |
| ... | @@ -102,7 +104,9 @@ | ... | @@ -102,7 +104,9 @@ |
| 102 | left: 0; | 104 | left: 0; |
| 103 | z-index: 2; | 105 | z-index: 2; |
| 104 | margin-left: -2px; | 106 | margin-left: -2px; |
| 105 | &:before{ | 107 | width: 200px; |
| 108 | |||
| 109 | &:before { | ||
| 106 | content: ""; | 110 | content: ""; |
| 107 | display: inline-block; | 111 | display: inline-block; |
| 108 | width: 2px; | 112 | width: 2px; |
| ... | @@ -113,7 +117,8 @@ | ... | @@ -113,7 +117,8 @@ |
| 113 | left: -2px; | 117 | left: -2px; |
| 114 | z-index: 3; | 118 | z-index: 3; |
| 115 | } | 119 | } |
| 116 | &:after{ | 120 | |
| 121 | &:after { | ||
| 117 | content: ""; | 122 | content: ""; |
| 118 | display: inline-block; | 123 | display: inline-block; |
| 119 | width: 2px; | 124 | width: 2px; |
| ... | @@ -228,11 +233,12 @@ | ... | @@ -228,11 +233,12 @@ |
| 228 | min-width: 340px; | 233 | min-width: 340px; |
| 229 | z-index: 1; | 234 | z-index: 1; |
| 230 | } | 235 | } |
| 231 | td:first-child{ | 236 | |
| 237 | td:first-child { | ||
| 232 | flex: inherit !important; | 238 | flex: inherit !important; |
| 233 | // width: 200px !important; | 239 | // min-width: 180px !important; |
| 234 | min-width: 180px !important; | ||
| 235 | } | 240 | } |
| 241 | |||
| 236 | >tr:nth-child(odd) td { | 242 | >tr:nth-child(odd) td { |
| 237 | background: #f2f2f2; | 243 | background: #f2f2f2; |
| 238 | } | 244 | } |
| ... | @@ -258,4 +264,4 @@ | ... | @@ -258,4 +264,4 @@ |
| 258 | margin-left: 2px; | 264 | margin-left: 2px; |
| 259 | } | 265 | } |
| 260 | } | 266 | } |
| 261 | } | 267 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 15:07:44 | 4 | * @LastEditTime: 2023-09-22 09:49:24 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -40,14 +40,14 @@ | ... | @@ -40,14 +40,14 @@ |
| 40 | * @description: loadData | 40 | * @description: loadData |
| 41 | * @author: renchao | 41 | * @author: renchao |
| 42 | */ | 42 | */ |
| 43 | loadData () { | 43 | loadData (checkList = []) { |
| 44 | if (this.$parent.addRepairRecord) { | 44 | if (this.$parent.addRepairRecord) { |
| 45 | this.columns.unshift({ prop: "cz", label: "操作" }); | 45 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 46 | } | 46 | } |
| 47 | getCfdjList({ | 47 | getCfdjList({ |
| 48 | bdcdyid: this.propsParam.bdcdyid, | 48 | bdcdyid: this.propsParam.bdcdyid, |
| 49 | qllx: this.propsParam.qllx, | 49 | qllx: this.propsParam.qllx, |
| 50 | qszt: this.checkList, | 50 | qszt: checkList |
| 51 | }).then((res) => { | 51 | }).then((res) => { |
| 52 | if (res.code === 200) { | 52 | if (res.code === 200) { |
| 53 | this.tableData = res.result; | 53 | this.tableData = res.result; | ... | ... |
| ... | @@ -23,13 +23,12 @@ | ... | @@ -23,13 +23,12 @@ |
| 23 | {{ item.label }} | 23 | {{ item.label }} |
| 24 | </td> | 24 | </td> |
| 25 | <td v-for="(row, index) in tableData" :key="index"> | 25 | <td v-for="(row, index) in tableData" :key="index"> |
| 26 | <div class="setbut" v-if="item.prop == 'bhqk'"> | 26 | <div class="setbut" v-if="item.prop == 'bhqk'"> |
| 27 | {{ index?"变化后": "变化前"}} | 27 | {{ index?"变化后": "变化前"}} |
| 28 | </div> | 28 | </div> |
| 29 | <div | 29 | <div |
| 30 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'" | 30 | v-if="item.prop == 'cz' && row.sjlx != '系统数据'"></div> |
| 31 | ></div> | 31 | <span v-if="item.prop == 'qszt'" :class="item.co"> |
| 32 | <span v-if="item.prop == 'qszt'" :class="item.co"> | ||
| 33 | {{ getQsztName(row[item.prop]) }} | 32 | {{ getQsztName(row[item.prop]) }} |
| 34 | </span> | 33 | </span> |
| 35 | <span v-else :class="item.co"> {{ row[item.prop] }}</span> | 34 | <span v-else :class="item.co"> {{ row[item.prop] }}</span> |
| ... | @@ -42,150 +41,146 @@ | ... | @@ -42,150 +41,146 @@ |
| 42 | </template> | 41 | </template> |
| 43 | 42 | ||
| 44 | <script> | 43 | <script> |
| 45 | import { datas } from "./qlxxFormData.js"; | 44 | import { datas } from "./qlxxFormData.js"; |
| 46 | import { getSjlx } from "@/utils/dictionary.js"; | 45 | import { getSjlx } from "@/utils/dictionary.js"; |
| 47 | import { getDjbQlxxDiff } from "@/api/djbDetail.js"; | 46 | import { getDjbQlxxDiff } from "@/api/djbDetail.js"; |
| 48 | export default { | 47 | export default { |
| 49 | props: { | 48 | props: { |
| 50 | formData: { | 49 | formData: { |
| 51 | type: Object, | 50 | type: Object, |
| 52 | default: {}, | 51 | default: {}, |
| 52 | }, | ||
| 53 | }, | 53 | }, |
| 54 | }, | 54 | data () { |
| 55 | data() { | 55 | return { |
| 56 | return { | 56 | radio: 1, |
| 57 | radio: 1, | 57 | title: "变化情况对比", |
| 58 | title: "变化情况对比", | 58 | qsztList: datas.columns().qsztList, |
| 59 | qsztList: datas.columns().qsztList, | 59 | //列表数据 |
| 60 | //列表数据 | 60 | tableData: [], |
| 61 | tableData: [], | 61 | //空列值个数 |
| 62 | //空列值个数 | 62 | emptycolNum: 1, |
| 63 | emptycolNum: 1, | 63 | //列名称对象 |
| 64 | //列名称对象 | 64 | columns: [], |
| 65 | columns: [], | 65 | columnsall: [], |
| 66 | columnsall:[], | 66 | columnsum: [] |
| 67 | columnsum:[] | 67 | }; |
| 68 | }; | 68 | }, |
| 69 | }, | 69 | created () { |
| 70 | created() { | 70 | switch (this.formData.dqqllx) { |
| 71 | switch (this.formData.dqqllx) { | 71 | case "JSYDSYQ": |
| 72 | case "JSYDSYQ": | 72 | this.columns = datas.columns().JSYDSYQ; |
| 73 | this.columns = datas.columns().JSYDSYQ; | 73 | break; |
| 74 | break; | 74 | case "FDCQ2": |
| 75 | case "FDCQ2": | 75 | this.columns = datas.columns().FDCQ2; |
| 76 | this.columns = datas.columns().FDCQ2; | 76 | break; |
| 77 | break; | 77 | case "NYDSYQ": |
| 78 | case "NYDSYQ": | 78 | this.columns = datas.columns().NYDSYQ; |
| 79 | this.columns = datas.columns().NYDSYQ; | 79 | break; |
| 80 | break; | 80 | case "DYAQ": |
| 81 | case "DYAQ": | 81 | this.columns = datas.columns().DYAQ; |
| 82 | this.columns = datas.columns().DYAQ; | 82 | break; |
| 83 | break; | 83 | case "DYIQ": |
| 84 | case "DYIQ": | 84 | this.columns = datas.columns().DYIQ; |
| 85 | this.columns = datas.columns().DYIQ; | 85 | break; |
| 86 | break; | 86 | case "YGDJ": |
| 87 | case "YGDJ": | 87 | this.columns = datas.columns().YGDJ; |
| 88 | this.columns = datas.columns().YGDJ; | 88 | break; |
| 89 | break; | 89 | case "CFDJ": |
| 90 | case "CFDJ": | 90 | this.columns = datas.columns().CFDJ; |
| 91 | this.columns = datas.columns().CFDJ; | 91 | break; |
| 92 | break; | 92 | case "YYDJ": |
| 93 | case "YYDJ": | 93 | this.columns = datas.columns().YYDJ; |
| 94 | this.columns = datas.columns().YYDJ; | 94 | break; |
| 95 | break; | 95 | } |
| 96 | } | 96 | this.getdata(); |
| 97 | this.getdata(); | 97 | }, |
| 98 | }, | 98 | methods: { |
| 99 | methods: { | 99 | getArrDifference: function (arr1, arr2) { |
| 100 | getArrDifference: function(arr1, arr2){ | 100 | return arr1.concat(arr2).filter(function (value, i, arr) { |
| 101 | return arr1.concat(arr2).filter(function(value, i, arr){ | 101 | return arr.indexOf(value) === arr.lastIndexOf(value); |
| 102 | return arr.indexOf(value) === arr.lastIndexOf(value); | 102 | }) |
| 103 | }) | 103 | }, |
| 104 | }, | 104 | /** |
| 105 | /** | 105 | * @description: checkChange |
| 106 | * @description: checkChange | 106 | * @author: renchao |
| 107 | * @author: renchao | 107 | */ |
| 108 | */ | 108 | getdata () { |
| 109 | getdata() { | 109 | getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => { |
| 110 | getDjbQlxxDiff(this.formData.bsmQlxx).then((res) => { | 110 | if (res.code === 200) { |
| 111 | if (res.code === 200) { | 111 | this.tableData.push(res.result.ssQlxx) |
| 112 | this.tableData.push(res.result.ssQlxx) | 112 | this.tableData.push(res.result.currentQlxx) |
| 113 | this.tableData.push(res.result.currentQlxx) | ||
| 114 | 113 | ||
| 115 | this.tableData.map((item) => { | 114 | this.tableData.map((item) => { |
| 116 | item.sjlx = getSjlx(item.sjlx); | 115 | item.sjlx = getSjlx(item.sjlx); |
| 117 | }); | 116 | }); |
| 118 | for (let key in this.tableData[0]) { | 117 | for (let key in this.tableData[0]) { |
| 119 | this.columnsum=this.columns.filter((item,index) => { | 118 | this.columnsum = this.columns.filter((item, index) => { |
| 120 | if(this.tableData[1][key]!==this.tableData[0][key]&&this.columns[index].prop==key){ | 119 | if (this.tableData[1][key] !== this.tableData[0][key] && this.columns[index].prop == key) { |
| 121 | this.columns[index].bt="bgc" | 120 | this.columns[index].bt = "bgc" |
| 122 | this.columns[index].co="red" | 121 | this.columns[index].co = "red" |
| 123 | } | 122 | } |
| 124 | return this.columns[index].bt=="bgc" | 123 | return this.columns[index].bt == "bgc" |
| 125 | }) | 124 | }) |
| 126 | } | 125 | } |
| 127 | this.columns.unshift({ | 126 | this.columns.unshift({ |
| 128 | prop: "bhqk", | 127 | prop: "bhqk", |
| 129 | label: "" | 128 | label: "" |
| 130 | }) | 129 | }) |
| 131 | this.columnsum.unshift({ | 130 | this.columnsum.unshift({ |
| 132 | prop: "bhqk", | 131 | prop: "bhqk", |
| 133 | label: "" | 132 | label: "" |
| 134 | }) | 133 | }) |
| 135 | this.columnsall= this.columns | 134 | this.columnsall = this.columns |
| 136 | 135 | ||
| 137 | 136 | ||
| 138 | 137 | ||
| 139 | } | 138 | } |
| 140 | }); | 139 | }); |
| 141 | } | 140 | } |
| 142 | /** | 141 | /** |
| 143 | * @description: getQsztName | 142 | * @description: getQsztName |
| 144 | * @param {*} code | 143 | * @param {*} code |
| 145 | * @author: renchao | 144 | * @author: renchao |
| 146 | */, | 145 | */, |
| 147 | getQsztName(code) { | 146 | getQsztName (code) { |
| 148 | let name = ""; | 147 | let name = ""; |
| 149 | for (let item of this.qsztList) { | 148 | for (let item of this.qsztList) { |
| 150 | if (item.value == code) { | 149 | if (item.value == code) { |
| 151 | name = item.label; | 150 | name = item.label; |
| 152 | break; | 151 | break; |
| 152 | } | ||
| 153 | } | 153 | } |
| 154 | } | 154 | return name; |
| 155 | return name; | 155 | }, |
| 156 | }, | ||
| 157 | 156 | ||
| 158 | checkChange() { | 157 | checkChange () { |
| 159 | if(this.radio==2){ | 158 | if (this.radio == 2) { |
| 160 | this.columnsall=this.columnsum | 159 | this.columnsall = this.columnsum |
| 161 | 160 | ||
| 162 | }else{ | 161 | } else { |
| 163 | this.columnsall=this.columns | 162 | this.columnsall = this.columns |
| 164 | 163 | ||
| 165 | } | 164 | } |
| 165 | }, | ||
| 166 | }, | 166 | }, |
| 167 | }, | 167 | }; |
| 168 | }; | ||
| 169 | </script> | 168 | </script> |
| 170 | 169 | ||
| 171 | <style lang="scss" scoped> | 170 | <style lang="scss" scoped> |
| 172 | @import "./qlxxCommon.scss"; | 171 | @import "./qlxxCommon.scss"; |
| 173 | .bgc{ | 172 | .bgc { |
| 174 | 173 | td { | |
| 175 | td{ | 174 | // background-color: rgb(182, 203, 207) !important; |
| 176 | // background-color: rgb(182, 203, 207) !important; | ||
| 177 | |||
| 178 | } | 175 | } |
| 179 | } | 176 | } |
| 180 | .xxTable tr td{ | 177 | .xxTable tr td { |
| 181 | 178 | min-width: 520px !important; | |
| 182 | min-width: 520px!important; | 179 | } |
| 183 | 180 | .red { | |
| 184 | } | ||
| 185 | .red{ | ||
| 186 | color: red; | 181 | color: red; |
| 187 | } | 182 | } |
| 188 | .setbut{ | 183 | .setbut { |
| 189 | font-size: 18px; | 184 | font-size: 18px; |
| 190 | font-weight: 700; | 185 | font-weight: 700; |
| 191 | } | 186 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 09:12:32 | 4 | * @LastEditTime: 2023-09-22 09:47:08 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="tableBox"> | 7 | <div class="tableBox"> |
| ... | @@ -71,10 +71,10 @@ | ... | @@ -71,10 +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 | <el-link v-if="item.prop == 'ywh'" | 74 | <el-link v-if="['zxywh', 'ywh'].includes(item.prop)" |
| 75 | @click="handleSelectYwh(tableData, row[item.prop])" | 75 | @click="handleSelectYwh(tableData, row[item.prop])" |
| 76 | type="primary">{{ row[item.prop] }}</el-link> | 76 | type="primary">{{ row[item.prop] }}</el-link> |
| 77 | <span v-if="!['qszt','ywh' ].includes(item.prop)">{{ row[item.prop] }}</span> | 77 | <span v-if="!['qszt','ywh', 'zxywh' ].includes(item.prop)">{{ row[item.prop] }}</span> |
| 78 | </p> | 78 | </p> |
| 79 | 79 | ||
| 80 | <el-tooltip | 80 | <el-tooltip |
| ... | @@ -172,7 +172,7 @@ | ... | @@ -172,7 +172,7 @@ |
| 172 | this.tableData = []; | 172 | this.tableData = []; |
| 173 | this.emptycolNum = datas.columns().emptycolNum; | 173 | this.emptycolNum = datas.columns().emptycolNum; |
| 174 | } else { | 174 | } else { |
| 175 | this.$parent.loadData(); | 175 | this.$parent.loadData(this.checkList); |
| 176 | } | 176 | } |
| 177 | }, | 177 | }, |
| 178 | /** | 178 | /** |
| ... | @@ -229,13 +229,16 @@ | ... | @@ -229,13 +229,16 @@ |
| 229 | if (sjlx == '系统数据') { | 229 | if (sjlx == '系统数据') { |
| 230 | getXtParamsByYwh(ywh).then(res => { | 230 | getXtParamsByYwh(ywh).then(res => { |
| 231 | let data = res.result | 231 | let data = res.result |
| 232 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx') | 232 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness) |
| 233 | window.open(href, `urlname${data.bsmSlsq}`) | 233 | window.open(href, `urlname${data.bsmSlsq}`) |
| 234 | }) | 234 | }) |
| 235 | } else { | 235 | } else { |
| 236 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { | 236 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { |
| 237 | let data = res.result | 237 | let data = res.result |
| 238 | ywPopupDialog("材料信息", "registerBook/components/clxx/index", data, "60%", true, false) | 238 | this.$popup('材料信息', 'registerBook/components/clxx/index', { |
| 239 | width: '60%', | ||
| 240 | formData: data | ||
| 241 | }) | ||
| 239 | }) | 242 | }) |
| 240 | } | 243 | } |
| 241 | } | 244 | } | ... | ... |
| ... | @@ -9,8 +9,7 @@ | ... | @@ -9,8 +9,7 @@ |
| 9 | class="tbalede" | 9 | class="tbalede" |
| 10 | v-for="(el, indexx) in datass" | 10 | v-for="(el, indexx) in datass" |
| 11 | :key="indexx" | 11 | :key="indexx" |
| 12 | style="page-break-after: always" | 12 | style="page-break-after: always"> |
| 13 | > | ||
| 14 | <div class="title">{{ title }}</div> | 13 | <div class="title">{{ title }}</div> |
| 15 | <div class="num">共{{ datass.length }}页，第{{ indexx + 1 }}页</div> | 14 | <div class="num">共{{ datass.length }}页，第{{ indexx + 1 }}页</div> |
| 16 | <table class="xxTable"> | 15 | <table class="xxTable"> |
| ... | @@ -25,8 +24,7 @@ | ... | @@ -25,8 +24,7 @@ |
| 25 | <td | 24 | <td |
| 26 | v-show="el.emptycolNum" | 25 | v-show="el.emptycolNum" |
| 27 | v-for="count in emptycolNum" | 26 | v-for="count in emptycolNum" |
| 28 | :key="count" | 27 | :key="count"></td> |
| 29 | ></td> | ||
| 30 | </tr> | 28 | </tr> |
| 31 | </table> | 29 | </table> |
| 32 | </div> | 30 | </div> |
| ... | @@ -34,126 +32,120 @@ | ... | @@ -34,126 +32,120 @@ |
| 34 | </template> | 32 | </template> |
| 35 | 33 | ||
| 36 | <script> | 34 | <script> |
| 37 | import { datas } from "./qlxxFormData.js"; | 35 | import { datas } from "./qlxxFormData.js"; |
| 38 | import { getSjlx } from "@/utils/dictionary.js"; | 36 | import { getSjlx } from "@/utils/dictionary.js"; |
| 39 | import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js"; | 37 | import { getFieldListByQlxx } from "@/api/SysDjbFieldDO.js"; |
| 40 | 38 | ||
| 41 | export default { | 39 | export default { |
| 42 | data() { | 40 | data () { |
| 43 | return { | 41 | return { |
| 44 | title: this.$parent.title, | 42 | title: this.$parent.title, |
| 45 | //列表数据 | 43 | //列表数据 |
| 46 | //空列值个数 | 44 | //空列值个数 |
| 47 | emptycolNum: 4, | 45 | emptycolNum: 4, |
| 48 | //列名称对象 | 46 | //列名称对象 |
| 49 | columns: [], | 47 | columns: [], |
| 50 | datass: [], | 48 | datass: [], |
| 51 | }; | 49 | }; |
| 52 | }, | ||
| 53 | props: { | ||
| 54 | tableData: { | ||
| 55 | type: Array, | ||
| 56 | default: () => [], | ||
| 57 | }, | 50 | }, |
| 58 | render: { | 51 | props: { |
| 59 | type: Boolean, | 52 | tableData: { |
| 60 | default: false, | 53 | type: Array, |
| 61 | }, | 54 | default: () => [], |
| 62 | }, | 55 | }, |
| 63 | created() {}, | 56 | render: { |
| 64 | watch: { | 57 | type: Boolean, |
| 65 | tableData: { | 58 | default: false, |
| 66 | handler(newValue, oldValue) { | ||
| 67 | this.tableData = newValue; | ||
| 68 | }, | 59 | }, |
| 69 | }, | 60 | }, |
| 70 | render: { | 61 | created () { }, |
| 71 | handler(newValue, oldValue) { | 62 | watch: { |
| 72 | console.log("newValue",newValue); | 63 | tableData: { |
| 73 | console.log("columns",this.columns); | 64 | handler (newValue, oldValue) { |
| 74 | if (newValue) { | 65 | this.tableData = newValue; |
| 75 | this.loadData(); | 66 | }, |
| 76 | } | 67 | }, |
| 68 | render: { | ||
| 69 | handler (newValue, oldValue) { | ||
| 70 | console.log("newValue", newValue); | ||
| 71 | console.log("columns", this.columns); | ||
| 72 | if (newValue) { | ||
| 73 | this.loadData(); | ||
| 74 | } | ||
| 75 | }, | ||
| 77 | }, | 76 | }, |
| 77 | immediate: true, | ||
| 78 | deep: true, | ||
| 78 | }, | 79 | }, |
| 79 | immediate: true, | 80 | methods: { |
| 80 | deep: true, | 81 | /** |
| 81 | }, | 82 | * @description: loadData |
| 82 | methods: { | 83 | * @author: miaofang |
| 83 | /** | 84 | */ |
| 84 | * @description: loadData | 85 | loadData () { |
| 85 | * @author: miaofang | 86 | getFieldListByQlxx({ |
| 86 | */ | 87 | qllx: this.tableData[0].qllx, |
| 87 | loadData() { | 88 | }).then((res) => { |
| 88 | getFieldListByQlxx({ | 89 | if (res.code === 200) { |
| 89 | qllx: this.tableData[0].qllx, | 90 | this.columns = res.result; |
| 90 | }).then((res) => { | 91 | console.log("columnssssssssssss", this.columns); |
| 91 | if (res.code === 200) { | 92 | } |
| 92 | this.columns = res.result; | 93 | }); |
| 93 | console.log("columnssssssssssss",this.columns); | 94 | if (this.tableData.length && this.datass.length == 0) { |
| 95 | for (let i = 0; i < this.tableData.length; i += 4) { | ||
| 96 | this.datass.push(this.tableData.slice(i, i + 4)); | ||
| 97 | } | ||
| 98 | let num = this.datass[this.datass.length - 1].length; | ||
| 99 | if (num < 4) { | ||
| 100 | this.emptycolNum = 4 - num; | ||
| 101 | this.datass[this.datass.length - 1].emptycolNum = true; | ||
| 102 | } else { | ||
| 103 | this.emptycolNum = 0; | ||
| 104 | } | ||
| 94 | } | 105 | } |
| 95 | }); | 106 | }, |
| 96 | if (this.tableData.length && this.datass.length == 0) { | ||
| 97 | for (let i = 0; i < this.tableData.length; i += 4) { | ||
| 98 | this.datass.push(this.tableData.slice(i, i + 4)); | ||
| 99 | } | ||
| 100 | let num = this.datass[this.datass.length - 1].length; | ||
| 101 | if (num < 4) { | ||
| 102 | this.emptycolNum = 4 - num; | ||
| 103 | this.datass[this.datass.length - 1].emptycolNum = true; | ||
| 104 | } else { | ||
| 105 | this.emptycolNum = 0; | ||
| 106 | } | ||
| 107 | } | ||
| 108 | }, | 107 | }, |
| 109 | }, | 108 | }; |
| 110 | }; | ||
| 111 | </script> | 109 | </script> |
| 112 | 110 | ||
| 113 | <style lang="scss" scoped> | 111 | <style lang="scss" scoped> |
| 114 | .tbalede { | 112 | .tbalede { |
| 115 | width: 100%; | ||
| 116 | margin: auto; | ||
| 117 | position: relative; | ||
| 118 | .num { | ||
| 119 | position: absolute; | ||
| 120 | right: 10px; | ||
| 121 | top: 0px; | ||
| 122 | } | ||
| 123 | .title { | ||
| 124 | width: 100%; | 113 | width: 100%; |
| 125 | font-weight: 700; | 114 | margin: auto; |
| 126 | font-size: 16px; | ||
| 127 | text-align: center; | ||
| 128 | height: 62px; | ||
| 129 | line-height: 62px; | ||
| 130 | position: relative; | 115 | position: relative; |
| 131 | margin: 0 3px; | 116 | .num { |
| 132 | } | 117 | position: absolute; |
| 133 | .xxTable { | 118 | right: 10px; |
| 134 | width: 100%; | 119 | top: 0px; |
| 135 | border-collapse: collapse; | 120 | } |
| 136 | 121 | .title { | |
| 137 | tr td { | 122 | width: 100%; |
| 138 | border: 2px solid rgb(227, 226, 226); | 123 | font-weight: 700; |
| 124 | font-size: 16px; | ||
| 139 | text-align: center; | 125 | text-align: center; |
| 140 | height: 40px; | 126 | height: 62px; |
| 141 | font-size: 13px; | 127 | line-height: 62px; |
| 142 | min-width: 80px; | 128 | position: relative; |
| 143 | z-index: 1; | 129 | margin: 0 3px; |
| 144 | min-width: 80px; | ||
| 145 | padding: 5px; | ||
| 146 | } | 130 | } |
| 147 | td { | 131 | .xxTable { |
| 148 | width: 20px !important; | 132 | width: 100%; |
| 149 | word-break: break-all; | 133 | border-collapse: collapse; |
| 150 | // /* 方法一：使用 word-break */ | 134 | |
| 151 | // word-break: break-all; | 135 | tr td { |
| 152 | // // /* 方法二：使用 white-space */ | 136 | border: 2px solid rgb(227, 226, 226); |
| 153 | // // white-space: pre-wrap; | 137 | text-align: center; |
| 154 | // // /* 方法三：使用 overflow-wrap */ | 138 | height: 40px; |
| 155 | // // overflow-wrap: break-word; | 139 | font-size: 13px; |
| 140 | min-width: 80px; | ||
| 141 | z-index: 1; | ||
| 142 | min-width: 80px; | ||
| 143 | padding: 5px; | ||
| 144 | } | ||
| 145 | td { | ||
| 146 | width: 20px !important; | ||
| 147 | word-break: break-all; | ||
| 148 | } | ||
| 156 | } | 149 | } |
| 157 | } | 150 | } |
| 158 | } | ||
| 159 | </style> | 151 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 15:04:32 | 4 | * @LastEditTime: 2023-09-22 09:50:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -40,14 +40,14 @@ | ... | @@ -40,14 +40,14 @@ |
| 40 | * @description: loadData | 40 | * @description: loadData |
| 41 | * @author: renchao | 41 | * @author: renchao |
| 42 | */ | 42 | */ |
| 43 | loadData () { | 43 | loadData (checkList = []) { |
| 44 | if (this.$parent.addRepairRecord) { | 44 | if (this.$parent.addRepairRecord) { |
| 45 | this.columns.unshift({ prop: "cz", label: "操作" }); | 45 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 46 | } | 46 | } |
| 47 | getDiyaqList({ | 47 | getDiyaqList({ |
| 48 | bdcdyid: this.propsParam.bdcdyid, | 48 | bdcdyid: this.propsParam.bdcdyid, |
| 49 | qllx: this.propsParam.qllx, | 49 | qllx: this.propsParam.qllx, |
| 50 | qszt: this.checkList, | 50 | qszt: checkList |
| 51 | }).then((res) => { | 51 | }).then((res) => { |
| 52 | if (res.code === 200) { | 52 | if (res.code === 200) { |
| 53 | this.tableData = res.result; | 53 | this.tableData = res.result; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 15:04:54 | 4 | * @LastEditTime: 2023-09-22 09:50:28 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -36,14 +36,14 @@ | ... | @@ -36,14 +36,14 @@ |
| 36 | this.loadData(); | 36 | this.loadData(); |
| 37 | }, | 37 | }, |
| 38 | methods: { | 38 | methods: { |
| 39 | loadData () { | 39 | loadData (checkList = []) { |
| 40 | if (this.$parent.addRepairRecord) { | 40 | if (this.$parent.addRepairRecord) { |
| 41 | this.columns.unshift({ prop: "cz", label: "操作" }); | 41 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 42 | } | 42 | } |
| 43 | getDiyiqList({ | 43 | getDiyiqList({ |
| 44 | bdcdyid: this.propsParam.bdcdyid, | 44 | bdcdyid: this.propsParam.bdcdyid, |
| 45 | qllx: this.propsParam.qllx, | 45 | qllx: this.propsParam.qllx, |
| 46 | qszt: this.checkList, | 46 | qszt: checkList |
| 47 | }).then((res) => { | 47 | }).then((res) => { |
| 48 | if (res.code === 200) { | 48 | if (res.code === 200) { |
| 49 | this.tableData = res.result; | 49 | this.tableData = res.result; | ... | ... |
| ... | @@ -116,11 +116,12 @@ export default { | ... | @@ -116,11 +116,12 @@ export default { |
| 116 | return item.bdcdyid == val.bdcdyid; | 116 | return item.bdcdyid == val.bdcdyid; |
| 117 | }); | 117 | }); |
| 118 | this.activeName = index; | 118 | this.activeName = index; |
| 119 | 119 | ||
| 120 | // this.setstyle(index, 0, this.iskey); | 120 | // this.setstyle(index, 0, this.iskey); |
| 121 | } else { | 121 | } else { |
| 122 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); | 122 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); |
| 123 | this.activeName = this.sfqdata.length - 1; | 123 | this.activeName = this.sfqdata.length - 1; |
| 124 | this.isActive="" | ||
| 124 | // this.$nextTick(() => { | 125 | // this.$nextTick(() => { |
| 125 | // this.setstyle(this.sfqdata.length - 1, 0, this.iskey); | 126 | // this.setstyle(this.sfqdata.length - 1, 0, this.iskey); |
| 126 | // }) | 127 | // }) |
| ... | @@ -217,7 +218,6 @@ export default { | ... | @@ -217,7 +218,6 @@ export default { |
| 217 | * @author: renchao | 218 | * @author: renchao |
| 218 | */ | 219 | */ |
| 219 | loadComponent(form) { | 220 | loadComponent(form) { |
| 220 | console.log(form, "form"); | ||
| 221 | this.componentTag = (r) => | 221 | this.componentTag = (r) => |
| 222 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 222 | require.ensure([], () => r(require("@/views/registerBook/" + form))); |
| 223 | }, | 223 | }, | ... | ... |
| ... | @@ -121,189 +121,161 @@ | ... | @@ -121,189 +121,161 @@ |
| 121 | ywh: "", | 121 | ywh: "", |
| 122 | ywly: "", | 122 | ywly: "", |
| 123 | }; | 123 | }; |
| 124 | }, | 124 | if (this.queryForm) { |
| 125 | mounted () { | 125 | this.$startLoading(); |
| 126 | this.getdata(); | 126 | searchTaskToDo({ |
| 127 | }, | 127 | ...this.queryForm, |
| 128 | methods: { | ||
| 129 | // 截取字符的方法 | ||
| 130 | /** | ||
| 131 | * @description: 截取字符的方法 | ||
| 132 | * @param {*} obj | ||
| 133 | * @author: renchao | ||
| 134 | */ | ||
| 135 | getCaption (obj) { | ||
| 136 | let index = obj.lastIndexOf("="); | ||
| 137 | obj = obj.substring(index + 1, obj.length); | ||
| 138 | return obj; | ||
| 139 | }, | ||
| 140 | // 通过不动产业务号获取参数 | ||
| 141 | /** | ||
| 142 | * @description: 通过不动产业务号获取参数 | ||
| 143 | * @author: renchao | ||
| 144 | */ | ||
| 145 | getdata () { | ||
| 146 | this.queryForm = { | ||
| 147 | bdcdyh: this.getCaption(window.location.href), | ||
| 148 | currentPage: 1, | ||
| 149 | djlx: "", | ||
| 150 | pageSize: 10, | ||
| 151 | qllx: "", | ||
| 152 | ywh: "", | ||
| 153 | ywly: "", | ||
| 154 | }; | ||
| 155 | if (this.queryForm) { | ||
| 156 | this.$startLoading(); | ||
| 157 | searchTaskToDo({ | ||
| 158 | ...this.queryForm, | ||
| 159 | }).then((res) => { | ||
| 160 | if (res.code === 200) { | ||
| 161 | let { records } = res.result; | ||
| 162 | |||
| 163 | this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid); | ||
| 164 | this.$endLoading(); | ||
| 165 | } | ||
| 166 | }); | ||
| 167 | } | ||
| 168 | }, | ||
| 169 | |||
| 170 | /** | ||
| 171 | * @description: getBdcdyh | ||
| 172 | * @author: miaofang | ||
| 173 | * 点击不动产单元号事件 | ||
| 174 | */ | ||
| 175 | getBdcdyh (val) { | ||
| 176 | this.addloadData(val); | ||
| 177 | }, | ||
| 178 | /** | ||
| 179 | * @description: addloadData | ||
| 180 | * @author: miaofang | ||
| 181 | */ | ||
| 182 | addloadData (val) { | ||
| 183 | getBdcqljqtsx({ | ||
| 184 | bdcdyid: val.bdcdyid, | ||
| 185 | bdcdyh: val.bdcdyh, | ||
| 186 | }).then((res) => { | 128 | }).then((res) => { |
| 187 | if (res.code === 200) { | 129 | if (res.code === 200) { |
| 188 | if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) { | 130 | let { records } = res.result; |
| 189 | let index = this.sfqdata.findIndex((item) => { | 131 | |
| 190 | return item.bdcdyid == val.bdcdyid; | 132 | this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid); |
| 191 | }); | 133 | this.$endLoading(); |
| 192 | this.activeName = index | ||
| 193 | } else { | ||
| 194 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); | ||
| 195 | this.activeName = this.sfqdata.length - 1; | ||
| 196 | } | ||
| 197 | } | 134 | } |
| 198 | }); | 135 | }); |
| 199 | this.currentSelectProps = { | 136 | } |
| 200 | bdcdyid: val.bdcdyid, | 137 | }, |
| 201 | bdcdyh: val.bdcdyh, | ||
| 202 | qllx: this.currentSelectProps.qllx, | ||
| 203 | bsmQlxx: this.currentSelectProps.bsmQlxx, | ||
| 204 | }; | ||
| 205 | }, | ||
| 206 | /** | ||
| 207 | * @description: loadData | ||
| 208 | * @author: renchao | ||
| 209 | */ | ||
| 210 | loadData (val) { | ||
| 211 | getBdcqljqtsx({ | ||
| 212 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 213 | bdcdyh: val, | ||
| 214 | }).then((res) => { | ||
| 215 | if (res.code === 200) { | ||
| 216 | this.treedata = loadTreeData(val); | ||
| 217 | this.sfqdata.push( | ||
| 218 | loadsfqData(res.result, val, this.currentSelectProps.bdcdyid) | ||
| 219 | ); | ||
| 220 | this.$nextTick(function () { | ||
| 221 | this.defaultNode = getNode( | ||
| 222 | this.currentSelectProps.qllx, | ||
| 223 | { linShi: 0, xianShi: 0, liShi: 0 }, | ||
| 224 | res.result.bdcdylx || "" | ||
| 225 | ); | ||
| 226 | this.sfqdata[0].children.forEach((item, index) => { | ||
| 227 | if (item.id == this.defaultNode.id) { | ||
| 228 | this.loadComponent(item.form); | ||
| 229 | this.isActive = index; | ||
| 230 | } | ||
| 231 | }) | ||
| 232 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
| 233 | // this.loadComponent(this.defaultNode.form); | ||
| 234 | 138 | ||
| 235 | // this.setstyle(0, 0, this.iskey); | 139 | // 获取不动产信息 |
| 236 | }); | 140 | /** |
| 141 | * @description: 获取不动产信息 | ||
| 142 | * @param {*} a | ||
| 143 | * @param {*} b | ||
| 144 | * @author: renchao | ||
| 145 | */ | ||
| 146 | loadBdcdylist (a, b) { | ||
| 147 | var formdata = new FormData(); | ||
| 148 | formdata.append("bsmSlsq", a); | ||
| 149 | formdata.append("bestepid", b); | ||
| 150 | leftMenu(formdata).then((res) => { | ||
| 151 | if (res.code === 200) { | ||
| 152 | if (res.result) { | ||
| 153 | this.currentSelectProps = res.result[0]; | ||
| 154 | this.loadData(this.currentSelectProps.bdcdyh); | ||
| 237 | } | 155 | } |
| 238 | }); | 156 | } |
| 239 | this.currentSelectProps = { | 157 | }); |
| 240 | bdcdyid: this.currentSelectProps.bdcdyid, | 158 | }, |
| 241 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 242 | qllx: this.currentSelectProps.qllx, | ||
| 243 | bsmQlxx: this.currentSelectProps.bsmQlxx, | ||
| 244 | }; | ||
| 245 | }, | ||
| 246 | /* | ||
| 247 | 点击登记簿菜单 | ||
| 248 | */ | ||
| 249 | handleNodeClick (data) { | ||
| 250 | this.loadComponent(data.form); | ||
| 251 | }, | ||
| 252 | 159 | ||
| 253 | /** | 160 | /** |
| 254 | * @description: setstyle | 161 | * @description: getBdcdyh |
| 255 | * @param {*} data | 162 | * @author: miaofang |
| 256 | * @author: renchao | 163 | * 点击不动产单元号事件 |
| 257 | * 设置样式和点击定位到当前功能 | ||
| 258 | */ | ||
| 259 | // setstyle (newindex, index, key) { | ||
| 260 | // if (key != undefined || this.keyy == index) { | ||
| 261 | // if (key != undefined) { | ||
| 262 | // this.keyy = key | ||
| 263 | // } | ||
| 264 | // this.loadComponent(this.$refs.sfq[newindex].$children[this.keyy].$attrs.re.form); | ||
| 265 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | ||
| 266 | // dpme.style.backgroundColor = "#f5f5f5"; | ||
| 267 | // dpme.style.color = "#0079fe"; | ||
| 268 | // dpme.style.borderRight = "4px solid #0079fe"; | ||
| 269 | // } else { | ||
| 270 | // let dpme = this.$refs.sfq[newindex].$children[this.keyy].$el | ||
| 271 | // dpme.style.backgroundColor = "#ffffff"; | ||
| 272 | // dpme.style.color = "black"; | ||
| 273 | // dpme.style.border = "none"; | ||
| 274 | // } | ||
| 275 | // }, | ||
| 276 | /** | ||
| 277 | * @description: tap | ||
| 278 | * @param {*} data | ||
| 279 | * @author: renchao | ||
| 280 | * 新增列表功能 | ||
| 281 | */ | 164 | */ |
| 282 | tap (data, index) { | 165 | getBdcdyh (val) { |
| 283 | this.loadComponent(data.form); | 166 | this.addloadData(val); |
| 284 | }, | 167 | }, |
| 285 | /** | 168 | /** |
| 286 | * @description: taplist | 169 | * @description: addloadData |
| 287 | * @param {*} data | 170 | * @author: miaofang |
| 288 | * @author: renchao | 171 | */ |
| 289 | * 新增列表功能 | 172 | addloadData (val) { |
| 290 | */ | 173 | getBdcqljqtsx({ |
| 291 | taplist (data, index) { | 174 | bdcdyid: val.bdcdyid, |
| 292 | this.loadComponent(data.form); | 175 | bdcdyh: val.bdcdyh, |
| 293 | this.isActive = index; | 176 | }).then((res) => { |
| 294 | }, | 177 | if (res.code === 200) { |
| 295 | /** | 178 | if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) { |
| 296 | * @description: loadComponent | 179 | let index = this.sfqdata.findIndex((item) => { |
| 297 | * @param {*} form | 180 | return item.bdcdyid == val.bdcdyid; |
| 181 | }); | ||
| 182 | this.activeName = index | ||
| 183 | } else { | ||
| 184 | this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)); | ||
| 185 | this.activeName = this.sfqdata.length - 1; | ||
| 186 | } | ||
| 187 | } | ||
| 188 | }); | ||
| 189 | this.currentSelectProps = { | ||
| 190 | bdcdyid: val.bdcdyid, | ||
| 191 | bdcdyh: val.bdcdyh, | ||
| 192 | qllx: this.currentSelectProps.qllx, | ||
| 193 | bsmQlxx: this.currentSelectProps.bsmQlxx, | ||
| 194 | }; | ||
| 195 | }, | ||
| 196 | /** | ||
| 197 | * @description: loadData | ||
| 298 | * @author: renchao | 198 | * @author: renchao |
| 299 | */ | 199 | */ |
| 300 | loadComponent (form) { | 200 | loadData (val) { |
| 301 | this.componentTag = (r) => | 201 | getBdcqljqtsx({ |
| 302 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | 202 | bdcdyid: this.currentSelectProps.bdcdyid, |
| 303 | }, | 203 | bdcdyh: val, |
| 204 | }).then((res) => { | ||
| 205 | if (res.code === 200) { | ||
| 206 | this.treedata = loadTreeData(val); | ||
| 207 | this.sfqdata.push( | ||
| 208 | loadsfqData(res.result, val, this.currentSelectProps.bdcdyid) | ||
| 209 | ); | ||
| 210 | this.$nextTick(function () { | ||
| 211 | this.defaultNode = getNode( | ||
| 212 | this.currentSelectProps.qllx, | ||
| 213 | { linShi: 0, xianShi: 0, liShi: 0 }, | ||
| 214 | res.result.bdcdylx || "" | ||
| 215 | ); | ||
| 216 | this.sfqdata[0].children.forEach((item, index) => { | ||
| 217 | if (item.id == this.defaultNode.id) { | ||
| 218 | this.loadComponent(item.form); | ||
| 219 | this.isActive = index; | ||
| 220 | } | ||
| 221 | }) | ||
| 222 | // this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 | ||
| 223 | // this.loadComponent(this.defaultNode.form); | ||
| 224 | |||
| 225 | // this.setstyle(0, 0, this.iskey); | ||
| 226 | |||
| 227 | // this.setstyle(0, 0, this.iskey); | ||
| 228 | }); | ||
| 229 | } | ||
| 230 | }); | ||
| 231 | this.currentSelectProps = { | ||
| 232 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
| 233 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
| 234 | qllx: this.currentSelectProps.qllx, | ||
| 235 | bsmQlxx: this.currentSelectProps.bsmQlxx, | ||
| 236 | }; | ||
| 304 | }, | 237 | }, |
| 238 | /* | ||
| 239 | 点击登记簿菜单 | ||
| 240 | */ | ||
| 241 | handleNodeClick (data) { | ||
| 242 | this.loadComponent(data.form); | ||
| 243 | }, | ||
| 244 | }, | ||
| 245 | /* | ||
| 246 | 点击登记簿菜单 | ||
| 247 | */ | ||
| 248 | /** | ||
| 249 | * @description: 点击登记簿菜单 | ||
| 250 | * @param {*} data | ||
| 251 | * @author: renchao | ||
| 252 | */ | ||
| 253 | handleNodeClick (data) { | ||
| 254 | this.loadComponent(data.form); | ||
| 255 | }, | ||
| 256 | tap (data, index) { | ||
| 257 | this.loadComponent(data.form); | ||
| 258 | }, | ||
| 259 | /** | ||
| 260 | * @description: taplist | ||
| 261 | * @param {*} data | ||
| 262 | * @author: renchao | ||
| 263 | * 新增列表功能 | ||
| 264 | */ | ||
| 265 | taplist (data, index) { | ||
| 266 | this.loadComponent(data.form); | ||
| 267 | this.isActive = index; | ||
| 268 | }, | ||
| 269 | /** | ||
| 270 | * @description: loadComponent | ||
| 271 | * @param {*} form | ||
| 272 | * @author: renchao | ||
| 273 | */ | ||
| 274 | loadComponent (form) { | ||
| 275 | this.componentTag = (r) => | ||
| 276 | require.ensure([], () => r(require("@/views/registerBook/" + form))); | ||
| 305 | } | 277 | } |
| 306 | } | 278 | }; |
| 307 | </script> | 279 | </script> |
| 308 | <style scoped lang="scss"> | 280 | <style scoped lang="scss"> |
| 309 | /deep/.rollTable { | 281 | /deep/.rollTable { |
| ... | @@ -343,6 +315,8 @@ | ... | @@ -343,6 +315,8 @@ |
| 343 | height: 45px; | 315 | height: 45px; |
| 344 | } | 316 | } |
| 345 | 317 | ||
| 318 | |||
| 319 | |||
| 346 | /deep/.el-tree-node { | 320 | /deep/.el-tree-node { |
| 347 | white-space: pre-wrap; | 321 | white-space: pre-wrap; |
| 348 | } | 322 | } |
| ... | @@ -376,33 +350,44 @@ | ... | @@ -376,33 +350,44 @@ |
| 376 | /deep/.el-collapse-item__content { | 350 | /deep/.el-collapse-item__content { |
| 377 | padding-bottom: 5px; | 351 | padding-bottom: 5px; |
| 378 | } | 352 | } |
| 379 | /deep/.sfqcontent { | 353 | /deep/.unselected { |
| 380 | white-space: wrap; | 354 | // white-space: wrap; |
| 381 | border: none; | 355 | border: none; |
| 382 | padding: 0; | ||
| 383 | margin: 0; | ||
| 384 | cursor: pointer; | 356 | cursor: pointer; |
| 385 | width: 100%; | 357 | width: 250px; |
| 386 | height: 100px; | 358 | height: 45px; |
| 387 | word-break: break-word; | 359 | border: 1px solid rgb(228, 228, 228); |
| 388 | display: inline; | 360 | border-right: 4px solid #f5f5f5; |
| 361 | margin: auto; | ||
| 362 | text-align: center; | ||
| 363 | align-items: center; | ||
| 389 | span { | 364 | span { |
| 390 | font-size: 13px; | 365 | width: 100%; |
| 391 | display: block; | 366 | display: inline-block; |
| 392 | line-height: 15px; | 367 | justify-content: center; |
| 393 | margin-left: 70px; | 368 | align-items: center; |
| 394 | } | 369 | } |
| 395 | height: 45px; | 370 | height: 45px; |
| 396 | border: 1px solid rgb(228, 228, 228); | 371 | border: 1px solid rgb(228, 228, 228); |
| 397 | border-right: 4px solid #f5f5f5; | 372 | border-right: 4px solid #f5f5f5; |
| 398 | } | 373 | } |
| 399 | .sfqcontent:hover { | 374 | |
| 400 | background-color: #f5f5f5; | 375 | .select { |
| 401 | color: black; | 376 | border: none; |
| 402 | } | 377 | cursor: pointer; |
| 403 | .sfqcontent:focus { | 378 | width: 250px; |
| 379 | height: 45px; | ||
| 404 | background-color: #f5f5f5; | 380 | background-color: #f5f5f5; |
| 405 | color: #0079fe; | 381 | color: #0079fe; |
| 406 | border-right: 4px solid #0079fe; | 382 | border-right: 4px solid #0079fe; |
| 383 | margin: auto; | ||
| 384 | text-align: center; | ||
| 385 | align-items: center; | ||
| 386 | span { | ||
| 387 | width: 100%; | ||
| 388 | display: inline-block; | ||
| 389 | justify-content: center; | ||
| 390 | align-items: center; | ||
| 391 | } | ||
| 407 | } | 392 | } |
| 408 | </style> | 393 | </style> | ... | ... |
| ... | @@ -5,37 +5,37 @@ | ... | @@ -5,37 +5,37 @@ |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djbfm"> | 7 | <div class="djbfm"> |
| 8 | <el-button class="print" v-print="printObj">打印</el-button> | 8 | <el-button class="print" v-print="printObj">打印</el-button> |
| 9 | <div class="fm" id="box"> | 9 | <div class="fm" id="box"> |
| 10 | <p> | ||
| 11 | <font style="">{{ info.sheng }}</font> | ||
| 12 | 省 (区、市) | ||
| 13 | <font>{{ info.shi }}</font> | ||
| 14 | 市 (区) | ||
| 15 | <font>{{ info.xian }}</font> | ||
| 16 | 区 (县、市) | ||
| 17 | </p> | ||
| 18 | <p> | ||
| 19 | <font>{{ info.jdh }}</font> | ||
| 20 | 街道 (乡、镇) | ||
| 21 | <font>{{ info.jfh }}</font> | ||
| 22 | 街坊 (村) | ||
| 23 | <font>{{ info.zh }}</font> | ||
| 24 | 组 | ||
| 25 | </p> | ||
| 26 | <div class="title">不动产登记簿</div> | ||
| 27 | <p> | ||
| 28 | 宗地/宗海号: | ||
| 29 | <font>{{ info.zddm }}</font> | ||
| 30 | </p> | ||
| 31 | <div class="bottom"> | ||
| 32 | <p> | 10 | <p> |
| 33 | 登记机构: | 11 | <font style="">{{ info.sheng }}</font> |
| 34 | <font>{{ info.djjg }}</font> | 12 | 省 (区、市) |
| 13 | <font>{{ info.shi }}</font> | ||
| 14 | 市 (区) | ||
| 15 | <font>{{ info.xian }}</font> | ||
| 16 | 区 (县、市) | ||
| 35 | </p> | 17 | </p> |
| 18 | <p> | ||
| 19 | <font>{{ info.jdh }}</font> | ||
| 20 | 街道 (乡、镇) | ||
| 21 | <font>{{ info.jfh }}</font> | ||
| 22 | 街坊 (村) | ||
| 23 | <font>{{ info.zh }}</font> | ||
| 24 | 组 | ||
| 25 | </p> | ||
| 26 | <div class="title">不动产登记簿</div> | ||
| 27 | <p> | ||
| 28 | 宗地/宗海号: | ||
| 29 | <font>{{ info.zddm }}</font> | ||
| 30 | </p> | ||
| 31 | <div class="bottom"> | ||
| 32 | <p> | ||
| 33 | 登记机构: | ||
| 34 | <font>{{ info.djjg }}</font> | ||
| 35 | </p> | ||
| 36 | </div> | ||
| 36 | </div> | 37 | </div> |
| 37 | </div> | 38 | </div> |
| 38 | </div> | ||
| 39 | 39 | ||
| 40 | </template> | 40 | </template> |
| 41 | 41 | ||
| ... | @@ -45,10 +45,10 @@ | ... | @@ -45,10 +45,10 @@ |
| 45 | export default { | 45 | export default { |
| 46 | data () { | 46 | data () { |
| 47 | return { | 47 | return { |
| 48 | printObj: { | 48 | printObj: { |
| 49 | id: "box", | 49 | id: "box", |
| 50 | //其他配置项， | 50 | //其他配置项， |
| 51 | }, | 51 | }, |
| 52 | //传递参数 | 52 | //传递参数 |
| 53 | propsParam: this.$attrs, | 53 | propsParam: this.$attrs, |
| 54 | info: {}, | 54 | info: {}, |
| ... | @@ -78,58 +78,55 @@ | ... | @@ -78,58 +78,55 @@ |
| 78 | width: 100%; | 78 | width: 100%; |
| 79 | height: 100%; | 79 | height: 100%; |
| 80 | position: relative; | 80 | position: relative; |
| 81 | .print{ | 81 | .print { |
| 82 | // background-color: #0079fe; | 82 | // background-color: #0079fe; |
| 83 | z-index: 10; | 83 | z-index: 10; |
| 84 | position: absolute; | 84 | position: absolute; |
| 85 | left: 11px; | 85 | left: 11px; |
| 86 | top: 5px; | 86 | top: 5px; |
| 87 | 87 | } | |
| 88 | |||
| 89 | } | ||
| 90 | |||
| 91 | } | 88 | } |
| 92 | .fm{ | 89 | .fm { |
| 93 | width: 100%; | 90 | width: 100%; |
| 94 | height: 100%; | 91 | height: 100%; |
| 95 | background: #fff; | 92 | background: #fff; |
| 96 | line-height: 45px; | 93 | line-height: 45px; |
| 97 | text-align: center; | 94 | text-align: center; |
| 98 | font-size: 18px; | 95 | font-size: 18px; |
| 99 | font-family: serif; | 96 | font-family: serif; |
| 100 | } | 97 | } |
| 101 | font { | 98 | font { |
| 102 | border-bottom: 1px solid #000; | 99 | border-bottom: 1px solid #000; |
| 103 | display: inline-block; | 100 | display: inline-block; |
| 104 | padding: 0 15px; | 101 | padding: 0 15px; |
| 105 | line-height: 16px; | 102 | line-height: 16px; |
| 106 | } | 103 | } |
| 107 | 104 | ||
| 108 | .title { | 105 | .title { |
| 109 | height: 40%; | 106 | height: 40%; |
| 110 | display: flex; | 107 | display: flex; |
| 111 | font-size: 38px; | 108 | font-size: 38px; |
| 112 | color: #000; | 109 | color: #000; |
| 113 | justify-content: center; | 110 | justify-content: center; |
| 114 | align-items: center; | 111 | align-items: center; |
| 115 | } | 112 | } |
| 116 | 113 | ||
| 117 | .bottom { | 114 | .bottom { |
| 118 | position: absolute; | 115 | position: absolute; |
| 119 | bottom: 0px; | 116 | bottom: 0px; |
| 120 | text-align: center; | 117 | text-align: center; |
| 121 | width: 100%; | 118 | width: 100%; |
| 122 | left: 0; | 119 | left: 0; |
| 123 | height: 100px; | 120 | height: 100px; |
| 124 | line-height: 100px; | 121 | line-height: 100px; |
| 125 | 122 | ||
| 126 | p { | 123 | p { |
| 127 | font-size: 28px; | 124 | font-size: 28px; |
| 128 | } | 125 | } |
| 129 | 126 | ||
| 130 | font { | 127 | font { |
| 131 | font-size: 24px; | 128 | font-size: 24px; |
| 132 | line-height: 24px; | 129 | line-height: 24px; |
| 133 | } | ||
| 134 | } | 130 | } |
| 131 | } | ||
| 135 | </style> | 132 | </style> | ... | ... |
src/views/registerBook/dzlist.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-18 13:39:51 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="content"> | ||
| 8 | 自然幢列表（待开发） | ||
| 9 | </div> | ||
| 10 | </template> | ||
| 11 | <script> | ||
| 12 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | ||
| 13 | import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js"; | ||
| 14 | export default { | ||
| 15 | data() { | ||
| 16 | return { | ||
| 17 | } | ||
| 18 | }, | ||
| 19 | |||
| 20 | mounted() { | ||
| 21 | |||
| 22 | }, | ||
| 23 | methods: { | ||
| 24 | |||
| 25 | }, | ||
| 26 | }; | ||
| 27 | </script> | ||
| 28 | <style scoped lang="scss"> | ||
| 29 | |||
| 30 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 14:48:07 | 4 | * @LastEditTime: 2023-09-21 11:05:33 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -72,7 +72,7 @@ | ... | @@ -72,7 +72,7 @@ |
| 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 | <el-link v-if="item.prop == 'ywh'" | 75 | <el-link v-if=" ['zxywh', 'ywh'].includes(item.prop)" |
| 76 | @click="handleSelectYwh(tableData, row[item.prop])" | 76 | @click="handleSelectYwh(tableData, row[item.prop])" |
| 77 | type="primary">{{ row[item.prop] }}</el-link> | 77 | type="primary">{{ row[item.prop] }}</el-link> |
| 78 | <el-tooltip | 78 | <el-tooltip |
| ... | @@ -88,6 +88,7 @@ | ... | @@ -88,6 +88,7 @@ |
| 88 | 88 | ||
| 89 | <span | 89 | <span |
| 90 | v-if=" | 90 | v-if=" |
| 91 | item.prop !== 'zxywh' && | ||
| 91 | item.prop !== 'ywh' && | 92 | item.prop !== 'ywh' && |
| 92 | item.prop !== 'qszt' && | 93 | item.prop !== 'qszt' && |
| 93 | item.prop !== 'djyy' && | 94 | item.prop !== 'djyy' && |
| ... | @@ -291,14 +292,16 @@ | ... | @@ -291,14 +292,16 @@ |
| 291 | if (sjlx == '系统数据') { | 292 | if (sjlx == '系统数据') { |
| 292 | getXtParamsByYwh(ywh).then(res => { | 293 | getXtParamsByYwh(ywh).then(res => { |
| 293 | let data = res.result | 294 | let data = res.result |
| 294 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx') | 295 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx') |
| 295 | window.open(href, `urlname${data.bsmSlsq}`) | 296 | window.open(href, `urlname${data.bsmSlsq}`) |
| 296 | }) | 297 | }) |
| 297 | } else { | 298 | } else { |
| 298 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { | 299 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { |
| 299 | let data = res.result | 300 | let data = res.result |
| 300 | const { href } = Router.resolve('/workFrameView?bsmSlsq=' + data.bsmSlsq + '&bestepid=' + data.bestepid + '&bsmBusiness=' + data.bsmBusiness + '&type=jdcx') | 301 | this.$popup('材料信息', 'registerBook/components/clxx/index', { |
| 301 | window.open(href, `urlname${data.bsmSlsq}`) | 302 | width: '60%', |
| 303 | formData: data | ||
| 304 | }) | ||
| 302 | }) | 305 | }) |
| 303 | } | 306 | } |
| 304 | } | 307 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 15:01:13 | 4 | * @LastEditTime: 2023-09-22 09:49:44 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -39,14 +39,14 @@ | ... | @@ -39,14 +39,14 @@ |
| 39 | * @description: loadData | 39 | * @description: loadData |
| 40 | * @author: miaofang | 40 | * @author: miaofang |
| 41 | */ | 41 | */ |
| 42 | loadData () { | 42 | loadData (checkList = []) { |
| 43 | if (this.$parent.addRepairRecord) { | 43 | if (this.$parent.addRepairRecord) { |
| 44 | this.columns.unshift({ prop: "cz", label: "操作" }); | 44 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 45 | } | 45 | } |
| 46 | getFdcq2List({ | 46 | getFdcq2List({ |
| 47 | bdcdyid: this.propsParam.bdcdyid, | 47 | bdcdyid: this.propsParam.bdcdyid, |
| 48 | qllx: this.propsParam.qllx, | 48 | qllx: this.propsParam.qllx, |
| 49 | qszt: this.checkList, | 49 | qszt: checkList |
| 50 | }).then((res) => { | 50 | }).then((res) => { |
| 51 | if (res.code === 200) { | 51 | if (res.code === 200) { |
| 52 | this.tableData = res.result; | 52 | this.tableData = res.result; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 13:43:36 | 4 | * @LastEditTime: 2023-09-22 09:49:31 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -40,11 +40,11 @@ | ... | @@ -40,11 +40,11 @@ |
| 40 | this.loadData(); | 40 | this.loadData(); |
| 41 | }, | 41 | }, |
| 42 | methods: { | 42 | methods: { |
| 43 | loadData () { | 43 | loadData (checkList = []) { |
| 44 | getJsydsyqList({ | 44 | getJsydsyqList({ |
| 45 | bdcdyid: this.propsParam.bdcdyid, | 45 | bdcdyid: this.propsParam.bdcdyid, |
| 46 | qllx: this.propsParam.qllx, | 46 | qllx: this.propsParam.qllx, |
| 47 | qszt: this.checkList, | 47 | qszt: checkList |
| 48 | }).then((res) => { | 48 | }).then((res) => { |
| 49 | if (res.code === 200) { | 49 | if (res.code === 200) { |
| 50 | this.tableData = res.result; | 50 | this.tableData = res.result; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 13:44:04 | 4 | * @LastEditTime: 2023-09-22 09:53:54 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
| 40 | this.loadData(); | 40 | this.loadData(); |
| 41 | }, | 41 | }, |
| 42 | methods: { | 42 | methods: { |
| 43 | loadData () { | 43 | loadData (checkList = []) { |
| 44 | if (this.$parent.addRepairRecord) { | 44 | if (this.$parent.addRepairRecord) { |
| 45 | this.columns.unshift({ | 45 | this.columns.unshift({ |
| 46 | prop: "cz", | 46 | prop: "cz", |
| ... | @@ -50,7 +50,7 @@ | ... | @@ -50,7 +50,7 @@ |
| 50 | getLqList({ | 50 | getLqList({ |
| 51 | bdcdyid: this.propsParam.bdcdyid, | 51 | bdcdyid: this.propsParam.bdcdyid, |
| 52 | qllx: this.propsParam.qllx, | 52 | qllx: this.propsParam.qllx, |
| 53 | qszt: this.checkList, | 53 | qszt: checkList |
| 54 | }).then((res) => { | 54 | }).then((res) => { |
| 55 | if (res.code === 200) { | 55 | if (res.code === 200) { |
| 56 | this.tableData = res.result; | 56 | this.tableData = res.result; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 13:44:35 | 4 | * @LastEditTime: 2023-09-22 09:53:31 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
| 46 | this.loadData(); | 46 | this.loadData(); |
| 47 | }, | 47 | }, |
| 48 | methods: { | 48 | methods: { |
| 49 | loadData () { | 49 | loadData (checkList = []) { |
| 50 | if (this.$parent.addRepairRecord) { | 50 | if (this.$parent.addRepairRecord) { |
| 51 | this.columns.unshift({ | 51 | this.columns.unshift({ |
| 52 | prop: "cz", | 52 | prop: "cz", |
| ... | @@ -56,7 +56,7 @@ | ... | @@ -56,7 +56,7 @@ |
| 56 | getNydsyqList({ | 56 | getNydsyqList({ |
| 57 | bdcdyid: this.propsParam.bdcdyid, | 57 | bdcdyid: this.propsParam.bdcdyid, |
| 58 | qllx: this.propsParam.qllx, | 58 | qllx: this.propsParam.qllx, |
| 59 | qszt: this.checkList, | 59 | qszt: checkList |
| 60 | }).then((res) => { | 60 | }).then((res) => { |
| 61 | if (res.code === 200) { | 61 | if (res.code === 200) { |
| 62 | this.tableData = res.result; | 62 | this.tableData = res.result; |
| ... | @@ -68,13 +68,13 @@ | ... | @@ -68,13 +68,13 @@ |
| 68 | this.emptycolNum = | 68 | this.emptycolNum = |
| 69 | datas.columns().emptycolNum - this.tableData.length; | 69 | datas.columns().emptycolNum - this.tableData.length; |
| 70 | } else { | 70 | } else { |
| 71 | this.emptycolNum = 0; | 71 | this.emptycolNum = 0 |
| 72 | } | 72 | } |
| 73 | } | 73 | } |
| 74 | }); | 74 | }) |
| 75 | } | 75 | } |
| 76 | } | 76 | } |
| 77 | }; | 77 | } |
| 78 | </script> | 78 | </script> |
| 79 | 79 | ||
| 80 | <style lang="scss" scoped> | 80 | <style lang="scss" scoped> | ... | ... |
| ... | @@ -60,7 +60,8 @@ | ... | @@ -60,7 +60,8 @@ |
| 60 | top: 0px; | 60 | top: 0px; |
| 61 | z-index: 3; | 61 | z-index: 3; |
| 62 | margin-top: -2px; | 62 | margin-top: -2px; |
| 63 | &:after{ | 63 | |
| 64 | &:after { | ||
| 64 | content: ""; | 65 | content: ""; |
| 65 | display: inline-block; | 66 | display: inline-block; |
| 66 | width: 100%; | 67 | width: 100%; |
| ... | @@ -77,7 +78,8 @@ | ... | @@ -77,7 +78,8 @@ |
| 77 | position: sticky; | 78 | position: sticky; |
| 78 | top: 40px; | 79 | top: 40px; |
| 79 | z-index: 3; | 80 | z-index: 3; |
| 80 | &:after{ | 81 | |
| 82 | &:after { | ||
| 81 | content: ""; | 83 | content: ""; |
| 82 | display: inline-block; | 84 | display: inline-block; |
| 83 | width: 100%; | 85 | width: 100%; |
| ... | @@ -102,7 +104,8 @@ | ... | @@ -102,7 +104,8 @@ |
| 102 | left: 0; | 104 | left: 0; |
| 103 | z-index: 2; | 105 | z-index: 2; |
| 104 | margin-left: -2px; | 106 | margin-left: -2px; |
| 105 | &:before{ | 107 | |
| 108 | &:before { | ||
| 106 | content: ""; | 109 | content: ""; |
| 107 | display: inline-block; | 110 | display: inline-block; |
| 108 | width: 2px; | 111 | width: 2px; |
| ... | @@ -113,7 +116,8 @@ | ... | @@ -113,7 +116,8 @@ |
| 113 | left: -2px; | 116 | left: -2px; |
| 114 | z-index: 3; | 117 | z-index: 3; |
| 115 | } | 118 | } |
| 116 | &:after{ | 119 | |
| 120 | &:after { | ||
| 117 | content: ""; | 121 | content: ""; |
| 118 | display: inline-block; | 122 | display: inline-block; |
| 119 | width: 2px; | 123 | width: 2px; |
| ... | @@ -228,11 +232,12 @@ | ... | @@ -228,11 +232,12 @@ |
| 228 | min-width: 340px; | 232 | min-width: 340px; |
| 229 | z-index: 1; | 233 | z-index: 1; |
| 230 | } | 234 | } |
| 231 | td:first-child{ | 235 | |
| 236 | td:first-child { | ||
| 232 | flex: inherit !important; | 237 | flex: inherit !important; |
| 233 | // width: 200px !important; | 238 | // min-width: 180px !important; |
| 234 | min-width: 180px !important; | ||
| 235 | } | 239 | } |
| 240 | |||
| 236 | >tr:nth-child(odd) td { | 241 | >tr:nth-child(odd) td { |
| 237 | background: #f2f2f2; | 242 | background: #f2f2f2; |
| 238 | } | 243 | } |
| ... | @@ -258,4 +263,4 @@ | ... | @@ -258,4 +263,4 @@ |
| 258 | margin-left: 2px; | 263 | margin-left: 2px; |
| 259 | } | 264 | } |
| 260 | } | 265 | } |
| 261 | } | 266 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 13:45:03 | 4 | * @LastEditTime: 2023-09-22 09:53:19 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -36,7 +36,7 @@ | ... | @@ -36,7 +36,7 @@ |
| 36 | this.loadData(); | 36 | this.loadData(); |
| 37 | }, | 37 | }, |
| 38 | methods: { | 38 | methods: { |
| 39 | loadData () { | 39 | loadData (checkList = []) { |
| 40 | if (this.$parent.addRepairRecord) { | 40 | if (this.$parent.addRepairRecord) { |
| 41 | this.columns.unshift({ | 41 | this.columns.unshift({ |
| 42 | prop: "cz", | 42 | prop: "cz", |
| ... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
| 46 | getLqList({ | 46 | getLqList({ |
| 47 | bdcdyid: this.propsParam.bdcdyid, | 47 | bdcdyid: this.propsParam.bdcdyid, |
| 48 | qllx: this.propsParam.qllx, | 48 | qllx: this.propsParam.qllx, |
| 49 | qszt: this.checkList, | 49 | qszt: checkList |
| 50 | }).then((res) => { | 50 | }).then((res) => { |
| 51 | if (res.code === 200) { | 51 | if (res.code === 200) { |
| 52 | this.tableData = res.result; | 52 | this.tableData = res.result; | ... | ... |
| ... | @@ -44,7 +44,7 @@ | ... | @@ -44,7 +44,7 @@ |
| 44 | * @description: loadData | 44 | * @description: loadData |
| 45 | * @author: miaofang | 45 | * @author: miaofang |
| 46 | */ | 46 | */ |
| 47 | loadData () { | 47 | loadData (checkList = []) { |
| 48 | if (this.$parent.addRepairRecord) { | 48 | if (this.$parent.addRepairRecord) { |
| 49 | this.columns.unshift({ | 49 | this.columns.unshift({ |
| 50 | prop: "cz", | 50 | prop: "cz", |
| ... | @@ -54,7 +54,7 @@ | ... | @@ -54,7 +54,7 @@ |
| 54 | getTdsyqList({ | 54 | getTdsyqList({ |
| 55 | bdcdyid: this.propsParam.bdcdyid, | 55 | bdcdyid: this.propsParam.bdcdyid, |
| 56 | qllx: this.propsParam.qllx, | 56 | qllx: this.propsParam.qllx, |
| 57 | qszt: this.checkList, | 57 | qszt: checkList |
| 58 | }).then((res) => { | 58 | }).then((res) => { |
| 59 | if (res.code === 200) { | 59 | if (res.code === 200) { |
| 60 | this.tableData = res.result; | 60 | this.tableData = res.result; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 13:40:33 | 4 | * @LastEditTime: 2023-09-22 09:52:50 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -36,7 +36,7 @@ | ... | @@ -36,7 +36,7 @@ |
| 36 | this.loadData(); | 36 | this.loadData(); |
| 37 | }, | 37 | }, |
| 38 | methods: { | 38 | methods: { |
| 39 | loadData () { | 39 | loadData (checkList = []) { |
| 40 | // 判断是否在登记簿补录调的子页面 | 40 | // 判断是否在登记簿补录调的子页面 |
| 41 | if (this.$parent.addRepairRecord) { | 41 | if (this.$parent.addRepairRecord) { |
| 42 | this.columns.unshift({ | 42 | this.columns.unshift({ |
| ... | @@ -47,7 +47,7 @@ | ... | @@ -47,7 +47,7 @@ |
| 47 | getYgdjList({ | 47 | getYgdjList({ |
| 48 | bdcdyid: this.propsParam.bdcdyid, | 48 | bdcdyid: this.propsParam.bdcdyid, |
| 49 | qllx: this.propsParam.qllx, | 49 | qllx: this.propsParam.qllx, |
| 50 | qszt: this.checkList, | 50 | qszt: checkList |
| 51 | }).then((res) => { | 51 | }).then((res) => { |
| 52 | if (res.code === 200) { | 52 | if (res.code === 200) { |
| 53 | this.tableData = res.result; | 53 | this.tableData = res.result; |
| ... | @@ -60,7 +60,7 @@ | ... | @@ -60,7 +60,7 @@ |
| 60 | this.emptycolNum = | 60 | this.emptycolNum = |
| 61 | datas.columns().emptycolNum - this.tableData.length; | 61 | datas.columns().emptycolNum - this.tableData.length; |
| 62 | } else { | 62 | } else { |
| 63 | this.emptycolNum = 0; | 63 | this.emptycolNum = 0 |
| 64 | } | 64 | } |
| 65 | } | 65 | } |
| 66 | }) | 66 | }) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: miaofang | 3 | * @Autor: miaofang |
| 4 | * @LastEditTime: 2023-09-18 15:06:35 | 4 | * @LastEditTime: 2023-09-22 09:52:37 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="djxxTable"> | 7 | <div class="djxxTable"> |
| ... | @@ -36,7 +36,7 @@ | ... | @@ -36,7 +36,7 @@ |
| 36 | this.loadData(); | 36 | this.loadData(); |
| 37 | }, | 37 | }, |
| 38 | methods: { | 38 | methods: { |
| 39 | loadData () { | 39 | loadData (checkList = []) { |
| 40 | if (this.$parent.addRepairRecord) { | 40 | if (this.$parent.addRepairRecord) { |
| 41 | this.columns.unshift({ | 41 | this.columns.unshift({ |
| 42 | prop: "cz", | 42 | prop: "cz", |
| ... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
| 46 | getYydjList({ | 46 | getYydjList({ |
| 47 | bdcdyid: this.propsParam.bdcdyid, | 47 | bdcdyid: this.propsParam.bdcdyid, |
| 48 | qllx: this.propsParam.qllx, | 48 | qllx: this.propsParam.qllx, |
| 49 | qszt: this.checkList, | 49 | qszt: checkList |
| 50 | }).then((res) => { | 50 | }).then((res) => { |
| 51 | if (res.code === 200) { | 51 | if (res.code === 200) { |
| 52 | this.tableData = res.result; | 52 | this.tableData = res.result; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-20 16:07:43 | 4 | * @LastEditTime: 2023-09-26 16:47:20 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <dialogBox | 7 | <dialogBox |
| ... | @@ -512,11 +512,10 @@ | ... | @@ -512,11 +512,10 @@ |
| 512 | let { total, records } = res.result; | 512 | let { total, records } = res.result; |
| 513 | this.tableDataQy.total = total; | 513 | this.tableDataQy.total = total; |
| 514 | this.tableDataQy.data = records; | 514 | this.tableDataQy.data = records; |
| 515 | this.tableDataQy.data.forEach(item => { | 515 | this.tableDataQy.data.forEach((item, index) => { |
| 516 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | 516 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') |
| 517 | item.sqrmc = item.qymc | 517 | item.sqrmc = item.qymc |
| 518 | item.txdz = item.dwdz | 518 | item.txdz = item.dwdz |
| 519 | item.id = getUuid(16) | ||
| 520 | }) | 519 | }) |
| 521 | } | 520 | } |
| 522 | }) | 521 | }) |
| ... | @@ -541,9 +540,10 @@ | ... | @@ -541,9 +540,10 @@ |
| 541 | this.$confirm('是否同步材料信息?', '提示', { | 540 | this.$confirm('是否同步材料信息?', '提示', { |
| 542 | confirmButtonText: '确定', | 541 | confirmButtonText: '确定', |
| 543 | cancelButtonText: '取消', | 542 | cancelButtonText: '取消', |
| 543 | distinguishCancelAndClose: true,//区分取消与关闭 | ||
| 544 | }).then(() => { | 544 | }).then(() => { |
| 545 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { | 545 | replace(val.bsmCompany, this.$route.query.bsmSlsq, bsmSldy).then(res => { |
| 546 | that.$emit("updateDetail", _.cloneDeep(val)); | 546 | that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2', id: getUuid(16) })); |
| 547 | that.$emit("input", false); | 547 | that.$emit("input", false); |
| 548 | if (res.code == 200) { | 548 | if (res.code == 200) { |
| 549 | that.$message({ | 549 | that.$message({ |
| ... | @@ -551,14 +551,14 @@ | ... | @@ -551,14 +551,14 @@ |
| 551 | message: '同步成功!' | 551 | message: '同步成功!' |
| 552 | }) | 552 | }) |
| 553 | } else { | 553 | } else { |
| 554 | this.$message.error(res.message); | 554 | that.$message.error(res.message); |
| 555 | } | 555 | } |
| 556 | }) | 556 | }) |
| 557 | }).catch(() => { | 557 | }).catch(action => { |
| 558 | this.$message({ | 558 | if (action == 'cancel') { |
| 559 | type: 'info', | 559 | that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' })); |
| 560 | message: '已取消' | 560 | that.$emit("input", false); |
| 561 | }) | 561 | } |
| 562 | }) | 562 | }) |
| 563 | }, | 563 | }, |
| 564 | /** | 564 | /** |
| ... | @@ -573,11 +573,10 @@ | ... | @@ -573,11 +573,10 @@ |
| 573 | let { total, records } = res.result; | 573 | let { total, records } = res.result; |
| 574 | this.tableDataYh.total = total; | 574 | this.tableDataYh.total = total; |
| 575 | this.tableDataYh.data = records; | 575 | this.tableDataYh.data = records; |
| 576 | this.tableDataYh.data.forEach(item => { | 576 | this.tableDataYh.data.forEach((item, index) => { |
| 577 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') | 577 | item.zjzlMc = this.dicStatus(item.zjzl, 'A30') |
| 578 | item.sqrmc = item.qymc | 578 | item.sqrmc = item.qymc |
| 579 | item.txdz = item.dwdz | 579 | item.txdz = item.dwdz |
| 580 | item.id = getUuid(16) | ||
| 581 | }) | 580 | }) |
| 582 | } | 581 | } |
| 583 | }) | 582 | }) | ... | ... |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | import { mapGetters } from 'vuex' | 11 | import { mapGetters } from 'vuex' |
| 12 | import { getSzRecordList } from "@/api/bdcqz.js"; | 12 | import { getSzRecordList } from "@/api/bdcqz.js"; |
| 13 | import table from "@/utils/mixin/table"; | 13 | import table from "@/utils/mixin/table"; |
| 14 | import { datas } from "../../javascript/szxxdata"; | 14 | import { szxxdatas } from "../../javascript/szxxdata"; |
| 15 | export default { | 15 | export default { |
| 16 | components: { | 16 | components: { |
| 17 | 17 | ||
| ... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
| 34 | details: {}, | 34 | details: {}, |
| 35 | tableData: { | 35 | tableData: { |
| 36 | total: 0, | 36 | total: 0, |
| 37 | columns: datas.columns(), | 37 | columns: szxxdatas.columns(), |
| 38 | data: [], | 38 | data: [], |
| 39 | }, | 39 | }, |
| 40 | } | 40 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 14:04:13 | 4 | * @LastEditTime: 2023-09-22 10:09:05 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -224,18 +224,18 @@ | ... | @@ -224,18 +224,18 @@ |
| 224 | arr.push(currentLine); | 224 | arr.push(currentLine); |
| 225 | if (i > 0) { | 225 | if (i > 0) { |
| 226 | arr.forEach((line, index) => { | 226 | arr.forEach((line, index) => { |
| 227 | context.fillText(line, 129, 490 + (26 * (i - 1)) + 4 * num + (index * 14)); // 调整行高 | 227 | context.fillText(line, 129, 485 + (24 * (i - 1)) + 4 * num + (index * 14)); // 调整行高 |
| 228 | }) | 228 | }) |
| 229 | } else { | 229 | } else { |
| 230 | arr.forEach((line, index) => { | 230 | arr.forEach((line, index) => { |
| 231 | context.fillText(line, 129, 500 + (26 * (i - 1)) + (index * 14)); // 调整行高 | 231 | context.fillText(line, 129, 495 + (26 * (i - 1)) + (index * 14)); // 调整行高 |
| 232 | }) | 232 | }) |
| 233 | } | 233 | } |
| 234 | } else { | 234 | } else { |
| 235 | if (i > 0) { | 235 | if (i > 0) { |
| 236 | context.fillText(lines[i] ? lines[i] : '', 129, 500 + 4 * num + (24 * (i - 1))); | 236 | context.fillText(lines[i] ? lines[i] : '', 129, 495 + 4 * num + (24 * (i - 1))); |
| 237 | } else { | 237 | } else { |
| 238 | context.fillText(lines[i] ? lines[i] : '', 129, 505 + (24 * (i - 1))); | 238 | context.fillText(lines[i] ? lines[i] : '', 129, 500 + (24 * (i - 1))); |
| 239 | } | 239 | } |
| 240 | } | 240 | } |
| 241 | } | 241 | } | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: miaofang | ||
| 4 | * @LastEditTime: 2023-09-19 14:04:13 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div | ||
| 8 | class="from-clues loadingtext" | ||
| 9 | v-Loading="loading" | ||
| 10 | element-loading-text="拼命加载中..." | ||
| 11 | style="height: 720px; text-align: center" | ||
| 12 | > | ||
| 13 | <!-- 表单部分 --> | ||
| 14 | <el-tabs v-model="activeName" @tab-click="handleClick"> | ||
| 15 | <el-tab-pane label="证书预览" name="zsyl"> | ||
| 16 | <el-empty | ||
| 17 | description="暂无数据" | ||
| 18 | v-if="headTabBdcqz.length == 0 && noData" | ||
| 19 | ></el-empty> | ||
| 20 | <div class="zsys"> | ||
| 21 | <canvas | ||
| 22 | ref="zs" | ||
| 23 | width="1000" | ||
| 24 | v-show="this.bdcqz.bdcqzlx == 1" | ||
| 25 | height="700" | ||
| 26 | ></canvas> | ||
| 27 | <canvas | ||
| 28 | ref="zm" | ||
| 29 | width="1180" | ||
| 30 | v-show="this.bdcqz.bdcqzlx == 2" | ||
| 31 | height="780" | ||
| 32 | ></canvas> | ||
| 33 | </div> | ||
| 34 | </el-tab-pane> | ||
| 35 | <el-tab-pane label="证书详情" name="lcjl"> | ||
| 36 | <div class="slxx_title title-block"> | ||
| 37 | 证书详情信息 | ||
| 38 | <div class="triangle"></div> | ||
| 39 | </div> | ||
| 40 | <el-form :rules="rules" ref="ruleForm" label-width="120px"> | ||
| 41 | <el-row> | ||
| 42 | <el-col :span="8"> | ||
| 43 | <el-form-item label="权利人" prop="cyxm"> | ||
| 44 | <el-input disabled v-model="bdcqz.qlr" maxlegth="15"></el-input> | ||
| 45 | </el-form-item> | ||
| 46 | </el-col> | ||
| 47 | <el-col :span="8"> | ||
| 48 | <el-form-item label="义务人" prop="jtgxdm"> | ||
| 49 | <el-input disabled v-model="bdcqz.qlr" maxlegth="15"></el-input> | ||
| 50 | </el-form-item> | ||
| 51 | </el-col> | ||
| 52 | <el-col :span="8"> | ||
| 53 | <el-form-item label="坐落" prop="cbfdm"> | ||
| 54 | <el-input disabled v-model="bdcqz.zl" maxlegth="15"></el-input> | ||
| 55 | </el-form-item> | ||
| 56 | </el-col> | ||
| 57 | |||
| 58 | </el-row> | ||
| 59 | <el-row> | ||
| 60 | <el-col :span="8"> | ||
| 61 | <el-form-item label="不动产单元号" prop="cyxm"> | ||
| 62 | <el-input disabled v-model="bdcqz.bdcdyh" maxlegth="15"></el-input> | ||
| 63 | </el-form-item> | ||
| 64 | </el-col> | ||
| 65 | <el-col :span="8"> | ||
| 66 | <el-form-item label="印刷序列号" prop="jtgxdm"> | ||
| 67 | <el-input disabled v-model="bdcqz.ysxlh" maxlegth="15"></el-input> | ||
| 68 | </el-form-item> | ||
| 69 | </el-col> | ||
| 70 | <el-col :span="8"> | ||
| 71 | <el-form-item label="不动产权证号" prop="cbfdm"> | ||
| 72 | <el-input disabled v-model="bdcqz.bdcqzh" maxlegth="15"></el-input> | ||
| 73 | </el-form-item> | ||
| 74 | </el-col> | ||
| 75 | |||
| 76 | </el-row> | ||
| 77 | </el-form> | ||
| 78 | <div class="slxx_title title-block"> | ||
| 79 | 缮证记录信息 | ||
| 80 | <div class="triangle"></div> | ||
| 81 | </div> | ||
| 82 | <div class="from-clues-content"> | ||
| 83 | <lb-table | ||
| 84 | class="sz" | ||
| 85 | :column="szxxtableData.columns" | ||
| 86 | heightNumSetting | ||
| 87 | :pagination="false" | ||
| 88 | :key="key" | ||
| 89 | :data="szxxtableData.data" | ||
| 90 | > | ||
| 91 | </lb-table> | ||
| 92 | </div> | ||
| 93 | <div class="slxx_title title-block"> | ||
| 94 | 发证记录信息 | ||
| 95 | <div class="triangle"></div> | ||
| 96 | </div> | ||
| 97 | <lb-table | ||
| 98 | border | ||
| 99 | :column="tableDatas.columns" | ||
| 100 | :heightNum="100" | ||
| 101 | :data="tableDatas.data" | ||
| 102 | :pagination="false" | ||
| 103 | > | ||
| 104 | </lb-table> | ||
| 105 | </el-tab-pane> | ||
| 106 | <el-tab-pane label="电子证照" name="third"> 等一个照片 </el-tab-pane> | ||
| 107 | </el-tabs> | ||
| 108 | </div> | ||
| 109 | </template> | ||
| 110 | |||
| 111 | <script> | ||
| 112 | // import { zsyldatas } from "../../javascript/zsyl.js"; | ||
| 113 | import { getSlsqBdcqzList } from "@/api/bdcqz.js"; | ||
| 114 | import { getCertificateList } from "@/api/bdcqz.js"; | ||
| 115 | import { getSzRecordList } from "@/api/bdcqz.js"; | ||
| 116 | import { szxxdatas } from "../../javascript/szxxdatapart"; | ||
| 117 | import { datas } from "../../javascript/fzxxdatapart"; | ||
| 118 | export default { | ||
| 119 | name: "zsyl", | ||
| 120 | props: { | ||
| 121 | formData: { | ||
| 122 | type: Object, | ||
| 123 | default: {}, | ||
| 124 | }, | ||
| 125 | }, | ||
| 126 | data() { | ||
| 127 | return { | ||
| 128 | key: 0, | ||
| 129 | noData: false, | ||
| 130 | imgSrc: require("@/image/bdcqz/bdcqzs2.jpg"), | ||
| 131 | bdczmSrc: require("@/image/bdcqz/bdczm.jpg"), | ||
| 132 | loading: false, | ||
| 133 | //印刷序列号集合 | ||
| 134 | ysxlh: [], | ||
| 135 | //列名称对象 | ||
| 136 | columns: [], | ||
| 137 | //选择的不动产权证文件 | ||
| 138 | bdcqz: "", | ||
| 139 | //证书打开类型 是否需要展示打印按钮 | ||
| 140 | isToPrint: false, | ||
| 141 | //tab切换栏数组 | ||
| 142 | tabslist: [], | ||
| 143 | headTabBdcqz: [], | ||
| 144 | //tab选择绑定值 | ||
| 145 | activeName: "zsyl", | ||
| 146 | //证书图片预览 | ||
| 147 | previewImage: "", | ||
| 148 | ruleForm: { | ||
| 149 | bsmBdcqz: "", | ||
| 150 | szmc: "不动产权证书", | ||
| 151 | bsmBdcqz: "", | ||
| 152 | szzh: "", | ||
| 153 | ysxlh: "", | ||
| 154 | }, | ||
| 155 | formdata: {}, | ||
| 156 | szxxtableData: { | ||
| 157 | total: 0, | ||
| 158 | columns: szxxdatas.columns(), | ||
| 159 | data: [], | ||
| 160 | }, | ||
| 161 | tableDatas: { | ||
| 162 | total: 0, | ||
| 163 | columns: datas.columns().fzgrid, | ||
| 164 | data: [], | ||
| 165 | }, | ||
| 166 | }; | ||
| 167 | }, | ||
| 168 | mounted() { | ||
| 169 | this.queryClick(); | ||
| 170 | this.query(); | ||
| 171 | if (this.formData.bdcqz) { | ||
| 172 | //从缮证进入 | ||
| 173 | this.bdcqz = this.formData.bdcqz; | ||
| 174 | } else { | ||
| 175 | //从按钮进入 | ||
| 176 | this.getHeadTabBdcqz(); | ||
| 177 | } | ||
| 178 | }, | ||
| 179 | methods: { | ||
| 180 | /** | ||
| 181 | * @description: queryClick | ||
| 182 | * @author: miaofang | ||
| 183 | */ | ||
| 184 | queryClick() { | ||
| 185 | this.formdata.bsmSlsq = this.formData.bsmSlsq; | ||
| 186 | getCertificateList(this.formdata).then((res) => { | ||
| 187 | if (res.code === 200) { | ||
| 188 | this.tableDatas.data = res.result ? res.result : []; | ||
| 189 | console.log("this.tableDatas",this.tableDatas); | ||
| 190 | } | ||
| 191 | }); | ||
| 192 | }, | ||
| 193 | /** | ||
| 194 | * @description: query | ||
| 195 | * @author: miaofang | ||
| 196 | */ | ||
| 197 | query() { | ||
| 198 | getSzRecordList({ bsmBdcqz: this.formData.bsmBdcqz }).then((res) => { | ||
| 199 | if (res.code == 200) { | ||
| 200 | this.szxxtableData.data = res.result; | ||
| 201 | this.key++; | ||
| 202 | } | ||
| 203 | }); | ||
| 204 | }, | ||
| 205 | /** | ||
| 206 | * @description: 获取证书内容 | ||
| 207 | * @param {*} code | ||
| 208 | * @author: miaofang | ||
| 209 | */ | ||
| 210 | getRowValue(code) { | ||
| 211 | var value = this.bdcqz[code]; | ||
| 212 | return value; | ||
| 213 | }, | ||
| 214 | /** | ||
| 215 | * @description: 获取受理申请下全部不动产权证 | ||
| 216 | * @author: miaofang | ||
| 217 | */ | ||
| 218 | getHeadTabBdcqz() { | ||
| 219 | console.log("formData", this.formData); | ||
| 220 | this.loading = true; | ||
| 221 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then((res) => { | ||
| 222 | if (res.code == 200) { | ||
| 223 | this.noData = true; | ||
| 224 | if (res.result && res.result.length > 0) { | ||
| 225 | console.log("res.resultttttttttttttttttttt", res.result); | ||
| 226 | this.bdcqz = res.result[0]; | ||
| 227 | this.headTabBdcqz = res.result; | ||
| 228 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 229 | this.drawTextOnImage(); | ||
| 230 | } else { | ||
| 231 | this.drawTextzmImage(); | ||
| 232 | } | ||
| 233 | } | ||
| 234 | } | ||
| 235 | this.loading = false; | ||
| 236 | }); | ||
| 237 | }, | ||
| 238 | /** | ||
| 239 | * @description: tab表头切换方法 | ||
| 240 | * @param {*} e | ||
| 241 | * @author: miaofang | ||
| 242 | */ | ||
| 243 | handleClick(tab, event) { | ||
| 244 | console.log(tab, event); | ||
| 245 | this.bdcqz = this.headTabBdcqz[0]; | ||
| 246 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 247 | this.drawTextOnImage(); | ||
| 248 | } else { | ||
| 249 | this.drawTextzmImage(); | ||
| 250 | } | ||
| 251 | }, | ||
| 252 | /** | ||
| 253 | * @description: 不动产证书 | ||
| 254 | * @author: miaofang | ||
| 255 | */ | ||
| 256 | drawTextOnImage() { | ||
| 257 | function getByteLen(val) { | ||
| 258 | var len = 0; | ||
| 259 | if (!val) return len; | ||
| 260 | for (var i = 0; i < val.length; i++) { | ||
| 261 | var length = val.charCodeAt(i); | ||
| 262 | if (length >= 0 && length <= 128) { | ||
| 263 | len += 1; | ||
| 264 | } else { | ||
| 265 | len += 2; | ||
| 266 | } | ||
| 267 | } | ||
| 268 | return len; | ||
| 269 | } | ||
| 270 | const canvas = this.$refs.zs; | ||
| 271 | const context = canvas.getContext("2d"); | ||
| 272 | const image = new Image(); | ||
| 273 | image.onload = () => { | ||
| 274 | context.drawImage(image, 0, 0); | ||
| 275 | context.font = "18px 楷体"; | ||
| 276 | context.fillStyle = "#000000"; | ||
| 277 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : "", 60, 56); | ||
| 278 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : "", 113, 56); | ||
| 279 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : "", 180, 56); | ||
| 280 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : "", 370, 56); | ||
| 281 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : "", 129, 97); | ||
| 282 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : "", 129, 136); | ||
| 283 | |||
| 284 | this.bdcdyh = | ||
| 285 | this.bdcqz.bdcdyh.slice(0, 6) + | ||
| 286 | " " + | ||
| 287 | this.bdcqz.bdcdyh.slice(6, 12) + | ||
| 288 | " " + | ||
| 289 | this.bdcqz.bdcdyh.slice(12, 19) + | ||
| 290 | " " + | ||
| 291 | this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length); | ||
| 292 | context.fillText(this.bdcdyh ? this.bdcdyh : "", 129, 223); | ||
| 293 | |||
| 294 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : "", 129, 263); | ||
| 295 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : "", 129, 303); | ||
| 296 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : "", 129, 346); | ||
| 297 | // context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 129, 386); | ||
| 298 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(" ") : []; | ||
| 299 | if (getByteLen(this.bdcqz.mj) > 41) { | ||
| 300 | lines6.forEach((line, index) => { | ||
| 301 | const y = 378 + index * 27; // 每行文本的垂直位置 | ||
| 302 | let currentLine = ""; | ||
| 303 | let arr = []; | ||
| 304 | for (let word of line) { | ||
| 305 | const testLine = currentLine + word; | ||
| 306 | const lineWidth = context.measureText(testLine).width; | ||
| 307 | if (lineWidth <= 330) { | ||
| 308 | currentLine = testLine; | ||
| 309 | } else { | ||
| 310 | arr.push(currentLine); | ||
| 311 | currentLine = word; | ||
| 312 | } | ||
| 313 | } | ||
| 314 | arr.push(currentLine); | ||
| 315 | arr.forEach((line, index) => { | ||
| 316 | context.fillText(line, 129, y + index * 20); // 调整行高 | ||
| 317 | }); | ||
| 318 | }); | ||
| 319 | } else { | ||
| 320 | lines6.forEach((line, index) => { | ||
| 321 | const y = 386 + index * 27; // 每行文本的垂直位置 | ||
| 322 | let currentLine = ""; | ||
| 323 | let arr = []; | ||
| 324 | for (let word of line) { | ||
| 325 | const testLine = currentLine + word; | ||
| 326 | const lineWidth = context.measureText(testLine).width; | ||
| 327 | if (lineWidth <= 330) { | ||
| 328 | currentLine = testLine; | ||
| 329 | } else { | ||
| 330 | arr.push(currentLine); | ||
| 331 | currentLine = word; | ||
| 332 | } | ||
| 333 | } | ||
| 334 | arr.push(currentLine); | ||
| 335 | arr.forEach((line, index) => { | ||
| 336 | context.fillText(line, 129, y + index * 20); // 调整行高 | ||
| 337 | }); | ||
| 338 | }); | ||
| 339 | } | ||
| 340 | // 权利其他状态 | ||
| 341 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split("\n") : []; | ||
| 342 | for (let i = 0; i < lines.length; i++) { | ||
| 343 | let num = Math.ceil(getByteLen(lines[i]) / 38); | ||
| 344 | if (getByteLen(lines[i]) > 38) { | ||
| 345 | let currentLine = ""; | ||
| 346 | let arr = []; | ||
| 347 | for (let word of lines[i]) { | ||
| 348 | const testLine = currentLine + word; | ||
| 349 | const lineWidth = context.measureText(testLine).width; | ||
| 350 | if (lineWidth <= 323) { | ||
| 351 | currentLine = testLine; | ||
| 352 | } else { | ||
| 353 | arr.push(currentLine); | ||
| 354 | currentLine = word; | ||
| 355 | } | ||
| 356 | } | ||
| 357 | arr.push(currentLine); | ||
| 358 | if (i > 0) { | ||
| 359 | arr.forEach((line, index) => { | ||
| 360 | context.fillText( | ||
| 361 | line, | ||
| 362 | 129, | ||
| 363 | 490 + 26 * (i - 1) + 4 * num + index * 14 | ||
| 364 | ); // 调整行高 | ||
| 365 | }); | ||
| 366 | } else { | ||
| 367 | arr.forEach((line, index) => { | ||
| 368 | context.fillText(line, 129, 500 + 26 * (i - 1) + index * 14); // 调整行高 | ||
| 369 | }); | ||
| 370 | } | ||
| 371 | } else { | ||
| 372 | if (i > 0) { | ||
| 373 | context.fillText( | ||
| 374 | lines[i] ? lines[i] : "", | ||
| 375 | 129, | ||
| 376 | 500 + 4 * num + 24 * (i - 1) | ||
| 377 | ); | ||
| 378 | } else { | ||
| 379 | context.fillText( | ||
| 380 | lines[i] ? lines[i] : "", | ||
| 381 | 129, | ||
| 382 | 505 + 24 * (i - 1) | ||
| 383 | ); | ||
| 384 | } | ||
| 385 | } | ||
| 386 | } | ||
| 387 | |||
| 388 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split("\n") : []; | ||
| 389 | lines1.forEach((line, index) => { | ||
| 390 | const y = 100 + index * 30; // 每行文本的垂直位置 | ||
| 391 | let currentLine = ""; | ||
| 392 | let arr = []; | ||
| 393 | for (let word of line) { | ||
| 394 | const testLine = currentLine + word; | ||
| 395 | const lineWidth = context.measureText(testLine).width; | ||
| 396 | if (lineWidth <= 395) { | ||
| 397 | currentLine = testLine; | ||
| 398 | } else { | ||
| 399 | arr.push(currentLine); | ||
| 400 | currentLine = word; | ||
| 401 | } | ||
| 402 | } | ||
| 403 | arr.push(currentLine); | ||
| 404 | arr.forEach((line, index) => { | ||
| 405 | context.fillText(line, 580, y + index * 30); // 调整行高 | ||
| 406 | }); | ||
| 407 | }); | ||
| 408 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(" ") : []; | ||
| 409 | if (getByteLen(this.bdcqz.syqx) > 41) { | ||
| 410 | lines3.forEach((line, index) => { | ||
| 411 | const y = 423 + index * 27; // 每行文本的垂直位置 | ||
| 412 | let currentLine = ""; | ||
| 413 | let arr = []; | ||
| 414 | for (let word of line) { | ||
| 415 | const testLine = currentLine + word; | ||
| 416 | const lineWidth = context.measureText(testLine).width; | ||
| 417 | if (lineWidth <= 330) { | ||
| 418 | currentLine = testLine; | ||
| 419 | } else { | ||
| 420 | arr.push(currentLine); | ||
| 421 | currentLine = word; | ||
| 422 | } | ||
| 423 | } | ||
| 424 | arr.push(currentLine); | ||
| 425 | arr.forEach((line, index) => { | ||
| 426 | context.fillText(line, 129, y + index * 20); // 调整行高 | ||
| 427 | }); | ||
| 428 | }); | ||
| 429 | } else { | ||
| 430 | lines3.forEach((line, index) => { | ||
| 431 | const y = 430 + index * 27; // 每行文本的垂直位置 | ||
| 432 | let currentLine = ""; | ||
| 433 | let arr = []; | ||
| 434 | for (let word of line) { | ||
| 435 | const testLine = currentLine + word; | ||
| 436 | const lineWidth = context.measureText(testLine).width; | ||
| 437 | if (lineWidth <= 315) { | ||
| 438 | currentLine = testLine; | ||
| 439 | } else { | ||
| 440 | arr.push(currentLine); | ||
| 441 | currentLine = word; | ||
| 442 | } | ||
| 443 | } | ||
| 444 | arr.push(currentLine); | ||
| 445 | arr.forEach((line, index) => { | ||
| 446 | context.fillText(line, 129, y + index * 20); // 调整行高 | ||
| 447 | }); | ||
| 448 | }); | ||
| 449 | } | ||
| 450 | |||
| 451 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(" ") : []; | ||
| 452 | if (getByteLen(this.bdcqz.zl) > 41) { | ||
| 453 | lines2.forEach((line, index) => { | ||
| 454 | const y = 170 + index * 20; // 每行文本的垂直位置 | ||
| 455 | let currentLine = ""; | ||
| 456 | let arr = []; | ||
| 457 | for (let word of line) { | ||
| 458 | const testLine = currentLine + word; | ||
| 459 | const lineWidth = context.measureText(testLine).width; | ||
| 460 | if (lineWidth <= 336) { | ||
| 461 | currentLine = testLine; | ||
| 462 | } else { | ||
| 463 | arr.push(currentLine); | ||
| 464 | currentLine = word; | ||
| 465 | } | ||
| 466 | } | ||
| 467 | arr.push(currentLine); | ||
| 468 | arr.forEach((line, index) => { | ||
| 469 | context.fillText(line, 129, y + index * 20); // 调整行高 | ||
| 470 | }); | ||
| 471 | }); | ||
| 472 | } else { | ||
| 473 | lines2.forEach((line, index) => { | ||
| 474 | const y = 180 + index * 20; // 每行文本的垂直位置 | ||
| 475 | let currentLine = ""; | ||
| 476 | let arr = []; | ||
| 477 | for (let word of line) { | ||
| 478 | const testLine = currentLine + word; | ||
| 479 | const lineWidth = context.measureText(testLine).width; | ||
| 480 | if (lineWidth <= 336) { | ||
| 481 | currentLine = testLine; | ||
| 482 | } else { | ||
| 483 | arr.push(currentLine); | ||
| 484 | currentLine = word; | ||
| 485 | } | ||
| 486 | } | ||
| 487 | arr.push(currentLine); | ||
| 488 | arr.forEach((line, index) => { | ||
| 489 | context.fillText(line, 129, y + index * 20); // 调整行高 | ||
| 490 | }); | ||
| 491 | }); | ||
| 492 | } | ||
| 493 | }; | ||
| 494 | image.src = this.imgSrc; | ||
| 495 | }, | ||
| 496 | /** | ||
| 497 | * @description: 不动产证明 | ||
| 498 | * @author: miaofang | ||
| 499 | */ | ||
| 500 | drawTextzmImage() { | ||
| 501 | function getByteLen(val) { | ||
| 502 | var len = 0; | ||
| 503 | if (!val) return len; | ||
| 504 | for (var i = 0; i < val.length; i++) { | ||
| 505 | var length = val.charCodeAt(i); | ||
| 506 | if (length >= 0 && length <= 128) { | ||
| 507 | len += 1; | ||
| 508 | } else { | ||
| 509 | len += 2; | ||
| 510 | } | ||
| 511 | } | ||
| 512 | return len; | ||
| 513 | } | ||
| 514 | |||
| 515 | const canvas = this.$refs.zm; | ||
| 516 | const context = canvas.getContext("2d"); | ||
| 517 | const image = new Image(); | ||
| 518 | image.onload = () => { | ||
| 519 | context.drawImage(image, 0, 0); | ||
| 520 | context.font = "18px 楷体"; | ||
| 521 | context.fillStyle = "#000000"; | ||
| 522 | // ysxlh | ||
| 523 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : "", 280, 712); | ||
| 524 | // djsj | ||
| 525 | if (this.bdcqz.djsj) { | ||
| 526 | let djsjList = this.bdcqz.djsj.split(" ")[0].split("/"); | ||
| 527 | context.fillText(djsjList[0] ? djsjList[0] : "", 327, 580); | ||
| 528 | context.fillText(djsjList[1] ? djsjList[1] : "", 393, 580); | ||
| 529 | context.fillText(djsjList[2] ? djsjList[2] : "", 443, 580); | ||
| 530 | } | ||
| 531 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : "", 620, 125); | ||
| 532 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : "", 665, 125); | ||
| 533 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : "", 750, 125); | ||
| 534 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : "", 960, 123); | ||
| 535 | context.fillText( | ||
| 536 | this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : "", | ||
| 537 | 775, | ||
| 538 | 180 | ||
| 539 | ); | ||
| 540 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : "", 775, 228); | ||
| 541 | // 义务人 | ||
| 542 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : "", 775, 275); | ||
| 543 | // context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | ||
| 544 | |||
| 545 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(" ") : []; | ||
| 546 | if (getByteLen(this.bdcqz.zl) > 41) { | ||
| 547 | lines2.forEach((line, index) => { | ||
| 548 | const y = 315 + index * 20; // 每行文本的垂直位置 | ||
| 549 | let currentLine = ""; | ||
| 550 | let arr = []; | ||
| 551 | for (let word of line) { | ||
| 552 | const testLine = currentLine + word; | ||
| 553 | const lineWidth = context.measureText(testLine).width; | ||
| 554 | if (lineWidth <= 295) { | ||
| 555 | currentLine = testLine; | ||
| 556 | } else { | ||
| 557 | arr.push(currentLine); | ||
| 558 | currentLine = word; | ||
| 559 | } | ||
| 560 | } | ||
| 561 | arr.push(currentLine); | ||
| 562 | arr.forEach((line, index) => { | ||
| 563 | context.fillText(line, 775, y + index * 20); // 调整行高 | ||
| 564 | }); | ||
| 565 | }); | ||
| 566 | } else { | ||
| 567 | lines2.forEach((line, index) => { | ||
| 568 | const y = 325 + index * 20; // 每行文本的垂直位置 | ||
| 569 | let currentLine = ""; | ||
| 570 | let arr = []; | ||
| 571 | for (let word of line) { | ||
| 572 | const testLine = currentLine + word; | ||
| 573 | const lineWidth = context.measureText(testLine).width; | ||
| 574 | if (lineWidth <= 295) { | ||
| 575 | currentLine = testLine; | ||
| 576 | } else { | ||
| 577 | arr.push(currentLine); | ||
| 578 | currentLine = word; | ||
| 579 | } | ||
| 580 | } | ||
| 581 | arr.push(currentLine); | ||
| 582 | arr.forEach((line, index) => { | ||
| 583 | context.fillText(line, 775, y + index * 20); // 调整行高 | ||
| 584 | }); | ||
| 585 | }); | ||
| 586 | } | ||
| 587 | |||
| 588 | // bdcdyh | ||
| 589 | this.bdcdyh = | ||
| 590 | this.bdcqz.bdcdyh.slice(0, 6) + | ||
| 591 | " " + | ||
| 592 | this.bdcqz.bdcdyh.slice(6, 12) + | ||
| 593 | " " + | ||
| 594 | this.bdcqz.bdcdyh.slice(12, 19) + | ||
| 595 | " " + | ||
| 596 | this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length); | ||
| 597 | context.fillText(this.bdcdyh ? this.bdcdyh : "", 775, 373); | ||
| 598 | // qlqtzk | ||
| 599 | const maxWidth = 295; // 最大宽度限制 | ||
| 600 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split("\n") : []; | ||
| 601 | for (let i = 0; i < lines.length; i++) { | ||
| 602 | let num = Math.ceil(getByteLen(lines[i]) / 37); | ||
| 603 | if (getByteLen(lines[i]) > 37) { | ||
| 604 | let currentLine = ""; | ||
| 605 | let arr = []; | ||
| 606 | for (let word of lines[i]) { | ||
| 607 | const testLine = currentLine + word; | ||
| 608 | const lineWidth = context.measureText(testLine).width; | ||
| 609 | if (lineWidth <= maxWidth) { | ||
| 610 | currentLine = testLine; | ||
| 611 | } else { | ||
| 612 | arr.push(currentLine); | ||
| 613 | currentLine = word; | ||
| 614 | } | ||
| 615 | } | ||
| 616 | arr.push(currentLine); | ||
| 617 | if (i > 0) { | ||
| 618 | arr.forEach((line, index) => { | ||
| 619 | context.fillText( | ||
| 620 | line, | ||
| 621 | 770, | ||
| 622 | 428 + 25 * (i - 1) + 5 * num + index * 15 | ||
| 623 | ); // 调整行高 | ||
| 624 | }); | ||
| 625 | } else { | ||
| 626 | arr.forEach((line, index) => { | ||
| 627 | context.fillText(line, 770, 435 + 25 * (i - 1) + index * 14); // 调整行高 | ||
| 628 | }); | ||
| 629 | } | ||
| 630 | } else { | ||
| 631 | if (i > 0) { | ||
| 632 | context.fillText( | ||
| 633 | lines[i] ? lines[i] : "", | ||
| 634 | 770, | ||
| 635 | 440 + 5 * num + 24 * (i - 1) | ||
| 636 | ); | ||
| 637 | } else { | ||
| 638 | context.fillText( | ||
| 639 | lines[i] ? lines[i] : "", | ||
| 640 | 770, | ||
| 641 | 440 + 24 * (i - 1) | ||
| 642 | ); | ||
| 643 | } | ||
| 644 | } | ||
| 645 | } | ||
| 646 | // fj | ||
| 647 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split("\n") : []; | ||
| 648 | for (let i = 0; i < lines1.length; i++) { | ||
| 649 | let num = Math.ceil(getByteLen(lines1[i]) / 37); | ||
| 650 | if (getByteLen(lines1[i]) > 37) { | ||
| 651 | let currentLine = ""; | ||
| 652 | let arr = []; | ||
| 653 | for (let word of lines1[i]) { | ||
| 654 | const testLine = currentLine + word; | ||
| 655 | const lineWidth = context.measureText(testLine).width; | ||
| 656 | if (lineWidth <= maxWidth) { | ||
| 657 | currentLine = testLine; | ||
| 658 | } else { | ||
| 659 | arr.push(currentLine); | ||
| 660 | currentLine = word; | ||
| 661 | } | ||
| 662 | } | ||
| 663 | arr.push(currentLine); | ||
| 664 | if (i > 0) { | ||
| 665 | arr.forEach((line, index) => { | ||
| 666 | context.fillText( | ||
| 667 | line, | ||
| 668 | 770, | ||
| 669 | 610 + 25 * (i - 1) + 5 * num + index * 15 | ||
| 670 | ); // 调整行高 | ||
| 671 | }); | ||
| 672 | } else { | ||
| 673 | arr.forEach((line, index) => { | ||
| 674 | context.fillText(line, 770, 610 + 25 * (i - 1) + index * 15); // 调整行高 | ||
| 675 | }); | ||
| 676 | } | ||
| 677 | } else { | ||
| 678 | if (i > 0) { | ||
| 679 | context.fillText( | ||
| 680 | lines1[i] ? lines1[i] : "", | ||
| 681 | 770, | ||
| 682 | 610 + 5 * num + 23 * (i - 1) | ||
| 683 | ); | ||
| 684 | } else { | ||
| 685 | context.fillText( | ||
| 686 | lines1[i] ? lines1[i] : "", | ||
| 687 | 770, | ||
| 688 | 610 + 23 * (i - 1) | ||
| 689 | ); | ||
| 690 | } | ||
| 691 | } | ||
| 692 | } | ||
| 693 | }; | ||
| 694 | |||
| 695 | image.src = this.bdczmSrc; | ||
| 696 | }, | ||
| 697 | }, | ||
| 698 | computed: { | ||
| 699 | hdiffHeight() { | ||
| 700 | return 0; | ||
| 701 | // return this.headTabBdcqz.length > 1 ? 54 : 0 | ||
| 702 | }, | ||
| 703 | }, | ||
| 704 | }; | ||
| 705 | </script> | ||
| 706 | <style scoped lang="scss"> | ||
| 707 | @import "~@/styles/mixin.scss"; | ||
| 708 | |||
| 709 | .imgClass { | ||
| 710 | display: inline-block; | ||
| 711 | height: auto; | ||
| 712 | max-width: 100%; | ||
| 713 | } | ||
| 714 | |||
| 715 | .middle_padding { | ||
| 716 | padding-bottom: 10px; | ||
| 717 | } | ||
| 718 | |||
| 719 | .zsyl-button { | ||
| 720 | text-align: center; | ||
| 721 | margin-top: 20px; | ||
| 722 | |||
| 723 | .operation_button { | ||
| 724 | width: 100px; | ||
| 725 | border: 1px solid rgb(0, 121, 254); | ||
| 726 | } | ||
| 727 | |||
| 728 | .dy-button { | ||
| 729 | color: white; | ||
| 730 | background-color: rgb(0, 121, 254); | ||
| 731 | } | ||
| 732 | } | ||
| 733 | |||
| 734 | .table-column { | ||
| 735 | border-spacing: 1px; | ||
| 736 | width: 100%; | ||
| 737 | |||
| 738 | tr td { | ||
| 739 | border: 1px solid #ccc; | ||
| 740 | text-align: center; | ||
| 741 | height: 40px; | ||
| 742 | padding: 4px; | ||
| 743 | font-size: 13px; | ||
| 744 | background: rgb(251, 249, 229); | ||
| 745 | } | ||
| 746 | } | ||
| 747 | |||
| 748 | .zsyl-title { | ||
| 749 | background: #fafbe5; | ||
| 750 | text-align: center; | ||
| 751 | padding: 5px 0px; | ||
| 752 | font-size: 20px; | ||
| 753 | } | ||
| 754 | |||
| 755 | .no-data { | ||
| 756 | font-size: 18px; | ||
| 757 | display: flex; | ||
| 758 | text-align: center; | ||
| 759 | justify-content: center; | ||
| 760 | } | ||
| 761 | .el-tab-pane { | ||
| 762 | width: 1190px; | ||
| 763 | height: 670px; | ||
| 764 | overflow-y: auto; | ||
| 765 | } | ||
| 766 | .zsys { | ||
| 767 | width: 1180px; | ||
| 768 | height: 670px; | ||
| 769 | } | ||
| 770 | /deep/.el-table { | ||
| 771 | height: 100px !important; | ||
| 772 | } | ||
| 773 | /deep/.sz { | ||
| 774 | height: 340px !important; | ||
| 775 | } | ||
| 776 | .el-form{ | ||
| 777 | margin-top: 20px; | ||
| 778 | } | ||
| 779 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-普通 | 2 | * @Description: workFrame左侧菜单列表-普通 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-20 15:46:25 | 4 | * @LastEditTime: 2023-09-22 10:12:37 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -49,8 +49,8 @@ | ... | @@ -49,8 +49,8 @@ |
| 49 | return { | 49 | return { |
| 50 | //受理申请标识码 | 50 | //受理申请标识码 |
| 51 | bsmSlsq: this.$route.query.bsmSlsq, | 51 | bsmSlsq: this.$route.query.bsmSlsq, |
| 52 | //当前流程所在环节 | ||
| 53 | bestepid: this.$route.query.bestepid, | 52 | bestepid: this.$route.query.bestepid, |
| 53 | bsmBusiness: this.$route.query.bsmBusiness, | ||
| 54 | // 默认选中 | 54 | // 默认选中 |
| 55 | activeIndex: '0', | 55 | activeIndex: '0', |
| 56 | // 折叠 | 56 | // 折叠 |
| ... | @@ -89,14 +89,10 @@ | ... | @@ -89,14 +89,10 @@ |
| 89 | loadBdcdylist (status = false) { | 89 | loadBdcdylist (status = false) { |
| 90 | let that = this | 90 | let that = this |
| 91 | var formdata = new FormData(); | 91 | var formdata = new FormData(); |
| 92 | formdata.append("bsmSlsq", this.bsmSlsq); | 92 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 93 | if (this.$route.query.bestepid) { | 93 | formdata.append("bestepid", this.bestepid ? this.bestepid : ''); |
| 94 | formdata.append("bestepid", this.bestepid); | 94 | formdata.append("bsmBusiness", this.bsmBusiness ? this.bsmBusiness : ''); |
| 95 | } | 95 | if (this.type) { |
| 96 | if (this.$route.query.bsmBusiness) { | ||
| 97 | formdata.append("bsmBusiness", this.$route.query.bsmBusiness); | ||
| 98 | } | ||
| 99 | if (this.$route.query.type == 'jdcx') { | ||
| 100 | jdcxLeftMenu(formdata).then((res) => { | 96 | jdcxLeftMenu(formdata).then((res) => { |
| 101 | if (res.code === 200 && res.result) { | 97 | if (res.code === 200 && res.result) { |
| 102 | that.unitData = res.result; | 98 | that.unitData = res.result; |
| ... | @@ -186,10 +182,6 @@ | ... | @@ -186,10 +182,6 @@ |
| 186 | deleteSlbdcdy(formdata).then((res) => { | 182 | deleteSlbdcdy(formdata).then((res) => { |
| 187 | if (res.code == 200) { | 183 | if (res.code == 200) { |
| 188 | this.$message.success("删除成功"); | 184 | this.$message.success("删除成功"); |
| 189 | /** | ||
| 190 | * @description: 更新列表 | ||
| 191 | * @author: miaofang | ||
| 192 | */ | ||
| 193 | this.loadBdcdylist() | 185 | this.loadBdcdylist() |
| 194 | // this.$parent.updateDialog(); | 186 | // this.$parent.updateDialog(); |
| 195 | } else { | 187 | } else { |
| ... | @@ -223,7 +215,7 @@ | ... | @@ -223,7 +215,7 @@ |
| 223 | this.$popupDialog("批量删除", "workflow/components/batchDel", { | 215 | this.$popupDialog("批量删除", "workflow/components/batchDel", { |
| 224 | bsmSlsq: this.bsmSlsq, | 216 | bsmSlsq: this.bsmSlsq, |
| 225 | dataList: this.unitData, | 217 | dataList: this.unitData, |
| 226 | }, '50%', true) | 218 | }, '55%', true) |
| 227 | }, | 219 | }, |
| 228 | /** | 220 | /** |
| 229 | * @description: 申请单元点击事件 | 221 | * @description: 申请单元点击事件 | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: workFrame左侧菜单列表-分割 | 2 | * @Description: workFrame左侧菜单列表-分割 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-20 15:33:05 | 4 | * @LastEditTime: 2023-09-21 14:44:34 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 7 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
| ... | @@ -61,6 +61,9 @@ | ... | @@ -61,6 +61,9 @@ |
| 61 | export default { | 61 | export default { |
| 62 | data () { | 62 | data () { |
| 63 | return { | 63 | return { |
| 64 | bsmSlsq: this.$route.query.bsmSlsq, | ||
| 65 | bsmBusiness: this.$route.query.bsmBusiness, | ||
| 66 | bestepid: this.$route.query.bestepid, | ||
| 64 | // 变更前单元默认选中 | 67 | // 变更前单元默认选中 |
| 65 | activeIndex: '0', | 68 | activeIndex: '0', |
| 66 | // 变更后单元默认选中 | 69 | // 变更后单元默认选中 |
| ... | @@ -102,11 +105,10 @@ | ... | @@ -102,11 +105,10 @@ |
| 102 | let that = this | 105 | let that = this |
| 103 | var formdata = new FormData(); | 106 | var formdata = new FormData(); |
| 104 | // 受理申请标识码 | 107 | // 受理申请标识码 |
| 105 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); | 108 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 106 | // 当前流程所在环节 | 109 | formdata.append("bsmBusiness", this.bsmBusiness ? this.bsmBusiness : ''); |
| 107 | formdata.append("bestepid", this.paramData.bestepid); | 110 | formdata.append("bestepid", this.bestepid ? this.bestepid : ''); |
| 108 | formdata.append("bsmBusiness", this.paramData.bsmBusiness); | 111 | if (this.type) { |
| 109 | if (this.$route.query.type == 'jdcx') { | ||
| 110 | jdcxLeftMenu(formdata).then((res) => { | 112 | jdcxLeftMenu(formdata).then((res) => { |
| 111 | if (res.code === 200 && res.result) { | 113 | if (res.code === 200 && res.result) { |
| 112 | this.aroundUnitData = res.result.filter(item => item.bglx == '1') | 114 | this.aroundUnitData = res.result.filter(item => item.bglx == '1') |
| ... | @@ -208,6 +210,7 @@ | ... | @@ -208,6 +210,7 @@ |
| 208 | * @author: renchao | 210 | * @author: renchao |
| 209 | */ | 211 | */ |
| 210 | batchUnitClick () { | 212 | batchUnitClick () { |
| 213 | window.currentSelect = {} | ||
| 211 | this.currentSelectProps.batchOperation = true; | 214 | this.currentSelectProps.batchOperation = true; |
| 212 | // this.activeIndex = "-1"; | 215 | // this.activeIndex = "-1"; |
| 213 | this.$parent.stepForm(0); | 216 | this.$parent.stepForm(0); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 13:35:05 | 4 | * @LastEditTime: 2023-09-26 16:40:49 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -165,20 +165,37 @@ | ... | @@ -165,20 +165,37 @@ |
| 165 | * @author: renchao | 165 | * @author: renchao |
| 166 | */ | 166 | */ |
| 167 | handleupdateDetail (value) { | 167 | handleupdateDetail (value) { |
| 168 | let that = this | ||
| 168 | let arr = this.tableData.map(item => item.zjh) | 169 | let arr = this.tableData.map(item => item.zjh) |
| 170 | // if (this.isaddupdate) { | ||
| 171 | // if (!arr.includes(value.zjh)) { | ||
| 172 | // this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
| 173 | // this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 174 | // } else { | ||
| 175 | // setTimeout(() => { | ||
| 176 | // that.$message.error('证件号不能重复') | ||
| 177 | // }, 1500) | ||
| 178 | // } | ||
| 179 | // } else { | ||
| 180 | // if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) { | ||
| 181 | // this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
| 182 | // this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 183 | // } else { | ||
| 184 | // setTimeout(() => { | ||
| 185 | // that.$message.error('证件号不能重复') | ||
| 186 | // }, 1500) | ||
| 187 | // } | ||
| 188 | // } | ||
| 189 | |||
| 169 | if (this.isaddupdate) { | 190 | if (this.isaddupdate) { |
| 170 | if (!arr.includes(value.zjh)) { | 191 | if (!_.isEqual(value, this.tableData)) { |
| 171 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | 192 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); |
| 172 | this.$emit('upDateQlrxxList', this.tableDataList) | 193 | this.$emit("upDateQlrxxList", this.tableDataList); |
| 173 | } else { | ||
| 174 | this.$message.error('证件号不能重复'); | ||
| 175 | } | 194 | } |
| 176 | } else { | 195 | } else { |
| 177 | if (!arr.includes(value.zjh) || this.tableData[this.dataIndex].zjh == value.zjh) { | 196 | if (!_.isEqual(value, this.tableData)) { |
| 178 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | 197 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); |
| 179 | this.$emit('upDateQlrxxList', this.tableDataList) | 198 | this.$emit("upDateQlrxxList", this.tableDataList); |
| 180 | } else { | ||
| 181 | this.$message.error('证件号不能重复'); | ||
| 182 | } | 199 | } |
| 183 | } | 200 | } |
| 184 | this.key++ | 201 | this.key++ | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 审批意见 | 2 | * @Description: 审批意见 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-25 09:16:01 | 4 | * @LastEditTime: 2023-10-08 14:48:32 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="spyj loadingtext"> | 7 | <div class="spyj loadingtext"> |
| ... | @@ -14,8 +14,7 @@ | ... | @@ -14,8 +14,7 @@ |
| 14 | <el-form | 14 | <el-form |
| 15 | :model="tableData[index]" | 15 | :model="tableData[index]" |
| 16 | label-width="120px" | 16 | label-width="120px" |
| 17 | ref="ruleForm'" | 17 | ref="ruleForm'"> |
| 18 | > | ||
| 19 | <div class="spyj_form"> | 18 | <div class="spyj_form"> |
| 20 | <div class="item_left"> | 19 | <div class="item_left"> |
| 21 | <div class="right">{{ item.jdmc }}意见</div> | 20 | <div class="right">{{ item.jdmc }}意见</div> |
| ... | @@ -25,22 +24,18 @@ | ... | @@ -25,22 +24,18 @@ |
| 25 | <el-col :span="24"> | 24 | <el-col :span="24"> |
| 26 | <el-form-item | 25 | <el-form-item |
| 27 | label-width="0" | 26 | label-width="0" |
| 28 | class="opinion_item" | 27 | class="opinion_item"> |
| 29 | > | ||
| 30 | <el-input | 28 | <el-input |
| 31 | :disabled="!viewEdit || item.show" | 29 | :disabled="!viewEdit || item.show" |
| 32 | type="textarea" | 30 | type="textarea" |
| 33 | :rows="4" | 31 | :rows="4" |
| 34 | class="opinion" | 32 | class="opinion" |
| 35 | placeholder="请输入审批意见" | 33 | placeholder="请输入审批意见" |
| 36 | v-model="item.shyj" | 34 | v-model="item.shyj"></el-input> |
| 37 | ></el-input> | ||
| 38 | <el-button | 35 | <el-button |
| 39 | class="opinion_btn" | 36 | class="opinion_btn" |
| 40 | @click="commonOpinion(index)" | 37 | @click="commonOpinion(index)" |
| 41 | :disabled="!viewEdit|| item.show" | 38 | :disabled="!viewEdit|| item.show">常用意见</el-button> |
| 42 | >常用意见</el-button | ||
| 43 | > | ||
| 44 | </el-form-item> | 39 | </el-form-item> |
| 45 | </el-col> | 40 | </el-col> |
| 46 | </el-row> | 41 | </el-row> |
| ... | @@ -61,94 +56,91 @@ | ... | @@ -61,94 +56,91 @@ |
| 61 | </el-form> | 56 | </el-form> |
| 62 | </div> | 57 | </div> |
| 63 | <div class="submit_button" v-if="viewEdit"> | 58 | <div class="submit_button" v-if="viewEdit"> |
| 64 | <el-button type="primary" :disabled="shows" @click="onSubmit()" | 59 | <el-button type="primary" :disabled="shows" @click="onSubmit()">保存</el-button> |
| 65 | >保存</el-button | ||
| 66 | > | ||
| 67 | </div> | 60 | </div> |
| 68 | </div> | 61 | </div> |
| 69 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> | 62 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> |
| 70 | </div> | 63 | </div> |
| 71 | </template> | 64 | </template> |
| 72 | <script> | 65 | <script> |
| 73 | import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js"; | 66 | import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js"; |
| 74 | import { mapGetters } from "vuex"; | 67 | import { mapGetters } from "vuex"; |
| 75 | import { getNewDatesh } from "@/utils/util"; | 68 | import { getNewDatesh } from "@/utils/util"; |
| 76 | export default { | 69 | export default { |
| 77 | computed: { | 70 | computed: { |
| 78 | ...mapGetters(["dqhj", "yjsqOptions", "userInfo"]), | 71 | ...mapGetters(["dqhj", "yjsqOptions", "userInfo"]), |
| 79 | }, | 72 | }, |
| 80 | data() { | 73 | data () { |
| 81 | return { | 74 | return { |
| 82 | currentindex: 0, | 75 | currentindex: 0, |
| 83 | refresh: 10, | 76 | refresh: 10, |
| 84 | viewEdit: false, | 77 | viewEdit: false, |
| 85 | bsmSlsq: this.$route.query.bsmSlsq, | 78 | bsmSlsq: this.$route.query.bsmSlsq, |
| 86 | bestepid: this.$route.query.bestepid, | 79 | bestepid: this.$route.query.bestepid, |
| 87 | propsParam: {}, | 80 | propsParam: {}, |
| 88 | tableData: [], | 81 | tableData: [], |
| 89 | shows: false, | 82 | shows: false, |
| 90 | }; | 83 | }; |
| 91 | }, | 84 | }, |
| 92 | 85 | ||
| 93 | watch: { | 86 | watch: { |
| 94 | yjsqOptions: { | 87 | yjsqOptions: { |
| 95 | handler(val) { | 88 | handler (val) { |
| 96 | this.add(val.opinion); | 89 | this.add(val.opinion); |
| 90 | }, | ||
| 91 | deep: true, | ||
| 92 | immediate: true, | ||
| 97 | }, | 93 | }, |
| 98 | deep: true, | 94 | dqhj: { |
| 99 | immediate: true, | 95 | handler (val) { |
| 100 | }, | 96 | this.propsParam = this.$attrs; |
| 101 | dqhj: { | 97 | this.dataset() |
| 102 | handler(val) { | 98 | this.getShList(); |
| 103 | this.propsParam = this.$attrs; | 99 | |
| 104 | this.dataset() | 100 | }, |
| 105 | if(this.$parent.dqhj){ | 101 | deep: true, |
| 106 | this.getShList(); | 102 | immediate: true, |
| 107 | } | ||
| 108 | }, | 103 | }, |
| 109 | deep: true, | ||
| 110 | immediate: true, | ||
| 111 | }, | ||
| 112 | 104 | ||
| 113 | }, | ||
| 114 | created() {}, | ||
| 115 | methods: { | ||
| 116 | /** | ||
| 117 | * @description: dataset | ||
| 118 | * @param {*} 数据处理 | ||
| 119 | * @author: renchao | ||
| 120 | */ | ||
| 121 | dataset(){ | ||
| 122 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 123 | // switch (this.$parent.dqhj) { | ||
| 124 | // case "cs": | ||
| 125 | // this.indexdqlc = 0; | ||
| 126 | // this.jdmc = "初审"; | ||
| 127 | // break; | ||
| 128 | // case "fs": | ||
| 129 | // this.indexdqlc = 1; | ||
| 130 | // this.jdmc = "复审"; | ||
| 131 | // break; | ||
| 132 | // case "hd": | ||
| 133 | // this.indexdqlc = 2; | ||
| 134 | // this.jdmc = "核定"; | ||
| 135 | // break; | ||
| 136 | // } | ||
| 137 | }, | 105 | }, |
| 138 | /** | 106 | created () { }, |
| 139 | * @description: getShList | 107 | methods: { |
| 140 | * @param {*} obj | 108 | /** |
| 141 | * @author: renchao | 109 | * @description: dataset |
| 142 | */ | 110 | * @param {*} 数据处理 |
| 143 | getShList() { | 111 | * @author: renchao |
| 144 | this.$startLoading(); | 112 | */ |
| 145 | var formdata = new FormData(); | 113 | dataset () { |
| 146 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | 114 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 147 | formdata.append("bestepid", this.$route.query.bestepid); | 115 | // switch (this.$parent.dqhj) { |
| 116 | // case "cs": | ||
| 117 | // this.indexdqlc = 0; | ||
| 118 | // this.jdmc = "初审"; | ||
| 119 | // break; | ||
| 120 | // case "fs": | ||
| 121 | // this.indexdqlc = 1; | ||
| 122 | // this.jdmc = "复审"; | ||
| 123 | // break; | ||
| 124 | // case "hd": | ||
| 125 | // this.indexdqlc = 2; | ||
| 126 | // this.jdmc = "核定"; | ||
| 127 | // break; | ||
| 128 | // } | ||
| 129 | }, | ||
| 130 | /** | ||
| 131 | * @description: getShList | ||
| 132 | * @param {*} obj | ||
| 133 | * @author: renchao | ||
| 134 | */ | ||
| 135 | getShList () { | ||
| 136 | this.$startLoading(); | ||
| 137 | var formdata = new FormData(); | ||
| 138 | formdata.append("bsmBusiness", this.propsParam.bsmBusiness); | ||
| 139 | formdata.append("bestepid", this.$route.query.bestepid); | ||
| 148 | 140 | ||
| 149 | getSpyjList(formdata).then((res) => { | 141 | getSpyjList(formdata).then((res) => { |
| 150 | 142 | ||
| 151 | if (res.code === 200 && res.result) { | 143 | if (res.code === 200 && res.result) { |
| 152 | this.tableData = res.result; | 144 | this.tableData = res.result; |
| 153 | if (this.shows) { | 145 | if (this.shows) { |
| 154 | this.shows = false; | 146 | this.shows = false; |
| ... | @@ -186,27 +178,27 @@ export default { | ... | @@ -186,27 +178,27 @@ export default { |
| 186 | }); | 178 | }); |
| 187 | this.$endLoading(); | 179 | this.$endLoading(); |
| 188 | 180 | ||
| 189 | } | 181 | } |
| 190 | 182 | ||
| 191 | }); | 183 | }); |
| 192 | 184 | ||
| 193 | }, | 185 | }, |
| 194 | /** | 186 | /** |
| 195 | * @description: onSubmit | 187 | * @description: onSubmit |
| 196 | * @author: renchao | 188 | * @author: renchao |
| 197 | */ | 189 | */ |
| 198 | onSubmit() { | 190 | onSubmit () { |
| 199 | 191 | ||
| 200 | this.tableData.forEach((item, index) => { | 192 | this.tableData.forEach((item, index) => { |
| 201 | item["bsmBusiness"] = this.propsParam.bsmBusiness; | 193 | item["bsmBusiness"] = this.propsParam.bsmBusiness; |
| 202 | item["czjg"] = "1"; | 194 | item["czjg"] = "1"; |
| 203 | }); | 195 | }); |
| 204 | var index = this.tableData.findIndex( | 196 | var index = this.tableData.findIndex( |
| 205 | (item) => item.shyj ==null||item.shyj =="" | 197 | (item) => item.shyj == null || item.shyj == "" |
| 206 | ); | 198 | ); |
| 207 | if(index==-1){ | 199 | if (index == -1) { |
| 208 | this.shows = true; | 200 | this.shows = true; |
| 209 | saveSpyjBySlsq(this.tableData).then((res) => { | 201 | saveSpyjBySlsq(this.tableData).then((res) => { |
| 210 | if (res.code === 200) { | 202 | if (res.code === 200) { |
| 211 | this.$message.success("保存成功"); | 203 | this.$message.success("保存成功"); |
| 212 | this.refresh += 1; | 204 | this.refresh += 1; |
| ... | @@ -215,151 +207,150 @@ export default { | ... | @@ -215,151 +207,150 @@ export default { |
| 215 | this.$message.error(res.message); | 207 | this.$message.error(res.message); |
| 216 | } | 208 | } |
| 217 | }); | 209 | }); |
| 218 | }else{ | 210 | } else { |
| 219 | this.$message.error("意见不能为空"); | 211 | this.$message.error("意见不能为空"); |
| 220 | } | 212 | } |
| 221 | 213 | ||
| 214 | }, | ||
| 215 | //打开常用意见列表弹窗 | ||
| 216 | /** | ||
| 217 | * @description: 打开常用意见列表弹窗 | ||
| 218 | * @param {*} index | ||
| 219 | * @author: renchao | ||
| 220 | */ | ||
| 221 | commonOpinion (index) { | ||
| 222 | this.currentindex = index; | ||
| 223 | this.$popupDialog( | ||
| 224 | "常用意见", | ||
| 225 | "workflow/components/dialog/commonOpinion", | ||
| 226 | {}, | ||
| 227 | "70%", | ||
| 228 | true | ||
| 229 | ); | ||
| 230 | }, | ||
| 231 | /** | ||
| 232 | * @description: add | ||
| 233 | * @param {*} val | ||
| 234 | * @author: renchao | ||
| 235 | */ | ||
| 236 | add (val) { | ||
| 237 | if (val != "" && this.tableData.length > 0) { | ||
| 238 | this.$set(this.tableData[this.currentindex], "shyj", val); | ||
| 239 | } | ||
| 240 | }, | ||
| 222 | }, | 241 | }, |
| 223 | //打开常用意见列表弹窗 | 242 | }; |
| 224 | /** | ||
| 225 | * @description: 打开常用意见列表弹窗 | ||
| 226 | * @param {*} index | ||
| 227 | * @author: renchao | ||
| 228 | */ | ||
| 229 | commonOpinion(index) { | ||
| 230 | this.currentindex = index; | ||
| 231 | this.$popupDialog( | ||
| 232 | "常用意见", | ||
| 233 | "workflow/components/dialog/commonOpinion", | ||
| 234 | {}, | ||
| 235 | "70%", | ||
| 236 | true | ||
| 237 | ); | ||
| 238 | }, | ||
| 239 | /** | ||
| 240 | * @description: add | ||
| 241 | * @param {*} val | ||
| 242 | * @author: renchao | ||
| 243 | */ | ||
| 244 | add(val) { | ||
| 245 | if (val != ""&&this.tableData.length>0) { | ||
| 246 | this.$set(this.tableData[this.currentindex], "shyj", val); | ||
| 247 | } | ||
| 248 | }, | ||
| 249 | }, | ||
| 250 | }; | ||
| 251 | </script> | 243 | </script> |
| 252 | <style scoped lang="scss"> | 244 | <style scoped lang="scss"> |
| 253 | @import "~@/styles/mixin.scss"; | 245 | @import "~@/styles/mixin.scss"; |
| 254 | 246 | ||
| 255 | .spyj { | 247 | .spyj { |
| 256 | width: 100%; | ||
| 257 | height: 100%; | ||
| 258 | background-color: #f5f5f5; | ||
| 259 | padding: 5px; | ||
| 260 | .box { | ||
| 261 | overflow-x: auto; | ||
| 262 | width: 100%; | 248 | width: 100%; |
| 263 | height: 95%; | 249 | height: 100%; |
| 264 | background: #fff; | 250 | background-color: #f5f5f5; |
| 265 | text-align: center; | 251 | .box { |
| 266 | padding: 4px; | 252 | overflow-x: auto; |
| 267 | overflow-y: scroll; | ||
| 268 | padding-top: 20px; | ||
| 269 | padding: 20px 40px; | ||
| 270 | .spyj_title { | ||
| 271 | width: 100%; | 253 | width: 100%; |
| 272 | height: 80px; | 254 | height: 95%; |
| 273 | border: 1px solid $borderColor; | 255 | background: #fff; |
| 274 | background-color: #eceef2; | 256 | text-align: center; |
| 275 | display: flex; | 257 | padding: 4px; |
| 276 | } | 258 | overflow-y: scroll; |
| 277 | .leftadd { | 259 | padding-top: 20px; |
| 278 | width: 3%; | 260 | padding: 20px 40px; |
| 279 | height: 100%; | 261 | .spyj_title { |
| 280 | display: flex; | 262 | width: 100%; |
| 281 | font-size: 14px; | 263 | height: 80px; |
| 282 | text-indent: 20px; | 264 | border: 1px solid $borderColor; |
| 283 | align-items: center; | 265 | background-color: #eceef2; |
| 284 | border: 1px solid $borderColor; | 266 | display: flex; |
| 285 | } | 267 | } |
| 286 | .righttitle { | 268 | .leftadd { |
| 287 | width: 80%; | 269 | width: 3%; |
| 288 | height: 100%; | 270 | height: 100%; |
| 289 | line-height: 80px; | 271 | display: flex; |
| 290 | border: 1px solid $borderColor; | 272 | font-size: 14px; |
| 291 | margin: auto; | 273 | text-indent: 20px; |
| 292 | font-size: 22px; | 274 | align-items: center; |
| 293 | font-weight: 400; | 275 | border: 1px solid $borderColor; |
| 276 | } | ||
| 277 | .righttitle { | ||
| 278 | width: 80%; | ||
| 279 | height: 100%; | ||
| 280 | line-height: 80px; | ||
| 281 | border: 1px solid $borderColor; | ||
| 282 | margin: auto; | ||
| 283 | font-size: 22px; | ||
| 284 | font-weight: 400; | ||
| 285 | } | ||
| 294 | } | 286 | } |
| 295 | } | ||
| 296 | |||
| 297 | /deep/.el-form-item { | ||
| 298 | margin-bottom: 0; | ||
| 299 | } | ||
| 300 | |||
| 301 | .bottom10 { | ||
| 302 | margin-bottom: 15px; | ||
| 303 | } | ||
| 304 | 287 | ||
| 305 | .spyj_form { | 288 | /deep/.el-form-item { |
| 306 | display: flex; | 289 | margin-bottom: 0; |
| 307 | border: 1px solid $borderColor; | 290 | } |
| 308 | 291 | ||
| 309 | .item_left { | 292 | .bottom10 { |
| 310 | width: 150px; | 293 | margin-bottom: 15px; |
| 311 | background-color: #f8f8fa; | ||
| 312 | color: #606266; | ||
| 313 | display: flex; | ||
| 314 | font-size: 14px; | ||
| 315 | text-indent: 50px; | ||
| 316 | align-items: center; | ||
| 317 | border-right: 1px solid $borderColor; | ||
| 318 | } | 294 | } |
| 319 | 295 | ||
| 320 | .item_right { | 296 | .spyj_form { |
| 321 | flex: 1; | 297 | display: flex; |
| 322 | width: 100%; | 298 | border: 1px solid $borderColor; |
| 323 | 299 | ||
| 324 | /deep/.el-form-item__label { | 300 | .item_left { |
| 301 | width: 150px; | ||
| 325 | background-color: #f8f8fa; | 302 | background-color: #f8f8fa; |
| 303 | color: #606266; | ||
| 304 | display: flex; | ||
| 305 | font-size: 14px; | ||
| 306 | text-indent: 50px; | ||
| 307 | align-items: center; | ||
| 308 | border-right: 1px solid $borderColor; | ||
| 326 | } | 309 | } |
| 327 | /deep/.el-form-item__content { | 310 | |
| 328 | display: block; | 311 | .item_right { |
| 329 | text-align: left; | 312 | flex: 1; |
| 330 | } | 313 | width: 100%; |
| 331 | .opinion_item { | 314 | |
| 332 | /deep/.el-form-item__error { | 315 | /deep/.el-form-item__label { |
| 333 | margin-top: -16px !important; | 316 | background-color: #f8f8fa; |
| 334 | left: 3px; | 317 | } |
| 318 | /deep/.el-form-item__content { | ||
| 319 | display: block; | ||
| 320 | text-align: left; | ||
| 321 | } | ||
| 322 | .opinion_item { | ||
| 323 | /deep/.el-form-item__error { | ||
| 324 | margin-top: -16px !important; | ||
| 325 | left: 3px; | ||
| 326 | } | ||
| 327 | border-bottom: 1px solid $borderColor; | ||
| 335 | } | 328 | } |
| 336 | border-bottom: 1px solid $borderColor; | ||
| 337 | } | ||
| 338 | 329 | ||
| 339 | .opinion { | 330 | .opinion { |
| 340 | position: relative; | 331 | position: relative; |
| 341 | font-size: 14px; | 332 | font-size: 14px; |
| 342 | 333 | ||
| 343 | /deep/.el-textarea__inner { | 334 | /deep/.el-textarea__inner { |
| 344 | border: none; | 335 | border: none; |
| 336 | } | ||
| 345 | } | 337 | } |
| 346 | } | ||
| 347 | 338 | ||
| 348 | .opinion_btn { | 339 | .opinion_btn { |
| 349 | position: absolute; | 340 | position: absolute; |
| 350 | right: 15px; | 341 | right: 15px; |
| 351 | bottom: 10px; | 342 | bottom: 10px; |
| 343 | } | ||
| 352 | } | 344 | } |
| 353 | } | 345 | } |
| 354 | } | ||
| 355 | 346 | ||
| 356 | .submit_button { | 347 | .submit_button { |
| 357 | text-align: center; | 348 | text-align: center; |
| 358 | margin: 15px 0; | 349 | margin: 15px 0; |
| 359 | } | 350 | } |
| 360 | 351 | ||
| 361 | .el-date-editor.el-input { | 352 | .el-date-editor.el-input { |
| 362 | width: 100%; | 353 | width: 100%; |
| 354 | } | ||
| 363 | } | 355 | } |
| 364 | } | ||
| 365 | </style> | 356 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:41:45 | 4 | * @LastEditTime: 2023-09-27 08:51:13 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -15,8 +15,10 @@ | ... | @@ -15,8 +15,10 @@ |
| 15 | placeholder="请输入终止原因" | 15 | placeholder="请输入终止原因" |
| 16 | type="textarea" | 16 | type="textarea" |
| 17 | :rows="4"></el-input> | 17 | :rows="4"></el-input> |
| 18 | <el-button style="float: right" @click="cancelBack">取消</el-button> | 18 | <div style="overflow:hidden;text-align:center;margin-top:10px"> |
| 19 | <el-button type="primary" @click="onSubmit" style="float: right">退件</el-button> | 19 | <el-button @click="cancelBack">取消</el-button> |
| 20 | <el-button type="primary" @click="onSubmit">退件</el-button> | ||
| 21 | </div> | ||
| 20 | </div> | 22 | </div> |
| 21 | </template> | 23 | </template> |
| 22 | 24 | ||
| ... | @@ -59,13 +61,13 @@ | ... | @@ -59,13 +61,13 @@ |
| 59 | }, 1000); | 61 | }, 1000); |
| 60 | }); | 62 | }); |
| 61 | }, | 63 | }, |
| 62 | /** | 64 | /** |
| 63 | * @description: closeDialog | 65 | * @description: closeDialog |
| 64 | * @author: renchao | 66 | * @author: renchao |
| 65 | */ | 67 | */ |
| 66 | cancelBack() { | 68 | cancelBack () { |
| 67 | popupCacel(); | 69 | popupCacel(); |
| 68 | }, | 70 | }, |
| 69 | }, | 71 | }, |
| 70 | }; | 72 | }; |
| 71 | </script> | 73 | </script> | ... | ... |
| ... | @@ -104,7 +104,6 @@ export default { | ... | @@ -104,7 +104,6 @@ export default { |
| 104 | watch: { | 104 | watch: { |
| 105 | workFresh: { | 105 | workFresh: { |
| 106 | handler(newVal, oldVal) { | 106 | handler(newVal, oldVal) { |
| 107 | console.log(newVal, "newVal"); | ||
| 108 | if (newVal) this.list(); | 107 | if (newVal) this.list(); |
| 109 | }, | 108 | }, |
| 110 | }, | 109 | }, |
| ... | @@ -146,7 +145,7 @@ export default { | ... | @@ -146,7 +145,7 @@ export default { |
| 146 | "证书证明预览", | 145 | "证书证明预览", |
| 147 | "workflow/components/dialog/zsyl", | 146 | "workflow/components/dialog/zsyl", |
| 148 | { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, | 147 | { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, |
| 149 | "76%", | 148 | '1230px', |
| 150 | true | 149 | true |
| 151 | ); | 150 | ); |
| 152 | } else { | 151 | } else { |
| ... | @@ -269,7 +268,7 @@ export default { | ... | @@ -269,7 +268,7 @@ export default { |
| 269 | } | 268 | } |
| 270 | .zm-card.no-print { | 269 | .zm-card.no-print { |
| 271 | background-image: url("~@/image/zm-gray.png"); | 270 | background-image: url("~@/image/zm-gray.png"); |
| 272 | 271 | ||
| 273 | /deep/ .el-card__header { | 272 | /deep/ .el-card__header { |
| 274 | &:after { | 273 | &:after { |
| 275 | background-color: #6d7278; | 274 | background-color: #6d7278; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 13:33:27 | 4 | * @LastEditTime: 2023-09-26 15:45:06 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| ... | @@ -124,12 +124,6 @@ | ... | @@ -124,12 +124,6 @@ |
| 124 | let that = this | 124 | let that = this |
| 125 | this.$nextTick(() => { | 125 | this.$nextTick(() => { |
| 126 | if (val.length == 0 || !val) { | 126 | if (val.length == 0 || !val) { |
| 127 | // that.tableDataList = _.cloneDeep([{ | ||
| 128 | // sqrmc: '', | ||
| 129 | // dlrzjlx: '', | ||
| 130 | // dlrzjh: '', | ||
| 131 | // fr: '' | ||
| 132 | // }]) | ||
| 133 | } else { | 127 | } else { |
| 134 | that.tableDataList = _.cloneDeep(val) | 128 | that.tableDataList = _.cloneDeep(val) |
| 135 | } | 129 | } |
| ... | @@ -209,6 +203,7 @@ | ... | @@ -209,6 +203,7 @@ |
| 209 | * @author: renchao | 203 | * @author: renchao |
| 210 | */ | 204 | */ |
| 211 | deleClick (index, row) { | 205 | deleClick (index, row) { |
| 206 | debugger | ||
| 212 | this.tableDataList.splice(index, 1) | 207 | this.tableDataList.splice(index, 1) |
| 213 | this.$emit('upDateQlrxxList', this.tableDataList) | 208 | this.$emit('upDateQlrxxList', this.tableDataList) |
| 214 | }, | 209 | }, | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-08-29 12:55:07 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return { | ||
| 18 | //发证列表 | ||
| 19 | fzgrid: [ | ||
| 20 | { | ||
| 21 | label: '序号', | ||
| 22 | type: 'index', | ||
| 23 | width: '50' | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | prop: "fzrmc", | ||
| 27 | label: "发证人" | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | prop: "bdcqzlx", | ||
| 31 | label: "不动产权证类型", | ||
| 32 | width: '130', | ||
| 33 | render: (h, scope) => { | ||
| 34 | return ( | ||
| 35 | <div> | ||
| 36 | <span v-show={scope.row.bdcqzlx == '1'}>不动产权证书</span> | ||
| 37 | <span v-show={scope.row.bdcqzlx == '2'}>不动产登记证明</span> | ||
| 38 | </div> | ||
| 39 | ) | ||
| 40 | } | ||
| 41 | }, | ||
| 42 | { | ||
| 43 | label: "权利类型", | ||
| 44 | width: '100', | ||
| 45 | render: (h, scope) => { | ||
| 46 | return ( | ||
| 47 | <el-tooltip effect="dark" content={scope.row.qllx} placement="top" popper-class="tooltip-width "> | ||
| 48 | <span class="ellipsis-table"> {scope.row.qllx}</span> | ||
| 49 | </el-tooltip> | ||
| 50 | ) | ||
| 51 | } | ||
| 52 | }, | ||
| 53 | { | ||
| 54 | label: "面积（㎡）", | ||
| 55 | width: '100', | ||
| 56 | render: (h, scope) => { | ||
| 57 | return ( | ||
| 58 | <el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width "> | ||
| 59 | <span class="ellipsis-table"> {scope.row.mj}</span> | ||
| 60 | </el-tooltip> | ||
| 61 | ) | ||
| 62 | } | ||
| 63 | }, | ||
| 64 | { | ||
| 65 | prop: "fzsj", | ||
| 66 | label: "发证时间", | ||
| 67 | width: '140', | ||
| 68 | }, | ||
| 69 | { | ||
| 70 | prop: "lzrxm", | ||
| 71 | label: "领证人姓名" | ||
| 72 | }, | ||
| 73 | ], | ||
| 74 | } | ||
| 75 | } | ||
| 76 | } | ||
| 77 | let datas = new data() | ||
| 78 | export { | ||
| 79 | datas, | ||
| 80 | sendThis | ||
| 81 | } |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:39:03 | 4 | * @LastEditTime: 2023-05-17 10:39:03 |
| 5 | */ | 5 | */ |
| ... | @@ -16,6 +16,7 @@ class data extends filter { | ... | @@ -16,6 +16,7 @@ class data extends filter { |
| 16 | columns () { | 16 | columns () { |
| 17 | return [ | 17 | return [ |
| 18 | { | 18 | { |
| 19 | width:"50px", | ||
| 19 | label: '序号', | 20 | label: '序号', |
| 20 | type: 'index', | 21 | type: 'index', |
| 21 | render: (h, scope) => { | 22 | render: (h, scope) => { |
| ... | @@ -59,8 +60,8 @@ class data extends filter { | ... | @@ -59,8 +60,8 @@ class data extends filter { |
| 59 | ] | 60 | ] |
| 60 | } | 61 | } |
| 61 | } | 62 | } |
| 62 | let datas = new data() | 63 | let szxxdatas = new data() |
| 63 | export { | 64 | export { |
| 64 | datas, | 65 | szxxdatas, |
| 65 | sendThis | 66 | sendThis |
| 66 | } | 67 | } | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-05-17 10:39:03 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | width:"50px", | ||
| 20 | label: '序号', | ||
| 21 | type: 'index', | ||
| 22 | render: (h, scope) => { | ||
| 23 | return ( | ||
| 24 | <div> | ||
| 25 | {scope.$index + 1} | ||
| 26 | </div> | ||
| 27 | ) | ||
| 28 | } | ||
| 29 | }, | ||
| 30 | { | ||
| 31 | prop: "szry", | ||
| 32 | label: "缮证人员", | ||
| 33 | }, | ||
| 34 | { | ||
| 35 | prop: "szsj", | ||
| 36 | label: "缮证时间", | ||
| 37 | }, | ||
| 38 | { | ||
| 39 | label: "是否作废", | ||
| 40 | render: (h, scope) => { | ||
| 41 | if (scope.row.sfzf == '0') { | ||
| 42 | return <div>否</div> | ||
| 43 | } else { | ||
| 44 | return <div>已作废</div> | ||
| 45 | } | ||
| 46 | } | ||
| 47 | }, | ||
| 48 | { | ||
| 49 | prop: "bz", | ||
| 50 | label: "备注信息", | ||
| 51 | }, | ||
| 52 | ] | ||
| 53 | } | ||
| 54 | } | ||
| 55 | let szxxdatas = new data() | ||
| 56 | export { | ||
| 57 | szxxdatas, | ||
| 58 | sendThis | ||
| 59 | } |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-20 16:56:46 | 4 | * @LastEditTime: 2023-09-25 08:59:56 |
| 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"; |
| ... | @@ -52,7 +52,7 @@ export default { | ... | @@ -52,7 +52,7 @@ export default { |
| 52 | flowInitParam () { | 52 | flowInitParam () { |
| 53 | var formdata = new FormData(); | 53 | var formdata = new FormData(); |
| 54 | formdata.append("bsmSlsq", this.bsmSlsq); | 54 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 55 | formdata.append("bestepid", this.bestepid); | 55 | formdata.append("bestepid", this.bestepid ? this.bestepid : ''); |
| 56 | if (this.type) { | 56 | if (this.type) { |
| 57 | formdata.append("type", "READ_ONLY"); | 57 | formdata.append("type", "READ_ONLY"); |
| 58 | } | 58 | } |
| ... | @@ -85,7 +85,7 @@ export default { | ... | @@ -85,7 +85,7 @@ export default { |
| 85 | }) | 85 | }) |
| 86 | break; | 86 | break; |
| 87 | case "B1": | 87 | case "B1": |
| 88 | getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(res => { | 88 | getWorkFlowImage(this.bsmSlsq, this.bestepid ? this.bestepid : '').then(res => { |
| 89 | let { result } = res | 89 | let { result } = res |
| 90 | this.$popupDialog("流程图", "workflow/components/processViewer", { | 90 | this.$popupDialog("流程图", "workflow/components/processViewer", { |
| 91 | xml: result.xml, | 91 | xml: result.xml, |
| ... | @@ -126,7 +126,7 @@ export default { | ... | @@ -126,7 +126,7 @@ export default { |
| 126 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { | 126 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { |
| 127 | bsmSlsq: this.bsmSlsq, | 127 | bsmSlsq: this.bsmSlsq, |
| 128 | entryType: '1' | 128 | entryType: '1' |
| 129 | }, '1210px', true) | 129 | }, '1230px', true) |
| 130 | break; | 130 | break; |
| 131 | case "B6": | 131 | case "B6": |
| 132 | //根据编号获取对应信息 | 132 | //根据编号获取对应信息 |
| ... | @@ -163,22 +163,22 @@ export default { | ... | @@ -163,22 +163,22 @@ export default { |
| 163 | bsm: res.result[0], | 163 | bsm: res.result[0], |
| 164 | onlyShow: false, | 164 | onlyShow: false, |
| 165 | unitData: window.unitData, | 165 | unitData: window.unitData, |
| 166 | bsmSlsq:this.bsmSlsq, | 166 | bsmSlsq: this.bsmSlsq, |
| 167 | showSave:true, | 167 | showSave: true, |
| 168 | djlx: window.djlx | 168 | djlx: window.djlx |
| 169 | }, '90%', true) | 169 | }, '90%', true) |
| 170 | } else { | 170 | } else { |
| 171 | this.$message.error(res.message) | 171 | this.$message.error(res.message) |
| 172 | } | 172 | } |
| 173 | }) | 173 | }) |
| 174 | .catch((err) => { | 174 | .catch((err) => { |
| 175 | this.$message.error(err) | 175 | this.$message.error(err) |
| 176 | }); | 176 | }); |
| 177 | window.djlx && this.$popupDialog('楼盘表', 'lpb/zjgcdy', { | 177 | window.djlx && this.$popupDialog('楼盘表', 'lpb/zjgcdy', { |
| 178 | onlyShow: false, | 178 | onlyShow: false, |
| 179 | unitData: window.unitData, | 179 | unitData: window.unitData, |
| 180 | bsmSlsq:this.bsmSlsq, | 180 | bsmSlsq: this.bsmSlsq, |
| 181 | showSave:true, | 181 | showSave: true, |
| 182 | djlx: window.djlx | 182 | djlx: window.djlx |
| 183 | }, '90%', true) | 183 | }, '90%', true) |
| 184 | break; | 184 | break; |
| ... | @@ -192,13 +192,13 @@ export default { | ... | @@ -192,13 +192,13 @@ export default { |
| 192 | case "back": //退回按钮 | 192 | case "back": //退回按钮 |
| 193 | this.$popupDialog("退回", "workflow/components/th", { | 193 | this.$popupDialog("退回", "workflow/components/th", { |
| 194 | bsmSlsq: this.bsmSlsq, | 194 | bsmSlsq: this.bsmSlsq, |
| 195 | bestepid: this.bestepid | 195 | bestepid: this.bestepid ? this.bestepid : '' |
| 196 | }, '800px', true) | 196 | }, '800px', true) |
| 197 | break; | 197 | break; |
| 198 | case "transfer": //转件按钮 | 198 | case "transfer": //转件按钮 |
| 199 | getNextLinkInfo({ | 199 | getNextLinkInfo({ |
| 200 | bsmSlsq: this.bsmSlsq, | 200 | bsmSlsq: this.bsmSlsq, |
| 201 | bestepid: this.bestepid, | 201 | bestepid: this.bestepid ? this.bestepid : '' |
| 202 | }).then((res) => { | 202 | }).then((res) => { |
| 203 | if (res.code === 200) { | 203 | if (res.code === 200) { |
| 204 | if (res.result) { | 204 | if (res.result) { |
| ... | @@ -212,18 +212,18 @@ export default { | ... | @@ -212,18 +212,18 @@ export default { |
| 212 | case "stop": //终止按钮 | 212 | case "stop": //终止按钮 |
| 213 | this.$popupDialog("终止", "workflow/components/stop", { | 213 | this.$popupDialog("终止", "workflow/components/stop", { |
| 214 | bsmSlsq: this.bsmSlsq, | 214 | bsmSlsq: this.bsmSlsq, |
| 215 | bestepid: this.bestepid, | 215 | bestepid: this.bestepid ? this.bestepid : '' |
| 216 | }, '600px', true) | 216 | }, '600px', true) |
| 217 | break; | 217 | break; |
| 218 | case "signout": | 218 | case "signout": |
| 219 | window.close(); | 219 | window.close(); |
| 220 | //取消认领 | 220 | //取消认领 |
| 221 | unClaimTask(this.bsmSlsq, this.bestepid) | 221 | unClaimTask(this.bsmSlsq, this.bestepid ? this.bestepid : '') |
| 222 | break; | 222 | break; |
| 223 | case "B9": | 223 | case "B9": |
| 224 | var formdata = new FormData(); | 224 | var formdata = new FormData(); |
| 225 | formdata.append("bsmSlsq", this.bsmSlsq); | 225 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 226 | formdata.append("bestepid", this.bestepid); | 226 | formdata.append("bestepid", this.bestepid ? this.bestepid : ''); |
| 227 | this.$confirm("请确认是否登簿", "提示", { | 227 | this.$confirm("请确认是否登簿", "提示", { |
| 228 | iconClass: "el-icon-info", //自定义图标样式 | 228 | iconClass: "el-icon-info", //自定义图标样式 |
| 229 | confirmButtonText: "确认", //确认按钮文字更换 | 229 | confirmButtonText: "确认", //确认按钮文字更换 |
| ... | @@ -265,7 +265,7 @@ export default { | ... | @@ -265,7 +265,7 @@ export default { |
| 265 | this.$confirm("确定要删除吗, 是否继续?", "提示", { | 265 | this.$confirm("确定要删除吗, 是否继续?", "提示", { |
| 266 | confirmButtonText: "确定", | 266 | confirmButtonText: "确定", |
| 267 | cancelButtonText: "取消", | 267 | cancelButtonText: "取消", |
| 268 | type: "warning", | 268 | type: "warning" |
| 269 | }) | 269 | }) |
| 270 | .then(() => { | 270 | .then(() => { |
| 271 | deleteFlow(formdata).then((res) => { | 271 | deleteFlow(formdata).then((res) => { |
| ... | @@ -279,14 +279,14 @@ export default { | ... | @@ -279,14 +279,14 @@ export default { |
| 279 | } else { | 279 | } else { |
| 280 | this.$message.error(res.message); | 280 | this.$message.error(res.message); |
| 281 | } | 281 | } |
| 282 | }); | 282 | }) |
| 283 | }) | 283 | }) |
| 284 | .catch(() => { | 284 | .catch(() => { |
| 285 | this.$message({ | 285 | this.$message({ |
| 286 | type: "info", | 286 | type: "info", |
| 287 | message: "已取消删除", | 287 | message: "已取消删除" |
| 288 | }); | 288 | }) |
| 289 | }); | 289 | }) |
| 290 | }, | 290 | }, |
| 291 | /** | 291 | /** |
| 292 | * @description: 发送下一个环节 | 292 | * @description: 发送下一个环节 |
| ... | @@ -337,7 +337,7 @@ export default { | ... | @@ -337,7 +337,7 @@ export default { |
| 337 | formdata.append("bsmSlsq", this.bsmSlsq); | 337 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 338 | uploadUndo(formdata).then(res => { | 338 | uploadUndo(formdata).then(res => { |
| 339 | if (res.code == 200) { | 339 | if (res.code == 200) { |
| 340 | this.$message.success("导入成功"); | 340 | this.$message.success("导入成功") |
| 341 | } else { | 341 | } else { |
| 342 | this.$message.error(res.message) | 342 | this.$message.error(res.message) |
| 343 | } | 343 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-12 10:52:24 | 4 | * @LastEditTime: 2023-09-21 14:16:39 |
| 5 | */ | 5 | */ |
| 6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
| 7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
| ... | @@ -55,7 +55,7 @@ export default { | ... | @@ -55,7 +55,7 @@ export default { |
| 55 | break; | 55 | break; |
| 56 | } | 56 | } |
| 57 | } | 57 | } |
| 58 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | 58 | this.componentTag = getForm(tabname); |
| 59 | } | 59 | } |
| 60 | } | 60 | } |
| 61 | } | 61 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 14:52:46 | 4 | * @LastEditTime: 2023-10-08 14:48:23 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -178,7 +178,7 @@ | ... | @@ -178,7 +178,7 @@ |
| 178 | // 获取打印回执数据 | 178 | // 获取打印回执数据 |
| 179 | var formdata = new FormData(); | 179 | var formdata = new FormData(); |
| 180 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); | 180 | formdata.append("bsmSldy", this.currentSelectProps.bsmSldy); |
| 181 | formdata.append("bsmSlsq", this.paramData.bsmSlsq); | 181 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 182 | formdata.append("djlx", this.currentSelectProps.djlx); | 182 | formdata.append("djlx", this.currentSelectProps.djlx); |
| 183 | BatchInit(formdata).then((res) => { | 183 | BatchInit(formdata).then((res) => { |
| 184 | if (res.code === 200 && res.result) { | 184 | if (res.code === 200 && res.result) { |
| ... | @@ -231,7 +231,7 @@ | ... | @@ -231,7 +231,7 @@ |
| 231 | //判断是窗口关闭还是刷新 | 231 | //判断是窗口关闭还是刷新 |
| 232 | if (this._gap_time <= 10) { | 232 | if (this._gap_time <= 10) { |
| 233 | //取消认领 | 233 | //取消认领 |
| 234 | unClaimTask(this.paramData.bsmSlsq, this.paramData.bestepid) | 234 | unClaimTask(this.$route.query.bsmSlsq, this.bestepid ? this.bestepid : '') |
| 235 | } | 235 | } |
| 236 | }, | 236 | }, |
| 237 | /** | 237 | /** | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-20 17:30:41 | 4 | * @LastEditTime: 2023-09-21 13:11:04 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="container"> | 7 | <div class="container"> |
| ... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
| 18 | <ul> | 18 | <ul> |
| 19 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> | 19 | <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index"> |
| 20 | <svg-icon class="icon" :icon-class="item.icon" /> | 20 | <svg-icon class="icon" :icon-class="item.icon" /> |
| 21 | <span class="iconName">{{ item.name }} {{ item.value }}</span> | 21 | <span class="iconName">{{ item.name }}</span> |
| 22 | </li> | 22 | </li> |
| 23 | </ul> | 23 | </ul> |
| 24 | <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" /> | 24 | <NoticeBar class="NoticeBar" :noticeList="noticeList" v-if="noticeList.length > 0" /> |
| ... | @@ -71,8 +71,6 @@ | ... | @@ -71,8 +71,6 @@ |
| 71 | return { | 71 | return { |
| 72 | //受理申请标识码 | 72 | //受理申请标识码 |
| 73 | bsmSlsq: this.$route.query.bsmSlsq, | 73 | bsmSlsq: this.$route.query.bsmSlsq, |
| 74 | //当前流程所在环节 | ||
| 75 | bestepid: this.$route.query.bestepid, | ||
| 76 | // 流程图 | 74 | // 流程图 |
| 77 | imgSrc: "", | 75 | imgSrc: "", |
| 78 | // 折叠 | 76 | // 折叠 | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-17 10:42:40 | 4 | * @LastEditTime: 2023-09-25 09:31:27 |
| 5 | */ | 5 | */ |
| 6 | export default { | 6 | export default { |
| 7 | data () { | 7 | data () { |
| ... | @@ -12,7 +12,6 @@ export default { | ... | @@ -12,7 +12,6 @@ export default { |
| 12 | } | 12 | } |
| 13 | }, | 13 | }, |
| 14 | methods: { | 14 | methods: { |
| 15 | // 点击高级查询弹出查询弹框 | ||
| 16 | /** | 15 | /** |
| 17 | * @description: 点击高级查询弹出查询弹框 | 16 | * @description: 点击高级查询弹出查询弹框 |
| 18 | * @author: renchao | 17 | * @author: renchao |
| ... | @@ -21,7 +20,6 @@ export default { | ... | @@ -21,7 +20,6 @@ export default { |
| 21 | this.isSearch = true | 20 | this.isSearch = true |
| 22 | 21 | ||
| 23 | }, | 22 | }, |
| 24 | // 查询事件 | ||
| 25 | /** | 23 | /** |
| 26 | * @description: 查询事件 | 24 | * @description: 查询事件 |
| 27 | * @param {*} bs | 25 | * @param {*} bs |
| ... | @@ -36,7 +34,6 @@ export default { | ... | @@ -36,7 +34,6 @@ export default { |
| 36 | } | 34 | } |
| 37 | }) | 35 | }) |
| 38 | }, | 36 | }, |
| 39 | // 清空单个表单 | ||
| 40 | /** | 37 | /** |
| 41 | * @description: 清空单个表单 | 38 | * @description: 清空单个表单 |
| 42 | * @param {*} el | 39 | * @param {*} el |
| ... | @@ -62,7 +59,6 @@ export default { | ... | @@ -62,7 +59,6 @@ export default { |
| 62 | } | 59 | } |
| 63 | this.searchForm[el] = '' | 60 | this.searchForm[el] = '' |
| 64 | }, | 61 | }, |
| 65 | // 删除单个查询条件 | ||
| 66 | /** | 62 | /** |
| 67 | * @description: 删除单个查询条件 | 63 | * @description: 删除单个查询条件 |
| 68 | * @param {*} item | 64 | * @param {*} item |
| ... | @@ -92,7 +88,8 @@ export default { | ... | @@ -92,7 +88,8 @@ export default { |
| 92 | iterationData () { | 88 | iterationData () { |
| 93 | let obj = { | 89 | let obj = { |
| 94 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', | 90 | ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', |
| 95 | qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' | 91 | bdcdyh: '不动产单元号', |
| 92 | sqrmc: '申请人', sqrzjhm: '申请人证件号', zl: '坐落' | ||
| 96 | } | 93 | } |
| 97 | this.searchList = Object.entries({ ...this.searchForm, ...this.otherForm }).map((item) => { | 94 | this.searchList = Object.entries({ ...this.searchForm, ...this.otherForm }).map((item) => { |
| 98 | const [name, value] = item | 95 | const [name, value] = item |
| ... | @@ -109,7 +106,6 @@ export default { | ... | @@ -109,7 +106,6 @@ export default { |
| 109 | this.iterationData() | 106 | this.iterationData() |
| 110 | this.queryClick() | 107 | this.queryClick() |
| 111 | }, | 108 | }, |
| 112 | // 清空查询条件 | ||
| 113 | /** | 109 | /** |
| 114 | * @description: 清空查询条件 | 110 | * @description: 清空查询条件 |
| 115 | * @author: renchao | 111 | * @author: renchao |
| ... | @@ -120,7 +116,11 @@ export default { | ... | @@ -120,7 +116,11 @@ export default { |
| 120 | ywly: "", | 116 | ywly: "", |
| 121 | qllx: "", | 117 | qllx: "", |
| 122 | djlx: "", | 118 | djlx: "", |
| 123 | ywh: "" | 119 | ywh: "", |
| 120 | bdcdyh: "", | ||
| 121 | sqrmc: "", | ||
| 122 | sqrzjhm: "", | ||
| 123 | zl: "" | ||
| 124 | } | 124 | } |
| 125 | this.otherForm = {} | 125 | this.otherForm = {} |
| 126 | this.searchList = [] | 126 | this.searchList = [] | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 16:30:47 | 4 | * @LastEditTime: 2023-09-25 10:33:39 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -221,14 +221,18 @@ | ... | @@ -221,14 +221,18 @@ |
| 221 | }; | 221 | }; |
| 222 | }, | 222 | }, |
| 223 | methods: { | 223 | methods: { |
| 224 | // 列表渲染接口 | ||
| 225 | /** | 224 | /** |
| 226 | * @description: 列表渲染接口 | 225 | * @description: 列表渲染接口 |
| 227 | * @author: renchao | 226 | * @author: renchao |
| 228 | */ | 227 | */ |
| 229 | queryClick () { | 228 | queryClick () { |
| 230 | this.$startLoading(); | 229 | this.$startLoading(); |
| 231 | this.searchForm.ywh = this.queryForm.ywh; | 230 | const { ywh, bdcdyh, sqrmc, sqrzjhm, zl } = this.queryForm; |
| 231 | this.searchForm.ywh = ywh; | ||
| 232 | this.searchForm.bdcdyh = bdcdyh; | ||
| 233 | this.searchForm.sqrmc = sqrmc; | ||
| 234 | this.searchForm.sqrzjhm = sqrzjhm; | ||
| 235 | this.searchForm.zl = zl; | ||
| 232 | this.iterationData(); | 236 | this.iterationData(); |
| 233 | searchTaskToDo({ | 237 | searchTaskToDo({ |
| 234 | ...this.queryForm, | 238 | ...this.queryForm, |
| ... | @@ -303,32 +307,20 @@ | ... | @@ -303,32 +307,20 @@ |
| 303 | //有任务权限 | 307 | //有任务权限 |
| 304 | if (item.sjlx == "3") { | 308 | if (item.sjlx == "3") { |
| 305 | const { href } = this.$router.resolve( | 309 | const { href } = this.$router.resolve( |
| 306 | "/djbworkFrame?bsmSlsq=" + | 310 | "/djbworkFrame?bsmSlsq=" + item.bsmSlsq + |
| 307 | item.bsmSlsq + | 311 | "&bestepid=" + item.bestepid + |
| 308 | "&bestepid=" + | 312 | "&zbhj=" + item.zbhj |
| 309 | item.bestepid + | ||
| 310 | "&bsmBusiness=" + | ||
| 311 | "&sqywbm=" + | ||
| 312 | item.djywbm + | ||
| 313 | "&zbhj=" + | ||
| 314 | item.zbhj | ||
| 315 | ); | 313 | ); |
| 316 | window.open(href, `djbworkFrame${item.bsmSlsq}`); | 314 | window.open(href, `djbworkFrame${item.bsmSlsq}`); |
| 317 | } else { | 315 | } else { |
| 318 | const { href } = this.$router.resolve( | 316 | const { href } = this.$router.resolve( |
| 319 | "/workFrame?bsmSlsq=" + | 317 | "/workFrame?bsmSlsq=" + item.bsmSlsq + |
| 320 | item.bsmSlsq + | 318 | "&bestepid=" + item.bestepid + |
| 321 | "&bestepid=" + | 319 | "&zbhj=" + item.zbhj |
| 322 | item.bestepid + | 320 | ) |
| 323 | "&bsmBusiness=" + | 321 | window.open(href, `workFrame${item.bsmSlsq}`) |
| 324 | "&sqywbm=" + | ||
| 325 | item.djywbm + | ||
| 326 | "&zbhj=" + | ||
| 327 | item.zbhj | ||
| 328 | ); | ||
| 329 | window.open(href, `workFrame${item.bsmSlsq}`); | ||
| 330 | } | 322 | } |
| 331 | localStorage.setItem("ywbl", JSON.stringify(item)); | 323 | localStorage.setItem("ywbl", JSON.stringify(item)) |
| 332 | 324 | ||
| 333 | //从待办箱进入的调取任务领取接口 | 325 | //从待办箱进入的调取任务领取接口 |
| 334 | claimTask(item.bsmSlsq, item.bestepid); | 326 | claimTask(item.bsmSlsq, item.bestepid); |
| ... | @@ -341,10 +333,10 @@ | ... | @@ -341,10 +333,10 @@ |
| 341 | } else { | 333 | } else { |
| 342 | this.$message.error("用户任务权限判断失败，请联系管理员"); | 334 | this.$message.error("用户任务权限判断失败，请联系管理员"); |
| 343 | } | 335 | } |
| 344 | }); | 336 | }) |
| 345 | }, | 337 | } |
| 346 | }, | 338 | } |
| 347 | }; | 339 | } |
| 348 | </script> | 340 | </script> |
| 349 | <style scoped lang="scss"> | 341 | <style scoped lang="scss"> |
| 350 | @import "~@/styles/public.scss"; | 342 | @import "~@/styles/public.scss"; | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-20 17:17:22 | 4 | * @LastEditTime: 2023-09-25 10:58:15 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -62,7 +62,9 @@ class data extends filter { | ... | @@ -62,7 +62,9 @@ class data extends filter { |
| 62 | align: 'center', | 62 | align: 'center', |
| 63 | minWidth: '100', | 63 | minWidth: '100', |
| 64 | render: (h, scope) => { | 64 | render: (h, scope) => { |
| 65 | return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-link> | 65 | return ( |
| 66 | <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{this.joinItem(scope.row.ywh)}</el-link> | ||
| 67 | ) | ||
| 66 | } | 68 | } |
| 67 | }, | 69 | }, |
| 68 | { | 70 | { |
| ... | @@ -81,8 +83,8 @@ class data extends filter { | ... | @@ -81,8 +83,8 @@ class data extends filter { |
| 81 | render: (h, scope) => { | 83 | render: (h, scope) => { |
| 82 | return ( | 84 | return ( |
| 83 | <div> | 85 | <div> |
| 84 | <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width "> | 86 | <el-tooltip effect="dark" content={this.joinItem(scope.row.qlrmc)} placement="top" popper-class="tooltip-width "> |
| 85 | <span class="ellipsis-table"> {scope.row.qlrmc}</span> | 87 | <span class="ellipsis-table"> {this.joinItem(scope.row.qlrmc)}</span> |
| 86 | </el-tooltip> | 88 | </el-tooltip> |
| 87 | </div> | 89 | </div> |
| 88 | ) | 90 | ) |
| ... | @@ -94,8 +96,8 @@ class data extends filter { | ... | @@ -94,8 +96,8 @@ class data extends filter { |
| 94 | render: (h, scope) => { | 96 | render: (h, scope) => { |
| 95 | return ( | 97 | return ( |
| 96 | <div> | 98 | <div> |
| 97 | <el-tooltip effect="dark" content={scope.row.ywrmc} placement="top" popper-class="tooltip-width "> | 99 | <el-tooltip effect="dark" content={this.joinItem(scope.row.ywrmc)} placement="top" popper-class="tooltip-width "> |
| 98 | <span class="ellipsis-table"> {scope.row.ywrmc}</span> | 100 | <span class="ellipsis-table"> {this.joinItem(scope.row.ywrmc)}</span> |
| 99 | </el-tooltip> | 101 | </el-tooltip> |
| 100 | </div> | 102 | </div> |
| 101 | ) | 103 | ) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-09-20 13:39:05 | 4 | * @LastEditTime: 2023-09-25 15:11:12 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -428,6 +428,18 @@ | ... | @@ -428,6 +428,18 @@ |
| 428 | onSubmit () { | 428 | onSubmit () { |
| 429 | let that = this; | 429 | let that = this; |
| 430 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); | 430 | let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); |
| 431 | |||
| 432 | let jzmjArr = this.ruleForm.fdcqxm.filter((item) => { | ||
| 433 | return item.jzmj && item.jzmj !== ''; | ||
| 434 | }); | ||
| 435 | if (jzmjArr.length < this.ruleForm.fdcqxm.length) { | ||
| 436 | this.$message({ | ||
| 437 | showClose: true, | ||
| 438 | message: "请检查房屋多幢明细建筑面积", | ||
| 439 | type: "error", | ||
| 440 | }); | ||
| 441 | return false; | ||
| 442 | } | ||
| 431 | if (arr.length > 0) { | 443 | if (arr.length > 0) { |
| 432 | this.$message({ | 444 | this.$message({ |
| 433 | showClose: true, | 445 | showClose: true, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-20 14:27:17 | 4 | * @LastEditTime: 2023-09-26 15:16:04 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
| ... | @@ -446,6 +446,7 @@ | ... | @@ -446,6 +446,7 @@ |
| 446 | * @description: saveData | 446 | * @description: saveData |
| 447 | * @author: renchao | 447 | * @author: renchao |
| 448 | */ | 448 | */ |
| 449 | this.$store.dispatch("user/refreshPage", false); | ||
| 449 | saveData(this.ruleForm).then((res) => { | 450 | saveData(this.ruleForm).then((res) => { |
| 450 | if (res.code === 200) { | 451 | if (res.code === 200) { |
| 451 | this.$message({ | 452 | this.$message({ | ... | ... |
| ... | @@ -96,7 +96,7 @@ | ... | @@ -96,7 +96,7 @@ |
| 96 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 96 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 97 | <el-col :span="8"> | 97 | <el-col :span="8"> |
| 98 | <el-form-item label="房屋用途："> | 98 | <el-form-item label="房屋用途："> |
| 99 | <el-select v-model="ruleForm.ygdj.ghyt"> | 99 | <el-select v-model="ruleForm.ygdj.ghyt" :disabled="!viewEdit"> |
| 100 | <el-option | 100 | <el-option |
| 101 | v-for="item in dictData['A17']" | 101 | v-for="item in dictData['A17']" |
| 102 | :key="item.dcode" | 102 | :key="item.dcode" |
| ... | @@ -182,6 +182,7 @@ | ... | @@ -182,6 +182,7 @@ |
| 182 | <el-col :span="24"> | 182 | <el-col :span="24"> |
| 183 | <el-form-item label="附记："> | 183 | <el-form-item label="附记："> |
| 184 | <el-input | 184 | <el-input |
| 185 | :disabled="!viewEdit" | ||
| 185 | v-model="ruleForm.ygdj.fj" | 186 | v-model="ruleForm.ygdj.fj" |
| 186 | type="textarea" | 187 | type="textarea" |
| 187 | maxlength="500" | 188 | maxlength="500" | ... | ... |
| ... | @@ -121,19 +121,25 @@ | ... | @@ -121,19 +121,25 @@ |
| 121 | </div> | 121 | </div> |
| 122 | <el-row :gutter="10"> | 122 | <el-row :gutter="10"> |
| 123 | <el-col :span="8"> | 123 | <el-col :span="8"> |
| 124 | <el-form-item label="原不动产证号："> | 124 | <el-form-item label="原不动产证号：" |
| 125 | prop="sldy.ybdcqzsh" | ||
| 126 | :rules="rules.ybdcqzshrules"> | ||
| 125 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 127 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
| 126 | </el-form-item> | 128 | </el-form-item> |
| 127 | </el-col> | 129 | </el-col> |
| 128 | <el-col :span="8"> | 130 | <el-col :span="8"> |
| 129 | <el-form-item label="预告登记种类："> | 131 | <el-form-item label="预告登记种类：" |
| 132 | prop="ygdj.ygdjzlmc" | ||
| 133 | :rules="rules.ygdjzlmcrules"> | ||
| 130 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> | 134 | <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> |
| 131 | </el-form-item> | 135 | </el-form-item> |
| 132 | </el-col> | 136 | </el-col> |
| 133 | <el-col :span="8"> | 137 | <el-col :span="8"> |
| 134 | <el-form-item | 138 | <el-form-item |
| 135 | label="是否禁止或者限制转让的约定：" | 139 | label="是否禁止或者限制转让的约定：" |
| 136 | label-width="200px"> | 140 | label-width="200px" |
| 141 | prop="ygdj.sfczjzhxz" | ||
| 142 | :rules="rules.sfczjzhxzrules"> | ||
| 137 | <el-radio-group | 143 | <el-radio-group |
| 138 | v-model="ruleForm.ygdj.sfczjzhxz" | 144 | v-model="ruleForm.ygdj.sfczjzhxz" |
| 139 | :disabled="!viewEdit"> | 145 | :disabled="!viewEdit"> |
| ... | @@ -145,7 +151,9 @@ | ... | @@ -145,7 +151,9 @@ |
| 145 | </el-row> | 151 | </el-row> |
| 146 | <el-row :gutter="10"> | 152 | <el-row :gutter="10"> |
| 147 | <el-col :span="8"> | 153 | <el-col :span="8"> |
| 148 | <el-form-item label="被担保主债权数额："> | 154 | <el-form-item label="被担保主债权数额：" |
| 155 | prop="ygdj.qdjg" | ||
| 156 | :rules="rules.qdjgrules"> | ||
| 149 | <div class="flex"> | 157 | <div class="flex"> |
| 150 | <el-input | 158 | <el-input |
| 151 | v-model="ruleForm.ygdj.qdjg" | 159 | v-model="ruleForm.ygdj.qdjg" |
| ... | @@ -164,7 +172,9 @@ | ... | @@ -164,7 +172,9 @@ |
| 164 | </el-form-item> | 172 | </el-form-item> |
| 165 | </el-col> | 173 | </el-col> |
| 166 | <el-col :span="8"> | 174 | <el-col :span="8"> |
| 167 | <el-form-item label="债务履行起始时间："> | 175 | <el-form-item label="债务履行起始时间：" |
| 176 | prop="ygdj.zwlxqssj" | ||
| 177 | :rules="rules.zwlxqssjrules"> | ||
| 168 | <el-date-picker | 178 | <el-date-picker |
| 169 | v-model="ruleForm.ygdj.zwlxqssj" | 179 | v-model="ruleForm.ygdj.zwlxqssj" |
| 170 | :disabled="!viewEdit" | 180 | :disabled="!viewEdit" |
| ... | @@ -172,7 +182,9 @@ | ... | @@ -172,7 +182,9 @@ |
| 172 | </el-form-item> | 182 | </el-form-item> |
| 173 | </el-col> | 183 | </el-col> |
| 174 | <el-col :span="8"> | 184 | <el-col :span="8"> |
| 175 | <el-form-item label="债务履行结束时间："> | 185 | <el-form-item label="债务履行结束时间：" |
| 186 | prop="ygdj.zwlxjssj" | ||
| 187 | :rules="rules.zwlxjssjrules"> | ||
| 176 | <el-date-picker | 188 | <el-date-picker |
| 177 | v-model="ruleForm.ygdj.zwlxjssj" | 189 | v-model="ruleForm.ygdj.zwlxjssj" |
| 178 | :disabled="!viewEdit" | 190 | :disabled="!viewEdit" |
| ... | @@ -182,10 +194,12 @@ | ... | @@ -182,10 +194,12 @@ |
| 182 | </el-row> | 194 | </el-row> |
| 183 | <el-row :gutter="10"> | 195 | <el-row :gutter="10"> |
| 184 | <el-col :span="24"> | 196 | <el-col :span="24"> |
| 185 | <el-form-item label="担保范围："> | 197 | <el-form-item label="担保范围：" |
| 198 | prop="ygdj.dbfw" | ||
| 199 | :rules="rules.dbfwrules"> | ||
| 186 | <el-input | 200 | <el-input |
| 187 | v-model="ruleForm.ygdj.dbfw" | 201 | v-model="ruleForm.ygdj.dbfw" |
| 188 | :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> | 202 | :disabled="!viewEdit"></el-input> |
| 189 | </el-form-item> | 203 | </el-form-item> |
| 190 | </el-col> | 204 | </el-col> |
| 191 | </el-row> | 205 | </el-row> |
| ... | @@ -359,7 +373,21 @@ | ... | @@ -359,7 +373,21 @@ |
| 359 | ruleForm: {}, | 373 | ruleForm: {}, |
| 360 | //传递参数 | 374 | //传递参数 |
| 361 | propsParam: this.$attrs, | 375 | propsParam: this.$attrs, |
| 362 | rules: {} | 376 | rules: { |
| 377 | ybdcqzshrules: [ | ||
| 378 | { required: true, message: "原不动产证号", trigger: "blur" }, | ||
| 379 | ], | ||
| 380 | ygdjzlmcrules: [ | ||
| 381 | { required: true, message: "预告登记种类", trigger: "blur" }, | ||
| 382 | ], | ||
| 383 | sfczjzhxzrules: [ | ||
| 384 | { required: true, message: "是否禁止或者限制转让的约定：", trigger: "blur" }, | ||
| 385 | ], | ||
| 386 | qdjgrules: [{ required: true, message: "被担保主债权数额", trigger: "blur" }], | ||
| 387 | zwlxqssjrules: [{ required: true, message: "债务履行起始时间", trigger: "blur" }], | ||
| 388 | zwlxjssjrules: [{ required: true, message: "债务履行结束时间", trigger: "blur" }], | ||
| 389 | dbfwrules: [{ required: true, message: "担保范围", trigger: "blur" }], | ||
| 390 | } | ||
| 363 | } | 391 | } |
| 364 | }, | 392 | }, |
| 365 | methods: { | 393 | methods: { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 10:04:58 | 4 | * @LastEditTime: 2023-09-25 11:08:07 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -197,34 +197,46 @@ | ... | @@ -197,34 +197,46 @@ |
| 197 | qllx: "", | 197 | qllx: "", |
| 198 | djlx: "", | 198 | djlx: "", |
| 199 | ywh: "", | 199 | ywh: "", |
| 200 | bdcdyh: "", | ||
| 201 | sqrmc: "", | ||
| 202 | sqrzjhm: "", | ||
| 203 | zl: "" | ||
| 200 | }, | 204 | }, |
| 201 | searchForm: { | 205 | searchForm: { |
| 202 | ywlymc: "", | 206 | ywlymc: "", |
| 203 | qllxmc: "", | 207 | qllxmc: "", |
| 204 | djlxmc: "", | 208 | djlxmc: "", |
| 205 | ywh: "", | 209 | ywh: "", |
| 210 | bdcdyh: "", | ||
| 211 | sqrmc: "", | ||
| 212 | sqrzjhm: "", | ||
| 213 | zl: "" | ||
| 206 | }, | 214 | }, |
| 207 | tableData: { | 215 | tableData: { |
| 208 | total: 0, | 216 | total: 0, |
| 209 | columns: datas.columns(), | 217 | columns: datas.columns(), |
| 210 | data: [], | 218 | data: [] |
| 211 | }, | 219 | } |
| 212 | }; | 220 | } |
| 213 | }, | 221 | }, |
| 214 | activated () { | 222 | activated () { |
| 215 | this.queryClick(); | 223 | this.queryClick(); |
| 216 | window["getBpageList"] = () => { | 224 | window["getBpageList"] = () => { |
| 217 | this.queryClick(); | 225 | this.queryClick() |
| 218 | }; | 226 | } |
| 219 | }, | 227 | }, |
| 220 | methods: { | 228 | methods: { |
| 221 | /** | 229 | /** |
| 222 | * @description: 列表渲染接口 | 230 | * @description: 列表渲染接口 |
| 223 | * @author: renchao | ||
| 224 | */ | 231 | */ |
| 225 | queryClick () { | 232 | queryClick () { |
| 226 | this.$startLoading(); | 233 | this.$startLoading(); |
| 227 | this.searchForm.ywh = this.queryForm.ywh; | 234 | const { ywh, bdcdyh, sqrmc, sqrzjhm, zl } = this.queryForm; |
| 235 | this.searchForm.ywh = ywh; | ||
| 236 | this.searchForm.bdcdyh = bdcdyh; | ||
| 237 | this.searchForm.sqrmc = sqrmc; | ||
| 238 | this.searchForm.sqrzjhm = sqrzjhm; | ||
| 239 | this.searchForm.zl = zl; | ||
| 228 | this.iterationData(); | 240 | this.iterationData(); |
| 229 | searchTaskDone({ | 241 | searchTaskDone({ |
| 230 | ...this.queryForm, | 242 | ...this.queryForm, |
| ... | @@ -264,22 +276,17 @@ | ... | @@ -264,22 +276,17 @@ |
| 264 | if (item.sjlx == "3") { | 276 | if (item.sjlx == "3") { |
| 265 | item.djywbm = "DJBBL"; | 277 | item.djywbm = "DJBBL"; |
| 266 | const { href } = this.$router.resolve( | 278 | const { href } = this.$router.resolve( |
| 267 | "/djbworkFrameview?bsmSlsq=" + | 279 | "/djbworkFrameview?bsmSlsq=" + item.bsmSlsq + |
| 268 | item.bsmSlsq + | 280 | "&bestepid=" + item.bestepid + |
| 269 | "&bestepid=" + | 281 | "&sqywbm=" + item.djywbm |
| 270 | item.bestepid + | ||
| 271 | "&sqywbm=" + | ||
| 272 | item.djywbm | ||
| 273 | ); | 282 | ); |
| 274 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | 283 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); |
| 275 | } else { | 284 | } else { |
| 276 | const { href } = this.$router.resolve( | 285 | const { href } = this.$router.resolve( |
| 277 | "/workFrameView?bsmSlsq=" + | 286 | "/workFrameView?bsmSlsq=" + item.bsmSlsq + |
| 278 | item.bsmSlsq + | 287 | "&bestepid=" + item.bestepid |
| 279 | "&bestepid=" + | ||
| 280 | item.bestepid | ||
| 281 | ); | 288 | ); |
| 282 | window.open(href, `workFrameView${item.bsmSlsq}`); | 289 | window.open(href, `workFrameView${item.bsmSlsq}`) |
| 283 | } | 290 | } |
| 284 | } | 291 | } |
| 285 | } | 292 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 11:07:59 | 4 | * @LastEditTime: 2023-09-25 10:59:16 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -56,7 +56,7 @@ class data extends filter { | ... | @@ -56,7 +56,7 @@ class data extends filter { |
| 56 | label: "业务号", | 56 | label: "业务号", |
| 57 | width: '100', | 57 | width: '100', |
| 58 | render: (h, scope) => { | 58 | render: (h, scope) => { |
| 59 | return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-link> | 59 | return <el-link type="primary" onClick={() => { vm.ywhClick(scope.row) }}>{this.joinItem(scope.row.ywh)}</el-link> |
| 60 | } | 60 | } |
| 61 | }, | 61 | }, |
| 62 | { | 62 | { |
| ... | @@ -70,8 +70,8 @@ class data extends filter { | ... | @@ -70,8 +70,8 @@ class data extends filter { |
| 70 | render: (h, scope) => { | 70 | render: (h, scope) => { |
| 71 | return ( | 71 | return ( |
| 72 | <div> | 72 | <div> |
| 73 | <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width "> | 73 | <el-tooltip effect="dark" content={this.joinItem(scope.row.qlrmc)} placement="top" popper-class="tooltip-width "> |
| 74 | <span class="ellipsis-table"> {scope.row.qlrmc}</span> | 74 | <span class="ellipsis-table"> {this.joinItem(scope.row.qlrmc)}</span> |
| 75 | </el-tooltip> | 75 | </el-tooltip> |
| 76 | </div> | 76 | </div> |
| 77 | ) | 77 | ) |
| ... | @@ -83,8 +83,8 @@ class data extends filter { | ... | @@ -83,8 +83,8 @@ 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={this.joinItem(scope.row.ywrmc)} placement="top" popper-class="tooltip-width"> |
| 87 | <span class="ellipsis-table"> {scope.row.ywrmc}</span> | 87 | <span class="ellipsis-table"> {this.joinItem(scope.row.ywrmc)}</span> |
| 88 | </el-tooltip> | 88 | </el-tooltip> |
| 89 | </div> | 89 | </div> |
| 90 | ) | 90 | ) | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-16 14:59:46 | 4 | * @LastEditTime: 2023-09-21 10:18:57 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -252,9 +252,9 @@ | ... | @@ -252,9 +252,9 @@ |
| 252 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 252 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
| 253 | formData: param | 253 | formData: param |
| 254 | }) | 254 | }) |
| 255 | }, | 255 | } |
| 256 | }, | 256 | } |
| 257 | }; | 257 | } |
| 258 | </script> | 258 | </script> |
| 259 | <style scoped lang="scss"> | 259 | <style scoped lang="scss"> |
| 260 | @import "~@/styles/mixin.scss"; | 260 | @import "~@/styles/mixin.scss"; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-23 14:54:00 | 4 | * @LastEditTime: 2023-09-21 09:37:44 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 抵押权利信息查询 --> | 7 | <!-- 抵押权利信息查询 --> |
| ... | @@ -223,9 +223,9 @@ | ... | @@ -223,9 +223,9 @@ |
| 223 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 223 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
| 224 | formData: param | 224 | formData: param |
| 225 | }) | 225 | }) |
| 226 | }, | 226 | } |
| 227 | }, | 227 | } |
| 228 | }; | 228 | } |
| 229 | </script> | 229 | </script> |
| 230 | <style scoped lang="scss"> | 230 | <style scoped lang="scss"> |
| 231 | @import "~@/styles/mixin.scss"; | 231 | @import "~@/styles/mixin.scss"; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-21 09:05:06 | 4 | * @LastEditTime: 2023-09-25 14:49:14 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -90,7 +90,7 @@ | ... | @@ -90,7 +90,7 @@ |
| 90 | </el-col> | 90 | </el-col> |
| 91 | <el-col :span="10" class="btnColRight"> | 91 | <el-col :span="10" class="btnColRight"> |
| 92 | <el-form-item> | 92 | <el-form-item> |
| 93 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | 93 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> |
| 94 | <el-button type="primary" @click="handleSearch">查询</el-button> | 94 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 95 | </el-form-item> | 95 | </el-form-item> |
| 96 | </el-col> | 96 | </el-col> |
| ... | @@ -99,7 +99,7 @@ | ... | @@ -99,7 +99,7 @@ |
| 99 | </el-form> | 99 | </el-form> |
| 100 | </div> | 100 | </div> |
| 101 | <div class="from-clues-content loadingtext"> | 101 | <div class="from-clues-content loadingtext"> |
| 102 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300" | 102 | <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="262" |
| 103 | :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange" @select="select" | 103 | :current-page.sync="pageData.currentPage" :total="dztableData.total" @size-change="handleSizeChange" @select="select" |
| 104 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns" | 104 | @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="dztableData.columns" |
| 105 | :data="dztableData.data"> | 105 | :data="dztableData.data"> |
| ... | @@ -371,7 +371,18 @@ | ... | @@ -371,7 +371,18 @@ |
| 371 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 371 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
| 372 | formData: param | 372 | formData: param |
| 373 | }) | 373 | }) |
| 374 | } | 374 | }, |
| 375 | dzlist (row) { | ||
| 376 | var param = { | ||
| 377 | bdcdyid: row.bdcdyid, | ||
| 378 | qllx: row.qllx, | ||
| 379 | bdcdyh: row.bdcdyh, | ||
| 380 | bsmQlxx: row.bsmQlxx, | ||
| 381 | }; | ||
| 382 | this.$popup("自然幢列表", "registerBook/dzlist", { | ||
| 383 | formData: param | ||
| 384 | }) | ||
| 385 | }, | ||
| 375 | } | 386 | } |
| 376 | } | 387 | } |
| 377 | </script> | 388 | </script> | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-05 09:45:31 | 4 | * @LastEditTime: 2023-09-26 13:44:11 |
| 5 | */ | 5 | */ |
| 6 | import Router from '@/router' | 6 | import Router from '@/router' |
| 7 | export default { | 7 | export default { |
| 8 | methods: { | 8 | methods: { |
| 9 | //点击行选中或取消复选框 | ||
| 10 | /** | 9 | /** |
| 11 | * @description: 点击行选中或取消复选框 | 10 | * @description: 点击行选中或取消复选框 |
| 12 | * @param {*} row | ||
| 13 | * @param {*} column | ||
| 14 | * @param {*} event | ||
| 15 | * @author: renchao | 11 | * @author: renchao |
| 16 | */ | 12 | */ |
| 17 | handleRowClick (row, column, event) { | 13 | handleRowClick (row, column, event) { |
| ... | @@ -19,23 +15,16 @@ export default { | ... | @@ -19,23 +15,16 @@ export default { |
| 19 | }, | 15 | }, |
| 20 | /** | 16 | /** |
| 21 | * @description: jump | 17 | * @description: jump |
| 22 | * @param {*} data | ||
| 23 | * @param {*} type | ||
| 24 | * @author: renchao | ||
| 25 | */ | 18 | */ |
| 26 | jump (data, type) { | 19 | jump (data, type) { |
| 27 | const { href } = Router.resolve( | 20 | const { href } = Router.resolve( |
| 28 | "/djbworkFrame?bsmSlsq=" + | 21 | "/djbworkFrame?bsmSlsq=" + data.bsmSlsq + |
| 29 | data.bsmSlsq + | 22 | "&bestepid=" + data.bestepid + '&sqywbm=' + type |
| 30 | "&bestepid=" + | ||
| 31 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type | ||
| 32 | ); | 23 | ); |
| 33 | window.open(href, "_blank"); | 24 | window.open(href, "_blank"); |
| 34 | this.$popupCacel() | ||
| 35 | }, | 25 | }, |
| 36 | /** | 26 | /** |
| 37 | * @description: queryClick | 27 | * @description: queryClick |
| 38 | * @author: renchao | ||
| 39 | */ | 28 | */ |
| 40 | queryClick () { | 29 | queryClick () { |
| 41 | this.pageData.currentPage = 1 | 30 | this.pageData.currentPage = 1 | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 11:30:35 | 4 | * @LastEditTime: 2023-09-21 14:59:02 |
| 5 | */ | 5 | */ |
| 6 | import Router from '@/router' | 6 | import Router from '@/router' |
| 7 | export default { | 7 | export default { |
| ... | @@ -19,18 +19,14 @@ export default { | ... | @@ -19,18 +19,14 @@ export default { |
| 19 | }, | 19 | }, |
| 20 | /** | 20 | /** |
| 21 | * @description: jump | 21 | * @description: jump |
| 22 | * @param {*} data | ||
| 23 | * @param {*} type | ||
| 24 | * @author: renchao | 22 | * @author: renchao |
| 25 | */ | 23 | */ |
| 26 | jump (data, type) { | 24 | jump (data, type) { |
| 27 | const { href } = Router.resolve( | 25 | const { href } = Router.resolve( |
| 28 | "/workFrame?bsmSlsq=" + | 26 | "/workFrame?bsmSlsq=" + data.bsmSlsq + |
| 29 | data.bsmSlsq + | 27 | "&bestepid=" + data.bestepid + "&zbhj=受理" |
| 30 | "&bestepid=" + | 28 | ) |
| 31 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type + "&zbhj=受理" | 29 | window.open(href, "_blank") |
| 32 | ); | ||
| 33 | window.open(href, "_blank") | ||
| 34 | this.$popupCacel() | 30 | this.$popupCacel() |
| 35 | }, | 31 | }, |
| 36 | /** | 32 | /** | ... | ... |
| ... | @@ -38,7 +38,6 @@ | ... | @@ -38,7 +38,6 @@ |
| 38 | </el-col> | 38 | </el-col> |
| 39 | <el-col :span="3" class="btnColRight"> | 39 | <el-col :span="3" class="btnColRight"> |
| 40 | <el-form-item> | 40 | <el-form-item> |
| 41 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 42 | <el-button type="primary" @click="handleSearch">查询</el-button> | 41 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 43 | </el-form-item> | 42 | </el-form-item> |
| 44 | </el-col> | 43 | </el-col> |
| ... | @@ -67,7 +66,7 @@ | ... | @@ -67,7 +66,7 @@ |
| 67 | import { datas, sendThis } from "../javascript/selecBdcql.js"; | 66 | import { datas, sendThis } from "../javascript/selecBdcql.js"; |
| 68 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 67 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 69 | import { selectQlxx } from "@/api/ywsq.js"; | 68 | import { selectQlxx } from "@/api/ywsq.js"; |
| 70 | import { startBusinessFlow,startTogetherFlow } from "@/api/workFlow.js"; | 69 | import { startBusinessFlow, startTogetherFlow } from "@/api/workFlow.js"; |
| 71 | import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js"; | 70 | import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js"; |
| 72 | export default { | 71 | export default { |
| 73 | mixins: [table, jump], | 72 | mixins: [table, jump], |
| ... | @@ -127,64 +126,64 @@ | ... | @@ -127,64 +126,64 @@ |
| 127 | return; | 126 | return; |
| 128 | } | 127 | } |
| 129 | this.loading = true; | 128 | this.loading = true; |
| 130 | if(this.sqywInfo.sqfl=='1'){ | 129 | if (this.sqywInfo.sqfl == '1') { |
| 131 | startBusinessFlow({ | 130 | startBusinessFlow({ |
| 132 | bsmSqyw: this.sqywInfo.bsmSqyw, | 131 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 133 | bdcdysz: this.bdcdysz, | 132 | bdcdysz: this.bdcdysz, |
| 134 | }).then((res) => { | 133 | }).then((res) => { |
| 135 | this.loading = false | 134 | this.loading = false |
| 136 | if (res.code == 200) { | 135 | if (res.code == 200) { |
| 137 | this.$message({ | 136 | this.$message({ |
| 138 | showClose: true, | 137 | showClose: true, |
| 139 | message: "发起申请成功", | 138 | message: "发起申请成功", |
| 140 | type: "success", | 139 | type: "success", |
| 141 | }); | 140 | }); |
| 142 | if (!this.isJump) { | 141 | if (!this.isJump) { |
| 143 | this.jump(res.result, this.sqywInfo.djywbm); | 142 | this.jump(res.result, this.sqywInfo.djywbm); |
| 144 | } else { | 143 | } else { |
| 145 | store.dispatch('user/refreshPage', true); | 144 | store.dispatch('user/refreshPage', true); |
| 146 | } | 145 | } |
| 147 | this.$popupCacel() | ||
| 148 | } else { | ||
| 149 | if (res.result && res.result.length > 0) { | ||
| 150 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
| 151 | } else { | ||
| 152 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
| 153 | } | ||
| 154 | } | ||
| 155 | }).catch(() => { | ||
| 156 | this.loading = false | ||
| 157 | }) | ||
| 158 | }else{ | ||
| 159 | startTogetherFlow({ | ||
| 160 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
| 161 | bdcdysz: this.bdcdysz, | ||
| 162 | }).then((res) => { | ||
| 163 | this.loading = false | ||
| 164 | if (res.code == 200) { | ||
| 165 | this.$message({ | ||
| 166 | showClose: true, | ||
| 167 | message: '发起申请成功', | ||
| 168 | type: 'success' | ||
| 169 | }) | ||
| 170 | if (!this.isJump) { | ||
| 171 | this.jump(res.result, this.sqywInfo.djywbm) | ||
| 172 | } else { | ||
| 173 | store.dispatch('user/refreshPage', true); | ||
| 174 | this.$popupCacel() | 146 | this.$popupCacel() |
| 147 | } else { | ||
| 148 | if (res.result && res.result.length > 0) { | ||
| 149 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
| 150 | } else { | ||
| 151 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
| 152 | } | ||
| 175 | } | 153 | } |
| 176 | } else { | 154 | }).catch(() => { |
| 177 | if (res.result && res.result.length > 0) { | 155 | this.loading = false |
| 178 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | 156 | }) |
| 157 | } else { | ||
| 158 | startTogetherFlow({ | ||
| 159 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
| 160 | bdcdysz: this.bdcdysz, | ||
| 161 | }).then((res) => { | ||
| 162 | this.loading = false | ||
| 163 | if (res.code == 200) { | ||
| 164 | this.$message({ | ||
| 165 | showClose: true, | ||
| 166 | message: '发起申请成功', | ||
| 167 | type: 'success' | ||
| 168 | }) | ||
| 169 | if (!this.isJump) { | ||
| 170 | this.jump(res.result, this.sqywInfo.djywbm) | ||
| 171 | } else { | ||
| 172 | store.dispatch('user/refreshPage', true); | ||
| 173 | this.$popupCacel() | ||
| 174 | } | ||
| 179 | } else { | 175 | } else { |
| 180 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | 176 | if (res.result && res.result.length > 0) { |
| 177 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
| 178 | } else { | ||
| 179 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
| 180 | } | ||
| 181 | } | 181 | } |
| 182 | } | 182 | }).catch(() => { |
| 183 | }).catch(() => { | 183 | this.loading = false |
| 184 | this.loading = false | 184 | }) |
| 185 | }) | ||
| 186 | } | 185 | } |
| 187 | 186 | ||
| 188 | }, | 187 | }, |
| 189 | /** | 188 | /** |
| 190 | * @description: handleSelectionChange | 189 | * @description: handleSelectionChange | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 10:03:15 | 4 | * @LastEditTime: 2023-09-26 13:42:02 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
| 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="100px"> |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="10"> | 12 | <el-col :span="8"> |
| 13 | <el-form-item label="不动产单元号" label-width="105px"> | 13 | <el-form-item label="不动产单元号"> |
| 14 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | 14 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| 18 | <el-col :span="10"> | 18 | <el-col :span="8"> |
| 19 | <el-form-item label="不动产权证号" label-width="105px"> | 19 | <el-form-item label="不动产权证号"> |
| 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> |
| 21 | </el-input> | 21 | </el-input> |
| 22 | </el-form-item> | 22 | </el-form-item> |
| 23 | </el-col> | 23 | </el-col> |
| 24 | <el-col :span="5"> | 24 | <el-col :span="8"> |
| 25 | <el-form-item label="业务号"> | 25 | <el-form-item label="业务号"> |
| 26 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> | 26 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> |
| 27 | </el-input> | 27 | </el-input> |
| 28 | </el-form-item> | 28 | </el-form-item> |
| 29 | </el-col> | 29 | </el-col> |
| 30 | <el-col :span="6"> | 30 | <el-col :span="8"> |
| 31 | <el-form-item label="坐落"> | 31 | <el-form-item label="坐落"> |
| 32 | <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width200px"> | 32 | <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100"> |
| 33 | </el-input> | 33 | </el-input> |
| 34 | </el-form-item> | 34 | </el-form-item> |
| 35 | </el-col> | 35 | </el-col> |
| 36 | <el-col :span="4" class="btnColRight"> | 36 | <el-col :span="16" class="btnColRight"> |
| 37 | <el-form-item> | 37 | <el-form-item> |
| 38 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 39 | <el-button type="primary" @click="handleSearch">查询</el-button> | 38 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 39 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 40 | </el-form-item> | 40 | </el-form-item> |
| 41 | </el-col> | 41 | </el-col> |
| 42 | </el-row> | 42 | </el-row> |
| ... | @@ -120,16 +120,6 @@ | ... | @@ -120,16 +120,6 @@ |
| 120 | } | 120 | } |
| 121 | }); | 121 | }); |
| 122 | }, | 122 | }, |
| 123 | // 高级查询 | ||
| 124 | moreQueryClick () { }, | ||
| 125 | // openDialog (scroll) { | ||
| 126 | // this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%'); | ||
| 127 | // }, | ||
| 128 | // handleLpbClick (item) { | ||
| 129 | // this.$popupDialog('楼盘表', 'lpb/index', { | ||
| 130 | // bsm: '' | ||
| 131 | // }, '85%') | ||
| 132 | // }, | ||
| 133 | /** | 123 | /** |
| 134 | * @description: ywhClick | 124 | * @description: ywhClick |
| 135 | * @param {*} item) | 125 | * @param {*} item) |
| ... | @@ -249,10 +239,8 @@ | ... | @@ -249,10 +239,8 @@ |
| 249 | bdcdyh: row.bdcdyh, | 239 | bdcdyh: row.bdcdyh, |
| 250 | bsmQlxx: row.bsmQlxx, | 240 | bsmQlxx: row.bsmQlxx, |
| 251 | }; | 241 | }; |
| 252 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 242 | ywPopupDialog("登记簿详情", "registerBook/djbFrame", param, '80%', true) |
| 253 | formData: param | 243 | } |
| 254 | }) | ||
| 255 | }, | ||
| 256 | } | 244 | } |
| 257 | } | 245 | } |
| 258 | </script> | 246 | </script> | ... | ... |
| ... | @@ -244,7 +244,7 @@ class data extends filter { | ... | @@ -244,7 +244,7 @@ class data extends filter { |
| 244 | render: (h, scope) => { | 244 | render: (h, scope) => { |
| 245 | return ( | 245 | return ( |
| 246 | <div> | 246 | <div> |
| 247 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>自然幢</el-button> | 247 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.dzlist(scope.row) }}>自然幢</el-button> |
| 248 | </div> | 248 | </div> |
| 249 | ) | 249 | ) |
| 250 | } | 250 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-14 16:59:38 | 4 | * @LastEditTime: 2023-09-21 16:18:47 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -39,17 +39,6 @@ class data extends filter { | ... | @@ -39,17 +39,6 @@ class data extends filter { |
| 39 | <div> | 39 | <div> |
| 40 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | 40 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
| 41 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | 41 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
| 42 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
| 43 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
| 44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 46 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
| 47 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
| 48 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
| 49 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
| 50 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
| 51 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
| 52 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
| 53 | </div> | 42 | </div> |
| 54 | ) | 43 | ) |
| 55 | } | 44 | } |
| ... | @@ -72,7 +61,7 @@ class data extends filter { | ... | @@ -72,7 +61,7 @@ class data extends filter { |
| 72 | label: "权利性质", | 61 | label: "权利性质", |
| 73 | }, | 62 | }, |
| 74 | { | 63 | { |
| 75 | prop: "mj", | 64 | prop: "zdmj", |
| 76 | label: "面积(㎡)", | 65 | label: "面积(㎡)", |
| 77 | }, | 66 | }, |
| 78 | { | 67 | { |
| ... | @@ -80,7 +69,7 @@ class data extends filter { | ... | @@ -80,7 +69,7 @@ class data extends filter { |
| 80 | label: "权利设定方式", | 69 | label: "权利设定方式", |
| 81 | }, | 70 | }, |
| 82 | { | 71 | { |
| 83 | prop: "ytmc", | 72 | prop: "showTdyt", |
| 84 | label: "土地用途", | 73 | label: "土地用途", |
| 85 | }, | 74 | }, |
| 86 | { | 75 | { | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-04 09:52:38 | 4 | * @LastEditTime: 2023-09-26 09:01:55 |
| 5 | */ | 5 | */ |
| 6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
| 7 | let vm = null | 7 | let vm = null |
| ... | @@ -35,6 +35,7 @@ class data extends filter { | ... | @@ -35,6 +35,7 @@ class data extends filter { |
| 35 | { | 35 | { |
| 36 | prop: "status", | 36 | prop: "status", |
| 37 | label: "状态", | 37 | label: "状态", |
| 38 | minWidth: '130', | ||
| 38 | render: (h, scope) => { | 39 | render: (h, scope) => { |
| 39 | return ( | 40 | return ( |
| 40 | <div> | 41 | <div> |
| ... | @@ -58,7 +59,7 @@ class data extends filter { | ... | @@ -58,7 +59,7 @@ class data extends filter { |
| 58 | prop: "bdcqzh", | 59 | prop: "bdcqzh", |
| 59 | label: "不动产登记证明号", | 60 | label: "不动产登记证明号", |
| 60 | minWidth: '150' | 61 | minWidth: '150' |
| 61 | }, | 62 | }, |
| 62 | { | 63 | { |
| 63 | prop: "qlrmc", | 64 | prop: "qlrmc", |
| 64 | label: "权利人", | 65 | label: "权利人", |
| ... | @@ -82,15 +83,21 @@ class data extends filter { | ... | @@ -82,15 +83,21 @@ class data extends filter { |
| 82 | { | 83 | { |
| 83 | prop: "qdjg", | 84 | prop: "qdjg", |
| 84 | label: "被担保主债权数额", | 85 | label: "被担保主债权数额", |
| 85 | }, | 86 | }, |
| 86 | { | 87 | { |
| 87 | prop: "dyqx", | 88 | prop: "dyqx", |
| 88 | label: "债务履行期限", | 89 | label: "债务履行期限", |
| 89 | }, | 90 | }, |
| 90 | { | 91 | { |
| 91 | prop: "zl", | ||
| 92 | label: "坐落", | 92 | label: "坐落", |
| 93 | minWidth: '130' | 93 | minWidth: '150', |
| 94 | render: (h, scope) => { | ||
| 95 | return ( | ||
| 96 | <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width "> | ||
| 97 | <span class="ellipsis-table"> {scope.row.zl}</span> | ||
| 98 | </el-tooltip> | ||
| 99 | ) | ||
| 100 | } | ||
| 94 | }, | 101 | }, |
| 95 | { | 102 | { |
| 96 | label: '操作', | 103 | label: '操作', |
| ... | @@ -98,7 +105,7 @@ class data extends filter { | ... | @@ -98,7 +105,7 @@ class data extends filter { |
| 98 | render: (h, scope) => { | 105 | render: (h, scope) => { |
| 99 | return ( | 106 | return ( |
| 100 | <div> | 107 | <div> |
| 101 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope.row) }}>登记薄</el-button> | 108 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> |
| 102 | </div> | 109 | </div> |
| 103 | ) | 110 | ) |
| 104 | } | 111 | } | ... | ... |
| ... | @@ -39,6 +39,7 @@ | ... | @@ -39,6 +39,7 @@ |
| 39 | */ | 39 | */ |
| 40 | 40 | ||
| 41 | loadView (view) { | 41 | loadView (view) { |
| 42 | console.log(view, 'viewviewview'); | ||
| 42 | return (r) => | 43 | return (r) => |
| 43 | require.ensure([], () => r(require(`./components/${view}.vue`))); | 44 | require.ensure([], () => r(require(`./components/${view}.vue`))); |
| 44 | }, | 45 | }, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 11:25:30 | 4 | * @LastEditTime: 2023-09-21 10:39:16 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -184,7 +184,6 @@ | ... | @@ -184,7 +184,6 @@ |
| 184 | * @author: renchao | 184 | * @author: renchao |
| 185 | */ | 185 | */ |
| 186 | handleLpbClick (item) { | 186 | handleLpbClick (item) { |
| 187 | console.log("item", item); | ||
| 188 | this.$popup('楼盘表', 'lpb/index', { | 187 | this.$popup('楼盘表', 'lpb/index', { |
| 189 | width: '85%', | 188 | width: '85%', |
| 190 | formData: { | 189 | formData: { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 10:04:04 | 4 | * @LastEditTime: 2023-09-21 10:35:34 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -150,8 +150,8 @@ | ... | @@ -150,8 +150,8 @@ |
| 150 | const { href } = this.$router.resolve( | 150 | const { href } = this.$router.resolve( |
| 151 | "/djbworkFrameview?bsmSlsq=" + | 151 | "/djbworkFrameview?bsmSlsq=" + |
| 152 | item.bsmSlsq + | 152 | item.bsmSlsq + |
| 153 | "&bestepid=" + | 153 | "&bsmBusiness=" + |
| 154 | item.bestepid + | 154 | item.bsmBusiness + |
| 155 | "&sqywbm=" + | 155 | "&sqywbm=" + |
| 156 | item.djywbm | 156 | item.djywbm |
| 157 | ); | 157 | ); |
| ... | @@ -160,10 +160,10 @@ | ... | @@ -160,10 +160,10 @@ |
| 160 | const { href } = this.$router.resolve( | 160 | const { href } = this.$router.resolve( |
| 161 | "/workFrameView?bsmSlsq=" + | 161 | "/workFrameView?bsmSlsq=" + |
| 162 | item.bsmSlsq + | 162 | item.bsmSlsq + |
| 163 | "&bestepid=" + | 163 | "&bsmBusiness=" + |
| 164 | item.bestepid | 164 | item.bsmBusiness |
| 165 | ); | 165 | ); |
| 166 | window.open(href, `workFrameView${item.bsmSlsq}`); | 166 | window.open(href, `workFrameView${item.bsmSlsq}`) |
| 167 | } | 167 | } |
| 168 | } | 168 | } |
| 169 | } | 169 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-18 14:53:09 | 4 | * @LastEditTime: 2023-09-21 10:41:10 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -104,11 +104,10 @@ | ... | @@ -104,11 +104,10 @@ |
| 104 | */ | 104 | */ |
| 105 | openDialog (item) { | 105 | openDialog (item) { |
| 106 | bdcqzPreview(item).then(res => { | 106 | bdcqzPreview(item).then(res => { |
| 107 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { | 107 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsylxq", { |
| 108 | bsmSlsq: item.bsmSlsq, | 108 | bsmSlsq: item.bsmSlsq, |
| 109 | bsmBdcqz: item.bsmBdcqz | 109 | bsmBdcqz: item.bsmBdcqz |
| 110 | }, '1210px', true) | 110 | }, '1230px', true) |
| 111 | this.$endLoading() | ||
| 112 | }) | 111 | }) |
| 113 | }, | 112 | }, |
| 114 | /** | 113 | /** |
| ... | @@ -117,8 +116,26 @@ | ... | @@ -117,8 +116,26 @@ |
| 117 | * @author: renchao | 116 | * @author: renchao |
| 118 | */ | 117 | */ |
| 119 | openYwDialog (item) { | 118 | openYwDialog (item) { |
| 120 | const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx') | 119 | if (item.sjlx == "3") { |
| 121 | window.open(href, `urlname${item.bsmSlsq}`) | 120 | item.djywbm = "DJBBL"; |
| 121 | const { href } = this.$router.resolve( | ||
| 122 | "/djbworkFrameview?bsmSlsq=" + | ||
| 123 | item.bsmSlsq + | ||
| 124 | "&bsmBusiness=" + | ||
| 125 | item.bsmBusiness + | ||
| 126 | "&sqywbm=" + | ||
| 127 | item.djywbm | ||
| 128 | ); | ||
| 129 | window.open(href, `djbworkFrameview${item.bsmSlsq}`); | ||
| 130 | } else { | ||
| 131 | const { href } = this.$router.resolve( | ||
| 132 | "/workFrameView?bsmSlsq=" + | ||
| 133 | item.bsmSlsq + | ||
| 134 | "&bsmBusiness=" + | ||
| 135 | item.bsmBusiness | ||
| 136 | ); | ||
| 137 | window.open(href, `workFrameView${item.bsmSlsq}`) | ||
| 138 | } | ||
| 122 | } | 139 | } |
| 123 | } | 140 | } |
| 124 | } | 141 | } | ... | ... |
-
Please register or sign in to post a comment