shish 2 ماه پیش
والد
کامیت
ac3bbfeb5a
2فایلهای تغییر یافته به همراه76 افزوده شده و 58 حذف شده
  1. 38 29
      ghsApp/src/admin/item/detail.vue
  2. 38 29
      hdApp/src/admin/item/detail.vue

+ 38 - 29
ghsApp/src/admin/item/detail.vue

@@ -73,27 +73,39 @@
           </tui-list-cell>
           <tui-list-cell v-if="showClearTime" class="line-cell limit-buy-line" :hover="false">
             <view class="tui-title" style="width:150upx;">清除方式</view>
-            <radio-group class="tui-input limit-clear-radio" @change="limitBuyClearTypeChange">
-              <label class="list" for="limitClearNone">
-                <radio id="limitClearNone" value="0" :checked="form.limitBuyClearType == 0" style="transform:scale(0.87,0.87)" />
-                <text class="checkbox-text">不清除</text>
-              </label>
-              <label class="list" for="limitClearCycle">
-                <radio id="limitClearCycle" value="1" :checked="form.limitBuyClearType == 1" style="transform:scale(0.87,0.87)" />
-                <text class="checkbox-text">循环</text>
-              </label>
-              <label class="list" for="limitClearTiming">
-                <radio id="limitClearTiming" value="2" :checked="form.limitBuyClearType == 2" style="transform:scale(0.87,0.87)" />
-                <text class="checkbox-text">定时</text>
-              </label>
+            <view class="tui-input limit-clear-btns">
+              <button
+                type="default"
+                class="admin-button-com mini-btn limit-clear-btn"
+                :class="form.limitBuyClearType == 1 ? 'blue' : 'default'"
+                @click="limitBuyClearTypeChange(1)"
+              >
+                循环
+              </button>
+              <button
+                type="default"
+                class="admin-button-com mini-btn limit-clear-btn"
+                :class="form.limitBuyClearType == 2 ? 'blue' : 'default'"
+                @click="limitBuyClearTypeChange(2)"
+              >
+                定时
+              </button>
+              <button
+                type="default"
+                class="admin-button-com mini-btn limit-clear-btn"
+                :class="form.limitBuyClearType == 0 ? 'blue' : 'default'"
+                @click="limitBuyClearTypeChange(0)"
+              >
+                不清除
+              </button>
               <input v-model="form.limitBuyClearType" name="limitBuyClearType" hidden />
-            </radio-group>
+            </view>
           </tui-list-cell>
           <tui-list-cell v-if="showClearTime && form.limitBuyClearType != 0" class="line-cell limit-buy-line" :hover="false">
             <template v-if="form.limitBuyClearType == 1">
               <view class="tui-title">清除时间</view>
               <view class="limit-clear-cycle-row">
-                <text class="limit-clear-cycle-text">每隔</text>
+                <text class="limit-clear-cycle-text">每</text>
                 <picker
                   mode="selector"
                   :range="limitBuyClearCycleList"
@@ -740,8 +752,8 @@ export default {
         this.form.cleartAt = this.limitBuyClearHourList.length - 1
       }
     },
-    limitBuyClearTypeChange(e){
-      this.form.limitBuyClearType = Number(e.detail.value)
+    limitBuyClearTypeChange(val){
+      this.form.limitBuyClearType = Number(val)
       if (this.form.limitBuyClearType == 0 || this.form.limitBuyClearType == 1) {
         this.form.limitBuyClearTime = ''
       }
@@ -1639,22 +1651,19 @@ export default {
   }
 }
 .limit-time-picker {
-  width: 470upx;
+  width: 460upx;
 }
-.limit-clear-radio {
+.limit-clear-btns {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
-  .list {
-    display: flex;
-    align-items: center;
-    margin-right: 20upx;
-    white-space: nowrap;
-  }
-  .checkbox-text {
-    margin-left: 4upx;
-    white-space: nowrap;
-  }
+  margin-left:35upx;
+}
+.limit-clear-btn {
+  margin-left: 30upx;
+}
+.limit-clear-btn:first-child {
+  margin-left: 30;
 }
 .limit-clear-time-title {
   margin-left: 35upx;

+ 38 - 29
hdApp/src/admin/item/detail.vue

@@ -87,27 +87,39 @@
           </tui-list-cell>
           <tui-list-cell v-if="showClearTime" class="line-cell limit-buy-line" :hover="false">
             <view class="tui-title" style="width:150upx;">清除方式</view>
-            <radio-group class="tui-input limit-clear-radio" @change="limitBuyClearTypeChange">
-              <label class="list" for="limitClearNone">
-                <radio id="limitClearNone" value="0" :checked="form.limitBuyClearType == 0" style="transform:scale(0.87,0.87)" />
-                <text class="checkbox-text">不清除</text>
-              </label>
-              <label class="list" for="limitClearCycle">
-                <radio id="limitClearCycle" value="1" :checked="form.limitBuyClearType == 1" style="transform:scale(0.87,0.87)" />
-                <text class="checkbox-text">循环</text>
-              </label>
-              <label class="list" for="limitClearTiming">
-                <radio id="limitClearTiming" value="2" :checked="form.limitBuyClearType == 2" style="transform:scale(0.87,0.87)" />
-                <text class="checkbox-text">定时</text>
-              </label>
+            <view class="tui-input limit-clear-btns">
+              <button
+                type="default"
+                class="admin-button-com mini-btn limit-clear-btn"
+                :class="form.limitBuyClearType == 1 ? 'blue' : 'default'"
+                @click="limitBuyClearTypeChange(1)"
+              >
+                循环
+              </button>
+              <button
+                type="default"
+                class="admin-button-com mini-btn limit-clear-btn"
+                :class="form.limitBuyClearType == 2 ? 'blue' : 'default'"
+                @click="limitBuyClearTypeChange(2)"
+              >
+                定时
+              </button>
+              <button
+                type="default"
+                class="admin-button-com mini-btn limit-clear-btn"
+                :class="form.limitBuyClearType == 0 ? 'blue' : 'default'"
+                @click="limitBuyClearTypeChange(0)"
+              >
+                不清除
+              </button>
               <input v-model="form.limitBuyClearType" name="limitBuyClearType" hidden />
-            </radio-group>
+            </view>
           </tui-list-cell>
           <tui-list-cell v-if="showClearTime && form.limitBuyClearType != 0" class="line-cell limit-buy-line" :hover="false">
             <template v-if="form.limitBuyClearType == 1">
               <view class="tui-title">清除时间</view>
               <view class="limit-clear-cycle-row">
-                <text class="limit-clear-cycle-text">每隔</text>
+                <text class="limit-clear-cycle-text">每</text>
                 <picker
                   mode="selector"
                   :range="limitBuyClearCycleList"
@@ -773,8 +785,8 @@ export default {
         this.form.cleartAt = this.limitBuyClearHourList.length - 1
       }
     },
-    limitBuyClearTypeChange(e){
-      this.form.limitBuyClearType = Number(e.detail.value)
+    limitBuyClearTypeChange(val){
+      this.form.limitBuyClearType = Number(val)
       if (this.form.limitBuyClearType == 0 || this.form.limitBuyClearType == 1) {
         this.form.limitBuyClearTime = ''
       }
@@ -1625,22 +1637,19 @@ export default {
   }
 }
 .limit-time-picker {
-  width: 470upx;
+  width: 460upx;
 }
-.limit-clear-radio {
+.limit-clear-btns {
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
-  .list {
-    display: flex;
-    align-items: center;
-    margin-right: 20upx;
-    white-space: nowrap;
-  }
-  .checkbox-text {
-    margin-left: 4upx;
-    white-space: nowrap;
-  }
+  margin-left:35upx;
+}
+.limit-clear-btn {
+  margin-left: 30upx;
+}
+.limit-clear-btn:first-child {
+  margin-left: 30;
 }
 .limit-clear-time-title {
   margin-left: 35upx;