|  |  | 
 |  |  | <template> | 
 |  |  |   <div> | 
 |  |  |     <vol-box v-model="showDetialBox" :lazy="true" width="60%" :padding="15" title="æå®åºå"> | 
 |  |  |     <vol-box | 
 |  |  |       v-model="showDetialBox" | 
 |  |  |       :lazy="true" | 
 |  |  |       width="60%" | 
 |  |  |       :padding="15" | 
 |  |  |       title="æå®åºå" | 
 |  |  |     > | 
 |  |  |       <div class="box-head"> | 
 |  |  |         <el-alert :closable="false" style="width: 100%"> | 
 |  |  |           <el-row> | 
 |  |  | 
 |  |  |               <el-divider direction="vertical"></el-divider> | 
 |  |  |               <span class="less-style">ç©æç¼å·ï¼ {{ row.materielCode }} </span> | 
 |  |  |               <el-divider direction="vertical"></el-divider> | 
 |  |  |               <span class="less-style">éæ±æ°éï¼ {{ row.orderQuantity }} | 
 |  |  |               <span class="less-style" | 
 |  |  |                 >éæ±æ°éï¼ {{ row.orderQuantity }} | 
 |  |  |               </span> | 
 |  |  |               <el-divider direction="vertical"></el-divider> | 
 |  |  |               <span :class="selectionClass">已鿰éï¼ {{ selectionSum }} | 
 |  |  |               <span :class="selectionClass" | 
 |  |  |                 >已鿰éï¼ {{ selectionSum }} | 
 |  |  |               </span> | 
 |  |  |             </el-col> | 
 |  |  |             <el-col :span="2"> | 
 |  |  |               <el-link type="primary" size="small" style="float: right; height: 20px" | 
 |  |  |                 @click="getData">å·æ°</el-link></el-col> | 
 |  |  |               <el-link | 
 |  |  |                 type="primary" | 
 |  |  |                 size="small" | 
 |  |  |                 style="float: right; height: 20px" | 
 |  |  |                 @click="getData" | 
 |  |  |                 >å·æ°</el-link | 
 |  |  |               ></el-col | 
 |  |  |             > | 
 |  |  |             <el-col :span="2"> | 
 |  |  |               <el-link type="primary" size="small" style="float: right; height: 20px" | 
 |  |  |                 @click="revokeAssign">æ¤éåé
</el-link></el-col> | 
 |  |  |               <el-link | 
 |  |  |                 type="primary" | 
 |  |  |                 size="small" | 
 |  |  |                 style="float: right; height: 20px" | 
 |  |  |                 @click="revokeAssign" | 
 |  |  |                 >æ¤éåé
</el-link | 
 |  |  |               ></el-col | 
 |  |  |             > | 
 |  |  |           </el-row> | 
 |  |  |         </el-alert> | 
 |  |  |       </div> | 
 |  |  |       <div class="box-table" style="margin-top: 1%"> | 
 |  |  |         <el-table ref="singleTable" :data="tableData" style="width: 100%; height: 100%" highlight-current-row | 
 |  |  |           @row-click="handleRowClick" height="500px" @selection-change="handleSelectionChange"> | 
 |  |  |         <el-table | 
 |  |  |           ref="singleTable" | 
 |  |  |           :data="tableData" | 
 |  |  |           style="width: 100%; height: 100%" | 
 |  |  |           highlight-current-row | 
 |  |  |           @row-click="handleRowClick" | 
 |  |  |           height="500px" | 
 |  |  |           @selection-change="handleSelectionChange" | 
 |  |  |         > | 
 |  |  |           > | 
 |  |  |           <el-table-column type="selection" width="55"> </el-table-column> | 
 |  |  |           <el-table-column label="åºå·" type="index" fixed="left" width="55" align="center"></el-table-column> | 
 |  |  |           <el-table-column v-for="(item, index) in tableColumns.filter((x) => !x.hidden)" :key="index" :prop="item.prop" | 
 |  |  |             :label="item.title" :width="item.width" align="center"> | 
 |  |  |           <el-table-column | 
 |  |  |             label="åºå·" | 
 |  |  |             type="index" | 
 |  |  |             fixed="left" | 
 |  |  |             width="55" | 
 |  |  |             align="center" | 
 |  |  |           ></el-table-column> | 
 |  |  |           <el-table-column | 
 |  |  |             v-for="(item, index) in tableColumns.filter((x) => !x.hidden)" | 
 |  |  |             :key="index" | 
 |  |  |             :prop="item.prop" | 
 |  |  |             :label="item.title" | 
 |  |  |             :width="item.width" | 
 |  |  |             align="center" | 
 |  |  |           > | 
 |  |  |             <template #default="scoped" v-if="item.type == 'icon'"> | 
 |  |  |               <el-tooltip class="item" effect="dark" :content="item.title" placement="bottom"><el-button type="text" | 
 |  |  |                   @click="tableButtonClick(scoped.row, item)"><i :class="item.icon" | 
 |  |  |                     style="font-size: 22px"></i></el-button></el-tooltip> | 
 |  |  |               <el-tooltip | 
 |  |  |                 class="item" | 
 |  |  |                 effect="dark" | 
 |  |  |                 :content="item.title" | 
 |  |  |                 placement="bottom" | 
 |  |  |                 ><el-button | 
 |  |  |                   type="text" | 
 |  |  |                   @click="tableButtonClick(scoped.row, item)" | 
 |  |  |                   ><i :class="item.icon" style="font-size: 22px"></i></el-button | 
 |  |  |               ></el-tooltip> | 
 |  |  |             </template> | 
 |  |  |           </el-table-column> | 
 |  |  |         </el-table> | 
 |  |  |       </div> | 
 |  |  |       <template #footer> | 
 |  |  |         <el-button type="primary" size="small" @click="outbound">ç´æ¥åºåº</el-button> | 
 |  |  |         <el-button type="primary" size="small" @click="lockStock">éå®åºå</el-button> | 
 |  |  |         <el-button type="danger" size="small" @click="showDetialBox = false">å
³é</el-button> | 
 |  |  |         <el-button type="primary" size="small" @click="outbound" | 
 |  |  |           >ç´æ¥åºåº</el-button | 
 |  |  |         > | 
 |  |  |         <el-button type="primary" size="small" @click="lockStock" | 
 |  |  |           >éå®åºå</el-button | 
 |  |  |         > | 
 |  |  |         <el-button type="danger" size="small" @click="showDetialBox = false" | 
 |  |  |           >å
³é</el-button | 
 |  |  |         > | 
 |  |  |       </template> | 
 |  |  |     </vol-box> | 
 |  |  |   </div> | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     open(row) { | 
 |  |  |       console.log(row); | 
 |  |  |       this.row = row; | 
 |  |  |       this.showDetialBox = true; | 
 |  |  |       this.originalQuantity = this.row.lockQuantity; | 
 |  |  | 
 |  |  |         }); | 
 |  |  |     }, | 
 |  |  |     outbound() { | 
 |  |  |       if(this.selection.length<=0){ | 
 |  |  |         return this.$message.error("请å¾é"); | 
 |  |  |       } | 
 |  |  |       this.http | 
 |  |  |         .post( | 
 |  |  |           "api/Task/GenerateOutboundTask?id=" + this.row.id, | 
 |  |  |           "api/Task/GenerateOutboundTask?orderDetailId=" + this.row.id, | 
 |  |  |           this.selection, | 
 |  |  |           "æ°æ®å¤çä¸" | 
 |  |  |         ) | 
 |  |  | 
 |  |  |       this.http | 
 |  |  |         .post( | 
 |  |  |           "api/StockInfo/GetStockSelectViews?materielCode=" + | 
 |  |  |           this.row.materielCode, | 
 |  |  |             this.row.materielCode + | 
 |  |  |             "&orderId=" + | 
 |  |  |             this.row.orderId, | 
 |  |  |           null, | 
 |  |  |           "æ¥è¯¢ä¸" | 
 |  |  |         ) | 
 |  |  | 
 |  |  |   background: oldlace; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .box-table .el-table tbody tr:hover>td { | 
 |  |  | .box-table .el-table tbody tr:hover > td { | 
 |  |  |   background-color: #d8e0d4 !important; | 
 |  |  |   /* color: #ffffff; */ | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .box-table .el-table tbody tr.current-row>td { | 
 |  |  | .box-table .el-table tbody tr.current-row > td { | 
 |  |  |   background-color: #f0f9eb !important; | 
 |  |  |   /* color: #ffffff; */ | 
 |  |  | } |