轮播管理初始化

src/api/business/banner.js

-import request from '../../../../pet-admin/src/utils/request'
+import request from '@/utils/request'
 
 // 查询轮播图管理列表
 export function listBanner(query) {

src/views/banner_management/banner_management.vue

@@ -74,13 +74,17 @@
             :header-cell-style="{background:'#E8E9E8'}"
           >
             <el-table-column label="序号" min-width="80" show-overflow-tooltip type="index" />
-            <el-table-column label="标题" align="center" prop="title" show-overflow-tooltip/>
-            <el-table-column label="图片地址" align="center" prop="img" show-overflow-tooltip/>
-            <el-table-column label="跳转链接" align="center" prop="url" show-overflow-tooltip/>
-            <el-table-column label="权重" align="center" prop="sort" />
-            <el-table-column label="状态" align="center" prop="status" />
-            <el-table-column label="备注" align="center" prop="notes" show-overflow-tooltip/>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <el-table-column label="标题" prop="title" show-overflow-tooltip/>
+            <el-table-column label="图片地址" prop="img" show-overflow-tooltip/>
+            <el-table-column label="跳转链接" prop="url" show-overflow-tooltip/>
+            <el-table-column label="权重" prop="sort" width="60"/>
+            <el-table-column label="状态" prop="status" width="80">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.banner_status" :value="scope.row.status" />
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" prop="notes" show-overflow-tooltip/>
+            <el-table-column label="操作" class-name="small-padding fixed-width">
               <template slot-scope="scope">
                 <div style="display: flex;">
                   <div style="padding-right: 20px;">
@@ -154,6 +158,7 @@ import { listBanner, getBanner, delBanner, addBanner, updateBanner } from '@/api
 
 export default {
   name: 'BannerManagement',
+  dicts: ['banner_status'],
   data() {
     return {
       activeName: 'first',
@@ -325,4 +330,14 @@ export default {
   color: #666666 !important;
   width: 200px !important;
 }
+/*表格上下架状态颜色样式*/
+/*上架*/
+::v-deep .status-grounding {
+  color: #67C23A;
+}
+
+/*下架*/
+::v-deep .status-offshelf {
+  color: #f5aa6c;
+}
 </style>