修改售后样式

src/views/platmanag/sales/parts/steps-1.vue

@@ -26,9 +26,11 @@
             </el-form>
           </el-col>
           <el-col v-if="active == 3">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已退款成功</el-col>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -83,4 +85,12 @@ export default {
     color: red;
   }
 }
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
 </style>

src/views/platmanag/sales/parts/steps-2.vue

@@ -40,10 +40,12 @@
             </el-col>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已退货成功</el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">库存需手动修改</el-col>
           </el-col>
           <el-col v-if="active == 5">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -98,4 +100,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>

src/views/platmanag/sales/parts/steps-3.vue

@@ -64,10 +64,12 @@
             </el-col>
           </el-col>
           <el-col v-if="active == 6">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">换货成功</el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">库存需手动修改</el-col>
           </el-col>
           <el-col v-if="active == 7">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -141,4 +143,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>

src/views/platmanag/sales/parts/steps-4.vue

@@ -14,9 +14,11 @@
             <el-button type="primary" @click="exam('!4')">拒绝</el-button>
           </el-col>
           <el-col v-if="active == 3">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已取消订单</el-col>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -56,4 +58,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>

src/views/platmanag/sales/parts/steps-5.vue

@@ -18,9 +18,11 @@
             <el-button type="primary" @click="exam('-5')">结束拒收售后</el-button>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒收成功</el-col>
           </el-col>
           <el-col v-if="active == 5">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -60,4 +62,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>

src/views/selfShop/sales/parts/steps-1.vue

@@ -26,9 +26,11 @@
             </el-form>
           </el-col>
           <el-col v-if="active == 3">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已退款成功</el-col>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -83,4 +85,12 @@ export default {
     color: red;
   }
 }
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
 </style>

src/views/selfShop/sales/parts/steps-2.vue

@@ -40,10 +40,12 @@
             </el-col>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已退货成功</el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">库存需手动修改</el-col>
           </el-col>
           <el-col v-if="active == 5">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -98,4 +100,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>

src/views/selfShop/sales/parts/steps-3.vue

@@ -64,10 +64,12 @@
             </el-col>
           </el-col>
           <el-col v-if="active == 6">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">换货成功</el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">库存需手动修改</el-col>
           </el-col>
           <el-col v-if="active == 7">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -141,4 +143,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>

src/views/selfShop/sales/parts/steps-4.vue

@@ -14,9 +14,11 @@
             <el-button type="primary" @click="exam('!4')">拒绝</el-button>
           </el-col>
           <el-col v-if="active == 3">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已取消订单</el-col>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -56,4 +58,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>

src/views/selfShop/sales/parts/steps-5.vue

@@ -18,9 +18,11 @@
             <el-button type="primary" @click="exam('-5')">结束拒收售后</el-button>
           </el-col>
           <el-col v-if="active == 4">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-success"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒收成功</el-col>
           </el-col>
           <el-col v-if="active == 5">
+            <el-col style="text-align: center; margin: 15px 0"><i class="el-icon-error"></i></el-col>
             <el-col style="text-align: center; margin: 15px 0; font-size: 18px">已拒绝</el-col>
           </el-col>
         </el-col>
@@ -60,4 +62,13 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.el-icon-success {
+  font-size: 60px;
+  color: green;
+}
+.el-icon-error {
+  font-size: 60px;
+  color: red;
+}
+</style>