Skip to content

liangzhen / framework-tools-web

Go to a project
Commit f07c8207 by liuyong
Options

修改页面

1 parent 2c8cab31
Expand all
Inline Side-by-side
Showing with 264 additions and 74 deletions
src/api/index.js
......@@ -162,11 +162,7 @@ export function getJiShuZhengCeJieGouHuaTable(params) {
export function addJiShuZhengCeJieGouHuaTable(params) {
return post('/kl-tech-policy/create', params);
}
// 技术政策结构化-删除
export function deleteJiShuZhengCeJieGouHuaTable(params) {
return post('/kl-tech-policy/delete', params);
}
// 技术政策结构化-编辑
// 技术政策结构化-编辑,删除，启用，停用
export function editJiShuZhengCeJieGouHuaTable(params) {
return post('/kl-tech-policy/update', params);
}
......@@ -184,4 +180,20 @@ export function exportFileDianXingAnLiSelectData(params) {
// 报告模板结构化-新增,文件上传
export function addReportTemplateFabric(params) {
return post('/oss/upload', params);
}
// 报告模板结构化-编辑,删除
export function editReportTemplateFabric(params) {
return post('/kl-report-temp/update', params);
}
// 技术政策库关联使用-列表
export function getJiShuZhengCeGuanLianShiYongTable(params) {
return get('/kl-tech-policy-link/', params);
}
// 报告模板结构化-列表
export function get_BaoGaoMoBanJieGouHua_Table(params) {
return get('/kl-report-temp/', params);
}
// 报告模板关联使用-列表
export function get_BaoGaoMoBanGuanLianShiYong_Table(params) {
return get('/kl-report-temp-link/', params);
}
\ No newline at end of file
src/router/index.js
......@@ -110,6 +110,11 @@ const routes = [
name: 'etp-Manage',
component: () => import('@/views/etpManage/index.vue'),
},
{
path: '/main/reportTemplateRelativeUse',//报告模板关联使用
name: 'reportTemplateRelativeUse',
component: () => import('@/views/report-template-relative-use/index.vue'),
},
]
}
]
......
src/views/Main/index.vue
......@@ -433,7 +433,7 @@
<img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">报告模板结构化</span>
</div>
<div class="menu_1_item_subtitle">
<div class="menu_1_item_subtitle" @click="jumpPage('架构知识库', '报告模板库', '报告模板关联使用')">
<img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">报告模板关联使用</span>
</div>
......@@ -580,6 +580,10 @@
this.$router.push( '/main/etp-Manage', () => {}, () => {} );
this.visible5 = false;
break;
case '报告模板关联使用':
this.$router.push( '/main/reportTemplateRelativeUse', () => {}, () => {} );
this.visible5 = false;
break;
}
}
}
......
src/views/report-template-fabric/index.vue
......@@ -5,18 +5,19 @@
<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.tempName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<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-select v-model="searchParams.tempType" placeholder="请选择" class="search_item">
<el-option label="需求模版" value="1"></el-option>
<el-option label="概设模版" value="2"></el-option>
</el-select>
</div>
<div class="search_menu_item">
<span class="search_title">创建时间</span>
<el-date-picker
v-model="query_item4"
v-model="searchParams.createTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
......@@ -42,18 +43,23 @@
<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="tempName" label="模板名称" align="center"></el-table-column>
<el-table-column label="模板类型" align="center">
<template slot-scope="scope">
<span v-if="scope.row.tempType == 1">需求模版</span>
<span v-if="scope.row.tempType == 2">概设模版</span>
</template>
</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 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 prop="tempRemark" label="备注" align="center"></el-table-column>
<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>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" :disabled="scope.row.state == 1">删除</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="deleteItem(scope.row)" :disabled="scope.row.state == 1">删除</el-button>
</div>
</template>
</el-table-column>
......@@ -94,7 +100,18 @@
</el-select>
</el-form-item>
<el-form-item label="模版文件:" prop="let3" style="width: 100%;">
<input @change="fileUpload" type="file" />
<!-- <input @change="fileUpload" type="file" /> -->
<el-upload
class="upload-demo"
action="#"
ref="upload"
:on-remove="handleRemove"
:http-request="handleFileUpload"
:limit="1"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件, 且不超过500kb</div>
</el-upload>
</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>
......@@ -104,7 +121,7 @@
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="ok">确定</el-button>
<el-button >取消</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog>
</div>
......@@ -113,6 +130,8 @@
<script>
import {
addReportTemplateFabric,
get_BaoGaoMoBanJieGouHua_Table,
editReportTemplateFabric
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -124,6 +143,7 @@ export default {
},
data() {
return {
fileList: [],
ruleForm: {
let1: '',
let2: '',
......@@ -142,14 +162,20 @@ export default {
query_item4: null,
loading: false,
selectTable: [],
search_select1: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
tableHeight: null
tableHeight: null,
searchParams: {
tempName: null,
tempType: null,
createTime: null,
current: 1,
pageSize: 10,
},
};
},
mounted(){
......@@ -160,6 +186,46 @@ export default {
this.get_table();
},
methods: {
handleRemove(file, fileList) {//文件移出
console.log(file, fileList);
},
handleFileUpload(file) {//文件上传
console.log(file);
},
deleteItem(row) {//删除
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
krtId: row.krtId,
delFlag: 1
}
editReportTemplateFabric(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({
type: 'success',
message: '删除成功!'
});
}else{
Message({
type: 'error',
message: res.msg
});
}
});
}).catch(() => {
Message({
type: 'info',
message: '已取消'
});
});
},
fileUpload(e) {
// console.log(e.target.files)
const file = e.target.files[0];
......@@ -209,7 +275,18 @@ export default {
this.get_table();
},
get_table() {//查询表格数据
this.loading = true;
get_BaoGaoMoBanJieGouHua_Table(this.searchParams).then(res => {
this.loading = false;
console.log(res)
this.tableData = res.data.records;
// if(res.code == 200) {
// this.loading = false;
// console.log(res)
// // this.tableData = res.
// }
});
},
}
}
......
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="searchParams.query_item1" placeholder="请输入内容" class="search_item"></el-input>
<el-input v-model="searchParams.tpoName" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item" style="margin-right: 50px;">
<span class="search_title">启用时间</span>
<el-date-picker
v-model="searchParams.query_item2"
v-model="searchParams.startTime"
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="searchParams.query_item3" placeholder="请选择" class="search_item">
<el-select v-model="searchParams.state" placeholder="请选择" class="search_item">
<el-option label="已启用" value="1"></el-option>
<el-option label="已停用" value="0"></el-option>
</el-select>
......@@ -43,8 +43,16 @@
</div> -->
<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>
<!-- <el-button type="primary" size="medium" icon="el-icon-plus">导入</el-button> -->
<div class="import_btn" @click="importFile">
<img class="btn_icon" src="@/assets/tech-politics-fabric/import.png" alt="" />
<p>导入</p>
</div>
<!-- <el-button type="primary" size="medium" icon="el-icon-plus">导出</el-button> -->
<div class="import_btn" style="margin-left: 0;">
<img class="btn_icon" src="@/assets/tech-politics-fabric/export.png" alt="" />
<p>导出</p>
</div>
</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>
......@@ -67,10 +75,10 @@
<el-table-column label="操作" width="360" 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" @click="editItem(scope.row)">编辑</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" @click="releaseItem(scope.row)">发布</el-button>
<el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini" @click="stopItem(scope.row)">停用</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="deleteItem(scope.row)">删除</el-button>
<el-button icon="el-icon-edit" type="primary" size="mini" :disabled="scope.row.state == 1" @click="editItem(scope.row)">编辑</el-button>
<el-button icon="el-icon-upload2" type="primary" size="mini" :disabled="scope.row.state == 1" @click="startItem(scope.row)">启用</el-button>
<el-button class="tingYong_btn" icon="el-icon-remove-outline" size="mini" :disabled="scope.row.state == 0" @click="stopItem(scope.row)">停用</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" :disabled="scope.row.state == 1" @click="deleteItem(scope.row)">删除</el-button>
</div>
</template>
</el-table-column>
......@@ -129,8 +137,8 @@
</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="1"></el-option>
<el-option label="已停用" :value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item class="cross1" label="政策描述:" prop="let7">
......@@ -144,7 +152,7 @@
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="ok">确定</el-button>
<el-button >取消</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog>
</div>
......@@ -154,7 +162,6 @@
import {
getJiShuZhengCeJieGouHuaTable,
addJiShuZhengCeJieGouHuaTable,
deleteJiShuZhengCeJieGouHuaTable,
editJiShuZhengCeJieGouHuaTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
......@@ -168,21 +175,21 @@ export default {
data() {
return {
ruleForm: {
let1: '',
let2: '',
let3: '',
let4: '',
let5: '',
let6: '',
let7: '',
let8: '',
let1: null,
let2: null,
let3: null,
let4: null,
let5: null,
let6: null,
let7: null,
let8: null,
},
tableData: [],
add_dialog: false,
searchParams: {
query_item1: null,
query_item2: null,
query_item3: null,
tpoName: null,
startTime: null,
state: null,
current: 1,
pageSize: 10,
},
......@@ -206,10 +213,27 @@ export default {
this.get_table();
},
methods: {
importFile() {//导入
const inpEle = document.createElement("input");
inpEle.type = "file";
inpEle.style.display = "none";
inpEle.addEventListener("change", event => {
console.log(event.target.files[0]);
});
inpEle.click();
},
editItem(row) {//编辑
this.ruleForm.let1 = row.tpoName;
this.ruleForm.let2 = row.scope;
this.ruleForm.let3 = row.deptName;
this.ruleForm.let4 = row.level;
this.ruleForm.let5 = row.startTime;
this.ruleForm.let6 = row.state;
this.ruleForm.let7 = row.tepContent;
this.ruleForm.let8 = row.tepRemark;
this.add_dialog = true;
},
releaseItem(){//发布
startItem(){//启用
MessageBox.confirm('确定发布?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
......@@ -217,7 +241,24 @@ export default {
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
id: row.ktepId,
state: 1
}
editJiShuZhengCeJieGouHuaTable(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({
type: 'success',
message: '删除成功!'
});
}else{
Message({
type: 'error',
message: res.msg
});
}
});
}).catch(() => {
Message({
type: 'info',
......@@ -233,7 +274,24 @@ export default {
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
id: row.ktepId,
state: 0
}
editJiShuZhengCeJieGouHuaTable(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({
type: 'success',
message: '删除成功!'
});
}else{
Message({
type: 'error',
message: res.msg
});
}
});
}).catch(() => {
Message({
type: 'info',
......@@ -249,8 +307,24 @@ export default {
confirmButtonClass: 'confirmClass',
type: 'warning'
}).then(() => {
const params = {
id: row.ktepId,
state: row.state
}
editJiShuZhengCeJieGouHuaTable(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({
type: 'success',
message: '删除成功!'
});
}else{
Message({
type: 'error',
message: res.msg
});
}
});
}).catch(() => {
Message({
type: 'info',
......@@ -309,6 +383,14 @@ export default {
},
add() {//新建按钮
this.add_dialog = true;
this.ruleForm.let1 = null;
this.ruleForm.let2 = null;
this.ruleForm.let3 = null;
this.ruleForm.let4 = null;
this.ruleForm.let5 = null;
this.ruleForm.let6 = null;
this.ruleForm.let7 = null;
this.ruleForm.let8 = null;
},
reset() {//重置
this.query_item1 = null;
......@@ -452,15 +534,15 @@ export default {
color: #C0C4CC !important;
background-color: #fff !important;
}
.add_btn{
.import_btn{
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 32px;
width: 86px;
height: 36px;
margin: 0 10px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px;
color: #0D867F;
cursor: pointer;
......
src/views/tech-politics-relative-use/index.vue
......@@ -5,11 +5,11 @@
<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.tpoName" placeholder="请输入内容" class="search_item"></el-input>
</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.conformCount" 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>
......@@ -33,13 +33,13 @@
</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>
<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="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 prop="deptName" label="单位" align="center"></el-table-column>
<el-table-column prop="startTime" label="统计时间" align="center"></el-table-column>
<el-table-column prop="tpoName" label="政策名称" align="center"></el-table-column>
<el-table-column prop="tpoContent" label="政策描述" align="center"></el-table-column>
<el-table-column prop="conformCount" label="符合度" align="center"></el-table-column>
<el-table-column prop="usefulCount" label="应用数量" align="center"></el-table-column>
<el-table-column prop="ktplRemark" label="备注" align="center"></el-table-column>
</el-table>
<!-- <el-pagination
background
......@@ -62,15 +62,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
getJiShuZhengCeGuanLianShiYongTable,
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
......@@ -93,7 +85,13 @@ export default {
size: 10,
total: 20 //总条数
},
tableHeight: null
tableHeight: null,
searchParams: {
tpoName: null,
conformCount: null,
current: 1,
pageSize: 10,
},
};
},
mounted(){
......@@ -125,7 +123,18 @@ export default {
this.get_table();
},
get_table() {//查询表格数据
this.loading = true;
getJiShuZhengCeGuanLianShiYongTable(this.searchParams).then(res => {
console.log(res)
this.loading = false;
this.tableData = res.data.records;
// if(res.code == 200) {
// this.loading = false;
// console.log(res)
// // this.tableData = res.
// }
});
},
}
}
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!