From 089bf5d2378b3c4a61d795b2a92bede2c193b771 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:22:58 +0800
Subject: [PATCH] 1
---
src/views/modules/subscribe/subscribe-variety.vue | 520 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 520 insertions(+), 0 deletions(-)
diff --git a/src/views/modules/subscribe/subscribe-variety.vue b/src/views/modules/subscribe/subscribe-variety.vue
new file mode 100644
index 0000000..431d1d6
--- /dev/null
+++ b/src/views/modules/subscribe/subscribe-variety.vue
@@ -0,0 +1,520 @@
+<template>
+ <div class="mod-subscribe-variety">
+ <avue-crud
+ ref="crud"
+ :page.sync="page"
+ :data="dataList"
+ :option="tableOption"
+ @search-change="searchChange"
+ @selection-change="selectionChange"
+ @on-load="getDataList"
+ >
+ <template slot="menuLeft">
+ <el-button
+ type="primary"
+ icon="el-icon-edit"
+ size="small"
+ :loading="dataListLoading"
+ v-if="isAuth('sys:user:root')"
+ @click.stop="addkinHandle('all',1)"
+ >初始化K线图</el-button
+ >
+ <!-- <el-button
+ type="primary"
+ icon="el-icon-plus"
+ size="small"
+ v-if="isAuth('sys:user:save')"
+ @click.stop="addOrUpdateHandle(options)"
+ >新增</el-button
+ > -->
+ </template>
+ <template slot="ndhSearch">
+ <avue-select
+ v-model="options.value"
+ placeholder="请选择"
+ :dic="options"
+ ></avue-select>
+ </template>
+ <template slot-scope="scope" slot="amountAfter">
+ <span
+ class="seachButton"
+ v-if="isAuth('subscribe:variety:f10')"
+ @click="
+ seachDress(scope.row.relatedStockSymbol,scope.row.relatedStockName)
+ "
+ >查看信息</span
+ >
+ </template>
+ <template slot-scope="scope" slot="close">
+ <span>{{ scope.row.realtime.close }}</span>
+ </template>
+ <template slot-scope="scope" slot="close">
+ <span>{{ scope.row.realtime.close }}</span>
+ </template>
+ <template slot-scope="scope" slot="open">
+ <span>{{ scope.row.realtime.open }}</span>
+ </template>
+ <template slot-scope="scope" slot="amount">
+ <span>{{ scope.row.realtime.amount }}</span>
+ </template>
+ <template slot-scope="scope" slot="symboLl">
+ <span>{{ scope.row.realtime.symbol }}</span>
+ </template>
+ <template slot-scope="scope" slot="menu">
+ <el-select
+ v-if="isAuth('sys:user:root')"
+ v-model="scope.row.select"
+ class="celectSpeac"
+ clearable
+ :loading="dataListLoading"
+ placeholder="操作"
+ @change="changeSelet(scope.row)"
+ >
+ <el-option
+ v-for="item in options1"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ <el-select
+ v-else
+ v-model="scope.row.select"
+ class="celectSpeac"
+ clearable
+ :loading="dataListLoading"
+ placeholder="操作"
+ @change="changeSelet(scope.row)"
+ >
+ <el-option
+ v-for="item in options2"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </template>
+ </avue-crud>
+ <!-- 弹窗, 新增 / 修改 -->
+ <add-or-update
+ v-if="addOrUpdateVisible"
+ ref="addOrUpdate"
+ @refreshDataList="getDataList"
+ ></add-or-update>
+ <add-other-update
+ v-if="addOtherUpdateVisible"
+ ref="addOtherUpdate"
+ @refreshDataList="getDataList"
+ ></add-other-update>
+
+ <lever
+ v-if="leverVisible"
+ ref="lever"
+ @refreshDataList="getDataList"
+ ></lever>
+ </div>
+</template>
+
+<script>
+import { tableOption } from "@/crud/subscribe/subscribe-variety";
+import AddOrUpdate from "./subscribe-variety-add-or-update";
+import AddOtherUpdate from "./subscribe-mixdate-update";
+import lever from "./lever";
+export default {
+ data() {
+ return {
+ dataForm: {},
+ dataList: [],
+ options: [],
+ type: {},
+ state: "",
+ options1: [
+ {
+ value: "1",
+ label: "修改",
+ },
+ {
+ value: "2",
+ label: "交易杠杆",
+ },
+ {
+ value: "3",
+ label: "初始化K线",
+ },
+ ],
+ options2:[
+ {
+ value: "1",
+ label: "修改",
+ },
+ {
+ value: "2",
+ label: "交易杠杆",
+ },
+ ],
+ option2: {
+ column: [
+ {
+ label: "全部",
+ prop: 0,
+ },
+ {
+ label: "申购中",
+ prop: 1,
+ },
+ {
+ label: "已结束",
+ prop: 2,
+ },
+ ],
+ },
+ dataListLoading: false,
+ dataListSelections: [],
+ addOrUpdateVisible: false,
+ addOtherUpdateVisible: false,
+ leverVisible: false,
+ tableOption: tableOption,
+ searchParams: {}, // 搜索条件
+ page: {
+ total: 0, // 总页数
+ currentPage: 1, // 当前页数
+ pageSize: 10, // 每页显示多少条
+ },
+ stocks: [],
+ };
+ },
+ components: {
+ AddOrUpdate,
+ AddOtherUpdate,
+ lever,
+ },
+ created() {
+ this.getSymbol();
+ this.getUsStocks();
+ this.getHkStocks();
+ this.getAStocks();
+ },
+ methods: {
+ // 获取数据列表
+ getDataList(page, done) {
+ const params = {
+ current: page == null ? this.page.currentPage : page.currentPage,
+ size: page == null ? this.page.pageSize : page.pageSize,
+ ...this.searchParams,
+ };
+ this.dataListLoading = true;
+ let projectTypeSymbol = "";
+ if (this.options.value) {
+ projectTypeSymbol = this.options.value;
+ } else {
+ projectTypeSymbol = "";
+ }
+ this.$http({
+ url: this.$http.adornUrl("/projectVariety/list"),
+ method: "post",
+ data: this.$http.adornData(
+ Object.assign(
+ {
+ status: this.state,
+ projectTypeSymbol: projectTypeSymbol,
+ current: page == null ? this.page.currentPage : page.currentPage,
+ size: page == null ? this.page.pageSize : page.pageSize,
+ },
+ params
+ )
+ ),
+ }).then(({ data }) => {
+ if (data.code == 0) {
+ this.dataList = data.data.records;
+ this.page.total = data.data.total;
+ } else {
+ this.$message({
+ message: data.msg,
+ type: "error",
+ duration: 1000,
+ onClose: () => {},
+ });
+ }
+
+ this.dataListLoading = false;
+ if (done) {
+ done();
+ }
+ });
+ },
+ seachDress(symbol,name) {
+ this.addOtherUpdateVisible = true;
+ this.$nextTick(() => {
+ this.$refs.addOtherUpdate.init(symbol, name,);
+ });
+ },
+ // 条件查询
+ searchChange(params, done) {
+ this.page.currentPage = 1; // 重置当前页为第一页
+ this.searchParams = params;
+ this.getDataList(this.page, done);
+ },
+ // 多选变化
+ selectionChange(val) {
+ this.dataListSelections = val;
+ },
+ // 新增 / 修改
+ addOrUpdateHandle(arr, row) {
+ this.addOrUpdateVisible = true;
+ this.$nextTick(() => {
+ this.$refs.addOrUpdate.init(arr, row);
+ });
+ },
+ // tab切换
+ // handleChange(column,params,done) {
+ // this.type = column
+ // this.state = column.prop
+ // this.getDataList (this.page, params, done)
+ // },
+ // 获取项目种类列表
+ getSymbol(page, params, done) {
+ this.dataListLoading = true;
+ this.$http({
+ url: this.$http.adornUrl("/api/item!list.action?type=indices"),
+ method: "get",
+ params: this.$http.adornParams(Object.assign({}, params), false),
+ }).then(({ data }) => {
+ if (data.code == 0) {
+ let arr = data.data;
+ this.options = arr.map((item, index) => {
+ return Object.assign({
+ label: item.name,
+ value: item.symbol,
+ });
+ });
+ }
+ if (done) {
+ done();
+ }
+ });
+ },
+ //行情数据
+ getUsStocks() {
+ this.$http({
+ url: this.$http.adornUrl("/api/item!list.action?type=us-stocks"),
+ method: "get",
+ params: this.$http.adornParams({}),
+ }).then(({ data }) => {
+ // console.log("us-stocks data => " + JSON.stringify(data));
+ // this.UsStocks = data.data;
+ this.stocks = this.stocks.concat(data.data);
+ });
+ },
+ addkinHandle(symbol,n) {
+ let daType = {};
+ if (n == 1) {
+ daType = {
+ paraInitSymbol: symbol,
+ symbolType: "indices", //forex->外汇,commodities->大宗商品，指数/ETF->indices, A-stocks->A股, HK-stocks->港股.US-stocks->美股，cryptos->数字货币
+ };
+ } else {
+ daType = {
+ paraInitSymbol: symbol,
+ };
+ }
+ //初始化k线
+ this.dataListLoading = true;
+ this.$confirm(`确定初始化K线?`, "提示", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ //
+ this.$http({
+ url: this.$http.adornUrl(
+ "/normal/adminItemAction!/klineInit.action"
+ ),
+ method: "get",
+ params: this.$http.adornParams(Object.assign(daType), false),
+ }).then(({ data }) => {
+ if (data.code == 0) {
+ this.dataListLoading = false;
+ this.$message({
+ message: data.data,
+ type: "success",
+ duration: 1500,
+ onClose: () => {
+ // this.getDataList(this.page);
+ },
+ });
+ }else{
+ this.dataListLoading = false;
+ this.$message({
+ message: data.msg,
+ type: "error",
+ duration: 1500,
+ onClose: () => {
+ // this.getDataList(this.page);
+ },
+ });
+ }
+ //
+
+ //
+ if (done) {
+ done();
+ }
+ });
+ })
+ .catch(() => {this.dataListLoading = false;});
+ },
+ getHkStocks() {
+ this.$http({
+ url: this.$http.adornUrl("/api/item!list.action?type=hk-stocks"),
+ method: "get",
+ params: this.$http.adornParams({}),
+ }).then(({ data }) => {
+ // console.log("hk-stocks data => " + JSON.stringify(data));
+ // this.UsStocks = data.data;
+ this.stocks = this.stocks.concat(data.data);
+ });
+ },
+ getAStocks() {
+ this.$http({
+ url: this.$http.adornUrl("/api/item!list.action?type=A-stocks"),
+ method: "get",
+ params: this.$http.adornParams({}),
+ }).then(({ data }) => {
+ // console.log("A-stocks data => " + JSON.stringify(data));
+ // this.AStocks = data.data;
+ this.stocks = this.stocks.concat(data.data);
+ });
+ },
+ // 删除
+ deleteHandle(id) {
+ this.$confirm(`确定进行[${id ? "删除" : "批量删除"}]操作?`, "提示", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ this.$http({
+ url: this.$http.adornUrl("/purchasing/delete"),
+ method: "post",
+ data: this.$http.adornData(
+ Object.assign({
+ id: id,
+ })
+ ),
+ }).then(({ data }) => {
+ if (data.code == 0) {
+ this.$message({
+ message: "操作成功",
+ type: "success",
+ duration: 1500,
+ onClose: () => {
+ this.getDataList();
+ },
+ });
+ } else {
+ this.$message({
+ message: data.msg,
+ type: "error",
+ duration: 1500,
+ onClose: () => {},
+ });
+ }
+ });
+ })
+ .catch(() => {});
+ },
+ changeSelet(row) {
+ console.log("row => " + JSON.stringify(row));
+ switch (row.select) {
+ case "1": //修改
+ {
+ this.addOrUpdateVisible = true;
+ this.$nextTick(() => {
+ this.$refs.addOrUpdate.init(this.options, row, this.stocks);
+ });
+ }
+ break;
+ case "2": //交易杠杆
+ {
+ this.leverVisible = true;
+ this.$nextTick(() => {
+ this.$refs.lever.init(this.options, row, this.stocks);
+ });
+ }
+ break;
+ case "3": //初始化K线
+ {
+ //
+ this.$confirm(`确定初始化K线?`, "提示", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ //
+ this.$http({
+ url: this.$http.adornUrl(
+ "/normal/adminItemAction!/klineInit.action"
+ ),
+ method: "get",
+ params: this.$http.adornParams(
+ Object.assign({
+ paraInitSymbol: row.relatedStockSymbol || "",
+ }),
+ false
+ ),
+
+ }).then(({ data }) => {
+ this.dataListLoading = true;
+ if (data.code == 0) {
+ console.log("k初始化 =>" + JSON.stringify(data));
+ this.$message({
+ message: "操作成功",
+ type: "success",
+ duration: 1500,
+ onClose: () => {},
+ });
+ this.dataListLoading = false;
+ }else{
+ this.$message({
+ message: data.msg,
+ type: "error",
+ duration: 1500,
+ onClose: () => {},
+ });
+ this.dataListLoading = false;
+ }
+ //
+ //
+ });
+ })
+ .catch(() => {});
+ //
+ }
+ break;
+ }
+
+ row.select = "";
+ },
+ },
+};
+</script>
+<style scoped>
+/* 以下是下拉框操作按钮样式 */
+::v-deep .celectSpeac .el-input__inner {
+ background: #1c4efa !important;
+}
+::v-deep .celectSpeac .el-input__inner::placeholder {
+ color: #fff;
+}
+.seachButton {
+ cursor: pointer;
+ color: rgb(69, 147, 235);
+}
+.seachButton:hover {
+ color: rgb(8, 63, 134);
+}
+</style>
--
Gitblit v1.9.3