Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
5 changed files
with
472 additions
and
54 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,8 +58,14 @@ | ... | @@ -45,8 +58,14 @@ |
| 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 |
| 63 | multiple | ||
| 64 | :auto-upload="false" | ||
| 65 | :on-change="RichTexthandleChange" | ||
| 66 | :before-upload="beforeUpload" | ||
| 67 | class="richUpload" | ||
| 68 | > | ||
| 50 | <el-button icon="el-icon-upload" type="primary">上传</el-button> | 69 | <el-button icon="el-icon-upload" type="primary">上传</el-button> |
| 51 | <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div> | 70 | <div slot="tip" class="el-upload__tip">文件大小不超过20MB</div> |
| 52 | </el-upload> | 71 | </el-upload> |
| ... | @@ -56,32 +75,32 @@ | ... | @@ -56,32 +75,32 @@ |
| 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 | // 富文本编辑器配置 |
| ... | @@ -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 | } | 134 | } |
| 116 | } | 135 | } |
| 117 | } | 136 | } |
| 118 | } | 137 | } |
| 119 | }, | 138 | }, |
| 120 | placeholder: "请输入正文", | 139 | placeholder: "请输入正文" |
| 121 | }, | ||
| 122 | } | 140 | } |
| 141 | }; | ||
| 123 | }, | 142 | }, |
| 124 | mounted() { | 143 | watch: { |
| 125 | // 自定义粘贴图片功能 | 144 | value(val) { |
| 145 | if (val) { | ||
| 146 | let that = this | ||
| 147 | this.$nextTick(() => { | ||
| 126 | let quill = this.$refs.myQuillEditor.quill; | 148 | let quill = this.$refs.myQuillEditor.quill; |
| 127 | quill.root.addEventListener("paste",evt => { | 149 | this.$forceUpdate(); |
| 128 | console.log(1111); | 150 | quill.root.addEventListener( |
| 129 | if (evt.clipboardData && evt.clipboardData.files &&evt.clipboardData.files.length) { | 151 | "paste", |
| 130 | console.log(2222); | 152 | evt => { |
| 153 | if ( | ||
| 154 | evt.clipboardData && | ||
| 155 | evt.clipboardData.files && | ||
| 156 | evt.clipboardData.files.length | ||
| 157 | ) { | ||
| 131 | evt.preventDefault(); | 158 | evt.preventDefault(); |
| 132 | [].forEach.call(evt.clipboardData.files, file => { | 159 | [].forEach.call(evt.clipboardData.files, file => { |
| 133 | console.log(33333); | ||
| 134 | if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) { | 160 | if (!file.type.match(/^image\/(gif|jpe?g|a?png|bmp)/i)) { |
| 135 | return; | 161 | return; |
| 136 | } | 162 | } |
| 137 | console.log(4444); | 163 | that.clipboardPictureChange(file); |
| 138 | this.RichTexthandleChange(File); | ||
| 139 | }); | 164 | }); |
| 140 | } | 165 | } |
| 141 | }, | 166 | }, |
| 142 | false | 167 | false |
| 143 | ); | 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 | }, | ||
| 225 | } | 260 | } |
| 226 | } | 261 | } |
| 262 | }; | ||
| 227 | </script> | 263 | </script> |
| 228 | <style scoped lang="scss"> | 264 | <style scoped lang="scss"> |
| 229 | // .ql-editor{ | 265 | // .ql-editor{ | ... | ... |
| ... | @@ -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; | ... | ... |
src/views/ywbl/diyaq/slxx200.vue
0 → 100644
| 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; | ... | ... |
-
Please register or sign in to post a comment