src/layout/financeclaims/financeClaimsFormadd.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="financeClaimsForm">
-        <el-row>
+        <el-row v-if="loading">
             <el-col :span="24" class="form">
                 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
                     <el-col :span="24">
@@ -76,14 +76,9 @@
                             </el-select>
                         </el-form-item>
                     </el-col>
-                    <el-col :span="24">
-                        <el-form-item label="简介名称">
-                            <el-input v-model="ruleForm.news[0].news_name" placeholder="请输入简介名称"></el-input>
-                        </el-form-item>
-                    </el-col>
                     <el-col :span="24">
                         <el-form-item label="简介内容">
-                            <el-input type="textarea" v-model="ruleForm.news[0].news_info" placeholder="请输入简介内容"></el-input>
+                            <wang-editor v-model="ruleForm.nownews" placeholder="请输入内容"></wang-editor>
                         </el-form-item>
                     </el-col>
                     <el-col :span="24">
@@ -124,6 +119,7 @@
 <script>
   import uploadFile from '@/layout/custom/uploadFile.vue';
   import uploadFileImage from '@/layout/custom/uploadImage.vue';
+  import WangEditor from '@/components/wang-editor.vue';
   export default {
     name: 'financeClaimsForm',
     props: {
@@ -133,10 +129,12 @@
       lxList: null,
       sxList:null,
       insList:null,
+      loading: null,
     },
     components: {
       uploadFile,
       uploadFileImage,
+      WangEditor
     },
     data: () => ({
       rules: {

src/layout/financeclaims/financeLookClaimsFormadd.vue

@@ -1,6 +1,6 @@
 <template>
     <div id="financeLookClaimsForm">
-        <el-row>
+        <el-row  v-if="loading">
             <el-col :span="24" class="form">
                 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
                     <el-col :span="24">
@@ -76,14 +76,9 @@
                             </el-select>
                         </el-form-item>
                     </el-col>
-                    <el-col :span="24">
-                        <el-form-item label="简介名称">
-                            <el-input disabled v-model="ruleForm.news[0].news_name" placeholder="请输入简介名称"></el-input>
-                        </el-form-item>
-                    </el-col>
                     <el-col :span="24">
                         <el-form-item label="简介内容">
-                            <el-input disabled type="textarea" v-model="ruleForm.news[0].news_info" placeholder="请输入简介内容"></el-input>
+                            <wang-editor  v-model="ruleForm.nownews" placeholder="请输入内容"></wang-editor>
                         </el-form-item>
                     </el-col>
                     <el-col :span="24">
@@ -100,6 +95,8 @@
 </template>
 
 <script>
+  import WangEditor from '@/components/wang-editor.vue';
+
   export default {
     name: 'financeLookClaimsForm',
     props: {
@@ -109,8 +106,11 @@
       lxList:null,
       sxList:null,
       insList:null,
+      loading: null,
+    },
+    components: {
+      WangEditor,
     },
-    components: {},
     data: () => ({
 
     }),

src/views/financeclaims/financeClaimDetailadd.vue

@@ -17,6 +17,7 @@
                                 :lxList="lxList"
                                 :sxList="sxList"
                                 :insList="insList"
+                                :loading="loading"
                                 @submitForm="submitForm"
                                 @resetForm="resetForm"
                         ></financeClaimsForm>
@@ -45,6 +46,7 @@
     data: () => ({
       display: 'none',
       topTitle: '债权产品信息',
+      loading: true,
       ruleForm: {
         news: [
           {
@@ -92,10 +94,12 @@
       ...financeclaims(['fclaimsList', 'orUpdate', 'dupdate', 'create', 'fetch', 'update']),
       ...finalinstitution({instquery:'query'}),
       async searchInfo(){
+        this.$set(this, `loading`, false);
         if (this.id) {
           const res = await this.fetch(this.id);
           this.$set(this, `ruleForm`, res.data);
         }
+        this.$set(this, `loading`, true);
       },
       async searchinstitution() {
         const res = await this.instquery();

src/views/financeclaims/financeLookClaimDetailadd.vue

@@ -10,7 +10,7 @@
                         <detailTop @goBack="goBack"></detailTop>
                     </el-col>
                     <el-col :span="24" class="info">
-                        <financeClaimsForm :ruleForm="ruleForm" :dbList="dbList" :hkList="hkList" :lxList="lxList" :sxList="sxList" :insList='insList' @submitForm="submitForm" @resetForm="resetForm"></financeClaimsForm>
+                        <financeClaimsForm :ruleForm="ruleForm" :dbList="dbList" :hkList="hkList" :lxList="lxList" :sxList="sxList" :insList='insList' :loading="loading" @submitForm="submitForm" @resetForm="resetForm"></financeClaimsForm>
                     </el-col>
                 </el-col>
             </el-col>
@@ -36,6 +36,7 @@
     data: () => ({
       display: 'none',
       topTitle: '债权产品信息',
+      loading:true,
       ruleForm: {
         news: [
           {
@@ -82,10 +83,12 @@
       ...financeclaims(['fclaimsList', 'orUpdate', 'dupdate', 'create','fetch']),
       ...finalinstitution({instquery:'query'}),
       async searchInfo() {
+        this.$set(this, `loading`, false);
         if (this.id) {
           const res = await this.fetch(this.id);
           this.$set(this, `ruleForm`, res.data);
         }
+        this.$set(this, `loading`, true);
       },
       async searchinstitution() {
         const res = await this.instquery();