花材修改等

ghsApp/src/admin/item/detail.vue

@@ -14,23 +14,16 @@
           存在重复编号花材，点击查看，请删除其中一个
         </view>
       </block>
-        <tui-list-cell class="line-cell" :hover="false" v-if="productData.id && productData.id>0">
-          <view class="tui-title">编号</view>
-          <view style="color:#CCCCCC;width:300upx;" @click="getProductId(productData)">
-            {{productData.id?productData.id:0}}-{{productData.itemId?productData.itemId:0}}
-          </view>
-          <button v-if="productData.id > 0" class="admin-button-com blue middle" @click="moreDo()">更多操作</button>
-        </tui-list-cell>
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">名称</view>
-          <input v-model="form.name" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请填写名称" @input="fillName($event)" maxlength="50" type="text" />
+          <input v-model="form.name" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请填写名称" @input="fillName($event)" type="text" />
         </tui-list-cell>
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">初始名称</view>
           <view style="color:#CCCCCC;width:300upx;height:45upx;display:flex;align-items:center;overflow:hidden;">
             {{productData.ptItemInfo ? productData.ptItemInfo.name : ''}}
-            <image :src="`${constant.imgUrl}/icon/official8.png`" v-if="productData.auth == 1" mode="widthFix" style="width:38upx;height:38upx;display:inline-block;margin-left:10upx;"></image>
           </view>
+          <button v-if="productData.id > 0" class="admin-button-com blue middle" @click="moreDo()">更多操作</button>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
@@ -82,7 +75,6 @@
         <button v-if="productData.id > 0" class="admin-button-com blue middle" @click="goCostDetail(productData)">变动记录</button>
         </tui-list-cell>
 
-
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title" style="color:#3385FF;font-weight:bold;">库存</view>
           <input v-model="form.stock" style="color:#3385FF;width:300upx;font-weight:bold;" placeholder-class="phcolor" @focus="form.stock=''" @input="changeStock($event)" class="tui-input" name="stock" placeholder="请输入" type="digit"/>
@@ -90,6 +82,14 @@
           <button v-if="productData.id > 0" class="admin-button-com blue middle" @click="goStockDetail(productData)">变动记录</button>
         </tui-list-cell>
 
+        <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.virtualStock == 0 ? 'blue' : 'default'" @click="virtualStockChange(0)">无需自动补充</button>
+            <button class="admin-button-com middle" :class="form.virtualStock == 1 ? 'blue' : 'default'" @click="virtualStockChange(1)" style="margin-left:38upx;">需要自动补充</button>
+          </view>
+        </tui-list-cell>
+
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">路上库存</view>
           <view style="color:#CCCCCC;width:300upx;height:45upx;display:flex;align-items:center;overflow:hidden;">
@@ -111,21 +111,6 @@
           </view>
         </tui-list-cell>
 
-        <tui-list-cell class="line-cell" :hover="false">
-          <view class="tui-title">比例类型</view>
-          <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="false" :hover="false">
           <view class="tui-title">大单位</view>
           <input v-model="form.bigUnitId" name="bigUnitId" type="text" hidden />
@@ -142,8 +127,16 @@
           <button v-else class="admin-button-com default middle" style="width:150upx;" @click.stop="notAllowChange()">修改</button>
         </tui-list-cell>
 
+        <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: 20upx;">不固定支数</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>
+          <view class="tui-title">几支装</view>
           <input v-model="form.ratio" disabled="true" placeholder-class="phcolor" @click="$msg('不可修改')" style="width:300upx;color:#CCCCCC;"
           class="tui-input" name="ratio" placeholder="1扎=20支，请填写20" maxlength="50" type="number" />
           <button v-if="productData.id > 0 && productData.hasRightChange == 1" class="admin-button-com blue middle" @click.stop="changeRatio()" style="width:150upx;">修改</button>
@@ -260,32 +253,12 @@
             </view>
           </tui-list-cell>
 
-          <tui-list-cell class="line-cell" :hover="false">
-            <view class="tui-title">库存类型</view>
-            <radio-group class="tui-input" @change="virtualStockChange">
-            <label class="list" for="realLink">
-              <radio id="realLink" value="0" :checked="form.virtualStock == 0" style="transform: scale(0.7,0.7);" />
-              <span class="checkbox-text" style="font-size:30upx;">真实</span>
-            </label>
-            <label class="list" for="virLink">
-              <radio id="virLink" value="1" :checked="form.virtualStock == 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" :hover="false">
             <view class="tui-title">单独统计</view>
-            <radio-group class="tui-input" @change="belongCostChange">
-            <label class="list" for="noLink">
-              <radio id="noLink" value="0" :checked="belongCost == 0" style="transform: scale(0.7,0.7);" />
-              <span class="checkbox-text" style="font-size:30upx;">不要</span>
-            </label>
-            <label class="list" for="needLink">
-              <radio id="needLink" value="1" :checked="belongCost == 1" style="transform: scale(0.7,0.7);" />
-              <span class="checkbox-text" style="font-size:30upx;">需要</span>
-            </label>
-            </radio-group>
+            <view class="tui-input">
+              <button class="admin-button-com" :class="belongCost == 0 ? 'blue' : 'default'" @click="belongCostChange(0)">不要</button>
+              <button class="admin-button-com" :class="belongCost == 1 ? 'blue' : 'default'" @click="belongCostChange(1)" style="margin-left: 20upx;">需要</button>
+            </view>
           </tui-list-cell>
 
           <tui-list-cell class="line-cell" :arrow="true" @click="selectMyItem()" v-if="productData.id && Number(productData.id)>0">
@@ -293,6 +266,13 @@
             <view>{{ productData.partAcceptItemName?productData.partAcceptItemName:'' }}</view>
           </tui-list-cell>
 
+          <tui-list-cell class="line-cell" :hover="false" v-if="productData.id && productData.id>0">
+            <view class="tui-title">花材编号</view>
+            <view style="color:#CCCCCC;width:300upx;" @click="getProductId(productData)">
+              {{productData.id?productData.id:0}}-{{productData.itemId?productData.itemId:0}}
+            </view>
+          </tui-list-cell>
+
       </view>
 
       <view class="app-footer">
@@ -1029,8 +1009,8 @@ export default {
 				}
 			})
 		},
-    ratioTypeChange(e) {
-      this.form.ratioType = e.detail.value;
+    ratioTypeChange(value) {
+      this.form.ratioType = value;
     },
     fastSubmit(){
       this.dialogInputConfirm({index: 1})
@@ -1079,12 +1059,12 @@ export default {
     goStockDetail(item){
 				this.$util.pageTo({url: "/pagesStorehouse/stockWarn/detailed?id="+item.id+'&name='+item.name})
 		},
-    virtualStockChange(e){
-      this.form.virtualStock = e.detail.value
+    virtualStockChange(value){
+      this.form.virtualStock = value
     },
-    belongCostChange(e){
+    belongCostChange(value){
       let that = this
-      this.belongCost = e.detail.value
+      this.belongCost = value
       changeBelongCost({id:this.productData.id,belongCost:this.belongCost}).then(res=>{
         if(res.code == 1){
           that.$msg(res.msg)
@@ -1478,6 +1458,22 @@ export default {
     }
   }
 }
+// 按钮组样式
+.tui-input {
+  &:deep(radio-group) {
+    display: flex;
+    align-items: center;
+  }
+  
+  .admin-button-com {
+    padding: 15upx 25upx;
+    font-size: 26upx;
+    
+    &:not(:first-child) {
+      margin-left: 20upx;
+    }
+  }
+}
 .use-img{
   font-size: 22rpx;
   color: #999999;