花材

hdApp/src/admin/item/add.vue

@@ -62,20 +62,6 @@
           </view>
         </tui-list-cell>
 
-        <tui-list-cell class="line-cell" :hover="false">
-          <div class="tui-title">比例类型</div>
-          <radio-group class="tui-input" @change="ratioTypeChange">
-            <label class="list" for="fixedLink">
-              <radio id="fixedLink" value="0" :checked="form.ratioType == 0" style="transform: scale(0.7,0.7);" />
-              <span class="checkbox-text" style="font-size:30upx;">固定</span>
-            </label>
-            <label class="list" for="dimLink">
-              <radio id="dimLink" value="1" :checked="form.ratioType == 1" style="transform: scale(0.7,0.7);" />
-              <span class="checkbox-text" style="font-size:30upx;">模糊（若干）</span>
-            </label>
-          </radio-group>
-        </tui-list-cell>
-
         <tui-list-cell class="line-cell" :arrow="true">
           <div class="tui-title">大单位</div>
           <picker mode="selector" :value="form.bigUnitId" :range="unitData" range-key="name" @change="changeBigUnitFn" class="tui-input" >
@@ -94,9 +80,17 @@
           </picker>
         </tui-list-cell>
 
-        <tui-list-cell class="line-cell" :hover="false" v-if="form.ratioType == 0">
-          <div class="tui-title">单位比</div>
-          <input v-model="form.ratio" placeholder-class="phcolor" class="tui-input" name="ratio" placeholder="1扎=20支，请填写20" maxlength="50" type="number" />
+        <tui-list-cell class="line-cell" :hover="false">
+          <view class="tui-title">包装类型</view>
+          <view class="tui-input">
+            <button class="admin-button-com middle" :class="form.ratioType == 0 ? 'blue' : 'default'" @click="ratioTypeChange(0)">固定支数</button>
+            <button class="admin-button-com middle" :class="form.ratioType == 1 ? 'blue' : 'default'" @click="ratioTypeChange(1)" style="margin-left:140upx;">没有固定</button>
+          </view>
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :arrow="false" v-if="form.ratioType == 0" :hover="false">
+          <view class="tui-title">几支装</view>
+          <input v-model="form.ratio" placeholder-class="phcolor" class="tui-input" name="ratio" placeholder="20支装填20" maxlength="50" type="number" />
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
@@ -412,8 +406,8 @@ export default {
     statusChange(e){
       this.form.status = e.detail.value ? 1 : 2;
     },
-    ratioTypeChange(e){
-      this.form.ratioType = e.detail.value
+    ratioTypeChange(value) {
+      this.form.ratioType = value;
     },
     //如果库存被修改则花材状态变化
     changeStock(event){