RRQYZFK_VUEV2.git

			@@ -21,25 +21,26 @@
			<TabPane label="均线多头排列" name="tab4" :index="4"> </TabPane>
			</Tabs>
			<div>
			<Table v-if="tab == 'tab1'" :data="datalist" :columns="rqpmColumns" transfer :loading="loading"
			border>
			<Table v-if="tab == 'tab1'" :data="rqpmdata" :columns="rqpmColumns" transfer :loading="loading" border>
			<template :slot="item" slot-scope="params" v-for="item in rqpmSoltList">
			{{ getNum(params.row, item) }}
			<!-- {{ CustomMethods.numTo$(params.row.item, 2) }} -->
			</template>
			</Table>
			<Table v-if="tab == 'tab2'" :data="dqrgdata" :columns="dqrgColumns" transfer :loading="loading" border>

			</Table>
			<Table v-if="tab == 'tab2'" :data="datalist" :columns="dqrgColumns" transfer :loading="loading"
			border>

			<Table v-if="tab == 'tab3'" :data="jrztdata" :columns="jrztColumns" transfer :loading="loading" border>
			<template :slot="item" slot-scope="params" v-for="item in jrztSoltList">
			{{ getNum(params.row, item) }}
			</template>
			</Table>
			<Table v-if="tab == 'tab3'" :data="datalist" :columns="jrztColumns" transfer :loading="loading"
			border>

			</Table>
			<Table v-if="tab == 'tab4'" :data="datalist" :columns="jxdtplColumns" transfer
			:loading="loading" border>
			<Table v-if="tab == 'tab4'" :data="jxdtpldata" :columns="jxdtplColumns" transfer :loading="loading" border>

			</Table>

			<Page :current="pageIndex" :total="totalItems" :page-size="8" @on-change="changePage"
			style="float: right;margin-top: 12px;" />
			<!-- <Page :current="pageIndex" :total="totalItems" :page-size="8" @on-change="changePage"
			style="float: right;margin-top: 12px;" /> -->
			</div>


			@@ -50,6 +51,7 @@
			<script>
			import $ from 'jquery'
			import axios from '@/libs/api.request'
			import { log } from 'console'
			export default {
			name: '',
			components: {
			@@ -57,22 +59,66 @@
			},
			data() {
			return {
			tab: 'tab1',
			searchName: '',
			pageIndex: 1,
			pageSize: 10,
			totalItems: 0,
			datalist: [],
			loading: false,
			tab: 'tab1',//当前tab
			searchName: '',//搜索名称
			pageIndex: 1,//当前页
			pageSize: 10,//每页显示多少条
			totalItems: 0,//总条数

			//人气排名
			rqpmdata: [],//数据
			rqpmSoltList: [],//需要转换的数据
			rqpmColumns: [],//表头

			//当前热股
			dqrgdata: [],//数据
			dqrgColumns: [],//表头
			dqrgSoltList: [],//需要转换的数据

			//今日涨停
			jrztdata: [],// 数据
			jrztSoltList: [],//需要转换的数据
			jrztColumns: [],//表头

			//均线多头排列
			jxdtpldata: [],//数据
			jxdtplColumns: [],//表头
			jxdtplSoltList: [],//需要转换的数据

			loading: false,//加载中


			}
			},
			mounted() {
			// this.setDqrgColumns()
			// this.setJrztColumns()
			// this.setJrztColumns()
			this.setRqpmColumns()

			},
			methods: {
			getNum(item, name) {
			console.log(item, name);
			return item[name] ? this.CustomMethods.numTo$(item[name], 2) : ''
			},
			changeTabzy(e) {
			console.log(e);
			this.tab = e
			if(this.tab == 'tab1'){
			this.setRqpmColumns()
			}else if(this.tab == 'tab2'){
			this.setDqrgColumns()
			}else if(this.tab == 'tab3'){
			this.setJrztColumns()
			}else if(this.tab == 'tab4'){
			this.setJxdtplColumns()
			}
			},
			setDqrgColumns(){

			},
			setJxdtplColumns(){

			},
			searchClick() {

			@@ -80,6 +126,300 @@
			changePage() {

			},

			setJrztColumns() {
			let Columns = [
			{
			"unit": "",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "code",
			"type": "STR",
			"index_name": "股票代码",
			"key": "股票代码"
			},
			{
			"unit": "",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "name",
			"type": "STR",
			"index_name": "股票简称",
			"key": "股票简称"
			},
			{
			"unit": "元",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "price",
			"type": "DOUBLE",
			"index_name": "最新价",
			"key": "最新价",
			"timestamp": ""
			},
			{
			"unit": "%",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "ratio",
			"type": "DOUBLE",
			"index_name": "最新涨跌幅",
			"key": "最新涨跌幅",
			"timestamp": ""
			},
			{
			"unit": "元",
			"domain": "abs_股票领域",
			"source": "add_condition",
			"type": "DOUBLE",
			"index_name": "区间成交额",
			"key": "区间成交额[20231208]",
			"timestamp": "20231208"
			},
			{
			"unit": "%",
			"domain": "abs_股票领域",
			"source": "add_condition",
			"type": "DOUBLE",
			"index_name": "区间振幅",
			"key": "区间振幅[20231208]",
			"timestamp": "20231208"
			},
			{
			"unit": "次",
			"domain": "abs_股票领域",
			"source": "new_parser",
			"sort_info": "desc",
			"type": "LONG",
			"index_name": "涨停次数",
			"key": "涨停次数[20231208]",
			"timestamp": "20231208"
			},
			{
			"unit": "",
			"domain": "abs_股票领域",
			"indexId": "",
			"source": "new_parser",
			"type": "STR",
			"index_name": "涨停次数排名",
			"key": "涨停次数排名[20231208]",
			"timestamp": "20231208"
			},
			{
			"unit": "",
			"filter_value": "a股",
			"filter_oper": "包含",
			"domain": "abs_股票领域",
			"source": "new_parser",
			"filter_keys": "股票市场类型",
			"type": "STR",
			"index_name": "股票市场类型",
			"key": "股票市场类型",
			"timestamp": ""
			}
			]
			this.jrztdata = [{
			"区间振幅[20231208]": 15.723732549595878,
			"code": "300548",
			"股票简称": "博创科技",
			"最新价": "32.66",
			"最新涨跌幅": "19.985",
			"涨停次数[20231208]": 1,
			"涨停次数排名[20231208]": "1/37",
			"区间成交额[20231208]": 1532441900,
			"股票市场类型": "a股",
			"market_code": "33",
			"股票代码": "300548.SZ"
			}, {
			"区间振幅[20231208]": 14.460093896713607,
			"code": "832802",
			"股票简称": "保丽洁",
			"最新价": "13.84",
			"最新涨跌幅": "29.953",
			"涨停次数[20231208]": 1,
			"涨停次数排名[20231208]": "1/37",
			"区间成交额[20231208]": 94531055,
			"股票市场类型": "a股",
			"market_code": "151",
			"股票代码": "832802.BJ"
			}]
			this.jrztColumns = [{
			title: '序号',
			key: 'index',
			align: 'center',
			width: 80,
			render: (h, params) => {
			return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			}
			}]
			this.jrztSoltList=[]
			for (let i = 0; i < Columns.length; i++) {
			this.jrztColumns.push({
			title: '',
			renderHeader: (h, params) => {
			return h(
			"div",
			[
			h('div',
			[
			h('span', Columns[i].index_name),
			h('span', Columns[i].unit ? `(${Columns[i].unit})` : ''),

			]
			),
			h('p', Columns[i].timestamp ? Columns[i].timestamp : '')
			]
			);
			},
			key: Columns[i].key,
			align: 'center',
			maxWidth: 320,
			slot: Columns[i].type == 'DOUBLE' ? Columns[i].key : ''
			})
			if(Columns[i].type == 'DOUBLE'){
			this.jrztSoltList.push(Columns[i].key)
			}


			}
			console.log(this.jrztSoltList);
			},
			setRqpmColumns() {
			let Columns = [
			{
			"unit": "",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "code",
			"type": "STR",
			"index_name": "股票代码",
			"key": "股票代码"
			},
			{
			"unit": "",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "name",
			"type": "STR",
			"index_name": "股票简称",
			"key": "股票简称"
			},
			{
			"unit": "元",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "price",
			"type": "DOUBLE",
			"index_name": "最新价",
			"key": "最新价",
			"timestamp": ""
			},
			{
			"unit": "%",
			"domain": "abs_股票领域",
			"source": "fixed_index",
			"label": "ratio",
			"type": "DOUBLE",
			"index_name": "最新涨跌幅",
			"key": "最新涨跌幅",
			"timestamp": ""
			},
			{
			"unit": "",
			"domain": "abs_股票领域",
			"indexId": "",
			"source": "new_parser",
			"type": "STR",
			"index_name": "个股热度排名",
			"key": "个股热度排名[20231208]",
			"timestamp": "20231208"
			},
			{
			"unit": "",
			"domain": "abs_股票领域",
			"indexId": "",
			"source": "",
			"sort_info": "desc",
			"type": "DOUBLE",
			"index_name": "个股热度",
			"key": "个股热度[20231208]",
			"timestamp": "20231208"
			},
			{
			"unit": "",
			"filter_value": "a股",
			"filter_oper": "包含",
			"domain": "abs_股票领域",
			"source": "",
			"filter_keys": "股票市场类型",
			"type": "STR",
			"index_name": "股票市场类型",
			"key": "股票市场类型",
			"timestamp": ""
			}
			]
			this.rqpmdata = [{
			"code": "603598",
			"股票简称": "引力传媒",
			"最新价": "19.00",
			"最新涨跌幅": "10.017",
			"个股热度[20231208]": 2609465,
			"股票市场类型": "a股",
			"market_code": "17",
			"个股热度排名[20231208]": 1,
			"股票代码": "603598.SH"
			}, {
			"code": "603536",
			"股票简称": "惠发食品",
			"最新价": "18.13",
			"最新涨跌幅": "-0.330",
			"个股热度[20231208]": 2378252,
			"股票市场类型": "a股",
			"market_code": "17",
			"个股热度排名[20231208]": 2,
			"股票代码": "603536.SH"
			}]

			this.rqpmColumns = [{
			title: '序号',
			key: 'index',
			align: 'center',
			width: 80,
			render: (h, params) => {
			return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			}
			}]
			this.rqpmSoltList=[]
			for (let i = 0; i < Columns.length; i++) {
			console.log(Columns[i].index_name, Columns[i].unit ? `(${Columns[i].unit})` : '');
			this.rqpmColumns.push({
			title: '',
			renderHeader: (h, params) => {
			return h(
			"div",
			[
			h('div',
			[
			h('span', Columns[i].index_name),
			h('span', Columns[i].unit ? `(${Columns[i].unit})` : '')
			]
			),
			h('p', Columns[i].timestamp ? Columns[i].timestamp : '')
			]
			);
			},
			key: Columns[i].key,
			align: 'center',
			maxWidth: 320,
			slot: Columns[i].type == 'DOUBLE' ? Columns[i].key : ''
			})
			if (Columns[i].type == 'DOUBLE') {
			this.rqpmSoltList.push(Columns[i].key)
			}
			}


			}
			},
			deactivated() {

			@@ -87,285 +427,282 @@
			watch: {

			},

			computed: {
			rqpmColumns() {
			let columns = []
			columns.push({
			title: '序号',
			key: 'index',
			align: 'center',
			width: 80,
			render: (h, params) => {
			return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			}
			})
			columns.push({
			title: '个股热度排名',
			key: 'CompanyName',
			align: 'center',
			// rqpmColumns() {
			// let columns = []
			// columns.push({
			// title: '序号',
			// key: 'index',
			// align: 'center',
			// width: 80,
			// render: (h, params) => {
			// return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			// }
			// })
			// columns.push({
			// title: '个股热度排名',
			// key: 'CompanyName',
			// align: 'center',

			}),
			columns.push({
			title: '个股热度',
			key: 'CompanyName',
			align: 'center',
			// }),
			// columns.push({
			// title: '个股热度',
			// key: 'CompanyName',
			// align: 'center',

			maxWidth: 320,
			}),
			columns.push({
			title: '股票名称',
			key: 'CompanyName',
			align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '股票名称',
			// key: 'CompanyName',
			// align: 'center',

			maxWidth: 320,
			}),
			columns.push({
			title: '最新价',
			key: 'CompanyName',
			align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '最新价',
			// key: 'CompanyName',
			// align: 'center',

			maxWidth: 320,
			}),
			columns.push({
			title: '最新涨跌幅',
			key: 'CompanyName',
			align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '最新涨跌幅',
			// key: 'CompanyName',
			// align: 'center',

			maxWidth: 320,
			}),
			columns.push({
			title: '股票代码',
			key: 'CompanyName',
			align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '股票代码',
			// key: 'CompanyName',
			// align: 'center',

			maxWidth: 320,
			})
			// maxWidth: 320,
			// })

			return columns;
			},
			dqrgColumns() {
			let columns = []
			columns.push({
			title: '序号',
			key: 'index',
			align: 'center',
			width: 80,
			render: (h, params) => {
			return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			}
			})
			columns.push({
			title: '股票名称',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '最新价',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '最新涨跌幅',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '个股热度排名',
			key: 'CompanyName',
			align: 'center',
			}),
			columns.push({
			title: '个股热度',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '股票代码',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			return columns;
			},
			jrztColumns() {
			let columns = []
			columns.push({
			title: '序号',
			key: 'index',
			align: 'center',
			width: 80,
			render: (h, params) => {
			return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			}
			})
			// return columns;
			// },
			// dqrgColumns() {
			// let columns = []
			// columns.push({
			// title: '序号',
			// key: 'index',
			// align: 'center',
			// width: 80,
			// render: (h, params) => {
			// return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			// }
			// })
			// columns.push({
			// title: '股票名称',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '最新价',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '最新涨跌幅',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '个股热度排名',
			// key: 'CompanyName',
			// align: 'center',
			// }),
			// columns.push({
			// title: '个股热度',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '股票代码',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// return columns;
			// },
			// jrztColumns() {
			// let columns = []
			// columns.push({
			// title: '序号',
			// key: 'index',
			// align: 'center',
			// width: 80,
			// render: (h, params) => {
			// return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			// }
			// })

			columns.push({
			title: '最新价',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '最新涨跌幅',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '个股热度排名',
			key: 'CompanyName',
			align: 'center',
			}),
			columns.push({
			title: 'a股是指(不含限售股)',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '几天加板',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '涨停封单量占流通a股比',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '涨停类型',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '涨停开板次数',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '股票代码',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '连续涨停天数',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '涨停封单量占成交量比',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '最终涨停时间',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '股票名称',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '首次涨停时间',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '涨停封单额',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '涨停封单量',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '涨停原因',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			// columns.push({
			// title: '最新价',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '最新涨跌幅',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '个股热度排名',
			// key: 'CompanyName',
			// align: 'center',
			// }),
			// columns.push({
			// title: 'a股是指(不含限售股)',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '几天加板',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '涨停封单量占流通a股比',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '涨停类型',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '涨停开板次数',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '股票代码',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '连续涨停天数',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '涨停封单量占成交量比',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '最终涨停时间',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '股票名称',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '首次涨停时间',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '涨停封单额',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '涨停封单量',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '涨停原因',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })

			return columns;
			},
			jxdtplColumns() {
			let columns = []
			columns.push({
			title: '序号',
			key: 'index',
			align: 'center',
			width: 80,
			render: (h, params) => {
			return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			}
			})
			columns.push({
			title: '买入信号inter',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '股票名称',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '最新价',
			key: 'CompanyName',
			align: 'center',
			}),
			columns.push({
			title: '最新涨跌幅',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			}),
			columns.push({
			title: '均线多头排列(条件说明)',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '技术形态',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			columns.push({
			title: '股票代码',
			key: 'CompanyName',
			align: 'center',
			maxWidth: 320,
			})
			return columns;
			},
			// return columns;
			// },
			// jxdtplColumns() {
			// let columns = []
			// columns.push({
			// title: '序号',
			// key: 'index',
			// align: 'center',
			// width: 80,
			// render: (h, params) => {
			// return h('span', params.index + 1 + (this.pageIndex - 1) * 10)
			// }
			// })
			// columns.push({
			// title: '买入信号inter',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '股票名称',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '最新价',
			// key: 'CompanyName',
			// align: 'center',
			// }),
			// columns.push({
			// title: '最新涨跌幅',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// }),
			// columns.push({
			// title: '均线多头排列(条件说明)',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '技术形态',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// columns.push({
			// title: '股票代码',
			// key: 'CompanyName',
			// align: 'center',
			// maxWidth: 320,
			// })
			// return columns;
			// },
			}
			}
			</script>

			<style lang="less" >

			</style>
			<style lang="less" ></style>