style:业务申请抵押权模块功能的完善

@@ -42,7 +42,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="slxx_title title-block">
+        <div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0">
           抵押户信息列表信息（{{ruleForm.hlist.length}} 户）
           <div class="triangle"></div>
         </div>
@@ -51,10 +51,9 @@
           抵押信息
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
           <el-col :span="8">
             <el-form-item label="抵押方式：">
-              <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
               <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
                 <el-radio label="1">一般抵押</el-radio>
                 <el-radio label="2">最高额抵押</el-radio>
@@ -79,7 +78,7 @@
           </el-col>
         </el-row>
 
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
           <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
             <el-form-item label="被担保主债权数额：">
               <el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!ableOperation"></el-input>
@@ -114,7 +113,7 @@
           </el-col>
         </el-row>
 
-        <el-row>
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
           <el-col :span="24">
             <el-form-item label="担保范围：">
               <el-input v-model="ruleForm.diyaqList[0].dbfw"
@@ -122,14 +121,14 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
           <el-col :span="24">
             <el-form-item label="最高债权确定事实和数额：">
               <el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!ableOperation"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
           <el-col>
             <el-form-item label="附记：" prop="fj">
               <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="!ableOperation"></el-input>
@@ -141,7 +140,7 @@
           抵押权人信息
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0">
           <el-col :span="14">
             <el-form-item label="共有方式：">
               <el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldyList[0].gyfs">
@@ -170,7 +169,8 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :gyfs="ruleForm.sldyList[0].gyfs" />
+        <qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
+          :disabled="!ableOperation" :gyfs="ruleForm.sldyList[0].gyfs" />
         <div class="slxx_title title-block">
           抵押人信息
           <div class="triangle"></div>
@@ -181,7 +181,7 @@
           登记原因
           <div class="triangle"></div>
         </div>
-        <el-row :gutter="10">
+        <el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
           <el-col>
             <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy">
               <el-input class="textArea" type="textarea" :disabled="!ableOperation"
@@ -210,7 +210,7 @@
   import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
   import { mapGetters } from "vuex";
   export default {
-    created () {
+    mounted () {
       this.ableOperation = this.$parent.currentSelectTab.ableOperation
       this.propsParam = this.$attrs;
       var formdata = new FormData();
@@ -220,9 +220,13 @@
       formdata.append("djlx", this.propsParam.djlx);
       formdata.append("isEdit", this.ableOperation);
       bacthInit(formdata).then((res) => {
+        this.$endLoading();
         if (res.code === 200 && res.result) {
-          this.ruleForm = res.result;
-          this.$endLoading();
+          this.$nextTick(() => {
+            this.ruleForm = res.result;
+          })
+        } else {
+          this.$message.error(res.message);
         }
       })
     },