rj

embed_applications/app/front/vues/pages/winsresult/winsresult.css

@@ -13,6 +13,14 @@
     left: 0;
     z-index: 999;
 }
+.loadingDetail{
+    width: 100% !important;
+    height: 100% !important;
+    position: absolute !important;
+    top: 0;
+    left: 0;
+    z-index: 888;
+}
 .winsresult-title {
     display: flex;
     justify-content: space-between;
@@ -133,13 +141,17 @@
 .winsresult-dialog-condition span {}
 
 .winsresult-dialog-content {
+    width: 100%;
     margin-top: 20px;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
-    max-height: 270px;
+    height: 270px;
     overflow: auto;
 }
+.winsresult-dialog-content>p{
+    width: 100% !important;
+}
 
 .winsresult-dialog-content-name {
     display: flex;

embed_applications/app/front/vues/pages/winsresult/winsresult.html

@@ -16,7 +16,7 @@
             <i class="el-icon-s-management"></i>
         </div>
     </div>
-    <el-dialog title="商标名称详情/注册成功率" :modal="false" :visible.sync="dialogVisible" width="58.6%"
+    <el-dialog title="商标名称详情/注册成功率" :modal="false" :visible.sync="dialogVisible" width="58.6%" style="background: rgba(0,0,0,.4);"
         :before-close="handleClose">
         <div class="winsresult-dialog-box">
             <div class="winsresult-dialog-name">
@@ -27,7 +27,8 @@
                 <div>商标格式: <span>{{requestObj?requestObj.structuretype:\'\'}}</span></div>
                 <div>商标行业: <span>{{industry}}</span></div>
             </div>
-            <div class="winsresult-dialog-content">
+            <div class="winsresult-dialog-content" style="position:relative;">
+                <p class="detailLOading" v-if="loadingDetail" v-loading="true"></p>
                 <div v-for="(item, index) in bigType" :key="index">
                     <div class="winsresult-dialog-content-name">
                         <div>{{item.ncl_name}}</div>

embed_applications/app/front/vues/pages/winsresult/winsresult.js

@@ -15,7 +15,8 @@
             industry: '',
             bigType: null,
             ncl_list: null,
-            loading: false
+            loading: false,
+            loadingDetail: false
         }
     },
     created() {
@@ -88,9 +89,10 @@
             let successRateObj = {};
             successRateObj.ncl_list = this.ncl_list;
             successRateObj.tmName = this.name;
-            this.loading = true;
+            this.loadingDetail = true;
+            this.bigType = [];
             this.$root.postReq(`/web/tmquery/toolCtl/tmPassRate`, successRateObj).then((d) => {
-                this.loading = false;
+                this.loadingDetail = false;
                 console.log(d);
                 if (d.status == 0) {
                     this.bigType = d.data;