首页 探索 帮助
注册 登录
csx
/
Vue_New
关注 2
点赞 1
派生 1
代码 工单 19 合并请求 0 版本发布 0 百科 动态
浏览代码

Merge branch 'master' of http://git.shengws.com/csx/Vue_New

XMLWAN 4 年前
父节点
58de8b05a3 ec76817609
当前提交
27767487e6
共有 3 个文件被更改，包括 578 次插入 和 98 次删除
分列视图 显示文件统计
  1. 96 98
      src/router/modules/qcd.js
  2. 233 0
      src/xt_pages/qcd/checkStatistical.vue
  3. 249 0
      src/xt_pages/qcd/statisticalConfiguration.vue

+ 96 - 98
src/router/modules/qcd.js 查看文件 

@@ -1,218 +1,216 @@
1 
-import Layout from '@/views/layout/Layout'
1 
+import Layout from "@/views/layout/Layout";
2 2
3 3 
 export default {
4 
-  path: '/qcd',
4 
+  path: "/qcd",
5 5 
   component: Layout,
6 
-  redirect: '/qcd/dialysistotal',
7 
-  name: 'qcd',
6 
+  redirect: "/qcd/dialysistotal",
7 
+  name: "qcd",
8 8 
   alwaysShow: true,
9 9 
   meta: {
10 
-    title: '科室质控',
11 
-    icon: 'statistics'
10 
+    title: "科室质控",
11 
+    icon: "statistics"
12 12 
   },
13 
-  children: [{
14 
-      path: '/statistics/index',
15 
-      component: () => import('@/xt_pages/statistics/index'),
16 
-      name: 'statistics',
13 
+  children: [
14 
+    {
15 
+      path: "/statistics/index",
16 
+      component: () => import("@/xt_pages/statistics/index"),
17 
+      name: "statistics",
17 18 
       meta: {
18 
-        title: 'statistics',
19 
+        title: "statistics",
19 20 
         noCache: true
20 
-
21 21 
       }
22 22 
     },
23 23 
     {
24 
-      path: '/qcd/dialysistotal',
25 
-      component: () => import('@/xt_pages/qcd/dialysisTotal'),
26 
-      name: 'dialysistotal',
24 
+      path: "/qcd/dialysistotal",
25 
+      component: () => import("@/xt_pages/qcd/dialysisTotal"),
26 
+      name: "dialysistotal",
27 27 
       meta: {
28 
-        title: '透析总量',
28 
+        title: "透析总量",
29 29 
         noCache: true
30 
-
31 30 
       }
32 31 
     },
33 32 
     {
34 
-      path: '/qcd/processindicators',
35 
-      component: () => import('@/xt_pages/qcd/processIndicators'),
36 
-      name: 'processIndicators',
33 
+      path: "/qcd/processindicators",
34 
+      component: () => import("@/xt_pages/qcd/processIndicators"),
35 
+      name: "processIndicators",
37 36 
       meta: {
38 
-        title: '过程指标',
37 
+        title: "过程指标",
39 38 
         noCache: true
40 
-
41 39 
       }
42 40 
     },
43 41 
     {
44 
-      path: '/qcd/outcomeIndicators/control',
45 
-      component: () => import('@/xt_pages/qcd/outcomeIndicators/control'),
46 
-      name: 'outcomeIndicatorsControl',
42 
+      path: "/qcd/outcomeIndicators/control",
43 
+      component: () => import("@/xt_pages/qcd/outcomeIndicators/control"),
44 
+      name: "outcomeIndicatorsControl",
47 45 
       meta: {
48 
-        title: '结果指标',
46 
+        title: "结果指标",
49 47 
         noCache: true
50 
-
51 48 
       }
52 49 
     },
53 50 
     {
54 
-      path: '/qcd/outcomeIndicators/query',
51 
+      path: "/qcd/outcomeIndicators/query",
55 52 
       hidden: true,
56 53 
       is_menu: false,
57 
-      component: () => import('@/xt_pages/qcd/outcomeIndicators/query'),
58 
-      name: 'outcomeIndicatorsQuery',
54 
+      component: () => import("@/xt_pages/qcd/outcomeIndicators/query"),
55 
+      name: "outcomeIndicatorsQuery",
59 56 
       meta: {
60 
-        title: '指标查询',
57 
+        title: "指标查询",
61 58 
         noCache: true
62 
-
63 59 
       }
64 60 
     },
65 61 
     {
66 
-      path: '/qcd/patientanalysis/total',
67 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/total'),
68 
-      name: 'patientAnalysisTotal',
62 
+      path: "/qcd/patientanalysis/total",
63 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/total"),
64 
+      name: "patientAnalysisTotal",
69 65 
       meta: {
70 
-        title: '患者分析',
66 
+        title: "患者分析",
71 67 
         noCache: true
72 
-
73 68 
       }
74 69 
     },
75 70 
     {
76 
-      path: '/qcd/patientanalysis/statisticalConfig',
77 
-      component: () => import('@/xt_pages/qcd/statisticalConfiguration'),
78 
-      name: 'statisticalConfig',
71 
+      path: "/qcd/patientanalysis/statisticalConfig",
72 
+      component: () => import("@/xt_pages/qcd/statisticalConfiguration"),
73 
+      name: "statisticalConfig",
79 74 
       meta: {
80 
-        title: '统计配置',
75 
+        title: "统计配置",
81 76 
         noCache: true
82 
-
83 77 
       }
84 78 
     },
85 79 
     {
86 
-      path: '/qcd/patientanalysis/weight',
80 
+      path: "/qcd/patientanalysis/checkStatistical",
87 81 
       hidden: true,
88 82 
       is_menu: false,
89 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/weight'),
90 
-      name: 'patientAnalysisWeight',
83 
+      component: () => import("@/xt_pages/qcd/checkStatistical"),
84 
+      name: "checkStatistical",
91 85 
       meta: {
92 
-        title: '体重分析',
86 
+        title: "检验检查统计配置",
93 87 
         noCache: true
94 
-
95 88 
       }
96 89 
     },
97 90 
     {
98 
-      path: '/qcd/patientanalysis/bloodpressure',
91 
+      path: "/qcd/patientanalysis/weight",
99 92 
       hidden: true,
100 93 
       is_menu: false,
101 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/bloodPressure'),
102 
-      name: 'patientAnalysisBloodPressure',
94 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/weight"),
95 
+      name: "patientAnalysisWeight",
103 96 
       meta: {
104 
-        title: '血压分析',
97 
+        title: "体重分析",
105 98 
         noCache: true
106 
-
107 99 
       }
108 100 
     },
109 101 
     {
110 
-      path: '/qcd/patientanalysis/dialysisage',
102 
+      path: "/qcd/patientanalysis/bloodpressure",
111 103 
       hidden: true,
112 104 
       is_menu: false,
113 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/dialysisAge'),
114 
-      name: 'patientAnalysisDialysisAge',
105 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/bloodPressure"),
106 
+      name: "patientAnalysisBloodPressure",
115 107 
       meta: {
116 
-        title: '透析龄分析',
108 
+        title: "血压分析",
117 109 
         noCache: true
118 
-
119 110 
       }
120 111 
     },
121 112 
     {
122 
-      path: '/qcd/patientanalysis/lapseto',
113 
+      path: "/qcd/patientanalysis/dialysisage",
123 114 
       hidden: true,
124 115 
       is_menu: false,
125 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/lapseto'),
126 
-      name: 'patientAnalysisLapseto',
116 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/dialysisAge"),
117 
+      name: "patientAnalysisDialysisAge",
127 118 
       meta: {
128 
-        title: '转归分析',
119 
+        title: "透析龄分析",
129 120 
         noCache: true
130 
-
131 121 
       }
132 122 
     },
133 123 
     {
134 
-      path: '/qcd/patientanalysis/complication',
124 
+      path: "/qcd/patientanalysis/lapseto",
135 125 
       hidden: true,
136 126 
       is_menu: false,
137 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/complication'),
138 
-      name: 'patientAnalysisComplication',
127 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/lapseto"),
128 
+      name: "patientAnalysisLapseto",
139 129 
       meta: {
140 
-        title: '并发症分析',
130 
+        title: "转归分析",
141 131 
         noCache: true
142 
-
143 132 
       }
144 133 
     },
145 134 
     {
146 
-      path: '/qcd/patientanalysis/infectiousdiseases',
135 
+      path: "/qcd/patientanalysis/complication",
147 136 
       hidden: true,
148 137 
       is_menu: false,
149 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/infectiousDiseases'),
150 
-      name: 'patientAnalysisInfectiousDiseases',
138 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/complication"),
139 
+      name: "patientAnalysisComplication",
151 140 
       meta: {
152 
-        title: '传染病分析',
141 
+        title: "并发症分析",
153 142 
         noCache: true
154 
-
155 143 
       }
156 144 
     },
157 145 
     {
158 
-      path: '/qcd/pa/person/lapseto',
146 
+      path: "/qcd/patientanalysis/infectiousdiseases",
159 147 
       hidden: true,
160 148 
       is_menu: false,
161 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/person/lapseto'),
162 
-      name: 'paPersonLapseto',
149 
+      component: () =>
150 
+        import("@/xt_pages/qcd/patientAnalysis/infectiousDiseases"),
151 
+      name: "patientAnalysisInfectiousDiseases",
163 152 
       meta: {
164 
-        title: '转归',
153 
+        title: "传染病分析",
165 154 
         noCache: true
166 
-
167 155 
       }
168 156 
     },
169 157 
     {
170 
-      path: '/qcd/pa/person/weight',
158 
+      path: "/qcd/pa/person/lapseto",
171 159 
       hidden: true,
172 160 
       is_menu: false,
173 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/person/weight'),
174 
-      name: 'paPersonWeight',
161 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/person/lapseto"),
162 
+      name: "paPersonLapseto",
175 163 
       meta: {
176 
-        title: '体重',
164 
+        title: "转归",
177 165 
         noCache: true
178 
-
179 166 
       }
180 167 
     },
181 168 
     {
182 
-      path: '/qcd/pa/person/bloodpressure',
169 
+      path: "/qcd/pa/person/weight",
183 170 
       hidden: true,
184 171 
       is_menu: false,
185 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/person/bloodPressure'),
186 
-      name: 'paPersonBloodPressure',
172 
+      component: () => import("@/xt_pages/qcd/patientAnalysis/person/weight"),
173 
+      name: "paPersonWeight",
187 174 
       meta: {
188 
-        title: '血压',
175 
+        title: "体重",
189 176 
         noCache: true
190 
-
191 177 
       }
192 178 
     },
193 179 
     {
194 
-      path: '/qcd/pa/person/indicators',
180 
+      path: "/qcd/pa/person/bloodpressure",
195 181 
       hidden: true,
196 182 
       is_menu: false,
197 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/person/indicators'),
198 
-      name: 'paPersonIndicators',
183 
+      component: () =>
184 
+        import("@/xt_pages/qcd/patientAnalysis/person/bloodPressure"),
185 
+      name: "paPersonBloodPressure",
199 186 
       meta: {
200 
-        title: '指标控制',
187 
+        title: "血压",
201 188 
         noCache: true
202 
-
203 189 
       }
204 190 
     },
205 191 
     {
206 
-      path: '/qcd/pa/person/oralmedicine',
192 
+      path: "/qcd/pa/person/indicators",
207 193 
       hidden: true,
208 194 
       is_menu: false,
209 
-      component: () => import('@/xt_pages/qcd/patientAnalysis/person/oralMedicine'),
210 
-      name: 'paPersonOralMedicine',
195 
+      component: () =>
196 
+        import("@/xt_pages/qcd/patientAnalysis/person/indicators"),
197 
+      name: "paPersonIndicators",
211 198 
       meta: {
212 
-        title: '口服药',
199 
+        title: "指标控制",
200 
+        noCache: true
201 
+      }
202 
+    },
203 
+    {
204 
+      path: "/qcd/pa/person/oralmedicine",
205 
+      hidden: true,
206 
+      is_menu: false,
207 
+      component: () =>
208 
+        import("@/xt_pages/qcd/patientAnalysis/person/oralMedicine"),
209 
+      name: "paPersonOralMedicine",
210 
+      meta: {
211 
+        title: "口服药",
213 212 
         noCache: true
214 
-
215 213 
       }
216 214 
     }
217 215 
   ]
218 
-}
216 
+};

+ 233 - 0
src/xt_pages/qcd/checkStatistical.vue 查看文件 

@@ -0,0 +1,233 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+    <div class="app-container">
7 
+      <el-tabs v-model="tabActiveName" @tab-click="handleTabClick" style="margin-bottom:10px">
8 
+        <el-tab-pane label="质控达标统计配置" name="control"></el-tab-pane>
9 
+        <el-tab-pane label="检验检查统计配置" name="query"></el-tab-pane>
10 
+      </el-tabs>
11 
+      <el-row :gutter="20">
12 
+        <el-col :span="2" :offset="22">
13 
+          <el-button type="primary" class="newadd" @click="newDialog = true">新增</el-button>
14 
+        </el-col>
15 
+      </el-row>
16 
+      <div class="configTable">
17 
+        <el-table :data="tableData" border style="width: 100%">
18 
+          <el-table-column prop="date" label="日期" width="180"></el-table-column>
19 
+          <el-table-column prop="name" label="姓名" width="180"></el-table-column>
20 
+          <el-table-column prop="address" label="地址"></el-table-column>
21 
+          <el-table-column label="操作" width="180">
22 
+            <template slot-scope="scope">
23 
+              <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
24 
+              <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
25 
+            </template>
26 
+          </el-table-column>
27 
+        </el-table>
28 
+      </div>
29 
+
30 
+      <el-dialog title="新增" :visible.sync="newDialog">
31 
+        <el-form :model="form">
32 
+          <el-form-item label="检查大项" :label-width="formLabelWidth">
33 
+            <el-select v-model="form.region" placeholder="请选择活动区域">
34 
+              <el-option label="区域一" value="shanghai"></el-option>
35 
+              <el-option label="区域二" value="beijing"></el-option>
36 
+            </el-select>
37 
+          </el-form-item>
38 
+          <el-form-item label="检查频次(天)" :label-width="formLabelWidth">
39 
+            <el-input style="width:200px" v-model="form.name"></el-input>
40 
+          </el-form-item>
41 
+          <el-form-item label="排序" :label-width="formLabelWidth">
42 
+            <el-input style="width:200px" v-model="form.name"></el-input>
43 
+          </el-form-item>
44 
+        </el-form>
45 
+        <div slot="footer" class="dialog-footer">
46 
+          <el-button @click="newDialog = false">取 消</el-button>
47 
+          <el-button type="primary" @click="newDialog = false">确 定</el-button>
48 
+        </div>
49 
+      </el-dialog>
50 
+      <el-dialog title="编辑" :visible.sync="editDialog">
51 
+        <el-form :model="form">
52 
+          <el-form-item label="检查大项" :label-width="formLabelWidth">
53 
+            <el-select v-model="form.region" placeholder="请选择活动区域">
54 
+              <el-option label="区域一" value="shanghai"></el-option>
55 
+              <el-option label="区域二" value="beijing"></el-option>
56 
+            </el-select>
57 
+          </el-form-item>
58 
+          <el-form-item label="检查频次(天)" :label-width="formLabelWidth">
59 
+            <el-input style="width:200px" v-model="form.name"></el-input>
60 
+          </el-form-item>
61 
+          <el-form-item label="排序" :label-width="formLabelWidth">
62 
+            <el-input style="width:200px" v-model="form.name"></el-input>
63 
+          </el-form-item>
64 
+        </el-form>
65 
+        <div slot="footer" class="dialog-footer">
66 
+          <el-button @click="editDialog = false">取 消</el-button>
67 
+          <el-button type="primary" @click="editDialog = false">确 定</el-button>
68 
+        </div>
69 
+      </el-dialog>
70 
+    </div>
71 
+  </div>
72 
+</template>
73 
+
74 
+
75 
+
76 
+<script>
77 
+import { GetOICData } from "@/api/qcd";
78 
+import PieChart from "../qcd/components/BarChart";
79 
+import { uParseTime } from "@/utils/tools";
80 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
81 
+export default {
82 
+  name: "dialysisTotal",
83 
+  data() {
84 
+    return {
85 
+      crumbs: [
86 
+        { path: false, name: "科室质控" },
87 
+        { path: false, name: "统计配置" },
88 
+        { path: false, name: "检验检查统计配置" }
89 
+      ],
90 
+      tabActiveName: "query",
91 
+      tableData: [
92 
+        {
93 
+          date: "2016-05-02",
94 
+          name: "王小虎",
95 
+          address: "上海市普陀区金沙江路 1518 弄"
96 
+        },
97 
+        {
98 
+          date: "2016-05-04",
99 
+          name: "王小虎",
100 
+          address: "上海市普陀区金沙江路 1517 弄"
101 
+        },
102 
+        {
103 
+          date: "2016-05-01",
104 
+          name: "王小虎",
105 
+          address: "上海市普陀区金沙江路 1519 弄"
106 
+        },
107 
+        {
108 
+          date: "2016-05-03",
109 
+          name: "王小虎",
110 
+          address: "上海市普陀区金沙江路 1516 弄"
111 
+        }
112 
+      ],
113 
+      newDialog: false,
114 
+      editDialog: false,
115 
+      formLabelWidth: "120px",
116 
+      form: {
117 
+        name: "",
118 
+        region: "",
119 
+        date1: "",
120 
+        date2: "",
121 
+        delivery: false,
122 
+        type: [],
123 
+        resource: "",
124 
+        desc: ""
125 
+      }
126 
+    };
127 
+  },
128 
+  created() {},
129 
+  methods: {
130 
+    handleTabClick(tab, event) {
131 
+      if (this.tabActiveName == "control") {
132 
+        this.$router.push({ path: "/qcd/patientanalysis/statisticalConfig" });
133 
+      }
134 
+    },
135 
+    handleEdit() {
136 
+      this.editDialog = true;
137 
+    }
138 
+  },
139 
+  components: {
140 
+    PieChart,
141 
+    BreadCrumb
142 
+  }
143 
+};
144 
+</script>
145 
+<style lang="scss">
146 
+#oictable ::-webkit-scrollbar {
147 
+  height: 15px;
148 
+}
149 
+.configTable {
150 
+  .el-table td,
151 
+  .el-table th {
152 
+    text-align: center;
153 
+  }
154 
+}
155 
+</style>
156 
+
157 
+ <style rel="stylesheet/scss" lang="scss" scoped>
158 
+.newadd {
159 
+  margin-bottom: 10px;
160 
+}
161 
+// .app-container {
162 
+//   //   margin: 20px;
163 
+//   font-size: 15px;
164 
+//   .filter-container {
165 
+//     padding-bottom: 5px;
166 
+//   }
167 
+//   .cqd-dataTitle {
168 
+//     color: #303133;
169 
+//     font-size: 14px;
170 
+//     border-bottom: 2px #e4e7ed solid;
171 
+//     height: 36px;
172 
+//     line-height: 36px;
173 
+//     margin: 0 0 25px 0;
174 
+//     position: relative;
175 
+//   }
176 
+//   .cqd-dataTitle::before {
177 
+//     position: absolute;
178 
+//     left: 0;
179 
+//     bottom: -2px;
180 
+//     content: "";
181 
+//     width: 42px;
182 
+//     height: 2px;
183 
+//     background: #409eff;
184 
+//   }
185 
+//   .search-component {
186 
+//     width: 500px;
187 
+//     .searchBox {
188 
+//       width: 300px;
189 
+//       height: 36px;
190 
+//       line-height: 36px;
191 
+//       padding-left: 15px;
192 
+//       border: 1px #dcdfe6 solid;
193 
+//       border-right: none;
194 
+//       outline: none;
195 
+//       float: left;
196 
+//       border-radius: 6px 0 0 6px;
197 
+//       font-size: 14px;
198 
+//       color: #333;
199 
+//       background: #fff;
200 
+//       box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
201 
+//     }
202 
+//     .searchBtn {
203 
+//       background-color: #409eff;
204 
+//       color: #fff;
205 
+//       font-size: 15px;
206 
+//       text-align: center;
207 
+//       height: 36px;
208 
+//       line-height: 36px;
209 
+//       float: left;
210 
+//       outline: none;
211 
+//       width: 70px;
212 
+//       border: none;
213 
+//       border-radius: 0 6px 6px 0;
214 
+//       font-family: "Microsoft Yahei";
215 
+//       cursor: pointer;
216 
+//     }
217 
+//   }
218 
+//   .amount {
219 
+//     font-weight: normal;
220 
+//     padding: 10px 0 0 0;
221 
+//     color: #606266;
222 
+//     font-size: 14px;
223 
+//     span {
224 
+//       color: #ef2525;
225 
+//       font-family: "Arial";
226 
+//       padding: 0 2px;
227 
+//     }
228 
+//   }
229 
+// }
230 
+//
231 
+</style>
232 
+
233 
+

+ 249 - 0
src/xt_pages/qcd/statisticalConfiguration.vue 查看文件 

@@ -0,0 +1,249 @@
1 
+<template>
2 
+  <div class="main-contain">
3 
+    <div class="position">
4 
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
5 
+    </div>
6 
+    <div class="app-container">
7 
+      <el-tabs v-model="tabActiveName" @tab-click="handleTabClick" style="margin-bottom:10px">
8 
+        <el-tab-pane label="质控达标统计配置" name="control"></el-tab-pane>
9 
+        <el-tab-pane label="检验检查统计配置" name="query"></el-tab-pane>
10 
+      </el-tabs>
11 
+      <el-row :gutter="20">
12 
+        <el-col :span="2" :offset="22">
13 
+          <el-button type="primary" class="newadd" @click="newDialog = true">新增</el-button>
14 
+        </el-col>
15 
+      </el-row>
16 
+      <div class="configTable">
17 
+        <el-table :data="tableData" border style="width: 100%">
18 
+          <el-table-column prop="date" label="日期" width="180"></el-table-column>
19 
+          <el-table-column prop="name" label="姓名" width="180"></el-table-column>
20 
+          <el-table-column prop="address" label="地址"></el-table-column>
21 
+          <el-table-column label="操作" width="180">
22 
+            <template slot-scope="scope">
23 
+              <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
24 
+              <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
25 
+            </template>
26 
+          </el-table-column>
27 
+        </el-table>
28 
+      </div>
29 
+
30 
+      <el-dialog title="新增" :visible.sync="newDialog">
31 
+        <el-form :model="form">
32 
+          <el-form-item label="检查大项" :label-width="formLabelWidth">
33 
+            <el-select v-model="form.region" placeholder="请选择活动区域">
34 
+              <el-option label="区域一" value="shanghai"></el-option>
35 
+              <el-option label="区域二" value="beijing"></el-option>
36 
+            </el-select>
37 
+          </el-form-item>
38 
+          <el-form-item label="检查小项" :label-width="formLabelWidth">
39 
+            <el-select v-model="form.region" placeholder="请选择活动区域">
40 
+              <el-option label="区域一" value="shanghai"></el-option>
41 
+              <el-option label="区域二" value="beijing"></el-option>
42 
+            </el-select>
43 
+          </el-form-item>
44 
+          <el-form-item label="指控范围" :label-width="formLabelWidth">
45 
+            <el-input style="width:200px" v-model="form.name"></el-input>&nbsp;
46 
+            -
47 
+            <el-input style="width:200px" v-model="form.name"></el-input>
48 
+          </el-form-item>
49 
+          <el-form-item label="排序" :label-width="formLabelWidth">
50 
+            <el-input style="width:200px" v-model="form.name"></el-input>
51 
+          </el-form-item>
52 
+        </el-form>
53 
+        <div slot="footer" class="dialog-footer">
54 
+          <el-button @click="newDialog = false">取 消</el-button>
55 
+          <el-button type="primary" @click="newDialog = false">确 定</el-button>
56 
+        </div>
57 
+      </el-dialog>
58 
+      <el-dialog title="编辑" :visible.sync="editDialog">
59 
+        <el-form :model="form">
60 
+          <el-form-item label="检查大项" :label-width="formLabelWidth">
61 
+            <el-select v-model="form.region" placeholder="请选择活动区域">
62 
+              <el-option label="区域一" value="shanghai"></el-option>
63 
+              <el-option label="区域二" value="beijing"></el-option>
64 
+            </el-select>
65 
+          </el-form-item>
66 
+          <el-form-item label="检查小项" :label-width="formLabelWidth">
67 
+            <el-select v-model="form.region" placeholder="请选择活动区域">
68 
+              <el-option label="区域一" value="shanghai"></el-option>
69 
+              <el-option label="区域二" value="beijing"></el-option>
70 
+            </el-select>
71 
+          </el-form-item>
72 
+          <el-form-item label="指控范围" :label-width="formLabelWidth">
73 
+            <el-input style="width:200px" v-model="form.name"></el-input>&nbsp;
74 
+            -
75 
+            <el-input style="width:200px" v-model="form.name"></el-input>
76 
+          </el-form-item>
77 
+          <el-form-item label="排序" :label-width="formLabelWidth">
78 
+            <el-input style="width:200px" v-model="form.name"></el-input>
79 
+          </el-form-item>
80 
+        </el-form>
81 
+        <div slot="footer" class="dialog-footer">
82 
+          <el-button @click="editDialog = false">取 消</el-button>
83 
+          <el-button type="primary" @click="editDialog = false">确 定</el-button>
84 
+        </div>
85 
+      </el-dialog>
86 
+    </div>
87 
+  </div>
88 
+</template>
89 
+
90 
+
91 
+
92 
+<script>
93 
+import { GetOICData } from "@/api/qcd";
94 
+import PieChart from "../qcd/components/BarChart";
95 
+import { uParseTime } from "@/utils/tools";
96 
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
97 
+export default {
98 
+  name: "dialysisTotal",
99 
+  data() {
100 
+    return {
101 
+      crumbs: [
102 
+        { path: false, name: "科室质控" },
103 
+        { path: false, name: "统计配置" },
104 
+        { path: false, name: "质控达标统计配置" }
105 
+      ],
106 
+      tabActiveName: "control",
107 
+      tableData: [
108 
+        {
109 
+          date: "2016-05-02",
110 
+          name: "王小虎",
111 
+          address: "上海市普陀区金沙江路 1518 弄"
112 
+        },
113 
+        {
114 
+          date: "2016-05-04",
115 
+          name: "王小虎",
116 
+          address: "上海市普陀区金沙江路 1517 弄"
117 
+        },
118 
+        {
119 
+          date: "2016-05-01",
120 
+          name: "王小虎",
121 
+          address: "上海市普陀区金沙江路 1519 弄"
122 
+        },
123 
+        {
124 
+          date: "2016-05-03",
125 
+          name: "王小虎",
126 
+          address: "上海市普陀区金沙江路 1516 弄"
127 
+        }
128 
+      ],
129 
+      newDialog: false,
130 
+      editDialog: false,
131 
+      formLabelWidth: "120px",
132 
+      form: {
133 
+        name: "",
134 
+        region: "",
135 
+        date1: "",
136 
+        date2: "",
137 
+        delivery: false,
138 
+        type: [],
139 
+        resource: "",
140 
+        desc: ""
141 
+      }
142 
+    };
143 
+  },
144 
+  created() {},
145 
+  methods: {
146 
+    handleTabClick(tab, event) {
147 
+      if (this.tabActiveName == "query") {
148 
+        this.$router.push({ path: "/qcd/patientanalysis/checkStatistical" });
149 
+      }
150 
+    },
151 
+    handleEdit() {
152 
+      this.editDialog = true;
153 
+    }
154 
+  },
155 
+  components: {
156 
+    PieChart,
157 
+    BreadCrumb
158 
+  }
159 
+};
160 
+</script>
161 
+<style lang="scss">
162 
+#oictable ::-webkit-scrollbar {
163 
+  height: 15px;
164 
+}
165 
+.configTable {
166 
+  .el-table td,
167 
+  .el-table th {
168 
+    text-align: center;
169 
+  }
170 
+}
171 
+</style>
172 
+
173 
+ <style rel="stylesheet/scss" lang="scss" scoped>
174 
+.newadd {
175 
+  margin-bottom: 10px;
176 
+}
177 
+// .app-container {
178 
+//   //   margin: 20px;
179 
+//   font-size: 15px;
180 
+//   .filter-container {
181 
+//     padding-bottom: 5px;
182 
+//   }
183 
+//   .cqd-dataTitle {
184 
+//     color: #303133;
185 
+//     font-size: 14px;
186 
+//     border-bottom: 2px #e4e7ed solid;
187 
+//     height: 36px;
188 
+//     line-height: 36px;
189 
+//     margin: 0 0 25px 0;
190 
+//     position: relative;
191 
+//   }
192 
+//   .cqd-dataTitle::before {
193 
+//     position: absolute;
194 
+//     left: 0;
195 
+//     bottom: -2px;
196 
+//     content: "";
197 
+//     width: 42px;
198 
+//     height: 2px;
199 
+//     background: #409eff;
200 
+//   }
201 
+//   .search-component {
202 
+//     width: 500px;
203 
+//     .searchBox {
204 
+//       width: 300px;
205 
+//       height: 36px;
206 
+//       line-height: 36px;
207 
+//       padding-left: 15px;
208 
+//       border: 1px #dcdfe6 solid;
209 
+//       border-right: none;
210 
+//       outline: none;
211 
+//       float: left;
212 
+//       border-radius: 6px 0 0 6px;
213 
+//       font-size: 14px;
214 
+//       color: #333;
215 
+//       background: #fff;
216 
+//       box-shadow: 3px 3px 4px rgba(135, 135, 135, 0.05);
217 
+//     }
218 
+//     .searchBtn {
219 
+//       background-color: #409eff;
220 
+//       color: #fff;
221 
+//       font-size: 15px;
222 
+//       text-align: center;
223 
+//       height: 36px;
224 
+//       line-height: 36px;
225 
+//       float: left;
226 
+//       outline: none;
227 
+//       width: 70px;
228 
+//       border: none;
229 
+//       border-radius: 0 6px 6px 0;
230 
+//       font-family: "Microsoft Yahei";
231 
+//       cursor: pointer;
232 
+//     }
233 
+//   }
234 
+//   .amount {
235 
+//     font-weight: normal;
236 
+//     padding: 10px 0 0 0;
237 
+//     color: #606266;
238 
+//     font-size: 14px;
239 
+//     span {
240 
+//       color: #ef2525;
241 
+//       font-family: "Arial";
242 
+//       padding: 0 2px;
243 
+//     }
244 
+//   }
245 
+// }
246 
+//
247 
+</style>
248 
+
249 
+