暂存

src/apis/service/stock/allot/detail.js

@@ -12,4 +12,12 @@ export default {
   update: (data, params) => http(api + "allotedit", data, "post", params),
   // 状态
   status: (data, params) => http(api + "allotstatus", data, "post", params),
+  // 出库方发货
+  allotgetont: (data, params) => http(api + "allotgetont", data, "post", params),
+  // 异常原因列表
+  resultlist: (data, params) => http(api + "resultlist", data, "post", params),
+  // 入库方验货
+  allotgetin: (data, params) => http(api + "allotgetin", data, "post", params),
+  // 入库方验货审核
+  allotvesio: (data, params) => http(api + "allotvesio", data, "post", params),
 };

src/assets/js/btnList.js

@@ -18,5 +18,9 @@ const btnList = [
   { code: "017", name: "盘点结果上传" },
   { code: "018", name: "盘点结果审核" },
   { code: "019", name: "盘点商品导出" },
+  { code: "020", name: "入库方审核" },
+  { code: "021", name: "出库方发货" },
+  { code: "022", name: "入库方验货" },
+  { code: "023", name: "入库方验货审核" },
 ];
 export default btnList;

src/components/search-stock-good-modal/main.vue

@@ -166,8 +166,13 @@ export default {
         this.$message.warning("只能选择一条商品信息！");
         return;
       }
+      let list=JSON.parse(JSON.stringify(selection))
+      list.map(v=>{
+        delete v['id']
+        return v
+      })
       this.showModelThis = false;
-      this.$emit("searchChange", selection);
+      this.$emit("searchChange", list);
     },
   },
 };

src/utils/validate.js

@@ -187,6 +187,13 @@ export function isChinese(s) {
 export function isnumber(s) {
   return /^[0-9]*$/.test(s)
 }
+/**
+ * 数字或者带小数点的数字
+ * @param {*} s
+ */
+ export function isnumber2(s) {
+  return /^(([^0][0-9]+|0)\.([0-9]{1,2}))$/.test(s)
+}
 /**
  * 数字字母
  * @param {*} s

src/views/stock/allot/addEdit.vue

@@ -26,7 +26,7 @@ import resToken from "@/mixins/resToken";
 import AddForm from "./components/addForm"; //新建表单
 export default {
   name: "allot",
-  props: ["showModel", "id", "isDetail", "sitem"],
+  props: ["showModel", "id",  "sitem"],
   mixins: [resToken],
   components: {
     AddForm,

src/views/stock/allot/columns.js

@@ -9,27 +9,51 @@ export default [
   },
 
   {
-    prop: "wsm_out_name",
+    prop: "name",
     label: "出库仓库名称",
-    width: "172"
+    width: "95"
   },
 
   {
-    prop: "wsm_out",
+    prop: "wsm_code",
     label: "出库仓库编号",
     width: "172"
   },
+  {
+    prop: "rname",
+    label: "出库仓库所在公司",
+    width: "172"
+  },
+
+  {
+    prop: "code",
+    label: "出库仓库所在公司编号",
+    width: "145"
+  },
+
   {
     prop: "wsm_in_name",
     label: "入库仓库名称",
-    width: "172"
+    width: "95"
 
   },
   {
-    prop: "wsm_in",
+    prop: "wsm_in_code",
     label: "入库仓库编号",
     width: "172"
 
+  },
+  {
+    prop: "tname",
+    label: "入库仓库所在公司名称",
+    width: "172"
+
+  },
+  {
+    prop: "rcode",
+    label: "入库仓库所在公司编号",
+    width: "145"
+
   },
   {
     prop: "apply_name",
@@ -40,11 +64,11 @@ export default [
     prop: "status",
     label: "调拨状态",
     _slot_: "status",
-    width: "120px",
+    width: "130px",
   },
   {
     prop: "addtime",
-    label: "申请时间",
+    label: "创建时间",
     width: "145px",
   },
   {

src/views/stock/allot/components/addEdit-newApply.vue

@@ -1,384 +0,0 @@
-<template>
-  <el-dialog
-    :title="title"
-    :center="true"
-    align="left"
-    top="5vh"
-    width="1040px"
-    @close="closeModel"
-    :close-on-click-modal="false"
-    :visible.sync="showModelThis"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)"
-  >
-    <el-card>
-      <el-row :gutter="10">
-        <el-col :span="24">
-          <ex-table
-            v-loading="false"
-            :table="table"
-            :data="tableData"
-            :columns="columns"
-            :page="pageInfo"
-            :size="size"
-            @page-curr-change="handlePageChange"
-            @page-size-change="handleSizeChange"
-            @screen-reset="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-            @screen-submit="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-          >
-            <template #table-header="{}">
-              <div style="width: 100%; height: 40px"></div>
-            </template>
-          </ex-table>
-        </el-col>
-        <el-col :span="24" style="text-align: right; margin-top: 10px">
-          <el-button type="primary" @click="save">保 存 </el-button>
-          <!-- <el-button type="warning" @click="submitForm"
-            >保 存 并 发 起 流 程
-          </el-button> -->
-        </el-col>
-      </el-row>
-    </el-card>
-  </el-dialog>
-</template>
-   <script>
-import asyncRequest from "@/apis/service/stock/newApply";
-import resToken from "@/mixins/resToken";
-
-import {
-  isnumber,
-  isMobile,
-  validEmail,
-  isAlphanumeric,
-  isChinese,
-  isEmoticon,
-  validAlphabets,
-} from "@/utils/validate";
-export default {
-  name: "newApply",
-  props: ["showModel", "id", "isDetail", "sitem"],
-  mixins: [resToken],
-  data() {
-    const validateusername = (rule, value, callback) => {
-      // if (value === "") {
-      //   callback(new Error("账号不能为空！"));
-      // } else {
-      //   if (value.length < 6 || value.length > 18) {
-      //     callback(new Error("账号规则为6~18位数字与字母组合！"));
-      //   } else {
-      //     if (isnumber(value)) {
-      //       callback(new Error("账号规则为6~18位数字与字母组合！"));
-      //     } else if (validAlphabets(value)) {
-      //       callback(new Error("账号规则为6~18位数字与字母组合！"));
-      //     } else if (!isAlphanumeric(value)) {
-      //       callback(new Error("账号规则为6~18位数字与字母组合！"));
-      //     } else {
-      //       callback();
-      //     }
-      //   }
-      // }
-    };
-    const validatename = (rule, value, callback) => {
-      // if (value === "") {
-      //   callback(new Error("真实姓名不能为空！"));
-      // } else {
-      //   if (value.length < 2 || value.length > 12) {
-      //     callback(new Error("真实姓名规则为2~12位汉字！"));
-      //   } else {
-      //     if (!isChinese(value)) {
-      //       console.log(9999);
-      //       callback(new Error("真实姓名规则为2~12位汉字！"));
-      //     } else if (isEmoticon(value)) {
-      //       console.log(2345);
-      //       callback(new Error("真实姓名规则为2~12位汉字！"));
-      //     } else {
-      //       callback();
-      //     }
-      //   }
-      // }
-    };
-    const validatemobile = (rule, value, callback) => {
-      // if (value === "") {
-      //   callback(new Error("手机号不能为空！"));
-      // } else {
-      //   if (!isMobile(value)) {
-      //     callback(new Error("手机号格式不正确！"));
-      //   } else {
-      //     callback();
-      //   }
-      // }
-    };
-
-    const validateEmail = (rule, value, callback) => {
-      // if (value === "") {
-      //   callback();
-      // } else {
-      //   if (!validEmail(value)) {
-      //     callback(new Error("邮箱格式不正确！"));
-      //   } else {
-      //     callback();
-      //   }
-      // }
-    };
-    return {
-      loading: true,
-      showModel: false,
-      isDetail: false,
-      modelId: 0,
-      tableData: [], //渲染表格
-      //
-      // 表格 - 数据
-      tableData: [],
-      // 表格 - 参数
-      table: {
-        stripe: true,
-        border: true,
-        // _defaultHeader_: ["setcol"],
-      },
-      // 表格 - 分页
-      pageInfo: {
-        size: 15,
-        curr: 1,
-        total: 0,
-      },
-      // 表格 - 列参数
-      columns: [
-        {
-          prop: "nickname",
-          label: "商品编号",
-        },
-        {
-          prop: "role_name",
-          label: "商品名称",
-        },
-        {
-          prop: "mobile",
-          label: "数量",
-        },
-      ],
-      loading: false,
-      title: "添加账号",
-      showModelThis: this.showModel,
-      ruleForm: {
-        username: "", // 账号
-        name: "", // 真实姓名
-        mobile: "",
-        email: "",
-        role_id: "",
-        status: "1",
-        item: [],
-      },
-      rulesThis: this.rules,
-      rules: {
-        name: [
-          {
-            required: true,
-            validator: validatename,
-            trigger: "blur",
-          },
-        ],
-        username: [
-          {
-            required: true,
-            validator: validateusername,
-            trigger: "blur",
-          },
-        ],
-        mobile: [
-          {
-            required: true,
-            validator: validatemobile,
-            trigger: "blur",
-          },
-        ],
-        email: [
-          {
-            required: false,
-            validator: validateEmail,
-            trigger: "blur",
-          },
-        ],
-        role_id: [
-          {
-            required: true,
-            message: "请选择角色",
-            trigger: "change",
-          },
-        ],
-        item: [
-          {
-            type: "array",
-            required: true,
-            message: "请选择所在部门",
-            trigger: "change",
-          },
-        ],
-        status: [
-          {
-            required: true,
-            message: "请选择状态",
-            trigger: "change",
-          },
-        ],
-      },
-    };
-  },
-  watch: {
-    showModel: function (val) {
-      this.showModelThis = val;
-      if (val) {
-        this.initForm();
-      }
-    },
-    showModelThis(val) {
-      if (!val) {
-        this.$emit("cancel");
-      }
-    },
-  },
-  methods: {
-    closeModel() {
-      console.log("closeModel!!");
-    },
-    async initForm() {
-      this.loading = true;
-      this.title = "可调拨的商品";
-      {
-        //await this.getRole();
-        // if (this.id === "add") {
-        //   this.title = "添加账号";
-        //   this.rulesThis = this.rules;
-        //   await this.resetForm();
-        // } else {
-        //   if (this.isDetail) {
-        //     this.title = "账号详情";
-        //     this.rulesThis = {};
-        //   } else {
-        //     this.title = "修改账号";
-        //     this.rulesThis = this.rules;
-        //   }
-        //   await this.resetForm(this.sitem);
-        //   // await this.initData()
-        //}
-      }
-      this.loading = false;
-    },
-    // async getRole() {
-    //   const model = {
-    //     status: "", // 状态
-    //     level: "", // 姓名
-    //     role_name: "",
-    //   };
-    //   const res = await asyncRequest.getRole(model);
-    //   if (res && res.code === 0 && res.data) {
-    //     this.roleList = res.data;
-    //     this.roleList.map((v1) => {
-    //       v1.id += "";
-    //       v1.status += "";
-    //       return v1;
-    //     });
-    //   }
-    // },
-    async initData() {
-      // const res = await asyncRequest.detail({ id: this.id });
-      // if (res && res.code === 0 && res.data) {
-      //   this.ruleForm = res.data;
-      //   this.ruleForm.role_id = this.ruleForm.role;
-      // } else if (res && res.code >= 100 && res.code <= 104) {
-      //   await this.logout();
-      // } else {
-      //   this.$message.warning(res.message);
-      // }
-    },
-    async resetForm(sitem) {
-      // 重置
-      await this.$nextTick(() => {
-        // if (this.$refs.ruleForm) {
-        //   this.$refs.ruleForm.resetFields();
-        //   this.$refs.ruleForm.clearValidate();
-        //   const { username, nickname, mobile, email, roleid, status, item } =
-        //     sitem;
-        //   this.ruleForm = {
-        //     username: username || "", // 账号
-        //     name: nickname || "", // 真实姓名
-        //     mobile: mobile || "",
-        //     email: email || "",
-        //     role_id: roleid || "",
-        //     status: status || "",
-        //     item: item || [],
-        //   };
-        //   if (this.id === "add" || this.isDetail) {
-        //     this.rules.username[0].required = false;
-        //   }
-        // }
-      });
-    },
-    save() {
-      console.log("点击了保存");
-      this.showModel = false;//关闭弹窗，
-    },
-    async submitForm() {
-      console.log("点击了保存并发起流程");
-      // await this.$refs.ruleForm.validate(async (valid) => {
-      //   if (valid) {
-      //     this.loading = true;
-      //     const { username, name, mobile, email, role_id, status } = JSON.parse(
-      //       JSON.stringify(this.ruleForm)
-      //     );
-      //     const model = {
-      //       id: this.id,
-      //       username: username || "", // 账号
-      //       nickname: name || "", // 真实姓名
-      //       mobile: mobile || "",
-      //       email: email || "",
-      //       role: role_id || "",
-      //       status: status || "",
-      //     };
-      //     let res = {};
-      //     if (this.id === "add") {
-      //       delete model["id"];
-      //       res = await asyncRequest.add(model);
-      //     } else {
-      //       res = await asyncRequest.update(model);
-      //     }
-      //     this.loading = false;
-      //     if (res && res.code === 0) {
-      //       const title = this.id === "add" ? "添加成功" : "修改成功";
-      //       this.$notify.success({
-      //         title,
-      //         message: "",
-      //       });
-      //       this.showModelThis = false;
-      //       // 刷新
-      //       this.$emit("refresh");
-      //     } else if (res && res.code >= 100 && res.code <= 104) {
-      //       await this.logout();
-      //     } else {
-      //       this.$message.warning(res.message);
-      //     }
-      //   } else {
-      //     console.log("error submit!!");
-      //     return false;
-      //   }
-      // });
-    },
-  },
-};
-</script>
-
-   <style lang="scss" scoped>
-.setcol-table-lie {
-  display: none !important;
-}
-</style>
-   

src/views/stock/allot/components/addForm.vue

@@ -17,6 +17,7 @@
               <search-supplier
                 :value="ruleForm.supplier_code"
                 :placeholder="'请选择公司'"
+                :is-detail="id !== 'add'"
                 :names="supplier_name"
                 @searchChange="selectSupplier"
               />
@@ -40,6 +41,7 @@
               <search-supplier
                 :value="ruleForm.supplier_in_code"
                 :placeholder="'请选择公司'"
+                :is-detail="id !== 'add'"
                 :names="supplier_in_name"
                 @searchChange="selectSupplierIn"
               />
@@ -58,110 +60,113 @@
             </el-form-item>
           </el-col>
         </el-row>
-
-        <el-form-item
-          label="商品"
-          prop="product_go"
+      </el-form>
+    </el-col>
+    <el-col :span="24">
+      <el-row>
+        <el-col :span="24" style="padding: 0 0 10px 0">
+          <span>调拨商品：</span>
+          <el-button
+            :size="'mini'"
+            type="primary"
+            class="fr"
+            @click="openGoodsModel"
+            >添加商品</el-button
+          ></el-col
+        >
+      </el-row>
+      <el-form
+        :model="tableForm"
+        :rules="tableFormThis"
+        ref="tableForm"
+        :size="'mini'"
+        class="demo-tableForm product_go"
+      >
+        <el-table
+          :data="tableForm.product_go"
+          border
           :size="'mini'"
-          class="product_go"
+          row-key="key"
+          max-height="300px"
         >
-          <el-row>
-            <el-col :span="24" style="padding: 0 0 10px 0">
-              <el-button
-                :size="'mini'"
-                type="primary"
-                class="fr"
-                @click="openGoodsModel"
-                >添加商品</el-button
-              ></el-col
+          <template v-for="(item, index) in columns">
+            <el-table-column
+              show-overflow-tooltip
+              :prop="item.prop"
+              :label="item.label"
+              v-if="
+                item.prop !== 'allot_num' &&
+                item.prop !== 'error_num' &&
+                item.prop !== 'error_code' &&
+                item.prop !== 'error_remark'
+              "
+              :width="item.width"
+              :min-width="item.minWidth"
+              :key="item.prop + index"
+            />
+            <el-table-column
+              :prop="item.prop"
+              :label="item.label"
+              v-else-if="item.prop === 'allot_num'"
+              :width="item.width"
+              :min-width="item.minWidth"
+              :key="item.prop + index"
             >
-            <el-col :span="24">
-              <!-- row-key="key" -->
-              <el-table
-                :data="ruleForm.product_go"
-                border
-                :size="'mini'"
-                row-key="key"
-                max-height="400px"
-              >
-                <template v-for="(item, index) in columns">
-                  <el-table-column
-                    v-if="item.prop !== 'allot_num'"
-                    show-overflow-tooltip
-                    :prop="item.prop"
-                    :label="item.label"
-                    :width="item.width"
-                    :min-width="item.minWidth"
-                    :key="item.prop + index"
-                  >
-                  </el-table-column>
-                  <el-table-column
-                    :prop="item.prop"
-                    :label="item.label"
-                    :width="item.width"
-                    :min-width="item.minWidth"
-                    :key="item.prop + index"
-                    v-else
-                  >
-                    <template slot-scope="scope">
-                      <el-form-item
-                        :prop="'list.' + scope.$index + '.' + scope.row.id"
-                        :size="'mini'"
-                      >
-                        <el-input
-                          :size="'mini'"
-                          v-model="scope.row[item.prop]"
-                          v-if="scope.row.edit"
-                        ></el-input>
-                        <span v-else class="spscope">{{
-                          scope.row[item.prop]
-                        }}</span>
-                      </el-form-item>
-                    </template>
-                  </el-table-column>
-                </template>
+              <template slot-scope="scope">
+                <el-form-item
+                  :prop="'product_go.' + scope.$index + '.' + item.prop"
+                  :rules="scope.row.edit ? tableFormThis[item.prop] : {}"
+                  :size="'mini'"
+                >
+                  <el-input
+                    v-if="scope.row.edit === true"
+                    :size="'mini'"
+                    v-model="scope.row[item.prop]"
+                  />
+                  <span v-else class="spscope">{{ scope.row[item.prop] }}</span>
+                </el-form-item>
+              </template>
+            </el-table-column>
+          </template>
 
-                <el-table-column fixed="right" label="操作" width="80">
-                  <template slot-scope="scope">
-                    <el-tooltip
-                      effect="dark"
-                      content="编辑"
-                      v-if="!scope.row.edit"
-                      placement="top"
-                    >
-                      <i
-                        class="el-icon-edit tb-icon"
-                        @click="editRow(scope.$index)"
-                      ></i>
-                    </el-tooltip>
+          <el-table-column fixed="right" label="操作" width="80">
+            <template slot-scope="scope">
+              <el-tooltip
+                effect="dark"
+                content="编辑"
+                v-if="!scope.row.edit"
+                placement="top"
+              >
+                <i
+                  class="el-icon-edit tb-icon"
+                  @click="editRow(scope.$index)"
+                ></i>
+              </el-tooltip>
 
-                    <el-tooltip
-                      effect="dark"
-                      content="保存"
-                      v-if="scope.row.edit"
-                      placement="top"
-                    >
-                      <i
-                        class="el-icon-circle-check tb-icon"
-                        @click="checkRow(scope.$index)"
-                      ></i>
-                    </el-tooltip>
+              <el-tooltip
+                effect="dark"
+                content="保存"
+                v-if="scope.row.edit"
+                placement="top"
+              >
+                <i
+                  class="el-icon-circle-check tb-icon"
+                  @click="checkRow(scope.$index)"
+                ></i>
+              </el-tooltip>
 
-                    <el-tooltip effect="dark" content="删除" placement="top">
-                      <i
-                        class="el-icon-delete tb-icon"
-                        @click="deleteRow(scope.$index, ruleForm.product_go)"
-                      ></i>
-                    </el-tooltip>
-                  </template>
-                </el-table-column>
-              </el-table>
-            </el-col>
-          </el-row>
-        </el-form-item>
+              <el-tooltip effect="dark" content="删除" placement="top">
+                <i
+                  class="el-icon-delete tb-icon"
+                  @click="deleteRow(scope.$index, tableForm.product_go)"
+                ></i>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
       </el-form>
     </el-col>
-    <el-col :span="24" style="text-align: right">
+    <el-col :span="24" style="text-align: right; padding: 10px 0 0 0">
       <el-button
         type="primary"
         :size="'mini'"
@@ -183,15 +188,16 @@
    <script>
 import asyncRequest from "@/apis/service/stock/allot/detail";
 import resToken from "@/mixins/resToken";
+import { isnumber } from "@/utils/validate";
+import config from "./columns"; //表格列参数
 export default {
   name: "allot",
-  props: ["showModel", "id", "isDetail", "sitem"],
+  props: ["showModel", "id", "sitem", "newTime"],
   mixins: [resToken],
   data() {
     return {
       showGoodsModel: false,
       status: "",
-      // id: "",
       supplier_code: "",
       stock_in_code: "",
       supplier_name: "",
@@ -201,14 +207,18 @@ export default {
       loading: false,
       title: "新建调拨申请",
       showModelThis: this.showModel,
+      delList: [],
       ruleForm: {
         supplier_code: [], //出库供应商code
         stock_code: [], //出库仓库code
         supplier_in_code: [], //入库供应商code
         stock_in_code: [], //入库仓库code
+      },
+      tableForm: {
         product_go: [], //出库商品
       },
       rulesThis: this.rules,
+      tableFormThis: config.tableFormThis,
       rules: {
         supplier_code: [
           {
@@ -242,115 +252,8 @@ export default {
             trigger: "change",
           },
         ],
-        product_go: [
-          {
-            type: "array",
-            required: true,
-            message: "请选择商品",
-            trigger: "change",
-          },
-        ],
-        type_code: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
-        good_name: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
-        usable_stock: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
-        allot_num: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
-        unit: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
-        color: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
-
-        material: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
-        brand: [
-          {
-            required: false,
-            message: "",
-            trigger: "blur",
-          },
-        ],
       },
-      columns: [
-        {
-          prop: "type_code",
-          label: "商品编码",
-          width: "150",
-        },
-        {
-          prop: "good_name",
-          label: "商品名称",
-          minWidth: "180",
-        },
-        {
-          prop: "usable_stock",
-          label: "可用库存数",
-          width: "100",
-        },
-        {
-          prop: "allot_num",
-          label: "调拨数量",
-          width: "140",
-        },
-
-        // {
-        //   prop: "unit",
-        //   label: "单位",
-        //   width: "45",
-        // },
-        // {
-        //   prop: "color",
-        //   label: "商品颜色",
-        //   width: "70",
-        // },
-        // {
-        //   prop: "material",
-        //   label: "商品材质",
-        //   width: "70",
-        // },
-        // {
-        //   prop: "brand",
-        //   label: "品牌",
-        //   width: "70",
-        // },
-      ],
+      columns: [],
       tableData: [],
     };
   },
@@ -366,6 +269,11 @@ export default {
         this.$emit("cancel");
       }
     },
+    newTime: function (val) {
+      if (val) {
+        this.initForm();
+      }
+    },
   },
   mounted() {
     console.log("asd");
@@ -373,11 +281,6 @@ export default {
     this.initForm();
   },
   methods: {
-    // 删除行操作
-    deleteRow(index, rows) {
-      //   console.log(index, rows);
-      rows.splice(index, 1);
-    },
     closeModel() {
       this.$emit("closeModel");
     },
@@ -387,7 +290,7 @@ export default {
         return;
       }
 
-      let index = this.ruleForm.product_go.findIndex((v) => v.edit);
+      let index = this.tableForm.product_go.findIndex((v) => v.edit);
       if (index !== -1) {
         this.$message.warning("当前已有商品正在编辑！");
         return;
@@ -401,45 +304,58 @@ export default {
       if (this.id === "add") {
         this.status = "";
       }
+      this.columns = [];
+      let list = JSON.parse(JSON.stringify(config.columns));
+      list.forEach((v1) => {
+        if (v1.prop === "allot_num") {
+          v1.width = "160px";
+        }
+        this.columns.push(v1);
+      });
       this.rulesThis = this.rules;
       await this.resetForm();
       this.loading = false;
     },
-
-    async initData() {
-      const res = await asyncRequest.detail({ id: this.id });
-      if (res && res.code === 0 && res.data) {
-      } else if (res && res.code >= 100 && res.code <= 104) {
-        await this.logout();
-      } else {
-        this.$message.warning(res.message);
-      }
-    },
     async resetForm() {
       // 重置
       await this.$nextTick(() => {
-        if (this.$refs.ruleForm) {
+        if (this.$refs.ruleForm && this.$refs.tableForm) {
           this.$refs.ruleForm.resetFields();
           this.$refs.ruleForm.clearValidate();
-          const { item, wsm_in, wsm_out, wsm_in_name, wsm_out_name, status } =
-            this.sitem;
-          this.supplier_code = wsm_out || "";
-          this.stock_in_code = wsm_in || "";
+          this.$refs.tableForm.resetFields();
+          this.$refs.tableForm.clearValidate();
+          const {
+            item,
+            wsm_in,
+            wsm_out,
+            wsm_in_name,
+            wsm_out_name,
+            status,
+            out_code,
+            in_code,
+          } = this.sitem;
+          this.status = status;
+          this.supplier_code = out_code || "";
+          this.stock_in_code = in_code || "";
           this.supplier_name = wsm_out_name || "";
           this.supplier_in_name = wsm_in_name || "";
-          this.status = status;
+
           this.ruleForm = {
-            supplier_code: [] || [], //出库供应商code
-            stock_code: [wsm_out] || [], //出库仓库code
-            supplier_in_code: [] || [], //入库供应商code
-            stock_in_code: [wsm_in] || [], //入库仓库code
-            product_go: item||[], //出库商品
+            supplier_code: out_code ? [out_code] : [], //出库供应商code
+            stock_code: wsm_out ? [wsm_out] : [], //出库仓库code
+            supplier_in_code: in_code ? [in_code] : [], //入库供应商code
+            stock_in_code: wsm_in ? [wsm_in] : [], //入库仓库code
           };
-          this.ruleForm.product_go.map((v) => {
+          this.tableForm.product_go = [];
+          this.delList = [];
+          let list = JSON.parse(JSON.stringify(item));
+          //  item || []; //出库商品
+          list.forEach((v) => {
             v.usable_stock = v.usable_num;
             v.type_code = v.good_type_code;
-            v.edit = false
-            return v;
+            v.edit = false;
+            v.is_del = false;
+            this.tableForm.product_go.push(v);
           });
         }
       });
@@ -456,12 +372,7 @@ export default {
             isok = true,
             ishas = true,
             good = [];
-          this.ruleForm.product_go.forEach((v, i) => {
-            let goodModel = {
-              good_code: v.type_code,
-              allot_num: v.allot_num,
-            };
-
+          this.tableForm.product_go.forEach((v, i) => {
             if (v.edit && index === -1) {
               index = i;
             }
@@ -473,8 +384,8 @@ export default {
             if (num > stock) {
               isok = false;
             }
-            good.push(goodModel);
           });
+
           if (index !== -1) {
             this.$message.warning("当前已有商品正在编辑！");
             return;
@@ -489,7 +400,7 @@ export default {
           }
 
           this.loading = true;
-
+          good = this.getGoodList();
           const { stock_code, stock_in_code } = JSON.parse(
             JSON.stringify(this.ruleForm)
           );
@@ -533,40 +444,70 @@ export default {
         }
       });
     },
+    //提交表单前 商品信息list 汇总
+    getGoodList() {
+      let oldList = JSON.parse(JSON.stringify(this.tableForm.product_go)),
+        dList = JSON.parse(JSON.stringify(this.delList)),
+        resList = [];
+      oldList.forEach((v1) => {
+        let goodModel = {
+          id: v1.id || "",
+          good_code: v1.type_code,
+          allot_num: v1.allot_num,
+          is_del: false,
+        };
+        resList.push(goodModel);
+      });
+      dList.forEach((v2) => {
+        let goodModel = {
+          id: v2.id || "",
+          good_code: v2.type_code,
+          allot_num: v2.allot_num,
+          is_del: true,
+        };
+        resList.push(goodModel);
+      });
+      return resList;
+    },
+    // 删除行操作
+    deleteRow(index, rows) {
+      this.delList.push(rows[index]);
+      rows.splice(index, 1);
+    },
     //保存某一行
     checkRow(rowIndex) {
-      const { usable_stock, allot_num } = this.ruleForm.product_go[rowIndex];
-      let num = allot_num === "" ? "0" : allot_num;
-      if (allot_num === "0") {
-        this.$message.warning("调拨数量不能为0！");
+      const { usable_stock, allot_num } = this.tableForm.product_go[rowIndex];
+      if (!isnumber(allot_num)) {
+        this.$message.warning("请输入数字！");
         return;
       }
-      if (allot_num === "") {
-        this.$message.warning("调拨数量不能为空！");
+      if (allot_num === "0") {
+        this.$message.warning("调拨数量不能为0！");
         return;
       }
-      if (parseInt(num) > parseInt(usable_stock)) {
+      if (parseInt(allot_num) > parseInt(usable_stock)) {
         this.$message.warning("调拨数量不大于可用库存数！");
         return;
       }
-      this.ruleForm.product_go[rowIndex].edit = false;
+      this.tableForm.product_go[rowIndex].edit = false;
     },
     //编辑某一行
     editRow(rowIndex) {
-      let index = this.ruleForm.product_go.findIndex((v) => v.edit);
+      console.log(this.tableForm.product_go);
+      let index = this.tableForm.product_go.findIndex((v) => v.edit);
       if (index !== -1) {
         this.$message.warning("请完成其他行的编辑！");
         return;
       } else {
-        this.ruleForm.product_go[rowIndex].edit = true;
+        this.tableForm.product_go[rowIndex].edit = true;
       }
-      console.log(index);
     },
     // 执行点击商品名称的抛出事件
     addGoodsRes(e) {
-      let oldList = JSON.parse(JSON.stringify(this.ruleForm.product_go)),
+      let oldList = JSON.parse(JSON.stringify(this.tableForm.product_go)),
         addList = JSON.parse(JSON.stringify(e)),
-        newList = [].concat(...oldList);
+        newList = [].concat(...oldList),
+        dList = JSON.parse(JSON.stringify(this.delList));
       addList.forEach((v1, index) => {
         let oldindex = oldList.findIndex((v2) => v1.type_code === v2.type_code);
         if (oldindex === -1) {
@@ -575,8 +516,15 @@ export default {
           newList.push(addList[index]);
         }
       });
-      this.ruleForm.product_go = [].concat(...newList);
-      this.$refs.ruleForm.validateField("product_go");
+      newList.forEach((v3) => {
+        let otherindex = dList.findIndex((v4) => v3.type_code === v4.type_code);
+        if (otherindex !== -1) {
+          dList.splice(otherindex, 1);
+        }
+      });
+      this.tableForm.product_go = [].concat(...newList);
+      this.delList = [].concat(...dList);
+      this.$refs.tableForm.validateField("product_go");
     },
 
     // 选择出库仓库

src/views/stock/allot/components/checkStock.vue

@@ -1,574 +1,377 @@
 <template>
-  <div class="newApply pagePadding">
-    <div
-      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
-    >
+  <el-row class="addForm">
+    <el-col :span="24">
       <el-form
-        :disabled="myType !== 2"
-        :model="ruleForm"
-        :rules="rules"
-        ref="ruleForm"
-        label-width="110px"
+        :model="tableForm"
+        :rules="tableFormThis"
+        ref="tableForm"
+        :size="'mini'"
+        class="demo-tableForm product_go"
       >
-        <el-form-item label="验货审核" prop="check_audit">
-          <ex-table
-            v-loading="false"
-            :table="table"
-            :data="tableData"
-            :columns="columns"
-            :page="pageInfo"
-            :size="size"
-            @page-curr-change="handlePageChange"
-            @page-size-change="handleSizeChange"
-            @screen-reset="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-            @screen-submit="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-          >
-            <template #table-header="{}">
-              <div style="width: 100%; height: 40px"></div>
-            </template>
-            <template #operation="{ scope }">
-              <el-tooltip
-                v-if="powers.some((item) => item == '002')"
-                effect="dark"
-                content="重置密码"
-                placement="top"
-              >
-                <i
-                  class="el-icon-refresh-left tb-icon"
-                  @click="openPasswordModal(scope.row.id, false)"
-                ></i>
-              </el-tooltip>
+        <el-table
+          :data="tableForm.product_go"
+          border
+          :size="'mini'"
+          row-key="key"
+          max-height="300px"
+        >
+          <template v-for="(item, index) in columns">
+            <el-table-column
+              :prop="item.prop"
+              show-overflow-tooltip
+              :label="item.label"
+              v-if="item.prop !== 'stock_num'"
+              :width="item.width"
+              :min-width="item.minWidth"
+              :key="item.prop + index"
+            />
+            <el-table-column
+              :prop="item.prop"
+              :label="item.label"
+              v-else
+              :width="item.width"
+              :min-width="item.minWidth"
+              :key="item.prop + index"
+            >
+              <template slot-scope="scope">
+                <el-form-item
+                  :prop="'product_go.' + scope.$index + '.' + item.prop"
+                  :rules="scope.row.edit ? tableFormThis[item.prop] : {}"
+                  :size="'mini'"
+                >
+                  <el-input
+                    v-if="scope.row.edit === true"
+                    :size="'mini'"
+                    maxlength="250"
+                    clearable
+                    v-model="scope.row[item.prop]"
+                  />
+                  <span v-else class="spscope">{{ scope.row[item.prop] }}</span>
+                </el-form-item>
+              </template>
+            </el-table-column>
+          </template>
 
+          <el-table-column fixed="right" label="操作" width="80">
+            <template slot-scope="scope">
               <el-tooltip
-                v-if="powers.some((item) => item == '007')"
                 effect="dark"
-                content="详情"
-                placement="top"
-              >
-                <i
-                  class="el-icon-view tb-icon"
-                  @click="openModal(scope.row.id, true, scope.row)"
-                ></i>
-              </el-tooltip>
-              <el-tooltip
-                v-if="powers.some((item) => item == '005')"
-                effect="dark"
-                content="修改"
+                content="编辑"
+                v-if="!scope.row.edit"
                 placement="top"
               >
                 <i
                   class="el-icon-edit tb-icon"
-                  @click="openModal(scope.row.id, false, scope.row)"
+                  @click="editRow(scope.$index)"
                 ></i>
               </el-tooltip>
-              <el-tooltip
-                v-if="
-                  powers.some((item) => item == '004') &&
-                  scope.row.status === '1'
-                "
-                effect="dark"
-                content="禁用"
-                placement="top"
-              >
-                <i
-                  class="el-icon-video-pause tb-icon"
-                  @click="statusConfirm(scope.row.id, scope.row.status)"
-                ></i>
-              </el-tooltip>
-              <el-tooltip
-                v-if="
-                  powers.some((item) => item == '004') &&
-                  scope.row.status === '0'
-                "
-                effect="dark"
-                content="启用"
-                placement="top"
-              >
-                <i
-                  class="el-icon-video-play tb-icon"
-                  @click="statusConfirm(scope.row.id, scope.row.status)"
-                ></i>
-              </el-tooltip>
-            </template>
-          </ex-table>
-        </el-form-item>
-        <!-- <el-form-item label="发货物流编号" prop="expressage_sn">
-          <el-input
-            type="number"
-            :rows="2"
-            style="width: 30%"
-            placeholder="请输入物流单号"
-            :size="searchSize"
-            v-model="expressage"
-            clearable
-          >
-          </el-input>
-        </el-form-item>
-        <el-form-item label="发货物流费用" prop="expressage_cost">
-          <el-input
-            type="number"
-            style="width: 20%"
-            placeholder="请输入物流费用"
-            :size="searchSize"
-            v-model="expressage"
-            clearable
-          >
-          </el-input>
-        </el-form-item> -->
-        <el-form-item>
-          <el-col :span="24" style="text-align: right; margin-top: 10px">
-            <el-button type="primary" @click="save">保 存 </el-button>
-            <!-- <el-button type="warning" @click="submitForm"
-              >保 存 并 发 起 流 程
-            </el-button> -->
-          </el-col>
-        </el-form-item>
-        <!-- 入库方审核备注 -->
 
-        <!-- 物流费用 -->
-        <!-- <el-form-item label="入库仓库" prop="stock_in_rule">
-          <el-cascader
-            placeholder="请选择入库仓库"
-            filterable
-            clearable
-            :size="searchSize"
-            v-model="selectStock_in"
-            :options="options"
-            style="width: 30%"
-            @change="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              stockName();
-            "
-          ></el-cascader>
-        </el-form-item>
-        <el-form-item label="出库商品" prop="stock_go_product">
-          <ex-table
-            v-loading="false"
-            :table="table"
-            :data="tableData"
-            :columns="columns"
-            :page="pageInfo"
-            :size="size"
-            @page-curr-change="handlePageChange"
-            @page-size-change="handleSizeChange"
-            @screen-reset="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-            @screen-submit="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-          >
-            <template #table-header="{}">
-              <div style="width: 100%; height: 40px"></div>
-            </template>
-            <template #operation="{ scope }">
               <el-tooltip
-                v-if="powers.some((item) => item == '002')"
                 effect="dark"
-                content="重置密码"
+                content="保存"
+                v-if="scope.row.edit"
                 placement="top"
               >
                 <i
-                  class="el-icon-refresh-left tb-icon"
-                  @click="openPasswordModal(scope.row.id, false)"
+                  class="el-icon-circle-check tb-icon"
+                  @click="checkRow(scope.$index)"
                 ></i>
               </el-tooltip>
 
-              <el-tooltip
-                v-if="powers.some((item) => item == '007')"
-                effect="dark"
-                content="详情"
-                placement="top"
-              >
-                <i
-                  class="el-icon-view tb-icon"
-                  @click="openModal(scope.row.id, true, scope.row)"
-                ></i>
-              </el-tooltip>
-              <el-tooltip
-                v-if="powers.some((item) => item == '005')"
-                effect="dark"
-                content="修改"
-                placement="top"
-              >
+              <el-tooltip effect="dark" content="重置" placement="top">
                 <i
-                  class="el-icon-edit tb-icon"
-                  @click="openModal(scope.row.id, false, scope.row)"
-                ></i>
-              </el-tooltip>
-              <el-tooltip
-                v-if="
-                  powers.some((item) => item == '004') &&
-                  scope.row.status === '1'
-                "
-                effect="dark"
-                content="禁用"
-                placement="top"
-              >
-                <i
-                  class="el-icon-video-pause tb-icon"
-                  @click="statusConfirm(scope.row.id, scope.row.status)"
-                ></i>
-              </el-tooltip>
-              <el-tooltip
-                v-if="
-                  powers.some((item) => item == '004') &&
-                  scope.row.status === '0'
-                "
-                effect="dark"
-                content="启用"
-                placement="top"
-              >
-                <i
-                  class="el-icon-video-play tb-icon"
-                  @click="statusConfirm(scope.row.id, scope.row.status)"
+                  class="el-icon-refresh-left tb-icon"
+                  @click="resetRow(scope.$index)"
                 ></i>
               </el-tooltip>
             </template>
-          </ex-table>
-        </el-form-item> -->
+          </el-table-column>
+        </el-table>
       </el-form>
-
-      <add-edit
-        :id="modelId"
-        :sitem="sitem"
-        :show-model="showModel"
-        :is-detail="isDetail"
-        @refresh="searchList"
-        @cancel="showModel = false"
+    </el-col>
+    <el-col :span="24" style="text-align: right; padding: 10px 0 0 0">
+      <el-button
+        type="primary"
+        :size="'mini'"
+        @click="submitForm"
+        v-if="!isDetail"
+        >保 存
+      </el-button>
+    </el-col>
+    <el-col :span="24">
+      <search-stock-good-modal
+        :show-model="showGoodsModel"
+        :code="stockCode"
+        @cancel="showGoodsModel = false"
+        @searchChange="addGoodsRes"
       />
-    </div>
-    <div v-else>
-      <no-auth></no-auth>
-    </div>
-  </div>
+    </el-col>
+  </el-row>
 </template>
    <script>
-import mixinPage from "@/mixins/elPaginationHandle";
+import asyncRequest from "@/apis/service/stock/allot/detail";
 import resToken from "@/mixins/resToken";
-import statusList from "@/assets/js/statusList";
-// import asyncRequest from "@/apis/service/stock/newApply";
-import asyncRequest from "@/mock/service/stock/newApply";
-import addEdit from "./addEdit-newApply";
-import { mapGetters } from "vuex";
-
+import { isnumber } from "@/utils/validate";
+import config from "./columns"; //表格列参数
 export default {
-  name: "allotFlow",
-  mixins: [mixinPage, resToken],
-  components: {
-    addEdit,
-  },
-  computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
-    powers() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "allotFlow"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-  },
+  name: "allot",
+  props: ["showModel", "id", "sitem", "newTime"],
+  mixins: [resToken],
   data() {
     return {
-      options: [
-        {
-          value: "选项1",
-          label: "顺丰",
-        },
-        {
-          value: "选项2",
-          label: "韵达",
-        },
-        {
-          value: "选项3",
-          label: "中通",
-        },
-      ],
-      value: "",
-      // selectStock_in: "", //选择的入库仓库名称
-      // selectStock_go: "", //选择的出库仓库名称
-      // stock_go: "", //出库仓库name
-      // stock_in: "", //入库仓库name
-      //   options: [], //用于渲染二级仓库名
-      ruleForm: {},
-      rules: {
-        //出入库规则
-        check_audit: [
-          {
-            required: true,
-          },
-        ],
+      options: [],
+      showGoodsModel: false,
+      status: "",
+      isDisabled: true,
+      isDisabledIn: true,
+      loading: false,
+      tableForm: {
+        product_go: [], //出库商品
       },
-      expressage: "",
-      expressage_cost: 0,
-      loading: true,
-      showModel: false,
-      isDetail: false,
-      modelId: 0,
-      tableData: [], //渲染表格
-      //
-      // 表格 - 数据
+      tableFormThis: config.tableFormThis,
+      columns: [],
       tableData: [],
-      // 表格 - 参数
-      table: {
-        stripe: true,
-        border: true,
-        // _defaultHeader_: ["setcol"],
-      },
-      // 表格 - 分页
-      pageInfo: {
-        size: 15,
-        curr: 1,
-        total: 0,
-      },
-      // 表格 - 列参数
-      columns: [
-        {
-          prop: "nickname",
-          label: "商品编号",
-        },
-        {
-          prop: "role_name",
-          label: "商品名称",
-        },
-        {
-          prop: "mobile",
-          label: "总数量",
-        },
-        {
-          prop: "mobile",
-          label: "异常数量",
-        },
-        {
-          prop: "mobile",
-          label: "异常备注",
-        },
-        {
-          prop: "mobile",
-          label: "入库数量",
-        },
-        {
-          prop: "",
-          label: "操作",
-          fixed: "right",
-          _noset_: true,
-          _slot_: "operation",
-        },
-      ],
-      // sitem: null,
-      // // 状态
-      // statusOptions: [
-      //   { id: "0", label: "禁用" },
-      //   { id: "1", label: "启用" },
-      // ],
-      parmValue: {
-        //入参
-        // name: "", // 业务员名字
-        // username: "", // 账号
-        // status: "", //
-        // page: 1, // 页码
-        // size: 15, // 每页显示条数
-      },
-      // passwordModel: false,
-      // passwordModelId: 0,
-      // isPasswordDetail: false,
-      // statusList: statusList,
     };
   },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+    newTime: function (val) {
+      if (val) {
+        this.initForm();
+      }
+    },
+  },
   mounted() {
-    this.searchList();
-    // this.stockName(); //假数据,获取二级仓库名
+    console.log("asd");
+    // this.id = this.$route.query.id;
+    this.initForm();
   },
-
   methods: {
-    restSearch() {
-      //重置入参
-      this.parmValue = {
-        // name: "", // 业务员名字
-        // username: "", // 账号
-        // status: "", //
-        // page: 1, // 页码
-        // size: 10, // 每页显示条数
-      };
-      this.searchList();
+    closeModel() {
+      this.$emit("closeModel");
     },
+    openGoodsModel() {
+      let index = this.tableForm.product_go.findIndex((v) => v.edit);
+      if (index !== -1) {
+        this.$message.warning("当前已有商品正在编辑！");
+        return;
+      }
 
-    openModal(id, isDetail, sitem) {
-      this.showModel = true;
-      this.modelId = id;
-      this.isDetail = isDetail;
-      this.sitem = sitem;
+      this.showGoodsModel = true;
     },
-    async deleteById(id, status) {
-      // await this.$confirm("确定要删除？", {
-      //   confirmButtonText: "确定",
-      //   cancelButtonText: "取消",
-      //   type: "warning",
-      // })
-      //   .then(async () => {
-      //     const model = {
-      //       id: id,
-      //       status: status === "1" ? "0" : "1",
-      //     };
-      //     const res = await asyncRequest.status(model);
-      //     if (res && res.code === 0) {
-      //       this.$notify.success({
-      //         title: "删除成功",
-      //         message: "",
-      //       });
-      //       this.searchList();
-      //     } else if (res && res.code >= 100 && res.code <= 104) {
-      //       await this.logout();
-      //     } else {
-      //       this.$message.warning(res.message);
-      //     }
-      //   })
-      //   .catch(() => {
-      //     console.log("取消");
-      //   });
+
+    async initForm() {
+      this.loading = true;
+      this.columns = [];
+      let list = JSON.parse(JSON.stringify(config.columns));
+      list.forEach((v1) => {
+        if (v1.prop === "stock_num") {
+          v1.width = "160px";
+        }
+        this.columns.push(v1);
+      });
+      await this.getresultlist();
+      //
+      await this.resetForm();
+      this.loading = false;
     },
-    async searchList() {
-      // this.loading = true;
-      // const res = await asyncRequest.list(this.parmValue);
-      // if (res && res.code === 0 && res.data) {
-      //   this.tableData = res.data.list;
-      //   this.pageInfo.total = Number(res.data.count);
-      // } else if (res && res.code >= 100 && res.code <= 104) {
-      //   await this.logout();
-      // } else {
-      //   this.tableData = [];
-      //   this.pageInfo.total = 0;
-      // }
-      // this.loading = false;
+    async getresultlist() {
+      const res = await asyncRequest.resultlist({
+        page: 1,
+        size: 100,
+        status: "",
+      });
+      if (res && res.code === 0 && res.data) {
+        const { list } = res.data;
+        this.options = list;
+        console.log(this.options);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
     },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.tableForm) {
+          this.$refs.tableForm.resetFields();
+          this.$refs.tableForm.clearValidate();
+          const { item, status } = this.sitem;
+          this.status = status;
 
-    async statusConfirm(id, status) {
-      // let str = status === "1" ? "禁用" : "启用";
-      // await this.$confirm("确定要改为" + str + "?", {
-      //   confirmButtonText: "确定",
-      //   cancelButtonText: "取消",
-      //   type: "warning",
-      // })
-      //   .then(async () => {
-      //     this.loading = true;
-      //     const model = {
-      //       id: id,
-      //       status: status === "1" ? "0" : "1",
-      //     };
-      //     const res = await asyncRequest.status(model);
-      //     if (res && res.code === 0) {
-      //       this.loading = false;
-      //       this.$notify.success({
-      //         title: "状态修改成功！",
-      //         message: "",
-      //       });
-      //       await this.searchList();
-      //     } else if (res && res.code >= 100 && res.code <= 104) {
-      //       await this.logout();
-      //     } else {
-      //       this.$message.warning(res.message);
-      //     }
-      //   })
-      //   .catch(() => {
-      //     console.log("取消");
-      //   });
+          this.tableForm.product_go = [];
+          let list = JSON.parse(JSON.stringify(item));
+          //  item || []; //出库商品
+          list.forEach((v) => {
+            v.usable_stock = v.usable_num;
+            v.type_code = v.good_type_code;
+            v.error_num = "0";
+            v.error_code = "";
+            v.error_remark = "";
+            v.stock_num = "0";
+            v.edit = false;
+            this.tableForm.product_go.push(v);
+          });
+        }
+      });
     },
-    // async stockName() {
-    //   //获取多级仓库名称的方法
-    //   const res = await asyncRequest.listAll(this.parmValue);
-    //   // console.log(res.data);
-    //   // this.openModal("005", true);
-    //   // console.log(this.selectStock_go);
-    //   // console.log(this.selectStock_in);
-    //   // this.options = res.data;
-    //   // console.log(this.options);
-    //   let arr = res.data;
-    //   // console.log(arr);
-    //   arr.forEach((ele) => {
-    //     //重新封装后台传递来的数据,转换格式
-    //     let item = {
-    //       value: ele.id,
-    //       label: ele.name,
-    //       children: [],
-    //     };
-    //     ele.child.forEach((elem) => {
-    //       let model = {
-    //         value: elem.id,
-    //         label: elem.name,
-    //       };
-    //       item.children.push(model);
-    //     });
-    //     this.options.push(item);
-    //   });
-    //   this.options.forEach((ele) => {
-    //     //从数据表中筛选出我们要用的数据
-    //     if (ele.value === this.selectStock_go[0]) {
-    //       ele.children.forEach((elem) => {
-    //         if (elem.value === this.selectStock_go[1]) {
-    //           this.stock_go = ele.label + "/" + elem.label;
-    //         }
-    //       });
-    //     }
-    //     if (ele.value === this.selectStock_in[0]) {
-    //       ele.children.forEach((elem) => {
-    //         if (elem.value === this.selectStock_in[1]) {
-    //           this.stock_in = ele.label + "/" + elem.label;
-    //         }
-    //       });
-    //     }
-    //   });
-    //   if (this.selectStock_in != "" || this.selectStock_go != "") {
-    //     console.log("选择了一个项目");
-    //     this.openModal("005", true);
-    //   }
-    //   // console.log(this.stock_go);
-    //   // console.log(this.stock_in);
-    //   // console.log(this.pageInfo.total);
-    //   this.compareStock(); //比较出库仓库和入库仓库是否相同
-    // },
 
-    compareStock() {
-      //比较出库仓库和入库仓库是否相同
-      if (
-        this.stock_go === this.stock_in &&
-        this.stock_go !== "" &&
-        this.stock_go != ""
-      ) {
-        console.log("出库仓库和入库仓库相同");
-        this.$message({
-          message: "出库仓库不能和入库仓库相同",
-          type: "error",
+    async submitForm() {
+      let index = -1,
+        good = [];
+      this.tableForm.product_go.forEach((v, i) => {
+        if (v.edit && index === -1) {
+          index = i;
+        }
+      });
+
+      if (index !== -1) {
+        this.$message.warning("当前已有商品正在编辑！");
+        return;
+      }
+      this.loading = true;
+      good = this.getGoodList();
+      const model = {
+        allot_code: this.sitem.allot_code,
+        good: good,
+      };
+      let res = await asyncRequest.allotvesio(model);
+      this.loading = false;
+      if (res && res.code === 0) {
+        this.$notify.success({
+          title: "入库方验货结果提交成功",
+          message: "",
         });
+
+        this.showModelThis = false;
+        // 刷新
+        this.$emit("refresh");
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    //提交表单前 商品信息list 汇总
+    getGoodList() {
+      let oldList = JSON.parse(JSON.stringify(this.tableForm.product_go)),
+        resList = [];
+      oldList.forEach((v1) => {
+        let goodModel = {
+          good_code: v1.type_code,
+          usable_num: v1.usable_stock,
+          error_num: v1.error_num,
+          error_remark: v1.error_remark,
+          stock_num:v1.stock_num,
+          error_code: v1.error_code,
+        };
+        resList.push(goodModel);
+      });
+      return resList;
+    },
+    // 删除行操作
+    resetRow(index) {
+      this.tableForm.product_go[index].stock_num = "0";
+    },
+    //保存某一行
+    checkRow(rowIndex) {
+      const { allot_num, stock_num } = this.tableForm.product_go[rowIndex];
+      if (!isnumber(stock_num+"")) {
+        this.$message.warning("请输入数字！");
+        return;
       }
+      if (parseInt(stock_num) > parseInt(allot_num)) {
+        this.$message.warning("入库数量不大于调拨总数量！");
+        return;
+      }
+      this.tableForm.product_go[rowIndex].edit = false;
+    },
+    //编辑某一行
+    editRow(rowIndex) {
+      console.log(this.tableForm.product_go);
+      let index = this.tableForm.product_go.findIndex((v) => v.edit);
+      if (index !== -1) {
+        this.$message.warning("请完成其他行的编辑！");
+        return;
+      } else {
+        this.tableForm.product_go[rowIndex].edit = true;
+      }
+    },
+    // 执行点击商品名称的抛出事件
+    addGoodsRes(e) {
+      let oldList = JSON.parse(JSON.stringify(this.tableForm.product_go)),
+        addList = JSON.parse(JSON.stringify(e)),
+        newList = [].concat(...oldList),
+        dList = JSON.parse(JSON.stringify(this.delList));
+      addList.forEach((v1, index) => {
+        let oldindex = oldList.findIndex((v2) => v1.type_code === v2.type_code);
+        if (oldindex === -1) {
+          addList[index].allot_num = addList[index].usable_stock;
+          addList[index].edit = false;
+          newList.push(addList[index]);
+        }
+      });
+      newList.forEach((v3) => {
+        let otherindex = dList.findIndex((v4) => v3.type_code === v4.type_code);
+        if (otherindex !== -1) {
+          dList.splice(otherindex, 1);
+        }
+      });
+      this.tableForm.product_go = [].concat(...newList);
+      this.delList = [].concat(...dList);
+      this.$refs.tableForm.validateField("product_go");
     },
   },
 };
 </script>
-   <style lang="scss" >
-.newApply {
-}
-.el-form-item__content {
-  margin: 0 !important;
-}
-.setcol-table-lie {
-  // margin: 0 !important;
+
+
+<style lang="scss" scoped>
+.allot,
+.allotDetail {
+  .label-title-model {
+    line-height: 30px;
+    width: 100%;
+    color: #909399;
+    font-weight: bold;
+    font-size: 15px;
+    padding-bottom: 12px;
+    text-align: center;
+  }
+  .product_go {
+    .el-form-item--mini.el-form-item {
+      margin: 0 !important;
+      .spscope {
+        word-break: break-all !important;
+        line-height: 23px !important;
+        padding: 0 !important;
+        margin: 0 !important;
+        list-style: none !important;
+        font-style: normal !important;
+        text-decoration: none !important;
+        border: none !important;
+        display: inline-block !important;
+        font-weight: 500 !important;
+        font-family: "Microsoft Yahei", sans-serif !important;
+        -webkit-tap-highlight-color: transparent !important;
+        -webkit-font-smoothing: antialiased !important;
+        color: #606266 !important;
+        font-size: 12px !important;
+      }
+    }
+  }
 }
 </style>
+
    

src/views/stock/allot/components/columns.js

@@ -0,0 +1,120 @@
+
+export default {
+  tableFormThis: {
+    type_code: [
+      {
+        required: false,
+        message: "",
+        trigger: "blur",
+      },
+    ],
+    good_name: [
+      {
+        required: false,
+        message: "",
+        trigger: "blur",
+      },
+    ],
+    usable_stock: [
+      {
+        required: false,
+        message: "",
+        trigger: "blur",
+      },
+    ],
+    allot_num: [
+      {
+        required: false,
+        message: "",
+        trigger: "blur",
+      },
+    ],
+    error_num: [
+      {
+        required: false,
+        message: "",
+        trigger: "blur",
+      },
+    ],
+    error_code: [
+      {
+        required: false,
+        message: "",
+        trigger: "change",
+      },
+    ],
+    error_remark: [
+      {
+        required: false,
+        message: "",
+        trigger: "blur",
+      },
+    ],
+  },
+  columns: [
+    // 表格 - 列参数
+    {
+      prop: "type_code",
+      label: "商品编码",
+      width: "125",
+    },
+    {
+      prop: "good_name",
+      label: "商品名称",
+      minWidth: "180",
+    },
+    {
+      prop: "usable_stock",
+      label: "可用库存数",
+      width: "100",
+    },
+    {
+      prop: "allot_num",
+      label: "调拨总数量",
+      width: "100",
+    },
+    {
+      prop: "error_num",
+      label: "异常数量",
+      width: "100",
+    },
+    {
+      prop: "error_code",
+      label: "异常原因",
+      width: "100",
+    },
+    {
+      prop: "error_remark",
+      label: "异常原因备注",
+      width: "100",
+    },
+    {
+      prop: "stock_num",
+      label: "入库数量",
+      width: "100",
+    },
+    
+
+    // {
+    //   prop: "unit",
+    //   label: "单位",
+    //   width: "45",
+    // },
+    // {
+    //   prop: "color",
+    //   label: "商品颜色",
+    //   width: "70",
+    // },
+    // {
+    //   prop: "material",
+    //   label: "商品材质",
+    //   width: "70",
+    // },
+    // {
+    //   prop: "brand",
+    //   label: "品牌",
+    //   width: "70",
+    // },
+  ]
+
+}

src/views/stock/allot/components/companySearch.vue

@@ -1,96 +0,0 @@
-<template>
-  <div class="companySearch" style="width: 200px; display: inline-block">
-    <div class="block" style="width: 100%">
-      <!-- <el-cascader
-        style="width: 400px"
-        :options="options"
-        v-model="value"
-        collapse-tags
-        :props="{ multiple: true, checkStrictly: false }"
-        clearable
-        filterable
-        @change="a"
-      ></el-cascader> -->
-      <el-select
-        :size="searchSize"
-        v-model="value"
-        :multiple="false"
-        filterable
-        remote
-        reserve-keyword
-        placeholder="请选择公司"
-        :remote-method="remoteMethod"
-        :loading="loading"
-        @change="a"
-      >
-        <el-option
-          v-for="item in options"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option>
-      </el-select>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from "vuex";
-
-export default {
-  data() {
-    return {
-      options: [],
-      value: [],
-      list: [],
-      states: [],
-      children: [],
-    };
-  },
-  mounted() {
-    this.list = this.states.map((item) => {
-      return { value: `value:${item}`, label: `label:${item}` };
-    });
-  },
-  computed: {
-    ...mapGetters(["searchSize"]),
-  },
-  props: ["options"],
-  methods: {
-    a() {
-      console.log("选择了一个公司");
-      console.log(this.value);
-      // console.log(this.list);
-      console.log(this.options);
-      this.$emit("searchCard", this.value);
-      this.options.forEach((element) => {
-        // console.log(element);
-        if (element.value === this.value) {
-          console.log(element.label);
-          console.log(element.children);
-          this.children = element.children;
-          this.$emit("stock", this.children);
-        }
-      });
-    },
-
-    remoteMethod(query) {
-      if (query !== "") {
-        this.loading = true;
-        setTimeout(() => {
-          this.loading = false;
-          this.options = this.list.filter((item) => {
-            return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1;
-          });
-        }, 200);
-      } else {
-        this.options = [];
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>

src/views/stock/allot/components/goStock-audit.vue

@@ -1,80 +1,57 @@
 <template>
-  <div class="newApply pagePadding">
-    <div
-      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
-    >
-      发货物流公司
-      <el-form
-        :model="ruleForm"
-        :rules="rules"
-        ref="ruleForm"
-        label-width="150px"
-      >
-        <el-row>
-          <el-col :span="24"
-            ><el-form-item label="发货物流公司" prop="expressage_company">
-              <el-input
-                placeholder="请输入物流公司"
-                v-model="ruleForm.expressage_company"
-              /> </el-form-item
-          ></el-col>
-          <el-col :span="24"
-            ><el-form-item label="发货物流编号" prop="expressage_sn">
-              <el-input
-                :rows="2"
-                placeholder="请输入物流单号"
-                v-model="ruleForm.expressage_sn"
-                clearable
-              >
-              </el-input> </el-form-item
-          ></el-col>
-          <el-col :span="24"
-            ><el-form-item label="发货物流费用" prop="expressage_cost">
-              <el-input
-                type="number"
-                placeholder="请输入物流费用"
-                v-model="ruleForm.expressage_cost"
-                clearable
-              >
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item></el-col
+  <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
+    <el-row>
+      <el-col :span="12"
+        ><el-form-item label="物流公司" prop="post_name">
+          <el-input placeholder="请输入物流公司" v-model="ruleForm.post_name" />
+        </el-form-item>
+        <el-form-item label="物流费用" prop="post_fee">
+          <el-input
+            type="number"
+            placeholder="请输入物流费用"
+            v-model="ruleForm.post_fee"
           >
-        </el-row>
+            <template slot="append">元</template>
+          </el-input>
+        </el-form-item>
+      </el-col>
 
+      <el-col :span="12">
+        <el-form-item label="物流单号" prop="post_code">
+          <el-input
+            placeholder="请输入物流单号"
+            maxlength="20"
+            v-model="ruleForm.post_code"
+            clearable
+          >
+          </el-input>
+        </el-form-item>
         <el-form-item>
-          <el-col :span="24" style="text-align: right; margin-top: 10px">
-            <el-button type="primary" @click="submitForm">保 存 </el-button>
-            <el-button type="">关 闭 </el-button>
-          </el-col>
+          <el-button
+            type="primary"
+            class="fr"
+            :size="'medium'"
+            @click="submitForm"
+            >保 存
+          </el-button>
         </el-form-item>
-      </el-form>
-    </div>
-    <div v-else>
-      <no-auth></no-auth>
-    </div>
-  </div>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
    <script>
-import mixinPage from "@/mixins/elPaginationHandle";
 import resToken from "@/mixins/resToken";
-// import asyncRequest from "@/apis/service/stock/newApply";
-import addEdit from "./addEdit-newApply";
-import { mapGetters } from "vuex";
-import { isAlphanumeric } from "@/utils/validate";
+import asyncRequest from "@/apis/service/stock/allot/detail";
+import { isAlphanumeric, isnumber2 } from "@/utils/validate";
 export default {
   name: "allotFlow",
-  mixins: [mixinPage, resToken],
-  props: ["myType"],
-  components: {
-    addEdit,
-  },
+  mixins: [resToken],
+  props: ["id", "sitem"],
   computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
     powers() {
       let tran =
         this.$store.getters.btnList.find(
-          (item) => item.menu_route == "allotFlow"
+          (item) => item.menu_route == "allotDetail"
         ) || {};
       if (tran && tran.action && tran.action.length > 0) {
         return tran.action;
@@ -86,7 +63,7 @@ export default {
   data() {
     const validateExpressSn = (rule, value, callback) => {
       if (value === "") {
-        callback(new Error("物流单号号不能为空！"));
+        callback(new Error("物流单号不能为空！"));
       } else {
         if (!isAlphanumeric(value)) {
           callback(new Error("请输入正确的物流单号"));
@@ -95,84 +72,80 @@ export default {
         }
       }
     };
+    const validate_post_fee = (rule, value, callback) => {
+      if (value === "") {
+        callback(new Error("物流费用不能为空！"));
+      } else {
+        if (!isnumber2(value + "")) {
+          callback(new Error("物流费用仅支持整数及两位小数！"));
+        } else {
+          callback();
+        }
+      }
+    };
     return {
       ruleForm: {
-        expressage_company: "", //发货物流公司
-        expressage_sn: "", //物流单号
-        expressage_cost: 0,
+        post_name: "", //发货物流公司
+        post_code: "", //物流单号
+        post_fee: "",
       },
       rules: {
-        //出入库规则
-        expressage_company: [
+        post_name: [
           {
             required: true,
             message: "请选择发货公司",
             trigger: "blur",
           },
         ],
-        expressage_sn: [
+        post_fee: [
           {
             required: true,
-            message: "请输入物流单号",
+            validator: validate_post_fee,
             trigger: "blur",
-            validate: validateExpressSn,
           },
         ],
-        expressage_cost: [
+        post_code: [
           {
             required: true,
-            message: "请输入物流费用",
             trigger: "blur",
+            validator: validateExpressSn,
           },
         ],
       },
     };
   },
   mounted() {
-    this.searchList();
+    this.resetForm();
   },
 
   methods: {
-    restSearch() {
-      //重置入参
-      this.ruleForm = {
-        expressage_company: "", //发货物流公司
-        expressage_sn: "", //物流单号
-        expressage_cost: 0,
-      };
-      this.searchList();
-    },
-    async searchList() {
-      // this.loading = true;
-      // const res = await asyncRequest.list(this.parmValue);
-      // if (res && res.code === 0 && res.data) {
-      //   this.tableData = res.data.list;
-      //   this.pageInfo.total = Number(res.data.count);
-      // } else if (res && res.code >= 100 && res.code <= 104) {
-      //   await this.logout();
-      // } else {
-      //   this.tableData = [];
-      //   this.pageInfo.total = 0;
-      // }
-      // this.loading = false;
-    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+          const { post_code, post_fee, post_name, status } = this.sitem;
+          this.status = status;
 
+          this.ruleForm = {
+            post_code,
+            post_fee:post_fee+"",
+            post_name,
+          };
+        }
+      });
+    },
     // 商品保存提交
     async submitForm() {
       await this.$refs.ruleForm.validate(async (valid) => {
         if (valid) {
           this.loading = true;
-          // const { stock_code, stock_in_code, supplier_code, supplier_in_code } =
-          //   JSON.parse(JSON.stringify(this.ruleForm));
           console.log(this.ruleForm);
-          const model = {};
-          let res = {};
-          // if (this.id === "add") {
-          //   delete model["id"];
-          //   res = await asyncRequest.add(model);
-          // } else {
-          //   res = await asyncRequest.update(model);
-          // }
+          const model = JSON.parse(JSON.stringify(this.ruleForm));
+          model.allot_code = this.sitem.allot_code;
+          model.status="3"
+          let res = await asyncRequest.allotgetont(model);
           this.loading = false;
           if (res && res.code === 0) {
             //

src/views/stock/allot/components/inStock-check.vue

@@ -1,254 +1,434 @@
 <template>
-  <div class="newApply pagePadding">
-    <div
-      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
-    >
+  <el-row class="addForm">
+    <el-col :span="24">
       <el-form
-        :disabled="myType !== 4"
-        :model="ruleForm"
-        :rules="rules"
-        ref="ruleForm"
-        label-width="120px"
+        :model="tableForm"
+        :rules="tableFormThis"
+        ref="tableForm"
+        :size="'mini'"
+        class="demo-tableForm product_go"
       >
-        <el-form-item label="验货详情" prop="check_detail">
-          <ex-table
-            v-loading="false"
-            :table="table"
-            :data="tableData"
-            :columns="columns"
-            :page="pageInfo"
-            :size="size"
-            @page-curr-change="handlePageChange"
-            @page-size-change="handleSizeChange"
-            @screen-reset="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-            @screen-submit="
-              pageInfo.curr = 1;
-              parmValue.page = 1;
-              searchList();
-            "
-          >
-            <template #table-header="{}">
-              <div style="width: 100%; height: 40px"></div>
-            </template>
-            <template #operation="{ scope }">
-              <el-tooltip
-                v-if="powers.some((item) => item == '002')"
-                effect="dark"
-                content="重置密码"
-                placement="top"
-              >
-                <i
-                  class="el-icon-refresh-left tb-icon"
-                  @click="openPasswordModal(scope.row.id, false)"
-                ></i>
-              </el-tooltip>
+        <el-table
+          :data="tableForm.product_go"
+          border
+          :size="'mini'"
+          row-key="key"
+          max-height="300px"
+        >
+          <template v-for="(item, index) in columns">
+            <el-table-column
+              :prop="item.prop"
+              show-overflow-tooltip
+              :label="item.label"
+              v-if="
+                item.prop !== 'error_num' &&
+                item.prop !== 'error_code' &&
+                item.prop !== 'error_remark'
+              "
+              :width="item.width"
+              :min-width="item.minWidth"
+              :key="item.prop + index"
+            />
+            <el-table-column
+              :prop="item.prop"
+              :label="item.label"
+              v-else-if="
+                item.prop === 'error_num' || item.prop === 'error_remark'
+              "
+              :width="item.width"
+              :min-width="item.minWidth"
+              :key="item.prop + index"
+            >
+              <template slot-scope="scope">
+                <el-form-item
+                  :prop="'product_go.' + scope.$index + '.' + item.prop"
+                  :rules="scope.row.edit ? tableFormThis[item.prop] : {}"
+                  :size="'mini'"
+                >
+                  <el-input
+                    v-if="scope.row.edit === true"
+                    :size="'mini'"
+                    maxlength="250"
+                    clearable
+                    v-model="scope.row[item.prop]"
+                  />
+                  <span v-else class="spscope">{{ scope.row[item.prop] }}</span>
+                </el-form-item>
+              </template>
+            </el-table-column>
+            <el-table-column
+              :prop="item.prop"
+              :label="item.label"
+              v-else-if="item.prop === 'error_code'"
+              :width="item.width"
+              :min-width="item.minWidth"
+              :key="item.prop + index"
+            >
+              <template slot-scope="scope">
+                <el-form-item
+                  :prop="'product_go.' + scope.$index + '.' + item.prop"
+                  :rules="scope.row.edit ? tableFormThis[item.prop] : {}"
+                  :size="'mini'"
+                >
+                  <el-select
+                    v-model="scope.row[item.prop]"
+                    v-if="scope.row.edit === true"
+                    style="width: 100%"
+                    clearable
+                    placeholder="异常原因"
+                  >
+                    <el-option
+                      v-for="item in options"
+                      :key="item.result_code"
+                      :label="item.result"
+                      :value="item.result_code"
+                      :disabled="item.status === '0'"
+                    >
+                    </el-option>
+                  </el-select>
+                  <span v-else class="spscope">{{ scope.row[item.prop] }}</span>
+                </el-form-item>
+              </template>
+            </el-table-column>
+          </template>
 
+          <el-table-column fixed="right" label="操作" width="80">
+            <template slot-scope="scope">
               <el-tooltip
-                v-if="powers.some((item) => item == '007')"
                 effect="dark"
-                content="详情"
-                placement="top"
-              >
-                <i
-                  class="el-icon-view tb-icon"
-                  @click="openModal(scope.row.id, true, scope.row)"
-                ></i>
-              </el-tooltip>
-              <el-tooltip
-                v-if="powers.some((item) => item == '005')"
-                effect="dark"
-                content="修改"
+                content="编辑"
+                v-if="!scope.row.edit"
                 placement="top"
               >
                 <i
                   class="el-icon-edit tb-icon"
-                  @click="openModal(scope.row.id, false, scope.row)"
+                  @click="editRow(scope.$index)"
                 ></i>
               </el-tooltip>
+
               <el-tooltip
-                v-if="
-                  powers.some((item) => item == '004') &&
-                  scope.row.status === '1'
-                "
                 effect="dark"
-                content="禁用"
+                content="保存"
+                v-if="scope.row.edit"
                 placement="top"
               >
                 <i
-                  class="el-icon-video-pause tb-icon"
-                  @click="statusConfirm(scope.row.id, scope.row.status)"
+                  class="el-icon-circle-check tb-icon"
+                  @click="checkRow(scope.$index)"
                 ></i>
               </el-tooltip>
-              <el-tooltip
-                v-if="
-                  powers.some((item) => item == '004') &&
-                  scope.row.status === '0'
-                "
-                effect="dark"
-                content="启用"
-                placement="top"
-              >
+
+              <el-tooltip effect="dark" content="重置" placement="top">
                 <i
-                  class="el-icon-video-play tb-icon"
-                  @click="statusConfirm(scope.row.id, scope.row.status)"
+                  class="el-icon-refresh-left tb-icon"
+                  @click="resetRow(scope.$index)"
                 ></i>
               </el-tooltip>
             </template>
-          </ex-table>
-        </el-form-item>
-        <el-form-item>
-          <el-col :span="24" style="text-align: right; margin-top: 10px">
-            <el-button type="primary" @click="save">保 存 </el-button>
-          </el-col>
-        </el-form-item>
+          </el-table-column>
+        </el-table>
       </el-form>
-    </div>
-    <div v-else>
-      <no-auth></no-auth>
-    </div>
-  </div>
+    </el-col>
+    <el-col :span="24" style="text-align: right; padding: 10px 0 0 0">
+      <el-button
+        type="primary"
+        :size="'mini'"
+        @click="submitForm"
+        v-if="!isDetail"
+        >保 存
+      </el-button>
+    </el-col>
+    <el-col :span="24">
+      <search-stock-good-modal
+        :show-model="showGoodsModel"
+        :code="stockCode"
+        @cancel="showGoodsModel = false"
+        @searchChange="addGoodsRes"
+      />
+    </el-col>
+  </el-row>
 </template>
-   
-<script>
-import mixinPage from "@/mixins/elPaginationHandle";
+   <script>
+import asyncRequest from "@/apis/service/stock/allot/detail";
 import resToken from "@/mixins/resToken";
-import asyncRequest from "@/apis/service/stock/newApply";
-// import asyncRequest from "@/mock/service/stock/newApply";
-import addEdit from "./addEdit-newApply";
-import { mapGetters } from "vuex";
-
+import { isnumber } from "@/utils/validate";
+import config from "./columns"; //表格列参数
 export default {
-  name: "allotFlow",
-  mixins: [mixinPage, resToken],
-  props: ["myType"],
-  components: {
-    addEdit,
-  },
-  computed: {
-    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
-    powers() {
-      let tran =
-        this.$store.getters.btnList.find(
-          (item) => item.menu_route == "allotFlow"
-        ) || {};
-      if (tran && tran.action && tran.action.length > 0) {
-        return tran.action;
-      } else {
-        return [];
-      }
-    },
-  },
+  name: "allot",
+  props: ["showModel", "id", "sitem", "newTime"],
+  mixins: [resToken],
   data() {
     return {
-      value: "",
-      ruleForm: {},
-      rules: {
-        //出入库规则
-        check_detail: [
-          {
-            required: true,
-            message: "请选择发货公司",
-            trigger: "blur",
-          },
-        ],
+      options: [],
+      showGoodsModel: false,
+      status: "",
+      isDisabled: true,
+      isDisabledIn: true,
+      loading: false,
+      tableForm: {
+        product_go: [], //出库商品
       },
-
-      loading: true,
-      showModel: false,
-      isDetail: false,
-      modelId: 0,
-      tableData: [], //渲染表格
-      //
-      // 表格 - 数据
+      tableFormThis: config.tableFormThis,
+      columns: [],
       tableData: [],
-      // 表格 - 参数
-      table: {
-        stripe: true,
-        border: true,
-        // _defaultHeader_: ["setcol"],
-      },
-      // 表格 - 分页
-      pageInfo: {
-        size: 15,
-        curr: 1,
-        total: 0,
-      },
-      // 表格 - 列参数
-      columns: [
-        {
-          prop: "nickname",
-          label: "商品编号",
-        },
-        {
-          prop: "role_name",
-          label: "商品名称",
-        },
-        {
-          prop: "mobile",
-          label: "总数量",
-        },
-        {
-          prop: "mobile",
-          label: "异常数量",
-        },
-        {
-          prop: "mobile",
-          label: "异常备注",
-        },
-        {
-          prop: "",
-          label: "操作",
-          fixed: "right",
-          _noset_: true,
-          _slot_: "operation",
-        },
-      ],
-      //入参
-      parmValue: {
-        // page: 1, // 页码
-        // size: 15, // 每页显示条数
-      },
     };
   },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+    newTime: function (val) {
+      if (val) {
+        this.initForm();
+      }
+    },
+  },
   mounted() {
-    this.searchList();
+    console.log("asd");
+    // this.id = this.$route.query.id;
+    this.initForm();
   },
-
   methods: {
-    restSearch() {
-      //重置入参
-      this.parmValue = {
-        // page: 1, // 页码
-        // size: 10, // 每页显示条数
-      };
-      this.searchList();
+    closeModel() {
+      this.$emit("closeModel");
     },
+    openGoodsModel() {
+      let index = this.tableForm.product_go.findIndex((v) => v.edit);
+      if (index !== -1) {
+        this.$message.warning("当前已有商品正在编辑！");
+        return;
+      }
+
+      this.showGoodsModel = true;
+    },
+
+    async initForm() {
+      this.loading = true;
+      this.columns = [];
+      let list = JSON.parse(JSON.stringify(config.columns));
+      list.forEach((v1) => {
+        if (v1.prop === "allot_num") {
+          v1.width = '160px';
+        }
+        this.columns.push(v1);
+      });
+      await this.getresultlist();
+      //
+      await this.resetForm();
+      this.loading = false;
+    },
+    async getresultlist() {
+      const res = await asyncRequest.resultlist({
+        page: 1,
+        size: 100,
+        status: "",
+      });
+      if (res && res.code === 0 && res.data) {
+        const { list } = res.data;
+        this.options = list;
+        console.log(this.options);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.tableForm) {
+          this.$refs.tableForm.resetFields();
+          this.$refs.tableForm.clearValidate();
+          const { item, status } = this.sitem;
+          this.status = status;
+
+          this.tableForm.product_go = [];
+          let list = JSON.parse(JSON.stringify(item));
+          //  item || []; //出库商品
+          list.forEach((v) => {
+            v.usable_stock = v.usable_num;
+            v.type_code = v.good_type_code;
+            v.error_num = "0";
+            v.error_code = "";
+            v.error_remark = "";
+            v.edit = false;
+            this.tableForm.product_go.push(v);
+          });
+        }
+      });
+    },
+
+    async submitForm() {
+      let index = -1,
+        good = [];
+      this.tableForm.product_go.forEach((v, i) => {
+        if (v.edit && index === -1) {
+          index = i;
+        }
+      });
+
+      if (index !== -1) {
+        this.$message.warning("当前已有商品正在编辑！");
+        return;
+      }
+      this.loading = true;
+      good = this.getGoodList();
+      const model = {
+        allot_code: this.sitem.allot_code,
+        good: good,
+      };
+      let res = await asyncRequest.allotgetin(model);
+      this.loading = false;
+      if (res && res.code === 0) {
+        this.$notify.success({
+          title: "入库方验货结果提交成功",
+          message: "",
+        });
 
-    openModal(id, isDetail, sitem) {
-      this.showModel = true;
-      this.modelId = id;
-      this.isDetail = isDetail;
-      this.sitem = sitem;
+        this.showModelThis = false;
+        // 刷新
+        this.$emit("refresh");
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
     },
-    async searchList() {
-      // this.loading = true;
-      // const res = await asyncRequest.list(this.parmValue);
-      // if (res && res.code === 0 && res.data) {
-      //   this.tableData = res.data.list;
-      //   this.pageInfo.total = Number(res.data.count);
-      // } else if (res && res.code >= 100 && res.code <= 104) {
-      //   await this.logout();
-      // } else {
-      //   this.tableData = [];
-      //   this.pageInfo.total = 0;
-      // }
-      // this.loading = false;
+    //提交表单前 商品信息list 汇总
+    getGoodList() {
+      let oldList = JSON.parse(JSON.stringify(this.tableForm.product_go)),
+        resList = [];
+      oldList.forEach((v1) => {
+        let goodModel = {
+          good_code: v1.type_code,
+          usable_num: v1.usable_stock,
+          error_num: v1.error_num,
+          error_remark: v1.error_remark,
+          error_code: v1.error_code,
+        };
+        resList.push(goodModel);
+      });
+      return resList;
+    },
+    // 删除行操作
+    resetRow(index) {
+      this.tableForm.product_go[index].error_num = "0";
+      this.tableForm.product_go[index].error_code = "";
+      this.tableForm.product_go[index].error_remark = "";
+    },
+    //保存某一行
+    checkRow(rowIndex) {
+      const { allot_num, error_num, error_code, error_remark } =
+        this.tableForm.product_go[rowIndex];
+      if(!isnumber(error_num)){
+        this.$message.warning("异常数量必须为整数！");
+        return;
+      }
+      if (parseInt(error_num) > parseInt(allot_num)) {
+        this.$message.warning("异常数量不大于调拨总数量！");
+        return;
+      }
+      if (parseInt(error_num) > 0 && error_code === "") {
+        this.$message.warning("请选择异常原因！");
+        return;
+      }
+      if (parseInt(error_num) > 0 && error_remark === "") {
+        this.$message.warning("请输入异常备注！");
+        return;
+      }
+      if (parseInt(error_num) === 0 && error_code !== "") {
+        this.$message.warning("异常数量为零，不用选择异常原因！");
+        return;
+      }
+      if (parseInt(error_num) === 0 && error_remark !== "") {
+        this.$message.warning("异常数量为零，不用填写异常备注！");
+        return;
+      }
+      this.tableForm.product_go[rowIndex].edit = false;
+    },
+    //编辑某一行
+    editRow(rowIndex) {
+      console.log(this.tableForm.product_go);
+      let index = this.tableForm.product_go.findIndex((v) => v.edit);
+      if (index !== -1) {
+        this.$message.warning("请完成其他行的编辑！");
+        return;
+      } else {
+        this.tableForm.product_go[rowIndex].edit = true;
+      }
+    },
+    // 执行点击商品名称的抛出事件
+    addGoodsRes(e) {
+      let oldList = JSON.parse(JSON.stringify(this.tableForm.product_go)),
+        addList = JSON.parse(JSON.stringify(e)),
+        newList = [].concat(...oldList),
+        dList = JSON.parse(JSON.stringify(this.delList));
+      addList.forEach((v1, index) => {
+        let oldindex = oldList.findIndex((v2) => v1.type_code === v2.type_code);
+        if (oldindex === -1) {
+          addList[index].allot_num = addList[index].usable_stock;
+          addList[index].edit = false;
+          newList.push(addList[index]);
+        }
+      });
+      newList.forEach((v3) => {
+        let otherindex = dList.findIndex((v4) => v3.type_code === v4.type_code);
+        if (otherindex !== -1) {
+          dList.splice(otherindex, 1);
+        }
+      });
+      this.tableForm.product_go = [].concat(...newList);
+      this.delList = [].concat(...dList);
+      this.$refs.tableForm.validateField("product_go");
     },
   },
 };
 </script>
+
+
+<style lang="scss" scoped>
+.allot,
+.allotDetail {
+  .label-title-model {
+    line-height: 30px;
+    width: 100%;
+    color: #909399;
+    font-weight: bold;
+    font-size: 15px;
+    padding-bottom: 12px;
+    text-align: center;
+  }
+  .product_go {
+    .el-form-item--mini.el-form-item {
+      margin: 0 !important;
+      .spscope {
+        word-break: break-all !important;
+        line-height: 23px !important;
+        padding: 0 !important;
+        margin: 0 !important;
+        list-style: none !important;
+        font-style: normal !important;
+        text-decoration: none !important;
+        border: none !important;
+        display: inline-block !important;
+        font-weight: 500 !important;
+        font-family: "Microsoft Yahei", sans-serif !important;
+        -webkit-tap-highlight-color: transparent !important;
+        -webkit-font-smoothing: antialiased !important;
+        color: #606266 !important;
+        font-size: 12px !important;
+      }
+    }
+  }
+}
+</style>
+
    

src/views/stock/allot/components/stockSearch.vue

@@ -1,104 +0,0 @@
-<template>
-  <div
-    class="stockSearch"
-    style="display: inline-block; width: 200px; padding-left: 10px"
-  >
-    {{ stockName }}
-    <div class="block">
-      <!-- <el-cascader
-        style="width: 400px"
-        :options="options"
-        v-model="value"
-        collapse-tags
-        :props="{ multiple: true, checkStrictly: false }"
-        clearable
-        filterable
-        @change="a"
-      ></el-cascader> -->
-      <el-select
-        :size="searchSize"
-        v-model="value"
-        multiple
-        filterable
-        remote
-        :disabled="companyName === ''"
-        reserve-keyword
-        placeholder="请选择仓库"
-        :remote-method="remoteMethod"
-        :loading="loading"
-        @change="a"
-      >
-        <el-option
-          v-for="item in options"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option>
-      </el-select>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from "vuex";
-
-export default {
-  data() {
-    return {
-      company_name: "",
-      options: [],
-      value: [],
-      list: [],
-      states: [],
-    };
-  },
-  mounted() {
-    this.list = this.states.map((item) => {
-      return { value: `value:${item}`, label: `label:${item}` };
-    });
-  },
-  watch: {
-    companyName: "nameChange",
-  },
-  computed: {
-    ...mapGetters(["searchSize"]),
-  },
-  props: ["options", "companyName", "stockName"],
-  methods: {
-    nameChange() {
-      console.log("选择了其他公司");
-      this.value = "";
-      // console.log(this.value);
-      console.log(this.stockName);
-      this.options = this.stockName;
-    },
-    a() {
-      console.log("选择了一个仓库");
-      this.$emit("searchCard");
-      this.company_name = this.companyName;
-      // console.log(this.companyName);
-      // console.log(this.company_name);
-      // console.log(this.value);
-    },
-    remoteMethod(query) {
-      if (query !== "") {
-        this.loading = true;
-
-        console.log(this.options);
-        // setTimeout(() => {
-        //   this.loading = false;
-        //   this.options = this.list.filter((item) => {
-        //     return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1;
-        //   });
-        // }, 200);
-      } else {
-        this.options = [];
-      }
-    },
-  },
-};
-</script>
-
-<style>
-</style>

src/views/stock/allot/detail.vue

@@ -5,66 +5,88 @@
       v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
     >
       {{ status }},{{ powers }}
-      <div class="tr" style="padding: 10px 0">
-        <span class="fl" style="padding: 3px 0 0 3px">调拨详情</span>
-        <el-button
-          type="primary"
-          plain
-          :size="'mini'"
-          @click="statusConfirm('1', '发起审核流程')"
-          v-if="status === '0' && powers.some((item) => item == '012')"
-          >发起审核流程
-        </el-button>
 
-        <el-button
-          type="primary"
-          :size="'mini'"
-          @click="statusConfirm('-2', '导出盘点商品')"
-          v-if="status === '1' && powers.some((item) => item == '014')"
-          >导出盘点商品
-        </el-button>
-        <el-button
-          @click="statusConfirm('0', '取消审核流程')"
-          plain
-          :size="'mini'"
-          v-if="status === '1' && powers.some((item) => item == '014')"
-          >取消审核流程</el-button
-        >
-        <el-button
-          @click="statusConfirm('-1', '作废该条信息')"
-          type="danger"
-          plain
-          :size="'mini'"
-          v-if="
-            (status === '0' || status === '1') &&
-            powers.some((item) => item == '015')
-          "
-          >作废该条信息</el-button
-        >
-      </div>
-      <add-form
-        :newTime="newTime"
-        v-if="newTime !== ''"
-        :sitem="sitem"
-        :id="queryId"
-      />
-      <!-- 详情 -->
+      <!-- v-if="
+          status == '3' ||
+          (status == '1' && powers.some((item) => item == '017')) ||
+          (status == '2' && powers.some((item) => item == '018'))
+        " -->
+      <el-collapse v-model="activeNames" @change="handleChange">
+        <el-collapse-item title="调拨详情" name="">
+          <div class="tr" style="padding: 10px 0">
+            <span class="fl" style="padding: 3px 0 0 3px">调拨详情</span>
+            <el-button
+              type="primary"
+              plain
+              :size="'mini'"
+              @click="statusConfirm('1', '发起审核流程')"
+              v-if="status === '0' && powers.some((item) => item == '012')"
+              >发起审核流程
+            </el-button>
 
-      <!-- <GoStock
-        style="width: 100%"
-        v-if="$route.query.id"
-        :myType="type"
-      ></GoStock>
-      <InStockCheck
-        style="width: 100%"
-        v-if="$route.query.id"
-        :myType="type"
-      ></InStockCheck>
-      <CheckStock
-        style="width: 100%"
-        v-if="$route.query.id"
-        :myType="type"
-      ></CheckStock> -->
+            <el-button
+              @click="statusConfirm('0', '取消审核流程')"
+              plain
+              :size="'mini'"
+              v-if="status === '1' && powers.some((item) => item == '014')"
+              >取消审核流程</el-button
+            >
+            <el-button
+              @click="statusConfirm('-1', '作废该条信息')"
+              type="danger"
+              plain
+              :size="'mini'"
+              v-if="
+                (status === '0' || status === '1') &&
+                powers.some((item) => item == '015')
+              "
+              >作废该条信息</el-button
+            >
+          </div>
+          <add-form
+            :newTime="newTime"
+            v-if="newTime !== ''"
+            :sitem="sitem"
+            :id="queryId"
+          />
+        </el-collapse-item>
+        <!-- && powers.some((item) => item == '018') -->
+        <el-collapse-item title="入库方审核" name="1" v-if="status == '1'">
+          <exam-form
+            :statusList="statusList"
+            :newTime="newTime"
+            :disabled="false"
+            :isMust="false"
+            @searchChange="examForm"
+          />
+        </el-collapse-item>
+        <el-collapse-item v-if="status == '2'" title="出库方发货" name="2">
+          <go-stock
+            :newTime="newTime"
+            :sitem="sitem"
+            :id="queryId"
+            @refresh="initData()"
+          />
+        </el-collapse-item>
+
+        <el-collapse-item v-if="status == '3'" title="入库方验货" name="3">
+          <in-stock-check
+            :newTime="newTime"
+            :sitem="sitem"
+            :id="queryId"
+            @refresh="initData()"
+          />
+        </el-collapse-item>
+        <el-collapse-item v-if="status == '4'" title="入库方验货审核" name="4">
+          <check-stock
+            :newTime="newTime"
+            :sitem="sitem"
+            :id="queryId"
+            @refresh="initData()"
+          />
+        </el-collapse-item>
+      </el-collapse>
+      <!-- <check-stock style="width: 100%" v-if="$route.query.id" :myType="type" /> -->
     </div>
     <div v-else>
       <no-auth></no-auth>
@@ -77,18 +99,18 @@ import resToken from "@/mixins/resToken";
 import asyncRequest from "@/apis/service/stock/allot/detail";
 import { mapGetters } from "vuex";
 import addForm from "./components/addForm"; //新建申请页面
-// import GoStock from "./components/goStock-audit.vue"; //出库方发货
-// import InStockCheck from "./components/inStock-check.vue"; //入库方验货
-// import CheckStock from "./components/checkStock.vue"; //验货审核
+import GoStock from "./components/goStock-audit"; //出库方发货
+import InStockCheck from "./components/inStock-check"; //入库方验货
+import CheckStock from "./components/checkStock"; //验货审核
 
 export default {
   name: "allotDetail",
   mixins: [mixinPage, resToken],
   components: {
     addForm,
-    // GoStock,
-    // InStockCheck,
-    // CheckStock,
+    GoStock,
+    InStockCheck,
+    CheckStock,
   },
   computed: {
     ...mapGetters(["tablebtnSize", "searchSize", "size"]),
@@ -109,11 +131,11 @@ export default {
   },
   data() {
     return {
-      activeNames: [],
+      activeNames: ["0", "1", "2", "3", "4", "5"],
       sitem: null,
       status: "",
       newTime: "",
-      loading: true,
+      loading: false,
       queryId: "",
     };
   },
@@ -136,8 +158,6 @@ export default {
         .then(async () => {
           if (status === "-1") {
             await this.deleteById(message);
-          } else if (status === "-2") {
-            await this.exportGood(message);
           } else {
             await this.setStatus(status, message);
           }
@@ -187,9 +207,9 @@ export default {
       }
     },
     async examForm(e) {
-      if (!loading) {
+      if (!this.loading) {
         let type = e.state === "1" ? "2" : "0";
-        await this.setStatus(type, message, e.remark);
+        await this.setStatus(type, "提交入库方审核", e.remark);
       }
     },
     async initData() {
@@ -198,7 +218,7 @@ export default {
       if (res && res.code === 0 && res.data) {
         this.sitem = res.data;
         this.status = this.sitem.status;
-        this.activeNames = [this.status];
+
         //;
         this.getNewTime();
       } else if (res && res.code >= 100 && res.code <= 104) {