From 437b924667fafecbf16df6a4e5024f07274d1327 Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Thu, 9 Jun 2022 14:02:36 +0800
Subject: [PATCH] 0609danweimaterialcnumber

---
 hb_client/src/components/customForm/index.vue |   2 +-
 .../src/components/customForm/review.vue      |   2 +-
 hb_client/src/views/inm/fifo.vue              | 605 +++++++++---------
 hb_client/src/views/mtm/material.vue          |  21 +-
 hb_client/src/views/mtm/productList.vue       |  21 +-
 hb_client/src/views/mtm/step.vue              |  42 +-
 hb_client/src/views/mtm/wproductList.vue      |  21 +-
 7 files changed, 415 insertions(+), 299 deletions(-)

diff --git a/hb_client/src/components/customForm/index.vue b/hb_client/src/components/customForm/index.vue
index 8eadbca..2d4338d 100644
--- a/hb_client/src/components/customForm/index.vue
+++ b/hb_client/src/components/customForm/index.vue
@@ -3,7 +3,7 @@
     <el-form
       id="customerForm"
       ref="checkForm"
-      label-width="100px"
+      label-width="150px"
       :model="checkForm"
     >
       <el-row>
diff --git a/hb_client/src/components/customForm/review.vue b/hb_client/src/components/customForm/review.vue
index 5dc5417..b151cac 100644
--- a/hb_client/src/components/customForm/review.vue
+++ b/hb_client/src/components/customForm/review.vue
@@ -3,7 +3,7 @@
     <el-form
       id="customerForm"
       ref="checkForm"
-      label-width="100px"
+      label-width="150px"
       :model="checkForm"
     >
       <el-row>
diff --git a/hb_client/src/views/inm/fifo.vue b/hb_client/src/views/inm/fifo.vue
index 160e457..8331f0c 100644
--- a/hb_client/src/views/inm/fifo.vue
+++ b/hb_client/src/views/inm/fifo.vue
@@ -62,8 +62,8 @@
         height="100"
         v-el-height-adaptive-table="{ bottomOffset: 42 }"
       >
-        <el-table-column type="index" width="50" />
-        <el-table-column label="记录编号" prop="number"> </el-table-column>
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="记录编号" prop="number"></el-table-column>
         <el-table-column label="操作人员">
           <template slot-scope="scope" v-if="scope.row.create_by">
             {{ scope.row.create_by_.name }}
@@ -80,7 +80,7 @@
             <el-tag v-else>已审核</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="创建时间" prop="create_time"> </el-table-column>
+        <el-table-column label="创建时间" prop="create_time"></el-table-column>
         <el-table-column align="center" label="操作" width="220px">
           <template slot-scope="scope">
             <el-link
@@ -191,7 +191,7 @@
                     <span style="float: left">{{ item.batch }}</span>
                     <span
                       style="float: right; color: #8492a6; font-size: 13px"
-                      >{{ item.material_.name }}</span
+                    >{{ item.material_.name }}</span
                     >
                   </el-option>
                 </el-select>
@@ -349,7 +349,9 @@
                 <el-input v-model="item.batch" placeholder="批次号"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="5" style="margin-right: 10px">
+            </el-row>
+            <el-row>
+            <el-col :span="5">
               <el-form-item
                 class="expiration_date"
                 label="有效期"
@@ -365,6 +367,21 @@
                 </el-date-picker>
               </el-form-item>
             </el-col>
+            <el-col :span="18">
+              <el-form-item label="物料编号:">
+                <div v-for="(ob,ind) in item.details" :key="ob.number" style="display: inline-block">
+                  <span>{{ob.number}}</span>
+                  <el-button
+                    v-if="ob.number!==''"
+                    @click="deleteItemNumber(index,ind)"
+                    style="border: none;background: none;padding: 0;margin-top: 4px;"
+                  >
+                    <i class="el-icon-remove-outline" style="font-size: 20px"></i>
+                  </el-button>
+                </div>
+                <el-input style="width: 300px;" clearable v-model="itemDetails" placeholder="物料编号,回车确定编号" @keyup.enter.native="detailEnter(itemDetails,index)"></el-input>
+              </el-form-item>
+            </el-col>
             <!-- 删除按钮 -->
             <el-col :span="1">
               <el-tooltip
@@ -422,298 +439,308 @@
   </div>
 </template>
 <script>
-import {
-  getfifoList,
-  createInventory,
-  createInother,
-  getWarehouseList,
-  deleteFifoitem,
-  getmaterialbatchList,
-  deleteFifo,
-  audit,
-  outOther,
-} from "@/api/inm";
-import { getPuorderList } from "@/api/pum";
-import checkPermission from "@/utils/permission";
-import { getpVendorList } from "@/api/vendor";
-import { getMaterialList } from "@/api/mtm";
-import { getUserList } from "@/api/user";
-import { genTree } from "@/utils";
-import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
-const defaulteinventory = {
-  vendor: null,
-  details: [
-    {
-      warehouse: "", //仓库
-      material: "", // 物料
-      count: "", //数量
-      batch: "", //批次
-    },
-  ],
-};
-const defaulteoutfifo = {
-  details: [
-    {
-      material_batch: null,
-      count: null,
-    },
-  ],
-};
-export default {
-  components: { Pagination },
-  data() {
-    return {
-      inventory: defaulteinventory,
-      outfifo: defaulteoutfifo,
-      dialogVisibleout: false,
-      fifoList: {
-        count: 0,
+  import {
+    getfifoList,
+    createInventory,
+    createInother,
+    getWarehouseList,
+    deleteFifoitem,
+    getmaterialbatchList,
+    deleteFifo,
+    audit,
+    outOther,
+  } from "@/api/inm";
+  import {getPuorderList} from "@/api/pum";
+  import checkPermission from "@/utils/permission";
+  import {getpVendorList} from "@/api/vendor";
+  import {getMaterialList} from "@/api/mtm";
+  import {getUserList} from "@/api/user";
+  import {genTree} from "@/utils";
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  const defaulteinventory = {
+    vendor: null,
+    details: [
+      {
+        warehouse: "", //仓库
+        material: "", // 物料
+        count: "", //数量
+        batch: "", //批次
+        details:[],
       },
-      types_: {
-        1: "生产领料",
-        2: "销售提货",
-        3: "采购入库",
-        4: "生产入库",
-        5: "其他入库",
-        6:"其他出库",
+    ],
+  };
+  const defaulteoutfifo = {
+    details: [
+      {
+        material_batch: null,
+        count: null,
       },
-      inpur: {},
-      listQuery: {
-        page: 1,
-        page_size: 20,
-      },
-      puorderoptions: [],
-      materialbatchoptions: [],
-      warehouseData: [],
-      materialoptions: [],
-      vendoroptions: [],
-      listLoading: true,
-      dialogVisible: false,
-      dialogType: "new",
-      dialogVisibles: false,
-      rule1: {
-        name: [{ required: true, message: "请输入", trigger: "blur" }],
-      },
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {
-    this.getlists();
-    this.getList();
-    this.getListgys();
-    this.getmaterialList();
-    this.getpuorderList();
-  },
-  methods: {
-    checkPermission,
-
-    getList() {
-      this.listLoading = true;
-
-      getfifoList(this.listQuery).then((response) => {
-        if (response.data) {
-          this.fifoList = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-    //出入库详情
-    handleDetail(scope) {
-      this.$router.push({
-        name: "fifodetail",
-        params: { id: scope.row.id, pu_order: scope.row.pu_order },
-      });
-    },
-
-    //供应商列表
-    getListgys() {
-      getpVendorList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.vendoroptions = response.data;
-        }
-      });
-    },
-    //采购订单
-    getpuorderList() {
-      getPuorderList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.puorderoptions = response.data;
-        }
-      });
-    },
-    //采购入库提交
-    confirminpur() {
-      createInventory(this.inpur).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-          this.dialogVisibles = false;
-          this.$message.success("成功");
-        }
-      });
-    },
-    //仓库
-    getlists() {
-      getWarehouseList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.warehouseData = genTree(response.data);
-        }
-        this.listLoading = false;
-      });
-    },
-    handlecgCreate() {
-      this.dialogVisibles = true;
-    },
-    addConditions1() {
-    if (this.outfifo.details.length <= 10) {
-        this.outfifo.details.push({
-          material_batch: null,
-          count: null,
-        });
-      } else {
-        this.$message("最多可添加十项条件");
-      }
-    },
-    addConditions() {
-     
-           if (this.inventory.details.length <= 10) {
-        this.inventory.details.push({
-          warehouse: "", //仓库
-          material: "", // 物料
-          count: "", //数量
-          batch: "", // 批次
-        });
-      } else {
-        this.$message("最多可添加十项条件");
-      }
-    },
-    deleteItem(index) {
-      this.inventory.details.splice(index, 1);
-    },
-    deleteItem1(index) {
-      this.outfifo.details.splice(index, 1);
-    },
-    //物料
-    getmaterialList() {
-      this.listLoading = true;
-      getMaterialList({ pageoff: true }).then((response) => {
-        if (response.data) {
-          this.materialoptions = genTree(response.data);
-        }
-        this.listLoading = false;
-      });
-    },
-
-    //其他入库
-    handleCreate() {
-      this.inventory.details = [
-        {
-          warehouse: "", // 仓库
-          material: "", // 物料
-          count: "", //数量
-          batch: "", //批次
+    ],
+  };
+  export default {
+    components: {Pagination},
+    data() {
+      return {
+        inventory: defaulteinventory,
+        outfifo: defaulteoutfifo,
+        dialogVisibleout: false,
+        fifoList: {
+          count: 0,
         },
-      ];
-      this.inventory = Object.assign({}, defaulteinventory);
-      this.dialogType = "new";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-    //其他出库
-    handleoutCreate() {
-       this.outfifo.details = [
-        {
-          material_batch: null,
-          count: null,
+        itemDetails:'',
+        types_: {
+          1: "生产领料",
+          2: "销售提货",
+          3: "采购入库",
+          4: "生产入库",
+          5: "其他入库",
+          6: "其他出库",
+        },
+        inpur: {},
+        listQuery: {
+          page: 1,
+          page_size: 20,
+        },
+        puorderoptions: [],
+        materialbatchoptions: [],
+        warehouseData: [],
+        materialoptions: [],
+        vendoroptions: [],
+        listLoading: true,
+        dialogVisible: false,
+        dialogType: "new",
+        dialogVisibles: false,
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
         },
-      ];
-      this.outfifo = Object.assign({}, defaulteoutfifo);
-      this.dialogVisibleout = true;
-
-      getmaterialbatchList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.materialbatchoptions = response.data;
-        }
-      });
-
-      this.$nextTick(() => {
-        this.$refs["Formout"].clearValidate();
-      });
-    },
-    confirmoutfifo() {
-      console.log(this.outfifo);
-      outOther(this.outfifo).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-          this.dialogVisibleout = false;
-          this.$message.success("成功");
-        }
-      });
-    },
-
-    //审核
-    handleAudit(scope) {
-      this.$confirm("是否通过?", "提示", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "success",
-      })
-        .then(async () => {
-          await audit(scope.row.id);
-          this.getList();
-          this.$message.success("已审核");
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-    handleFilter() {
-      this.listQuery.page = 1;
-      this.getList();
-    },
-    resetFilter() {
-      this.listQuery = {
-        page: 1,
-        page_size: 20,
       };
+    },
+    computed: {},
+    watch: {},
+    created() {
+      this.getlists();
       this.getList();
+      this.getListgys();
+      this.getmaterialList();
+      this.getpuorderList();
     },
+    methods: {
+      detailEnter(item,index){
+        this.inventory.details[index].details.push({number:item});
+        this.itemDetails = '';
+      },
+      deleteItemNumber(index,ind){
+        this.inventory.details[index].details.splice(ind,1);
+      },
+      checkPermission,
+      getList() {
+        this.listLoading = true;
 
-    async confirm(form) {
-      console.log(this.inventory);
-
-      createInother(this.inventory).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-          this.dialogVisible = false;
-          this.$message.success("成功");
-        }
-      });
-    },
-    handleDelete(scope) {
-      this.$confirm("确认删除?", "警告", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "error",
-      })
-        .then(async () => {
-          await deleteFifo(scope.row.id);
-          this.getList();
-          this.$message.success("成功");
-        })
-        .catch((err) => {
-          console.error(err);
+        getfifoList(this.listQuery).then((response) => {
+          if (response.data) {
+            this.fifoList = response.data;
+          }
+          this.listLoading = false;
         });
+      },
+      //出入库详情
+      handleDetail(scope) {
+        this.$router.push({
+          name: "fifodetail",
+          params: {id: scope.row.id, pu_order: scope.row.pu_order},
+        });
+      },
+
+      //供应商列表
+      getListgys() {
+        getpVendorList({page: 0}).then((response) => {
+          if (response.data) {
+            this.vendoroptions = response.data;
+          }
+        });
+      },
+      //采购订单
+      getpuorderList() {
+        getPuorderList({page: 0}).then((response) => {
+          if (response.data) {
+            this.puorderoptions = response.data;
+          }
+        });
+      },
+      //采购入库提交
+      confirminpur() {
+        createInventory(this.inpur).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+            this.dialogVisibles = false;
+            this.$message.success("成功");
+          }
+        });
+      },
+      //仓库
+      getlists() {
+        getWarehouseList({page: 0}).then((response) => {
+          if (response.data) {
+            this.warehouseData = genTree(response.data);
+          }
+          this.listLoading = false;
+        });
+      },
+      handlecgCreate() {
+        this.dialogVisibles = true;
+      },
+      addConditions1() {
+        if (this.outfifo.details.length <= 10) {
+          this.outfifo.details.push({
+            material_batch: null,
+            count: null,
+          });
+        } else {
+          this.$message("最多可添加十项条件");
+        }
+      },
+      addConditions() {
+
+        if (this.inventory.details.length <= 10) {
+          this.inventory.details.push({
+            warehouse: "", //仓库
+            material: "", // 物料
+            count: "", //数量
+            batch: "", // 批次
+            details:[]
+          });
+        } else {
+          this.$message("最多可添加十项条件");
+        }
+      },
+      deleteItem(index) {
+        this.inventory.details.splice(index, 1);
+      },
+      deleteItem1(index) {
+        this.outfifo.details.splice(index, 1);
+      },
+      //物料
+      getmaterialList() {
+        this.listLoading = true;
+        getMaterialList({pageoff: true}).then((response) => {
+          if (response.data) {
+            this.materialoptions = genTree(response.data);
+          }
+          this.listLoading = false;
+        });
+      },
+
+      //其他入库
+      handleCreate() {
+        this.inventory.details = [
+          {
+            warehouse: "", // 仓库
+            material: "", // 物料
+            count: "", //数量
+            batch: "", //批次
+            details:[],
+          },
+        ];
+        this.inventory = Object.assign({}, defaulteinventory);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      //其他出库
+      handleoutCreate() {
+        this.outfifo.details = [
+          {
+            material_batch: null,
+            count: null,
+          },
+        ];
+        this.outfifo = Object.assign({}, defaulteoutfifo);
+        this.dialogVisibleout = true;
+
+        getmaterialbatchList({page: 0}).then((response) => {
+          if (response.data) {
+            this.materialbatchoptions = response.data;
+          }
+        });
+
+        this.$nextTick(() => {
+          this.$refs["Formout"].clearValidate();
+        });
+      },
+      confirmoutfifo() {
+        console.log(this.outfifo);
+        outOther(this.outfifo).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+            this.dialogVisibleout = false;
+            this.$message.success("成功");
+          }
+        });
+      },
+
+      //审核
+      handleAudit(scope) {
+        this.$confirm("是否通过?", "提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "success",
+        })
+          .then(async () => {
+            await audit(scope.row.id);
+            this.getList();
+            this.$message.success("已审核");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.getList();
+      },
+      resetFilter() {
+        this.listQuery = {
+          page: 1,
+          page_size: 20,
+        };
+        this.getList();
+      },
+
+      async confirm(form) {
+        console.log(this.inventory);
+
+        createInother(this.inventory).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+            this.dialogVisible = false;
+            this.$message.success("成功");
+          }
+        });
+      },
+      handleDelete(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deleteFifo(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+      //装箱
+      handlePack(scope) {
+        this.$router.push({
+          name: "salesdetail",
+          params: {id: scope.row.sale},
+        });
+      },
     },
-    //装箱
-    handlePack(scope) {
-      this.$router.push({
-        name: "salesdetail",
-        params: { id: scope.row.sale },
-      });
-    },
-  },
-};
+  };
 </script>
diff --git a/hb_client/src/views/mtm/material.vue b/hb_client/src/views/mtm/material.vue
index 5abc29d..4cb2a7f 100644
--- a/hb_client/src/views/mtm/material.vue
+++ b/hb_client/src/views/mtm/material.vue
@@ -261,8 +261,7 @@
           }, {
             value: '套',
             label: '套'
-          },
-          {
+          }, {
             value: '个',
             label: '个'
           }, {
@@ -271,6 +270,24 @@
           }, {
             value: '瓶',
             label: '瓶'
+          }, {
+            value: 'g',
+            label: 'g'
+          }, {
+            value: 'kg',
+            label: 'kg'
+          }, {
+            value: '卷',
+            label: '卷'
+          }, {
+            value: '张',
+            label: '张'
+          }, {
+            value: '支',
+            label: '支'
+          }, {
+            value: '袋',
+            label: '袋'
           },
         ],
         listQuery: {
diff --git a/hb_client/src/views/mtm/productList.vue b/hb_client/src/views/mtm/productList.vue
index f0dfaeb..7e7750e 100644
--- a/hb_client/src/views/mtm/productList.vue
+++ b/hb_client/src/views/mtm/productList.vue
@@ -216,8 +216,7 @@
           }, {
             value: '套',
             label: '套'
-          },
-          {
+          }, {
             value: '个',
             label: '个'
           }, {
@@ -226,6 +225,24 @@
           }, {
             value: '瓶',
             label: '瓶'
+          }, {
+            value: 'g',
+            label: 'g'
+          }, {
+            value: 'kg',
+            label: 'kg'
+          }, {
+            value: '卷',
+            label: '卷'
+          }, {
+            value: '张',
+            label: '张'
+          }, {
+            value: '支',
+            label: '支'
+          }, {
+            value: '袋',
+            label: '袋'
           },
         ],
         listQuery: {
diff --git a/hb_client/src/views/mtm/step.vue b/hb_client/src/views/mtm/step.vue
index b12d695..fc91076 100644
--- a/hb_client/src/views/mtm/step.vue
+++ b/hb_client/src/views/mtm/step.vue
@@ -245,7 +245,8 @@
               :model="tableForm"
               :close-on-click-modal="false"
               :visible.sync="dialogVisibleForm"
-              :title="tableForm.name">
+              :title="tableForm.name"
+            >
               <el-form
                 label-width="200px"
                 label-position="right"
@@ -312,6 +313,13 @@
                     </el-form-item>
                   </el-col>
                 </el-row>
+                <el-row style="box-sizing: border-box;padding-right: 50px">
+                  <el-col v-for="(item,$index) in dialogFieldList" :key="$index" :span="12">
+                    <el-form-item v-if="item.field_type==='draw'" :label="item.field_name">
+                      <img style="width: 500px;" :src="item.draw_template" alt="tupian">
+                    </el-form-item>
+                  </el-col>
+                </el-row>
               </el-form>
             </el-dialog>
           </el-card>
@@ -428,6 +436,20 @@
                     </el-col>
                   </el-row>
                 </el-form-item>
+                <el-form-item label="模板图片" v-if="field.field_type === 'draw'">
+                  <el-upload
+                    class="avatar-uploader"
+                    :action="upUrl"
+                    accept="image/jpeg, image/gif, image/png, image/bmp"
+                    :show-file-list="false"
+                    :on-success="handleAvatarSuccess"
+                    :before-upload="beforeAvatarUpload"
+                    :headers="upHeaders"
+                  >
+                    <img v-if="field.draw_template" :src="field.draw_template" class="avatar"/>
+                    <i v-else class="el-icon-plus avatar-uploader-icon"/>
+                  </el-upload>
+                </el-form-item>
                 <el-form-item label="排序" prop="sort">
                   <el-input-number v-model="field.sort" :min="1" placeholder="排序"></el-input-number>
                 </el-form-item>
@@ -496,6 +518,7 @@
           field_name: '',
           sort: '',
           field_choice: [""],
+          draw_template:''
         },
         field_choice: [''],
         options: [],
@@ -585,6 +608,10 @@
           {
             value: 'selects',
             label: '多选'
+          },
+          {
+            value: 'draw',
+            label: '绘图模板'
           }
         ],
         formList:[],
@@ -796,7 +823,18 @@
             .catch(() => {
             });
         }
-
+      },
+      handleAvatarSuccess(res, file) {
+        debugger;
+        console.log(res)
+        this.field.draw_template = res.data.path;
+      },
+      beforeAvatarUpload(file) {
+        const isLt2M = file.size / 1024 / 1024 < 2;
+        if (!isLt2M) {
+          this.$message.error("上传头像图片大小不能超过 2MB!");
+        }
+        return isLt2M;
       },
       //新增字段
       handlefieldCreate() {
diff --git a/hb_client/src/views/mtm/wproductList.vue b/hb_client/src/views/mtm/wproductList.vue
index b81c9ab..07dd963 100644
--- a/hb_client/src/views/mtm/wproductList.vue
+++ b/hb_client/src/views/mtm/wproductList.vue
@@ -190,8 +190,7 @@
             }, {
               value: '套',
               label: '套'
-            },
-            {
+            }, {
               value: '个',
               label: '个'
             }, {
@@ -200,6 +199,24 @@
             }, {
               value: '瓶',
               label: '瓶'
+            }, {
+              value: 'g',
+              label: 'g'
+            }, {
+              value: 'kg',
+              label: 'kg'
+            }, {
+              value: '卷',
+              label: '卷'
+            }, {
+              value: '张',
+              label: '张'
+            }, {
+              value: '支',
+              label: '支'
+            }, {
+              value: '袋',
+              label: '袋'
             },
           ],
           listQuery: {