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

样式wenti

上级 bd6007d6
...@@ -13,7 +13,7 @@ export const envConfig = { ...@@ -13,7 +13,7 @@ export const envConfig = {
// apiUrl: 'https://test1-api.yunqueyi.com/', // apiUrl: 'https://test1-api.yunqueyi.com/',
// webPageUrl: 'https://test1-phome.yunqueyi.com/' // webPageUrl: 'https://test1-phome.yunqueyi.com/'
//baseUrl: 'https://uat-sc.yunqueyi.com/', //baseUrl: 'https://uat-sc.yunqueyi.com/',
baseUrl: 'http://localhost:11905/portal/', baseUrl: 'http://192.168.110.226:11905/portal/',
apiUrl: 'https://uat-api.yunqueyi.com/', apiUrl: 'https://uat-api.yunqueyi.com/',
webPageUrl: 'https://uat-phome.yunqueyi.com/', webPageUrl: 'https://uat-phome.yunqueyi.com/',
qiniuUrl: "http://localhost:10201/contents/admin/qiniu/token", qiniuUrl: "http://localhost:10201/contents/admin/qiniu/token",
......
...@@ -511,6 +511,7 @@ export default { ...@@ -511,6 +511,7 @@ export default {
}, },
created() { created() {
vm = this; vm = this;
this.editManager();
this.changeOnStep(this.active); this.changeOnStep(this.active);
this.initOrganization(); this.initOrganization();
this.initPerson(); this.initPerson();
...@@ -537,6 +538,10 @@ export default { ...@@ -537,6 +538,10 @@ export default {
//重置表单 //重置表单
resetForm(formName) { resetForm(formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
},
//编辑管理
editManager() {
}, },
//编辑/更新 基础信息 //编辑/更新 基础信息
insertOrUpdate() { insertOrUpdate() {
......
...@@ -3,43 +3,46 @@ ...@@ -3,43 +3,46 @@
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content screenSet"> <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"> <div style="margin: 10px 0 0 10px">
<el-form-item label="项目名称:"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-input v-model="formInline.projectName" placeholder="审批人"></el-input> <el-form-item label="项目名称:">
</el-form-item> <el-input v-model="formInline.projectName" size="mini" placeholder="审批人"></el-input>
<el-form-item label="项目时间:"> </el-form-item>
<el-date-picker <el-form-item label="项目时间:">
v-model="formInline.duringTime" <el-date-picker
type="daterange" v-model="formInline.duringTime"
start-placeholder="请选择开始时间" size="mini"
end-placeholder="请选择结束时间" type="daterange"
value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="请选择开始时间"
></el-date-picker> end-placeholder="请选择结束时间"
</el-form-item> value-format="yyyy-MM-dd HH:mm:ss"
<el-form-item> ></el-date-picker>
<el-button type="primary" @click="getProjectList()">查询</el-button> </el-form-item>
</el-form-item> <el-form-item>
<el-form-item> <el-button type="primary" size="small" @click="getProjectList()">查询</el-button>
<el-button type="default" plain>重置</el-button> </el-form-item>
</el-form-item> <el-form-item>
</el-form> <el-button type="default" size="small" plain>重置</el-button>
<el-form :inline="true" :model="formInline" class="demo-form-inline"> </el-form-item>
<el-form-item label="发布状态:"> </el-form>
<el-select v-model="formInline.projectStatus" placeholder="请选择发布状态"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-option <el-form-item label="发布状态:">
v-for="item in optionStatus" <el-select size="mini" v-model="formInline.projectStatus" placeholder="请选择发布状态">
:key="item.value" <el-option
:label="item.label" v-for="item in optionStatus"
:value="item.value" :key="item.value"
></el-option> :label="item.label"
</el-select> :value="item.value"
</el-form-item> ></el-option>
</el-form> </el-select>
<el-form :model="formInline" class="demo-form-inline"> </el-form-item>
<el-form-item> </el-form>
<el-button class="add-button" type="primary" @click="toPage()">新建项目</el-button> <el-form :model="formInline" class="demo-form-inline">
</el-form-item> <el-form-item>
</el-form> <el-button class="add-button" size="small" type="primary" @click="toPage()">新建项目</el-button>
</el-form-item>
</el-form>
</div>
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="tableData" :data="tableData"
...@@ -274,8 +277,30 @@ export default { ...@@ -274,8 +277,30 @@ export default {
}, },
//改变状态 //改变状态
changeStatus(row, type) { changeStatus(row, type) {
let projectId = row.id;
if (type === 0) {
//编辑
this.$router.push("add-manager?projectId=" + projectId);
} else if (type === 7) {
//提醒审核
} else {
if (type === 8) {
//取消审批值对应5
type = 5;
}
let req = {
projectId: projectId,
changeStatus: type
};
let that = this;
vm.POST("portalInfo/changeStatus", req).then(res => {
if (res.code == "000000") {
console.log(res);
}
});
}
}, },
//删除项目
delItem(row) { delItem(row) {
let req = {}; let req = {};
let that = this; let that = this;
...@@ -324,12 +349,13 @@ export default { ...@@ -324,12 +349,13 @@ export default {
<style lang="scss"> <style lang="scss">
.item-manager-wrap { .item-manager-wrap {
.component-content { .component-content {
margin-top: 50px; background: #fff;
//margin-top: 88px;
padding: 10px; padding: 10px;
.header-title { .header-title {
padding: 10px 12px; padding: 10px 12px;
font-size: 12px; font-size: 12px;
color: #409eff; color: #449284;
border-bottom: 1px solid #efefef; border-bottom: 1px solid #efefef;
} }
.table-option span { .table-option span {
......
...@@ -99,6 +99,9 @@ let treeData = [ ...@@ -99,6 +99,9 @@ let treeData = [
] ]
} }
]; ];
// 按钮type类型: 0-编辑
// 1-暂存 2-完成 3-上架 4-通过 5-下架 6-拒绝
// 7- 提醒审核 8(5)-取消审核 9-删除
let buttonStatus = [ let buttonStatus = [
//L1 内部管理员 L2项目负责人 L3次级负责人 //L1 内部管理员 L2项目负责人 L3次级负责人
//草稿 //草稿
......
...@@ -3,29 +3,41 @@ ...@@ -3,29 +3,41 @@
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
<div class="component-content screenSet"> <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-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
<el-form-item label="姓名:"> <el-form ref="serchForm" :model="formInline" label-width="75px" class="form-inline">
<el-input v-model="formInline.name" placeholder="审批人"></el-input> <el-col :span="5">
</el-form-item> <el-form-item label="姓名:">
<el-form-item label="所属机构:"> <el-input size="mini" v-model="formInline.name" placeholder="审批人"></el-input>
<el-select v-model="formInline.organization" placeholder="请选择所属机构"> </el-form-item>
<el-option label="机构1" value="organization1"></el-option> </el-col>
<el-option label="机构2" value="organization2"></el-option> <el-col :span="5">
</el-select> <el-form-item label="所属机构:">
</el-form-item> <el-select size="mini" v-model="formInline.organization" placeholder="请选择所属机构">
<el-form-item label="所属科室:"> <el-option label="机构1" value="organization1"></el-option>
<el-select v-model="formInline.department" placeholder="请选择所属科室"> <el-option label="机构2" value="organization2"></el-option>
<el-option label="科室1" value="department1"></el-option> </el-select>
<el-option label="科室2" value="department12"></el-option> </el-form-item>
</el-select> </el-col>
</el-form-item> <el-col :span="5">
<el-form-item class="to-right"> <el-form-item label="所属科室:">
<el-button >重置</el-button> <el-select size="mini" v-model="formInline.department" placeholder="请选择所属科室">
</el-form-item> <el-option label="科室1" value="department1"></el-option>
<el-form-item class="to-right"> <el-option label="科室2" value="department12"></el-option>
<el-button type="primary">查询</el-button> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-col>
<el-col :span="6" style="padding:0;text-align:right;padding-right:15px;">
<el-button type="primary" size="small" @click="search">查询</el-button>
<el-button type="default" size="small" @click="reseat" style="margin-left:0;">重置</el-button>
</el-col>
<!-- <el-form-item class="to-right">
<el-button size="small">重置</el-button>
</el-form-item>
<el-form-item class="to-right">
<el-button size="small" type="primary">查询</el-button>
</el-form-item>-->
</el-form>
</el-row>
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="tableData" :data="tableData"
...@@ -36,22 +48,25 @@ ...@@ -36,22 +48,25 @@
<el-table-column prop="role" label="角色" align="center"></el-table-column> <el-table-column prop="role" label="角色" align="center"></el-table-column>
<el-table-column prop="organization" label="所属机构" align="center"></el-table-column> <el-table-column prop="organization" label="所属机构" align="center"></el-table-column>
<el-table-column prop="department" label="科室" align="center"></el-table-column> <el-table-column prop="department" label="科室" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="200" align="center"> <el-table-column fixed="right" label="操作" width="300" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button class="title" type="text" size="small" @click="toPage(scope)">升级项目负责人</el-button> <el-button type="primary" size="small" @click="toPage(scope)">升级项目负责人</el-button>
<el-button class="title" type="text" size="small" @click="toPage(scope)">降为普通用户</el-button> <el-button type="primary" size="small" @click="toPage(scope)">降为普通用户</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <div class="pagination">
@size-change="handleSizeChange" <el-pagination
@current-change="handleCurrentChange" background
:current-page="currentPage" @size-change="handleSizeChange"
:page-sizes="[100, 200, 300, 400]" @current-change="handleCurrentChange"
:page-size="100" :current-page="currentPage"
layout="total, sizes, prev, pager, next, jumper" :page-sizes="[100, 200, 300, 400]"
:total="400" :page-size="100"
></el-pagination> layout="total, sizes, prev, pager, next, jumper"
:total="400"
></el-pagination>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -68,7 +83,7 @@ export default { ...@@ -68,7 +83,7 @@ export default {
name: "李雪", name: "李雪",
role: "项目负责人", role: "项目负责人",
organization: "浙江省人民医院", organization: "浙江省人民医院",
department: "外科", department: "外科"
}; };
return { return {
curmbFirst: "系统管理", curmbFirst: "系统管理",
...@@ -84,37 +99,6 @@ export default { ...@@ -84,37 +99,6 @@ export default {
organization: "", organization: "",
department: "" department: ""
}, },
pickerOptions: {
shortcuts: [
{
text: "最近一周",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近一个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近三个月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]);
}
}
]
}
}; };
}, },
create() {}, create() {},
...@@ -127,6 +111,12 @@ export default { ...@@ -127,6 +111,12 @@ export default {
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
},
search() {
},
reseat() {
} }
} }
}; };
...@@ -134,16 +124,15 @@ export default { ...@@ -134,16 +124,15 @@ export default {
<style lang="scss"> <style lang="scss">
.item-role-wrap { .item-role-wrap {
.component-content { .component-content {
margin-top: 50px;
margin-left: 10px;
padding: 10px; padding: 10px;
background: #fff;
.form-inline { .form-inline {
margin-left: 30px; margin-left: 30px;
} }
.header-title { .header-title {
padding: 10px 12px; padding: 10px 12px;
font-size: 12px; font-size: 12px;
color: #409eff; color: #449284;
border-bottom: 1px solid #efefef; border-bottom: 1px solid #efefef;
} }
.to-right { .to-right {
......
...@@ -3,21 +3,31 @@ ...@@ -3,21 +3,31 @@
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content screenSet"> <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-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
<el-form-item label="项目名称:"> <el-form
<el-input v-model="formInline.name" placeholder="审批人"></el-input> :inline="true"
</el-form-item> :model="formInline"
<el-form-item label="项目时间:"> class="demo-form-inline"
<el-date-picker v-model="formInline.startDates" type="date" placeholder="请选择开始时间"></el-date-picker> label-width="75px"
<el-date-picker v-model="formInline.endDate" type="date" placeholder="请选择结束时间"></el-date-picker> style="width:100%;"
</el-form-item> >
<el-form-item class="to-right"> <el-col :span="6">
<el-button class="button-white" plain>重置</el-button> <el-form-item label="项目名称:">
</el-form-item> <el-input v-model="formInline.name" size="mini" placeholder="审批人"></el-input>
<el-form-item class="to-right"> </el-form-item>
<el-button class="button-green" type="primary">查询</el-button> </el-col>
</el-form-item> <el-form-item label="项目时间:">
</el-form> <el-date-picker v-model="formInline.startDates" size="mini" type="date" placeholder="请选择开始时间"></el-date-picker>
<el-date-picker v-model="formInline.endDate" size="mini" type="date" placeholder="请选择结束时间"></el-date-picker>
</el-form-item>
<el-form-item class="to-right">
<el-button size="small" plain>重置</el-button>
</el-form-item>
<el-form-item class="to-right">
<el-button size="small" type="primary">查询</el-button>
</el-form-item>
</el-form>
</el-row>
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="tableData" :data="tableData"
...@@ -33,19 +43,22 @@ ...@@ -33,19 +43,22 @@
<el-table-column prop="state" label="状态" align="center"></el-table-column> <el-table-column prop="state" label="状态" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="200" align="center"> <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(scope)">查看项目人员</el-button> <el-button type="primary" size="small" @click="toPage(scope)">查看项目人员</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <div class="pagination">
@size-change="handleSizeChange" <el-pagination
@current-change="handleCurrentChange" background
:current-page="currentPage" @size-change="handleSizeChange"
:page-sizes="[100, 200, 300, 400]" @current-change="handleCurrentChange"
:page-size="100" :current-page="currentPage"
layout="total, sizes, prev, pager, next, jumper" :page-sizes="[100, 200, 300, 400]"
:total="400" :page-size="100"
></el-pagination> layout="total, sizes, prev, pager, next, jumper"
:total="400"
></el-pagination>
</div>
</div> </div>
</div> </div>
</template> </template>
...@@ -123,31 +136,19 @@ export default { ...@@ -123,31 +136,19 @@ export default {
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(`当前页: ${val}`); console.log(`当前页: ${val}`);
}, }
} }
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.role-wrap { .role-wrap {
.component-content { .component-content {
margin-top: 50px;
padding: 10px; padding: 10px;
.button-green { background: #fff;
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;
color: #409eff; color: #449284;
border-bottom: 1px solid #efefef; border-bottom: 1px solid #efefef;
} }
.to-right { .to-right {
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册