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

pda基础信息

dev
0.0 2 years ago
parent
e8f16dc920
commit
3eee9b3e12
3 changed files with 544 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/basicdataPda.js
  2. 162
      src/option/basic/basicdataPda.js
  3. 332
      src/views/basic/pda/basicPda.vue

50
src/api/basic/basicdataPda.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/pda/list',
method: 'get',
params: {
...params,
current,
size,
}
})
}
export const getDetail = (id) => {
return request({
url: '/api/logpm-basic/pda/detail',
method: 'get',
params: {
id
}
})
}
export const remove = (ids) => {
return request({
url: '/api/logpm-basic/pda/remove',
method: 'post',
params: {
ids,
}
})
}
export const add = (row) => {
return request({
url: '/api/logpm-basic/pda/submit',
method: 'post',
data: row
})
}
export const update = (row) => {
return request({
url: '/api/logpm-basic/pda/submit',
method: 'post',
data: row
})
}

162
src/option/basic/basicdataPda.js
Unescape View File

@ -0,0 +1,162 @@
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: "是否已删除;1-未删除，2-已删除",
prop: "isDeleted",
display: false,
hide: true,
},
{
label: "创建部门",
prop: "createDept",
display: false,
hide: true,
},
{
label: "产品名称",
prop: "name",
},
{
label: "型号",
prop: "model",
},
{
label: "设备序列号S/N",
prop: "deviceSerialNumber",
},
{
label: "购买金额",
prop: "purchaseAmount",
},
{
label: "状态;1-正常,2-维修,3-不能使用（不能开机）",
prop: "state",
},
{
label: "当前使用仓",
prop: "currentUsageWarehouse",
},
{
label: "使用人",
prop: "user",
},
{
label: "使用人岗位id",
prop: "userPositionId",
},
{
label: "使用人岗位",
prop: "userPosition",
},
{
label: "是否收取押金;1-没有,2-有",
prop: "isDeposit",
},
{
label: "押金金额;单位（元）",
prop: "deposit",
},
{
label: "采购公司",
prop: "purchasingCompany",
},
{
label: "购买时间",
prop: "buyingTime",
format: "yyyy-MM-dd hh:mm:ss",
valueFormat: "yyyy-MM-dd hh:mm:ss",
},
{
label: "保修截止时间",
prop: "warrantyPeriodEndTime",
format: "yyyy-MM-dd hh:mm:ss",
valueFormat: "yyyy-MM-dd hh:mm:ss",
},
{
label: "备注",
prop: "notes",
},
{
label: "图片",
prop: "photo",
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,
},
]
}

332
src/views/basic/pda/basicPda.vue
Unescape View File

@ -0,0 +1,332 @@
<template>
<basic-container>
<div class="avue-crud">
<el-row :hidden="!search" style="padding:5px">
<!-- 查询模块 -->
<el-form :inline="true" :size="option.size" :model="query">
<template>
</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="产品名称" prop="name">
<el-input v-model="form.name" placeholder="请输入产品名称"/>
</el-form-item>
<el-form-item label="型号" prop="model">
<el-input v-model="form.model" placeholder="请输入型号"/>
</el-form-item>
<el-form-item label="设备序列号S/N" prop="deviceSerialNumber">
<el-input v-model="form.deviceSerialNumber" placeholder="请输入设备序列号S/N"/>
</el-form-item>
<el-form-item label="购买金额" prop="purchaseAmount">
<el-input v-model="form.purchaseAmount" placeholder="请输入购买金额"/>
</el-form-item>
<el-form-item label="状态;1-正常,2-维修,3-不能使用（不能开机）" prop="state">
<el-select v-model="form.state" clearable placeholder="请选择状态;1-正常,2-维修,3-不能使用（不能开机）">
<el-option
v-for="item in stateData"
:key="item.dictKey"
:label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="当前使用仓" prop="currentUsageWarehouse">
<el-input v-model="form.currentUsageWarehouse" placeholder="请输入当前使用仓"/>
</el-form-item>
<el-form-item label="使用人" prop="user">
<el-input v-model="form.user" placeholder="请输入使用人"/>
</el-form-item>
<el-form-item label="使用人岗位id" prop="userPositionId">
<el-input v-model="form.userPositionId" placeholder="请输入使用人岗位id"/>
</el-form-item>
<el-form-item label="使用人岗位" prop="userPosition">
<el-input v-model="form.userPosition" placeholder="请输入使用人岗位"/>
</el-form-item>
<el-form-item label="是否收取押金;1-没有,2-有" prop="isDeposit">
<el-select v-model="form.isDeposit" clearable placeholder="请选择是否收取押金;1-没有,2-有">
<el-option
v-for="item in isDepositData"
:key="item.dictKey"
:label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="押金金额;单位（元）" prop="deposit">
<el-input v-model="form.deposit" placeholder="请输入押金金额;单位（元）"/>
</el-form-item>
<el-form-item label="采购公司" prop="purchasingCompany">
<el-input v-model="form.purchasingCompany" placeholder="请输入采购公司"/>
</el-form-item>
<el-form-item label="购买时间" prop="buyingTime">
<el-date-picker v-model="form.buyingTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择购买时间"></el-date-picker>
</el-form-item>
<el-form-item label="保修截止时间" prop="warrantyPeriodEndTime">
<el-date-picker v-model="form.warrantyPeriodEndTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择保修截止时间"></el-date-picker>
</el-form-item>
<el-form-item label="备注" prop="notes">
<el-input v-model="form.notes" placeholder="请输入备注"/>
</el-form-item>
<el-form-item label="图片" prop="photo">
<el-input v-model="form.photo" 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/basicdataPda";
import option from "@/option/basic/basicdataPda";
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