Yangwl
/
LanJu_UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2024-3-1 基础信息客户供应商页面优化+设备模块优化

Browse Source
master
A0010407 1 year ago
parent 42ca5f8ba5
commit 3972b80908
13 changed files with 1057 additions and 796 deletions
Show Stats Download Patch File Download Diff File

4
src/views/device/faultInformation/itemFaultDescription.vue
Unescape Escape View File

@ -191,13 +191,13 @@
<el-table-column <el-table-column
width="150" width="150"
label="故障描述" label="故障描述"
align="center" align="left"
prop="faultSubclass" prop="faultSubclass"
/> />
<el-table-column <el-table-column
width="180" width="180"
label="备注" label="备注"
align="center" align="left"
prop="faultRemark" prop="faultRemark"
/> />
<el-table-column <el-table-column

4
src/views/device/faultInformation/itemFaultMeasures.vue
Unescape Escape View File

@ -182,13 +182,13 @@
<el-table-column <el-table-column
width="150" width="150"
label="故障措施" label="故障措施"
align="center" align="left"
prop="faultSubclass" prop="faultSubclass"
/> />
<el-table-column <el-table-column
width="180" width="180"
label="备注" label="备注"
align="center" align="left"
prop="faultRemark" prop="faultRemark"
/> />
<el-table-column <el-table-column

4
src/views/device/faultInformation/itemFaultReason.vue
Unescape Escape View File

@ -196,13 +196,13 @@
<el-table-column <el-table-column
width="200" width="200"
label="故障原因" label="故障原因"
align="center" align="left"
prop="faultSubclass" prop="faultSubclass"
/> />
<el-table-column <el-table-column
width="180" width="180"
label="备注" label="备注"
align="center" align="left"
prop="faultRemark" prop="faultRemark"
/> />
<el-table-column <el-table-column

4
src/views/device/faultInformation/itemFaultType.vue
Unescape Escape View File

@ -244,13 +244,13 @@
<el-table-column <el-table-column
width="150" width="150"
label="故障子类" label="故障子类"
align="center" align="left"
prop="faultSubclass" prop="faultSubclass"
/> />
<el-table-column <el-table-column
width="180" width="180"
label="备注" label="备注"
align="center" align="left"
prop="faultRemark" prop="faultRemark"
/> />
<el-table-column <el-table-column

6
src/views/device/item/index.vue
Unescape Escape View File

@ -205,9 +205,9 @@
<el-table-column v-if="false" label="主键" align="center" prop="itemId"/> <el-table-column v-if="false" label="主键" align="center" prop="itemId"/>
<el-table-column width="60" align="center" label="序号" type="index"></el-table-column> <el-table-column width="60" align="center" label="序号" type="index"></el-table-column>
<el-table-column width="120" label="检查项编码" align="center" prop="itemCode"/> <el-table-column width="120" label="检查项编码" align="center" prop="itemCode"/>
<el-table-column width="200" label="部位" align="center" prop="itemName"/> <el-table-column width="200" label="部位" align="left" prop="itemName"/>
<el-table-column width="150" label="方法" align="center" prop="itemMethod"/> <el-table-column width="150" label="方法" align="left" prop="itemMethod"/>
<el-table-column width="150" label="工具" align="center" prop="itemTools"/> <el-table-column width="150" label="工具" align="left" prop="itemTools"/>
<el-table-column width="80" label="周期" align="center" prop="itemLoop"/> <el-table-column width="80" label="周期" align="center" prop="itemLoop"/>
<el-table-column width="80" label="周期类型" align="center" prop="itemLoopType"> <el-table-column width="80" label="周期类型" align="center" prop="itemLoopType">
<template slot-scope="scope"> <template slot-scope="scope">

11
src/views/device/maintenanceWork/index.vue
Unescape Escape View File

@ -457,7 +457,7 @@
> >
<el-tabs type="border-card"> <el-tabs type="border-card">
<el-tab-pane label="保养信息"> <el-tab-pane label="保养信息">
<el-descriptions title="" border :column="2"> <el-descriptions title="" border :column="2" :contentStyle="CS" :label-style="LS">
<el-descriptions-item label="计划编码">{{ workVO.order.planCode }}</el-descriptions-item> <el-descriptions-item label="计划编码">{{ workVO.order.planCode }}</el-descriptions-item>
<el-descriptions-item label="计划名称">{{ workVO.order.planName }}</el-descriptions-item> <el-descriptions-item label="计划名称">{{ workVO.order.planName }}</el-descriptions-item>
<el-descriptions-item label="循环周期">{{ workVO.order.planLoop }}{{ workVO.order.planLoopType }} <el-descriptions-item label="循环周期">{{ workVO.order.planLoop }}{{ workVO.order.planLoopType }}
@ -485,7 +485,7 @@
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="设备信息"> <el-tab-pane label="设备信息">
<el-descriptions class="my-margin-top" title="" :column="2" border> <el-descriptions class="my-margin-top" title="" :column="2" border :contentStyle="CS" :label-style="LS">
<el-descriptions-item label="设备编码">{{ workVO.equ.equipmentCode }}</el-descriptions-item> <el-descriptions-item label="设备编码">{{ workVO.equ.equipmentCode }}</el-descriptions-item>
<el-descriptions-item label="设备名称">{{ workVO.equ.equipmentName }}</el-descriptions-item> <el-descriptions-item label="设备名称">{{ workVO.equ.equipmentName }}</el-descriptions-item>
<el-descriptions-item label="设备位置">{{ workVO.equ.equipmentLocation }}</el-descriptions-item> <el-descriptions-item label="设备位置">{{ workVO.equ.equipmentLocation }}</el-descriptions-item>
@ -618,6 +618,13 @@ export default {
dicts: ['device_order_status', 'device_loop_type','device_upkeep_type','device_inspect_status'], dicts: ['device_order_status', 'device_loop_type','device_upkeep_type','device_inspect_status'],
data() { data() {
return { return {
//表格样式
CS: {
width: "300px",
},
LS: {
width: "200px",
},
standardListVo:[], standardListVo:[],
workCenterList:[], workCenterList:[],
// 日期范围选择快捷 // 日期范围选择快捷

1
src/views/device/outsourceWorkOrder/index.vue
Unescape Escape View File

@ -216,6 +216,7 @@
align="center" align="center"
prop="workConnection" prop="workConnection"
width="150" width="150"
:show-overflow-tooltip="true"
/> />
<el-table-column <el-table-column
label="委外原因" label="委外原因"

17
src/views/device/repairOrderReport/index.vue
Unescape Escape View File

@ -397,7 +397,7 @@
<el-descriptions-item <el-descriptions-item
label="维修前故障图片" label="维修前故障图片"
:contentStyle="CS_IMG" :contentStyle="CS_IMG"
:label-style="LS_BEFORE_IMG" :label-style="LS_IMG"
> >
<div class="view_picture_body"> <div class="view_picture_body">
<el-image <el-image
@ -478,7 +478,7 @@
:column="1" :column="1"
border border
:contentStyle="CS_IMG" :contentStyle="CS_IMG"
:label-style="LS_AFTER_IMG" :label-style="LS_IMG"
> >
<el-descriptions-item label="故障原因">{{ <el-descriptions-item label="故障原因">{{
form.orderDesc form.orderDesc
@ -491,7 +491,7 @@
:column="1" :column="1"
border border
:contentStyle="CS_IMG" :contentStyle="CS_IMG"
:label-style="LS_AFTER_IMG" :label-style="LS_IMG"
> >
<el-descriptions-item label="维修后图片"> <el-descriptions-item label="维修后图片">
<div class="view_picture_body"> <div class="view_picture_body">
@ -616,23 +616,16 @@ export default {
return { return {
//表格样式 //表格样式
CS: { CS: {
"text-align": "center",
width: "200px", width: "200px",
}, },
LS: { LS: {
"text-align": "center",
width: "200px", width: "200px",
}, },
//表格样式 //表格样式
CS_IMG: { CS_IMG: {
"text-align": "center", "text-align": "left",
}, },
LS_BEFORE_IMG: { LS_IMG: {
"text-align": "center",
width: "190px",
},
LS_AFTER_IMG: {
"text-align": "center",
width: "190px", width: "190px",
}, },
//检查项表格数据 //检查项表格数据

11
src/views/device/spotInspectionWork/index.vue
Unescape Escape View File

@ -422,7 +422,7 @@
> >
<el-tabs type="border-card"> <el-tabs type="border-card">
<el-tab-pane label="点检信息"> <el-tab-pane label="点检信息">
<el-descriptions title="" border :column="2"> <el-descriptions title="" border :column="2" :contentStyle="CS" :label-style="LS">
<el-descriptions-item label="计划编码">{{ workVO.order.planCode }}</el-descriptions-item> <el-descriptions-item label="计划编码">{{ workVO.order.planCode }}</el-descriptions-item>
<el-descriptions-item label="计划名称">{{ workVO.order.planName }}</el-descriptions-item> <el-descriptions-item label="计划名称">{{ workVO.order.planName }}</el-descriptions-item>
<el-descriptions-item label="循环周期">{{ workVO.order.planLoop }}{{ workVO.order.planLoopType }} <el-descriptions-item label="循环周期">{{ workVO.order.planLoop }}{{ workVO.order.planLoopType }}
@ -438,7 +438,7 @@
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="设备信息"> <el-tab-pane label="设备信息">
<el-descriptions class="my-margin-top" title="" :column="2" border> <el-descriptions title="" :column="2" border :contentStyle="CS" :label-style="LS">
<el-descriptions-item label="设备编码">{{ workVO.equ.equipmentCode }}</el-descriptions-item> <el-descriptions-item label="设备编码">{{ workVO.equ.equipmentCode }}</el-descriptions-item>
<el-descriptions-item label="设备名称">{{ workVO.equ.equipmentName }}</el-descriptions-item> <el-descriptions-item label="设备名称">{{ workVO.equ.equipmentName }}</el-descriptions-item>
<el-descriptions-item label="设备位置">{{ workVO.equ.equipmentLocation }}</el-descriptions-item> <el-descriptions-item label="设备位置">{{ workVO.equ.equipmentLocation }}</el-descriptions-item>
@ -536,6 +536,13 @@ export default {
dicts: ['device_order_status', 'device_loop_type'], dicts: ['device_order_status', 'device_loop_type'],
data() { data() {
return { return {
//表格样式
CS: {
width: "300px",
},
LS: {
width: "200px",
},
standardListVo:[], standardListVo:[],
// 日期范围选择快捷 // 日期范围选择快捷
pickerOptions: { pickerOptions: {

1
src/views/device/upkeepOrder/index.vue
Unescape Escape View File

@ -352,6 +352,7 @@
<el-table v-loading="loading" :data="upkeepOrderList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="upkeepOrderList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column width="60" align="center" label="序号" type="index" fixed/>
<el-table-column v-if="false" label="主键" align="center" prop="orderId" /> <el-table-column v-if="false" label="主键" align="center" prop="orderId" />
<el-table-column v-if="false" label="计划id" align="center" prop="planId" /> <el-table-column v-if="false" label="计划id" align="center" prop="planId" />
<el-table-column width="150" label="计划编码" align="center" prop="planCode" /> <el-table-column width="150" label="计划编码" align="center" prop="planCode" />

4
src/views/device/upkeepPlan/index.vue
Unescape Escape View File

@ -302,9 +302,9 @@
<el-table v-loading="loading" :data="upkeepPlanList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="upkeepPlanList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/> <el-table-column type="selection" width="55" align="center"/>
<el-table-column width="60" align="center" label="序号" type="index"></el-table-column> <el-table-column width="60" align="center" label="序号" type="index" fixed></el-table-column>
<el-table-column v-if="false" label="主键" align="center" prop="planId"/> <el-table-column v-if="false" label="主键" align="center" prop="planId"/>
<el-table-column width="150" label="计划编码" align="center" prop="planCode"/> <el-table-column width="150" label="计划编码" align="center" prop="planCode" fixed/>
<el-table-column width="150" label="计划名称" align="center" prop="planName"/> <el-table-column width="150" label="计划名称" align="center" prop="planName"/>
<el-table-column label="车间编码" align="center" prop="planWorkshop"/> <el-table-column label="车间编码" align="center" prop="planWorkshop"/>
<el-table-column width="150" label="车间" align="center" prop="workCenterName"/> <el-table-column width="150" label="车间" align="center" prop="workCenterName"/>

978
src/views/wms/customer/index.vue
View File

File diff suppressed because it is too large Load Diff

808
src/views/wms/supplier/index.vue
Unescape Escape View File

@ -1,23 +1,30 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="88px"> <el-form
<el-form-item label="供应商代码" prop="supplierCode"> :model="queryParams"
<el-input ref="queryForm"
v-model="queryParams.supplierCode" size="small"
placeholder="请输入供应商代码" :inline="true"
clearable v-show="showSearch"
@keyup.enter.native="handleQuery" label-width="88px"
/> >
</el-form-item> <el-form-item label="供应商代码" prop="supplierCode">
<el-form-item label="供应商名称" prop="zhDesc"> <el-input
<el-input v-model="queryParams.supplierCode"
v-model="queryParams.zhDesc" placeholder="请输入供应商代码"
placeholder="请输入供应商名称" clearable
clearable @keyup.enter.native="handleQuery"
@keyup.enter.native="handleQuery" />
/> </el-form-item>
</el-form-item> <el-form-item label="供应商名称" prop="zhDesc">
<!-- <el-form-item label="英文描述" prop="enDesc"> <el-input
v-model="queryParams.zhDesc"
placeholder="请输入供应商名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="英文描述" prop="enDesc">
<el-input <el-input
v-model="queryParams.enDesc" v-model="queryParams.enDesc"
placeholder="请输入英文描述" placeholder="请输入英文描述"
@ -73,15 +80,15 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="联系人电话" prop="contactPhone"> <el-form-item label="联系人电话" prop="contactPhone">
<el-input <el-input
v-model="queryParams.contactPhone" v-model="queryParams.contactPhone"
placeholder="请输入联系人电话" placeholder="请输入联系人电话"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="联系人电话" prop="contactPhone"> <!-- <el-form-item label="联系人电话" prop="contactPhone">
<el-input <el-input
v-model="queryParams.contactPhone" v-model="queryParams.contactPhone"
placeholder="请输入联系人电话" placeholder="请输入联系人电话"
@ -137,66 +144,101 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> type="primary"
</el-form-item> icon="el-icon-search"
</el-form> size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['wms:supplier:add']" v-hasPermi="['wms:supplier:add']"
>新增</el-button> >新增</el-button
</el-col> >
<el-col :span="1.5"> </el-col>
<el-button <el-col :span="1.5">
type="success" <el-button
plain type="success"
icon="el-icon-edit" plain
size="mini" icon="el-icon-edit"
:disabled="single" size="mini"
@click="handleUpdate" :disabled="single"
v-hasPermi="['wms:supplier:edit']" @click="handleUpdate"
>修改</el-button> v-hasPermi="['wms:supplier:edit']"
</el-col> >修改</el-button
<el-col :span="1.5"> >
<el-button </el-col>
type="danger" <el-col :span="1.5">
plain <el-button
icon="el-icon-delete" type="danger"
size="mini" plain
:disabled="multiple" icon="el-icon-delete"
@click="handleDelete" size="mini"
v-hasPermi="['wms:supplier:remove']" :disabled="multiple"
>删除</el-button> @click="handleDelete"
</el-col> v-hasPermi="['wms:supplier:remove']"
<el-col :span="1.5"> >删除</el-button
<el-button >
type="warning" </el-col>
plain <el-col :span="1.5">
icon="el-icon-download" <el-button
size="mini" type="warning"
@click="handleExport" plain
v-hasPermi="['wms:supplier:export']" icon="el-icon-download"
>导出</el-button> size="mini"
</el-col> @click="handleExport"
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> v-hasPermi="['wms:supplier:export']"
</el-row> >导出</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="supplierList" @selection-change="handleSelectionChange"> <el-table
<el-table-column type="selection" width="55" align="center" /> v-loading="loading"
<!-- <el-table-column label="主键uuid" align="center" prop="supplierId" /> --> :data="supplierList"
<!-- 序号 --> @selection-change="handleSelectionChange"
<el-table-column type="index" width="90" align="center" :index="indexMethod" label="序号" ></el-table-column> >
<el-table-column label="供应商编码" align="center" prop="supplierCode" width="100" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="供应商名字" align="center" prop="zhDesc" width="350" /> <!-- <el-table-column label="主键uuid" align="center" prop="supplierId" /> -->
<!-- <el-table-column label="英文描述" align="center" prop="enDesc" /> <!-- 序号 -->
<el-table-column
type="index"
width="90"
align="center"
:index="indexMethod"
label="序号"
></el-table-column>
<el-table-column
label="供应商编码"
align="center"
prop="supplierCode"
width="100"
/>
<el-table-column
label="供应商名字"
align="left"
prop="zhDesc"
width="350"
/>
<!-- <el-table-column label="英文描述" align="center" prop="enDesc" />
<el-table-column label="供应商类型" align="center" prop="supplierType" width="100"/> <el-table-column label="供应商类型" align="center" prop="supplierType" width="100"/>
<el-table-column label="账号" align="center" prop="accountNumber" width="100"/> <el-table-column label="账号" align="center" prop="accountNumber" width="100"/>
<el-table-column label="证照编码" align="center" prop="licenceNumber" width="200"/> <el-table-column label="证照编码" align="center" prop="licenceNumber" width="200"/>
@ -205,60 +247,96 @@
<el-table-column label="省" align="center" prop="province" /> <el-table-column label="省" align="center" prop="province" />
<el-table-column label="市" align="center" prop="city" /> <el-table-column label="市" align="center" prop="city" />
<el-table-column label="区" align="center" prop="area" /> --> <el-table-column label="区" align="center" prop="area" /> -->
<el-table-column label="详细地址" align="center" prop="address" width="300"/> <el-table-column
<!-- <el-table-column label="邮编" align="center" prop="postcode" /> --> label="详细地址"
<!-- <el-table-column label="联系人" align="center" prop="contact" />--> align="left"
<el-table-column label="联系人电话" align="center" prop="contactPhone" width="150"/> prop="address"
<el-table-column label="创建人" align="center" prop="createBy" width="150"/> width="300"
<el-table-column label="创建时间" align="center" prop="createTime" width="150"/> />
<!-- <el-table-column label="联系人职务" align="center" prop="contactPosition" width="100"/> <!-- <el-table-column label="邮编" align="center" prop="postcode" /> -->
<!-- <el-table-column label="联系人" align="center" prop="contact" />-->
<el-table-column
label="联系人电话"
align="left"
prop="contactPhone"
width="150"
/>
<el-table-column
label="创建人"
align="center"
prop="createBy"
width="150"
/>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
width="150"
/>
<!-- <el-table-column label="联系人职务" align="center" prop="contactPosition" width="100"/>
<el-table-column label="联系人电子邮件" align="center" prop="contactEmail" width="200"/> --> <el-table-column label="联系人电子邮件" align="center" prop="contactEmail" width="200"/> -->
<el-table-column label="是否启用" align="center" prop="activeFlag"> <el-table-column label="是否启用" align="center" prop="activeFlag">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.activeFlag == 1 ? "是" : "否" }} {{ scope.row.activeFlag == 1 ? "是" : "否" }}
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="税号" align="center" prop="userDefined2" width="200"/> --> <!-- <el-table-column label="税号" align="center" prop="userDefined2" width="200"/> -->
<!-- <el-table-column label="用户自定义3" align="center" prop="userDefined3" /> <!-- <el-table-column label="用户自定义3" align="center" prop="userDefined3" />
<el-table-column label="备注" align="center" prop="remark" /> --> <el-table-column label="备注" align="center" prop="remark" /> -->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right"> <el-table-column
<template slot-scope="scope"> label="操作"
<el-button align="center"
size="mini" class-name="small-padding fixed-width"
type="text" fixed="right"
icon="el-icon-edit" width="150"
@click="handleUpdate(scope.row)" >
v-hasPermi="['wms:supplier:edit']" <template slot-scope="scope">
>修改</el-button> <el-button
<el-button size="mini"
size="mini" type="text"
type="text" icon="el-icon-edit"
icon="el-icon-delete" @click="handleUpdate(scope.row)"
@click="handleDelete(scope.row)" v-hasPermi="['wms:supplier:edit']"
v-hasPermi="['wms:supplier:remove']" >修改</el-button
>删除</el-button> >
</template> <el-button
</el-table-column> size="mini"
</el-table> type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['wms:supplier:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改供应商管理对话框 --> <!-- 添加或修改供应商管理对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="110px"> <el-form ref="form" :model="form" :rules="rules" label-width="110px">
<el-form-item label="供应商代码" prop="supplierCode"> <el-form-item label="供应商代码" prop="supplierCode">
<el-input v-model="form.supplierCode" placeholder="请输入供应商代码" style="width:320px"/> <el-input
</el-form-item> v-model="form.supplierCode"
<el-form-item label="供应商名字" prop="zhDesc"> placeholder="请输入供应商代码"
<el-input v-model="form.zhDesc" placeholder="请输入供应商名字" style="width:320px"/> style="width: 320px"
</el-form-item> />
<!-- <el-row :gutter="10" class="mb8"> </el-form-item>
<el-form-item label="供应商名字" prop="zhDesc">
<el-input
v-model="form.zhDesc"
placeholder="请输入供应商名字"
style="width: 320px"
/>
</el-form-item>
<!-- <el-row :gutter="10" class="mb8">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="英文描述" prop="enDesc"> <el-form-item label="英文描述" prop="enDesc">
<el-input v-model="form.enDesc" placeholder="请输入英文描述" /> <el-input v-model="form.enDesc" placeholder="请输入英文描述" />
@ -318,20 +396,35 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> --> </el-row> -->
<!-- <el-col :span="12"> --> <!-- <el-col :span="12"> -->
<!-- <el-form-item label="联系人" prop="contact"> <!-- <el-form-item label="联系人" prop="contact">
<el-input v-model="form.contact" placeholder="请输入联系人" /> <el-input v-model="form.contact" placeholder="请输入联系人" />
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-form-item label="是否启用" prop="activeFlag"> <el-form-item label="是否启用" prop="activeFlag">
<el-select v-model="form.activeFlag" placeholder="请选择是否启用" @change="$forceUpdate()" clearable style="width:320px"> <el-select
<el-option v-for="item in options" :key="item.activeFlag" :label="item.label" :value="item.activeFlag"></el-option> v-model="form.activeFlag"
</el-select> placeholder="请选择是否启用"
</el-form-item> @change="$forceUpdate()"
<el-form-item label="联系人电话" prop="contactPhone"> clearable
<el-input v-model="form.contactPhone" placeholder="请输入联系人电话" style="width:320px"/> style="width: 320px"
</el-form-item> >
<!-- <el-row :gutter="10" class="mb8"> <el-option
v-for="item in options"
:key="item.activeFlag"
:label="item.label"
:value="item.activeFlag"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="联系人电话" prop="contactPhone">
<el-input
v-model="form.contactPhone"
placeholder="请输入联系人电话"
style="width: 320px"
/>
</el-form-item>
<!-- <el-row :gutter="10" class="mb8">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系人职务" prop="contactPosition"> <el-form-item label="联系人职务" prop="contactPosition">
<el-input v-model="form.contactPosition" placeholder="请输入联系人职务" /> <el-input v-model="form.contactPosition" placeholder="请输入联系人职务" />
@ -343,7 +436,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> --> </el-row> -->
<!-- <el-col :span="12"> <!-- <el-col :span="12">
<el-form-item label="经营范围" prop="businessScope"> <el-form-item label="经营范围" prop="businessScope">
<el-input v-model="form.businessScope" type="textarea" placeholder="请输入内容" /> <el-input v-model="form.businessScope" type="textarea" placeholder="请输入内容" />
</el-form-item> </el-form-item>
@ -356,217 +449,234 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> --> <el-col :span="12"> -->
<!-- <el-form-item label="用户自定义3" prop="userDefined3"> <!-- <el-form-item label="用户自定义3" prop="userDefined3">
<el-input v-model="form.userDefined3" placeholder="请输入用户自定义3" /> <el-input v-model="form.userDefined3" placeholder="请输入用户自定义3" />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item> --> </el-form-item> -->
<!-- </el-col>--> <!-- </el-col>-->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listSupplier, getSupplier, delSupplier, addSupplier, updateSupplier } from "@/api/wms/supplier"; import {
listSupplier,
getSupplier,
delSupplier,
addSupplier,
updateSupplier,
} from "@/api/wms/supplier";
export default { export default {
name: "Supplier", name: "Supplier",
data() { data() {
return { return {
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 选中数组 // 选中数组
ids: [], ids: [],
// 非单个禁用 // 非单个禁用
single: true, single: true,
// 非多个禁用 // 非多个禁用
multiple: true, multiple: true,
// 显示搜索条件 // 显示搜索条件
showSearch: true, showSearch: true,
// 总条数 // 总条数
total: 0, total: 0,
// 供应商管理表格数据 // 供应商管理表格数据
supplierList: [], supplierList: [],
// 弹出层标题 // 弹出层标题
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
supplierCode: null, supplierCode: null,
zhDesc: null, zhDesc: null,
enDesc: null, enDesc: null,
supplierType: null, supplierType: null,
accountNumber: null, accountNumber: null,
licenceNumber: null, licenceNumber: null,
businessScope: null, businessScope: null,
province: null, province: null,
city: null, city: null,
area: null, area: null,
address: null, address: null,
postcode: null, postcode: null,
contact: null, contact: null,
contactPhone: null, contactPhone: null,
contactPosition: null, contactPosition: null,
contactEmail: null, contactEmail: null,
activeFlag: null, activeFlag: null,
userDefined1: null, userDefined1: null,
userDefined2: null, userDefined2: null,
userDefined3: null, userDefined3: null,
}, },
options: [{ options: [
activeFlag: "1", {
label: '是' activeFlag: "1",
}, { label: "是",
activeFlag: "0", },
label: '否' {
}], activeFlag: "0",
// 表单参数 label: "否",
form: {}, },
// 表单校验 ],
rules: { // 表单参数
supplierCode: [ form: {},
{ required: true, message: "供应商代码不能为空", trigger: "blur" } // 表单校验
], rules: {
zhDesc: [ supplierCode: [
{ required: true, message: "供应商名字不能为空", trigger: "blur" } { required: true, message: "供应商代码不能为空", trigger: "blur" },
], ],
activeFlag: [ zhDesc: [
{ required: true, message: "是否启用不能为空", trigger: "blur" } { required: true, message: "供应商名字不能为空", trigger: "blur" },
], ],
} activeFlag: [
}; { required: true, message: "是否启用不能为空", trigger: "blur" },
}, ],
created() { },
this.getList(); };
}, },
methods: { created() {
// 生成表头序号 this.getList();
indexMethod(index) { },
return index + 1; methods: {
// 生成表头序号
indexMethod(index) {
return index + 1;
},
/** 查询供应商管理列表 */
getList() {
this.loading = true;
listSupplier(this.queryParams).then((response) => {
this.supplierList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
supplierId: null,
supplierCode: null,
zhDesc: null,
enDesc: null,
supplierType: null,
accountNumber: null,
licenceNumber: null,
businessScope: null,
province: null,
city: null,
area: null,
address: null,
postcode: null,
contact: null,
contactPhone: null,
contactPosition: null,
contactEmail: null,
activeFlag: null,
userDefined1: null,
userDefined2: null,
userDefined3: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
remark: null,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.supplierId);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加供应商管理";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const supplierId = row.supplierId || this.ids;
getSupplier(supplierId).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改供应商管理";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.supplierId != null) {
updateSupplier(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSupplier(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const supplierIds = row.supplierId || this.ids;
this.$modal
.confirm('是否确认删除供应商管理编号为"' + supplierIds + '"的数据项？')
.then(function () {
return delSupplier(supplierIds);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"wms/supplier/export",
{
...this.queryParams,
}, },
/** 查询供应商管理列表 */ `supplier_${new Date().getTime()}.xlsx`
getList() { );
this.loading = true; },
listSupplier(this.queryParams).then(response => { },
this.supplierList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
supplierId: null,
supplierCode: null,
zhDesc: null,
enDesc: null,
supplierType: null,
accountNumber: null,
licenceNumber: null,
businessScope: null,
province: null,
city: null,
area: null,
address: null,
postcode: null,
contact: null,
contactPhone: null,
contactPosition: null,
contactEmail: null,
activeFlag: null,
userDefined1: null,
userDefined2: null,
userDefined3: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
remark: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.supplierId)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加供应商管理";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const supplierId = row.supplierId || this.ids
getSupplier(supplierId).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改供应商管理";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.supplierId != null) {
updateSupplier(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addSupplier(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const supplierIds = row.supplierId || this.ids;
this.$modal.confirm('是否确认删除供应商管理编号为"' + supplierIds + '"的数据项？').then(function() {
return delSupplier(supplierIds);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wms/supplier/export', {
...this.queryParams
}, `supplier_${new Date().getTime()}.xlsx`)
}
}
}; };
</script> </script>

Write Preview
Loading…
Cancel
Save