添加汇率

src/views/cashier.vue

@@ -17,6 +17,9 @@
               </el-select>
             </template>
           </el-input>
+          <el-col style="text-align: right; margin-top: 12px" v-show="currency!== 'CNY'" :span="24" v-loading="ARS_amount_loading">
+            Exchange Rate: 1.00{{currency}} = <span style="font-size: 12px">{{ARS_amount}}ARS</span>
+          </el-col>
           <el-col style="text-align: right; margin-top: 12px">
             <el-button type="primary" @click="createOrderFn">Submit</el-button>
           </el-col>
@@ -70,7 +73,7 @@
 </template>
 
 <script setup>
-import {ref, onMounted, computed} from 'vue'
+import {ref, onMounted, computed, watch} from 'vue'
 import {createOrder, getOrder, getConversionFactors} from '@/api'
 import {useRoute} from 'vue-router';
 import _ from 'lodash'
@@ -87,7 +90,9 @@ const route = useRoute()
 const orderNo = route.query.t || ''
 const mchId = route.query.mchId || ''
 const amount = ref(0)
-const currency = ref('USD')
+const ARS_amount = ref(0)
+const currency = ref('');
+const  ARS_amount_loading = ref(false);
 import {ElMessage} from 'element-plus';
 
 
@@ -154,6 +159,17 @@ const getAmount = async () => {
   return res.amount
 }
 
+watch(currency, async () => {
+  if(currency.value === 'CNY')  return
+  ARS_amount_loading.value = true
+  const  res = await getConversionFactors({
+    currency: currency.value,
+    amount: '1.00'
+  })
+  ARS_amount.value = res.amount
+  ARS_amount_loading.value = false
+})
+
 const createOrderFn = async () => {
   loading.value = true
   if(_.isNumber(amount.value) && amount.value < 1) {
@@ -235,6 +251,7 @@ function signSort(args) {
 
 onMounted(() => {
   getOrderInfo()
+  currency.value = "USD"
 })
 </script>