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 = {
return '已禁用'
}
},
//项目管理
statusProject: (value) => {
if(value == 1) {
return '草稿'
......@@ -139,6 +140,6 @@ const vueFilter = {
}else {
return '已拒绝'
}
}
},
}
export default vueFilter
\ No newline at end of file
src/utils/mixins.js
浏览文件 @ a191576c
......@@ -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(api, para, callback) {
// para.token = para.token || this.token || "343BCABC890349ACAF357FA79122F9FE"
......
src/views/education/add-manager.vue
浏览文件 @ a191576c
<template>
<div class="add-manager-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<el-row class="step-content">
<el-col :span="14">
<el-steps :active="active" simple class>
<span class="step-num" v-bind:class="{ 'on-step': stepData[0] }">1</span>
<el-step title="基础信息"></el-step>
<span class="step-num" v-bind:class="{ 'on-step': stepData[1] }">2</span>
<el-step title="选择范围">2</el-step>
<span class="step-num" v-bind:class="{ 'on-step': stepData[2] }">3</span>
<el-step title="选择项目组件">3</el-step>
</el-steps>
</el-col>
<el-col :span="5" :offset="5">
<el-button size="small" @click="storage">暂存</el-button>
<el-button v-if="active<2" size="small" class="button-green" @click="nextStep">下一步</el-button>
<el-button v-if="active>=2" size="small" class="button-white" @click="complete">完成</el-button>
</el-col>
</el-row>
<div class="first-step" v-if="active === 0">
<el-form ref="formData" :model="formData" :rules="rules" label-width="150px">
<el-form-item label="项目名称：" prop="projectName">
<el-col :span="13">
<el-input v-model="formData.projectName" placeholder="请输入项目名称"></el-input>
</el-col>
</el-form-item>
<el-form-item label="项目时间：" required>
<el-col :span="6">
<el-form-item prop="projectBegintime">
<el-date-picker
type="date"
placeholder="请选择项目时间"
v-model="formData.projectBegintime"
style="width: 100%;"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="1">&nbsp;&nbsp;&nbsp; ~</el-col>
<el-col :span="6">
<el-form-item prop="projectEndtime">
<el-date-picker
type="date"
placeholder="请选择项目时间"
v-model="formData.projectEndtime"
style="width: 100%;"
></el-date-picker>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="项目简介：" prop="projectIntro">
<el-col :span="13">
<el-input
type="textarea"
:autosize="{ minRows: 5}"
placeholder="请输入项目简介"
v-model="formData.projectIntro"
></el-input>
</el-col>
</el-form-item>
<el-form-item label="列表图片：" prop="attachmentUrl1">
<el-upload
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">
<div class="add-content screenSet">
<el-row class="step-content">
<el-col :span="14">
<el-steps :active="active" simple class>
<span class="step-num" v-bind:class="{ 'on-step': stepData[0] }">1</span>
<el-step title="基础信息"></el-step>
<span class="step-num" v-bind:class="{ 'on-step': stepData[1] }">2</span>
<el-step title="选择范围">2</el-step>
<span class="step-num" v-bind:class="{ 'on-step': stepData[2] }">3</span>
<el-step title="选择项目组件">3</el-step>
</el-steps>
</el-col>
<el-col :span="5" :offset="5">
<el-button size="small" @click="storage">暂存</el-button>
<el-button v-if="active<2" size="small" class="button-green" @click="nextStep">下一步</el-button>
<el-button v-if="active>=2" size="small" class="button-white" @click="complete">完成</el-button>
</el-col>
</el-row>
<div class="first-step" v-if="active === 0">
<el-form ref="formData" :model="formData" :rules="rules" label-width="150px">
<el-form-item label="项目名称：" prop="projectName">
<el-col :span="13">
<el-input v-model="formData.projectName" placeholder="请输入项目名称"></el-input>
</el-col>
</el-form-item>
<el-form-item label="项目时间：" required>
<el-col :span="6">
<el-form-item prop="projectBegintime">
<el-date-picker
type="date"
placeholder="请选择项目时间"
v-model="formData.projectBegintime"
style="width: 100%;"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="1">&nbsp;&nbsp;&nbsp; ~</el-col>
<el-col :span="6">
<el-form-item prop="projectEndtime">
<el-date-picker
type="date"
placeholder="请选择项目时间"
v-model="formData.projectEndtime"
style="width: 100%;"
></el-date-picker>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="项目简介：" prop="projectIntro">
<el-col :span="13">
<el-input
type="textarea"
:autosize="{ minRows: 5}"
placeholder="请输入项目简介"
v-model="formData.projectIntro"
></el-input>
</el-col>
</el-form-item>
<el-form-item label="列表图片：" prop="attachmentUrl1">
<el-upload
v-model="formData.attachmentUrl3"
class="upload-pdf"
v-model="formData.attachmentUrl1"
class="bg-uploader"
action="#"
:before-upload="beforeUploadPDF"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
:show-file-list="false"
:before-upload="beforeUploadListPic"
>
<el-button class="choose-button" plain icon="el-icon-document">选择文件</el-button>
<div slot="tip" class="el-upload__tip">支持文件类型：pdf</div>
<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-col>
</el-form-item>
</el-form>
</div>
<div class="second-step" v-else-if="active === 1">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="设定行政范围" name="first">
<el-row :gutter="20">
<el-col class="rim" :span="12">
<el-tree
:data="treeData"
show-checkbox
default-expand-all
node-key="id"
ref="tree"
highlight-current
: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-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
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-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-form-item>
</el-form>
</div>
<div class="second-step" v-else-if="active === 1">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="设定行政范围" name="first">
<el-row :gutter="20">
<el-col class="rim" :span="12">
<el-tree
:data="treeData"
show-checkbox
default-expand-all
node-key="id"
ref="tree"
highlight-current
: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="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="3"></el-option>
<el-option label="二甲" value="2"></el-option>
<el-option label="一甲" value="1"></el-option>
</el-select>
<el-table
class="department"
ref="multipleDepartment"
:data="tableDepartment"
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>
</el-col>
</el-tab-pane>
<el-tab-pane label="设定人员" name="fourth">
<el-form :inline="true" :model="formPersonnel" class="demo-form-inline">
<el-form-item label>
<el-select v-model="formPersonnel.hospital" 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="formPersonnel.department" 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>
<el-table
class="department"
ref="multipleDepartment"
:data="tableDepartment"
class="rim"
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="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-col>
</el-tab-pane>
<el-tab-pane label="设定人员" name="fourth">
<el-form :inline="true" :model="formPersonnel" class="demo-form-inline">
<el-form-item label>
<el-select v-model="formPersonnel.hospital" placeholder="全部医院">
<el-option label="全部医院" value></el-option>
<el-option label="上海第一人民医院" value="shanghai"></el-option>
<el-option label="北京医院" value="beijing"></el-option>
<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-form-item>
<el-form-item>
<el-select v-model="formPersonnel.department" 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-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-form-item>
</el-form>
<el-table
class="rim"
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>
</el-col>
</el-form-item>
</el-form>
</div>
</div>
</div>
</template>
......@@ -984,7 +998,9 @@ export default {
</script>
<style lang="scss">
.add-manager-wrap {
background: #fff;
.add-content {
background: #fff;
}
.rim {
border: 1px solid #dddddd;
}
......
src/views/education/item-manager.vue
浏览文件 @ a191576c
<template>
<div class="main-container">
<div class="item-manager-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content">
<div class="component-content screenSet">
<div class="header-title">项目管理</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="项目名称：">
......@@ -9,18 +9,12 @@
</el-form-item>
<el-form-item label="项目时间：">
<el-date-picker
v-model="formInline.projectBegintime"
v-model="formInline.duringTime"
type="daterange"
start-placeholder="请选择开始时间"
end-placeholder="请选择结束时间"
value-format="yyyy-MM-dd HH:mm:ss"
></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-button type="primary" @click="getProjectList()">查询</el-button>
......@@ -32,8 +26,12 @@
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="发布状态：">
<el-select v-model="formInline.projectStatus" placeholder="请选择发布状态">
<el-option label="状态1" value="1"></el-option>
<el-option label="状态2" value="2"></el-option>
<el-option
v-for="item in optionStatus"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
</el-form>
......@@ -105,9 +103,35 @@ export default {
pageNo: 1,
pageSize: 10
},
optionStatus: [
{
value: 1,
label: "草稿"
},
{
value: 2,
label: "未上架"
},
{
value: 3,
label: "审核中/待审核"
},
{
value: 4,
label: "已上架"
},
{
value: 5,
label: "已下架"
},
{
value: 6,
label: "已拒绝/未上架"
}
],
tableData: [],
totalRows: 0,
loading: false,
loading: true,
timingTime: "",
currentPage: 1,
formInline: {
......@@ -116,7 +140,8 @@ export default {
projectEndtime: "",
projectStatus: "",
pageNo: 1,
pageSize: 10
pageSize: 10,
duringTime: ""
}
};
},
......@@ -139,20 +164,58 @@ export default {
searchData() {
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() {
let req = {};
req = this.formInline;
req = this.setParam(this.formInline);
vm.GET("portalInfo/getProjectList", req).then(res => {
if (res.code == "000000") {
vm.tableData = res.data.data;
vm.totalRows = res.data.totalRows;
this.loading = false;
}
});
},
editItem(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) {},
completeItem(row) {},
handleSizeChange(val) {
......@@ -185,7 +248,7 @@ export default {
};
</script>
<style lang="scss">
.main-container {
.item-manager-wrap {
.component-content {
margin-top: 50px;
padding: 10px;
......
src/views/system/item-role.vue
浏览文件 @ a191576c
<template>
<div class="main-container">
<div class="item-role-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond" :curmbThird="curmbThird"></bread-crumb>
<div class="component-content">
<div class="component-content screenSet">
<div class="header-title">查询条件</div>
<el-form :inline="true" :model="formInline" class="form-inline">
<el-form-item label="姓名：">
......@@ -20,10 +20,10 @@
</el-select>
</el-form-item>
<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 class="to-right">
<el-button class="button-white" type="primary">查询</el-button>
<el-button type="primary">查询</el-button>
</el-form-item>
</el-form>
<el-table
......@@ -31,15 +31,15 @@
:data="tableData"
:header-cell-style="{background:'#FAFAFA',color:'#000'}"
>
<el-table-column prop="id" label="用户ID" ></el-table-column>
<el-table-column prop="name" label="姓名" ></el-table-column>
<el-table-column prop="role" label="角色"></el-table-column>
<el-table-column prop="organization" label="所属机构"></el-table-column>
<el-table-column prop="department" label="科室"></el-table-column>
<el-table-column fixed="right" label="操作" width="200">
<el-table-column prop="id" label="用户ID" align="center"></el-table-column>
<el-table-column prop="name" 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="department" label="科室" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="200" align="center">
<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()">降为普通用户</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(scope)">降为普通用户</el-button>
</template>
</el-table-column>
</el-table>
......@@ -132,7 +132,7 @@ export default {
};
</script>
<style lang="scss">
.main-container {
.item-role-wrap {
.component-content {
margin-top: 50px;
margin-left: 10px;
......@@ -140,18 +140,6 @@ export default {
.form-inline {
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 {
padding: 10px 12px;
font-size: 12px;
......
src/views/system/role.vue
浏览文件 @ a191576c
<template>
<div class="main-container">
<div class="role-wrap">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="component-content">
<div class="component-content screenSet">
<div class="header-title">查询条件</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="项目名称：">
......@@ -23,17 +23,17 @@
:data="tableData"
:header-cell-style="{background:'#FAFAFA',color:'#000'}"
>
<el-table-column prop="id" label="ID编号" width="140"></el-table-column>
<el-table-column prop="projectName" label="项目名称" width="120"></el-table-column>
<el-table-column prop="createName" label="创建人"></el-table-column>
<el-table-column prop="projectBrief" label="项目简介"></el-table-column>
<el-table-column prop="address" label="所属地区"></el-table-column>
<el-table-column prop="startTime" label="项目开始时间"></el-table-column>
<el-table-column prop="endTime" label="项目结束时间"></el-table-column>
<el-table-column prop="state" label="状态"></el-table-column>
<el-table-column fixed="right" label="操作" width="200">
<el-table-column prop="id" label="ID编号" width="140" align="center"></el-table-column>
<el-table-column prop="projectName" label="项目名称" min-width="120" align="center"></el-table-column>
<el-table-column prop="createName" label="创建人" align="center"></el-table-column>
<el-table-column prop="projectBrief" label="项目简介" align="center"></el-table-column>
<el-table-column prop="address" label="所属地区" align="center"></el-table-column>
<el-table-column prop="startTime" label="项目开始时间" align="center"></el-table-column>
<el-table-column prop="endTime" 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">
<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>
</el-table-column>
</el-table>
......@@ -128,7 +128,7 @@ export default {
};
</script>
<style lang="scss">
.main-container {
.role-wrap {
.component-content {
margin-top: 50px;
padding: 10px;
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或