修改河南项目的管理后台ui

ruoyi-ui/src/views/skins/ttBox/index.vue

@@ -320,16 +320,14 @@
           <el-input-number v-model="form.sort" :min="1" :max="1000" label="请选择"></el-input-number>
         </el-form-item>
         <el-form-item label="是否对战宝箱" prop="isFight">
-          <el-switch
+          <capsule-switch
             v-model="form.isFight"
-            :active-value="'0'"
-            :inactive-value="'1'"
-            active-color="#457450"
-            inactive-color="#a4485a"
-            active-text="否"
-            inactive-text="是"
+            active-value="1"
+            inactive-value="0"
+            active-text="是"
+            inactive-text="否"
             :disabled="$route.query.isFight != null"
-          ></el-switch>
+          />
         </el-form-item>
         <!-- 宝箱类型已隐藏（编辑时保留原值提交）
         <el-form-item label="宝箱类型" prop="boxType">
@@ -347,27 +345,23 @@
           <el-input-number v-model="form.compAmount" :min="0" :max="1000" label="请选择"></el-input-number>
         </el-form-item>
         <el-form-item label="宝箱状态" prop="status">
-          <el-switch
+          <capsule-switch
             v-model="form.status"
-            :active-value="'1'"
-            :inactive-value="'0'"
-            active-color="#a4485a"
-            inactive-color="#457450"
+            active-value="0"
+            inactive-value="1"
             active-text="正常"
             inactive-text="停用"
-          ></el-switch>
+          />
         </el-form-item>
         <el-form-item label="是否首页推荐" prop="isHome">
-          <el-switch
+          <capsule-switch
             v-model="form.isHome"
-            :active-value="'1'"
-            :inactive-value="'0'"
-            active-color="#a4485a"
-            inactive-color="#457450"
+            active-value="1"
+            inactive-value="0"
             active-text="是"
             inactive-text="否"
             @change="hh()"
-          ></el-switch>
+          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -1381,70 +1375,6 @@ export default {
   text-decoration-style: dashed;
   text-underline-position: under;
 }
-::v-deep .el-switch {
-  border-radius: 0px !important;
-  height: 24px !important;
-}
-::v-deep .el-switch__core {
-  width: 70px !important;
-  height: 24px;
-  border-radius: 3px;
-  border: none;
-}
-::v-deep .el-switch__core::after {
-  width: 50%;
-  height: 24px;
-  border-radius: 0px;
-  top: 0px !important;
-  right: 0px !important;
-  left: 0px;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-}
-::v-deep .el-switch.is-checked .el-switch__core::after {
-  margin-left: -35px;
-  box-sizing: border-box;
-  top: 0px !important;
-  right: 0px !important;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  text-align: center;
-}
-/*关闭时文字位置设置*/
-::v-deep .el-switch__label--right {
-  text-align: center;
-  position: absolute;
-  width: 40%;
-  z-index: 1;
-  right: 6px;
-  margin-left: 0px;
-  color: rgba(255, 255, 255, 1);
-  span {
-    font-size: 13px;
-    box-sizing: border-box;
-    color: #fff;
-  }
-}
-/* 激活时另一个文字消失 */
-::v-deep .el-switch__label.is-active {
-  text-align: center;
-  display: none;
-}
-/*开启时文字位置设置*/
-::v-deep .el-switch__label--left {
-  text-align: center;
-  position: absolute;
-  width: 40%;
-  z-index: 1;
-  left: 5px;
-  margin-right: 0px;
-  color: rgba(255, 255, 255, 1);
-  span {
-    font-size: 13px;
-    box-sizing: border-box;
-    color: #fff;
-  }
-}
 .magicbox {
   margin: 0 auto;
   margin-top: 5px;