Skip to content

liangzhen / framework-tools-web

Go to a project
Commit b53b7b92 by liuyong
Options

修改左侧菜单加载

1 parent fdc5612a
Inline Side-by-side
Showing with 477 additions and 139 deletions
src/api/index.js
import { get, post } from '@/utils/http';
import { get, post, download } from '@/utils/http';
export function query_jia_gou_yuan_su_guan_xi_table(params) {//查询架构元素管理表格
return post('/ele/', params);
......@@ -154,3 +154,31 @@ export function getYMXZDGLProyUpdate(params) {
export function getYMXZDGLProyDel(params) {
return post('/ynMolDicy/deleteYnMolProy', params);
}
// 技术政策结构化-列表
export function getJiShuZhengCeJieGouHuaTable(params) {
return get('/kl-tech-policy/', params);
}
// 技术政策结构化-新增
export function addJiShuZhengCeJieGouHuaTable(params) {
return get('/kl-tech-policy/create', params);
}
// 技术政策结构化-删除
export function deleteJiShuZhengCeJieGouHuaTable(params) {
return get('/kl-tech-policy/delete', params);
}
// 技术政策结构化-编辑
export function editJiShuZhengCeJieGouHuaTable(params) {
return get('/kl-tech-policy/update', params);
}
// 典型案例库管理-所有下拉值
export function getDianXingAnLiSelectData(params) {
return post('/dict/gDictByKey', params);
}
// 典型案例库管理-导出
export function exportFileDianXingAnLiSelectData(params) {
return download('/excel/etTc', params);
}
// 报告模板结构化-新增,文件上传
export function addReportTemplateFabric(params) {
return post('/oss/upload', params);
}
\ No newline at end of file
src/utils/http.js
......@@ -12,7 +12,6 @@ axios.defaults.baseURL = process.env.VUE_APP_BASE_URL;
axios.interceptors.request.use(config => {
// config.headers.token = JSON.parse(localStorage.getItem('token')).token;
return config;
},
error => {
......@@ -74,3 +73,14 @@ axios.interceptors.response.use(response => {
})
})
}
export function download(url, data = {}) {
return new Promise((resolve, reject) => {
axios.post(url, data, { responseType: 'blob' }).then(response => {
if(response){
resolve(response.data);
}
}, err => {
reject(err);
})
})
}
src/views/Home.vue
<template>
<div class="home">
<!-- <img alt="Vue logo" src="../assets/logo.png"> -->
<router-link to="/main">跳转到画图页面</router-link>
登录页
</div>
</template>
......@@ -11,7 +11,15 @@
export default {
name: 'HomeView',
components: {
data() {
return {
}
},
mounted(){
},
methods: {
}
}
......
src/views/archi-ele-list/index.vue
......@@ -675,9 +675,6 @@ export default {
display: flex;
justify-content: space-between;
}
.el-button--primary{
background-color: #0D867F;
}
.add_select_item_icon_container{
margin-top: 10px;
text-align: center;
......@@ -799,7 +796,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/archiEleRela/index.vue
......@@ -738,7 +738,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/archiViewConfig/index.vue
......@@ -683,7 +683,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/etpManage/index.vue
......@@ -741,7 +741,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/metaModelDic/index.vue
......@@ -136,7 +136,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/report-template-fabric/index.vue
......@@ -36,8 +36,8 @@
</div>
</div>
<div class="search_btn">
<el-button type="primary" icon="el-icon-document-add">新建</el-button>
<el-button type="danger">删除</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="add">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button>
</div>
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
......@@ -49,7 +49,7 @@
<el-table-column prop="version" label="版本" align="center"></el-table-column>
<el-table-column prop="version" label="附件" align="center"></el-table-column>
<el-table-column prop="version" label="备注" align="center"></el-table-column>
<el-table-column label="操作" width="360" align="center">
<el-table-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" :disabled="scope.row.state == 1">编辑</el-button>
......@@ -76,16 +76,34 @@
</div>
<el-dialog
title="新建元素"
title="新建模板信息"
:visible.sync="add_dialog"
:center="false"
width="60%">
<div class="add_dialog_content">
<el-form :model="ruleForm" ref="form">
<div class="form_item_container">
<el-form-item label="模版名称:" prop="let1">
<el-input v-model="ruleForm.let1"></el-input>
</el-form-item>
<el-form-item label="模版类型:" prop="let2" style="margin-left: 27px;width: 30.5%;">
<el-select v-model="ruleForm.let2" placeholder="请选择" style="width: 200px;">
<el-option label="已发布" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="模版文件:" prop="let3" style="width: 100%;">
<input @change="fileUpload" type="file" />
</el-form-item>
<el-form-item class="cross1" label="备注:" prop="let4">
<el-input type="textarea" v-model="ruleForm.let4" maxlength="200" show-word-limit></el-input>
</el-form-item>
</div>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton">发布</el-button>
<el-button class="greenButton">保存</el-button>
<el-button class="greenButton" @click="ok">确定</el-button>
<el-button >取消</el-button>
</span>
</el-dialog>
......@@ -94,15 +112,7 @@
<script>
import {
query_jia_gou_yuan_su_guan_xi_table,
add_jia_gou_ceng_ci,
query_jia_gou_ceng_ci,
add_jia_gou_gui_shu,
query_jia_gou_gui_shu,
delete_jia_gou_gui_shu,
add_jia_gou_yuan_su,
version_release_jia_gou_gui_shu,
edit_jia_gou_yuan_su
addReportTemplateFabric,
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -114,7 +124,18 @@ export default {
},
data() {
return {
tableData: [],
ruleForm: {
let1: '',
let2: '',
let3: [],
let4: ''
},
tableData: [
{
id: 1,
elementName: '123'
}
],
add_dialog: false,
query_item1: null,
query_item3: null,
......@@ -139,6 +160,18 @@ export default {
this.get_table();
},
methods: {
fileUpload(e) {
// console.log(e.target.files)
const file = e.target.files[0];
const formData = new FormData();
formData.append('file', file);
addReportTemplateFabric(formData).then(res => {
console.log(res)
})
},
ok() {
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height();
......@@ -190,6 +223,22 @@ export default {
}
</style>
<style scoped>
.form_item_container{
display: flex;
flex-wrap: wrap;
padding-left: 50px;
}
.el-form-item{
display: flex;
width: 33%;
}
.cross1{
width: 100%;
margin-left: 27px;
}
/deep/ .cross1 > .el-form-item__content{
width: 85.5% !important;
}
.reportTemplateFabric{
width: 100%;
height: 100%;
......@@ -202,9 +251,6 @@ export default {
display: flex;
justify-content: space-between;
}
.el-button--primary{
background-color: #0D867F;
}
.add_select_item_icon_container{
margin-top: 10px;
text-align: center;
......@@ -256,14 +302,14 @@ export default {
margin-top: 50px;
margin-bottom: 20px;
}
.el-button--default{
border: 0;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.el-button--default{
border: 0;
}
.shanChu_btn{
color: #DD6A15;
background-color: #F8EBE2;
......@@ -326,7 +372,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/tech-politics-fabric/index.vue
......@@ -5,12 +5,12 @@
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">政策名称</span>
<el-input v-model="query_item3" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-model="searchParams.query_item1" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<div class="search_menu_item" style="margin-right: 50px;">
<span class="search_title">启用时间</span>
<el-date-picker
v-model="query_item1"
v-model="searchParams.query_item2"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
......@@ -19,7 +19,7 @@
</div>
<div class="search_menu_item">
<span class="search_title">状态</span>
<el-select v-model="query_item4" placeholder="请选择" class="search_item">
<el-select v-model="searchParams.query_item3" placeholder="请选择" class="search_item">
<el-option label="已发布" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
......@@ -42,27 +42,26 @@
<img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
<p>新建</p>
</div> -->
<el-button type="primary" icon="el-icon-document-add">新建</el-button>
<el-button type="danger">删除</el-button>
<el-button type="warning">导入</el-button>
<el-button type="primary">导出</el-button>
<el-button @click="add" type="primary" size="medium" icon="el-icon-document-add">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus">导入</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus">导出</el-button>
</div>
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="elementName" label="政策名称" align="center"></el-table-column>
<el-table-column prop="archiLevelName" label="政策描述" align="center"></el-table-column>
<el-table-column prop="archiBelongName" label="适用范围" align="center"></el-table-column>
<el-table-column prop="content" label="发布部门" align="center"></el-table-column>
<el-table-column prop="content" label="级别" align="center"></el-table-column>
<el-table-column prop="content" label="启用时间" align="center"></el-table-column>
<el-table-column prop="content" label="创建人" align="center"></el-table-column>
<el-table-column prop="content" label="创建时间" align="center"></el-table-column>
<el-table-column prop="tpoName" label="政策名称" align="center"></el-table-column>
<el-table-column prop="tepContent" label="政策描述" align="center"></el-table-column>
<el-table-column prop="scope" label="适用范围" align="center"></el-table-column>
<el-table-column prop="deptName" label="发布部门" align="center"></el-table-column>
<el-table-column prop="level" label="级别" align="center"></el-table-column>
<el-table-column prop="startTime" label="启用时间" align="center"></el-table-column>
<el-table-column prop="createMan" label="创建人" align="center"></el-table-column>
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span v-if="scope.row.state == 0">已停用</span>
<span v-if="scope.row.state == 1">已发布</span>
<span v-if="scope.row.state == 2">暂存</span>
<span v-if="scope.row.state == 1">已启用</span>
</template>
</el-table-column>
<el-table-column prop="content" label="备注" align="center"></el-table-column>
......@@ -95,16 +94,58 @@
</div>
<el-dialog
title="新建元素"
title="技术政策结构化"
:visible.sync="add_dialog"
:center="false"
width="60%">
<div class="add_dialog_content">
<el-form :model="ruleForm" ref="form">
<div class="form_item_container">
<el-form-item label="政策名称:" prop="let1">
<el-input v-model="ruleForm.let1"></el-input>
</el-form-item>
<el-form-item label="适用范围:" prop="let2">
<el-select v-model="ruleForm.let2" placeholder="请选择">
<el-option label="已发布" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="发布部门:" prop="let3">
<el-input v-model="ruleForm.let3"></el-input>
</el-form-item>
<el-form-item label="级别:" prop="let4" style="margin-left: 27px;width: 30.5%;">
<el-select v-model="ruleForm.let4" placeholder="请选择" style="width: 200px;">
<el-option label="已发布" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="启用时间:" prop="let5">
<el-date-picker
v-model="ruleForm.let5"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="状态:" prop="let6" style="margin-left: 27px;width: 30.5%;">
<el-select v-model="ruleForm.let6" placeholder="请选择" style="width: 200px;">
<el-option label="已发布" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item class="cross1" label="政策描述:" prop="let7">
<el-input type="textarea" v-model="ruleForm.let7" maxlength="200" show-word-limit></el-input>
</el-form-item>
<el-form-item class="cross2" label="备注:" prop="let8">
<el-input type="textarea" v-model="ruleForm.let8" maxlength="200" show-word-limit></el-input>
</el-form-item>
</div>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton">发布</el-button>
<el-button class="greenButton">保存</el-button>
<el-button class="greenButton" @click="ok">确定</el-button>
<el-button >取消</el-button>
</span>
</el-dialog>
......@@ -113,15 +154,10 @@
<script>
import {
query_jia_gou_yuan_su_guan_xi_table,
add_jia_gou_ceng_ci,
query_jia_gou_ceng_ci,
add_jia_gou_gui_shu,
query_jia_gou_gui_shu,
delete_jia_gou_gui_shu,
add_jia_gou_yuan_su,
version_release_jia_gou_gui_shu,
edit_jia_gou_yuan_su
getJiShuZhengCeJieGouHuaTable,
addJiShuZhengCeJieGouHuaTable,
deleteJiShuZhengCeJieGouHuaTable,
editJiShuZhengCeJieGouHuaTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -133,11 +169,25 @@ export default {
},
data() {
return {
ruleForm: {
let1: '',
let2: '',
let3: '',
let4: '',
let5: '',
let6: '',
let7: '',
let8: '',
},
tableData: [],
add_dialog: false,
searchParams: {
query_item1: null,
query_item2: null,
query_item3: null,
query_item4: null,
current: 1,
pageSize: 10,
},
loading: false,
selectTable: [],
search_select1: [],
......@@ -158,6 +208,26 @@ export default {
this.get_table();
},
methods: {
ok() {//弹框点击确定
this.$refs.form.validate(valid => {
if(valid) {
console.log(this.ruleForm)
const params = {
tpoName: this.ruleForm.let1,
scope: this.ruleForm.let2,
tpoName: this.ruleForm.let1,
tpoName: this.ruleForm.let1,
tpoName: this.ruleForm.let1,
tpoName: this.ruleForm.let1,
tpoName: this.ruleForm.let1,
tpoName: this.ruleForm.let1,
};
}else {
return false;
}
});
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height();
......@@ -176,7 +246,6 @@ export default {
},
add() {//新建按钮
this.add_dialog = true;
},
reset() {//重置
this.query_item1 = null;
......@@ -195,7 +264,14 @@ export default {
this.get_table();
},
get_table() {//查询表格数据
this.loading = true;
getJiShuZhengCeJieGouHuaTable(this.searchParams).then(res => {
if(res.code == 200) {
this.loading = false;
console.log(res)
// this.tableData = res.
}
});
},
}
}
......@@ -217,12 +293,32 @@ export default {
justify-content: flex-start;
align-items: center;
}
.dialog_content_1{
.el-form-item{
display: flex;
justify-content: space-between;
width: 33%;
}
.cross1{
width: 100%;
}
/deep/ .cross1 > .el-form-item__content{
width: 85.5% !important;
}
.cross2{
width: 100%;
margin-left: 27px;
}
/deep/ .cross2 > .el-form-item__content{
width: 88% !important;
}
.form_item_container{
display: flex;
flex-wrap: wrap;
padding-left: 50px;
}
.el-button--primary{
background-color: #0D867F;
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.add_select_item_icon_container{
margin-top: 10px;
......@@ -275,11 +371,6 @@ export default {
margin-top: 50px;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.el-button--default{
border: 0;
}
......@@ -345,7 +436,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/tech-politics-relative-use/index.vue
......@@ -27,6 +27,10 @@
</div>
</div>
</div>
<!-- <div class="search_btn">
<el-button type="primary" size="medium" icon="el-icon-document-add">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button>
</div> -->
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
<el-table-column prop="elementName" label="单位" align="center"></el-table-column>
......@@ -144,16 +148,25 @@ export default {
align-items: center;
}
.el-button--primary{
background-color: #0D867F;
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
/deep/ .el-input-group__append{
background-color: #0D867F;
color: #fff;
cursor: pointer;
}
.search_btn{
width: 100%;
display: flex;
margin-top: 50px;
margin-bottom: 20px;
}
.search_menu{
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.search_menu_item_container{
display: flex;
......@@ -176,11 +189,6 @@ export default {
.search_item{
width: 60%;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.query_btn{
display: flex;
align-items: center;
......@@ -204,7 +212,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/total-archi-property-document/index.vue
......@@ -36,8 +36,8 @@
</div>
</div>
<div class="search_btn">
<el-button type="primary" icon="el-icon-document-add">新建</el-button>
<el-button type="primary">导出</el-button>
<el-button @click="add" type="primary" size="medium" icon="el-icon-document-add">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus">导出</el-button>
</div>
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
......@@ -66,16 +66,42 @@
</div>
<el-dialog
title="新建元素"
title="总体架构资产文档库"
:visible.sync="add_dialog"
:center="false"
width="60%">
<div class="add_dialog_content">
<el-form :model="ruleForm" ref="form">
<div class="form_item_container">
<el-form-item label="文档名称:" prop="let1">
<el-input v-model="ruleForm.let1"></el-input>
</el-form-item>
<el-form-item label="文档类型:" prop="let2">
<el-select v-model="ruleForm.let2" placeholder="请选择">
<el-option label="已发布" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="文档版本:" prop="let3">
<el-input v-model="ruleForm.let3"></el-input>
</el-form-item>
<el-form-item label="启用时间:" prop="let4">
<el-date-picker
style="width: 200px;"
v-model="ruleForm.let4"
type="date"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="附件:" prop="let5" style="margin-left: 27px;">
<input type="file" />
</el-form-item>
</div>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton">发布</el-button>
<el-button class="greenButton">保存</el-button>
<el-button class="greenButton">确定</el-button>
<el-button >取消</el-button>
</span>
</el-dialog>
......@@ -104,6 +130,13 @@ export default {
},
data() {
return {
ruleForm: {
let1: '',
let2: '',
let3: '',
let4: '',
let5: [],
},
tableData: [],
add_dialog: false,
query_item1: null,
......@@ -188,12 +221,22 @@ export default {
justify-content: flex-start;
align-items: center;
}
.dialog_content_1{
.add_dialog_content{
height: 300px;
}
.form_item_container{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-left: 50px;
}
.el-form-item{
display: flex;
width: 33%;
}
.el-button--primary{
background-color: #0D867F;
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.add_select_item_icon_container{
margin-top: 10px;
......@@ -246,11 +289,6 @@ export default {
margin-top: 50px;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.el-button--default{
border: 0;
}
......@@ -316,7 +354,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/typical-example-manage/index.vue
......@@ -10,15 +10,13 @@
<div class="search_menu_item">
<span class="search_title">案例类型</span>
<el-select v-model="query_item1" placeholder="请选择" class="search_item">
<el-option v-for="item in search_select1" :key="item.belongId" :label="item.name" :value="item.belongId"></el-option>
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">问题类型</span>
<el-select v-model="query_item4" placeholder="请选择" class="search_item">
<el-option label="已发布" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option>
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</div>
......@@ -34,9 +32,9 @@
</div>
</div>
<div class="search_btn">
<el-button type="primary" icon="el-icon-document-add">新建</el-button>
<el-button type="danger">删除</el-button>
<el-button type="primary">导出</el-button>
<el-button type="primary" size="medium" icon="el-icon-document-add" @click="add">新建</el-button>
<el-button type="primary" size="medium" icon="el-icon-delete">删除</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus" @click="exportFile">导出</el-button>
</div>
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
......@@ -49,7 +47,7 @@
<el-table-column prop="content" label="问题类型" align="center"></el-table-column>
<el-table-column prop="content" label="问题描述" align="center"></el-table-column>
<el-table-column prop="content" label="问题等级" align="center"></el-table-column>
<el-table-column label="操作" width="360" align="center">
<el-table-column label="操作" width="260" align="center">
<template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<el-button icon="el-icon-edit" type="primary" size="mini" :disabled="scope.row.state == 1">编辑</el-button>
......@@ -76,16 +74,49 @@
</div>
<el-dialog
title="新建元素"
title="新建案例"
:visible.sync="add_dialog"
:center="false"
width="60%">
<div class="add_dialog_content">
<div class="add_dialog_content">
<el-form :model="ruleForm" ref="form">
<div class="form_item_container">
<el-form-item label="案例名称:" prop="let1">
<el-input v-model="ruleForm.let1"></el-input>
</el-form-item>
<el-form-item label="案例类型:" prop="let2">
<el-select v-model="ruleForm.let2" placeholder="请选择">
<el-option v-for="item in selectData1" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="项目类型:" prop="let3">
<el-select v-model="ruleForm.let3" placeholder="请选择">
<el-option v-for="item in selectData3" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="建设内容:" prop="let4">
<el-input v-model="ruleForm.let4"></el-input>
</el-form-item>
<el-form-item label="问题类型:" prop="let5">
<el-select v-model="ruleForm.let5" placeholder="请选择">
<el-option v-for="item in selectData2" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="问题等级:" prop="let6">
<el-select v-model="ruleForm.let6" placeholder="请选择">
<el-option v-for="item in selectData4" :key="item.label" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item class="cross1" label="政策描述:" prop="let7">
<el-input type="textarea" v-model="ruleForm.let7" maxlength="200" show-word-limit></el-input>
</el-form-item>
</div>
</el-form>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton">发布</el-button>
<el-button class="greenButton">保存</el-button>
<el-button class="greenButton">确定</el-button>
<el-button >取消</el-button>
</span>
</el-dialog>
......@@ -94,15 +125,8 @@
<script>
import {
query_jia_gou_yuan_su_guan_xi_table,
add_jia_gou_ceng_ci,
query_jia_gou_ceng_ci,
add_jia_gou_gui_shu,
query_jia_gou_gui_shu,
delete_jia_gou_gui_shu,
add_jia_gou_yuan_su,
version_release_jia_gou_gui_shu,
edit_jia_gou_yuan_su
getDianXingAnLiSelectData,
exportFileDianXingAnLiSelectData
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -114,14 +138,31 @@ export default {
},
data() {
return {
tableData: [],
ruleForm: {
let1: '',
let2: '',
let3: '',
let4: '',
let5: '',
let6: '',
let7: '',
},
tableData: [
{
id: 1,
elementName: '123'
}
],
add_dialog: false,
query_item1: null,
query_item3: null,
query_item4: null,
loading: false,
selectTable: [],
search_select1: [],
selectData1: [],
selectData2: [],
selectData3: [],
selectData4: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
......@@ -137,8 +178,70 @@ export default {
})
this.set_table_height();
this.get_table();
this.get_an_li_lei_xing_select();
this.get_wen_ti_lei_xing_select();
this.get_xiang_mu_lei_xing_select();
this.get_wen_ti_deng_ji_select();
},
methods: {
exportFile() {//导出
const params = {
problemType: 1,
tcName: "",
tcType: 1,
problemLevel: 1
}
exportFileDianXingAnLiSelectData(params).then(res => {
let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
let url = URL.createObjectURL(blob);
let link = document.createElement('a');
link.href = url;
// link.download = '文件.xlsx';
document.body.appendChild(link);
link.click();
})
},
get_an_li_lei_xing_select() {//案例类型下拉
const params = {
key: "case_type"
}
getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) {
this.selectData1 = res.data;
}
})
},
get_wen_ti_lei_xing_select() {//问题类型下拉
const params = {
key: "question_type"
}
getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) {
this.selectData2 = res.data;
}
})
},
get_xiang_mu_lei_xing_select() {//项目类型下拉
const params = {
key: "project_type"
}
getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) {
this.selectData3 = res.data;
}
})
},
get_wen_ti_deng_ji_select() {//问题等级下拉
const params = {
key: "question_level"
}
getDianXingAnLiSelectData(params).then(res => {
if(res.code == 200) {
this.selectData4 = res.data;
}
})
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height();
......@@ -190,6 +293,20 @@ export default {
}
</style>
<style scoped>
.form_item_container{
display: flex;
flex-wrap: wrap;
}
.el-form-item{
display: flex;
width: 33%;
}
.cross1{
width: 100%;
}
/deep/ .cross1 > .el-form-item__content{
width: 86.4% !important;
}
.typicalExampleManage{
width: 100%;
height: 100%;
......@@ -203,7 +320,9 @@ export default {
justify-content: space-between;
}
.el-button--primary{
background-color: #0D867F;
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.add_select_item_icon_container{
margin-top: 10px;
......@@ -256,11 +375,6 @@ export default {
margin-top: 50px;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.el-button--default{
border: 0;
}
......@@ -326,7 +440,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
src/views/typical-example-relative-use/index.vue
......@@ -34,7 +34,7 @@
</div>
</div>
<div class="search_btn">
<el-button type="primary">导出</el-button>
<el-button type="primary" size="medium" icon="el-icon-plus">导出</el-button>
</div>
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border>
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
......@@ -193,7 +193,9 @@ export default {
justify-content: space-between;
}
.el-button--primary{
background-color: #0D867F;
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.add_select_item_icon_container{
margin-top: 10px;
......@@ -246,11 +248,6 @@ export default {
margin-top: 50px;
margin-bottom: 20px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.el-button--default{
border: 0;
}
......@@ -316,7 +313,7 @@ export default {
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!