Ver código fonte

修改加载中

ljh 2 anos atrás
pai
commit
1773e84f34

+ 1 - 1
nngkxxdp/src/main/resources/static/impression/css/imperssion.css

@@ -278,7 +278,7 @@ a {
 }
 .contents img{
     /* width: 100%; */
-    max-width: 500px;
+        max-width: 500px;
 }
 .contents>p {
     text-decoration: overline;

+ 7 - 4
nngkxxdp/src/main/resources/static/impression/impression.html

@@ -11,7 +11,12 @@
 </head>
 
 <body>
-    <div class="box" id="app">
+    <div class="box" id="app" style="display: none;">
+        <el-button style="display: none;"
+          type="primary"
+          @click="openFullScreen1"
+          v-loading.fullscreen.lock="fullscreenLoading">
+        </el-button>
         <div class="head">
             <div class="headNav">
                 <div class="headNav_left">
@@ -66,7 +71,7 @@
                 <li><a href="">印象南岸</a></li>
             </ul>
         </div>
-        <div class="zj" v-loading="loading">
+        <div class="zj">
             <div class="pontoon">
                 <p @click="contribute">我要投稿</p>
             </div>
@@ -93,12 +98,10 @@
                     </div>
                     <div class="contribute_content_updata">
                         <p>+<span>归属日期:</span></p>
-                        <template>
                             <div style="border: 0;">
                                 <el-date-picker v-model="form.time" value-format="yyyy-MM-dd"  placeholder="选择日期">
                                 </el-date-picker>
                             </div>
-                        </template>
                     </div>
                     <div class="contribute_content_updata">
                         <p>+<span>我的作品</span></p>

+ 17 - 8
nngkxxdp/src/main/resources/static/impression/js/inperssion.js

@@ -25,7 +25,11 @@ new Vue({
             pictureType: 0,
             examineState: 2,
         },
-        loading:false
+        loading: '',
+    },
+    created: function () {
+        this.openFullScreen1();
+        this.getajax();
     },
     methods: {
         beforeLiberation() {
@@ -154,7 +158,6 @@ new Vue({
                             var year = content[i].vestingDate.substr(0,4);
                             var month= content[i].vestingDate.substr(5,2);
                             var data= content[i].vestingDate.substr(8,2);
-                            console.log(year,month,data)
                             obj.push({
                                 content: year,
                                 time: month + '/' + data,
@@ -169,15 +172,21 @@ new Vue({
                     } else {
                         _this.activities = [];
                     }
-                    _this.loading=false;
+                    $('#app').show();
+                    _this.loading.close();
                 },
                 error: function (err) {
+                    _this.loading.close();
                 }
             })
-        }
-    },
-    created: function () {
-        this.loading=true
-        this.getajax();
+        },
+        openFullScreen1() {
+            this.fullscreenLoading = true;
+            this.loading= this.$loading({
+                lock: true,
+                text: '加载中',
+                background: 'rgba(255, 255, 255, 1)'
+              });
+          },
     },
 })

+ 1 - 1
nngkxxdp/src/main/resources/static/page/js/base/lr_index.js

@@ -243,7 +243,7 @@ function initTables(datas) {
 						, { field: 'pictureAuthor', title: '作品作者', width:120}
 						, { field: 'uploadTime', title: '上传时间', sort: true,  }
 						, { field: 'pictureDescription', title: '描述内容', width: '20%' }
-						, { field: 'vestingData', title: '归属日期', }
+						, { field: 'vestingDate', title: '归属日期', }
 						, { field: 'pictureType', title: '图片类型', sort: true, templet: pictureTypetemplet }
 						, { field: 'examineState', title: '状态',sort: true, templet: examineStatetemplet }
 						, { title: '操作',  width:250, toolbar: '#barDemo' }