Skip to content

liangzhen / framework-tools-web

Go to a project
Commit f07c8207 by liuyong
Options

修改页面

1 parent 2c8cab31
Inline Side-by-side
Showing with 850 additions and 74 deletions
src/api/index.js
...@@ -162,11 +162,7 @@ export function getJiShuZhengCeJieGouHuaTable(params) { ...@@ -162,11 +162,7 @@ export function getJiShuZhengCeJieGouHuaTable(params) {
export function addJiShuZhengCeJieGouHuaTable(params) { export function addJiShuZhengCeJieGouHuaTable(params) {
return post('/kl-tech-policy/create', params); return post('/kl-tech-policy/create', params);
} }
// 技术政策结构化-删除 // 技术政策结构化-编辑,删除，启用，停用
export function deleteJiShuZhengCeJieGouHuaTable(params) {
return post('/kl-tech-policy/delete', params);
}
// 技术政策结构化-编辑
export function editJiShuZhengCeJieGouHuaTable(params) { export function editJiShuZhengCeJieGouHuaTable(params) {
return post('/kl-tech-policy/update', params); return post('/kl-tech-policy/update', params);
} }
...@@ -184,4 +180,20 @@ export function exportFileDianXingAnLiSelectData(params) { ...@@ -184,4 +180,20 @@ export function exportFileDianXingAnLiSelectData(params) {
// 报告模板结构化-新增,文件上传 // 报告模板结构化-新增,文件上传
export function addReportTemplateFabric(params) { export function addReportTemplateFabric(params) {
return post('/oss/upload', 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 = [ ...@@ -110,6 +110,11 @@ const routes = [
name: 'etp-Manage', name: 'etp-Manage',
component: () => import('@/views/etpManage/index.vue'), 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 @@ ...@@ -433,7 +433,7 @@
<img src="@/assets/main/3img.png" alt=""> <img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">报告模板结构化</span> <span style="margin-left: 5px;">报告模板结构化</span>
</div> </div>
<div class="menu_1_item_subtitle"> <div class="menu_1_item_subtitle" @click="jumpPage('架构知识库', '报告模板库', '报告模板关联使用')">
<img src="@/assets/main/3img.png" alt=""> <img src="@/assets/main/3img.png" alt="">
<span style="margin-left: 5px;">报告模板关联使用</span> <span style="margin-left: 5px;">报告模板关联使用</span>
</div> </div>
...@@ -580,6 +580,10 @@ ...@@ -580,6 +580,10 @@
this.$router.push( '/main/etp-Manage', () => {}, () => {} ); this.$router.push( '/main/etp-Manage', () => {}, () => {} );
this.visible5 = false; this.visible5 = false;
break; break;
case '报告模板关联使用':
this.$router.push( '/main/reportTemplateRelativeUse', () => {}, () => {} );
this.visible5 = false;
break;
} }
} }
} }
......
src/views/report-template-fabric/index.vue
...@@ -5,18 +5,19 @@ ...@@ -5,18 +5,19 @@
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">模板名称</span> <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>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">模板类型</span> <span class="search_title">模板类型</span>
<el-select v-model="query_item1" placeholder="请选择" class="search_item"> <el-select v-model="searchParams.tempType" 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 label="需求模版" value="1"></el-option>
<el-option label="概设模版" value="2"></el-option>
</el-select> </el-select>
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">创建时间</span> <span class="search_title">创建时间</span>
<el-date-picker <el-date-picker
v-model="query_item4" v-model="searchParams.createTime"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
...@@ -42,18 +43,23 @@ ...@@ -42,18 +43,23 @@
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border> <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="selection" width="55" :selectable="selectable"></el-table-column>
<el-table-column type="index" label="序号" width="80" align="center"></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="tempName" label="模板名称" align="center"></el-table-column>
<el-table-column prop="archiLevelName" label="模板类型" align="center"></el-table-column> <el-table-column label="模板类型" align="center">
<el-table-column prop="archiBelongName" label="创建人" align="center"></el-table-column> <template slot-scope="scope">
<el-table-column prop="content" label="创建时间" align="center"></el-table-column> <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="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"> <el-table-column label="操作" width="260" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <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 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> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -94,7 +100,18 @@ ...@@ -94,7 +100,18 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="模版文件:" prop="let3" style="width: 100%;"> <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>
<el-form-item class="cross1" label="备注:" prop="let4"> <el-form-item class="cross1" label="备注:" prop="let4">
<el-input type="textarea" v-model="ruleForm.let4" maxlength="200" show-word-limit></el-input> <el-input type="textarea" v-model="ruleForm.let4" maxlength="200" show-word-limit></el-input>
...@@ -104,7 +121,7 @@ ...@@ -104,7 +121,7 @@
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="ok">确定</el-button> <el-button class="greenButton" @click="ok">确定</el-button>
<el-button >取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -113,6 +130,8 @@ ...@@ -113,6 +130,8 @@
<script> <script>
import { import {
addReportTemplateFabric, addReportTemplateFabric,
get_BaoGaoMoBanJieGouHua_Table,
editReportTemplateFabric
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import $ from 'jquery'; import $ from 'jquery';
...@@ -124,6 +143,7 @@ export default { ...@@ -124,6 +143,7 @@ export default {
}, },
data() { data() {
return { return {
fileList: [],
ruleForm: { ruleForm: {
let1: '', let1: '',
let2: '', let2: '',
...@@ -142,14 +162,20 @@ export default { ...@@ -142,14 +162,20 @@ export default {
query_item4: null, query_item4: null,
loading: false, loading: false,
selectTable: [], selectTable: [],
search_select1: [],
pager: { pager: {
current: 1, current: 1,
sizes: [10, 20, 50, 100, 200], sizes: [10, 20, 50, 100, 200],
size: 10, size: 10,
total: 20 //总条数 total: 20 //总条数
}, },
tableHeight: null tableHeight: null,
searchParams: {
tempName: null,
tempType: null,
createTime: null,
current: 1,
pageSize: 10,
},
}; };
}, },
mounted(){ mounted(){
...@@ -160,6 +186,46 @@ export default { ...@@ -160,6 +186,46 @@ export default {
this.get_table(); this.get_table();
}, },
methods: { 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) { fileUpload(e) {
// console.log(e.target.files) // console.log(e.target.files)
const file = e.target.files[0]; const file = e.target.files[0];
...@@ -209,7 +275,18 @@ export default { ...@@ -209,7 +275,18 @@ export default {
this.get_table(); this.get_table();
}, },
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/report-template-relative-use/index.vue 0 → 100644
<template>
<div class="reportTemplateRelativeUse">
<div class="table_container">
<div class="search_menu">
<div class="search_menu_item_container">
<div class="search_menu_item">
<span class="search_title">单位</span>
<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-input v-model="searchParams.startTime" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">项目名称</span>
<el-input v-model="searchParams.state" placeholder="请输入内容" class="search_item"></el-input>
</div>
<div class="search_menu_item">
<span class="search_title">模版名称</span>
<el-input v-model="searchParams.let4" placeholder="请输入内容" class="search_item"></el-input>
</div>
</div>
<div class="search_menu_btn_container">
<div class="query_btn" @click="get_table">
<img class="btn_icon" src="@/assets/archi-ele-list/search.png" alt="" />
<p>查询</p>
</div>
<div class="reset_btn" @click="reset">
<img class="btn_icon" src="@/assets/archi-ele-list/reset.png" alt="" />
<p>重置</p>
</div>
</div>
</div>
<div class="search_btn">
<!-- <div class="add_btn">
<img class="btn_icon" src="@/assets/archi-ele-list/create.png" alt="" />
<p>新建</p>
</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> -->
<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>
<el-table-column type="index" label="序号" width="80" 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 label="操作" width="600" 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-edit" type="primary" size="mini" @click="startItem(scope.row)">编辑文档</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="stopItem(scope.row)">评审及评审意见内容抽取</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="deleteItem(scope.row)">督查内容抽取</el-button>
<el-button class="shanChu_btn" icon="el-icon-delete" size="mini" @click="deleteItem(scope.row)">删除</el-button>
</div>
</template>
</el-table-column>
</el-table>
<!-- <el-pagination
background
layout="prev, pager, next"
:total="50">
</el-pagination> -->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pager.current"
:page-sizes="pager.sizes"
:page-size="pager.size"
layout="total, sizes, prev, pager, next, jumper"
:total="pager.total">
</el-pagination>
</div>
<el-dialog
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" style="margin-left: 27px;width: 30.5%;">
<el-select v-model="ruleForm.let1" 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="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-select v-model="ruleForm.let3" 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="let4">
<el-select v-model="ruleForm.let4" 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>
</div>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="ok">保存</el-button>
<el-button class="greenButton" @click="ok">编辑文档</el-button>
<el-button @click="add_dialog = false">取消</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {
get_BaoGaoMoBanGuanLianShiYong_Table,
addJiShuZhengCeJieGouHuaTable,
editJiShuZhengCeJieGouHuaTable
} from '@/api/index.js';
import { MessageBox, Message } from 'element-ui';
import $ from 'jquery';
export default {
name: 'ReportTemplateRelativeUse',
components: {
},
data() {
return {
ruleForm: {
let1: null,
let2: null,
let3: null,
let4: null,
},
tableData: [],
add_dialog: false,
searchParams: {
tpoName: null,
startTime: null,
state: null,
let4: null,
current: 1,
pageSize: 10,
},
loading: false,
selectTable: [],
search_select1: [],
pager: {
current: 1,
sizes: [10, 20, 50, 100, 200],
size: 10,
total: 20 //总条数
},
tableHeight: null
};
},
mounted(){
window.addEventListener('resize', () => {
this.set_table_height();
})
this.set_table_height();
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;
},
startItem(){//启用
MessageBox.confirm('确定发布?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
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',
message: '已取消'
});
});
},
stopItem(row) {//停用
MessageBox.confirm('确定停用?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
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',
message: '已取消'
});
});
},
deleteItem(row) {//删除
MessageBox.confirm('确定删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
customClass: 'messageClass',
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',
message: '已取消'
});
});
},
ok() {//弹框点击确定
this.$refs.form.validate(valid => {
if(valid) {
console.log(this.ruleForm)
const params = {
tpoName: this.ruleForm.let1,
scope: this.ruleForm.let2,
deptName: this.ruleForm.let3,
level: this.ruleForm.let4,
startTime: this.ruleForm.let5,
state: this.ruleForm.let6,
tepContent: this.ruleForm.let7,
tepRemark: this.ruleForm.let8,
};
addJiShuZhengCeJieGouHuaTable(params).then(res => {
if(res.code == 200) {
this.get_table();
Message({
type: 'success',
message: '新增成功!'
});
}else {
Message({
type: 'error',
message: res.msg
});
}
})
}else {
return false;
}
});
},
set_table_height() {//动态设置表格高度
const table_container_height = $(".table_container").height();
const search_menu_height = $(".search_menu").height();
const search_btn_height = $(".search_btn").outerHeight(true);
this.tableHeight = table_container_height - search_menu_height - search_btn_height - 90 + 'px';
},
selectable(row) {//表格勾选框禁用
if(row.state == 1) {
return false; // 禁用
} else {
return true; //不禁用
}
},
select_table_rows(data){//表格的勾选
this.selectTable = data;
},
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;
this.query_item3 = null;
this.query_item4 = null;
},
// 每页条数改变
handleSizeChange(val) {
this.pager.current = 1;
this.pager.size = val;
this.get_table();
},
//当前页码改变
handleCurrentChange(val) {
this.pager.current = val;
this.get_table();
},
get_table() {//查询表格数据
this.loading = true;
get_BaoGaoMoBanGuanLianShiYong_Table(this.searchParams).then(res => {
this.loading = false;
this.tableData = res.data.records;
// if(res.code == 200) {
// this.loading = false;
// console.log(res)
// // this.tableData = res.
// }
});
},
}
}
</script>
<style>
.confirmClass{
background-color: #0D867F !important;
}
.el-message-box__content{
padding: 60px 15px 60px 15px;
}
</style>
<style scoped>
.reportTemplateRelativeUse{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.el-form-item{
display: flex;
width: 33%;
margin-right: 30px;
}
.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: 180px;
}
.el-button--primary{
background: rgba(13,134,127,0.1);
color: #0D867F;
border: 0;
}
.add_select_item_icon_container{
margin-top: 10px;
text-align: center;
cursor: pointer;
}
/deep/ .el-dialog__header{
background-color: #0D867F;
text-align: left;
}
/deep/ .el-input-group__append{
background-color: #0D867F;
color: #fff;
cursor: pointer;
}
/deep/ .el-dialog__title{
color: #fff;
}
/deep/ .el-dialog__close {
color: #fff;
}
.search_menu{
display: flex;
justify-content: space-between;
}
.search_menu_item_container{
display: flex;
align-items: center;
}
.search_menu_btn_container{
display: flex;
align-items: center;
}
.search_menu_item{
display: flex;
align-items: center;
width: 344px;
}
.search_title{
/* width: 20%; */
flex-shrink: 0;
margin-right: 15px;
}
.search_item{
width: 60%;
}
.search_btn{
width: 100%;
display: flex;
margin-top: 50px;
margin-bottom: 20px;
}
.el-button--default{
border: 0;
}
.shanChu_btn{
color: #DD6A15;
background-color: #F8EBE2;
}
.tingYong_btn{
color: #DEA82A;
background-color: #FDF6E6;
}
.el-button.is-disabled{
color: #C0C4CC !important;
background-color: #fff !important;
}
.import_btn{
display: flex;
align-items: center;
justify-content: center;
width: 86px;
height: 36px;
margin: 0 10px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
font-size: 14px;
color: #0D867F;
cursor: pointer;
}
.version_btn{
display: flex;
align-items: center;
justify-content: center;
width: 104px;
height: 32px;
background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px;
color: #0D867F;
cursor: pointer;
margin-left: 15px;
}
.query_btn{
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 32px;
background: rgba(13,134,127,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px;
color: #fff;
margin-right: 10px;
cursor: pointer;
}
.reset_btn{
display: flex;
align-items: center;
justify-content: center;
width: 76px;
height: 32px;
background: rgba(244,244,244,1);
border-radius: 6px 6px 6px 6px;
border: 1px solid #ccc;
font-size: 14px;
color: #666;
cursor: pointer;
}
.btn_icon{
margin-right: 10px;
}
.table_container{
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
}
.el-pagination{
margin-top: 30px;
}
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active{
background-color: #0D867F;
}
.greenButton{
background-color: #0D867F;
color: #fff;
}
</style>
\ No newline at end of file
src/views/tech-politics-fabric/index.vue
...@@ -5,12 +5,12 @@ ...@@ -5,12 +5,12 @@
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">政策名称</span> <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>
<div class="search_menu_item" style="margin-right: 50px;"> <div class="search_menu_item" style="margin-right: 50px;">
<span class="search_title">启用时间</span> <span class="search_title">启用时间</span>
<el-date-picker <el-date-picker
v-model="searchParams.query_item2" v-model="searchParams.startTime"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</div> </div>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">状态</span> <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="1"></el-option>
<el-option label="已停用" value="0"></el-option> <el-option label="已停用" value="0"></el-option>
</el-select> </el-select>
...@@ -43,8 +43,16 @@ ...@@ -43,8 +43,16 @@
</div> --> </div> -->
<el-button @click="add" type="primary" size="medium" icon="el-icon-document-add">新建</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-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> </div>
<el-table :height="tableHeight" @selection-change="select_table_rows" v-loading="loading" :data="tableData" stripe border> <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="selection" width="55" :selectable="selectable"></el-table-column>
...@@ -67,10 +75,10 @@ ...@@ -67,10 +75,10 @@
<el-table-column label="操作" width="360" align="center"> <el-table-column label="操作" width="360" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div style="display: flex;align-items: center;justify-content: center;"> <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-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" @click="releaseItem(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" @click="stopItem(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" @click="deleteItem(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> </div>
</template> </template>
</el-table-column> </el-table-column>
...@@ -129,8 +137,8 @@ ...@@ -129,8 +137,8 @@
</el-form-item> </el-form-item>
<el-form-item label="状态:" prop="let6" style="margin-left: 27px;width: 30.5%;"> <el-form-item label="状态:" prop="let6" style="margin-left: 27px;width: 30.5%;">
<el-select v-model="ruleForm.let6" placeholder="请选择" style="width: 200px;"> <el-select v-model="ruleForm.let6" placeholder="请选择" style="width: 200px;">
<el-option label="已启用" value="1"></el-option> <el-option label="已启用" :value="1"></el-option>
<el-option label="已停用" value="0"></el-option> <el-option label="已停用" :value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="cross1" label="政策描述:" prop="let7"> <el-form-item class="cross1" label="政策描述:" prop="let7">
...@@ -144,7 +152,7 @@ ...@@ -144,7 +152,7 @@
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button class="greenButton" @click="ok">确定</el-button> <el-button class="greenButton" @click="ok">确定</el-button>
<el-button >取消</el-button> <el-button @click="add_dialog = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -154,7 +162,6 @@ ...@@ -154,7 +162,6 @@
import { import {
getJiShuZhengCeJieGouHuaTable, getJiShuZhengCeJieGouHuaTable,
addJiShuZhengCeJieGouHuaTable, addJiShuZhengCeJieGouHuaTable,
deleteJiShuZhengCeJieGouHuaTable,
editJiShuZhengCeJieGouHuaTable editJiShuZhengCeJieGouHuaTable
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
...@@ -168,21 +175,21 @@ export default { ...@@ -168,21 +175,21 @@ export default {
data() { data() {
return { return {
ruleForm: { ruleForm: {
let1: '', let1: null,
let2: '', let2: null,
let3: '', let3: null,
let4: '', let4: null,
let5: '', let5: null,
let6: '', let6: null,
let7: '', let7: null,
let8: '', let8: null,
}, },
tableData: [], tableData: [],
add_dialog: false, add_dialog: false,
searchParams: { searchParams: {
query_item1: null, tpoName: null,
query_item2: null, startTime: null,
query_item3: null, state: null,
current: 1, current: 1,
pageSize: 10, pageSize: 10,
}, },
...@@ -206,10 +213,27 @@ export default { ...@@ -206,10 +213,27 @@ export default {
this.get_table(); this.get_table();
}, },
methods: { 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) {//编辑 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; this.add_dialog = true;
}, },
releaseItem(){//发布 startItem(){//启用
MessageBox.confirm('确定发布?', '提示', { MessageBox.confirm('确定发布?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
...@@ -217,7 +241,24 @@ export default { ...@@ -217,7 +241,24 @@ export default {
confirmButtonClass: 'confirmClass', confirmButtonClass: 'confirmClass',
type: 'warning' type: 'warning'
}).then(() => { }).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(() => { }).catch(() => {
Message({ Message({
type: 'info', type: 'info',
...@@ -233,7 +274,24 @@ export default { ...@@ -233,7 +274,24 @@ export default {
confirmButtonClass: 'confirmClass', confirmButtonClass: 'confirmClass',
type: 'warning' type: 'warning'
}).then(() => { }).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(() => { }).catch(() => {
Message({ Message({
type: 'info', type: 'info',
...@@ -249,8 +307,24 @@ export default { ...@@ -249,8 +307,24 @@ export default {
confirmButtonClass: 'confirmClass', confirmButtonClass: 'confirmClass',
type: 'warning' type: 'warning'
}).then(() => { }).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(() => { }).catch(() => {
Message({ Message({
type: 'info', type: 'info',
...@@ -309,6 +383,14 @@ export default { ...@@ -309,6 +383,14 @@ export default {
}, },
add() {//新建按钮 add() {//新建按钮
this.add_dialog = true; 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() {//重置 reset() {//重置
this.query_item1 = null; this.query_item1 = null;
...@@ -452,15 +534,15 @@ export default { ...@@ -452,15 +534,15 @@ export default {
color: #C0C4CC !important; color: #C0C4CC !important;
background-color: #fff !important; background-color: #fff !important;
} }
.add_btn{ .import_btn{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 76px; width: 86px;
height: 32px; height: 36px;
margin: 0 10px;
background: rgba(13,134,127,0.1); background: rgba(13,134,127,0.1);
border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;
border: 1px solid #0D867F;
font-size: 14px; font-size: 14px;
color: #0D867F; color: #0D867F;
cursor: pointer; cursor: pointer;
......
src/views/tech-politics-relative-use/index.vue
...@@ -5,11 +5,11 @@ ...@@ -5,11 +5,11 @@
<div class="search_menu_item_container"> <div class="search_menu_item_container">
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">政策名称</span> <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>
<div class="search_menu_item"> <div class="search_menu_item">
<span class="search_title">符合度</span> <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="1"></el-option>
<el-option label="已停用" value="0"></el-option> <el-option label="已停用" value="0"></el-option>
<el-option label="暂存" value="2"></el-option> <el-option label="暂存" value="2"></el-option>
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
</div> --> </div> -->
<el-table :height="tableHeight" v-loading="loading" :data="tableData" stripe border> <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 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="deptName" label="单位" align="center"></el-table-column>
<el-table-column prop="archiLevelName" label="统计时间" align="center"></el-table-column> <el-table-column prop="startTime" label="统计时间" align="center"></el-table-column>
<el-table-column prop="archiBelongName" label="政策名称" align="center"></el-table-column> <el-table-column prop="tpoName" label="政策名称" align="center"></el-table-column>
<el-table-column prop="content" label="政策描述" align="center"></el-table-column> <el-table-column prop="tpoContent" label="政策描述" align="center"></el-table-column>
<el-table-column prop="version" label="符合度" align="center"></el-table-column> <el-table-column prop="conformCount" label="符合度" align="center"></el-table-column>
<el-table-column prop="version" label="应用数量" align="center"></el-table-column> <el-table-column prop="usefulCount" label="应用数量" align="center"></el-table-column>
<el-table-column prop="version" label="备注" align="center"></el-table-column> <el-table-column prop="ktplRemark" label="备注" align="center"></el-table-column>
</el-table> </el-table>
<!-- <el-pagination <!-- <el-pagination
background background
...@@ -62,15 +62,7 @@ ...@@ -62,15 +62,7 @@
<script> <script>
import { import {
query_jia_gou_yuan_su_guan_xi_table, getJiShuZhengCeGuanLianShiYongTable,
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
} from '@/api/index.js'; } from '@/api/index.js';
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import $ from 'jquery'; import $ from 'jquery';
...@@ -93,7 +85,13 @@ export default { ...@@ -93,7 +85,13 @@ export default {
size: 10, size: 10,
total: 20 //总条数 total: 20 //总条数
}, },
tableHeight: null tableHeight: null,
searchParams: {
tpoName: null,
conformCount: null,
current: 1,
pageSize: 10,
},
}; };
}, },
mounted(){ mounted(){
...@@ -125,7 +123,18 @@ export default { ...@@ -125,7 +123,18 @@ export default {
this.get_table(); this.get_table();
}, },
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!