From b12ea16fa2d9440e9680127d126a4f3af450afd2 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期二, 17 十月 2023 18:36:19 +0800
Subject: [PATCH] Merge branch 'dev' into songshankun/adjust-style

---
 src/views/productManage/productCategory/AddProductCategoryDialog.vue |  236 +++++++++++++++++++++++++++-------------------------------
 1 files changed, 111 insertions(+), 125 deletions(-)

diff --git a/src/views/productManage/productCategory/AddProductCategoryDialog.vue b/src/views/productManage/productCategory/AddProductCategoryDialog.vue
index ef39125..841d7b4 100644
--- a/src/views/productManage/productCategory/AddProductCategoryDialog.vue
+++ b/src/views/productManage/productCategory/AddProductCategoryDialog.vue
@@ -25,14 +25,7 @@
               >鍒犻櫎</el-button
             > -->
           </span>
-          <el-button
-            v-if="showEdit"
-            plain
-            size="mini"
-            style="margin-left: 15px"
-            @click="editClick"
-            >缂栬緫</el-button
-          >
+          <el-button v-if="showEdit" plain size="mini" style="margin-left: 15px" @click="editClick">缂栬緫</el-button>
         </div>
       </div>
       <!-- 鍐呭 -->
@@ -40,16 +33,16 @@
         ref="form"
         :model="editConfig.infomation"
         :rules="rules"
-        label-position="left"
+        label-position="right"
         label-width="110px"
         size="mini"
-        style="height: 60vh; overflow-x: hidden"
+        style="height: 290px; overflow-x: hidden"
       >
         <div class="basic-info">
           <FormBtnsView :showProduct="true" @productClick="productClick" />
           <div class="basic-info-view">
-            <el-row>
-              <el-col :span="24">
+            <!-- <el-row> -->
+            <!-- <el-col :span="24">
                 <div style="margin-left: 20px"><span class="color_F56C6C">*</span>绫诲埆</div>
                 <el-form-item label="" prop="name" label-width="20px">
                   <el-input
@@ -59,13 +52,9 @@
                     style="width: 85%"
                   ></el-input>
                 </el-form-item>
-              </el-col>
-              <el-col :span="24">
-                <el-form-item
-                  label="涓婄骇鍝佺被"
-                  prop="parentId"
-                  style="margin-left: 20px"
-                >
+              </el-col> -->
+            <!-- <el-col :span="24">
+                <el-form-item label="涓婄骇鍝佺被" prop="parentId" style="margin-left: 20px">
                   <el-select
                     v-model="editConfig.infomation.parentId"
                     placeholder="璇烽�夋嫨"
@@ -73,22 +62,37 @@
                     style="width: 45%"
                     :disabled="!showFooter"
                   >
-                    <el-option
-                      v-for="item in productCategoryList"
-                      :key="item.id"
-                      :label="item.name"
-                      :value="item.id"
-                    >
+                    <el-option v-for="item in productCategoryList" :key="item.id" :label="item.name" :value="item.id">
                     </el-option>
                   </el-select>
                 </el-form-item>
               </el-col>
-            </el-row>
+            </el-row> -->
           </div>
           <div class="bottom">
             <div class="purchase-view">
               <div class="left">
-                <div class="second-label">鐗╂祦</div>
+                <!-- <div class="second-label">鐗╂祦</div> -->
+                <el-form-item label="绫诲埆" prop="name">
+                  <el-input
+                    v-model="editConfig.infomation.name"
+                    placeholder=""
+                    :disabled="!showFooter"
+                    style="width: 85%"
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="涓婄骇鍝佺被" prop="parentId">
+                  <el-select
+                    v-model="editConfig.infomation.parentId"
+                    placeholder="璇烽�夋嫨"
+                    size="mini"
+                    style="width: 85%"
+                    :disabled="!showFooter"
+                  >
+                    <el-option v-for="item in productCategoryList" :key="item.id" :label="item.name" :value="item.id">
+                    </el-option>
+                  </el-select>
+                </el-form-item>
                 <!-- <el-form-item label="璺嚎" prop="client_name" style="margin-left: 20px">
                   <el-select
                     v-model="editConfig.infomation.memberId"
@@ -102,16 +106,12 @@
                     </el-option>
                   </el-select>
                 </el-form-item> -->
-                <el-form-item
-                  label="寮哄埗涓嬫灦绛栫暐"
-                  prop="forceRemovalStrategy"
-                  style="margin-left: 20px"
-                >
+                <el-form-item label="寮哄埗涓嬫灦绛栫暐" prop="forceRemovalStrategy">
                   <el-select
                     v-model="editConfig.infomation.forceRemovalStrategy"
                     placeholder="璇烽�夋嫨"
                     size="mini"
-                    style="width: 63%"
+                    style="width: 85%"
                     :disabled="!showFooter"
                   >
                     <el-option
@@ -125,38 +125,25 @@
                 </el-form-item>
               </div>
               <div class="right">
-                <div class="second-label">搴撳瓨璁′环</div>
-                <el-form-item
-                  label="鎴愭湰鏂规硶"
-                  prop="costingMethod"
-                  style="margin-left: 20px"
-                >
+                <!-- <div class="second-label">搴撳瓨璁′环</div> -->
+                <el-form-item label="鎴愭湰鏂规硶" prop="costingMethod">
                   <el-select
                     v-model="editConfig.infomation.costingMethod"
                     placeholder="璇烽�夋嫨"
                     size="mini"
-                    style="width: 63%"
+                    style="width: 85%"
                     :disabled="!showFooter"
                   >
-                    <el-option
-                      v-for="item in costingMethodList"
-                      :key="item.id"
-                      :label="item.name"
-                      :value="item.id"
-                    >
+                    <el-option v-for="item in costingMethodList" :key="item.id" :label="item.name" :value="item.id">
                     </el-option>
                   </el-select>
                 </el-form-item>
-                <el-form-item
-                  label="搴撳瓨璁′环"
-                  prop="inventoryValuation"
-                  style="margin-left: 20px"
-                >
+                <el-form-item label="搴撳瓨璁′环" prop="inventoryValuation">
                   <el-select
                     v-model="editConfig.infomation.inventoryValuation"
                     placeholder="璇烽�夋嫨"
                     size="mini"
-                    style="width: 63%"
+                    style="width: 85%"
                     :disabled="!showFooter"
                   >
                     <el-option
@@ -176,25 +163,17 @@
       <!-- 灏� -->
       <div v-if="showFooter" slot="footer" class="dialog-footer">
         <!-- <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button> -->
-        <el-button type="primary" size="small" @click="saveClick('form')"
-          >淇濆瓨</el-button
-        >
-        <el-button size="small" @click="editConfig.visible = false"
-          >鍙栨秷</el-button
-        >
+        <el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
+        <el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import {
-  addProductCategory,
-  updateProductCategory,
-  deleteProductCategory,
-} from "@/api/product/productCategory";
+import { addProductCategory, updateProductCategory, deleteProductCategory } from "@/api/product/productCategory"
 
-import { getDataByType } from "@/api/data";
+import { getDataByType } from "@/api/data"
 export default {
   name: "AddProductCategoryDialog",
   props: {
@@ -204,16 +183,16 @@
         return {
           visible: false,
           title: "鏂板缓",
-          infomation: { type: [] },
-        };
-      },
+          infomation: { type: [] }
+        }
+      }
     },
     productCategoryList: {
       type: Array,
       default: () => {
-        return [];
-      },
-    },
+        return []
+      }
+    }
   },
   components: {},
   computed: {},
@@ -222,7 +201,7 @@
       dialogWidth: "50%",
       editConfig: this.editCommonConfig,
       rules: {
-        name: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }],
+        name: [{ required: true, message: "璇疯緭鍏�", trigger: "change" }]
       },
       forceRemovalStrategyList: getDataByType("forceRemovalStrategy"),
       // 鎴愭湰鏂规硶
@@ -234,93 +213,93 @@
       showButton: true,
       showEdit: false, // 鏄惁鏄剧ず缂栬緫鎸夐挳
       isDelClick: false, // 鍒犻櫎鎸夐挳鏄惁鍙偣鍑�
-      showFooter: false, // 鏄惁鏄剧ず鍙栨秷淇濆瓨
-    };
+      showFooter: false // 鏄惁鏄剧ず鍙栨秷淇濆瓨
+    }
   },
   created() {
-    this.setBottonView();
+    this.setBottonView()
   },
   methods: {
     // 璁剧疆鍒犻櫎/鎵撳嵃/缂栬緫鏄惁鏄剧ず
     setBottonView() {
       if (this.editConfig.title === "鏂板缓") {
-        this.showButton = false;
-        this.showEdit = false;
-        this.showFooter = true;
+        this.showButton = false
+        this.showEdit = false
+        this.showFooter = true
       } else {
-        this.showEdit = true;
-        this.showFooter = false;
+        this.showEdit = true
+        this.showFooter = false
       }
     },
     // 鍏抽棴
     handleClose() {
-      this.editConfig.visible = false;
+      this.editConfig.visible = false
     },
     // 鍒櫎
     deleteClick() {
-      let data = JSON.parse(JSON.stringify(this.editConfig.infomation));
+      let data = JSON.parse(JSON.stringify(this.editConfig.infomation))
       deleteProductCategory({ id: data.id }).then((res) => {
         if (res.code === 200) {
-          this.editConfig.visible = false;
-          this.$message.success("鍒櫎鎴愬姛!");
-          this.$emit("refresh");
+          this.editConfig.visible = false
+          this.$message.success("鍒櫎鎴愬姛!")
+          this.$emit("refresh")
         } else {
-            this.$message.warning(res.msg?res.msg:"鍒犻櫎澶辫触!")
-         }
-      });
+          this.$message.warning(res.msg ? res.msg : "鍒犻櫎澶辫触!")
+        }
+      })
     },
     // 缂栬緫
     editClick() {
-      this.showEdit = false;
-      this.showButton = false;
-      this.showFooter = true;
+      this.showEdit = false
+      this.showButton = false
+      this.showFooter = true
     },
     saveParams() {
-      let data = JSON.parse(JSON.stringify(this.editConfig.infomation));
+      let data = JSON.parse(JSON.stringify(this.editConfig.infomation))
 
       let params = {
         costingMethod: data.costingMethod,
         forceRemovalStrategy: data.forceRemovalStrategy,
         inventoryValuation: data.inventoryValuation,
         name: data.name,
-        parentId: data.parentId,
-      };
-      if (data.id) {
-        params.id = data.id;
+        parentId: data.parentId
       }
-      return params;
+      if (data.id) {
+        params.id = data.id
+      }
+      return params
     },
     // 淇濆瓨
     saveClick(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          const params = this.saveParams();
+          const params = this.saveParams()
           if (this.editConfig.title === "鏂板缓") {
             addProductCategory(params).then((res) => {
               if (res.code === 200) {
-                this.editConfig.visible = false;
-                this.$message.success("娣诲姞鎴愬姛!");
-                this.$emit("refresh");
+                this.editConfig.visible = false
+                this.$message.success("娣诲姞鎴愬姛!")
+                this.$emit("refresh")
               } else {
-                    this.$message.warning(res.msg?res.msg:"娣诲姞澶辫触!")
-                }
-            });
+                this.$message.warning(res.msg ? res.msg : "娣诲姞澶辫触!")
+              }
+            })
           } else {
             updateProductCategory(params).then((res) => {
               if (res.code === 200) {
-                this.editConfig.visible = false;
-                this.$message.success("缂栬緫鎴愬姛!");
-                this.$emit("refresh");
+                this.editConfig.visible = false
+                this.$message.success("缂栬緫鎴愬姛!")
+                this.$emit("refresh")
               } else {
-                    this.$message.warning(res.msg?res.msg:"缂栬緫澶辫触!")
-                }
-            });
+                this.$message.warning(res.msg ? res.msg : "缂栬緫澶辫触!")
+              }
+            })
           }
         } else {
-          console.log("error submit");
-          return false;
+          console.log("error submit")
+          return false
         }
-      });
+      })
     },
     // 鍒犻櫎
     delClick() {},
@@ -330,14 +309,16 @@
         if (valid) {
           this.$router.push({
             path: "/productManage/product",
-            query: { categoryName:this.editConfig.infomation.name, id: this.editConfig.title === "鏂板缓"?'':this.editConfig.infomation.id},
-          });
+            query: {
+              categoryName: this.editConfig.infomation.name,
+              id: this.editConfig.title === "鏂板缓" ? "" : this.editConfig.infomation.id
+            }
+          })
         }
       })
-      
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
@@ -365,15 +346,15 @@
   height: calc(100% - 80px);
   overflow: auto;
   margin: 20px;
-  border: 1px solid #dcdfe6;
-  box-shadow: inset 0 0 2px #dee2e6;
-  -moz-box-shadow: inset 0 0 2px #dee2e6;
-  -webkit-box-shadow: inset 0 0 2px #dee2e6;
+  // border: 1px solid #dcdfe6;
+  // box-shadow: inset 0 0 2px #dee2e6;
+  // -moz-box-shadow: inset 0 0 2px #dee2e6;
+  // -webkit-box-shadow: inset 0 0 2px #dee2e6;
   .content-number {
     display: flex;
     justify-content: right;
     height: 44px;
-    border-bottom: 1px solid #e9e9e9;
+    // border-bottom: 1px solid #e9e9e9;
     font-size: 13px;
     .sub-number {
       width: 12.5%;
@@ -468,13 +449,18 @@
       color: #333;
     }
   }
-  .el-tabs--card > .el-tabs__header .el-tabs__nav {
-    margin-left: 20px;
+  .el-tabs--card > .el-tabs__header {
+    border-bottom: none;
+  }
+  .el-tabs__item.is-active {
+    color: #fff;
+    background: #2a78fb;
   }
   .el-tabs__item {
     height: 30px;
     line-height: 30px;
     font-size: 13px;
+    background: #f3f3f3;
   }
 }
 </style>

--
Gitblit v1.8.0