| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%; flex: 1" |
| | | height="250" |
| | | empty-text="No Data" |
| | | fit |
| | | > |
| | |
| | | |
| | | <el-table-column prop="stockSpell" :label="$t('hj313')" width="150"> |
| | | <template slot-scope="scope"> |
| | | <span class="market-tag sc_c" v-if="scope.row.stockGid == 'MEX'"> |
| | | MEX |
| | | </span> |
| | | <el-tag |
| | | type="success" |
| | | :type="scope.row.stockGid != $mc ? 'success' : ''" |
| | | size="small" |
| | | style="margin-right: 8px" |
| | | v-else-if="scope.row.stockGid == 'US'" |
| | | > |
| | | US |
| | | {{ scope.row.stockGid }} |
| | | </el-tag> |
| | | <span>{{ scope.row.stockName }}</span> |
| | | </template> |
| | |
| | | {{ scope.row.stockGid | currencySymbol }} |
| | | {{ scope.row.buyOrderPrice }} |
| | | </span> |
| | | <div v-if="scope.row.stockGid == 'US'"> |
| | | ≈ MX$ {{ (scope.row.buyOrderPrice * utm).toFixed(2) }} |
| | | <div v-if="scope.row.stockGid != $mc"> |
| | | ≈ $ |
| | | {{ |
| | | (scope.row.buyOrderPrice * rate(scope.row.stockGid)).toFixed(2) |
| | | }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | {{ scope.row.stockGid | currencySymbol }} |
| | | {{ scope.row.now_price }} |
| | | </span> |
| | | <div v-if="scope.row.stockGid == 'US'"> |
| | | ≈ MX$ {{ (scope.row.now_price * utm).toFixed(2) }} |
| | | <div v-if="scope.row.stockGid == $mc"> |
| | | ≈ $ |
| | | {{ (scope.row.now_price * rate(scope.row.stockGid)).toFixed(2) }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | }, |
| | | watch: {}, |
| | | async created() { |
| | | await this.getExchangeRate(); // 获取汇率 |
| | | // await this.getExchangeRate(); // 获取汇率 |
| | | this.opt.stockType = this.type; |
| | | this.apiInterface = api.getchicang; // 赋值接口 |
| | | this.init(); // 获取记录列表 |