feat:钱币设置添加状态展示

src/views/goods/infoSet.vue

@@ -31,10 +31,16 @@
             <div v-for="(item, index) in imageList" :key="item + index" class="select_item">
               <img :src="item" class="gallery" @click="handleShowLargeDialog(item)">
               <div class="edit" @click="handlerChangeImage(item)">编辑</div>
-              <div v-if="imageList.length > 0" class="set" @click="handlerSetMainImage(item, index)">{{ imageMainPosition === index ? '主图' : '设为主图' }}</div>
+              <div v-if="imageList.length > 0" class="set" @click="handlerSetMainImage(item, index)">
+                {{ imageMainPosition === index ? '主图' : '设为主图' }}
+              </div>
             </div>
           </div>
         </div>
+
+        <div v-if="goodsParams.stateName" class="detail_status">
+          {{ goodsParams.stateName }}
+        </div>
       </div>
     </el-card>
     <div class="info">
@@ -186,7 +192,15 @@ import { VuePictureCut, VuePictureCutMask, VuePictureCutMenu } from 'vue-picture
 import { getToken } from '@/utils/auth'
 import SelectImageDialog from './components/selectImageDialog'
 import { listCategories } from '@/api/business/goods'
-import { detailGoods, editGoods, saveImageBase64, saveCroppingRecord, deleteGood, holdOver, setTopImage } from '@/api/business/goodsNew'
+import {
+  detailGoods,
+  editGoods,
+  saveImageBase64,
+  saveCroppingRecord,
+  deleteGood,
+  holdOver,
+  setTopImage
+} from '@/api/business/goodsNew'
 import CheckLargeImageDialog from './components/CheckLargeImageDialog'
 import CutImageDialog from './components/CutImageDialog'
 import CutEditImageDialog from './components/CutEditImageDialog'
@@ -647,6 +661,8 @@ export default {
 }
 
 .detail {
+  position: relative;
+
   .desc {
     display: flex;
     flex-direction: row;
@@ -713,6 +729,7 @@ export default {
           background: #000000;
           opacity: 0.6;
         }
+
         .set {
           width: 100px;
           position: absolute;
@@ -728,6 +745,16 @@ export default {
       }
     }
   }
+
+  .detail_status {
+    position: absolute;
+    right: 12px;
+    top: 0;
+    font-weight: normal;
+    font-size: 22px;
+    border-radius: 8px;
+    color: #409EFF;
+  }
 }
 
 .info {

src/views/goods/list.vue

@@ -64,6 +64,7 @@
           <el-tag :type="scope.row.isOnSale ? 'success' : 'error' ">{{ scope.row.isOnSale ? '在售' : '下架' }}</el-tag>
         </template>
       </el-table-column>
+      <el-table-column align="center" min-width="110" label="状态" prop="stateName"/>
 
       <el-table-column align="center" label="操作" width="250" class-name="small-padding fixed-width">
         <template slot-scope="scope">