工具条账户查询功能

src/components/Toolbars.vue

@@ -3,27 +3,28 @@
     <el-popover
       placement="left-start"
       trigger="click"
-      :offset="150"
+      :offset="80"
       popper-class="toolbars-popover"
     >
       <div class="toolbar-detail">
         <ul @click="openTool">
           <li id="tool-caculate">计算器</li>
-          <li id="tool-search">大额支付行号查询</li>
-          <li id="tool-telexCode">电报码查询</li>
           <li id="tool-account">账户查询</li>
           <li id="tool-swiftcode">SwiftCode查询</li>
           <li id="tool-finishedtask">业务查询</li>
+          <li id="tool-feetype">费用查询</li>
+          <li id="tool-sendMessageQuery">发报查询</li>
+          <li id="tool-receiveMessageQuery">收报查询</li>
+
+          <!-- <li id="tool-search">大额支付行号查询</li>
+          <li id="tool-telexCode">电报码查询</li>
           <li id="tool-exchangerate">即期牌价查询</li>
           <li id="tool-forwardexchangerate">远期牌价查询</li>
           <li id="tool-holiday">节假日查询</li>
           <li id="tool-interestrate">利率查询</li>
           <li id="tool-businessoffer">贸易金融业务报价查询</li>
           <li id="tool-accttradedetails">账户交易明细查询</li>
-          <li id="tool-feetype">费用查询</li>
-          <li id="tool-sendMessageQuery">发报查询</li>
-          <li id="tool-receiveMessageQuery">收报查询</li>
-          <li id="tool-innerAccountBal">内部户可用余额查询</li>
+          <li id="tool-innerAccountBal">内部户可用余额查询</li> -->
         </ul>
       </div>
       <div class="toolbar-core" slot="reference">工具箱</div>

src/views/Layout/index.vue

@@ -39,12 +39,6 @@
           <div v-if="currentTool === 'tool-caculate'">
             <calculator ref="calculator" />
           </div>
-          <div v-if="currentTool === 'tool-search'">
-            <highvalue ref="highvalue" />
-          </div>
-          <div v-if="currentTool === 'tool-telexCode'">
-            <telexCode ref="telexCode" />
-          </div>
           <div v-if="currentTool === 'tool-account'">
             <account ref="account" />
           </div>
@@ -54,6 +48,22 @@
           <div v-if="currentTool === 'tool-finishedtask'">
             <finishedtask ref="finishedtask" />
           </div>
+          <div v-if="currentTool === 'tool-feetype'">
+            <feetype ref="feetype" />
+          </div>
+          <div v-if="currentTool === 'tool-sendMessageQuery'">
+            <sendMessageQuery ref="sendMessageQuery" />
+          </div>
+          <div v-if="currentTool === 'tool-receiveMessageQuery'">
+            <receiveMessageQuery ref="receiveMessageQuery" />
+          </div>
+
+          <div v-if="currentTool === 'tool-search'">
+            <highvalue ref="highvalue" />
+          </div>
+          <div v-if="currentTool === 'tool-telexCode'">
+            <telexCode ref="telexCode" />
+          </div>
           <div v-if="currentTool === 'tool-exchangerate'">
             <exchangerate ref="exchangerate" />
           </div>
@@ -75,15 +85,6 @@
           <div v-if="currentTool === 'tool-accttradedetails'">
             <accttradedetails ref="accttradedetails" />
           </div>
-          <div v-if="currentTool === 'tool-feetype'">
-            <feetype ref="feetype" />
-          </div>
-          <div v-if="currentTool === 'tool-sendMessageQuery'">
-            <sendMessageQuery ref="sendMessageQuery" />
-          </div>
-          <div v-if="currentTool === 'tool-receiveMessageQuery'">
-            <receiveMessageQuery ref="receiveMessageQuery" />
-          </div>
           <div v-if="currentTool === 'tool-innerAccountBal'">
             <innerAccountBal ref="innerAccountBal" />
           </div>
@@ -126,12 +127,29 @@ import VueDraggableResizable from 'vue-draggable-resizable'
 
 import cms from "~/components/Cms"
 import calculator from "~/widget/Calculator"
+import account from "~/widget/Account"
+import swiftcode from "~/widget/SwiftCode"
+import finishedtask from "~/widget/Business"
+import feetype from "~/widget/Fee"
+import sendMessageQuery from "~/widget/MsgSent"
+import receiveMessageQuery from "~/widget/MsgReceived"
 
 export default {
   name: "Layout",
-  components: { headerCom, sideMenu, tagViews, business, toolbars, 
+  components: { 
+    headerCom, 
+    sideMenu, 
+    tagViews, 
+    business, 
+    toolbars, 
     calculator,
     cms,
+    account,
+    swiftcode,
+    finishedtask,
+    feetype,
+    sendMessageQuery,
+    receiveMessageQuery,
     'vue-draggable-resizable': VueDraggableResizable,
   },
   data(){

src/widget/Business/index.vue

+<template>
+  <div></div>
+</template>
+
+<script>
+
+/**
+ * 业务查询
+ */
+export default {
+	name: 'BusinessQuery'
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/widget/Fee/index.vue

+<template>
+  <div></div>
+</template>
+
+<script>
+
+/**
+ * 费用查询
+ */
+export default {
+	name: 'FeeQuery'
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/widget/MsgReceived/index.vue

+<template>
+  <div></div>
+</template>
+
+<script>
+
+/**
+ * 收报查询
+ */
+export default {
+	name: 'MsgReceivedQuery'
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/widget/MsgSent/index.vue

+<template>
+  <div></div>
+</template>
+
+<script>
+
+/**
+ * 发报查询
+ */
+export default {
+	name: 'MsgSentQuery'
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/widget/SwiftCode/index.vue

+<template>
+  <div></div>
+</template>
+
+<script>
+
+/**
+ * SwiftCode查询
+ */
+export default {
+	name: 'SwiftCodeQuery'
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file