|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<div class="custom-analyse">
|
|
|
- <el-container v-if="showPage" v-loading="loading">
|
|
|
+ <el-container>
|
|
|
<el-aside width="350px">
|
|
|
- <el-container>
|
|
|
+ <!-- <el-container>
|
|
|
<el-header class="custom-analyse-tabs">
|
|
|
<el-tabs v-model="activeTab" type="card">
|
|
|
<el-tab-pane label="分析项" name="TabItem"></el-tab-pane>
|
|
@@ -11,36 +11,33 @@
|
|
|
<el-tab-pane label="辅助线" name="TabLine" :disabled="enable.indexOf(form.setting.type) === -1"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</el-header>
|
|
|
- <el-main class="nopadding">
|
|
|
- <component
|
|
|
+ <el-main class="nopadding"> -->
|
|
|
+ <!-- <component
|
|
|
:is="activeTab"
|
|
|
:active-item="activeItem"
|
|
|
@edit="handleEdit"
|
|
|
@delete="handleDelete"
|
|
|
@select="handleSelect"
|
|
|
- ></component>
|
|
|
- </el-main>
|
|
|
- </el-container>
|
|
|
+ ></component> -->
|
|
|
+ <!-- </el-main>
|
|
|
+ </el-container> -->
|
|
|
+ <TabItem :active-item="activeItem" @edit="handleEdit" @delete="handleDelete" @select="handleSelect"></TabItem>
|
|
|
</el-aside>
|
|
|
<el-container>
|
|
|
<el-header>
|
|
|
<template>
|
|
|
- <div class="custom-analyse-chart-title">
|
|
|
- <span>{{ chartTitle }}</span>
|
|
|
- </div>
|
|
|
<div class="custom-analyse-options">
|
|
|
<span class="text">专利数量<span class="number">{{ patentNum }} 件</span></span>
|
|
|
- <el-button size="small" type="primary" @click="handleAdd3" :disabled="!($permission('/workspace/folder/analyticSystem/chartAnalysis/addGroup') && $r(projectId,[1,2]))">添加组</el-button>
|
|
|
- <el-button size="small" type="success" @click="submit" :loading="loadingBtn">预览图表</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="handleAdd3">添加组</el-button>
|
|
|
<el-dropdown size="small">
|
|
|
- <el-button size="small" type="warning" :disabled="!$permission('/workspace/folder/analyticSystem/chartAnalysis/moreMenu')">
|
|
|
+ <el-button size="small" type="warning">
|
|
|
更多菜单<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
</el-button>
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item @click.native="handleScreenshot" :disabled="!($permission('/workspace/folder/analyticSystem/chartAnalysis/moreMenu/screenShot') && $r(projectId,[1,2,4]))">截图</el-dropdown-item>
|
|
|
- <el-dropdown-item @click.native="handleAdd1(0)" :disabled="!($permission('/workspace/folder/analyticSystem/chartAnalysis/moreMenu/save') && $r(projectId,[1,2]))">保存修改</el-dropdown-item>
|
|
|
- <el-dropdown-item @click.native="handleAdd1(1)" :disabled="!$permission('/workspace/folder/analyticSystem/chartAnalysis/moreMenu/saveAs')">另存为</el-dropdown-item>
|
|
|
- <el-dropdown-item @click.native="handleExport" :disabled="!($permission('/workspace/folder/analyticSystem/chartAnalysis/moreMenu/export') && $r(projectId,[1,2,4]))">导出数据</el-dropdown-item>
|
|
|
+ <el-dropdown-item @click.native="handleScreenshot">截图</el-dropdown-item>
|
|
|
+ <el-dropdown-item @click.native="handleAdd1(0)">保存修改</el-dropdown-item>
|
|
|
+ <el-dropdown-item @click.native="handleAdd1(1)">另存为</el-dropdown-item>
|
|
|
+ <el-dropdown-item @click.native="handleExport">导出数据</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
@@ -48,7 +45,7 @@
|
|
|
</el-header>
|
|
|
<el-main class="custom-analyse-chart-img-box">
|
|
|
<div v-if="showChart">
|
|
|
- <chart ref="chartDom" :width="form.setting.width + form.setting.widthUnit" :height="form.setting.height + form.setting.heightUnit" />
|
|
|
+ <chart ref="chartDom" :form="from" :width="form.setting.width + form.setting.widthUnit" :height="form.setting.height + form.setting.heightUnit" />
|
|
|
</div>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
@@ -58,7 +55,7 @@
|
|
|
<el-form v-if="dialogVisible" ref="ruleForm" :model="form2" :rules="rules" label-position="left" label-width="100px">
|
|
|
<el-form-item label="所属组" prop="parentId" v-if="form2.type">
|
|
|
<el-select v-model="form2.parentId" filterable allow-create placeholder="请选择" style="width: 100%">
|
|
|
- <el-option v-for="item in treeList" :label="item.name" :value="item.id"></el-option>
|
|
|
+ <el-option v-for="item in treeList" :label="item.name" :key="item.id" :value="item.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item :label="`${form2.type ? '项目名称' : '组名称'}`" prop="name">
|
|
@@ -69,7 +66,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="使用权限" prop="permissions" v-if="form2.type">
|
|
|
<el-select v-model="form2.permissions" placeholder="请选择" style="width: 100%">
|
|
|
- <el-option v-for="item in $constants.permissions" :label="item.label" :value="item.value"></el-option>
|
|
|
+ <el-option v-for="item in $constants.permissions" :label="item.label" :key="item.value" :value="item.value"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
@@ -78,6 +75,16 @@
|
|
|
<el-button type="primary" @click="handleConfirm" :loading="loadingBtn">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <el-drawer
|
|
|
+ title="图表配置"
|
|
|
+ :visible.sync="drawer"
|
|
|
+ direction="rtl"
|
|
|
+ :before-close="handleClose"
|
|
|
+ size="500px">
|
|
|
+ <div style="width:500px">
|
|
|
+ <Style :form="form"></Style>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -92,8 +99,7 @@ import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
import { detectionChartType, getFormPermissions, getTreeNameByIds, getXAxisName, getSourceName } from "@/utils/chart";
|
|
|
import TabItem from "./components/Tabs/Item";
|
|
|
import TabData from "./components/Tabs/Data";
|
|
|
-import TabStyle from "./components/Tabs/Style";
|
|
|
-import TabLine from "./components/Tabs/Line";
|
|
|
+// import TabLine from "./components/Tabs/Line";
|
|
|
import html2canvas from "html2canvas";
|
|
|
|
|
|
export default {
|
|
@@ -126,7 +132,6 @@ export default {
|
|
|
{required: true, message: '请输入显示次序', trigger: 'blur'},
|
|
|
],
|
|
|
},
|
|
|
- patentNum: 0,
|
|
|
showChart: true,
|
|
|
showPage: false,
|
|
|
loadingBtn2: false,
|
|
@@ -143,19 +148,30 @@ export default {
|
|
|
tempForm: {
|
|
|
name: '',
|
|
|
sort: 0
|
|
|
- }
|
|
|
+ },
|
|
|
+ //图形配置
|
|
|
+ form:{}
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters(['userinfo', 'projectId', 'customField', 'patentField'])
|
|
|
+ ...mapGetters(['userinfo']),
|
|
|
+ search(){
|
|
|
+ var a = this.$route.query.search
|
|
|
+ if(a){
|
|
|
+ a = JSON.parse(a)
|
|
|
+ }
|
|
|
+ return a
|
|
|
+ },
|
|
|
+ projectId(){
|
|
|
+ return this.$route.query.projectId
|
|
|
+ },
|
|
|
+ patentNum(){
|
|
|
+ return this.$route.query.patentNum || 0
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.showPage = false
|
|
|
- if (this.patentKey) {
|
|
|
- this.getPatentListNum()
|
|
|
- } else {
|
|
|
- this.errorPage()
|
|
|
- }
|
|
|
+
|
|
|
+ this.getData()
|
|
|
},
|
|
|
methods: {
|
|
|
normalizer(node) {
|
|
@@ -183,9 +199,7 @@ export default {
|
|
|
|
|
|
},
|
|
|
// 获取???
|
|
|
- getPatentListNum() {
|
|
|
- this.$api.getPatentListNum({patentKey: this.patentKey}).then(async (response) => {
|
|
|
- this.patentNum = response.data
|
|
|
+ async getData() {
|
|
|
await this.getTreeList()
|
|
|
if (this.treeList.length === 0 || this.treeList[0].children.length === 0) {
|
|
|
this.handleAdd()
|
|
@@ -196,9 +210,7 @@ export default {
|
|
|
await this.handleSelect(this.treeList[0].children[0].uid)
|
|
|
}
|
|
|
this.showPage = true
|
|
|
- }).catch(error => {
|
|
|
- this.errorPage()
|
|
|
- })
|
|
|
+
|
|
|
},
|
|
|
handleDelete(value) {
|
|
|
this.$confirm('确认删除本条数据吗?', '提示', {
|
|
@@ -228,7 +240,7 @@ export default {
|
|
|
this.setChildren(this.treeList, 'isDisabled')
|
|
|
this.loading = false
|
|
|
},
|
|
|
- beforeClose() {
|
|
|
+ handleClose() {
|
|
|
this.drawer = false
|
|
|
},
|
|
|
setChildren(arr, key) {
|
|
@@ -401,8 +413,8 @@ export default {
|
|
|
y: []
|
|
|
},
|
|
|
}
|
|
|
+ this.form = form
|
|
|
this.$store.commit('SET_CHART_FORM', form)
|
|
|
- this.drawer = true
|
|
|
},
|
|
|
async handleEdit(value) {
|
|
|
this.title = '编辑组'
|
|
@@ -598,7 +610,6 @@ export default {
|
|
|
this.$message.error('请选择图表类型')
|
|
|
return false
|
|
|
}
|
|
|
- this.drawer = false
|
|
|
await this.getDataCount()
|
|
|
this.refreshChart()
|
|
|
this.showChart = true
|
|
@@ -683,7 +694,6 @@ export default {
|
|
|
}
|
|
|
await this.getTreeList()
|
|
|
this.loadingBtn = false
|
|
|
- this.drawer = false
|
|
|
this.handleClose()
|
|
|
} catch (e) {
|
|
|
this.loadingBtn = false
|