Fix made to bids screen

src/components/processFlow/makeOffer.vue

         class="btn btn-b-n"
         style="width: 150px; height:40px;"
         data-dismiss="modal"
-      >
-        OK
-      </button>
+      >OK</button>
     </div>
     <div v-else>
       <div v-if="!isSaved">
       <div v-if="!isSaved" class="container">
         <div class="row">
           <div algin="center" class="col">
-            <button v-if="isMakeOffer" type="button" @click="SendOffer()" class="btn-solid-blue">
-              Send Offer
-            </button>
+            <button
+              v-if="isMakeOffer"
+              type="button"
+              @click="SendOffer()"
+              class="btn-solid-blue"
+            >Send Offer</button>
             <button
               v-if="!isMakeOffer && !isDecline && canEdit"
               type="submit"
               @click="Accept()"
               class="btn btn-b-n"
               style="width: 150px; height:40px;"
-            >
-              Accept
-            </button>
+            >Accept</button>
             <button
               v-if="!isMakeOffer && !isDecline && canEdit"
               type="button"
               @click="Decline()"
               class="btn btn-b-n"
               style="width: 150px; height:40px;"
-            >
-              Decline
-            </button>
+            >Decline</button>
           </div>
         </div>
       </div>
         @click="Complete()"
         class="btn btn-b-n"
         style="width: 150px; height:40px;"
-      >
-        Complete
-      </button>
+      >Complete</button>
       <div v-if="isSaved">
         <div class="form-group row">
           <br />
           class="btn btn-b-n"
           style="width: 150px; height:40px;"
           data-dismiss="modal"
-        >
-          OK
-        </button>
+        >OK</button>
       </div>
     </div>
   </div>
     canEdit: Boolean,
     item: Object,
     bidId: Number,
-    updateItem: Function
+    updateItem: Function,
   },
   data() {
     return {
       isSaved: false,
       message: "",
       isInfo: true,
-      isLoggedIn: Log.isLoggedIn()
+      isLoggedIn: Log.isLoggedIn(),
     };
   },
   methods: {
-    ...mapActions("bid", ["getBid", "saveBid", "acceptBid", "declineBid"]),
+    ...mapActions("bid", ["getTemplate", "saveBid", "acceptBid", "declineBid"]),
     SendOffer() {
-      alert("Under Development");
-      // this.getBid(0);
-      // this.bidItem.id = 0;
-      // this.bidItem.amount = this.item.offer;
-      // this.bidItem.comment = this.item.comment;
-      // if (this.isProperty) {
-      //   this.bidItem.propertyId = this.item.id;
-      // } else {
-      //   this.bidItem.timeshareWeekId = this.item.id;
-      // }
-      // this.saveBid(this.bidItem);
+      //alert("Under Development");
+      this.bidItem.id = 0;
+
+      this.bidItem.amount = this.item.offer;
+      this.bidItem.comment = this.item.comment;
+      if (this.isProperty) {
+        this.bidItem.propertyId = this.item.id;
+      } else {
+        this.bidItem.timeshareWeekId = this.item.id;
+        if (this.item.isTender) {
+          this.bidItem.tenderWeek = this.item;
+        }
+      }
+      this.saveBid(this.bidItem);
 
-      // this.item = [];
-      // this.isSaved = true;
-      // this.message = "Offer was submitted.";
-      // this.isInfo = true;
+      this.isSaved = true;
+      this.isInfo = true;
+      this.message = "Offer was submitted.";
     },
     Accept() {
       this.acceptBid(this.item.id);
 
       const decline = {
         id: this.item.id,
-        comment: this.item.declineReason
+        comment: this.item.declineReason,
       };
 
       this.declineBid(decline);
       this.isSaved = true;
       this.message = "Offer Declined.";
       this.isInfo = false;
-    }
+    },
   },
   computed: {
-    ...mapState("bid", ["bidIt,em"])
+    ...mapState("bid", ["bidItem"]),
+  },
+  mounted() {
+    this.getTemplate();
   },
   watch: {
     item() {
       this.isSaved = false;
       this.canEdit = this.item.statusCode === "E1";
-    }
-  }
+    },
+  },
 };
 </script>
 

src/store/modules/processFlow/bid.js

-import axios from 'axios';
-import log from '../../../assets/Log';
+import axios from "axios";
+import log from "../../../assets/Log";
+import { result } from "lodash";
 
 export default {
   namespaced: true,
   state: {
     bidItem: {},
-    bidItems: [],
+    bidItems: []
   },
   mutations: {
     setBid(state, bid) {
     updateBidList(state, bid) {
       state.bidItems.find(item => item.id === bid.id).status = bid.status;
       console.log(JSON.stringify(bid));
-    },
+    }
   },
   getters: {},
   actions: {
+    getTemplate({ commit }) {
+      axios.get("/api/bid/GetNewBidTemplate").then(result => commit("setBid", result.data));
+    },
     getBid({ commit }, id) {
       axios
         .get(`/api/bid/${id}`)
-        .then(result => commit('addToBids', result.data))
+        .then(result => commit("addToBids", result.data))
         .catch(console.error);
     },
     getBids({ commit }) {
       axios
-        .get('/api/bid/GetBids/All')
-        .then(result => commit('setBids', result.data))
+        .get("/api/bid/GetBids/All")
+        .then(result => commit("setBids", result.data))
         .catch(console.error);
     },
     saveBid({ commit }, item) {
       }
       console.log(JSON.stringify(item));
       axios
-        .post('/api/bid', item)
-        .then(result => commit('setBid', result.data))
+        .post("/api/bid", item)
+        .then(result => commit("setBid", result.data))
         .catch(console.error);
     },
     updateBid({ commit }, item) {
       axios
-        .put('/api/bid', item)
-        .then(result => commit('setBid', item))
+        .put("/api/bid", item)
+        .then(result => commit("setBid", item))
         .catch(console.error);
     },
     acceptBid({ commit }, id) {
       axios
         .put(`/api/bid/AcceptBid/${id}`)
-        .then(result => commit('updateBidList', result.data))
+        .then(result => commit("updateBidList", result.data))
         .catch(console.error);
     },
     declineBid({ commit }, item) {
       axios
-        .put('/api/bid/DeclineBid', item)
-        .then(result => commit('updateBidList', result.data))
+        .put("/api/bid/DeclineBid", item)
+        .then(result => commit("updateBidList", result.data))
         .catch(console.error);
-    },
-  },
+    }
+  }
 };