style:登记模板

 <template>
 <template>
-  <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" @closeDialog="closeDialog" v-model="myValue">
+  <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" class="loadingtext" @closeDialog="closeDialog"
+    v-model="myValue">
     <div class="qtjfjmb-edit-title">
     <div class="qtjfjmb-edit-title">
       <b>权利信息</b>
       <b>权利信息</b>
     </div>
     </div>
@@ -111,26 +112,29 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import { updateSysSqywmbsz } from '@/api/system'
+import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/system'
 export default {
 export default {
   props: {
   props: {
     value: { type: Boolean, default: false },
     value: { type: Boolean, default: false },
-    details: {
-      type: Object,
-      default: () => {
-        return {}
-      }
+    bsmMb: {
+      type: String,
+      default: ''
     }
     }
   },
   },
   watch: {
   watch: {
     value (val) {
     value (val) {
       this.myValue = val
       this.myValue = val
     },
     },
-    details: {
-      handler (newValue, oldValue) {
-        this.ruleForm = newValue
+    bsmMb: {
+      handler (newValue) {
+        this.$startLoading()
+        getSysSqywmbszDetailById(newValue).then(res => {
+          this.$endLoading()
+          let { result } = res
+          this.ruleForm = result ? result : {}
+        })
       },
       },
-      deep: true
+      immediate: true
     }
     }
   },
   },
   data () {
   data () {

@@ -29,12 +29,12 @@
         :column="tableData.columns" :data="tableData.data">
         :column="tableData.columns" :data="tableData.data">
       </lb-table>
       </lb-table>
     </div>
     </div>
-    <editDialog v-model="isDialog" :details="details" />
+    <editDialog v-model="isDialog" :bsmMb="bsmMb" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
 import { mapGetters } from 'vuex'
 import { mapGetters } from 'vuex'
-import { sysSqywmbszSearch, getSysSqywmbszDetailById } from '@/api/system'
+import { sysSqywmbszSearch } from '@/api/system'
 import table from "@/utils/mixin/table"
 import table from "@/utils/mixin/table"
 import { datas, sendThis } from "./qtjfjmb"
 import { datas, sendThis } from "./qtjfjmb"
 import editDialog from "./components/editDialog.vue"
 import editDialog from "./components/editDialog.vue"
@@ -62,7 +62,7 @@ export default {
         columns: datas.columns(),
         columns: datas.columns(),
         data: []
         data: []
       },
       },
-      details: {}
+      bsmMb: ''
     }
     }
   },
   },
   methods: {
   methods: {
@@ -77,14 +77,11 @@ export default {
       })
       })
     },
     },
     editClick (row) {
     editClick (row) {
-      getSysSqywmbszDetailById(row.bsmMb).then(res => {
-        this.isDialog = true
-        let { result } = res
-        this.details = result ? result : {}
-      })
+      this.bsmMb = row.bsmMb
+      this.isDialog = true
     }
     }
-  },
-};
+  }
+}
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";