Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents ea7a6e14 0fa3bba0
Inline Side-by-side
Showing 44 changed files with 1080 additions and 2165 deletions
...@@ -129,7 +129,7 @@ export function editCompanyMaterialList (data, bsmCompany) { ...@@ -129,7 +129,7 @@ export function editCompanyMaterialList (data, bsmCompany) {
129 * @description: 是否覆盖才材料信息 129 * @description: 是否覆盖才材料信息
130 * @author: renchao 130 * @author: renchao
131 */ 131 */
132 export function replace (bsmCompany, bsmSldy, bsmSlsq) { 132 export function replace (bsmCompany, bsmSlsq, bsmSldy) {
133 return request({ 133 return request({
134 url: SERVER.SERVERAPI + '/rest/sys/company/replace', 134 url: SERVER.SERVERAPI + '/rest/sys/company/replace',
135 method: 'get', 135 method: 'get',
......
1 <template> 1 <template>
2 <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="75%" :isButton="false" v-model="myValue"> 2 <div v-Loading="Loading">
3 <el-steps :active="activeStep" finish-status="success"> 3
4 <el-steps :active="activeStep" finish-status="success" v-if="isADD">
4 <el-step title="条件录入"></el-step> 5 <el-step title="条件录入"></el-step>
5 <el-step title="结果查询"></el-step> 6 <el-step title="查询结果"></el-step>
6 <el-step title="结果展示"></el-step> 7 </el-steps>
8 <el-steps :active="activeStep" finish-status="success" v-else>
9 <el-step title="条件录入" @click.native="on_click(0)" class="pointer"></el-step>
10 <el-step title="查询结果" @click.native="on_click(2)" class="pointer"></el-step>
7 </el-steps> 11 </el-steps>
8 <div v-if="isSearch"> 12 <div v-if="isSearch">
9 <dydjbInfo ref="dydjbInfo" /> 13 <dydjbInfo ref="dydjbInfo" />
...@@ -42,39 +46,42 @@ ...@@ -42,39 +46,42 @@
42 <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting 46 <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
43 :pagination="false"> 47 :pagination="false">
44 </lb-table> 48 </lb-table>
45 <div class="submit-button" style="padding-bottom:50px"> 49 </div>
50 <div class="submit-button" style="padding-bottom:50px" v-if="this.formData.sqcxBsm==''">
46 <el-button @click="resetClick" v-show="!isSearch">重置</el-button> 51 <el-button @click="resetClick" v-show="!isSearch">重置</el-button>
47 <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> 52 <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button>
48 <el-button @click="closeDialog">关闭</el-button> 53 <el-button @click="closeDialog">关闭</el-button>
49 </div> 54 </div>
50 </div> 55 </div>
51 </div> 56 </div>
52 </dialogBox>
53 </template> 57 </template>
54
55 <script> 58 <script>
59 import { mapGetters } from "vuex";
60 import store from '@/store/index.js'
61 import dydjbInfo from "./dydjbInfo.vue";
62 import { getLodop } from "@/utils/LodopFuncs"
63 import { datas, sendThis } from "./dydjbdata";
56 import { addFwmxCxjgXx, getFwmxInfo, printJtcfInfo } from "@/api/jtfc.js"; 64 import { addFwmxCxjgXx, getFwmxInfo, printJtcfInfo } from "@/api/jtfc.js";
57 import { getPrintTemplateByCode } from "@/api/print"; 65 import { getPrintTemplateByCode } from "@/api/print";
58 import { datas, sendThis } from "./dydjbdata";
59 import { getLodop } from "@/utils/LodopFuncs"
60 import dydjbInfo from "./dydjbInfo.vue";
61 import { mapGetters } from "vuex";
62 export default { 66 export default {
63 computed: { 67 computed: {
64 ...mapGetters(["dictData"]), 68 ...mapGetters(["dictData"]),
65 }, 69 },
66 components: { dydjbInfo }, 70 components: { dydjbInfo },
67 props: { 71 props: {
68 value: { type: Boolean, default: false }, 72 formData: {
69 sqcxBsm: { type: String, default: "" }, 73 type: Object,
74 default: () => { },
75 }
70 }, 76 },
71 mounted () { 77 mounted () {
72 sendThis(this); 78 sendThis(this);
73 }, 79 },
74 data () { 80 data () {
75 return { 81 return {
82 isADD: true,
83 Loading: false,
76 activeStep: 0, 84 activeStep: 0,
77 myValue: this.value,
78 //是否查询 85 //是否查询
79 isSearch: false, 86 isSearch: false,
80 //查询结果列表字段 87 //查询结果列表字段
...@@ -99,22 +106,15 @@ ...@@ -99,22 +106,15 @@
99 }, 106 },
100 }; 107 };
101 }, 108 },
102 watch: { 109 mounted () {
103 value (val) { 110 this.loadData()
104 this.myValue = val; 111 this.isADD = this.formData.isAdd
105 let that = this 112 if (this.formData.sqcxBsm != '') {
106 if (val) { 113 this.activeStep = 2;
107 this.form.sqrList = [] 114 this.isSearch = true;
108 this.form.qlrList = []
109 this.isSearch = false
110 if (this.sqcxBsm == "") {
111 that.add("sqr");
112 that.add("qlr");
113 } else {
114 that.loadData();
115 }
116 } 115 }
117 }, 116 },
117 watch: {
118 "form.djSqcxDO.ycqrgx" (val) { 118 "form.djSqcxDO.ycqrgx" (val) {
119 if (val == "1") { 119 if (val == "1") {
120 this.form.qlrList = _.cloneDeep(this.form.sqrList); 120 this.form.qlrList = _.cloneDeep(this.form.sqrList);
...@@ -123,13 +123,25 @@ ...@@ -123,13 +123,25 @@
123 this.add("qlr"); 123 this.add("qlr");
124 } 124 }
125 }, 125 },
126 "form.sqrList" (val) { 126 "form.sqrList": {
127 handler: function (val) {
127 if (this.form.djSqcxDO.ycqrgx == '1') { 128 if (this.form.djSqcxDO.ycqrgx == '1') {
128 this.form.qlrList = _.cloneDeep(this.form.sqrList) 129 this.form.qlrList = _.cloneDeep(val)
129 } 130 }
131 },
132 deep: true
130 } 133 }
131 }, 134 },
132 methods: { 135 methods: {
136 // 步骤条
137 on_click (e) {
138 if (e != '' || e != null) { this.activeStep = e }
139 if (e == 0) {
140 this.isSearch = false
141 } else {
142 this.isSearch = true
143 }
144 },
133 /** 145 /**
134 * @description: closeDialog 146 * @description: closeDialog
135 * @author: renchao 147 * @author: renchao
...@@ -145,49 +157,44 @@ ...@@ -145,49 +157,44 @@
145 dyjlList: [], 157 dyjlList: [],
146 } 158 }
147 }, 159 },
148 //加载详细信息
149 /** 160 /**
150 * @description: 加载详细信息 161 * @description: 加载详细信息
151 * @author: renchao 162 * @author: renchao
152 */ 163 */
153 loadData () { 164 loadData () {
154 this.$startLoading(); 165 this.Loading = true
155 getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { 166 getFwmxInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => {
156 this.$endLoading(); 167 this.Loading = false
157 if (res.code == 200) { 168 if (res.code == 200) {
158 this.activeStep = 2;
159 this.isSearch = true;
160 this.$nextTick(() => { 169 this.$nextTick(() => {
161 this.$refs.dydjbInfo.setResult(res.result) 170 this.$refs.dydjbInfo.setResult(res.result)
162 }) 171 })
163 } 172 }
164 }); 173 }).catch(() => {
174 this.Loading = false
175 })
165 }, 176 },
166 //查询结果
167 /** 177 /**
168 * @description: 查询结果 178 * @description: 查询结果
169 * @author: renchao 179 * @author: renchao
170 */ 180 */
171 queryChick () { 181 queryChick () {
172 this.$startLoading(); 182 this.Loading = true
173 this.activeStep = 1; 183 this.activeStep = 1;
184 store.dispatch('user/reWorkFresh', false)
174 addFwmxCxjgXx(this.form).then((res) => { 185 addFwmxCxjgXx(this.form).then((res) => {
175 this.$endLoading(); 186 this.Loading = false
176 if (res.code == 200) { 187 if (res.code == 200) {
188 store.dispatch('user/reWorkFresh', true)
177 this.activeStep = 2; 189 this.activeStep = 2;
178 this.isSearch = true; 190 this.isSearch = true;
191 this.isADD = false
179 this.$nextTick(() => { 192 this.$nextTick(() => {
180 this.$refs.dydjbInfo.setResult(res.result) 193 this.$refs.dydjbInfo.setResult(res.result)
181 }) 194 })
182 this.$parent.queryClick();
183 } 195 }
184 }); 196 })
185 }, 197 },
186 //重置
187 /**
188 * @description: 重置
189 * @author: renchao
190 */
191 resetClick () { 198 resetClick () {
192 this.form.djSqcxDO = { ycqrgx: "1", cxyt: "", bdcqzh: "" }; 199 this.form.djSqcxDO = { ycqrgx: "1", cxyt: "", bdcqzh: "" };
193 this.form.sqrList = _.cloneDeep([this.newData]); 200 this.form.sqrList = _.cloneDeep([this.newData]);
...@@ -214,7 +221,6 @@ ...@@ -214,7 +221,6 @@
214 this.form.qlrList.push(_.cloneDeep(this.newData)); 221 this.form.qlrList.push(_.cloneDeep(this.newData));
215 } 222 }
216 }, 223 },
217 //移除申请人或权利人
218 /** 224 /**
219 * @description: 移除申请人或权利人 225 * @description: 移除申请人或权利人
220 * @param {*} index 226 * @param {*} index
...@@ -229,7 +235,6 @@ ...@@ -229,7 +235,6 @@
229 this.form.qlrList.splice(index, 1); 235 this.form.qlrList.splice(index, 1);
230 } 236 }
231 }, 237 },
232 //电话号码校验
233 /** 238 /**
234 * @description: 电话号码校验 239 * @description: 电话号码校验
235 * @param {*} row 240 * @param {*} row
...@@ -249,9 +254,12 @@ ...@@ -249,9 +254,12 @@
249 }; 254 };
250 </script> 255 </script>
251 <style scoped lang="scss"> 256 <style scoped lang="scss">
252 @import "~@/styles/mixin.scss"; 257 @import "~@/styles/mixin.scss";
253 @import "~@/styles/public.scss"; 258 @import "~@/styles/public.scss";
254 /deep/.dialog_title::before{ 259 /deep/.el-step__title {
260 margin-left: -15px;
261 }
262 /deep/.dialog_title::before {
255 content: ""; 263 content: "";
256 display: block; 264 display: block;
257 width: 4px; 265 width: 4px;
...@@ -261,25 +269,21 @@ ...@@ -261,25 +269,21 @@
261 top: -4px; 269 top: -4px;
262 left: 0px; 270 left: 0px;
263 } 271 }
264 .title { 272 .title {
265 padding-bottom: 10px; 273 padding-bottom: 10px;
266 margin-bottom: 10px; 274 margin-bottom: 10px;
267 display: block; 275 display: block;
268 border-bottom: 1px solid $borderColor; 276 border-bottom: 1px solid $borderColor;
269 } 277 }
270 278 .jtfccx-edit-con {
279 height: 80vh;
280 overflow-y: scroll;
281 }
271 .jtfccx-edit { 282 .jtfccx-edit {
272 @include flex; 283 @include flex;
273 flex-direction: column; 284 flex-direction: column;
274 overflow-y: hidden;
275 max-height: 85vh;
276 padding: 0 2px; 285 padding: 0 2px;
277 286 height: 82vh;
278 .jtfccx-edit-con {
279 flex: 1;
280 height: 100%;
281 overflow-y: scroll;
282 }
283 287
284 .submit-button { 288 .submit-button {
285 text-align: center; 289 text-align: center;
...@@ -289,14 +293,14 @@ ...@@ -289,14 +293,14 @@
289 } 293 }
290 } 294 }
291 295
292 /deep/.el-dialog__headerbtn .el-dialog__close { 296 /deep/.el-dialog__headerbtn .el-dialog__close {
293 color: #6B7A99 !important; 297 color: #6b7a99 !important;
294 position: relative; 298 position: relative;
295 top: -7px; 299 top: -7px;
296 } 300 }
297 /deep/.dialogBox .dialog_title{ 301 /deep/.dialogBox .dialog_title {
298 .el-icon-full-screen{ 302 .el-icon-full-screen {
299 color: #409eff!important; 303 color: #409eff !important;
300 } 304 }
301 b { 305 b {
302 color: white; 306 color: white;
...@@ -304,12 +308,12 @@ ...@@ -304,12 +308,12 @@
304 margin: auto; 308 margin: auto;
305 text-align: center; 309 text-align: center;
306 align-items: center; 310 align-items: center;
307 } 311 }
308 } 312 }
309 /deep/.el-dialog__header { 313 /deep/.el-dialog__header {
310 background: linear-gradient(3deg, #409eff, #a7cbee); 314 background: linear-gradient(3deg, #409eff, #a7cbee);
311 } 315 }
312 /deep/.el-dialog__headerbtn .el-dialog__close{ 316 /deep/.el-dialog__headerbtn .el-dialog__close {
313 color: #409eff!important; 317 color: #409eff !important;
314 } 318 }
315 </style> 319 </style>
......
...@@ -2,31 +2,38 @@ ...@@ -2,31 +2,38 @@
2 <div class="jtfccx-edit-con"> 2 <div class="jtfccx-edit-con">
3 <b class="title"></b> 3 <b class="title"></b>
4 <b class="title">房屋状况</b> 4 <b class="title">房屋状况</b>
5 <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting 5 <lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList"
6 :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
6 :pagination="false"> 7 :pagination="false">
7 </lb-table> 8 </lb-table>
8 <b class="title">土地状况</b> 9 <b class="title">土地状况</b>
9 <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting 10 <lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail"
11 :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
10 :pagination="false"> 12 :pagination="false">
11 </lb-table> 13 </lb-table>
12 <b class="title">权属状况</b> 14 <b class="title">权属状况</b>
13 <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting 15 <lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail"
16 :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
14 :pagination="false"> 17 :pagination="false">
15 </lb-table> 18 </lb-table>
16 <b class="title">抵押登记</b> 19 <b class="title">抵押登记</b>
17 <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting 20 <lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail"
21 :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
18 :pagination="false"> 22 :pagination="false">
19 </lb-table> 23 </lb-table>
20 <b class="title">预告登记</b> 24 <b class="title">预告登记</b>
21 <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting 25 <lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail"
26 :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
22 :pagination="false"> 27 :pagination="false">
23 </lb-table> 28 </lb-table>
24 <b class="title">查封状况</b> 29 <b class="title">查封状况</b>
25 <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting 30 <lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail"
31 :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
26 :pagination="false"> 32 :pagination="false">
27 </lb-table> 33 </lb-table>
28 <b class="title">异议登记</b> 34 <b class="title">异议登记</b>
29 <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting 35 <lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail"
36 :heightNumSetting="true" :minHeight="150" :rowStyleHeight='25'
30 :pagination="false"> 37 :pagination="false">
31 </lb-table> 38 </lb-table>
32 </div> 39 </div>
...@@ -98,10 +105,6 @@ ...@@ -98,10 +105,6 @@
98 </script> 105 </script>
99 <style scoped lang="scss"> 106 <style scoped lang="scss">
100 @import "~@/styles/mixin.scss"; 107 @import "~@/styles/mixin.scss";
101 .jtfccx-edit-con {
102 max-height: 85vh;
103 overflow-y: scroll;
104 }
105 .table1 { 108 .table1 {
106 border-spacing: 0; 109 border-spacing: 0;
107 border-collapse: collapse; 110 border-collapse: collapse;
......
...@@ -9,7 +9,7 @@ class data extends filter { ...@@ -9,7 +9,7 @@ class data extends filter {
9 constructor() { 9 constructor() {
10 super() 10 super()
11 } 11 }
12 columns() { 12 columns () {
13 return [ 13 return [
14 { 14 {
15 prop: 'qszt', 15 prop: 'qszt',
...@@ -45,11 +45,11 @@ class data extends filter { ...@@ -45,11 +45,11 @@ class data extends filter {
45 } 45 }
46 ] 46 ]
47 } 47 }
48 fwCol() { 48 fwCol () {
49 return [ 49 return [
50 { 50 {
51 prop: 'zdymc', 51 prop: 'zdymc',
52 label: '幢号111', 52 label: '幢号',
53 }, 53 },
54 { 54 {
55 prop: 'hh', 55 prop: 'hh',
...@@ -85,7 +85,7 @@ class data extends filter { ...@@ -85,7 +85,7 @@ class data extends filter {
85 } 85 }
86 ] 86 ]
87 } 87 }
88 tdCol() { 88 tdCol () {
89 return [ 89 return [
90 { 90 {
91 prop: 'qsxz', 91 prop: 'qsxz',
...@@ -121,13 +121,13 @@ class data extends filter { ...@@ -121,13 +121,13 @@ class data extends filter {
121 } 121 }
122 ] 122 ]
123 } 123 }
124 diyaCol() { 124 diyaCol () {
125 return [ 125 return [
126 { 126 {
127 prop: 'dyfs', 127 prop: 'dyfs',
128 label: '抵押方式', 128 label: '抵押方式',
129 render: (h, scope) => { 129 render: (h, scope) => {
130 switch(scope.row.dyfs) { 130 switch (scope.row.dyfs) {
131 case '1': 131 case '1':
132 return <div>一般抵押</div> 132 return <div>一般抵押</div>
133 case '2': 133 case '2':
...@@ -161,7 +161,7 @@ class data extends filter { ...@@ -161,7 +161,7 @@ class data extends filter {
161 } 161 }
162 ] 162 ]
163 } 163 }
164 ygdjCol() { 164 ygdjCol () {
165 return [ 165 return [
166 { 166 {
167 prop: 'ygdjzl', 167 prop: 'ygdjzl',
...@@ -193,7 +193,7 @@ class data extends filter { ...@@ -193,7 +193,7 @@ class data extends filter {
193 } 193 }
194 ] 194 ]
195 } 195 }
196 cfdjCol() { 196 cfdjCol () {
197 return [ 197 return [
198 { 198 {
199 prop: 'cfjg', 199 prop: 'cfjg',
...@@ -217,7 +217,7 @@ class data extends filter { ...@@ -217,7 +217,7 @@ class data extends filter {
217 } 217 }
218 ] 218 ]
219 } 219 }
220 yydjCol() { 220 yydjCol () {
221 return [ 221 return [
222 { 222 {
223 prop: 'yysqr', 223 prop: 'yysqr',
......
...@@ -34,24 +34,22 @@ ...@@ -34,24 +34,22 @@
34 </el-form> 34 </el-form>
35 </div> 35 </div>
36 <!-- 表格 --> 36 <!-- 表格 -->
37 <div class="from-clues-content"> 37 <div class="from-clues-content loadingtext">
38 <lb-table :page-size="pageData.size" class="loadingtext" border @sort-change="handleSort" 38 <lb-table :page-size="pageData.size" border @sort-change="handleSort"
39 :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" 39 :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
40 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> 40 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
41 </lb-table> 41 </lb-table>
42 </div> 42 </div>
43 <addDydjb v-model="isDialog" :sqcxBsm="sqcxBsm" />
44 </div> 43 </div>
45 </template> 44 </template>
46 <script> 45 <script>
47 import { mapGetters } from "vuex"; 46 import { mapGetters } from "vuex";
48 import table from "@/utils/mixin/table"; 47 import table from "@/utils/mixin/table";
48 import store from '@/store/index.js'
49 import { datas, sendThis } from "./dydjbdata"; 49 import { datas, sendThis } from "./dydjbdata";
50 import addDydjb from "./components/addDydjb.vue";
51 import { getSqcxPage } from "@/api/jtfc.js"; 50 import { getSqcxPage } from "@/api/jtfc.js";
52 export default { 51 export default {
53 name: "dydjb", 52 name: "dydjb",
54 components: { addDydjb },
55 mixins: [table], 53 mixins: [table],
56 mounted () { 54 mounted () {
57 sendThis(this); 55 sendThis(this);
...@@ -79,8 +77,21 @@ ...@@ -79,8 +77,21 @@
79 activated () { 77 activated () {
80 this.queryClick(); 78 this.queryClick();
81 }, 79 },
80 computed: {
81 workFresh () {
82 return store.state.user.workFresh
83 }
84 },
85 watch: {
86 workFresh: {
87 handler (newValue, oldValue) {
88 this.queryClick()
89 },
90 deep: true,
91 immediate: true
92 }
93 },
82 methods: { 94 methods: {
83 // 初始化数据
84 /** 95 /**
85 * @description: 初始化数据 96 * @description: 初始化数据
86 * @author: renchao 97 * @author: renchao
...@@ -102,8 +113,8 @@ ...@@ -102,8 +113,8 @@
102 * @author: renchao 113 * @author: renchao
103 */ 114 */
104 dydjbClick (scope) { 115 dydjbClick (scope) {
105 this.$popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", { 116 this.$popupDialog("明细详情", "sqcx/dydjb/components/addDydjb", {
106 bsmSqcx: scope.row.bsmSqcx, 117 sqcxBsm: scope.row.bsmSqcx,
107 }) 118 })
108 }, 119 },
109 /** 120 /**
...@@ -120,8 +131,10 @@ ...@@ -120,8 +131,10 @@
120 * @author: renchao 131 * @author: renchao
121 */ 132 */
122 openAddDialog () { 133 openAddDialog () {
123 this.isDialog = true 134 this.$popupDialog("房屋明细查询", "sqcx/dydjb/components/addDydjb", {
124 this.sqcxBsm = '' 135 sqcxBsm: '',
136 isAdd: true
137 })
125 } 138 }
126 }, 139 },
127 }; 140 };
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-15 16:28:13 4 * @LastEditTime: 2024-03-27 10:03:15
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
109 }, '80%') 109 }, '80%')
110 }, 110 },
111 /** 111 /**
112 * @description: handleAdd 112 * @description: handleViewClick
113 * @param {*} row 113 * @param {*} row
114 * @author: renchao 114 * @author: renchao
115 */ 115 */
......
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
33 </el-form-item> 33 </el-form-item>
34 </el-col> 34 </el-col>
35 <el-col :span="6"> 35 <el-col :span="6">
36 <el-form-item label="查询用途：" label-width="90px">{{ form.djSqcxDO.cxyt }} 36 <el-form-item label="查询用途：">{{ form.djSqcxDO.cxyt }}
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="6"> 39 <el-col :span="6">
...@@ -163,12 +163,11 @@ ...@@ -163,12 +163,11 @@
163 </script> 163 </script>
164 <style scoped lang="scss"> 164 <style scoped lang="scss">
165 @import "~@/styles/mixin.scss"; 165 @import "~@/styles/mixin.scss";
166
167 /deep/.el-form-item {
168 margin-bottom: 0 !important;
169 }
170 .sqcxjlInfo { 166 .sqcxjlInfo {
171 max-height: 85vh; 167 height: 82vh;
172 overflow-y: scroll; 168 overflow-y: scroll;
173 } 169 }
170 /deep/.el-form-item {
171 margin-bottom: 0 !important;
172 }
174 </style> 173 </style>
......
...@@ -566,7 +566,7 @@ ...@@ -566,7 +566,7 @@
566 handleSelect (val) { 566 handleSelect (val) {
567 let that = this 567 let that = this
568 let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : '' 568 let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : ''
569 this.$confirm('是否同步材料信息?', '提示', { 569 this.$confirm('是否使用备案内容及材料信息?', '提示', {
570 confirmButtonText: '确定', 570 confirmButtonText: '确定',
571 cancelButtonText: '取消', 571 cancelButtonText: '取消',
572 distinguishCancelAndClose: true,//区分取消与关闭 572 distinguishCancelAndClose: true,//区分取消与关闭
...@@ -584,10 +584,10 @@ ...@@ -584,10 +584,10 @@
584 } 584 }
585 }) 585 })
586 }).catch(action => { 586 }).catch(action => {
587 if (action == 'cancel') { 587 // if (action == 'cancel') {
588 that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' })); 588 // that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
589 that.$emit("input", false); 589 // that.$emit("input", false);
590 } 590 // }
591 }) 591 })
592 }, 592 },
593 /** 593 /**
......
...@@ -113,44 +113,49 @@ ...@@ -113,44 +113,49 @@
113 tableDatajf: { 113 tableDatajf: {
114 columns: [ 114 columns: [
115 { 115 {
116 prop: "jfjs", 116 prop: "bdcdyh",
117 label: "计费基数", 117 label: "不动产单元号",
118 }, 118 },
119 { 119 {
120 prop: "jflx", 120 prop: "zl",
121 label: "计费类型", 121 label: "坐落",
122 }, 122 },
123 { 123 {
124 prop: "jflxmc", 124 prop: "qlrmc",
125 label: "计费类型名称", 125 label: "权利人名称",
126 }, 126 },
127 { 127 {
128 prop: "ysje", 128 prop: "ywrmc",
129 label: "应收金额", 129 label: "义务人名称",
130 }, 130 },
131
131 { 132 {
132 prop: "zkhysje", 133 prop: "qlxzmc",
133 label: "折扣后应收金额", 134 label: "性质",
134 }, 135 },
135 { 136 {
136 prop: "qlrmc", 137 prop: "qlmjmc",
137 label: "权利人名称", 138 label: "面积",
138 }, 139 },
139 { 140 {
140 prop: "ywrmc", 141 prop: "qlytmc",
141 label: "义务人名称", 142 label: "用途",
142 }, 143 },
143 { 144 {
144 prop: "qlytmc", 145 prop: "jflxmc",
145 label: "权利用途名称", 146 label: "计费类型",
146 }, 147 },
147 { 148 {
148 prop: "qlxzmc", 149 prop: "ysje",
149 label: "权利性质名称", 150 label: "应收金额",
150 }, 151 },
151 { 152 {
152 prop: "zl", 153 prop: "jfjs",
153 label: "坐落", 154 label: "计费基数",
155 },
156 {
157 prop: "zkhysje",
158 label: "折扣后应收金额",
154 } 159 }
155 ], 160 ],
156 data: [], 161 data: [],
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 </lb-table> 5 </lb-table>
6 6
7 <div class="text-center"> 7 <div class="text-center">
8 <el-button type="primary" @click="hanldeRecharge">重新计费</el-button> 8 <el-button type="primary" @click="hanldeRecharge">重置</el-button>
9 <el-button @click="$popupCacel">取消</el-button> 9 <el-button @click="$popupCacel">取消</el-button>
10 <el-button type="primary" @click="handleSubmit" plain>保存</el-button> 10 <el-button type="primary" @click="handleSubmit" plain>保存</el-button>
11 </div> 11 </div>
......
...@@ -32,18 +32,12 @@ ...@@ -32,18 +32,12 @@
32 <el-row :gutter="10"> 32 <el-row :gutter="10">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型："> 34 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
35 <el-select disabled v-model="ruleForm.sldyList[0].qllx" filterable clearable placeholder="请选择权利类型"> 35 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
36 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 </el-option>
38 </el-select>
39 </el-form-item> 36 </el-form-item>
40 </el-col> 37 </el-col>
41 <el-col :span="8"> 38 <el-col :span="8">
42 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型："> 39 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
43 <el-select disabled v-model="ruleForm.sldyList[0].djlx" filterable clearable placeholder="请选择登记类型"> 40 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
44 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
45 </el-option>
46 </el-select>
47 </el-form-item> 41 </el-form-item>
48 </el-col> 42 </el-col>
49 <el-col :span="8"> 43 <el-col :span="8">
...@@ -73,12 +67,12 @@ ...@@ -73,12 +67,12 @@
73 </el-form-item> 67 </el-form-item>
74 </el-col> 68 </el-col>
75 <el-col :span="8"> 69 <el-col :span="8">
76 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" > 70 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封文号：" prop="cfdj.cfwh">
77 <el-input v-model="ruleForm.cfdj.cfwh" :disabled="!ableOperation|| isJfOperation"></el-input> 71 <el-input v-model="ruleForm.cfdj.cfwh" :disabled="!ableOperation|| isJfOperation"></el-input>
78 </el-form-item> 72 </el-form-item>
79 </el-col> 73 </el-col>
80 <el-col :span="8"> 74 <el-col :span="8">
81 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关："> 75 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封机关：" prop="cfdj.cfjg">
82 <el-input v-model="ruleForm.cfdj.cfjg" :disabled="!ableOperation|| isJfOperation"></el-input> 76 <el-input v-model="ruleForm.cfdj.cfjg" :disabled="!ableOperation|| isJfOperation"></el-input>
83 </el-form-item> 77 </el-form-item>
84 </el-col> 78 </el-col>
...@@ -90,13 +84,13 @@ ...@@ -90,13 +84,13 @@
90 </el-form-item> 84 </el-form-item>
91 </el-col> 85 </el-col>
92 <el-col :span="8"> 86 <el-col :span="8">
93 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间："> 87 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间：" prop="cfdj.cfqssj">
94 <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期" 88 <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期"
95 value-format="yyyy-MM-dd" :disabled="!ableOperation|| isJfOperation"></el-date-picker> 89 value-format="yyyy-MM-dd" :disabled="!ableOperation|| isJfOperation"></el-date-picker>
96 </el-form-item> 90 </el-form-item>
97 </el-col> 91 </el-col>
98 <el-col :span="8"> 92 <el-col :span="8">
99 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间："> 93 <el-form-item :class="flag ? 'marginBot0' : ''" label="查封结束时间：" prop="cfdj.cfjssj">
100 <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100" 94 <el-date-picker v-model="ruleForm.cfdj.cfjssj" class="width100"
101 :disabled="!ableOperation|| isJfOperation" type="date" placeholder="选择日期" 95 :disabled="!ableOperation|| isJfOperation" type="date" placeholder="选择日期"
102 value-format="yyyy-MM-dd"></el-date-picker> 96 value-format="yyyy-MM-dd"></el-date-picker>
...@@ -138,18 +132,18 @@ ...@@ -138,18 +132,18 @@
138 </div> 132 </div>
139 <el-row :gutter="10"> 133 <el-row :gutter="10">
140 <el-col :span="8"> 134 <el-col :span="8">
141 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关："> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封机关：" prop="cfdj.jfjg">
142 <el-input v-model="ruleForm.cfdj.jfjg" :disabled="!ableOperation"></el-input> 136 <el-input v-model="ruleForm.cfdj.jfjg" :disabled="!ableOperation"></el-input>
143 </el-form-item> 137 </el-form-item>
144 </el-col> 138 </el-col>
145 <el-col :span="8"> 139 <el-col :span="8">
146 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件："> 140 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号：" prop="cfdj.jfwh">
147 <el-input v-model="ruleForm.cfdj.jfwj" :disabled="!ableOperation"></el-input> 141 <el-input v-model="ruleForm.cfdj.jfwh" :disabled="!ableOperation"></el-input>
148 </el-form-item> 142 </el-form-item>
149 </el-col> 143 </el-col>
150 <el-col :span="8"> 144 <el-col :span="8">
151 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文号："> 145 <el-form-item :class="flag ? 'marginBot0' : ''" label="解封文件：">
152 <el-input v-model="ruleForm.cfdj.jfwh" :disabled="!ableOperation"></el-input> 146 <el-input v-model="ruleForm.cfdj.jfwj" :disabled="!ableOperation"></el-input>
153 </el-form-item> 147 </el-form-item>
154 </el-col> 148 </el-col>
155 </el-row> 149 </el-row>
...@@ -165,6 +159,7 @@ ...@@ -165,6 +159,7 @@
165 import qlxxTable from "../commonTable/qlxxTable.vue"; 159 import qlxxTable from "../commonTable/qlxxTable.vue";
166 import cfdjTable from "../commonTable/cfdjTable"; 160 import cfdjTable from "../commonTable/cfdjTable";
167 import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js"; 161 import { BatchInit, batchSaveData } from "@/api/workflow/cfdjFlow.js";
162 import { formValidate } from "./slxxValidate";
168 import { mapGetters } from "vuex"; 163 import { mapGetters } from "vuex";
169 export default { 164 export default {
170 data () { 165 data () {
...@@ -173,11 +168,7 @@ ...@@ -173,11 +168,7 @@
173 ableOperation: true, 168 ableOperation: true,
174 disabled: true, 169 disabled: true,
175 flagTop: this.flag ? "top" : "", 170 flagTop: this.flag ? "top" : "",
176 rules: { 171 rules: {},
177 'cfdj.djyy': [
178 { required: true, message: '请输入登记原因', trigger: 'blur' }
179 ]
180 },
181 //传递参数 172 //传递参数
182 propsParam: {}, 173 propsParam: {},
183 //页面数据 174 //页面数据
...@@ -201,7 +192,8 @@ ...@@ -201,7 +192,8 @@
201 formdata.append("isEdit", this.ableOperation); 192 formdata.append("isEdit", this.ableOperation);
202 BatchInit(formdata).then((res) => { 193 BatchInit(formdata).then((res) => {
203 if (res.code === 200 && res.result) { 194 if (res.code === 200 && res.result) {
204 this.ruleForm = res.result 195 this.ruleForm = res.result;
196 this.rules = formValidate(this.ruleForm.sldyList[0].djlx);
205 } 197 }
206 }) 198 })
207 }, 199 },
...@@ -237,7 +229,7 @@ ...@@ -237,7 +229,7 @@
237 } else { 229 } else {
238 this.$message({ 230 this.$message({
239 showClose: true, 231 showClose: true,
240 message: "请输入登记原因", 232 message: "请输入红框内的相关信息！",
241 type: "error" 233 type: "error"
242 }) 234 })
243 return false; 235 return false;
......
...@@ -19,56 +19,34 @@ ...@@ -19,56 +19,34 @@
19 </div> 19 </div>
20 <el-row :gutter="10"> 20 <el-row :gutter="10">
21 <el-col :span="8"> 21 <el-col :span="8">
22 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="slsq.ywh"> 22 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
23 <el-input disabled v-model="ruleForm.flow.ywh"></el-input> 23 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
24 </el-form-item> 24 </el-form-item>
25 </el-col> 25 </el-col>
26 <el-col :span="8"> 26 <el-col :span="8">
27 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：" prop="slsq.slry"> 27 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
28 <el-input disabled v-model="ruleForm.slsq.slry"></el-input> 28 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 <el-col :span="8"> 31 <el-col :span="8">
32 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：" prop="slsq.slsj"> 32 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
33 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input> 33 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
34 </el-form-item> 34 </el-form-item>
35 </el-col> 35 </el-col>
36 </el-row> 36 </el-row>
37 <el-row :gutter="10"> 37 <el-row :gutter="10">
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="slsq.qllx"> 39 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
40 <el-select 40 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
41 disabled
42 v-model="ruleForm.sldy.qllx"
43 filterable
44 clearable
45 placeholder="请选择权利类型">
46 <el-option
47 v-for="item in dictData['A8']"
48 :key="item.dcode"
49 :label="item.dname"
50 :value="item.dcode"></el-option>
51 </el-select>
52 </el-form-item> 41 </el-form-item>
53 </el-col> 42 </el-col>
54 <el-col :span="8"> 43 <el-col :span="8">
55 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：" prop="slsq.djlx"> 44 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
56 <el-select 45 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
57 disabled
58 v-model="ruleForm.sldy.djlx"
59 filterable
60 clearable
61 placeholder="请选择登记类型">
62 <el-option
63 v-for="item in dictData['A21']"
64 :key="item.dcode"
65 :label="item.dname"
66 :value="item.dcode"></el-option>
67 </el-select>
68 </el-form-item> 46 </el-form-item>
69 </el-col> 47 </el-col>
70 <el-col :span="8"> 48 <el-col :span="8">
71 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：" prop="slsq.djqx"> 49 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
72 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input> 50 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
73 </el-form-item> 51 </el-form-item>
74 </el-col> 52 </el-col>
...@@ -92,7 +70,7 @@ ...@@ -92,7 +70,7 @@
92 </el-col> 70 </el-col>
93 71
94 <el-col :span="8"> 72 <el-col :span="8">
95 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：" prop="qlxx.bdcqzh"> 73 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
96 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input> 74 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
97 </el-form-item> 75 </el-form-item>
98 </el-col> 76 </el-col>
...@@ -104,7 +82,7 @@ ...@@ -104,7 +82,7 @@
104 </el-row> 82 </el-row>
105 <el-row :gutter="10"> 83 <el-row :gutter="10">
106 <el-col :span="8"> 84 <el-col :span="8">
107 <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：" prop="qlxx.qlrmc"> 85 <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人：">
108 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input> 86 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
109 </el-form-item> 87 </el-form-item>
110 </el-col> 88 </el-col>
...@@ -121,7 +99,7 @@ ...@@ -121,7 +99,7 @@
121 </el-row> 99 </el-row>
122 <el-row :gutter="10"> 100 <el-row :gutter="10">
123 <el-col :span="8"> 101 <el-col :span="8">
124 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：" prop="qlxx.bdcdyh"> 102 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
125 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input> 103 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
126 </el-form-item> 104 </el-form-item>
127 </el-col> 105 </el-col>
......
...@@ -565,7 +565,7 @@ ...@@ -565,7 +565,7 @@
565 handleSelect (val) { 565 handleSelect (val) {
566 let that = this 566 let that = this
567 let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : '' 567 let bsmSldy = window.currentSelect.bsmSldy ? window.currentSelect.bsmSldy : ''
568 this.$confirm('是否同步材料信息?', '提示', { 568 this.$confirm('是否备案内容及材料信息?', '提示', {
569 confirmButtonText: '确定', 569 confirmButtonText: '确定',
570 cancelButtonText: '取消', 570 cancelButtonText: '取消',
571 distinguishCancelAndClose: true,//区分取消与关闭 571 distinguishCancelAndClose: true,//区分取消与关闭
...@@ -583,10 +583,10 @@ ...@@ -583,10 +583,10 @@
583 } 583 }
584 }) 584 })
585 }).catch(action => { 585 }).catch(action => {
586 if (action == 'cancel') { 586 // if (action == 'cancel') {
587 that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' })); 587 // that.$emit("updateDetail", _.cloneDeep({ ...val, sqrlx: '2' }));
588 that.$emit("input", false); 588 // that.$emit("input", false);
589 } 589 // }
590 }) 590 })
591 }, 591 },
592 /** 592 /**
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form 4 <el-form
5 :model="ruleForm" 5 :model="ruleForm"
6 :rules="rules"
6 v-Loading="loading" 7 v-Loading="loading"
7 :label-position="flag ? 'top' : ''" 8 :label-position="flag ? 'top' : ''"
8 :inline="flag" 9 :inline="flag"
...@@ -75,7 +76,7 @@ ...@@ -75,7 +76,7 @@
75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')"> 76 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
76 <el-col :span="8"> 77 <el-col :span="8">
77 <el-form-item label="抵押方式："> 78 <el-form-item label="抵押方式：">
78 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 79 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
79 <el-radio label="1">一般抵押</el-radio> 80 <el-radio label="1">一般抵押</el-radio>
80 <el-radio label="2">最高额抵押</el-radio> 81 <el-radio label="2">最高额抵押</el-radio>
81 </el-radio-group> 82 </el-radio-group>
...@@ -84,7 +85,7 @@ ...@@ -84,7 +85,7 @@
84 <el-col :span="8"> 85 <el-col :span="8">
85 <el-form-item label="抵押金额类型："> 86 <el-form-item label="抵押金额类型：">
86 <el-radio-group 87 <el-radio-group
87 v-model="ruleForm.diyaqList[0].dyjelx" 88 v-model="ruleForm.diyaq.dyjelx"
88 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 89 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
89 <el-radio label="0">独立抵押</el-radio> 90 <el-radio label="0">独立抵押</el-radio>
90 <el-radio label="1">整体抵押</el-radio> 91 <el-radio label="1">整体抵押</el-radio>
...@@ -93,13 +94,13 @@ ...@@ -93,13 +94,13 @@
93 </el-col> 94 </el-col>
94 <el-col :span="8"> 95 <el-col :span="8">
95 <el-form-item 96 <el-form-item
96 label="是否存在禁止或者限制转让抵押不动产的约定：" 97 label="是否禁止或者限制转让的约定："
97 label-width="300px"> 98 label-width="200px">
98 <el-radio-group 99 <el-radio-group
99 v-model="ruleForm.diyaqList[0].sfczjzhxz" 100 v-model="ruleForm.diyaq.sfczjzhxz"
100 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 101 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
101 <el-radio label="1">启用</el-radio> 102 <el-radio label="1">是</el-radio>
102 <el-radio label="0">禁用</el-radio> 103 <el-radio label="0">否</el-radio>
103 </el-radio-group> 104 </el-radio-group>
104 </el-form-item> 105 </el-form-item>
105 </el-col> 106 </el-col>
...@@ -107,15 +108,15 @@ ...@@ -107,15 +108,15 @@
107 <el-row 108 <el-row
108 :gutter="10" 109 :gutter="10"
109 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')"> 110 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0 && !ruleForm.slsq.djywbm.includes('400')">
110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 111 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
111 <el-form-item label="被担保主债权数额："> 112 <el-form-item label="被担保主债权数额：" prop="diyaq.bdbzzqse">
112 <div style="display: flex"> 113 <div style="display: flex">
113 <el-input 114 <el-input
114 v-model="ruleForm.diyaqList[0].bdbzzqse" 115 v-model="ruleForm.diyaq.bdbzzqse"
115 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 116 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
116 <el-select 117 <el-select
117 style="width: 68px" 118 style="width: 68px"
118 v-model="ruleForm.diyaqList[0].jedw" 119 v-model="ruleForm.diyaq.jedw"
119 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 120 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
120 <el-option 121 <el-option
121 v-for="item in dictData['A57']" 122 v-for="item in dictData['A57']"
...@@ -128,13 +129,13 @@ ...@@ -128,13 +129,13 @@
128 </el-form-item> 129 </el-form-item>
129 </el-col> 130 </el-col>
130 131
131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> 132 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
132 <el-form-item label="最高债权额："> 133 <el-form-item label="最高债权额：" prop="diyaq.zgzqse">
133 <el-input 134 <el-input
134 v-model="ruleForm.diyaqList[0].zgzqse" 135 v-model="ruleForm.diyaq.zgzqse"
135 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 136 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
136 <el-select 137 <el-select
137 v-model="ruleForm.diyaqList[0].jedw" 138 v-model="ruleForm.diyaq.jedw"
138 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 139 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
139 <el-option 140 <el-option
140 v-for="item in dictData['A57']" 141 v-for="item in dictData['A57']"
...@@ -147,18 +148,18 @@ ...@@ -147,18 +148,18 @@
147 </el-col> 148 </el-col>
148 149
149 <el-col :span="8"> 150 <el-col :span="8">
150 <el-form-item label="债务履行起始时间："> 151 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj">
151 <el-date-picker 152 <el-date-picker
152 v-model="ruleForm.diyaqList[0].zwlxqssj" 153 v-model="ruleForm.diyaq.zwlxqssj"
153 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" 154 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
154 type="date"> 155 type="date">
155 </el-date-picker> 156 </el-date-picker>
156 </el-form-item> 157 </el-form-item>
157 </el-col> 158 </el-col>
158 <el-col :span="8"> 159 <el-col :span="8">
159 <el-form-item label="债务履行结束时间："> 160 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj">
160 <el-date-picker 161 <el-date-picker
161 v-model="ruleForm.diyaqList[0].zwlxjssj" 162 v-model="ruleForm.diyaq.zwlxjssj"
162 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" 163 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
163 type="date"> 164 type="date">
164 </el-date-picker> 165 </el-date-picker>
...@@ -169,7 +170,7 @@ ...@@ -169,7 +170,7 @@
169 <el-col :span="24"> 170 <el-col :span="24">
170 <el-form-item label="担保范围："> 171 <el-form-item label="担保范围：">
171 <el-input 172 <el-input
172 v-model="ruleForm.diyaqList[0].dbfw" 173 v-model="ruleForm.diyaq.dbfw"
173 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 174 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
174 </el-form-item> 175 </el-form-item>
175 </el-col> 176 </el-col>
...@@ -178,7 +179,7 @@ ...@@ -178,7 +179,7 @@
178 <el-col :span="24"> 179 <el-col :span="24">
179 <el-form-item label="最高债权确定事实和数额："> 180 <el-form-item label="最高债权确定事实和数额：">
180 <el-input 181 <el-input
181 v-model="ruleForm.diyaqList[0].zgzqqdss" 182 v-model="ruleForm.diyaq.zgzqqdss"
182 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 183 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
183 </el-form-item> 184 </el-form-item>
184 </el-col> 185 </el-col>
...@@ -190,7 +191,7 @@ ...@@ -190,7 +191,7 @@
190 type="textarea" 191 type="textarea"
191 maxlength="500" 192 maxlength="500"
192 show-word-limit 193 show-word-limit
193 v-model="ruleForm.diyaqList[0].fj" 194 v-model="ruleForm.diyaq.fj"
194 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 195 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
195 </el-form-item> 196 </el-form-item>
196 </el-col> 197 </el-col>
...@@ -278,17 +279,17 @@ ...@@ -278,17 +279,17 @@
278 class="textArea" 279 class="textArea"
279 type="textarea" 280 type="textarea"
280 :disabled="!viewEdit" 281 :disabled="!viewEdit"
281 v-model="ruleForm.diyaqList[0].zxdyyy"> 282 v-model="ruleForm.diyaq.zxdyyy">
282 </el-input> 283 </el-input>
283 </el-form-item> 284 </el-form-item>
284 <el-form-item v-else label="登记原因：" prop="diyaqList[0].djyy"> 285 <el-form-item v-else label="登记原因：" prop="diyaq.djyy">
285 <el-input 286 <el-input
286 class="textArea" 287 class="textArea"
287 type="textarea" 288 type="textarea"
288 maxlength="500" 289 maxlength="500"
289 show-word-limit 290 show-word-limit
290 :disabled="!viewEdit" 291 :disabled="!viewEdit"
291 v-model="ruleForm.diyaqList[0].djyy"> 292 v-model="ruleForm.diyaq.djyy">
292 </el-input> 293 </el-input>
293 </el-form-item> 294 </el-form-item>
294 </el-col> 295 </el-col>
...@@ -307,6 +308,7 @@ ...@@ -307,6 +308,7 @@
307 import dyaqTable from "../commonTable/dyaqTable"; 308 import dyaqTable from "../commonTable/dyaqTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 309 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
309 import { batchInit, saveBatchData } from "@/api/workflow/diyaqFlow.js"; 310 import { batchInit, saveBatchData } from "@/api/workflow/diyaqFlow.js";
311 import { formValidate } from "./slxxValidate";
310 import { mapGetters } from "vuex"; 312 import { mapGetters } from "vuex";
311 export default { 313 export default {
312 mounted () { 314 mounted () {
...@@ -332,7 +334,11 @@ ...@@ -332,7 +334,11 @@
332 } 334 }
333 }) 335 })
334 that.czrOptions = that.ruleForm.qlrList; 336 that.czrOptions = that.ruleForm.qlrList;
335 that.isSave = that.viewEdit 337 that.isSave = that.viewEdit;
338 that.rules = formValidate(
339 that.ruleForm.sldyList[0].djlx,
340 that.ruleForm.diyaq.dyfs
341 );
336 } else { 342 } else {
337 that.isSave = false 343 that.isSave = false
338 that.$confirm(res.message, '提示', { 344 that.$confirm(res.message, '提示', {
...@@ -361,11 +367,7 @@ ...@@ -361,11 +367,7 @@
361 ruleForm: {}, 367 ruleForm: {},
362 //传递参数 368 //传递参数
363 propsParam: {}, 369 propsParam: {},
364 rules: { 370 rules: {},
365 'diyaqList[0].djyy': [
366 { required: true, message: '请输入登记原因', trigger: 'blur' }
367 ]
368 },
369 tableData: [], 371 tableData: [],
370 }; 372 };
371 }, 373 },
...@@ -450,7 +452,7 @@ ...@@ -450,7 +452,7 @@
450 } else { 452 } else {
451 that.$message({ 453 that.$message({
452 showClose: true, 454 showClose: true,
453 message: "请输入登记原因", 455 message: "请输入红框内的相关信息！",
454 type: "error" 456 type: "error"
455 }) 457 })
456 return false 458 return false
......
...@@ -126,7 +126,8 @@ ...@@ -126,7 +126,8 @@
126 <el-row :gutter="10"> 126 <el-row :gutter="10">
127 <el-col :span="8"> 127 <el-col :span="8">
128 <el-form-item label="原不动产证号："> 128 <el-form-item label="原不动产证号：">
129 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> 129 <el-input v-if="ruleForm.sldy.djlx=='100'" disabled ></el-input>
130 <el-input v-else disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
130 </el-form-item> 131 </el-form-item>
131 </el-col> 132 </el-col>
132 <el-col :span="8"> 133 <el-col :span="8">
......
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 <el-col :span="8"> 121 <el-col :span="8">
122 <el-form-item label="取得价格："> 122 <el-form-item label="取得价格：" prop="jsydsyq.qdjg">
123 <div style="display: flex"> 123 <div style="display: flex">
124 <el-input 124 <el-input
125 maxlength="11" 125 maxlength="11"
......
...@@ -75,8 +75,8 @@ ...@@ -75,8 +75,8 @@
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
77 <el-col :span="16"> 77 <el-col :span="16">
78 <el-form-item label="坐落："> 78 <el-form-item label="坐落：" prop="sldy.zl">
79 <el-input disabled v-model="ruleForm.sldy.zl"></el-input> 79 <el-input v-model="ruleForm.sldy.zl"></el-input>
80 </el-form-item> 80 </el-form-item>
81 </el-col> 81 </el-col>
82 </el-row> 82 </el-row>
...@@ -92,7 +92,7 @@ ...@@ -92,7 +92,7 @@
92 </el-form-item> 92 </el-form-item>
93 </el-col> 93 </el-col>
94 <el-col :span="8"> 94 <el-col :span="8">
95 <el-form-item label="使用权（承包）面积："> 95 <el-form-item label="使用权（承包）面积：" prop="lq.syqmj">
96 <el-input v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input> 96 <el-input v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input>
97 </el-form-item> 97 </el-form-item>
98 </el-col> 98 </el-col>
...@@ -291,7 +291,7 @@ ...@@ -291,7 +291,7 @@
291 </div> 291 </div>
292 <el-row :gutter="10"> 292 <el-row :gutter="10">
293 <el-col> 293 <el-col>
294 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="lq.djyy"> 294 <el-form-item label="登记原因：" prop="lq.djyy">
295 <el-input 295 <el-input
296 class="textArea" 296 class="textArea"
297 type="textarea" 297 type="textarea"
...@@ -348,7 +348,8 @@ ...@@ -348,7 +348,8 @@
348 }) 348 })
349 that.czrOptions = that.ruleForm.qlrList; 349 that.czrOptions = that.ruleForm.qlrList;
350 that.ruleForm.lq.zlnd ? that.$set(that.ruleForm.lq, 'zlnd', that.ruleForm.lq.zlnd.toString()) : that.$set(that.ruleForm.lq, 'zlnd', "") 350 that.ruleForm.lq.zlnd ? that.$set(that.ruleForm.lq, 'zlnd', that.ruleForm.lq.zlnd.toString()) : that.$set(that.ruleForm.lq, 'zlnd', "")
351 that.isSave = that.viewEdit 351 that.isSave = that.viewEdit;
352 this.rules = formValidate(this.ruleForm.sldy.djlx);
352 } else { 353 } else {
353 that.isSave = false 354 that.isSave = false
354 that.$confirm(res.message, '提示', { 355 that.$confirm(res.message, '提示', {
...@@ -399,11 +400,7 @@ ...@@ -399,11 +400,7 @@
399 propsParam: this.$attrs, 400 propsParam: this.$attrs,
400 //表单是否可操作 401 //表单是否可操作
401 viewEdit: true, 402 viewEdit: true,
402 rules: { 403 rules: {}
403 'lq.djyy': [
404 { required: true, message: '请输入登记原因', trigger: 'blur' }
405 ]
406 }
407 }; 404 };
408 }, 405 },
409 methods: { 406 methods: {
...@@ -530,7 +527,7 @@ ...@@ -530,7 +527,7 @@
530 } else { 527 } else {
531 this.$message({ 528 this.$message({
532 showClose: true, 529 showClose: true,
533 message: "请输入登记原因", 530 message: "请输入红框内的相关信息！",
534 type: "error" 531 type: "error"
535 }) 532 })
536 return false 533 return false
......
...@@ -4,22 +4,19 @@ ...@@ -4,22 +4,19 @@
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'sldy.zl': [
9 return fristValidate(); 9 { required: true, message: '坐落：', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'lq.syqmj': [
12 case "300": 12 { required: true, message: '使用权（承包）面积：', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'lq.djyy': [
15 return logoutValidate(); 15 { required: true, message: '登记原因：', trigger: 'blur' }
16 case "500": 16 ]
17 return riviseValidate();
18 case "901":
19 return renewalValidate();
20 case "902":
21 return replaceValidate();
22 } 17 }
18
19 return formRules;
23 } 20 }
24 21
25 /** 22 /**
...@@ -28,12 +25,6 @@ export function formValidate (djlx) { ...@@ -28,12 +25,6 @@ export function formValidate (djlx) {
28 * @author: renchao 25 * @author: renchao
29 */ 26 */
30 export function fristValidate () { 27 export function fristValidate () {
31 var formRules={
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules;
37 } 28 }
38 29
39 30
......
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
86 </el-row> 86 </el-row>
87 <el-row :gutter="10"> 87 <el-row :gutter="10">
88 <el-col :span="8"> 88 <el-col :span="8">
89 <el-form-item label="宗地面积："> 89 <el-form-item label="宗地面积：" prop="zdjbxx.zdmj">
90 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input> 90 <el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
91 </el-form-item> 91 </el-form-item>
92 </el-col> 92 </el-col>
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
103 </el-row> 103 </el-row>
104 <el-row :gutter="10"> 104 <el-row :gutter="10">
105 <el-col :span="16"> 105 <el-col :span="16">
106 <el-form-item label="坐落："> 106 <el-form-item label="坐落：" prop="sldy.zl">
107 <el-input disabled v-model="ruleForm.sldy.zl"></el-input> 107 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
108 </el-form-item> 108 </el-form-item>
109 </el-col> 109 </el-col>
...@@ -359,7 +359,8 @@ ...@@ -359,7 +359,8 @@
359 } 359 }
360 }) 360 })
361 that.czrOptions = that.ruleForm.qlrList; 361 that.czrOptions = that.ruleForm.qlrList;
362 that.isSave = that.viewEdit 362 that.isSave = that.viewEdit;
363 this.rules = formValidate(this.ruleForm.sldy.djlx);
363 } else { 364 } else {
364 that.isSave = false 365 that.isSave = false
365 that.$confirm(res.message, '提示', { 366 that.$confirm(res.message, '提示', {
...@@ -405,11 +406,7 @@ ...@@ -405,11 +406,7 @@
405 propsParam: {}, 406 propsParam: {},
406 //表单是否可操作 407 //表单是否可操作
407 viewEdit: true, 408 viewEdit: true,
408 rules: { 409 rules: {},
409 'nydsyq.djyy': [
410 { required: true, message: '请输入登记原因', trigger: 'blur' }
411 ]
412 },
413 }; 410 };
414 }, 411 },
415 methods: { 412 methods: {
...@@ -494,7 +491,7 @@ ...@@ -494,7 +491,7 @@
494 } else { 491 } else {
495 this.$message({ 492 this.$message({
496 showClose: true, 493 showClose: true,
497 message: "请输入登记原因", 494 message: "请输入红框内的相关信息！",
498 type: "error" 495 type: "error"
499 }) 496 })
500 return false 497 return false
......
...@@ -4,22 +4,19 @@ ...@@ -4,22 +4,19 @@
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'sldy.zl': [
9 return fristValidate(); 9 { required: true, message: '坐落：', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'zdjbxx.zdmj': [
12 case "300": 12 { required: true, message: '宗地面积：', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'nydsyq.djyy': [
15 return logoutValidate(); 15 { required: true, message: '登记原因：', trigger: 'blur' }
16 case "500": 16 ]
17 return riviseValidate();
18 case "901":
19 return renewalValidate();
20 case "902":
21 return replaceValidate();
22 } 17 }
18
19 return formRules;
23 } 20 }
24 21
25 /** 22 /**
...@@ -28,12 +25,6 @@ export function formValidate (djlx) { ...@@ -28,12 +25,6 @@ export function formValidate (djlx) {
28 * @author: renchao 25 * @author: renchao
29 */ 26 */
30 export function fristValidate () { 27 export function fristValidate () {
31 var formRules={
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules;
37 } 28 }
38 29
39 30
......
...@@ -12,7 +12,8 @@ ...@@ -12,7 +12,8 @@
12 v-Loading="loading" 12 v-Loading="loading"
13 :label-position="flag ? 'top' : ''" 13 :label-position="flag ? 'top' : ''"
14 :inline="flag" 14 :inline="flag"
15 label-width="190px"> 15 label-width="190px"
16 >
16 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
17 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
18 申请业务信息 19 申请业务信息
...@@ -54,11 +55,9 @@ ...@@ -54,11 +55,9 @@
54 </el-row> 55 </el-row>
55 <div class="slxx_title title-block"> 56 <div class="slxx_title title-block">
56 <el-row> 57 <el-row>
57 <el-col :span="20"> 58 <el-col :span="20"> 不动产单元情况 </el-col>
58 不动产单元情况 59 <el-col :span="4" v-if="ruleForm.sldy.djlx == '500'">
59 </el-col> 60 <el-form-item label="是否创建证书：" style="height: 24px">
60 <el-col :span="4" v-if="ruleForm.sldy.djlx=='500'">
61 <el-form-item label="是否创建证书：" style="height:24px">
62 <el-radio-group v-model="ruleForm.sldy.sfxysczs"> 61 <el-radio-group v-model="ruleForm.sldy.sfxysczs">
63 <el-radio label="1">是</el-radio> 62 <el-radio label="1">是</el-radio>
64 <el-radio label="0">否</el-radio> 63 <el-radio label="0">否</el-radio>
...@@ -75,7 +74,7 @@ ...@@ -75,7 +74,7 @@
75 </el-form-item> 74 </el-form-item>
76 </el-col> 75 </el-col>
77 <el-col :span="16"> 76 <el-col :span="16">
78 <el-form-item label="坐落："> 77 <el-form-item label="坐落：" prop="sldy.zl">
79 <el-input disabled v-model="ruleForm.sldy.zl"></el-input> 78 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
80 </el-form-item> 79 </el-form-item>
81 </el-col> 80 </el-col>
...@@ -83,17 +82,27 @@ ...@@ -83,17 +82,27 @@
83 <el-row :gutter="10"> 82 <el-row :gutter="10">
84 <el-col :span="8"> 83 <el-col :span="8">
85 <el-form-item label="发包方："> 84 <el-form-item label="发包方：">
86 <el-input v-model="ruleForm.lq.fbf" :disabled="!viewEdit"></el-input> 85 <el-input
86 v-model="ruleForm.lq.fbf"
87 :disabled="!viewEdit"
88 ></el-input>
87 </el-form-item> 89 </el-form-item>
88 </el-col> 90 </el-col>
89 <el-col :span="8"> 91 <el-col :span="8">
90 <el-form-item label="发包方代码："> 92 <el-form-item label="发包方代码：">
91 <el-input v-model="ruleForm.lq.fbfdm" :disabled="!viewEdit"></el-input> 93 <el-input
94 v-model="ruleForm.lq.fbfdm"
95 :disabled="!viewEdit"
96 ></el-input>
92 </el-form-item> 97 </el-form-item>
93 </el-col> 98 </el-col>
94 <el-col :span="8"> 99 <el-col :span="8">
95 <el-form-item label="使用权（承包）面积："> 100 <el-form-item label="使用权（承包）面积：" prop="lq.syqmj">
96 <el-input maxlength="12" v-model="ruleForm.lq.syqmj" :disabled="!viewEdit"></el-input> 101 <el-input
102 maxlength="12"
103 v-model="ruleForm.lq.syqmj"
104 :disabled="!viewEdit"
105 ></el-input>
97 </el-form-item> 106 </el-form-item>
98 </el-col> 107 </el-col>
99 </el-row> 108 </el-row>
...@@ -105,26 +114,36 @@ ...@@ -105,26 +114,36 @@
105 v-for="item in dictData['A45']" 114 v-for="item in dictData['A45']"
106 :key="item.dcode" 115 :key="item.dcode"
107 :label="item.dname" 116 :label="item.dname"
108 :value="item.dcode"> 117 :value="item.dcode"
118 >
109 </el-option> 119 </el-option>
110 </el-select> 120 </el-select>
111 </el-form-item> 121 </el-form-item>
112 </el-col> 122 </el-col>
113 <el-col :span="8"> 123 <el-col :span="8">
114 <el-form-item label="森林类别："> 124 <el-form-item label="森林类别：">
115 <el-input v-model="ruleForm.lq.sllb" :disabled="!viewEdit"></el-input> 125 <el-input
126 v-model="ruleForm.lq.sllb"
127 :disabled="!viewEdit"
128 ></el-input>
116 </el-form-item> 129 </el-form-item>
117 </el-col> 130 </el-col>
118 <el-col :span="8"> 131 <el-col :span="8">
119 <el-form-item label="主要树种："> 132 <el-form-item label="主要树种：">
120 <el-input v-model="ruleForm.lq.zysz" :disabled="!viewEdit"></el-input> 133 <el-input
134 v-model="ruleForm.lq.zysz"
135 :disabled="!viewEdit"
136 ></el-input>
121 </el-form-item> 137 </el-form-item>
122 </el-col> 138 </el-col>
123 </el-row> 139 </el-row>
124 <el-row :gutter="10"> 140 <el-row :gutter="10">
125 <el-col :span="8"> 141 <el-col :span="8">
126 <el-form-item label="株数："> 142 <el-form-item label="株数：">
127 <el-input v-model="ruleForm.lq.zs" :disabled="!viewEdit"></el-input> 143 <el-input
144 v-model="ruleForm.lq.zs"
145 :disabled="!viewEdit"
146 ></el-input>
128 </el-form-item> 147 </el-form-item>
129 </el-col> 148 </el-col>
130 <el-col :span="8"> 149 <el-col :span="8">
...@@ -134,7 +153,8 @@ ...@@ -134,7 +153,8 @@
134 v-for="item in dictData['A26']" 153 v-for="item in dictData['A26']"
135 :key="item.dcode" 154 :key="item.dcode"
136 :label="item.dname" 155 :label="item.dname"
137 :value="item.dcode"> 156 :value="item.dcode"
157 >
138 </el-option> 158 </el-option>
139 </el-select> 159 </el-select>
140 </el-form-item> 160 </el-form-item>
...@@ -146,7 +166,8 @@ ...@@ -146,7 +166,8 @@
146 v-for="item in dictData['A52']" 166 v-for="item in dictData['A52']"
147 :key="item.dcode" 167 :key="item.dcode"
148 :label="item.dname" 168 :label="item.dname"
149 :value="item.dcode"> 169 :value="item.dcode"
170 >
150 </el-option> 171 </el-option>
151 </el-select> 172 </el-select>
152 </el-form-item> 173 </el-form-item>
...@@ -161,25 +182,35 @@ ...@@ -161,25 +182,35 @@
161 value-format="yyyy" 182 value-format="yyyy"
162 v-model="ruleForm.lq.zlnd" 183 v-model="ruleForm.lq.zlnd"
163 :disabled="!viewEdit" 184 :disabled="!viewEdit"
164 type="year"> 185 type="year"
186 >
165 </el-date-picker> 187 </el-date-picker>
166 </el-form-item> 188 </el-form-item>
167 </el-col> 189 </el-col>
168 <el-col :span="8"> 190 <el-col :span="8">
169 <el-form-item label="林班："> 191 <el-form-item label="林班：">
170 <el-input v-model="ruleForm.lq.lb" :disabled="!viewEdit"></el-input> 192 <el-input
193 v-model="ruleForm.lq.lb"
194 :disabled="!viewEdit"
195 ></el-input>
171 </el-form-item> 196 </el-form-item>
172 </el-col> 197 </el-col>
173 <el-col :span="8"> 198 <el-col :span="8">
174 <el-form-item label="小班："> 199 <el-form-item label="小班：">
175 <el-input v-model="ruleForm.lq.xb" :disabled="!viewEdit"></el-input> 200 <el-input
201 v-model="ruleForm.lq.xb"
202 :disabled="!viewEdit"
203 ></el-input>
176 </el-form-item> 204 </el-form-item>
177 </el-col> 205 </el-col>
178 </el-row> 206 </el-row>
179 <el-row :gutter="10"> 207 <el-row :gutter="10">
180 <el-col :span="8"> 208 <el-col :span="8">
181 <el-form-item label="小地名："> 209 <el-form-item label="小地名：">
182 <el-input v-model="ruleForm.lq.xdm" :disabled="!viewEdit"></el-input> 210 <el-input
211 v-model="ruleForm.lq.xdm"
212 :disabled="!viewEdit"
213 ></el-input>
183 </el-form-item> 214 </el-form-item>
184 </el-col> 215 </el-col>
185 <el-col :span="8"> 216 <el-col :span="8">
...@@ -189,7 +220,8 @@ ...@@ -189,7 +220,8 @@
189 value-format="yyyy-MM-dd HH:mm:ss" 220 value-format="yyyy-MM-dd HH:mm:ss"
190 v-model="ruleForm.lq.ldsyqssj" 221 v-model="ruleForm.lq.ldsyqssj"
191 :disabled="!viewEdit" 222 :disabled="!viewEdit"
192 type="date"></el-date-picker> 223 type="date"
224 ></el-date-picker>
193 </el-form-item> 225 </el-form-item>
194 </el-col> 226 </el-col>
195 <el-col :span="8"> 227 <el-col :span="8">
...@@ -199,7 +231,8 @@ ...@@ -199,7 +231,8 @@
199 value-format="yyyy-MM-dd HH:mm:ss" 231 value-format="yyyy-MM-dd HH:mm:ss"
200 v-model="ruleForm.lq.ldsyjssj" 232 v-model="ruleForm.lq.ldsyjssj"
201 :disabled="!viewEdit" 233 :disabled="!viewEdit"
202 type="date"></el-date-picker> 234 type="date"
235 ></el-date-picker>
203 </el-form-item> 236 </el-form-item>
204 </el-col> 237 </el-col>
205 </el-row> 238 </el-row>
...@@ -211,7 +244,10 @@ ...@@ -211,7 +244,10 @@
211 </el-col> --> 244 </el-col> -->
212 <el-col :span="8"> 245 <el-col :span="8">
213 <el-form-item label="林地使用 (承包)期限："> 246 <el-form-item label="林地使用 (承包)期限：">
214 <el-input v-model="ruleForm.lq.ldsyqx" :disabled="!viewEdit"></el-input> 247 <el-input
248 v-model="ruleForm.lq.ldsyqx"
249 :disabled="!viewEdit"
250 ></el-input>
215 </el-form-item> 251 </el-form-item>
216 </el-col> 252 </el-col>
217 </el-row> 253 </el-row>
...@@ -223,7 +259,8 @@ ...@@ -223,7 +259,8 @@
223 :disabled="!viewEdit" 259 :disabled="!viewEdit"
224 type="textarea" 260 type="textarea"
225 maxlength="500" 261 maxlength="500"
226 show-word-limit></el-input> 262 show-word-limit
263 ></el-input>
227 </el-form-item> 264 </el-form-item>
228 </el-col> 265 </el-col>
229 </el-row> 266 </el-row>
...@@ -244,7 +281,8 @@ ...@@ -244,7 +281,8 @@
244 <el-form-item label="共有方式："> 281 <el-form-item label="共有方式：">
245 <el-radio-group 282 <el-radio-group
246 :disabled="!viewEdit" 283 :disabled="!viewEdit"
247 v-model="ruleForm.sldy.gyfs"> 284 v-model="ruleForm.sldy.gyfs"
285 >
248 <el-radio label="0">单独所有</el-radio> 286 <el-radio label="0">单独所有</el-radio>
249 <el-radio label="1">共同共有</el-radio> 287 <el-radio label="1">共同共有</el-radio>
250 <el-radio label="2">按份所有</el-radio> 288 <el-radio label="2">按份所有</el-radio>
...@@ -257,7 +295,8 @@ ...@@ -257,7 +295,8 @@
257 <el-radio-group 295 <el-radio-group
258 v-model="ruleForm.sldy.sqfbcz" 296 v-model="ruleForm.sldy.sqfbcz"
259 :disabled="!viewEdit" 297 :disabled="!viewEdit"
260 @input="updaterow()"> 298 @input="updaterow()"
299 >
261 <el-radio :label="1">是</el-radio> 300 <el-radio :label="1">是</el-radio>
262 <el-radio :label="0">否</el-radio> 301 <el-radio :label="0">否</el-radio>
263 </el-radio-group> 302 </el-radio-group>
...@@ -265,17 +304,20 @@ ...@@ -265,17 +304,20 @@
265 </el-col> 304 </el-col>
266 <el-col 305 <el-col
267 :span="6" 306 :span="6"
268 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 307 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
308 >
269 <el-form-item label="持证人："> 309 <el-form-item label="持证人：">
270 <el-select 310 <el-select
271 v-model="czr" 311 v-model="czr"
272 placeholder="持证人" 312 placeholder="持证人"
273 :disabled="!viewEdit"> 313 :disabled="!viewEdit"
314 >
274 <el-option 315 <el-option
275 v-for="(item, index) in czrOptions" 316 v-for="(item, index) in czrOptions"
276 :key="index" 317 :key="index"
277 :label="item.sqrmc" 318 :label="item.sqrmc"
278 :value="item.id"> 319 :value="item.id"
320 >
279 </el-option> 321 </el-option>
280 </el-select> 322 </el-select>
281 </el-form-item> 323 </el-form-item>
...@@ -285,7 +327,8 @@ ...@@ -285,7 +327,8 @@
285 @upDateQlrxxList="upDateQlrxxList" 327 @upDateQlrxxList="upDateQlrxxList"
286 :tableData="ruleForm.qlrList" 328 :tableData="ruleForm.qlrList"
287 :disabled="viewEdit" 329 :disabled="viewEdit"
288 :gyfs="ruleForm.sldy.gyfs" /> 330 :gyfs="ruleForm.sldy.gyfs"
331 />
289 332
290 <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'"> 333 <div v-if="ruleForm.ywrList && ruleForm.sldy.djlx == '200'">
291 <div class="slxx_title title-block"> 334 <div class="slxx_title title-block">
...@@ -297,7 +340,8 @@ ...@@ -297,7 +340,8 @@
297 :disabled="viewEdit" 340 :disabled="viewEdit"
298 @upDateQlrxxList="upDateYwrxxList" 341 @upDateQlrxxList="upDateYwrxxList"
299 :tableData="ruleForm.ywrList" 342 :tableData="ruleForm.ywrList"
300 :gyfs="ruleForm.sldy.gyfs" /> 343 :gyfs="ruleForm.sldy.gyfs"
344 />
301 </div> 345 </div>
302 <div class="slxx_title title-block"> 346 <div class="slxx_title title-block">
303 登记原因 347 登记原因
...@@ -305,14 +349,15 @@ ...@@ -305,14 +349,15 @@
305 </div> 349 </div>
306 <el-row :gutter="10"> 350 <el-row :gutter="10">
307 <el-col> 351 <el-col>
308 <el-form-item v-if="ruleForm.sldy" label="登记原因：" prop="djyy"> 352 <el-form-item label="登记原因：" prop="lq.djyy">
309 <el-input 353 <el-input
310 class="textArea" 354 class="textArea"
311 type="textarea" 355 type="textarea"
312 maxlength="500" 356 maxlength="500"
313 show-word-limit 357 show-word-limit
314 :disabled="!viewEdit" 358 :disabled="!viewEdit"
315 v-model="ruleForm.lq.djyy"> 359 v-model="ruleForm.lq.djyy"
360 >
316 </el-input> 361 </el-input>
317 </el-form-item> 362 </el-form-item>
318 </el-col> 363 </el-col>
...@@ -327,59 +372,62 @@ ...@@ -327,59 +372,62 @@
327 </div> 372 </div>
328 </template> 373 </template>
329 <script> 374 <script>
330 import ywmix from "@/views/ywbl/mixin/index"; 375 import ywmix from "@/views/ywbl/mixin/index";
331 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 376 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
332 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; 377 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
333 import tdytTable from "@/views/workflow/components/tdytTable"; 378 import tdytTable from "@/views/workflow/components/tdytTable";
334 import { Init, saveData } from "@/api/workflow/sllmFlow.js"; 379 import { Init, saveData } from "@/api/workflow/sllmFlow.js";
335 import { mapGetters } from "vuex"; 380 import { mapGetters } from "vuex";
336 import { formValidate } from "./slxxValidate"; 381 import { formValidate } from "./slxxValidate";
337 export default { 382 export default {
338 mixins: [ywmix], 383 mixins: [ywmix],
339 mounted () { 384 mounted() {
340 let that = this 385 let that = this;
341 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 386 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
342 this.propsParam = this.$attrs; 387 this.propsParam = this.$attrs;
343 var formdata = new FormData(); 388 var formdata = new FormData();
344 this.loading = true 389 this.loading = true;
345 formdata.append("bsmSldy", this.propsParam.bsmSldy); 390 formdata.append("bsmSldy", this.propsParam.bsmSldy);
346 formdata.append("djlx", this.propsParam.djlx); 391 formdata.append("djlx", this.propsParam.djlx);
347 formdata.append("isEdit", this.viewEdit); 392 formdata.append("isEdit", this.viewEdit);
348 Init(formdata).then((res) => { 393 Init(formdata)
394 .then((res) => {
349 setTimeout(() => { 395 setTimeout(() => {
350 this.loading = false 396 this.loading = false;
351 }, 200) 397 }, 200);
352 if (res.code === 200 && res.result) { 398 if (res.code === 200 && res.result) {
353 this.ruleForm = { 399 this.ruleForm = {
354 ...res.result, 400 ...res.result,
355 ...res.result.qlxxdatas, 401 ...res.result.qlxxdatas,
356 }; 402 };
357 this.ruleForm.qlrList.forEach((item) => { 403 this.ruleForm.qlrList.forEach((item) => {
358 item.id = item.bsmSqr 404 item.id = item.bsmSqr;
359 if (item.sfczr == '1') { 405 if (item.sfczr == "1") {
360 that.czr = item.bsmSqr 406 that.czr = item.bsmSqr;
361 } 407 }
362 }) 408 });
363 that.czrOptions = that.ruleForm.qlrList 409 that.czrOptions = that.ruleForm.qlrList;
364 that.isSave = that.viewEdit 410 that.isSave = that.viewEdit;
411 this.rules = formValidate(this.ruleForm.sldy.djlx);
365 } else { 412 } else {
366 that.isSave = false 413 that.isSave = false;
367 that.$confirm(res.message, '提示', { 414 that.$confirm(res.message, "提示", {
368 cancelButtonText: '取消', 415 cancelButtonText: "取消",
369 showConfirmButton: false, 416 showConfirmButton: false,
370 type: 'warning' 417 type: "warning",
371 }) 418 });
372 } 419 }
373 }).catch(() => {
374 this.loading = false
375 this.isSave = false
376 }) 420 })
421 .catch(() => {
422 this.loading = false;
423 this.isSave = false;
424 });
377 }, 425 },
378 components: { qlrCommonTable, tdytTable, ywrCommonTable }, 426 components: { qlrCommonTable, tdytTable, ywrCommonTable },
379 computed: { 427 computed: {
380 ...mapGetters(["dictData", "flag"]), 428 ...mapGetters(["dictData", "flag"]),
381 }, 429 },
382 data () { 430 data() {
383 return { 431 return {
384 isSave: true, 432 isSave: true,
385 loading: false, 433 loading: false,
...@@ -391,7 +439,7 @@ ...@@ -391,7 +439,7 @@
391 lq: { 439 lq: {
392 zlnd: "", 440 zlnd: "",
393 ldsyqssj: "", 441 ldsyqssj: "",
394 ldsyjssj: "" 442 ldsyjssj: "",
395 }, 443 },
396 flow: { 444 flow: {
397 ywh: "", 445 ywh: "",
...@@ -424,7 +472,7 @@ ...@@ -424,7 +472,7 @@
424 * @param {*} val 472 * @param {*} val
425 * @author: renchao 473 * @author: renchao
426 */ 474 */
427 upDateTdytxxList (val) { 475 upDateTdytxxList(val) {
428 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 476 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
429 }, 477 },
430 /** 478 /**
...@@ -432,19 +480,19 @@ ...@@ -432,19 +480,19 @@
432 * @param {*} val 480 * @param {*} val
433 * @author: renchao 481 * @author: renchao
434 */ 482 */
435 upDateQlrxxList (val) { 483 upDateQlrxxList(val) {
436 if (!_.isEqual(val, this.ruleForm.qlrList)) { 484 if (!_.isEqual(val, this.ruleForm.qlrList)) {
437 this.ruleForm.qlrList = _.cloneDeep(val); 485 this.ruleForm.qlrList = _.cloneDeep(val);
438 this.czrOptions = this.ruleForm.qlrList; 486 this.czrOptions = this.ruleForm.qlrList;
439 } 487 }
440 this.num = 0 488 this.num = 0;
441 this.ruleForm.qlrList.forEach(item => { 489 this.ruleForm.qlrList.forEach((item) => {
442 if (item.id == this.czr) { 490 if (item.id == this.czr) {
443 this.num++ 491 this.num++;
444 } 492 }
445 }) 493 });
446 if (this.num == 0) { 494 if (this.num == 0) {
447 this.czr = '' 495 this.czr = "";
448 } 496 }
449 }, 497 },
450 /** 498 /**
...@@ -452,7 +500,7 @@ ...@@ -452,7 +500,7 @@
452 * @param {*} val 500 * @param {*} val
453 * @author: renchao 501 * @author: renchao
454 */ 502 */
455 updaterow () { 503 updaterow() {
456 this.czr = ""; 504 this.czr = "";
457 }, 505 },
458 /** 506 /**
...@@ -460,14 +508,14 @@ ...@@ -460,14 +508,14 @@
460 * @param {*} val 508 * @param {*} val
461 * @author: renchao 509 * @author: renchao
462 */ 510 */
463 upDateYwrxxList (val) { 511 upDateYwrxxList(val) {
464 this.ruleForm.ywrList = _.cloneDeep(val); 512 this.ruleForm.ywrList = _.cloneDeep(val);
465 }, 513 },
466 /** 514 /**
467 * @description: onSubmit 515 * @description: onSubmit
468 * @author: renchao 516 * @author: renchao
469 */ 517 */
470 onSubmit () { 518 onSubmit() {
471 let that = this; 519 let that = this;
472 if (this.ruleForm.qlrList.length == 0) { 520 if (this.ruleForm.qlrList.length == 0) {
473 this.$message({ 521 this.$message({
...@@ -501,11 +549,11 @@ ...@@ -501,11 +549,11 @@
501 //是否分别持证 549 //是否分别持证
502 if (this.ruleForm.sldy.sqfbcz == "1") { 550 if (this.ruleForm.sldy.sqfbcz == "1") {
503 //是 551 //是
504 this.ruleForm.qlrList.forEach(item => { 552 this.ruleForm.qlrList.forEach((item) => {
505 item.sfczr = "1"; 553 item.sfczr = "1";
506 }); 554 });
507 } else { 555 } else {
508 if (that.czr === '') { 556 if (that.czr === "") {
509 that.$message({ 557 that.$message({
510 showClose: true, 558 showClose: true,
511 message: "请选择持证人", 559 message: "请选择持证人",
...@@ -513,7 +561,7 @@ ...@@ -513,7 +561,7 @@
513 }); 561 });
514 return false; 562 return false;
515 } 563 }
516 this.ruleForm.qlrList.forEach(item => { 564 this.ruleForm.qlrList.forEach((item) => {
517 if (item.id == that.czr) { 565 if (item.id == that.czr) {
518 item.sfczr = "1"; 566 item.sfczr = "1";
519 } else { 567 } else {
...@@ -522,6 +570,9 @@ ...@@ -522,6 +570,9 @@
522 }); 570 });
523 } 571 }
524 } 572 }
573 this.$refs["ruleForm"].validate((valid) => {
574 if (valid) {
575 that.$store.dispatch("user/refreshPage", false);
525 saveData(this.ruleForm).then((res) => { 576 saveData(this.ruleForm).then((res) => {
526 if (res.code === 200) { 577 if (res.code === 200) {
527 this.$message({ 578 this.$message({
...@@ -534,75 +585,84 @@ ...@@ -534,75 +585,84 @@
534 this.$message({ 585 this.$message({
535 showClose: true, 586 showClose: true,
536 message: res.message, 587 message: res.message,
537 type: "error" 588 type: "error",
538 }) 589 });
539 }
540 })
541 }
542 } 590 }
591 });
592 } else {
593 that.$message({
594 showClose: true,
595 message: "请输入红框内的相关信息！",
596 type: "error",
597 });
598 return false;
543 } 599 }
600 });
601 },
602 },
603 };
544 </script> 604 </script>
545 <style scoped lang="scss"> 605 <style scoped lang="scss">
546 @import "~@/styles/public.scss"; 606 @import "~@/styles/public.scss";
547 607
548 /deep/.el-form { 608 /deep/.el-form {
549 display: flex; 609 display: flex;
550 flex-direction: column; 610 flex-direction: column;
551 height: calc(100vh - 130px); 611 height: calc(100vh - 130px);
552 } 612 }
553 613
554 /deep/.el-form-item__label { 614 /deep/.el-form-item__label {
555 padding: 0; 615 padding: 0;
556 } 616 }
557 617
558 /deep/.el-radio { 618 /deep/.el-radio {
559 margin-right: 10px; 619 margin-right: 10px;
560 } 620 }
561 621
562 /deep/.el-select { 622 /deep/.el-select {
563 width: 100%; 623 width: 100%;
564 } 624 }
565 625
566 /deep/.el-form-item { 626 /deep/.el-form-item {
567 margin-bottom: 3px; 627 margin-bottom: 3px;
568 } 628 }
569 629
570 .marginBot0 { 630 .marginBot0 {
571 margin-bottom: 0 !important; 631 margin-bottom: 0 !important;
572 } 632 }
573 633
574 .slxx { 634 .slxx {
575 box-sizing: border-box; 635 box-sizing: border-box;
576 } 636 }
577 637
578 .slxx_con { 638 .slxx_con {
579 flex: 1; 639 flex: 1;
580 height: 100%; 640 height: 100%;
581 background-color: #ffffff; 641 background-color: #ffffff;
582 overflow-y: auto; 642 overflow-y: auto;
583 padding-right: 3px; 643 padding-right: 3px;
584 overflow-x: hidden; 644 overflow-x: hidden;
585 } 645 }
586 646
587 .submit_btn { 647 .submit_btn {
588 height: 50px; 648 height: 50px;
589 } 649 }
590 650
591 .btn { 651 .btn {
592 text-align: center; 652 text-align: center;
593 padding-top: 10px; 653 padding-top: 10px;
594 height: 36px; 654 height: 36px;
595 background-color: #ffffff; 655 background-color: #ffffff;
596 padding: 5px 0; 656 padding: 5px 0;
597 } 657 }
598 658
599 .textArea { 659 .textArea {
600 /deep/.el-textarea__inner { 660 /deep/.el-textarea__inner {
601 min-height: 90px !important; 661 min-height: 90px !important;
602 } 662 }
603 } 663 }
604 664
605 /deep/.el-form-item__label { 665 /deep/.el-form-item__label {
606 padding-bottom: 0px; 666 padding-bottom: 0px;
607 } 667 }
608 </style> 668 </style>
......
...@@ -4,22 +4,19 @@ ...@@ -4,22 +4,19 @@
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'sldy.zl': [
9 return fristValidate(); 9 { required: true, message: '坐落：', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'lq.syqmj': [
12 case "300": 12 { required: true, message: '使用权（承包）面积：', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'lq.djyy': [
15 return logoutValidate(); 15 { required: true, message: '登记原因：', trigger: 'blur' }
16 case "500": 16 ]
17 return riviseValidate();
18 case "901":
19 return renewalValidate();
20 case "902":
21 return replaceValidate();
22 } 17 }
18
19 return formRules;
23 } 20 }
24 21
25 /** 22 /**
...@@ -28,12 +25,6 @@ export function formValidate (djlx) { ...@@ -28,12 +25,6 @@ export function formValidate (djlx) {
28 * @author: renchao 25 * @author: renchao
29 */ 26 */
30 export function fristValidate () { 27 export function fristValidate () {
31 var formRules={
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules;
37 } 28 }
38 29
39 30
......
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
85 </el-form-item> 85 </el-form-item>
86 </el-col> 86 </el-col>
87 <el-col :span="8"> 87 <el-col :span="8">
88 <el-form-item label="权利性质："> 88 <el-form-item label="权利性质：" prop="zdjbxx.qlxz">
89 <treeselect 89 <treeselect
90 v-model="ruleForm.zdjbxx.qlxz" 90 v-model="ruleForm.zdjbxx.qlxz"
91 noOptionsText="暂无数据" 91 noOptionsText="暂无数据"
...@@ -183,7 +183,7 @@ ...@@ -183,7 +183,7 @@
183 </el-form-item> 183 </el-form-item>
184 </el-col> 184 </el-col>
185 <el-col :span="8"> 185 <el-col :span="8">
186 <el-form-item label="确权面积："> 186 <el-form-item label="确权面积：" prop="tdcbjyq.qqmj">
187 <div class="flex"> 187 <div class="flex">
188 <el-input 188 <el-input
189 :disabled="!viewEdit" 189 :disabled="!viewEdit"
...@@ -378,7 +378,8 @@ ...@@ -378,7 +378,8 @@
378 } 378 }
379 }) 379 })
380 that.czrOptions = that.ruleForm.qlrList; 380 that.czrOptions = that.ruleForm.qlrList;
381 that.isSave = that.viewEdit 381 that.isSave = that.viewEdit;
382 this.rules = formValidate(this.ruleForm.sldy.djlx);
382 } else { 383 } else {
383 that.isSave = false 384 that.isSave = false
384 that.$confirm(res.message, '提示', { 385 that.$confirm(res.message, '提示', {
...@@ -449,11 +450,7 @@ ...@@ -449,11 +450,7 @@
449 ruleForm: {}, 450 ruleForm: {},
450 //传递参数 451 //传递参数
451 propsParam: {}, 452 propsParam: {},
452 rules: { 453 rules: {}
453 'tdcbjyq.djyy': [
454 { required: true, message: '请输入登记原因', trigger: 'blur' }
455 ]
456 }
457 } 454 }
458 }, 455 },
459 methods: { 456 methods: {
...@@ -592,7 +589,7 @@ ...@@ -592,7 +589,7 @@
592 } else { 589 } else {
593 that.$message({ 590 that.$message({
594 showClose: true, 591 showClose: true,
595 message: "请输入登记原因", 592 message: "请输入红框内的相关信息！",
596 type: "error" 593 type: "error"
597 }) 594 })
598 return false 595 return false
......
...@@ -4,22 +4,22 @@ ...@@ -4,22 +4,22 @@
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'sldy.zl': [
9 return fristValidate(); 9 { required: true, message: '坐落：', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'zdjbxx.qlxz': [
12 case "300": 12 { required: true, message: '权利性质：', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'tdcbjyq.qqmj': [
15 return logoutValidate(); 15 { required: true, message: '确权面积：', trigger: 'blur' }
16 case "500": 16 ],
17 return riviseValidate(); 17 'lq.djyy': [
18 case "901": 18 { required: true, message: '登记原因：', trigger: 'blur' }
19 return renewalValidate(); 19 ]
20 case "902":
21 return replaceValidate();
22 } 20 }
21
22 return formRules;
23 } 23 }
24 24
25 /** 25 /**
...@@ -28,12 +28,6 @@ export function formValidate (djlx) { ...@@ -28,12 +28,6 @@ export function formValidate (djlx) {
28 * @author: renchao 28 * @author: renchao
29 */ 29 */
30 export function fristValidate () { 30 export function fristValidate () {
31 var formRules={
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules;
37 } 31 }
38 32
39 33
......
...@@ -71,8 +71,8 @@ ...@@ -71,8 +71,8 @@
71 </el-form-item> 71 </el-form-item>
72 </el-col> 72 </el-col>
73 <el-col :span="8"> 73 <el-col :span="8">
74 <el-form-item label="坐落："> 74 <el-form-item label="坐落：" prop="sldy.zl">
75 <el-input disabled v-model="ruleForm.sldy.zl"></el-input> 75 <el-input v-model="ruleForm.sldy.zl"></el-input>
76 </el-form-item> 76 </el-form-item>
77 </el-col> 77 </el-col>
78 </el-row> 78 </el-row>
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
88 </el-form-item> 88 </el-form-item>
89 </el-col> 89 </el-col>
90 <el-col :span="8"> 90 <el-col :span="8">
91 <el-form-item label="房屋性质："> 91 <el-form-item label="房屋性质：" prop="ygdj.fwxz">
92 <el-select v-model="ruleForm.ygdj.fwxz" :disabled="!viewEdit"> 92 <el-select v-model="ruleForm.ygdj.fwxz" :disabled="!viewEdit">
93 <el-option 93 <el-option
94 v-for="item in dictData['A19']" 94 v-for="item in dictData['A19']"
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 </el-row> 102 </el-row>
103 <el-row :gutter="10" v-if="ruleForm.qlxx"> 103 <el-row :gutter="10" v-if="ruleForm.qlxx">
104 <el-col :span="8"> 104 <el-col :span="8">
105 <el-form-item label="房屋用途："> 105 <el-form-item label="房屋用途：" prop="ygdj.ghyt">
106 <el-select v-model="ruleForm.ygdj.ghyt" :disabled="!viewEdit"> 106 <el-select v-model="ruleForm.ygdj.ghyt" :disabled="!viewEdit">
107 <el-option 107 <el-option
108 v-for="item in dictData['A17']" 108 v-for="item in dictData['A17']"
...@@ -114,12 +114,12 @@ ...@@ -114,12 +114,12 @@
114 </el-form-item> 114 </el-form-item>
115 </el-col> 115 </el-col>
116 <el-col :span="8"> 116 <el-col :span="8">
117 <el-form-item label="所在层："> 117 <el-form-item label="所在层：" prop="ygdj.szc">
118 <el-input maxlength="20" :disabled="!viewEdit" v-model="ruleForm.ygdj.szc"></el-input> 118 <el-input maxlength="20" :disabled="!viewEdit" v-model="ruleForm.ygdj.szc"></el-input>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 <el-col :span="8"> 121 <el-col :span="8">
122 <el-form-item label="总层数："> 122 <el-form-item label="总层数：" prop="ygdj.zcs">
123 <el-input 123 <el-input
124 :disabled="!viewEdit" 124 :disabled="!viewEdit"
125 maxlength="4" 125 maxlength="4"
...@@ -130,7 +130,7 @@ ...@@ -130,7 +130,7 @@
130 </el-row> 130 </el-row>
131 <el-row :gutter="10" v-if="ruleForm.qlxx"> 131 <el-row :gutter="10" v-if="ruleForm.qlxx">
132 <el-col :span="8"> 132 <el-col :span="8">
133 <el-form-item label="房屋结构："> 133 <el-form-item label="房屋结构：" prop="ygdj.fwjg">
134 <el-select v-model="ruleForm.ygdj.fwjg" :disabled="!viewEdit"> 134 <el-select v-model="ruleForm.ygdj.fwjg" :disabled="!viewEdit">
135 <el-option 135 <el-option
136 v-for="item in dictData['A46']" 136 v-for="item in dictData['A46']"
...@@ -143,7 +143,7 @@ ...@@ -143,7 +143,7 @@
143 </el-col> 143 </el-col>
144 144
145 <el-col :span="8"> 145 <el-col :span="8">
146 <el-form-item label="建筑面积："> 146 <el-form-item label="建筑面积：" prop="ygdj.jzmj">
147 <div class="flex"> 147 <div class="flex">
148 <el-input 148 <el-input
149 maxlength="12" 149 maxlength="12"
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
262 </div> 262 </div>
263 <el-row :gutter="10"> 263 <el-row :gutter="10">
264 <el-col> 264 <el-col>
265 <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy"> 265 <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="ygdj.zxyy">
266 <el-input 266 <el-input
267 class="textArea" 267 class="textArea"
268 type="textarea" 268 type="textarea"
...@@ -324,7 +324,8 @@ ...@@ -324,7 +324,8 @@
324 } 324 }
325 }) 325 })
326 that.czrOptions = this.ruleForm.qlrList 326 that.czrOptions = this.ruleForm.qlrList
327 that.isSave = that.viewEdit 327 that.isSave = that.viewEdit;
328 this.rules = formValidate(this.ruleForm.sldy.djlx);
328 } else { 329 } else {
329 that.isSave = false 330 that.isSave = false
330 that.$confirm(res.message, '提示', { 331 that.$confirm(res.message, '提示', {
...@@ -362,11 +363,7 @@ ...@@ -362,11 +363,7 @@
362 }, 363 },
363 //传递参数 364 //传递参数
364 propsParam: this.$attrs, 365 propsParam: this.$attrs,
365 rules: { 366 rules: {}
366 'ygdj.djyy': [
367 { required: true, message: '请输入登记原因', trigger: 'blur' }
368 ]
369 }
370 } 367 }
371 }, 368 },
372 methods: { 369 methods: {
...@@ -500,7 +497,7 @@ ...@@ -500,7 +497,7 @@
500 } else { 497 } else {
501 that.$message({ 498 that.$message({
502 showClose: true, 499 showClose: true,
503 message: "请输入登记原因", 500 message: "请输入红框内的相关信息！",
504 type: "error" 501 type: "error"
505 }) 502 })
506 return false 503 return false
......
...@@ -4,89 +4,111 @@ ...@@ -4,89 +4,111 @@
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'sldy.zl': [
9 return fristValidate(); 9 { required: false, message: '坐落：', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'ygdj.fwxz': [
12 case "300": 12 { required: false, message: '房屋性质：', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'ygdj.ghyt': [
15 return logoutValidate(); 15 { required: false, message: '房屋用途：', trigger: 'blur' }
16 case "500": 16 ],
17 return riviseValidate(); 17 'ygdj.szc': [
18 case "901": 18 { required: false, message: '所在层：', trigger: 'blur' }
19 return renewalValidate(); 19 ],
20 case "902": 20 'ygdj.zcs': [
21 return replaceValidate(); 21 { required: false, message: '总层数：', trigger: 'blur' }
22 ],
23 'ygdj.fwjg': [
24 { required: false, message: '房屋结构：', trigger: 'blur' }
25 ],
26 'ygdj.jzmj': [
27 { required: false, message: '建筑面积：', trigger: 'blur' }
28 ],
29 'ygdj.djyy': [
30 { required: false, message: '请输入登记原因', trigger: 'blur' }
31 ],
32 'ygdj.zxyy': [
33 { required: false, message: '请输入注销登记原因', trigger: 'blur' }
34 ]
35 }
36 if (djlx=="400") {
37 formRules["ygdj.zxyy"][0].required=true;
38 }else{
39 formRules["sldy.zl"][0].required=true;
40 formRules["ygdj.fwxz"][0].required=true;
41 formRules["ygdj.ghyt"][0].required=true;
42 formRules["ygdj.szc"][0].required=true;
43 formRules["ygdj.zcs"][0].required=true;
44 formRules["ygdj.fwjg"][0].required=true;
45 formRules["ygdj.jzmj"][0].required=true;
46 formRules["ygdj.djyy"][0].required=true;
47 }
48 return formRules;
22 } 49 }
23 }
24 50
25 /** 51 /**
26 * @description: 首次登记效验 52 * @description: 首次登记效验
27 * @param {*} data 53 * @param {*} data
28 * @author: renchao 54 * @author: renchao
29 */ 55 */
30 export function fristValidate () { 56 export function fristValidate (formRules,dyfs) {
31 var formRules={ 57
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules; 58 return formRules;
37 } 59 }
38 60
39 61
40 /** 62 /**
41 * @description: 转移登记效验 63 * @description: 转移登记效验
42 * @param {*} data 64 * @param {*} data
43 * @author: renchao 65 * @author: renchao
44 */ 66 */
45 export function transferValidate (data) { 67 export function transferValidate (data) {
46 68
47 } 69 }
48 70
49 /** 71 /**
50 * @description: 变更登记效验 72 * @description: 变更登记效验
51 * @param {*} data 73 * @param {*} data
52 * @author: renchao 74 * @author: renchao
53 */ 75 */
54 export function changeValidate (data) { 76 export function changeValidate (data) {
55 77
56 } 78 }
57 79
58 /** 80 /**
59 * @description: 注销登记效验 81 * @description: 注销登记效验
60 * @param {*} data 82 * @param {*} data
61 * @author: renchao 83 * @author: renchao
62 */ 84 */
63 export function logoutValidate (data) { 85 export function logoutValidate (data) {
64 86
65 } 87 }
66 88
67 /** 89 /**
68 * @description: 更正登记效验 90 * @description: 更正登记效验
69 * @param {*} data 91 * @param {*} data
70 * @author: renchao 92 * @author: renchao
71 */ 93 */
72 export function riviseValidate (data) { 94 export function riviseValidate (data) {
73 95
74 } 96 }
75 97
76 /** 98 /**
77 * @description: 补证登记效验 99 * @description: 补证登记效验
78 * @param {*} data 100 * @param {*} data
79 * @author: renchao 101 * @author: renchao
80 */ 102 */
81 export function renewalValidate (data) { 103 export function renewalValidate (data) {
82 104
83 } 105 }
84 106
85 /** 107 /**
86 * @description: 换证登记效验 108 * @description: 换证登记效验
87 * @param {*} data 109 * @param {*} data
88 * @author: renchao 110 * @author: renchao
89 */ 111 */
90 export function replaceValidate (data) { 112 export function replaceValidate (data) {
91 113
92 }
...\ No newline at end of file ...\ No newline at end of file
114 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="140px"> 11 label-width="140px"
12 >
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
14 申请业务信息 15 申请业务信息
...@@ -50,10 +51,11 @@ ...@@ -50,10 +51,11 @@
50 </el-row> 51 </el-row>
51 <div class="slxx_title title-block"> 52 <div class="slxx_title title-block">
52 <el-row> 53 <el-row>
53 <el-col :span="16"> 54 <el-col :span="16"> 预告买卖登记情况 </el-col>
54 预告买卖登记情况 55 <el-col
55 </el-col> 56 :span="4"
56 <el-col :span="4" v-if="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'"> 57 v-if="ruleForm.sldy.djlx == '300' || ruleForm.sldy.djlx == '500'"
58 >
57 <el-button @click="compare">变化情况对比+</el-button> 59 <el-button @click="compare">变化情况对比+</el-button>
58 </el-col> 60 </el-col>
59 </el-row> 61 </el-row>
...@@ -128,28 +130,34 @@ ...@@ -128,28 +130,34 @@
128 </div> 130 </div>
129 <el-row :gutter="10"> 131 <el-row :gutter="10">
130 <el-col :span="8"> 132 <el-col :span="8">
131 <el-form-item label="原不动产证号：" 133 <el-form-item
134 label="原不动产证号："
132 prop="sldy.ybdcqzsh" 135 prop="sldy.ybdcqzsh"
133 :rules="rules.ybdcqzshrules"> 136 :rules="rules.ybdcqzshrules"
137 >
134 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> 138 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
135 </el-form-item> 139 </el-form-item>
136 </el-col> 140 </el-col>
137 <el-col :span="8"> 141 <el-col :span="8">
138 <el-form-item label="预告登记种类：" 142 <el-form-item
143 label="预告登记种类："
139 prop="ygdj.ygdjzlmc" 144 prop="ygdj.ygdjzlmc"
140 :rules="rules.ygdjzlmcrules"> 145 :rules="rules.ygdjzlmcrules"
146 >
141 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input> 147 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
142 </el-form-item> 148 </el-form-item>
143 </el-col> 149 </el-col>
144 <el-col :span="8"> 150 <el-col :span="8">
145 <el-form-item 151 <el-form-item
146 label="是否禁止或者限制转让的约定：" 152 label="是否禁止或者限制转让约定："
147 label-width="200px" 153 label-width="200px"
148 prop="ygdj.sfczjzhxz" 154 prop="ygdj.sfczjzhxz"
149 :rules="rules.sfczjzhxzrules"> 155 :rules="rules.sfczjzhxzrules"
156 >
150 <el-radio-group 157 <el-radio-group
151 v-model="ruleForm.ygdj.sfczjzhxz" 158 v-model="ruleForm.ygdj.sfczjzhxz"
152 :disabled="!viewEdit"> 159 :disabled="!viewEdit"
160 >
153 <el-radio label="1">是</el-radio> 161 <el-radio label="1">是</el-radio>
154 <el-radio label="0">否</el-radio> 162 <el-radio label="0">否</el-radio>
155 </el-radio-group> 163 </el-radio-group>
...@@ -158,55 +166,69 @@ ...@@ -158,55 +166,69 @@
158 </el-row> 166 </el-row>
159 <el-row :gutter="10"> 167 <el-row :gutter="10">
160 <el-col :span="8"> 168 <el-col :span="8">
161 <el-form-item label="被担保主债权数额：" 169 <el-form-item
170 label="被担保主债权数额："
162 prop="ygdj.qdjg" 171 prop="ygdj.qdjg"
163 :rules="rules.qdjgrules"> 172 :rules="rules.qdjgrules"
173 >
164 <div class="flex"> 174 <div class="flex">
165 <el-input 175 <el-input
166 v-model="ruleForm.ygdj.qdjg" 176 v-model="ruleForm.ygdj.qdjg"
167 :disabled="!viewEdit"></el-input> 177 :disabled="!viewEdit"
178 ></el-input>
168 <el-select 179 <el-select
169 v-model="ruleForm.ygdj.jedw" 180 v-model="ruleForm.ygdj.jedw"
170 :disabled="!viewEdit" 181 :disabled="!viewEdit"
171 style="width: 68px"> 182 style="width: 68px"
183 >
172 <el-option 184 <el-option
173 v-for="item in dictData['A57']" 185 v-for="item in dictData['A57']"
174 :key="item.dcode" 186 :key="item.dcode"
175 :label="item.dname" 187 :label="item.dname"
176 :value="item.dcode"></el-option> 188 :value="item.dcode"
189 ></el-option>
177 </el-select> 190 </el-select>
178 </div> 191 </div>
179 </el-form-item> 192 </el-form-item>
180 </el-col> 193 </el-col>
181 <el-col :span="8"> 194 <el-col :span="8">
182 <el-form-item label="债务履行起始时间：" 195 <el-form-item
196 label="债务履行起始时间："
183 prop="ygdj.zwlxqssj" 197 prop="ygdj.zwlxqssj"
184 :rules="rules.zwlxqssjrules"> 198 :rules="rules.zwlxqssjrules"
199 >
185 <el-date-picker 200 <el-date-picker
186 v-model="ruleForm.ygdj.zwlxqssj" 201 v-model="ruleForm.ygdj.zwlxqssj"
187 :disabled="!viewEdit" 202 :disabled="!viewEdit"
188 type="date"></el-date-picker> 203 type="date"
204 ></el-date-picker>
189 </el-form-item> 205 </el-form-item>
190 </el-col> 206 </el-col>
191 <el-col :span="8"> 207 <el-col :span="8">
192 <el-form-item label="债务履行结束时间：" 208 <el-form-item
209 label="债务履行结束时间："
193 prop="ygdj.zwlxjssj" 210 prop="ygdj.zwlxjssj"
194 :rules="rules.zwlxjssjrules"> 211 :rules="rules.zwlxjssjrules"
212 >
195 <el-date-picker 213 <el-date-picker
196 v-model="ruleForm.ygdj.zwlxjssj" 214 v-model="ruleForm.ygdj.zwlxjssj"
197 :disabled="!viewEdit" 215 :disabled="!viewEdit"
198 type="date"></el-date-picker> 216 type="date"
217 ></el-date-picker>
199 </el-form-item> 218 </el-form-item>
200 </el-col> 219 </el-col>
201 </el-row> 220 </el-row>
202 <el-row :gutter="10"> 221 <el-row :gutter="10">
203 <el-col :span="24"> 222 <el-col :span="24">
204 <el-form-item label="担保范围：" 223 <el-form-item
224 label="担保范围："
205 prop="ygdj.dbfw" 225 prop="ygdj.dbfw"
206 :rules="rules.dbfwrules"> 226 :rules="rules.dbfwrules"
227 >
207 <el-input 228 <el-input
208 v-model="ruleForm.ygdj.dbfw" 229 v-model="ruleForm.ygdj.dbfw"
209 :disabled="!viewEdit"></el-input> 230 :disabled="!viewEdit"
231 ></el-input>
210 </el-form-item> 232 </el-form-item>
211 </el-col> 233 </el-col>
212 </el-row> 234 </el-row>
...@@ -218,7 +240,8 @@ ...@@ -218,7 +240,8 @@
218 maxlength="500" 240 maxlength="500"
219 show-word-limit 241 show-word-limit
220 v-model="ruleForm.ygdj.fj" 242 v-model="ruleForm.ygdj.fj"
221 :disabled="!viewEdit"></el-input> 243 :disabled="!viewEdit"
244 ></el-input>
222 </el-form-item> 245 </el-form-item>
223 </el-col> 246 </el-col>
224 </el-row> 247 </el-row>
...@@ -231,7 +254,8 @@ ...@@ -231,7 +254,8 @@
231 <el-form-item label="共有方式："> 254 <el-form-item label="共有方式：">
232 <el-radio-group 255 <el-radio-group
233 :disabled="!viewEdit" 256 :disabled="!viewEdit"
234 v-model="ruleForm.sldy.gyfs"> 257 v-model="ruleForm.sldy.gyfs"
258 >
235 <el-radio label="0">单独所有</el-radio> 259 <el-radio label="0">单独所有</el-radio>
236 <el-radio label="1">共同共有</el-radio> 260 <el-radio label="1">共同共有</el-radio>
237 <el-radio label="2">按份所有</el-radio> 261 <el-radio label="2">按份所有</el-radio>
...@@ -244,7 +268,8 @@ ...@@ -244,7 +268,8 @@
244 <el-radio-group 268 <el-radio-group
245 v-model="ruleForm.sldy.sqfbcz" 269 v-model="ruleForm.sldy.sqfbcz"
246 :disabled="!viewEdit" 270 :disabled="!viewEdit"
247 @input="updaterow()"> 271 @input="updaterow()"
272 >
248 <el-radio :label="1">是</el-radio> 273 <el-radio :label="1">是</el-radio>
249 <el-radio :label="0">否</el-radio> 274 <el-radio :label="0">否</el-radio>
250 </el-radio-group> 275 </el-radio-group>
...@@ -252,17 +277,20 @@ ...@@ -252,17 +277,20 @@
252 </el-col> 277 </el-col>
253 <el-col 278 <el-col
254 :span="6" 279 :span="6"
255 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 280 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
281 >
256 <el-form-item label="持证人："> 282 <el-form-item label="持证人：">
257 <el-select 283 <el-select
258 v-model="czr" 284 v-model="czr"
259 placeholder="持证人" 285 placeholder="持证人"
260 :disabled="!viewEdit"> 286 :disabled="!viewEdit"
287 >
261 <el-option 288 <el-option
262 v-for="(item,index) in czrOptions" 289 v-for="(item, index) in czrOptions"
263 :key="index" 290 :key="index"
264 :label="item.sqrmc" 291 :label="item.sqrmc"
265 :value="item.id"></el-option> 292 :value="item.id"
293 ></el-option>
266 </el-select> 294 </el-select>
267 </el-form-item> 295 </el-form-item>
268 </el-col> 296 </el-col>
...@@ -271,7 +299,8 @@ ...@@ -271,7 +299,8 @@
271 @upDateQlrxxList="upDateQlrxxList" 299 @upDateQlrxxList="upDateQlrxxList"
272 :tableData="ruleForm.qlrList" 300 :tableData="ruleForm.qlrList"
273 :disabled="viewEdit" 301 :disabled="viewEdit"
274 :gyfs="ruleForm.sldy.gyfs" /> 302 :gyfs="ruleForm.sldy.gyfs"
303 />
275 <div class="slxx_title title-block"> 304 <div class="slxx_title title-block">
276 抵押人信息 305 抵押人信息
277 <div class="triangle"></div> 306 <div class="triangle"></div>
...@@ -280,21 +309,27 @@ ...@@ -280,21 +309,27 @@
280 @upDateQlrxxList="upDateYwrxxList" 309 @upDateQlrxxList="upDateYwrxxList"
281 :tableData="ruleForm.ywrList" 310 :tableData="ruleForm.ywrList"
282 :disabled="viewEdit" 311 :disabled="viewEdit"
283 :gyfs="ruleForm.sldy.gyfs" /> 312 :gyfs="ruleForm.sldy.gyfs"
313 />
284 <div class="slxx_title title-block"> 314 <div class="slxx_title title-block">
285 登记原因 315 登记原因
286 <div class="triangle"></div> 316 <div class="triangle"></div>
287 </div> 317 </div>
288 <el-row :gutter="10"> 318 <el-row :gutter="10">
289 <el-col> 319 <el-col>
290 <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy"> 320 <el-form-item
321 v-if="ruleForm.sldy.djlx == '400'"
322 label="注销登记原因："
323 prop="ygdj.zxyy"
324 >
291 <el-input 325 <el-input
292 class="textArea" 326 class="textArea"
293 type="textarea" 327 type="textarea"
294 maxlength="500" 328 maxlength="500"
295 show-word-limit 329 show-word-limit
296 :disabled="!viewEdit" 330 :disabled="!viewEdit"
297 v-model="ruleForm.ygdj.zxyy"> 331 v-model="ruleForm.ygdj.zxyy"
332 >
298 </el-input> 333 </el-input>
299 </el-form-item> 334 </el-form-item>
300 <el-form-item v-else label="登记原因：" prop="ygdj.djyy"> 335 <el-form-item v-else label="登记原因：" prop="ygdj.djyy">
...@@ -304,7 +339,8 @@ ...@@ -304,7 +339,8 @@
304 maxlength="500" 339 maxlength="500"
305 show-word-limit 340 show-word-limit
306 :disabled="!viewEdit" 341 :disabled="!viewEdit"
307 v-model="ruleForm.ygdj.djyy"> 342 v-model="ruleForm.ygdj.djyy"
343 >
308 </el-input> 344 </el-input>
309 </el-form-item> 345 </el-form-item>
310 </el-col> 346 </el-col>
...@@ -319,15 +355,15 @@ ...@@ -319,15 +355,15 @@
319 </div> 355 </div>
320 </template> 356 </template>
321 <script> 357 <script>
322 import ywmix from "@/views/ywbl/mixin/index"; 358 import ywmix from "@/views/ywbl/mixin/index";
323 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 359 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
324 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable"; 360 import ywrCommonTable from "@/views/workflow/components/ywrCommonTable";
325 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 361 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
326 import { mapGetters } from "vuex"; 362 import { mapGetters } from "vuex";
327 import { formValidate } from "./slxxValidate"; 363 import { formValidate } from "./slxxValidate";
328 export default { 364 export default {
329 mixins: [ywmix], 365 mixins: [ywmix],
330 mounted () { 366 mounted() {
331 let that = this; 367 let that = this;
332 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 368 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
333 this.propsParam = this.$attrs; 369 this.propsParam = this.$attrs;
...@@ -337,38 +373,41 @@ ...@@ -337,38 +373,41 @@
337 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 373 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
338 formdata.append("djlx", this.propsParam.djlx); 374 formdata.append("djlx", this.propsParam.djlx);
339 formdata.append("isEdit", this.viewEdit); 375 formdata.append("isEdit", this.viewEdit);
340 Init(formdata).then((res) => { 376 Init(formdata)
377 .then((res) => {
341 setTimeout(() => { 378 setTimeout(() => {
342 that.loading = false 379 that.loading = false;
343 }, 200) 380 }, 200);
344 if (res.code === 200 && res.result) { 381 if (res.code === 200 && res.result) {
345 that.ruleForm = res.result; 382 that.ruleForm = res.result;
346 that.ruleForm.qlrList.forEach((item) => { 383 that.ruleForm.qlrList.forEach((item) => {
347 item.id = item.bsmSqr 384 item.id = item.bsmSqr;
348 if (item.sfczr == '1') { 385 if (item.sfczr == "1") {
349 that.czr = item.bsmSqr 386 that.czr = item.bsmSqr;
350 } 387 }
351 }) 388 });
352 that.czrOptions = this.ruleForm.qlrList; 389 that.czrOptions = this.ruleForm.qlrList;
353 that.isSave = that.viewEdit 390 that.isSave = that.viewEdit;
391 this.rules = formValidate(this.ruleForm.sldy.djlx);
354 } else { 392 } else {
355 that.isSave = false 393 that.isSave = false;
356 that.$confirm(res.message, '提示', { 394 that.$confirm(res.message, "提示", {
357 cancelButtonText: '取消', 395 cancelButtonText: "取消",
358 showConfirmButton: false, 396 showConfirmButton: false,
359 type: 'warning' 397 type: "warning",
360 }) 398 });
361 } 399 }
362 }).catch(() => {
363 this.loading = false
364 this.isSave = false
365 }) 400 })
401 .catch(() => {
402 this.loading = false;
403 this.isSave = false;
404 });
366 }, 405 },
367 components: { qlrCommonTable, ywrCommonTable }, 406 components: { qlrCommonTable, ywrCommonTable },
368 computed: { 407 computed: {
369 ...mapGetters(["dictData", "flag"]) 408 ...mapGetters(["dictData", "flag"]),
370 }, 409 },
371 data () { 410 data() {
372 return { 411 return {
373 isSave: true, 412 isSave: true,
374 //表单是否可操作 413 //表单是否可操作
...@@ -381,25 +420,8 @@ ...@@ -381,25 +420,8 @@
381 ruleForm: {}, 420 ruleForm: {},
382 //传递参数 421 //传递参数
383 propsParam: this.$attrs, 422 propsParam: this.$attrs,
384 rules: { 423 rules: {},
385 ybdcqzshrules: [ 424 };
386 { required: true, message: "原不动产证号", trigger: "blur" },
387 ],
388 ygdjzlmcrules: [
389 { required: true, message: "预告登记种类", trigger: "blur" },
390 ],
391 sfczjzhxzrules: [
392 { required: true, message: "是否禁止或者限制转让的约定：", trigger: "blur" },
393 ],
394 qdjgrules: [{ required: true, message: "被担保主债权数额", trigger: "blur" }],
395 zwlxqssjrules: [{ required: true, message: "债务履行起始时间", trigger: "blur" }],
396 zwlxjssjrules: [{ required: true, message: "债务履行结束时间", trigger: "blur" }],
397 dbfwrules: [{ required: true, message: "担保范围", trigger: "blur" }],
398 'ygdj.djyy': [
399 { required: true, message: '请输入登记原因', trigger: 'blur' }
400 ]
401 }
402 }
403 }, 425 },
404 methods: { 426 methods: {
405 /** 427 /**
...@@ -407,17 +429,17 @@ ...@@ -407,17 +429,17 @@
407 * @param {*} val 429 * @param {*} val
408 * @author: renchao 430 * @author: renchao
409 */ 431 */
410 upDateQlrxxList (val) { 432 upDateQlrxxList(val) {
411 this.ruleForm.qlrList = _.cloneDeep(val); 433 this.ruleForm.qlrList = _.cloneDeep(val);
412 this.czrOptions = this.ruleForm.qlrList; 434 this.czrOptions = this.ruleForm.qlrList;
413 this.num = 0 435 this.num = 0;
414 this.ruleForm.qlrList.forEach(item => { 436 this.ruleForm.qlrList.forEach((item) => {
415 if (item.id == this.czr) { 437 if (item.id == this.czr) {
416 this.num++ 438 this.num++;
417 } 439 }
418 }) 440 });
419 if (this.num == 0) { 441 if (this.num == 0) {
420 this.czr = '' 442 this.czr = "";
421 } 443 }
422 }, 444 },
423 /** 445 /**
...@@ -425,13 +447,14 @@ ...@@ -425,13 +447,14 @@
425 * @param {*} val 447 * @param {*} val
426 * @author: renchao 448 * @author: renchao
427 */ 449 */
428 upDateYwrxxList (val) { 450 upDateYwrxxList(val) {
429 this.ruleForm.ywrList = _.cloneDeep(val); 451 this.ruleForm.ywrList = _.cloneDeep(val);
430 }, /** 452 }
453 /**
431 * @description: compare 454 * @description: compare
432 * @author: renchao 455 * @author: renchao
433 */ 456 */,
434 compare () { 457 compare() {
435 this.$popupDialog( 458 this.$popupDialog(
436 this.ruleForm.qlxx.qllxmc, 459 this.ruleForm.qlxx.qllxmc,
437 "registerBook/comparison", 460 "registerBook/comparison",
...@@ -447,14 +470,14 @@ ...@@ -447,14 +470,14 @@
447 * @description: 是否持证人变化 470 * @description: 是否持证人变化
448 * @author: renchao 471 * @author: renchao
449 */ 472 */
450 updaterow () { 473 updaterow() {
451 this.czr = ""; 474 this.czr = "";
452 }, 475 },
453 /** 476 /**
454 * @description: onSubmit 477 * @description: onSubmit
455 * @author: renchao 478 * @author: renchao
456 */ 479 */
457 onSubmit () { 480 onSubmit() {
458 let that = this; 481 let that = this;
459 if (this.ruleForm.qlrList.length == 0) { 482 if (this.ruleForm.qlrList.length == 0) {
460 this.$message({ 483 this.$message({
...@@ -492,7 +515,7 @@ ...@@ -492,7 +515,7 @@
492 item.sfczr = "1"; 515 item.sfczr = "1";
493 }); 516 });
494 } else { 517 } else {
495 if (that.czr === '') { 518 if (that.czr === "") {
496 that.$message({ 519 that.$message({
497 showClose: true, 520 showClose: true,
498 message: "请选择持证人", 521 message: "请选择持证人",
...@@ -509,6 +532,9 @@ ...@@ -509,6 +532,9 @@
509 }); 532 });
510 } 533 }
511 } 534 }
535 this.$refs["ruleForm"].validate((valid) => {
536 if (valid) {
537 that.$store.dispatch("user/refreshPage", false);
512 saveData(this.ruleForm).then((res) => { 538 saveData(this.ruleForm).then((res) => {
513 if (res.code === 200) { 539 if (res.code === 200) {
514 this.$message({ 540 this.$message({
...@@ -521,15 +547,24 @@ ...@@ -521,15 +547,24 @@
521 this.$message({ 547 this.$message({
522 showClose: true, 548 showClose: true,
523 message: res.message, 549 message: res.message,
524 type: "error" 550 type: "error",
525 }) 551 });
526 }
527 })
528 }
529 } 552 }
553 });
554 } else {
555 that.$message({
556 showClose: true,
557 message: "请输入红框内的相关信息！",
558 type: "error",
559 });
560 return false;
530 } 561 }
562 });
563 },
564 },
565 };
531 </script> 566 </script>
532 <style scoped lang="scss"> 567 <style scoped lang="scss">
533 @import "~@/styles/public.scss"; 568 @import "~@/styles/public.scss";
534 @import "~@/styles/slxx/slxx.scss"; 569 @import "~@/styles/slxx/slxx.scss";
535 </style> 570 </style>
......
...@@ -4,89 +4,99 @@ ...@@ -4,89 +4,99 @@
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'ygdj.sfczjzhxz': [
9 return fristValidate(); 9 { required: false, message: '是否禁止或者限制转让约定：', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'ygdj.qdjg': [
12 case "300": 12 { required: false, message: '被担保主债权数额：', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'ygdj.zwlxqssj': [
15 return logoutValidate(); 15 { required: false, message: '债务履行起始时间：', trigger: 'blur' }
16 case "500": 16 ],
17 return riviseValidate(); 17 'ygdj.zwlxjssj': [
18 case "901": 18 { required: false, message: '债务履行结束时间：', trigger: 'blur' }
19 return renewalValidate(); 19 ],
20 case "902": 20 'ygdj.djyy': [
21 return replaceValidate(); 21 { required: false, message: '请输入登记原因', trigger: 'blur' }
22 ],
23 'ygdj.zxyy': [
24 { required: false, message: '请输入注销登记原因', trigger: 'blur' }
25 ]
26 }
27 if (djlx=="400") {
28 formRules["ygdj.zxyy"][0].required=true;
29 }else{
30 formRules["ygdj.sfczjzhxz"][0].required=true;
31 formRules["ygdj.qdjg"][0].required=true;
32 formRules["ygdj.zwlxqssj"][0].required=true;
33 formRules["ygdj.zwlxjssj"][0].required=true;
34 formRules["ygdj.djyy"][0].required=true;
35 }
36 return formRules;
22 } 37 }
23 }
24 38
25 /** 39 /**
26 * @description: 首次登记效验 40 * @description: 首次登记效验
27 * @param {*} data 41 * @param {*} data
28 * @author: renchao 42 * @author: renchao
29 */ 43 */
30 export function fristValidate () { 44 export function fristValidate (formRules,dyfs) {
31 var formRules={ 45
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules; 46 return formRules;
37 } 47 }
38 48
39 49
40 /** 50 /**
41 * @description: 转移登记效验 51 * @description: 转移登记效验
42 * @param {*} data 52 * @param {*} data
43 * @author: renchao 53 * @author: renchao
44 */ 54 */
45 export function transferValidate (data) { 55 export function transferValidate (data) {
46 56
47 } 57 }
48 58
49 /** 59 /**
50 * @description: 变更登记效验 60 * @description: 变更登记效验
51 * @param {*} data 61 * @param {*} data
52 * @author: renchao 62 * @author: renchao
53 */ 63 */
54 export function changeValidate (data) { 64 export function changeValidate (data) {
55 65
56 } 66 }
57 67
58 /** 68 /**
59 * @description: 注销登记效验 69 * @description: 注销登记效验
60 * @param {*} data 70 * @param {*} data
61 * @author: renchao 71 * @author: renchao
62 */ 72 */
63 export function logoutValidate (data) { 73 export function logoutValidate (data) {
64 74
65 } 75 }
66 76
67 /** 77 /**
68 * @description: 更正登记效验 78 * @description: 更正登记效验
69 * @param {*} data 79 * @param {*} data
70 * @author: renchao 80 * @author: renchao
71 */ 81 */
72 export function riviseValidate (data) { 82 export function riviseValidate (data) {
73 83
74 } 84 }
75 85
76 /** 86 /**
77 * @description: 补证登记效验 87 * @description: 补证登记效验
78 * @param {*} data 88 * @param {*} data
79 * @author: renchao 89 * @author: renchao
80 */ 90 */
81 export function renewalValidate (data) { 91 export function renewalValidate (data) {
82 92
83 } 93 }
84 94
85 /** 95 /**
86 * @description: 换证登记效验 96 * @description: 换证登记效验
87 * @param {*} data 97 * @param {*} data
88 * @author: renchao 98 * @author: renchao
89 */ 99 */
90 export function replaceValidate (data) { 100 export function replaceValidate (data) {
91 101
92 }
...\ No newline at end of file ...\ No newline at end of file
102 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form 4 <el-form
5 :model="ruleForm" 5 :model="ruleForm" :rules="rules"
6 v-Loading="loading" 6 v-Loading="loading"
7 :label-position="flag ? 'top' : ''" 7 :label-position="flag ? 'top' : ''"
8 :inline="flag" 8 :inline="flag"
...@@ -58,13 +58,13 @@ ...@@ -58,13 +58,13 @@
58 在建工程抵押信息列表（{{ ruleForm.qlxxList.length }} 户） 58 在建工程抵押信息列表（{{ ruleForm.qlxxList.length }} 户）
59 <div class="triangle"></div> 59 <div class="triangle"></div>
60 </div> 60 </div>
61 <div 61 <div class="slxx_title title-block" v-else>
62 class="slxx_title title-block"
63 v-else>
64 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户） 62 抵押户信息列表信息（{{ ruleForm.hlist.length }} 户）
65 <div class="triangle"></div> 63 <div class="triangle"></div>
66 </div> 64 </div>
67 <qlxxTable :tableData="ruleForm.qlxxList" v-if="ruleForm.slsq.djywbm.includes('400')" /> 65 <qlxxTable
66 :tableData="ruleForm.qlxxList"
67 v-if="ruleForm.slsq.djywbm.includes('400')" />
68 <qjhTable v-else :tableData="ruleForm.hlist" /> 68 <qjhTable v-else :tableData="ruleForm.hlist" />
69 <div class="slxx_title title-block"> 69 <div class="slxx_title title-block">
70 抵押信息 70 抵押信息
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 75 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
76 <el-col :span="8"> 76 <el-col :span="8">
77 <el-form-item label="抵押方式："> 77 <el-form-item label="抵押方式：">
78 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs"> 78 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
79 <el-radio label="1">一般抵押</el-radio> 79 <el-radio label="1">一般抵押</el-radio>
80 <el-radio label="2">最高额抵押</el-radio> 80 <el-radio label="2">最高额抵押</el-radio>
81 </el-radio-group> 81 </el-radio-group>
...@@ -84,7 +84,7 @@ ...@@ -84,7 +84,7 @@
84 <el-col :span="8"> 84 <el-col :span="8">
85 <el-form-item label="抵押金额类型："> 85 <el-form-item label="抵押金额类型：">
86 <el-radio-group 86 <el-radio-group
87 v-model="ruleForm.diyaqList[0].dyjelx" 87 v-model="ruleForm.diyaq.dyjelx"
88 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 88 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
89 <el-radio label="0">独立抵押</el-radio> 89 <el-radio label="0">独立抵押</el-radio>
90 <el-radio label="1">整体抵押</el-radio> 90 <el-radio label="1">整体抵押</el-radio>
...@@ -93,13 +93,14 @@ ...@@ -93,13 +93,14 @@
93 </el-col> 93 </el-col>
94 <el-col :span="8"> 94 <el-col :span="8">
95 <el-form-item 95 <el-form-item
96 label="是否存在禁止或者限制转让抵押不动产的约定：" 96 label="是否禁止或者限制转让约定："
97 label-width="300px"> 97 label-width="200px"
98 prop="diyaq.sfczjzhxz">
98 <el-radio-group 99 <el-radio-group
99 v-model="ruleForm.diyaqList[0].sfczjzhxz" 100 v-model="ruleForm.diyaq.sfczjzhxz"
100 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 101 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
101 <el-radio label="1">启用</el-radio> 102 <el-radio label="1">是</el-radio>
102 <el-radio label="0">禁用</el-radio> 103 <el-radio label="0">否</el-radio>
103 </el-radio-group> 104 </el-radio-group>
104 </el-form-item> 105 </el-form-item>
105 </el-col> 106 </el-col>
...@@ -107,15 +108,17 @@ ...@@ -107,15 +108,17 @@
107 <el-row 108 <el-row
108 :gutter="10" 109 :gutter="10"
109 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 110 v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
110 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1"> 111 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
111 <el-form-item label="被担保主债权数额："> 112 <el-form-item
113 label="被担保主债权数额："
114 prop="diyaq.bdbzzqse">
112 <div style="display: flex"> 115 <div style="display: flex">
113 <el-input 116 <el-input
114 v-model="ruleForm.diyaqList[0].bdbzzqse" 117 v-model="ruleForm.diyaq.bdbzzqse"
115 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 118 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
116 <el-select 119 <el-select
117 style="width: 68px" 120 style="width: 68px"
118 v-model="ruleForm.diyaqList[0].jedw" 121 v-model="ruleForm.diyaq.jedw"
119 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 122 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
120 <el-option 123 <el-option
121 v-for="item in dictData['A57']" 124 v-for="item in dictData['A57']"
...@@ -128,13 +131,13 @@ ...@@ -128,13 +131,13 @@
128 </el-form-item> 131 </el-form-item>
129 </el-col> 132 </el-col>
130 133
131 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2"> 134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
132 <el-form-item label="最高债权额："> 135 <el-form-item label="最高债权额：" prop="diyaq.zgzqse">
133 <el-input 136 <el-input
134 v-model="ruleForm.diyaqList[0].zgzqse" 137 v-model="ruleForm.diyaq.zgzqse"
135 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 138 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
136 <el-select 139 <el-select
137 v-model="ruleForm.diyaqList[0].jedw" 140 v-model="ruleForm.diyaq.jedw"
138 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"> 141 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')">
139 <el-option 142 <el-option
140 v-for="item in dictData['A57']" 143 v-for="item in dictData['A57']"
...@@ -147,18 +150,22 @@ ...@@ -147,18 +150,22 @@
147 </el-col> 150 </el-col>
148 151
149 <el-col :span="8"> 152 <el-col :span="8">
150 <el-form-item label="债务履行起始时间："> 153 <el-form-item
154 label="债务履行起始时间："
155 prop="diyaq.zwlxqssj">
151 <el-date-picker 156 <el-date-picker
152 v-model="ruleForm.diyaqList[0].zwlxqssj" 157 v-model="ruleForm.diyaq.zwlxqssj"
153 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" 158 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
154 type="date"> 159 type="date">
155 </el-date-picker> 160 </el-date-picker>
156 </el-form-item> 161 </el-form-item>
157 </el-col> 162 </el-col>
158 <el-col :span="8"> 163 <el-col :span="8">
159 <el-form-item label="债务履行结束时间："> 164 <el-form-item
165 label="债务履行结束时间："
166 prop="diyaq.zwlxjssj">
160 <el-date-picker 167 <el-date-picker
161 v-model="ruleForm.diyaqList[0].zwlxjssj" 168 v-model="ruleForm.diyaq.zwlxjssj"
162 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')" 169 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"
163 type="date"> 170 type="date">
164 </el-date-picker> 171 </el-date-picker>
...@@ -170,16 +177,18 @@ ...@@ -170,16 +177,18 @@
170 <el-col :span="24"> 177 <el-col :span="24">
171 <el-form-item label="担保范围："> 178 <el-form-item label="担保范围：">
172 <el-input 179 <el-input
173 v-model="ruleForm.diyaqList[0].dbfw" 180 v-model="ruleForm.diyaq.dbfw"
174 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 181 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
175 </el-form-item> 182 </el-form-item>
176 </el-col> 183 </el-col>
177 </el-row> 184 </el-row>
178 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"> 185 <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
179 <el-col :span="24"> 186 <el-col :span="24">
180 <el-form-item label="最高债权确定事实和数额："> 187 <el-form-item
188 label="最高债权确定事实和数额："
189 prop="diyaq.zgzqqdss">
181 <el-input 190 <el-input
182 v-model="ruleForm.diyaqList[0].zgzqqdss" 191 v-model="ruleForm.diyaq.zgzqqdss"
183 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 192 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
184 </el-form-item> 193 </el-form-item>
185 </el-col> 194 </el-col>
...@@ -191,7 +200,7 @@ ...@@ -191,7 +200,7 @@
191 type="textarea" 200 type="textarea"
192 maxlength="500" 201 maxlength="500"
193 show-word-limit 202 show-word-limit
194 v-model="ruleForm.diyaqList[0].fj" 203 v-model="ruleForm.diyaq.fj"
195 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input> 204 :disabled="!viewEdit || ruleForm.slsq.djywbm.includes('400')"></el-input>
196 </el-form-item> 205 </el-form-item>
197 </el-col> 206 </el-col>
...@@ -239,7 +248,7 @@ ...@@ -239,7 +248,7 @@
239 placeholder="持证人" 248 placeholder="持证人"
240 :disabled="!viewEdit"> 249 :disabled="!viewEdit">
241 <el-option 250 <el-option
242 v-for="(item,index) in czrOptions" 251 v-for="(item, index) in czrOptions"
243 :key="index" 252 :key="index"
244 :label="item.sqrmc" 253 :label="item.sqrmc"
245 :value="item.id"> 254 :value="item.id">
...@@ -273,23 +282,22 @@ ...@@ -273,23 +282,22 @@
273 <el-col> 282 <el-col>
274 <el-form-item 283 <el-form-item
275 v-if="ruleForm.sldyList[0].djlx == '400'" 284 v-if="ruleForm.sldyList[0].djlx == '400'"
276 label="注销抵押原因：" 285 label="注销抵押原因：" prop="diyaq.zxdyyy">
277 prop="djyy">
278 <el-input 286 <el-input
279 class="textArea" 287 class="textArea"
280 type="textarea" 288 type="textarea"
281 :disabled="!viewEdit" 289 :disabled="!viewEdit"
282 v-model="ruleForm.diyaqList[0].zxdyyy"> 290 v-model="ruleForm.diyaq.zxdyyy">
283 </el-input> 291 </el-input>
284 </el-form-item> 292 </el-form-item>
285 <el-form-item v-else label="登记原因：" prop="diyaqList[0].djyy"> 293 <el-form-item v-else label="登记原因：" prop="diyaq.djyy">
286 <el-input 294 <el-input
287 class="textArea" 295 class="textArea"
288 type="textarea" 296 type="textarea"
289 maxlength="500" 297 maxlength="500"
290 show-word-limit 298 show-word-limit
291 :disabled="!viewEdit" 299 :disabled="!viewEdit"
292 v-model="ruleForm.diyaqList[0].djyy"> 300 v-model="ruleForm.diyaq.djyy">
293 </el-input> 301 </el-input>
294 </el-form-item> 302 </el-form-item>
295 </el-col> 303 </el-col>
...@@ -308,43 +316,50 @@ ...@@ -308,43 +316,50 @@
308 import qlxxTable from "../commonTable/qlxxTable.vue"; 316 import qlxxTable from "../commonTable/qlxxTable.vue";
309 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 317 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
310 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js"; 318 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
319 import { formValidate } from "./slxxValidate";
311 import { mapGetters } from "vuex"; 320 import { mapGetters } from "vuex";
312 export default { 321 export default {
313 mounted () { 322 mounted () {
314 let that = this 323 let that = this;
315 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 324 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
316 this.propsParam = this.$attrs; 325 this.propsParam = this.$attrs;
317 var formdata = new FormData(); 326 var formdata = new FormData();
318 327
319 this.loading = true 328 this.loading = true;
320 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 329 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
321 formdata.append("djlx", this.propsParam.djlx); 330 formdata.append("djlx", this.propsParam.djlx);
322 formdata.append("isEdit", this.viewEdit); 331 formdata.append("isEdit", this.viewEdit);
323 bacthInit(formdata).then((res) => { 332 bacthInit(formdata)
333 .then((res) => {
324 setTimeout(() => { 334 setTimeout(() => {
325 that.loading = false 335 that.loading = false;
326 }, 200) 336 }, 200);
327 if (res.code === 200 && res.result) { 337 if (res.code === 200 && res.result) {
328 this.ruleForm = res.result; 338 this.ruleForm = res.result;
329 this.ruleForm.qlrList.forEach((item) => { 339 this.ruleForm.qlrList.forEach((item) => {
330 item.id = item.bsmSqr 340 item.id = item.bsmSqr;
331 if (item.sfczr == '1') { 341 if (item.sfczr == "1") {
332 that.czr = item.bsmSqr 342 that.czr = item.bsmSqr;
333 } 343 }
334 }) 344 });
335 that.czrOptions = that.ruleForm.qlrList; 345 that.czrOptions = that.ruleForm.qlrList;
336 that.isSave = that.viewEdit 346 that.isSave = that.viewEdit;
347 that.rules = formValidate(
348 that.ruleForm.sldyList[0].djlx,
349 that.ruleForm.diyaq.dyfs
350 );
337 } else { 351 } else {
338 that.isSave = false 352 that.isSave = false;
339 that.$confirm(res.message, '提示', { 353 that.$confirm(res.message, "提示", {
340 cancelButtonText: '取消', 354 cancelButtonText: "取消",
341 showConfirmButton: false, 355 showConfirmButton: false,
342 type: 'warning' 356 type: "warning",
343 }) 357 });
344 } 358 }
345 }).catch(() => {
346 this.loading = false
347 }) 359 })
360 .catch(() => {
361 this.loading = false;
362 });
348 }, 363 },
349 components: { qlrCommonTable, qjhTable, qlxxTable }, 364 components: { qlrCommonTable, qjhTable, qlxxTable },
350 computed: { 365 computed: {
...@@ -362,13 +377,9 @@ ...@@ -362,13 +377,9 @@
362 ruleForm: {}, 377 ruleForm: {},
363 //传递参数 378 //传递参数
364 propsParam: {}, 379 propsParam: {},
365 rules: { 380 rules: {},
366 'diyaqList[0].djyy': [ 381 tableData: []
367 { required: true, message: '请输入登记原因', trigger: 'blur' } 382 }
368 ]
369 },
370 tableData: [],
371 };
372 }, 383 },
373 methods: { 384 methods: {
374 /** 385 /**
...@@ -409,10 +420,10 @@ ...@@ -409,10 +420,10 @@
409 if (this.ruleForm.sldyList[0].sqfbcz == "1") { 420 if (this.ruleForm.sldyList[0].sqfbcz == "1") {
410 //是 421 //是
411 this.ruleForm.qlrList.forEach((item, index) => { 422 this.ruleForm.qlrList.forEach((item, index) => {
412 item.sfczr = "1" 423 item.sfczr = "1";
413 }) 424 });
414 } else { 425 } else {
415 if (that.czr === '') { 426 if (that.czr === "") {
416 that.$message({ 427 that.$message({
417 showClose: true, 428 showClose: true,
418 message: "请选择持证人", 429 message: "请选择持证人",
...@@ -429,7 +440,7 @@ ...@@ -429,7 +440,7 @@
429 }); 440 });
430 } 441 }
431 } 442 }
432 this.$refs['ruleForm'].validate((valid) => { 443 this.$refs["ruleForm"].validate((valid) => {
433 if (valid) { 444 if (valid) {
434 that.$store.dispatch("user/refreshPage", false); 445 that.$store.dispatch("user/refreshPage", false);
435 saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => { 446 saveBatchData(that.ruleForm, that.propsParam.djlx).then((res) => {
...@@ -447,16 +458,16 @@ ...@@ -447,16 +458,16 @@
447 type: "error", 458 type: "error",
448 }); 459 });
449 } 460 }
450 }) 461 });
451 } else { 462 } else {
452 that.$message({ 463 that.$message({
453 showClose: true, 464 showClose: true,
454 message: "请输入登记原因", 465 message: "请输入红框内的相关信息！",
455 type: "error" 466 type: "error",
456 }) 467 });
457 return false 468 return false;
458 } 469 }
459 }) 470 });
460 }, 471 },
461 /** 472 /**
462 * @description: 是否持证人变化 473 * @description: 是否持证人变化
...@@ -476,14 +487,14 @@ ...@@ -476,14 +487,14 @@
476 this.ruleForm.qlrList = _.cloneDeep(val); 487 this.ruleForm.qlrList = _.cloneDeep(val);
477 this.czrOptions = this.ruleForm.qlrList; 488 this.czrOptions = this.ruleForm.qlrList;
478 } 489 }
479 this.num = 0 490 this.num = 0;
480 this.ruleForm.qlrList.forEach(item => { 491 this.ruleForm.qlrList.forEach((item) => {
481 if (item.id == this.czr) { 492 if (item.id == this.czr) {
482 this.num++ 493 this.num++;
483 } 494 }
484 }) 495 });
485 if (this.num == 0) { 496 if (this.num == 0) {
486 this.czr = '' 497 this.czr = "";
487 } 498 }
488 }, 499 },
489 /** 500 /**
...@@ -495,9 +506,9 @@ ...@@ -495,9 +506,9 @@
495 if (!_.isEqual(val, this.ruleForm.ywrList)) { 506 if (!_.isEqual(val, this.ruleForm.ywrList)) {
496 this.ruleForm.ywrList = _.cloneDeep(val); 507 this.ruleForm.ywrList = _.cloneDeep(val);
497 } 508 }
498 } 509 },
499 } 510 },
500 } 511 };
501 </script> 512 </script>
502 <style scoped lang="scss"> 513 <style scoped lang="scss">
503 @import "~@/styles/public.scss"; 514 @import "~@/styles/public.scss";
......
...@@ -8,7 +8,8 @@ ...@@ -8,7 +8,8 @@
8 ref="ruleForm" 8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''" 9 :label-position="flag ? 'top' : ''"
10 :inline="flag" 10 :inline="flag"
11 label-width="170px"> 11 label-width="170px"
12 >
12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
13 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
14 申请业务信息 15 申请业务信息
...@@ -50,10 +51,11 @@ ...@@ -50,10 +51,11 @@
50 </el-row> 51 </el-row>
51 <div class="slxx_title title-block"> 52 <div class="slxx_title title-block">
52 <el-row> 53 <el-row>
53 <el-col :span="16"> 54 <el-col :span="16"> 抵押户信息情况 </el-col>
54 抵押户信息情况 55 <el-col
55 </el-col> 56 :span="4"
56 <el-col :span="4" v-if="ruleForm.sldy.djlx=='300'||ruleForm.sldy.djlx=='500'"> 57 v-if="ruleForm.sldy.djlx == '300' || ruleForm.sldy.djlx == '500'"
58 >
57 <el-button @click="compare">变化情况对比+</el-button> 59 <el-button @click="compare">变化情况对比+</el-button>
58 </el-col> 60 </el-col>
59 </el-row> 61 </el-row>
...@@ -82,14 +84,17 @@ ...@@ -82,14 +84,17 @@
82 <div class="flex"> 84 <div class="flex">
83 <el-input 85 <el-input
84 maxlength="12" 86 maxlength="12"
85 v-model="ruleForm.qjh.jzmj" disabled 87 v-model="ruleForm.qjh.jzmj"
86 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 88 disabled
89 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
90 ></el-input>
87 <el-select disabled v-model="mjdw" style="width: 68px"> 91 <el-select disabled v-model="mjdw" style="width: 68px">
88 <el-option 92 <el-option
89 v-for="item in dictData['A7']" 93 v-for="item in dictData['A7']"
90 :key="item.dcode" 94 :key="item.dcode"
91 :label="item.dname" 95 :label="item.dname"
92 :value="item.dcode"> 96 :value="item.dcode"
97 >
93 </el-option> 98 </el-option>
94 </el-select> 99 </el-select>
95 </div> 100 </div>
...@@ -100,14 +105,17 @@ ...@@ -100,14 +105,17 @@
100 <div class="flex"> 105 <div class="flex">
101 <el-input 106 <el-input
102 maxlength="12" 107 maxlength="12"
103 v-model="ruleForm.qjh.tnjzmj" disabled 108 v-model="ruleForm.qjh.tnjzmj"
104 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 109 disabled
110 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
111 ></el-input>
105 <el-select disabled v-model="mjdw" style="width: 68px"> 112 <el-select disabled v-model="mjdw" style="width: 68px">
106 <el-option 113 <el-option
107 v-for="item in dictData['A7']" 114 v-for="item in dictData['A7']"
108 :key="item.dcode" 115 :key="item.dcode"
109 :label="item.dname" 116 :label="item.dname"
110 :value="item.dcode"> 117 :value="item.dcode"
118 >
111 </el-option> 119 </el-option>
112 </el-select> 120 </el-select>
113 </div> 121 </div>
...@@ -118,14 +126,17 @@ ...@@ -118,14 +126,17 @@
118 <div class="flex"> 126 <div class="flex">
119 <el-input 127 <el-input
120 maxlength="12" 128 maxlength="12"
121 v-model="ruleForm.qjh.ftjzmj" disabled 129 v-model="ruleForm.qjh.ftjzmj"
122 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input> 130 disabled
131 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
132 ></el-input>
123 <el-select disabled v-model="mjdw" style="width: 68px"> 133 <el-select disabled v-model="mjdw" style="width: 68px">
124 <el-option 134 <el-option
125 v-for="item in dictData['A7']" 135 v-for="item in dictData['A7']"
126 :key="item.dcode" 136 :key="item.dcode"
127 :label="item.dname" 137 :label="item.dname"
128 :value="item.dcode"> 138 :value="item.dcode"
139 >
129 </el-option> 140 </el-option>
130 </el-select> 141 </el-select>
131 </div> 142 </div>
...@@ -157,6 +168,15 @@ ...@@ -157,6 +168,15 @@
157 168
158 <el-row :gutter="10"> 169 <el-row :gutter="10">
159 <el-col :span="8"> 170 <el-col :span="8">
171 <el-form-item
172 label="原不动产证号："
173 prop="sldy.ybdcqzsh"
174 :rules="rules.ybdcqzshrules"
175 >
176 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
177 </el-form-item>
178 </el-col>
179 <el-col :span="8">
160 <el-form-item label="抵押方式："> 180 <el-form-item label="抵押方式：">
161 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> --> 181 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
162 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> 182 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
...@@ -165,13 +185,16 @@ ...@@ -165,13 +185,16 @@
165 </el-radio-group> 185 </el-radio-group>
166 </el-form-item> 186 </el-form-item>
167 </el-col> 187 </el-col>
168 <el-col :span="16"> 188 <el-col :span="8">
169 <el-form-item 189 <el-form-item
170 label="是否存在禁止或者限制转让抵押不动产的约定：" 190 label="是否禁止或者限制转让约定："
171 label-width="350px"> 191 label-width="200px"
192 prop="diyaq.sfczjzhxz"
193 >
172 <el-radio-group 194 <el-radio-group
173 v-model="ruleForm.diyaq.sfczjzhxz" 195 v-model="ruleForm.diyaq.sfczjzhxz"
174 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> 196 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
197 >
175 <el-radio label="1">是</el-radio> 198 <el-radio label="1">是</el-radio>
176 <el-radio label="0">否</el-radio> 199 <el-radio label="0">否</el-radio>
177 </el-radio-group> 200 </el-radio-group>
...@@ -181,18 +204,23 @@ ...@@ -181,18 +204,23 @@
181 204
182 <el-row :gutter="10"> 205 <el-row :gutter="10">
183 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 206 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
184 <el-form-item label="被担保主债权数额："> 207 <el-form-item label="被担保主债权数额：" prop="diyaq.bdbzzqse">
185 <div style="display:flex"> 208 <div style="display: flex">
186 <el-input 209 <el-input
187 v-model="ruleForm.diyaq.bdbzzqse" 210 v-model="ruleForm.diyaq.bdbzzqse"
188 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 211 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
189 <el-select style="width: 68px" v-model="ruleForm.diyaq.jedw" 212 ></el-input>
190 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> 213 <el-select
214 style="width: 68px"
215 v-model="ruleForm.diyaq.jedw"
216 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
217 >
191 <el-option 218 <el-option
192 v-for="item in dictData['A57']" 219 v-for="item in dictData['A57']"
193 :key="item.dcode" 220 :key="item.dcode"
194 :label="item.dname" 221 :label="item.dname"
195 :value="item.dcode"> 222 :value="item.dcode"
223 >
196 </el-option> 224 </el-option>
197 </el-select> 225 </el-select>
198 </div> 226 </div>
...@@ -200,17 +228,23 @@ ...@@ -200,17 +228,23 @@
200 </el-col> 228 </el-col>
201 229
202 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 230 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
203 <el-form-item label="最高债权额："> 231 <el-form-item label="最高债权额：" prop="diyaq.zgzqse">
204 <div style="display: flex"> 232 <div style="display: flex">
205 <el-input 233 <el-input
206 v-model="ruleForm.diyaq.zgzqse" 234 v-model="ruleForm.diyaq.zgzqse"
207 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 235 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
208 <el-select v-model="ruleForm.diyaq.jedw" style="width: 68px" :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"> 236 ></el-input>
237 <el-select
238 v-model="ruleForm.diyaq.jedw"
239 style="width: 68px"
240 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
241 >
209 <el-option 242 <el-option
210 v-for="item in dictData['A57']" 243 v-for="item in dictData['A57']"
211 :key="item.dcode" 244 :key="item.dcode"
212 :label="item.dname" 245 :label="item.dname"
213 :value="item.dcode"> 246 :value="item.dcode"
247 >
214 </el-option> 248 </el-option>
215 </el-select> 249 </el-select>
216 </div> 250 </div>
...@@ -218,20 +252,22 @@ ...@@ -218,20 +252,22 @@
218 </el-col> 252 </el-col>
219 253
220 <el-col :span="8"> 254 <el-col :span="8">
221 <el-form-item label="债务履行起始时间："> 255 <el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj">
222 <el-date-picker 256 <el-date-picker
223 v-model="ruleForm.diyaq.zwlxqssj" 257 v-model="ruleForm.diyaq.zwlxqssj"
224 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" 258 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
225 type="date"> 259 type="date"
260 >
226 </el-date-picker> 261 </el-date-picker>
227 </el-form-item> 262 </el-form-item>
228 </el-col> 263 </el-col>
229 <el-col :span="8"> 264 <el-col :span="8">
230 <el-form-item label="债务履行结束时间："> 265 <el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj">
231 <el-date-picker 266 <el-date-picker
232 v-model="ruleForm.diyaq.zwlxjssj" 267 v-model="ruleForm.diyaq.zwlxjssj"
233 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'" 268 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
234 type="date"> 269 type="date"
270 >
235 </el-date-picker> 271 </el-date-picker>
236 </el-form-item> 272 </el-form-item>
237 </el-col> 273 </el-col>
...@@ -242,7 +278,8 @@ ...@@ -242,7 +278,8 @@
242 <el-form-item label="担保范围："> 278 <el-form-item label="担保范围：">
243 <el-input 279 <el-input
244 v-model="ruleForm.diyaq.dbfw" 280 v-model="ruleForm.diyaq.dbfw"
245 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 281 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
282 ></el-input>
246 </el-form-item> 283 </el-form-item>
247 </el-col> 284 </el-col>
248 </el-row> 285 </el-row>
...@@ -251,7 +288,8 @@ ...@@ -251,7 +288,8 @@
251 <el-form-item label="最高债权确定事实和数额："> 288 <el-form-item label="最高债权确定事实和数额：">
252 <el-input 289 <el-input
253 v-model="ruleForm.diyaq.zgzqqdss" 290 v-model="ruleForm.diyaq.zgzqqdss"
254 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 291 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
292 ></el-input>
255 </el-form-item> 293 </el-form-item>
256 </el-col> 294 </el-col>
257 </el-row> 295 </el-row>
...@@ -263,7 +301,8 @@ ...@@ -263,7 +301,8 @@
263 maxlength="500" 301 maxlength="500"
264 show-word-limit 302 show-word-limit
265 v-model="ruleForm.diyaq.fj" 303 v-model="ruleForm.diyaq.fj"
266 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"></el-input> 304 :disabled="!viewEdit || ruleForm.sldy.djlx == '400'"
305 ></el-input>
267 </el-form-item> 306 </el-form-item>
268 </el-col> 307 </el-col>
269 </el-row> 308 </el-row>
...@@ -277,7 +316,8 @@ ...@@ -277,7 +316,8 @@
277 <el-form-item label="共有方式："> 316 <el-form-item label="共有方式：">
278 <el-radio-group 317 <el-radio-group
279 :disabled="!viewEdit" 318 :disabled="!viewEdit"
280 v-model="ruleForm.sldy.gyfs"> 319 v-model="ruleForm.sldy.gyfs"
320 >
281 <el-radio label="0">单独所有</el-radio> 321 <el-radio label="0">单独所有</el-radio>
282 <el-radio label="1">共同共有</el-radio> 322 <el-radio label="1">共同共有</el-radio>
283 <el-radio label="2">按份所有</el-radio> 323 <el-radio label="2">按份所有</el-radio>
...@@ -290,7 +330,8 @@ ...@@ -290,7 +330,8 @@
290 <el-radio-group 330 <el-radio-group
291 v-model="ruleForm.sldy.sqfbcz" 331 v-model="ruleForm.sldy.sqfbcz"
292 :disabled="!viewEdit" 332 :disabled="!viewEdit"
293 @input="updaterow()"> 333 @input="updaterow()"
334 >
294 <el-radio :label="1">是</el-radio> 335 <el-radio :label="1">是</el-radio>
295 <el-radio :label="0">否</el-radio> 336 <el-radio :label="0">否</el-radio>
296 </el-radio-group> 337 </el-radio-group>
...@@ -298,28 +339,32 @@ ...@@ -298,28 +339,32 @@
298 </el-col> 339 </el-col>
299 <el-col 340 <el-col
300 :span="6" 341 :span="6"
301 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> 342 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
343 >
302 <el-form-item label="持证人："> 344 <el-form-item label="持证人：">
303 <el-select 345 <el-select
304 v-model="czr" 346 v-model="czr"
305 placeholder="持证人" 347 placeholder="持证人"
306 :disabled="!viewEdit"> 348 :disabled="!viewEdit"
349 >
307 <el-option 350 <el-option
308 v-for="(item,index) in czrOptions" 351 v-for="(item, index) in czrOptions"
309 :key="index" 352 :key="index"
310 :label="item.sqrmc" 353 :label="item.sqrmc"
311 :value="item.id"> 354 :value="item.id"
355 >
312 </el-option> 356 </el-option>
313 </el-select> 357 </el-select>
314 </el-form-item> 358 </el-form-item>
315 </el-col> 359 </el-col>
316 </el-row> 360 </el-row>
317 <qlrCommonTable 361 <qlrCommonTable
318 style="margin-bottom:3px" 362 style="margin-bottom: 3px"
319 :tableData="ruleForm.qlrList" 363 :tableData="ruleForm.qlrList"
320 @upDateQlrxxList="upDateQlrxxList" 364 @upDateQlrxxList="upDateQlrxxList"
321 :disabled="viewEdit" 365 :disabled="viewEdit"
322 :gyfs="ruleForm.sldy.gyfs" /> 366 :gyfs="ruleForm.sldy.gyfs"
367 />
323 <div class="slxx_title title-block"> 368 <div class="slxx_title title-block">
324 抵押人信息 369 抵押人信息
325 <div class="triangle"></div> 370 <div class="triangle"></div>
...@@ -327,7 +372,8 @@ ...@@ -327,7 +372,8 @@
327 <qlrCommonTable 372 <qlrCommonTable
328 :tableData="ruleForm.ywrList" 373 :tableData="ruleForm.ywrList"
329 @upDateQlrxxList="upDateYwrxxList" 374 @upDateQlrxxList="upDateYwrxxList"
330 :disabled="viewEdit" /> 375 :disabled="viewEdit"
376 />
331 377
332 <div class="slxx_title title-block"> 378 <div class="slxx_title title-block">
333 登记原因 379 登记原因
...@@ -338,12 +384,14 @@ ...@@ -338,12 +384,14 @@
338 <el-form-item 384 <el-form-item
339 v-if="ruleForm.sldy.djlx == '400'" 385 v-if="ruleForm.sldy.djlx == '400'"
340 label="注销抵押原因：" 386 label="注销抵押原因："
341 prop="djyy"> 387 prop="diyaq.zxdyyy"
388 >
342 <el-input 389 <el-input
343 class="textArea" 390 class="textArea"
344 type="textarea" 391 type="textarea"
345 :disabled="!viewEdit" 392 :disabled="!viewEdit"
346 v-model="ruleForm.diyaq.zxdyyy"> 393 v-model="ruleForm.diyaq.zxdyyy"
394 >
347 </el-input> 395 </el-input>
348 </el-form-item> 396 </el-form-item>
349 <el-form-item v-else label="登记原因：" prop="diyaq.djyy"> 397 <el-form-item v-else label="登记原因：" prop="diyaq.djyy">
...@@ -353,7 +401,8 @@ ...@@ -353,7 +401,8 @@
353 maxlength="500" 401 maxlength="500"
354 show-word-limit 402 show-word-limit
355 :disabled="!viewEdit" 403 :disabled="!viewEdit"
356 v-model="ruleForm.diyaq.djyy"> 404 v-model="ruleForm.diyaq.djyy"
405 >
357 </el-input> 406 </el-input>
358 </el-form-item> 407 </el-form-item>
359 </el-col> 408 </el-col>
...@@ -368,53 +417,59 @@ ...@@ -368,53 +417,59 @@
368 </div> 417 </div>
369 </template> 418 </template>
370 <script> 419 <script>
371 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 420 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
372 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js"; 421 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
373 import { mapGetters } from "vuex"; 422 import { mapGetters } from "vuex";
374 import { formValidate } from "./slxxValidate"; 423 import { formValidate } from "./slxxValidate";
375 export default { 424 export default {
376 mounted () { 425 mounted() {
377 let that = this 426 let that = this;
378 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 427 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
379 this.propsParam = this.$attrs; 428 this.propsParam = this.$attrs;
380 var formdata = new FormData(); 429 var formdata = new FormData();
381 this.loading = true 430 this.loading = true;
382 formdata.append("bsmSldy", this.propsParam.bsmSldy); 431 formdata.append("bsmSldy", this.propsParam.bsmSldy);
383 formdata.append("djlx", this.propsParam.djlx); 432 formdata.append("djlx", this.propsParam.djlx);
384 formdata.append("isEdit", this.viewEdit); 433 formdata.append("isEdit", this.viewEdit);
385 Init(formdata).then((res) => { 434 Init(formdata)
386 this.loading = false 435 .then((res) => {
436 this.loading = false;
387 if (res.code === 200 && res.result) { 437 if (res.code === 200 && res.result) {
388 this.ruleForm = res.result; 438 this.ruleForm = res.result;
389 window.djlx = res.result.sldy.djlx 439 window.djlx = res.result.sldy.djlx;
390 this.czrOptions = this.ruleForm.qlrList; 440 this.czrOptions = this.ruleForm.qlrList;
391 this.ruleForm.qlrList.forEach((item) => { 441 this.ruleForm.qlrList.forEach((item) => {
392 item.id = item.bsmSqr 442 item.id = item.bsmSqr;
393 if (item.sfczr == '1') { 443 if (item.sfczr == "1") {
394 that.czr = item.bsmSqr 444 that.czr = item.bsmSqr;
395 } 445 }
396 }) 446 });
397 that.czrOptions = that.ruleForm.qlrList; 447 that.czrOptions = that.ruleForm.qlrList;
398 that.isSave = that.viewEdit 448 that.isSave = that.viewEdit;
449 that.rules = formValidate(
450 that.ruleForm.sldy.djlx,
451 that.ruleForm.diyaq.dyfs
452 );
399 } else { 453 } else {
400 that.isSave = false 454 that.isSave = false;
401 that.$confirm(res.message, '提示', { 455 that.$confirm(res.message, "提示", {
402 cancelButtonText: '取消', 456 cancelButtonText: "取消",
403 showConfirmButton: false, 457 showConfirmButton: false,
404 type: 'warning' 458 type: "warning",
405 }) 459 });
406 } 460 }
407 }).catch(() => {
408 this.loading = false
409 }) 461 })
462 .catch(() => {
463 this.loading = false;
464 });
410 }, 465 },
411 components: { qlrCommonTable }, 466 components: { qlrCommonTable },
412 computed: { 467 computed: {
413 ...mapGetters(["dictData", "flag"]), 468 ...mapGetters(["dictData", "flag"]),
414 }, 469 },
415 data () { 470 data() {
416 return { 471 return {
417 mjdw: '1', 472 mjdw: "1",
418 isSave: true, 473 isSave: true,
419 loading: false, 474 loading: false,
420 //表单是否可操作 475 //表单是否可操作
...@@ -425,13 +480,9 @@ ...@@ -425,13 +480,9 @@
425 ruleForm: {}, 480 ruleForm: {},
426 //传递参数 481 //传递参数
427 propsParam: {}, 482 propsParam: {},
428 rules: { 483 rules: {},
429 'diyaq.djyy': [
430 { required: true, message: '请输入登记原因', trigger: 'blur' }
431 ]
432 },
433 // 键名转换，方法默认是label和children进行树状渲染 484 // 键名转换，方法默认是label和children进行树状渲染
434 normalizer (node) { 485 normalizer(node) {
435 //方法 486 //方法
436 if (node.children == null || node.children == "null") { 487 if (node.children == null || node.children == "null") {
437 delete node.children; 488 delete node.children;
...@@ -448,7 +499,7 @@ ...@@ -448,7 +499,7 @@
448 * @description: onSubmitClick 499 * @description: onSubmitClick
449 * @author: renchao 500 * @author: renchao
450 */ 501 */
451 onSubmitClick () { 502 onSubmitClick() {
452 let that = this; 503 let that = this;
453 if (this.ruleForm.qlrList.length == 0) { 504 if (this.ruleForm.qlrList.length == 0) {
454 this.$message({ 505 this.$message({
...@@ -486,7 +537,7 @@ ...@@ -486,7 +537,7 @@
486 item.sfczr = "1"; 537 item.sfczr = "1";
487 }); 538 });
488 } else { 539 } else {
489 if (that.czr === '') { 540 if (that.czr === "") {
490 that.$message({ 541 that.$message({
491 showClose: true, 542 showClose: true,
492 message: "请选择持证人", 543 message: "请选择持证人",
...@@ -503,7 +554,7 @@ ...@@ -503,7 +554,7 @@
503 }); 554 });
504 } 555 }
505 } 556 }
506 this.$refs['ruleForm'].validate((valid) => { 557 this.$refs["ruleForm"].validate((valid) => {
507 if (valid) { 558 if (valid) {
508 that.$store.dispatch("user/refreshPage", false); 559 that.$store.dispatch("user/refreshPage", false);
509 saveData(that.ruleForm, that.propsParam.djlx).then((res) => { 560 saveData(that.ruleForm, that.propsParam.djlx).then((res) => {
...@@ -521,36 +572,35 @@ ...@@ -521,36 +572,35 @@
521 type: "error", 572 type: "error",
522 }); 573 });
523 } 574 }
524 }) 575 });
525 } else { 576 } else {
526 that.$message({ 577 that.$message({
527 showClose: true, 578 showClose: true,
528 message: "请输入登记原因", 579 message: "请输入红框内的相关信息！",
529 type: "error" 580 type: "error",
530 }) 581 });
531 return false 582 return false;
532 } 583 }
533 }) 584 });
534
535 }, 585 },
536 /** 586 /**
537 * @description: 更新权利人信息 587 * @description: 更新权利人信息
538 * @param {*} val 588 * @param {*} val
539 * @author: renchao 589 * @author: renchao
540 */ 590 */
541 upDateQlrxxList (val) { 591 upDateQlrxxList(val) {
542 if (!_.isEqual(val, this.ruleForm.qlrList)) { 592 if (!_.isEqual(val, this.ruleForm.qlrList)) {
543 this.ruleForm.qlrList = _.cloneDeep(val); 593 this.ruleForm.qlrList = _.cloneDeep(val);
544 this.czrOptions = this.ruleForm.qlrList; 594 this.czrOptions = this.ruleForm.qlrList;
545 } 595 }
546 this.num = 0 596 this.num = 0;
547 this.ruleForm.qlrList.forEach(item => { 597 this.ruleForm.qlrList.forEach((item) => {
548 if (item.id == this.czr) { 598 if (item.id == this.czr) {
549 this.num++ 599 this.num++;
550 } 600 }
551 }) 601 });
552 if (this.num == 0) { 602 if (this.num == 0) {
553 this.czr = '' 603 this.czr = "";
554 } 604 }
555 }, 605 },
556 // 是否持证人变化 606 // 是否持证人变化
...@@ -559,7 +609,7 @@ ...@@ -559,7 +609,7 @@
559 * @param {*} val 609 * @param {*} val
560 * @author: renchao 610 * @author: renchao
561 */ 611 */
562 updaterow () { 612 updaterow() {
563 this.czr = ""; 613 this.czr = "";
564 }, 614 },
565 /** 615 /**
...@@ -567,7 +617,7 @@ ...@@ -567,7 +617,7 @@
567 * @param {*} val 617 * @param {*} val
568 * @author: renchao 618 * @author: renchao
569 */ 619 */
570 upDateYwrxxList (val) { 620 upDateYwrxxList(val) {
571 if (!_.isEqual(val, this.ruleForm.ywrList)) { 621 if (!_.isEqual(val, this.ruleForm.ywrList)) {
572 this.ruleForm.ywrList = _.cloneDeep(val); 622 this.ruleForm.ywrList = _.cloneDeep(val);
573 } 623 }
...@@ -576,7 +626,7 @@ ...@@ -576,7 +626,7 @@
576 * @description: compare 626 * @description: compare
577 * @author: renchao 627 * @author: renchao
578 */ 628 */
579 compare () { 629 compare() {
580 this.$popupDialog( 630 this.$popupDialog(
581 this.ruleForm.qlxx.qllxmc, 631 this.ruleForm.qlxx.qllxmc,
582 "registerBook/comparison", 632 "registerBook/comparison",
...@@ -588,10 +638,10 @@ ...@@ -588,10 +638,10 @@
588 true 638 true
589 ); 639 );
590 }, 640 },
591 } 641 },
592 } 642 };
593 </script> 643 </script>
594 <style scoped lang="scss"> 644 <style scoped lang="scss">
595 @import "~@/styles/public.scss"; 645 @import "~@/styles/public.scss";
596 @import "~@/styles/slxx/slxx.scss"; 646 @import "~@/styles/slxx/slxx.scss";
597 </style> 647 </style>
......
...@@ -3,90 +3,108 @@ ...@@ -3,90 +3,108 @@
3 * @param {*} data 3 * @param {*} data
4 * @author: renchao 4 * @author: renchao
5 */ 5 */
6 export function formValidate (djlx) { 6 export function formValidate (djlx,dyfs) {
7 switch (djlx) { 7 var formRules={
8 case "100": 8 'diyaq.djyy': [
9 return fristValidate(); 9 { required: false, message: '请输入登记原因', trigger: 'blur' }
10 case "200": 10 ],
11 return transferValidate(); 11 'diyaq.zxdyyy': [
12 case "300": 12 { required: false, message: '请输入注销登记原因', trigger: 'blur' }
13 return changeValidate(); 13 ],
14 case "400": 14 'diyaq.zwlxqssj': [
15 return logoutValidate(); 15 { required: false, message: '请选择债务履行起始时间', trigger: 'blur' }
16 case "500": 16 ],
17 return riviseValidate(); 17 'diyaq.zwlxjssj': [
18 case "901": 18 { required: false, message: '请选择债务履行起始时间', trigger: 'blur' }
19 return renewalValidate(); 19 ],
20 case "902": 20 'diyaq.bdbzzqse': [
21 return replaceValidate(); 21 { required: false, message: '请输入被担保主债权数额', trigger: 'blur' }
22 ],
23 'diyaq.zgzqse': [
24 { required: false, message: '请输入最高债权额', trigger: 'blur' }
25 ],
26 'diyaq.sfczjzhxz': [
27 { required: false, message: '请输入最高债权额', trigger: 'blur' }
28 ]
29 }
30 if (djlx=="400") {
31 formRules["diyaq.zxdyyy"][0].required=true;
32 }else{
33 if(dyfs=="1"){
34 formRules["diyaq.bdbzzqse"][0].required=true;
35 }else{
36 formRules["diyaq.zgzqse"][0].required=true;
37 }
38 formRules["diyaq.zwlxqssj"][0].required=true;
39 formRules["diyaq.zwlxjssj"][0].required=true;
40 formRules["diyaq.sfczjzhxz"][0].required=true;
41 formRules["diyaq.djyy"][0].required=true;
42 }
43 console.log(formRules)
44 return formRules;
22 } 45 }
23 }
24 46
25 /** 47 /**
26 * @description: 首次登记效验 48 * @description: 首次登记效验
27 * @param {*} data 49 * @param {*} data
28 * @author: renchao 50 * @author: renchao
29 */ 51 */
30 export function fristValidate () { 52 export function fristValidate (formRules,dyfs) {
31 var formRules={ 53
32 'diyaq.djyy': [
33 { required: true, message: '请输入登记原因', trigger: 'blur' }
34 ]
35 }
36 return formRules; 54 return formRules;
37 } 55 }
38 56
39 57
40 /** 58 /**
41 * @description: 转移登记效验 59 * @description: 转移登记效验
42 * @param {*} data 60 * @param {*} data
43 * @author: renchao 61 * @author: renchao
44 */ 62 */
45 export function transferValidate (data) { 63 export function transferValidate (data) {
46 64
47 } 65 }
48 66
49 /** 67 /**
50 * @description: 变更登记效验 68 * @description: 变更登记效验
51 * @param {*} data 69 * @param {*} data
52 * @author: renchao 70 * @author: renchao
53 */ 71 */
54 export function changeValidate (data) { 72 export function changeValidate (data) {
55 73
56 } 74 }
57 75
58 /** 76 /**
59 * @description: 注销登记效验 77 * @description: 注销登记效验
60 * @param {*} data 78 * @param {*} data
61 * @author: renchao 79 * @author: renchao
62 */ 80 */
63 export function logoutValidate (data) { 81 export function logoutValidate (data) {
64 82
65 } 83 }
66 84
67 /** 85 /**
68 * @description: 更正登记效验 86 * @description: 更正登记效验
69 * @param {*} data 87 * @param {*} data
70 * @author: renchao 88 * @author: renchao
71 */ 89 */
72 export function riviseValidate (data) { 90 export function riviseValidate (data) {
73 91
74 } 92 }
75 93
76 /** 94 /**
77 * @description: 补证登记效验 95 * @description: 补证登记效验
78 * @param {*} data 96 * @param {*} data
79 * @author: renchao 97 * @author: renchao
80 */ 98 */
81 export function renewalValidate (data) { 99 export function renewalValidate (data) {
82 100
83 } 101 }
84 102
85 /** 103 /**
86 * @description: 换证登记效验 104 * @description: 换证登记效验
87 * @param {*} data 105 * @param {*} data
88 * @author: renchao 106 * @author: renchao
89 */ 107 */
90 export function replaceValidate (data) { 108 export function replaceValidate (data) {
91 109
92 }
...\ No newline at end of file ...\ No newline at end of file
110 }
...\ 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: 2024-02-26 09:04:04 4 * @LastEditTime: 2024-03-27 11:24:03
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clmlmx-box"> 7 <div class="clmlmx-box">
...@@ -134,22 +134,20 @@ ...@@ -134,22 +134,20 @@
134 } 134 }
135 getPrintTemplateByCode({ tmpno: 'bdcdjbccltts' }).then(res => { 135 getPrintTemplateByCode({ tmpno: 'bdcdjbccltts' }).then(res => {
136 if (res.code === 200) { 136 if (res.code === 200) {
137 console.log("this.selectListssssssssss",this.selectList);
138 getPrintSupplementalMaterials(this.formData.bsmSldy, this.selectList).then(infoRes => { 137 getPrintSupplementalMaterials(this.formData.bsmSldy, this.selectList).then(infoRes => {
139 this.loading = false 138 this.loading = false
140 if (infoRes.code === 200) { 139 if (infoRes.code === 200) {
141 console.log("infoRes.resultsssssssssss",infoRes.result);
142 if (infoRes.result.fileList && infoRes.result.fileList.length > 0) { 140 if (infoRes.result.fileList && infoRes.result.fileList.length > 0) {
143 infoRes.result.fileList.forEach((it, index) => { 141 infoRes.result.fileList.forEach((it, index) => {
144 let key = index + 1 142 let key = index + 1
145 this.$set(infoRes.result, "file" + key, it.sjmc) 143 this.$set(infoRes.result, "file" + key, it.sjmc)
146 this.$set(infoRes.result, "file" + key + 'ys', it.ys) 144 this.$set(infoRes.result, "file" + key + 'ys', it.ys)
147 this.$set(infoRes.result, "file" + key + 'lx', it.sjlx==1?"原件":"复印件") 145 this.$set(infoRes.result, "file" + key + 'lx', it.sjlx == 1 ? "原件" : "复印件")
148 }) 146 })
149 } 147 }
150 infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] 148 infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0]
151 infoRes.result.nowyue = this.newDate.slice(5,7) 149 infoRes.result.nowyue = this.newDate.slice(5, 7)
152 infoRes.result.nowri = this.newDate.slice(8,10) 150 infoRes.result.nowri = this.newDate.slice(8, 10)
153 let date = infoRes.result.sqrq 151 let date = infoRes.result.sqrq
154 infoRes.result.sqnian = date.split(' ')[0].split('-')[0] 152 infoRes.result.sqnian = date.split(' ')[0].split('-')[0]
155 infoRes.result.sqyue = date.split(' ')[0].split('-')[1] 153 infoRes.result.sqyue = date.split(' ')[0].split('-')[1]
......
...@@ -77,6 +77,7 @@ ...@@ -77,6 +77,7 @@
77 this.ruleForm = { 77 this.ruleForm = {
78 cllx: "", 78 cllx: "",
79 clmc: "", 79 clmc: "",
80 clbm: ""
80 } 81 }
81 }, 82 },
82 /** 83 /**
...@@ -90,6 +91,7 @@ ...@@ -90,6 +91,7 @@
90 this.ruleForm = { 91 this.ruleForm = {
91 cllx: "", 92 cllx: "",
92 clmc: "", 93 clmc: "",
94 clbm: ""
93 } 95 }
94 this.$emit("input", false); 96 this.$emit("input", false);
95 } else { 97 } else {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-10-24 17:18:02 4 * @LastEditTime: 2024-03-27 16:38:39
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -247,7 +247,8 @@ ...@@ -247,7 +247,8 @@
247 let obj = { 247 let obj = {
248 bsmCompany: this.formData.bsmCompany, 248 bsmCompany: this.formData.bsmCompany,
249 clmc: data.clmc, 249 clmc: data.clmc,
250 cllx: data.cllx 250 cllx: data.cllx,
251 clbm: data.clbm
251 }; 252 };
252 addCompanyMaterial(obj).then(async (res) => { 253 addCompanyMaterial(obj).then(async (res) => {
253 if (res.code == 200) { 254 if (res.code == 200) {
...@@ -374,7 +375,7 @@ ...@@ -374,7 +375,7 @@
374 display: flex; 375 display: flex;
375 376
376 .menu-tree { 377 .menu-tree {
377 width: 20%; 378 width: 30%;
378 min-width: 160px; 379 min-width: 160px;
379 height: 100%; 380 height: 100%;
380 margin-right: 10px; 381 margin-right: 10px;
...@@ -405,7 +406,8 @@ ...@@ -405,7 +406,8 @@
405 border-radius: 6px; 406 border-radius: 6px;
406 line-height: 20px; 407 line-height: 20px;
407 transition: all 0.3s; 408 transition: all 0.3s;
408 padding: 8px 0; 409 padding: 3px 0;
410 word-wrap: break-word;
409 } 411 }
410 412
411 .child:hover { 413 .child:hover {
...@@ -421,7 +423,7 @@ ...@@ -421,7 +423,7 @@
421 } 423 }
422 424
423 .clyl-img { 425 .clyl-img {
424 width: 75%; 426 width: 70%;
425 height: 100%; 427 height: 100%;
426 background: #f3f4f7; 428 background: #f3f4f7;
427 margin: 0 auto; 429 margin: 0 auto;
......
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
100 }; 100 };
101 import store from '@/store/index.js' 101 import store from '@/store/index.js'
102 import { addQy, update, addYh } from "@/api/xxba.js" 102 import { addQy, update, addYh } from "@/api/xxba.js"
103 import clxx from './clxx/index.vue' 103 import clxx from '../../components/clxx/index.vue'
104 export default { 104 export default {
105 props: { 105 props: {
106 formData: { 106 formData: {
......
1 <template> 1 <template>
2 <div style="height:650px"> 2 <div style="height:650px">
3 <el-tabs v-model="activeName" @tab-click="handleClick"> 3 <el-tabs v-model="activeName" @tab-click="handleClick">
4 <el-tab-pane label="银行信息" name="1"></el-tab-pane> 4 <el-tab-pane label="企业信息" name="1"></el-tab-pane>
5 <el-tab-pane label="材料信息" v-if="formData.isAdd==2" name="2"></el-tab-pane> 5 <el-tab-pane label="材料信息" v-if="formData.isAdd==2" name="2"></el-tab-pane>
6 </el-tabs> 6 </el-tabs>
7 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules"> 7 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules">
8 <div style="height:90%"> 8 <div style="height:90%">
9 <el-row> 9 <el-row>
10 <el-col :span="12"> 10 <el-col :span="12">
11 <el-form-item label="银行名称:" prop="qymc"> 11 <el-form-item label="企业名称:" prop="qymc">
12 <el-input v-model="ruleForm.qymc"></el-input> 12 <el-input v-model="ruleForm.qymc"></el-input>
13 </el-form-item> 13 </el-form-item>
14 </el-col> 14 </el-col>
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
100 }; 100 };
101 import store from '@/store/index.js' 101 import store from '@/store/index.js'
102 import { addQy, update, addYh } from "@/api/xxba.js" 102 import { addQy, update, addYh } from "@/api/xxba.js"
103 import clxx from './clxx/index.vue' 103 import clxx from '../../components/clxx/index.vue'
104 export default { 104 export default {
105 props: { 105 props: {
106 formData: { 106 formData: {
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
149 ], 149 ],
150 rules: { 150 rules: {
151 qymc: [ 151 qymc: [
152 { required: true, message: '银行名称不能为空', trigger: 'blur' } 152 { required: true, message: '企业名称不能为空', trigger: 'blur' }
153 ], 153 ],
154 dh: [ 154 dh: [
155 { required: true, validator: checkPhone, trigger: ["blur"] }, 155 { required: true, validator: checkPhone, trigger: ["blur"] },
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 15:50:26
5 -->
6 <template>
7 <dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
8 :isFullscreen="false">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px">
10 <el-row>
11 <el-col :span="24">
12 <el-form-item label="材料类型" prop="cllx">
13 <el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
14 <el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 </el-row>
20 <el-row :gutter="20">
21 <el-col :span="24">
22 <el-form-item label="材料名称" prop="clmc">
23 <el-input v-model="ruleForm.clmc"></el-input>
24 </el-form-item>
25 </el-col>
26 </el-row>
27 <el-row :gutter="20">
28 <el-col :span="24">
29 <el-form-item label="材料编码" prop="clbm">
30 <el-input v-model="ruleForm.clbm"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 </el-form>
35 </dialogBox>
36 </template>
37 <script>
38 import store from '@/store/index.js'
39 export default {
40 props: {
41 value: { type: Boolean, default: false },
42 },
43 data () {
44 return {
45 cllxList: store.getters.dictData['A40'],
46 myValue: this.value,
47 ruleForm: {
48 cllx: "",
49 clmc: "",
50 clbm: ""
51 },
52 rules: {
53 cllx: [
54 { required: true, message: '请选择材料类型', trigger: 'change' }
55 ],
56 clmc: [
57 { required: true, message: '请输入材料名称', trigger: 'blur' }
58 ],
59 clbm: [
60 { required: true, message: '请输入材料编码', trigger: 'blur' }
61 ],
62 }
63 }
64 },
65 watch: {
66 value (val) {
67 this.myValue = val;
68 },
69 },
70 methods: {
71 /**
72 * @description: closeDialog
73 * @author: renchao
74 */
75 closeDialog () {
76 this.$emit("input", false);
77 this.ruleForm = {
78 cllx: "",
79 clmc: "",
80 }
81 },
82 /**
83 * @description: handleSubmit
84 * @author: renchao
85 */
86 handleSubmit () {
87 this.$refs['ruleForm'].validate((valid) => {
88 if (valid) {
89 this.$parent.addSave(this.ruleForm);
90 this.ruleForm = {
91 cllx: "",
92 clmc: "",
93 }
94 this.$emit("input", false);
95 } else {
96 return false;
97 }
98 })
99 }
100 }
101 };
102 </script>
103 <style scoped lang="scss">
104 .submit-button {
105 text-align: center;
106 height: 52px;
107 padding-top: 10px;
108 background-color: #fff;
109 }
110 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-09-15 15:38:53
5 -->
6 <template>
7 <div class="clmlmx-box">
8 <lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false"
9 :data="tableData">
10 </lb-table>
11 <div class="text-center">
12 <el-button @click="handleCancel">取消</el-button>
13 <el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
14 </div>
15 </div>
16 </template>
17 <script>
18 import store from '@/store/index.js'
19 import Sortable from 'sortablejs'
20 import { ywPopupCacel } from "@/utils/popup.js";
21 import { editCompanyMaterialList } from "@/api/company.js";
22 export default {
23 props: {
24 formData: {
25 type: Object,
26 default: () => {
27 return {}
28 }
29 }
30 },
31 data () {
32 return {
33 loading: false,
34 sortable: null,
35 column: [
36 {
37 label: "材料名称",
38 render: (h, scope) => {
39 return (
40 <el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
41 )
42 }
43 },
44 {
45 label: "材料编码",
46 render: (h, scope) => {
47 return (
48 <el-input value={scope.row.clbm} onInput={(val) => { scope.row.clbm = val }}></el-input>
49 )
50 }
51 },
52 {
53 label: "材料类型",
54 width: "110",
55 render: (h, scope) => {
56 return (
57 <el-select value={scope.row.cllx}
58 onChange={(val) => { scope.row.cllx = val }}>
59 {
60 store.getters.dictData['A40'].map(option => {
61 return (
62 <el-option label={option.dname} value={option.dcode}></el-option>
63 )
64 })
65 }
66 </el-select>
67 )
68 }
69 },
70 {
71 label: "页数",
72 width: "80",
73 render: (h, scope) => {
74 if (scope.row.count && scope.row.count > 0) {
75 return (
76 <div>
77 <span>{scope.row.count}</span>
78 </div>
79 );
80 } else {
81 return (
82 <div>
83 <span>0</span>
84 </div>
85 );
86 }
87 },
88 },
89 {
90 label: "操作",
91 width: "100",
92 render: (h, scope) => {
93 return (
94 <el-button
95 type="text"
96 icon="el-icon-delete"
97 disabled={scope.row.count != 0}
98 onClick={() => {
99 this.handleDelete(scope.$index, scope.row);
100 }}
101 >
102 删除
103 </el-button>
104 )
105 }
106 }
107 ],
108 key: 0,
109 tableData: []
110 }
111 },
112 mounted () {
113 this.initSort()
114 this.tableData = _.cloneDeep(this.formData.data)
115 },
116 beforeDestroy () {
117 if (this.sortable) {
118 this.sortable.destroy();
119 }
120 },
121 watch: {
122 'formData.data': {
123 handler: function (val, oldVal) {
124 this.tableData = _.cloneDeep(val)
125 },
126 immediate: true,
127 deep: true
128 }
129 },
130 methods: {
131 handleCancel () {
132 ywPopupCacel()
133 },
134 handleSubmit () {
135 this.loading = true
136 store.dispatch('user/reWorkFresh', false)
137 editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => {
138 this.loading = false
139 if (res.code == 200) {
140 this.$message({
141 message: '保存成功',
142 type: 'success'
143 })
144 store.dispatch('user/reWorkFresh', true)
145 ywPopupCacel()
146 }
147 }).catch(() => {
148 this.loading = false
149 })
150 },
151 /**
152 * @description: 材料目录删除
153 * @param {*} index
154 * @param {*} row
155 * @author: renchao
156 */
157 handleDelete (index, row) {
158 this.$confirm('此操作将永久删除该 是否继续?', '提示', {
159 confirmButtonText: '确定',
160 cancelButtonText: '取消',
161 type: 'warning'
162 }).then(() => {
163 this.tableData.splice(index, 1);
164 }).catch(() => {
165 this.$message({
166 type: 'info',
167 message: '已取消删除'
168 })
169 })
170 },
171 initSort () {
172 const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
173 this.sortable = Sortable.create(el, {
174 ghostClass: 'sortable-ghost',
175 setData: function (dataTransfer) {
176 dataTransfer.setData('Text', '')
177 },
178 onEnd: evt => {
179 const targetRow = this.tableData.splice(evt.oldIndex, 1)[0];
180 this.tableData.splice(evt.newIndex, 0, targetRow);
181 }
182 })
183 }
184 }
185 }
186 </script>
187 <style scoped lang='scss'>
188 @import "~@/styles/mixin.scss";
189 .clmlmx-box {
190 margin: 0 auto;
191 .title {
192 text-align: center;
193 height: 60px;
194 line-height: 60px;
195 border: 1px solid #dfe6ec;
196 font-size: 20px;
197 background: #81d3f81a;
198 margin-bottom: -1px;
199 }
200 }
201 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-12-15 14:42:21
5 -->
6 <template>
7 <div class="rlPopup">
8 <div class="prev handle-btn" v-if="!isScan" @click="prev()">
9 <i class="el-icon-arrow-left"></i>
10 </div>
11 <div class="next handle-btn" v-if="!isScan" @click="next()">
12 <i class="el-icon-arrow-right"></i>
13 </div>
14 <div class="img-list-wrap" v-Loading="loading">
15 <img id="photo" src="" v-show="isScan && this.BASE_API.gaopaiyi=='jy'" alt="高拍仪捷宇">
16 <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan && this.BASE_API.gaopaiyi=='lt'" alt="高拍仪良田">
17 <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
18 <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
19 overlayStyle="width: 100%;height:100%">
20 </photo-zoom>
21 </div>
22 </div>
23 <!--缩略图-->
24 <div class="thumb-wrap">
25 <div class="thumb-wrap-button">
26 <el-button type="primary" @click="clickImage" v-if="previewImg.imgList.length>0">（放大） 显示（缩小）</el-button>
27 <el-upload class="fileUpdate" ref="upload" :key="key" action="" :show-file-list="false" :multiple="true" :auto-upload="false"
28 :on-change="handleChange"
29 accept=".JPG, .PNG, .JPEG,.jpg, .png, .jpeg">
30 <el-button icon="el-icon-upload" type="primary" :loading="upDateloading" v-if="ableOperation">上传</el-button>
31 </el-upload>
32 <!-- 左移右移 -->
33 <el-button type="primary" @click="handleMove('left')" v-if="ableOperation && thumbnailImages.length>0">左移</el-button>
34 <el-button type="primary" @click="handleMove('right')" v-if="ableOperation && thumbnailImages.length>0">右移</el-button>
35 <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
36 v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
37 <div v-if="ableOperation" class="pl-5">
38 <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
39 <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
40 </div>
41 </div>
42 <ul>
43 <li v-for="(img, index) in thumbnailImages" :key="index" :class="{ active: previewImg.index === index }"
44 @click="showCurrent(index)">
45 <img :src="img.fileurl">
46 </li>
47 </ul>
48 </div>
49 <!-- 点开后的视图 -->
50 <publicPicture v-if="showViewer" :url-list="allLi" :initialIndex="initialIndex" @close-viewer="closeViewer">
51 </publicPicture>
52 </div>
53 </template>
54 <script>
55 import PhotoZoom from '@/components/PhotoZoom'
56 import { getAltimeterInfo, getUuid } from '@/utils/operation.js'
57 import { uploadBatch, deleteFile, move, uploadSjClmx } from "@/api/company.js"
58 import publicPicture from '@/components/publicPicture/index.vue'
59 export default {
60 name: 'PreviewImage',
61 props: {
62 previewImg: {
63 type: Object,
64 default: () => { }
65 },
66 ableOperation: {
67 type: Boolean,
68 default: true
69 }
70 },
71 components: {
72 PhotoZoom,
73 publicPicture
74 },
75 data () {
76 return {
77 upDateloading: false,
78 loading: false,
79 key: 0,
80 isScan: false,
81 // 打开高拍仪
82 scanTitle: '打开高拍仪',
83 transform: {
84 scale: 1,
85 degree: 0
86 },
87 maxFileLength: 0,
88 // 缩略图
89 thumbnailImages: [],
90 showViewer: false,
91 initialIndex: 0,
92 allLi: [],
93 webSocket: null
94 }
95 },
96 watch: {
97 previewImg: {
98 handler (newValue, oldValue) {
99 if (newValue.imgList && newValue.imgList.length > 0) {
100 this.allLi = _.cloneDeep(newValue.imgList).map(item => item.fileurl)
101 this.thumbnailImages = newValue.imgList
102 } else {
103 this.allLi = []
104 this.thumbnailImages = []
105 }
106 },
107 deep: true,
108 immediate: true
109 }
110 },
111 created () {
112 this.maxLength = 0;
113 this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
114 this.thumbnailImages = this.previewImg.imgList
115 },
116 computed: {
117 isFirst () {
118 return this.previewImg.index === 0
119 },
120 isLast () {
121 return this.previewImg.index === this.previewImg.imgList.length - 1
122 }
123 },
124 methods: {
125 /**
126 * @description: 打开高拍仪
127 * @author: renchao
128 */
129 handleOpenScan () {
130 let that = this
131 this.isScan = !this.isScan
132 if (this.isScan) {
133 this.loading = true
134 this.$message({
135 message: '正在启动程序请稍等',
136 type: 'success'
137 })
138 setTimeout(() => {
139 this.scanTitle = '关闭高拍仪'
140 this.loading = false
141 }, 3000)
142 } else {
143 this.scanTitle = '打开高拍仪'
144 }
145 if (this.BASE_API.gaopaiyi == 'jy') {
146 let webSocket = new WebSocket('ws://localhost:1818');
147 this.webSocket = webSocket
148 webSocket.onopen = function (event) {
149 webSocket.send('bStartPlay')
150 webSocket.send('vSetPreviewRect(1600,1200)')
151 }
152 webSocket.onmessage = function (event) {
153 let begin_data = "data:image/jpeg;base64,";
154 document.getElementById('photo').src = begin_data + event.data;
155 if (event.data.indexOf('BeginsGetBase64') >= 0) {
156 let blob = that.dataURLtoBlob('data:image/png;base64,' + event.data.replace('BeginsGetBase64', '').replace('EndsGetBase64', ''));
157 let file = that.blobToFile(blob);
158 var formData = new FormData();
159 formData.append('file', file)
160 if (that.previewImg.imgList.length > 0) {
161 formData.append("index", that.previewImg.imgList[that.previewImg.index].sxh);
162 }
163 uploadSjClmx(formData, that.previewImg.bsmMaterial).then((res) => {
164 if (res.code == 200) {
165 that.$emit('updateList', { children: res.result, bsmMaterial: that.previewImg.bsmMaterial })
166 that.$message({
167 message: '上传成功!',
168 type: 'success'
169 })
170 }
171 })
172 }
173 }
174 }
175 },
176 /**
177 * @description: 左右移动
178 * @param {*} direction
179 * @author: renchao
180 */
181 handleMove (direction) {
182 move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => {
183 if (res.code == 200) {
184 if (direction == 'left') {
185 this.previewImg.index = this.previewImg.index - 1
186 } else {
187 this.previewImg.index = this.previewImg.index + 1
188 }
189 this.initialIndex = this.previewImg.index
190 this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
191 this.$message({
192 message: '移动成功!',
193 type: 'success'
194 })
195 } else {
196 this.$message.error(res.message);
197 }
198 })
199 },
200 /**
201 * @description: 拍照
202 * @author: renchao
203 */
204 dataURLtoBlob (base64String) {
205 const arr = base64String.split(',');
206 if (arr.length !== 2) {
207 throw new Error('Invalid Base64 format');
208 }
209 const mime = arr[0].match(/:(.*?);/)[1];
210 if (!mime) {
211 throw new Error('Cannot retrieve MIME type');
212 }
213 const bstr = atob(arr[1]);
214 const n = bstr.length;
215 const u8arr = new Uint8Array(n);
216 for (let i = 0; i < n; i++) {
217 u8arr[i] = bstr.charCodeAt(i);
218 }
219 return new Blob([u8arr], { type: mime });
220 },
221 blobToFile (blob) {
222 let name = getUuid(8) + '.jpg'
223 const file = new File([blob], name);
224 return file;
225 },
226 handleViewScan () {
227 if (this.BASE_API.gaopaiyi == 'jy') {
228 this.webSocket.send('sGetBase64');
229 return
230 }
231 getAltimeterInfo().then(res => {
232 let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64);
233 let file = blobToFile(blob);
234 var formData = new FormData();
235 formData.append('file', file)
236 if (this.previewImg.imgList.length > 0) {
237 formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
238 }
239 uploadSjClmx(formData, this.previewImg.bsmMaterial).then((res) => {
240 if (res.code == 200) {
241 this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
242 this.$message({
243 message: '上传成功!',
244 type: 'success'
245 })
246 }
247 })
248 })
249 },
250 /**
251 * @description: prev
252 * @author: renchao
253 */
254 prev () {
255 let len = this.previewImg.imgList.length
256 if (this.isFirst || len == 0) {
257 this.$emit('prevPriview')
258 } else {
259 this.$parent.previewImg.index = (this.$parent.previewImg.index - 1 + len) % len
260 }
261 },
262 /**
263 * @description: next
264 * @author: renchao
265 */
266 next () {
267 let len = this.previewImg.imgList.length
268 if (this.isLast || len == 0) {
269 this.$emit('nextPriview')
270 } else {
271 this.$parent.previewImg.index = (this.$parent.previewImg.index + 1) % len
272 }
273 },
274 /**
275 * @description: showCurrent
276 * @param {*} index
277 * @author: renchao
278 */
279 showCurrent (index) {
280 this.previewImg.index = index
281 this.initialIndex = index
282 },
283 /**
284 * @description: closeViewer
285 * @author: renchao
286 */
287 closeViewer () {
288 this.showViewer = false
289 },
290 /**
291 * @description: clickImage
292 * @author: renchao
293 */
294 clickImage () {
295 this.showViewer = true
296 },
297 /**
298 * @description: handleChange
299 * @param {*} file
300 * @param {*} files
301 * @author: renchao
302 */
303 async handleChange (file, fileList) {
304 let length = fileList.length;
305 this.maxFileLength = Math.max(length, this.maxFileLength)
306 var formData = new FormData();
307 setTimeout(() => {
308 if (this.maxFileLength !== length) {
309 return
310 }
311 let num = 0, max = 0;
312 const isLt5M = file.size / 1024 / 1024 < 5;
313 fileList.forEach(item => {
314 if (!isLt5M) {
315 max++
316 }
317 if (!['image/jpeg', 'image/png', 'image/jpg', 'image/gif'].includes(item.raw.type)) {
318 num++
319 } else {
320 formData.append('file', item.raw)
321 }
322 })
323 if (num >= 1) {
324 this.$message.error("请选择jpeg/png/jpg/bmp/gif格式的图片后重试")
325 // 移除不支持的文件类型
326 this.key++
327 return;
328 }
329 if (max >= 1) {
330 this.$message.error('上传图片大小不能超过 5MB!');
331 this.key++
332 return;
333 }
334 this.upDateloading = true
335 formData.append("bsmMaterial", this.previewImg.bsmMaterial);
336 if (this.previewImg.imgList.length > 0) {
337 formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
338 }
339 uploadBatch(formData).then((res) => {
340 if (res.code == 200) {
341 this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
342 this.$message({
343 message: '上传成功!',
344 type: 'success'
345 })
346 this.upDateloading = false
347 this.$refs.upload.clearFiles();
348 this.maxFileLength = 0
349 }
350 })
351 }, 0)
352 },
353 /**
354 * @description: handleDelete
355 * @author: renchao
356 */
357 handleDelete () {
358 let that = this
359 this.$confirm('此操作将永久删除, 是否继续?', '提示', {
360 confirmButtonText: '确定',
361 cancelButtonText: '取消',
362 type: 'warning'
363 }).then(async () => {
364 let bsmFile = this.previewImg.imgList[this.previewImg.index].bsmFile
365 let bsmMaterial = this.previewImg.imgList[this.previewImg.index].bsmMaterial
366 this.previewImg.imgList = this.previewImg.imgList.filter(item => item.bsmFile != bsmFile)
367 deleteFile(bsmFile).then(res => {
368 if (res.code == 200) {
369 that.$emit('updateList', { children: this.previewImg.imgList, bsmMaterial: bsmMaterial })
370 that.initialIndex = that.previewImg.index
371 that.$message({
372 message: '删除成功!',
373 type: 'success'
374 })
375 }
376 })
377 }).catch(() => {
378 this.$message({
379 type: 'info',
380 message: '已取消删除'
381 })
382 })
383 }
384 }
385 }
386 </script>
387 <style lang="scss" scoped>
388 // 查看大图
389 .rlPopup {
390 position: relative;
391 width: 100%;
392 text-align: center;
393 height: 100%;
394
395 .handle-btn {
396 position: absolute;
397 top: 50%;
398 transform: translateY(-100%);
399 width: 66px;
400 height: 66px;
401 line-height: 75px;
402 color: #fff;
403 background-color: #ccc;
404 border-radius: 50%;
405 cursor: pointer;
406 text-align: center;
407 transition: all 0.3s;
408
409 i {
410 font-size: 24px;
411 }
412 }
413
414 .handle-btn:hover {
415 background-color: rgb(185, 183, 183);
416 }
417
418 .prev {
419 left: 1%;
420 }
421
422 .next {
423 right: 1%;
424 }
425
426 .img-list-wrap {
427 width: 100%;
428 display: flex;
429 justify-content: center;
430 height: calc(100% - 80px);
431 align-items: center;
432 background: rgba(194, 190, 190, 0.1);
433 overflow: scroll;
434
435 img {
436 display: block;
437 object-fit: scale-down;
438 transition: all 0.3s;
439 width: 100%;
440 height: 100%;
441 }
442 }
443
444 .thumb-wrap {
445 &-button {
446 display: flex;
447 justify-content: center;
448
449 .fileUpdate {
450 margin: 0 10px;
451 }
452 }
453
454 li {
455 float: left;
456 width: 60px;
457 height: 45px;
458 border: solid 1px #ececec;
459 position: relative;
460 margin-right: 5px;
461 cursor: pointer;
462
463 &:last-child {
464 margin-right: 0;
465 }
466
467 img {
468 max-width: 57px;
469 max-height: 42px;
470 display: block;
471 object-fit: scale-down;
472 position: absolute;
473 top: 50%;
474 left: 50%;
475 transform: translate(-50%, -50%);
476 }
477 }
478
479 .active {
480 border-color: #409eff;
481 }
482 }
483 }
484 </style>
485 <style>
486 .zoom-on-hover {
487 position: relative;
488 overflow: hidden;
489 }
490
491 .zoom-on-hover .normal {
492 width: 100%;
493 }
494
495 .zoom-on-hover .zoom {
496 position: absolute;
497 opacity: 0;
498 transform-origin: top left;
499 }
500
501 .zoom-on-hover.zoomed .zoom {
502 opacity: 1;
503 }
504
505 .zoom-on-hover.zoomed .normal {
506 opacity: 0;
507 }
508 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-10-24 17:18:02
5 -->
6 <template>
7 <div class="clxx">
8 <div class="right">
9 <!-- 材料预览 -->
10 <div class="clyl-box">
11 <div class="menu-tree">
12 <el-button
13 type="primary"
14 native-type="submit"
15 @click="viewDetail"
16 style="width: 100%; margin-top: 10px" v-if="tableData.length > 0">申请材料目录</el-button>
17 <div class="item">
18 材料目录({{ tableData.length }})
19 <div style="margin-top: 10px">
20 <div
21 style="
22 text-align: center;
23 line-height: 20px;
24 color: black;
25 font-size: 14px;
26 "
27 v-if="tableData.length == 0">
28 暂无数据
29 </div>
30 <div
31 v-for="(item, index) in tableData"
32 :key="item.bsmMaterial"
33 :class="['child', treeCheckId == item.bsmMaterial ? 'checked' : '']"
34 @click="treeClick(item, index)">
35 {{ item.clmc }}
36 <span class="cl_number" :key="key" v-if="item.count">({{ item.count }})</span>
37 <span class="cl_number" :key="key" v-else>(0)</span>
38 </div>
39 </div>
40 </div>
41 <el-button
42 type="primary"
43 native-type="submit"
44 style="width: 100%"
45 @click="handleAdd()">新增</el-button>
46 </div>
47 <image-preview
48 ref="imageRef"
49 :key="imgKey"
50 v-if="tableData.length > 0"
51 :previewImg="previewImg"
52 @updateList="updateList"
53 @nextPriview="nextPriview"
54 @prevPriview="prevPriview" />
55 </div>
56 </div>
57 <clxxAddDialog v-model="isDialog" />
58 </div>
59 </template>
60 <script>
61 import store from '@/store/index.js'
62 import { ywPopupDialog } from "@/utils/popup.js";
63 import imagePreview from "./dialog/imagePreview.vue";
64 import clxxAddDialog from "./dialog/clxxAddDialog.vue";
65 import clxxDetailDialog from "./dialog/clxxDetailDialog.vue";
66 import { getCompanyMaterialList, addCompanyMaterial, getFileListByBsmMaterial } from "@/api/company.js";
67 export default {
68 components: { clxxAddDialog, imagePreview, clxxDetailDialog },
69 props: {
70 formData: {
71 type: Object,
72 default: () => {
73 return {}
74 }
75 }
76 },
77 data () {
78 return {
79 imgKey: 0,
80 isDialog: false,
81 iclass: "",
82 // 材料目录选中
83 treeCheckIndex: 0,
84 treeCheckId: "",
85 key: 0,
86 tableData: [],
87 previewImg: {
88 bsmMaterial: "",
89 index: 0,
90 selectedIndex: 0,
91 imgList: []
92 }
93 }
94 },
95 computed: {
96 workFresh () {
97 return store.state.user.workFresh
98 }
99 },
100 watch: {
101 workFresh: {
102 handler (newValue, oldValue) {
103 this.clmlInitList(1)
104 },
105 deep: true,
106 immediate: true
107 }
108 },
109 created () {
110 this.clmlInitList(1)
111 },
112 methods: {
113 /**
114 * @description: 自动预览
115 * @author: renchao
116 */
117 nextPriview () {
118 if (this.treeCheckIndex < this.tableData.length) {
119 this.treeCheckIndex++;
120 if (this.tableData[this.treeCheckIndex]) {
121 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
122 // 判断页数
123 let ys = this.tableData[this.treeCheckIndex].ys
124 this.previewImg.index = 0;
125 // 获取材料明细
126 if (ys > 0) {
127 getFileListByBsmMaterial(this.treeCheckId).then(res => {
128 this.previewImg.imgList = res.result ? res.result : []
129 })
130 } else {
131 this.previewImg.imgList = []
132 }
133 this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
134 } else {
135 this.$message.error('没有最后一张了');
136 }
137 }
138 },
139 /**
140 * @description: prevPriview
141 * @author: renchao
142 */
143 prevPriview () {
144 if (this.treeCheckIndex >= 1) {
145 this.treeCheckIndex--;
146 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmMaterial;
147 // 判断页数
148 let ys = this.tableData[this.treeCheckIndex].ys
149 if (ys > 0) {
150 getFileListByBsmMaterial(this.treeCheckId).then(res => {
151 this.previewImg.imgList = res.result ? res.result : []
152 this.previewImg.index = this.previewImg.imgList.length - 1;
153 })
154 } else {
155 this.previewImg.imgList = [];
156 this.previewImg.index = 0
157 }
158 this.previewImg.bsmMaterial = this.tableData[this.treeCheckIndex].bsmMaterial;
159 } else {
160 this.$message.error('没有第一张了');
161 }
162 },
163 /**
164 * @description: 材料目录明细初始化
165 * @param {*} type
166 * @author: renchao
167 */
168 clmlInitList (type) {
169 // 1：列表初始化 2：新增材料
170 return new Promise((resolve) => {
171 getCompanyMaterialList(this.formData.bsmCompany).then((res) => {
172 if (res.code == 200) {
173 resolve(res.code);
174 if (res.result && res.result.length > 0) {
175 this.tableData = res.result;
176 if (type == 1) {
177 this.treeClick(this.tableData[0], 0);
178 } else if (type == 2) {
179 //新增材料后刷新列表焦点置于新增的对象上
180 this.treeClick(
181 this.tableData[this.tableData.length - 1],
182 this.tableData.length - 1
183 );
184 }
185 }
186 } else {
187 this.$message.error(res.message);
188 }
189 })
190 })
191 },
192 /**
193 * @description: setChecked
194 * @param {*} item
195 * @author: renchao
196 */
197 setChecked (item) {
198 this.treeCheckId = item.bsmMaterial;
199 this.title = item.sjmc;
200 this.titleYs = 1;
201 this.titleNum = item.children.length;
202 this.previewImg.imgList = item.children;
203 this.previewImg.bsmMaterial = item.bsmMaterial;
204 },
205 /**
206 * @description: updateList
207 * @param {*} val
208 * @author: renchao
209 */
210 updateList (val) {
211 let that = this;
212 if (val.children.length != 0) {
213 //删除最后一张图片时 val=null
214 this.tableData.forEach((item) => {
215 if (item.bsmMaterial == val.bsmMaterial) {
216 item.count = val.children.length
217 }
218 });
219 this.previewImg.imgList = _.cloneDeep(val.children);
220 if (this.previewImg.index == this.previewImg.imgList.length) {
221 this.previewImg.index = this.previewImg.index - 1;
222 }
223 this.key++
224 } else {
225 this.previewImg.imgList = [];
226 this.tableData.forEach((item, index) => {
227 if (this.treeCheckId == item.bsmMaterial) {
228 item.count = 0;
229 that.treeCheckIndex = index;
230 }
231 })
232 }
233 },
234 /**
235 * @description: 添加材料目录
236 * @author: renchao
237 */
238 handleAdd () {
239 this.isDialog = true;
240 },
241 /**
242 * @description: 新增弹窗保存
243 * @param {*} data
244 * @author: renchao
245 */
246 addSave (data) {
247 let obj = {
248 bsmCompany: this.formData.bsmCompany,
249 clmc: data.clmc,
250 cllx: data.cllx
251 };
252 addCompanyMaterial(obj).then(async (res) => {
253 if (res.code == 200) {
254 let res = await this.clmlInitList(2);
255 if (res == 200)
256 this.$message({
257 message: "新增成功",
258 type: "success"
259 })
260 }
261 })
262 },
263 /**
264 * @description: 材料目录点击选中
265 * @param {*} item
266 * @param {*} index
267 * @author: renchao
268 */
269 treeClick (item, index) {
270 this.previewImg.index = 0;
271 this.treeCheckId = item?.bsmMaterial;
272 this.treeCheckIndex = index;
273 getFileListByBsmMaterial(item.bsmMaterial).then(res => {
274 this.previewImg.imgList = res.result ? res.result : []
275 })
276 this.previewImg.bsmMaterial = item?.bsmMaterial;
277 if (this.$refs.imageRef) {
278 this.$refs.imageRef.initialIndex = 0
279 }
280 this.imgKey++
281 },
282 /**
283 * @description: 小图片点击
284 * @param {*} item
285 * @param {*} index
286 * @author: renchao
287 */
288 imgClick (item, index) {
289 this.showImg = item;
290 this.titleYs = index + 1;
291 },
292 //查看明细
293 async viewDetail () {
294 await this.clmlInitList();
295 store.dispatch("user/reWorkFresh", false);
296 ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", {
297 data: this.tableData,
298 bsmCompany: this.formData.bsmCompany
299 }, "60%", true, false)
300 },
301 //设置tableData
302 setTableData (tableData) {
303 this.$nextTick((res) => {
304 this.tableData = tableData;
305 })
306 }
307 }
308 }
309 </script>
310 <style scoped lang="scss">
311 @import "~@/styles/mixin.scss";
312 .active {
313 background: $light-blue !important;
314 color: #fff;
315 }
316
317 .required {
318 font-size: 12px;
319 color: $pink;
320 float: left;
321 }
322
323 .cl_number {
324 float: right;
325 }
326
327 .clxx {
328 width: 100%;
329 height: 94%;
330 display: flex;
331 padding-left: 5px;
332 .left {
333 display: flex;
334 flex-direction: column;
335 justify-content: space-between;
336
337 .item {
338 width: 28px;
339 height: 49%;
340 @include flex-center;
341 background-color: #e4e7ed;
342 border-bottom-right-radius: 10px;
343 padding: 5px;
344 cursor: pointer;
345 transition: all 0.3s;
346
347 &:hover {
348 @extend .active;
349 }
350 }
351 }
352
353 .right {
354 width: 100%;
355 height: 100%;
356
357 .clmlmx-box {
358 margin: 0 auto;
359
360 .title {
361 text-align: center;
362 height: 60px;
363 line-height: 60px;
364 border: 1px solid #dfe6ec;
365 font-size: 20px;
366 background: #81d3f81a;
367 margin-bottom: -1px;
368 }
369 }
370
371 .clyl-box {
372 width: 100%;
373 height: 100%;
374 display: flex;
375
376 .menu-tree {
377 width: 20%;
378 min-width: 160px;
379 height: 100%;
380 margin-right: 10px;
381 border-right: 1px dotted #d9d9d9;
382 padding: 0 15px;
383
384 .item {
385 line-height: 30px;
386 padding-top: 5px;
387 border-bottom: 1px solid #e8e8e8;
388 font-size: 16px;
389 text-align: center;
390 color: $light-blue;
391
392 .itemIcon {
393 float: right;
394 line-height: 60px;
395 cursor: pointer;
396 }
397
398 .child {
399 line-height: 32px;
400 border-bottom: 1px solid #e8e8e8;
401 padding-left: 10px;
402 color: #6b6b6b;
403 cursor: pointer;
404 box-sizing: border-box;
405 border-radius: 6px;
406 line-height: 20px;
407 transition: all 0.3s;
408 padding: 8px 0;
409 }
410
411 .child:hover {
412 color: $light-blue;
413 transform: scale(1.1);
414 }
415
416 .checked {
417 border: 1px solid $light-blue;
418 color: $light-blue;
419 }
420 }
421 }
422
423 .clyl-img {
424 width: 75%;
425 height: 100%;
426 background: #f3f4f7;
427 margin: 0 auto;
428 position: relative;
429 }
430 }
431 }
432 }
433 </style>
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
31 </el-select> 31 </el-select>
32 </el-form-item> 32 </el-form-item>
33 </el-col> 33 </el-col>
34 <el-col :span="5"> 34 <el-col :span="6">
35 <el-form-item label="权利类型"> 35 <el-form-item label="权利类型">
36 <el-select 36 <el-select
37 v-model="queryForm.qllx" 37 v-model="queryForm.qllx"
...@@ -79,13 +79,8 @@ ...@@ -79,13 +79,8 @@
79 </el-input> 79 </el-input>
80 </el-form-item> 80 </el-form-item>
81 </el-col> 81 </el-col>
82 82 <el-col :span="2" class="btnColRight">
83 <el-col :span="3" class="btnColRight">
84 <el-form-item> 83 <el-form-item>
85 <el-button
86 type="primary"
87 native-type="submit"
88 @click="handleSearch">查询</el-button>
89 <el-button @click="moreQueryClick">高级查询</el-button> 84 <el-button @click="moreQueryClick">高级查询</el-button>
90 </el-form-item> 85 </el-form-item>
91 </el-col> 86 </el-col>
...@@ -101,7 +96,7 @@ ...@@ -101,7 +96,7 @@
101 </el-input> 96 </el-input>
102 </el-form-item> 97 </el-form-item>
103 </el-col> 98 </el-col>
104 <el-col :span="5"> 99 <el-col :span="6">
105 <el-form-item label="申请人"> 100 <el-form-item label="申请人">
106 <el-input 101 <el-input
107 placeholder="如需要模糊查询，前后输入%" 102 placeholder="如需要模糊查询，前后输入%"
...@@ -121,7 +116,7 @@ ...@@ -121,7 +116,7 @@
121 </el-input> 116 </el-input>
122 </el-form-item> 117 </el-form-item>
123 </el-col> 118 </el-col>
124 <el-col :span="9"> 119 <el-col :span="6">
125 <el-form-item label="坐落"> 120 <el-form-item label="坐落">
126 <el-input 121 <el-input
127 placeholder="如需要模糊查询，前后输入%" 122 placeholder="如需要模糊查询，前后输入%"
...@@ -131,6 +126,14 @@ ...@@ -131,6 +126,14 @@
131 </el-input> 126 </el-input>
132 </el-form-item> 127 </el-form-item>
133 </el-col> 128 </el-col>
129 <el-col :span="2" class="btnColRight">
130 <el-form-item>
131 <el-button
132 type="primary"
133 native-type="submit"
134 @click="handleSearch">查询</el-button>
135 </el-form-item>
136 </el-col>
134 </el-row> 137 </el-row>
135 <el-row class="advanced-search"> 138 <el-row class="advanced-search">
136 <span>搜索条件：</span> 139 <span>搜索条件：</span>
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 </el-select> 32 </el-select>
33 </el-form-item> 33 </el-form-item>
34 </el-col> 34 </el-col>
35 <el-col :span="5"> 35 <el-col :span="6">
36 <el-form-item label="权利类型"> 36 <el-form-item label="权利类型">
37 <el-select 37 <el-select
38 v-model="queryForm.qllx" 38 v-model="queryForm.qllx"
...@@ -81,12 +81,8 @@ ...@@ -81,12 +81,8 @@
81 </el-form-item> 81 </el-form-item>
82 </el-col> 82 </el-col>
83 83
84 <el-col :span="3" class="btnColRight"> 84 <el-col :span="2" class="btnColRight">
85 <el-form-item> 85 <el-form-item>
86 <el-button
87 type="primary"
88 native-type="submit"
89 @click="handleSearch">查询</el-button>
90 <el-button @click="moreQueryClick">高级查询</el-button> 86 <el-button @click="moreQueryClick">高级查询</el-button>
91 </el-form-item> 87 </el-form-item>
92 </el-col> 88 </el-col>
...@@ -102,7 +98,7 @@ ...@@ -102,7 +98,7 @@
102 </el-input> 98 </el-input>
103 </el-form-item> 99 </el-form-item>
104 </el-col> 100 </el-col>
105 <el-col :span="5"> 101 <el-col :span="6">
106 <el-form-item label="申请人"> 102 <el-form-item label="申请人">
107 <el-input 103 <el-input
108 placeholder="如需要模糊查询，前后输入%" 104 placeholder="如需要模糊查询，前后输入%"
...@@ -122,7 +118,7 @@ ...@@ -122,7 +118,7 @@
122 </el-input> 118 </el-input>
123 </el-form-item> 119 </el-form-item>
124 </el-col> 120 </el-col>
125 <el-col :span="9"> 121 <el-col :span="6">
126 <el-form-item label="坐落"> 122 <el-form-item label="坐落">
127 <el-input 123 <el-input
128 placeholder="如需要模糊查询，前后输入%" 124 placeholder="如需要模糊查询，前后输入%"
...@@ -132,6 +128,14 @@ ...@@ -132,6 +128,14 @@
132 </el-input> 128 </el-input>
133 </el-form-item> 129 </el-form-item>
134 </el-col> 130 </el-col>
131 <el-col :span="2" class="btnColRight">
132 <el-form-item>
133 <el-button
134 type="primary"
135 native-type="submit"
136 @click="handleSearch">查询</el-button>
137 </el-form-item>
138 </el-col>
135 </el-row> 139 </el-row>
136 <el-row class="advanced-search"> 140 <el-row class="advanced-search">
137 <span>搜索条件：</span> 141 <span>搜索条件：</span>
......