物资使用情况不显示问题

src/views/materials/usageMaterials/purchase/index.vue

@@ -61,87 +61,89 @@
           @current-change="handleCurrentChange"></el-pagination>
       </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>
-  <!-- 新增/编辑对话框 -->
-  <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>
 
 <script setup>
@@ -159,6 +161,7 @@ const total = ref(0);
 const currentPage = ref(1);
 const pageSize = ref(10);
 const loading = ref(false);
+const saveLoading = ref(false);
 
 // 搜索表单
 const searchForm = reactive({
@@ -436,7 +439,7 @@ const handleDialogClose = () => {
 // 跳转
 const jumpRouter = (row) => {
   router.push({
-    path: `/materials/purchaseSon`,
+    path: `/materials/usageMaterials/purchaseIndexSon`,
     query: {
       id: row.id,
       type: 'update'
@@ -449,5 +452,4 @@ onMounted(() => {
 });
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>