Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4521af90 by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 71050940 0edf2a93
Inline Side-by-side
Showing 5 changed files with 494 additions and 76 deletions
1 <template> 1 <template>
2 <dialogBox title="新增系统通知" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="60%" 2 <dialogBox
3 @closeDialog="closeDialog" v-model="value"> 3 title="新增系统通知"
4 @submitForm="submitForm"
5 saveButton="保存"
6 :isFullscreen="false"
7 width="60%"
8 @closeDialog="closeDialog"
9 v-model="value"
10 >
4 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> 11 <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
5 <el-row> 12 <el-row>
6 <el-col :span="12"> 13 <el-col :span="12">
...@@ -21,14 +28,14 @@ ...@@ -21,14 +28,14 @@
21 <el-form-item label="通知内容:" prop="noticeContent"> 28 <el-form-item label="通知内容:" prop="noticeContent">
22 <quill-editor 29 <quill-editor
23 v-model="ruleForm.noticeContent" 30 v-model="ruleForm.noticeContent"
31 class="editor ql-editor"
24 ref="myQuillEditor" 32 ref="myQuillEditor"
25 :options="editorOption" 33 :options="editorOption"
26 @blur="onEditorBlur($event)" 34 @blur="onEditorBlur($event)"
27 @focus="onEditorFocus($event)" 35 @focus="onEditorFocus($event)"
28 @change="onEditorChange($event)" 36 @change="onEditorChange($event)"
29 @ready="onEditorReady($event)" 37 @ready="onEditorReady($event)"
30 > 38 ></quill-editor>
31 </quill-editor>
32 <!-- <el-input v-model="ruleForm.noticeContent" type="textarea" :rows="16"></el-input> --> 39 <!-- <el-input v-model="ruleForm.noticeContent" type="textarea" :rows="16"></el-input> -->
33 </el-form-item> 40 </el-form-item>
34 </el-col> 41 </el-col>
...@@ -36,8 +43,14 @@ ...@@ -36,8 +43,14 @@
36 <el-row> 43 <el-row>
37 <el-col :span="8"> 44 <el-col :span="8">
38 <el-form-item label="附件:" prop="noticeFileUrl"> 45 <el-form-item label="附件:" prop="noticeFileUrl">
39 <el-upload action="" multiple :auto-upload="false" :limit="1" 46 <el-upload
40 :on-change="handleChange" :before-upload="beforeUpload"> 47 action
48 multiple
49 :auto-upload="false"
50 :limit="1"
51 :on-change="handleChange"
52 :before-upload="beforeUpload"
53 >
41 <el-button icon="el-icon-upload" type="primary">上传</el-button> 54 <el-button icon="el-icon-upload" type="primary">上传</el-button>
42 <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div> 55 <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div>
43 </el-upload> 56 </el-upload>
...@@ -45,10 +58,16 @@ ...@@ -45,10 +58,16 @@
45 </el-col> 58 </el-col>
46 </el-row> 59 </el-row>
47 <div v-show="false"> 60 <div v-show="false">
48 <el-upload action="" multiple :auto-upload="false" 61 <el-upload
49 :on-change="RichTexthandleChange" :before-upload="beforeUpload" class="richUpload"> 62 action
50 <el-button icon="el-icon-upload" type="primary">上传</el-button> 63 multiple
51 <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div> 64 :auto-upload="false"
65 :on-change="RichTexthandleChange"
66 :before-upload="beforeUpload"
67 class="richUpload"
68 >
69 <el-button icon="el-icon-upload" type="primary">上传</el-button>
70 <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div>
52 </el-upload> 71 </el-upload>
53 </div> 72 </div>
54 </el-form> 73 </el-form>
...@@ -56,35 +75,35 @@ ...@@ -56,35 +75,35 @@
56 </template> 75 </template>
57 76
58 <script> 77 <script>
59 import { addSysNotice } from "@/api/notice.js" 78 import { addSysNotice } from "@/api/notice.js";
60 import { upload } from "@/api/system.js" 79 import { upload } from "@/api/system.js";
61 import { quillEditor } from "vue-quill-editor"; 80 import { quillEditor } from "vue-quill-editor";
62 export default { 81 export default {
63 props: { 82 props: {
64 value: { type: Boolean, default: false }, 83 value: { type: Boolean, default: false }
65 }, 84 },
66 components: { quillEditor }, 85 components: { quillEditor },
67 data () { 86 data() {
68 return { 87 return {
69 ruleForm: { 88 ruleForm: {
70 noticeTitle: '', 89 noticeTitle: "",
71 noticeContent: '', 90 noticeContent: "",
72 noticeFileUrl: '', 91 noticeFileUrl: "",
73 noticeSource: '', 92 noticeSource: "",
74 noticeType: '1' 93 noticeType: "1"
75 }, 94 },
76 rules: { 95 rules: {
77 noticeTitle: [ 96 noticeTitle: [
78 { required: true, message: '请输入通知标题', trigger: 'blur' } 97 { required: true, message: "请输入通知标题", trigger: "blur" }
79 ], 98 ],
80 noticeContent: [ 99 noticeContent: [
81 { required: true, message: '请输入通知内容', trigger: 'blur' } 100 { required: true, message: "请输入通知内容", trigger: "blur" }
82 ], 101 ],
83 noticeSource: [ 102 noticeSource: [
84 { required: true, message: '请输入通知来源', trigger: 'blur' } 103 { required: true, message: "请输入通知来源", trigger: "blur" }
85 ] 104 ]
86 }, 105 },
87 // 富文本编辑器配置 106 // 富文本编辑器配置
88 editorOption: { 107 editorOption: {
89 theme: "snow", // or 'bubble' 108 theme: "snow", // or 'bubble'
90 modules: { 109 modules: {
...@@ -97,66 +116,76 @@ export default { ...@@ -97,66 +116,76 @@ export default {
97 [{ script: "sub" }, { script: "super" }], // 上标/下标 116 [{ script: "sub" }, { script: "super" }], // 上标/下标
98 [{ indent: "-1" }, { indent: "+1" }], // 缩进 117 [{ indent: "-1" }, { indent: "+1" }], // 缩进
99 [{ direction: "rtl" }], // 文本方向 118 [{ direction: "rtl" }], // 文本方向
100 [{ size: ['small', false, 'large', 'huge'] }], // 字体大小 119 [{ size: ["small", false, "large", "huge"] }], // 字体大小
101 [{ header: [1, 2, 3, 4, 5, 6] }], // 标题 120 [{ header: [1, 2, 3, 4, 5, 6] }], // 标题
102 [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色 121 [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
103 // [{ font: ['songti'] }], // 字体种类 122 // [{ font: ['songti'] }], // 字体种类
104 [{ align: [] }], // 对齐方式 123 [{ align: [] }], // 对齐方式
105 ["clean"], // 清除文本格式 124 ["clean"], // 清除文本格式
106 ["image", "video"], // 链接、图片、视频 125 ["image", "video"] // 链接、图片、视频
107 ], 126 ],
108 handlers: { 127 handlers: {
109 image: function(value) { 128 image: function(value) {
110 if (value) { 129 if (value) {
111 // 用upload的点击事件代替文本编辑器的图片上传事件 130 // 用upload的点击事件代替文本编辑器的图片上传事件
112 document.querySelector('.richUpload input').click(); 131 document.querySelector(".richUpload input").click();
113 } else { 132 } else {
114 this.quill.format('image', false); 133 this.quill.format("image", false);
115 }
116 } 134 }
135 }
117 } 136 }
118 } 137 }
119 }, 138 },
120 placeholder: "请输入正文", 139 placeholder: "请输入正文"
121 }, 140 }
122 } 141 };
123 }, 142 },
124 mounted() { 143 watch: {
125 // 自定义粘贴图片功能 144 value(val) {
126 let quill = this.$refs.myQuillEditor.quill; 145 if (val) {
127 quill.root.addEventListener("paste",evt => { 146 let that = this
128 console.log(1111); 147 this.$nextTick(() => {
129 if (evt.clipboardData && evt.clipboardData.files &&evt.clipboardData.files.length) { 148 let quill = this.$refs.myQuillEditor.quill;
130 console.log(2222); 149 this.$forceUpdate();
131 evt.preventDefault(); 150 quill.root.addEventListener(
132 [].forEach.call(evt.clipboardData.files, file => { 151 "paste",
133 console.log(33333); 152 evt => {
134 if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) { 153 if (
135 return; 154 evt.clipboardData &&
136 } 155 evt.clipboardData.files &&
137 console.log(4444); 156 evt.clipboardData.files.length
138 this.RichTexthandleChange(File); 157 ) {
139 }); 158 evt.preventDefault();
140 } 159 [].forEach.call(evt.clipboardData.files, file => {
141 }, 160 if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) {
142 false 161 return;
143 ); 162 }
163 that.clipboardPictureChange(file);
164 });
165 }
166 },
167 false
168 );
169 });
170 }
171 }
144 }, 172 },
173 mounted() {},
145 methods: { 174 methods: {
146 submitForm () { 175 submitForm() {
147 let that = this; 176 let that = this;
148 that.$refs.ruleForm.validate(valid => { 177 that.$refs.ruleForm.validate(valid => {
149 if (valid) { 178 if (valid) {
150 addSysNotice(this.ruleForm).then(res => { 179 addSysNotice(this.ruleForm).then(res => {
151 if (res.code == 200) { 180 if (res.code == 200) {
152 this.$message.success('保存成功') 181 this.$message.success("保存成功");
153 this.$emit("input", false); 182 this.$emit("input", false);
154 this.resetRuleForm(); 183 this.resetRuleForm();
155 this.$parent.queryClick(); 184 this.$parent.queryClick();
156 } else { 185 } else {
157 this.$message.error(res.message) 186 this.$message.error(res.message);
158 } 187 }
159 }) 188 });
160 } else { 189 } else {
161 // console.log('error submit!!'); 190 // console.log('error submit!!');
162 return false; 191 return false;
...@@ -164,31 +193,38 @@ export default { ...@@ -164,31 +193,38 @@ export default {
164 }); 193 });
165 }, 194 },
166 //关闭窗口 195 //关闭窗口
167 closeDialog () { 196 closeDialog() {
168 this.$emit("input", false); 197 this.$emit("input", false);
169 this.resetRuleForm(); 198 this.resetRuleForm();
170 }, 199 },
171 // 200 //
172 resetRuleForm () { 201 resetRuleForm() {
173 this.$refs['ruleForm'].resetFields(); 202 this.$refs["ruleForm"].resetFields();
174 this.ruleForm.noticeType = '1' 203 this.ruleForm.noticeType = "1";
175 }, 204 },
176 beforeUpload (file) { 205 beforeUpload(file) {
177 return true 206 return true;
178 }, 207 },
179 //附件上传事件 208 //附件上传事件
180 async handleChange (file) { 209 async handleChange(file) {
181 var formdata = new FormData(); 210 var formdata = new FormData();
182 formdata.append("file", file.raw); 211 formdata.append("file", file.raw);
183 upload(formdata).then(res => { 212 upload(formdata).then(res => {
184 this.ruleForm.noticeFileUrl = res.message 213 this.ruleForm.noticeFileUrl = res.message;
185 }) 214 });
186 }, 215 },
187 //富文本图片上传事件 216 //富文本图片上传事件
188 async RichTexthandleChange (file) { 217 RichTexthandleChange(file) {
218 this.uploadPicture(file.raw)
219 },
220 //图片粘贴事件
221 clipboardPictureChange(file) {
222 this.uploadPicture(file)
223 },
224 uploadPicture(file){
189 let that = this; 225 let that = this;
190 var formdata = new FormData(); 226 var formdata = new FormData();
191 formdata.append("file", file.raw); 227 formdata.append("file", file);
192 upload(formdata).then(res => { 228 upload(formdata).then(res => {
193 //editor对象 229 //editor对象
194 const quill = that.$refs.myQuillEditor.quill; 230 const quill = that.$refs.myQuillEditor.quill;
...@@ -196,11 +232,11 @@ export default { ...@@ -196,11 +232,11 @@ export default {
196 // 获取光标所在位置 232 // 获取光标所在位置
197 const length = quill.selection.savedRange.index; 233 const length = quill.selection.savedRange.index;
198 // 插入图片 234 // 插入图片
199 quill.insertEmbed(length, 'image', res.message); 235 quill.insertEmbed(length, "image", res.message);
200 // 调整光标到最后 236 // 调整光标到最后
201 quill.setSelection(length + 1); 237 quill.setSelection(length + 1);
202 //that.quillUpdateImg = false; 238 //that.quillUpdateImg = false;
203 }) 239 });
204 }, 240 },
205 onSubmit() { 241 onSubmit() {
206 //console.log("submit!"); 242 //console.log("submit!");
...@@ -221,9 +257,9 @@ export default { ...@@ -221,9 +257,9 @@ export default {
221 onEditorChange({ quill, html, text }) { 257 onEditorChange({ quill, html, text }) {
222 //console.log("editor change!", quill, html, text); 258 //console.log("editor change!", quill, html, text);
223 //this.content = html; 259 //this.content = html;
224 }, 260 }
225 } 261 }
226 } 262 };
227 </script> 263 </script>
228 <style scoped lang="scss"> 264 <style scoped lang="scss">
229 // .ql-editor{ 265 // .ql-editor{
...@@ -232,5 +268,5 @@ export default { ...@@ -232,5 +268,5 @@ export default {
232 /deep/.ql-editor { 268 /deep/.ql-editor {
233 padding: 0px; 269 padding: 0px;
234 height: 500px; 270 height: 500px;
235 } 271 }
236 </style> 272 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -38,6 +38,9 @@ export function getForm(tabName, djywbm) { ...@@ -38,6 +38,9 @@ export function getForm(tabName, djywbm) {
38 case "diyaqSlxx": 38 case "diyaqSlxx":
39 form = require("@/views/ywbl/diyaq/slxx.vue"); 39 form = require("@/views/ywbl/diyaq/slxx.vue");
40 break; 40 break;
41 case "diyaqSlxx200":
42 form = require("@/views/ywbl/diyaq/slxx200.vue");
43 break;
41 case "clxx": 44 case "clxx":
42 form = require("@/views/workflow/components/clxx.vue"); 45 form = require("@/views/workflow/components/clxx.vue");
43 break; 46 break;
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 ref="ruleForm"
8 :label-position="flag ? 'top' : ''"
9 :inline="flag"
10 label-width="140px"
11 >
12 <div class="slxx_con">
13 <div class="slxx_title title-block">
14 受理信息200
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10">
18 <el-col :span="8">
19 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
20 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
25 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
30 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10">
35 <el-col :span="8">
36 <el-form-item
37 :class="flag ? 'marginBot0' : ''"
38 label="权利类型："
39 prop="qllx"
40 >
41 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item
46 :class="flag ? 'marginBot0' : ''"
47 label="登记类型："
48 prop="djlx"
49 >
50 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
51 </el-form-item>
52 </el-col>
53 <el-col :span="8">
54 <el-form-item
55 :class="flag ? 'marginBot0' : ''"
56 label="登记情形："
57 prop="djqx"
58 >
59 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
60 </el-form-item>
61 </el-col>
62 </el-row>
63 <div class="slxx_title title-block">
64 抵押不动产情况
65 <div class="triangle"></div>
66 </div>
67
68 <el-row :gutter="10">
69 <el-col :span="8">
70 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：">
71 <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
76 <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
81 <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input>
82 </el-form-item>
83 </el-col>
84 </el-row>
85 <el-row :gutter="10">
86 <el-col :span="8">
87 <el-form-item
88 :class="flag ? 'marginBot0' : ''"
89 label="不动产权证号："
90 >
91 <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="16">
95 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
96 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 <el-row :gutter="10">
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
103 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item
108 :class="flag ? 'marginBot0' : ''"
109 label="不动产单元号："
110 >
111 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
116 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
117 </el-form-item>
118 </el-col>
119 </el-row>
120
121 <div class="slxx_title title-block">
122 抵押信息
123 <div class="triangle"></div>
124 </div>
125
126 <el-row :gutter="10">
127 <el-col :span="8">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="抵押方式：">
129 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
130 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
131 <el-radio label="1">一般抵押</el-radio>
132 <el-radio label="2">最高额抵押</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="16">
137 <el-form-item
138 :class="flag ? 'marginBot0' : ''"
139 label="是否存在禁止或者限制转让抵押不动产的约定："
140 label-width="350px"
141 >
142 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
143 <el-radio label="1">启用</el-radio>
144 <el-radio label="0">禁用</el-radio>
145 </el-radio-group>
146 </el-form-item>
147 </el-col>
148 </el-row>
149
150 <el-row :gutter="10">
151 <el-col :span="8" v-show="ruleForm.diyaq.dyfs==1">
152 <el-form-item
153 :class="flag ? 'marginBot0' : ''"
154 label="被担保主债权数额："
155 >
156 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
157 </el-form-item>
158 </el-col>
159
160 <el-col :span="8" v-show="ruleForm.diyaq.dyfs==2">
161 <el-form-item
162 :class="flag ? 'marginBot0' : ''"
163 label="最高债权额："
164 >
165 <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
166 </el-form-item>
167 </el-col>
168
169 <el-col :span="8">
170 <el-form-item
171 :class="flag ? 'marginBot0' : ''"
172 label="债务履行起始时间："
173 >
174 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" type="date">
175 </el-date-picker>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item
180 :class="flag ? 'marginBot0' : ''"
181 label="债务履行结束时间："
182 >
183 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" type="date">
184 </el-date-picker>
185 </el-form-item>
186 </el-col>
187 </el-row>
188
189
190 <el-row>
191 <el-col :span="24">
192 <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
193 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
194 </el-form-item>
195 </el-col>
196 </el-row>
197 <el-row>
198 <el-col :span="24">
199 <el-form-item :class="flag ? 'marginBot0' : ''" label="最高债权确定事实和数额：" label-width="200px">
200 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
201 </el-form-item>
202 </el-col>
203 </el-row>
204 <el-row >
205 <el-col>
206 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
207 <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype==1"></el-input>
208 </el-form-item>
209 </el-col>
210 </el-row>
211
212 <div class="slxx_title title-block">
213 抵押权人信息
214 <div class="triangle"></div>
215 </div>
216 <el-row :gutter="10">
217 <el-col :span="14">
218 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
219 <el-radio-group
220 :disabled="$route.query.viewtype == 1"
221 v-model="ruleForm.slywxx.gyfs"
222 >
223 <el-radio label="0">单独所有</el-radio>
224 <el-radio label="1">共同共有</el-radio>
225 <el-radio label="2">按份所有</el-radio>
226 <el-radio label="3">其它共有</el-radio>
227 </el-radio-group>
228 </el-form-item>
229 </el-col>
230 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
231 <el-form-item
232 :class="flag ? 'marginBot0' : ''"
233 label="是否分别持证："
234 >
235 <el-radio-group v-model="ruleForm.slywxx.sffbcz">
236 <el-radio label="1">是</el-radio>
237 <el-radio label="0">否</el-radio>
238 </el-radio-group>
239 </el-form-item>
240 </el-col>
241 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
242 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
243 <el-select v-model="ruleForm.czr" placeholder="持证人">
244 <el-option
245 v-for="item in czrOptions"
246 :key="item.value"
247 :label="item.label"
248 :value="item.value"
249 >
250 </el-option>
251 </el-select>
252 </el-form-item>
253 </el-col>
254 </el-row>
255 <InformationTable
256 :tableData="ruleForm.qlrList"
257 @upDateQlrxxList="upDateQlrxxList"
258 :viewtype="$route.query.viewtype"
259 :gyfs="ruleForm.slywxx.gyfs"
260 />
261 <div class="slxx_title title-block">
262 抵押人信息
263 <div class="triangle"></div>
264 </div>
265 <InformationTable
266 :tableData="ruleForm.ywrList"
267 @upDateQlrxxList="upDateYwrxxList"
268 :viewtype="$route.query.viewtype"
269 />
270
271 <div class="slxx_title title-block">
272 登记原因
273 <div class="triangle"></div>
274 </div>
275 <el-row :gutter="10">
276 <el-col>
277 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
278 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.diyaq.djyy">
279 </el-input>
280 </el-form-item>
281 </el-col>
282 </el-row>
283
284 </div>
285 <el-row class="btn" v-if="!$route.query.viewtype">
286 <el-form-item :class="flag ? 'marginBot0' : ''">
287 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
288 </el-form-item>
289 </el-row>
290 </el-form>
291 </div>
292 </template>
293 <script>
294 import InformationTable from "@/views/workflow/components/InformationTable";
295 import { Init, saveData } from "@/api/diyaqFlow.js";
296 import { mapGetters } from "vuex";
297 export default {
298 async created() {
299 this.propsParam = this.$attrs;
300 var formdata = new FormData();
301 formdata.append("bsmSldy", this.propsParam.bsmSldy);
302 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
303 formdata.append("djlx", this.propsParam.djlx);
304 Init(formdata).then((res) => {
305 if (res.code === 200 && res.result) {
306 this.ruleForm = res.result;
307 }
308 });
309 },
310 components: { InformationTable },
311 computed: {
312 ...mapGetters(["dictData", "flag"]),
313 },
314 data() {
315 return {
316 disabled: true,
317 czrOptions: [],
318 ruleForm: {
319 slywxx: {},
320 qlxxold: {},
321 diyaq: {},
322 gyfs: "",
323 },
324 //传递参数
325 propsParam: {},
326 rules: {},
327 };
328 },
329 methods: {
330 // list(bsmSldy) {
331 // Init({
332 // bsmSldy: bsmSldy.split(","),
333 // }).then((res) => {
334 // if (res.code === 200 && res.result) {
335 // this.ruleForm = {
336 // ...res.result,
337 // ...res.result.zdjbxxdatas,
338 // ...res.result.qlxxdatas,
339 // ...res.result.jsydsyqdatas,
340 // };
341 // }
342 // });
343 // },
344 onSubmitClick() {
345 saveData(this.ruleForm).then((res) => {
346 if (res.code === 200) {
347 this.$message({
348 showClose: true,
349 message: "保存成功！",
350 type: "success",
351 });
352 } else {
353 this.$message({
354 showClose: true,
355 message: res.message,
356 type: "error",
357 });
358 }
359 });
360 },
361
362 // 更新权利人信息
363 upDateQlrxxList(val) {
364 this.ruleForm.qlrList = _.cloneDeep(val);
365 },
366 // 更新义务人信息
367 upDateYwrxxList(val) {
368 this.ruleForm.ywrList = _.cloneDeep(val);
369 },
370 },
371 };
372 </script>
373 <style scoped lang='scss'>
374 @import "~@/styles/public.scss";
375 @import "~@/styles/slxx/slxx.scss";
376 </style>
...@@ -166,6 +166,7 @@ export default { ...@@ -166,6 +166,7 @@ export default {
166 }); 166 });
167 }, 167 },
168 handleSelectionChange(val) { 168 handleSelectionChange(val) {
169 debugger;
169 val.forEach((item, index) => { 170 val.forEach((item, index) => {
170 item.bsmSsql = item.bsmQlxx; 171 item.bsmSsql = item.bsmQlxx;
171 item.ybdcqzsh = item.bdcqzh; 172 item.ybdcqzsh = item.bdcqzh;
......
...@@ -157,6 +157,7 @@ export default { ...@@ -157,6 +157,7 @@ export default {
157 message: "发起申请成功", 157 message: "发起申请成功",
158 type: "success", 158 type: "success",
159 }); 159 });
160 debugger;
160 if (!this.isJump) { 161 if (!this.isJump) {
161 this.jump(res.result, this.djywbm); 162 this.jump(res.result, this.djywbm);
162 } else { 163 } else {
...@@ -168,6 +169,7 @@ export default { ...@@ -168,6 +169,7 @@ export default {
168 }); 169 });
169 }, 170 },
170 handleSelectionChange(val) { 171 handleSelectionChange(val) {
172 debugger;
171 val.forEach((item, index) => { 173 val.forEach((item, index) => {
172 item.bsmSsql = item.bsmQlxx; 174 item.bsmSsql = item.bsmQlxx;
173 item.ybdcqzsh = item.bdcqzh; 175 item.ybdcqzsh = item.bdcqzh;
......