From 7c5c3b8a1b2d571c66efd85b5dbbd37aa57c9ff8 Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期三, 15 十一月 2023 14:08:03 +0800
Subject: [PATCH] 采购管理修改

---
 src/views/purchaseManage/purchase/index.vue |  182 ++++++++++++++++++++++++++++++++++++---------
 1 files changed, 146 insertions(+), 36 deletions(-)

diff --git a/src/views/purchaseManage/purchase/index.vue b/src/views/purchaseManage/purchase/index.vue
index eafe06f..e16f0dd 100644
--- a/src/views/purchaseManage/purchase/index.vue
+++ b/src/views/purchaseManage/purchase/index.vue
@@ -22,6 +22,7 @@
               ref="tableListRef"
               :table-list="tableList"
               @selCommonClick="selCommonClick"
+              @selTableCol="selTableCol"
           >
             <template slot="tableButton">
               <el-table-column  label="鐘舵��" width="120">
@@ -29,12 +30,24 @@
                   {{ getpurchaseStatus(scope.row.status) }}
                 </template>
               </el-table-column>
-              <el-table-column label="鎿嶄綔" width="120" fixed="right">
+              <el-table-column label="鎿嶄綔" width="220" fixed="right">
                 <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="editClick(scope.row)" style="margin-right: 5px"
+                  <el-button type="text" size="small" @click="btnConfirm(scope.row)" style="margin-right: 5px"
+                  >纭</el-button
+                  >
+                  <el-button type="text" size="small" @click="btnEdit(scope.row)" style="margin-right: 5px"
                   >缂栬緫</el-button
                   >
-                  <el-button @click="submitClick(scope.row)" type="text" size="small">鎻愪氦</el-button>
+                  <el-button type="text" size="small" @click="btnLook(scope.row)" style="margin-right: 5px"
+                  >鏌ョ湅</el-button
+                  >
+                  <el-button type="text" size="small" @click="btnCancel(scope.row)" style="margin-right: 5px"
+                  >鍙栨秷</el-button
+                  >
+                  <el-button type="text" size="small" @click="btnDelete(scope.row)" style="margin-right: 5px"
+                  >鍒犻櫎</el-button
+                  >
+                  <!-- <el-button v-if="scope.row.status< 4" @click="submitClick(scope.row)" type="text" size="small">鎻愪氦</el-button> -->
                 </template>
               </el-table-column>
             </template>
@@ -52,16 +65,16 @@
     <!-- 璇︽儏 -->
     <DetailSupplier v-if="commonDetail.visible" :common-detail="commonDetail" />
     <!-- 鏂板缓/缂栬緫 -->
-    <AddPurchase v-if="editConfig.visible" :edit-common-config="editConfig" />
+    <AddPurchase ref="addDialog" v-if="editConfig.visible" :edit-common-config="editConfig" />
   </div>
 </template>
 
 <script>
 import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
-import { getPurchaseList, getPurchaseInfo, submitPurchase } from "@/api/purchaseManage/purchase"
+import { getPurchaseList, getPurchaseInfo, submitPurchase,deletePurchase } from "@/api/purchaseManage/purchase"
 import DetailSupplier from "@/views/purchaseManage/purchase/DetailSupplier"
 import AddPurchase from "@/views/purchaseManage/purchase/components/AddPurchase"
-import { getDataByType } from "@/api/data"
+import { getSupplierList } from "@/api/supplierManage/supplier"
 export default {
   name: "SupplierManage",
   props: {},
@@ -82,42 +95,69 @@
       editConfig: {
         visible: false,
         title: "鍒涘缓",
-        infomation: {}
+        isDisabled:false,
+        infomation: {
+          supplierList:[]
+        }
       },
-      purchaseStatusList: getDataByType("purchaseStatus")
+      tableColumn: [
+        { label: "閲囪喘鍗曞彿", prop: "number", min: 150, isCommonClick: true ,default:true},
+        { label: "閲囪喘鍗曞悕绉�", prop: "name", min: 130, isCommonClick: true },
+        { label: "鍗曟嵁绫诲瀷", prop: "orderType", min: 130 },
+        { label: "渚涘簲鍟嗗悕绉�", prop: "contact", min: 130 },
+        { label: "閲囪喘鏁伴噺", prop: "quantity", min: 130 },
+        { label: "鏀惰揣浠撳簱", prop: "warehouse", min: 130 },
+        { label: "缁忓姙浜�", prop: "handledBy", min: 130 },
+        { label: "鍒跺崟浜�", prop: "creator", min: 130 }
+      ],
+      showCol: ['閲囪喘鍗曞彿', '閲囪喘鍗曞悕绉�', '鍗曟嵁绫诲瀷', '渚涘簲鍟嗗悕绉�', '閲囪喘鏁伴噺', '鏀惰揣浠撳簱']
     }
   },
   created() {
     this.setTable()
     this.getData()
+    this.getSupplierData()
   },
   methods: {
     getpurchaseStatus(val) {
+      let statusList=[
+        {id:1,name:"寰呯‘璁�"},
+        {id:2,name:"寰呭叆搴�"},
+        {id:3,name:"宸插叆搴�"},
+        {id:4,name:"宸插畬鎴�"},
+        {id:5,name:"宸插彇娑�"}
+      ]
       if (val) {
-        for (let i in this.purchaseStatusList) {
-          if (this.purchaseStatusList[i].id == val) {
-            return this.purchaseStatusList[i].name
+        for (let i in statusList) {
+          if (statusList[i].id == val) {
+            return statusList[i].name
           }
         }
       } else {
         return "--"
       }
     },
+    setColumnVisible(showCol){
+      return  this.tableColumn.map(ele=>{
+        return {
+          ...ele,
+          isShowColumn:showCol.includes(ele.label)
+        }
+      })
+    },
     setTable() {
       this.tableList = {
         tableInfomation: [],
         selectIndex: true,
-        tableColumn: [
-          { label: "閲囪喘鍗曞彿", prop: "number", min: 150, isCommonClick: true },
-          { label: "閲囪喘鍗曞悕绉�", prop: "name", min: 130, isCommonClick: true },
-          { label: "鍗曟嵁绫诲瀷", prop: "orderType", min: 130 },
-          { label: "渚涘簲鍟嗗悕绉�", prop: "contact", min: 130 },
-          { label: "閲囪喘鏁伴噺", prop: "quantity", min: 130 },
-          { label: "鏀惰揣浠撳簱", prop: "warehouse", min: 130 },
-          { label: "缁忓姙浜�", prop: "handledBy", min: 130 },
-          { label: "鍒跺崟浜�", prop: "creator", min: 130 }
-        ]
+        showcol: this.showCol,
+        allcol: [],
+        tableColumn:this.setColumnVisible(this.showCol)
       }
+      this.tableList.allcol = this.tableList.tableColumn.filter(ele=>!ele.default).map(ele=>ele.label);
+    },
+    selTableCol(val) {
+      this.showcol = val;
+      this.tableList.tableColumn = this.setColumnVisible(val);
     },
     // 璇锋眰鏁版嵁
     async getData() {
@@ -137,22 +177,29 @@
           console.log(err)
         })
     },
+    // 鑾峰彇渚涘簲鍟嗘暟鎹�
+    async getSupplierData() {
+      await getSupplierList({
+        // [val]: content,
+        page:1,
+        pageSize: 10
+      })
+      .then((res) => {
+        if (res.data.code == 200) {
+          this.editConfig.infomation.supplierList=res.data.data.list
+          
+        }
+      })
+    },
     // 鎼滅储
-    searchClick(val, content) {
-      console.log(val, content)
-      this.search = content
-      this.getData()
-    },
-    resetClick() {
-      this.search = ""
-      this.getData()
-    },
     onFilterSearch(searchText){
       this.search = searchText ?? ''
+      this.pagerOptions.currPage = 1
       this.getData()
     },
     // 鏂板缓
     addBtnClick() {
+      this.editConfig.isDisabled=false
       // this.editRow = {};
       // this.$refs.add.islook = true;
       this.editConfig.visible = true
@@ -178,7 +225,7 @@
     },
 
     // 缂栬緫
-    editClick(row) {
+    btnEdit(row) {
       this.tableLoading = true
       getPurchaseInfo({ id: row.ID }).then((res) => {
         if (res.code == 200) {
@@ -201,15 +248,14 @@
       // this.$refs.add.islook = true;
     },
     // 纭鍙戣揣
-    submitClick(row) {
+    btnConfirm(row) {
       this.$confirm("鏄惁鎻愪氦?", "鎻愮ず", {
         confirmButtonText: "纭畾",
         cancelButtonText: "鍙栨秷",
         type: "warning"
       })
         .then(() => {
-          console.log("dddd")
-          submitPurchase({ id: row.ID }).then((response) => {
+          submitPurchase({ id: row.ID,status:2 }).then((response) => {
             if (response.code === 200) {
               this.$message.success("鎻愪氦鎴愬姛")
               this.getData()
@@ -217,10 +263,74 @@
               this.$message.warning("鎻愪氦澶辫触")
             }
           })
+        },(e)=>{
+          console.error(e)
         })
-        .catch(() => {})
     },
-
+    // 鍙栨秷
+    btnCancel(row){
+      this.$confirm("鏄惁鍙栨秷?", "鎻愮ず", {
+        confirmButtonText: "纭畾",
+        cancelButtonText: "鍙栨秷",
+        type: "warning"
+      })
+      .then(() => {
+        submitPurchase({ id: row.ID,status:5 }).then((response) => {
+          if (response.code === 200) {
+            this.$message.success("宸插彇娑�")
+            this.getData()
+          } else {
+            // this.$message.warning("鎻愪氦澶辫触")
+          }
+        })
+      },(e)=>{
+        console.error(e)
+      })
+    },
+    // 鍒犻櫎
+    btnDelete(row){
+      this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ枃浠�, 鏄惁缁х画?', '鎻愮ず', {
+          confirmButtonText: '纭畾',
+          cancelButtonText: '鍙栨秷',
+          type: 'warning'
+        }).then(() => {
+          deletePurchase({ id: row.ID }).then((response) => {
+            if (response.code === 200) {
+              this.$message.success("鍒犻櫎鎴愬姛")
+              this.getData()
+            } else {
+              this.$message.warning("鍒犻櫎澶辫触")
+            }
+          })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '宸插彇娑堝垹闄�'
+          });          
+        });
+    },
+    // 鏌ョ湅
+    btnLook(row){
+      this.editConfig.isDisabled=true
+      this.tableLoading = true
+      getPurchaseInfo({ id: row.ID }).then((res) => {
+        if (res.code == 200) {
+          this.tableLoading = false
+          this.editConfig.visible = true
+          this.editConfig.title = "鏌ョ湅"
+          this.editConfig.infomation = {
+            productList: res.data.productList,
+            supplierName: res.data.purchase.supplier.name,
+            ...res.data.purchase
+          }
+        } else {
+          this.$message.error(res.msg ? res.msg + "," : "" + "鑾峰彇淇℃伅澶辫触锛�")
+        }
+      })
+      setTimeout(() => {
+        this.tableLoading = false
+      }, 3000)
+    },
     // 璇︽儏
     selCommonClick(row) {
       console.log(row)

--
Gitblit v1.8.0