java_project
/
mangaer_page
4
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

添加维修页面

dev
caoyizhong 2 years ago
parent
d5e79d4745
commit
568349440b
3 changed files with 536 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 50
      src/api/basic/basicPdarecords.js
  2. 153
      src/option/basic/basicPdarecords.js
  3. 333
      src/views/basic/pdarecords/basicPdarecords.vue

50
src/api/basic/basicPdarecords.js
Unescape View File

@ -0,0 +1,50 @@
import request from '@/router/axios';
export const getList = (current, size, params) => {
return request({
url: '/api/logpm-basic/basicPdarecords/list',
method: 'get',
params: {
...params,
current,
size,
}
})
}
export const getDetail = (id) => {
return request({
url: '/api/logpm-basic/basicPdarecords/detail',
method: 'get',
params: {
id
}
})
}
export const remove = (ids) => {
return request({
url: '/api/logpm-basic/basicPdarecords/remove',
method: 'post',
params: {
ids,
}
})
}
export const add = (row) => {
return request({
url: '/api/logpm-basic/basicPdarecords/submit',
method: 'post',
data: row
})
}
export const update = (row) => {
return request({
url: '/api/logpm-basic/basicPdarecords/submit',
method: 'post',
data: row
})
}

153
src/option/basic/basicPdarecords.js
Unescape View File

@ -0,0 +1,153 @@
export default {
size: 'small',
expand: false,
index: true,
border: true,
selection: true,
column: [
{
label: "主键",
prop: "id",
display: false,
hide: true,
},
{
label: "租户号",
prop: "tenantId",
display: false,
hide: true,
},
{
label: "创建人",
prop: "createUser",
display: false,
hide: true,
},
{
label: "创建时间",
prop: "createTime",
display: false,
hide: true,
},
{
label: "更新人",
prop: "updateUser",
display: false,
hide: true,
},
{
label: "更新时间",
prop: "updateTime",
display: false,
hide: true,
},
{
label: "状态",
prop: "status",
display: false,
hide: true,
},
{
label: "是否已删除",
prop: "isDeleted",
display: false,
hide: true,
},
{
label: "创建部门",
prop: "createDept",
display: false,
hide: true,
},
{
label: "预留1",
prop: "reserve1",
display: false,
hide: true,
},
{
label: "预留2",
prop: "reserve2",
display: false,
hide: true,
},
{
label: "预留3",
prop: "reserve3",
display: false,
hide: true,
},
{
label: "预留4",
prop: "reserve4",
display: false,
hide: true,
},
{
label: "预留5",
prop: "reserve5",
display: false,
hide: true,
},
{
label: "关联pdaid",
prop: "masterId",
},
{
label: "反馈日期",
prop: "feedbackTime",
},
{
label: "营业部",
prop: "businessDepartment",
search: true,
},
{
label: "维修PDA品牌/SN",
prop: "brand",
search: true,
},
{
label: "采买经销商",
prop: "dealer",
search: true,
},
{
label: "维修公司",
prop: "maintenanceCompany",
search: true,
},
{
label: "寄检修快递单号",
prop: "repairTrackingNub",
search: true,
},
{
label: "是否保修期;1-否，2-是",
prop: "isLiability",
search: true,
},
{
label: "问题描述",
prop: "problemDescription",
},
{
label: "维修费用;单位（元）",
prop: "maintenanceCosts",
},
{
label: "寄回日期",
prop: "returnDate",
search: true,
},
{
label: "维修寄回单号",
prop: "returnOrderNub",
search: true,
},
{
label: "备注",
prop: "notes",
},
]
}

333
src/views/basic/pdarecords/basicPdarecords.vue
Unescape View File

@ -0,0 +1,333 @@
<template>
<basic-container>
<div class="avue-crud">
<el-row :hidden="!search" style="padding:5px">
<!-- 查询模块 -->
<el-form :inline="true" :size="option.size" :model="query">
<template>
<el-form-item label="字段">
<el-input v-model="query.businessDepartment" placeholder="请输入营业部"></el-input>
</el-form-item>
<el-form-item label="字段">
<el-input v-model="query.brand" placeholder="请输入维修PDA品牌/SN"></el-input>
</el-form-item>
<el-form-item label="字段">
<el-input v-model="query.dealer" placeholder="请输入采买经销商"></el-input>
</el-form-item>
<el-form-item label="字段">
<el-input v-model="query.maintenanceCompany" placeholder="请输入维修公司"></el-input>
</el-form-item>
<el-form-item label="字段">
<el-input v-model="query.repairTrackingNub" placeholder="请输入寄检修快递单号"></el-input>
</el-form-item>
<el-form-item label="字段">
<el-input v-model="query.isLiability" placeholder="请输入是否保修期;1-否，2-是"></el-input>
</el-form-item>
<el-form-item label="字段">
<el-input v-model="query.returnDate" placeholder="请输入寄回日期"></el-input>
</el-form-item>
<el-form-item label="字段">
<el-input v-model="query.returnOrderNub" placeholder="请输入维修寄回单号"></el-input>
</el-form-item>
</template>
<!-- 查询按钮 -->
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜索</el-button>
<el-button icon="el-icon-delete" @click="searchReset()">清空</el-button>
</el-form-item>
</el-form>
</el-row>
<el-row>
<div class="avue-crud__menu">
<!-- 头部左侧按钮模块 -->
<div class="avue-crud__left">
<el-button :size="option.size" type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
<el-button :size="option.size" type="danger" icon="el-icon-delete" @click="handleDelete" plain>删除
</el-button>
</div>
<!-- 头部右侧按钮模块 -->
<div class="avue-crud__right">
<el-button :size="option.size" icon="el-icon-refresh" @click="searchChange" circle></el-button>
<el-button :size="option.size" icon="el-icon-search" @click="searchHide" circle></el-button>
</div>
</div>
</el-row>
<el-row>
<!-- 列表模块 -->
<el-table ref="table" v-loading="loading" :size="option.size" @selection-change="selectionChange" :data="data"
style="width: 100%"
:border="option.border">
<el-table-column type="selection" v-if="option.selection" width="55" align="center"></el-table-column>
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column>
<el-table-column v-if="option.index" label="#" type="index" width="50" align="center">
</el-table-column>
<template v-for="(item,index) in option.column">
<!-- table字段 -->
<el-table-column v-if="item.hide!==true"
:prop="item.prop"
:label="item.label"
:width="item.width"
:key="index">
</el-table-column>
</template>
<!-- 操作栏模块 -->
<el-table-column prop="menu" label="操作" :width="180" align="center">
<template slot-scope="{row}">
<el-button :size="option.size" type="text" icon="el-icon-view" @click="handleView(row)">查看</el-button>
<el-button :size="option.size" type="text" icon="el-icon-edit" @click="handleEdit(row)">编辑</el-button>
<el-button :size="option.size" type="text" icon="el-icon-delete" @click="rowDel(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row>
<!-- 分页模块 -->
<el-pagination
align="right" background
@size-change="sizeChange"
@current-change="currentChange"
:current-page="page.currentPage"
:page-sizes="[10, 20, 30, 40, 50, 100]"
:page-size="page.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total">
</el-pagination>
</el-row>
<!-- 表单模块 -->
<el-dialog :title="title" :visible.sync="box" width="50%" :before-close="beforeClose" append-to-body>
<el-form :disabled="view" :size="option.size" ref="form" :model="form" label-width="80px">
<!-- 表单字段 -->
<el-form-item label="关联pdaid" prop="masterId">
<el-input v-model="form.masterId" placeholder="请输入关联pdaid"/>
</el-form-item>
<el-form-item label="反馈日期" prop="feedbackTime">
<el-input v-model="form.feedbackTime" placeholder="请输入反馈日期"/>
</el-form-item>
<el-form-item label="营业部" prop="businessDepartment">
<el-input v-model="form.businessDepartment" placeholder="请输入营业部"/>
</el-form-item>
<el-form-item label="维修PDA品牌/SN" prop="brand">
<el-input v-model="form.brand" placeholder="请输入维修PDA品牌/SN"/>
</el-form-item>
<el-form-item label="采买经销商" prop="dealer">
<el-input v-model="form.dealer" placeholder="请输入采买经销商"/>
</el-form-item>
<el-form-item label="维修公司" prop="maintenanceCompany">
<el-input v-model="form.maintenanceCompany" placeholder="请输入维修公司"/>
</el-form-item>
<el-form-item label="寄检修快递单号" prop="repairTrackingNub">
<el-input v-model="form.repairTrackingNub" placeholder="请输入寄检修快递单号"/>
</el-form-item>
<el-form-item label="是否保修期;1-否，2-是" prop="isLiability">
<el-input v-model="form.isLiability" placeholder="请输入是否保修期;1-否，2-是"/>
</el-form-item>
<el-form-item label="问题描述" prop="problemDescription">
<el-input v-model="form.problemDescription" placeholder="请输入问题描述"/>
</el-form-item>
<el-form-item label="维修费用;单位（元）" prop="maintenanceCosts">
<el-input v-model="form.maintenanceCosts" placeholder="请输入维修费用;单位（元）"/>
</el-form-item>
<el-form-item label="寄回日期" prop="returnDate">
<el-input v-model="form.returnDate" placeholder="请输入寄回日期"/>
</el-form-item>
<el-form-item label="维修寄回单号" prop="returnOrderNub">
<el-input v-model="form.returnOrderNub" placeholder="请输入维修寄回单号"/>
</el-form-item>
<el-form-item label="备注" prop="notes">
<el-input v-model="form.notes" placeholder="请输入备注"/>
</el-form-item>
</el-form>
<!-- 表单按钮 -->
<span v-if="!view" slot="footer" class="dialog-footer">
<el-button type="primary" icon="el-icon-circle-check" :size="option.size" @click="handleSubmit">提 交</el-button>
<el-button icon="el-icon-circle-close" :size="option.size" @click="box = false">取 消</el-button>
</span>
</el-dialog>
</div>
</basic-container>
</template>
<script>
import {getList, getDetail, add, update, remove} from "@/api/basic/basicPdarecords";
import option from "@/option/basic/basicPdarecords";
import {mapGetters} from "vuex";
// import {getDictionary} from '@/api/system/dict'
export default {
data() {
return {
// 弹框标题
title: '',
// 是否展示弹框
box: false,
// 是否显示查询
search: true,
// 加载中
loading: true,
// 是否为查看模式
view: false,
// 查询信息
query: {},
// 分页信息
page: {
currentPage: 1,
pageSize: 10,
total: 40
},
// 表单数据
form: {},
// 选择行
selectionList: [],
// 表单配置
option: option,
// 表单列表
data: [],
}
},
mounted() {
this.init();
this.onLoad(this.page);
},
computed: {
...mapGetters(["permission"]),
ids() {
let ids = [];
this.selectionList.forEach(ele => {
ids.push(ele.id);
});
return ids.join(",");
}
},
methods: {
init() {
},
searchHide() {
this.search = !this.search;
},
searchChange() {
this.onLoad(this.page);
},
searchReset() {
this.query = {};
this.page.currentPage = 1;
this.onLoad(this.page);
},
handleSubmit() {
if (!this.form.id) {
add(this.form).then(() => {
this.box = false;
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!"
});
});
} else {
update(this.form).then(() => {
this.box = false;
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!"
});
})
}
},
handleAdd() {
this.title = '新增'
this.form = {}
this.box = true
},
handleEdit(row) {
this.title = '编辑'
this.box = true
getDetail(row.id).then(res => {
this.form = res.data.data;
});
},
handleView(row) {
this.title = '查看'
this.view = true;
this.box = true;
getDetail(row.id).then(res => {
this.form = res.data.data;
});
},
handleDelete() {
if (this.selectionList.length === 0) {
this.$message.warning("请选择至少一条数据");
return;
}
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
return remove(this.ids);
})
.then(() => {
this.selectionClear();
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!"
});
});
},
rowDel(row) {
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
return remove(row.id);
})
.then(() => {
this.onLoad(this.page);
this.$message({
type: "success",
message: "操作成功!"
});
});
},
beforeClose(done) {
done()
this.form = {};
this.view = false;
},
selectionChange(list) {
this.selectionList = list;
},
selectionClear() {
this.selectionList = [];
this.$refs.table.clearSelection();
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
this.onLoad(this.page);
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
this.onLoad(this.page);
},
onLoad(page, params = {}) {
this.loading = true;
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
const data = res.data.data;
this.page.total = data.total;
this.data = data.records;
this.loading = false;
this.selectionClear();
});
}
}
};
</script>
<style lang="scss" scoped>
.el-pagination {
margin-top: 20px;
}
</style>
Write Preview
Loading…
Cancel
Save