Blame view

src/views/ywbl/slsqxx/diyaq/slxx.vue 12.5 KB
1 2 3
<!--
 * @Description: 
 * @Autor: renchao
4
 * @LastEditTime: 2023-05-25 08:51:13
5
-->
6 7 8
<template>
  <!-- 受理信息 -->
  <div class="slxx">
9 10
    <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
      :inline="flag" label-width="140px">
11
      <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
jiaozeping@pashanhoo.com committed
12 13 14 15
        <div class="slxx_title title-block">
          受理信息
          <div class="triangle"></div>
        </div>
16 17
        <el-row :gutter="10">
          <el-col :span="8">
18
            <el-form-item label="业务号:">
tianhaohao@pashanhoo.com committed
19
              <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
20 21 22
            </el-form-item>
          </el-col>
          <el-col :span="8">
23
            <el-form-item label="受理人员:">
24
              <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
25 26 27
            </el-form-item>
          </el-col>
          <el-col :span="8">
28
            <el-form-item label="受理时间:">
29
              <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
30 31 32 33 34
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
35
            <el-form-item label="权利类型:" prop="qllx">
tianhaohao@pashanhoo.com committed
36
              <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
37 38 39
            </el-form-item>
          </el-col>
          <el-col :span="8">
40
            <el-form-item label="登记类型:" prop="djlx">
tianhaohao@pashanhoo.com committed
41
              <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
42 43 44
            </el-form-item>
          </el-col>
          <el-col :span="8">
45
            <el-form-item label="登记情形:" prop="djqx">
46
              <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
47 48 49
            </el-form-item>
          </el-col>
        </el-row>
jiaozeping@pashanhoo.com committed
50 51 52 53 54 55 56
        <div class="slxx_title title-block">
          抵押不动产情况
          <div class="triangle"></div>
        </div>

        <el-row :gutter="10">
          <el-col :span="8">
57
            <el-form-item label="权利人:">
tianhaohao@pashanhoo.com committed
58
              <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
jiaozeping@pashanhoo.com committed
59
            </el-form-item>
tianhaohao@pashanhoo.com committed
60
          </el-col>         
jiaozeping@pashanhoo.com committed
61
          <el-col :span="8">
tianhaohao@pashanhoo.com committed
62 63
            <el-form-item label="证件种类:">
              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
jiaozeping@pashanhoo.com committed
64 65
            </el-form-item>
          </el-col>
tianhaohao@pashanhoo.com committed
66 67 68
           <el-col :span="8">
            <el-form-item label="证件号:">
              <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
jiaozeping@pashanhoo.com committed
69 70 71 72 73
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
74
            <el-form-item label="权利类型:">
tianhaohao@pashanhoo.com committed
75
              <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
田浩浩 committed
76 77 78
            </el-form-item>
          </el-col>
          <el-col :span="8">
79
            <el-form-item label="不动产权证号:">
tianhaohao@pashanhoo.com committed
80
              <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
jiaozeping@pashanhoo.com committed
81 82
            </el-form-item>
          </el-col>
田浩浩 committed
83
          <el-col :span="8">
84
            <el-form-item label="坐落:">
tianhaohao@pashanhoo.com committed
85
              <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
jiaozeping@pashanhoo.com committed
86 87 88 89 90
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="8">
91
            <el-form-item label="不动产单元号:">
tianhaohao@pashanhoo.com committed
92
              <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
jiaozeping@pashanhoo.com committed
93 94 95
            </el-form-item>
          </el-col>
          <el-col :span="8">
96
            <el-form-item label="面积:">
tianhaohao@pashanhoo.com committed
97
              <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input>
jiaozeping@pashanhoo.com committed
98 99
            </el-form-item>
          </el-col>
田浩浩 committed
100
          <el-col :span="8">
101
            <el-form-item label="用途:">
tianhaohao@pashanhoo.com committed
102
              <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
田浩浩 committed
103 104
            </el-form-item>
          </el-col>
jiaozeping@pashanhoo.com committed
105
        </el-row>
1  
jiaozeping@pashanhoo.com committed
106 107

        <div class="slxx_title title-block">
田浩浩 committed
108
          抵押信息
1  
jiaozeping@pashanhoo.com committed
109 110 111 112
          <div class="triangle"></div>
        </div>

        <el-row :gutter="10">
113 114 115 116 117 118
           <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'">
            <el-form-item label="原不动产登记证明号:">
              <el-input v-if="ruleForm.sldy.djlx == '400'" disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
              <el-input v-else disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
            </el-form-item>
          </el-col>
1  
jiaozeping@pashanhoo.com committed
119
          <el-col :span="8">
120
            <el-form-item label="抵押方式:">
jiaozeping@pashanhoo.com committed
121
              <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
122 123
                <el-radio label="1">一般抵押权</el-radio>
                <el-radio label="2">最高额抵押权</el-radio>
124
              </el-radio-group>
1  
jiaozeping@pashanhoo.com committed
125 126
            </el-form-item>
          </el-col>
127
          <el-col :span="8">
128
            <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px">
jiaozeping@pashanhoo.com committed
129 130 131 132 133 134 135
              <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
                <el-radio label="1">启用</el-radio>
                <el-radio label="0">禁用</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
1  
jiaozeping@pashanhoo.com committed
136

jiaozeping@pashanhoo.com committed
137
        <el-row :gutter="10">
138
          <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
139
            <el-form-item label="被担保主债权数额:">
140 141 142 143 144 145 146 147
               <div style="display:flex">
              <el-input v-model="ruleForm.diyaq.bdbzzqse" style="width:500%"></el-input>
                <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'">
                  <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                  </el-option>
                </el-select>
               </div>
            </el-form-item>            
1  
jiaozeping@pashanhoo.com committed
148 149
          </el-col>

150
          <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
151
            <el-form-item label="最高债权额:">
152
              <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
1  
jiaozeping@pashanhoo.com committed
153 154 155 156
            </el-form-item>
          </el-col>

          <el-col :span="8">
157
            <el-form-item label="债务履行起始时间:">
158 159
              <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" type="date">
              </el-date-picker>
1  
jiaozeping@pashanhoo.com committed
160 161 162
            </el-form-item>
          </el-col>
          <el-col :span="8">
163
            <el-form-item label="债务履行结束时间:">
164
              <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" type="date">
jiaozeping@pashanhoo.com committed
165
              </el-date-picker>
1  
jiaozeping@pashanhoo.com committed
166 167 168 169 170
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
171
            <el-form-item label="担保范围:">
任超 committed
172
              <el-input v-model="ruleForm.diyaq.dbfw"
173
                :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
1  
jiaozeping@pashanhoo.com committed
174 175 176 177 178
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
179
            <el-form-item label="最高债权确定事实和数额:">
1  
jiaozeping@pashanhoo.com committed
180 181 182 183
              <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
184
        <el-row>
1  
jiaozeping@pashanhoo.com committed
185
          <el-col>
186
            <el-form-item label="附记:" prop="fj">
187
              <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1"></el-input>
1  
jiaozeping@pashanhoo.com committed
188 189 190 191
            </el-form-item>
          </el-col>
        </el-row>

1  
jiaozeping@pashanhoo.com committed
192 193 194 195 196 197
        <div class="slxx_title title-block">
          抵押权人信息
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
          <el-col :span="14">
198
            <el-form-item label="共有方式:">
199
              <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy.gyfs">
200
                <el-radio label="0">单独所有</el-radio>
1  
jiaozeping@pashanhoo.com committed
201 202 203
                <el-radio label="1">共同共有</el-radio>
                <el-radio label="2">按份所有</el-radio>
                <el-radio label="3">其它共有</el-radio>
1  
jiaozeping@pashanhoo.com committed
204 205 206
              </el-radio-group>
            </el-form-item>
          </el-col>
207
          <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
208
            <el-form-item label="是否分别持证:">
209
              <el-radio-group v-model="ruleForm.sldy.sqfbcz">
1  
jiaozeping@pashanhoo.com committed
210 211 212 213 214
                <el-radio label="1"></el-radio>
                <el-radio label="0"></el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
215
          <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
216
            <el-form-item label="持证人:">
1  
jiaozeping@pashanhoo.com committed
217
              <el-select v-model="ruleForm.czr" placeholder="持证人">
218
                <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
1  
jiaozeping@pashanhoo.com committed
219 220 221 222 223
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
224
        <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
225
          :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy.gyfs" />
1  
jiaozeping@pashanhoo.com committed
226 227 228 229
        <div class="slxx_title title-block">
          抵押人信息
          <div class="triangle"></div>
        </div>
任超 committed
230
        <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
231
          :viewtype="$route.query.viewtype" />
1  
jiaozeping@pashanhoo.com committed
232 233 234 235 236 237 238

        <div class="slxx_title title-block">
          登记原因
          <div class="triangle"></div>
        </div>
        <el-row :gutter="10">
          <el-col>
239
            <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy">
田浩浩 committed
240 241 242 243
              <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
                v-model="ruleForm.diyaq.zxdyyy">
              </el-input>
            </el-form-item>
244
            <el-form-item v-else label="登记原因:" prop="djyy">
245 246
              <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
                v-model="ruleForm.diyaq.djyy">
1  
jiaozeping@pashanhoo.com committed
247 248 249 250 251
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>

252
      </div>
253
      <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
254
        <el-form-item>
1  
jiaozeping@pashanhoo.com committed
255
          <el-button type="primary" @click="onSubmitClick()">保存</el-button>
256 257 258 259 260 261
        </el-form-item>
      </el-row>
    </el-form>
  </div>
</template>
<script>
262 263 264 265 266
  import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
  import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
  import { mapGetters } from "vuex";
  export default {
    mounted () {
267
      this.ableOperation = this.$parent.currentSelectTab.ableOperation
268 269 270 271 272 273
      this.propsParam = this.$attrs;
      var formdata = new FormData();
      this.$startLoading();
      formdata.append("bsmSldy", this.propsParam.bsmSldy);
      formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
      formdata.append("djlx", this.propsParam.djlx);
274
      formdata.append("isEdit", this.ableOperation);
275 276 277 278 279
      Init(formdata).then((res) => {
        if (res.code === 200 && res.result) {
          this.ruleForm = res.result;
          this.$endLoading();
          this.ruleForm.diyaq.sfczjzhxz = "0";
280
        }
281
      })
282
    },
283 284 285 286 287 288
    components: { qlrCommonTable },
    computed: {
      ...mapGetters(["dictData", "flag"]),
    },
    data () {
      return {
289 290
        //表单是否可操作
        ableOperation: true,
291 292 293
        disabled: true,
        czrOptions: [],
        ruleForm: {
294 295
          slsq: {},
          ssQlxx: {},
296 297 298 299 300 301 302
          diyaq: {},
          gyfs: "",
        },
        //传递参数
        propsParam: {},
        rules: {},
      };
1  
jiaozeping@pashanhoo.com committed
303
    },
304 305 306 307 308 309 310 311 312
    methods: {
      onSubmitClick () {
        saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
          if (res.code === 200) {
            this.$message({
              showClose: true,
              message: "保存成功!",
              type: "success",
            });
313
            this.$store.dispatch('user/refreshPage', true);
314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334
          } else {
            this.$message({
              showClose: true,
              message: res.message,
              type: "error",
            });
          }
        });
      },

      // 更新权利人信息
      upDateQlrxxList (val) {
        if (!_.isEqual(val, this.ruleForm.qlrList)) {
          this.ruleForm.qlrList = _.cloneDeep(val);
        }
      },
      // 更新义务人信息
      upDateYwrxxList (val) {
        if (!_.isEqual(val, this.ruleForm.ywrList)) {
          this.ruleForm.ywrList = _.cloneDeep(val);
        }
任超 committed
335 336
      }
    }
337
  };
338 339
</script>
<style scoped lang='scss'>
340 341
  @import "~@/styles/public.scss";
  @import "~@/styles/slxx/slxx.scss";
342
</style>