工具箱-持仓分析

src/lang/modules/ToolBox/PositionAnalysis.js

@@ -4,7 +4,27 @@
 
 /* 英文 */
 export const PositionAnalysisEn = {
-
+    before_btn:'Previous Contract',
+    next_btn:'Next Contract',
+    position_list_label:'Position List',
+    history_contract:'History Contracts',
+    select_date_placeholder:'please select date',
+    see_before_day:'View the previous day',
+    see_next_day:' View the next day',
+    count_name:'Total',
+    compare_yesterday:'Compare with yesterday',
+    no_data:'no data',
+    variety:'varieties',
+    increase:'Increase',
+    decrease:'Decrease',
+    long_position:'Long Position',
+    short_position:'Short Position',
+    net_long_position:'Net Long Position',
+    net_short_position:'Net Short Position',
+    hold_long_position:'Number of Long Positions Held',
+    hold_short_position:'Number of Short Positions Held',
+    net_long_position_num:'Number of Net Long Position',
+    net_short_position_num:'Number of Net Short Position',
 };
   
 /* 中文 */
@@ -12,7 +32,24 @@ export const PositionAnalysisZh = {
     before_btn:'上一个合约',
     next_btn:'下一个合约',
     position_list_label:'持仓列表',
-    history_contract:'历史合约'
+    history_contract:'历史合约',
+    select_date_placeholder:'请选择日期',
+    see_before_day:'查看前一天',
+    see_next_day:'查看后一天',
+    count_name:'总计',
+    compare_yesterday:'较昨日',
+    no_data:'该日期无数据',
+    variety:'品种',
+    increase:'增',
+    decrease:'减',
+    long_position:'多单',
+    short_position:'空单',
+    net_long_position:'净多单',
+    net_short_position:'净空单',
+    hold_long_position:'持多单量',
+    hold_short_position:'持空单量',
+    net_long_position_num:'净多单量',
+    net_short_position_num:'净空单量',
 };
   
 /**

src/views/positionAnalysis_manage/components/chartBox.vue

@@ -13,14 +13,14 @@
           class="color-box"
           :style="{ background: colorMap.get(keyVal)[1] }"
         ></span>
-        <span>增</span>
+        <span>{{$t('ToolBox.PositionAnalysis.increase')}}</span>
       </div>
       <div>
         <span
           class="color-box"
           :style="{ background: colorMap.get(keyVal)[2] }"
         ></span>
-        <span>减</span>
+        <span>{{$t('ToolBox.PositionAnalysis.decrease')}}</span>
       </div>
     </div>
     <div class="chart-content">

src/views/positionAnalysis_manage/components/chartDetail.vue

@@ -27,14 +27,14 @@
             <el-date-picker
                 v-model="selectDate"
                 type="date"
-                placeholder="请选择日期"
+                :placeholder="$t('ToolBox.PositionAnalysis.select_date_placeholder')"
                 value-format="yyyy-MM-dd"
                 :picker-options="pickerOption"
                 @change="$emit('handleOpt','date')"
                 style="margin-right: 10px"
             />
-            <el-button type="primary" plain @click="$emit('handleOpt','beforeDate')">查看前一天</el-button>
-            <el-button type="primary" plain @click="$emit('handleOpt','nextDate')" :disabled="disabledNextBtn">查看后一天</el-button>
+            <el-button type="primary" plain @click="$emit('handleOpt','beforeDate')">{{$t('ToolBox.PositionAnalysis.see_before_day')}}</el-button>
+            <el-button type="primary" plain @click="$emit('handleOpt','nextDate')" :disabled="disabledNextBtn">{{$t('ToolBox.PositionAnalysis.see_next_day')}}</el-button>
         </div>
       </div>
       <div
@@ -45,11 +45,11 @@
           <span>{{$route.query.classify_type}}</span>
           <span>{{ chartItemInfo.name }}</span>
           <span
-            ><span style="color: #999; margin-right: 2px">总计 </span
+            ><span style="color: #999; margin-right: 2px">{{$t('ToolBox.PositionAnalysis.count_name')}} </span
             >{{ chartItemInfo.TotalDealValue }}</span
           >
           <span
-            ><span style="color: #999; margin-right: 2px">较昨日 </span
+            ><span style="color: #999; margin-right: 2px">{{$t('ToolBox.PositionAnalysis.compare_yesterday')}} </span
             >{{ chartItemInfo.TotalDealChange }}</span
           >
         </div>
@@ -57,7 +57,7 @@
       </div>
 
       <div class="empty-wrap" v-else>
-        <tableNoData text="该日期无数据" />
+        <tableNoData :text="$t('ToolBox.PositionAnalysis.no_data')" />
       </div>
     </div>
 
@@ -85,6 +85,36 @@ export default {
     selectDate:String,
     pickerOption:Object
   },
+  computed:{
+    tabKeys(){
+      return [
+        { label: this.$t('ToolBox.PositionAnalysis.long_position')/* "多单" */, key: "BuyList" },
+        { label: this.$t('ToolBox.PositionAnalysis.short_position')/* "空单" */, key: "SoldList" },
+        { label: this.$t('ToolBox.PositionAnalysis.net_long_position')/* "净多单" */, key: "CleanBuyList" },
+        { label: this.$t('ToolBox.PositionAnalysis.net_short_position')/* "净空单" */, key: "CleanSoldList" },
+      ]
+    },
+    chartListState(){
+      return {
+        BuyList: {
+          name: this.$t('ToolBox.PositionAnalysis.long_position')/* "多单" */,
+          labelName: this.$t('ToolBox.PositionAnalysis.hold_long_position')/* "持多单量" */,
+        },
+        SoldList: {
+          name: this.$t('ToolBox.PositionAnalysis.short_position')/* "空单" */,
+          labelName: this.$t('ToolBox.PositionAnalysis.hold_short_position')/* "持空单量" */,
+        },
+        CleanBuyList: {
+          name:this.$t('ToolBox.PositionAnalysis.net_long_position') /* "净多单" */,
+          labelName: this.$t('ToolBox.PositionAnalysis.net_long_position_num')/* "净多单量" */,
+        },
+        CleanSoldList: {
+          name: this.$t('ToolBox.PositionAnalysis.net_short_position')/* "净空单" */,
+          labelName: this.$t('ToolBox.PositionAnalysis.net_short_position_num')/* "净空单量" */,
+        },
+      }
+    }
+  },
   data() {
     return {
       isPcShow: true,
@@ -98,31 +128,31 @@ export default {
       allClassifyTypeList: [],
 
       pageLoading: false,
-      chartListState: {
-        BuyList: {
-          name: "多单",
-          labelName: "持多单量",
-        },
-        SoldList: {
-          name: "空单",
-          labelName: "持空单量",
-        },
-        CleanBuyList: {
-          name: "净多单",
-          labelName: "净多单量",
-        },
-        CleanSoldList: {
-          name: "净空单",
-          labelName: "净空单量",
-        },
-      },
+      // chartListState: {
+      //   BuyList: {
+      //     name: "多单",
+      //     labelName: "持多单量",
+      //   },
+      //   SoldList: {
+      //     name: "空单",
+      //     labelName: "持空单量",
+      //   },
+      //   CleanBuyList: {
+      //     name: "净多单",
+      //     labelName: "净多单量",
+      //   },
+      //   CleanSoldList: {
+      //     name: "净空单",
+      //     labelName: "净空单量",
+      //   },
+      // },
 
-      tabKeys: [
-        { label: "多单", key: "BuyList" },
-        { label: "空单", key: "SoldList" },
-        { label: "净多单", key: "CleanBuyList" },
-        { label: "净空单", key: "CleanSoldList" },
-      ],
+      // tabKeys: [
+      //   { label: "多单", key: "BuyList" },
+      //   { label: "空单", key: "SoldList" },
+      //   { label: "净多单", key: "CleanBuyList" },
+      //   { label: "净空单", key: "CleanSoldList" },
+      // ],
       tabKey: "BuyList",
       chartItemInfo: null,
     };

src/views/positionAnalysis_manage/components/indexContent.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="index-content-wrap">
         <div class="top-box">
-            <span style="margin-right:20px">{{num}}品种</span>
+            <span style="margin-right:20px">{{num}}{{$t('ToolBox.PositionAnalysis.variety')}}</span>
             <span>{{time}}</span>
         </div>
         <div class="list-wrap">

src/views/positionAnalysis_manage/detail.vue

@@ -4,8 +4,8 @@
         <div class="detail-top">
             <div>
                 <!-- <el-button type="primary" @click="refreshData" plain>一键刷新</el-button> -->
-                <el-button type="primary" @click="handleOpt('beforeClassifyType')">上一个合约</el-button>
-                <el-button type="primary" @click="handleOpt('nextClassifyType')">下一个合约</el-button>
+                <el-button type="primary" @click="handleOpt('beforeClassifyType')">{{$t('ToolBox.PositionAnalysis.before_btn')}}</el-button>
+                <el-button type="primary" @click="handleOpt('nextClassifyType')">{{$t('ToolBox.PositionAnalysis.next_btn')}}</el-button>
             </div>
         </div>
         <div class="content-box detail-content">
@@ -20,8 +20,8 @@
     </div>
     <div class="list" :class="{'expand-list':isSlide}">
         <div class="header">
-            <span>持仓列表</span>
-            <div>历史合约
+            <span>{{$t('ToolBox.PositionAnalysis.position_list_label')}}</span>
+            <div>{{$t('ToolBox.PositionAnalysis.history_contract')}}
                 <el-switch
                     v-model="isHistory"
                     size="large"