diff --git a/src/views/emis/EmisBaseTools/ExchangeRatePanel.vue b/src/views/emis/EmisBaseTools/ExchangeRatePanel.vue
new file mode 100644
index 00000000..ea825b9d
--- /dev/null
+++ b/src/views/emis/EmisBaseTools/ExchangeRatePanel.vue
@@ -0,0 +1,57 @@
+<template>
+      <div>
+          {{from}}->{{to}}:{{ svalue }}
+      </div>
+</template>
+<script>
+  import {  getValidExchangeRate } from "@/api/emis/emisExchangeRate";
+  export default {
+    name: "ExchangeRatePanel",
+    props: {
+      value: {
+        type: String,
+        required: false
+      },
+      from: {
+        type: String,
+        required: false
+      },
+      to: {
+        type: String,
+        required: false
+      },
+      placeholder: {
+        type: String,
+        required: false
+      },
+    },
+    data() {
+      return {
+        svalue: this.value,
+      };
+    },
+    watch: {
+      from(newVal,oldVal) {
+        this.queryData();
+      },
+      to(newVal,oldVal) {
+        this.queryData();
+      }
+    },
+    created() {
+        this.queryData();
+    },
+    methods: {
+      queryData() {
+        let queryParams = {
+          from:this.from,
+          to:this.to
+        };
+        getValidExchangeRate(this.queryParams).then(response => {
+          this.value = response.data;
+        });
+      },
+
+    }
+  };
+</script>