fix:coding#413库存模块

This commit is contained in:
shijing 2024-05-22 17:36:06 +08:00
parent 516319c53d
commit 4ab4bc7214
6 changed files with 576 additions and 329 deletions

View File

@ -2,26 +2,75 @@
<el-container> <el-container>
<el-header> <el-header>
<div class="left-panel"> <div class="left-panel">
<el-button type="primary" @click="add('do_in')" v-auth="'mio.do'">生产入库</el-button> <el-button
<el-button type="primary" @click="add('sale_out')" v-auth="'mio.sale'">销售发货</el-button> type="primary"
<el-select v-model="query.type" clearable style="width: 120px; margin-left: 2px" placeholder="出入库类型" @click="add('do_in')"
@change="handleQuery"> v-auth="'mio.do'"
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name" :value="item.id"></el-option> >生产入库</el-button
>
<el-button
type="primary"
@click="add('sale_out')"
v-auth="'mio.sale'"
>销售发货</el-button
>
<el-select
v-model="query.type"
clearable
style="width: 120px; margin-left: 2px"
placeholder="出入库类型"
@change="handleQuery"
>
<el-option
v-for="item in cateOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
<el-select v-model="query.state" clearable style="width: 120px; margin-left: 2px" placeholder="状态" <el-select
@change="handleQuery"> v-model="query.state"
<el-option v-for="item in stateOptions" :key="item.id" :label="item.name" :value="item.id"></el-option> clearable
style="width: 120px; margin-left: 2px"
placeholder="状态"
@change="handleQuery"
>
<el-option
v-for="item in stateOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
</div> </div>
<div class="right-panel"> <div class="right-panel">
<el-input v-model="query.search" placeholder="编号" clearable style="margin-right: 5px;"></el-input> <el-input
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button> v-model="query.search"
placeholder="编号"
clearable
style="margin-right: 5px"
></el-input>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" :params="params" :query="query" row-key="id" stripe> <scTable
ref="table"
:apiObj="apiObj"
:params="params"
:query="query"
row-key="id"
stripe
>
<el-table-column type="index" width="50" /> <el-table-column type="index" width="50" />
<el-table-column label="记录编号" prop="number"></el-table-column> <el-table-column
label="记录编号"
prop="number"
></el-table-column>
<el-table-column label="出/入库类型"> <el-table-column label="出/入库类型">
<template #default="scope"> <template #default="scope">
{{ typeDict[scope.row.type] }} {{ typeDict[scope.row.type] }}
@ -40,17 +89,36 @@
</el-table-column> </el-table-column>
<el-table-column label="创建时间" prop="create_time"> <el-table-column label="创建时间" prop="create_time">
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="150px"> <el-table-column
label="操作"
fixed="right"
align="center"
width="150px"
>
<template #default="scope"> <template #default="scope">
<el-button link type="primary" @click="table_detail(scope.row)"> <el-button
link
type="primary"
@click="table_detail(scope.row)"
>
查看 查看
</el-button> </el-button>
<el-button link type="primary" @click="table_submit(scope.row)" v-auth="'mio.submit'" <el-button
v-if="scope.row.state == 10"> link
type="primary"
@click="table_submit(scope.row)"
v-auth="'mio.submit'"
v-if="scope.row.state == 10"
>
提交 提交
</el-button> </el-button>
<el-button link type="danger" @click="table_del(scope.row)" v-auth="'mio.delete'" <el-button
v-if="scope.row.state == 10"> link
type="danger"
@click="table_del(scope.row)"
v-auth="'mio.delete'"
v-if="scope.row.state == 10"
>
删除 删除
</el-button> </el-button>
</template> </template>
@ -58,50 +126,65 @@
</scTable> </scTable>
</el-main> </el-main>
</el-container> </el-container>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" <save-dialog
@closed="dialog.save = false"></save-dialog> v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
<record-dialog
:type="type"
:cate="cate"
:mioId="mioId"
ref="recordDialogs"
>
</record-dialog>
</el-drawer>
</template> </template>
<script> <script>
import saveDialog from "./mio_form.vue"; import saveDialog from "./mio_form.vue";
import recordDialog from "./mioitem.vue";
export default { export default {
name: "mio", name: "mio",
components: { components: {
saveDialog saveDialog,
recordDialog,
}, },
data() { data() {
return { return {
stateDict: { stateDict: {
10: '创建中', 10: "创建中",
20: '已提交' 20: "已提交",
}, },
stateOptions: [ stateOptions: [
{ id: 10, name: '创建中' }, { id: 10, name: "创建中" },
{ id: 20, name: '已提交' }, { id: 20, name: "已提交" },
], ],
typeDict: { typeDict: {
'sale_out': '销售发货', sale_out: "销售发货",
'do_in': '生产入库', do_in: "生产入库",
}, },
cateOptions: [ cateOptions: [
{ id: 'sale_out', name: '销售发货' }, { id: "sale_out", name: "销售发货" },
{ id: 'do_in', name: '生产入库' }, { id: "do_in", name: "生产入库" },
], ],
dialog: { dialog: {
save: false, save: false,
record: false,
}, },
query: { query: {},
},
params: { params: {
type__in: 'sale_out,do_in', type__in: "sale_out,do_in",
materials__type: 10 materials__type: 10,
},
form: {
}, },
form: {},
apiObj: this.$API.inm.mio.list, apiObj: this.$API.inm.mio.list,
selection: [], selection: [],
type: "",
cate: "good",
mioId: "",
}; };
}, },
methods: { methods: {
@ -121,40 +204,48 @@ export default {
}, },
// //
table_detail(row) { table_detail(row) {
this.$router.push({ this.type = row.type;
name: "mioitem", this.mioId = row.id;
query: { mio: row.id, type: row.type, cate: 'good' } this.dialog.record = true;
}); // this.$router.push({
// name: "mioitem",
// query: { mio: row.id, type: row.type, cate: "good" },
// });
}, },
// //
table_del(row) { table_del(row) {
this.$confirm(`确定删除吗?`, "提示", { this.$confirm(`确定删除吗?`, "提示", {
type: "warning", type: "warning",
}).then(() => { })
this.$API.inm.mio.delete.req(row.id).then((res) => { .then(() => {
this.$API.inm.mio.delete
.req(row.id)
.then((res) => {
this.$message.success("删除成功"); this.$message.success("删除成功");
this.$refs.table.refresh(); this.$refs.table.refresh();
return res; return res;
}).catch((err) => { })
.catch((err) => {
return err; return err;
}); });
}).catch(() => { }); })
.catch(() => {});
}, },
table_submit(row) { table_submit(row) {
this.$API.inm.mio.submit.req(row.id).then(res => { this.$API.inm.mio.submit.req(row.id).then((res) => {
this.$message.success("提交成功"); this.$message.success("提交成功");
this.$refs.table.refresh() this.$refs.table.refresh();
}) });
}, },
handleQuery() { handleQuery() {
this.$refs.table.queryData(this.query) this.$refs.table.queryData(this.query);
}, },
resetQuery() { resetQuery() {
this.query = {}; this.query = {};
}, },
handleSaveSuccess() { handleSaveSuccess() {
this.$refs.table.refresh() this.$refs.table.refresh();
} },
}, },
}; };
</script> </script>

View File

@ -149,13 +149,23 @@
@success="handleSaveSuccess" @success="handleSaveSuccess"
@closed="dialog.save = false" @closed="dialog.save = false"
></save-dialog> ></save-dialog>
<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
<record-dialog
:type="type"
:cate="cate"
:mioId="mioId"
ref="recordDialogs"
>
</record-dialog>
</el-drawer>
</template> </template>
<script> <script>
import saveDialog from "./mio_form.vue"; import saveDialog from "./mio_form.vue";
import recordDialog from "./mioitem.vue";
export default { export default {
name: "mio", name: "mio",
components: { components: {
recordDialog,
saveDialog, saveDialog,
}, },
data() { data() {
@ -178,6 +188,7 @@ export default {
], ],
dialog: { dialog: {
save: false, save: false,
record: false,
}, },
query: {}, query: {},
params: { params: {
@ -187,6 +198,9 @@ export default {
form: {}, form: {},
apiObj: this.$API.inm.mio.list, apiObj: this.$API.inm.mio.list,
selection: [], selection: [],
type: "",
cate: "halfgood",
mioId: "",
}; };
}, },
methods: { methods: {
@ -206,10 +220,13 @@ export default {
}, },
// //
table_detail(row) { table_detail(row) {
this.$router.push({ this.type = row.type;
name: "mioitem", this.mioId = row.id;
query: { mio: row.id, type: row.type, cate: "halfgood" }, this.dialog.record = true;
}); // this.$router.push({
// name: "mioitem",
// query: { mio: row.id, type: row.type, cate: "halfgood" },
// });
}, },
// //
table_del(row) { table_del(row) {

View File

@ -132,14 +132,25 @@
@success="handleSaveSuccess" @success="handleSaveSuccess"
@closed="dialog.save = false" @closed="dialog.save = false"
></save-dialog> ></save-dialog>
<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
<record-dialog
:type="type"
:cate="cate"
:mioId="mioId"
ref="recordDialogs"
>
</record-dialog>
</el-drawer>
</template> </template>
<script> <script>
import saveDialog from "./mio_form.vue"; import saveDialog from "./mio_form.vue";
import recordDialog from "./mioitem.vue";
export default { export default {
name: "mio", name: "mio",
components: { components: {
saveDialog, saveDialog,
recordDialog,
}, },
data() { data() {
return { return {
@ -155,6 +166,7 @@ export default {
cateOptions: [{ id: "pur_in", name: "采购入库" }], cateOptions: [{ id: "pur_in", name: "采购入库" }],
dialog: { dialog: {
save: false, save: false,
record: false,
}, },
query: {}, query: {},
params: { params: {
@ -164,6 +176,9 @@ export default {
form: {}, form: {},
apiObj: this.$API.inm.mio.list, apiObj: this.$API.inm.mio.list,
selection: [], selection: [],
type: "",
cate: "helpso",
mioId: "",
}; };
}, },
methods: { methods: {
@ -183,10 +198,13 @@ export default {
}, },
// //
table_detail(row) { table_detail(row) {
this.$router.push({ this.type = row.type;
name: "mioitem", this.mioId = row.id;
query: { mio: row.id, type: row.type, cate: "helpso" }, this.dialog.record = true;
}); // this.$router.push({
// name: "mioitem",
// query: { mio: row.id, type: row.type, cate: "helpso" },
// });
}, },
// //
table_del(row) { table_del(row) {

View File

@ -149,14 +149,25 @@
@success="handleSaveSuccess" @success="handleSaveSuccess"
@closed="dialog.save = false" @closed="dialog.save = false"
></save-dialog> ></save-dialog>
<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
<record-dialog
:type="type"
:cate="cate"
:mioId="mioId"
ref="recordDialogs"
>
</record-dialog>
</el-drawer>
</template> </template>
<script> <script>
import saveDialog from "./mio_form.vue"; import saveDialog from "./mio_form.vue";
import recordDialog from "./mioitem.vue";
export default { export default {
name: "mio", name: "mio",
components: { components: {
saveDialog, saveDialog,
recordDialog,
}, },
data() { data() {
return { return {
@ -178,6 +189,7 @@ export default {
], ],
dialog: { dialog: {
save: false, save: false,
record: false,
}, },
query: {}, query: {},
params: { params: {
@ -187,6 +199,9 @@ export default {
form: {}, form: {},
apiObj: this.$API.inm.mio.list, apiObj: this.$API.inm.mio.list,
selection: [], selection: [],
type: "",
cate: "mainso",
mioId: "",
}; };
}, },
methods: { methods: {
@ -206,10 +221,13 @@ export default {
}, },
// //
table_detail(row) { table_detail(row) {
this.$router.push({ this.type = row.type;
name: "mioitem", this.mioId = row.id;
query: { mio: row.id, type: row.type, cate: "mainso" }, this.dialog.record = true;
}); // this.$router.push({
// name: "mioitem",
// query: { mio: row.id, type: row.type, cate: "mainso" },
// });
}, },
// //
table_del(row) { table_del(row) {

View File

@ -8,26 +8,68 @@
<el-button type="primary" @click="add('pur_in')">采购入库</el-button> <el-button type="primary" @click="add('pur_in')">采购入库</el-button>
<el-button type="primary" @click="add('sale_out')">销售发货</el-button> <el-button type="primary" @click="add('sale_out')">销售发货</el-button>
<el-divider direction="vertical"></el-divider> --> <el-divider direction="vertical"></el-divider> -->
<el-button type="primary" @click="add('other_in')" v-auth="'mio.other'">其他入库</el-button> <el-button
<el-button type="primary" @click="add('other_out')" v-auth="'mio.other'">其他出库</el-button> type="primary"
<el-select v-model="query.type" clearable style="width: 120px; margin-left: 2px" placeholder="出入库类型" @click="add('other_in')"
@change="handleQuery"> v-auth="'mio.other'"
<el-option v-for="item in cateOptions" :key="item.id" :label="item.name" :value="item.id"></el-option> >其他入库</el-button
>
<el-button
type="primary"
@click="add('other_out')"
v-auth="'mio.other'"
>其他出库</el-button
>
<el-select
v-model="query.type"
clearable
style="width: 120px; margin-left: 2px"
placeholder="出入库类型"
@change="handleQuery"
>
<el-option
v-for="item in cateOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
<el-select v-model="query.state" clearable style="width: 120px; margin-left: 2px" placeholder="状态" <el-select
@change="handleQuery"> v-model="query.state"
<el-option v-for="item in stateOptions" :key="item.id" :label="item.name" :value="item.id"></el-option> clearable
style="width: 120px; margin-left: 2px"
placeholder="状态"
@change="handleQuery"
>
<el-option
v-for="item in stateOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
</div> </div>
<div class="right-panel"> <div class="right-panel">
<el-input v-model="query.search" placeholder="编号" clearable style="margin-right: 5px;"></el-input> <el-input
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button> v-model="query.search"
placeholder="编号"
clearable
style="margin-right: 5px"
></el-input>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe> <scTable ref="table" :apiObj="apiObj" row-key="id" stripe>
<el-table-column type="index" width="50" /> <el-table-column type="index" width="50" />
<el-table-column label="记录编号" prop="number"></el-table-column> <el-table-column
label="记录编号"
prop="number"
></el-table-column>
<el-table-column label="出/入库类型"> <el-table-column label="出/入库类型">
<template #default="scope"> <template #default="scope">
{{ typeDict[scope.row.type] }} {{ typeDict[scope.row.type] }}
@ -45,17 +87,44 @@
</el-table-column> </el-table-column>
<el-table-column label="创建时间" prop="create_time"> <el-table-column label="创建时间" prop="create_time">
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" align="center" width="150px"> <el-table-column
label="操作"
fixed="right"
align="center"
width="150px"
>
<template #default="scope"> <template #default="scope">
<el-button link type="primary" @click="table_detail(scope.row)"> <el-button
link
type="primary"
@click="table_detail(scope.row)"
>
查看 查看
</el-button> </el-button>
<el-button link type="primary" @click="table_submit(scope.row)" v-auth="'mio.submit'" <el-button
v-if="scope.row.state == 10&&(scope.row.type=='other_in'||scope.row.type=='other_out')"> link
type="primary"
@click="table_submit(scope.row)"
v-auth="'mio.submit'"
v-if="
scope.row.state == 10 &&
(scope.row.type == 'other_in' ||
scope.row.type == 'other_out')
"
>
提交 提交
</el-button> </el-button>
<el-button link type="danger" @click="table_del(scope.row)" v-auth="'mio.delete'" <el-button
v-if="scope.row.state == 10&&(scope.row.type=='other_in'||scope.row.type=='other_out')"> link
type="danger"
@click="table_del(scope.row)"
v-auth="'mio.delete'"
v-if="
scope.row.state == 10 &&
(scope.row.type == 'other_in' ||
scope.row.type == 'other_out')
"
>
删除 删除
</el-button> </el-button>
</template> </template>
@ -63,54 +132,65 @@
</scTable> </scTable>
</el-main> </el-main>
</el-container> </el-container>
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess" <save-dialog
@closed="dialog.save = false"></save-dialog> v-if="dialog.save"
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
<el-drawer title="出入库记录" v-model="dialog.record" :size="'90%'">
<record-dialog :type="type" :mioId="mioId" ref="recordDialogs">
</record-dialog>
</el-drawer>
</template> </template>
<script> <script>
import saveDialog from "./mio_form.vue"; import saveDialog from "./mio_form.vue";
import recordDialog from "./mioitem.vue";
export default { export default {
name: "mio", name: "mio",
components: { components: {
saveDialog saveDialog,
recordDialog,
}, },
data() { data() {
return { return {
stateDict: { stateDict: {
10: '创建中', 10: "创建中",
20: '已提交' 20: "已提交",
}, },
stateOptions: [ stateOptions: [
{ id: 10, name: '创建中' }, { id: 10, name: "创建中" },
{ id: 20, name: '已提交' }, { id: 20, name: "已提交" },
], ],
typeDict: { typeDict: {
'do_out': '生产领料', do_out: "生产领料",
'sale_out': '销售发货', sale_out: "销售发货",
'pur_in': '采购入库', pur_in: "采购入库",
'do_in': '生产入库', do_in: "生产入库",
'other_in': '其他入库', other_in: "其他入库",
'other_out': '其他出库', other_out: "其他出库",
}, },
cateOptions: [ cateOptions: [
{ id: 'do_out', name: '生产领料' }, { id: "do_out", name: "生产领料" },
{ id: 'sale_out', name: '销售发货' }, { id: "sale_out", name: "销售发货" },
{ id: 'pur_in', name: '采购入库' }, { id: "pur_in", name: "采购入库" },
{ id: 'do_in', name: '生产入库' }, { id: "do_in", name: "生产入库" },
{ id: 'other_in', name: '其他入库' }, { id: "other_in", name: "其他入库" },
{ id: 'other_out', name: '其他出库' }, { id: "other_out", name: "其他出库" },
], ],
dialog: { dialog: {
save: false, save: false,
record: false,
}, },
query: { query: {
search: '' search: "",
},
form: {
}, },
form: {},
apiObj: this.$API.inm.mio.list, apiObj: this.$API.inm.mio.list,
selection: [], selection: [],
type: "",
mioId: "",
}; };
}, },
methods: { methods: {
@ -130,41 +210,49 @@ export default {
}, },
// //
table_detail(row) { table_detail(row) {
this.$router.push({ this.type = row.type;
name: "mioitem", this.mioId = row.id;
query: { mio: row.id ,type:row.type} this.dialog.record = true;
// this.$router.push({
// name: "mioitem",
// query: { mio: row.id ,type:row.type}
}); // });
}, },
// //
table_del(row) { table_del(row) {
this.$confirm(`确定删除吗?`, "提示", { this.$confirm(`确定删除吗?`, "提示", {
type: "warning", type: "warning",
}).then(() => { })
this.$API.inm.mio.delete.req(row.id).then((res) => { .then(() => {
this.$API.inm.mio.delete
.req(row.id)
.then((res) => {
this.$message.success("删除成功"); this.$message.success("删除成功");
this.$refs.table.refresh(); this.$refs.table.refresh();
return res; return res;
}).catch((err) => { })
.catch((err) => {
return err; return err;
}); });
}).catch(() => { }); })
.catch(() => {});
}, },
table_submit(row) { table_submit(row) {
this.$API.inm.mio.submit.req(row.id).then(res => { this.$API.inm.mio.submit.req(row.id).then((res) => {
this.$message.success("提交成功"); this.$message.success("提交成功");
this.$refs.table.refresh() this.$refs.table.refresh();
}) });
}, },
handleQuery() { handleQuery() {
this.$refs.table.queryData(this.query) this.$refs.table.queryData(this.query);
}, },
resetQuery() { resetQuery() {
this.query = {}; this.query = {};
}, },
handleSaveSuccess() { handleSaveSuccess() {
this.$refs.table.refresh() this.$refs.table.refresh();
} },
}, },
}; };
</script> </script>

View File

@ -203,6 +203,20 @@ export default {
saveDialog, saveDialog,
checkDialog, checkDialog,
}, },
props: {
type: {
type: String,
default: "",
},
cate: {
type: String,
default: "",
},
mioId: {
type: String,
default: "",
},
},
data() { data() {
return { return {
dialog: { dialog: {
@ -211,7 +225,7 @@ export default {
}, },
apiObj: null, apiObj: null,
params: {}, params: {},
mioId: "", // mioId: "",
mioObj: {}, mioObj: {},
selection: [], selection: [],
stateDict: { stateDict: {
@ -227,16 +241,17 @@ export default {
other_out: "其他出库", other_out: "其他出库",
}, },
mioitemId: "", mioitemId: "",
type: "", // type: "",
cate: "", // cate: "",
objitem: {}, objitem: {},
}; };
}, },
mounted() { mounted() {
this.type = this.$route.query.type; // this.type = this.$route.query.type;
this.cate = this.$route.query.cate; // this.cate = this.$route.query.cate;
this.mioId = this.$route.query.mio; // this.mioId = this.$route.query.mio;
this.params.mio = this.$route.query.mio; // this.params.mio = this.$route.query.mio;
this.params.mio = this.mioId;
this.apiObj = this.$API.inm.mioitem.list; this.apiObj = this.$API.inm.mioitem.list;
this.getMio(); this.getMio();
}, },