@logwire/logwire-wms-pda-ui 1.1.17 → 1.2.0

package/src/components/page/receive/putaway/lpnAction/index.vue

@@ -29,7 +29,7 @@
       </div>
 
       <!-- 托盘数据 -->
-      <div class="lw-global-model-box">
+      <div class="lw-global-model-box" v-if="lpnTaskData">
 
         <!-- 托盘号 -->
         <div class="lw-global-row-start">
@@ -69,11 +69,13 @@
 
           <div>
             <span class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.receive.putaway.allNum', '总数量') }}
-            </span>
+                {{ $lwLanguage.get('wms_project.pda.receive.putaway.allqty.and.paqty','总数量/待上架') }}
+              </span>
             <span class="lw-global-value-bold">
-              {{ lpnTaskData.qty }}
-            </span>
+                <span>{{ lpnTaskData.qty }}</span>
+                /
+                <span style="color: #D50000">{{ lpnTaskData.canPaQty }}</span>
+              </span>
           </div>
 
           <div>
@@ -87,8 +89,16 @@
 
         </div>
 
-        <!-- 零件信息 -->
+        <!--   箱信息     -->
+        <case-info
+          v-if="lpnTaskData.caseList && lpnTaskData.caseList.length>0"
+          :case-list="lpnTaskData.caseList || []"
+          :task-id="lpnTaskData.taskId"
+        />
+
+        <!-- 商品信息 -->
         <sku-info
+          v-else
           :sku-list="lpnTaskData.lines"
           :show-abnormal="showSkuAbnormal"
           :location-code="lpnTaskData.fromLocationCode"
@@ -170,6 +180,8 @@
 <script>
 
 import SkuInfo from './../components/SkuInfo/index.vue'
+import CaseInfo from './../components/CaseInfo/index.vue'
+
 import {
   wmsMobileGetPutawayTaskByWholeLpn,
   wmsMobileSubmitPutawayByWholeLpn
@@ -178,11 +190,11 @@ import {
 export default {
   name: "lwReceivePutawayLpnActionPage",
   components:{
-    SkuInfo
+    SkuInfo,CaseInfo
   },
   props:{
 
-    // 是否显示零件异常上报按钮
+    // 是否显示商品异常上报按钮
     showSkuAbnormal:{
       type: Boolean,
       default: true
@@ -200,7 +212,7 @@ export default {
       tabActive: 0,
 
       // 当前操作数据
-      lpnTaskData:{},
+      lpnTaskData: null,
 
       // 是否接力上架
       relay: false,
@@ -250,7 +262,7 @@ export default {
       }).then(res=>{
         this.lpnTaskData = res
       }).catch((err)=>{
-        this.$dialog.confirm({
+        this.$lwDialog.confirm({
           title: this.$lwLanguage.get('wms_project.pda.receive.putaway.dataError','数据异常'),
           message:
             this.$lwLanguage.get('wms_project.pda.receive.putaway.errorInfo','错误信息：') +
@@ -285,13 +297,31 @@ export default {
       }
 
       if (!this.relay && this.local.value !== this.lpnTaskData.toLocationCode){
-        this.$dialog.confirm({
+
+        this.$lwDialog.confirm({
           title: this.$lwLanguage.get('wms_project.pda.receive.putaway.total','提示'),
-          message: this.$lwLanguage.get('wms_project.pda.receive.putaway.localError','当前库位与目标库位不一致，是否继续上架？')
+          message: this.$lwLanguage.get('wms_project.pda.receive.putaway.localError','当前库位与目标库位不一致，是否继续上架？'),
+          msgList: [
+            {
+              key: this.$lwLanguage.get('wms_project.pda.receive.putaway.sdfeess','推荐库位'),
+              value: this.lpnTaskData.toLocationCode
+            },
+            {
+              key: this.$lwLanguage.get('wms_project.pda.receive.putaway.sdfqwss','当前库位'),
+              value: this.local.value
+            },
+          ],
         }).then(()=>{
           this.putawaySubmit()
         }).catch(()=>{})
 
+        /*this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.receive.putaway.total','提示'),
+          message: this.$lwLanguage.get('wms_project.pda.receive.putaway.localError','当前库位与目标库位不一致，是否继续上架？')
+        }).then(()=>{
+          this.putawaySubmit()
+        }).catch(()=>{})*/
+
         return;
       }
 

package/src/components/page/receive/putaway/lpnBatchAction/index.js

@@ -0,0 +1,11 @@
+/*
+* 整托盘批量上架
+* @author: 张文
+* @date  2022-08-05
+* */
+
+import lwReceivePutawayLpnBatchActionPage from "./index.vue";
+
+lwReceivePutawayLpnBatchActionPage.install = Vue => Vue.component(lwReceivePutawayLpnBatchActionPage.name, lwReceivePutawayLpnBatchActionPage)
+
+export default lwReceivePutawayLpnBatchActionPage

package/src/components/page/receive/putaway/lpnBatchAction/index.vue

@@ -0,0 +1,213 @@
+<!--
+  整托盘批量上架
+  @author: 张文
+  @date: 2022-08-05
+-->
+<template>
+  <div>
+
+    <lw-nav-bar
+      :title="$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.gbifkckj','整托盘批量上架')"
+    />
+
+    <div class="lw-global-page-box">
+
+      <lpn-batch-item
+        v-for="(i,k) in lpnDataList"
+        :key="k"
+        :index="k"
+        :item="i"
+        @del="lpnDel(i,k)"
+      />
+
+    </div>
+
+    <lw-bottom-bar
+      :slot-btn="false"
+      height="auto"
+    >
+
+      <div>
+        <lw-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.znmglmxk','接力上架')"
+          :is-link="false"
+        >
+          <template #value>
+
+            <van-switch
+              v-model="isRelay"
+              size="18px"
+              @change="showAnimation=true"
+            />
+
+          </template>
+        </lw-cell>
+
+        <lw-input
+          :class="[
+            showAnimation ? 'lw-global-animation-rotate' : ''
+          ]"
+          :title="actionText.title"
+          v-model="locationCode"
+          rule-key="location"
+          :get-focus.sync="locationCodeFocus"
+          required
+          @confirm="confirmAction"
+        />
+
+        <div
+          id="bottom-btn-box"
+          :class="[
+            'lw-global-row',
+            showAnimation ? 'lw-global-animation-rotate' : ''
+          ]"
+        >
+          <lw-button
+            block
+            @click="confirmAction"
+          >
+            {{ actionText.btn }}
+          </lw-button>
+        </div>
+
+      </div>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import lpnBatchItem from "../components/lpnBatchItem.vue";
+import {
+  wmsMobileQueryPutawayTaskByWholeLpn,
+  wmsMobileSubmitPutawayByWholeLpnBatch
+} from "../../../../../api/receive/putaway";
+
+export default {
+  name: "lwReceivePutawayLpnBatchActionPage",
+  components:{
+    lpnBatchItem
+  },
+  data() {
+    return {
+      // 需要批量上架的托盘
+      putawayLpn: [],
+
+      // 托盘数据
+      lpnDataList:[],
+
+      // 接力上架切换动画
+      showAnimation: false,
+      // 是否接力上架
+      isRelay: false,
+      // 上架库位
+      locationCode: '',
+      // 上架库位获取焦点
+      locationCodeFocus: true,
+    }
+  },
+  computed:{
+    actionText(){
+      if (this.isRelay){
+        return {
+          btn: this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.hczogqrw','整托盘批量接力上架'),
+          title: this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.iotjrqcy','通道库位')
+        }
+      }
+
+      return {
+        btn: this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.gbifkckj','整托盘批量上架'),
+        title: this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.wjpyqzya','目标库位')
+      }
+    }
+  },
+  mounted() {
+    // 增加接力上架动画结束监听
+    this.bottomBtnBoxDom = document.getElementById('bottom-btn-box')
+    this.bottomBtnBoxDom.addEventListener("webkitAnimationEnd", this.bottomBtnAnimation)
+
+    this.putawayLpn = JSON.parse(this.$route.query.lwLpnList || [])
+
+    if (!this.putawayLpn.length){
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.rhlmtdbp','没有可上架的托盘')
+      )
+      this.back()
+      return
+    }
+    this.init()
+  },
+  methods: {
+    // 返回
+    back(){
+      history.go(Number('-' + (this.$route.query.lwBack || 1)))
+    },
+
+    // 初始化
+    init(){
+
+      wmsMobileQueryPutawayTaskByWholeLpn({
+        lpnList: this.putawayLpn
+      }).then(res=>{
+        this.lpnDataList = res || []
+      }).catch(()=>{
+        this.back()
+      })
+
+    },
+
+    // 接力上架切换动画
+    bottomBtnAnimation(){
+      this.showAnimation = false
+    },
+
+    // 移除lpn
+    lpnDel(item,key){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.fnhrunsr','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.ibrlbqbx','确认移除托盘') + ':' + item.lpn
+      }).then(()=>{
+        this.lpnDataList.splice(key,1)
+
+        if (this.lpnDataList.length === 0){
+          this.$lwDialog.alert({
+            message: this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.ltxvhbvt','已没有可上架的托盘')
+          }).then(()=>history.go(-1))
+        }
+
+      }).catch(()=>{})
+    },
+
+    // 确认
+    confirmAction(){
+      if (!this.locationCode){
+        this.locationCodeFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.mlitnjvj','{loc}不能为空',{loc:this.actionText.title})
+        )
+        return
+      }
+
+      wmsMobileSubmitPutawayByWholeLpnBatch({
+        lpnList: this.lpnDataList.map(item=>item.lpn),
+        toLocationCode: this.locationCode,
+        relay: this.isRelay
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.receive.putaway.lpnBatchAction.index.ktpdcwka','操作成功')
+        )
+        this.back()
+      })
+
+    },
+  },
+  deactivated() {
+    this.bottomBtnBoxDom.removeEventListener("webkitAnimationEnd", this.bottomBtnAnimation)
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/receive/putaway/skuAction/index.js

@@ -1,11 +1,11 @@
-/*
-* 入库上架 - 按商品上架执行
-* @author: 张文
-* @date  2022-05-25
-* */
-
-import lwReceivePutawaySkuActionPage from "./index.vue";
-
-lwReceivePutawaySkuActionPage.install = Vue => Vue.component(lwReceivePutawaySkuActionPage.name, lwReceivePutawaySkuActionPage)
-
-export default lwReceivePutawaySkuActionPage
+/*
+* 入库上架 - 按商品上架执行
+* @author: 张文
+* @date  2022-05-25
+* */
+
+import lwReceivePutawaySkuActionPage from "./index.vue";
+
+lwReceivePutawaySkuActionPage.install = Vue => Vue.component(lwReceivePutawaySkuActionPage.name, lwReceivePutawaySkuActionPage)
+
+export default lwReceivePutawaySkuActionPage

package/src/components/page/receive/putaway/skuAction/index.vue

@@ -422,7 +422,7 @@ export default {
         // 商品
         sku:{
           value:'',
-          focus: false
+          focus: true
         },
         // 数量
         num:{
@@ -490,9 +490,9 @@ export default {
           return
         }
 
+        this.skuIndex = this.$lwUtils.cutCardIndexCount(this.skuIndex, res.length)
         this.skuListData = res
 
-        this.skuIndex + 1 > this.skuListData.length ? this.skuIndex-- : ''
 
       }).catch(()=>{
         history.go(this.backStep)
@@ -623,6 +623,7 @@ export default {
       this.$lwToast.success(
         this.$lwLanguage.get('wms_project.pda.receive.skuAction.jump','已跳转至任务行：') + (index + 1)
       )
+      this.input.sku.focus = true
       this.scrollTop()
     },
 
@@ -699,7 +700,7 @@ export default {
 
       const item = this.skuListData[this.skuIndex]
       if (!this.input.wait && this.input.local.value !== item.toLocationCode){
-        this.$dialog.confirm({
+        this.$lwDialog.confirm({
           title: this.$lwLanguage.get('wms_project.pda.receive.skuAction.total','提示'),
           message: this.$lwLanguage.get('wms_project.pda.receive.skuAction.confirmMsg','当前目标库位与推荐库位不一致，确认上架？')
         }).then(()=>{

package/src/components/page/receive/receipt/action/index.js

@@ -1,11 +1,11 @@
-/*
-* 收货回单 - 收货页
-* @author: 张文
-* @date  2022-05-09
-* */
-
-import lwReceiveReceiptActionPage from "./index.vue";
-
-lwReceiveReceiptActionPage.install = Vue => Vue.component(lwReceiveReceiptActionPage.name, lwReceiveReceiptActionPage)
-
-export default lwReceiveReceiptActionPage
+/*
+* 收货回单 - 收货页
+* @author: 张文
+* @date  2022-05-09
+* */
+
+import lwReceiveReceiptActionPage from "./index.vue";
+
+lwReceiveReceiptActionPage.install = Vue => Vue.component(lwReceiveReceiptActionPage.name, lwReceiveReceiptActionPage)
+
+export default lwReceiveReceiptActionPage

package/src/components/page/receive/receipt/action/index.vue

@@ -6,7 +6,10 @@
 <template>
   <div>
 
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.receive.receipt.title','收货回单')"/>
+    <lw-nav-bar
+      :title="receive ?
+        $lwLanguage.get('wms_project.pda.receive.receipt.title','收货回单') :
+        $lwLanguage.get('wms_project.pda.advance.receive.return.title','预收货回单')"/>
 
 
     <div class="lw-global-page-box">
@@ -28,7 +31,7 @@
               <!-- 到货通知单 -->
               <div class="lw-global-row-start">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.asnNo','到货通知单') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.asnNo', '到货通知单') }}
                 </span>
                 <span class="lw-global-value-bold">{{ i.asnNo }}</span>
               </div>
@@ -36,7 +39,7 @@
               <!-- ERP单号 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.erp','ERP单号') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.erp', 'ERP单号') }}
                 </span>
                 <span class="lw-global-value-bold">{{ i.extNo }}</span>
               </div>
@@ -44,7 +47,7 @@
               <!-- 入库计划单号 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.planNo','入库计划单号') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.planNo', '入库计划单号') }}
                 </span>
                 <span class="lw-global-value-bold">{{ i.planNo }}</span>
               </div>
@@ -52,7 +55,7 @@
               <!-- 采购单编号 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.purchaseNo','采购单编号') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.purchaseNo', '采购单编号') }}
                 </span>
                 <span class="lw-global-value-bold">{{ i.purchaseNo }}</span>
               </div>
@@ -60,7 +63,7 @@
               <!-- 供应商 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.supplier','供应商') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.supplier', '供应商') }}
                 </span>
                 <span class="lw-global-value-bold">
                   {{ i.supplierCode }} - {{ i.supplierName }}
@@ -70,7 +73,7 @@
               <!-- 到货日期 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.arrivalTime','到货日期') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.arrivalTime', '到货日期') }}
                 </span>
                 <span class="lw-global-value-bold">
                   {{ $lwDate.format(i.arrivalTime, 'yyyy-MM-dd hh:mm') }}
@@ -80,7 +83,7 @@
               <!-- 到货数量 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.arrivalQty','到货数量') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.arrivalQty', '到货数量') }}
                 </span>
                 <span class="lw-global-value-bold">
                   {{ i.arrivalQty }}
@@ -90,7 +93,7 @@
               <!-- 预约信息 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.carrier','预约信息') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.carrier', '预约信息') }}
                 </span>
                 <span class="lw-global-value-bold">
                   {{ i.carrierPlateNum }} - {{ i.carrierCarType }}
@@ -100,7 +103,7 @@
               <!-- 收货时间 -->
               <div class="lw-global-row">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.receiveTime','收货时间') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.receiveTime', '收货时间') }}
                 </span>
                 <span class="lw-global-value-bold">
                   {{ $lwDate.format(i.receiveTime, 'yyyy-MM-dd hh:mm') }}
@@ -110,7 +113,7 @@
               <!-- 总行数 -->
               <div class="lw-global-row" style="padding-bottom: 0;border-bottom: 0">
                 <span class="lw-global-title lw-receive-receipt-title">
-                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.lineCount','总行数') }}
+                  {{ $lwLanguage.get('wms_project.pda.receive.receipt.lineCount', '总行数') }}
                 </span>
                 <span class="lw-global-value-bold">
                   {{ i.lineCount }}
@@ -134,7 +137,8 @@
                   style="flex-shrink: 0"
                   round
                   plain
-                >{{ item.sku.skuUrgencyLabel }}</lw-tag>
+                >{{ item.sku.skuUrgencyLabel }}
+                </lw-tag>
 
               </div>
 
@@ -142,14 +146,14 @@
 
                 <div>
                   <span class="lw-global-title">
-                    {{ $lwLanguage.get('wms_project.pda.receive.receipt.receiveQty','收货量') }}
+                    {{ $lwLanguage.get('wms_project.pda.receive.receipt.receiveQty', '收货量') }}
                   </span>
                   <span class="lw-global-value-bold">{{ item.receiveQty }}</span>
                 </div>
 
                 <div>
                   <span class="lw-global-title">
-                    {{ $lwLanguage.get('wms_project.pda.receive.receipt.abnQty','异常量') }}
+                    {{ $lwLanguage.get('wms_project.pda.receive.receipt.abnQty', '异常量') }}
                   </span>
                   <span
                     class="lw-global-value-bold"
@@ -168,9 +172,12 @@
     </div>
 
     <lw-bottom-bar>
-      <lw-button @click="confirmReceive">
+      <lw-button v-if="receive" @click="confirmReceive">
         {{ $lwLanguage.get('wms_project.pda.receive.receipt.confirmReceipt', '确认收货回单') }}
       </lw-button>
+      <lw-button v-else @click="confirmAdvanceReceive">
+        {{ $lwLanguage.get('wms_project.pda.advance.receive.return.btn', '确认预收货回单') }}
+      </lw-button>
     </lw-bottom-bar>
 
   </div>
@@ -180,7 +187,8 @@
 
 import {
   wmsMobileQueryReturnReceiptOrder,
-  wmsMobileReturnReceiptOrder
+  wmsMobileReturnReceiptOrder,
+  wmsMobileReturnAdvanceReceiptOrder
 } from "../../../../../api/receive/receipt";
 
 export default {
@@ -188,60 +196,68 @@ export default {
   data() {
     return {
       // tab激活项
-      tabActive:'',
+      tabActive: '',
 
       // 回单数据
-      receiptData:[]
+      receiptData: [],
+      receive: true,
     }
   },
   mounted() {
-    const {lwOrder, lwDate} = this.$route.query
+    const {lwOrder, lwDate, lwType} = this.$route.query
+    this.receive = "receive" === lwType
 
     wmsMobileQueryReturnReceiptOrder({
       no: lwOrder,
       time: lwDate
-    }).then(res=>{
+    }).then(res => {
 
       this.receiptData = res
 
-      if(this.receiptData.length){
+      if (this.receiptData.length) {
         this.tabActive = 0
         return
       }
 
       this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.receive.receipt.notData','当前订单没有查询到任何数据')
+        this.$lwLanguage.get('wms_project.pda.receive.receipt.notData', '当前订单没有查询到任何数据')
       )
       history.go(-1)
 
-    }).catch(()=>history.go(-1))
+    }).catch(() => history.go(-1))
 
   },
   methods: {
+    onConfirmAfter() {
+      // 删除当前提交的数据
+      this.receiptData.splice(this.tabActive, 1)
+
+      if (this.receiptData.length) {
+        this.tabActive = 0
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.receive.receipt.changeSuccess', '操作成功')
+        )
+        return
+      }
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.receive.receipt.allOver', '当前订单已全部回单')
+      )
+      history.go(-1)
+    },
     // 确认收货回单
     confirmReceive() {
       wmsMobileReturnReceiptOrder({
         id: this.receiptData[this.tabActive].id
-      }).then(()=>{
-
-        // 删除当前提交的数据
-        this.receiptData.splice(this.tabActive, 1)
-
-
-        if (this.receiptData.length){
-
-          this.tabActive = 0
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.receive.receipt.changeSuccess','操作成功')
-          )
-          return
-
-        }
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.receive.receipt.allOver','当前订单已全部回单')
-        )
-        history.go(-1)
+      }).then(() => {
+        this.onConfirmAfter()
+      })
+    },
+    confirmAdvanceReceive() {
+      wmsMobileReturnAdvanceReceiptOrder({
+        id: this.receiptData[this.tabActive].id
+      }).then(() => {
+        this.onConfirmAfter()
       })
     }
   }
@@ -251,7 +267,7 @@ export default {
 <style scoped lang="less">
 
 
-.lw-receive-receipt-title{
+.lw-receive-receipt-title {
   display: inline-block;
   width: 85px;
   text-align: right;