|
@@ -105,27 +105,69 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--通知公告-->
|
|
|
+ <div class="out">
|
|
|
+ <div class="int">
|
|
|
+ <div class="bos">
|
|
|
+ <div class="lab">
|
|
|
+ <div class="bsg"></div>
|
|
|
+ <div class="tit">通知公告</div>
|
|
|
+ </div>
|
|
|
+ <el-table :data="noticeList" border height="270px">
|
|
|
+ <el-table-column label="通知标题" align="left" prop="title" />
|
|
|
+ <el-table-column label="创建时间" align="center" prop="createTime" width="200" />
|
|
|
+ <el-table-column label="操作" align="center" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-view" @click="op('detail', scope.row)">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <template slot="empty">
|
|
|
+ <el-empty></el-empty>
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!--手机预览-->
|
|
|
<div class="pop" style="width: 35%">
|
|
|
<div class="out">
|
|
|
<div class="int">
|
|
|
<div class="bos">
|
|
|
+ <div class="jsxq">
|
|
|
+ <span class="de" @click="current = 0" :class="{ active: current == 0 }">小程序个人介绍页</span>
|
|
|
+ <span class="de" @click="current = 1" :class="{ active: current == 1 }">小程序主页</span>
|
|
|
+ </div>
|
|
|
<div class="div-mc">
|
|
|
<div class="guise-mobile">
|
|
|
- <div class="guise-mobile-show" ref="scrollbar">
|
|
|
- <div class="js">
|
|
|
+ <div class="guise-mobile-show" ref="scrollbar" :style="{ padding: current == 0 ? '10px' : '0px' }">
|
|
|
+ <div class="js" v-if="current == 0">
|
|
|
<div class="head"><img :src="user.avatar" /></div>
|
|
|
<div class="name">{{ user.nickName }}</div>
|
|
|
<div class="introduce" v-html="user.introduce" v-if="user.introduce"></div>
|
|
|
<el-empty v-else description="暂无个人介绍" :image-size="80" v-else></el-empty>
|
|
|
</div>
|
|
|
+ <img src="../assets/images/phone.jpg" style="width: 100%" v-else />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--小程序码-->
|
|
|
+ <div class="out">
|
|
|
+ <div class="int">
|
|
|
+ <div class="bos">
|
|
|
+ <div class="lab">
|
|
|
+ <div class="bsg"></div>
|
|
|
+ <div class="tit">小程序码</div>
|
|
|
+ </div>
|
|
|
+ <div style="height: 220px; text-align: center">
|
|
|
+ <img src="../assets/images/xcx.jpg" style="height: 200px; margin: 0 auto" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="chart-wrapper" v-else>
|
|
@@ -152,61 +194,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--数据统计-->
|
|
|
- <div class="out">
|
|
|
- <div class="int">
|
|
|
- <div class="bos">
|
|
|
- <div class="lab">
|
|
|
- <div class="bsg"></div>
|
|
|
- <div class="tit">数据统计</div>
|
|
|
- </div>
|
|
|
- <div class="yr">
|
|
|
- <div class="rout" style="padding-left: 0px">
|
|
|
- <div class="rint" style="background-color: rgb(242 232 255)">
|
|
|
- <div class="icon" style="color: #8642df"></div>
|
|
|
- <div class="rcon">
|
|
|
- <div class="rtt">患者数据</div>
|
|
|
- <div class="rdesc">{{ data.count.visit || 0 }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="yr">
|
|
|
- <div class="rout">
|
|
|
- <div class="rint" style="background-color: rgb(255 245 229)">
|
|
|
- <div class="icon" style="color: #fab22e"></div>
|
|
|
- <div class="rcon">
|
|
|
- <div class="rtt">复诊提醒</div>
|
|
|
- <div class="rdesc">{{ data.count.up || 0 }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="yr">
|
|
|
- <div class="rout">
|
|
|
- <div class="rint" style="background-color: rgb(237 246 254)">
|
|
|
- <div class="icon" style="color: #489afd"></div>
|
|
|
- <div class="rcon">
|
|
|
- <div class="rtt">随访记录</div>
|
|
|
- <div class="rdesc">{{ data.count.record || 0 }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="yr">
|
|
|
- <div class="rout" style="padding-right: 0px">
|
|
|
- <div class="rint" style="background-color: rgb(255 242 245)">
|
|
|
- <div class="icon" style="color: #fa5376"></div>
|
|
|
- <div class="rcon">
|
|
|
- <div class="rtt">知识库</div>
|
|
|
- <div class="rdesc">{{ data.count.knowledge || 0 }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<!--快捷菜单-->
|
|
|
<div class="out">
|
|
|
<div class="int">
|
|
@@ -228,6 +215,29 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--通知公告-->
|
|
|
+ <div class="out">
|
|
|
+ <div class="int">
|
|
|
+ <div class="bos">
|
|
|
+ <div class="lab">
|
|
|
+ <div class="bsg"></div>
|
|
|
+ <div class="tit">通知公告</div>
|
|
|
+ </div>
|
|
|
+ <el-table :data="noticeList" border height="460px">
|
|
|
+ <el-table-column label="通知标题" align="left" prop="title" />
|
|
|
+ <el-table-column label="创建时间" align="center" prop="createTime" width="200" />
|
|
|
+ <el-table-column label="操作" align="center" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-view" @click="op('detail', scope.row)">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <template slot="empty">
|
|
|
+ <el-empty></el-empty>
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!--手机预览-->
|
|
|
<div class="pop" style="width: 35%">
|
|
@@ -236,19 +246,28 @@
|
|
|
<div class="bos">
|
|
|
<div class="div-mc">
|
|
|
<div class="guise-mobile">
|
|
|
- <div class="guise-mobile-show" ref="scrollbar">
|
|
|
- <div class="js">
|
|
|
- <div class="head"><img :src="user.avatar" /></div>
|
|
|
- <div class="name">{{ user.nickName }}</div>
|
|
|
- <div class="introduce" v-html="user.introduce" v-if="user.introduce"></div>
|
|
|
- <el-empty v-else description="暂无个人介绍" :image-size="80" v-else></el-empty>
|
|
|
- </div>
|
|
|
+ <div class="guise-mobile-show" ref="scrollbar" style="padding: 0px">
|
|
|
+ <img src="../assets/images/phone.jpg" style="width: 100%" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!--小程序码-->
|
|
|
+ <div class="out">
|
|
|
+ <div class="int">
|
|
|
+ <div class="bos">
|
|
|
+ <div class="lab">
|
|
|
+ <div class="bsg"></div>
|
|
|
+ <div class="tit">小程序码</div>
|
|
|
+ </div>
|
|
|
+ <div style="height: 240px; text-align: center">
|
|
|
+ <img src="../assets/images/xcx.jpg" style="height: 200px; margin: 0 auto" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -256,13 +275,18 @@
|
|
|
|
|
|
<script>
|
|
|
import Vue from 'vue';
|
|
|
+const phone = require('@/assets/images/phone.jpg');
|
|
|
+import detail from '@/views/work/notice/detail';
|
|
|
export default {
|
|
|
name: 'Index',
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ current: 0,
|
|
|
user: this.$store.state.user,
|
|
|
+ phone: phone,
|
|
|
data: { count: {} },
|
|
|
+ noticeList: [],
|
|
|
menu: [
|
|
|
{
|
|
|
icon: '',
|
|
@@ -315,6 +339,14 @@ export default {
|
|
|
this.ajax({ url: '/home/index' }).then((response) => {
|
|
|
this.data = response.data;
|
|
|
});
|
|
|
+ this.ajax({ url: '/work/notice/list', data: { pageNum: 1, pageSize: 10, state: 0, orderByColumn: 'id', isAsc: 'desc' } }).then((response) => {
|
|
|
+ this.noticeList = response.rows;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ op(tag, row) {
|
|
|
+ if (tag == 'detail') {
|
|
|
+ this.iframe({ obj: detail, param: { id: row.id }, title: '查看详情', width: '58%', height: '65%' });
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
};
|
|
@@ -351,6 +383,18 @@ export default {
|
|
|
padding: 0px 10px 0px 10px;
|
|
|
width: 100%;
|
|
|
border: 0px;
|
|
|
+ margin-bottom: 0px;
|
|
|
+ .jsxq {
|
|
|
+ text-align: center;
|
|
|
+ .de {
|
|
|
+ padding-right: 10px;
|
|
|
+ font-size: 13px;
|
|
|
+ cursor: pointer;
|
|
|
+ &.active {
|
|
|
+ color: #1890ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.yr {
|
|
|
float: left;
|
|
|
width: 25%;
|