【预留处理】-修改预留弹窗调整

src/views/purchase/ownership/index.vue

@@ -92,39 +92,48 @@
     </div>
 
     <!-- 添加或修改任务对话框 -->
-    <el-dialog
-      :title="title"
-      :visible.sync="open"
-      width="700px"
-      append-to-body
-    >
-      <el-form
-        size="mini"
-        ref="form"
-        :model="form"
-        label-width="80px"
-        v-loading="dialogLoading"
-      >
-        <el-descriptions :column="1">
-          <el-descriptions-item label="单据来源">{{form.source}}</el-descriptions-item>
-          <el-descriptions-item label="创建时间">{{form.createTime}}</el-descriptions-item>
-          <el-descriptions-item label="客户">{{form.customerName}}</el-descriptions-item>
-          <el-descriptions-item label="仓库">{{form.warehouseName}}</el-descriptions-item>
-          <el-descriptions-item label="物料编码">{{form.materialCode}}</el-descriptions-item>
-          <el-descriptions-item label="物料" span="2">{{form.materialName}}</el-descriptions-item>
-          <el-descriptions-item label="已用量">{{form.usedQty}}</el-descriptions-item>
-          <el-descriptions-item label="预留数量">{{form.reservedQty}}</el-descriptions-item>
+    <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
+      <el-form :size="size" ref="form" :model="form" label-width="80px">
+        <el-descriptions :column="2">
+          <el-descriptions-item
+            v-for="({ item, attr }, index) in FormColumns"
+            :key="index"
+            :label="item.title"
+          >
+            <el-input
+              v-if="attr.is === 'el-input-number'"
+              type="number"
+              min="0"
+              :size="size"
+              v-model="form[item.key]"
+              @input="useFormQtyChange"
+            />
+            <span v-else>{{ form[item.key] }}</span>
+          </el-descriptions-item>
         </el-descriptions>
-        <el-form-item label="可用量">
-          <el-input
-            type="number"
-            min="0"
-            size="mini"
-            v-model="form.qty"
-            @input='useFormQtyChange'
-          />
-        </el-form-item>
       </el-form>
+      <!-- <el-super-form
+        v-model="form"
+        :dict="dict"
+        :rules="rules"
+        :size="size"
+        :columns="FormColumns"
+        ref="superForm"
+        label-width="auto"
+        label-position="right"
+      >
+        <template slot="qty" slot-scope="scope">
+          <component
+            v-bind="scope.attr"
+            v-model="scope.row[scope.item.key]"
+            :size="$attrs.size"
+            :source.sync="scope.row"
+            @change="useFormQtyChange"
+          >
+          </component
+        ></template>
+      </el-super-form> -->
+
       <div slot="footer">
         <el-button
           size="mini"
@@ -291,4 +300,5 @@ export default {
   line-height: var(--footer-height);
   color: #fff;
 }
+
 </style>