新增汇率页面调整

src/views/ecw/exchangeRate/index.vue

@@ -99,12 +99,12 @@
           </el-select>
         </el-form-item>
         <el-form-item label="汇率" prop="currencyRate">
-          <el-input v-model="form.currencyRate" placeholder="请输入汇率" />
-          <p v-if="!form.id" style="margin: 0;">
-            例子：1RMB = 0.138611USD
+          <el-input-number  class="el-input-number" :controls="false" v-model="form.currencyRate" placeholder="请输入汇率" />
+          <p v-if="form.sourceCurrencyId &&  form.currencyRate && form.targetCurrencyCode"  style="margin: 0;">
+            例子：1{{getCurrency(form.sourceCurrencyId, true)}} = {{ 1 * form.currencyRate}}  {{getCurrency(form.targetCurrencyId, true)}}
           </p>
           <p v-else style="margin: 0;">
-            例子：1{{getCurrency(f.sourceCurrencyId, true)}} = {{ 1 * f.currencyRate}}  {{getCurrency(f.targetCurrencyId, true)}}
+            例子：1RMB = 0.138611USD
           </p>
         </el-form-item>
         <el-form-item label="备注">
@@ -163,11 +163,6 @@ export default {
   },
   data() {
     return {
-      f:{
-        "currencyRate": "",
-        "sourceCurrencyId":'' ,
-        "targetCurrencyId": '',
-      },
       currencyList:[],
       allSimplList:[],
       listLog:[],
@@ -214,6 +209,9 @@ export default {
     this.getList();
   },
   methods: {
+    change(val){
+      console.log(val,'val')
+    },
     handleLog(row){
       this.openLog = true;
       getExchangeRateLogList({ids:row.id}).then(r => {
@@ -292,9 +290,6 @@ export default {
       const id = row.id;
       getExchangeRate(id).then(response => {
         this.form = response.data;
-        this.f.currencyRate = response.data.currencyRate
-        this.f.sourceCurrencyId = response.data.sourceCurrencyId
-        this.f.targetCurrencyId = response.data.targetCurrencyId
         this.open = true;
         this.title = "修改";
       });
@@ -360,3 +355,10 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+ ::v-deep.el-input-number{
+    .el-input__inner{
+      text-align: left;
+    }
+ }
+</style>