init project

mes/qd/src/views/wms/basedata/master/storagevehicleinfo/index.vue

@@ -0,0 +1,353 @@
+<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-select
+              v-model="query.storagevehicle_type"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 180px;"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.storagevehicle_type"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="载具号">
+            <el-input
+              v-model="query.storagevehicle_code_begin"
+              clearable
+              size="mini"
+              placeholder="起始载具号"
+              style="width: 110px;"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+            -
+            <el-input
+              v-model="query.storagevehicle_code_end"
+              clearable
+              size="mini"
+              placeholder="结束载具号"
+              style="width: 110px;"
+              class="filter-item"
+              @keyup.enter.native="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-printer"
+          size="mini"
+          @click="print"
+        >
+          打印
+        </el-button>
+      </crudOperation>
+      <!--表单组件-->
+      <el-dialog
+        :before-close="crud.cancelCU"
+        :close-on-click-modal="false"
+        :title="crud.status.title"
+        :visible.sync="crud.status.cu > 0"
+        width="450px"
+      >
+        <el-form ref="form" :model="form" :rules="rules" size="mini" label-width="100px">
+          <el-form-item label="载具类型" prop="storagevehicle_type">
+            <el-select
+              v-model="form.storagevehicle_type"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 250px;"
+              @change="getVehicle"
+            >
+              <el-option
+                v-for="item in dict.storagevehicle_type"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <br>
+          <el-form-item label="起始载具号" prop="storagevehicle_code">
+            <el-input v-model="form.storagevehicle_code" :disabled="true" style="width: 250px;"/>
+          </el-form-item>
+          <el-form-item label="载具数量" prop="num">
+            <el-input-number :precision="0" v-model="form.num" style="width: 150px;"/>
+          </el-form-item>
+          <el-form-item label="是否启用">
+            <el-radio v-model="form.is_used" label="0">否</el-radio>
+            <el-radio v-model="form.is_used" label="1">是</el-radio>
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="info" @click="crud.cancelCU">取消</el-button>
+          <el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">生成</el-button>
+          <el-button type="primary" @click="addAndprint">生成并打印</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="storagevehicle_id" label="载具标识"/>
+        <el-table-column prop="storagevehicle_type_name" label="载具类型"/>
+        <el-table-column prop="storagevehicle_code" label="载具编码"/>
+        <el-table-column prop="storagevehicle_name" label="载具名称"/>
+        <el-table-column label="是否启用" align="center" prop="is_used">
+          <template slot-scope="scope">
+            <el-switch
+              :value="format_is_used(scope.row.is_used)"
+              active-color="#409EFF"
+              inactive-color="#F56C6C"
+              @change="changeEnabled(scope.row, scope.row.is_used)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_name" label="创建人"/>
+        <el-table-column prop="create_time" label="创建时间"/>
+        <el-table-column
+          v-permission="['admin','storagevehicleinfo:edit','storagevehicleinfo:del']"
+          label="操作"
+          width="50px"
+          align="center"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <udOperation
+              :data="scope.row"
+              :permission="permission"
+              :is-visiable-edit="false"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination/>
+    </div>
+  </div>
+</template>
+
+<script>
+import crudStoragevehicleinfo from '@/api/wms/basedata/master/storagevehicleinfo'
+import CRUD, {crud, form, 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 {getLodop} from '@/assets/js/lodop/LodopFuncs'
+
+const defaultForm = {
+  storagevehicle_id: null,
+  storagevehicle_code: null,
+  storagevehicle_name: null,
+  one_code: null,
+  two_code: null,
+  rfid_code: null,
+  create_id: null,
+  create_name: null,
+  create_time: null,
+  update_optid: null,
+  update_optname: null,
+  update_time: null,
+  is_delete: null,
+  is_used: '1',
+  storagevehicle_type: null,
+  vehicle_width: null,
+  vehicle_long: null,
+  vehicle_height: null,
+  overstruct_type: null,
+  occupystruct_qty: null,
+  ext_id: null,
+  num: '1'
+}
+export default {
+  name: 'Storagevehicleinfo',
+  dicts: ['storagevehicle_type'],
+  components: {pagination, crudOperation, rrOperation, udOperation},
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({
+      title: '载具',
+      url: 'api/storagevehicleinfo',
+      idField: 'storagevehicle_id',
+      sort: 'storagevehicle_id,desc',
+      crudMethod: {...crudStoragevehicleinfo},
+      optShow: {
+        add: true,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      }
+    })
+  },
+  data() {
+    var numberOne = (rule, value, callback) => {
+      const numReg = /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/
+      const numRe = new RegExp(numReg)
+      if (!numRe.test(value)) {
+        callback(new Error('只能输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      resultCodeArr: [],
+      permission: {},
+      rules: {
+        storagevehicle_code: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        create_id: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        create_name: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        create_time: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        is_delete: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        is_used: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        storagevehicle_type: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        overstruct_type: [
+          {required: true, message: '不能为空', trigger: 'blur'}
+        ],
+        num: [
+          {required: true, message: '不能为空', trigger: 'blur'},
+          {validator: numberOne}
+        ]
+      }
+    }
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    changeEnabled(data, val) {
+      let msg = '此操作将停用载具，是否继续！'
+      if (val !== '1') {
+        msg = '此操作将启用载具，是否继续！'
+      }
+      this.$confirm(msg, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        crudStoragevehicleinfo.changeActive(data).then(res => {
+          this.crud.toQuery()
+          this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        }).catch(() => {
+          data.is_used = !data.is_used
+        })
+      }).catch(() => {
+      })
+    },
+    format_is_used(is_used) {
+      return is_used === '1'
+    },
+    print() {
+      const _selectData = this.$refs.table.selection
+      if (!_selectData || _selectData.length < 1) {
+        this.crud.notify('请选择一条记录', CRUD.NOTIFICATION_TYPE.INFO)
+        return
+      }
+      for (let i = 0; i < _selectData.length; i++) {
+        const code = _selectData[i].storagevehicle_code
+        const LODOP = getLodop()
+        LODOP.SET_SHOW_MODE('HIDE_DISBUTTIN_SETUP', 1)// 隐藏那些无效按钮
+        // 打印纸张大小设置https://www.it610.com/article/2094844.html
+        LODOP.SET_PRINT_PAGESIZE(1, '50mm', '30mm', '')
+        // LODOP.ADD_PRINT_RECT('0mm', '0mm', '48mm', '28mm', 0, 1)
+        LODOP.ADD_PRINT_BARCODE('4.3mm', '8.2mm', '40mm', '20mm', '128Auto', code)
+        // LODOP.PREVIEW()// 预览
+        LODOP.PRINT()// 打印
+        this.crud.notify('打印成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+      }
+    },
+    addAndprint() {
+      const data = this.form
+      if (!this.form.storagevehicle_type) {
+        this.crud.notify('载具类型不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+      if (!this.form.num) {
+        this.crud.notify('数量不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+      crudStoragevehicleinfo.add(data).then(res => {
+        res.forEach((item) => {
+          const LODOP = getLodop()
+          LODOP.SET_SHOW_MODE('HIDE_DISBUTTIN_SETUP', 1)// 隐藏那些无效按钮
+          // 打印纸张大小设置https://www.it610.com/article/2094844.html
+          LODOP.SET_PRINT_PAGESIZE(1, '50mm', '30mm', '1')
+          // LODOP.ADD_PRINT_RECT('0mm', '0mm', '50mm', '30mm', 0, 1)
+          LODOP.ADD_PRINT_BARCODE('4.3mm', '6.2mm', '40mm', '20mm', '128Auto', item)
+          // LODOP.PREVIEW()// 预览
+          LODOP.PRINT()// 打印
+        })
+        this.crud.status.add = CRUD.STATUS.NORMAL
+        this.crud.toQuery()
+        this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+      })
+    },
+    getVehicle(code) {
+      if (!code) {
+        this.crud.notify('请选择载具类型', CRUD.NOTIFICATION_TYPE.INFO)
+        this.form.storagevehicle_code = ''
+        return false
+      }
+      crudStoragevehicleinfo.getVehicle(code).then(res => {
+        this.form.storagevehicle_code = res.value
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>