From ac84e789feb9ef287134dec829edf93f7ad3ac69 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 24 十一月 2023 18:02:30 +0800
Subject: [PATCH] 提交信息
---
src/views/patient/patient/index.vue | 718 +++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 448 insertions(+), 270 deletions(-)
diff --git a/src/views/patient/patient/index.vue b/src/views/patient/patient/index.vue
index a700041..2ce3194 100644
--- a/src/views/patient/patient/index.vue
+++ b/src/views/patient/patient/index.vue
@@ -1,281 +1,354 @@
<template>
- <div class="app-container">
- <el-row :gutter="20">
- <!--鐢ㄦ埛鏁版嵁-->
- <el-col :span="24" :xs="24">
- <el-form
- :model="queryParams"
- ref="queryForm"
- size="small"
- :inline="true"
- v-show="showSearch"
- label-width="98px"
- >
- <el-form-item label="濮撳悕" prop="name">
- <el-input
- v-model="queryParams.name"
- placeholder="璇疯緭鍏ュ鍚�"
- clearable
- style="width: 200px"
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="韬唤璇佸彿鐮�" prop="iccardno">
- <el-input
- v-model="queryParams.iccardno"
- placeholder="璇疯緭鍏ヨ韩浠借瘉鍙风爜"
- clearable
- style="width: 250px"
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="鑱旂郴鏂瑰紡" prop="telcode">
- <el-input
- v-model="queryParams.telcode"
- placeholder="璇疯緭鍏ヨ仈绯绘柟寮�"
- clearable
- style="width: 280px"
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-row>
- <el-form-item label="鎮ｈ�呮爣绛�" prop="tagId">
- <el-select
- v-model="queryParams.tagIds"
- multiple
- placeholder="璇烽�夋嫨"
- >
- <el-option
- v-for="item in optionstag"
- :key="item.tagid"
- :label="item.tagname"
- :value="item.tagid"
- >
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button
- type="primary"
- icon="el-icon-search"
- size="medium"
- @click="handleQuery"
- >鎼滅储</el-button
- >
- <el-button
- icon="el-icon-refresh"
- size="medium"
- @click="resetQuery"
- >閲嶇疆</el-button
- >
- </el-form-item>
- </el-row>
- </el-form>
+ <div class="Questionnairemanagement">
+ <!-- 宸︿晶鏍� -->
+ <div class="sidecolumn">
+ <div class="sidecolumn-top">
+ <div class="top-wj">鍖婚櫌鎮ｈ��</div>
+ </div>
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button
- type="primary"
- plain
- icon="el-icon-plus"
- size="medium"
- @click="handleAdd"
- v-hasPermi="['system:user:add']"
- >鏂板</el-button
- >
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="success"
- plain
- icon="el-icon-edit"
- size="medium"
- :disabled="single"
- @click="handleUpdate"
- v-hasPermi="['system:user:edit']"
- >淇敼</el-button
- >
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="danger"
- plain
- icon="el-icon-delete"
- size="medium"
- :disabled="multiple"
- @click="handleDelete"
- v-hasPermi="['system:user:remove']"
- >鍒犻櫎</el-button
- >
- </el-col>
- <el-col :span="19">
- <div class="documentf">
- <div class="document">
- <el-button
- type="info"
- plain
- icon="el-icon-upload2"
- size="medium"
- @click="handleImport"
- v-hasPermi="['system:user:import']"
- >瀵煎叆</el-button
+ <div class="bottom-fl">
+ <el-tabs
+ tab-position="right"
+ v-model="activeName"
+ @tab-click="handleClick"
+ >
+ <el-tab-pane label="鍏ㄩ儴" name="first"></el-tab-pane>
+ <el-tab-pane label="鍦ㄩ櫌" name="Inhospital"></el-tab-pane>
+ <el-tab-pane label="绂婚櫌" name="Discharge"></el-tab-pane>
+ <el-tab-pane label="棰勭害" name="subscribe"></el-tab-pane>
+ <el-tab-pane label="宸叉" name="checked"></el-tab-pane>
+ <el-tab-pane label="浣忛櫌鎮ｈ��" name="behospitalized"></el-tab-pane>
+ <el-tab-pane label="闂ㄨ瘖鎮ｈ��" name="outpatient"></el-tab-pane>
+ <el-tab-pane label="浣撴鎮ｈ��" name="physical"></el-tab-pane>
+ </el-tabs>
+ </div>
+ </div>
+ <!-- 鍙充晶鏁版嵁 -->
+
+ <div class="leftvlue">
+ <div>
+ <el-row :gutter="10">
+ <el-col :span="2.5" v-for="(item, index) in cardlist" :key="index">
+ <el-card shadow="hover">
+ <div style="padding: 8px">
+ <span>{{ item.name }}</span>
+ <div
+ style="
+ text-align: center;
+ font-size: 18px;
+ margin-top: 10px;
+ font-weight: 600;
+ "
>
+ {{ item.value }}
+ </div>
</div>
- <div class="document">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="medium"
- @click="handleExport"
- v-hasPermi="['system:user:export']"
- >瀵煎嚭</el-button
- >
- </div>
- </div>
+ </el-card>
</el-col>
- <!-- <el-col :span="1.5"> </el-col> -->
</el-row>
- <el-table
- v-loading="loading"
- :data="userList"
- @selection-change="handleSelectionChange"
- >
- <el-table-column type="selection" width="50" align="center" />
- <el-table-column
- label="搴忓彿"
- align="center"
- key="patid"
- prop="patid"
- />
- <el-table-column label="濮撳悕" align="center" key="name" prop="name" />
- <el-table-column label="鎬у埆" align="center" key="sex" prop="sex">
- <template slot-scope="scope">
- <span>{{ scope.row.sex == 1 ? "鐢�" : "濂�" }}</span>
- </template>
- </el-table-column>
- <el-table-column
- label="骞撮緞"
- align="center"
- key="age"
- prop="age"
- width="120"
- />
- <el-table-column
- label="鍑虹敓骞存湀"
- align="center"
- key="archivetime"
- prop="archivetime"
- width="160"
- >
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime) }}</span>
- </template>
- </el-table-column>
- <el-table-column
- label="瀹跺涵浣忓潃"
- align="center"
- key="age"
- prop="age"
- width="120"
- />
- <el-table-column
- label="鎮ｈ�呮爣绛�"
- align="center"
- key="tagList"
- prop="tagList"
- width="160"
- :show-overflow-tooltip="true"
- >
- <template slot-scope="scope">
- <span v-for="item in scope.row.tagList">{{ item }} </span>
- </template>
- </el-table-column>
- <el-table-column
- label="璇佷欢绫诲瀷"
- align="center"
- key="iccardtype"
- prop="iccardtype"
- width="120"
- /><el-table-column
- label="璇佷欢鍙风爜"
- align="center"
- key="iccardno"
- prop="iccardno"
- width="190"
- />
-
- <el-table-column
- label="鑱旂郴鏂瑰紡"
- align="center"
- key="telcode"
- prop="telcode"
- width="120"
- />
- <el-table-column
- label="寤烘。鏃ユ湡"
- align="center"
- key="archivetime"
- prop="archivetime"
- width="160"
- >
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime) }}</span>
- </template>
- </el-table-column>
- <el-table-column
- label="鏇存柊鏃ユ湡"
- align="center"
- prop="updateTime"
- width="160"
- >
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime) }}</span>
- </template>
- </el-table-column>
- <el-table-column
- label="鎿嶄綔"
- align="center"
- width="160"
- class-name="small-padding fixed-width"
- >
- <template slot-scope="scope">
- <el-button
- size="medium"
- type="text"
- @click="
- $router.push({
- path: '/patient/patient/profile/',
- query: { id: scope.row.patid },
- })
- "
- v-hasPermi="['system:user:edit']"
- ><span class="button-textsc"
- ><i class="el-icon-zoom-in"></i>鏌ョ湅</span
- ></el-button
+ </div>
+ <div class="leftvlue-bg">
+ <el-row :gutter="20">
+ <!--鐢ㄦ埛鏁版嵁-->
+ <el-col :span="24" :xs="24">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="98px"
+ >
+ <el-form-item label="闄㈠尯" prop="userName">
+ <el-select v-model="queryParams.value1" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="绉戝/鐥呭尯" prop="userName">
+ <el-select v-model="queryParams.value2" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ label-width="138px"
+ label="涓绘不鍖荤敓"
+ prop="userName"
>
- <el-button
- size="medium"
- type="text"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['system:user:edit']"
- ><span class="button-textxg"
- ><i class="el-icon-edit"></i>淇敼</span
- ></el-button
- >
- </template>
- </el-table-column>
- </el-table>
+ <el-select v-model="queryParams.value3" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍑洪櫌鏃ユ湡" prop="userName">
+ <el-date-picker
+ v-model="queryParams.valuetime1"
+ align="right"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ :picker-options="pickerOptionsa"
+ >
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="灏辫瘖缂栧彿" prop="number">
+ <el-input
+ v-model="queryParams.number"
+ placeholder="璇疯緭鍏ョ紪鍙�"
+ maxlength="30"
+ />
+ </el-form-item>
+ <el-form-item label="濮撳悕" prop="name">
+ <el-input
+ v-model="queryParams.name"
+ placeholder="璇疯緭鍏ュ鍚�"
+ maxlength="30"
+ />
+ </el-form-item>
- <pagination
- v-show="total > 0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
- />
- </el-col>
- </el-row>
+ <el-form-item>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="medium"
+ @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button
+ icon="el-icon-refresh"
+ size="medium"
+ @click="resetQuery"
+ >閲嶇疆</el-button
+ >
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="el-icon-plus"
+ size="medium"
+ @click="handleAdd"
+ v-hasPermi="['system:user:add']"
+ >鏂板</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="el-icon-edit"
+ size="medium"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['system:user:edit']"
+ >淇敼</el-button
+ >
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ size="medium"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['system:user:remove']"
+ >鍒犻櫎</el-button
+ >
+ </el-col>
+ <el-col :span="19">
+ <div class="documentf">
+ <div class="document">
+ <el-button
+ type="info"
+ plain
+ icon="el-icon-upload2"
+ size="medium"
+ @click="handleImport"
+ v-hasPermi="['system:user:import']"
+ >瀵煎叆</el-button
+ >
+ </div>
+ <div class="document">
+ <el-button
+ type="warning"
+ plain
+ icon="el-icon-download"
+ size="medium"
+ @click="handleExport"
+ v-hasPermi="['system:user:export']"
+ >瀵煎嚭</el-button
+ >
+ </div>
+ </div>
+ </el-col>
+ <!-- <el-col :span="1.5"> </el-col> -->
+ </el-row>
+ <el-table
+ v-loading="loading"
+ :data="userList"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="50" align="center" />
+ <el-table-column
+ label="搴忓彿"
+ align="center"
+ key="patid"
+ prop="patid"
+ />
+ <el-table-column
+ label="濮撳悕"
+ align="center"
+ key="name"
+ prop="name"
+ />
+ <el-table-column label="鎬у埆" align="center" key="sex" prop="sex">
+ <template slot-scope="scope">
+ <span>{{ scope.row.sex == 1 ? "鐢�" : "濂�" }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="骞撮緞"
+ align="center"
+ key="age"
+ prop="age"
+ width="120"
+ />
+ <el-table-column
+ label="鍑虹敓骞存湀"
+ align="center"
+ key="archivetime"
+ prop="archivetime"
+ width="160"
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="瀹跺涵浣忓潃"
+ align="center"
+ key="age"
+ prop="age"
+ width="120"
+ />
+ <el-table-column
+ label="鎮ｈ�呮爣绛�"
+ align="center"
+ key="tagList"
+ prop="tagList"
+ width="160"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <span v-for="item in scope.row.tagList">{{ item }} </span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="璇佷欢绫诲瀷"
+ align="center"
+ key="iccardtype"
+ prop="iccardtype"
+ width="120"
+ /><el-table-column
+ label="璇佷欢鍙风爜"
+ align="center"
+ key="iccardno"
+ prop="iccardno"
+ width="190"
+ />
+
+ <el-table-column
+ label="鑱旂郴鏂瑰紡"
+ align="center"
+ key="telcode"
+ prop="telcode"
+ width="120"
+ />
+ <el-table-column
+ label="寤烘。鏃ユ湡"
+ align="center"
+ key="archivetime"
+ prop="archivetime"
+ width="160"
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鏇存柊鏃ユ湡"
+ align="center"
+ prop="updateTime"
+ width="160"
+ >
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.createTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="160"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="medium"
+ type="text"
+ @click="
+ $router.push({
+ path: '/patient/patient/profile/',
+ query: { id: scope.row.patid },
+ })
+ "
+ v-hasPermi="['system:user:edit']"
+ ><span class="button-textsc"
+ ><i class="el-icon-zoom-in"></i>鏌ョ湅</span
+ ></el-button
+ >
+ <el-button
+ size="medium"
+ type="text"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ ><span class="button-textxg"
+ ><i class="el-icon-edit"></i>淇敼</span
+ ></el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total > 0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+ </el-col>
+ </el-row>
+ </div>
+ </div>
<!-- 娣诲姞鎴栦慨鏀圭敤鎴烽厤缃璇濇 -->
<el-dialog
@@ -549,6 +622,28 @@
{ papersname: "涓浗娓境灞呮皯韬唤璇�" },
{ papersname: "涓浗鍙版咕灞呮皯韬唤璇�" },
],
+ cardlist: [
+ {
+ name: "鎮ｈ�呮�绘暟",
+ value: 123,
+ },
+ {
+ name: "鍦ㄩ櫌鎮ｈ��",
+ value: 23,
+ },
+ {
+ name: "绂婚櫌鎮ｈ��",
+ value: 41,
+ },
+ {
+ name: "璇婄枟鎮ｈ��",
+ value: 56,
+ },
+ {
+ name: "绂讳笘鎮ｈ��",
+ value: 0,
+ },
+ ],
// 琛ㄥ崟鍙傛暟
form: {
name: "",
@@ -560,6 +655,7 @@
iccardtype: "",
relativetelcode: "",
},
+ activeName: "first", //渚ц竟閫夋嫨
//瀵煎叆杩涘害
dractive: 1,
// 瀵煎叆灞曠ず琛ㄥ崟
@@ -852,6 +948,88 @@
</script>
<style lang="scss" scoped>
+.Questionnairemanagement {
+ display: flex;
+}
+.sidecolumn {
+ width: 180px;
+ min-height: 100vh;
+ text-align: center;
+ // display: flex;
+ margin-top: 20px;
+ margin: 20px;
+ padding: 30px;
+ background: #d0e9fd;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ .sidecolumn-top {
+ display: flex;
+ justify-content: space-between;
+ .top-wj {
+ font-size: 20px;
+ }
+ .top-tj {
+ font-size: 18px;
+
+ color: rgb(0, 89, 255);
+ cursor: pointer;
+ }
+ }
+ .center-ss {
+ margin-top: 30px;
+ .input-with-select {
+ height: 40px !important;
+ }
+ }
+ .bottom-fl {
+ margin-top: 30px;
+ display: center !important;
+ }
+}
+::v-deep.el-tabs--left,
+.el-tabs--right {
+ overflow: hidden;
+ align-items: center;
+ display: flex;
+}
+::v-deep.el-input--medium .el-input__inner {
+ height: 40px !important;
+}
+::v-deep.el-tabs--right .el-tabs__active-bar.is-right {
+ height: 40px;
+ width: 5px;
+ left: 0;
+}
+::v-deep.el-tabs--right .el-tabs__item.is-right {
+ display: block;
+ text-align: left;
+ font-size: 20px;
+}
+::v-deep.leftvlue .el-card__body {
+ background: #d0e9fd;
+}
+::v-deep.leftvlue .el-card__body:hover {
+ background: #8dc8f8;
+}
+.leftvlue {
+ width: 80%;
+ margin-top: 10px;
+}
+.leftvlue-bg {
+ // display: flex;
+ // flex: 1;
+ margin-top: 20px;
+ // margin: 20px;
+ padding: 30px;
+ background: #ffff;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ .mulsz {
+ font-size: 20px;
+ }
+}
.el-button--primary.is-plain {
color: #ffffff;
background: #409eff;
--
Gitblit v1.9.3