出入库初始化

lms/nladmin-ui/src/views/wms/st/outbill/index.vue

@@ -8,99 +8,102 @@
           :inline="true"
           class="demo-form-inline"
           label-position="right"
-          label-width="90px"
+          label-width="80px"
           label-suffix=":"
         >
-          <el-form-item label="单据编号">
+          <el-form-item label="模糊查询">
             <el-input
               v-model="query.bill_code"
+              size="mini"
               clearable
-              placeholder="单据编号"
-              style="width: 185px;"
-              class="filter-item"
+              placeholder="出库单号"
               @keyup.enter.native="crud.toQuery"
             />
           </el-form-item>
-          <el-form-item label="物料编码">
-            <el-input
-              v-model="query.material_code"
-              clearable
-              placeholder="物料编码、名称"
-              style="width: 185px;"
-              class="filter-item"
-            />
-          </el-form-item>
-          <el-form-item label="载具编号">
-            <el-input
-              v-model="query.vehicle_code"
-              clearable
-              placeholder="载具编码"
-              style="width: 185px;"
-              class="filter-item"
-            />
-          </el-form-item>
-          <el-form-item label="批次">
-            <el-input
-              v-model="query.pcsn"
-              clearable
-              placeholder="批次"
-              style="width: 185px;"
-              class="filter-item"
-            />
-          </el-form-item>
-          <el-form-item label="单据状态">
+          <el-form-item label="所属仓库">
             <el-select
-              v-model="query.bill_status"
+              v-model="query.stor_id"
               clearable
-              filterable
               size="mini"
+              placeholder="全部"
               class="filter-item"
-              style="width: 185px;"
+              @change="crud.toQuery"
             >
               <el-option
-                v-for="item in dict.st_bill_status"
+                v-for="item in storlist"
+                :key="item.stor_id"
+                :label="item.stor_name"
+                :value="item.stor_id"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="创建时间">
+            <el-date-picker
+              v-model="query.createTime"
+              type="daterange"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              :default-time="['00:00:00', '23:59:59']"
+              @change="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="生成方式">
+            <el-select
+              v-model="query.create_mode"
+              clearable
+              size="mini"
+              placeholder="生成方式"
+              class="filter-item"
+              @change="crud.toQuery"
+            >
+              <el-option
+                v-for="item in dict.ST_CREATE_MODE"
+                :key="item.value"
                 :label="item.label"
                 :value="item.value"
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="起始点位">
-            <el-input
-              v-model="query.start_point_code"
+
+          <el-form-item label="单据状态">
+            <el-select
+              v-model="query.bill_status"
               clearable
-              placeholder="点位编码、名称"
-              style="width: 185px;"
+              size="mini"
+              placeholder="单据状态"
               class="filter-item"
-            />
+              @change="crud.toQuery"
+            >
+              <el-option
+                v-for="item in dict.io_bill_status"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
           </el-form-item>
-          <el-form-item label="终点点位">
-            <el-input
-              v-model="query.end_point_code"
+
+          <el-form-item label="业务类型">
+            <el-select
+              v-model="query.bill_type"
               clearable
-              placeholder="点位编码、名称"
-              style="width: 185px;"
+              filterable
+              size="mini"
+              placeholder="业务类型"
               class="filter-item"
-            />
+              @change="crud.toQuery"
+            >
+              <el-option
+                v-for="item in billtypelist"
+                :key="item.code"
+                :label="item.name"
+                :value="item.code"
+              />
+            </el-select>
           </el-form-item>
-          <el-form-item label="起始区域">
-            <el-input
-              v-model="query.start_region_code"
-              clearable
-              placeholder="区域编码、名称"
-              style="width: 185px;"
-              class="filter-item"
-            />
-          </el-form-item>
-          <el-form-item label="终点区域">
-            <el-input
-              v-model="query.end_region_code"
-              clearable
-              placeholder="区域编码、名称"
-              style="width: 185px;"
-              class="filter-item"
-            />
-          </el-form-item>
-          <rrOperation :crud="crud" />
+          <rrOperation />
         </el-form>
       </div>
       <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
@@ -111,341 +114,253 @@
           type="success"
           icon="el-icon-position"
           size="mini"
-          :loading="loading"
-          :disabled="crud.selections.length !== 1"
-          @click="createTask"
+          :disabled="dis_flag"
+          @click="divOpen"
         >
-          生成任务
+          分配
+        </el-button>
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          :disabled="work_flag"
+          icon="el-icon-position"
+          size="mini"
+          @click="taskOpen"
+        >
+          作业任务
+        </el-button>
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="warning"
+          :disabled="confirm_flag"
+          icon="el-icon-check"
+          size="mini"
+          @click="confirm"
+        >
+          强制确认
         </el-button>
       </crudOperation>
-      <!--表单组件-->
-      <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0 || crud.status.view > 0 " :title="crud.status.title" width="700px">
-        <el-form ref="form" :model="form" :rules="rules" size="mini" label-width="100px">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="物料" prop="material_id">
-                <label slot="label">物&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;料:</label>
-                <el-input v-model="form.material_name" style="width: 200px;" disabled />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="批次">
-                <label slot="label">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次:</label>
-                <el-input v-model="form.pcsn" style="width: 200px;" disabled />
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="载具编码:">
-                <el-input v-model="form.vehicle_code" style="width: 200px;" disabled />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="数量" prop="qty">
-                <label slot="label">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量:</label>
-                <el-input v-model="form.qty" style="width: 200px;" disabled />
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="起始区域:" prop="start_region_id">
-                <el-select
-                  v-model="form.start_region_id"
-                  placeholder="请选择"
-                  style="width: 200px;"
-                  :disabled="crud.status.view > 0"
-                  @change="changeStart"
-                >
-                  <el-option
-                    v-for="item in reginoList"
-                    :label="item.region_name"
-                    :value="item.region_id"
-                  />
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="终点区域:" prop="end_region_id">
-                <el-select
-                  v-model="form.end_region_id"
-                  placeholder="请选择"
-                  style="width: 200px;"
-                  :disabled="crud.status.view > 0"
-                  @change="changeEnd"
-                >
-                  <el-option
-                    v-for="item in reginoList"
-                    :label="item.region_name"
-                    :value="item.region_id"
-                  />
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="起始点位:" prop="start_point_code">
-                <el-input v-model="form.start_point_name" style="width: 200px;" :disabled="crud.status.view > 0" @focus="openStartPonit" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="终点点位:" prop="end_point_code">
-                <el-input v-model="form.end_point_name" style="width: 200px;" :disabled="crud.status.view > 0" @focus="openEndPonit" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-          <el-row>
-            <el-col :span="24">
-              <el-form-item label="备注:">
-                <el-input v-model="form.remark" type="textarea" style="width: 530px;" :disabled="crud.status.view > 0" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-
-        </el-form>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="text" @click="crud.cancelCU">取消</el-button>
-          <el-button :loading="crud.cu === 2" type="primary" :disabled="crud.status.view > 0" @click="crud.submitCU">确认</el-button>
-        </div>
-      </el-dialog>
       <!--表格渲染-->
-      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
-        <el-table-column type="selection" width="55" />
-        <el-table-column v-if="false" prop="iostorinv_id" label="出入单标识" />
-        <el-table-column prop="bill_code" label="单据编号" show-overflow-tooltip width="120px">
-          <template slot-scope="scope">
-            <el-link type="warning" @click="crud.toView(scope.row)">{{ scope.row.bill_code }}</el-link>
-          </template>
-        </el-table-column>
-        <el-table-column prop="bill_status" label="单据状态">
-          <template slot-scope="scope">
-            {{ dict.label.st_bill_status[scope.row.bill_status] }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="material_code" label="物料编码" show-overflow-tooltip width="120px" />
-        <el-table-column prop="material_name" label="物料名称" show-overflow-tooltip width="120px" />
-        <el-table-column prop="pcsn" label="批次" />
-        <el-table-column prop="vehicle_code" label="载具编码" />
-        <el-table-column prop="qty" label="数量" :formatter="crud.formatNum2" />
-        <el-table-column prop="unit_name" label="单位" />
-        <el-table-column prop="start_point_name" label="起始点位" show-overflow-tooltip width="120px" />
-        <el-table-column prop="end_point_name" label="终点点位" show-overflow-tooltip width="120px" />
-        <el-table-column prop="start_region_name" label="起始区域" />
-        <el-table-column prop="end_region_name" label="终点区域" />
-        <el-table-column prop="task_id" label="任务标识" show-overflow-tooltip width="120px" />
-        <el-table-column prop="create_mode" label="生成方式">
-          <template slot-scope="scope">
-            {{ dict.label.ST_CREATE_MODE[scope.row.create_mode] }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="remark" label="备注" show-overflow-tooltip />
-        <el-table-column prop="create_name" label="创建人" />
-        <el-table-column prop="create_time" label="创建时间" show-overflow-tooltip width="140px" />
-        <el-table-column prop="update_optname" label="修改人" />
-        <el-table-column prop="update_time" label="修改时间" show-overflow-tooltip width="140px" />
-        <el-table-column prop="confirm_optname" label="确认人" />
-        <el-table-column prop="confirm_time" label="确认时间" show-overflow-tooltip width="140px" />
-        <el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
+      <el-table
+        ref="table"
+        v-loading="crud.loading"
+        size="mini"
+        :data="crud.data"
+        style="width: 100%;"
+        :highlight-current-row="true"
+        @selection-change="crud.selectionChangeHandler"
+        @current-change="handleCurrentChange"
+        @select="handleSelectionChange"
+        @select-all="onSelectAll"
+      >
+        <el-table-column
+          v-permission="['admin','checkoutbill:del','checkoutbill:edit']"
+          label="操作"
+          width="115"
+          align="center"
+          fixed="right"
+        >
           <template slot-scope="scope">
             <udOperation
-              :disabled-edit="scope.row.bill_status !== '10'"
-              :disabled-dle="scope.row.bill_status !== '10'"
               :data="scope.row"
               :permission="permission"
+              :disabled-edit="canUd(scope.row)"
+              :disabled-dle="canUd(scope.row)"
             />
           </template>
         </el-table-column>
+        <el-table-column :selectable="checkboxT" type="selection" width="55" />
+        <el-table-column show-overflow-tooltip prop="bill_code" width="130" label="订单编码">
+          <template slot-scope="scope">
+            <el-link type="warning" @click="toView(scope.$index, scope.row)">{{ scope.row.bill_code }}</el-link>
+          </template>
+        </el-table-column>
+        <el-table-column show-overflow-tooltip :formatter="stateFormat" width="100" prop="bill_status" label="单据状态" />
+        <el-table-column prop="stor_name" label="仓库" width="100" />
+        <el-table-column show-overflow-tooltip prop="bill_type" :formatter="bill_typeFormat" min-width="120" label="业务类型" />
+        <el-table-column show-overflow-tooltip width="135" prop="biz_date" label="业务日期" />
+        <el-table-column show-overflow-tooltip :formatter="create_modeFormat" prop="create_mode" label="生成方式" width="100" />
+        <el-table-column label="明细数" align="center" prop="detail_count" width="100" />
+        <el-table-column show-overflow-tooltip prop="input_time" width="135" label="创建日期" />
       </el-table>
       <!--分页组件-->
       <pagination />
     </div>
-    <MaterDialog :dialog-show.sync="materDialog" :open-param="materParam" @getMaterial="getMaterial" />
-    <PointDialog :dialog-show.sync="pointDialog" :open-param="pointParam" @tableChanged2="tableChanged2" />
+    <AddDialog @AddChanged="querytable" />
+    <ViewDialog :dialog-show.sync="viewShow" :rowmst="mstrow" @AddChanged="querytable" />
+    <DivDialog :dialog-show.sync="divShow" :open-array="openParam" :rowmst="mstrow" @DivChanged="querytable" />
+    <TaskDialog :dialog-show.sync="taskShow" :open-array="openParam" :rowmst="mstrow" @TaskChanged="querytable" />
   </div>
 </template>
 
 <script>
-import crudRegionioOut from '@/views/wms/st/outbill/regionioOut'
-import MaterDialog from '@/views/wms/st/outbill/MaterDialog'
-import PointDialog from '@/views/wms/pub/PointDialog'
-import CRUD, { crud, form, header, presenter } from '@crud/crud'
+import checkoutbill from '@/views/wms/st/outbill/checkoutbill'
+import CRUD, { crud, header, presenter } 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'
-import crudPoint from '@/views/wms/sch/point/point'
+import AddDialog from '@/views/wms/st/outbill/AddDialog'
+import DivDialog from '@/views/wms/st/outbill/DivDialog'
+import TaskDialog from '@/views/wms/st/outbill/TaskDialog'
+import ViewDialog from '@/views/wms/st/outbill/ViewDialog'
+import crudStorattr from '@/views/wms/basedata/st/stor/storattr'
+import crudRawAssist from '@/views/wms/st/inbill/rawassist'
 
-const defaultForm = {
-  iostorinv_id: null,
-  bill_code: null,
-  io_type: null,
-  material_id: null,
-  material_name: null,
-  pcsn: null,
-  vehicle_code: null,
-  qty: null,
-  qty_unit_id: null,
-  bill_status: null,
-  start_point_code: null,
-  end_point_code: null,
-  start_point_name: null,
-  end_point_name: null,
-  start_region_id: null,
-  end_region_id: null,
-  cust_id: null,
-  create_mode: null,
-  task_id: null,
-  remark: null,
-  create_id: null,
-  create_name: null,
-  create_time: null,
-  update_optid: null,
-  update_optname: null,
-  update_time: null,
-  confirm_optid: null,
-  confirm_optname: null,
-  confirm_time: null,
-  is_delete: null
-}
 export default {
-  name: 'RegionioOut',
-  dicts: ['st_bill_status', 'ST_CREATE_MODE'],
-  components: { pagination, crudOperation, rrOperation, udOperation, MaterDialog, PointDialog },
-  mixins: [presenter(), header(), form(defaultForm), crud()],
+  name: 'Checkoutbill',
+  components: { ViewDialog, AddDialog, crudOperation, rrOperation, udOperation, pagination, DivDialog, TaskDialog },
   cruds() {
-    return CRUD({
-      title: '区域出库',
-      url: 'api/regionioOut',
-      idField: 'iostorinv_id',
-      sort: 'iostorinv_id,desc',
-      crudMethod: { ...crudRegionioOut },
+    return CRUD({ title: '用户', idField: 'iostorinv_id', url: 'api/checkoutbill', crudMethod: { ...checkoutbill },
       optShow: {
         add: true,
         edit: false,
         del: false,
-        download: false,
-        reset: true
-      }
-    })
+        reset: true,
+        download: false
+      }})
   },
+  mixins: [presenter(), header(), crud()],
+  // 数据字典
+  dicts: ['io_bill_status', 'ST_CREATE_MODE'],
   data() {
     return {
-      loading: false,
-      is_startOrEnd: null,
-      pointParam: null,
-      materParam: null,
-      end_region_param: null,
-      reginoList: [],
-      materDialog: false,
-      pointDialog: false,
-      permission: {},
-      rules: {
-        material_id: [
-          { required: true, message: '物料不能为空', trigger: 'blur' }
-        ],
-        qty: [
-          { required: true, message: '数量不能为空', trigger: 'blur' }
-        ],
-        start_region_id: [
-          { required: true, message: '起点区域不能为空', trigger: 'blur' }
-        ],
-        end_region_id: [
-          { required: true, message: '终点区域不能为空', trigger: 'blur' }
-        ],
-        start_point_code: [
-          { required: true, message: '起点点位不能为空', trigger: 'blur' }
-        ],
-        end_point_code: [
-          { required: true, message: '终点点位不能为空', trigger: 'blur' }
-        ]
-      }
+      height: document.documentElement.clientHeight - 180 + 'px;',
+      permission: {
+        add: ['admin', 'checkoutbill:add'],
+        edit: ['admin', 'checkoutbill:edit'],
+        del: ['admin', 'checkoutbill:del']
+      },
+      divShow: false,
+      taskShow: false,
+      dis_flag: true,
+      work_flag: true,
+      confirm_flag: true,
+      openParam: [],
+      mstrow: {},
+      viewShow: false,
+      currentRow: null,
+      checkrows: [],
+      storlist: [],
+      billtypelist: []
+    }
+  },
+  mounted: function() {
+    const that = this
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 180 + 'px;'
     }
   },
   created() {
-    crudPoint.getRegion().then(res => {
-      this.reginoList = res
+    crudStorattr.getStor({ 'is_materialstore': '1' }).then(res => {
+      this.storlist = res.content
+    })
+    crudRawAssist.getType({ 'io_code': '0101', 'io_flag': '01' }).then(res => {
+      this.billtypelist = res
     })
   },
   methods: {
-    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    canUd(row) {
+      return row.bill_status !== '10'
+    },
+    toView(index, row) {
+      this.mstrow = row
+      this.viewShow = true
+    },
     [CRUD.HOOK.beforeRefresh]() {
-      return true
+      this.crud.query.buss_type = '0101'
+      this.handleCurrentChange(null)
     },
-    getMater() {
-      this.materDialog = true
-    },
-    setMaterValue(row) {
-      debugger
-      this.form.material_id = row.material_id
-      this.form.material_name = row.material_name
-    },
-    changeStart(val) {
-      this.materParam = val
-      this.form.start_point_name = null
-      this.form.start_point_code = null
-    },
-    changeEnd(val) {
-      this.pointParam = val
-      this.form.end_point_name = null
-      this.form.end_point_code = null
-    },
-    openStartPonit() {
-      if (this.form.start_region_id === null) {
-        return this.crud.notify('请选择起始区域', CRUD.NOTIFICATION_TYPE.INFO)
-      }
-      this.materDialog = true
-    },
-    openEndPonit() {
-      if (this.form.end_region_id === null) {
-        return this.crud.notify('请选择终点区域', CRUD.NOTIFICATION_TYPE.INFO)
-      }
-      // 2代表终点点位
-      this.is_startOrEnd = '2'
-      this.pointDialog = true
-    },
-    getMaterial(row) {
-      this.form.material_id = row.material_id
-      this.form.material_name = row.material_name
-      this.form.vehicle_code = row.vehicle_code
-      this.form.pcsn = row.pcsn
-      this.form.qty = row.canuse_qty
-      this.form.start_point_code = row.struct_code
-      this.form.start_point_name = row.struct_name
-    },
-    tableChanged2(row) {
-      if (this.is_startOrEnd === '1') {
-        this.form.start_point_code = row.point_code
-        this.form.start_point_name = row.point_name
+    handleSelectionChange(val, row) {
+      if (val.length > 1) {
+        this.$refs.table.clearSelection()
+        this.$refs.table.toggleRowSelection(val.pop())
+        this.buttonChange(row)
+      } else if (val.length === 1) {
+        this.buttonChange(row)
       } else {
-        this.form.end_point_code = row.point_code
-        this.form.end_point_name = row.point_name
+        this.handleCurrentChange(null)
       }
     },
-    createTask() {
-      const _selectData = this.$refs.table.selection
-      if (_selectData[0].bill_status !== '10') {
-        return this.crud.notify('只能对生成状态的单据生成任务', CRUD.NOTIFICATION_TYPE.INFO)
+    onSelectAll() {
+      this.$refs.table.clearSelection()
+      this.handleCurrentChange(null)
+    },
+    buttonChange(current) {
+      if (current !== null) {
+        this.currentRow = current
+        if (current.bill_status === '10' || current.bill_status === '30' || current.bill_status === '40') {
+          this.dis_flag = false
+        } else {
+          this.dis_flag = true
+        }
+        if (current.bill_status === '30' || current.bill_status === '40') {
+          this.work_flag = false
+        } else {
+          this.work_flag = true
+        }
+        if (current.bill_status === '50' || current.bill_status === '40') {
+          this.confirm_flag = false
+        } else {
+          this.confirm_flag = true
+        }
       }
-      const data = _selectData[0]
-      this.loading = true
-      crudRegionioOut.createTask(data).then(res => {
-        this.crud.toQuery()
-        this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
-        this.loading = false
-      }).catch(() => {
-        this.loading = false
+    },
+    stateFormat(row) {
+      return this.dict.label.io_bill_status[row.bill_status]
+    },
+    bill_typeFormat(row) {
+      for (const item of this.billtypelist) {
+        if (item.code === row.bill_type) {
+          return item.name
+        }
+      }
+    },
+    create_modeFormat(row) {
+      return this.dict.label.ST_CREATE_MODE[row.create_mode]
+    },
+    handleCurrentChange(current) {
+      if (current === null) {
+        this.dis_flag = true
+        this.confirm_flag = true
+        this.work_flag = true
+        this.currentRow = {}
+      }
+    },
+    checkboxT(row) {
+      return row.bill_status !== '99'
+    },
+    divOpen() {
+      checkoutbill.getOutBillDtl({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(res => {
+        this.openParam = res
+        this.divShow = true
+        this.mstrow = this.currentRow
       })
+    },
+    taskOpen() {
+      checkoutbill.getOutBillDtl({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(res => {
+        this.openParam = res
+        this.taskShow = true
+        this.mstrow = this.currentRow
+      })
+    },
+    confirm() {
+      checkoutbill.confirm({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(res => {
+        this.querytable()
+      })
+    },
+    querytable() {
+      this.onSelectAll()
+      this.crud.toQuery()
+      this.handleCurrentChange(null)
     }
   }
 }
 </script>
-
-<style scoped>
-
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-dialog__body {
+  padding-top: 10px;
+}
 </style>