提交 a191576c 编写于 作者: zhentian.jia's avatar zhentian.jia

m添加全局样式

上级 63f2555a
...@@ -125,6 +125,7 @@ const vueFilter = { ...@@ -125,6 +125,7 @@ const vueFilter = {
return '已禁用' return '已禁用'
} }
}, },
//项目管理
statusProject: (value) => { statusProject: (value) => {
if(value == 1) { if(value == 1) {
return '草稿' return '草稿'
...@@ -139,6 +140,6 @@ const vueFilter = { ...@@ -139,6 +140,6 @@ const vueFilter = {
}else { }else {
return '已拒绝' return '已拒绝'
} }
} },
} }
export default vueFilter export default vueFilter
\ No newline at end of file
...@@ -153,6 +153,17 @@ module.exports = { ...@@ -153,6 +153,17 @@ module.exports = {
}) })
}, },
// 通用DELETE请求
DELETE(api, para, callback,str) {
// para.token = para.token || this.token || "343BCABC890349ACAF357FA79122F9FE"
// let url = api + this.getUrlPara(para)
return fetch({
url: getBaseUrl(url),
method: 'delete',
data: para
})
},
// 通用POST请求 // 通用POST请求
POST(api, para, callback) { POST(api, para, callback) {
// para.token = para.token || this.token || "343BCABC890349ACAF357FA79122F9FE" // para.token = para.token || this.token || "343BCABC890349ACAF357FA79122F9FE"
......
此差异已折叠。
<template> <template>
<div class="main-container"> <div class="item-manager-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content"> <div class="component-content screenSet">
<div class="header-title">项目管理</div> <div class="header-title">项目管理</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="项目名称:"> <el-form-item label="项目名称:">
...@@ -9,18 +9,12 @@ ...@@ -9,18 +9,12 @@
</el-form-item> </el-form-item>
<el-form-item label="项目时间:"> <el-form-item label="项目时间:">
<el-date-picker <el-date-picker
v-model="formInline.projectBegintime" v-model="formInline.duringTime"
type="daterange" type="daterange"
start-placeholder="请选择开始时间" start-placeholder="请选择开始时间"
end-placeholder="请选择结束时间" end-placeholder="请选择结束时间"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
></el-date-picker> ></el-date-picker>
<!-- <el-date-picker
v-model="formInline.projectEndtime"
type="date"
placeholder="请选择结束时间"
value-format="yyyy-MM-dd HH:mm:ss"
></el-date-picker> -->
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="getProjectList()">查询</el-button> <el-button type="primary" @click="getProjectList()">查询</el-button>
...@@ -32,8 +26,12 @@ ...@@ -32,8 +26,12 @@
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="发布状态:"> <el-form-item label="发布状态:">
<el-select v-model="formInline.projectStatus" placeholder="请选择发布状态"> <el-select v-model="formInline.projectStatus" placeholder="请选择发布状态">
<el-option label="状态1" value="1"></el-option> <el-option
<el-option label="状态2" value="2"></el-option> v-for="item in optionStatus"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -105,9 +103,35 @@ export default { ...@@ -105,9 +103,35 @@ export default {
pageNo: 1, pageNo: 1,
pageSize: 10 pageSize: 10
}, },
optionStatus: [
{
value: 1,
label: "草稿"
},
{
value: 2,
label: "未上架"
},
{
value: 3,
label: "审核中/待审核"
},
{
value: 4,
label: "已上架"
},
{
value: 5,
label: "已下架"
},
{
value: 6,
label: "已拒绝/未上架"
}
],
tableData: [], tableData: [],
totalRows: 0, totalRows: 0,
loading: false, loading: true,
timingTime: "", timingTime: "",
currentPage: 1, currentPage: 1,
formInline: { formInline: {
...@@ -116,7 +140,8 @@ export default { ...@@ -116,7 +140,8 @@ export default {
projectEndtime: "", projectEndtime: "",
projectStatus: "", projectStatus: "",
pageNo: 1, pageNo: 1,
pageSize: 10 pageSize: 10,
duringTime: ""
} }
}; };
}, },
...@@ -139,20 +164,58 @@ export default { ...@@ -139,20 +164,58 @@ export default {
searchData() { searchData() {
console.log(this.formInline); console.log(this.formInline);
}, },
setParam(data) {
let param = {};
if (
data.duringTime !== "" &&
data.duringTime[0] !== null &&
data.duringTime[1] !== null
) {
param.projectBegintime = data.duringTime[0];
param.projectEndtime = data.duringTime[1];
}
for (let key in data) {
if (
key !== "duringTime" &&
key !== "projectBegintime" &&
key !== "projectEndtime"
) {
param[key] = data[key];
}
}
console.log(param);
return param;
},
//查询项目列表 //查询项目列表
getProjectList() { getProjectList() {
let req = {}; let req = {};
req = this.formInline; req = this.setParam(this.formInline);
vm.GET("portalInfo/getProjectList", req).then(res => { vm.GET("portalInfo/getProjectList", req).then(res => {
if (res.code == "000000") { if (res.code == "000000") {
vm.tableData = res.data.data; vm.tableData = res.data.data;
vm.totalRows = res.data.totalRows; vm.totalRows = res.data.totalRows;
this.loading = false;
} }
}); });
}, },
editItem(row) {}, editItem(row) {},
upperItem(row) {}, upperItem(row) {},
delItem(row) {}, delItem(row) {
let req = {
//id: row.id,
};
let that = this;
vm.DELETE("portalInfo/delete/"+row.id, req).then(res => {
if (res.code == "000000") {
this.$notify({
title: '删除项目',
message: 'ID为:'+row.id+'的项目删除成功'
});
this.loading = true;
that.getProjectList();
}
});
},
storage(row) {}, storage(row) {},
completeItem(row) {}, completeItem(row) {},
handleSizeChange(val) { handleSizeChange(val) {
...@@ -185,7 +248,7 @@ export default { ...@@ -185,7 +248,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.main-container { .item-manager-wrap {
.component-content { .component-content {
margin-top: 50px; margin-top: 50px;
padding: 10px; padding: 10px;
......
<template> <template>
<div class="main-container"> <div class="item-role-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
<div class="component-content"> <div class="component-content screenSet">
<div class="header-title">查询条件</div> <div class="header-title">查询条件</div>
<el-form :inline="true" :model="formInline" class="form-inline"> <el-form :inline="true" :model="formInline" class="form-inline">
<el-form-item label="姓名:"> <el-form-item label="姓名:">
...@@ -20,10 +20,10 @@ ...@@ -20,10 +20,10 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="to-right"> <el-form-item class="to-right">
<el-button class="button-green" type="primary" plain>重置</el-button> <el-button >重置</el-button>
</el-form-item> </el-form-item>
<el-form-item class="to-right"> <el-form-item class="to-right">
<el-button class="button-white" type="primary">查询</el-button> <el-button type="primary">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table
...@@ -31,15 +31,15 @@ ...@@ -31,15 +31,15 @@
:data="tableData" :data="tableData"
:header-cell-style="{background:'#FAFAFA',color:'#000'}" :header-cell-style="{background:'#FAFAFA',color:'#000'}"
> >
<el-table-column prop="id" label="用户ID" ></el-table-column> <el-table-column prop="id" label="用户ID" align="center"></el-table-column>
<el-table-column prop="name" label="姓名" ></el-table-column> <el-table-column prop="name" label="姓名" align="center"></el-table-column>
<el-table-column prop="role" label="角色"></el-table-column> <el-table-column prop="role" label="角色" align="center"></el-table-column>
<el-table-column prop="organization" label="所属机构"></el-table-column> <el-table-column prop="organization" label="所属机构" align="center"></el-table-column>
<el-table-column prop="department" label="科室"></el-table-column> <el-table-column prop="department" label="科室" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="200"> <el-table-column fixed="right" label="操作" width="200" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button class="title" type="text" size="small" @click="toPage()">升级项目负责人</el-button> <el-button class="title" type="text" size="small" @click="toPage(scope)">升级项目负责人</el-button>
<el-button class="title" type="text" size="small" @click="toPage()">降为普通用户</el-button> <el-button class="title" type="text" size="small" @click="toPage(scope)">降为普通用户</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -132,7 +132,7 @@ export default { ...@@ -132,7 +132,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.main-container { .item-role-wrap {
.component-content { .component-content {
margin-top: 50px; margin-top: 50px;
margin-left: 10px; margin-left: 10px;
...@@ -140,18 +140,6 @@ export default { ...@@ -140,18 +140,6 @@ export default {
.form-inline { .form-inline {
margin-left: 30px; margin-left: 30px;
} }
.button-green {
color: #ffffff;
background: #449284;
border-color: #bfdad5;
border-radius: 2px;
}
.button-white {
color: #606266;
background: #ffffff;
border-color: #ecedf1;
border-radius: 2px;
}
.header-title { .header-title {
padding: 10px 12px; padding: 10px 12px;
font-size: 12px; font-size: 12px;
......
<template> <template>
<div class="main-container"> <div class="role-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content"> <div class="component-content screenSet">
<div class="header-title">查询条件</div> <div class="header-title">查询条件</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="项目名称:"> <el-form-item label="项目名称:">
...@@ -23,17 +23,17 @@ ...@@ -23,17 +23,17 @@
:data="tableData" :data="tableData"
:header-cell-style="{background:'#FAFAFA',color:'#000'}" :header-cell-style="{background:'#FAFAFA',color:'#000'}"
> >
<el-table-column prop="id" label="ID编号" width="140"></el-table-column> <el-table-column prop="id" label="ID编号" width="140" align="center"></el-table-column>
<el-table-column prop="projectName" label="项目名称" width="120"></el-table-column> <el-table-column prop="projectName" label="项目名称" min-width="120" align="center"></el-table-column>
<el-table-column prop="createName" label="创建人"></el-table-column> <el-table-column prop="createName" label="创建人" align="center"></el-table-column>
<el-table-column prop="projectBrief" label="项目简介"></el-table-column> <el-table-column prop="projectBrief" label="项目简介" align="center"></el-table-column>
<el-table-column prop="address" label="所属地区"></el-table-column> <el-table-column prop="address" label="所属地区" align="center"></el-table-column>
<el-table-column prop="startTime" label="项目开始时间"></el-table-column> <el-table-column prop="startTime" label="项目开始时间" align="center"></el-table-column>
<el-table-column prop="endTime" label="项目结束时间"></el-table-column> <el-table-column prop="endTime" label="项目结束时间" align="center"></el-table-column>
<el-table-column prop="state" label="状态"></el-table-column> <el-table-column prop="state" label="状态" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="200"> <el-table-column fixed="right" label="操作" width="200" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button class="title" type="text" size="small" @click="toPage()">查看项目人员</el-button> <el-button class="title" type="text" size="small" @click="toPage(scope)">查看项目人员</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -128,7 +128,7 @@ export default { ...@@ -128,7 +128,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.main-container { .role-wrap {
.component-content { .component-content {
margin-top: 50px; margin-top: 50px;
padding: 10px; padding: 10px;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册