suojin
/
jonhon-mes-web
25
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

设备管理-计量管理-量具保养-新增排序/权限

Browse Source
dev-scheduling
ysn 4 weeks ago
parent 353fdae2e6
commit b3bcad6287
1 changed files with 568 additions and 510 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 170
      src/views/warehouseManagement/maintenancetools/index.vue

170
src/views/warehouseManagement/maintenancetools/index.vue
Unescape View File

@ -1,10 +1,23 @@
<template> <template>
<basic-container> <basic-container>
<!-- 计量管理 --> <!-- 计量管理 -->
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud" <avue-crud
@row-del="rowDel" @search-change="searchChange" @search-reset="searchReset" :option="option"
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" :table-loading="loading"
@refresh-change="refreshChange" @on-load="onLoad"> :data="data"
v-model="form"
v-model:page="page"
ref="crud"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@selection-change="selectionChange"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
@sort-change="sortChange"
>
<template #menu-right> <template #menu-right>
<!-- <el-button type="warning" @click="handleAdd" plain>待申请</el-button> <!-- <el-button type="warning" @click="handleAdd" plain>待申请</el-button>
<el-button type="success" @click="handleAdd" plain>已申请</el-button> --> <el-button type="success" @click="handleAdd" plain>已申请</el-button> -->
@ -16,17 +29,35 @@
<template #location="{ row }">{{ row.stRealtimeStock.storageLocation.location }}</template> <template #location="{ row }">{{ row.stRealtimeStock.storageLocation.location }}</template>
<template #quantity="{ row }">{{ row.stRealtimeStock.quantity }}</template> --> <template #quantity="{ row }">{{ row.stRealtimeStock.quantity }}</template> -->
<template #menu-left> <template #menu-left>
<el-button type="primary" @click="handleAdd">新增</el-button> <el-button type="primary" @click="handleAdd" v-if="permission.maintenancetools_add">
<el-button type="primary" @click="addApply">保养申请</el-button> 新增
</el-button>
<el-button
type="primary"
@click="addApply"
v-if="permission.maintenancetools_maintenanceRequest"
>
保养申请
</el-button>
</template> </template>
</avue-crud> </avue-crud>
<el-dialog v-model="addDialog" append-to-body width="80%" title="新增"> <el-dialog v-model="addDialog" append-to-body width="80%" title="新增">
<div style="display: flex;justify-content: flex-end;margin-bottom: 10px;"> <div style="display: flex; justify-content: flex-end; margin-bottom: 10px">
<el-button type="primary" @click="addMaintain">加入保养</el-button> <el-button type="primary" @click="addMaintain">加入保养</el-button>
</div> </div>
<avue-crud class="addOption-box" :option="addOption" :table-loading="loading" :data="addData" v-model="form" v-model:page="addPage" ref="addCrud" <avue-crud
@selection-change="addSelectionChange" @current-change="currentChange" @size-change="sizeChange" class="addOption-box"
@refresh-change="refreshChange"></avue-crud> :option="addOption"
:table-loading="loading"
:data="addData"
v-model="form"
v-model:page="addPage"
ref="addCrud"
@selection-change="addSelectionChange"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
></avue-crud>
<!-- <el-table :data="addData"> <!-- <el-table :data="addData">
<el-table-column type="selection"></el-table-column> <el-table-column type="selection"></el-table-column>
<el-table-column label="物料名称" align="center" prop="coGoods.goodsName"></el-table-column> <el-table-column label="物料名称" align="center" prop="coGoods.goodsName"></el-table-column>
@ -44,7 +75,13 @@
</template> </template>
<script> <script>
import {getRecorderList,addRecorderList,addRecorder,applyRecorder} from "@/api/equiptManagement/maintenancetools" import {
getRecorderList,
addRecorderList,
addRecorder,
applyRecorder,
} from '@/api/equiptManagement/maintenancetools';
import { mapGetters } from 'vuex';
export default { export default {
data() { data() {
return { return {
@ -113,6 +150,7 @@ export default {
labelWidth: 140, labelWidth: 140,
overflow: true, overflow: true,
search: false, search: false,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -128,6 +166,7 @@ export default {
labelWidth: 140, labelWidth: 140,
overflow: true, overflow: true,
search: true, search: true,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -143,6 +182,7 @@ export default {
labelWidth: 140, labelWidth: 140,
overflow: true, overflow: true,
search: false, search: false,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -159,6 +199,7 @@ export default {
search: true, search: true,
width: 150, width: 150,
searchLabelWidth: 100, searchLabelWidth: 100,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -174,6 +215,7 @@ export default {
overflow: true, overflow: true,
search: true, search: true,
searchLabelWidth: 60, searchLabelWidth: 60,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -188,6 +230,7 @@ export default {
span: 24, span: 24,
overflow: true, overflow: true,
search: true, search: true,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -202,6 +245,7 @@ export default {
span: 24, span: 24,
overflow: true, overflow: true,
search: false, search: false,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -216,6 +260,7 @@ export default {
span: 24, span: 24,
overflow: true, overflow: true,
search: false, search: false,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -230,6 +275,7 @@ export default {
span: 24, span: 24,
overflow: true, overflow: true,
search: false, search: false,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -244,6 +290,7 @@ export default {
span: 24, span: 24,
overflow: true, overflow: true,
search: false, search: false,
sortable: 'custom',
rules: [ rules: [
{ {
required: true, required: true,
@ -269,11 +316,11 @@ export default {
], ],
// 0 新建 1 已申请 // 0 新建 1 已申请
dicData: [ dicData: [
{ label: "新建", value: 0 }, { label: '新建', value: 0 },
{ label: "已申请", value: 1 }, { label: '已申请', value: 1 },
] ],
}, },
] ],
}, },
addOption: { addOption: {
columnSort: true, columnSort: true,
@ -448,26 +495,27 @@ export default {
}, },
], ],
}, },
] ],
}
}
}, },
mounted() { };
}, },
computed: {
...mapGetters(['permission']),
},
mounted() {},
methods: { methods: {
handleAdd() { handleAdd() {
addRecorderList().then(res => { addRecorderList().then(res => {
console.log('res-----------',res) console.log('res-----------', res);
this.addData = res.data.data.records this.addData = res.data.data.records;
this.addPage.total = res.data.data.total this.addPage.total = res.data.data.total;
this.addDialog = true this.addDialog = true;
}) });
}, },
addApply() { addApply() {
if (this.selectionList.length == 0) { if (this.selectionList.length == 0) {
this.$message.error('请至少选择一条数据') this.$message.error('请至少选择一条数据');
return return;
} }
this.$confirm('确定进行保养申请吗?', { this.$confirm('确定进行保养申请吗?', {
confirmButtonText: '确定', confirmButtonText: '确定',
@ -475,60 +523,70 @@ export default {
type: 'warning', type: 'warning',
}).then(() => { }).then(() => {
applyRecorder({ applyRecorder({
ids:this.selectionList.map(item => item.id).join(',') ids: this.selectionList.map(item => item.id).join(','),
}).then(res => { }).then(res => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.$message.success('申请成功') this.$message.success('申请成功');
this.onLoad() this.onLoad();
} }
}) });
}) });
}, },
selectionChange(list) { selectionChange(list) {
this.selectionList = list this.selectionList = list;
}, },
addSelectionChange(list) { addSelectionChange(list) {
this.addSelectionList = list this.addSelectionList = list;
}, },
addMaintain() { addMaintain() {
if (this.addSelectionList.length == 0) { if (this.addSelectionList.length == 0) {
this.$message.error('请至少选择一条数据') this.$message.error('请至少选择一条数据');
return return;
} }
addRecorder({ addRecorder({
ids:this.addSelectionList.map(item => item.id).join(',') ids: this.addSelectionList.map(item => item.id).join(','),
}).then(res => { }).then(res => {
if (res.data.code == 200) { if (res.data.code == 200) {
this.$message.success('新增成功') this.$message.success('新增成功');
this.addDialog = false this.addDialog = false;
this.onLoad() this.onLoad();
} }
}) });
}, },
searchChange(params, done) { searchChange(params, done) {
this.page.currentPage = 1 this.page.currentPage = 1;
this.query = params this.query = params;
this.onLoad() this.onLoad();
done() done();
}, },
searchReset() { searchReset() {
this.query = {} this.query = {};
this.onLoad() this.onLoad();
},
sortChange({ prop, order }) {
this.query.descs = undefined;
this.query.ascs = undefined;
let orderByFieldKey = order === 'descending' ? 'descs' : 'ascs';
this.query[orderByFieldKey] = !prop
? undefined
: prop.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase();
// // 重新加载数据
this.onLoad();
}, },
onLoad() { onLoad() {
this.loading = true this.loading = true;
getRecorderList({ getRecorderList({
current: this.page.currentPage, current: this.page.currentPage,
size: this.page.pageSize, size: this.page.pageSize,
...this.query ...this.query,
}).then(res => { }).then(res => {
this.data = res.data.data.records this.data = res.data.data.records;
this.page.total = res.data.data.total this.page.total = res.data.data.total;
this.loading = false this.loading = false;
}) });
} },
} },
} };
</script> </script>
<style lang="scss"> <style lang="scss">

Write Preview
Loading…
Cancel
Save