权限添加
This commit is contained in:
@ -149,7 +149,6 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive, onMounted, computed, toRaw } from 'vue';
|
import { ref, reactive, onMounted, computed, toRaw } from 'vue';
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus';
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||||
import { WarningFilled } from '@element-plus/icons-vue';
|
|
||||||
import { useUserStoreHook } from '@/store/modules/user';
|
import { useUserStoreHook } from '@/store/modules/user';
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
const userStore = useUserStoreHook();
|
const userStore = useUserStoreHook();
|
||||||
@ -441,7 +440,7 @@ const handleDialogClose = () => {
|
|||||||
// 跳转
|
// 跳转
|
||||||
const jumpRouter = (row) => {
|
const jumpRouter = (row) => {
|
||||||
router.push({
|
router.push({
|
||||||
path: `/materials/materialSon`,
|
path: `/materials/usageMaterials/materialIndexSon`,
|
||||||
query: {
|
query: {
|
||||||
id: row.id,
|
id: row.id,
|
||||||
type: 'update'
|
type: 'update'
|
||||||
|
|||||||
@ -129,7 +129,7 @@
|
|||||||
<p><span class="font-medium">到货备注：</span>{{ scope.row.dhRemark || '-' }}
|
<p><span class="font-medium">到货备注：</span>{{ scope.row.dhRemark || '-' }}
|
||||||
</p>
|
</p>
|
||||||
<p><span class="font-medium">供应商备注：</span>{{ scope.row.gysRemark || '-'
|
<p><span class="font-medium">供应商备注：</span>{{ scope.row.gysRemark || '-'
|
||||||
}}</p>
|
}}</p>
|
||||||
<p><span class="font-medium">结算备注：</span>{{ scope.row.jsRemark || '-' }}
|
<p><span class="font-medium">结算备注：</span>{{ scope.row.jsRemark || '-' }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -159,215 +159,217 @@
|
|||||||
@size-change="handleSizeChange" @current-change="handleCurrentChange" small></el-pagination>
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" small></el-pagination>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<el-dialog v-model="dialogVisible2" :title="dialogType2 === 'addSon' ? '新增采购信息' : '编辑采购信息'" :width="dialogWidth"
|
||||||
|
:fullscreen="isFullscreen" :close-on-click-modal="false" :before-close="handleClose" destroy-on-close>
|
||||||
|
<!-- 表单内容 -->
|
||||||
|
<el-form ref="formRef" :model="form" :rules="formRules" label-width="140px" class="space-y-4">
|
||||||
|
<!-- 第一行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="批次" prop="batch">
|
||||||
|
<el-input v-model="form.batch" placeholder="请输入批次信息"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="联系单下达时间" prop="issuanceTime">
|
||||||
|
<el-date-picker v-model="form.issuanceTime" type="datetime" placeholder="选择联系单下达时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第二行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="要求到货数量" prop="requiredQuantity">
|
||||||
|
<el-input v-model="form.requiredQuantity" placeholder="请输入要求到货数量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="要求到货时间" prop="requireDelivery">
|
||||||
|
<el-date-picker v-model="form.requireDelivery" type="datetime" placeholder="选择要求到货时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第三行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="计划到货数量" prop="plannedQuantity">
|
||||||
|
<el-input v-model="form.plannedQuantity" placeholder="请输入计划到货数量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="计划到货时间" prop="scheduledDelivery">
|
||||||
|
<el-date-picker v-model="form.scheduledDelivery" type="datetime" placeholder="选择计划到货时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第四行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="实际到货验收数量" prop="actualAcceptance">
|
||||||
|
<el-input v-model="form.actualAcceptance" placeholder="请输入实际到货验收数量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="实际到货时间" prop="actualDelivery">
|
||||||
|
<el-date-picker v-model="form.actualDelivery" type="datetime" placeholder="选择实际到货时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第五行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="差异量" prop="differenceQuantity">
|
||||||
|
<el-input v-model="form.differenceQuantity" placeholder="请输入差异量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="到货差异量" prop="dhDifferenceQuantity">
|
||||||
|
<el-input v-model="form.dhDifferenceQuantity" placeholder="请输入到货差异量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第六行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="验收移交时间" prop="acceptanceCheck">
|
||||||
|
<el-date-picker v-model="form.acceptanceCheck" type="datetime" placeholder="选择验收移交时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="逾期状态" prop="expectedState">
|
||||||
|
<el-select v-model="form.expectedState" placeholder="请选择逾期状态">
|
||||||
|
<el-option label="未逾期" value="未逾期"></el-option>
|
||||||
|
<el-option label="已逾期" value="已逾期"></el-option>
|
||||||
|
<el-option label="即将逾期" value="即将逾期"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第七行 - 金额信息 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="货物金额" prop="cargoAmount">
|
||||||
|
<el-input v-model="form.cargoAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="预付款" prop="advance">
|
||||||
|
<el-input v-model="form.advance" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="投料款" prop="feed">
|
||||||
|
<el-input v-model="form.feed" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="到货验收款" prop="acceptancePayment">
|
||||||
|
<el-input v-model="form.acceptancePayment" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第八行 - 金额信息 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="调试款" prop="debugging">
|
||||||
|
<el-input v-model="form.debugging" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="质保金" prop="qualityGuarantee">
|
||||||
|
<el-input v-model="form.qualityGuarantee" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="结算金额" prop="settlementAmount">
|
||||||
|
<el-input v-model="form.settlementAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第九行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="交接方式" prop="associate">
|
||||||
|
<el-input v-model="form.associate" placeholder="请输入交接方式"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="转换为合同" prop="transition">
|
||||||
|
<el-select v-model="form.transition" placeholder="请选择是否转换为合同">
|
||||||
|
<el-option label="是" value="是"></el-option>
|
||||||
|
<el-option label="否" value="否"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第十行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="到货要求" prop="deliveryRequirements">
|
||||||
|
<el-input v-model="form.deliveryRequirements" placeholder="请输入到货要求" type="textarea"
|
||||||
|
rows="3"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第十一行 - 备注信息 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="采购备注" prop="cgRemark">
|
||||||
|
<el-input v-model="form.cgRemark" placeholder="请输入采购备注" type="textarea" rows="4"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="到货备注" prop="dhRemark">
|
||||||
|
<el-input v-model="form.dhRemark" placeholder="请输入到货备注" type="textarea" rows="4"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="供应商备注" prop="gysRemark">
|
||||||
|
<el-input v-model="form.gysRemark" placeholder="请输入供应商备注" type="textarea"
|
||||||
|
rows="4"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第十二行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="结算备注" prop="jsRemark">
|
||||||
|
<el-input v-model="form.jsRemark" placeholder="请输入结算备注" type="textarea" rows="3"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<!-- 底部按钮 -->
|
||||||
|
<template #footer>
|
||||||
|
<div class="flex justify-end gap-3">
|
||||||
|
<el-button @click="handleCancel" class="transition-all duration-200">
|
||||||
|
取消
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" @click="handleSubmit" :loading="submitLoading"
|
||||||
|
class="transition-all duration-200">
|
||||||
|
{{ dialogType2 === 'addSon' ? '新增' : '保存' }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog v-model="dialogVisible2" :title="dialogType2 === 'addSon' ? '新增采购信息' : '编辑采购信息'" :width="dialogWidth"
|
|
||||||
:fullscreen="isFullscreen" :close-on-click-modal="false" :before-close="handleClose" destroy-on-close>
|
|
||||||
<!-- 表单内容 -->
|
|
||||||
<el-form ref="formRef" :model="form" :rules="formRules" label-width="140px" class="space-y-4">
|
|
||||||
<!-- 第一行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="批次" prop="batch">
|
|
||||||
<el-input v-model="form.batch" placeholder="请输入批次信息"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="联系单下达时间" prop="issuanceTime">
|
|
||||||
<el-date-picker v-model="form.issuanceTime" type="datetime" placeholder="选择联系单下达时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第二行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="要求到货数量" prop="requiredQuantity">
|
|
||||||
<el-input v-model="form.requiredQuantity" placeholder="请输入要求到货数量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="要求到货时间" prop="requireDelivery">
|
|
||||||
<el-date-picker v-model="form.requireDelivery" type="datetime" placeholder="选择要求到货时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第三行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="计划到货数量" prop="plannedQuantity">
|
|
||||||
<el-input v-model="form.plannedQuantity" placeholder="请输入计划到货数量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="计划到货时间" prop="scheduledDelivery">
|
|
||||||
<el-date-picker v-model="form.scheduledDelivery" type="datetime" placeholder="选择计划到货时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第四行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="实际到货验收数量" prop="actualAcceptance">
|
|
||||||
<el-input v-model="form.actualAcceptance" placeholder="请输入实际到货验收数量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="实际到货时间" prop="actualDelivery">
|
|
||||||
<el-date-picker v-model="form.actualDelivery" type="datetime" placeholder="选择实际到货时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第五行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="差异量" prop="differenceQuantity">
|
|
||||||
<el-input v-model="form.differenceQuantity" placeholder="请输入差异量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="到货差异量" prop="dhDifferenceQuantity">
|
|
||||||
<el-input v-model="form.dhDifferenceQuantity" placeholder="请输入到货差异量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第六行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="验收移交时间" prop="acceptanceCheck">
|
|
||||||
<el-date-picker v-model="form.acceptanceCheck" type="datetime" placeholder="选择验收移交时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="逾期状态" prop="expectedState">
|
|
||||||
<el-select v-model="form.expectedState" placeholder="请选择逾期状态">
|
|
||||||
<el-option label="未逾期" value="未逾期"></el-option>
|
|
||||||
<el-option label="已逾期" value="已逾期"></el-option>
|
|
||||||
<el-option label="即将逾期" value="即将逾期"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第七行 - 金额信息 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="货物金额" prop="cargoAmount">
|
|
||||||
<el-input v-model="form.cargoAmount" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="预付款" prop="advance">
|
|
||||||
<el-input v-model="form.advance" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="投料款" prop="feed">
|
|
||||||
<el-input v-model="form.feed" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="到货验收款" prop="acceptancePayment">
|
|
||||||
<el-input v-model="form.acceptancePayment" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第八行 - 金额信息 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="调试款" prop="debugging">
|
|
||||||
<el-input v-model="form.debugging" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="质保金" prop="qualityGuarantee">
|
|
||||||
<el-input v-model="form.qualityGuarantee" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="结算金额" prop="settlementAmount">
|
|
||||||
<el-input v-model="form.settlementAmount" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第九行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="交接方式" prop="associate">
|
|
||||||
<el-input v-model="form.associate" placeholder="请输入交接方式"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="转换为合同" prop="transition">
|
|
||||||
<el-select v-model="form.transition" placeholder="请选择是否转换为合同">
|
|
||||||
<el-option label="是" value="是"></el-option>
|
|
||||||
<el-option label="否" value="否"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第十行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="到货要求" prop="deliveryRequirements">
|
|
||||||
<el-input v-model="form.deliveryRequirements" placeholder="请输入到货要求" type="textarea"
|
|
||||||
rows="3"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第十一行 - 备注信息 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="采购备注" prop="cgRemark">
|
|
||||||
<el-input v-model="form.cgRemark" placeholder="请输入采购备注" type="textarea" rows="4"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="到货备注" prop="dhRemark">
|
|
||||||
<el-input v-model="form.dhRemark" placeholder="请输入到货备注" type="textarea" rows="4"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="供应商备注" prop="gysRemark">
|
|
||||||
<el-input v-model="form.gysRemark" placeholder="请输入供应商备注" type="textarea" rows="4"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第十二行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="结算备注" prop="jsRemark">
|
|
||||||
<el-input v-model="form.jsRemark" placeholder="请输入结算备注" type="textarea" rows="3"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
<!-- 底部按钮 -->
|
|
||||||
<template #footer>
|
|
||||||
<div class="flex justify-end gap-3">
|
|
||||||
<el-button @click="handleCancel" class="transition-all duration-200">
|
|
||||||
取消
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" @click="handleSubmit" :loading="submitLoading"
|
|
||||||
class="transition-all duration-200">
|
|
||||||
{{ dialogType2 === 'addSon' ? '新增' : '保存' }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive, onMounted, toRaw, getCurrentInstance } from 'vue';
|
import { ref, reactive, onMounted, toRaw, getCurrentInstance } from 'vue';
|
||||||
@ -540,11 +542,11 @@ const materialsUsageDetails1 = () => {
|
|||||||
loading.value = true;
|
loading.value = true;
|
||||||
materialsUsageDetails({ physicalsupplyId: routeParams.value.id }).then(res => {
|
materialsUsageDetails({ physicalsupplyId: routeParams.value.id }).then(res => {
|
||||||
tableData.value = res.rows
|
tableData.value = res.rows
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
}).finally(() => {
|
}).finally(() => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 格式化日期
|
// 格式化日期
|
||||||
const formatDate = (dateString) => {
|
const formatDate = (dateString) => {
|
||||||
|
|||||||
@ -61,87 +61,89 @@
|
|||||||
@current-change="handleCurrentChange"></el-pagination>
|
@current-change="handleCurrentChange"></el-pagination>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 新增/编辑对话框 -->
|
||||||
|
<el-dialog v-model="dialogVisible" :title="dialogType === 'add' ? '新增记录' : '编辑记录'" :width="dialogWidth"
|
||||||
|
:fullscreen="isFullscreen" :before-close="handleDialogClose">
|
||||||
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" class="space-y-4">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="材料名称" prop="name">
|
||||||
|
<el-input v-model="formData.name" placeholder="请输入材料名称"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="规格" prop="specification">
|
||||||
|
<el-input v-model="formData.specification" placeholder="请输入规格"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="供应商" prop="supplier">
|
||||||
|
<el-input v-model="formData.supplier" placeholder="请输入供应商"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="运算周期(天)" prop="executionCycle">
|
||||||
|
<el-input v-model.number="formData.executionCycle" placeholder="请输入运算周期" type="number"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="安装量" prop="installationQuantity">
|
||||||
|
<el-input v-model="formData.installationQuantity" placeholder="请输入安装量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="安装比例" prop="installationRatio">
|
||||||
|
<el-input v-model="formData.installationRatio" placeholder="请输入安装比例" suffix="%"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="合同签订时间" prop="contractSigning">
|
||||||
|
<el-date-picker v-model="formData.contractSigning" type="datetime" placeholder="选择合同签订时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="生产周期(天)" prop="productionPhase">
|
||||||
|
<el-input v-model.number="formData.productionPhase" placeholder="请输入生产周期" type="number"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="供货要求" prop="supplyRequirements">
|
||||||
|
<el-input v-model="formData.supplyRequirements" placeholder="请输入供货要求" type="textarea"
|
||||||
|
:rows="3"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="formData.remark" placeholder="请输入备注信息" type="textarea" :rows="3"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<div class="flex justify-end gap-2">
|
||||||
|
<el-button @click="dialogVisible = false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="handleSave" :loading="saveLoading"> 保存 </el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增/编辑对话框 -->
|
|
||||||
<el-dialog v-model="dialogVisible" :title="dialogType === 'add' ? '新增记录' : '编辑记录'" :width="dialogWidth"
|
|
||||||
:fullscreen="isFullscreen" :before-close="handleDialogClose">
|
|
||||||
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px" class="space-y-4">
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="材料名称" prop="name">
|
|
||||||
<el-input v-model="formData.name" placeholder="请输入材料名称"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="规格" prop="specification">
|
|
||||||
<el-input v-model="formData.specification" placeholder="请输入规格"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="供应商" prop="supplier">
|
|
||||||
<el-input v-model="formData.supplier" placeholder="请输入供应商"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="运算周期(天)" prop="executionCycle">
|
|
||||||
<el-input v-model.number="formData.executionCycle" placeholder="请输入运算周期" type="number"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="安装量" prop="installationQuantity">
|
|
||||||
<el-input v-model="formData.installationQuantity" placeholder="请输入安装量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="安装比例" prop="installationRatio">
|
|
||||||
<el-input v-model="formData.installationRatio" placeholder="请输入安装比例" suffix="%"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="合同签订时间" prop="contractSigning">
|
|
||||||
<el-date-picker v-model="formData.contractSigning" type="datetime" placeholder="选择合同签订时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="生产周期(天)" prop="productionPhase">
|
|
||||||
<el-input v-model.number="formData.productionPhase" placeholder="请输入生产周期" type="number"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="供货要求" prop="supplyRequirements">
|
|
||||||
<el-input v-model="formData.supplyRequirements" placeholder="请输入供货要求" type="textarea" :rows="3"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="formData.remark" placeholder="请输入备注信息" type="textarea" :rows="3"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
|
|
||||||
<template #footer>
|
|
||||||
<div class="flex justify-end gap-2">
|
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="handleSave" :loading="saveLoading"> 保存 </el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -159,6 +161,7 @@ const total = ref(0);
|
|||||||
const currentPage = ref(1);
|
const currentPage = ref(1);
|
||||||
const pageSize = ref(10);
|
const pageSize = ref(10);
|
||||||
const loading = ref(false);
|
const loading = ref(false);
|
||||||
|
const saveLoading = ref(false);
|
||||||
|
|
||||||
// 搜索表单
|
// 搜索表单
|
||||||
const searchForm = reactive({
|
const searchForm = reactive({
|
||||||
@ -436,7 +439,7 @@ const handleDialogClose = () => {
|
|||||||
// 跳转
|
// 跳转
|
||||||
const jumpRouter = (row) => {
|
const jumpRouter = (row) => {
|
||||||
router.push({
|
router.push({
|
||||||
path: `/materials/purchaseSon`,
|
path: `/materials/usageMaterials/purchaseIndexSon`,
|
||||||
query: {
|
query: {
|
||||||
id: row.id,
|
id: row.id,
|
||||||
type: 'update'
|
type: 'update'
|
||||||
@ -449,5 +452,4 @@ onMounted(() => {
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped></style>
|
||||||
</style>
|
|
||||||
|
|||||||
@ -129,7 +129,7 @@
|
|||||||
<p><span class="font-medium">到货备注：</span>{{ scope.row.dhRemark || '-' }}
|
<p><span class="font-medium">到货备注：</span>{{ scope.row.dhRemark || '-' }}
|
||||||
</p>
|
</p>
|
||||||
<p><span class="font-medium">供应商备注：</span>{{ scope.row.gysRemark || '-'
|
<p><span class="font-medium">供应商备注：</span>{{ scope.row.gysRemark || '-'
|
||||||
}}</p>
|
}}</p>
|
||||||
<p><span class="font-medium">结算备注：</span>{{ scope.row.jsRemark || '-' }}
|
<p><span class="font-medium">结算备注：</span>{{ scope.row.jsRemark || '-' }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -159,233 +159,235 @@
|
|||||||
@size-change="handleSizeChange" @current-change="handleCurrentChange" small></el-pagination>
|
@size-change="handleSizeChange" @current-change="handleCurrentChange" small></el-pagination>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 删除确认对话框 -->
|
||||||
|
<el-dialog v-model="deleteDialogVisible2" title="确认删除" width="300px" :show-close="false">
|
||||||
|
<div class="text-center py-4">
|
||||||
|
<el-icon class="text-orange-500 text-4xl mb-3">
|
||||||
|
<WarningFilled />
|
||||||
|
</el-icon>
|
||||||
|
<p>确定要删除这条记录吗？</p>
|
||||||
|
<p class="text-gray-500 text-sm mt-2">此操作不可撤销，请谨慎操作</p>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<div class="flex justify-center gap-2">
|
||||||
|
<el-button @click="deleteDialogVisible2 = false">取消</el-button>
|
||||||
|
<el-button type="danger" @click="confirmDelete2" :loading="deleteLoading">
|
||||||
|
确认删除
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
<el-dialog v-model="dialogVisible2" :title="dialogType2 === 'addSon' ? '新增采购信息' : '编辑采购信息'" :width="dialogWidth"
|
||||||
|
:fullscreen="isFullscreen" :close-on-click-modal="false" :before-close="handleClose" destroy-on-close>
|
||||||
|
<!-- 表单内容 -->
|
||||||
|
<el-form ref="formRef" :model="form" :rules="formRules" label-width="140px" class="space-y-4">
|
||||||
|
<!-- 第一行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="批次" prop="batch">
|
||||||
|
<el-input v-model="form.batch" placeholder="请输入批次信息"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="联系单下达时间" prop="issuanceTime">
|
||||||
|
<el-date-picker v-model="form.issuanceTime" type="datetime" placeholder="选择联系单下达时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第二行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="要求到货数量" prop="requiredQuantity">
|
||||||
|
<el-input v-model="form.requiredQuantity" placeholder="请输入要求到货数量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="要求到货时间" prop="requireDelivery">
|
||||||
|
<el-date-picker v-model="form.requireDelivery" type="datetime" placeholder="选择要求到货时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第三行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="计划到货数量" prop="plannedQuantity">
|
||||||
|
<el-input v-model="form.plannedQuantity" placeholder="请输入计划到货数量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="计划到货时间" prop="scheduledDelivery">
|
||||||
|
<el-date-picker v-model="form.scheduledDelivery" type="datetime" placeholder="选择计划到货时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第四行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="实际到货验收数量" prop="actualAcceptance">
|
||||||
|
<el-input v-model="form.actualAcceptance" placeholder="请输入实际到货验收数量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="实际到货时间" prop="actualDelivery">
|
||||||
|
<el-date-picker v-model="form.actualDelivery" type="datetime" placeholder="选择实际到货时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第五行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="差异量" prop="differenceQuantity">
|
||||||
|
<el-input v-model="form.differenceQuantity" placeholder="请输入差异量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="到货差异量" prop="dhDifferenceQuantity">
|
||||||
|
<el-input v-model="form.dhDifferenceQuantity" placeholder="请输入到货差异量"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第六行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="验收移交时间" prop="acceptanceCheck">
|
||||||
|
<el-date-picker v-model="form.acceptanceCheck" type="datetime" placeholder="选择验收移交时间"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="逾期状态" prop="expectedState">
|
||||||
|
<el-select v-model="form.expectedState" placeholder="请选择逾期状态">
|
||||||
|
<el-option label="未逾期" value="未逾期"></el-option>
|
||||||
|
<el-option label="已逾期" value="已逾期"></el-option>
|
||||||
|
<el-option label="即将逾期" value="即将逾期"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第七行 - 金额信息 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="货物金额" prop="cargoAmount">
|
||||||
|
<el-input v-model="form.cargoAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="预付款" prop="advance">
|
||||||
|
<el-input v-model="form.advance" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="投料款" prop="feed">
|
||||||
|
<el-input v-model="form.feed" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="到货验收款" prop="acceptancePayment">
|
||||||
|
<el-input v-model="form.acceptancePayment" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第八行 - 金额信息 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="调试款" prop="debugging">
|
||||||
|
<el-input v-model="form.debugging" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="质保金" prop="qualityGuarantee">
|
||||||
|
<el-input v-model="form.qualityGuarantee" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="结算金额" prop="settlementAmount">
|
||||||
|
<el-input v-model="form.settlementAmount" placeholder="0.00" prefix="¥"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第九行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="交接方式" prop="associate">
|
||||||
|
<el-input v-model="form.associate" placeholder="请输入交接方式"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="转换为合同" prop="transition">
|
||||||
|
<el-select v-model="form.transition" placeholder="请选择是否转换为合同">
|
||||||
|
<el-option label="是" value="是"></el-option>
|
||||||
|
<el-option label="否" value="否"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第十行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="到货要求" prop="deliveryRequirements">
|
||||||
|
<el-input v-model="form.deliveryRequirements" placeholder="请输入到货要求" type="textarea"
|
||||||
|
rows="3"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第十一行 - 备注信息 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="采购备注" prop="cgRemark">
|
||||||
|
<el-input v-model="form.cgRemark" placeholder="请输入采购备注" type="textarea" rows="4"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="到货备注" prop="dhRemark">
|
||||||
|
<el-input v-model="form.dhRemark" placeholder="请输入到货备注" type="textarea" rows="4"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="供应商备注" prop="gysRemark">
|
||||||
|
<el-input v-model="form.gysRemark" placeholder="请输入供应商备注" type="textarea"
|
||||||
|
rows="4"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 第十二行 -->
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="结算备注" prop="jsRemark">
|
||||||
|
<el-input v-model="form.jsRemark" placeholder="请输入结算备注" type="textarea" rows="3"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<!-- 底部按钮 -->
|
||||||
|
<template #footer>
|
||||||
|
<div class="flex justify-end gap-3">
|
||||||
|
<el-button @click="handleCancel" class="transition-all duration-200">
|
||||||
|
取消
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" @click="handleSubmit" :loading="submitLoading"
|
||||||
|
class="transition-all duration-200">
|
||||||
|
{{ dialogType2 === 'addSon' ? '新增' : '保存' }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
<!-- 删除确认对话框 -->
|
|
||||||
<el-dialog v-model="deleteDialogVisible2" title="确认删除" width="300px" :show-close="false">
|
|
||||||
<div class="text-center py-4">
|
|
||||||
<el-icon class="text-orange-500 text-4xl mb-3">
|
|
||||||
<WarningFilled />
|
|
||||||
</el-icon>
|
|
||||||
<p>确定要删除这条记录吗？</p>
|
|
||||||
<p class="text-gray-500 text-sm mt-2">此操作不可撤销，请谨慎操作</p>
|
|
||||||
</div>
|
|
||||||
<template #footer>
|
|
||||||
<div class="flex justify-center gap-2">
|
|
||||||
<el-button @click="deleteDialogVisible2 = false">取消</el-button>
|
|
||||||
<el-button type="danger" @click="confirmDelete2" :loading="deleteLoading">
|
|
||||||
确认删除
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
<el-dialog v-model="dialogVisible2" :title="dialogType2 === 'addSon' ? '新增采购信息' : '编辑采购信息'" :width="dialogWidth"
|
|
||||||
:fullscreen="isFullscreen" :close-on-click-modal="false" :before-close="handleClose" destroy-on-close>
|
|
||||||
<!-- 表单内容 -->
|
|
||||||
<el-form ref="formRef" :model="form" :rules="formRules" label-width="140px" class="space-y-4">
|
|
||||||
<!-- 第一行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="批次" prop="batch">
|
|
||||||
<el-input v-model="form.batch" placeholder="请输入批次信息"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="联系单下达时间" prop="issuanceTime">
|
|
||||||
<el-date-picker v-model="form.issuanceTime" type="datetime" placeholder="选择联系单下达时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第二行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="要求到货数量" prop="requiredQuantity">
|
|
||||||
<el-input v-model="form.requiredQuantity" placeholder="请输入要求到货数量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="要求到货时间" prop="requireDelivery">
|
|
||||||
<el-date-picker v-model="form.requireDelivery" type="datetime" placeholder="选择要求到货时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第三行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="计划到货数量" prop="plannedQuantity">
|
|
||||||
<el-input v-model="form.plannedQuantity" placeholder="请输入计划到货数量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="计划到货时间" prop="scheduledDelivery">
|
|
||||||
<el-date-picker v-model="form.scheduledDelivery" type="datetime" placeholder="选择计划到货时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第四行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="实际到货验收数量" prop="actualAcceptance">
|
|
||||||
<el-input v-model="form.actualAcceptance" placeholder="请输入实际到货验收数量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="实际到货时间" prop="actualDelivery">
|
|
||||||
<el-date-picker v-model="form.actualDelivery" type="datetime" placeholder="选择实际到货时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第五行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="差异量" prop="differenceQuantity">
|
|
||||||
<el-input v-model="form.differenceQuantity" placeholder="请输入差异量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="到货差异量" prop="dhDifferenceQuantity">
|
|
||||||
<el-input v-model="form.dhDifferenceQuantity" placeholder="请输入到货差异量"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第六行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="验收移交时间" prop="acceptanceCheck">
|
|
||||||
<el-date-picker v-model="form.acceptanceCheck" type="datetime" placeholder="选择验收移交时间"
|
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="逾期状态" prop="expectedState">
|
|
||||||
<el-select v-model="form.expectedState" placeholder="请选择逾期状态">
|
|
||||||
<el-option label="未逾期" value="未逾期"></el-option>
|
|
||||||
<el-option label="已逾期" value="已逾期"></el-option>
|
|
||||||
<el-option label="即将逾期" value="即将逾期"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第七行 - 金额信息 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="货物金额" prop="cargoAmount">
|
|
||||||
<el-input v-model="form.cargoAmount" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="预付款" prop="advance">
|
|
||||||
<el-input v-model="form.advance" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="投料款" prop="feed">
|
|
||||||
<el-input v-model="form.feed" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="到货验收款" prop="acceptancePayment">
|
|
||||||
<el-input v-model="form.acceptancePayment" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第八行 - 金额信息 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="调试款" prop="debugging">
|
|
||||||
<el-input v-model="form.debugging" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="质保金" prop="qualityGuarantee">
|
|
||||||
<el-input v-model="form.qualityGuarantee" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="结算金额" prop="settlementAmount">
|
|
||||||
<el-input v-model="form.settlementAmount" placeholder="0.00" prefix="¥"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第九行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="交接方式" prop="associate">
|
|
||||||
<el-input v-model="form.associate" placeholder="请输入交接方式"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="转换为合同" prop="transition">
|
|
||||||
<el-select v-model="form.transition" placeholder="请选择是否转换为合同">
|
|
||||||
<el-option label="是" value="是"></el-option>
|
|
||||||
<el-option label="否" value="否"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第十行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="到货要求" prop="deliveryRequirements">
|
|
||||||
<el-input v-model="form.deliveryRequirements" placeholder="请输入到货要求" type="textarea"
|
|
||||||
rows="3"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第十一行 - 备注信息 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="采购备注" prop="cgRemark">
|
|
||||||
<el-input v-model="form.cgRemark" placeholder="请输入采购备注" type="textarea" rows="4"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="到货备注" prop="dhRemark">
|
|
||||||
<el-input v-model="form.dhRemark" placeholder="请输入到货备注" type="textarea" rows="4"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item label="供应商备注" prop="gysRemark">
|
|
||||||
<el-input v-model="form.gysRemark" placeholder="请输入供应商备注" type="textarea" rows="4"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<!-- 第十二行 -->
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="结算备注" prop="jsRemark">
|
|
||||||
<el-input v-model="form.jsRemark" placeholder="请输入结算备注" type="textarea" rows="3"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
<!-- 底部按钮 -->
|
|
||||||
<template #footer>
|
|
||||||
<div class="flex justify-end gap-3">
|
|
||||||
<el-button @click="handleCancel" class="transition-all duration-200">
|
|
||||||
取消
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" @click="handleSubmit" :loading="submitLoading"
|
|
||||||
class="transition-all duration-200">
|
|
||||||
{{ dialogType2 === 'addSon' ? '新增' : '保存' }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive, onMounted, toRaw, getCurrentInstance } from 'vue';
|
import { ref, reactive, onMounted, toRaw, getCurrentInstance } from 'vue';
|
||||||
@ -586,5 +588,4 @@ onMounted(() => {
|
|||||||
console.log('routeParams.value', routeParams.value);
|
console.log('routeParams.value', routeParams.value);
|
||||||
materialsUsageDetails1();
|
materialsUsageDetails1();
|
||||||
})
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
Reference in New Issue
Block a user