浏览代码

Update index.vue

stjdydayou 4 年之前
父节点
当前提交
1e05eb73d6
共有 1 个文件被更改,包括 16 次插入3 次删除
  1. 16 3
      src/views/passenger/equipment/index.vue

+ 16 - 3
src/views/passenger/equipment/index.vue

@@ -36,7 +36,12 @@
         </el-button>
       </el-button-group>
     </el-row>
-    <el-card v-for="item in pageData.records" :key="item.id" :style="{ padding: '0px',float:'left',margin:'0 10px 10px 0' }" shadow="hover">
+    <el-card
+      v-for="item in pageData.records"
+      :key="item.id"
+      :style="{ padding: '0px',float:'left',margin:'0 10px 10px 0' }"
+      shadow="hover"
+    >
       <img :src="item.litpic" class="image" style="width: 200px;height: 150px;" :alt="item.brief">
       <div style="font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width:200px ">
         {{ item.brief }}
@@ -57,7 +62,11 @@
           </el-col>
         </el-row>
       </div>
-
+      <div class="clearfix action-btns">
+        <el-button type="text" href="javascript:;">编辑</el-button>
+        <el-button type="text" href="javascript:;" @click="deleteByIds([item.id])">删除</el-button>
+        <el-button type="text" href="javascript:;">详情</el-button>
+      </div>
     </el-card>
     <div style="clear: both"/>
     <el-pagination
@@ -71,7 +80,11 @@
     <dialog-form ref="dialogForm" @ok="fetchData"/>
   </div>
 </template>
-
+<style type="text/css">
+.action-btns {
+  text-align: right;
+}
+</style>
 <script>
 import { deleteByIds, findPage } from '@/api/bz/equipment'
 import { dateTimeFormatter } from '@/utils/formater'