Skip to content

V
vue-composition-api
Commit d12187db by Licx
Options

css报错修改

parent 68c4e055
Showing with 165 additions and 90 deletions
src/views/outseeQualityControl.vue
...@@ -10,7 +10,13 @@ ...@@ -10,7 +10,13 @@
<div class="outseeQualityControl"> <div class="outseeQualityControl">
<div class="outseeQualityControl_box"> <div class="outseeQualityControl_box">
<div class="outseeQualityControl_box_btn"> <div class="outseeQualityControl_box_btn">
<el-button class="outseeQualityControl_box_btn_button" size="mini" type="primary" @click="getSynchronous">同步数据</el-button> <el-button
class="outseeQualityControl_box_btn_button"
size="mini"
type="primary"
@click="getSynchronous"
>同步数据</el-button
>
</div> </div>
<div class="outseeQualityControl_box_header"> <div class="outseeQualityControl_box_header">
<div class="outseeQualityControl_box_header_text"></div> <div class="outseeQualityControl_box_header_text"></div>
...@@ -18,26 +24,42 @@ ...@@ -18,26 +24,42 @@
<div class="outseeQualityControl_box_Content"> <div class="outseeQualityControl_box_Content">
<div class="outseeQualityControl_box_Content_left"> <div class="outseeQualityControl_box_Content_left">
<medical-record-homepage :medicalrecord="medicalrecord" :clicktitle="clicktitle"> </medical-record-homepage> <medical-record-homepage
:medicalrecord="medicalrecord"
:clicktitle="clicktitle"
>
</medical-record-homepage>
</div> </div>
<div class="outseeQualityControl_box_Content_right"> <div class="outseeQualityControl_box_Content_right">
<div class="outseeQualityControl_box_Content_right_top"> <div class="outseeQualityControl_box_Content_right_top">
<!--非编码问题 --> <!--非编码问题 -->
<div <div
:class="[isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_left' : 'outseeQualityControl_box_Content_right_top_left11']" :class="[
isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left'
: 'outseeQualityControl_box_Content_right_top_left11'
]"
@click="leftcode" @click="leftcode"
> >
<div class="outseeQualityControl_box_Content_right_top_left_div1"> <div class="outseeQualityControl_box_Content_right_top_left_div1">
<img src="../assets/img/fbm.png" alt="" v-show="isleftcodeShow" /> <img
<img src="../assets/img/bm.png" alt="" v-show="!isleftcodeShow" /> src="../assets/img/fbm.png"
alt=""
v-show="isleftcodeShow"
/>
<img
src="../assets/img/bm.png"
alt=""
v-show="!isleftcodeShow"
/>
</div> </div>
<div class="outseeQualityControl_box_Content_right_top_left_div2"> <div class="outseeQualityControl_box_Content_right_top_left_div2">
<span <span
:class="[ :class="[
isleftcodeShow isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span1' ? 'outseeQualityControl_box_Content_right_top_left_div2_span1'
: 'outseeQualityControl_box_Content_right_top_left_div2_span11', : 'outseeQualityControl_box_Content_right_top_left_div2_span11'
]" ]"
>{{ fruleCount }}</span >{{ fruleCount }}</span
> >
...@@ -45,7 +67,7 @@ ...@@ -45,7 +67,7 @@
:class="[ :class="[
isleftcodeShow isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_left_div2_span2' ? 'outseeQualityControl_box_Content_right_top_left_div2_span2'
: 'outseeQualityControl_box_Content_right_top_left_div2_span22', : 'outseeQualityControl_box_Content_right_top_left_div2_span22'
]" ]"
>非编码问题</span >非编码问题</span
> >
...@@ -54,20 +76,34 @@ ...@@ -54,20 +76,34 @@
<!-- 编码问题 --> <!-- 编码问题 -->
<div <div
:class="[ :class="[
isleftcodeShow ? 'outseeQualityControl_box_Content_right_top_right' : 'outseeQualityControl_box_Content_right_top_right11', isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right'
: 'outseeQualityControl_box_Content_right_top_right11'
]" ]"
@click="rightcode" @click="rightcode"
> >
<div class="outseeQualityControl_box_Content_right_top_right_div1"> <div
<img src="../assets/img/fbm.png" alt="" v-show="!isleftcodeShow" /> class="outseeQualityControl_box_Content_right_top_right_div1"
<img src="../assets/img/bm.png" alt="" v-show="isleftcodeShow" /> >
<img
src="../assets/img/fbm.png"
alt=""
v-show="!isleftcodeShow"
/>
<img
src="../assets/img/bm.png"
alt=""
v-show="isleftcodeShow"
/>
</div> </div>
<div class="outseeQualityControl_box_Content_right_top_right_div2"> <div
class="outseeQualityControl_box_Content_right_top_right_div2"
>
<span <span
:class="[ :class="[
isleftcodeShow isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span1' ? 'outseeQualityControl_box_Content_right_top_right_div2_span1'
: 'outseeQualityControl_box_Content_right_top_right_div2_span11', : 'outseeQualityControl_box_Content_right_top_right_div2_span11'
]" ]"
>{{ ruleCount }}</span >{{ ruleCount }}</span
> >
...@@ -75,7 +111,7 @@ ...@@ -75,7 +111,7 @@
:class="[ :class="[
isleftcodeShow isleftcodeShow
? 'outseeQualityControl_box_Content_right_top_right_div2_span2' ? 'outseeQualityControl_box_Content_right_top_right_div2_span2'
: 'outseeQualityControl_box_Content_right_top_right_div2_span22', : 'outseeQualityControl_box_Content_right_top_right_div2_span22'
]" ]"
>编码问题</span >编码问题</span
> >
...@@ -83,12 +119,21 @@ ...@@ -83,12 +119,21 @@
</div> </div>
</div> </div>
<div class="outseeQualityControl_box_Content_right_center"> <div class="outseeQualityControl_box_Content_right_center">
<div class="outseeQualityControl_box_Content_right_center_line" v-show="isleftcodeShow"></div> <div
<div class="outseeQualityControl_box_Content_right_center_line2" v-show="!isleftcodeShow"></div> class="outseeQualityControl_box_Content_right_center_line"
v-show="isleftcodeShow"
></div>
<div
class="outseeQualityControl_box_Content_right_center_line2"
v-show="!isleftcodeShow"
></div>
</div> </div>
<div class="outseeQualityControl_box_Content_right_bottom"> <div class="outseeQualityControl_box_Content_right_bottom">
<!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> --> <!-- <div class="outseeQualityControl_box_Content_right_bottom_title">患者基本信息</div> -->
<div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="isleftcodeShow"> <div
class="outseeQualityControl_box_Content_right_bottom_tree"
v-show="isleftcodeShow"
>
<el-tree <el-tree
:data="departmentTree" :data="departmentTree"
:props="defaultProps" :props="defaultProps"
...@@ -99,10 +144,18 @@ ...@@ -99,10 +144,18 @@
> >
<template #default="{ node, data }"> <template #default="{ node, data }">
<span class="custom-tree-node"> <span class="custom-tree-node">
<div class="leftbox" :class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']"> <div
class="leftbox"
:class="[data.ruleName != '非编码问题' ? 'leftboxs' : '']"
>
<el-tooltip placement="bottom" trigger="hover"> <el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template> <template #content>{{ data.ruleName }} </template>
<span :class="[data.ruleName == '非编码问题' ? 'spans' : '']">{{ data.ruleName }}</span> <span
:class="[
data.ruleName == '非编码问题' ? 'spans' : ''
]"
>{{ data.ruleName }}</span
>
</el-tooltip> </el-tooltip>
</div> </div>
</span> </span>
...@@ -110,7 +163,10 @@ ...@@ -110,7 +163,10 @@
</el-tree> </el-tree>
</div> </div>
<div class="outseeQualityControl_box_Content_right_bottom_tree" v-show="!isleftcodeShow"> <div
class="outseeQualityControl_box_Content_right_bottom_tree"
v-show="!isleftcodeShow"
>
<el-tree <el-tree
:data="rightdepartmentTree" :data="rightdepartmentTree"
:props="defaultProps" :props="defaultProps"
...@@ -122,18 +178,35 @@ ...@@ -122,18 +178,35 @@
> >
<template #default="{ node, data }"> <template #default="{ node, data }">
<span class="custom-tree-node"> <span class="custom-tree-node">
<div class="leftbox" :class="[data.ruleName != '编码问题' ? 'leftboxs' : '']"> <div
class="leftbox"
:class="[data.ruleName != '编码问题' ? 'leftboxs' : '']"
>
<el-tooltip placement="bottom" trigger="hover"> <el-tooltip placement="bottom" trigger="hover">
<template #content>{{ data.ruleName }} </template> <template #content>{{ data.ruleName }} </template>
<span :class="[data.ruleName == '编码问题' ? 'spans' : '']">{{ data.ruleName }}</span> <span
:class="[data.ruleName == '编码问题' ? 'spans' : '']"
>{{ data.ruleName }}</span
>
</el-tooltip> </el-tooltip>
</div> </div>
</span> </span>
</template> </template>
</el-tree> </el-tree>
<div class="outseeQualityControl_box_Content_right_bottom_tree_nodata" v-show="isnodataShow"> <div
<img class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img" src="../assets/img/mininodata.png" alt="" /> class="outseeQualityControl_box_Content_right_bottom_tree_nodata"
<div class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text">暂无数据</div> v-show="isnodataShow"
>
<img
class="outseeQualityControl_box_Content_right_bottom_tree_nodata_img"
src="../assets/img/mininodata.png"
alt=""
/>
<div
class="outseeQualityControl_box_Content_right_bottom_tree_nodata_text"
>
暂无数据
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -144,16 +217,16 @@ ...@@ -144,16 +217,16 @@
</template> </template>
<script> <script>
import http from "../utils/http"; import http from '../utils/http'
import medicalRecordHomepage from "../components/medicalRecordHomepage/index.vue"; import medicalRecordHomepage from '../components/medicalRecordHomepage/index.vue'
import $ from "jquery"; import $ from 'jquery'
import { setItem, getItem } from "../utils/auth"; import { setItem, getItem } from '../utils/auth'
import { Message, Loading } from "element-ui"; import { Message, Loading } from 'element-ui'
export default { export default {
components: { components: {
medicalRecordHomepage, medicalRecordHomepage
}, },
name: "outseeQualityControl", name: 'outseeQualityControl',
data() { data() {
return { return {
medicalrecord: null, medicalrecord: null,
...@@ -163,112 +236,115 @@ export default { ...@@ -163,112 +236,115 @@ export default {
rightdepartmentTree: [], //编码问题数据 rightdepartmentTree: [], //编码问题数据
isleftcodeShow: true, //非编码问题数据是否显示 isleftcodeShow: true, //非编码问题数据是否显示
defaultProps: { defaultProps: {
children: "rulesLists", children: 'rulesLists',
label: "ruleName", label: 'ruleName'
}, },
clicktitle: "", clicktitle: '',
fruleCount: "", //非编码问题数据条数 fruleCount: '', //非编码问题数据条数
ruleCount: "", //编码问题数据条数 ruleCount: '', //编码问题数据条数
isnodataShow: false, //编码是否有数据, isnodataShow: false, //编码是否有数据,
inhtml: "", inhtml: '',
splithtml: "", // splithtml: '', //
splithtml2: "", //单位电话 splithtml2: '', //单位电话
splithtml3: "", //病房 splithtml3: '', //病房
keys: [], //获取所有的问卷key keys: [], //获取所有的问卷key
values: [], // values: [], //
loadingOption1: { loadingOption1: {
// 加载loading // 加载loading
fullscreen: true, fullscreen: true,
text: "正在加载...", text: '正在加载...',
spinner: "el-icon-loading", spinner: 'el-icon-loading',
background: "rgba(0, 0, 0, 0.5)", background: 'rgba(0, 0, 0, 0.5)'
}, }
}; }
}, },
mounted() { mounted() {
if (this.$route.query.id) { if (this.$route.query.id) {
this.getScoringDetails(this.$route.query.id); this.getScoringDetails(this.$route.query.id)
this.getHomePage(this.$route.query.id); this.getHomePage(this.$route.query.id)
setItem("outpid", this.$route.query.id); setItem('outpid', this.$route.query.id)
} }
}, },
methods: { methods: {
//同步数据 //同步数据
getSynchronous(id) { getSynchronous(id) {
http.post(`/medical/get/Synchronization?id=${this.$route.query.id}`) http
.post(`/medical/get/Synchronization?id=${this.$route.query.id}`)
.then((data) => { .then((data) => {
Message.success(data.message); Message.success(data.message)
}) })
.catch((error) => { .catch((error) => {
Message.error(error); Message.error(error)
}); })
}, },
//获取到点击的值 //获取到点击的值
handleNodeClick(data) { handleNodeClick(data) {
let arr = document.getElementsByClassName(data.columnName); let arr = document.getElementsByClassName(data.columnName)
let dom = $("#medicalRecord").find("#clickColor"); let dom = $('#medicalRecord').find('#clickColor')
if (dom.length != 0) { if (dom.length != 0) {
dom.removeAttr("id"); dom.removeAttr('id')
} }
arr[0].setAttribute("id", "clickColor"); arr[0].setAttribute('id', 'clickColor')
this.scrollTop(); this.scrollTop()
}, },
scrollTop() { scrollTop() {
if ($("#clickColor").position()) { if ($('#clickColor').position()) {
$(".outseeQualityControl_box_Content_left").animate( $('.outseeQualityControl_box_Content_left').animate(
{ {
scrollTop: scrollTop:
$("#clickColor").offset().top - $('#clickColor').offset().top -
$(".outseeQualityControl_box_Content_left").offset().top + $('.outseeQualityControl_box_Content_left').offset().top +
$(".outseeQualityControl_box_Content_left").scrollTop() - $('.outseeQualityControl_box_Content_left').scrollTop() -
300, 300
}, },
500 500
); )
} }
}, },
//获取患者基本信息树形数据 //获取患者基本信息树形数据
getScoringDetails(id) { getScoringDetails(id) {
var loadingInstance1 = Loading.service(this.loadingOption1); var loadingInstance1 = Loading.service(this.loadingOption1)
http.post(`/medical/get/GetCaseHisRule?id=${id}`, {}) http
.post(`/medical/get/GetCaseHisRule?id=${id}`, {})
.then((data) => { .then((data) => {
this.departmentTree = data[0].rulesLists; this.departmentTree = data[0].rulesLists
this.rightdepartmentTree = data[1].rulesLists; this.rightdepartmentTree = data[1].rulesLists
this.fruleCount = data[0].ruleCount; this.fruleCount = data[0].ruleCount
this.ruleCount = data[1].ruleCount; this.ruleCount = data[1].ruleCount
if (this.fruleCount == 0 || this.ruleCount == 0) { if (this.fruleCount == 0 || this.ruleCount == 0) {
this.isnodataShow = true; this.isnodataShow = true
} }
loadingInstance1.close(); loadingInstance1.close()
}) })
.catch((error) => { .catch((error) => {
loadingInstance1.close(); loadingInstance1.close()
}); })
}, },
// 获取病案首页数据 // 获取病案首页数据
getHomePage(id) { getHomePage(id) {
http.post(`/medical/Get/HomeHisPage?id=${id}`, {}) http
.post(`/medical/Get/HomeHisPage?id=${id}`, {})
.then((data) => { .then((data) => {
this.medicalrecord = data; this.medicalrecord = data
this.keys = Object.keys(data); this.keys = Object.keys(data)
}) })
.catch((error) => {}); .catch((error) => {})
}, },
//点击非编码问题 //点击非编码问题
leftcode() { leftcode() {
this.isleftcodeShow = true; this.isleftcodeShow = true
}, },
//点击编码问题 //点击编码问题
rightcode() { rightcode() {
this.isleftcodeShow = false; this.isleftcodeShow = false
}, }
}, }
}; }
</script> </script>
<style lang="scss"> <style lang="scss">
...@@ -314,7 +390,7 @@ body { ...@@ -314,7 +390,7 @@ body {
&_header { &_header {
height: 25px; height: 25px;
margin-bottom: 20px; margin-bottom: 20px;
background: url("../assets/img/dataMaintenance/title.png") no-repeat; background: url('../assets/img/dataMaintenance/title.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 100%; width: 100%;
display: flex; display: flex;
...@@ -374,7 +450,7 @@ body { ...@@ -374,7 +450,7 @@ body {
flex: 1; flex: 1;
height: 100%; height: 100%;
border-radius: 8px; border-radius: 8px;
background-image: url("../assets/img/BG.png"); background-image: url('../assets/img/BG.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
display: flex; display: flex;
...@@ -541,7 +617,7 @@ body { ...@@ -541,7 +617,7 @@ body {
flex: 1; flex: 1;
height: 100%; height: 100%;
border-radius: 8px; border-radius: 8px;
background-image: url("../assets/img/BG.png"); background-image: url('../assets/img/BG.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
display: flex; display: flex;
...@@ -626,13 +702,12 @@ body { ...@@ -626,13 +702,12 @@ body {
} }
&_tree { &_tree {
height: 100%;
overflow-x: hidden;
.is-leaf { .is-leaf {
visibility: hidden; visibility: hidden;
} }
height: 100%;
overflow-x: hidden;
.leftboxs { .leftboxs {
border-bottom: 1px dashed #dddddd; border-bottom: 1px dashed #dddddd;
} }
......
yarn.lock 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment