feat: 载具维护、客户信息、计量单位、基础分类

This commit is contained in:
2024-03-28 09:53:06 +08:00
parent c61a5083c3
commit dedc9fbba2
57 changed files with 1614 additions and 680 deletions

View File

@@ -116,8 +116,8 @@
<el-form-item v-if="form.type.toString() === '2'" :label="$t('menu.dialog.button_name')" prop="title">
<el-input v-model="form.title" :placeholder="$t('menu.dialog.button_name')" style="width: 190px;" />
</el-form-item>
<el-form-item v-show="form.type.toString() !== '1' " :label="$t('menu.table_title.permission_ident')" prop="permission">
<el-input v-model="form.permission" :disabled="form.iframe" :placeholder="$t('menu.table_title.permission_ident')" style="width: 190px;" />
<el-form-item v-show="form.type.toString() !== '1' " :label="$t('menu.table.permission_ident')" prop="permission">
<el-input v-model="form.permission" :disabled="form.iframe" :placeholder="$t('menu.table.permission_ident')" style="width: 190px;" />
</el-form-item>
<el-form-item v-if="form.type.toString() !== '1' && form.type.toString() !== '2'" :label="$t('menu.dialog.router_path')" prop="path">
<el-input v-model="form.path" :placeholder="$t('menu.dialog.router_path')" style="width: 190px;" />
@@ -170,43 +170,43 @@
@selection-change="crud.selectionChangeHandler"
>
<el-table-column type="selection" width="55" />
<el-table-column :label="$t('menu.table_title.menu_title')" :prop="$langPre.computedProp('title')" :min-width="flexWidth($langPre.computedProp('title'),crud.data,$t('menu.table_title.menu_title'))" />
<el-table-column :label="$t('menu.table_title.system')" prop="system_type" :min-width="flexWidth('system_type',crud.data,$t('menu.table_title.system'))">
<el-table-column :label="$t('menu.table.menu_title')" :prop="$langPre.computedProp('title')" :min-width="flexWidth($langPre.computedProp('title'),crud.data,$t('menu.table.menu_title'))" />
<el-table-column :label="$t('menu.table.system')" prop="system_type" :min-width="flexWidth('system_type',crud.data,$t('menu.table.system'))">
<template slot-scope="scope">
{{ dict.label.system_type[scope.row.system_type] }} : {{scope.row.system_type}}
</template>
</el-table-column>
<el-table-column prop="icon" :label="$t('menu.table_title.icon')" align="center" :min-width="flexWidth('icon',crud.data, $t('menu.table_title.system'))">
<el-table-column prop="icon" :label="$t('menu.table.icon')" align="center" :min-width="flexWidth('icon',crud.data, $t('menu.table.system'))">
<template slot-scope="scope">
<svg-icon :icon-class="scope.row.icon ? scope.row.icon : ''" />
</template>
</el-table-column>
<el-table-column prop="menu_sort" align="center" :label="$t('menu.table_title.sort')" :min-width="flexWidth('menu_sort',crud.data,$t('menu.table_title.sort'))">
<el-table-column prop="menu_sort" align="center" :label="$t('menu.table.sort')" :min-width="flexWidth('menu_sort',crud.data,$t('menu.table.sort'))">
<template slot-scope="scope">
{{ scope.row.menu_sort }}
</template>
</el-table-column>
<el-table-column prop="permission" :label="$t('menu.table_title.permission_ident')" :min-width="flexWidth('permission',crud.data,$t('menu.table_title.permission_ident'))" />
<el-table-column prop="component" :label="$t('menu.table_title.path')" min-width="120" />
<el-table-column prop="iframe" :label="$t('menu.table_title.outside_chain')" :formatter="crud.formatIsOrNot" :min-width="flexWidth('iframe',crud.data,$t('menu.table_title.outside_chain'))">
<el-table-column prop="permission" :label="$t('menu.table.permission_ident')" :min-width="flexWidth('permission',crud.data,$t('menu.table.permission_ident'))" />
<el-table-column prop="component" :label="$t('menu.table.path')" min-width="120" />
<el-table-column prop="iframe" :label="$t('menu.table.outside_chain')" :formatter="crud.formatIsOrNot" :min-width="flexWidth('iframe',crud.data,$t('menu.table.outside_chain'))">
<template slot-scope="scope">
<span v-if="scope.row.iframe">YES</span>
<span v-else>NO</span>
</template>
</el-table-column>
<el-table-column prop="cache" :label="$t('menu.table_title.cache')" :formatter="crud.formatIsOrNot" :min-width="flexWidth('cache',crud.data,$t('menu.table_title.cache'))">
<el-table-column prop="cache" :label="$t('menu.table.cache')" :formatter="crud.formatIsOrNot" :min-width="flexWidth('cache',crud.data,$t('menu.table.cache'))">
<template slot-scope="scope">
<span v-if="scope.row.cache">YES</span>
<span v-else>NO</span>
</template>
</el-table-column>
<el-table-column prop="hidden" :label="$t('menu.table_title.visible')" :formatter="crud.formatIsOrNot" :min-width="flexWidth('hidden',crud.data,$t('menu.table_title.visible'))">
<el-table-column prop="hidden" :label="$t('menu.table.visible')" :formatter="crud.formatIsOrNot" :min-width="flexWidth('hidden',crud.data,$t('menu.table.visible'))">
<template slot-scope="scope">
<span v-if="scope.row.hidden">NO</span>
<span v-else>YES</span>
</template>
</el-table-column>
<el-table-column prop="create_time" :label="$t('menu.table_title.create_time')" :min-width="flexWidth('create_time',crud.data,$t('menu.table_title.create_time'))" />
<el-table-column prop="create_time" :label="$t('menu.table.create_time')" :min-width="flexWidth('create_time',crud.data,$t('menu.table.create_time'))" />
<el-table-column
v-permission="['admin','menu:edit','menu:del']"
:label="$t('common.Operate')"

View File

@@ -139,10 +139,10 @@ import crudClassstandard from './mdBaseClassstandard'
import CRUD, { crud, form, header, presenter } from '@crud/crud'
import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import rrOperation from '@crud/RR.operation'
import pagination from '@crud/Pagination'
import crudOperation from '@crud/CRUD.operation.vue'
import udOperation from '@crud/UD.operation.vue'
import rrOperation from '@crud/RR.operation.vue'
import pagination from '@crud/Pagination.vue'
let defaultForm = {
id: null,

View File

@@ -7,15 +7,14 @@
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="50px"
label-suffix=":"
>
<el-form-item label="客户">
<el-form-item :label="$t('customer.placeholder.fuzzy_search')">
<el-input
v-model="query.search"
clearable
size="mini"
placeholder="输入客户编码或客户名称"
:placeholder="$t('customer.placeholder.tip_talk')"
prefix-icon="el-icon-search"
/>
</el-form-item>
@@ -35,98 +34,105 @@
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="140px">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="客户编码" prop="cust_code">
<el-form-item :label="$t('customer.table.customer_code')" prop="cust_code">
<el-input v-model="form.cust_code" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="客户名称 " prop="cust_name">
<el-form-item :label="$t('customer.table.customer_name')" prop="cust_name">
<el-input v-model="form.cust_name" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="客户简称 " prop="cust_simple_name">
<el-form-item :label="$t('customer.table.customer_simple_name')" prop="cust_simple_name">
<el-input v-model="form.cust_simple_name" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="税务登记号">
<el-form-item :label="$t('customer.dialog.tax_no')">
<el-input v-model="form.tax_no" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="工商注册号">
<el-form-item :label="$t('customer.dialog.register_no')">
<el-input v-model="form.register_no" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="经营许可证号">
<el-form-item :label="$t('customer.dialog.manage_lice_no')">
<el-input v-model="form.manage_lice_no" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="营业执照">
<el-form-item :label="$t('customer.dialog.busi_char_name')">
<el-input v-model="form.busi_char_name" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="邮政编码">
<el-form-item :label="$t('customer.dialog.zip_code')">
<el-input v-model="form.zip_code" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="公司电话">
<el-form-item :label="$t('customer.dialog.corp_tele_no')">
<el-input v-model="form.corp_tele_no" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="公司地址">
<el-form-item :label="$t('customer.dialog.corp_address')">
<el-input v-model="form.corp_address" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="外部标识">
<el-form-item :label="$t('customer.dialog.ext_id')">
<el-input v-model="form.ext_id" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否启用" prop="is_used">
<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 :label="$t('customer.table.is_used')" prop="is_used">
<el-radio v-model="form.is_used" label="0">{{ $t('common.No') }}</el-radio>
<el-radio v-model="form.is_used" label="1">{{ $t('common.Yes') }}</el-radio>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="法人代表">
<el-form-item :label="$t('customer.dialog.jurid_name')">
<el-input v-model="form.jurid_name" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="送货单打印模板路径">
<el-form-item :label="$t('customer.table.shd_print_no')">
<el-input v-model="form.shd_print_no" style="width: 200px;" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="送货单明细数">
<el-input-number v-model="form.shd_dtl_num" :min="1" :max="100" :precision="0" :controls="false" style="width: 200px;"/>
<el-form-item :label="$t('customer.table.shd_dtl_num')">
<el-input-number
v-model="form.shd_dtl_num"
:min="1"
:max="100"
:precision="0"
:controls="false"
style="width: 200px;"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="包装打印模板:">
<el-form-item :label="$t('customer.table.bz_print_no')">
<el-select
v-model="form.bz_print_no"
clearable
size="mini"
placeholder="请选择"
:placeholder="$t('common.Please_select')"
class="filter-item"
style="width: 210px"
>
@@ -140,42 +146,85 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否自动贴标" prop="is_auto_table">
<el-radio v-model="form.is_auto_table" label="0"></el-radio>
<el-radio v-model="form.is_auto_table" label="1"></el-radio>
<el-form-item :label="$t('customer.table.is_auto_table')" prop="is_auto_table">
<el-radio v-model="form.is_auto_table" label="0">{{ $t('common.No') }}</el-radio>
<el-radio v-model="form.is_auto_table" label="1">{{ $t('common.Yes') }}</el-radio>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务员" prop="sales_owner">
<el-form-item :label="$t('customer.table.sales_owner')" prop="sales_owner">
<el-input v-model="form.sales_owner" style="width: 200px;" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="16">
<el-form-item label="备注">
<el-form-item :label="$t('customer.table.remark')">
<el-input v-model="form.remark" style="width: 550px;" type="textarea" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
<el-button type="text" @click="crud.cancelCU">{{ $t('common.Cancel') }}</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">{{ $t('common.Confirm') }}</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
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 prop="cust_code" label="客户编码" :min-width="flexWidth('cust_code',crud.data,'客户编码')"/>
<el-table-column prop="cust_name" label="客户名称 " :min-width="flexWidth('cust_name',crud.data,'客户名称 ')"/>
<el-table-column prop="cust_simple_name" label="客户简称" :min-width="flexWidth('cust_simple_name',crud.data,'客户简称')"/>
<el-table-column prop="sales_owner" label="业务员" :min-width="flexWidth('sales_owner',crud.data,'业务员')"/>
<el-table-column prop="create_name" label="创建人姓名" :min-width="flexWidth('create_name',crud.data,'创建人姓名')"/>
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')"/>
<el-table-column prop="update_optname" label="修改人姓名" :min-width="flexWidth('update_optname',crud.data,'修改人姓名')"/>
<el-table-column prop="update_time" label="修改时间" :min-width="flexWidth('update_time',crud.data,'修改时间')"/>
<el-table-column prop="is_used" label="是否启用" :min-width="flexWidth('is_used',crud.data,'是否启用')">
<el-table-column
prop="cust_code"
:label="$t('customer.table.customer_code')"
:min-width="flexWidth('cust_code', crud.data, $t('customer.table.customer_code'))"
/>
<el-table-column
prop="cust_name"
:label="$t('customer.table.customer_name')"
:min-width="flexWidth('cust_name', crud.data, $t('customer.table.customer_name'))"
/>
<el-table-column
prop="cust_simple_name"
:label="$t('customer.table.customer_simple_name')"
:min-width="flexWidth('cust_simple_name', crud.data, $t('customer.table.customer_simple_name'))"
/>
<el-table-column
prop="sales_owner"
:label="$t('customer.table.sales_owner')"
:min-width="flexWidth('sales_owner', crud.data, $t('customer.table.sales_owner'))"
/>
<el-table-column
prop="create_name"
:label="$t('customer.table.create_user')"
:min-width="flexWidth('create_name', crud.data, $t('customer.table.create_user'))"
/>
<el-table-column
prop="create_time"
:label="$t('customer.table.create_time')"
:min-width="flexWidth('create_time', crud.data, $t('customer.table.create_time'))"
/>
<el-table-column
prop="update_optname"
:label="$t('customer.table.update_user')"
:min-width="flexWidth('update_optname', crud.data, $t('customer.table.update_user'))"
/>
<el-table-column
prop="update_time"
:label="$t('customer.table.update_time')"
:min-width="flexWidth('update_time', crud.data, $t('customer.table.update_time'))"
/>
<el-table-column
prop="is_used"
:label="$t('customer.table.is_used')"
:min-width="flexWidth('is_used', crud.data, $t('customer.table.is_used'))"
>
<template slot-scope="scope">
<el-switch
v-model="scope.row.is_used"
@@ -187,17 +236,43 @@
/>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" :min-width="flexWidth('remark',crud.data,'备注')"/>
<el-table-column prop="zj_print_no" label="子卷打印模板号" :min-width="flexWidth('zj_print_no',crud.data,'子卷打印模板号')"/>
<el-table-column prop="bz_print_no" label="包装打印模板号" :min-width="flexWidth('bz_print_no',crud.data,'包装打印模板号')"/>
<el-table-column prop="shd_print_no" label="送货单打印模板号" :min-width="flexWidth('shd_print_no',crud.data,'送货单打印模板号')"/>
<el-table-column prop="shd_dtl_num" label="送货单明细数" :min-width="flexWidth('shd_dtl_num',crud.data,'送货单明细数')"/>
<el-table-column prop="is_auto_table" label="是否自动包装" :min-width="flexWidth('is_auto_table',crud.data,'is_auto_table')">
<el-table-column
prop="remark"
:label="$t('customer.table.remark')"
:min-width="flexWidth('remark', crud.data, $t('customer.table.remark'))"
/>
<el-table-column
prop="zj_print_no"
:label="$t('customer.table.zj_print_no')"
:min-width="flexWidth('zj_print_no', crud.data, $t('customer.table.zj_print_no'))"
/>
<el-table-column
prop="bz_print_no"
:label="$t('customer.table.bz_print_no')"
:formatter="printTemple"
show-overflow-tooltip
:min-width="flexWidth('bz_print_no', crud.data, $t('customer.table.bz_print_no'))"
/>
<el-table-column
prop="shd_print_no"
:label="$t('customer.table.shd_print_no')"
:min-width="flexWidth('shd_print_no', crud.data, $t('customer.table.shd_print_no'))"
/>
<el-table-column
prop="shd_dtl_num"
:label="$t('customer.table.shd_dtl_num')"
:min-width="flexWidth('shd_dtl_num', crud.data, $t('customer.table.shd_dtl_num'))"
/>
<el-table-column
prop="is_auto_table"
:label="$t('customer.table.is_auto_table')"
:min-width="flexWidth('is_auto_table', crud.data, $t('customer.table.is_auto_table'))"
>
<template slot-scope="scope">
{{scope.row.is_auto_table === '1' ? '是' : '否'}}
{{ scope.row.is_auto_table === '1' ? $t('common.Yes') : $t('common.No') }}
</template>
</el-table-column>
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
<el-table-column v-permission="[]" :label="$t('common.Operate')" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
@@ -219,7 +294,7 @@ import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import i18n from "@/i18n";
import i18n from '@/i18n'
const defaultForm = {
cust_id: null,
@@ -277,10 +352,8 @@ export default {
},
data() {
return {
permission: {
},
rules: {
}
permission: {},
rules: {}
}
},
methods: {
@@ -316,6 +389,9 @@ export default {
}
})
},
printTemple(row) {
return this.dict.label.print_temple[row.bz_print_no]
}
}
}
</script>

View File

@@ -7,15 +7,14 @@
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="50px"
label-suffix=":"
>
<el-form-item label="单位">
<el-form-item :label="$t('Unit.placeholder.fuzzy_search')">
<el-input
v-model="query.search"
clearable
size="mini"
placeholder="输入单位编码或单位名称"
:placeholder="$t('Unit.placeholder.tip_talk')"
prefix-icon="el-icon-search"
/>
</el-form-item>
@@ -27,36 +26,48 @@
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="80px">
<el-form-item label="编码">
<el-form-item :label="$t('Unit.table.code')" prop="unit_code">
<el-input v-model="form.unit_code" style="width: 370px;" />
</el-form-item>
<el-form-item label="名称">
<el-form-item :label="$t('Unit.table.name')" prop="unit_name">
<el-input v-model="form.unit_name" style="width: 370px;" />
</el-form-item>
<el-form-item label="数据精度">
<el-form-item :label="$t('Unit.table.precision')" prop="qty_precision">
<el-input v-model="form.qty_precision" style="width: 370px;" />
</el-form-item>
<el-form-item label="是否启用">
<el-input v-model="form.is_used" style="width: 370px;" />
<el-form-item :label="$t('Unit.table.is_used')" prop="is_used">
<el-radio v-model="form.is_used" label="0">{{ $t('common.No') }}</el-radio>
<el-radio v-model="form.is_used" label="1">{{ $t('common.Yes') }}</el-radio>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
<el-button type="text" @click="crud.cancelCU">{{ $t('common.Cancel') }}</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">{{ $t('common.Confirm') }}</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 prop="unit_code" label="编码" :min-width="flexWidth('unit_code',crud.data,'编码')"/>
<el-table-column prop="unit_name" label="名称" :min-width="flexWidth('unit_name',crud.data,'名称')"/>
<el-table-column prop="qty_precision" label="数据精度" :min-width="flexWidth('qty_precision',crud.data,'数据精度')"/>
<el-table-column prop="is_used" label="是否启用" :min-width="flexWidth('is_used',crud.data,'是否启用')"/>
<el-table-column prop="create_name" label="创建人姓名" :min-width="flexWidth('create_name',crud.data,'创建人姓名')"/>
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')"/>
<el-table-column prop="update_optname" label="修改人姓名" :min-width="flexWidth('update_optname',crud.data,'修改人姓名')"/>
<el-table-column prop="update_time" label="修改时间" :min-width="flexWidth('update_time',crud.data,'修改时间')"/>
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
<el-table-column prop="unit_code" :label="$t('Unit.table.code')" :min-width="flexWidth('unit_code', crud.data, $t('Unit.table.code'))" />
<el-table-column prop="unit_name" :label="$t('Unit.table.name')" :min-width="flexWidth('unit_name',crud.data,$t('Unit.table.name'))" />
<el-table-column prop="qty_precision" :label="$t('Unit.table.precision')" :min-width="flexWidth('qty_precision',crud.data,$t('Unit.table.precision'))" />
<el-table-column prop="is_used" :label="$t('Unit.table.is_used')">
<template slot-scope="scope">
<el-switch
v-model="scope.row.is_used"
active-color="#409EFF"
inactive-color="#F56C6C"
active-value="1"
inactive-value="0"
@change="changeEnabled(scope.row, scope.row.is_used)"
/>
</template>
</el-table-column>
<el-table-column prop="create_name" :label="$t('Unit.table.create_user')" :min-width="flexWidth('create_name',crud.data,$t('Unit.table.create_user'))" />
<el-table-column prop="create_time" :label="$t('Unit.table.create_time')" :min-width="flexWidth('create_time',crud.data,$t('Unit.table.create_time'))" />
<el-table-column prop="update_optname" :label="$t('Unit.table.update_user')" :min-width="flexWidth('update_optname',crud.data,$t('Unit.table.update_user'))" />
<el-table-column prop="update_time" :label="$t('Unit.table.update_time')" :min-width="flexWidth('update_time',crud.data,$t('Unit.table.update_time'))" />
<el-table-column v-permission="[]" :label="$t('common.Operate')" width="120px" align="center" fixed="right">
<template slot-scope="scope">
<udOperation
:data="scope.row"
@@ -73,18 +84,19 @@
<script>
import crudMeasureunit from './measureunit'
import CRUD, {crud, form, header, presenter} from '@crud/crud'
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 i18n from '@/i18n'
const defaultForm = {
measure_unit_id: null,
unit_code: null,
unit_name: null,
qty_precision: null,
is_used: null,
is_used: '1',
create_id: null,
create_name: null,
create_time: null,
@@ -97,10 +109,11 @@ const defaultForm = {
export default {
name: 'Measureunit',
components: { pagination, crudOperation, rrOperation, udOperation },
dicts: ['is_used'],
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({
title: '计量单位',
title: i18n.t('Unit.title'),
url: 'api/measureunit',
idField: 'measure_unit_id',
sort: 'measure_unit_id,desc',
@@ -112,12 +125,68 @@ export default {
permission: {
},
rules: {
} }
measure_unit_id: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
unit_code: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
unit_name: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
qty_precision: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
is_used: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
create_id: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
create_name: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
create_time: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
],
is_delete: [
{ required: true, message: i18n.t('common.Tip16'), trigger: 'blur' }
]
}
}
},
methods: {
// 钩子在获取表格数据之前执行false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
return true
},
// 改变状态
changeEnabled(data, val) {
this.$confirm('此操作将 "' + this.dict.label.is_used[val] + '" ' + data.unit_name + ', 是否继续', i18n.t('common.Tips'), {
confirmButtonText: i18n.t('common.Confirm'),
cancelButtonText: i18n.t('common.Cancel'),
type: 'warning'
}).then(() => {
crudMeasureunit.edit(data).then(res => {
this.crud.notify(this.dict.label.is_used[val] + i18n.t('common.Success'), CRUD.NOTIFICATION_TYPE.SUCCESS)
}).catch(() => {
if (data.is_used === '0') {
data.is_used = '1'
return
}
if (data.is_used === '1') {
data.is_used = '0'
}
})
}).catch(() => {
if (data.is_used === '0') {
data.is_used = '1'
return
}
if (data.is_used === '1') {
data.is_used = '0'
}
})
}
}
}

View File

@@ -0,0 +1,372 @@
<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-suffix=":"
>
<el-form-item :label="$t('VehicleInfo.table.storagevehicle_type_name')">
<treeselect
v-model="query.storagevehicle_type"
:load-options="loadChildNodes"
:options="classes1"
style="width: 220px"
:placeholder="$t('common.Please_select')"
/>
</el-form-item>
<el-form-item :label="$t('VehicleInfo.placeholder.vehicle_no')">
<el-input
v-model="query.storagevehicle_code_begin"
clearable
size="mini"
:placeholder="$t('VehicleInfo.placeholder.start_vehicle')"
style="width: 200px;"
class="filter-item"
@keyup.enter.native="crud.toQuery"
/>
-
<el-input
v-model="query.storagevehicle_code_end"
clearable
size="mini"
:placeholder="$t('VehicleInfo.placeholder.end_vehicle')"
style="width: 200px;"
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"
>
{{ $t('VehicleInfo.button.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-position="right" label-width="auto">
<el-form-item
:label="$t('VehicleInfo.table.storagevehicle_type_name')"
prop="storagevehicle_type"
>
<treeselect
v-model="form.storagevehicle_type"
:load-options="loadChildNodes"
:options="classes1"
style="width: 80%"
:placeholder="$t('common.Please_select')"
/>
</el-form-item>
<br>
<el-form-item :label="$t('VehicleInfo.dialog.num')" prop="num">
<el-input-number v-model="form.num" :precision="0" style="width: 80%" />
</el-form-item>
<el-form-item :label="$t('VehicleInfo.table.is_used')">
<el-radio v-model="form.is_used" label="0">{{ $t('common.No') }}</el-radio>
<el-radio v-model="form.is_used" label="1">{{ $t('common.Yes') }}</el-radio>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="info" @click="crud.cancelCU">{{ $t('common.Cancel') }}</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">{{ $t('VehicleInfo.dialog.build') }}</el-button>
<el-button type="primary" @click="addAndprint">{{ $t('VehicleInfo.dialog.build_print') }}</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
prop="storagevehicle_type_name"
:label="$t('VehicleInfo.table.storagevehicle_type_name')"
:min-width="flexWidth('storagevehicle_code', crud.data, $t('VehicleInfo.table.storagevehicle_type_name'))"
/>
<el-table-column
prop="storagevehicle_code"
:label="$t('VehicleInfo.table.storagevehicle_code')"
:min-width="flexWidth('storagevehicle_code', crud.data, $t('VehicleInfo.table.storagevehicle_code'))"
/>
<el-table-column
prop="storagevehicle_name"
:label="$t('VehicleInfo.table.storagevehicle_name')"
:min-width="flexWidth('storagevehicle_name', crud.data, $t('VehicleInfo.table.storagevehicle_name'))"
/>
<el-table-column
prop="create_name"
:label="$t('VehicleInfo.table.create_user')"
:min-width="flexWidth('create_name', crud.data, $t('VehicleInfo.table.create_user'))"
/>
<el-table-column
prop="create_time"
:label="$t('VehicleInfo.table.create_time')"
:min-width="flexWidth('create_time', crud.data, $t('VehicleInfo.table.create_time'))"
/>
<el-table-column :label="$t('VehicleInfo.table.is_used')" 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 v-permission="[]" :label="$t('common.Operate')" width="120px" align="center" fixed="right">
<template slot-scope="scope">
<udOperation
:is-visiable-edit="false"
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudClassstandard from '@/views/wms/basedata/master/classification/mdBaseClassstandard'
import crudStoragevehicleinfo from './storagevehicleinfo'
import CRUD, { crud, form, header, presenter } from '@crud/crud'
import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
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'
import i18n from '@/i18n'
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',
components: { pagination, crudOperation, rrOperation, udOperation, Treeselect },
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({
title: i18n.t('VehicleInfo.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(i18n.t('VehicleInfo.msg.only_num')))
} else {
callback()
}
}
return {
permission: {},
rules: {
create_id: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' }
],
create_name: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' }
],
create_time: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' }
],
is_delete: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' }
],
is_used: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' }
],
storagevehicle_type: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' }
],
overstruct_type: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' }
],
num: [
{ required: true, message: i18n.t('VehicleInfo.rules.NotNull'), trigger: 'blur' },
{ validator: numberOne }
]
},
classes1: []
}
},
created() {
this.initClass1()
},
methods: {
// 钩子在获取表格数据之前执行false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
return true
},
initClass1() {
const param = {
parent_class_code: 'vehicle_type'
}
crudClassstandard.getClassType(param).then(res => {
debugger
const data = res
this.buildTree(data)
this.classes1 = data
})
},
buildTree(classes) {
classes.forEach(data => {
if (data.children) {
this.buildTree(data.children)
}
if (data.hasChildren && !data.children) {
data.children = null // 重点代码
}
})
},
// 获取子节点数据
loadChildNodes({ action, parentNode, callback }) {
if (action === LOAD_CHILDREN_OPTIONS) {
crudClassstandard.getClass({ pid: parentNode.id }).then(res => {
parentNode.children = res.map(function(obj) {
if (obj.hasChildren) {
obj.children = null
}
return obj
})
setTimeout(() => {
callback()
}, 100)
})
}
},
format_is_used(is_used) {
return is_used === '1'
},
changeEnabled(data, val) {
console.log(data)
const msg = val !== '1' ? i18n.t('VehicleInfo.msg.tip1') : i18n.t('VehicleInfo.msg.tip2')
this.$confirm(msg, i18n.t('common.Tips'), {
confirmButtonText: i18n.t('common.Confirm'),
cancelButtonText: i18n.t('common.Cancel'),
type: 'warning'
}).then(() => {
crudStoragevehicleinfo.changeActive(data).then(res => {
this.crud.toQuery()
this.crud.notify(i18n.t('common.Operation_success'), CRUD.NOTIFICATION_TYPE.SUCCESS)
}).catch(() => {
data.is_used = !data.is_used
})
})
},
print() {
const _selectData = this.$refs.table.selection
if (!_selectData || _selectData.length < 1) {
this.crud.notify(i18n.t('VehicleInfo.msg.tip3'), 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(i18n.t('VehicleInfo.msg.tip4'), CRUD.NOTIFICATION_TYPE.SUCCESS)
this.crud.toQuery()
}
},
addAndprint() {
const data = this.form
if (!this.form.storagevehicle_type) {
this.crud.notify(i18n.t('VehicleInfo.msg.tip5'), CRUD.NOTIFICATION_TYPE.INFO)
return false
}
if (!this.form.num) {
this.crud.notify(i18n.t('VehicleInfo.msg.tip6'), 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(i18n.t('VehicleInfo.msg.tip4'), CRUD.NOTIFICATION_TYPE.SUCCESS)
})
}
}
}
</script>
<style scoped>
</style>

View File

@@ -2,7 +2,7 @@ import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/mdBaseVehicle',
url: 'api/storagevehicleinfo',
method: 'post',
data
})
@@ -10,7 +10,7 @@ export function add(data) {
export function del(ids) {
return request({
url: 'api/mdBaseVehicle/',
url: 'api/storagevehicleinfo/',
method: 'delete',
data: ids
})
@@ -18,10 +18,18 @@ export function del(ids) {
export function edit(data) {
return request({
url: 'api/mdBaseVehicle',
url: 'api/storagevehicleinfo',
method: 'put',
data
})
}
export default { add, edit, del }
export function changeActive(data) {
return request({
url: 'api/storagevehicleinfo/changeActive',
method: 'put',
data
})
}
export default { add, edit, del, changeActive }

View File

@@ -1,184 +0,0 @@
<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.vehicle_type"
clearable
size="mini"
placeholder="请选择"
class="filter-item"
style="width: 180px;"
@change="hand"
>
<el-option
v-for="item in dict.vehicle_type"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="载具号">
<el-input
v-model="query.vehicle_code"
clearable
size="mini"
placeholder="载具号"
style="width: 180px;"
class="filter-item"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<rrOperation />
</el-form>
</div>
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="80px">
<el-form-item label="载具编码">
<el-input v-model="form.vehicle_code" style="width: 370px;" />
</el-form-item>
<el-form-item label="载具名称">
<el-input v-model="form.vehicle_name" style="width: 370px;" />
</el-form-item>
<el-form-item label="载具类型">
<el-input v-model="form.vehicle_type" style="width: 370px;" />
</el-form-item>
<el-form-item label="一维码">
<el-input v-model="form.one_code" style="width: 370px;" />
</el-form-item>
<el-form-item label="二维码">
<el-input v-model="form.two_code" style="width: 370px;" />
</el-form-item>
<el-form-item label="RFID编码">
<el-input v-model="form.rfid_code" style="width: 370px;" />
</el-form-item>
<el-form-item label="载具宽度">
<el-input v-model="form.vehicle_width" style="width: 370px;" />
</el-form-item>
<el-form-item label="载具长度">
<el-input v-model="form.vehicle_long" style="width: 370px;" />
</el-form-item>
<el-form-item label="载具高度">
<el-input v-model="form.vehicle_height" style="width: 370px;" />
</el-form-item>
<el-form-item label="载具超仓位类型">
<el-input v-model="form.overstruct_type" style="width: 370px;" />
</el-form-item>
<el-form-item label="占仓位数">
<el-input v-model="form.occupystruct_qty" style="width: 370px;" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
</div>
</el-dialog>
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55" />
<el-table-column prop="vehicle_code" label="载具编码" :min-width="flexWidth('vehicle_code',crud.data,'载具编码')"/>
<el-table-column prop="vehicle_name" label="载具名称" :min-width="flexWidth('vehicle_name',crud.data,'载具名称')"/>
<el-table-column prop="vehicle_type" label="载具类型" :min-width="flexWidth('vehicle_type',crud.data,'载具类型')"/>
<el-table-column prop="one_code" label="一维码" :min-width="flexWidth('one_code',crud.data,'一维码')"/>
<el-table-column prop="two_code" label="二维码" :min-width="flexWidth('two_code',crud.data,'二维码')"/>
<el-table-column prop="rfid_code" label="RFID编码" :min-width="flexWidth('rfid_code',crud.data,'RFID编码')"/>
<el-table-column prop="vehicle_width" label="载具宽度" :min-width="flexWidth('vehicle_width',crud.data,'载具宽度')"/>
<el-table-column prop="vehicle_long" label="载具长度" :min-width="flexWidth('vehicle_long',crud.data,'载具长度')"/>
<el-table-column prop="vehicle_height" label="载具高度" :min-width="flexWidth('vehicle_height',crud.data,'载具高度')"/>
<el-table-column prop="overstruct_type" label="载具超仓位类型" :min-width="flexWidth('overstruct_type',crud.data,'载具超仓位类型')"/>
<el-table-column prop="occupystruct_qty" label="占仓位数" :min-width="flexWidth('occupystruct_qty',crud.data,'占仓位数')"/>
<el-table-column prop="create_name" label="创建人" :min-width="flexWidth('create_name',crud.data,'创建人')"/>
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')"/>
<el-table-column prop="update_name" label="修改人" :min-width="flexWidth('update_name',crud.data,'修改人')"/>
<el-table-column prop="update_time" label="修改时间" :min-width="flexWidth('update_time',crud.data,'修改时间')"/>
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudMdBaseVehicle from './mdBaseVehicle'
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'
const defaultForm = {
vehicle_code: null,
vehicle_name: null,
vehicle_type: null,
one_code: null,
two_code: null,
rfid_code: null,
vehicle_width: null,
vehicle_long: null,
vehicle_height: null,
overstruct_type: null,
occupystruct_qty: null,
ext_id: null,
create_id: null,
create_name: null,
create_time: null,
update_id: null,
update_name: null,
update_time: null
}
export default {
name: 'Vehicle',
dicts: ['vehicle_type'],
components: { pagination, crudOperation, rrOperation, udOperation },
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({
title: '载具维护',
url: 'api/mdBaseVehicle',
idField: 'vehicle_code',
sort: 'vehicle_code,desc',
crudMethod: { ...crudMdBaseVehicle }
})
},
data() {
return {
permission: {
},
rules: {
}
}
},
methods: {
// 钩子在获取表格数据之前执行false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
return true
}
}
}
</script>
<style scoped>
</style>