hqchart 1.1.12693 → 1.1.12708

package/src/jscommon/umychart.vue.components/readme.txt

@@ -1,8 +0,0 @@
-<!--
-VUE 行情通用控件 （每个控件都可以单独使用）
-searchsymbol.vue 股票代码搜索 下来联想框控件
-stockinfo  个股信息|价格|涨幅等
-stocktradeinfo 买卖盘信息|分笔|异动
-stockkline.demo 走势图|K线图
-stockfull  整体的个股行情
--->

package/src/jscommon/umychart.vue.components/searchsymbol.vue

@@ -1,299 +0,0 @@
-<!-- 
-    股票代码搜索控件
--->
-
-<template>
-  <div class="symbolWrap">
-    <div class="inputBox" v-on:keyup.38="KeyUp" v-on:keyup.40="KeyDown" v-on:keyup.enter="KeyEnter">
-      <input
-        class="myInput"
-        v-model="Symbol"
-        autofocus="autofocus"
-        placeholder="请输入股票代码或简称"
-        @keyup="SpellSock()"
-        ref="inputSymbol"
-      >
-      <span class="iconBox" v-show="Symbol != '' ">
-        <i class="el-icon-close myIcon" @click="DeletSymbel()"></i>
-      </span>
-      <span v-show="SearchKeywords" class="SearchKeywords">
-        搜
-        <span class="keyWords">
-          "
-          <span class="widthSure">{{Symbol}}</span>"
-        </span>
-        相关股票
-      </span>
-      <div class="stockList" v-show="SpellListEle">
-        <p
-          class="item"
-          v-for="(item,index) in SpellStockData"
-          @click="HideSpellList(item)"
-          @mousemove="MouseMove(index)"
-          :key="index"
-          :class="SetSelect(index)"
-        >
-          <span class="symbol">{{item.Symbol}}</span>
-          <span class="name">{{item.Name}}</span>
-        </p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-    import JSCommonStock from "../umychart.vue/umychart.stock.vue.js";
-
-    import Vue from "vue";
-    import ElementUI from "element-ui";
-    import "../../../node_modules/element-ui/lib/theme-default/index.css";
-    import locale from "../../../node_modules/element-ui/lib/locale/lang/en";
-
-    Vue.use(ElementUI, { locale });
-
-    export default {
-        name: "SearchSymbol",
-        data() {
-            return {
-            Symbol: "",
-            SearchStock: null,
-            SpellStockData: [],
-            SpellListEle: false,
-            SearchKeywords: false, // 控制搜索关键字行显示隐藏
-            Select: 0, // 搜索内容行
-            OldSymbol: "",
-            IsQuery: true //是否查询
-            };
-        },
-
-        methods: {
-            // 键盘上键事件
-            KeyUp() {
-            if (this.SpellStockData.length > 0) {
-                this.Select = this.Select - 1;
-                if (this.Select < 0) {
-                this.Select = 0;
-                }
-                this.SetScrollTo();
-            }
-            },
-            // 键盘下键事件
-            KeyDown() {
-            if (this.SpellStockData.length > 0) {
-                this.Select = this.Select + 1;
-                if (this.Select >= this.SpellStockData.length) {
-                this.Select = this.SpellStockData.length - 1;
-                }
-                this.SetScrollTo();
-            }
-            },
-            KeyEnter() {
-            if (this.Select > -1) {
-                this.Symbol = this.SpellStockData[this.Select].Symbol;
-                this.SearchKeywords = false;
-                this.SpellListEle = false;
-                this.IsQuery = false;
-                this.$emit("inputValue", this.Symbol);
-            }
-            },
-            MouseMove(index) {
-            this.Select = index;
-            },
-            SetScrollTo() {
-            if (this.Select >= 4) {
-                let itemHeight = $(".item").height() + 4;
-                $(".stockList").scrollTop(itemHeight * (this.Select - 4));
-            } else {
-                $(".stockList").scrollTop(0);
-            }
-            },
-            SetSelect(index) {
-            if (this.Select === index) {
-                return "Select";
-            }
-            },
-
-            SpellSock() {
-            if (this.Symbol) {
-                this.SearchKeywords = true;
-                this.SpellListEle = true;
-            } else {
-                this.SearchKeywords = false;
-                this.SpellListEle = false;
-                return;
-            }
-
-            if (this.OldSymbol !== this.Symbol) {
-                this.Select = 0;
-                this.OldSymbol = this.Symbol;
-
-                if (this.IsQuery) {
-                this.SearchStock = JSCommonStock.JSStock.GetSearchStock(
-                    this.SpellCallback
-                );
-                let symbol = this.Symbol;
-                this.SearchStock.Search(symbol, 2 | 4); //支持股票+指数
-                }
-                this.IsQuery = true;
-            }
-            },
-
-            SpellCallback(data) {
-            var stocks = data.Data;
-            this.SpellStockData = stocks;
-            this.SpellListEle = true;
-            },
-
-            HideSpellList(stock) {
-            var symbol = stock.Symbol;
-            this.SpellListEle = false;
-            this.SearchKeywords = false;
-            this.Symbol = symbol;
-            this.$emit("inputValue", this.Symbol);
-            //   this.$emit("inputStock", stock);
-            this.IsQuery = false;
-            },
-
-            DeletSymbel() {
-            this.Symbol = "";
-            this.SpellListEle = false;
-            this.SearchKeywords = false;
-            this.$nextTick(function() {
-                //DOM 更新了
-                this.$refs.inputSymbol.focus();
-            });
-            }
-        }
-    };
-</script>
-
-
-<style lang="less">
-.symbolWrap {
-  position: relative;
-  .Select {
-    background-color: #fff3d8;
-  }
-
-  .myInput {
-    width: 137px;
-    height: 21px;
-    line-height: 21px;
-    color: #999;
-    font-family: Microsoft YaHei;
-    border: 1px solid #999;
-  }
-
-  .iconBox {
-    display: inline-block;
-    position: absolute;
-    left: 122px;
-    top: 0;
-
-    .myIcon {
-      color: #999;
-      background: white;
-      height: 19px;
-      width: 14px;
-    }
-  }
-
-  .SearchKeywords {
-    display: block;
-    border: 1px solid #999;
-    border-top: none;
-    background: #f0f0f0;
-    position: absolute;
-    width: 192px;
-    font-size: 14px;
-    height: 22px;
-    line-height: 22px;
-    padding-left: 5px;
-    z-index: 9999;
-    top: 23px;
-
-    .keyWords {
-      color: red;
-      display: inline-block;
-
-      .widthSure {
-        display: inline-block;
-        max-width: 95px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        vertical-align: top;
-      }
-    }
-  }
-
-  .SearchKeywords:hover {
-    background: #999;
-  }
-
-  .stockList {
-    position: absolute;
-    width: 197px;
-    top: 45px;
-    left: 0;
-    max-height: 120px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    border: 1px solid #999;
-    border-top: 1px solid #ccc;
-    font-size: 14px;
-    font-family: Microsoft YaHei;
-    background-color: #fff;
-    padding-right: -17px;
-    z-index: 9999;
-
-    .item {
-      padding: 2px 0;
-      width: 100%;
-    }
-
-    .symbol {
-      padding-left: 15px;
-      padding-right: 25px;
-    }
-
-    .name {
-      padding-right: 10px;
-    }
-  }
-}
-
-.el-icon-close:before {
-  font-size: 1px;
-}
-
-::-webkit-scrollbar {
-  /* 滚动条整体部分 */
-  width: 0px;
-  margin-right: 2px;
-}
-
-::-webkit-scrollbar-thumb {
-  /* 滑块 */
-  border-radius: 5px;
-  background-color: #999;
-}
-
-input::-webkit-input-placeholder {
-  /*WebKit browsers*/
-  font-size: 12px;
-  font-family: Microsoft YaHei;
-}
-
-input::-moz-input-placeholder {
-  /*Mozilla Firefox*/
-  font-size: 12px;
-  font-family: Microsoft YaHei;
-}
-
-input::-ms-input-placeholder {
-  /*Internet Explorer*/
-  font-family: Microsoft YaHei;
-  font-size: 12px;
-}
-</style>