add：出库管理

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/AddDialog.vue

@@ -0,0 +1,355 @@
+<template>
+  <el-dialog
+    title="出库单编辑"
+    append-to-body
+    fullscreen
+    :before-close="crud.cancelCU"
+    :visible.sync="crud.status.cu > 0 || crud.status.view > 0"
+    @open="open"
+    @close="close"
+  >
+    <el-row v-show="crud.status.cu > 0" :gutter="20">
+      <el-col :span="20" style="border: 1px solid white">
+        <span />
+      </el-col>
+      <el-col :span="4">
+        <span>
+          <el-button icon="el-icon-check" size="mini" :loading="crud.cu === 2" type="primary" @click="crud.submitCU">保存</el-button>
+          <el-button icon="el-icon-close" size="mini" type="info" @click="crud.cancelCU">关闭</el-button>
+        </span>
+      </el-col>
+    </el-row>
+
+    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" :rules="rules" size="mini" label-width="85px" label-suffix=":">
+      <el-input v-show="false" v-model="form.stor_code" placeholder="仓库编码" />
+      <el-input v-show="false" v-model="form.stor_name" placeholder="仓库名称" />
+      <el-form-item label="单据号" prop="bill_code">
+        <label slot="label">单&nbsp;&nbsp;据&nbsp;号:</label>
+        <el-input v-model="form.bill_code" disabled placeholder="系统生成" clearable style="width: 210px" />
+      </el-form-item>
+      <el-form-item label="仓库" prop="stor_id">
+        <label slot="label">仓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;库:</label>
+        <el-select
+          v-model="form.stor_id"
+          clearable
+          placeholder="仓库"
+          class="filter-item"
+          style="width: 210px"
+          :disabled="crud.status.view > 0"
+          @change="storChange"
+        >
+          <el-option
+            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="业务类型" prop="bill_type">
+        <el-select
+          v-model="form.bill_type"
+          clearable
+          filterable
+          size="mini"
+          placeholder="业务类型"
+          class="filter-item"
+        >
+          <el-option
+            v-for="item in dict.ST_INV_OUT_TYPE"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="单据状态" prop="bill_status">
+        <el-select
+          v-model="form.bill_status"
+          clearable
+          style="width: 210px"
+          placeholder="单据状态"
+          class="filter-item"
+          disabled
+        >
+          <el-option
+            v-for="item in dict.IO_BILL_STATUS"
+            :key="item.id"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="明细数" prop="detail_count">
+        <label slot="label">明&nbsp;&nbsp;细&nbsp;数:</label>
+        <el-input v-model="form.detail_count" size="mini" disabled style="width: 210px" />
+      </el-form-item>
+      <el-form-item label="总重量" prop="total_qty">
+        <label slot="label">总&nbsp;&nbsp;重&nbsp;量:</label>
+        <el-input-number
+          v-model="form.total_qty"
+          :controls="false"
+          :precision="3"
+          :min="0"
+          disabled
+          style="width: 210px"
+        />
+      </el-form-item>
+      <el-form-item label="业务日期" prop="biz_date">
+        <el-date-picker v-model="form.biz_date" type="date" placeholder="选择日期" style="width: 210px" value-format="yyyy-MM-dd" :disabled="crud.status.view > 0" />
+      </el-form-item>
+      <el-form-item label="移入仓库" prop="out_stor_id" v-if="form.bill_type === '1004'" required="true">
+        <label slot="label">移入仓库:</label>
+        <el-select
+          v-model="form.out_stor_id"
+          clearable
+          placeholder="仓库"
+          class="filter-item"
+          style="width: 210px"
+          :disabled="crud.status.view > 0"
+          @change="storChange"
+        >
+          <el-option
+            v-for="item in inStorList"
+            :key="item.stor_id"
+            :label="item.stor_name"
+            :value="item.stor_id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="备注" prop="remark">
+        <label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</label>
+        <el-input v-model="form.remark" style="width: 380px;" rows="2" type="textarea" :disabled="crud.status.view > 0" />
+      </el-form-item>
+    </el-form>
+
+    <div class="crud-opts2">
+      <span class="role-span">出库明细</span>
+      <span v-if="crud.status.cu > 0" class="crud-opts-right2">
+
+        <!--左侧插槽-->
+        <slot name="left" />
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="queryDtl()"
+        >
+          添加物料
+        </el-button>
+      </span>
+
+    </div>
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      :data="form.tableData"
+      style="width: 100%;"
+      border
+      :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+    >
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column show-overflow-tooltip prop="material_code" label="物料编码" width="190" align="center" />
+      <el-table-column prop="material_name" label="物料名称" align="center" min-width="150px" show-overflow-tooltip />
+      <el-table-column prop="box_no" label="箱号" align="center" min-width="250px" show-overflow-tooltip />
+      <el-table-column show-overflow-tooltip prop="pcsn" label="子卷号" width="150px" align="center" />
+      <el-table-column show-overflow-tooltip prop="sap_pcsn" label="sap批次号" width="140px" align="center" />
+      <el-table-column prop="plan_qty" label="出库重量" width="150" align="center" />
+      <el-table-column prop="qty_unit_name" label="单位" align="center" />
+      <el-table-column prop="source_bill_code" label="源单号" align="center" width="130px" show-overflow-tooltip />
+      <el-table-column show-overflow-tooltip prop="remark" label="明细备注" align="center">
+        <template scope="scope">
+          <el-input v-model="scope.row.remark" size="mini" />
+          <span>{{ scope.row.remark }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column v-if="crud.status.cu > 0" align="center" label="操作" width="160" fixed="right">
+        <template scope="scope">
+          <el-button type="danger" class="filter-item" size="mini" icon="el-icon-delete" @click.native.prevent="deleteRow(scope.$index, form.tableData)" />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <AddDtl :dialog-show.sync="dtlShow" :stor-id="storId" @tableChanged="tableChanged" />
+  </el-dialog>
+</template>
+
+<script>
+import CRUD, { crud, form } from '@crud/crud'
+import AddDtl from '@/views/wms/storage_manage/ios/outbill/AddDtl'
+import outbill from '@/views/wms/storage_manage/ios/outbill/outbill'
+// import crudStorattr from '@/views/wms/basedata/st/stor/storattr'
+// import crudUserStor from '@/views/wms/basedata/st/userStor/userStor'
+
+const defaultForm = {
+  bill_code: '',
+  stor_id: '',
+  stor_code: '',
+  stor_name: '',
+  bill_status: '10',
+  total_qty: '0',
+  detail_count: '0',
+  bill_type: '',
+  remark: '',
+  biz_date: new Date(),
+  out_stor_id: '',
+  create_mode: '',
+  tableData: []
+}
+export default {
+  name: 'AddDialog',
+  components: { AddDtl },
+  mixins: [crud(), form(defaultForm)],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  dicts: ['IO_BILL_STATUS', 'ST_INV_OUT_TYPE'],
+  data() {
+    return {
+      dialogVisible: false,
+      dtlShow: false,
+      materType: '',
+      materShow: false,
+      flagnow: false,
+      nowrow: {},
+      nowindex: '',
+      storlist: [
+        { 'stor_id': '1010101', 'stor_name': '测试仓库' }
+      ],
+      inStorList: [],
+      invtypelist: [],
+      storId: null,
+      rules: {
+        stor_id: [
+          { required: true, message: '仓库不能为空', trigger: 'blur' }
+        ],
+        bill_type: [
+          { required: true, message: '业务类型不能为空', trigger: 'blur' }
+        ],
+        biz_date: [
+          { required: true, message: '业务日期不能为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  methods: {
+    open() {
+    },
+    close() {
+      this.$emit('AddChanged')
+    },
+    [CRUD.HOOK.beforeSubmit]() {
+      if (this.form.tableData.length === 0) {
+        this.crud.notify('请至少选择一条明细', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+      if (this.form.bill_type !== '1004') {
+        this.form.out_stor_id = ''
+      }
+      if (this.form.bill_type === '1004') {
+        if (!this.form.out_stor_id) {
+          this.crud.notify('移入仓库不能为空！', CRUD.NOTIFICATION_TYPE.INFO)
+          return false
+        }
+      }
+    },
+    [CRUD.HOOK.afterToEdit]() {
+      outbill.getIosDtl({ 'iostorinv_id': this.form.iostorinv_id }).then(res => {
+        this.form.tableData = res
+      })
+    },
+    [CRUD.HOOK.afterToView]() {
+    },
+    invtypeFormat(row, column) {
+      return this.dict.label.ST_INV_OUT_TYPE[row.source_bill_type]
+    },
+    storChange(row) {
+      this.storlist.forEach((item) => {
+        if (item.stor_id === row) {
+          this.form.stor_code = item.stor_code
+          this.form.stor_name = item.stor_name
+        }
+      })
+    },
+    queryDtl(index, row) {
+      if (this.form.bill_type === '') {
+        this.crud.notify('请选择业务类型！', CRUD.NOTIFICATION_TYPE.INFO)
+        return
+      }
+      if (this.form.stor_id === '') {
+        this.crud.notify('请选择仓库！', CRUD.NOTIFICATION_TYPE.INFO)
+        return
+      }
+      this.storId = this.form.stor_id
+      this.dtlShow = true
+    },
+    tableChanged(rows) {
+      outbill.queryBoxMater({ 'data': rows }).then(res => {
+        res.forEach(item => {
+          if (this.form.tableData.length !== 0) {
+            this.flagnow = false
+            for (let i = 0; i < this.form.tableData.length; i++) {
+              if (this.form.tableData[i].box_no === item.box_no && this.form.tableData[i].pcsn === item.pcsn) {
+                this.flagnow = true
+              }
+            }
+            if (!this.flagnow) {
+              item.edit = true
+              this.form.tableData.splice(-1, 0, item)
+              this.form.total_qty = parseFloat(this.form.total_qty) + parseFloat(item.plan_qty)
+            }
+          } else {
+            item.edit = true
+            this.form.tableData.splice(-1, 0, item)
+            this.form.total_qty = parseFloat(this.form.total_qty) + parseFloat(item.plan_qty)
+          }
+        })
+        this.form.detail_count = this.form.tableData.length
+      })
+    },
+    deleteRow(index, rows) {
+      const box_no = rows[index].box_no
+      let len = rows.length
+      while (len--) {
+        const obj = rows[len]
+        if (box_no === obj.box_no) {
+          const index = rows.indexOf(obj)
+          if (index > -1) { // 移除找到的指定元素
+            this.form.total_qty = parseFloat(this.form.total_qty) - parseFloat(rows[index].plan_qty)
+            rows.splice(index, 1)
+            this.form.detail_count = this.form.tableData.length
+          }
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+.crud-opts2 .crud-opts-right2 {
+  margin-left: auto;
+  padding: 4px 4px;
+}
+.input-with-select  {
+  background-color: #fff;
+}
+</style>

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/AddDtl.vue

@@ -0,0 +1,226 @@
+<template>
+  <el-dialog
+    title="物料选择"
+    append-to-body
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    :show-close="false"
+    width="1000px"
+    @close="close"
+    @open="open"
+  >
+    <div class="head-container">
+      <div>
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="80px"
+          label-suffix=":"
+        >
+          <el-form-item label="创建时间">
+            <date-range-picker v-model="query.createTime" class="date-item" />
+          </el-form-item>
+          <el-form-item label="物料编码">
+            <el-input
+              v-model="query.material_code"
+              clearable
+              size="mini"
+              placeholder="物料编码、名称"
+              style="width: 200px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="子卷号">
+            <el-input
+              v-model="query.pcsn"
+              clearable
+              size="mini"
+              placeholder="子卷号"
+              style="width: 200px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="sap批次">
+            <el-input
+              v-model="query.sap_pcsn"
+              clearable
+              size="mini"
+              placeholder="sap批次"
+              style="width: 200px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="木箱号">
+            <el-input
+              v-model="query.package_box_sn"
+              clearable
+              size="mini"
+              placeholder="箱号"
+              style="width: 200px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="子卷幅宽">
+            <el-input
+              v-model="query.width_standard"
+              clearable
+              size="mini"
+              placeholder="幅宽"
+              style="width: 200px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="子卷厚度">
+            <el-input
+              v-model="query.thickness_request"
+              clearable
+              size="mini"
+              placeholder="厚度"
+              style="width: 200px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="客户编码">
+            <el-input
+              v-model="query.customer_name"
+              clearable
+              size="mini"
+              placeholder="客户"
+              style="width: 200px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+        </el-form>
+        <rrOperation />
+      </div>
+    </div>
+    <!--表格渲染-->
+    <el-table
+      ref="multipleTable"
+      v-loading="crud.loading"
+      :data="crud.data"
+      style="width: 100%;"
+      border
+      :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column sortable prop="instorage_time" label="入库日期" :min-width="flexWidth('instorage_time',crud.data,'入库日期')" />
+      <el-table-column prop="material_code" label="物料编码" :min-width="flexWidth('material_code',crud.data,'物料编码')" />
+      <el-table-column prop="material_name" label="物料名称" :min-width="flexWidth('material_name',crud.data,'物料名称')" />
+      <el-table-column prop="struct_name" label="仓位" :min-width="flexWidth('struct_name',crud.data,'仓位')" />
+      <el-table-column prop="box_no" label="箱号" :min-width="flexWidth('box_no',crud.data,'箱号')" />
+      <el-table-column prop="pcsn" label="子卷号" :min-width="flexWidth('pcsn',crud.data,'子卷号')" />
+      <el-table-column prop="sap_pcsn" label="sap批次" :min-width="flexWidth('sap_pcsn',crud.data,'sap批次')" />
+      <el-table-column show-overflow-tooltip prop="plan_qty" :formatter="crud.formatNum3" label="重量" />
+      <el-table-column show-overflow-tooltip prop="qty_unit_name" label="重量单位" />
+    </el-table>
+    <!--分页组件-->
+    <pagination />
+    <span slot="footer" class="dialog-footer">
+      <el-button slot="left" type="info" @click="dialogVisible = false">关闭</el-button>
+      <el-button slot="left" type="primary" @click="submit">保存</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+
+import CRUD, { header, presenter } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import pagination from '@crud/Pagination'
+import DateRangePicker from '@/components/DateRangePicker/index'
+
+export default {
+  name: 'AddDtl',
+  components: { rrOperation, pagination, DateRangePicker },
+  cruds() {
+    return CRUD({
+      title: '用户', url: 'api/pdmBiSubpackagerelation/getTestOut',
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        reset: true,
+        download: false
+      },
+      query: {
+
+      }
+    })
+  },
+  mixins: [presenter(), header()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    openParam: {
+      type: String
+    },
+    storId: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      opendtlParam: '',
+      rows: [],
+      openShow: true
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+      }
+    },
+    openParam: {
+      handler(newValue, oldValue) {
+        this.opendtlParam = newValue
+      }
+    }
+  },
+  methods: {
+    [CRUD.HOOK.beforeRefresh]() {
+      // this.crud.query.mater_type = this.opendtlParam
+      // this.crud.query.stor_id = this.storId
+      if (this.openShow) {
+        this.openShow = false
+        return false
+      } else {
+        return true
+      }
+    },
+    close() {
+      this.crud.resetQuery(false)
+      // 清空grid数据
+      // this.crud.data = undefined
+      this.$emit('update:dialogShow', false)
+    },
+    open() {
+      this.crud.query.mater_type = this.opendtlParam
+    },
+    submit() {
+      this.rows = this.$refs.multipleTable.selection
+      if (this.rows.length <= 0) {
+        this.$message('请先勾选物料')
+        return
+      }
+      this.crud.resetQuery(false)
+      this.$emit('update:dialogShow', false)
+      this.$emit('tableChanged', this.rows)
+    }
+  }
+}
+</script>
+

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/DivDialog.vue

@@ -0,0 +1,547 @@
+<template>
+  <el-dialog
+    append-to-body
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    :show-close="false"
+    fullscreen
+    @close="close"
+    @open="open"
+  >
+
+    <span slot="title" class="dialog-footer">
+      <div class="crud-opts2">
+        <span class="el-dialog__title2">出库分配</span>
+        <span class="crud-opts-right2">
+          <!--左侧插槽-->
+          <slot name="left" />
+          <el-button slot="left" type="info" @click="dialogVisible = false">关闭</el-button>
+        </span>
+      </div>
+    </span>
+    <div class="crud-opts2">
+      <span class="role-span">出库明细</span>
+      <div class="crud-opts-form">
+        <el-form ref="form" :inline="true" :model="form" size="mini">
+          <el-form-item label="库区" prop="gender2">
+            <el-cascader
+              placeholder="请选择"
+              :options="sects"
+              :props="{ checkStrictly: true }"
+              clearable
+              @change="sectQueryChange"
+            />
+          </el-form-item>
+        </el-form>
+      </div>
+      <span class="crud-opts-right2">
+        <!--左侧插槽-->
+        <slot name="left" />
+        <el-button
+          slot="left"
+          class="filter-item"
+          :loading="loadingAlldiv"
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="allDiv()"
+        >
+          全部分配
+        </el-button>
+        <el-button
+          slot="left"
+          class="filter-item"
+          :loading="loadingAlldiv"
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="allCancel()"
+        >
+          全部取消
+        </el-button>
+        <el-button
+          slot="left"
+          class="filter-item"
+          :loading="loadingAlldiv"
+          type="primary"
+          icon="el-icon-check"
+          size="mini"
+          :disabled="button1"
+          @click="oneDiv()"
+        >
+          自动分配
+        </el-button>
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-check"
+          :loading="loadingAlldiv"
+          size="mini"
+          :disabled="button2"
+          @click="oneCancel()"
+        >
+          自动取消
+        </el-button>
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          :loading="loadingAlldiv"
+          :disabled="button3"
+          @click="openStructIvt"
+        >
+          手工分配
+        </el-button>
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="warning"
+          :loading="loadingSetAllPoint"
+          icon="el-icon-check"
+          size="mini"
+        >
+          一键设置
+        </el-button>
+      </span>
+    </div>
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table"
+        :data="tableDtl"
+        style="width: 100%;"
+        max-height="300"
+        border
+        :cell-style="cellStyle"
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+        @current-change="handleDtlCurrentChange"
+      >
+        <el-table-column prop="bill_status" label="状态" align="center" width="110px" :formatter="bill_statusFormat" />
+        <el-table-column show-overflow-tooltip prop="material_code" label="物料编码" align="center" />
+        <el-table-column show-overflow-tooltip prop="material_name" label="物料名称" align="center" />
+        <el-table-column show-overflow-tooltip prop="pcsn" label="子卷号" align="center" width="140px" />
+        <el-table-column show-overflow-tooltip prop="sap_pcsn" label="sap批次" align="center" />
+        <el-table-column show-overflow-tooltip prop="plan_qty" label="重量" :formatter="crud.formatNum3" align="center" />
+        <el-table-column show-overflow-tooltip prop="assign_qty" label="已分配重量" :formatter="crud.formatNum3" align="center" />
+        <el-table-column show-overflow-tooltip prop="unassign_qty" label="未分配重量" :formatter="crud.formatNum3" align="center" />
+        <el-table-column show-overflow-tooltip prop="vbeln" label="交货单" align="center" />
+        <el-table-column show-overflow-tooltip prop="source_bill_code" label="源单编号" align="center" />
+        <el-table-column show-overflow-tooltip prop="width" label="幅宽" align="center" width="100" />
+      </el-table>
+    </el-card>
+    <div class="crud-opts2">
+      <span class="role-span">分配明细</span>
+      <div class="crud-opts-form">
+        <el-form ref="form2" :inline="true" :model="form2" size="mini">
+          <el-form-item label="待分配" prop="unassign_qty">
+            <el-input-number
+              v-model="form2.unassign_qty"
+              :controls="false"
+              :precision="3"
+              :min="0"
+              disabled
+            />
+          </el-form-item>
+          <el-form-item label="已分配" prop="assign_qty">
+            <el-input-number
+              v-model="form2.assign_qty"
+              :controls="false"
+              :precision="3"
+              :min="0"
+              disabled
+            />
+          </el-form-item>
+          <el-form-item label="出库点" prop="point_code">
+            <el-select
+              v-model="form2.point_code"
+              clearable
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 200px;"
+            >
+              <el-option
+                v-for="item in pointList"
+                :key="item.point_code"
+                :label="item.point_name"
+                :value="item.point_code"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item prop="checked">
+            <el-checkbox v-model="checked">是否异常出库</el-checkbox>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span class="crud-opts-right2">
+        <!--左侧插槽-->
+        <slot name="left" />
+        <el-button
+          slot="left"
+          class="filter-item"
+          :loading="loadingSetPoint"
+          type="warning"
+          icon="el-icon-check"
+          size="mini"
+          :disabled="button4"
+          @click="oneSetPoint2"
+        >
+          设置站点
+        </el-button>
+        <el-button
+          slot="left"
+          class="filter-item"
+          :loading="loadingSetAllPoint"
+          type="warning"
+          icon="el-icon-check"
+          :disabled="button5"
+          size="mini"
+          @click="allSetPoint"
+        >
+          一键设置
+        </el-button>
+      </span>
+    </div>
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table2"
+        :data="tabledis"
+        style="width: 100%;"
+        max-height="400"
+        size="mini"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+        @current-change="handleDisCurrentChange"
+      >
+        <el-table-column prop="bill_status" label="状态" align="center" width="110px">
+          <template slot-scope="scope">
+            <el-select
+              v-model="scope.row.work_status"
+              class="filter-item"
+              :disabled="true"
+            >
+              <el-option
+                v-for="item in dict.WORK_STATUS"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column prop="material_code" label="物料编码" width="150px" :min-width="flexWidth('material_code',crud.data,'物料编码')" />
+        <el-table-column prop="material_name" label="物料名称" width="150px" :min-width="flexWidth('material_name',crud.data,'物料名称')" />
+        <el-table-column prop="box_no" label="木箱号" width="250px" :min-width="flexWidth('box_no',crud.data,'木箱号')" />
+        <el-table-column prop="pcsn" label="子卷批次号" width="150px" :min-width="flexWidth('pcsn',crud.data,'子卷批次号')" />
+        <el-table-column prop="sap_pcsn" label="sap批次号" width="150px" :min-width="flexWidth('sap_pcsn',crud.data,'sap批次号')" />
+        <el-table-column show-overflow-tooltip prop="plan_qty" label="出库重量" :formatter="crud.formatNum3" align="center" />
+        <el-table-column show-overflow-tooltip prop="struct_code" width="150px" label="仓位编码" align="center" />
+        <el-table-column show-overflow-tooltip prop="struct_name" width="150px" label="仓位名称" align="center" />
+        <el-table-column show-overflow-tooltip prop="task_code" width="150px" label="任务号" align="center" />
+        <el-table-column show-overflow-tooltip prop="point_code" width="150px" label="出库点" align="center" />
+        <el-table-column align="center" label="操作" width="160" fixed="right">
+          <template scope="scope">
+            <el-button :disabled="tabledisabled(scope.row)" type="danger" class="filter-item" size="mini" icon="el-icon-delete" @click.native.prevent="deleteRow(scope.row)" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <pointDialog ref="child" :dialog-show.sync="pointshow" :dialog-typedisable="typedisable" :dialog-areatype="areatype" @PointChanged="PointChanged" />
+    <StructIvt :dialog-show.sync="structshow" :stor-id="storId" :open-array="openParam" :rowmst="openRow" @StructIvtClosed="queryTableDtl" />
+  </el-dialog>
+</template>
+
+<script>
+import CRUD, { crud } from '@crud/crud'
+import outbill from '@/views/wms/storage_manage/ios/outbill/outbill'
+import StructIvt from '@/views/wms/storage_manage/ios/outbill/StructIvt'
+
+export default {
+  name: 'DivDialog',
+  components: { StructIvt },
+  mixins: [crud()],
+  dicts: ['IO_BILL_STATUS', 'WORK_STATUS'],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    rowmst: {
+      type: Object
+    },
+    openArray: {
+      type: Array,
+      default: () => { return [] }
+    },
+    storId: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      loadingAlldiv: false,
+      loadingAutodiv: false,
+      loadingSetPoint: false,
+      loadingSetAllPoint: false,
+      areatype: '',
+      typedisable: false,
+      pointshow: false,
+      structshow: false,
+      button1: true,
+      button2: true,
+      button3: true,
+      button4: true,
+      button5: true,
+      tableDtl: [],
+      openParam: [],
+      mstrow: {},
+      openRow: {},
+      tabledis: [],
+      currentRow: {},
+      currentDis: {},
+      checked: false,
+      form: {
+        gender2: ''
+      },
+      form2: {
+        unassign_qty: '0',
+        assign_qty: '0',
+        point_code: ''
+      },
+      sects: [],
+      invtypelist: [],
+      pointList: [],
+      rules: {
+      }
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+      }
+    },
+    openArray: {
+      handler(newValue, oldValue) {
+        this.tableDtl = newValue
+      }
+    },
+    rowmst: {
+      handler(newValue, oldValue) {
+        this.mstrow = newValue
+      }
+    }
+  },
+  methods: {
+    open() {
+    },
+    close() {
+      this.$refs['form2'].resetFields()
+      this.tabledis = []
+      this.$emit('DivChanged')
+      this.$emit('update:dialogShow', false)
+    },
+    bill_statusFormat(row, column) {
+      return this.dict.label.IO_BILL_STATUS[row.bill_status]
+    },
+    invtypeFormat(row, column) {
+      for (const item of this.invtypelist) {
+        if (item.code === row.source_bill_type) {
+          return item.name
+        }
+      }
+    },
+    PointChanged(row) {
+      this.form2.point_code = row.point_code
+    },
+    openStructIvt() {
+    },
+    sectQueryChange(val) {
+      if (val.length === 1) {
+        this.mstrow.stor_id = val[0]
+        this.mstrow.sect_id = ''
+      }
+      if (val.length === 0) {
+        this.mstrow.sect_id = ''
+        this.mstrow.stor_id = ''
+      }
+      if (val.length === 2) {
+        this.mstrow.stor_id = val[0]
+        this.mstrow.sect_id = val[1]
+      }
+    },
+    tabledisabled(row) {
+      if ((row.work_status === '00' || row.work_status === '01') && row.is_issued === '0') {
+        return false
+      } else {
+        return true
+      }
+    },
+    deleteRow(row) {
+      /*checkoutbill.oneCancel(row).then(res => {
+        this.queryTableDtl()
+      })*/
+    },
+    handleDtlCurrentChange(current) {
+      if (current !== null) {
+        this.currentRow = current
+        this.form2.unassign_qty = current.unassign_qty
+        this.form2.assign_qty = current.assign_qty
+        this.tabledis = []
+        if (current.bill_status === '10') {
+          this.button1 = false
+          this.button2 = true
+          this.button5 = false
+          this.button3 = false
+        } else if (current.bill_status === '30') {
+          this.button1 = false
+          this.button2 = false
+          this.button3 = false
+          this.button5 = false
+        } else if (current.bill_status === '40') {
+          this.button1 = true
+          this.button2 = false
+          this.button3 = true
+          this.button5 = false
+        }
+        this.queryTableDdis(current.iostorinvdtl_id)
+      } else {
+        this.button1 = true
+        this.button2 = true
+        this.button3 = true
+        this.button5 = true
+        this.mstrow.iostorinvdtl_id = ''
+        this.currentRow = {}
+        this.tabledis = []
+      }
+    },
+    handleDisCurrentChange(current) {
+      if (current !== null) {
+        this.currentDis = current
+        if (current.work_status === '01' || current.work_status === '00') {
+          this.button4 = false
+        } else {
+          this.button4 = true
+        }
+      } else {
+        this.button4 = true
+        this.mstrow.iostorinvdis_id = ''
+        this.currentDis = {}
+      }
+    },
+    allDiv() {
+      this.loadingAlldiv = true
+      outbill.allDiv({ 'iostorinv_id': this.mstrow.iostorinv_id }).then(res => {
+        this.crud.notify('分配成功！', CRUD.NOTIFICATION_TYPE.INFO)
+        this.queryTableDtl()
+        this.loadingAlldiv = false
+      }).catch(() => {
+        this.loadingAlldiv = false
+      })
+    },
+    oneDiv() {
+      this.loadingAlldiv = true
+      outbill.allDiv({ 'iostorinvdtl_id': this.currentRow.iostorinvdtl_id, 'iostorinv_id': this.mstrow.iostorinv_id }).then(res => {
+        this.crud.notify('分配成功！', CRUD.NOTIFICATION_TYPE.INFO)
+        this.queryTableDtl()
+        this.loadingAlldiv = false
+      }).catch(() => {
+        this.loadingAlldiv = false
+      })
+    },
+    allCancel() {
+      this.loadingAlldiv = true
+      outbill.allCancel(this.mstrow).then(res => {
+        this.queryTableDtl()
+        this.loadingAlldiv = false
+      }).catch(() => {
+        this.loadingAlldiv = false
+      })
+    },
+    oneCancel() {
+      this.loadingAlldiv = true
+      this.mstrow.iostorinvdtl_id = this.currentRow.iostorinvdtl_id
+      outbill.allCancel(this.mstrow).then(res => {
+        this.queryTableDtl()
+        this.loadingAlldiv = false
+      }).catch(() => {
+        this.loadingAlldiv = false
+      })
+    },
+    allSetPoint() {
+      if (this.form2.point_code === '') {
+        this.crud.notify('请先选择站点！', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+      this.loadingSetAllPoint = true
+      const data = {
+        'point_code': this.form2.point_code,
+        'iostorinv_id': this.mstrow.iostorinv_id,
+        'checked': this.checked
+      }
+      outbill.allSetPoint(data).then(res => {
+        this.queryTableDdis(this.currentRow.iostorinvdtl_id)
+        this.crud.notify('设置成功！', CRUD.NOTIFICATION_TYPE.INFO)
+        this.loadingSetAllPoint = false
+      }).catch(() => {
+        this.loadingSetAllPoint = false
+      })
+    },
+    queryTableDtl() {
+      outbill.getIosDtl({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(res => {
+        this.tableDtl = res
+      })
+    },
+    queryTableDdis(iostorinvdtl_id) {
+      outbill.getIosDis({ 'iostorinvdtl_id': iostorinvdtl_id }).then(res => {
+        this.tabledis = res
+      }).catch(() => {
+        this.tabledis = []
+      })
+    },
+    cellStyle({ row, column, rowIndex, columnIndex }) {
+      const assign_qty = parseFloat(row.assign_qty)
+      const plan_qty = parseFloat(row.plan_qty)
+
+      if (column.property === 'assign_qty') {
+        if (assign_qty > plan_qty) {
+          return 'background: yellow'
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+
+.crud-opts2 .el-dialog__title2 {
+  line-height: 24px;
+  font-size:20px;
+  color:#303133;
+}
+
+.crud-opts2 .role-span {
+  padding: 10px 0px 10px 0px;
+}
+.crud-opts2 .crud-opts-form {
+  padding: 10px 0px 0px 20px;
+}
+
+.input-with-select  {
+  background-color: #fff;
+}
+</style>

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/MoneyDialog.vue

@@ -0,0 +1,274 @@
+<template>
+  <el-dialog
+    title="发货信息"
+    append-to-body
+    :visible.sync="dialogVisible"
+    :before-close="handleClose"
+    width="1100px"
+    destroy-on-close
+    v-if="dialogShow"
+    @close="close"
+  >
+    <el-form ref="form3" :model="formMst" :rules="rules" size="mini" label-width="130px">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="收货单位:">
+            <el-input v-model="formMst.consignee" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="收货人:">
+            <el-input v-model="formMst.receiver" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="收货地址:">
+            <el-input v-model="formMst.receiptaddress" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="收货人联系电话:">
+            <el-input v-model="formMst.receiptphone" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="合同号:">
+            <el-input v-model="formMst.contractno" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="送货单位:">
+            <el-select
+              v-model="formMst.deliveryunit"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 210px"
+            >
+              <el-option
+                v-for="item in addressList2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="送货方地址:">
+            <el-select
+              v-model="formMst.deliveryaddress"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 210px"
+            >
+              <el-option
+                v-for="item in addressList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="物流公司编码:">
+            <el-select
+              v-model="formMst.trans_code"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 210px"
+            >
+              <el-option
+                v-for="item in transportaList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="预估运费:">
+            <el-input v-model="formMst.estimated_freight" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="运转费:">
+            <el-input v-model="formMst.run_freight" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="卸车费:">
+            <el-input v-model="formMst.unload_freight" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="其他费用:">
+            <el-input v-model="formMst.other_freight" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="运单号:">
+            <el-input v-model="formMst.order_number" size="mini" style="width: 210px"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="车型:">
+<!--            <el-input v-model="formMst.car_type" size="mini" style="width: 210px"/>-->
+            <el-select
+              v-model="formMst.car_type"
+              filterable
+              allow-create
+              default-first-option
+              placeholder="请选择">
+              <el-option
+                v-for="item in carList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20">
+        <el-col :span="20" style="border: 1px solid white">
+          <span/>
+        </el-col>
+        <el-col :span="4">
+          <span>
+            <el-button icon="el-icon-check" size="mini" type="primary" @click="moneySubmit">保存</el-button>
+            <el-button icon="el-icon-close" size="mini" type="info" @click="close">关闭</el-button>
+          </span>
+        </el-col>
+      </el-row>
+    </el-form>
+
+  </el-dialog>
+</template>
+
+<script>
+
+import CRUD, { crud } from '@crud/crud'
+import outbill from '@/views/wms/storage_manage/ios/outbill/outbill'
+
+export default {
+  name: 'SunShowDialog',
+  mixins: [crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    openParamMoney: {
+      type: Object
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+        this.formMst = this.openParamMoney
+      }
+    }
+  },
+  data() {
+    return {
+      transportaList: [
+        { 'value': '1001', 'label': '顺丰' }
+      ],
+      addressList: [
+        { 'value': '甘肃海亮兰州仓', 'label': '甘肃海亮兰州仓' },
+        { 'value': '塘厦外仓', 'label': '塘厦外仓' },
+        { 'value': '宁德四川外仓', 'label': '宁德四川外仓' },
+        { 'value': '宁德蕉城外仓', 'label': '宁德蕉城外仓' },
+        { 'value': '宁德江苏外仓', 'label': '宁德江苏外仓' }],
+      addressList2: [
+        { 'value': '甘肃海亮兰州', 'label': '甘肃海亮兰州' },
+        { 'value': '塘厦', 'label': '塘厦' },
+        { 'value': '宁德四川', 'label': '宁德四川' },
+        { 'value': '宁德蕉城', 'label': '宁德蕉城' },
+        { 'value': '宁德江苏', 'label': '宁德江苏' }],
+      carList: [
+        { 'value': '4.2米', 'label': '4.2米' },
+        { 'value': '6.8米', 'label': '6.8米' },
+        { 'value': '9.6米', 'label': '9.6米' },
+        { 'value': '13米', 'label': '13米' },
+        { 'value': '13.5米', 'label': '13.5米' },
+        { 'value': '16米', 'label': '16米' },
+        { 'value': '17.5米', 'label': '17.5米' }
+      ],
+      formMst: {},
+      dialogVisible: false
+    }
+  },
+  created() {
+   /* crudTransportationbase.getTransporta().then(res => {
+      this.transportaList = res
+    })*/
+  },
+  methods: {
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done()
+        })
+        .catch(_ => {
+        })
+    },
+    close() {
+      this.$refs['form3'].resetFields()
+      this.$emit('update:dialogShow', false)
+      // this.crud.resetQuery(true)
+    },
+    moneySubmit() {
+      var isTest = this.isTest(this.formMst.order_number)
+      if (isTest) {
+        if (this.formMst.car_type === '') {
+          this.crud.notify('请选择车型！', CRUD.NOTIFICATION_TYPE.INFO)
+          return
+        }
+      }
+      outbill.moneySubmit(this.formMst).then(res => {
+        this.crud.notify('保存成功！', CRUD.NOTIFICATION_TYPE.INFO)
+        this.crud.toQuery()
+        this.close()
+      })
+    },
+    isTest(val) {
+      // 包含至少一个数字和字母正则
+      const regPost1 = /^(?![^a-zA-Z]+$)(?!\D+$)/g
+      // 包含至少一个汉字正则
+      const regPost2 = /.*[\u4e00-\u9fa5]+.*$/g
+
+      if (regPost1.test(val) && regPost2.test(val)) {
+        return true
+      } else {
+        return false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/StructIvt.vue

@@ -0,0 +1,239 @@
+<template>
+  <el-dialog
+    append-to-body
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    :show-close="false"
+    fullscreen
+    @close="close"
+    @open="open"
+  >
+    <span slot="title" class="dialog-footer">
+      <div class="crud-opts2">
+        <span class="el-dialog__title2">出库手工分配</span>
+        <span class="crud-opts-right2">
+          <!--左侧插槽-->
+          <slot name="left" />
+          <el-button slot="left" type="info" @click="dialogVisible = false">关闭</el-button>
+          <el-button slot="left" v-loading.fullscreen.lock="fullscreenLoading" type="primary" @click="submit">保存</el-button>
+        </span>
+      </div>
+    </span>
+    <div class="crud-opts2">
+      <span class="role-span" style="width: 100px">可分配库存</span>
+      <div class="crud-opts-form">
+        <el-form ref="form2" :inline="true" :model="queryrow" size="mini">
+          <el-form-item label="待分配" prop="unassign_qty">
+            <el-input-number
+              v-model="queryrow.unassign_qty"
+              :controls="false"
+              :precision="3"
+              :min="0"
+              disabled
+            />
+          </el-form-item>
+          <el-form-item label="已分配" prop="assign_qty">
+            <el-input-number
+              v-model="queryrow.assign_qty"
+              :controls="false"
+              :precision="3"
+              :min="0"
+              disabled
+            />
+          </el-form-item>
+          <el-form-item label="库区" prop="sect_id">
+            <el-cascader
+              placeholder="请选择"
+              :options="sects"
+              :props="{ checkStrictly: true }"
+              clearable
+              @change="sectQueryChange"
+            />
+          </el-form-item>
+          <el-form-item label="关键字" prop="remark">
+            <el-input
+              v-model="queryrow.remark"
+              clearable
+              style="width: 220px"
+              size="mini"
+              placeholder="货位编码"
+              prefix-icon="el-icon-search"
+              class="filter-item"
+            />
+          </el-form-item>
+          <el-form-item label="sap批次" prop="remark">
+            <el-input
+              v-model="queryrow.sap_pcsn"
+              clearable
+              style="width: 220px"
+              size="mini"
+              placeholder="sap批次"
+              prefix-icon="el-icon-search"
+              class="filter-item"
+            />
+          </el-form-item>
+          <el-form-item label="子卷号" prop="remark">
+            <el-input
+              v-model="queryrow.pcsn"
+              clearable
+              style="width: 220px"
+              size="mini"
+              placeholder="子卷号"
+              prefix-icon="el-icon-search"
+              class="filter-item"
+            />
+          </el-form-item>
+          <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="queryStruct">搜索</el-button>
+        </el-form>
+      </div>
+    </div>
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      :data="tableDtl"
+      style="width: 100%;"
+      max-height="500"
+      border
+      :highlight-current-row="true"
+      :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+    >
+      <el-table-column type="index" label="序号" width="50" align="center" />
+      <el-table-column show-overflow-tooltip prop="sect_name" label="库区" align="center" />
+      <el-table-column show-overflow-tooltip prop="struct_code" label="仓位" align="center" />
+      <el-table-column show-overflow-tooltip prop="storagevehicle_code" label="箱号" align="center" width="250px" />
+      <el-table-column show-overflow-tooltip prop="material_name" label="物料名称" align="center" />
+      <el-table-column show-overflow-tooltip sortable prop="pcsn" label="子卷批次号" align="center" width="150px" />
+      <el-table-column show-overflow-tooltip sortable prop="sap_pcsn" label="sap批次" align="center" width="140px" />
+      <el-table-column show-overflow-tooltip prop="canuse_qty" label="可出重量" :formatter="crud.formatNum3" align="center" />
+      <el-table-column align="center" label="操作" width="160" fixed="right">
+        <template scope="scope">
+          <el-button v-show="!scope.row.edit" type="primary" class="filter-item" size="mini" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+          <el-button v-show="scope.row.edit" type="success" class="filter-item" size="mini" icon="el-icon-check" @click="handleEdit(scope.$index, scope.row)">完成</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </el-dialog>
+</template>
+
+<script>
+
+import CRUD, { header } from '@crud/crud'
+import outbill from '@/views/wms/storage_manage/ios/outbill/outbill'
+
+export default {
+  name: 'StructIvt',
+  components: { },
+  mixins: [header()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    rowmst: {
+      type: Object
+    },
+    openArray: {
+      type: Array,
+      default: () => { return [] }
+    },
+    storId: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      dialogVisible2: false,
+      fullscreenLoading: false,
+      goal_unassign_qty: 0,
+      queryrow: {},
+      sects: [],
+      tableDtl: []
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+      }
+    },
+    openArray: {
+      handler(newValue, oldValue) {
+        this.tableDtl = newValue
+      }
+    },
+    rowmst: {
+      handler(newValue, oldValue) {
+        this.queryrow = newValue
+        this.goal_unassign_qty = JSON.parse(JSON.stringify(this.queryrow.unassign_qty))
+      }
+    }
+  },
+  methods: {
+    open() {
+      /*crudUserStor.getSect({ 'stor_id': this.storId }).then(res => {
+        this.sects = res.content
+      })*/
+      this.query.source_bill_code = this.queryrow.source_bill_code
+      this.query.material_id = this.queryrow.material_id
+    },
+    queryStruct() {
+      this.queryrow.unassign_qty = parseFloat(this.queryrow.unassign_qty) + parseFloat(this.queryrow.assign_qty)
+      this.queryrow.assign_qty = 0
+    /*  checkoutbill.getStructIvt(this.queryrow).then(res => {
+        this.tableDtl = res
+      })*/
+    },
+    sectQueryChange(val) {
+      if (val.length === 1) {
+        this.queryrow.stor_id = val[0]
+        this.queryrow.sect_id = ''
+      }
+      if (val.length === 0) {
+        this.queryrow.sect_id = ''
+        this.queryrow.stor_id = ''
+      }
+      if (val.length === 2) {
+        this.queryrow.stor_id = val[0]
+        this.queryrow.sect_id = val[1]
+      }
+    },
+    handleEdit(index, row) {
+      // 判断是否可以关闭编辑状态
+      if (row.edit === undefined) {
+        this.$set(row, 'edit', false)
+      }
+      if (!row.edit) {
+      }
+      row.edit = !row.edit
+      if (row.edit) {
+        this.queryrow.unassign_qty = parseFloat(this.queryrow.unassign_qty) - parseFloat(row.canuse_qty)
+        this.queryrow.assign_qty = parseFloat(this.queryrow.assign_qty) + parseFloat(row.canuse_qty)
+      } else {
+        this.queryrow.assign_qty = parseFloat(this.queryrow.assign_qty) - parseFloat(row.canuse_qty)
+        // 如果待分配重量等于0则 明细重量 - 已分配重量
+        if (parseInt(this.queryrow.unassign_qty) === 0) {
+          this.queryrow.unassign_qty = parseFloat(this.goal_unassign_qty) - parseFloat(this.queryrow.assign_qty)
+        } else {
+          this.queryrow.unassign_qty = parseFloat(this.queryrow.unassign_qty) + parseFloat(row.canuse_qty)
+        }
+        if (this.queryrow.unassign_qty > this.goal_unassign_qty) {
+          this.queryrow.unassign_qty = JSON.parse(JSON.stringify(this.goal_unassign_qty))
+        }
+        // 如果已分配汇总量 > 明细重量 则待分配重量为0
+        if (this.queryrow.assign_qty > this.goal_unassign_qty) {
+          this.queryrow.unassign_qty = parseFloat('0')
+        }
+      }
+      this.tableDtl.splice(index, 1, row) // 通过splice 替换数据 触发视图更新
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.$emit('StructIvtClosed')
+    },
+    submit() {
+    }
+  }
+}
+</script>

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/TaskDialog.vue

@@ -0,0 +1,302 @@
+<template>
+  <el-dialog
+    v-loading.fullscreen.lock="fullscreenLoading"
+    append-to-body
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    :show-close="false"
+    fullscreen
+    @close="close"
+  >
+
+    <span slot="title" class="dialog-footer">
+      <div class="crud-opts2">
+        <span class="el-dialog__title2">出库单指令操作</span>
+        <span class="crud-opts-right2">
+          <!--左侧插槽-->
+          <slot name="left" />
+          <el-button slot="left" type="info" @click="dialogVisible = false">关闭</el-button>
+        </span>
+      </div>
+    </span>
+    <div class="crud-opts2">
+      <span class="role-span2">出库明细</span>
+    </div>
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table"
+        :data="tableDtl"
+        style="width: 100%;"
+        max-height="300"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+        @current-change="handleDtlCurrentChange"
+      >
+        <el-table-column prop="bill_status" label="状态" align="center" width="110px" :formatter="bill_statusFormat" />
+        <el-table-column show-overflow-tooltip prop="material_code" label="物料编码" align="center" />
+        <el-table-column show-overflow-tooltip prop="material_name" label="物料名称" align="center" />
+        <el-table-column show-overflow-tooltip prop="pcsn" label="子卷号" align="center" />
+        <el-table-column show-overflow-tooltip prop="sap_pcsn" label="sap批次" align="center" />
+        <el-table-column show-overflow-tooltip prop="plan_qty" :formatter="crud.formatNum3" label="重量" align="center" />
+        <el-table-column show-overflow-tooltip prop="assign_qty" :formatter="crud.formatNum3" label="已分配重量" align="center" />
+        <el-table-column show-overflow-tooltip prop="unassign_qty" :formatter="crud.formatNum3" label="未分配重量" align="center" />
+        <el-table-column show-overflow-tooltip prop="source_bill_type" label="源单类型" align="center" />
+        <el-table-column show-overflow-tooltip prop="source_bill_code" label="源单编号" align="center" />
+        <el-table-column show-overflow-tooltip prop="qty_unit_name" label="单位" align="center" />
+      </el-table>
+    </el-card>
+    <div class="crud-opts2">
+      <span class="role-span">作业明细</span>
+      <div class="crud-opts-form">
+        <el-form ref="form" :inline="true" :model="form" size="mini">
+          <el-form-item prop="checked">
+            <el-checkbox v-model="form.checked" @change="queryTableDdis">仅显示未完成的作业指令</el-checkbox>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span class="crud-opts-right2">
+        <!--左侧插槽-->
+        <slot name="left" />
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="button1"
+          @click="issueTask"
+        >
+          下发
+        </el-button>
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="button2"
+          @click="confirmTask"
+        >
+          标示完成
+        </el-button>
+      </span>
+    </div>
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table2"
+        :data="tabledis"
+        style="width: 100%;"
+        max-height="300"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+        @current-change="handleDisCurrentChange"
+      >
+        <el-table-column show-overflow-tooltip prop="material_code" label="物料编码" align="center" width="130px" />
+        <el-table-column show-overflow-tooltip prop="material_name" label="物料名称" align="center" width="130px" />
+        <el-table-column show-overflow-tooltip prop="pcsn" label="子卷批次号" align="center" width="140px" />
+        <el-table-column show-overflow-tooltip prop="sap_pcsn" label="sap批次号" align="center" width="120px" />
+        <el-table-column show-overflow-tooltip prop="box_no" label="箱号" align="center" width="250px" />
+        <el-table-column show-overflow-tooltip prop="plan_qty" :formatter="crud.formatNum3" label="重量" align="center" />
+        <el-table-column show-overflow-tooltip prop="struct_code" label="起始位置" align="center" width="120px" />
+        <el-table-column show-overflow-tooltip prop="next_point_code" label="目的位置" align="center" width="120px" />
+        <el-table-column show-overflow-tooltip prop="task_code" label="任务号" align="center" />
+        <el-table-column show-overflow-tooltip prop="task_type_name" label="任务类型" align="center" width="150px" />
+        <el-table-column show-overflow-tooltip prop="task_status" label="状态" align="center" width="120px" :formatter="task_statusFormat" min-width="150px" />
+        <el-table-column align="center" label="操作" width="160" fixed="right">
+          <template scope="scope">
+            <el-button type="danger" class="filter-item" size="mini" icon="el-icon-delete" @click.native.prevent="deleteRow(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+
+import CRUD, { crud } from '@crud/crud'
+import outbill from '@/views/wms/storage_manage/ios/outbill/outbill'
+
+export default {
+  name: 'TaskDialog',
+  components: { },
+  mixins: [crud()],
+  dicts: ['TASK_STATUS', 'IO_BILL_STATUS'],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    rowmst: {
+      type: Object
+    },
+    openArray: {
+      type: Array,
+      default: () => { return [] }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      fullscreenLoading: false,
+      button1: true,
+      button2: true,
+      button3: true,
+      tableDtl: [],
+      mstrow: {},
+      tabledis: [],
+      currentdtl: null,
+      currentDis: {},
+      form: {
+        checked: true
+      },
+      rules: {
+      }
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    },
+    openArray: {
+      handler(newValue) {
+        this.tableDtl = newValue
+      }
+    },
+    rowmst: {
+      handler(newValue) {
+        this.mstrow = newValue
+      }
+    }
+  },
+  methods: {
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.currentDis = {}
+      this.currentdtl = null
+      this.tableDtl = []
+      this.tabledis = []
+      this.$emit('TaskChanged')
+    },
+    bill_statusFormat(row) {
+      return this.dict.label.IO_BILL_STATUS[row.bill_status]
+    },
+    task_statusFormat(row) {
+      return this.dict.label.TASK_STATUS[row.task_status]
+    },
+    tabledisabled(row) {
+      if (row.task_status === '01' && row.is_issued === '0') {
+        return false
+      } else {
+        return true
+      }
+    },
+    deleteRow(row) {
+    },
+    issueTask() {
+      if (!this.currentDis) {
+        this.crud.notify('请选择一条任务项', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+      if (this.currentDis.work_status !== '20') {
+        this.crud.notify('只能对状态为生成的任务进行下发！', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+      this.fullscreenLoading = true
+      outbill.issueTask(this.currentDis).then(res => {
+        this.queryTableDdis()
+        this.crud.notify('下发成功！', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.fullscreenLoading = false
+      }).catch(() => {
+        this.fullscreenLoading = false
+      })
+    },
+    confirmTask() {
+      if (!this.currentDis) {
+        this.crud.notify('请选择一条任务项', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+      this.fullscreenLoading = true
+      outbill.confirmTask(this.currentDis).then(res => {
+        this.queryTableDdis()
+        this.crud.notify('操作成功成功！', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.fullscreenLoading = false
+      }).catch(() => {
+        this.fullscreenLoading = false
+      })
+    },
+    handleDtlCurrentChange(current) {
+      if (current !== null) {
+        this.tabledis = []
+        this.currentdtl = current
+        this.queryTableDdis()
+      } else {
+        this.tabledis = []
+        this.currentdtl = {}
+      }
+    },
+    handleDisCurrentChange(current) {
+      if (current === null || this.rowmst.bill_status === '99') {
+        this.button1 = true
+        this.button2 = true
+        this.button3 = true
+        this.currentDis = {}
+        return
+      }
+      this.currentDis = current
+      if (current.task_status === '04') {
+        this.button1 = false
+      } else {
+        this.button1 = true
+      }
+      if (current.task_status !== '07') {
+        this.button2 = false
+        this.button3 = true
+      } else {
+        this.button2 = true
+        this.button3 = false
+      }
+    },
+    queryTableDtl() {
+    },
+    queryTableDdis() {
+      if (this.currentdtl !== null) {
+        outbill.getIosDisTask({ 'iostorinvdtl_id': this.currentdtl.iostorinvdtl_id, 'checked': this.form.checked }).then(res => {
+          this.tabledis = res
+        }).catch(() => {
+          this.tabledis = []
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+
+.crud-opts2 .el-dialog__title2 {
+  line-height: 24px;
+  font-size:20px;
+  color:#303133;
+}
+
+.crud-opts2 .role-span2 {
+  padding: 0px 0px 20px 0px;
+}
+.crud-opts2 .crud-opts-form {
+  padding: 10px 0px 0px 50px;
+}
+
+</style>

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/ViewDialog.vue

@@ -0,0 +1,288 @@
+<template>
+  <el-dialog
+    append-to-body
+    title="出库单详情"
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    fullscreen
+    @close="close"
+    @open="open"
+  >
+    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" size="mini" label-width="85px" label-suffix=":">
+      <el-form-item label="单据号" prop="bill_code">
+        <label slot="label">单&nbsp;&nbsp;据&nbsp;号:</label>
+        <el-input v-model="form.bill_code" disabled placeholder="系统生成" clearable style="width: 210px" />
+      </el-form-item>
+      <el-form-item label="仓库" prop="stor_id">
+        <label slot="label">仓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;库:</label>
+        <el-select
+          v-model="form.stor_id"
+          clearable
+          placeholder="仓库"
+          class="filter-item"
+          style="width: 210px"
+          :disabled="true"
+        >
+          <el-option
+            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="业务类型" prop="bill_type">
+        <el-select
+          v-model="form.bill_type"
+          clearable
+          filterable
+          size="mini"
+          placeholder="业务类型"
+          class="filter-item"
+          disabled
+        >
+          <el-option
+            v-for="item in dict.ST_INV_OUT_TYPE"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="单据状态" prop="bill_status">
+        <el-select
+          v-model="form.bill_status"
+          clearable
+          style="width: 210px"
+          placeholder="单据状态"
+          class="filter-item"
+          disabled
+        >
+          <el-option
+            v-for="item in dict.IO_BILL_STATUS"
+            :key="item.id"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="明细数" prop="detail_count">
+        <label slot="label">明&nbsp;&nbsp;细&nbsp;数:</label>
+        <el-input v-model="form.detail_count" size="mini" disabled style="width: 210px" />
+      </el-form-item>
+      <el-form-item label="总重量" prop="total_qty">
+        <label slot="label">总&nbsp;&nbsp;重&nbsp;量:</label>
+        <el-input-number
+          v-model="form.total_qty"
+          :controls="false"
+          :precision="3"
+          :min="0"
+          disabled
+          style="width: 210px"
+        />
+      </el-form-item>
+      <el-form-item label="业务日期" prop="biz_date">
+        <el-date-picker v-model="form.biz_date" type="date" placeholder="选择日期" style="width: 210px" value-format="yyyy-MM-dd" :disabled="true" />
+      </el-form-item>
+      <el-form-item label="移入仓库" prop="out_stor_id" v-if="form.bill_type === '1004'">
+        <label slot="label">移入仓库:</label>
+        <el-select
+          v-model="form.out_stor_id"
+          clearable
+          placeholder="仓库"
+          class="filter-item"
+          style="width: 210px"
+          :disabled="true"
+        >
+          <el-option
+            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="备注" prop="remark">
+        <label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</label>
+        <el-input v-model="form.remark" style="width: 380px;" rows="2" type="textarea" :disabled="true" />
+      </el-form-item>
+    </el-form>
+    <div class="crud-opts2">
+      <span class="role-span2">出库明细</span>
+    </div>
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table"
+        :data="tableDtl"
+        style="width: 100%;"
+        max-height="300"
+        size="mini"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+        @current-change="handleDtlCurrentChange"
+      >
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column prop="bill_code" label="单据号" align="center" width="120"/>
+        <el-table-column :formatter="bill_statusFormat" prop="bill_status" label="状态" />
+        <el-table-column min-width="140" show-overflow-tooltip prop="material_code" label="物料编码" align="center" />
+        <el-table-column min-width="120" show-overflow-tooltip prop="material_name" label="物料名称" align="center" />
+        <el-table-column prop="pcsn" label="子卷号" width="150px" align="center" show-overflow-tooltip />
+        <el-table-column prop="sap_pcsn" label="sap批次" width="120px" align="center" show-overflow-tooltip />
+        <el-table-column prop="plan_qty" :formatter="crud.formatNum3" label="重量" align="center" />
+        <el-table-column prop="assign_qty" :formatter="crud.formatNum3" label="已分配重量" align="center" width="100px" />
+        <el-table-column prop="unassign_qty" :formatter="crud.formatNum3" label="未分配重量" align="center" width="100px" />
+        <el-table-column prop="qty_unit_name" label="单位" align="center" />
+        <el-table-column prop="source_bill_code" label="源单号" align="center" width="130px" />
+        <el-table-column prop="vbeln" label="交货单号" align="center" width="120px" />
+        <el-table-column prop="posnr" label="行号" align="center" width="70px" />
+        <el-table-column prop="width" label="幅宽" align="center" width="110px" />
+        <el-table-column show-overflow-tooltip prop="remark" label="明细备注" align="center" />
+      </el-table>
+    </el-card>
+    <div class="crud-opts2">
+      <span class="role-span">作业明细</span>
+    </div>
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table2"
+        :data="tabledis"
+        style="width: 100%;"
+        max-height="300"
+        size="mini"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+        @current-change="handleDisCurrentChange"
+      >
+        <el-table-column min-width="120" show-overflow-tooltip prop="material_code" label="物料编码" align="center" />
+        <el-table-column min-width="120" show-overflow-tooltip prop="material_name" label="物料名称" align="center" />
+        <el-table-column prop="pcsn" label="子卷批次号" align="center" show-overflow-tooltip />
+        <el-table-column prop="sap_pcsn" label="sap批次号" align="center" show-overflow-tooltip />
+        <el-table-column prop="box_no" label="箱号" align="center" width="250px" show-overflow-tooltip />
+        <el-table-column prop="plan_qty" :formatter="crud.formatNum3" label="重量" align="center" />
+        <el-table-column prop="struct_code" label="仓位" align="center" show-overflow-tooltip />
+        <el-table-column prop="sect_name" label="区域" align="center" show-overflow-tooltip />
+        <el-table-column prop="task_status" label="状态" align="center" width="110px" :formatter="task_statusFormat" />
+      </el-table>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+
+import { crud } from '@crud/crud'
+import outbill from '@/views/wms/storage_manage/ios/outbill/outbill'
+
+export default {
+  name: 'ViewDialog',
+  components: { },
+  mixins: [crud()],
+  dicts: ['IO_BILL_STATUS', 'WORK_STATUS', 'TASK_STATUS', 'ST_INV_OUT_TYPE'],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    rowmst: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      tableDtl: [],
+      tabledis: [],
+      storlist: [],
+      currentdtl: null,
+      currentDis: {},
+      form: {}
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    },
+    rowmst: {
+      handler(newValue) {
+        this.form = newValue
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    open() {
+      this.queryTableDtl()
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.currentDis = {}
+      this.currentdtl = null
+      this.tableDtl = []
+      this.tabledis = []
+      this.$emit('AddChanged')
+    },
+    bill_statusFormat(row) {
+      return this.dict.label.IO_BILL_STATUS[row.bill_status]
+    },
+    task_statusFormat(row) {
+      return this.dict.label.TASK_STATUS[row.task_status]
+    },
+    work_statusFormat(row) {
+      return this.dict.label.WORK_STATUS[row.work_status]
+    },
+    handleDtlCurrentChange(current) {
+      if (current !== null) {
+        this.tabledis = []
+        this.currentdtl = current
+        this.queryTableDdis()
+      } else {
+        this.tabledis = []
+        this.currentdtl = {}
+      }
+    },
+    invtypeFormat(row, column) {
+      for (const item of this.billtypelist) {
+        if (item.code === row.source_bill_type) {
+          return item.name
+        }
+      }
+    },
+    handleDisCurrentChange(current) {
+      this.currentDis = current
+    },
+    queryTableDtl() {
+    },
+    queryTableDdis() {
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+
+.crud-opts2 .el-dialog__title2 {
+  line-height: 24px;
+  font-size:20px;
+  color:#303133;
+}
+
+.crud-opts2 .role-span2 {
+  padding: 0px 0px 20px 0px;
+}
+.crud-opts2 {
+  padding: 10px 0px 0px 50px;
+}
+
+</style>

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

@@ -0,0 +1,458 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="80px"
+          label-suffix=":"
+        >
+          <el-form-item label="模糊查询">
+            <el-input
+              v-model="query.bill_code"
+              size="mini"
+              clearable
+              placeholder="单据号"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="所属仓库">
+            <el-select
+              v-model="query.stor_id"
+              clearable
+              size="mini"
+              placeholder="全部"
+              class="filter-item"
+              @change="crud.toQuery"
+            >
+              <el-option
+                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-select
+              v-model="query.bill_status"
+              clearable
+              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-select
+              v-model="query.bill_type"
+              clearable
+              filterable
+              size="mini"
+              placeholder="业务类型"
+              class="filter-item"
+              @change="crud.toQuery"
+            >
+              <el-option
+                v-for="item in dict.ST_INV_OUT_TYPE"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="交货单号">
+            <el-input
+              v-model="query.vbeln"
+              size="mini"
+              clearable
+              placeholder="交货单号"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="子卷批次">
+            <el-input
+              v-model="query.pcsn"
+              size="mini"
+              clearable
+              placeholder="子卷批次"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="sap批次">
+            <el-input
+              v-model="query.sap_pcsn"
+              size="mini"
+              clearable
+              placeholder="sap批次"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="客户搜索">
+            <el-input
+              v-model="query.cust_code"
+              size="mini"
+              clearable
+              placeholder="编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="发货幅宽">
+            <el-input
+              v-model="query.width"
+              size="mini"
+              clearable
+              placeholder="幅宽"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="是否回传">
+            <el-select
+              v-model="query.is_upload"
+              clearable
+              size="mini"
+              placeholder="是否回传"
+              class="filter-item"
+              @change="crud.toQuery"
+            >
+              <el-option
+                v-for="item in dict.TrueOrFalse"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </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>
+          <rrOperation />
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission">
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :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"
+          v-permission="permission.confirm"
+          class="filter-item"
+          :loading="loadingConfirm"
+          type="warning"
+          :disabled="confirm_flag"
+          icon="el-icon-check"
+          size="mini"
+          @click="confirm"
+        >
+          强制确认
+        </el-button>
+      </crudOperation>
+      <!--表格渲染-->
+      <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="250"
+          align="center"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <udOperation
+              :data="scope.row"
+              style="display: inline"
+              :permission="permission"
+              :disabled-edit="canUd(scope.row)"
+              :disabled-dle="canUd(scope.row)"
+            />
+            <el-button
+              type="text"
+              icon="el-icon-upload"
+              @click="openMoney(scope.row)"
+            >
+              发货信息
+            </el-button>
+           <!-- <el-button
+              type="text"
+              icon="el-icon-printer"
+              @click="printExcel(scope.row)"
+            >
+              打印
+            </el-button>-->
+          </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="80" prop="bill_status" label="单据状态" />
+        <el-table-column show-overflow-tooltip prop="stor_name" label="仓库" width="80" />
+        <el-table-column show-overflow-tooltip prop="bill_type" :formatter="bill_typeFormat" label="业务类型" />
+        <el-table-column show-overflow-tooltip width="100" prop="biz_date" label="业务日期" />
+        <el-table-column show-overflow-tooltip label="明细数" align="center" prop="detail_count" width="60" />
+        <el-table-column show-overflow-tooltip label="总重量" align="center" prop="total_qty" width="100" />
+        <el-table-column show-overflow-tooltip label="客户" align="center" prop="cust_simple_name" width="100" />
+        <el-table-column show-overflow-tooltip label="客户编码" align="center" prop="cust_code" width="100" />
+        <el-table-column show-overflow-tooltip label="交货单号" align="center" prop="vbeln" width="100" />
+        <el-table-column show-overflow-tooltip label="是否回传" align="center" prop="is_upload" width="80" :formatter="formatIsUpload" />
+        <el-table-column show-overflow-tooltip :formatter="create_modeFormat" prop="create_mode" label="生成方式" width="100" />
+        <el-table-column show-overflow-tooltip label="备注" align="center" prop="remark" width="100" />
+        <el-table-column show-overflow-tooltip label="制单人" align="center" prop="input_optname" />
+        <el-table-column show-overflow-tooltip label="制单时间" align="center" prop="input_time" width="140" />
+        <el-table-column show-overflow-tooltip label="修改人" align="center" prop="update_optname" />
+        <el-table-column show-overflow-tooltip label="修改时间" align="center" prop="update_time" width="140" />
+        <el-table-column show-overflow-tooltip label="分配人" align="center" prop="dis_optname" />
+        <el-table-column show-overflow-tooltip label="分配时间" align="center" prop="dis_time" width="140" />
+        <el-table-column show-overflow-tooltip label="确认人" align="center" prop="confirm_optname" />
+        <el-table-column show-overflow-tooltip label="确认时间" align="center" prop="confirm_time" width="140" />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+    <AddDialog @AddChanged="querytable" />
+    <ViewDialog :dialog-show.sync="viewShow" :rowmst="mstrow" @AddChanged="querytable" />
+    <DivDialog :dialog-show.sync="divShow" :open-array="openParam" :stor-id="storId" :rowmst="mstrow" @DivChanged="querytable" />
+    <TaskDialog :dialog-show.sync="taskShow" :open-array="openParam" :rowmst="mstrow" @TaskChanged="querytable" />
+    <MoneyDialog :dialog-show.sync="openMoneyDialog" :open-param-money="openParamMoney" />
+  </div>
+</template>
+
+<script>
+import outbill from '@/views/wms/storage_manage/ios/outbill/outbill'
+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 AddDialog from '@/views/wms/storage_manage/ios/outbill/AddDialog'
+import MoneyDialog from '@/views/wms/storage_manage/ios/outbill/MoneyDialog'
+import DivDialog from '@/views/wms/storage_manage/ios/outbill/DivDialog'
+import TaskDialog from '@/views/wms/storage_manage/ios/outbill/TaskDialog'
+import ViewDialog from '@/views/wms/storage_manage/ios/outbill/ViewDialog'
+// import crudUserStor from '@/views/wms/basedata/st/userStor/userStor'
+
+export default {
+  name: 'Outbill',
+  components: { ViewDialog, AddDialog, crudOperation, rrOperation, udOperation, pagination, DivDialog, TaskDialog, MoneyDialog },
+  cruds() {
+    return CRUD({ title: '用户', idField: 'iostorinv_id', url: 'api/stIvtIostorinv/outBill', crudMethod: { ...outbill },
+      optShow: {
+        add: true,
+        edit: false,
+        del: false,
+        reset: true,
+        download: false
+      }})
+  },
+  mixins: [presenter(), header(), crud()],
+  // 数据字典
+  dicts: ['IO_BILL_STATUS', 'ST_CREATE_MODE', 'ST_INV_OUT_TYPE', 'TrueOrFalse'],
+  data() {
+    return {
+      height: document.documentElement.clientHeight - 180 + 'px;',
+      permission: {
+        add: ['admin', 'outbill:add'],
+        edit: ['admin', 'outbill:edit'],
+        del: ['admin', 'outbill:del'],
+        confirm: ['admin', 'outbill:confirm']
+      },
+      openMoneyDialog: false,
+      loadingConfirm: false,
+      divShow: false,
+      taskShow: false,
+      dis_flag: true,
+      work_flag: true,
+      confirm_flag: true,
+      business_confirm_flag: true,
+      outReturn_flag: true,
+      openParam: [],
+      openParamMoney: null,
+      mstrow: {},
+      viewShow: false,
+      currentRow: null,
+      checkrows: [],
+      storlist: [],
+      billtypelist: [],
+      storId: null
+    }
+  },
+  created() {
+   /* crudUserStor.getUserStor().then(res => {
+      this.storlist = res
+    })*/
+  },
+  methods: {
+    canUd(row) {
+      return row.bill_status !== '10'
+    },
+    toView(index, row) {
+      this.mstrow = row
+      this.viewShow = true
+    },
+    [CRUD.HOOK.beforeRefresh]() {
+      this.handleCurrentChange(null)
+    },
+    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.handleCurrentChange(null)
+      }
+    },
+    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' || current.bill_status === '30') {
+          this.confirm_flag = false
+        } else {
+          this.confirm_flag = true
+        }
+        if (current.bill_type === '1006' || current.bill_type === '1003' || current.bill_type === '1004') {
+          this.business_confirm_flag = false
+        } else {
+          this.business_confirm_flag = true
+        }
+        if (current.bill_status === '40' || current.bill_status === '30') {
+          this.outReturn_flag = false
+        } else {
+          this.outReturn_flag = true
+        }
+      }
+    },
+    stateFormat(row) {
+      return this.dict.label.IO_BILL_STATUS[row.bill_status]
+    },
+    bill_typeFormat(row) {
+      return this.dict.label.ST_INV_OUT_TYPE[row.bill_type]
+    },
+    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.outReturn_flag = true
+        this.currentRow = {}
+      }
+    },
+    checkboxT(row) {
+      return row.bill_status !== '99'
+    },
+    divOpen() {
+      outbill.getIosDtl({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(res => {
+        this.openParam = res
+        this.storId = this.currentRow.stor_id
+        this.divShow = true
+        this.mstrow = this.currentRow
+      })
+    },
+    taskOpen() {
+      outbill.getIosDtl({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(res => {
+        this.openParam = res
+        this.taskShow = true
+        this.mstrow = this.currentRow
+      })
+    },
+    confirm() {
+      this.loadingConfirm = true
+      outbill.confirm({ 'iostorinv_id': this.currentRow.iostorinv_id }).then(res => {
+        this.querytable()
+        this.crud.notify('出库成功！', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.loadingConfirm = false
+      }).catch(() => {
+        this.loadingConfirm = false
+      })
+    },
+    querytable() {
+      this.onSelectAll()
+      this.crud.toQuery()
+      this.handleCurrentChange(null)
+    },
+    openMoney(row) {
+      this.openParamMoney = row
+      this.openMoneyDialog = true
+    },
+    formatIsUpload(row) {
+      return this.dict.label.TrueOrFalse[row.is_upload]
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-dialog__body {
+  padding-top: 10px;
+}
+</style>

lms/nladmin-ui/src/views/wms/storage_manage/ios/outbill/outbill.js

@@ -0,0 +1,116 @@
+import request from '@/utils/request'
+
+export function add(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill',
+    method: 'post',
+    data
+  })
+}
+
+export function del(ids) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/',
+    method: 'delete',
+    data: ids
+  })
+}
+
+export function edit(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill',
+    method: 'put',
+    data
+  })
+}
+
+export function queryBoxMater(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/queryBoxMater',
+    method: 'post',
+    data
+  })
+}
+
+export function getIosDtl(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/getIosDtl',
+    method: 'post',
+    data
+  })
+}
+
+export function getIosDis(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/getIosDis',
+    method: 'post',
+    data
+  })
+}
+
+export function moneySubmit(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/moneySubmit',
+    method: 'post',
+    data
+  })
+}
+
+export function allDiv(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/allDiv',
+    method: 'post',
+    data
+  })
+}
+
+export function allCancel(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/allCancel',
+    method: 'post',
+    data
+  })
+}
+
+export function allSetPoint(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/allSetPoint',
+    method: 'post',
+    data
+  })
+}
+
+export function getIosDisTask(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/getIosDisTask',
+    method: 'post',
+    data
+  })
+}
+
+export function issueTask(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/issueTask',
+    method: 'post',
+    data
+  })
+}
+
+export function confirmTask(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/confirmTask',
+    method: 'post',
+    data
+  })
+}
+
+export function confirm(data) {
+  return request({
+    url: 'api/stIvtIostorinv/outBill/confirm',
+    method: 'post',
+    data
+  })
+}
+
+export default { add, edit, del, queryBoxMater, getIosDtl, getIosDis, moneySubmit, allDiv, allCancel,
+  allSetPoint, getIosDisTask, issueTask, confirmTask, confirm }