采购单，添加可修改实时金价功能

src/apis/service/purchaseIn/purchaseOrder/index.js

@@ -30,4 +30,7 @@ export default {
   re_detail: (data, params) => http(api + "goodzxinfo", data, "post", params),
   //商品成本详情
   cost_detail: (data, params) => http(api + "goodupinfo", data, "post", params),
+
+  //采购单修改实时金价
+  cgdeditgoldprice: (data, params) => http(api + "cgdeditgoldprice", data, "post", params),
 };

src/views/purchaseIn/purchaseOrder/components/editPrice.vue

@@ -0,0 +1,197 @@
+<template>
+  <el-form
+    ref="ruleForm"
+    :model="ruleForm"
+    status-icon
+    v-if="sitem.status == '0' && sitem.can[0].id == '6' && cost_detailArr.is_gold_price == '1'"
+    :size="'mini'"
+    :rules="rulesThis"
+    label-width="112px"
+  >
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="实时金价" prop="gold_price">
+          <digital-input
+            :values="ruleForm.gold_price"
+            :placeholder="'修改实时金价'"
+            :min="0"
+            :max="100000000000"
+            :position="'right'"
+            :precision="2"
+            :size="'mini'"
+            
+            :controls="false"
+            :append="'元'"
+            @reschange="rate_change"
+          />
+        </el-form-item>
+      </el-col>
+      <el-col
+        :span="12"
+        style="text-align: right"
+        
+      >
+        <el-button type="primary" :size="'mini'" @click="submitForm"
+          >保 存
+        </el-button>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import asyncRequest from "@/apis/service/purchaseIn/purchaseOrder";
+import resToken from "@/mixins/resToken";
+
+export default {
+  name: "Account",
+  props: ["showModel", "sitem", "id", "type",'newTime',],
+  mixins: [resToken],
+  computed: {
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "projectDetail"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  watch: {
+    // showModel: function (val) {
+    //   this.showModelThis = val;
+    //   if (val) {
+    //     this.initForm();
+    //   }
+    // },
+    //    newTime: function (val) {
+    //   if (val) {
+    //     this.initForm();
+    //   }
+    // },
+  },
+  data() {
+    const validate_sale_price = (rule, value, callback) => {
+      if (value === "" || value === undefined) {
+        callback(new Error("实时金价不能为空！"));
+      } else if (
+        value === "0" ||
+        value === "0." ||
+        value === "0.0" ||
+        value === "0.00"
+      ) {
+        callback(new Error("实时金价不能为零！"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      cost_detailArr:[],
+      loading: false,
+      ruleForm: {
+        cgdNo: "",
+        gold_price: "0",
+      },
+      rulesThis: this.rules,
+      rules: {
+        gold_price: [
+          {
+            required: true,
+            validator: validate_sale_price,
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    this.initForm();
+  },
+  methods: {
+    //项目毛利率编辑
+    rate_change(e) {
+      this.ruleForm.gold_price = e ;
+      this.ruleForm.cgdNo = this.sitem.cgdNo;
+
+      
+      
+      
+      this.$refs.ruleForm.validateField("gold_price");
+    },
+
+    //初始化整个组件
+    async initForm() {
+      this.loading = true;
+      this.company = "";
+      this.ruleForm = {
+        cgdNo: this.sitem.cgdNo,
+        gold_price: this.sitem.gold_price,
+      };
+      this.rulesThis = this.rules;
+      //新增商品信息请求
+      const res = await asyncRequest.cost_detail({ spuCode: this.sitem.spuCode });
+      if (res && res.code === 0 && res.data) {
+        this.cost_detailArr = res.data;
+        console.log(this.cost_detailArr)
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+      
+      this.loading = false;
+    },
+    //初始化整个表单
+    // async resetForm() {
+    //   // 重置
+    //   await this.$nextTick(() => {
+    //     if (this.$refs.ruleForm) {
+    //       this.$refs.ruleForm.resetFields();
+    //       this.$refs.ruleForm.clearValidate();
+    //       const { low_rate, cgdNo, status } = this.sitem;
+    //       this.status = status || "";
+    //       this.ruleForm = {
+    //         cgdNo: cgdNo || "",
+    //         gold_price: low_rate || "0",
+    //       };
+    //     }
+    //   });
+    // },
+
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        console.log(valid)
+        if (valid) {
+          this.loading = true;
+          let model = JSON.parse(JSON.stringify(this.ruleForm));
+          let res = await asyncRequest.cgdeditgoldprice(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);
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.account {
+}
+</style>

src/views/purchaseIn/purchaseOrder/detail.vue

@@ -137,6 +137,51 @@
                 :spucode="sitem.spuCode"
                 :iscgd="true"
               />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+              <editPrice
+                :newTime="newTime"
+                v-if="newTime !== ''"
+                :sitem="sitem"
+                @refresh = "refresh"
+              >
+
+              </editPrice>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
             </el-collapse-item>
             <el-collapse-item
               title="入库单"
@@ -194,6 +239,7 @@ import ShowDataTableColumns from "./components/ShowDataTableColumns";
 import { order_type_options, statusOptions } from "./columns";
 import tolerance from "./components/tolerance";
 import urlConfig from "@/apis/url-config";
+import editPrice from "./components/editPrice";
 export default {
   name: "purchaseOrderDetail",
   mixins: [mixinPage, resToken],
@@ -201,6 +247,7 @@ export default {
     orderInTable,
     tolerance,
     workDiffTable,
+    editPrice,
   },
 
   computed: {
@@ -215,6 +262,7 @@ export default {
         return [];
       }
     },
+    
   },
   data() {
     return {
@@ -232,7 +280,7 @@ export default {
       loading: false,
       queryId: "",
       ReturnAddModel: false, //采购单退货弹窗
-
+      
       fileUrl: urlConfig.baseURL,
     };
   },
@@ -289,6 +337,20 @@ export default {
           });
       }
     },
+    // editPriceIf(sitem){
+    //   console.log(sitem.status,"aaaaaaaa")
+    //     if(sitem.status == "0" ){
+          
+    //       return false
+    //     }else{
+    //       return true
+    //     }
+      
+    // },
+    refresh(){
+     
+      this.initData()
+    },
     getNewTime() {
       this.newTime = new Date().valueOf();
     },
@@ -304,6 +366,7 @@ export default {
       const res = await asyncRequest.detail({ cgdNo: this.queryId });
       if (res && res.code === 0 && res.data) {
         this.sitem = res.data;
+        console.log("11111111111111111",this.sitem)
         const { status, can, cgdNo } = this.sitem;
         this.status = status;
         if (can && can.length > 0) {
@@ -320,6 +383,7 @@ export default {
       }
       this.loading = false;
     },
+    
     async statusConfirm() {
       await this.$confirm(`确定已与供应商确认？`, {
         confirmButtonText: "确定",