From 0d7443623155fa14136d9a18ebd30dd203e4bb82 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期四, 21 十二月 2023 16:37:17 +0800
Subject: [PATCH] 指标完成
---
src/views/knowledge/questionnaire/index.vue | 417 +++++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 329 insertions(+), 88 deletions(-)
diff --git a/src/views/knowledge/questionnaire/index.vue b/src/views/knowledge/questionnaire/index.vue
index 1fac129..118b7bb 100644
--- a/src/views/knowledge/questionnaire/index.vue
+++ b/src/views/knowledge/questionnaire/index.vue
@@ -21,31 +21,80 @@
</el-input>
</div>
<div class="bottom-fl">
- <el-tabs tab-position="right">
+ <el-menu
+ default-active="3"
+ class="el-menu-vertical-demo"
+ @open="handleOpen"
+ @close="handleClose"
+ @select="handleSelect"
+ >
+ <el-submenu index="1">
+ <template slot="title">
+ <i class="el-icon-location"></i>
+ <span>鍒嗙被涓�</span>
+ </template>
+
+ <el-menu-item index="1-1">閫夐」1</el-menu-item>
+ <el-menu-item index="1-2">閫夐」2</el-menu-item>
+ <el-menu-item index="1-3">閫夐」3</el-menu-item>
+ <el-menu-item index="1-4">閫夐」3</el-menu-item>
+ </el-submenu>
+ <el-submenu index="2">
+ <template slot="title">
+ <i class="el-icon-menu"></i>
+ <span>鍒嗙被浜�</span>
+ </template>
+ <el-menu-item index="2-1">閫夐」1</el-menu-item>
+ <el-menu-item index="2-2">閫夐」2</el-menu-item>
+ <el-menu-item index="2-3">閫夐」3</el-menu-item>
+ </el-submenu>
+ <el-submenu index="3">
+ <template slot="title">
+ <i class="el-icon-document"></i>
+ <span>鍒嗙被涓�</span>
+ </template>
+ <el-menu-item index="2-1">閫夐」1</el-menu-item>
+ </el-submenu>
+ <el-submenu index="4">
+ <template slot="title">
+ <i class="el-icon-setting"></i>
+ <span>鍒嗙被鍥�</span>
+ </template>
+ <el-menu-item index="2-1">閫夐」1</el-menu-item>
+ </el-submenu>
+ </el-menu>
+ <!-- <el-tabs tab-position="right">
<el-tab-pane :label="`鍏ㄩ儴 (${numberlb})`"></el-tab-pane>
<el-tab-pane
class="tab-paness"
- :key="item.name"
+ :key="item.title"
v-for="(item, index) in editableTabs"
- :label="item.title + ' (' + item.number + ')'"
- ></el-tab-pane>
-
- <el-tab-pane :label="`鏈垎缁�(${numberlbs})`"></el-tab-pane>
- </el-tabs>
+ >
+ <span slot="label">
+ {{
+ item.title + " (" + item.number + ")"
+ }}   <el-popover
+ placement="top-start"
+ width="100"
+ trigger="hover"
+ >
+ <div style="text-align: center">
+ <el-button type="text" @click="popoveramend(item)"
+ >淇敼</el-button
+ ><el-button type="text" @click="deletefenlei(item)"
+ ><span style="color: rgb(173, 55, 55)"
+ >鍒犻櫎</span
+ ></el-button
+ >
+ </div>
+ <i slot="reference" class="el-icon-share"></i> </el-popover
+ ></span>
+ </el-tab-pane>
+ </el-tabs> -->
</div>
</div>
<!-- 鍙充晶鏁版嵁 -->
<div class="leftvlue">
- <div class="leftvlue-top">
- <el-tabs v-model="topactiveName" @tab-click="tophandleClick">
- <el-tab-pane name="Local">
- <span class="mulsz" slot="label">鏈湴闂嵎搴� </span>
- </el-tab-pane>
- <el-tab-pane name="sharing">
- <span class="mulsz" slot="label">鍏变韩闂嵎搴� </span>
- </el-tab-pane>
- </el-tabs>
- </div>
<div class="leftvlue-bg">
<el-row :gutter="20">
<!--鐢ㄦ埛鏁版嵁-->
@@ -67,13 +116,58 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
- <el-form-item label="閫傜敤鐤剧梾" prop="status">
+ <el-form-item label="閫傜敤绉戝" prop="sickness">
<el-cascader
- v-model="queryParams.status"
+ v-model="queryParams.sickness"
:options="optionss"
:props="propss"
clearable
></el-cascader>
+ </el-form-item>
+ <el-form-item label="閫氱煡鍐呭" prop="userName">
+ <el-input
+ v-model="queryParams.userNamevalue"
+ placeholder="璇疯緭鍏�"
+ clearable
+ style="width: 200px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="閫傜敤鏂瑰紡" prop="shape">
+ <el-cascader
+ v-model="queryParams.shapevalue"
+ :options="optionss"
+ :props="propss"
+ clearable
+ ></el-cascader>
+ </el-form-item>
+ <el-form-item label="鍐呭褰㈠紡" prop="classify">
+ <el-select
+ v-model="queryParams.classifyvalue"
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="(item, index) in editableTabs"
+ :key="index++"
+ :label="item.title"
+ :value="index++"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍙敤鐘舵��" prop="classify">
+ <el-select
+ v-model="queryParams.classifyvalue"
+ placeholder="璇烽�夋嫨"
+ >
+ <el-option
+ v-for="(item, index) in editableTabsky"
+ :key="index++"
+ :label="item.title"
+ :value="index++"
+ >
+ </el-option>
+ </el-select>
</el-form-item>
<el-form-item>
@@ -92,7 +186,7 @@
>
</el-form-item>
</el-form>
-
+ <el-divider></el-divider>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
@@ -105,18 +199,7 @@
>鏂板</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"
@@ -129,18 +212,11 @@
>鍒犻櫎</el-button
>
</el-col>
-
- <!-- <el-col :span="1.5"> </el-col> -->
</el-row>
- <!-- <right-toolbar
- :showSearch.sync="showSearch"
- @queryTable="getList"
- :columns="columns"
- ></right-toolbar> -->
<el-table
v-loading="loading"
:data="userList"
- border="true"
+ :border="true"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="50" align="center" />
@@ -149,14 +225,12 @@
align="center"
key="userId"
prop="userId"
- v-if="columns[0].visible"
/>
<el-table-column
- label="闂嵎鍚嶇О"
+ label="闂嵎鏍囬"
align="center"
key="userName"
prop="userName"
- v-if="columns[1].visible"
:show-overflow-tooltip="true"
/>
<el-table-column
@@ -164,23 +238,65 @@
align="center"
key="nickName"
prop="nickName"
- v-if="columns[2].visible"
:show-overflow-tooltip="true"
/>
<el-table-column
+ label="涓昏鍐呭"
+ align="center"
+ key="bphonenumber"
+ prop="bphonenumber"
+ width="120"
+ /><el-table-column
label="閫傜敤鐤剧梾"
align="center"
key="aphonenumber"
prop="aphonenumber"
- v-if="columns[4].visible"
width="120"
- /><el-table-column
- label="闂嵎鎻忚堪"
+ />
+ <el-table-column
+ label="閫傜敤绉戝"
align="center"
- key="bphonenumber"
- prop="bphonenumber"
- v-if="columns[4].visible"
+ key="administrative"
+ prop="administrative"
+ 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="wayList"
+ prop="wayList"
+ width="160"
+ :show-overflow-tooltip="true"
+ >
+ <template slot-scope="scope">
+ <span v-for="item in scope.row.wayList">{{ item }} </span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="璧勬枡褰㈠紡"
+ align="center"
+ key="cphonenumaber"
+ prop="cphonenumaber"
+ width="120"
+ />
+ <el-table-column
+ label="鍙敤"
+ align="center"
+ key="cphonenumbker"
+ prop="cphonenumbker"
width="120"
/>
<el-table-column
@@ -188,7 +304,6 @@
align="center"
key="cphonenumber"
prop="cphonenumber"
- v-if="columns[4].visible"
width="120"
/>
@@ -202,30 +317,39 @@
<el-button
size="medium"
type="text"
- @click="$router.push('/patient/patient/profile/')"
+ @click="goQRCode(scope.row)"
v-hasPermi="['system:user:edit']"
- > <span class="button-text"><i class="el-icon-edit"></i>浜岀淮鐮�</span></el-button
+ >
+ <span class="button-text"
+ ><i class="el-icon-edit"></i>浜岀淮鐮�</span
+ ></el-button
>
<el-button
size="medium"
type="text"
@click="ViewQuestionnaire(scope.row)"
v-hasPermi="['system:user:edit']"
- ><span class="button-textck"><i class="el-icon-edit"></i>鏌ョ湅</span></el-button
+ ><span class="button-textck"
+ ><i class="el-icon-edit"></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
+ ><span class="button-textxg"
+ ><i class="el-icon-edit"></i>淇敼</span
+ ></el-button
>
<el-button
size="medium"
type="text"
@click="handleDelete(scope.row)"
v-hasPermi="['system:user:remove']"
- ><span class="button-textsc"><i class="el-icon-edit"></i>鍒犻櫎</span></el-button
+ ><span class="button-textsc"
+ ><i class="el-icon-edit"></i>鍒犻櫎</span
+ ></el-button
>
</template>
</el-table-column>
@@ -346,15 +470,58 @@
</div>
</div>
<!-- 娣诲姞绫诲埆寮规 -->
- <el-dialog title="鏂板绫诲埆" width="30%" :visible.sync="dialogFormVisible">
- <el-form :model="sidecolumnform">
- <el-form-item label="璇疯緭鍏ョ被鍒悕绉�">
- <el-input v-model="form.name" autocomplete="off"></el-input>
+ <el-dialog
+ :title="amendtag ? '淇敼绫诲埆' : '鏂板绫诲埆'"
+ width="30%"
+ :visible.sync="dialogFormVisible"
+ >
+ <el-form :model="classifyform">
+ <el-form-item label="璇烽�夋嫨闂嵎澶х被">
+ <el-select v-model="classifyform.broadheading" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in optionss"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item
+ :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'"
+ >
+ <el-input
+ v-model="classifyform.categoryname"
+ autocomplete="off"
+ ></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">鍙� 娑�</el-button>
<el-button type="primary" @click="submitsidecolumn">纭� 瀹�</el-button>
+ </div>
+ </el-dialog>
+ <!-- 鍒犻櫎绫诲埆纭妗� -->
+ <el-dialog title="璀﹀憡" :visible.sync="deleteVisible" width="40%">
+ <div style="font-size: 20px; color: rgb(247, 76, 76)">
+ 鏄惁纭鍒犻櫎鍒嗙被锛歔<span>{{ deletefenl }}</span
+ >]?
+ </div>
+ <div style="font-size: 20px">
+ 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛�
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="deleteVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <!-- 浜岀淮鐮佸睍绀哄脊妗� -->
+ <el-dialog width="30%" :visible.sync="goQRCodeVisible">
+ <div class="qrcode-dialo">
+ <div class="qrcode-text">
+ {{ namequestionnaire }}<span>{{ haoquestionnaire }}</span>
+ </div>
+ <div class="qrcode-img"></div>
</div>
</el-dialog>
</div>
@@ -390,6 +557,8 @@
showSearch: true,
// 鎬绘潯鏁�
total: 0,
+ namequestionnaire: "",
+ haoquestionnaire: "",
// 鐢ㄦ埛琛ㄦ牸鏁版嵁
userList: [
{
@@ -416,9 +585,17 @@
numberlb: 22,
numberlbs: 2,
sidecolumnform: {}, //娣诲姞绫诲埆琛ㄥ崟
- dialogFormVisible: false, //娣诲姞绫诲埆寮规
+ goQRCodeVisible: false, //浜岀淮鐮佸脊妗�
sidecolumnval: "", //绫诲埆鎼滅储
propss: { multiple: true },
+ idds: "",
+ amendtag: false, //鏄惁淇敼绫诲埆
+ dialogFormVisible: false, //淇敼娣诲姞绫诲埆寮规
+ deleteVisible: false, //鍒嗙被鍒犻櫎寮规
+ deletefenl: "楂樿鍘�", //鍒犻櫎椤�
+ classifyform: {
+ categoryname: "",
+ }, //绫诲埆琛ㄥ崟
optionss: [
{
value: 1,
@@ -457,6 +634,16 @@
},
{
title: "闂嵎鍒嗙被浜�",
+ number: "2",
+ },
+ ],
+ editableTabsky: [
+ {
+ title: "鍙敤",
+ number: "1",
+ },
+ {
+ title: "鍋滅敤",
number: "2",
},
],
@@ -548,9 +735,54 @@
// console.log(rows);
// this.list = rows;
},
- // 娣诲姞绫诲埆
+ // 娣诲姞銆佷慨鏀圭被鍒�
submitsidecolumn() {
+ if (this.amendtag) {
+ this.classifyform.tagcategoryid = this.idds;
+ // toamendtagcategory(this.addDateRange(this.classifyform)).then(
+ // (response) => {
+ // console.log(response);
+ // this.gitclasify();
+ // }
+ // );
+ } else {
+ // addtagcategory(this.addDateRange(this.classifyform)).then(
+ // (response) => {
+ // console.log(response);
+ // this.gitclasify();
+ // }
+ // );
+ }
+ this.classifyform = {
+ categoryname: "",
+ };
+ this.idds = "";
this.dialogFormVisible = false;
+ },
+ //鍒犻櫎鍒嗙被
+ deletefenlei(row) {
+ if (this.deleteVisible) {
+ // deletetagcategory(this.idds).then((response) => {
+ // console.log(response);
+ // this.gitclasify();
+ // });
+ this.deleteVisible = false;
+ this.idds = "";
+ } else {
+ this.deleteVisible = true;
+ this.idds = row.tagcategoryid;
+ this.deletefenl = row.title;
+ }
+ },
+ // 渚ц竟--------------
+ handleOpen(key, keyPath) {
+ console.log(key, keyPath);
+ },
+ handleClose(key, keyPath) {
+ console.log(key, keyPath);
+ },
+ handleSelect(key, keyPath) {
+ console.log(key, keyPath);
},
//鎼滅储绫诲埆
sidecolumnss() {},
@@ -560,6 +792,11 @@
cancel() {
this.open = false;
this.reset();
+ },
+ goQRCode(row) {
+ this.goQRCodeVisible = true;
+ this.namequestionnaire = row.userName;
+ this.haoquestionnaire = row.nickName;
},
// 琛ㄥ崟閲嶇疆
reset() {
@@ -600,12 +837,8 @@
},
/** 鏂板鎸夐挳鎿嶄綔 */
handleAdd() {
- this.reset();
- getUser().then((response) => {
- this.postOptions = response.posts;
- this.roleOptions = response.roles;
- this.open = true;
- this.title = "鏂板鎮ｈ��";
+ this.$router.push({
+ path: "/knowledge/questionnaire/compilequer/",
});
},
/** 淇敼鎸夐挳鎿嶄綔 */
@@ -614,18 +847,6 @@
path: "/knowledge/questionnaire/compilequer/",
query: { id: "1" },
});
- // this.reset();
- // const userId = row.userId || this.ids;
- // getUser(userId).then((response) => {
- // this.form = response.data;
- // this.postOptions = response.posts;
- // this.roleOptions = response.roles;
- // this.$set(this.form, "postIds", response.postIds);
- // this.$set(this.form, "roleIds", response.roleIds);
- // this.open = true;
- // this.title = "淇敼鐢ㄦ埛";
- // this.form.password = "";
- // });
},
// 鏌ョ湅闂嵎
ViewQuestionnaire() {
@@ -713,6 +934,26 @@
display: center !important;
}
}
+.qrcode-dialo {
+ text-align: center;
+ // display: flex;
+ margin: 20px;
+ padding: 30px;
+ background: #edf1f7;
+ 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);
+ .qrcode-text {
+ font-size: 20px;
+ span {
+ margin-left: 20px;
+ }
+ }
+ .qrcode-img {
+ width: 300px;
+ height: 400px;
+ }
+}
::v-deep.el-tabs--left,
.el-tabs--right {
overflow: hidden;
@@ -746,16 +987,16 @@
font-size: 20px;
}
}
-.button-text{
- color: rgb(70, 204, 238)
+.button-text {
+ color: rgb(70, 204, 238);
}
-.button-textck{
- color: rgb(39, 167, 67)
+.button-textck {
+ color: rgb(39, 167, 67);
}
-.button-textxg{
- color: rgb(35, 81, 233)
+.button-textxg {
+ color: rgb(35, 81, 233);
}
-.button-textsc{
- color: rgb(235, 23, 23)
+.button-textsc {
+ color: rgb(235, 23, 23);
}
</style>
--
Gitblit v1.9.3