Skip to content

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

添加常量文件

上级 69271794
显示空白字符变更
内嵌 并排
正在显示 包含 285 行增加 和 85 行删除
src/utils/constants.js 0 → 100644
浏览文件 @ 5815812f
/**
* 常量定义文件
*
*/
// 分页大小
export const PAGE_SIZE = 10
// 添加动作常量
export const ACTION_TYPE_ADD = 'ACTION_TYPE_ADD'
// 修改动作常量
export const ACTION_TYPE_UPDATE = 'ACTION_TYPE_UPDATE'
// 删除动作常量
export const ACTION_TYPE_DELETE = 'ACTION_TYPE_DELETE'
/* 是否使用Mock数据 */
export const IS_MOCK_DATAS = true
// 通用状态 全部/正常/停用
export const COMMON_STATUS_OPTIONS = [
{
value: '',
label: '启用状态'
}, {
value: 0,
label: '正常'
}, {
value: 1,
label: '停用'
}
]
// 识别状态 全部/未标记/正常/误识
export const RECORD_STATUS_OPTIONS = [
{
value: '',
label: '标记状态'
}, {
value: '0',
label: '未标记'
}, {
value: '1',
label: '正常'
}, {
value: '2',
label: '误识'
}
]
// 用户类型 全部/普通用户/VIP/黑名单
export const USER_TYPE_OPTIONS = [
{
value: '',
label: '用户类型'
}, {
value: 1,
label: '普通用户'
}, {
value: 2,
label: 'VIP'
}, {
value: 3,
label: '黑名单'
}
]
src/utils/filter.js
浏览文件 @ 5815812f
import { formatTime } from './index'
const vueFilter = {
// 将数字转换成带千分位数字
formatNumber: function (num, precision, separator) {
var parts;
if (!isNaN(parseFloat(num)) && isFinite(num)) {
num = Number(num);
num = (typeof precision !== 'undefined' ? num.toFixed(precision) : num).toString();
parts = num.split('.');
parts[0] = parts[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + (separator || ','));
return parts.join('.');
}
return '';
liveDateFilter: (value) => {
if (!value) return '';
return new Date(value).format("yyyy-MM-dd hh:mm:ss");
},
// 将数字转换成带千分位数字
yLocalString: function (value) {
var b = parseInt(value).toString();
if (b === 'NaN') return 0;
var len = b.length;
if (len <= 3) { return b; }
var r = len % 3;
return r > 0 ? b.slice(0, r) + "," + b.slice(r, len).match(/\d{3}/g).join(",") : b.slice(r, len).match(/\d{3}/g).join(",");
liveFilter: (value) => {
if(value.liveStatus == 1){
return '未开始'
} else if(value.liveStatus == 5) {
return '直播中'
}else if(value.liveStatus == 10 && value.lookBackStatus == 2){
return '已结束(不可回看)'
}else if(value.liveStatus == 10 && value.lookBackStatus == 1) {
return '已结束(可回看)'
}
},
liveStatusFilter: (value) => {
if(value == 1) return "隐藏"
else return "发布"
},
liveTeacherType: (value) => {
let doctorName = []
if(value.length > 3) {
for(let i = 0; i < 3; i++) {
doctorName.push(value[i].doctorName)
}
return doctorName.join("、") + '...'
}else{
for(let i = 0; i < value.length; i++) {
doctorName.push(value[i].doctorName)
}
return doctorName.join("、")
}
},
controlType: (value) => {
if(value == 1) {
return '分页1'
}else if(value == 2) {
return '分页2'
}else if(value == 3) {
return '图片1'
}else if(value == 4) {
return '图片2'
}else if(value == 6) {
return '视频'
}
},
tabControlType: (value) => {
if(value == 3) {
return '图片1'
}else if(value == 4) {
return '图片2'
}else if(value == 6) {
return '视频'
}
},
refreshType: (value) => {
if(value == 1) return "支持"
else return "不支持"
},
moudleType: (value) => {
if(value == 1) return "未激活"
else return "激活"
},
dateFilter: (value) => {
if (!value) return '';
return new Date(value).format("yyyy-MM-dd hh:mm");
},
appColumnStatusFilter: (value) => {
if(value == 1) return "未提交"
else if(value == 4) return "已提交"
},
statusFilter: (value) => {
if(value == 1) return "已创建"
else if(value == 5) return "已发布"
else return "已下架"
},
linkTypeFilter: (value) => { // 跳转类型
if(value == 1) return '链接'
else if(value == 4) return '模块'
else return '无跳转'
},
teacherStatusFilter: (value) => {
if(value == 1) return "已下架"
else return "已发布"
},
moduleTypeFilter: (value,data) => { // 模块类型
for(let key in data) {
if(value == key) {
return data[key]
}
}
},
contentCreatedType: (value,data) => {
for(let i = 0; i< data.length;i++) {
if(value == data[i].id) {
return data[i].name
}
}
shortName: function(value, length) {
if(value && value.length > length){
return value.substring(0, length - 1) + '...'
} else {
return value
},
contentModifiedType: (value,data) => {
for(var i=0; i < data.length;i++) {
if(value == data[i].id) {
return data[i].name
}
}
},
columnPageType: (value,data) => { // 页面类型
for(let key in data) {
if(value == key) {
return data[key]
}
}
},
columnPositionType: (value,data) => { // 位置
for(let key in data) {
if(value == key) {
return data[key]
}
}
},
columnCreatedType: (value,data) => { // 创建人
for(let i = 0;i < data.length; i++) {
if(value == data[i].id) {
return data[i].name
}
}
},
columnSubmitedType: (value,data) => { // 提交人
for(let i = 0;i < data.length; i++) {
if(value == data[i].id) {
return data[i].name
}
}
}
}
export default vueFilter
\ No newline at end of file
src/views/education/create-component.vue
浏览文件 @ 5815812f
......@@ -566,8 +566,9 @@ export default {
</script>
<style lang="scss">
.create-component-wrap {
background: #fff;
.first-step {
margin-top: 20px;
padding-top: 20px;
.el-form-item {
margin-bottom: 25px;
}
......@@ -598,8 +599,9 @@ export default {
.step-content {
overflow: hidden;
height: 60px;
margin-top: 50px;
margin-top: 66px;
border-bottom: 1px solid #efefef;
background: #fff;
.el-step.is-simple .el-step__head {
display: none;
}
......
src/views/home.vue
浏览文件 @ 5815812f
......@@ -3,10 +3,10 @@
<bread-crumb :curmbFirst="curmbFirst"></bread-crumb>
<div class="message-content">
<el-row>
<el-col :span="24">
<el-col class="visitor" :span="24">
<div class="visitor-title">
<div class="title">今日随访：10人</div>
<div class="visitor-more" @click="lookMore">查看更多<i class="el-icon-arrow-right"></i></div>
<div class="title">今日随访：<span style="color:#449284;">10人</span></div>
<span class="visitor-more" @click="lookMore">查看更多</span>
</div>
<div class="visitor-info">
<el-table
......@@ -19,12 +19,14 @@
</el-table>
</div>
</el-col>
<el-col :span="24">
<el-col class="message" :span="24">
<div class="message-title">系统消息 <span>今日消息：3条</span></div>
<div class="message-info">
<div class="message-item" v-for="(item,index) in messageList" :key="index">
<div class="text-top">
<i class="el-icon-message"></i>
<i class="el-icon-error" v-if="item.type == 2" style="color:#FA5555"></i>
<i class="el-icon-success" v-if="item.type == 3" style="color:#67C23A"></i>
<i class="el-icon-warning" v-if="item.type == 1" style="color:#FAAD14"></i>
<span>{{item.status}}</span>
<span>{{item.date}}</span>
</div>
......@@ -67,10 +69,17 @@ export default {
],
messageList:[{
status: '审核提醒',
type: 1,
date: '2019-01-02',
info: '王小波创建了"浙江省2019高血压第一季度考试"项目，提醒您审核。'
},{
status: '审核提醒',
status: '审核未通过',
type: 2,
date: '2019-01-02',
info: '王小波创建了"浙江省2019高血压第一季度考试"项目，提醒您审核。'
},{
status: '审核通过',
type: 3,
date: '2019-01-02',
info: '王小波创建了"浙江省2019高血压第一季度考试"项目，提醒您审核。'
}]
......@@ -89,34 +98,51 @@ export default {
.message-content {
margin-top: 50px;
padding:20px;
.visitor {
padding: 0 25px 30px;
margin-top: 20px;
background: #fff;
.visitor-title {
height: 80px;
line-height: 80px;
margin-right: 20px;
text-align: right;
.title {
float: left;
font-size: 18px;
font-size: 20px;
}
.visitor-more {
float: right;
font-size: 12px;
color: #999;
color: #449284;
border: 1px solid rgba(68,146,132,0.3);
padding: 5px 14px;
border-radius: 3px;
background: rgba(68,146,132,0.06);
}
}
.visitor-info {
margin-right: 20px;
border: 1px solid #DDDCE0;
}
}
.message {
padding: 0 25px 30px;
margin-top: 20px;
background: #fff;
.message-title {
font-size: 20px;
height: 80px;
line-height: 80px;
span {
font-size: 14px;
color: #717377;
margin-left: 8px;
}
}
.message-info {
padding: 7px;
border: 1px solid #DDDCE0;
.message-item {
padding: 10px;
border: 1px solid #efefef;
padding: 10px 10px 15px;
border-bottom: 1px solid #EBEEF5;
.text-top {
span:nth-child(2) {
padding: 10px;
......@@ -135,6 +161,8 @@ export default {
}
}
}
}
}
</style>
......
src/views/layout/header.vue
浏览文件 @ 5815812f
......@@ -8,15 +8,17 @@
<el-dropdown trigger="click" @command="handleCommand">
<div class="el-dropdown-link">
<img class="user-logo" src="../../assets/image/img.jpg">
<span id="headName">{{name}}</span><i class="el-icon-arrow-down el-icon--right"></i>
<span id="headName">{{name}}</span><i class="el-icon-caret-bottom"></i>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="logout">退出</el-dropdown-item>
<!-- <el-dropdown-item command="logout">退出</el-dropdown-item> -->
<el-dropdown-item command="logout">注销</el-dropdown-item>
<el-dropdown-item @click="forward">返回云鹊医首页</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<!--导航-->
<div class="user-info" style="padding-right:10px;">
<!-- <div class="user-info" style="padding-right:10px;">
<el-dropdown trigger="click" @command="handleCommand">
<div>
<span class="el-dropdown-link">返回云鹊医首页</span>
......@@ -28,7 +30,7 @@
</el-dropdown-menu>
</el-dropdown>
</div>
</div> -->
</div>
</template>
<script>
......@@ -98,10 +100,10 @@ export default {
}
.user-logo {
position: absolute;
left: 0;
top: 15px;
width: 40px;
height: 40px;
left: 16px;
top: 20px;
width: 24px;
height: 24px;
border-radius: 50%;
}
.el-icon--right, #headName,.line, #login-out{
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或