Skip to content

P
pica.cloud.web-education-admin
提交 a191576c 编写于 作者: zhentian.jia's avatar zhentian.jia
浏览文件
操作

m添加全局样式

上级 63f2555a
隐藏空白字符变更
内嵌 并排
正在显示 包含 438 行增加 和 359 行删除
src/utils/filter.js
浏览文件 @ a191576c
...@@ -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
src/utils/mixins.js
浏览文件 @ a191576c
...@@ -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"
......
src/views/education/add-manager.vue
浏览文件 @ a191576c
<template> <template>
<div class="add-manager-wrap"> <div class="add-manager-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<el-row class="step-content"> <div class="add-content screenSet">
<el-col :span="14"> <el-row class="step-content">
<el-steps :active="active" simple class> <el-col :span="14">
<span class="step-num" v-bind:class="{ 'on-step': stepData[0] }">1</span> <el-steps :active="active" simple class>
<el-step title="基础信息"></el-step> <span class="step-num" v-bind:class="{ 'on-step': stepData[0] }">1</span>
<span class="step-num" v-bind:class="{ 'on-step': stepData[1] }">2</span> <el-step title="基础信息"></el-step>
<el-step title="选择范围">2</el-step> <span class="step-num" v-bind:class="{ 'on-step': stepData[1] }">2</span>
<span class="step-num" v-bind:class="{ 'on-step': stepData[2] }">3</span> <el-step title="选择范围">2</el-step>
<el-step title="选择项目组件">3</el-step> <span class="step-num" v-bind:class="{ 'on-step': stepData[2] }">3</span>
</el-steps> <el-step title="选择项目组件">3</el-step>
</el-col> </el-steps>
<el-col :span="5" :offset="5"> </el-col>
<el-button size="small" @click="storage">暂存</el-button> <el-col :span="5" :offset="5">
<el-button v-if="active<2" size="small" class="button-green" @click="nextStep">下一步</el-button> <el-button size="small" @click="storage">暂存</el-button>
<el-button v-if="active>=2" size="small" class="button-white" @click="complete">完成</el-button> <el-button v-if="active<2" size="small" class="button-green" @click="nextStep">下一步</el-button>
</el-col> <el-button v-if="active>=2" size="small" class="button-white" @click="complete">完成</el-button>
</el-row> </el-col>
<div class="first-step" v-if="active === 0"> </el-row>
<el-form ref="formData" :model="formData" :rules="rules" label-width="150px"> <div class="first-step" v-if="active === 0">
<el-form-item label="项目名称：" prop="projectName"> <el-form ref="formData" :model="formData" :rules="rules" label-width="150px">
<el-col :span="13"> <el-form-item label="项目名称：" prop="projectName">
<el-input v-model="formData.projectName" placeholder="请输入项目名称"></el-input> <el-col :span="13">
</el-col> <el-input v-model="formData.projectName" placeholder="请输入项目名称"></el-input>
</el-form-item> </el-col>
<el-form-item label="项目时间：" required> </el-form-item>
<el-col :span="6"> <el-form-item label="项目时间：" required>
<el-form-item prop="projectBegintime"> <el-col :span="6">
<el-date-picker <el-form-item prop="projectBegintime">
type="date" <el-date-picker
placeholder="请选择项目时间" type="date"
v-model="formData.projectBegintime" placeholder="请选择项目时间"
style="width: 100%;" v-model="formData.projectBegintime"
></el-date-picker> style="width: 100%;"
</el-form-item> ></el-date-picker>
</el-col> </el-form-item>
<el-col :span="1">&nbsp;&nbsp;&nbsp; ~</el-col> </el-col>
<el-col :span="6"> <el-col :span="1">&nbsp;&nbsp;&nbsp; ~</el-col>
<el-form-item prop="projectEndtime"> <el-col :span="6">
<el-date-picker <el-form-item prop="projectEndtime">
type="date" <el-date-picker
placeholder="请选择项目时间" type="date"
v-model="formData.projectEndtime" placeholder="请选择项目时间"
style="width: 100%;" v-model="formData.projectEndtime"
></el-date-picker> style="width: 100%;"
</el-form-item> ></el-date-picker>
</el-col> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="项目简介：" prop="projectIntro"> </el-form-item>
<el-col :span="13"> <el-form-item label="项目简介：" prop="projectIntro">
<el-input <el-col :span="13">
type="textarea" <el-input
:autosize="{ minRows: 5}" type="textarea"
placeholder="请输入项目简介" :autosize="{ minRows: 5}"
v-model="formData.projectIntro" placeholder="请输入项目简介"
></el-input> v-model="formData.projectIntro"
</el-col> ></el-input>
</el-form-item> </el-col>
<el-form-item label="列表图片：" prop="attachmentUrl1"> </el-form-item>
<el-upload <el-form-item label="列表图片：" prop="attachmentUrl1">
v-model="formData.attachmentUrl1"
class="bg-uploader"
action="#"
:show-file-list="false"
:before-upload="beforeUploadListPic"
>
<img v-if="formData.attachmentUrl1" :src="formData.attachmentUrl1" class="bg-img">
<img v-if="!formData.attachmentUrl1" class="bg-img" src="../../assets/image/small.png">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<div class="limit-text">
<p>尺寸:48*48</p>
<p>限制大小: 500Kb</p>
<p>支持.jpg,.png格式</p>
</div>
</el-upload>
</el-form-item>
<el-form-item label="封面类型：">
<el-radio-group v-model="formData.type">
<el-radio :label="1">图片</el-radio>
<el-radio :label="2">视频</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="封面图片(视频)：" prop="attachmentUrl2">
<el-upload
v-model="formData.attachmentUrl2"
class="bg-uploader"
action="#"
:show-file-list="false"
:before-upload="beforeUploadCoverPic"
>
<img v-if="formData.attachmentUrl2" :src="formData.attachmentUrl2" class="bg-img">
<img v-if="!formData.attachmentUrl2" class="bg-img" src="../../assets/image/small.png">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<div class="limit-text">
<p>尺寸:750*420</p>
<p>限制大小: 2.0 Mb</p>
<p>支持.jpg,.png格式</p>
</div>
</el-upload>
</el-form-item>
<el-form-item label="可下载附件：">
<el-col :span="10">
<el-upload <el-upload
v-model="formData.attachmentUrl3" v-model="formData.attachmentUrl1"
class="upload-pdf" class="bg-uploader"
action="#" action="#"
:before-upload="beforeUploadPDF" :show-file-list="false"
multiple :before-upload="beforeUploadListPic"
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
> >
<el-button class="choose-button" plain icon="el-icon-document">选择文件</el-button> <img v-if="formData.attachmentUrl1" :src="formData.attachmentUrl1" class="bg-img">
<div slot="tip" class="el-upload__tip">支持文件类型：pdf</div> <img
v-if="!formData.attachmentUrl1"
class="bg-img"
src="../../assets/image/small.png"
>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<div class="limit-text">
<p>尺寸:48*48</p>
<p>限制大小: 500Kb</p>
<p>支持.jpg,.png格式</p>
</div>
</el-upload> </el-upload>
</el-col> </el-form-item>
</el-form-item> <el-form-item label="封面类型：">
</el-form> <el-radio-group v-model="formData.type">
</div> <el-radio :label="1">图片</el-radio>
<div class="second-step" v-else-if="active === 1"> <el-radio :label="2">视频</el-radio>
<el-tabs v-model="activeName" @tab-click="handleClick"> </el-radio-group>
<el-tab-pane label="设定行政范围" name="first"> </el-form-item>
<el-row :gutter="20"> <el-form-item label="封面图片(视频)：" prop="attachmentUrl2">
<el-col class="rim" :span="12"> <el-upload
<el-tree v-model="formData.attachmentUrl2"
:data="treeData" class="bg-uploader"
show-checkbox action="#"
default-expand-all :show-file-list="false"
node-key="id" :before-upload="beforeUploadCoverPic"
ref="tree" >
highlight-current <img v-if="formData.attachmentUrl2" :src="formData.attachmentUrl2" class="bg-img">
:props="defaultProps" <img
@check="onChecked" v-if="!formData.attachmentUrl2"
></el-tree> class="bg-img"
</el-col> src="../../assets/image/small.png"
<el-col :span="11"> >
<el-tag <i v-else class="el-icon-plus avatar-uploader-icon"></i>
v-for="tag in tagsRegion" <div class="limit-text">
:key="tag.name" <p>尺寸:750*420</p>
closable <p>限制大小: 2.0 Mb</p>
:type="tag.type" <p>支持.jpg,.png格式</p>
@close="handleCloseTree(tag)" </div>
>{{tag.name}}</el-tag> </el-upload>
</el-form-item>
<el-form-item label="可下载附件：">
<el-col :span="10">
<el-upload
v-model="formData.attachmentUrl3"
class="upload-pdf"
action="#"
:before-upload="beforeUploadPDF"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
>
<el-button class="choose-button" plain icon="el-icon-document">选择文件</el-button>
<div slot="tip" class="el-upload__tip">支持文件类型：pdf</div>
</el-upload>
</el-col> </el-col>
</el-row> </el-form-item>
</el-tab-pane> </el-form>
<el-tab-pane label="设定机构" name="second"> </div>
<el-form :inline="true" :model="formOrganization" class="demo-form-inline"> <div class="second-step" v-else-if="active === 1">
<el-form-item label> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-input v-model="formOrganization.name" placeholder="请输入机构名称"></el-input> <el-tab-pane label="设定行政范围" name="first">
</el-form-item> <el-row :gutter="20">
<el-form-item label> <el-col class="rim" :span="12">
<el-select v-model="formOrganization.region" placeholder="全部地区"> <el-tree
<el-option label="全部地区" value></el-option> :data="treeData"
<el-option label="区域一" value="shanghai"></el-option> show-checkbox
<el-option label="区域二" value="beijing"></el-option> default-expand-all
</el-select> node-key="id"
</el-form-item> ref="tree"
<el-form-item> highlight-current
<el-select v-model="formOrganization.grade" placeholder="全部医院级别"> :props="defaultProps"
@check="onChecked"
></el-tree>
</el-col>
<el-col :span="11">
<el-tag
v-for="tag in tagsRegion"
:key="tag.name"
closable
:type="tag.type"
@close="handleCloseTree(tag)"
>{{tag.name}}</el-tag>
</el-col>
</el-row>
</el-tab-pane>
<el-tab-pane label="设定机构" name="second">
<el-form :inline="true" :model="formOrganization" class="demo-form-inline">
<el-form-item label>
<el-input v-model="formOrganization.name" placeholder="请输入机构名称"></el-input>
</el-form-item>
<el-form-item label>
<el-select v-model="formOrganization.region" placeholder="全部地区">
<el-option label="全部地区" value></el-option>
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="formOrganization.grade" placeholder="全部医院级别">
<el-option label="全部医院级别" value></el-option>
<el-option label="三家" value="3"></el-option>
<el-option label="二甲" value="2"></el-option>
<el-option label="一甲" value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button-group>
<el-button type @click="checkAll(true)">选择全部</el-button>
<el-button type @click="checkAll(false)">全部不选</el-button>
</el-button-group>
</el-form-item>
</el-form>
<el-table
class="rim"
ref="multipleOrganization"
:data="tableOrganization"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionOrganization"
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="name" label="医院名称"></el-table-column>
<el-table-column prop="grade" label="医院级别"></el-table-column>
<el-table-column prop="province" label="所属省份"></el-table-column>
<el-table-column prop="city" label="所属城市"></el-table-column>
<el-table-column prop="district" label="所属区县"></el-table-column>
<el-table-column prop="street" label="所属街道"></el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeOrganization"
@current-change="handleCurrentOrganization"
:current-page="currentOrganization"
:page-sizes="[2, 3, 4]"
:page-size="pageSizeOrganization"
layout="total, sizes, prev, pager, next, jumper"
:total="totalOrganization"
></el-pagination>
</el-tab-pane>
<el-tab-pane label="设定科室" name="third">
<el-col :span="8">
<el-select v-model="formDepartment.grade" placeholder="全部医院级别">
<el-option label="全部医院级别" value></el-option> <el-option label="全部医院级别" value></el-option>
<el-option label="三家" value="3"></el-option> <el-option label="三家" value="3"></el-option>
<el-option label="二甲" value="2"></el-option> <el-option label="二甲" value="2"></el-option>
<el-option label="一甲" value="1"></el-option> <el-option label="一甲" value="1"></el-option>
</el-select> </el-select>
</el-form-item> <el-table
<el-form-item> class="department"
<el-button-group> ref="multipleDepartment"
<el-button type @click="checkAll(true)">选择全部</el-button> :data="tableDepartment"
<el-button type @click="checkAll(false)">全部不选</el-button> tooltip-effect="dark"
</el-button-group> style="width: 100%"
</el-form-item> @selection-change="handleSelectionChange"
</el-form> >
<el-table <el-table-column type="selection" width="55"></el-table-column>
class="rim" <el-table-column prop="name" label="科室名称"></el-table-column>
ref="multipleOrganization" </el-table>
:data="tableOrganization" </el-col>
tooltip-effect="dark" </el-tab-pane>
style="width: 100%" <el-tab-pane label="设定人员" name="fourth">
@selection-change="handleSelectionOrganization" <el-form :inline="true" :model="formPersonnel" class="demo-form-inline">
> <el-form-item label>
<el-table-column type="selection" width="55"></el-table-column> <el-select v-model="formPersonnel.hospital" placeholder="全部医院">
<el-table-column prop="name" label="医院名称"></el-table-column> <el-option label="全部医院" value></el-option>
<el-table-column prop="grade" label="医院级别"></el-table-column> <el-option label="上海第一人民医院" value="shanghai"></el-option>
<el-table-column prop="province" label="所属省份"></el-table-column> <el-option label="北京医院" value="beijing"></el-option>
<el-table-column prop="city" label="所属城市"></el-table-column> </el-select>
<el-table-column prop="district" label="所属区县"></el-table-column> </el-form-item>
<el-table-column prop="street" label="所属街道"></el-table-column> <el-form-item>
</el-table> <el-select v-model="formPersonnel.department" placeholder="全部部门">
<el-pagination <el-option label="全部部门" value></el-option>
@size-change="handleSizeOrganization" <el-option label="内科" value="3"></el-option>
@current-change="handleCurrentOrganization" <el-option label="外科" value="2"></el-option>
:current-page="currentOrganization" <el-option label="心内科" value="1"></el-option>
:page-sizes="[2, 3, 4]" </el-select>
:page-size="pageSizeOrganization" </el-form-item>
layout="total, sizes, prev, pager, next, jumper" </el-form>
:total="totalOrganization"
></el-pagination>
</el-tab-pane>
<el-tab-pane label="设定科室" name="third">
<el-col :span="8">
<el-select v-model="formDepartment.grade" placeholder="全部医院级别">
<el-option label="全部医院级别" value></el-option>
<el-option label="三家" value="3"></el-option>
<el-option label="二甲" value="2"></el-option>
<el-option label="一甲" value="1"></el-option>
</el-select>
<el-table <el-table
class="department" class="rim"
ref="multipleDepartment" ref="multiplePerson"
:data="tableDepartment" :data="tablePerson"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="name" label="科室名称"></el-table-column> <el-table-column prop="name" label="人员名称"></el-table-column>
<el-table-column prop="hospital" label="所属医院"></el-table-column>
<el-table-column prop="department" label="所属部门"></el-table-column>
<el-table-column prop="province" label="所属省份"></el-table-column>
<el-table-column prop="city" label="所属城市"></el-table-column>
<el-table-column prop="district" label="所属区县" show-overflow-tooltip></el-table-column>
</el-table> </el-table>
</el-col> <el-pagination
</el-tab-pane> @size-change="handleSizePerson"
<el-tab-pane label="设定人员" name="fourth"> @current-change="handleCurrentPerson"
<el-form :inline="true" :model="formPersonnel" class="demo-form-inline"> :current-page="currentPerson"
<el-form-item label> :page-sizes="[2, 3, 4]"
<el-select v-model="formPersonnel.hospital" placeholder="全部医院"> :page-size="pageSizePerson"
<el-option label="全部医院" value></el-option> layout="total, sizes, prev, pager, next, jumper"
<el-option label="上海第一人民医院" value="shanghai"></el-option> :total="totalPerson"
<el-option label="北京医院" value="beijing"></el-option> ></el-pagination>
</el-tab-pane>
</el-tabs>
</div>
<div class="third-step" v-else-if="active === 2">
<el-form
ref="formComponent"
label-width="150px"
:model="formComponent"
:rules="rulesComponent"
>
<el-form-item label="选择组件：" prop="component">
<el-col :span="20">
<el-select
v-model="formComponent.component"
multiple
collapse-tags
style="width: 350px"
placeholder="请选择组件"
@change="changeValue"
>
<el-option
v-for="item in optionsComponent"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-col>
<el-form-item> </el-form-item>
<el-select v-model="formPersonnel.department" placeholder="全部部门"> <el-form-item label="已选择：">
<el-option label="全部部门" value></el-option> <el-col :span="20">
<el-option label="内科" value="3"></el-option> <el-tag
<el-option label="外科" value="2"></el-option> v-for="tag in tagsComponent"
<el-option label="心内科" value="1"></el-option> :key="tag.name"
closable
:type="tag.type"
style="margin-left: 10px;"
@close="handleCloseComponent(tag)"
>{{tag.name}}</el-tag>
</el-col>
</el-form-item>
<el-form-item label="配置证书：">
<el-radio-group v-model="formComponent.configure">
<el-radio :label="1">是</el-radio>
<el-radio :label="2">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-show="formComponent.configure == 1" label="选择证书：" prop="certificate">
<el-col :span="20">
<el-select
v-model="formComponent.certificate"
placeholder="请选择证书"
style="width: 350px"
>
<el-option
v-for="item in optionsCertificate"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
</el-form-item> </el-col>
</el-form> </el-form-item>
<el-table </el-form>
class="rim" </div>
ref="multiplePerson"
:data="tablePerson"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="name" label="人员名称"></el-table-column>
<el-table-column prop="hospital" label="所属医院"></el-table-column>
<el-table-column prop="department" label="所属部门"></el-table-column>
<el-table-column prop="province" label="所属省份"></el-table-column>
<el-table-column prop="city" label="所属城市"></el-table-column>
<el-table-column prop="district" label="所属区县" show-overflow-tooltip></el-table-column>
</el-table>
<el-pagination
@size-change="handleSizePerson"
@current-change="handleCurrentPerson"
:current-page="currentPerson"
:page-sizes="[2, 3, 4]"
:page-size="pageSizePerson"
layout="total, sizes, prev, pager, next, jumper"
:total="totalPerson"
></el-pagination>
</el-tab-pane>
</el-tabs>
</div>
<div class="third-step" v-else-if="active === 2">
<el-form
ref="formComponent"
label-width="150px"
:model="formComponent"
:rules="rulesComponent"
>
<el-form-item label="选择组件：" prop="component">
<el-col :span="20">
<el-select
v-model="formComponent.component"
multiple
collapse-tags
style="width: 350px"
placeholder="请选择组件"
@change="changeValue"
>
<el-option
v-for="item in optionsComponent"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-col>
</el-form-item>
<el-form-item label="已选择：">
<el-col :span="20">
<el-tag
v-for="tag in tagsComponent"
:key="tag.name"
closable
:type="tag.type"
style="margin-left: 10px;"
@close="handleCloseComponent(tag)"
>{{tag.name}}</el-tag>
</el-col>
</el-form-item>
<el-form-item label="配置证书：">
<el-radio-group v-model="formComponent.configure">
<el-radio :label="1">是</el-radio>
<el-radio :label="2">否</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-show="formComponent.configure == 1" label="选择证书：" prop="certificate">
<el-col :span="20">
<el-select v-model="formComponent.certificate" placeholder="请选择证书" style="width: 350px">
<el-option
v-for="item in optionsCertificate"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-col>
</el-form-item>
</el-form>
</div> </div>
</div> </div>
</template> </template>
...@@ -984,7 +998,9 @@ export default { ...@@ -984,7 +998,9 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.add-manager-wrap { .add-manager-wrap {
background: #fff; .add-content {
background: #fff;
}
.rim { .rim {
border: 1px solid #dddddd; border: 1px solid #dddddd;
} }
......
src/views/education/item-manager.vue
浏览文件 @ a191576c
<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;
......
src/views/system/item-role.vue
浏览文件 @ a191576c
<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;
......
src/views/system/role.vue
浏览文件 @ a191576c
<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 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或