diff --git a/src/api/productplan/base.js b/src/api/productplan/base.js
index dc91515..870430e 100644
--- a/src/api/productplan/base.js
+++ b/src/api/productplan/base.js
@@ -189,6 +189,22 @@ export function getSerialOrder (query) {
 		params: query
 	})
 }
+// 未完成工单列表 
+export function getUncomplete (params) {
+	return request({
+		url: '/admin/om/workorder/getuncomplete',
+		method: 'get',
+		params
+	})
+}
+// 取消未完成工单 
+export function cancelUncomplete (data) {
+	return request({
+		url: '/admin/om/workorder/canceluncomplete',
+		method: 'post',
+		data
+	})
+}
 // 返工列表查询
 export function queryDefectRecord (query) {
 	return request({
diff --git a/src/views/productplan/workbench/order/closeOrder.vue b/src/views/productplan/workbench/order/closeOrder.vue
new file mode 100644
index 0000000..19b6734
--- /dev/null
+++ b/src/views/productplan/workbench/order/closeOrder.vue
@@ -0,0 +1,165 @@
+<template>
+  <el-dialog title="明细" visible width="90%" :close-on-click-modal="false">
+			<el-table
+        :data="tableData"
+        border
+        tooltip-effect="dark"
+        height="410"
+        ref="multipleTable"
+        class="order-table-content-wrap"
+        @select="handleSelectionChange"
+      >
+        <el-table-column
+          type="selection"
+          width="55">
+        </el-table-column>
+				<el-table-column v-for="item in headers" :key="item" :label="getColumnName(item)" :show-overflow-tooltip="true" align="center">
+					<template slot-scope="scope">
+						<div v-if="item === 'OM_SerialOrder-SerialOrderStatus'"
+						:class="['bg-div',{'not-plan-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 10},
+						{'has-plan-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 20},
+						{'has-lock-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 24},
+						{'has-issued-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 26},
+						{'interrupt-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 39},
+						{'in-production-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 40},
+						{'has-complete-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 80},
+						{'has-shipment-bg':scope.row[item]['OM_SerialOrderStatus-Status'] == 90},
+						{'freeze-bg': scope.row[item]['OM_SerialOrderStatus-Status'] == 95},
+						{'has-cancel-bg': scope.row[item]['OM_SerialOrderStatus-Status'] == 98}]"> {{ fieldTrans(scope.row[item]['OM_SerialOrderStatus-Status']) }} </div>
+						<span v-else>{{ scope.row[item] }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column
+					v-for="(item, index) in timeHeaders"
+					:key="index"
+					:label="getColumnName(item)"
+					:show-overflow-tooltip="true"
+					width="170"
+					align="center">
+					<template slot-scope="scope">
+						<span v-if="item === 'OM_SerialOrder-ActEndTime' && scope.row[item] === '19000101000000'"></span>
+						<span v-else>{{ parseTime(scope.row[item]) }}</span>
+					</template>
+				</el-table-column>
+    	</el-table>
+			<div slot="footer" class="dialog-footer">
+        <el-button @click="clearSelect">取消选择</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+		</el-dialog>
+</template>
+<script>
+import {getUncomplete, cancelUncomplete} from '@/api/productplan/base'
+export default {
+  props:{
+    item:{
+      default:{}
+    }
+  },
+  data(){
+    return{
+      tableData:[],
+      headers:[
+        'OM_SerialOrder-WorkOrderId',
+        'OM_SerialOrder-SerialOrderId',
+        'OM_SerialOrder-PlanResourceId',
+        'OM_SerialOrder-UsedResourceId',
+        'OM_SerialOrder-PlanQty',
+        'OM_SerialOrder-ProjectId',
+        'OM_SerialOrder-SerialOrderStatus'
+      ],
+      timeHeaders:[
+        'OM_SerialOrder-PlanStartTime',
+        'OM_SerialOrder-PlanEndTime',
+        'OM_SerialOrder-ActEndTime',
+      ],
+      orderStatusArray: [], // 订单状态
+      selectionValue:[], // 当前选择的工单明细
+    }
+  },
+  methods:{
+    submit(){
+      if(this.selectionValue.length<=0){
+        this.msgError('请选择工单');
+      }else{
+        cancelUncomplete(this.selectionValue.map(e=>e['OM_SerialOrderStatus-SerialOrderId'])).then(({code})=>{
+          if(code==200){
+            this.msgSuccess('取消成功');
+            this.cancel();
+          }
+        })
+      }
+    },
+    // 关闭
+    cancel(){
+      this.$emit('setIsCloseOrder', {});
+    },
+    // 订单状态字段转换
+		fieldTrans(value) {
+			if (this.orderStatusArray.length > 0) {
+				let fieldValue = ''
+				this.orderStatusArray.forEach(el => {
+					if (value === Number(el['stdeftab-stdeftyp'])) {
+						fieldValue = el['stdeftab-bez']
+					}
+				})
+				return fieldValue
+			}
+		},
+    // 数组排序
+    sortby(a,b){return a['OM_SerialOrder-Sort']-b['OM_SerialOrder-Sort']},
+    // 选择后的回调
+    handleSelectionChange(value){
+      if(value.length<=1){
+        this.selectionValue=value;
+      }else{
+        // 清空已有选择
+        this.$refs.multipleTable.clearSelection();
+        // 根据已选中排序
+        const newData=value.sort(this.sortby);
+        // 查找所有符合条件的选项
+        this.selectionValue=this.tableData.filter(e=>{
+          return parseInt(e['OM_SerialOrder-Sort'])>=parseInt(newData[0]['OM_SerialOrder-Sort']) && parseInt(e['OM_SerialOrder-Sort'])<=parseInt(newData[newData.length-1]['OM_SerialOrder-Sort']);
+        });
+        // 追加选中
+        this.selectionValue.forEach(row => {
+          this.$refs.multipleTable.toggleRowSelection(row);
+        });
+      }
+    },
+    // 取消选择
+    clearSelect(){
+      this.$refs.multipleTable.clearSelection();
+    },
+    // 获取未完成工单明细
+    getUncomplete(){
+      getUncomplete({workOrderId: this.item['OM_WorkOrder-WorkOrderId']}).then(({code, data=[]}) => {
+        this.tableData=(data || []).sort(this.sortby);
+      })
+    },
+    // 获取生产状态
+    getOrderStatus(){
+      this.getStanderOne({ statid: 'WorkOrderStatus' }).then(res => {
+        this.orderStatusArray = res.data
+      })
+    }
+  },
+  mounted(){
+    this.getUncomplete();
+    this.getOrderStatus();
+  }
+}
+</script>
+<style lang="scss">
+  .order-table-content-wrap{
+    .el-table__header-wrapper{
+      .el-table-column--selection{
+        .el-checkbox{
+          display: none;
+        }
+      }
+    }
+  }
+  
+</style>
\ No newline at end of file
diff --git a/src/views/productplan/workbench/order.vue b/src/views/productplan/workbench/order/index.vue
similarity index 96%
rename from src/views/productplan/workbench/order.vue
rename to src/views/productplan/workbench/order/index.vue
index 4a3a873..065ff52 100644
--- a/src/views/productplan/workbench/order.vue
+++ b/src/views/productplan/workbench/order/index.vue
@@ -110,7 +110,7 @@
           <span v-else>{{ scope.row[item] }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" width="210" fixed="right">
+      <el-table-column label="操作" align="center" width="300" fixed="right">
         <template slot-scope="scope">
 					<el-button
             size="mini"
@@ -120,6 +120,13 @@
           >明细</el-button>
 					<el-button
             size="mini"
+            type="text"
+						:disabled="scope.row['OM_WorkOrderStatus-Status'] < 26 || scope.row['OM_WorkOrderStatus-Status'] > 80"
+            icon="el-icon-s-order"
+            @click="setIsCloseOrder(scope.row)"
+          >取消工单</el-button>
+					<el-button
+            size="mini"
             type="text"
 						:disabled="scope.row['OM_WorkOrderStatus-Status'] >= 80"
             icon="el-icon-s-order"
@@ -354,12 +361,14 @@
       </div>
 		</el-dialog>
 		<InsertOrder v-if="isInsertOrder" @showInsertOrder="showInsertOrder" />
-		<SplistOrder v-if="item['OM_WorkOrder-WorkOrderId']" :item="item"  @setItem="setItem"/>
+		<CloseOrder v-if="isCloseOrder" :item="item"  @setIsCloseOrder="setIsCloseOrder"/>
+		<SplistOrder v-if="!isCloseOrder && item['OM_WorkOrder-WorkOrderId']" :item="item"  @setItem="setItem"/>
   </div>
 </template>
 
 <script>
-import InsertOrder from './insertOrder'
+import InsertOrder from '../insertOrder'
+import CloseOrder from './closeOrder.vue';
 import { 
 	getWorkorderList,
 	getWorkorder,
@@ -378,12 +387,13 @@ import {
 import { getProjectList } from '@/api/system/project'
 import { getWorkshopList } from '@/common/workshop'
 import { deepCopy } from "@/common/timeCycle.js"
-import SplistOrder from './insertOrder/splitOrder.vue'
+import SplistOrder from '../insertOrder/splitOrder.vue'
 import moment from 'moment'
 export default {
 	components:{
 		InsertOrder,
-		SplistOrder
+		SplistOrder,
+		CloseOrder
 	},
   name: 'order',
   data() {
@@ -459,7 +469,8 @@ export default {
 			detailsHeaders: [],
 			detailsTimeHeaders: [],
 			detailsLoading: true,
-			item:{}
+			item:{},
+			isCloseOrder:false, // 是否显示取消工单界面
     }
   },
   created() {
@@ -496,6 +507,14 @@ export default {
 			this.item=item;
 			if(Object.keys(item).length==0){
         this.getList();
+      }
+		},
+		// 是否显示取消工单界面
+		setIsCloseOrder(item){
+			this.isCloseOrder = !this.isCloseOrder;
+			this.item=item;
+			if(Object.keys(item).length==0){
+        this.getList();
       }
 		},
 		// 是否显示排序界面