Merge remote-tracking branch 'origin/dev' into dev

# Conflicts:
#	src/views/system/followupdetails/index.vue
This commit is contained in:
闫晓茹 2024-06-20 08:57:26 +08:00
commit d823a78b92
21 changed files with 1362 additions and 842 deletions

View File

@ -0,0 +1,52 @@
import request from '@/utils/request'
// 查询字典数据列表
export function listData(query) {
return request({
url: '/system/dict/data/list',
method: 'get',
params: query
})
}
// 查询字典数据详细
export function getData(dictCode) {
return request({
url: '/system/dict/data/' + dictCode,
method: 'get'
})
}
// 根据字典类型查询字典数据信息
export function getDicts(dictType) {
return request({
url: '/system/dict/data/type/' + dictType,
method: 'get'
})
}
// 新增字典数据
export function addData(data) {
return request({
url: '/system/dict/data',
method: 'post',
data: data
})
}
// 修改字典数据
export function updateData(data) {
return request({
url: '/system/dict/data',
method: 'put',
data: data
})
}
// 删除字典数据
export function delData(dictCode) {
return request({
url: '/system/dict/data/' + dictCode,
method: 'delete'
})
}

View File

@ -16,6 +16,13 @@ export function getType(dictId) {
method: 'get'
})
}
// 查询字典编码详情
export function getTypecode(dictCode) {
return request({
url: '/system/dict/data/' + dictCode,
method: 'get'
})
}
// 新增字典类型
export function addType(data) {

View File

@ -1,7 +1,8 @@
<template>
<div class="pagination">
<button style="background-color: #ffff"> {{ totalPage }} </button>
<el-select v-model="currentpageSize" placeholder="请选择" style="width: 100px;" size="mini" @change="changesize">
<button style="background-color: #ffff"> {{ total }} </button>
<el-select v-model="currentpageSize" placeholder="请选择" style="width: 100px;margin-right:16px" size="mini"
@change="changesize">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
@ -12,7 +13,7 @@
@mouseenter="onMouseenter('left')" @mouseleave="quickprevIconClass = 'el-icon-more'">
</button>
<template v-for="(item, index) in totalPage">
<button :class="{ active: currentPage === item }" :key="index"
<button :class="{ active: Number(currentPage) === item }" :key="index"
v-if="item >= startEnd.start && item <= startEnd.end" @click="updateCPage(item)">{{ item }}</button>
</template>
<button v-if="startEnd.end < totalPage - 1" icon="el-icon-more"
@ -22,6 +23,12 @@
</button>
<button v-if="startEnd.end < totalPage" @click="updateCPage(totalPage)">{{ totalPage }}</button>
<button @click="updateCPage(currentPage + 1)" :disabled="currentPage >= totalPage">下一页</button>
<span style="margin-left:16px">
前往
<el-input v-model="page" min="1" :max="totalPage" style="width: 50px;margin:0 6px;" size="mini"
@focus="foucus" @keyup.enter.native="blur" @blur="blur"></el-input>
</span>
</div>
</template>
@ -43,6 +50,7 @@ export default {
return {
lxyms: 7,
currentPage: this.indexFromWrap,
page: this.indexFromWrap,
quickprevIconClass: "el-icon-more",
quicknextIconClass: 'el-icon-more',
options: [{
@ -102,7 +110,19 @@ export default {
}
},
methods: {
foucus() { },
blur() {
if (!this.page) {
this.page = 1
}
if (this.page > this.totalPage) {
this.page = this.totalPage
}
this.updateCPage(Number(this.page))
},
changesize() {
this.currentPage = 1
this.page = 1
this.$emit("updateCPage", this.currentPage, this.currentpageSize)
},
onMouseenter(direction) {
@ -128,6 +148,13 @@ export default {
}
},
watch: {
currentPage: {
handler(val) {
this.page = val
},
deep: true,
immediate: true
},
//
indexFromWrap: {
handler(val) {
@ -148,14 +175,38 @@ export default {
height: 40px;
margin: 0 !important;
padding: 0 !important;
display: flex;
align-items: center;
::v-deep .el-input__inner {
padding: 0 !important;
font-size: 13px;
text-align: center;
}
::v-deep .el-input--suffix {
.el-input__inner {
padding-right: 20px !important;
}
}
span {
display: inline-block;
font-size: 13px;
min-width: 35.5px;
height: 28px;
line-height: 28px;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button {
margin: 0 5px;
background-color: #f4f4f5;
color: #606266;
color: black;
outline: none;
border-radius: 2px;
padding: 0 8px;
vertical-align: top;
display: inline-block;
font-size: 13px;

View File

@ -26,6 +26,7 @@ import { getConfigKey } from "@/api/system/config";
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/xinelu";
// 分页组件
import Pagination from "@/components/Pagination";
import myPagination from "@/components/myPagination";
// 自定义表格工具组件
import RightToolbar from "@/components/RightToolbar"
// 富文本组件
@ -63,6 +64,7 @@ Vue.prototype.handleTree = handleTree
Vue.component('font-awesome-icon', FontAwesomeIcon)
Vue.component('DictTag', DictTag)
Vue.component('Pagination', Pagination)
Vue.component('myPagination', myPagination)
Vue.component('RightToolbar', RightToolbar)
Vue.component('Editor', Editor)
Vue.component('FileUpload', FileUpload)

View File

@ -134,6 +134,20 @@ export const dynamicRoutes = [
}
]
},
{
path: '/system/dict-code',
component: Layout,
hidden: true,
permissions: ['system:dict:list'],
children: [
{
path: 'index/:dictCode(\\d+)',
component: () => import('@/views/system/dict/code'),
name: 'Code',
meta: { title: '字典编码', activeMenu: '/system/dict' }
}
]
},
{
path: '/monitor/job-log',
component: Layout,

View File

@ -262,6 +262,7 @@
:page.sync="informationqueryParams.pageNum"
:limit.sync="informationqueryParams.pageSize"
@pagination="informationInfoinfo"
class="pag"
/>
</el-dialog>
<!-- 运动弹框 -->
@ -388,6 +389,7 @@
:page.sync="SporParams.pageNum"
:limit.sync="SporParams.pageSize"
@pagination="spotgetList"
class="pag"
/>
</el-dialog>
<!-- 饮食弹框 -->
@ -508,6 +510,7 @@
:page.sync="DieParams.pageNum"
:limit.sync="DieParams.pageSize"
@pagination="DiegetList"
class="pag"
/>
</el-dialog>
<!-- 护理弹框 -->
@ -608,6 +611,7 @@
:page.sync="NursingParams.pageNum"
:limit.sync="NursingParams.pageSize"
@pagination="NursinggetList"
class="pag"
/>
</el-dialog>
</div>
@ -977,6 +981,12 @@ export default {
};
</script>
<style scoped lang="scss">
.pag{
top: 13px;
position: relative;
left: 61%;
}
::v-deep .el-card__body {
position: relative;
}

View File

@ -219,7 +219,7 @@
</el-table-column>
</el-table>
<pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" class="pag"/>
</el-dialog>
<!-- 病种弹框 -->
<el-dialog title="" :visible.sync="diseaseshowst" width="1000px" append-to-body :before-close="canceldiseases">
@ -247,7 +247,7 @@
</el-table-column>
</el-table>
<pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
:limit.sync="querydisease.pageSize" @pagination="infodisease" />
:limit.sync="querydisease.pageSize" @pagination="infodisease" class="pag"/>
</el-dialog>
</div>
</template>
@ -733,6 +733,12 @@ export default {
};
</script>
<style lang="scss" scoped>
.pag{
top: 13px;
position: relative;
left: 61%;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}

View File

@ -340,9 +340,11 @@ export default {
.header {
background-color: #fff;
width: 98%;
margin: 0 auto;
border-radius: 8px;
width: 98%;
margin: 0 auto;
border-radius: 8px;
height: calc(100% - 5px);
overflow: auto;
}
.btns {

View File

@ -190,7 +190,7 @@
patientPhone
</el-table>
<pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" class="pag"/>
</el-dialog>
</div>
</template>
@ -486,3 +486,11 @@ export default {
},
};
</script>
<style scoped>
.pag{
top: 13px;
position: relative;
left: 61%;
}
</style>

View File

@ -324,7 +324,7 @@
</el-table-column>
</el-table>
<pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
:limit.sync="querydisease.pageSize" @pagination="infodisease" />
:limit.sync="querydisease.pageSize" @pagination="infodisease" class="pag"/>
</el-dialog>
<!-- 审核弹框 -->
<el-dialog title="提示" :visible.sync="dialogexamine" width="30%" :before-close="handleClose" center>
@ -1202,10 +1202,11 @@ export default {
};
</script>
<style lang="scss" scoped>
// ::v-deep .el-form-item--medium .el-form-item__content{
// width: 800px;
// }
.pag{
top: 13px;
position: relative;
left: 61%;
}
::v-deep iframe {
width: 100%;
height: 500px;

View File

@ -201,7 +201,7 @@
</el-table-column>
</el-table>
<pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" class="pag"/>
</el-dialog>
<!-- 病种弹框 -->
<el-dialog title="" :visible.sync="diseaseshowst" width="1000px" append-to-body :before-close="canceldiseases">
@ -229,7 +229,7 @@
</el-table-column>
</el-table>
<pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
:limit.sync="querydisease.pageSize" @pagination="infodisease" />
:limit.sync="querydisease.pageSize" @pagination="infodisease" class="pag"/>
</el-dialog>
<!-- 预览弹框 -->
<el-dialog title="预览" :visible.sync="dialogsee" width="40%" :before-close="seeClose">
@ -895,6 +895,12 @@ export default {
};
</script>
<style lang="scss" scoped>
.pag{
top: 13px;
position: relative;
left: 61%;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}

View File

@ -173,7 +173,7 @@
</el-table-column>
</el-table>
<pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" class="pag"/>
</el-dialog>
<!-- 病种弹框 -->
<el-dialog title="" :visible.sync="diseaseshowst" width="1000px" append-to-body :before-close="canceldiseases">
@ -201,7 +201,7 @@
</el-table-column>
</el-table>
<pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
:limit.sync="querydisease.pageSize" @pagination="infodisease" />
:limit.sync="querydisease.pageSize" @pagination="infodisease" class="pag"/>
</el-dialog>
</div>
</template>
@ -683,6 +683,12 @@ export default {
};
</script>
<style lang="scss" scoped>
.pag{
top: 13px;
position: relative;
left: 61%;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}

View File

@ -68,8 +68,10 @@
</el-table-column>
</el-table>
</div>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize"
:indexFromWrap="queryParams.pageNum" @updateCPage="updateCPage"></myPagination>
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" /> -->
</div>
</template>
@ -116,6 +118,11 @@ export default {
this.screenChange()
},
methods: {
updateCPage(index, size) {
this.queryParams.pageNum = index
this.queryParams.pageSize = size
this.getList();
},
/** 查询登录日志列表 */
getList() {
this.loading = true;

View File

@ -84,8 +84,8 @@
</el-table-column>
</el-table>
</div>
<Pagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize" :indexFromWrap="queryParams.pageNum"
@updateCPage="updateCPage"></Pagination>
<myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize"
:indexFromWrap="queryParams.pageNum" @updateCPage="updateCPage"></myPagination>
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" /> -->
<!-- 操作日志详细 -->
@ -132,11 +132,7 @@
<script>
import { list, delOperlog, cleanOperlog } from "@/api/monitor/operlog";
import Pagination from '../../components/Pagination'
export default {
components: {
Pagination,
},
name: "Operlog",
dicts: ['sys_oper_type', 'sys_common_status'],
data() {

View File

@ -133,7 +133,7 @@
</el-table-column>
</el-table>
<pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
:limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" class="pag"/>
</el-dialog>
</div>
</template>
@ -516,6 +516,12 @@ export default {
};
</script>
<style lang="scss" scoped>
.pag{
top: 13px;
position: relative;
left: 61%;
}
::v-deep .el-input-number .el-input__inner {
text-align: left;
}

View File

@ -0,0 +1,385 @@
<template>
<div class="app-container" ref="layout">
<div ref="topform" class="form">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<!-- <el-form-item label="字典名称1111" prop="dictType">
<el-select v-model="queryParams.dictType">
<el-option v-for="item in typeOptions" :key="item.dictId" :label="item.dictName" :value="item.dictType" />
</el-select>
</el-form-item> -->
<el-form-item label="字典标签" prop="dictLabel">
<el-input v-model="queryParams.dictLabel" placeholder="请输入字典标签" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="数据状态" clearable>
<el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
</div>
<div ref="mb8" class="mb8">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
v-hasPermi="['system:dict:add']">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
v-hasPermi="['system:dict:edit']">修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
v-hasPermi="['system:dict:remove']">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['system:dict:export']">导出</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-close" size="mini" @click="handleClose">关闭</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
</div>
<div ref="table">
<el-table :max-height="maxTableHeight" v-loading="loading" :data="dataList"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="字典编码" align="center" prop="dictCode">
<template slot-scope="scope">
<router-link :to="'/system/dict-code/index/' + scope.row.dictCode" class="link-type">
<span>{{ scope.row.dictCode }}</span>
</router-link>
</template>
</el-table-column>
<el-table-column label="字典标签" align="center" prop="dictLabel">
<template slot-scope="scope">
<span v-if="scope.row.listClass == '' || scope.row.listClass == 'default'">{{ scope.row.dictLabel }}</span>
<el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass">{{ scope.row.dictLabel
}}</el-tag>
</template>
</el-table-column>
<el-table-column label="字典键值" align="center" prop="dictValue" />
<el-table-column label="字典排序" align="center" prop="dictSort" />
<el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope">
<dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
v-hasPermi="['system:dict:edit']">修改</el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
v-hasPermi="['system:dict:remove']">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="数据标签上级">
<el-input v-model="form.parentDictCode" :disabled="true" />
</el-form-item>
<el-form-item label="数据标签" prop="dictLabel">
<el-input v-model="form.dictLabel" placeholder="请输入数据标签" />
</el-form-item>
<el-form-item label="数据键值" prop="dictValue">
<el-input v-model="form.dictValue" placeholder="请输入数据键值" />
</el-form-item>
<el-form-item label="样式属性" prop="cssClass">
<el-input v-model="form.cssClass" placeholder="请输入样式属性" />
</el-form-item>
<el-form-item label="显示排序" prop="dictSort">
<el-input-number v-model="form.dictSort" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="回显样式" prop="listClass">
<el-select v-model="form.listClass">
<el-option v-for="item in listClassOptions" :key="item.value" :label="item.label + '(' + item.value + ')'"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listData, getData, delData, addData, updateData ,} from "@/api/system/dict/code";
import { optionselect as getDictOptionselect, getTypecode } from "@/api/system/dict/type";
export default {
name: "Data",
dicts: ['sys_normal_disable'],
data() {
return {
maxTableHeight: undefined,
//
loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
//
dataList: [],
//
defaultDictType: "",
//
title: "",
//
open: false,
//
listClassOptions: [
{
value: "default",
label: "默认"
},
{
value: "primary",
label: "主要"
},
{
value: "success",
label: "成功"
},
{
value: "info",
label: "信息"
},
{
value: "warning",
label: "警告"
},
{
value: "danger",
label: "危险"
}
],
//
typeOptions: [],
//
queryParams: {
pageNum: 1,
pageSize: 10,
parentDictCode:undefined,
dictName: undefined,
// dictType: undefined,
dictLabel:undefined,
status: undefined
},
//
form: {},
//
rules: {
dictLabel: [
{ required: true, message: "数据标签不能为空", trigger: "blur" }
],
dictValue: [
{ required: true, message: "数据键值不能为空", trigger: "blur" }
],
dictSort: [
{ required: true, message: "数据顺序不能为空", trigger: "blur" }
]
}
};
},
created() {
this.queryParams.parentDictCode = this.$route.params && this.$route.params.dictCode;
this.getTypecode(this.queryParams.parentDictCode);
this.getTypeList();
},
mounted() {
this.getMaxTableHeight()
this.screenChange()
},
methods: {
/** 查询字典类型详细 */
getTypecode(parentDictCode) {
getTypecode(parentDictCode).then(response => {
// this.queryParams.dictType = response.data.dictType;
this.defaultDictType = response.data.dictType;
this.getList();
});
},
/** 查询字典类型列表 */
getTypeList() {
getDictOptionselect().then(response => {
this.typeOptions = response.data;
});
},
/** 查询字典数据列表 */
getList() {
this.loading = true;
listData(this.queryParams).then(response => {
this.dataList = response.rows;
this.total = response.total;
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {
dictCode: undefined,
dictLabel: undefined,
dictValue: undefined,
cssClass: undefined,
listClass: 'default',
dictSort: 0,
status: "0",
remark: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 返回按钮操作 */
handleClose() {
this.$store.dispatch("tagsView/delView", this.$route);
this.$router.go(-1);
// this.$router.go(-1);
// setTimeout(() => {
// window.close();
// }, 500);
// const obj = { path: "/system/dict-data/index" };
// this.$tab.closeOpenPage(obj);
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
// this.queryParams.dictType = this.defaultDictType;
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加字典编码";
this.form.parentDictCode = this.queryParams.parentDictCode;
},
//
handleSelectionChange(selection) {
this.ids = selection.map(item => item.dictCode)
this.single = selection.length != 1
this.multiple = !selection.length
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const dictCode = row.dictCode || this.ids
getData(dictCode).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改字典编码";
});
},
/** 提交按钮 */
submitForm: function () {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.dictCode != undefined) {
updateData(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addData(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const dictCodes = row.dictCode || this.ids;
this.$modal.confirm('是否确认删除字典编码为"' + dictCodes + '"的数据项?').then(function () {
return delData(dictCodes);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => { });
},
/** 导出按钮操作 */
handleExport() {
this.download('system/dict/data/export', {
...this.queryParams
}, `data_${new Date().getTime()}.xlsx`)
},
//
getMaxTableHeight() {
const windowInnerHeight = window.innerHeight //
const layoutDiv = this.$refs.layout
const formDiv = this.$refs.topform
const mb8Div = this.$refs.mb8
console.log(windowInnerHeight)
console.log(this.getBoxPadding(layoutDiv))
console.log(this.getBoxHeight(mb8Div))
console.log(this.getBoxHeight(formDiv))
this.maxTableHeight =
windowInnerHeight - 134 -
this.getBoxPadding(layoutDiv) -
this.getBoxHeight(mb8Div) -
this.getBoxHeight(formDiv)
},
// resize
screenChange() {
// resizeresize
window.addEventListener('resize', this.getMaxTableHeight, true)
//
//
// beforeDestroy
this.$once('hook:beforeDestroy', () => {
window.removeEventListener('resize', this.getMaxTableHeight, true)
})
},
}
};
</script>

View File

@ -50,7 +50,13 @@
<el-table :max-height="maxTableHeight" v-loading="loading" :data="dataList"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="字典编码" align="center" prop="dictCode" />
<el-table-column label="字典编码" align="center" prop="dictCode">
<template slot-scope="scope">
<router-link :to="'/system/dict-code/index/' + scope.row.dictCode" class="link-type">
<span>{{ scope.row.dictCode }}</span>
</router-link>
</template>
</el-table-column>
<el-table-column label="字典标签" align="center" prop="dictLabel">
<template slot-scope="scope">
<span v-if="scope.row.listClass == '' || scope.row.listClass == 'default'">{{ scope.row.dictLabel }}</span>
@ -366,4 +372,4 @@ export default {
},
}
};
</script>
</script>

View File

@ -2,18 +2,8 @@
<div class="header">
<div class="topheader">
<div class="user">
<img
class="headsculpture"
src="../../../assets/manage/touxiang.png"
alt=""
v-if="list.sex == 'MALE'"
/>
<img
class="headsculpture"
src="../../../assets/manage/nvtouxiang.png"
alt=""
v-if="list.sex == 'FEMALE'"
/>
<img class="headsculpture" src="../../../assets/manage/touxiang.png" alt="" v-if="list.sex == 'MALE'" />
<img class="headsculpture" src="../../../assets/manage/nvtouxiang.png" alt="" v-if="list.sex == 'FEMALE'" />
<div class="name">
{{ list.patientName }}
</div>
@ -47,191 +37,83 @@
<div class="bottomheader">
<div style="display: flex">
<!-- 问卷模板 -->
<div
class="right"
v-if="
$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
"
>
<div
style="float: right; margin-top: 20px"
v-if="
$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
"
>
<el-form
:inline="true"
class="demo-form-inline"
:model="questiondata"
:rules="rules"
ref="questiondata"
>
<div class="right" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
">
<div style="float: right; margin-top: 20px" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE' ||
$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'
">
<el-form :inline="true" class="demo-form-inline" :model="questiondata" :rules="rules" ref="questiondata">
<el-form-item label="任务处理信息" prop="routeHandleRemark">
<el-input
disabled
type="textarea"
placeholder="请输入任务处理信息"
v-model="questiondata.routeHandleRemark"
/>
<el-input disabled type="textarea" placeholder="请输入任务处理信息" v-model="questiondata.routeHandleRemark" />
</el-form-item>
</el-form>
</div>
<div
class="sport"
v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
>
<div class="sport" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
问卷模板: Barthel指数评定问卷
</div>
<div
class="words"
v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'"
>
<div class="words" v-if="$route.query.taskType == 'QUESTIONNAIRE_SCALE'">
您好!本问卷用于评估日常生活能力请根据自身日常实际表现选择合适的选项
</div>
<div
class="sport"
v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
>
<div class="sport" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
人工随访模板: 神经内科人工随访
</div>
<div
class="words"
v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
>
<div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
**您好!
</div>
<div
class="words"
v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'"
>
<div class="words" v-if="$route.query.taskType == 'ARTIFICIAL_FOLLOW_UP'">
我是医院的工作人员今天给您打电话想要了解一下您的恢复情况
</div>
<div
class="words"
v-for="(item, index) in questiondata.subjectResultList"
:key="index"
>
<div class="words" v-for="(item, index) in questiondata.subjectResultList" :key="index">
{{ index + 1 }}.{{ item.questionName }}
<span v-if="item.questionType == 'MULTIPLE_CHOICE'"
>单选题</span
>
<span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'"
>多选题</span
>
<span v-if="item.questionType == 'SCORING_QUESTIONS'"
>打分题</span
>
<span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'"
>组合单选题</span
>
<span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'"
>组合多选题</span
>
<span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'"
>组合填空题</span
>
<span v-if="item.questionType == 'FILL_IN_THE_BLANKS'"
>填空题</span
>
<span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'"
>组合打分题</span
>
<span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
>日期填空题</span
>
<span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
>时间填空题</span
>
<el-radio-group
v-if="
item.questionType == 'MULTIPLE_CHOICE' ||
item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
item.questionType == 'SCORING_QUESTIONS' ||
item.questionType == 'COMBINATION_SCORING_SUBJECT'
"
v-model="item.checked"
class="custom-radio-group"
>
<el-radio
disabled
class="custom"
v-for="(aitem, aindex) in item.optionResults"
:key="aindex"
:label="aitem.id"
@change="radioChange($event, aitem, index)"
>{{ aitem.optionName }}</el-radio
>
<span v-if="item.questionType == 'MULTIPLE_CHOICE'">单选题</span>
<span v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS'">多选题</span>
<span v-if="item.questionType == 'SCORING_QUESTIONS'">打分题</span>
<span v-if="item.questionType == 'COMBINATION_RADIO_SUBJECT'">组合单选题</span>
<span v-if="item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'">组合多选题</span>
<span v-if="item.questionType == 'COMBINATION_BLANKS_SUBJECT'">组合填空题</span>
<span v-if="item.questionType == 'FILL_IN_THE_BLANKS'">填空题</span>
<span v-if="item.questionType == 'COMBINATION_SCORING_SUBJECT'">组合打分题</span>
<span v-if="item.questionType == 'DATE_BLANKS_SUBJECT'">日期填空题</span>
<span v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">时间填空题</span>
<el-radio-group v-if="item.questionType == 'MULTIPLE_CHOICE' ||
item.questionType == 'COMBINATION_RADIO_SUBJECT' ||
item.questionType == 'SCORING_QUESTIONS' ||
item.questionType == 'COMBINATION_SCORING_SUBJECT'
" v-model="item.checked" class="custom-radio-group">
<el-radio disabled class="custom" v-for="(aitem, aindex) in item.optionResults" :key="aindex"
:label="aitem.id" @change="radioChange($event, aitem, index)">{{ aitem.optionName }}</el-radio>
</el-radio-group>
<!-- 多选组合多选 -->
<el-checkbox-group
v-model="checkeddata"
v-if="
item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
"
>
<el-checkbox
disabled
v-for="(aitem, aindex) in item.optionResults"
:key="aindex"
:label="aitem.id"
@change="radioChangecheck($event, aitem, index, aindex)"
>{{ aitem.optionName }}</el-checkbox
>
<el-checkbox-group v-model="checkeddata" v-if="item.questionType == 'MULTIPLE_CHOICE_QUESTIONS' ||
item.questionType == 'COMBINATION_MULTIPLE_SUBJECT'
">
<el-checkbox disabled v-for="(aitem, aindex) in item.optionResults" :key="aindex" :label="aitem.id"
@change="radioChangecheck($event, aitem, index, aindex)">{{ aitem.optionName }}</el-checkbox>
</el-checkbox-group>
<!-- 填空题组合填空 -->
<div
v-if="
item.questionType == 'FILL_IN_THE_BLANKS' ||
item.questionType == 'COMBINATION_BLANKS_SUBJECT'
"
class="tk"
>
<el-input
disabled
v-model="item.fillBlanksAnswer"
placeholder="请输入答案"
type="textarea"
/>
<div v-if="item.questionType == 'FILL_IN_THE_BLANKS' ||
item.questionType == 'COMBINATION_BLANKS_SUBJECT'
" class="tk">
<el-input disabled v-model="item.fillBlanksAnswer" placeholder="请输入答案" type="textarea" />
<!-- <el-input></el-input> -->
</div>
<!-- 日期填空题 -->
<div
v-if="item.questionType == 'DATE_BLANKS_SUBJECT'"
style="margin: 20px 0 10px 30px"
>
<el-date-picker
disabled
@change="timepicker($event, index)"
clearable
v-model="item.fillBlanksAnswer"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期"
>
<div v-if="item.questionType == 'DATE_BLANKS_SUBJECT'" style="margin: 20px 0 10px 30px">
<el-date-picker disabled @change="timepicker($event, index)" clearable v-model="item.fillBlanksAnswer"
type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
</el-date-picker>
</div>
<!-- 时间填空题 -->
<div
style="margin: 20px 0 10px 30px"
v-if="item.questionType == 'TIME_BLANKS_SUBJECT'"
>
<el-time-select
disabled
@change="timepickerselect($event, index)"
clearable
v-model="item.fillBlanksAnswer"
:picker-options="{
start: '08:30',
step: '00:30',
end: '23:30',
}"
placeholder="选择时间"
>
<div style="margin: 20px 0 10px 30px" v-if="item.questionType == 'TIME_BLANKS_SUBJECT'">
<el-time-select disabled @change="timepickerselect($event, index)" clearable
v-model="item.fillBlanksAnswer" :picker-options="{
start: '08:30',
step: '00:30',
end: '23:30',
}" placeholder="选择时间">
</el-time-select>
</div>
</div>
@ -282,33 +164,20 @@
</el-form-item>
</el-form>
</div> -->
<div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
<div v-if="$route.query.taskType == 'PHONE_OUTBOUND'">
<div class="sport">电话外呼</div>
<div class="nexttime">
<el-form
ref="formlist"
:model="formlist"
label-width="110px"
:inline="true"
>
<!-- <br/> -->
<el-form ref="formlist" :model="formlist" label-width="110px" :inline="true">
<!-- <br/> -->
<el-form-item label="是否接通" prop="phone">
<el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED"
>已接通</el-radio
>
<el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED"
>未接通</el-radio
>
<el-radio v-model="formlist.phoneConnectStatus" label="CONNECTED">已接通</el-radio>
<el-radio v-model="formlist.phoneConnectStatus" label="NOTCONNECTED">未接通</el-radio>
</el-form-item>
<br />
<el-form-item label="任务处理信息" prop="routeHandleRemark">
<el-input
v-model="formlist.routeHandleRemark"
placeholder="请输入任务处理信息"
/>
<el-input v-model="formlist.routeHandleRemark" placeholder="请输入任务处理信息" />
</el-form-item>
<br />
<!-- <el-form-item label="话术名称" prop="scriptName">
@ -321,11 +190,7 @@
</el-form-item> -->
<!-- <br /> -->
<el-form-item label="通用话术名称" prop="phoneTemplateName">
<el-input
disabled
v-model="formlist.phoneTemplateName"
placeholder="请输入通用话术名称"
/>
<el-input disabled v-model="formlist.phoneTemplateName" placeholder="请输入通用话术名称" />
</el-form-item>
<br />
<!-- <el-form-item label="话术简介" prop="scriptIntroduction">
@ -360,52 +225,28 @@
inactive-value="0"
>
</el-switch> -->
<el-radio disabled v-model="formlist.phonePushSign" label="1"
>已开启</el-radio
>
<el-radio disabled v-model="formlist.phonePushSign" label="0"
>未开启</el-radio
>
<el-radio disabled v-model="formlist.phonePushSign" label="1">已开启</el-radio>
<el-radio disabled v-model="formlist.phonePushSign" label="0">未开启</el-radio>
</el-form-item>
<br />
<el-form-item label="电话" prop="patientPhone">
<el-input
disabled
v-model="formlist.patientPhone"
placeholder="请输入电话"
/>
<el-input disabled v-model="formlist.patientPhone" placeholder="请输入电话" />
</el-form-item>
<br />
<!-- <div style="background:red;width:200px;height:1600px"> -->
<el-form-item label="重复次数" prop="phoneRedialTimes">
<el-select
v-model="formlist.phoneRedialTimes"
disabled
style="width: 200px"
>
<el-option
v-for="item in optionslistS"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-select v-model="formlist.phoneRedialTimes" disabled style="width: 200px">
<el-option v-for="item in optionslistS" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
</el-form-item>
<br />
<el-form-item label="发送短信" prop="phone">
<el-select
disabled
v-model="formlist.phoneMessageRemind"
style="width: 200px"
>
<el-option
v-for="item in optionslist"
:key="item.dictValue"
:label="item.dictLabel"
:value="item.dictValue"
>
<el-form-item label="电话短信提醒" prop="phone">
<el-select disabled v-model="formlist.phoneMessageRemind" style="width: 200px">
<el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
<!-- <el-input
@ -417,43 +258,35 @@
<br />
<el-form-item label="话术图" prop="phone">
<img
:src="formlist.scriptFilePath"
style="width: 250px; height: 200px"
/>
<img :src="formlist.scriptFilePath" style="width: 250px; height: 200px" />
</el-form-item>
<br />
<div class="pushMethod">
<el-form-item label="短信模板:" prop="phone">
<span class="spanname">
<message
style="width: 200px;height:100px"
@on-template="messageontemplateMESSAGE"
:templateId="formlist.phoneMessageTemplateId"
:templateName="formlist.phoneMessageTemplateName"
></message>
</span>
<el-form-item label="短信模板:" prop="phone">
<span class="spanname">
<message style="width: 200px;height:100px" @on-template="messageontemplateMESSAGE"
:templateId="formlist.phoneMessageTemplateId" :templateName="formlist.phoneMessageTemplateName">
</message>
</span>
</el-form-item>
</div>
</el-form-item>
</div>
</el-form>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { selectFollowPatientInfo, question, addPatientQuestionResult, selectPhonePush, } from "@/api/system/followupsee";
<script>
import message from "../components/message.vue";
import { selectFollowPatientInfo, question, addPatientQuestionResult, selectPhonePush, } from "@/api/system/followupsee";
import {
selectPatientQuestionSubmit,
} from "@/api/system/taskExecuteRecord";
import { getScript } from "@/api/manage/script";
import message from "../components/message.vue";
import Cookies from 'js-cookie'
export default {
components: {
@ -466,8 +299,8 @@ export default {
checkList: [],
checked: false,
formlist: {},
optionslistS:[],
optionslist:[],
optionslistS: [],
optionslist: [],
rules: {
routeHandleRemark: [
{ required: true, message: '请输入任务处理信息', trigger: 'change' }
@ -484,7 +317,7 @@ export default {
routeHandlePerson: null,
routeHandleId: null,
},
optionslist:[],
optionslist: [],
};
@ -505,13 +338,18 @@ export default {
selectPhonePush(this.$route.query.manageRouteNodeId).then(response => {
if (response.data) {
this.formlist = response.data;
if(this.formlist.phonePushSign==0){
this.formlist.phonePushSign='0'
}else if(this.formlist.phonePushSign==1){
this.formlist.phonePushSign='1'
}
}
});
}
},
methods: {
//
infolistword() {
//
infolistword() {
var dictType = "text_message_remind";
getAgencytype(dictType).then((res) => {
this.optionslist = res.data;
@ -640,238 +478,266 @@ export default {
},
};
</script>
<style lang="scss" scoped>
::v-deep .el-input.is-disabled .el-input__inner {
background: #fff !important;
color: #606266;
}
.pushMethod {
height: 30px;
// margin-top: 30px;
line-height: 30px;
font-size: 13px;
color: #64666a;
.spanname {
width: 100%;
pointer-events: none;
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-input.is-disabled .el-input__inner {
background: #fff !important;
color: #606266;
}
::v-deep .el-textarea.is-disabled .el-textarea__inner {
color: #606266;
background: #fff;
}
.tk {
::v-deep .el-textarea__inner {
margin: 20px 0 10px 30px;
}
}
::v-deep .el-radio {
padding: 10px;
}
::v-deep .el-checkbox-group {
display: flex;
flex-direction: column;
padding: 10px 0px 10px 24px;
}
::v-deep .el-checkbox {
padding: 10px 0 10px 0px;
// padding: 10px;
}
.custom-radio-group {
display: flex;
flex-direction: column;
padding: 10px 0 10px 10px;
.custom {
padding: 10px 0 10px 10px;
}
}
.bodytop {
position: relative;
top: 20px;
// height: 500px;
width: 400px;
margin: 0 auto;
// background: red;f
overflow: auto;
border: 1px solid #e2e2e2;
.titledata {
margin: 30px 0px 15px 30px;
top: 14px;
font-size: 20px;
}
.audiotop {
margin: 10px 0px 10px 30px;
}
img {
// width: 362px;
// height: 127px;
margin: 0px 0px 0px 30px;
}
.know {
margin: 11px 0px 10px 30px;
font-size: 20px;
font-weight: 550;
}
.knowlist {
margin: 10px 0px 10px 30px;
font-size: 16px;
}
}
.right {
width: 100%;
height: 500px;
// background: yellow;
}
.header {
background-color: #f1f3f5;
padding-top: 10px;
.pushMethod {
height: 30px;
// margin-top: 30px;
line-height: 30px;
font-size: 13px;
color: #64666a;
::v-deep .el-tabs__header {
margin: 0 !important;
width: 100%;
// overflow: auto;
// height: 500px;
// background: red;
}
.spanname {
width: 100%;
.bottomheader {
overflow-y: scroll;
pointer-events: none;
}
}
::v-deep .el-input.is-disabled .el-input__inner {
background: #fff !important;
color: #606266;
}
::v-deep .el-textarea.is-disabled .el-textarea__inner {
color: #606266;
background: #fff;
}
.tk {
::v-deep .el-textarea__inner {
margin: 20px 0 10px 30px;
}
}
::v-deep .el-radio {
padding: 10px;
}
::v-deep .el-checkbox-group {
display: flex;
flex-direction: column;
padding: 10px 0px 10px 24px;
}
::v-deep .el-checkbox {
padding: 10px 0 10px 0px;
// padding: 10px;
}
.custom-radio-group {
display: flex;
flex-direction: column;
padding: 10px 0 10px 10px;
.custom {
padding: 10px 0 10px 10px;
}
}
.bodytop {
position: relative;
top: 20px;
// height: 500px;
width: 400px;
margin: 0 auto;
// background: red;f
overflow: auto;
border: 1px solid #e2e2e2;
.titledata {
margin: 30px 0px 15px 30px;
top: 14px;
font-size: 20px;
}
.audiotop {
margin: 10px 0px 10px 30px;
}
img {
// width: 362px;
// height: 127px;
margin: 0px 0px 0px 30px;
}
.know {
margin: 11px 0px 10px 30px;
font-size: 20px;
font-weight: 550;
}
.knowlist {
margin: 10px 0px 10px 30px;
font-size: 16px;
}
}
.right {
width: 100%;
height: 500px;
// background: yellow;
}
.header {
background-color: #f1f3f5;
padding-top: 10px;
::v-deep .el-tabs__header {
margin: 0 !important;
width: 100%;
// overflow: auto;
// height: 500px;
// background: red;
}
.bottomheader {
overflow-y: scroll;
width: 99%;
height: 67vh;
background-color: #fff;
margin: 10px auto;
padding: 10px 20px;
.sport {
padding: 10px 50px 10px 10px;
font-size: 20px;
font-weight: 600;
}
.words {
font-size: 15px;
padding: 10px 50px 10px 10px;
}
.sports {
position: absolute;
left: 50%;
transform: translate(-50%);
font-size: 18px;
font-weight: 600;
}
.word {
font-size: 14px;
font-weight: 550;
padding: 50px 50px 10px 10px;
}
.videoleft {
width: 40%;
height: 200px;
background: red;
}
.time {
font-size: 20px;
font-weight: 550;
padding: 10px 50px 10px 10px;
}
.number {
width: 25px;
height: 25px;
text-align: center;
display: inline-block;
color: white;
background: blue;
border-radius: 50%;
}
.nexttime {
font-size: 15px;
padding: 10px 50px 10px 10px;
}
.images {
width: 53%;
height: 241px;
margin: 0 auto;
background: red;
}
.attention {
font-size: 14px;
font-weight: 550;
padding: 10px 50px 10px 10px;
}
// .videobottom
// {
// font-size: 14px;
// font-weight: 550;
// padding: 10px 50px 10px 10px;
// }
}
.topheader {
width: 99%;
background-color: #fff;
margin: 0 auto;
.sport {
padding: 10px 50px 10px 10px;
font-size: 20px;
font-weight: 600;
}
.information {
display: flex;
flex-wrap: wrap;
padding: 10px 20px;
height: 110px;
.words {
font-size: 15px;
padding: 10px 50px 10px 10px;
}
.top,
.bottom {
color: #666666;
width: 100%;
display: flex;
.sports {
position: absolute;
left: 50%;
transform: translate(-50%);
font-size: 18px;
font-weight: 600;
}
div {
width: 25%;
}
}
}
.word {
font-size: 14px;
font-weight: 550;
padding: 50px 50px 10px 10px;
}
.user {
width: 100%;
padding: 0 20px;
display: flex;
height: 80px;
align-items: center;
line-height: 80px;
.videoleft {
width: 40%;
height: 200px;
background: red;
}
.source {
display: flex;
position: relative;
right: 59px;
position: absolute;
.item {
margin-left: 20px;
}
}
.time {
font-size: 20px;
font-weight: 550;
padding: 10px 50px 10px 10px;
}
.name {
font-size: 20px;
padding-left: 12px;
}
.number {
width: 25px;
height: 25px;
text-align: center;
display: inline-block;
color: white;
background: blue;
border-radius: 50%;
}
.gender {
padding-left: 10px;
}
.nexttime {
font-size: 15px;
padding: 10px 50px 10px 10px;
}
.age {
padding-left: 10px;
}
.images {
width: 53%;
height: 241px;
margin: 0 auto;
background: red;
}
.headsculpture {
border-radius: 50%;
width: 40px;
height: 40px;
}
}
}
}
</style>
.attention {
font-size: 14px;
font-weight: 550;
padding: 10px 50px 10px 10px;
}
// .videobottom
// {
// font-size: 14px;
// font-weight: 550;
// padding: 10px 50px 10px 10px;
// }
}
.topheader {
width: 99%;
background-color: #fff;
margin: 0 auto;
.information {
display: flex;
flex-wrap: wrap;
padding: 10px 20px;
height: 110px;
.top,
.bottom {
color: #666666;
width: 100%;
display: flex;
div {
width: 25%;
}
}
}
.user {
width: 100%;
padding: 0 20px;
display: flex;
height: 80px;
align-items: center;
line-height: 80px;
.source {
display: flex;
position: relative;
right: 59px;
position: absolute;
.item {
margin-left: 20px;
}
}
.name {
font-size: 20px;
padding-left: 12px;
}
.gender {
padding-left: 10px;
}
.age {
padding-left: 10px;
}
.headsculpture {
border-radius: 50%;
width: 40px;
height: 40px;
}
}
}
}
</style>

View File

@ -197,28 +197,17 @@
</el-select>
</el-form-item>
<br />
<el-form-item label="发送短信" prop="phone">
<el-form-item label="电话短信提醒" prop="phone">
<el-select disabled v-model="formlist.phoneMessageRemind" style="width: 200px">
<el-option v-for="item in optionslist" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue">
</el-option>
</el-select>
<!-- <el-input
style="width: 200px"
v-model="formlist.phoneMessageRemind"
placeholder="请输入电话"
/> -->
</el-form-item>
<br />
<el-form-item label="话术图" prop="phone">
<img :src="formlist.scriptFilePath" style="width: 250px; height: 200px" />
</el-form-item>
<br />
<el-form-item label="短信模板:" prop="phone">
<span class="spanname">
<message style="width: 200px;height:100px" @on-template="messageontemplateMESSAGE"
<message style="width: 200px;height:50px" @on-template="messageontemplateMESSAGE"
:templateId="formlist.phoneMessageTemplateId" :templateName="formlist.phoneMessageTemplateName">
</message>
</span>
@ -283,12 +272,12 @@ export default {
},
rules: {
routeHandleRemark: [
{ required: true, message: "请输入任务处理信息", trigger: "change" },
{ required: true, message: "请输入任务处理信息", trigger: "blur" },
],
},
rulesphone: {
routeHandleRemark: [
{ required: true, message: "请输入任务处理信息", trigger: "change" },
{ required: true, message: "请输入任务处理信息", trigger: "blur" },
],
},
radio: "B",
@ -304,9 +293,10 @@ export default {
};
},
created() {
this.infolistword();
this.id = this.$route.query.manageRouteId;
this.info();
this.infolistword()
this.infolistMESSAGE();
if (
this.$route.query.taskType == "QUESTIONNAIRE_SCALE" ||
@ -314,11 +304,19 @@ export default {
) {
this.questioninfo();
} else {
selectPhonePush(this.$route.query.manageRouteNodeId).then((response) => {
selectPhonePush(this.$route.query.manageRouteNodeId).then((response) => {
if (response.data) {
this.formlist = response.data;
if(this.formlist.phonePushSign==0){
this.formlist.phonePushSign='0'
}else if(this.formlist.phonePushSign==1){
this.formlist.phonePushSign='1'
}
}
});
}
},
methods: {
@ -385,6 +383,7 @@ export default {
info() {
selectFollowPatientInfo(this.id).then((res) => {
this.list = res.data;
});
},
questioninfo() {

View File

@ -307,7 +307,7 @@
</el-select>
</el-form-item>
<br />
<el-form-item label="发送短信" prop="phone">
<el-form-item label="电话短信提醒" prop="phone">
<el-select
disabled
v-model="formlist.phoneMessageRemind"
@ -460,6 +460,11 @@ export default {
selectPhonePush(this.$route.query.manageRouteNodeId).then((response) => {
if (response.data) {
this.formlist = response.data;
if(this.formlist.phonePushSign==0){
this.formlist.phonePushSign='0'
}else if(this.formlist.phonePushSign==1){
this.formlist.phonePushSign='1'
}
}
});
}

View File

@ -1,346 +1,431 @@
<template>
<div class="header">
<div class="header-app">
<div class="addbtn">
<el-button type="primary" @click="add" size="small">添加就诊记录</el-button>
</div>
<el-descriptions title="患者信息">
<el-descriptions-item label="患者姓名">{{ $route.query.patientName }}</el-descriptions-item>
<el-descriptions-item label="性别">{{ $route.query.sex == 'MALE' ? '男' : "" }}
{{ $route.query.sex == 'FEMALE' ? '女' : "" }}
</el-descriptions-item>
<el-descriptions-item label="年龄">{{ $route.query.age }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ $route.query.patientPhone }}</el-descriptions-item>
<el-descriptions-item label="pat_id">{{ $route.query.patientId }}</el-descriptions-item>
<el-descriptions-item label="身份证号">{{ $route.query.cardNo }}</el-descriptions-item>
</el-descriptions>
</div>
<div class="header-app" style="margin-top: 16px;padding:0">
<div class="left">
<div class="list">
<div class="item" v-for="(item, index) in recodelist" :key="item.id"
@click="clickrecord(item, index)" :class="index == recodeindex ? 'tapitem' : ''">
<div class="text">入院时间{{ item.admissionTime }}
</div>
<div class="text">出院时间{{ item.dischargeTime }}
</div>
<div class="text">就诊类型{{ item.visitMethod == 'OUTPATIENT_SERVICE' ? '门诊' : "" }}
{{ item.visitMethod == 'BE_IN_HOSPITAL' ? '住院' : "" }}
</div>
</div>
</div>
</div>
<div class="right" v-if="recodeindex >= 0">
<el-descriptions :title="form.id ? '就诊信息' : '新增就诊信息'">
</el-descriptions>
<div class="btns">
<el-button type="primary" @click="submitForm" size="small"> </el-button>
<el-button @click="cancel" size="small"> </el-button>
</div>
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form-item label="就诊方式" prop="visitMethod">
<el-radio-group v-model="form.visitMethod">
<el-radio label="BE_IN_HOSPITAL">住院</el-radio>
<el-radio label="OUTPATIENT_SERVICE">门诊</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-form ref="form" :model="form" :rules="rules" label-width="130px" :inline="true">
<el-form-item label="主要诊断" prop="mainDiagnosis">
<el-input v-model="form.mainDiagnosis" style="width:300px" placeholder="请输入主要诊断"></el-input>
</el-form-item>
<el-form-item label="就诊流水号" prop="visitSerialNumber">
<el-input v-model="form.visitSerialNumber" style="width:300px"
placeholder="请输入就诊流水号"></el-input>
</el-form-item>
<el-form-item label="科室名称" prop="departmentId">
<el-select v-model="form.departmentId" filterable placeholder="请选择科室" style="width:300px"
clearable>
<el-option v-for="item in departmentlist" :key="item.id" :label="item.departmentName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="主治医生" prop="attendingPhysicianId">
<el-select v-model="form.attendingPhysicianId" filterable placeholder="请选择主治医生"
style="width:300px" clearable>
<el-option v-for="item in attendingPhysicianlist" :key="item.userId" :label="item.nickName"
:value="item.userId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="门诊/住院编号" prop="inHospitalNumber">
<el-input v-model="form.inHospitalNumber" style="width:300px"
placeholder="请输入门诊/住院编号"></el-input>
</el-form-item>
<el-form-item label="入院时间" prop="admissionTime">
<el-date-picker style="width:300px" v-model="form.admissionTime" type="datetime"
value-format="yyyy-MM-dd HH:mm" format='yyyy-MM-dd HH:mm' :picker-options="pickerOptions"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="出院时间" prop="dischargeTime">
<el-date-picker style="width:300px" v-model="form.dischargeTime" type="datetime"
:picker-options="pickerOptionstwo" value-format="yyyy-MM-dd HH:mm" format='yyyy-MM-dd HH:mm'
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="手术记录" prop="surgicalRecord" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
<editor v-model="form.surgicalRecord" :min-height="192" />
</el-form-item>
<el-form-item label="入院病历" prop="inHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item label="门诊病历" prop="inHospitalInfo" v-if="form.visitMethod == 'OUTPATIENT_SERVICE'">
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item label="出院病历" prop="outHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
<editor v-model="form.outHospitalInfo" :min-height="192" />
</el-form-item>
</el-form>
</div>
</div>
<div class="header">
<div class="header-app">
<div class="addbtn">
<el-button type="primary" @click="add" size="small"
>添加就诊记录</el-button
>
</div>
<el-descriptions title="患者信息">
<el-descriptions-item label="患者姓名">{{
$route.query.patientName
}}</el-descriptions-item>
<el-descriptions-item label="性别"
>{{ $route.query.sex == "MALE" ? "男" : "" }}
{{ $route.query.sex == "FEMALE" ? "女" : "" }}
</el-descriptions-item>
<el-descriptions-item label="年龄">{{
$route.query.age
}}</el-descriptions-item>
<el-descriptions-item label="电话">{{
$route.query.patientPhone
}}</el-descriptions-item>
<el-descriptions-item label="pat_id">{{
$route.query.patientId
}}</el-descriptions-item>
<el-descriptions-item label="身份证号">{{
$route.query.cardNo
}}</el-descriptions-item>
</el-descriptions>
</div>
<div class="header-app" style="margin-top: 16px; padding: 0">
<div class="left">
<div class="list">
<div
class="item"
v-for="(item, index) in recodelist"
:key="item.id"
@click="clickrecord(item, index)"
:class="index == recodeindex ? 'tapitem' : ''"
>
<div class="text">入院时间{{ item.admissionTime }}</div>
<div class="text">出院时间{{ item.dischargeTime }}</div>
<div class="text">
就诊类型{{
item.visitMethod == "OUTPATIENT_SERVICE" ? "门诊" : ""
}}
{{ item.visitMethod == "BE_IN_HOSPITAL" ? "住院" : "" }}
</div>
</div>
</div>
</div>
<div class="right" v-if="recodeindex >= 0">
<el-descriptions :title="form.id ? '就诊信息' : '新增就诊信息'">
</el-descriptions>
<div class="btns">
<el-button type="primary" @click="submitForm" size="small"
> </el-button
>
<el-button @click="cancel" size="small"> </el-button>
</div>
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form-item label="就诊方式" prop="visitMethod">
<el-radio-group v-model="form.visitMethod">
<el-radio label="BE_IN_HOSPITAL">住院</el-radio>
<el-radio label="OUTPATIENT_SERVICE">门诊</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="130px"
:inline="true"
>
<el-form-item label="主要诊断" prop="mainDiagnosis">
<el-input
v-model="form.mainDiagnosis"
style="width: 300px"
placeholder="请输入主要诊断"
></el-input>
</el-form-item>
<el-form-item label="就诊流水号" prop="visitSerialNumber">
<el-input
v-model="form.visitSerialNumber"
style="width: 300px"
placeholder="请输入就诊流水号"
></el-input>
</el-form-item>
<el-form-item label="科室名称" prop="departmentId">
<el-select
v-model="form.departmentId"
filterable
placeholder="请选择科室"
style="width: 300px"
clearable
>
<el-option
v-for="item in departmentlist"
:key="item.id"
:label="item.departmentName"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="主治医生" prop="attendingPhysicianId">
<el-select
v-model="form.attendingPhysicianId"
filterable
placeholder="请选择主治医生"
style="width: 300px"
clearable
>
<el-option
v-for="item in attendingPhysicianlist"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="门诊/住院编号" prop="inHospitalNumber">
<el-input
v-model="form.inHospitalNumber"
style="width: 300px"
placeholder="请输入门诊/住院编号"
></el-input>
</el-form-item>
<el-form-item label="入院时间" prop="admissionTime">
<el-date-picker
style="width: 300px"
v-model="form.admissionTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm"
format="yyyy-MM-dd HH:mm"
:picker-options="pickerOptions"
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="出院时间" prop="dischargeTime">
<el-date-picker
style="width: 300px"
v-model="form.dischargeTime"
type="datetime"
:picker-options="pickerOptionstwo"
value-format="yyyy-MM-dd HH:mm"
format="yyyy-MM-dd HH:mm"
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
<el-form-item
label="手术记录"
prop="surgicalRecord"
v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
>
<editor v-model="form.surgicalRecord" :min-height="192" />
</el-form-item>
<el-form-item
label="入院病历"
prop="inHospitalInfo"
v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
>
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item
label="门诊病历"
prop="inHospitalInfo"
v-if="form.visitMethod == 'OUTPATIENT_SERVICE'"
>
<editor v-model="form.inHospitalInfo" :min-height="192" />
</el-form-item>
<el-form-item
label="出院病历"
prop="outHospitalInfo"
v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
>
<editor v-model="form.outHospitalInfo" :min-height="192" />
</el-form-item>
</el-form>
</div>
</div>
</div>
</template>
<script>
import { getList, usergetList, updateRecord, saveRecord } from "@/api/unitconfig/patientConfiguration";
import { getDepartmentList } from "@/api/manage/selectAgencyList";
export default {
name: "PatientConfigurationVisitRecords",
data() {
return {
pickerOptions: {
disabledDate: (time) => {
if (this.form.dischargeTime) {
return time.getTime() > new Date(this.form.dischargeTime).getTime();
}
},
},
pickerOptionstwo: {
disabledDate: (time) => {
if (this.form.admissionTime) {
return time.getTime() < new Date(this.form.admissionTime).getTime();
}
},
},
departmentlist: [],
attendingPhysicianlist: [],
form: {},
rules: {
visitMethod: [
{ required: true, message: "就诊方式不能为空", trigger: "blur" }
],
mainDiagnosis: [
{ required: true, message: "主要诊断不能为空", trigger: "blur" }
],
visitSerialNumber: [
{ required: true, message: "就诊流水号不能为空", trigger: "blur" }
],
attendingPhysicianId: [
{ required: true, message: "主治医生不能为空", trigger: "blur" }
],
inHospitalNumber: [
{ required: true, message: "门诊/住院编号不能为空", trigger: "blur" }
],
departmentId: [
{ required: true, message: "科室名称不能为空", trigger: "blur" }
],
admissionTime: [
{ required: true, message: "入院时间不能为空", trigger: "blur" }
],
dischargeTime: [
{ required: true, message: "出院时间不能为空", trigger: "blur" }
],
surgicalRecord: [
{ required: true, message: "手术记录不能为空", trigger: "blur" }
],
inHospitalInfo: [
{ required: true, message: "病历不能为空", trigger: "blur" }
],
outHospitalInfo: [
{ required: true, message: "病历不能为空", trigger: "blur" }
],
},
recodelist: [],
recodeindex: undefined,
todaytime: '',
};
name: "PatientConfigurationVisitRecords",
data() {
return {
pickerOptions: {
disabledDate: (time) => {
if (this.form.dischargeTime) {
return time.getTime() > new Date(this.form.dischargeTime).getTime();
}
},
},
pickerOptionstwo: {
disabledDate: (time) => {
if (this.form.admissionTime) {
return time.getTime() < new Date(this.form.admissionTime).getTime();
}
},
},
departmentlist: [],
attendingPhysicianlist: [],
form: {},
rules: {
visitMethod: [
{ required: true, message: "就诊方式不能为空", trigger: "blur" }
],
mainDiagnosis: [
{ required: true, message: "主要诊断不能为空", trigger: "blur" }
],
visitSerialNumber: [
{ required: true, message: "就诊流水号不能为空", trigger: "blur" }
],
attendingPhysicianId: [
{ required: true, message: "主治医生不能为空", trigger: "blur" }
],
inHospitalNumber: [
{ required: true, message: "门诊/住院编号不能为空", trigger: "blur" }
],
departmentId: [
{ required: true, message: "科室名称不能为空", trigger: "blur" }
],
admissionTime: [
{ required: true, message: "入院时间不能为空", trigger: "blur" }
],
dischargeTime: [
{ required: true, message: "出院时间不能为空", trigger: "blur" }
],
surgicalRecord: [
{ required: true, message: "手术记录不能为空", trigger: "blur" }
],
inHospitalInfo: [
{ required: true, message: "病历不能为空", trigger: "blur" }
],
outHospitalInfo: [
{ required: true, message: "病历不能为空", trigger: "blur" }
],
},
recodelist: [],
recodeindex: undefined,
todaytime: '',
};
},
created() {
this.dateFormat();
this.info();
this.changecampusAgency();
this.usergetListinfo();
},
methods: {
add() {
let item = {
visitMethod: '',
mainDiagnosis: '',
visitSerialNumber: '',
departmentId: '',
departmentName: '',
attendingPhysicianId: '',
inHospitalNumber: '',
attendingPhysicianName: '',
admissionTime: this.todaytime,
dischargeTime: '',
inHospitalInfo: '',
surgicalRecord: '',
outHospitalInfo: '',
}
this.recodelist.unshift(item)
this.recodeindex = 0
this.form = item
},
created() {
this.dateFormat();
this.info();
this.changecampusAgency();
this.usergetListinfo();
//
cancel() {
this.recodeindex = undefined
this.form = {}
},
methods: {
add() {
let item = {
visitMethod: '',
mainDiagnosis: '',
visitSerialNumber: '',
departmentId: '',
departmentName: '',
attendingPhysicianId: '',
inHospitalNumber: '',
attendingPhysicianName: '',
admissionTime: this.todaytime,
dischargeTime: '',
inHospitalInfo: '',
surgicalRecord: '',
outHospitalInfo: '',
}
this.recodelist.unshift(item)
this.recodeindex = 0
this.form = item
},
//
cancel() {
this.recodeindex = undefined
this.form = {}
},
//
submitForm() {
if (this.form.departmentId && this.departmentlist?.length > 0) {
this.form.departmentName = this.departmentlist.find(e => e.id == this.form.departmentId)?.departmentName
}
if (this.form.attendingPhysicianId && this.attendingPhysicianlist?.length > 0) {
this.form.attendingPhysicianName = this.attendingPhysicianlist.find(e => e.userId == this.form.attendingPhysicianId)?.nickName
}
if (this.form.id) {
updateRecord(this.form).then(res => {
this.$modal.msgSuccess("保存就诊记录成功");
this.info();
})
} else {
this.form = { ...this.form, ...this.$route.query }
saveRecord(this.form).then(res => {
this.$modal.msgSuccess("新增就诊记录成功");
this.info();
})
}
},
//
usergetListinfo() {
usergetList({
hospitalAgencyId: this.$route.query.hospitalAgencyId,
postName: 'DOCTOR'
}).then(res => {
this.attendingPhysicianlist = res.data
})
},
//
changecampusAgency() {
let query = {
nodeType: 'DEPARTMENT',
hospitalAgencyId: this.$route.query.hospitalAgencyId,
}
getDepartmentList(query).then(res => {
this.departmentlist = res.data
})
},
//
clickrecord(item, index) {
if (this.recodeindex == index) {
this.recodeindex = undefined
} else {
this.recodeindex = index
}
this.form = item
},
//
info() {
getList({
patientId: this.$route.query.patientId
}).then(res => {
this.recodeindex = undefined
this.recodelist = res.data
})
},
dateFormat() {
const daterc = new Date();
var date = new Date(daterc);
var year = date.getFullYear();
/* 0110
* 使用三元表达式在小于10的前面加0以达到格式统一 09:11:05
* */
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
//
this.todaytime = year + "-" + month + "-" + day + " " + hours + ":" + minutes
},
}
//
submitForm() {
if (this.form.departmentId && this.departmentlist?.length > 0) {
this.form.departmentName = this.departmentlist.find(e => e.id == this.form.departmentId)?.departmentName
}
if (this.form.attendingPhysicianId && this.attendingPhysicianlist?.length > 0) {
this.form.attendingPhysicianName = this.attendingPhysicianlist.find(e => e.userId == this.form.attendingPhysicianId)?.nickName
}
if (this.form.id) {
updateRecord(this.form).then(res => {
this.$modal.msgSuccess("保存就诊记录成功");
this.info();
})
} else {
this.form = { ...this.form, ...this.$route.query }
saveRecord(this.form).then(res => {
this.$modal.msgSuccess("新增就诊记录成功");
this.info();
})
}
},
//
usergetListinfo() {
usergetList({
hospitalAgencyId: this.$route.query.hospitalAgencyId,
postName: 'DOCTOR'
}).then(res => {
this.attendingPhysicianlist = res.data
})
},
//
changecampusAgency() {
let query = {
nodeType: 'DEPARTMENT',
hospitalAgencyId: this.$route.query.hospitalAgencyId,
}
getDepartmentList(query).then(res => {
this.departmentlist = res.data
})
},
//
clickrecord(item, index) {
if (this.recodeindex == index) {
this.recodeindex = undefined
} else {
this.recodeindex = index
}
this.form = item
},
//
info() {
getList({
patientId: this.$route.query.patientId
}).then(res => {
this.recodeindex = undefined
this.recodelist = res.data
})
},
dateFormat() {
const daterc = new Date();
var date = new Date(daterc);
var year = date.getFullYear();
/* 0110
* 使用三元表达式在小于10的前面加0以达到格式统一 09:11:05
* */
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
//
this.todaytime = year + "-" + month + "-" + day + " " + hours + ":" + minutes
},
}
};
</script>
<style lang="scss" scoped>
.header {
background-color: #F1F3F5;
padding-top: 16px;
background-color: #f1f3f5;
padding-top: 16px;
.header-app {
width: 98%;
padding: 40px;
margin: 0 auto;
background-color: #fff;
display: flex;
position: relative;
.header-app {
width: 98%;
padding: 40px;
margin: 0 auto;
background-color: #fff;
display: flex;
position: relative;
.addbtn {
position: absolute;
right: 40px;
top: 40px;
}
.left {
width: 25%;
.list {
height: 450px;
overflow: scroll;
//
overflow-x: hidden !important;
width: 96%;
.tapitem {
background-color: #D2E9FC;
border-left: 2px solid #1890ff !important;
border-bottom: 1px solid #fff !important;
}
.item {
height: 130px;
padding: 10px 10px;
position: relative;
border-left: 2px solid #D2E9FC;
border-bottom: 1px solid #E7E7E7;
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 38px;
line-height: 38px;
font-size: 15px;
font-weight: 600;
}
}
}
}
.right {
width: 75%;
margin-top: 15px;
position: relative;
.btns {
position: absolute;
right: 20px;
top: 0px;
}
}
.addbtn {
position: absolute;
right: 40px;
top: 40px;
}
.left {
width: 25%;
.list {
height: 450px;
overflow: scroll;
//
overflow-x: hidden !important;
width: 96%;
.tapitem {
background-color: #d2e9fc;
border-left: 2px solid #1890ff !important;
border-bottom: 1px solid #fff !important;
}
.item {
height: 130px;
padding: 10px 10px;
position: relative;
border-left: 2px solid #d2e9fc;
border-bottom: 1px solid #e7e7e7;
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 38px;
line-height: 38px;
font-size: 15px;
font-weight: 600;
}
}
}
}
.right {
overflow: auto;
width: 75%;
margin-top: 15px;
position: relative;
height: 63vh;
.btns {
position: absolute;
right: 20px;
top: 0px;
}
}
}
}
</style>