From 3eee9b3e12ec8b3bcc515d4b5de3d6c4ee235f26 Mon Sep 17 00:00:00 2001
From: "0.0" <1092404103.qq.com>
Date: Mon, 8 May 2023 14:26:53 +0800
Subject: [PATCH] =?UTF-8?q?pda=E5=9F=BA=E7=A1=80=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/api/basic/basicdataPda.js | 50 +++++
src/option/basic/basicdataPda.js | 162 +++++++++++++++
src/views/basic/pda/basicPda.vue | 332 +++++++++++++++++++++++++++++++
3 files changed, 544 insertions(+)
create mode 100644 src/api/basic/basicdataPda.js
create mode 100644 src/option/basic/basicdataPda.js
create mode 100644 src/views/basic/pda/basicPda.vue
diff --git a/src/api/basic/basicdataPda.js b/src/api/basic/basicdataPda.js
new file mode 100644
index 0000000..76f0579
--- /dev/null
+++ b/src/api/basic/basicdataPda.js
@@ -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
+ })
+}
+
diff --git a/src/option/basic/basicdataPda.js b/src/option/basic/basicdataPda.js
new file mode 100644
index 0000000..fd9bcd0
--- /dev/null
+++ b/src/option/basic/basicdataPda.js
@@ -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,
+ },
+ ]
+}
diff --git a/src/views/basic/pda/basicPda.vue b/src/views/basic/pda/basicPda.vue
new file mode 100644
index 0000000..be71c2a
--- /dev/null
+++ b/src/views/basic/pda/basicPda.vue
@@ -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>