suojin
/
smartpark_durable_front
24
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

删除 'src/views/firstOrder/components/inDialog copy.vue'

Browse Source
master
dengruixue 3 months ago
parent 483c45caab
commit 8fc553bbf4
1 changed files with 0 additions and 459 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. 459
      src/views/firstOrder/components/inDialog copy.vue

459
src/views/firstOrder/components/inDialog copy.vue
Unescape View File

@ -1,459 +0,0 @@
<template>
<div>
<el-dialog :close-on-click-modal="false" :title="inDialogTiltle" :visible.sync="inDialogVisible"
:append-to-body="true" width="70%" @close="handleCloseDetail" fullscreen>
<!-- 基本信息 -->
<el-form :model="sizeForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic">
<div class="form-title"> 基本信息</div>
<el-row>
<el-col :span="12">
<el-form-item label="仓库名称">
<el-input v-model="sizeForm.warehouseName" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入库单号" v-if="sizeForm.option == 1">
<el-input v-model="sizeForm.orderNo" disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入库时间">
<el-date-picker v-model="sizeForm.inDate" type="date" placeholder="选择日期" style="width: 100%;" disabled>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="事由">
<el-input v-model="sizeForm.reason" :disabled="inDialogType != 'add'"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="物资类型">
<el-select v-model="sizeForm.materialType" placeholder="请选择" style="width: 100%;"
:disabled="inDialogType != 'add'">
<el-option label="耐用品" value="1"></el-option>
<el-option label="易耗品" value="2"></el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="填报人">
<el-input v-model="sizeForm.submitName" :disabled="inDialogType != 'add'"></el-input>
</el-form-item>
</el-col> -->
<!-- <el-col :span="12">
<el-form-item label="审批人">
<el-input v-model="sizeForm.applyNmae" disabled></el-input>
</el-form-item>
</el-col> -->
<el-col :span="12">
<el-form-item label="选项">
<el-radio-group v-model="sizeForm.option" @change="radioChange()" :disabled="inDialogType != 'add'">
<el-radio :label="1" :disabled="sizeForm.type == 2">批量选择</el-radio>
<el-radio :label="2">单项选择</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" v-if="sizeForm.option == 1">
<el-form-item label="采购单名称">
<el-input v-model="sizeForm.quarterName" disabled></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="form-title">{{ inDate }}</div>
<el-button type="primary" size="mini" style="margin-bottom: 18px;" @click="inTableAdd()"
v-if="!allDisabled && sizeForm.option == 2">新增</el-button>
<el-table :data="sizeForm.inTableData" border style="width: 100%">
<el-table-column prop="materialId" label="物资ID">
</el-table-column>
<el-table-column prop="materialName" label="名称" v-if="sizeForm.option == 1">
</el-table-column>
<el-table-column prop="materialName" label="名称" v-if="sizeForm.option == 2">
<template slot-scope="scope">
<el-select v-model="scope.row.materialId" placeholder="请选择物资名称" style="width: 100%;"
@change="handleMaterialChange(scope.row)"
>
<el-option v-for="item in materials" :key="item.materialId" :label="item.materialName"
:value="item.materialId">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="model" label="规格">
</el-table-column>
<el-table-column prop="type" label="类别">
</el-table-column>
<el-table-column prop="unit" label="单位">
</el-table-column>
<el-table-column prop="requiredQuantity" label="计划采购数量" v-if="sizeForm.option == 1" >
<template slot-scope="scope">
{{ scope.row.requiredQuantity || 0 }}
</template>
</el-table-column>
<el-table-column prop="inboundQuantity" label="已入库数量" v-if="sizeForm.option == 1">
</el-table-column>
<el-table-column prop="theInboundQuantity" label="本次入库数量">
<template slot-scope="scope">
<el-input-number size="mini" v-model="scope.row.theInboundQuantity" :min="1" style="width: 100%;"
@change="syncInboundQuantity(scope.row)"></el-input-number>
</template>
</el-table-column>
<el-table-column prop="unitPrice" label="单价">
</el-table-column>
</el-table>
<!-- 入库账目表格 -->
<div class="form-title">入库账目表格：</div>
<el-table :data="sizeForm.inTableData" border style="width: 100%">
<el-table-column prop="date" label="当前库存">
<el-table-column prop="materialId" label="物资ID">
</el-table-column>
<el-table-column prop="materialName" label="名称">
</el-table-column>
<el-table-column prop="model" label="规格">
</el-table-column>
<el-table-column prop="type" label="类别">
</el-table-column>
<el-table-column prop="unit" label="单位">
</el-table-column>
<el-table-column prop="inboundQuantity" label="数量">
</el-table-column>
<el-table-column prop="unitPrice" label="单价">
</el-table-column>
</el-table-column>
<el-table-column prop="date" label="入库信息">
<el-table-column prop="theInboundQuantity" label="数量">
</el-table-column>
<el-table-column prop="unitPrice" label="单价">
</el-table-column>
</el-table-column>
<el-table-column prop="date" label="入库后库存">
<el-table-column label="数量">
<template slot-scope="scope">
{{ Number(scope.row.inboundQuantity || 0) + Number(scope.row.theInboundQuantity || 0) }}
</template>
</el-table-column>
<el-table-column prop="unitPrice" label="单价">
</el-table-column>
</el-table-column>
<el-table-column prop="date" label="入库信息">
<el-table-column label="入库人">
<template slot-scope="scope">
{{ scope.row.userInfoVO ? scope.row.userInfoVO.name : (sizeForm.submitName || '') }}
</template>
</el-table-column>
<el-table-column prop="inDate" label="入库时间" width="150">
<template slot-scope="scope">
{{ inDate }}
</template>
</el-table-column>
</el-table-column>
</el-table>
</el-form>
<span slot="footer" class="dialog-footer" v-if="!allDisabled">
<el-button @click="handleCloseDetail()">取 消</el-button>
<el-button type="primary" @click="save()">暂存</el-button>
<el-button type="primary" @click="submit()">提交</el-button>
</span>
</el-dialog>
<!-- 批量出库 选择 -->
<el-dialog :close-on-click-modal="false" title="选择数据来源" :visible.sync="inBatchDialogVisible" :append-to-body="true"
width="40%" @close="handleBatchClose" @open="getBatchOptions">
<el-select v-model="batchType" placeholder="请选择数据来源" style="width: 100%;">
<el-option v-for="item in batchOptions" :key="item.ids" :label="item.quarterName" :value="item.ids">
</el-option>
</el-select>
<span slot="footer" class="dialog-footer">
<el-button @click="handleBatchClose()">取 消</el-button>
<el-button type="primary" @click="batchSubmit()">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { getAllQuarter, getPurchasesByIds, getMaterialList, getDetailList } from "@/api/firstOrder/inbound";
export default {
props: {
repairVisible: {
type: Boolean,
default: false
},
inDialogTiltle: {
type: String,
default: ''
},
inDialogType: {
type: String,
default: ''
},
type: {
type: String,
default: ''
}
},
data() {
return {
inDialogVisible: false,
sizeForm: {
orderNo: '',//入库单号
applyNmae: '',//审批人
submitName: '',//填报人
warehouseName: '',//仓库名称
reason: '',//事由
inAccountsTableData: [],//总计
inTableData: [],
},
inTableData: [],
inBatchDialogVisible: false,//选择采购单的数据
batchType: '',//批量选择类型
materialsType: '',
allDisabled: false,
userInfoVO: {
userId: "用户ID",
name: "用户名称"
}
}
},
computed: {
inDate() {
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0');
const day = String(now.getDate()).padStart(2, '0');
return `${year}年${month}月${day}日`;
}
},
mounted() {
this.inDialogVisible = this.repairVisible
if (this.inDialogType == 'add') {
this.addInit()
} else {
this.inInit()
}
if (this.inDialogType == 'details') {
this.allDisabled = true
}
this.getBatchOptions()
this.getMaterialList()
},
methods: {
syncInboundQuantity(row) {
row.theInboundQuantity = Number(row.theInboundQuantity);
},
async getBatchOptions() {
this.loading = true
try {
const res = await getAllQuarter();
this.batchOptions = res.data.result
} catch (error) {
this.$message.error("获取数据来源失败，请重试");
console.error("下拉选项请求失败：", error);
} finally {
this.loading = false;
}
},
async getMaterialList() {
this.loading = true
try {
const res = await getMaterialList();
this.materials = res.data.result
console.log(this.materials, '获99来源')
} catch (error) {
this.$message.error("获取数据来源失败，请重试");
console.error("下拉选项请求失败：", error);
} finally {
this.loading = false;
}
},
inInit() {
const randomNum = Math.floor(Math.random() * 100000000) + 1;
this.sizeForm.orderNo = String(randomNum).padStart(8, '0');//入库单号
this.sizeForm.applyNmae = '审批人一'
this.sizeForm.submitName = '填报人一'
this.sizeForm.option = 1
this.sizeForm.warehouseName = '仓库一'
this.sizeForm.reason = '入库'
this.sizeForm.materialType = '1'
this.sizeForm.inDate = new Date()//入库时间
// this.sizeForm.inTableData.push({
// str1: '000001',
// str2: '物品1',
// str3: '规格1',
// type: '类别1',
// unit: '单位1',
// str6: '11',
// str7: '22',
// str8: '3',
// str9: '部门一',
// name: '审批人',
// status: '1',//
// })
},
addInit() {
// 生成入库单号
const randomNum = Math.floor(Math.random() * 100000000) + 1;
this.sizeForm.orderNo = String(randomNum).padStart(8, '0');//入库单号
this.sizeForm.inDate = new Date()//入库时间
if (this.type == '一级库') {
this.sizeForm.warehouseName = '仓库一'
}
},
handleCloseDetail() {
this.inDialogVisible = false
this.$emit('handleCloseDetail')
},
async inTableAdd() {
this.sizeForm.inTableData.push({
unit: '',
model: '',
str3: '',
str4: '',
str5: '',
str6: '',
str7: 0,
str8: '',
str9: '',
name: '',
status: '',//
materialId: '',
materialName: '',
})
},
// 点击入库
putIn(row) {
row.status = 0
// 更改总表的数据
this.sizeForm.inAccountsTableData.push({
str1: "000001",
str2: "物品1",
str3: "规格1",
str4: "类别1",
str5: "单位1",
str6: "12",
str7: "3",
str8: row.str7,
str9: "3",
str10: row.str7 + 12,
str11: "3",
str12: "审批人1",
str13: "2025-04-05",
})
},
// 采购单选择弹框关闭
handleBatchClose() {
this.inBatchDialogVisible = false
},
// 采购单选择确定
async batchSubmit() {
if (!this.batchType) {
this.$message.warning("请选择数据来源")
return
}
const selectedOption = this.batchOptions.find(option => option.ids === this.batchType);
if (!selectedOption) {
this.$message.error("未找到对应的采购单信息");
return
}
this.sizeForm.quarterName = selectedOption.quarterName
this.loading = true
const res = await getPurchasesByIds(this.batchType);
console.log("res", res)
if (res.data.success) {
this.sizeForm.inTableData = res.data.result;
this.$message.success("数据获取成功");
this.inBatchDialogVisible = false;
} else {
this.$message.error(res.data.message || "获取数据失败");
}
this.loading = false;
},
// 处理物资选择变化
async handleMaterialChange(row) {
console.log(row, "row",row.materialId)
if (!row.materialId) {
this.$message.warning("请选择物资名称");
return
}
try {
const res = await getDetailList({
id: row.materialId
})
console.log("res1", res)
if (res.data.success) {
this.sizeForm.inTableData = res.data.result;
console.log("this.sizeForm.inTableData", this.sizeForm.inTableData)
} else {
this.$message.error(res.data.message || "获取物资信息失败");
}
} catch (error) {
this.$message.error("请求失败，请重试");
console.error("获取物资信息错误：", error);
}
},
changeName(index) {
console.log(9999, index)
this.sizeForm.inTableData.forEach((item, i) => {
if (i == index) {
item.str1 = '000001'
item.str2 = '物资1'
item.str3 = '规格1'
item.str4 = '类别1'
item.str5 = '单位1'
item.str6 = '11'
item.str7 = 22
item.str8 = '3'
item.str9 = '部门一'
item.name = '审批人'
item.status = '1'
this.$set(item, 'str7', 22)
}
})
console.log(888888, this.sizeForm.inTableData)
},
// 保存 暂存
save() {
this.$message({
type: "success",
message: "保存成功"
});
this.handleCloseDetail()
},
// 提交
submit() {
// status ==1 展示入库
let flag = this.sizeForm.inTableData.some(item => item.status == 1)
if (flag) {
this.$message({
type: "warning",
message: ""
});
return false
}
this.$message({
type: "success",
message: "提交成功"
});
// this.handleCloseDetail()
},
// 选项选择
radioChange(val) {
this.sizeForm.inTableData = []
if (this.sizeForm.option == 1) {
this.inBatchDialogVisible = true
}
}
}
}
</script>
<style lang="scss" scoped>
.form-title {
font-size: 16px;
font-weight: 600;
padding: 18px 0;
}
</style>
Write Preview
Loading…
Cancel
Save