多级产品页面代码提交

src/api/inout/ioCodeRel.js

@@ -7,3 +7,38 @@ export function getList(query) {
     params: query
   });
 }
+
+export function getDelectList(query) {
+  return axios({
+    url: "/udi/ioCode/Rel/delectList",
+    method: "get",
+    params: query
+  });
+}
+
+export function delIoCodeRel(query) {
+  return axios({
+    url: "/udi/ioCode/Rel/del",
+    method: "get",
+    params: query
+  });
+}
+
+export function checkUpProduct(query) {
+  return axios({
+    url: "/udi/ioCode/Rel/checkUpProduct",
+    method: "get",
+    params: query,
+
+  });
+}
+
+export function checkLowProduct(query) {
+  return axios({
+    url: "/udi/ioCode/Rel/checkLowProduct",
+    method: "get",
+    params: query,
+
+  });
+}
+

src/views/inout/codeRel/ioCodeRel.vue

@@ -11,7 +11,8 @@
 
           <el-col :span="10">
             <el-form-item label="产品编码">
-              <el-input v-model="filterQuery.nameCode" style="width: 90%" placeholder="请输入产品编码" clearable></el-input>
+              <el-input v-model="filterQuery.nameCode" style="width: 90%" placeholder="请输入产品编码"
+                        clearable></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -25,7 +26,8 @@
 
           <el-col :span="10">
             <el-form-item label="产品名称">
-              <el-input v-model="filterQuery.cpmctymc" style="width: 90%" placeholder="请输入产品名称" clearable></el-input>
+              <el-input v-model="filterQuery.cpmctymc" style="width: 90%" placeholder="请输入产品名称"
+                        clearable></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -43,10 +45,13 @@
 
       <el-divider style="margin: 15px"></el-divider>
 
-      <el-table v-loading="loading" :data="list" style="width: 100%" @current-change="handleDetail" border
+      <el-table v-loading="loading" :data="list" border highlight-current-row
-                highlight-current-row>
+                :default-expand-all="isExpandAll"
+                :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+                style="width: 100%"   row-key="id" >
         <el-table-column label="序号" type="index" width="60"></el-table-column>
         <el-table-column label="UDI码" prop="code"></el-table-column>
+        <el-table-column label="上级编码" prop="parentCode"></el-table-column>
         <el-table-column label="产品编码" prop="nameCode"></el-table-column>
         <el-table-column label="产品名称" prop="cpmctymc"></el-table-column>
         <el-table-column label="规格型号" prop="ggxh"></el-table-column>
@@ -90,8 +95,9 @@
   </div>
 </template>
 <script>
-import {getList} from "@/api/inout/ioCodeRel";
+import {delIoCodeRel, getList} from "@/api/inout/ioCodeRel";
 import ioCodeRelEdit from "@/views/inout/codeRel/ioCodeRelEdit"
+import Treeselect from "@riophae/vue-treeselect";
 
 export default {
   data() {
@@ -109,6 +115,7 @@ export default {
         type: 1,
         editStatus: 1,
       },
+      isExpandAll: true,
       idQuery: null,
       formName: null,
       loading: false,
@@ -179,9 +186,9 @@ export default {
     },
     newDistributionForm(index, row) {
       if (this.$isNotBlank(row) && this.$isNotBlank(row.id)) {
-        this.idQuery.id = row.id;
+        this.idQuery = row;
-        this.idQuery.formData = row;
         this.formName = "编辑";
+        this.newSpDistributionVisible = true;
       } else {
         this.formName = "新增";
         this.newSpDistributionVisible = true;
@@ -192,14 +199,20 @@ export default {
       this.getList();
       this.detailList = [];
     },
-    getList() {
+    deleteDialog(row) {
-      if (this.actDateRange != null) {
+      delIoCodeRel({code:row.code,parentCode:row.parentCode})
-        this.filterQuery.startDate = this.actDateRange[0];
+        .then((response) => {
-        this.filterQuery.endDate = this.actDateRange[1];
+          if (response.code == 20000) {
+             this.getList();
           } else {
-        this.filterQuery.startDate = null;
+            this.$message.error(response.message);
-        this.filterQuery.endDate = null;
           }
+        })
+        .catch(() => {
+
+        });
+    },
+    getList() {
       this.loading = true;
       getList(this.filterQuery)
         .then((response) => {
@@ -217,32 +230,20 @@ export default {
           this.total = 0;
         });
     },
-    handleDetail(row) {
+    handleCurrentChange(val) {
-      let query = {orderIdFk: row.id};
+      this.filterQuery.page = val.page;
-      this.loading = true;
+      this.getList();
-      listApplyDetail(query) //查找该单号下的所有条码
-        .then((response) => {
-          this.detailList = response.data.list || [];
-          this.loading = false;
-        })
-        .catch(() => {
-          this.loading = false;
-          this.detailList = [];
-        });
     },
   },
   components: {
-    ioCodeRelEdit
+    ioCodeRelEdit,
+    Treeselect,
   },
   filters: {},
   mounted() {
   }
   ,
   created() {
-    let end = new Date();
-    let start = new Date();
-    start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-    this.actDateRange = [start, end];
     this.getList();
   }
   ,

src/views/inout/codeRel/ioCodeRelEdit.vue

@@ -6,7 +6,8 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="上级产品">
-              <el-input v-model="filterQuery.code" style="width: 90%" placeholder="请输入多级产品" clearable></el-input>
+              <el-input v-model="filterQuery.upProduct " :disabled="isUp" style="width: 90%" placeholder="请输入多级产品" clearable></el-input>
+              <el-button style="margin-left: 10px" :disabled="isUp" type="primary" @click="addUpProduct()">添加</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -14,26 +15,15 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="下级产品">
-              <el-input v-model="filterQuery.nameCode" style="width: 90%" placeholder="请输入下级产品" clearable></el-input>
+              <el-input v-model="filterQuery.lowProduct" style="width: 90%" placeholder="请输入下级产品" clearable></el-input>
+              <el-button style="margin-left: 10px" :disabled="isLow" type="primary" @click="addLowProduct()">添加</el-button>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
 
-<!--      <div class="top-right-btn">-->
-<!--        <el-button-group style="display:flex;">-->
-<!--          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>-->
-<!--          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>-->
-<!--          <el-button type="primary" icon="el-icon-search" @click="onSubmitFind">查询</el-button>-->
-<!--          <el-button type="primary" icon="el-icon-plus" @click="newDistributionForm()" :loading="loading">新增-->
-<!--          </el-button>-->
-<!--        </el-button-group>-->
-<!--      </div>-->
 
-<!--      <el-divider style="margin: 15px"></el-divider>-->
+      <el-table v-loading="loading" :data="list" style="width: 100%"  border highlight-current-row>
-
-      <el-table v-loading="loading" :data="list" style="width: 100%" @current-change="handleDetail" border
-                highlight-current-row>
         <el-table-column label="序号" type="index" width="60"></el-table-column>
         <el-table-column label="UDI码" prop="code"></el-table-column>
         <el-table-column label="产品编码" prop="nameCode"></el-table-column>
@@ -41,13 +31,6 @@
         <el-table-column label="规格型号" prop="ggxh"></el-table-column>
         <el-table-column label="序列号" prop="serialNo"></el-table-column>
         <el-table-column label="创建时间" prop="createTime"></el-table-column>
-        <el-table-column label="操作" width="120px">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click.native="newDistributionForm(scope.$index, scope.row)">编辑
-            </el-button>
-            <el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)">删除</el-button>
-          </template>
-        </el-table-column>
       </el-table>
 
       <pagination
@@ -56,84 +39,43 @@
         :page.sync="filterQuery.page"
         :limit.sync="filterQuery.limit"
         @pagination="handleCurrentChange"
-
       ></pagination>
-
-      <el-dialog
-        :title="formName"
-        :visible.sync="newSpDistributionVisible"
-        width="80%"
-        v-if="newSpDistributionVisible"
-        @close='closeDialog'
-        :close-on-click-modal="false"
-        :close-on-press-escape="false"
-      >
-        <ioCodeRelEdit
-          :closeDialog="closeDialog"
-          :formData="formData"
-        ></ioCodeRelEdit>
-      </el-dialog>
-
-
     </el-card>
   </div>
 </template>
 <script>
-import {getList} from "@/api/inout/ioCodeRel";
+import {checkLowProduct, checkUpProduct, getDelectList, getList} from "@/api/inout/ioCodeRel";
 import ioCodeRelEdit from "@/views"
 
 export default {
+  props: {
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+    idQuery: {
+      type: Object,
+      required: true,
+    },
+  },
   data() {
     return {
       showSearch: true,
       newSpDistributionVisible: false,
       filterQuery: {
-        billAction: null,
+        upProduct:'',
-        billNo: "",
+        lowProduct:'',
-        originType: null,
-        thirdSysFk: "",
         page: 1,
         limit: 10,
-        corpName: null,
-        type: 1,
-        editStatus: 1,
       },
+      isLow:true,
+      isUp:false,
+      upCode:null,
       formName:null,
       loading:false,
       list:[],
       formData:null,
       total:0,
-      pickerOptions: {
-        shortcuts: [
-          {
-            text: "最近一周",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-          {
-            text: "最近一个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-          {
-            text: "最近三个月",
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-              picker.$emit("pick", [start, end]);
-            },
-          },
-        ],
-      },
     };
   },
 
@@ -143,53 +85,20 @@ export default {
         path: "",
       });
       this.filterQuery = {
-        billNo: "",
-        thirdSysFk: "",
-        billFlag: null,
-        billAction: null,
-        startDate: null,
-        endDate: null,
         page: 1,
         limit: 10,
-        corpName: null,
-        type: 1,
-        editStatus: 1,
       };
-      this.actDateRange = [];
       this.getList();
     },
-    onSubmitFind() {
+    handleCurrentChange(val) {
-      this.filterQuery.page = 1;
+      this.filterQuery.page = val.page;
       this.getList();
     },
-    hideSearch() {
-      this.showSearch = !this.showSearch;
-    },
-    newDistributionForm(index, row) {
-      this.idQuery.id = '';
-      if (this.$isNotBlank(row) && this.$isNotBlank(row.id)) {
-        this.idQuery.id = row.id;
-        this.idQuery.formData = row;
-        this.formName = "编辑";
-      } else
-        this.formName = "新增";
-      this.newSpDistributionVisible = true;
-    },
-    closeDialog() {
-      this.newSpDistributionVisible = false;
-      this.getList();
-      this.detailList = [];
-    },
     getList() {
-      if (this.actDateRange != null) {
+      if (this.filterQuery.upProduct!=null){
-        this.filterQuery.startDate = this.actDateRange[0];
+        this.filterQuery.parentCode=this.filterQuery.upProduct
-        this.filterQuery.endDate = this.actDateRange[1];
-      } else {
-        this.filterQuery.startDate = null;
-        this.filterQuery.endDate = null;
       }
-      this.loading = true;
+      getDelectList(this.filterQuery)
-      getList(this.filterQuery)
         .then((response) => {
           if (response.code == 20000) {
             this.list = response.data.list || [];
@@ -205,18 +114,28 @@ export default {
           this.total = 0;
         });
     },
-    handleDetail(row) {
+    addUpProduct(){
-      let query = {orderIdFk: row.id};
+      checkUpProduct({code:this.filterQuery.upProduct}).then((res)=>{
-      this.loading = true;
+        if(res.code==20000){
-      listApplyDetail(query) //查找该单号下的所有条码
+          this.isLow=false;
-        .then((response) => {
+          this.isUp=true;
-          this.detailList = response.data.list || [];
+        }else{
-          this.loading = false;
+          this.$message.error(res.message);
+        }
+      }).catch(()=>{
+        this.$message.error("扫码错误！");
+      })
+    },
+    addLowProduct(){
+      checkLowProduct({lowCode:this.filterQuery.lowProduct,upCode:this.filterQuery.upProduct}).then((res)=>{
+        if(res.code==20000){
+            this.getList();
+        }else{
+          this.$message.error(res.message);
+        }
+      }).catch(()=>{
+        this.$message.error("扫码错误！");
       })
-        .catch(() => {
-          this.loading = false;
-          this.detailList = [];
-        });
     },
   },
   components: {},
@@ -225,12 +144,14 @@ export default {
   }
   ,
   created() {
-    let end = new Date();
+    if(this.idQuery.id!=null){
-    let start = new Date();
+      this.filterQuery.upProduct=this.idQuery.parentCode
-    start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+      this.isLow=false;
-    this.actDateRange = [start, end];
+      this.isUp=true;
       this.getList();
     }
+
+  }
   ,
 }
 ;