申报修改及工作台搜索样式、项目库的路由配置修改

prod
吕天方 11 months ago
parent 0837870569
commit 175f7092dc

@ -5,8 +5,8 @@ VUE_APP_TITLE = 金鸡湖现代服务业品牌管理系统
ENV = 'development' ENV = 'development'
# 金鸡湖现代服务业品牌管理系统/开发环境 # 金鸡湖现代服务业品牌管理系统/开发环境
# VUE_APP_BASE_API = 'http://192.168.0.111:9040' VUE_APP_BASE_API = 'http://192.168.0.104:9040'
VUE_APP_BASE_API = 'http://39.101.188.84:9040' # VUE_APP_BASE_API = 'http://39.101.188.84:9040'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true

@ -60,7 +60,6 @@ export function getTemplateRecord(query) {
return request({ return request({
url: `/system/templateRecord/${query.templateRecordId}`, url: `/system/templateRecord/${query.templateRecordId}`,
method: 'get', method: 'get',
arams: query
}) })
} }
@ -76,3 +75,21 @@ export function uploadFile(data) {
}) })
} }
// 新增项目时根据责任单位和项目分类获取表单模板
export function allList(params){
return request({
url: `/system/templateInfo/allList`,
method: 'get',
params
})
}
// 补录提交
export function supplementation(data) {
return request({
url: '/system/templateRecord/supplementation',
method: 'post',
data: data
})
}

@ -12,6 +12,18 @@
// cursor: pointer; // cursor: pointer;
// } // }
} }
// tab
.table-lists {
.tab-green {
color: #24D3A9;
}
.tab-red {
color: #C51717;
}
.tab-blue {
color: #134EE6;
}
}
.L-public-main { .L-public-main {
padding: 6px 6px 6px 6px; padding: 6px 6px 6px 6px;
width: 100%; width: 100%;
@ -809,18 +821,27 @@
display: flex; display: flex;
margin-bottom: 5px; margin-bottom: 5px;
.title-item { .title-item {
cursor: pointer;
padding: 10px 60px 10px 40px; padding: 10px 60px 10px 40px;
border-top-right-radius: 30% 100%; border-top-right-radius: 30% 100%;
margin-right: 15px; margin-right: 15px;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 2px 0 3px 0px #ccc; box-shadow: 2px 0 3px 0px #ccc;
} }
.checked-item {
background: #409EFF;
color: #fff;
}
} }
.workbench-btn { .workbench-btn {
height: 45px; height: 45px;
.el-input { .el-autocomplete {
width: 800px; width: 800px;
height: 100%; height: 100%;
}
.el-input {
width: 100%;
height: 100%;
input { input {
height: 100%; height: 100%;
} }

@ -83,11 +83,11 @@ export default {
// //
window.open(key, "_blank"); window.open(key, "_blank");
} else { } else {
if(key == "/Project") { // if(key == "/Project") {
const route = this.routers.find(item => item.path === key); // const route = this.routers.find(item => item.path === key);
this.$router.push({ path: route.path + '/' + route.children[0].path }); // this.$router.push({ path: route.path + '/' + route.children[0].path });
return; // return;
} // }
this.$router.push({ path: key }); this.$router.push({ path: key });
// if (routeMenu && routeMenu.query) { // if (routeMenu && routeMenu.query) {

@ -124,6 +124,12 @@ export const constantRoutes = [
name: 'supplementaryNew', name: 'supplementaryNew',
meta: { title: '模版详情', icon: 'user' } meta: { title: '模版详情', icon: 'user' }
}, },
{
path: 'projectInfo',
component: () => import('@/views/project/projectInfo/index'),
name: 'projectInfo',
meta: { title: '项目详情', icon: 'user' }
},
] ]
} }
]; ];

@ -1,10 +1,10 @@
<template> <template>
<div class="app-container" id="app-container"> <div class="app-container" id="app-container">
<el-form id="I-form" :model="queryParams" ref="queryForm" size="small" :inline="true"> <el-form id="I-form" :model="queryParams" ref="queryForm" size="small" :inline="true">
<el-form-item label="企业名录分类" prop="enterpriseDirectory"> <el-form-item label="申报任务标题" prop="enterpriseDirectory">
<el-input <el-input
v-model="queryParams.enterpriseDirectory" v-model="queryParams.enterpriseDirectory"
placeholder="请输入业名录分类" placeholder="请输入申报任务标题"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
@ -49,25 +49,33 @@
v-loading="loading" v-loading="loading"
:data="contentList" :data="contentList"
:height="tabHeader" :height="tabHeader"
class="table-lists"
> >
<el-table-column label="序号" align="center" width="50" fixed> <el-table-column label="序号" align="center" width="50" fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span> <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="enterpriseDirectory" label="企业名录分类" :show-overflow-tooltip="true" min-width="190"></el-table-column> <el-table-column prop="enterpriseDirectory" label="申报任务标题" :show-overflow-tooltip="true" min-width="190"></el-table-column>
<!-- <el-table-column prop="enterpriseDirectory" label="企业名录分类" :show-overflow-tooltip="true" min-width="190"></el-table-column> -->
<el-table-column prop="templateName" label="模版名称" min-width="180" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="templateName" label="模版名称" min-width="180" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="级别" min-width="60"> <el-table-column label="状态" min-width="50" >
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_level" :value="scope.row.level"/> <span :class="scope.row.status == 2 ? 'tab-green' : scope.row.status == 1 ? 'tab-red' : scope.row.status == 0 ? 'tab-blue' : ''">{{ scope.row.status == 2 ? '有效' : scope.row.status == 1 ? '过期' : scope.row.status == 0 ? '未开始' : '' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="perms" label="申报途径" min-width="100" :show-overflow-tooltip="true"> <!-- <el-table-column label="级别" min-width="60">
<template slot-scope="scope">
<dict-tag :options="dict.type.bms_level" :value="scope.row.level"/>
</template>
</el-table-column> -->
<!-- <el-table-column prop="perms" label="申报途径" min-width="100" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_declaration_channels" :value="scope.row.road"/> <dict-tag :options="dict.type.bms_declaration_channels" :value="scope.row.road"/>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column align="center" label="开放时间" :show-overflow-tooltip="true" min-width="180" > <!-- <el-table-column align="center" label="开放时间" :show-overflow-tooltip="true" min-width="180" > -->
<el-table-column align="center" label="任务填报时间" :show-overflow-tooltip="true" min-width="180" >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.startTime }}~{{ scope.row.endTime }}</span> <span>{{ scope.row.startTime }}~{{ scope.row.endTime }}</span>
</template> </template>
@ -77,20 +85,27 @@
<dict-tag :options="dict.type.bms_responsibility_unit" :value="scope.row.responsibilityUnit"/> <dict-tag :options="dict.type.bms_responsibility_unit" :value="scope.row.responsibilityUnit"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="notes" label="说明" min-width="210" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="notes" label="说明" min-width="80" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" min-width="160"> <el-table-column label="创建时间" align="center" prop="createTime" min-width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="createByName" label="创建人" min-width="80"></el-table-column> <el-table-column prop="createByName" label="创建人" min-width="80"></el-table-column>
<el-table-column label="操作" align="center" width="150" fixed="right"> <el-table-column label="操作" align="center" width="180" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-button <el-button
size="mini"
type="text"
style="color: red;"
v-if="scope.row.status == 1"
@click="handleReplace(scope.row)"
>补录</el-button>
<el-button
size="mini" size="mini"
type="text" type="text"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
>编辑</el-button> --> >编辑</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@ -118,7 +133,7 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="责任单位" prop="responsibilityUnit"> <el-form-item label="责任单位" prop="responsibilityUnit">
<el-select v-model="form.responsibilityUnit" placeholder="请选择责任单位" style="width: 100%;" @change="changeResponsibilityUnit"> <el-select v-model="form.responsibilityUnit" placeholder="请选择责任单位" style="width: 100%;" @change="changeResponsibilityUnit" :disabled="isReplace">
<el-option <el-option
v-for="dict in dict.type.bms_responsibility_unit" v-for="dict in dict.type.bms_responsibility_unit"
:key="dict.value" :key="dict.value"
@ -128,9 +143,33 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24">
<el-form-item label="项目分类" prop="projectClassify">
<el-select v-model="form.projectClassify" placeholder="请选择项目分类" style="width: 100%;" @change="changeProjectClassify" :disabled="isReplace">
<el-option
v-for="dict in dict.type.jjh_project_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="24">
<el-form-item label="项目分类" prop="responsibilityUnit">
<el-select v-model="form.responsibilityUnit" placeholder="请选择项目分类" style="width: 100%;" @change="changeResponsibilityUnit">
<el-option
v-for="dict in dict.type.bms_responsibility_unit"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="24"> <el-col :span="24">
<el-form-item label="申报表单模版" prop="templateId"> <el-form-item label="申报表单模版" prop="templateId">
<el-select v-model="form.templateId" placeholder="请选择申报表单模版" style="width: 100%;" @change="changeTemplate"> <el-select v-model="form.templateId" placeholder="请选择申报表单模版" style="width: 100%;" @change="changeTemplate" :disabled="isReplace">
<el-option <el-option
v-for="dict in templateList" v-for="dict in templateList"
:key="dict.id" :key="dict.id"
@ -140,13 +179,19 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <!-- <el-col :span="24">
<el-form-item label="企业名录分类" prop="enterpriseDirectory"> <el-form-item label="企业名录分类" prop="enterpriseDirectory">
<el-input v-model="form.enterpriseDirectory" placeholder="请选择申报表单模版后带出" disabled /> <el-input v-model="form.enterpriseDirectory" placeholder="请选择申报表单模版后带出" />
</el-form-item>
</el-col> -->
<el-col :span="24">
<el-form-item label="申报任务标题" prop="enterpriseDirectory">
<el-input v-model="form.enterpriseDirectory" placeholder="请输入申报任务标题" :disabled="isReplace" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="申报时间" prop="reportTime"> <!-- <el-form-item label="申报时间" prop="reportTime"> -->
<el-form-item label="任务填报时间" prop="reportTime">
<el-date-picker <el-date-picker
v-model="form.reportTime" v-model="form.reportTime"
type="daterange" type="daterange"
@ -160,7 +205,7 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <!-- <el-col :span="24">
<el-form-item label="申报途径" prop="road"> <el-form-item label="申报途径" prop="road">
<el-select v-model="form.road" placeholder="请选择申报途径" style="width: 100%;"> <el-select v-model="form.road" placeholder="请选择申报途径" style="width: 100%;">
<el-option <el-option
@ -171,10 +216,10 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
<el-col :span="24"> <el-col :span="24">
<el-form-item label="说明" prop="notes"> <el-form-item label="说明" prop="notes">
<el-input v-model="form.notes" type="textarea" placeholder="请输入说明"></el-input> <el-input v-model="form.notes" type="textarea" placeholder="请输入说明" :disabled="isReplace"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
@ -183,8 +228,8 @@
<el-radio label="0">Excel批量导入</el-radio> <el-radio label="0">Excel批量导入</el-radio>
</el-radio-group> --> </el-radio-group> -->
<el-radio-group v-model="form.isFrame"> <el-radio-group v-model="form.isFrame">
<el-radio label="0">所有企业</el-radio> <el-radio :label="0">所有企业</el-radio>
<el-radio label="1">部分企业</el-radio> <el-radio :label="1">部分企业</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -255,12 +300,13 @@
</template> </template>
<script> <script>
import { listTemplate, listBusiness, exportData, addTemplateRecord, putTemplateRecord, listTemplateInfo, getTemplateRecord, uploadFile } from "@/api/onlineDeclartion/enterpriseDirectory" import { listTemplate, listBusiness, exportData, addTemplateRecord, putTemplateRecord, listTemplateInfo, getTemplateRecord, uploadFile, allList, supplementation } from "@/api/onlineDeclartion/enterpriseDirectory"
import * as XLSX from 'xlsx' import * as XLSX from 'xlsx'
export default { export default {
name: "EnterpriseDirectory", name: "EnterpriseDirectory",
dicts: ['sys_show_hide', 'sys_normal_disable', 'bms_responsibility_unit', 'bms_declaration_channels', 'bms_template_type', 'bms_level'], // 'sys_show_hide', 'sys_normal_disable', 'bms_template_type',
dicts: ['bms_responsibility_unit', 'bms_declaration_channels', 'bms_level', 'jjh_project_type'],
data() { data() {
return { return {
// //
@ -274,6 +320,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
isReplace: false,
// //
refreshTable: true, refreshTable: true,
total: 10, total: 10,
@ -294,12 +342,18 @@ export default {
responsibilityUnit: [ responsibilityUnit: [
{ required: true, message: "请选择责任单位", trigger: "blur" } { required: true, message: "请选择责任单位", trigger: "blur" }
], ],
projectClassify: [
{ required: true, message: "请选择项目分类", trigger: "blur" }
],
templateId: [ templateId: [
{ required: true, message: "请选择模版", trigger: "blur" } { required: true, message: "请选择模版", trigger: "blur" }
], ],
notes: [ notes: [
{ required: true, message: "请输入说明", trigger: "blur" } { required: true, message: "请输入说明", trigger: "blur" }
], ],
enterpriseDirectory: [
{ required: true, message: "请输入说明", trigger: "blur" }
],
road: [ road: [
{ required: true, message: "请选择申报途径", trigger: "blur" } { required: true, message: "请选择申报途径", trigger: "blur" }
], ],
@ -324,6 +378,8 @@ export default {
fileList: [], fileList: [],
excelData: [], excelData: [],
tabHeader: undefined, tabHeader: undefined,
unitId: undefined,
projectId: undefined,
}; };
}, },
mounted() { mounted() {
@ -354,8 +410,8 @@ export default {
getList() { getList() {
this.loading = true; this.loading = true;
listTemplate(this.queryParams).then(response => { listTemplate(this.queryParams).then(response => {
this.contentList = response.rows; this.contentList = response.data.records;
this.total = response.total this.total = response.data.total
this.loading = false; this.loading = false;
}); });
}, },
@ -374,6 +430,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.isReplace = false;
this.reset(); this.reset();
}, },
// //
@ -385,7 +442,7 @@ export default {
road: undefined, road: undefined,
notes: undefined, notes: undefined,
orderNum: undefined, orderNum: undefined,
isFrame: "0", isFrame: 0,
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -402,8 +459,41 @@ export default {
handleAdd(row) { handleAdd(row) {
this.reset(); this.reset();
this.open = true; this.open = true;
this.fileList = [] this.isReplace = false;
this.title = "在线申报企业名录"; this.fileList = [];
this.form.isFrame = 0;
this.title = "发布申报任务";
},
/** 补录按钮操作 */
handleReplace(row){
this.reset();
getTemplateRecord({templateRecordId: row.templateRecordId}).then(response => {
this.form = response.data;
this.open = true;
this.isReplace = true;
this.title = "申报补录";
this.form.responsibilityUnit = this.form.responsibilityUnit + ''
this.form.projectClassify = this.form.projectClassify + ''
this.form.road = this.form.road + ''
if(this.form.fileName) {
let fileList = this.form.fileName.split(',')
let isFrame
fileList.length > 0 ? isFrame = 1 : isFrame = 0
this.$set(this.form, 'isFrame', isFrame)
} else {
this.$set(this.form, 'isFrame', 0)
}
this.form.fileList = this.form.fileName || []
this.fileList = this.form.fileName || []
let arr = []
arr.push(this.form.startTime, this.form.endTime)
this.$set(this.form, 'reportTime', arr)
this.templateList = this.templateListLock.filter((item) => {
return item.responsibilityUnit == this.form.responsibilityUnit
})
// this.form.reportTime = [this.form.startTime, this.form.endTime]
});
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
@ -411,19 +501,26 @@ export default {
getTemplateRecord({templateRecordId: row.templateRecordId}).then(response => { getTemplateRecord({templateRecordId: row.templateRecordId}).then(response => {
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
this.title = "在线申报企业名录"; this.isReplace = false;
this.title = "修改申报任务";
this.form.responsibilityUnit = this.form.responsibilityUnit + '' this.form.responsibilityUnit = this.form.responsibilityUnit + ''
this.form.projectClassify = this.form.projectClassify + ''
this.form.road = this.form.road + '' this.form.road = this.form.road + ''
this.form.isFrame = "0"
if(this.form.fileName) { if(this.form.fileName) {
let fileList = this.form.fileName.split(',') let fileList = this.form.fileName.split(',')
fileList.length > 0 ? this.form.isFrame = "1" : this.form.isFrame = "0" let isFrame
fileList.length > 0 ? isFrame = 1 : isFrame = 0
this.$set(this.form, 'isFrame', isFrame)
} else {
this.$set(this.form, 'isFrame', 0)
} }
this.form.fileList = this.form.fileName || [] this.form.fileList = this.form.fileName || []
this.fileList = this.form.fileName || [] this.fileList = this.form.fileName || []
let arr = [] let arr = []
arr.push(this.form.startTime, this.form.endTime) arr.push(this.form.startTime, this.form.endTime)
this.$set(this.form, 'reportTime', arr) this.$set(this.form, 'reportTime', arr)
// console.log(this.form,"form");
this.templateList = this.templateListLock.filter((item) => { this.templateList = this.templateListLock.filter((item) => {
return item.responsibilityUnit == this.form.responsibilityUnit return item.responsibilityUnit == this.form.responsibilityUnit
}) })
@ -434,16 +531,25 @@ export default {
submitForm: function() { submitForm: function() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != undefined) { if(this.title == "申报补录") {
supplementation(this.form).then(res=>{
this.$modal.msgSuccess("补录成功");
this.open = false;
this.isReplace = false;
this.getList();
})
} else if (this.form.id != undefined) {
putTemplateRecord(this.form).then(response => { putTemplateRecord(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.isReplace = false;
this.getList(); this.getList();
}); });
} else { } else {
addTemplateRecord(this.form).then(response => { addTemplateRecord(this.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.isReplace = false;
this.getList(); this.getList();
}); });
} }
@ -495,21 +601,43 @@ export default {
window.URL.revokeObjectURL(url) window.URL.revokeObjectURL(url)
}) })
}, },
//
changeResponsibilityUnit(valid) { changeResponsibilityUnit(valid) {
this.templateList = this.templateListLock.filter((item) => { this.unitId = valid;
return item.responsibilityUnit == valid
if(this.projectId) {
// this.templateList = this.templateListLock.filter((item) => {
// return item.responsibilityUnit == valid
// })
allList({responsibilityUnit:Number(valid),projectClassify:Number(this.projectId)}).then(res=>{
console.log(res);
this.templateList = res.data || []
}) })
}
this.form.templateId = null this.form.templateId = null
this.form.enterpriseDirectory = null this.form.enterpriseDirectory = null
}, },
changeTemplate(){ //
this.templateList.forEach((item) => { changeProjectClassify(valId){
if(item.id == this.form.templateId){ this.projectId = valId
this.form.enterpriseDirectory = item.templateName + '企业名录' if(this.unitId) {
} // this.templateList = this.templateListLock.filter((item) => {
// return item.responsibilityUnit == valId
// })
allList({responsibilityUnit:Number(this.unitId),projectClassify:Number(valId)}).then(res=>{
console.log(res);
this.templateList = res.data || []
}) })
}
},
changeTemplate(){
// this.templateList.forEach((item) => {
// if(item.id == this.form.templateId){
// this.form.enterpriseDirectory = item.templateName + ''
// }
// })
this.$forceUpdate() // this.$forceUpdate()
}, },
changeDateRange(val) { changeDateRange(val) {
// console.log('val: ', val); // console.log('val: ', val);

@ -36,7 +36,7 @@
</el-form> </el-form>
<el-row :gutter="10" id="I-rowOne" class="mb8"> <el-row :gutter="10" id="I-rowOne" class="mb8">
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
@ -45,8 +45,8 @@
v-if="userType == '01'" v-if="userType == '01'"
class="btn" class="btn"
>在线申报</el-button> >在线申报</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
@ -55,7 +55,7 @@
v-if="userType == '01'" v-if="userType == '01'"
class="btn" class="btn"
>补录</el-button> >补录</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="info" type="info"
@ -163,7 +163,8 @@
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span> <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="projectName" label="项目名称" :show-overflow-tooltip="true" min-width="160"></el-table-column> <!-- <el-table-column prop="projectName" label="项目名称" :show-overflow-tooltip="true" min-width="160"></el-table-column> -->
<el-table-column prop="projectName" label="申报任务标题" :show-overflow-tooltip="true" min-width="160"></el-table-column>
<el-table-column prop="enterpriseName" label="申报单位" :show-overflow-tooltip="true" min-width="180"></el-table-column> <el-table-column prop="enterpriseName" label="申报单位" :show-overflow-tooltip="true" min-width="180"></el-table-column>
<el-table-column label="级别" width="60"> <el-table-column label="级别" width="60">
<template slot-scope="scope"> <template slot-scope="scope">

@ -9,7 +9,17 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="产业领域" prop="productArea"> <el-form-item label="项目分类" prop="projectClassify">
<el-select v-model="queryParams.projectClassify" placeholder="请选择产业领域" clearable>
<el-option
v-for="dict in dict.type.jjh_project_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="产业领域" prop="productArea">
<el-select v-model="queryParams.productArea" placeholder="请选择产业领域" clearable> <el-select v-model="queryParams.productArea" placeholder="请选择产业领域" clearable>
<el-option <el-option
v-for="dict in dict.type.bms_product_area" v-for="dict in dict.type.bms_product_area"
@ -28,7 +38,7 @@
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item> -->
<el-form-item label="责任单位" prop="responsibilityUnit"> <el-form-item label="责任单位" prop="responsibilityUnit">
<el-select v-model="queryParams.responsibilityUnit" placeholder="请选择责任单位" clearable> <el-select v-model="queryParams.responsibilityUnit" placeholder="请选择责任单位" clearable>
<el-option <el-option
@ -50,19 +60,30 @@
v-loading="loading" v-loading="loading"
:data="InfoList" :data="InfoList"
:height="tabHeader" :height="tabHeader"
class="table-lists"
> >
<el-table-column label="序号" align="center" width="50" fixed> <el-table-column label="序号" align="center" width="50" fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span> <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="templateName" label="模版名称" min-width="240" :show-overflow-tooltip="true"></el-table-column> <el-table-column label="年份" align="center" prop="createTime" min-width="80">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}') }}</span>
</template>
</el-table-column>
<el-table-column prop="templateName" label="模版名称" min-width="150" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="项目分类" :show-overflow-tooltip="true" min-width="150">
<template slot-scope="scope">
<dict-tag :options="dict.type.jjh_project_type" :value="scope.row.projectClassify"/>
</template>
</el-table-column>
<el-table-column label="级别" min-width="100"> <el-table-column label="级别" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_level" :value="scope.row.level"/> <dict-tag :options="dict.type.bms_level" :value="scope.row.level"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="产业领域" :show-overflow-tooltip="true" min-width="150"> <!-- <el-table-column label="产业领域" :show-overflow-tooltip="true" min-width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_product_area" :value="scope.row.productArea"/> <dict-tag :options="dict.type.bms_product_area" :value="scope.row.productArea"/>
</template> </template>
@ -71,13 +92,20 @@
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_declaration_type" :value="scope.row.type"/> <dict-tag :options="dict.type.bms_declaration_type" :value="scope.row.type"/>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column prop="notes" :show-overflow-tooltip="true" label="说明" min-width="200"></el-table-column> <!-- <el-table-column prop="notes" :show-overflow-tooltip="true" label="说明" min-width="200"></el-table-column> -->
<el-table-column label="责任单位" min-width="120"> <el-table-column label="责任单位" min-width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.bms_responsibility_unit" :value="scope.row.responsibilityUnit"/> <dict-tag :options="dict.type.bms_responsibility_unit" :value="scope.row.responsibilityUnit"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="useStart" align="center" :show-overflow-tooltip="true" label="模板使用有效期开始时间" min-width="150"></el-table-column>
<el-table-column prop="useEnd" align="center" :show-overflow-tooltip="true" label="模板使用有效期结束时间" min-width="150"></el-table-column>
<el-table-column label="状态" align="center" prop="createTime" min-width="80">
<template slot-scope="scope">
<span :class="scope.row.status == 1 ? 'tab-green' : scope.row.status == 0 ? 'tab-red' : ''">{{ scope.row.status == 0 ? '过期' : scope.row.status == 1 ? '有效' : '' }}</span>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" min-width="120"> <el-table-column label="创建时间" align="center" prop="createTime" min-width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
@ -114,7 +142,7 @@ import { listInfo, exportData } from "@/api/onlineDeclartion/declarationManageme
export default { export default {
name: "Template", name: "Template",
dicts: ['bms_product_area', 'bms_declaration_type', 'bms_responsibility_unit', 'bms_level'], dicts: ['bms_product_area', 'bms_declaration_type', 'bms_responsibility_unit', 'bms_level', 'jjh_project_type'],
data() { data() {
return { return {
// //
@ -127,8 +155,8 @@ export default {
// //
queryParams: { queryParams: {
templateName: undefined, templateName: undefined,
productArea: undefined, projectClassify: undefined,
type: undefined, // type: undefined,
responsibilityUnit: undefined, responsibilityUnit: undefined,
pageNum: 1, pageNum: 1,
pageSize: 20, pageSize: 20,

@ -4,14 +4,26 @@
<div class="left_content"> <div class="left_content">
<el-form ref="form" :model="form" label-width="120px" label-position="left" class="form"> <el-form ref="form" :model="form" label-width="120px" label-position="left" class="form">
<el-row> <el-row>
<el-col :span="12" style="height: 50px"> <el-col :span="8" style="height: 50px;display: flex;">
申报类别{{ info.type == 0 ? '/' : info.type == 1 ? '试点区域' : info.type == 2 ? '龙头型' : info.type == 3 ? '创新型' : '' }} 项目分类<dict-tag :options="dict.type.jjh_project_type" :value="info.projectClassify"/>
</el-col> </el-col>
<el-col :span="12" style="height: 50px"> <el-col :span="8" style="height: 50px">
责任单位{{ info.responsibilityUnit == 0 ? '经发委' : info.responsibilityUnit == 1 ? '规建委' : info.responsibilityUnit == 2 ? '行审局' : info.responsibilityUnit == 3 ? '市监局' : '' }} 责任单位{{ info.responsibilityUnit == 0 ? '经发委' : info.responsibilityUnit == 1 ? '规建委' : info.responsibilityUnit == 2 ? '行审局' : info.responsibilityUnit == 3 ? '市监局' : '' }}
</el-col> </el-col>
<el-col :span="12" style="height: 50px"> <el-col :span="8" style="height: 50px">
申报时间 创建时间{{ info.createTime }}
</el-col>
<el-col :span="8" style="height: 50px">
模板使用有效期开始日期{{ info.useStart }}
</el-col>
<el-col :span="8" style="height: 50px">
模板使用有效期结束日期{{ info.useEnd }}
</el-col>
<el-col :span="8" style="height: 50px">
年份{{ parseTime(info.createTime, '{y}') }}
</el-col>
<el-col :span="8" style="height: 50px">
级别{{ info.level == 0 ? '本级' : info.level == 1 ? '省级' : '' }}
</el-col> </el-col>
</el-row> </el-row>
<el-descriptions class="margin-top" title="【申报企业信息】" :column="3" :size="size" border :label-style="LS"> <el-descriptions class="margin-top" title="【申报企业信息】" :column="3" :size="size" border :label-style="LS">
@ -355,6 +367,7 @@ import JsPDF from 'jspdf';
import { getInfo } from "@/api/onlineDeclartion/declarationManagement" import { getInfo } from "@/api/onlineDeclartion/declarationManagement"
export default { export default {
name: "declareAddContent", name: "declareAddContent",
dicts: ['jjh_project_type'],
data() { data() {
return { return {
size: '', size: '',
@ -373,9 +386,9 @@ export default {
async mounted(){ async mounted(){
let { templateId, pageType} = this.$route.query; let { templateId, pageType} = this.$route.query;
this.templateId = templateId this.templateId = templateId
console.log('this.templateId: ', this.templateId); // console.log('this.templateId: ', this.templateId);
getInfo(this.templateId).then(res=>{ getInfo(this.templateId).then(res=>{
console.log(res); // console.log(res);
this.info = res.data this.info = res.data
}) })
switch (this.templateId){ switch (this.templateId){

@ -385,7 +385,7 @@ export default {
// //
goInfo(rwo){ goInfo(rwo){
this.$router.push({ this.$router.push({
path: '/project/projectInfo', name: 'projectInfo',
query: { userId: rwo.id } query: { userId: rwo.id }
}) })
}, },

@ -3,20 +3,27 @@
<header> <header>
<div class="workbench-serch"> <div class="workbench-serch">
<div class="workbench-title"> <div class="workbench-title">
<div class="title-item"> <div class="title-item" :class="checked == index ? 'checked-item' : ''" v-for="(item,index) in tabs" :key="index" @click="checked = index">
查企业 {{ item.value }}
</div> </div>
<div class="title-item"> <!-- <div class="title-item">
查项目 查项目
</div> </div>
<div class="title-item"> <div class="title-item">
查荣誉 查荣誉
</div> </div> -->
</div> </div>
<div class="workbench-btn"> <div class="workbench-btn">
<el-input placeholder="请输入企业名称、项目名称、荣誉,查询" v-model="search" class="input-with-select"> <el-autocomplete
placeholder="请输入企业名称、项目名称、荣誉,查询"
v-model="search"
:fetch-suggestions="querySearch"
:trigger-on-focus="false"
@select="handleSelect"
class="input-with-select"
>
<template slot="append" class="work-btn">搜索</template> <template slot="append" class="work-btn">搜索</template>
</el-input> </el-autocomplete>
</div> </div>
</div> </div>
</header> </header>
@ -125,6 +132,16 @@ export default {
}, },
fileList: [], fileList: [],
uploadList: [], uploadList: [],
tabs: [
{
value:"查企业"
},{
value:"查项目"
},{
value:"查荣誉"
},
],
checked: 0
} }
}, },
mounted(){ mounted(){
@ -165,6 +182,20 @@ export default {
this.resetForm("form"); this.resetForm("form");
this.uploadList = [] this.uploadList = []
}, },
querySearch(queryString, cb) {
// queryString
/**
* 通过queryString 调用接口参数搜索到的数据数据处理成所需的列表 对象带value 使用callback返回列表数据
*/
// var restaurants = this.restaurants;
// var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
// callback
cb(results);
},
//
handleSelect(item) {
console.log(item);
},
handleFileUpload(params) { handleFileUpload(params) {
const file = params.file const file = params.file
let form = new FormData() let form = new FormData()

Loading…
Cancel
Save