公告列表

src/views/notice/list.vue

@@ -5,7 +5,8 @@
       v-if="true"
       class="action-bar"
     >
-      <div class="action-bar-left">
+      <div class="action-bar-left" />
+      <div class="action-bar-right">
         <router-link to="/notice/new">
           <el-button
             type="primary"
@@ -15,7 +16,6 @@
           </el-button>
         </router-link>
       </div>
-      <div class="action-bar-right" />
     </div>
 
     <!--表格-->
@@ -61,13 +61,7 @@
             type="text"
             @click="handleView(row)"
           >
-            详情
-          </el-button>
-          <el-button
-            type="text"
-            @click="handleView(row)"
-          >
-            推送
+            上架
           </el-button>
         </template>
       </el-table-column>
@@ -94,54 +88,27 @@ export default {
   name: "Fence",
   data() {
     return {
-      checkList: ["产品等级", "产品编号", "产品名称", "LOGO", "机构编号", "机构名称", "产品状态","对接方式","创建时间",],
+      checkList: ["标题", "公告内容",  "公告状态","创建时间",],
       columns: [
         {
           order: 1,
-          label: "产品等级",
-          prop: "gradeSort"
+          label: "标题",
+          prop: "znxTitle"
         },
         {
           order: 2,
-          label: "产品编号",
-          prop: "appNo"
+          label: "公告内容",
+          prop: "znxContent"
         },
         {
           order: 3,
-          label: "产品名称",
-          prop: "appName"
-        },
-        {
-          order: 4,
-          label: "LOGO",
-          prop: "appLogo"
-        },
-        {
-          order: 5,
-          label: "机构编号",
-          prop: "tenantNo",
-          overflow: true
-        },
-        {
-          order: 6,
-          label: "机构名称",
-          prop: "loanLicenseUrl"
-        },
-        {
-          order: 7,
-          label: "产品状态",
+          label: "公告状态",
           prop: "status"
         },
         {
-          order: 8,
-          label: "对接方式",
-          prop: "abutmentWay"
-        },
-        {
-          order: 9,
-          width:170,
+          order: 4,
           label: "创建时间",
-          prop: "gmtCreated"
+          prop: "appLogo"
         }
       ],
       list: [],
@@ -228,6 +195,15 @@ export default {
 }
 
 .action-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   margin-bottom: 15px;
+  .action-bar-left,.action-bar-right{
+    flex:1;
+  }
+  .action-bar-right{
+    text-align: right;
+  }
 }
 </style>