@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/module/ReceiveAbnormal/index.vue

@@ -0,0 +1,847 @@
+<!--
+  收货异常
+  @author: 张文
+  @date: 2022-05-09
+-->
+<template>
+  <div>
+
+    <div v-if="show">
+
+      <!-- ERP单号 -->
+      <div class="lw-global-model-box lw-receive-abnormal-boss">
+
+        <lw-input
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.order','订单号')"
+          v-model="abnormalInfo.orderNo"
+          input-align="right"
+          required
+          disabled
+        />
+
+        <lw-input
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.erp','ERP单号')"
+          v-model="abnormalInfo.erpOrderNo"
+          input-align="right"
+          :disabled="!!asnData.extNo"
+        />
+
+        <lw-input
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.evidenceNo','凭证单号')"
+          v-model="abnormalInfo.evidenceNo"
+          input-align="right"
+        />
+
+        <lw-input
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.supplierCode','供应商编码')"
+          v-model="abnormalInfo.supplierCode"
+          input-align="right"
+          :disabled="!!asnData.supplierCode"
+        />
+
+        <lw-input
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.supplierName','供应商名称')"
+          v-model="abnormalInfo.supplierName"
+          input-align="right"
+          :disabled="!!asnData.supplierName"
+        />
+
+      </div>
+
+      <!-- 更多单据信息 -->
+      <div class="lw-global-model-box lw-global-collapse-box">
+        <van-collapse
+          v-model="moreInfoCollapse"
+          :border="false"
+        >
+          <van-collapse-item
+            :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.more','更多单据信息')"
+            name="1"
+          >
+
+            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.carrierCode','承运商编号')"
+              v-model="abnormalInfo.carrierCode"
+              input-align="right"
+            />
+
+            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.carrierName','承运商名称')"
+              v-model="abnormalInfo.carrierName"
+              input-align="right"
+            />
+
+            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.plateNumber','车牌号')"
+              v-model="abnormalInfo.plateNumber"
+              input-align="right"
+            />
+
+            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.extBizNo','业务单号1')"
+              v-model="abnormalInfo.extBizNo"
+              input-align="right"
+            />
+
+            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.extBizNo2','业务单号2')"
+              v-model="abnormalInfo.extBizNo2"
+              input-align="right"
+            />
+
+            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.extBizNo3','业务单号3')"
+              v-model="abnormalInfo.extBizNo3"
+              input-align="right"
+            />
+
+<!--            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.wms','WMS单据号')"
+              v-model="abnormalInfo.bizOrderNo"
+              input-align="right"
+              :disabled="moreDisabled"
+            />
+
+            <lw-input
+              :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.wmsNum','WMS单据行号')"
+              v-model="abnormalInfo.bizOrderLineNo"
+              input-align="right"
+              :disabled="moreDisabled"
+            />-->
+
+          </van-collapse-item>
+        </van-collapse>
+      </div>
+
+      <!-- 所属类型 -->
+      <div class="lw-global-model-box">
+
+        <!-- 所属类型 -->
+        <lw-cell
+          style="padding-top: 0"
+          :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.type','所属类型')"
+          :value="belongType"
+          value-align="right"
+          :is-link="false"
+        />
+
+        <!-- 作业环节 -->
+        <lw-cell-popup-radio
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.discoveryPoint','作业环节')"
+          v-model="abnormalType.discoveryPoint"
+          dict-key="abnormal_discovery_point_choice"
+          required
+        />
+
+        <!-- 异常类型 -->
+        <lw-cell-popup-radio
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.abnType','异常类型')"
+          v-model="abnormalType.abnType"
+          dict-key="abnormal_type_choice"
+          required
+          @confirm="typeConfirm"
+          @clear="typeClear"
+        />
+
+        <!-- 异常子类型 -->
+        <lw-cell-popup-radio
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.abnSubType','异常子类型')"
+          v-model="abnormalType.abnSubType"
+          :columns="subTypeList"
+          required
+        />
+
+        <!-- 货主 -->
+        <lw-cell-popup-radio
+          style="padding-bottom: 0"
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.owner','货主')"
+          v-model="abnormalType.ownerId"
+          value-key="id"
+          label-key="name"
+          :columns="ownerList"
+          required
+          :disabled="!!asnData.ownerId"
+        />
+
+      </div>
+
+      <!-- 增加商品信息按钮 -->
+      <div
+        v-if="showAddBtn"
+        class="lw-global-model-box lw-global-flex-between"
+      >
+        <div class="lw-global-value" style="font-size: 16px">
+          {{ $lwLanguage.get('wms_project.pda.module.receiveAbn.skuInfo','商品信息') }}
+        </div>
+
+        <van-icon
+          name="add-o"
+          size="24px"
+          color="#409eff"
+          @click="addSku"
+        />
+      </div>
+
+      <!-- 商品信息录入模块 -->
+      <div
+        v-else
+        class="lw-global-model-box lw-global-row"
+        style="padding-bottom: 0"
+      >
+
+        <div class="lw-global-row-start lw-global-flex-between">
+
+          <div class="lw-global-value" style="font-size: 16px">
+            {{ $lwLanguage.get('wms_project.pda.module.receiveAbn.skuInfo','商品信息') }}
+          </div>
+
+          <lw-button
+            v-if="multiple"
+            mini
+            round
+            @click="saveSku"
+          >
+            <van-icon name="certificate" />
+            {{ $lwLanguage.get('wms_project.pda.module.receiveAbn.save','保存') }}
+          </lw-button>
+
+        </div>
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.sku','商品号')"
+          v-model="skuInfo.skuCode"
+          :get-focus.sync="skuInfoFocus.skuCode"
+          input-align="right"
+          required
+          :disabled="skuDisabled"
+          @confirm="skuCodeConfirm()"
+        >
+          <template #button>
+            <lw-button
+              v-if="!skuDisabled"
+              type="last"
+              round
+              mini
+              @click="skuCodeConfirm()"
+            >
+              {{ $lwLanguage.get('wms_project.pda.module.receiveAbn.confirm','确认') }}
+            </lw-button>
+          </template>
+        </lw-input>
+
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.skuName','商品名称')"
+          :value="skuInfo.sku.skuName"
+          value-align="right"
+          :is-link="false"
+        />
+
+
+        <!-- 批次组件信息 -->
+        <lw-lot-module
+          v-if="lot.show"
+          ref="lot"
+          :query="lot.query"
+          :must-required="false"
+        />
+
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.anbQty','异常数量')"
+          v-model="skuInfo.abnQty"
+          :get-focus.sync="skuInfoFocus.qty"
+          type="digit"
+          input-align="right"
+          required
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.abnLocal','异常库位')"
+          v-model="skuInfo.abnLocationCode"
+          :get-focus.sync="skuInfoFocus.abnormalLocationCode"
+          input-align="right"
+          required
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.lpn','托盘号')"
+          v-model="skuInfo.abnLpn"
+          input-align="right"
+        />
+
+        <!-- 处理方式 -->
+        <lw-cell-popup-radio
+          :title="this.$lwLanguage.get('wms_project.pda.module.receiveAbn.handleMethod','处理方式')"
+          v-model="skuInfo.handleMethod"
+          dict-key="abnormal_handle_method_choice"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.module.receiveAbn.remark','备注')"
+          v-model="skuInfo.abnRemark"
+          type="textarea"
+          input-align="right"
+          :rows="4"
+        />
+
+        <!-- 图片 -->
+        <div class="lw-global-title" style="padding: 8px 0">
+          {{ $lwLanguage.get('wms_project.pda.module.receiveAbn.img','图片') }}
+        </div>
+        <lw-img-upload v-model="skuInfo.imagesArr"/>
+
+
+      </div>
+
+      <!-- 已经录入了的商品信息 -->
+      <div
+        class="lw-global-model-box lw-global-flex-between"
+        v-for="(i,k) in skuList"
+        :key="k"
+      >
+        <div
+          style="flex: 1"
+          class="lw-global-flex-between"
+        >
+          <div style="flex: 1">
+            <div class="lw-global-value">{{ i.skuCode }}</div>
+            <div class="lw-global-title">{{ i.sku.skuName }}</div>
+          </div>
+
+          <div style="width: 56px;flex-shrink: 0;text-align: center">
+            <div class="lw-global-value-bold" style="color: #D50000;">{{ i.abnQty }}</div>
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.module.receiveAbn.abnQty','异常量') }}
+            </div>
+          </div>
+        </div>
+
+        <van-icon
+          style="width: 24px;flex-shrink: 0;margin-left: 5px"
+          name="close"
+          size="24px"
+          color="#D50000"
+          @click="delSku(k)"
+        />
+      </div>
+
+    </div>
+
+    <lw-not-data
+      v-else
+      :content="$lwLanguage.get('wms_project.pda.module.receiveAbn.error','基础数据异常')"
+    />
+
+    <lw-bottom-bar v-if="showBottomBar">
+      <lw-button @click="confirm">
+        {{ $lwLanguage.get('wms_project.pda.module.receiveAbn.submit','确认上报') }}
+      </lw-button>
+    </lw-bottom-bar>
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsMobileFoundAsn,
+  wmsMobileFoundAsnLineSku,
+  wmsMobileSubmitAbnormalReceive
+} from "../../../api/receive/abnormal";
+
+export default {
+  name: "lwReceiveAbnormalModule",
+  props:{
+    // 订单号
+    asnNo: String,
+
+    // 所属类型
+    belongType: {
+      type: String,
+      default: '收货'
+    },
+
+    // 是否允许多条保存
+    multiple:{
+      type: Boolean,
+      default: true
+    },
+
+    // 商品信息是否禁用
+    skuDisabled:{
+      type: Boolean,
+      default: false
+    },
+
+    // 商品号
+    skuCode: String,
+
+    // 是否显示底部导航栏模块
+    showBottomBar:{
+      type: Boolean,
+      default: true
+    }
+  },
+  /*computed:{
+    moreDisabled(){
+      return !!Object.keys(this.asnData).length
+    }
+  },*/
+  data() {
+    return {
+      // 是否显示异常模块
+      show: false,
+
+      // 订单信息
+      asnData:{},
+
+      // 更多信息展开项
+      moreInfoCollapse:[],
+
+      // 异常子类型的选择项目
+      subTypeList:[],
+
+      // 货主的选择项目
+      ownerList:[],
+
+      // 更多信息
+      abnormalInfo:{
+        // ERP单号
+        erpOrderNo:'',
+        // 凭证号
+        evidenceNo:'',
+        // 订单号
+        orderNo:'',
+        // 供应商编码
+        supplierCode:'',
+        // 供应商名称
+        supplierName:'',
+        // 承运商编码
+        carrierCode:'',
+        // 承运商名称
+        carrierName:'',
+        // 车牌号
+        plateNumber:'',
+        // 外部业务单号
+        extBizNo:'',
+        // 外部业务单号2
+        extBizNo2:'',
+        // 外部业务单号3
+        extBizNo3:'',
+
+        /*// WMS 单据号
+        bizOrderNo:'',
+        // WMS 单据行号
+        bizOrderLineNo:'',*/
+      },
+
+      // 异常类型
+      abnormalType:{
+        // 所属类型
+        belongType:'RECEIVE',
+        // 作业环节
+        discoveryPoint:'',
+        // 异常类型
+        abnType:'',
+        // 异常子类型
+        abnSubType:'',
+        // 货主id
+        ownerId:'',
+      },
+
+      // 商品信息
+      skuInfo:{
+        skuCode:'',
+        // 当前扫描零件得到的零件基础信息
+        sku:{
+          skuName:''
+        },
+        abnQty:'',
+        abnLocationCode:'',
+        abnLpn:'',
+        handleMethod:'',
+        remark:'',
+        imagesArr:[],
+      },
+
+      // 零件信息获取焦点
+      skuInfoFocus:{
+        skuCode: false,
+        qty: false,
+        abnormalLocationCode: false,
+      },
+
+      // 批次组件
+      lot: {
+        show: false,
+        query: {}
+      },
+
+      // 是否显示增加按钮
+      showAddBtn: false,
+
+      // 用于储存多条商品信息
+      skuList:[],
+
+    }
+  },
+  watch:{
+    'skuInfo.skuCode':{
+      handler(n){
+        // 如果零件信息为空就清除批次数据、零件数据
+        if (!n){
+          this.skuInfo.sku = {}
+          this.lot.show = false
+          this.lot.query = {}
+        }
+      }
+    }
+  },
+  mounted() {
+
+    this.init()
+
+  },
+  methods: {
+    // 初始化
+    async init(){
+      try{
+
+        // 获取货主信息
+        this.ownerList = await this.$lwApi.common.getOwnerList()
+        const asnData = await wmsMobileFoundAsn({
+          asnNo: this.asnNo
+        })
+
+        this.asnData = asnData || {}
+        this.abnormalInfo.orderNo = this.asnData.asnNo || ''
+        this.skuInfo.skuCode = this.skuCode || ''
+        this.abnormalInfo.extNo = this.asnData.erpOrderNo || ''
+        this.abnormalInfo.supplierCode = this.asnData.supplierCode || ''
+        this.abnormalInfo.supplierName = this.asnData.supplierName || ''
+        this.abnormalInfo.carrierCode = this.asnData.carrierCode || ''
+        this.abnormalInfo.carrierName = this.asnData.carrierName || ''
+        this.abnormalInfo.carrierPlateNum = this.asnData.plateNumber || ''
+        this.abnormalType.ownerId = this.asnData.ownerId || ''
+        /*this.abnormalInfo.bizOrderNo = this.asnData.bizOrderNo || ''
+        this.abnormalInfo.bizOrderLineNo = this.asnData.bizOrderLineNo || ''*/
+
+
+        // 是否存在商品数据，如果存在就获取商品信息
+        if (this.skuInfo.skuCode){
+
+          await this.skuCodeConfirm(true)
+        }
+
+        this.show = true
+
+      }catch (err){
+        console.error('收货异常模块初始化失败：', err)
+      }
+    },
+
+    // 异常类型确认
+    typeConfirm({value}){
+
+      // 判断异常类型是否变化，变化了就要改子类型的值
+      if (!value || value !== this.abnormalType.abnSubType.split('_')[0]){
+        this.abnormalType.abnSubType = ''
+        const subType = this.$lwDict.get('abnormal_sub_type_choice')
+        this.subTypeList = subType.filter(item=>item.value.split('_')[0] === value)
+      }
+    },
+    // 异常类型清空
+    typeClear(){
+      this.abnormalType.abnSubType = ''
+      this.subTypeList = []
+    },
+
+    // 商品号确认
+    async skuCodeConfirm(first = false){
+      if (!this.skuInfo.skuCode){
+        this.skuInfoFocus.skuCode = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.skuNull','商品号不能为空')
+        )
+        this.skuInfo.skuCode = ''
+        return
+      }
+
+      if (!this.abnormalType.ownerId){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.selectWoner','请选择货主')
+        )
+        return
+      }
+
+      let query = {
+        skuCode: this.skuInfo.skuCode
+      }
+
+      if (this.asnData.ownerId){
+        query.asnId = this.asnData.id
+      }else {
+        query.ownerId = this.abnormalType.ownerId
+      }
+
+      const res = await wmsMobileFoundAsnLineSku(query)
+
+      this.skuInfo.sku = {
+        ...res,
+        skuCode: res.sku.code,
+        skuName: res.sku.name,
+        skuOwner: res.sku.owner,
+        skuId: res.sku.id,
+      }
+
+      this.lot.query = {
+        type:1,
+        lotType:'inventory',
+        lotRuleId:'',
+        editable:true,
+        needHandleRequire:true,
+        ownerId:this.skuInfo.sku.ownerId,
+        skuId:this.skuInfo.sku.skuId,
+        header: this.asnData.map,
+        line: this.skuInfo.sku.map,
+      }
+
+      this.lot.show = true
+      !first ? this.skuInfoFocus.qty = true : ''
+    },
+
+    // 储存单条异常信息
+    formatAbnSkuData(){
+      let skuData = this.$lwDeepCopy(this.skuInfo)
+
+      if (this.lot.show){
+        const {success, data} = this.$refs.lot.getData()
+
+        if (!success) return;
+
+        skuData.lotAttributes = data
+      }
+
+      return {
+        ...skuData,
+        skuId: skuData.sku.sku.id,
+        abnImg: this.skuInfo.imagesArr.join('|')
+      }
+    },
+
+    // 保存商品信息按钮
+    saveSku(){
+      // 校验作业环节
+      if (!this.abnormalType.discoveryPoint){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.discoveryPointNull','作业环节不能为空')
+        )
+        return false
+      }
+
+      // 校验异常类型
+      if (!this.abnormalType.abnType){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.abnTypeNull','异常类型不能为空')
+        )
+        return false
+      }
+
+      // 异常子类型
+      if (!this.abnormalType.abnSubType){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.abnSubTypeNull','异常子类型不能为空')
+        )
+        return false
+      }
+
+      // 货主
+      if (!this.abnormalType.ownerId){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.ownerNull','货主不能为空')
+        )
+        return false
+      }
+
+      // 校验是否输入商品
+      if (!this.skuInfo.skuCode){
+
+        this.skuInfoFocus.skuCode = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.skuInfoNull','商品信息不能为空')
+        )
+        return false
+      }
+
+      // 校验商品信息是否被修改
+      if (this.skuInfo.skuCode !== this.skuInfo.sku.skuCode){
+        this.skuInfoFocus.skuCode = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.skuError','当前输入商品与已获取的商品信息不一致！请点击商品输入框的确认按钮，重新获取当前输入的商品信息！')
+        )
+        return false
+      }
+
+      // 校验当前商品货主是否符合已选货主
+      if (this.skuInfo.sku.skuOwner !== this.abnormalType.ownerId){
+        this.skuInfoFocus.skuCode = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.ownerError','所选货主与当前商品所属货主不一致')
+        )
+        return false
+      }
+
+      // 校验是否输入异常量
+      if (!this.skuInfo.abnQty){
+
+        this.skuInfoFocus.qty = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.qtyNull','异常量不能为空且应当时大于0的整数')
+        )
+        return false
+      }
+
+      // 校验异常量是否大于商品可用量
+      /*if (this.skuInfo.abnQty > this.skuInfo.sku.qty){
+        this.skuInfoFocus.qty = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.qtyMore','异常量不能大于商品可用量')
+        )
+        return false
+      }*/
+
+      // 校验是否输入异常库位
+      if (!this.skuInfo.abnLocationCode){
+
+        this.skuInfoFocus.abnormalLocationCode = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.localNull','异常库位不能为空')
+        )
+        return false
+      }
+
+      // 是否是多条保存
+      if (this.multiple){
+
+        this.skuList.push(this.formatAbnSkuData())
+
+        // 让所有输入框失去焦点
+        for (let i in this.skuInfoFocus){
+          this.skuInfoFocus[i] = false
+        }
+
+        // 清空商品信息数据
+        for (let i in this.skuInfo){
+          if(i === 'sku'){
+            this.skuInfo[i] = {}
+            continue
+          }
+          if(i === 'imagesArr'){
+            this.skuInfo[i] = []
+            continue
+          }
+
+          this.skuInfo[i] = ''
+        }
+
+        this.showAddBtn = true
+      }
+
+      return true
+    },
+
+    // 增加零件信息按钮被点击
+    addSku(){
+      this.showAddBtn = false
+      this.skuInfoFocus.skuCode = true
+    },
+
+    // 删除零件按钮被点击
+    delSku(index){
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.module.receiveAbn.warning','警告'),
+        message: this.$lwLanguage.get('wms_project.pda.module.receiveAbn.del','确认删除该商品？')
+      }).then(()=>{
+        this.skuList.splice(index, 1)
+      }).catch(()=>{})
+    },
+
+    // 获取当前异常模块的数据
+    getAbnormalData(){
+      // 校验是否允许多条保存
+      if (this.multiple){
+
+        // 多条保存是否有数据
+        if (this.skuList.length){
+          return {
+            success: true,
+            data: this.skuList
+          }
+        }
+
+        // 没有数据就报错
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.skuListNull','没有保存任何商品信息，请先点击商品信息的保存按钮，保存录入的信息')
+        )
+        return {
+          success: false,
+          data: []
+        }
+      }
+
+      // 如果是单条数据就触发保存按钮
+      if (this.saveSku()){
+        return {
+          success: true,
+          data: [this.formatAbnSkuData()]
+        }
+      }
+
+      // 否则报错
+      return {
+        success: false,
+        data: []
+      }
+    },
+
+    // 确认上报
+    confirm(){
+      const {success, data} = this.getAbnormalData()
+
+      if (!success) return
+
+      wmsMobileSubmitAbnormalReceive({
+        order: this.abnormalInfo,
+        lines: data,
+        ...this.abnormalType,
+        asnId: this.asnData.id
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.module.receiveAbn.abnSuccess','异常上报成功')
+        )
+
+        this.$emit('success')
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+
+.lw-receive-abnormal-boss{
+
+  >.lw-input-box{
+
+    &:first-child{
+      padding-top: 0;
+    }
+
+    &:last-child{
+      padding-bottom: 0;
+      border-bottom: none;
+    }
+  }
+}
+
+</style>