diff --git a/src/api/pick.js b/src/api/pick.js
new file mode 100644
index 0000000..52582a5
--- /dev/null
+++ b/src/api/pick.js
@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+export function add(data) {
+  return request({
+    url: 'api/pick',
+    method: 'post',
+    data
+  })
+}
+
+export function del(ids) {
+  return request({
+    url: 'api/pick/',
+    method: 'delete',
+    data: ids
+  })
+}
+
+export function edit(data) {
+  return request({
+    url: 'api/pick',
+    method: 'put',
+    data
+  })
+}
+
+export default { add, edit, del }
diff --git a/src/views/business-data/gdDetail/index.vue b/src/views/business-data/gdDetail/index.vue
index 45686d7..99df056 100644
--- a/src/views/business-data/gdDetail/index.vue
+++ b/src/views/business-data/gdDetail/index.vue
@@ -51,7 +51,7 @@
         <el-table-column prop="bigItem.code" label="总成代码" />
         <el-table-column prop="bigItemQty" label="总成套数" />
         <el-table-column prop="orderType" label="单据类型" />
-        <el-table-column v-if="checkPer(['admin','gdDetail:edit','gdDetail:del'])" label="操作" width="150px" align="center">
+        <el-table-column v-if="checkPer(['admin','gdDetail:edit','gdDetail:del'])" :show-overflow-tooltip="false" fixed="right" label="操作" width="150px" align="center">
           <template slot-scope="scope">
             <udOperation
               :data="scope.row"
diff --git a/src/views/business-data/pick/index.vue b/src/views/business-data/pick/index.vue
new file mode 100644
index 0000000..4a9d22c
--- /dev/null
+++ b/src/views/business-data/pick/index.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <label class="el-form-item-label">出库单头</label>
+        <el-input v-model="query.code" clearable placeholder="出库单头" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
+        <label class="el-form-item-label">关联工单明细</label>
+        <el-input v-model="query.gdDetaiId" clearable placeholder="关联工单明细" style="width: 185px;" class="filter-item" @keyup.enter.native="crud.toQuery" />
+        <rrOperation :crud="crud" />
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission" :tableKey="this.$options.name"/>
+      <!--表单组件-->
+      <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
+        <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
+          <el-form-item label="ID">
+            <el-input v-model="form.id" style="width: 370px;" />
+          </el-form-item>
+          <el-form-item label="出库单头">
+            <el-input v-model="form.code" style="width: 370px;" />
+          </el-form-item>
+          <el-form-item label="序号">
+            <el-input v-model="form.lineNo" style="width: 370px;" />
+          </el-form-item>
+          <el-form-item label="状态">
+            未设置字典，请手动设置 Select
+          </el-form-item>
+          <el-form-item label="关联工单明细">
+            <el-input v-model="form.gdDetaiId" style="width: 370px;" />
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="text" @click="crud.cancelCU">取消</el-button>
+          <el-button :loading="crud.status.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
+        </div>
+      </el-dialog>
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="id" label="ID" />
+        <el-table-column prop="createTime" label="创建时间" />
+        <el-table-column prop="updateTime" label="修改时间" />
+        <el-table-column prop="code" label="出库单头" />
+        <el-table-column prop="lineNo" label="序号" />
+        <el-table-column prop="status" label="状态" />
+        <el-table-column prop="gdDetaiId" label="关联工单明细" />
+        <el-table-column v-if="checkPer(['admin','pick:edit','pick:del'])" label="操作" width="150px" align="center">
+          <template slot-scope="scope">
+            <udOperation
+              :data="scope.row"
+              :permission="permission"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import crudPick from '@/api/pick'
+import CRUD, { presenter, header, form, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+
+const defaultForm = { id: null, createBy: null, updateBy: null, createTime: null, updateTime: null, deptId: null, code: null, lineNo: null, status: null, gdDetaiId: null }
+export default {
+  name: 'Pick',
+  components: { pagination, crudOperation, rrOperation, udOperation },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({ title: 'pick', url: 'api/pick', idField: 'id', sort: 'id,desc', crudMethod: { ...crudPick }})
+  },
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'pick:add'],
+        edit: ['admin', 'pick:edit'],
+        del: ['admin', 'pick:del']
+      },
+      rules: {
+      },
+      queryTypeOptions: [
+        { key: 'code', display_name: '出库单头' },
+        { key: 'gdDetaiId', display_name: '关联工单明细' }
+      ]
+    }
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>