盘点提交

jshERP-web/src/views/stock/TaskList.vue

@@ -3,9 +3,9 @@
     <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
-        <filter-form></filter-form>
+        <!-- <filter-form></filter-form> -->
         <div>
-          <a-button type="primary" icon="plus">新增盘点任务</a-button>
+          <a-button type="primary" icon="plus" @click="addTask">新增盘点任务</a-button>
           <a-button>取消盘点</a-button>
           <a-button>批量删除</a-button>
           <a-button>导出任务</a-button>
@@ -40,7 +40,12 @@
         </a-table>
       </a-card>
     </a-col>
-    <stock-modal ref="stockModal"></stock-modal>
+    <stock-modal
+      :stockVisible.sync="stockVisible"
+      :form="form"
+      :validatorRules="validatorRules"
+      ref="stockF"
+    ></stock-modal>
   </a-row>
 </template>
 
@@ -49,6 +54,8 @@ import { JeecgListMixin } from '@/mixins/JeecgListMixin'
 import FilterForm from './components/FilterForm.vue'
 import table from './utils/table'
 import StockModal from './components/stockModal.vue'
+import { getAction } from '@/api/manage'
+
 export default {
   components: { FilterForm, StockModal },
   mixins: [JeecgListMixin],
@@ -59,6 +66,12 @@ export default {
       scroll: { x: 1500 },
       // 权限按钮集合
       btnEnableList: [1, 1, 1],
+      queryParam: {
+        taskStatus: '',
+        number: '',
+        depotId: '',
+        createBy: '',
+      },
       // stockTable: {
       //   loading: false,
       //   dataSource: [],
@@ -66,17 +79,41 @@ export default {
       // },
       defColumns: table.taskColumns,
       dataSource: [],
-      form: {},
+      form: {
+        number: '',
+        taskType: '',
+        taskName: '',
+        depotId: '',
+        creator: '',
+        createBy: '',
+        createTime: '',
+        positionRange: '',
+        materialExtendIdList: [],
+      },
+      validatorRules: {
+        taskType: { rules: [{ required: true, message: '请选择盘点类型' }] },
+        depotId: { rules: [{ required: true, message: '请选择盘点仓库' }] },
+        taskName: { rules: [{ required: true, message: '请输入盘点任务名称' }] },
+      },
+      rules: {
+        number: { rules: [{ required: true, message: '请输入盘点编号' }] },
+      },
       organId: { rules: [{ required: true, message: '请选择盘点类型' }] },
       organId: { rules: [{ required: true, message: '请选择盘点仓库' }] },
       organId: { rules: [{ required: true, message: '请选择盘点负责人' }] },
       url: {
-        list: '/api/stock/task/list',
-        delete: '/api/stock/task/delete',
-        exportXlsUrl: 'test/exportXls',
+        list: '/stocktaking/list',
+        add: '/stocktaking/add',
       },
+      stockVisible: false,
     }
   },
+
+  methods: {
+    addTask() {
+      this.stockVisible = true
+    },
+  },
 }
 </script>
 

jshERP-web/src/views/stock/components/FilterForm.vue

@@ -5,7 +5,7 @@
       <a-row :gutter="24">
         <a-col :md="6" :sm="24">
           <a-form-item label="盘点状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-select placeholder="请选择供应商" showSearch optionFilterProp="children" v-model="queryParam.organId">
+            <a-select placeholder="请选择供应商" showSearch optionFilterProp="children" v-model="queryParam.taskStatus">
               <a-select-option v-for="(item, index) in statusList" :key="index" :value="item.id">
                 {{ item.supplier }}
               </a-select-option>
@@ -16,13 +16,13 @@
           <a-form-item label="盘点单号" :labelCol="labelCol" :wrapperCol="wrapperCol">
             <a-input
               placeholder="请输入条码、名称、助记码、规格、型号等信息"
-              v-model="queryParam.materialParam"
+              v-model="queryParam.number"
             ></a-input>
           </a-form-item>
         </a-col>
         <a-col :md="6" :sm="24">
           <a-form-item label="盘点仓库" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-select placeholder="请选择盘点仓库" showSearch optionFilterProp="children" v-model="queryParam.organId">
+            <a-select placeholder="请选择盘点仓库" showSearch optionFilterProp="children" v-model="queryParam.depotId">
               <a-select-option v-for="(item, index) in statusList" :key="index" :value="item.id">
                 {{ item.supplier }}
               </a-select-option>
@@ -31,14 +31,14 @@
         </a-col>
         <a-col :md="6" :sm="24">
           <a-form-item label="创建人" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-select placeholder="请选择创建人" showSearch optionFilterProp="children" v-model="queryParam.organId">
+            <a-select placeholder="请选择创建人" showSearch optionFilterProp="children" v-model="queryParam.createBy">
               <a-select-option v-for="(item, index) in statusList" :key="index" :value="item.id">
                 {{ item.supplier }}
               </a-select-option>
             </a-select>
           </a-form-item>
         </a-col>
-        <a-col :md="6" :sm="24">
+        <!-- <a-col :md="6" :sm="24">
           <a-form-item label="商品类别" :labelCol="labelCol" :wrapperCol="wrapperCol">
             <a-select placeholder="请选择商品类别" showSearch optionFilterProp="children" v-model="queryParam.organId">
               <a-select-option v-for="(item, index) in statusList" :key="index" :value="item.id">
@@ -56,7 +56,7 @@
           <a-col :md="6" :sm="24">
             <a-button type="primary" @click="searchQuery">查询</a-button>
             <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
-          </a-col>
+          </a-col> -->
         </span>
       </a-row>
     </a-form>

jshERP-web/src/views/stock/components/editForm.vue

@@ -1,87 +1,58 @@
 <template>
-  <a-form :form="form">
+  <a-form :model="form">
     <a-row class="form-row" :gutter="24">
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点单号">
-          <a-input placeholder="请输入" v-decorator.trim="['number']" />
+          <a-input placeholder="请输入" v-model="form.number" />
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点类型">
-          <a-select
-            placeholder="请选择盘点类型"
-            v-decorator="['organId', validatorRules.organId]"
-            :dropdownMatchSelectWidth="false"
-            showSearch
-            optionFilterProp="children"
-          >
-            <a-select-option v-for="(item, index) in supList" :key="index" :value="item.id">
-              {{ item.supplier }}
-            </a-select-option>
-          </a-select>
+          <a-select placeholder="请选择" v-model="form.taskType" :options="taskTypeList"> </a-select>
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点任务名称">
-          <a-input placeholder="请输入" v-decorator.trim="['number']" />
+          <a-input placeholder="请输入" v-model="form.taskName" />
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点仓库">
-          <a-select
-            placeholder="请选择盘点仓库"
-            v-decorator="['organId', validatorRules.organId]"
-            :dropdownMatchSelectWidth="false"
-            showSearch
-            optionFilterProp="children"
-          >
-            <a-select-option v-for="(item, index) in supList" :key="index" :value="item.id">
-              {{ item.supplier }}
-            </a-select-option>
-          </a-select>
+          <a-select placeholder="请选择" v-model="form.depotId" :options="depotList"> </a-select>
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点负责人">
-          <a-select
-            placeholder="请选择盘点负责人"
-            v-decorator="['organId', validatorRules.organId]"
-            :dropdownMatchSelectWidth="false"
-            showSearch
-            optionFilterProp="children"
-          >
-            <a-select-option v-for="(item, index) in supList" :key="index" :value="item.id">
-              {{ item.supplier }}
-            </a-select-option>
-          </a-select>
+          <a-select placeholder="请选择" v-model="form.creator" :options="spinnerList"> </a-select>
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="创建人">
-          <a-input placeholder="请输入" v-decorator.trim="['number']" />
+          <a-input placeholder="请输入" disabled v-model="form.createBy" />
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="创建时间">
-          <a-input placeholder="请输入" v-decorator.trim="['number']" />
+          <a-input placeholder="请输入" disabled v-model="form.createTime" />
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点库位范围">
-          <a-input placeholder="请输入" v-decorator.trim="['number']" />
+          <a-input placeholder="请输入" v-model="form.positionRange" />
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="商品数量">
-          <a-input placeholder="请输入" v-decorator.trim="['number']" />
+          <a-input placeholder="请输入" v-model="form.materialCount" />
         </a-form-item>
       </a-col>
       <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点状态">
-          <a-input placeholder="请输入" v-decorator.trim="['number']" />
+          <!-- <a-input placeholder="请输入" v-model="form.taskStatus" /> -->
+          <a-select placeholder="请选择" v-model="form.taskStatus" :options="taskStatusList"> </a-select>
         </a-form-item>
       </a-col>
-      <a-col :lg="6" :md="12" :sm="24" class="form-col">
+      <!-- <a-col :lg="6" :md="12" :sm="24" class="form-col">
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="盘点人">
           <a-input placeholder="请输入" v-decorator.trim="['number']" />
         </a-form-item>
@@ -90,7 +61,7 @@
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="完成时间">
           <a-input placeholder="请输入" v-decorator.trim="['number']" />
         </a-form-item>
-      </a-col>
+      </a-col> -->
     </a-row>
   </a-form>
 </template>
@@ -109,6 +80,40 @@ export default {
         return {}
       },
     },
+    spinnerList: {
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+    depotList: {
+      type: Array,
+      default: () => {
+        return []
+      },
+    },
+  },
+  data() {
+    return {
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 8 },
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 },
+      },
+      taskTypeList: [
+        { value: 1, label: '全盘' },
+        { value: 2, label: '抽盘' },
+      ],
+      taskStatusList: [
+        { value: 0, label: '未开始' },
+        { value: 1, label: '进行中' },
+        { value: 2, label: '已完成' },
+        { value: 3, label: '已取消' },
+      ],
+    }
   },
 }
 </script>

jshERP-web/src/views/stock/components/stockModal.vue

@@ -1,48 +1,39 @@
 <template>
-  <j-modal
-    :title="title"
-    :width="width"
-    :visible="visible"
-    :confirmLoading="confirmLoading"
-    :keyboard="false"
-    :forceRender="true"
-    v-bind:prefixNo="prefixNo"
-    fullscreen
-    switchHelp
-    switchFullscreen
-    @cancel="handleCancel"
-    :id="prefixNo"
-    style="top: 20px; height: 95%"
-  >
-    <a-spin :spinning="confirmLoading">
-      <edit-form :form="form" :validatorRules="validatorRules"></edit-form>
-      <div>
-        <a-button type="primary">选择商品</a-button>
-      </div>
-      <a-table
-        ref="table"
-        size="middle"
-        bordered
-        rowKey="id"
-        :columns="stockTable.columns"
-        :dataSource="stockTable.dataSource"
-        :components="handleDrag(taskColumns)"
-        :pagination="ipagination"
-        :scroll="scroll"
-        :loading="stockTable.loading"
-        :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-        @change="handleTableChange"
-      >
-        <span slot="action" slot-scope="text, record">
-          <a @click="myHandleDetail(record, '采购入库', prefixNo)">查看</a>
-          <a-divider v-if="btnEnableList.indexOf(1) > -1" type="vertical" />
-          <a v-if="btnEnableList.indexOf(1) > -1" @click="myHandleEdit(record)">编辑</a>
-          <a-divider v-if="btnEnableList.indexOf(1) > -1" type="vertical" />
-          <a-popconfirm
-            v-if="btnEnableList.indexOf(1) > -1"
-            title="确定删除吗?"
-            @confirm="() => myHandleDelete(record)"
+  <div>
+    <a-modal
+      :visible="stockVisible"
+      :title="title"
+      @ok="handleOk"
+      @cancel="handleCancel"
+      width="90%"
+      wrapClassName="full-modal"
+    >
+      <a-spin :spinning="confirmLoading">
+        <edit-form
+          :spinnerList="spinnerList"
+          :depotList="deoptData"
+          :form="form"
+          :validatorRules="validatorRules"
+        ></edit-form>
+        <div v-if="form.taskType === 2">
+          <a-button style="margin-bottom: 6px" type="primary" @click="onChangeGoods">选择商品</a-button>
+          <a-table
+            ref="table"
+            size="middle"
+            bordered
+            rowKey="id"
+            :columns="columns"
+            :dataSource="dataSource"
+            :components="handleDrag(columns)"
+            :pagination="ipagination"
+            :loading="loading"
+            @change="handleTableChange"
           >
+            <!-- <span slot="action" slot-scope="text, record">
+          <a>查看</a>
+          <a>编辑</a>
+          <a-divider v-if="btnEnableList.indexOf(1) > -1" type="vertical" />
+          <a-popconfirm title="确定删除吗?">
             <a>删除</a>
           </a-popconfirm>
         </span>
@@ -50,16 +41,23 @@
           {{ record.name }}
           <a-tag v-if="record.enableSerialNumber == 1" color="orange">序</a-tag>
           <a-tag v-if="record.enableBatchNumber == 1" color="orange">批</a-tag>
-        </template>
-      </a-table>
-    </a-spin>
-  </j-modal>
+        </template> -->
+          </a-table>
+        </div>
+      </a-spin>
+    </a-modal>
+    <j-select-material-modal @ok="getGoods" ref="selectModal" :multi="true"></j-select-material-modal>
+  </div>
 </template>
 
 <script>
 import editForm from './editForm.vue'
+import table from '../utils/table'
+import JSelectMaterialModal from '../../../components/jeecgbiz/modal/JSelectMaterialModal.vue'
+import { getAction, postAction } from '@/api/manage'
+
 export default {
-  components: { editForm },
+  components: { editForm, JSelectMaterialModal },
   props: {
     form: {
       type: Object,
@@ -71,6 +69,14 @@ export default {
         return {}
       },
     },
+    stockVisible: {
+      type: Boolean,
+      default: false,
+    },
+    title: {
+      type: String,
+      default: '新增',
+    },
   },
   data() {
     return {
@@ -79,27 +85,81 @@ export default {
       //     organId: { rules: [{ required: true, message: '请选择盘点仓库' }] },
       //     organId: { rules: [{ required: true, message: '请选择盘点负责人' }] },
       //   },
-      title: '操作',
       width: '1600px',
       visible: false,
       confirmLoading: false,
       prefixNo: '',
       //   form: {},
-      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 8 },
-      },
-      wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 16 },
-      },
-      stockTable: {
-        loading: false,
-        dataSource: [],
-        columns: table.goodsColums,
+
+      loading: false,
+      dataSource: [],
+      columns: table.goodsColums,
+      url: {
+        spinnerList: '/stocktaking/creatorSpinnerList',
+        depotList: '/depot/findDepotByCurrentUser',
+        add: '/stocktaking/add',
       },
+      spinnerList: [],
+      deoptData: [],
     }
   },
+  watch: {
+    stockVisible(val) {
+      if (val) {
+        this.getSpinnerList()
+        this.getDepotList()
+      }
+    },
+    form: {
+      handler(val) {
+        if (val.taskType === 1) {
+          val.materialExtendIdList = []
+        }
+      },
+      deep: true,
+    },
+  },
+  methods: {
+    handleCancel() {
+      this.$emit('update:stockVisible', false)
+    },
+    handleOk() {
+      postAction(this.url.add, this.form).then((res) => {
+        console.log('222222222222222222222', res)
+
+        // this.$emit('ok')
+      })
+    },
+    onChangeGoods() {
+      this.$refs.selectModal.showModal()
+    },
+    getSpinnerList() {
+      getAction(this.url.spinnerList).then((res) => {
+        this.spinnerList = res.data || []
+      })
+    },
+
+    getDepotList() {
+      getAction(this.url.depotList).then((res) => {
+        this.deoptData = res.data.map((item) => {
+          return {
+            label: item.depotName,
+            value: item.id,
+          }
+        })
+      })
+    },
+    getGoods(rows, ids) {
+      this.form.materialExtendIdList = ids.split(',').filter((item) => item)
+      this.dataSource = rows
+    },
+
+    handleDrag() {},
+    ipagination() {},
+    selectedRowKeys() {},
+    onSelectChange() {},
+    handleTableChange() {},
+  },
 }
 </script>