【前端平板】kitting组包功能开发

fe/PC/src/api/wms-pad.js

@@ -9,3 +9,21 @@ export function ChassisGetListWithNextCount(params) {
     params: params,
   })
 }
+
+// 【pad】 Kitting组包 - 锁定账号
+export function pageLockToLogin(params) {
+  return request({
+    url: baseURL + 'auth/auth/page-lock/lock-login',
+    method: 'get',
+    params: params,
+  })
+}
+
+// 【pad】 Kitting组包 - 退出账号
+export function pageLockToLogout(params) {
+  return request({
+    url: baseURL + 'auth/auth/page-lock/lock-logout',
+    method: 'get',
+    params: params,
+  })
+}

fe/PC/src/views/padManage/padKittingPack.vue

@@ -21,7 +21,7 @@
         <div class="lockShadow" v-if="isLock">{{lockTip}}</div>
         <!-- 中间底盘号 -->
         <div class="centerChassisContain">
-          <div class="title">底盘号</div>
+          <div class="title" @click="LogoutUserHandle">底盘号</div>
           <ul class="chassisList" v-if="centerChassisList.length > 0">
             <li
               v-for="(item,index) of centerChassisList" 
@@ -39,49 +39,52 @@
         </div>
         <!-- 右侧底盘组 -->
         <div class="rightChassisGroup">
-          <!-- 右上组 -->
+          <div class="rightTopBigBox">
-          <div class="rightTopTable">
+            <!-- 右上组 -->
-            <el-table
+            <div class="rightTopTable">
-              :border="true"
+              <el-table
-              :data="rightTopChassisGroup"
+                :border="true"
-              :height="'100%'"
+                :data="rightTopChassisGroup"
-              :header-cell-style="{ background: '#e3f0ff',color:'#333'}"
+                :height="'100%'"
-              style="width: 100%">
+                :header-cell-style="{ background: '#e3f0ff',color:'#333'}"
-              <el-table-column
+                style="width: 100%">
-                prop="chassisNumber"
+                <el-table-column
-                label="底盘组"
+                  prop="chassisNumber"
-              ></el-table-column>
+                  label="底盘组"
-              <el-table-column
+                ></el-table-column>
-                prop="creationTime"
+                <el-table-column
-                label="时间"
+                  prop="creationTime"
-              >
+                  label="时间"
-                <template slot-scope="scope">
+                >
-                  {{ formatDate(scope.row.creationTime) }}
+                  <template slot-scope="scope">
-                </template>
+                    {{ formatDate(scope.row.creationTime) }}
-              </el-table-column>
+                  </template>
-            </el-table>
+                </el-table-column>
-          </div>
+              </el-table>
-          <!-- 右下bom -->
+            </div>
-          <div class="rightBottomBomData">
+            <!-- 右下bom -->
-            <el-table
+            <div class="rightBottomBomData">
-              :border="true"
+              <el-table
-              :data="rightBottomBomData"
+                :border="true"
-              :header-cell-style="{ background: '#e3f0ff',color:'#333'}"
+                :data="rightBottomBomData"
-              style="width: 100%">
+                :header-cell-style="{ background: '#e3f0ff',color:'#333'}"
-              <el-table-column
+                :height="'100%'"
-                prop="itemCode"
+                style="width: 100%">
-                label="Kitting组别Bom"
+                <el-table-column
-              ></el-table-column>
+                  prop="itemCode"
-              <el-table-column
+                  label="Kitting组别Bom"
-                prop="qty"
+                ></el-table-column>
-                label="底盘组物品数量"
+                <el-table-column
-              ></el-table-column>
+                  prop="qty"
-              <!-- todo: Kiting组数量字段确定-->
+                  label="底盘组物品数量"
-              <el-table-column
+                ></el-table-column>
-                prop="qty1"
+                <!-- todo: Kiting组数量字段确定-->
-                label="Kiting组数量"
+                <el-table-column
-              ></el-table-column>
+                  prop="qty1"
-            </el-table>
+                  label="Kiting组数量"
+                ></el-table-column>
+              </el-table>
+            </div>
           </div>
           <div class="footer-button">
             <el-button :disabled="isLock"  type="success" @click="finishChassisHandle">完成该组底盘</el-button>
@@ -142,45 +145,55 @@ export default {
       }
       return formatTimeStrToStr(time)
     },
-    // 左侧按钮点击事件 -获取是否锁定
+    resetData(){
-    getPageLockList(selectItem){
+      this.centerChassisList=[]
+      this.rightTopChassisGroup=[]
+      this.rightBottomBomData=[]
+      this.isLock=false
+    },
+    // 获取锁定数据
+    async getPageLockListHttp(filters){
       let _data = {
         condition: {
-          filters: [
+          filters: filters
-            {
-              logic: "And",
-              column: "menuCode",
-              action: "==",
-              value: this.$route.name + '_' + selectItem.code,
-            },
-            {
-              logic: "And",
-              column: "userAccount",
-              action: "!=",
-              value: store.getters.name.name,
-            }
-          ]
         },
         Sorting: "",
         SkipCount: 0,
         MaxResultCount: 9999,
       }
       this.loading = true
-      getPageList(_data, 'auth/auth/page-lock').then(res => {
+      console.log(111)
-        this.currentKittingInfo = selectItem;
+      return getPageList(_data, 'auth/auth/page-lock')
-        // 未锁定
+      console.log(222)
-        if(res.items.length <= 0){
+    },
-          this.isLock = false
+    // 左侧按钮点击事件 -获取是否锁定
-          this.lockUserHandle()
+    async getPageLockList(selectItem){
-        }
+      let _filter= [
-        // 已锁定
+        {
-        else{
+          logic: "And",
-          this.isLock = true
+          column: "menuCode",
-          this.initKittingData()
+          action: "==",
+          value: this.$route.name + '_' + selectItem.code,
+        },
+        {
+          logic: "And",
+          column: "userAccount",
+          action: "!=",
+          value: store.getters.name.name,
         }
-      }).catch(err => {
+      ]
-        this.loading = false
+      let _lockList = await this.getPageLockListHttp(_filter)
-      })
+      this.currentKittingInfo = selectItem;
+      // 未锁定
+      if(_lockList.items.length <= 0){
+        this.isLock = false
+        this.lockUserHandle()
+      }
+      // 已锁定
+      else{
+        this.isLock = true
+        this.initKittingData()
+      }
     },
     // 锁定账号
     lockUserHandle(){
@@ -194,10 +207,34 @@ export default {
         })
         .catch(err=>{})
     },
-    // 退出账号todo:批量将当前账号所有的绑定菜单删除
+    // 退出锁定账号:批量将当前账号所有的绑定菜单删除
-    async LogoutUserHandle(e){
+    async LogoutUserHandle(){
+      let _filter = [{
+        logic: "And",
+        column: "userAccount",
+        action: "==",
+        value: store.getters.name.name,
+      }]
+      let _currentUserLockList = await this.getPageLockListHttp(_filter)
+      let _https = 0
+      if(_currentUserLockList && _currentUserLockList.items){
+        _currentUserLockList.items.forEach(item=>{
+          this.LogoutUserHttp(item.menuCode)
+          _https++
+        })
+      }
+      if(_https == _currentUserLockList.items.length){
+        this.loading = false;
+        this.currentKittingInfo = null;
+        this.$nextTick(()=>{
+          this.initData()
+        })
+      }
+    },
+    // 退出登录http交互
+    LogoutUserHttp(menuCode){
       let _data = {
-        menuCode:this.$route.name + '_' + this.currentKittingInfo.code,
+        menuCode:menuCode,
         userAccount:store.getters.name.name,
       }
       pageLockToLogout(_data)
@@ -221,6 +258,7 @@ export default {
         if(this.currentKittingInfo){
           this.getPageLockList(this.currentKittingInfo)
         }else{
+          this.resetData()
           this.loading = false
         }
       }).catch(err => {
@@ -332,9 +370,9 @@ export default {
         this.rightTopChassisGroup.forEach(item=>{
           let _item = {
             itemCode: item.itemCode,
-            itemName: item.itemName,
+            itemName: item.itemName || "",
-            itemDesc1: item.itemDesc1,
+            itemDesc1: item.itemDesc1 || "",
-            itemDesc2: item.itemDesc2,
+            itemDesc2: item.itemDesc2 || "",
             chassisNumber: item.chassisNumber,//底盘组
             kittingCode: this.currentKittingInfo.code,//左侧按钮code
             chassisSortNumber: item.sortNumber,//sortNumber
@@ -345,9 +383,9 @@ export default {
         this.rightBottomBomData.forEach(item=>{
           let _item = {
             itemCode: item.itemCode,
-            itemName: item.itemName,
+            itemName: item.itemName || "",
-            itemDesc1: item.itemDesc1,
+            itemDesc1: item.itemDesc1 || "",
-            itemDesc2: item.itemDesc2,
+            itemDesc2: item.itemDesc2 || "",
             qty: item.qty,
             kittingCode: this.currentKittingInfo.code
           }
@@ -358,9 +396,8 @@ export default {
       });
       
     },
+    // 完成该组底盘http交互
     finishHandleHttp(_data){
-      console.log(286,_data)
-      return
       this.loading = true
       postCreate(_data, 'wms/store/KittingPackagingNote').then(res => {
         this.initData()
@@ -507,26 +544,30 @@ $footerBtn_height:60px;
     border:$boxBorder;
     padding:$boxPadding;
     height:100%;
-    overflow:auto;
     background:#fff;
 
-    .rightTopTable{
+    .rightTopBigBox{
       position:absolute;
       top:0;
       left:0;
       right:0;
-      height:40%;
+      bottom:$footerBtn_height;
+      display:flex;
+      flex-direction:column;
+      overflow:auto;
+      align-items: stretch;
+    }
+
+    .rightTopTable{
+      flex: 1;
+      margin-bottom:10px;
       overflow:auto;
     }
 
     .rightBottomBomData{
-      position:absolute;
+      flex: 1.2;
-      top:calc(40% + 10px);
+      margin-top:10px;
-      left:0;
-      right:0;
-      bottom:$footerBtn_height;
       overflow:auto;
-      border-top:$boxBorder;
     }
   }
   .footer-button{

fe/PC/src/views/padManage/padMenuPage.vue

@@ -2,9 +2,6 @@
     <div class="padMenuPage">
         <div class="item"><el-button type="primary"><a href="/#/padTransferLibJob">业务库移</a></el-button></div>
         <div class="item"><el-button type="warning"><a href="/#/padKittingPack">Kitting组包</a></el-button></div>
-        <div class="item"><el-button type="info"><a href="/#/padKittingPackNote">kitting打包记录</a></el-button></div>
-        <div class="item"><el-button type="success"><a href="/#/padChassis">底盘</a></el-button></div>
-        <div class="item"><el-button type="danger"><a href="/#/padChassisOperationSequence">底盘序列</a></el-button></div>
     </div>
 </template>