yuwandanmian 1 年之前
父节点
当前提交
0f7a9492e7

+ 2 - 2
src/styles/custom.scss

@@ -55,9 +55,9 @@
 // 卡片背景
 
 .bg-box {
-  padding: 16px;
+  padding: 20px;
   .bg-card {
-    padding: 16px;
+    padding: 20px;
     background: #fff;
     border-radius: 5px;
     overflow-x: hidden;

+ 30 - 0
src/views/caseDataDnalyse/components/Ksyxl.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="bg-card mb20">
+    <CardTitle title="科室优秀率" />
+    <el-row :gutter="20">
+      <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="14">
+        123
+      </el-col>
+      <el-col :xs="24" :sm="24" :md="10" :lg="10" :xl="10">
+        <el-card shadow="always">
+          <h4>优秀首页科室平均得分排名</h4>
+          <ul>
+            <li v-for="(item, index) of ranks" :key="index">
+              <span class="dot">{{ index+ 1}}</span>
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+  export default {
+    
+  }
+</script>
+
+<style lang="sass" scoped>
+
+</style>

+ 157 - 0
src/views/caseDataDnalyse/components/Qxwtfx.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="bg-card mb20">
+    <CardTitle title="缺陷问题分析" />
+    <div class="mb20">
+      <el-radio-group v-model="searchData.radio">
+        <el-radio-button :label="1">缺陷问题(前十)</el-radio-button>
+        <el-radio-button :label="2">缺陷问题</el-radio-button>
+      </el-radio-group>
+    </div>
+    <div class="mb20">
+      <el-form :inline="true" :model="searchData" class="demo-form-inline">
+        <el-form-item label="" style="margin-bottom: 0">
+          <el-input v-model="searchData.hospital" clearable placeholder="医院名称"></el-input>
+        </el-form-item>
+        <el-form-item label="" style="margin-bottom: 0">
+          <el-select v-model="searchData.level" clearable filterable placeholder="缺陷分级">
+            <el-option label="强制" :value="1"></el-option>
+            <el-option label="建议" :value="2"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="" style="margin-bottom: 0">
+          <el-select v-model="searchData.type" clearable filterable placeholder="缺陷归类">
+            <el-option label="基本信息" :value="1"></el-option>
+            <el-option label="诊疗信息" :value="2"></el-option>
+            <el-option label="费用信息" :value="3"></el-option>
+            <el-option label="其他信息" :value="4"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item style="margin-bottom: 0">
+          <el-button type="primary">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-row :gutter="20">
+      <el-col :xs="24" :sm="24" :md="14" :lg="14" :xl="14">
+        <el-table
+          :data="tableData"
+          border
+          style="width: 100%">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="80"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="desc"
+            label="缺陷描述"
+            show-overflow-tooltip>
+          </el-table-column>
+          <el-table-column
+            prop="count"
+            label="缺陷数量"
+            width="120"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="level"
+            label="缺陷分级"
+            width="120"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="type"
+            label="缺陷归类"
+            width="120"
+            align="center">
+          </el-table-column>
+        </el-table>
+      </el-col>
+      <el-col :xs="24" :sm="24" :md="10" :lg="10" :xl="10">
+        123
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        searchData: {
+          radio: 1,
+          hospital: '',
+          level: '',
+          type: ''
+        },
+        tableData: [
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          },
+          {
+            desc: '新生儿病例,出院时天龄大于28天,出院诊断不能有P编码的诊断',
+            count: 500,
+            level: '强制',
+            type: '基本信息'
+          }
+        ]
+      }
+    }
+  }
+</script>
+
+<style lang="sass" scoped>
+
+</style>

+ 9 - 6
src/views/caseDataDnalyse/index.vue

@@ -114,13 +114,9 @@
       </el-row>
     </div>
     <!-- 缺陷问题分析 -->
-    <div class="bg-card mb20">
-      <CardTitle title="缺陷问题分析" />
-    </div>
+    <QxwtfxVue />
     <!-- 科室优秀率 -->
-    <div class="bg-card mb20">
-      <CardTitle title="科室优秀率" />
-    </div>
+    <KsyxlVue />
     <!-- 科室平均分 -->
     <div class="bg-card mb20">
       <CardTitle title="科室平均分" />
@@ -165,7 +161,14 @@
 </template>
 
 <script>
+import KsyxlVue from './components/Ksyxl.vue';
+import QxwtfxVue from './components/Qxwtfx.vue';
+
 export default {
+  components: {
+    QxwtfxVue,
+    KsyxlVue
+  },
   data() {
     return {
       formInline: {