调整个人首页

src/components/personalCenter/gonggao.vue

@@ -66,6 +66,10 @@ export default {
   font-size: 13px;
   line-height: 25px;
   position: relative;
+  overflow-x: hidden;
+}
+.ad .content img{
+  max-width: 100%;
 }
 .ad .content .notice-title {
   padding-bottom: 10px;

src/components/personalCenter/index.vue

@@ -96,45 +96,70 @@
           ></el-pagination>
         </div>
         <!-- 未认款 -->
-        <div class="orders" v-loading="RLoading">
-          <div class="title">未认款</div>
-          <i class="more iconfont icon-gengduo1" title="查看所有未认款" @click="openAllMan"></i>
-          <div class="per-tab">
-            <table>
-              <thead>
-                <th>别名</th>
-                <th>户名</th>
-                <th>开户行</th>
-                <th>账号</th>
-                <th>交易时间</th>
-                <th>收</th>
-                <th>支</th>
-                <th>对方户名</th>
-              </thead>
-              <tbody>
-                <tr v-for="(item, index) in rList" :key="index">
-                  <td class="bold">{{item.Alias}}</td>
-                  <td class="blue bold">{{item.AccountName}}</td>
-                  <td class="bold">{{item.OpeningBank}}</td>
-                  <td>{{item.BackNo | PNumber}}</td>
-                  <td class="bold">{{item.TradeDate}}</td>
-                  <td class="bold org">{{item.Income | MoneyMu}}</td>
-                  <td class="bold red">{{item.Refund | MoneyMu}}</td>
-                  <td class="bold red">{{item.Remitter}}</td>
-                  <!-- <td class="op" @click="openOrders(item.orderId)">
-                    <i title="查看" class="el-icon-view"></i>
-                  </td> -->
-                </tr>
-                <tr v-if="!rList || rList.length==0">
-                  <td
-                    colspan="8"
-                    style="color:gray;border:none;padding:50px 0;text-align:center"
-                  >暂无数据</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <div class="orders" v-loading="RLoading">
+              <div class="title">未认款</div>
+              <i class="more iconfont icon-gengduo1" title="查看所有未认款" @click="openAllMan"></i>
+              <div class="per-tab">
+                <table>
+                  <thead>
+                    <th>别名</th>
+                    <!-- <th>户名</th> -->
+                    <!-- <th>开户行</th>
+                    <th>账号</th> -->
+                    <th>交易时间</th>
+                    <th>收</th>
+                    <!-- <th>支</th> -->
+                    <th>对方户名</th>
+                  </thead>
+                  <tbody>
+                    <tr v-for="(item, index) in rList" :key="index">
+                      <td class="bold">{{item.Alias}}</td> 
+                      <!-- <td class="bold">{{item.OpeningBank}}</td>
+                      <td>{{item.BackNo | PNumber}}</td> -->
+                      <td class="bold">{{item.TradeDate}}</td>
+                      <td class="bold org">{{item.Income | MoneyMu}}</td>
+                      <!-- <td class="bold red">{{item.Refund | MoneyMu}}</td> -->
+                      <td class="bold red">{{item.Remitter}}</td> 
+                    </tr>
+                    <tr v-if="!rList || rList.length==0">
+                      <td
+                        colspan="8"
+                        style="color:gray;border:none;padding:50px 0;text-align:center"
+                      >暂无数据</td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="first">
+              <!-- <div class="imbox">
+                <div class="title">近期消息</div>
+                <imbox></imbox>
+              </div> -->
+              <div class="imbox" style="padding-top:60px;    margin-top: 20px;">
+                <div class="title">公告通知</div>
+                <div class="tab">
+                  <span
+                    class="item"
+                    :class="{'active':choseNoticeType==0}"
+                    @click="changeNoticeType(0)"
+                  >公告</span>
+                  <span
+                    class="item"
+                    :class="{'active':choseNoticeType==1}"
+                    @click="changeNoticeType(1)"
+                  >通知</span>
+                </div>
+                <gonggao v-show="choseNoticeType==0"></gonggao>
+                <notice v-show="choseNoticeType==1"></notice>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
         <div class="first">
           <div class="pingtai">
             <div class="title">成交平台占比</div>
@@ -145,29 +170,6 @@
             <cloud :result="result.cloudStorageList"></cloud>
           </div>
         </div>
-        <!-- <div class="first">
-          <div class="imbox">
-            <div class="title">近期消息</div>
-            <imbox></imbox>
-          </div>
-          <div class="imbox" style="margin-left:20px;padding-top:60px">
-            <div class="title">公告通知</div>
-            <div class="tab">
-              <span
-                class="item"
-                :class="{'active':choseNoticeType==0}"
-                @click="changeNoticeType(0)"
-              >公告</span>
-              <span
-                class="item"
-                :class="{'active':choseNoticeType==1}"
-                @click="changeNoticeType(1)"
-              >通知</span>
-            </div>
-            <gonggao v-show="choseNoticeType==0"></gonggao>
-            <notice v-show="choseNoticeType==1"></notice>
-          </div>
-        </div> -->
       </div>
       <div class="r-box">
         <div class="sell">
@@ -380,8 +382,7 @@ export default {
   position: relative;
 }
 .personal .c-box .imbox {
-  height: 405px;
-  margin-bottom: 20px;
+  height: 419px;
 }
 .personal .c-box .pingtai {
   height: 300px;