<template>
|
<div>
|
<div class="headermain" style="-webkit-app-region: drag;">
|
<div class="headerleft">
|
<div class="logoicon"></div>
|
<div class="headerleft_nei">
|
<ul>
|
<li style="-webkit-app-region: no-drag;" v-for="(item, index) in titleList"
|
@click="getlink(item, index)" :key="index"
|
:class="item.link == $route.path ? 'titleactive' : ''">{{ item.title }}</li>
|
</ul>
|
</div>
|
</div>
|
<div class="headerright">
|
<div class="sousuo" style="-webkit-app-region: no-drag;" v-if="!isshare" @click="getfirstsearch">
|
<el-input :placeholder="$t('dmgp')" prefix-icon="el-icon-search"></el-input>
|
</div>
|
<div class="sousuo sousuos animated lightSpeedInRight" v-else style="position: relative;z-index: 10;-webkit-app-region: no-drag;">
|
<el-input v-model="inputvalue" @input="changeinput" ref="inputfocus"></el-input>
|
<div class="searchlist" v-loading="loading" element-loading-spinner="el-icon-loading"
|
element-loading-background="rgba(37,38,42, 0.8)">
|
<div class="searchlist_nei" v-if="shearchlist.length > 0" v-for="(item, index) in shearchlist"
|
:key="index" @click="getchartdetail(item)">
|
<div class="searchlist_left">
|
<span>{{ item.code }}</span>
|
<span>{{ item.name }}</span>
|
</div>
|
<div class="searchlist_right">
|
<el-tooltip class="item" effect="dark" :content="$t('dmgp')" placement="bottom-start"
|
v-if="item.isOption == 0">
|
<i class="el-icon-circle-plus-outline" @click.stop="getaddzixuan(item)"></i>
|
</el-tooltip>
|
<el-tooltip class="item" effect="dark" :content="$t('djsczx')" placement="bottom-start" v-else>
|
<i class="el-icon-remove-outline" @click.stop="getdelzixuan(item)"></i>
|
</el-tooltip>
|
</div>
|
</div>
|
<div class="zanwu" v-if="shearchlist.length == 0">
|
{{ inputvalue ? $t('ssz') : $t('zwsj') }}
|
</div>
|
</div>
|
</div>
|
<div class="username" style="-webkit-app-region: no-drag;" @click="getopenusernam">
|
<span class="headerphone">{{ userData.phone }}</span>
|
<i class="el-icon-caret-bottom"></i>
|
<div class="usernamemain" v-if="isusermain == true">
|
<div class="usericon">
|
<svg t="1668622907596" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="3493" width="50" height="50">
|
<path
|
d="M147.319759 871.389576A510.36143 510.36143 0 0 1 0.000341 511.999829C0.000341 229.23939 229.239732 0 512.000171 0c282.760439 0 511.999829 229.23939 511.999829 511.999829 0 140.04902-56.217581 266.922578-147.319418 359.389747A510.429697 510.429697 0 0 1 512.000171 1023.999659a510.429697 510.429697 0 0 1-364.680412-152.610083z m30.071457-67.92531a384.853205 384.853205 0 0 1 232.994055-181.86234 204.799932 204.799932 0 1 1 203.229799 0c99.703433 27.306658 183.227672 93.764235 232.994056 181.86234A442.026519 442.026519 0 0 0 955.733356 511.999829c0-245.077252-198.655934-443.733185-443.733185-443.733185S68.266985 266.922578 68.266985 511.999829a442.026519 442.026519 0 0 0 109.124231 291.464437z"
|
p-id="3494" fill="#b4b6b8"></path>
|
</svg>
|
</div>
|
<div class="userphone">
|
{{ userData.phone }}
|
</div>
|
<div class="zongzichan">
|
{{$t('hj49')}}：￥{{ (userData.userAmt + userData.userIndexAmt).toFixed(2) }}
|
</div>
|
<div class="zongzichan"
|
:class="userData.allProfitAndLose + userData.allIndexProfitAndLose < 0 ? 'greens' : 'reds'">
|
{{$t('zyk')}}：￥{{ (userData.allProfitAndLose + userData.allIndexProfitAndLose).toFixed(2) }}
|
</div>
|
<div class="othercandong">
|
<div>
|
<p>{{$t('hj48')}}</p>
|
<p>￥{{ (userData.enableAmt + userData.enableIndexAmt).toFixed(2) }}</p>
|
</div>
|
<div>
|
<p>{{$t('hj55')}}</p>
|
<p>￥{{ (userData.allFreezAmt + userData.allIndexFreezAmt + userData.djzj).toFixed(2) }}
|
</p>
|
</div>
|
</div>
|
<div class="lang" >{{$t('qhyy')}}</div>
|
<template>
|
<el-select v-model="selectedOption" @change="langclick">
|
<el-option v-for="(item,index) in options" :label="item.title" :key="index" :value="item.lang"></el-option>
|
</el-select>
|
</template>
|
|
<div class="bangding">
|
<div class="bangdingnei" @click="authDialog = true">
|
<p>{{$t('hj146')}}：</p>
|
<div>{{ userData.isActive == 0 ? $t('hj204') : userData.isActive == 1 ? $t('dsh') :
|
userData.isActive == 2 ? $t('rzcg') : $t('ybh')
|
}}</div>
|
</div>
|
<div class="bangdingnei" @click="addbankDialog = true">
|
<p>{{$t('hj247')}}：</p>
|
<div>{{ Bankinfo.bankNo ? $t('ybk') : $t('wbk') }}</div>
|
</div>
|
</div>
|
|
<div class="userbtnmain">
|
<div @click="editpassDialog = true">
|
{{$t('hj144')}}
|
</div>
|
<div @click="getloginout">
|
{{$t('hj148')}}
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="rightsetting">
|
<i style="-webkit-app-region: no-drag;" @click="gettuopan()">
|
<svg t="1668805306346" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="8852" width="16" height="16">
|
<path
|
d="M923 571H130.7c-27.6 0-50-22.4-50-50s22.4-50 50-50H923c27.6 0 50 22.4 50 50s-22.4 50-50 50z"
|
fill="#c9c9c9" p-id="8853"></path>
|
</svg>
|
</i>
|
<i style="-webkit-app-region: no-drag;" @click="getsuoxiao()">
|
<svg t="1668805630879" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
xmlns="http://www.w3.org/2000/svg" p-id="12952" width="14" height="14">
|
<path
|
d="M172.8 1017.6c-89.6 0-166.4-70.4-166.4-166.4V441.6c0-89.6 70.4-166.4 166.4-166.4h416c89.6 0 166.4 70.4 166.4 166.4v416c0 89.6-70.4 166.4-166.4 166.4l-416-6.4z m0-659.2c-51.2 0-89.6 38.4-89.6 89.6v416c0 51.2 38.4 89.6 89.6 89.6h416c51.2 0 89.6-38.4 89.6-89.6V441.6c0-51.2-38.4-89.6-89.6-89.6H172.8z"
|
p-id="12953" fill="#c9c9c9"></path>
|
<path
|
d="M851.2 19.2H435.2C339.2 19.2 268.8 96 268.8 185.6v25.6h70.4v-25.6c0-51.2 38.4-89.6 89.6-89.6h409.6c51.2 0 89.6 38.4 89.6 89.6v409.6c0 51.2-38.4 89.6-89.6 89.6h-38.4V768h51.2c96 0 166.4-76.8 166.4-166.4V185.6c0-96-76.8-166.4-166.4-166.4z"
|
p-id="12954" fill="#c9c9c9"></path>
|
</svg>
|
</i>
|
<i style="-webkit-app-region: no-drag;" class="el-icon-close" @click="colseWin()"></i>
|
</div>
|
</div>
|
<div class="zhezhao" v-if="isshare == true" @click="closesearch">
|
|
</div>
|
<div class="zhezhao" v-if="isusermain == true" @click="isusermain = false">
|
|
</div>
|
</div>
|
<el-dialog :title="$t('hj144')" :visible.sync="editpassDialog" center width="400px">
|
<el-form :model="passform">
|
<el-form-item prop="oldPwd">
|
<el-input type='password' class="chongzhi-input" v-model="passform.oldPwd" :placeholder="$t('qsrjmm')">
|
</el-input>
|
</el-form-item>
|
<el-form-item prop="newPsd">
|
<el-input type='password' class="chongzhi-input" v-model="passform.newPsd" :placeholder="$t('qsrxmm')">
|
</el-input>
|
</el-form-item>
|
<el-form-item prop="newPsdQr">
|
<el-input type='password' class="chongzhi-input" v-model="passform.newPsdQr" :placeholder="$t('qzcsrxmm')">
|
</el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="editpassDialog = false">{{$t('qxx')}}</el-button>
|
<el-button type="primary" @click="geteditpass">{{$t('qrr')}}</el-button>
|
</div>
|
</el-dialog>
|
<el-dialog :title="Bankinfo.bankNo ? $t('yhkxx') : $t('tjyhk')" :visible.sync="addbankDialog" center width="400px">
|
<el-form :model="addbankform">
|
<el-form-item prop="oldPwd">
|
<el-input class="chongzhi-input" :readonly="Bankinfo.bankNo ? true : false"
|
v-model="addbankform.bankName" :placeholder="$t('hj218')">
|
</el-input>
|
</el-form-item>
|
<el-form-item prop="newPsd">
|
<el-input class="chongzhi-input" :readonly="Bankinfo.bankNo ? true : false"
|
v-model="addbankform.bankNo" :placeholder="$t('hj307')">
|
</el-input>
|
</el-form-item>
|
<el-form-item prop="newPsdQr">
|
<el-input class="chongzhi-input" :readonly="Bankinfo.bankNo ? true : false"
|
v-model="addbankform.bankAddress" placeholder="$t('hj219')">
|
</el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer" v-if="!Bankinfo.bankNo">
|
<el-button @click="addbankDialog = false">{{$t('qxx')}}</el-button>
|
<el-button type="primary" @click="getaddbank">{{$t('qrr')}}</el-button>
|
</div>
|
</el-dialog>
|
<el-dialog
|
:title="'实名认证' + (userData.isActive == 0 ? $t('hj204') : userData.isActive == 1 ? $t('dsh') : userData.isActive == 2 ? $t('rzcg') : $t('ybh'))"
|
:visible.sync="authDialog" center width="600px">
|
<el-form :hide-required-asterisk="true" :model="form" label-width="100px" ref="ruleForm" :rules="rule"
|
class="demo-form-inline">
|
<el-form-item :label="$t('bhyy')" v-if="userData.isActive == 3">
|
<span>{{ userData.authMsg }}</span>
|
</el-form-item>
|
<el-form-item :label="$t('hj195')" prop="name">
|
<el-input type="text" class="chongzhi-input"
|
:readonly="(userData.isActive == 1 || userData.isActive == 2) ? true : false"
|
v-model="form.name" :placeholder="$t('qsrbhyy')"></el-input>
|
</el-form-item>
|
<el-form-item :label="$t('sfzhm')" prop="idCard">
|
<el-input type="text" class="chongzhi-input"
|
:readonly="(userData.isActive == 1 || userData.isActive == 2) ? true : false"
|
v-model="form.idCard" :placeholder="$t('qsrsfzhm')">
|
</el-input>
|
</el-form-item>
|
<!-- <div style="display:flex;align-items:center;justify-content: space-between;"> -->
|
<el-form-item :label="$t('hj197')" prop="img1key">
|
<el-row>
|
<el-col :span="10">
|
<el-upload :with-credentials="true"
|
:disabled="(userData.isActive == 1 || userData.isActive == 2) ? true : false"
|
class="avatar-uploader" :action="admin + '/user/upload.do'" list-type="picture-card"
|
name="upload_file" :show-file-list="false" :on-success="handleAvatarSuccess"
|
:before-upload="beforeAvatarUpload">
|
<img v-if="form.img1key" :src="form.img1key" class="avatar" />
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
</el-upload>
|
</el-col>
|
<el-col :span="14">
|
<img src="../assets/image/img1.jpg" alt />
|
</el-col>
|
</el-row>
|
</el-form-item>
|
<el-form-item :label="$t('hj199')" prop="img2key">
|
<el-row>
|
<el-col :span="10">
|
<el-upload :with-credentials="true" class="avatar-uploader" list-type="picture-card"
|
:disabled="(userData.isActive == 1 || userData.isActive == 2) ? true : false"
|
name="upload_file" :action="admin + '/user/upload.do'" :show-file-list="false"
|
:on-success="handleAvatarSuccess2" :before-upload="beforeAvatarUpload2">
|
<img v-if="form.img2key" :src="form.img2key" class="avatar" />
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
</el-upload>
|
</el-col>
|
<el-col :span="14">
|
<img src="../assets/image/img2.jpg" alt />
|
</el-col>
|
</el-row>
|
</el-form-item>
|
<!-- </div> -->
|
<el-form-item :label="$t('scsfz')" prop="img3key">
|
<el-row>
|
<el-col :span="10">
|
<el-upload :with-credentials='true' class="avatar-uploader" list-type="picture-card"
|
:disabled="(userData.isActive == 1 || userData.isActive == 2) ? true : false"
|
name="upload_file" :action="admin + '/user/upload.do'" :show-file-list="false"
|
:on-success="handleAvatarSuccess3" :before-upload="beforeAvatarUpload3">
|
<img v-if="form.img3key" :src="form.img3key" class="avatar">
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
</el-upload>
|
</el-col>
|
<el-col :span="14">
|
<img src="../assets/image/img2.jpg" alt="">
|
</el-col>
|
</el-row>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer" v-if="userData.isActive == 0 || userData.isActive == 3">
|
<el-button @click="authDialog = false">{{$t('qxx')}}</el-button>
|
<el-button type="primary" @click="getaddauth('ruleForm')">{{ userData.isActive == 0 ? $t('hj203') :
|
userData.isActive == 3 ? $t('hj200') : ''
|
}}</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
import * as api from "@/axios/api";
|
import handleDt from "@/utils/deTh";
|
export default {
|
data() {
|
let validatePass = (rule, value, callback) => {
|
if (value === "") {
|
callback(new Error(this.$t('qsrsfzhm')));
|
} else {
|
let myreg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; // 身份证校验
|
if (!myreg.test(value)) {
|
callback(new Error(this.$t('qsrzcdsfzhm')));
|
}
|
callback();
|
}
|
};
|
return {
|
idx: 0,
|
isshare: false,
|
isusermain: false,
|
inputvalue: '',
|
pageNum: 1,
|
pageSize: 40,
|
shearchlist: [],
|
options:[
|
// {title:'中文',lang:'zh'},
|
{title:'English',lang:'en'},
|
{title:'हिंदी',lang:'india'},
|
// {title:'繁体',lang:'tw'},
|
],
|
is_show:false,
|
selectedOption:'',
|
loading: false,
|
userData: '',
|
Bankinfo: '',
|
editpassDialog: false,
|
passform: {
|
oldPwd: '',
|
newPsd: '',
|
newPsdQr: ''
|
},
|
addbankDialog: false,
|
addbankform: {
|
bankName: '',
|
bankNo: '',
|
bankAddress: ''
|
},
|
authDialog: false,
|
form: {
|
name: "",
|
idCard: "",
|
img1key: "",
|
img2key: "",
|
img3key: "",
|
},
|
rule: {
|
name: [{ required: true, message: this.$t('hj207'), trigger: "blur" }],
|
idCard: [
|
{
|
required: true,
|
validator: validatePass,
|
message: this.$t('qsrsfzhm'),
|
trigger: "blur",
|
},
|
],
|
img1key: [
|
{ required: true, message: this.$t('hj209'), trigger: "blur" },
|
],
|
img2key: [
|
{ required: true, message: this.$t('hj199'), trigger: "blur" },
|
],
|
img3key: [
|
{ required: true, message: this.$t('scsfz'), trigger: "blur" },
|
],
|
},
|
admin: process.env.VUE_APP_ADMIN ? process.env.VUE_APP_ADMIN : "https://api.jumptalk.net/",
|
}
|
},
|
computed: {
|
titleList() {
|
return [
|
// { title: this.$t('hj61'), id: 1, link: '/zixuan' },
|
// { title: '沪深京', id: 2, link: '/hushen' },
|
{ title: this.$t('yg'), id: 2, link: '/hushen' },
|
// { title: '指数', id: 3, link: '/zhishu' },
|
// { title: '科创', id: 4, link: '/kechuang' },
|
{ title: this.$t('hj65'), id: 5, link: '/meigu' },
|
// { title: '港股', id: 6, link: '/ganggu' },
|
{ title: this.$t('hj3'), id: 7, link: '/newgu' },
|
// { title: this.$t('hj261'), id: 9, link: '/dazongjiaoyi' },
|
// { title: 'VIP抢筹', id: 10, link: '/vipqiangchou' },
|
{ title: this.$t('hj225'), id: 8, link: '' }
|
]
|
}
|
},
|
created() {
|
this.getUserInfo()
|
this.selectedOption = localStorage.getItem('language')
|
},
|
methods: {
|
langclick(val){
|
console.log(val);
|
this.$i18n.locale = val
|
localStorage.setItem('language', val)
|
},
|
getaddauth(formName) {
|
this.$refs[formName].validate(async (valid) => {
|
if (valid) {
|
// 实名认证
|
let opts = {
|
realName: this.form.name,
|
idCard: this.form.idCard,
|
img1key: this.form.img1key,
|
img2key: this.form.img2key,
|
img3key: this.form.img3key,
|
};
|
let data = await api.userAuth(opts);
|
if (data.status === 0) {
|
this.$message.success(this.$t('rzcg'));
|
this.getUserInfo();
|
} else {
|
this.$message.success(data.msg);
|
}
|
this.authDialog = false;
|
} else {
|
return false;
|
}
|
});
|
},
|
handleAvatarSuccess(res, file) {
|
this.form.img1key = res.data.url;
|
},
|
beforeAvatarUpload(file) {
|
const isJPG = file.type === "image/jpeg" || file.type === "image/png";
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
if (!isJPG) {
|
this.$message.error(this.$t('zpzp'));
|
}
|
return isJPG && isLt2M;
|
},
|
handleAvatarSuccess2(res, file) {
|
this.form.img2key = res.data.url;
|
},
|
beforeAvatarUpload2(file) {
|
const isJPG = file.type === "image/jpeg" || file.type === "image/png";
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
return isJPG && isLt2M;
|
},
|
handleAvatarSuccess3(res, file) {
|
this.form.img3key = res.data.url;
|
},
|
beforeAvatarUpload3(file) {
|
const isJPG = file.type === "image/jpeg" || file.type === "image/png";
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
if (!isJPG) {
|
this.$message.error(this.$t('zpzp'));
|
}
|
return isJPG && isLt2M;
|
},
|
async getaddbank() {
|
if (this.addbankform.bankName == '') {
|
this.$message.error(this.$t('hj218'))
|
return
|
}
|
if (this.addbankform.bankNo == '') {
|
this.$message.error(this.$t('hj217'))
|
return
|
}
|
if (this.addbankform.bankAddress == '') {
|
this.$message.error(this.$t('hj219'))
|
return
|
}
|
let opts = {
|
bankName: this.addbankform.bankName,
|
bankNo: this.addbankform.bankNo,
|
bankAddress: this.addbankform.bankAddress
|
}
|
let data = await api.addBankCard(opts)
|
if (data.status == 0) {
|
this.$message.success(this.$t('hj220'))
|
this.getCardDetail()
|
this.addbankDialog = false
|
} else {
|
this.$message.error(this.$t('yhksb'))
|
}
|
},
|
async geteditpass() {
|
if (this.passform.oldPwd == '') {
|
this.$message.error(this.$t('qsrjmm'))
|
return
|
}
|
if (this.passform.newPsd == '') {
|
this.$message.error(this.$t('qsrxmm'))
|
return
|
}
|
if (this.passform.newPsdQr == '') {
|
this.$message.error(this.$t('qzcsrxmm'))
|
return
|
}
|
if (this.passform.newPsd.length < 6) {
|
this.$message.error(this.$t('mmcd'))
|
return
|
}
|
if (this.passform.newPsd != this.passform.newPsdQr) {
|
this.$message.error(this.$t('hj32'))
|
return
|
}
|
let opts = {
|
oldPwd: this.passform.oldPwd,
|
newPwd: this.passform.newPsd
|
}
|
let data = await api.changePassword(opts)
|
if (data.status == 0) {
|
this.$message.success(data.msg)
|
this.editpassDialog = false
|
} else {
|
this.$message.error(data.msg)
|
}
|
},
|
colseWin() {
|
// alert("公共头部关闭")
|
// if (process.env.NODE_ENV != 'development') {
|
// require('electron').ipcRenderer.send("close")
|
// }
|
},
|
gettuopan() {
|
// alert("公共头部缩小到托盘")
|
// if (process.env.NODE_ENV != 'development') {
|
// require('electron').ipcRenderer.send("min")
|
// }
|
},
|
getsuoxiao() {
|
// alert("公共头部缩小")
|
// if (process.env.NODE_ENV != 'development') {
|
// require('electron').ipcRenderer.send("max")
|
// }
|
},
|
getloginout() {
|
this.$confirm(this.$t('hj149'), this.$t('hj165'), {
|
confirmButtonText: this.$t('hj161'),
|
cancelButtonText: this.$t('hj106'),
|
type: 'warning'
|
}).then(async () => {
|
let data = await api.logout();
|
if (data.status === 0) {
|
window.localStorage.removeItem("tokens");
|
this.$store.state.haslogin = false;
|
this.$store.state.userInfo = {};
|
this.$router.push("/login");
|
// if (process.env.NODE_ENV != 'development') {
|
// require('electron').ipcRenderer.send("resizes")
|
// }
|
} else {
|
this.$message.error(data.msg);
|
}
|
}).catch(() => {
|
|
});
|
},
|
getopenusernam() {
|
this.getCardDetail()
|
this.isusermain == true ? this.isusermain = false : this.isusermain = true
|
},
|
async getUserInfo() {
|
let data = await api.getUserInfo();
|
if (data.status == 0) {
|
this.userData = data.data;
|
if (this.userData.idCard) {
|
this.form.idCard = this.userData.idCard;
|
this.form.name = this.userData.realName;
|
this.form.img1key = this.userData.img1Key;
|
this.form.img2key = this.userData.img2Key;
|
this.form.img3key = this.userData.img3Key;
|
}
|
}
|
},
|
// 获取银行卡信息
|
async getCardDetail() {
|
let data = await api.getBankCard();
|
if (data.status == 0) {
|
this.Bankinfo = data.data;
|
if (this.Bankinfo.bankNo) {
|
this.addbankform = data.data
|
}
|
}
|
},
|
getchartdetail(item) {
|
this.$router.push({
|
path: this.$route.path == '/hqchartdetail' ? '/zhongzhuan' : '/hqchartdetail',
|
query: {
|
code: item.code,
|
is_zhishu: 0,
|
sok: item.type ? item.type : this.filterSH(item.stock_type),
|
stock_type: item.stock_type
|
}
|
})
|
},
|
filterSH(val) {
|
if (val === "sh") {
|
return 1;
|
} else if (val === "bj" || val === "sz") {
|
return 0;
|
}
|
},
|
async getfirstsearch() {
|
this.loading = true
|
this.isshare = true
|
var opt = {
|
pageNum: this.pageNum,
|
pageSize: 20,
|
keyWords: this.inputvalue,
|
stockType: 'in'
|
};
|
var data = await api.getStock(opt);
|
this.shearchlist = data.data.list
|
this.loading = false
|
},
|
closesearch() {
|
this.isshare = false
|
this.shearchlist = []
|
this.inputvalue = ''
|
},
|
getlink(item, index) {
|
if (item.id == 8) {
|
if (this.$route.path != '/hqchartdetail') {
|
this.isshare = true
|
this.getfirstsearch()
|
this.$nextTick(() => {
|
this.$refs.inputfocus.focus()
|
})
|
} else {
|
this.$router.push({
|
path: '/zhongzhuan',
|
query: {
|
code: this.$route.query.code,
|
is_zhishu: this.$route.query.is_zhishu,
|
sok: this.$route.query.sok,
|
stock_type: this.$route.query.stock_type,
|
tabidx: 1
|
}
|
})
|
}
|
return
|
}
|
this.idx = index
|
this.$router.push(item.link)
|
},
|
changeinput: handleDt.debounce(async function () {
|
this.loading = true
|
const path = this.$route.path
|
var opt = {
|
keyWords: this.inputvalue,
|
pageNum: this.pageNum,
|
pageSize: this.pageSize,
|
};
|
var data = await api.getStock(opt);
|
this.shearchlist = data.data.list
|
this.loading = false
|
}, 1000),
|
getaddzixuan(item) {
|
api.addOption({ code: item.code }).then(res => {
|
if (res.status == 0) {
|
this.getfirstsearch()
|
this.$message({
|
message: this.$t('hj96'),
|
type: 'success'
|
});
|
} else {
|
this.$message({
|
message: this.$t('tjzxsb'),
|
type: 'error'
|
});
|
}
|
})
|
},
|
getdelzixuan(item) {
|
const code = item.code
|
api.delOption({ code: code }).then(res => {
|
if (res.status == 0) {
|
this.getfirstsearch()
|
this.$message({
|
message: this.$t('hj97'),
|
type: 'success'
|
});
|
} else {
|
this.$message({
|
message: this.$t('sczxsb'),
|
type: 'error'
|
});
|
}
|
})
|
},
|
}
|
}
|
</script>
|
<style lang="less" scoped>
|
.el-select{
|
/deep/.el-select-dropdown__item{
|
width: 100% !important;
|
}
|
}
|
.el-upload {
|
/deep/ .el-upload--picture-card {
|
width: 230px;
|
}
|
|
img {
|
max-height: 100%;
|
max-width: 100%;
|
}
|
}
|
|
.greens {
|
color: rgb(22, 135, 64) !important;
|
}
|
|
.blues {
|
color: rgb(3, 182, 191) !important;
|
}
|
|
.reds {
|
color: rgb(237, 58, 59) !important;
|
}
|
.lang{
|
margin-top: 20px;
|
margin-bottom: 20px;
|
}
|
.headermain {
|
display: flex;
|
width: 100%;
|
height: auto;
|
justify-content: space-between;
|
padding: 2px 0;
|
background: rgb(50, 51, 55);
|
|
|
.headerleft {
|
display: flex;
|
align-items: center;
|
|
.logoicon {
|
// width: 30px;
|
height: 30px;
|
border-radius: 6px;
|
margin-left: 10px;
|
}
|
|
.headerleft_nei {
|
ul {
|
list-style-type: none;
|
color: #c9c9c9;
|
display: flex;
|
font-size: 12px;
|
|
li {
|
margin-left: 40px;
|
cursor: pointer;
|
width: max-content;
|
position: relative;
|
|
&:first-child {
|
margin-left: 10px;
|
}
|
|
&:hover {
|
color: #fff;
|
}
|
}
|
|
.titleactive {
|
color: #fff;
|
|
&::before {
|
content: '';
|
height: 2px;
|
width: 120%;
|
background: rgb(25, 160, 255);
|
position: absolute;
|
bottom: -6px;
|
left: 50%;
|
transform: translate(-50%);
|
}
|
}
|
}
|
}
|
}
|
|
.headerright {
|
display: flex;
|
align-items: center;
|
font-size: 12px;
|
|
.sousuo {
|
margin-right: 20px;
|
|
/deep/ .el-input__inner {
|
background-color: #1c1d21 !important;
|
height: 26px;
|
line-height: 26px;
|
border: 1px solid rgb(117, 117, 117);
|
color: #c9c9c9;
|
|
&:hover {
|
border: 1px solid #19a0ff;
|
}
|
}
|
|
/deep/ .el-input__icon {
|
line-height: 26px;
|
}
|
}
|
|
.sousuos {
|
position: relative;
|
|
/deep/ .el-input__inner {
|
width: 300px !important;
|
border: 1px solid #19a0ff;
|
|
&:hover {
|
border: 1px solid #19a0ff;
|
}
|
}
|
|
.searchlist {
|
position: absolute;
|
width: 99%;
|
height: 300px;
|
top: 26px;
|
left: 0;
|
border: 1px solid #19a0ff;
|
border-top: none;
|
z-index: 9;
|
background: #1c1d21;
|
overflow-y: scroll;
|
|
&::-webkit-scrollbar {
|
display: none;
|
}
|
|
.searchlist_nei {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
cursor: pointer;
|
padding: 10px 10px;
|
|
.searchlist_left {
|
color: #f0be83;
|
font-size: 14px;
|
|
span {
|
&:last-child {
|
margin-left: 20px;
|
}
|
}
|
}
|
|
.searchlist_right {
|
i {
|
font-size: 16px;
|
color: #c9c9c9;
|
}
|
}
|
}
|
|
.zanwu {
|
text-align: center;
|
color: #c9c9c9;
|
line-height: 300px;
|
}
|
}
|
}
|
|
.username {
|
color: #c9c9c9;
|
padding-right: 10px;
|
position: relative;
|
margin-right: 20px;
|
|
&:hover {
|
.headerphone {
|
color: #fff;
|
cursor: pointer;
|
}
|
}
|
|
.usernamemain {
|
padding: 20px;
|
border: 1px solid #1989fa;
|
position: absolute;
|
top: 25px;
|
right: 0;
|
background: rgb(37, 38, 42);
|
width: 260px;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
border-radius: 6px;
|
z-index: 9;
|
|
.usericon {
|
margin-top: 10px;
|
}
|
|
.userphone {
|
color: #c9c9c9;
|
margin-top: 10px;
|
}
|
|
.bangding {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
width: 100%;
|
margin-top: 20px;
|
|
.bangdingnei {
|
display: flex;
|
align-items: center;
|
|
p {
|
margin-right: 10px;
|
}
|
|
div {
|
text-align: center;
|
color: #c9c9c9;
|
cursor: pointer;
|
border: 1px solid #757575;
|
padding: 4px 6px;
|
border-radius: 4px;
|
background: rgb(50, 51, 55);
|
}
|
}
|
}
|
|
.zongzichan {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
margin-top: 20px;
|
}
|
|
.otherzijin {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
width: 100%;
|
margin-top: 20px;
|
}
|
|
.othercandong {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
width: 100%;
|
margin-top: 20px;
|
|
div {
|
width: 50%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
|
p {
|
&:last-child {
|
margin-top: 8px;
|
}
|
}
|
}
|
}
|
|
.userbtnmain {
|
font-size: 12px;
|
display: flex;
|
justify-content: center;
|
width: 100%;
|
margin-top: 20px;
|
|
div {
|
text-align: center;
|
color: #c9c9c9;
|
cursor: pointer;
|
border: 1px solid #757575;
|
padding: 4px 6px;
|
border-radius: 4px;
|
background: rgb(50, 51, 55);
|
margin: 0 10px;
|
margin-bottom: 10px;
|
}
|
}
|
}
|
}
|
|
.rightsetting {
|
display: flex;
|
align-items: center;
|
color: #c9c9c9;
|
font-size: 16px;
|
height: 100%;
|
|
i {
|
width: 30px;
|
height: 100%;
|
font-weight: 600;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
&:hover {
|
background: rgb(46, 46, 46);
|
}
|
|
&:first-child {}
|
|
&:nth-child(2) {}
|
}
|
}
|
}
|
|
.zhezhao {
|
position: fixed;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
z-index: 8;
|
}
|
}
|
</style>
|
