zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: bidataset修改数据

This commit is contained in:
caoqianming 2023-11-14 10:26:36 +08:00
parent 283321f238
commit 5d5ea3e1c3
3 changed files with 258 additions and 285 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/config/route.js
View File

@ -2090,39 +2090,39 @@ const routes = [
// }, // },
// ] // ]
// }, // },
// //报表 //报表
// { {
// "name": "bi", "name": "bi",
// "path": "/bi", "path": "/bi",
// "meta": { "meta": {
// "title": "报表", "title": "报表",
// "icon": "el-icon-trend-charts", "icon": "el-icon-trend-charts",
// "type": "menu", "type": "menu",
// "perms": ["bi"] "perms": ["bi"]
// }, },
// "children": [ "children": [
// { {
// "name": "dataset", "name": "dataset",
// "path": "/bi/dataset", "path": "/bi/dataset",
// "meta": { "meta": {
// "title": "数据集", "title": "数据集",
// "icon": "el-icon-grid", "icon": "el-icon-grid",
// "perms": ["dataset"] "perms": ["dataset"]
// }, },
// "component": "bi/dataset" "component": "bi/dataset"
// }, },
// { {
// "name": "graph", "name": "graph",
// "path": "/bi/graph", "path": "/bi/graph",
// "meta": { "meta": {
// "title": "测试图", "title": "测试图",
// "icon": "el-icon-grid", "icon": "el-icon-grid",
// "perms": ["dataset"] "perms": ["dataset"]
// }, },
// "component": "bi/graph" "component": "bi/graph"
// } }
// ] ]
// }, },
// //电石渣 // //电石渣
// { // {
// "name": "enm_slag", // "name": "enm_slag",

105
src/views/bi/dataset.vue
View File

@ -8,52 +8,23 @@
</div> </div>
<div class="right-panel"> <div class="right-panel">
<div class="right-panel-search"> <div class="right-panel-search">
<el-input <el-input v-model="query.search" placeholder="名称" clearable @keyup.enter="handleQuery"></el-input>
v-model="query.search" <el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
placeholder="名称"
clearable
@keyup.enter="handleQuery"
></el-input>
<el-button
type="primary"
icon="el-icon-search"
@click="handleQuery"
></el-button>
</div> </div>
</div> </div>
</el-header> </el-header>
<el-main class="nopadding"> <el-main class="nopadding">
<scTable <scTable ref="table" :apiObj="apiObj" row-key="id" stripe>
ref="table"
:apiObj="apiObj"
row-key="id"
stripe
>
<el-table-column label="#" type="index" width="50"></el-table-column> <el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="名称" prop="name" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column label="名称" prop="name" width="200" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="sql语句" prop="sql_query" :show-overflow-tooltip="true"></el-table-column> <el-table-column label="sql语句" prop="sql_query" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="操作" fixed="right" align="left" width="200"> <el-table-column label="操作" fixed="right" align="left" width="200">
<template #default="scope"> <template #default="scope">
<el-button <el-button type="primary" plain size="small" @click="handleShow(scope.row)"
type="primary" v-auth="'dataset.exec'">预览</el-button>
plain <el-button plain type="warning" size="small" @click="table_edit(scope.row, scope.$index)"
size="small" v-auth="'dataset.update'">编辑</el-button>
@click="handleShow(scope.row)" <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index)">
v-auth="'dataset.exec'"
>预览</el-button
>
<el-button
plain
type="warning"
size="small"
@click="table_edit(scope.row, scope.$index)"
v-auth="'dataset.update'"
>编辑</el-button
>
<el-popconfirm
title="确定删除吗？"
@confirm="table_del(scope.row, scope.$index)"
>
<template #reference> <template #reference>
<el-button plain type="danger" size="small" v-auth="'dataset.delete'">删除</el-button> <el-button plain type="danger" size="small" v-auth="'dataset.delete'">删除</el-button>
</template> </template>
@ -65,18 +36,51 @@
</el-container> </el-container>
</el-aside> </el-aside>
<el-main> <el-main>
<div style="background-color: white;"> <el-row>
<div style="width: 100%;background-color: white;font-size: 14px; margin-top:2px"
v-for="(value, key, index) in bidata" :key="index">
<table class="custom-table">
<thead>
<tr>
<th v-for="(header, index) in value[0]" :key="index">{{ header }}</th>
</tr>
</thead>
<tbody>
<tr v-for="(row, rowIndex) in value.slice(1)" :key="rowIndex">
<td v-for="(cell, cellIndex) in row" :key="cellIndex">{{ cell }}</td>
</tr>
</tbody>
</table>
</div>
</el-row>
<div style="height:8px"></div>
<el-row>
<div style="width: 100%;background-color: white;">
<scEcharts height="360px" :option="myOption" v-if="chartShow"></scEcharts> <scEcharts height="360px" :option="myOption" v-if="chartShow"></scEcharts>
</div> </div>
</el-row>
</el-main> </el-main>
</el-container> </el-container>
<save-dialog <save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess"
v-if="dialog.save" @closed="dialog.save = false"></save-dialog>
ref="saveDialog"
@success="handleSaveSuccess"
@closed="dialog.save = false"
></save-dialog>
</template> </template>
<style scoped>
.custom-table {
width: 100%;
border-collapse: collapse;
}
th,
td {
border: 1px solid #ddd;
padding: 2px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
</style>
<script> <script>
import scEcharts from "@/components/scEcharts"; import scEcharts from "@/components/scEcharts";
import saveDialog from "./dataset_form.vue"; import saveDialog from "./dataset_form.vue";
@ -106,7 +110,7 @@
}, },
datasetID: "", datasetID: "",
adminvisible: false, adminvisible: false,
bidata: [],
//验证规则 //验证规则
rules: { rules: {
phone: [ phone: [
@ -142,12 +146,14 @@
// }); // });
this.chartShow = false; this.chartShow = false;
this.$API.bi.dataset.exec this.$API.bi.dataset.exec
.req(row.id) .req(row.id, { is_test: true })
.then((res) => { .then((res) => {
this.bidata = res.data
if (res.echart_options) {
this.myOption = JSON.parse(res.echart_options); this.myOption = JSON.parse(res.echart_options);
debugger;
console.log(this.myOption)
this.chartShow = true; this.chartShow = true;
}
}); });
}, },
//添加 //添加
@ -179,8 +185,7 @@
}); });
}, },
//分配账号 //分配账号
table_admin(row) table_admin(row) {
{
this.adminvisible = true; this.adminvisible = true;
this.datasetID = row.id; this.datasetID = row.id;

60
src/views/bi/dataset_form.vue
View File

@ -1,75 +1,44 @@
<template> <template>
<el-drawer <el-drawer :title="titleMap[mode]" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')">
:title="titleMap[mode]"
v-model="visible"
:size="1000"
destroy-on-close
@closed="$emit('closed')"
>
<el-container v-loading="loading"> <el-container v-loading="loading">
<el-main style="padding: 0 20px 20px 20px"> <el-main style="padding: 0 20px 20px 20px">
<el-form <el-form ref="dialogForm" :model="form" :rules="rules" :disabled="mode == 'show'" label-width="80px">
ref="dialogForm"
:model="form"
:rules="rules"
:disabled="mode == 'show'"
label-width="80px"
>
<el-row> <el-row>
<el-col :md="8" :sm="12" :xs="24"> <el-col :md="8" :sm="12" :xs="24">
<el-form-item label="名称" prop="name"> <el-form-item label="名称" prop="name">
<el-input <el-input v-model="form.name" type="text" clearable></el-input>
v-model="form.name"
type="text"
clearable
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="8" :sm="12" :xs="24"> <el-col :md="8" :sm="12" :xs="24">
<el-form-item label="编号" prop="code"> <el-form-item label="编号" prop="code">
<el-input <el-input v-model="form.code" type="text" clearable></el-input>
v-model="form.code"
type="text"
clearable
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="24" :sm="24" :xs="24"> <el-col :md="24" :sm="24" :xs="24">
<el-form-item label="说明"> <el-form-item label="说明">
<el-input <el-input v-model="form.description" clearable type="textarea"></el-input>
v-model="form.description"
clearable
type="textarea"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="24" :sm="24" :xs="24"> <el-col :md="24" :sm="24" :xs="24">
<el-form-item label="sql语句"> <el-form-item label="sql语句">
<el-input <el-input v-model="form.sql_query" clearable type="textarea" :rows="8"></el-input>
v-model="form.sql_query"
clearable
type="textarea"
:rows="10"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :md="24" :sm="24" :xs="24"> <el-col :md="24" :sm="24" :xs="24">
<el-form-item label="图表配置"> <el-form-item label="图表配置">
<el-input <el-input v-model="form.echart_options" clearable type="textarea" :rows="8"></el-input>
v-model="form.echart_options" </el-form-item>
clearable </el-col>
type="textarea" <el-col :md="24" :sm="24" :xs="24">
:rows="10" <el-form-item label="默认参数">
></el-input> <el-input v-model="form.default_param" clearable type="textarea" :rows="8"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</el-main> </el-main>
<el-footer> <el-footer>
<el-button type="primary" :loading="isSaveing" @click="submit" <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
>保存</el-button
>
<el-button @click="visible = false">取消</el-button> <el-button @click="visible = false">取消</el-button>
</el-footer> </el-footer>
</el-container> </el-container>
@ -158,5 +127,4 @@ export default {
}; };
</script> </script>
<style> <style></style>
</style>