暂存

src/components/globalComponents/digital-input/main.vue

@@ -44,6 +44,7 @@ export default {
     "name",
     "disabled",
     "controls",
+    "newTime",
     "placeholder",
     "position",
   ],
@@ -54,6 +55,11 @@ export default {
         this.num = val;
       }
     },
+    newTime: function (val) {
+      if (val) {
+        this.num = this.values;
+      }
+    },
   },
   data() {
     return {

src/views/goodStore/goodsOnline/components/fixed-price-form.vue

@@ -27,7 +27,7 @@
           >
             <template slot-scope="scope">
               <el-form-item
-                v-if="scope.row.edit"
+                v-show="scope.row.edit"
                 :prop="'good_ladder.' + scope.$index + '.' + 'min_num'"
                 :rules="addrRules.min_num"
                 :size="'mini'"
@@ -42,12 +42,13 @@
                   :precision="0"
                   :controls="false"
                   :append="''"
+                  :newTime="scope.row.newTime"
                   :size="'mini'"
                   :disabled="!scope.row.edit"
                   @reschange="num_change($event, 'min_num', scope.$index)"
                 />
               </el-form-item>
-              <span v-else>{{ scope.row.min_num }}</span>
+              <span v-show="!scope.row.edit">{{ scope.row.min_num }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -57,7 +58,7 @@
           >
             <template slot-scope="scope">
               <el-form-item
-                v-if="scope.row.edit"
+                v-show="scope.row.edit"
                 :prop="'good_ladder.' + scope.$index + '.' + 'new_sale_price'"
                 :rules="addrRules.new_sale_price"
                 :size="'mini'"
@@ -71,25 +72,36 @@
                   :size="'mini'"
                 />
               </el-form-item>
-              <span v-else>{{ scope.row.new_sale_price }}</span>
+              <span v-show="!scope.row.edit">{{
+                scope.row.new_sale_price
+              }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="sale_price" label="售价" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-form-item
-                v-if="scope.row.edit"
+                v-show="scope.row.edit"
                 :prop="'good_ladder.' + scope.$index + '.' + 'sale_price'"
                 :rules="addrRules.sale_price"
                 :size="'mini'"
                 :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
               >
-                <el-input
-                  v-model="scope.row.sale_price"
-                  placeholder="售价"
+                <digital-input
+                  :values="scope.row.sale_price"
+                  :placeholder="'售价'"
+                  :min="0"
+                  :max="100000000000"
+                  :position="'right'"
+                  :precision="2"
+                  :controls="false"
+                  :append="''"
+                  :newTime="scope.row.newTime"
+                  :size="'mini'"
                   :disabled="!scope.row.edit"
+                  @reschange="num_change($event, 'sale_price', scope.$index)"
                 />
               </el-form-item>
-              <span v-else>{{ scope.row.sale_price }}</span>
+              <span v-show="!scope.row.edit">{{ scope.row.sale_price }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -99,19 +111,28 @@
           >
             <template slot-scope="scope">
               <el-form-item
-                v-if="scope.row.edit"
+                v-show="scope.row.edit"
                 :prop="'good_ladder.' + scope.$index + '.' + 'market_price'"
                 :rules="addrRules.market_price"
                 :size="'mini'"
                 :style="{ marginBottom: scope.row.edit ? '13px' : '0' }"
               >
-                <el-input
-                  v-model="scope.row.market_price"
-                  placeholder="市场价"
+                <digital-input
+                  :values="scope.row.market_price"
+                  :placeholder="'市场价'"
+                  :min="0"
+                  :max="100000000000"
+                  :position="'right'"
+                  :precision="2"
+                  :controls="false"
+                  :append="''"
+                  :newTime="scope.row.newTime"
+                  :size="'mini'"
                   :disabled="!scope.row.edit"
+                  @reschange="num_change($event, 'market_price', scope.$index)"
                 />
               </el-form-item>
-              <span v-else>{{ scope.row.market_price }}</span>
+              <span v-show="!scope.row.edit">{{ scope.row.market_price }}</span>
             </template>
           </el-table-column>
           <el-table-column
@@ -121,7 +142,7 @@
           >
             <template slot-scope="scope">
               <el-form-item
-                v-if="scope.row.edit"
+                v-show="scope.row.edit"
                 :prop="'good_ladder.' + scope.$index + '.' + 'market_platform'"
                 :rules="addrRules.market_platform"
                 :size="'mini'"
@@ -133,13 +154,15 @@
                   :disabled="!scope.row.edit"
                 />
               </el-form-item>
-              <span v-else>{{ scope.row.market_platform }}</span>
+              <span v-show="!scope.row.edit">{{
+                scope.row.market_platform
+              }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="status" label="状态" show-overflow-tooltip>
             <template slot-scope="scope">
               <el-form-item
-                v-if="scope.row.edit"
+                v-show="scope.row.edit"
                 :prop="'good_ladder.' + scope.$index + '.' + 'status'"
                 :rules="addrRules.status"
                 :size="'mini'"
@@ -155,12 +178,9 @@
                   </el-option>
                 </el-select>
               </el-form-item>
-              <el-tag
-                v-else
-                :size="'mini'"
-                :type="scope.row.status == '1' ? '' : 'warning'"
-                >{{ scope.row.status == "1" ? "启用" : "禁用" }}</el-tag
-              >
+              <span v-show="!scope.row.edit">{{
+                scope.row.status == "1" ? "启用" : "禁用"
+              }}</span>
             </template>
           </el-table-column>
           <el-table-column fixed="right">
@@ -174,13 +194,23 @@
               </el-tooltip>
             </template>
             <template slot-scope="scope">
-              <el-tooltip effect="dark" content="修改" placement="top">
+              <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" v-else content="修改" placement="top">
                 <i
                   class="el-icon-edit tb-icon"
                   @click="openCostEdit(scope.$index)"
                 ></i>
               </el-tooltip>
-
               <el-tooltip effect="dark" content="删除" placement="top">
                 <i
                   class="el-icon-delete tb-icon"
@@ -574,31 +604,41 @@ export default {
       }
     },
     async get_new(index) {
-      const { min_num, search_loading } = this.ruleForm.good_ladder[index];
-      console.log(this.spuCode);
-      if (!search_loading) {
-        if (min_num === "" || min_num === "0") {
-          this.ruleForm.good_ladder[index].new_sale_price = "0";
-        } else {
-          this.ruleForm.good_ladder[index].search_loading = true;
-          let { code, data, message } = await asyncRequest.goodupprice({
-            min_num: min_num,
-            spuCode: this.spuCode,
-          });
-          this.ruleForm.good_ladder[index].search_loading = false;
-          if (code === 0) {
-            const { sale_price } = data;
-            this.ruleForm.good_ladder[index].new_sale_price = sale_price;
-          } else if (code >= 100 && code <= 104) {
-            await this.logout();
-          } else if (code == 1010) {
-            this.ruleForm.good_ladder[index].new_sale_price = "0";
-            this.$message.warning(message);
-          } else {
-            this.$message.warning(message);
+      const { min_num } = this.ruleForm.good_ladder[index];
+      this.ruleForm.good_ladder[index].search_loading = true;
+      let { code, data, message } = await asyncRequest.goodupprice({
+        min_num: min_num,
+        spuCode: this.spuCode,
+      });
+      let resModel = {
+        isok: code,
+        price: code === 0 ? data.sale_price : "0",
+        message: message,
+      };
+      this.ruleForm.good_ladder[index].search_loading = false;
+      return resModel;
+    },
+    //保存某一行
+    async checkRow(rowIndex) {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (!this.ruleForm.good_ladder[rowIndex].search_loading) {
+            let { isok, price, message } = await this.get_new(rowIndex);
+            if (isok === 0) {
+              this.ruleForm.good_ladder[rowIndex].new_sale_price = price;
+              this.ruleForm.good_ladder[rowIndex].edit = false;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.ruleForm.good_ladder[rowIndex].new_sale_price = price;
+              this.$message.warning(message);
+            }
           }
+        } else {
+          console.log("error submit!!");
+          return false;
         }
-      }
+      });
     },
     openCostEditDelete(index) {
       this.ruleForm.good_ladder.splice(index, 1);
@@ -606,7 +646,22 @@ export default {
     async num_change(e, key, index) {
       this.ruleForm.good_ladder[index][key] = e + "" || "0";
       if (key === "min_num") {
-        await this.get_new(index);
+        const { min_num } = this.ruleForm.good_ladder[index];
+        if (min_num === "" || min_num === "0") {
+          this.ruleForm.good_ladder[index].new_sale_price = "0";
+        } else {
+          if (!this.ruleForm.good_ladder[index].search_loading) {
+            let { isok, price, message } = await this.get_new(index);
+            if (isok === 0) {
+              this.ruleForm.good_ladder[index].new_sale_price = price;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.ruleForm.good_ladder[index].new_sale_price = price;
+              this.$message.warning(message);
+            }
+          }
+        }
       }
     },
     //阶梯成本修改
@@ -632,6 +687,7 @@ export default {
           this.ruleForm.good_ladder[findex].market_price = market_price;
           this.ruleForm.good_ladder[findex].min_num = min_num;
           this.ruleForm.good_ladder[findex].market_platform = market_platform;
+          this.ruleForm.good_ladder[findex].newTime = new Date().valueOf() + "";
           this.ruleForm.good_ladder[findex].status = status;
           this.ruleForm.good_ladder[findex].id_del = is_del;
         }
@@ -644,12 +700,19 @@ export default {
 
     async resetForm() {
       // 重置
-      await this.$nextTick(() => {
+      await this.$nextTick(async () => {
         if (this.$refs.ruleForm) {
           this.$refs.ruleForm.resetFields();
           this.$refs.ruleForm.clearValidate();
-          const { proof, ladderlist } = this.sitem;
-
+          let { proof, ladderlist } = this.sitem;
+          ladderlist.map((a) => {
+            // a.min_num = "1";
+            a.search_loading = false;
+            a.new_sale_price = "0";
+            a.newTime = new Date().valueOf() + "";
+            a.edit = false;
+            return a;
+          });
           this.ruleForm = {
             skuCode: this.id,
             proof_type: proof && proof.proof_type ? proof.proof_type : "1", // 通过or驳回
@@ -674,14 +737,54 @@ export default {
               this.video_url = this.ruleForm.proof_url;
           }
           this.$refs.ruleForm.validateField("proof_url");
+          for (let i = 0; i < this.ruleForm.good_ladder.length; i++) {
+            let { isok, price, message } = await this.get_new(i);
+            if (isok === 0) {
+              this.ruleForm.good_ladder[i].new_sale_price = price;
+              this.ruleForm.good_ladder[i].edit = false;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              this.ruleForm.good_ladder[i].new_sale_price = price;
+              this.ruleForm.good_ladder[i].edit = true;
+              this.ruleForm.good_ladder[i].newTime = new Date().valueOf() + "";
+              this.$message.warning(message);
+            }
+          }
         }
       });
     },
     async submitForm() {
       await this.$refs.ruleForm.validate(async (valid) => {
         if (valid) {
+          this.loading = true;
           let model = JSON.parse(JSON.stringify(this.ruleForm));
           let list = JSON.parse(JSON.stringify(model.good_ladder));
+          if (this.ruleForm.good_ladder.length === 0) {
+            this.$message.warning("至少添加条销售价信息！");
+            this.loading = false;
+            return;
+          }
+          let all_is_ok = true;
+          for (let i = 0; i < this.ruleForm.good_ladder; i++) {
+            this.ruleForm.good_ladder[i].search_loading = true;
+            let { isok, price } = await this.get_new(i);
+            if (isok === 0) {
+              this.ruleForm.good_ladder[i].new_sale_price = price;
+              this.ruleForm.good_ladder[i].edit = false;
+            } else if (isok >= 100 && isok <= 104) {
+              await this.logout();
+            } else {
+              all_is_ok = false;
+              this.ruleForm.good_ladder[i].new_sale_price = price;
+              this.ruleForm.good_ladder[i].edit = true;
+              this.ruleForm.good_ladder[i].newTime = new Date().valueOf() + "";
+            }
+          }
+          if (!all_is_ok) {
+            this.$message.warning("阶梯售价未满足成本最低起订量！");
+            this.loading = false;
+          }
           let list2 = [];
           list.forEach((e) => {
             let n = JSON.parse(JSON.stringify(e));