From 4c44ccbdcbe25de7dc0725bf53f1290fba10edf7 Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期五, 05 九月 2025 11:33:41 +0800
Subject: [PATCH] 测试完成
---
src/views/knowledge/education/index.vue | 1297 ++++++++++++++++++++++++++++++++++------------------------
1 files changed, 768 insertions(+), 529 deletions(-)
diff --git a/src/views/knowledge/education/index.vue b/src/views/knowledge/education/index.vue
index e8aacfe..32789dc 100644
--- a/src/views/knowledge/education/index.vue
+++ b/src/views/knowledge/education/index.vue
@@ -1,5 +1,6 @@
<template>
<div class="educationmanagement">
+
<!-- 宸︿晶鏍� -->
<div class="sidecolumn">
<div class="sidecolumn-top">
@@ -13,84 +14,45 @@
class="input-with-select"
size="medium"
>
- <el-button
- @click="sidecolumnss"
- slot="append"
- icon="el-icon-search"
- ></el-button>
</el-input>
</div>
- <div class="bottom-fl">
- <el-menu
- default-active="3"
- class="el-menu-vertical-demo"
- @open="handleOpen"
- @close="handleClose"
- @select="handleSelect"
+ <div class="head-container" style="margin-top: 20px">
+ <el-tree
+ :data="deptOptions"
+ :props="defaultProps"
+ :expand-on-click-node="false"
+ :filter-node-method="filterNode"
+ ref="tree"
+ node-key="id"
+ default-expand-all
+ highlight-current
+ @node-click="handleNodeClick"
>
- <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.title"
- v-for="(item, index) in editableTabs"
- >
- <span slot="label">
- {{
- item.title + " (" + item.number + ")"
- }}   <el-popover
- placement="top-start"
- width="100"
- trigger="hover"
+ <span class="custom-tree-node" slot-scope="{ node, data }">
+ <span>{{ node.label }}</span>
+ <span v-if="data.id > 0">
+ <el-button
+ type="text"
+ icon="el-icon-delete"
+ circle
+ size="mini"
+ @click="() => remove(node, data)"
>
- <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> -->
+ </el-button>
+ </span>
+ <span v-if="data.id > 0">
+ <el-button
+ type="text"
+ circle
+ size="mini"
+ @click="() => altertag(node, data)"
+ ><span class="button-textxg"
+ ><i class="el-icon-edit-outline"></i
+ ></span>
+ </el-button>
+ </span>
+ </span>
+ </el-tree>
</div>
</div>
<!-- 鍙充晶鏁版嵁 -->
@@ -107,64 +69,50 @@
v-show="showSearch"
label-width="98px"
>
- <el-form-item label="瀹ｆ暀鏍囬" prop="userName">
+ <el-form-item label="閫氱煡鏍囬" prop="preachname">
<el-input
- v-model="queryParams.userName"
+ v-model="queryParams.preachname"
placeholder="璇疯緭鍏�"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
- <el-form-item label="閫傜敤绉戝" prop="sickness">
- <el-cascader
- 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-form-item label="閫傜敤闄㈠尯" prop="region">
<el-select
- v-model="queryParams.classifyvalue"
- placeholder="璇烽�夋嫨"
+ v-model="campus"
+ size="medium"
+ multiple
+ filterable
+ placeholder="璇烽�夋嫨鍒嗙被"
>
<el-option
- v-for="(item, index) in editableTabs"
- :key="index++"
- :label="item.title"
- :value="index++"
+ v-for="item in courtyardlist"
+ :label="item.label"
+ :value="item.label"
>
</el-option>
</el-select>
</el-form-item>
+ <el-form-item label="閫氱煡鍐呭" prop="userName">
+ <el-input
+ v-model="queryParams.preachcontent"
+ placeholder="璇疯緭鍏�"
+ clearable
+ style="width: 200px"
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+
<el-form-item label="鍙敤鐘舵��" prop="classify">
<el-select
- v-model="queryParams.classifyvalue"
+ v-model="queryParams.isavailable"
placeholder="璇烽�夋嫨"
>
<el-option
- v-for="(item, index) in editableTabsky"
- :key="index++"
- :label="item.title"
- :value="index++"
+ v-for="(item, index) in qyoptions"
+ :label="item.label"
+ :value="item.value"
>
</el-option>
</el-select>
@@ -212,14 +160,20 @@
>鍒犻櫎</el-button
>
</el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="el-icon-data-line"
+ size="medium"
+ @click="statistics"
+ >缁熻鍒嗘瀽</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"
@@ -229,29 +183,33 @@
<el-table-column type="selection" width="50" align="center" />
<el-table-column
label="搴忓彿"
+ fixed
align="center"
- key="userid"
- prop="userid"
+ key="id"
+ prop="id"
/>
<el-table-column
label="鏍囬"
+ fixed
align="center"
- key="userName"
- prop="userName"
+ width="150"
+ key="preachname"
+ prop="preachname"
:show-overflow-tooltip="true"
/>
<el-table-column
label="鐗堟湰"
align="center"
- key="nickName"
- prop="nickName"
+ key="version"
+ prop="version"
:show-overflow-tooltip="true"
/>
<el-table-column
label="涓昏鍐呭"
align="center"
- key="userNamevalue"
- prop="userNamevalue"
+ width="260"
+ key="preachcontent"
+ prop="preachcontent"
:show-overflow-tooltip="true"
/>
@@ -261,62 +219,99 @@
key="aphonenumber"
prop="aphonenumber"
width="120"
- /><el-table-column
- label="閫傜敤绉戝"
- align="center"
- key="bphonenumber"
- prop="bphonenumber"
- width="120"
- />
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="medium"
+ type="text"
+ @click="illnessUpdate(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ ><span class="button-textxg"
+ ><i class="el-icon-date"></i>璇︽儏</span
+ ></el-button
+ >
+ </template>
+ </el-table-column>
+
<el-table-column
label="鏍囩"
align="center"
- key="tagList"
- prop="tagList"
+ key="labelInfo"
+ prop="labelInfo"
width="160"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
- <span v-for="item in scope.row.tagList">{{ item }} </span>
+ <div v-if="scope.row.labelInfo">
+ <span v-for="item in scope.row.labelInfo.split(',')"
+ >{{ item }}銆�
+ </span>
+ </div>
+ <div v-else>
+ <span>鏃�</span>
+ </div>
</template>
</el-table-column>
<el-table-column
- label="瀹ｆ暀鏂瑰紡"
+ label="閫傜敤鏂瑰紡"
align="center"
- key="cphonenumber"
- prop="cphonenumber"
+ key="suitway"
+ prop="suitway"
width="120"
- />
+ >
+ <template slot-scope="scope">
+ <div v-if="scope.row.suitway">
+ <span v-for="item in scope.row.suitway.split(',')"
+ >{{ item }}銆�
+ </span>
+ </div>
+ <div v-else>
+ <span>鏃�</span>
+ </div>
+ </template>
+ </el-table-column>
<el-table-column
- label="璧勬枡褰㈠紡"
+ label="鍐呭褰㈠紡"
align="center"
- key="cphonenumber"
- prop="cphonenumber"
+ key="preachform"
+ prop="preachform"
width="120"
- />
+ >
+ <template slot-scope="scope">
+ <dict-tag
+ :options="editabshape"
+ :value="scope.row.preachform"
+ />
+ </template>
+ </el-table-column>
<el-table-column
label="鏈�杩戜慨鏀�"
align="center"
- key="cphonenumber"
- prop="cphonenumber"
+ key="updateTime"
+ prop="updateTime"
width="120"
/>
<el-table-column
label="鏄惁鍙敤"
align="center"
- key="cphonenumber"
- prop="cphonenumber"
+ key="isavailable"
+ prop="isavailable"
width="120"
- />
+ >
+ <template slot-scope="scope">
+ <dict-tag :options="usable" :value="scope.row.isavailable" />
+ </template>
+ </el-table-column>
<el-table-column
label="鎿嶄綔"
+ fixed="right"
align="center"
width="300"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
- <el-button
+ <!-- <el-button
size="medium"
type="text"
@click="goQRCode(scope.row)"
@@ -325,14 +320,14 @@
<span class="button-text"
><i class="el-icon-edit"></i>浜岀淮鐮�</span
></el-button
- >
+ > -->
<el-button
size="medium"
type="text"
@click="Vieweducation(scope.row)"
v-hasPermi="['system:user:edit']"
><span class="button-textck"
- ><i class="el-icon-edit"></i>鏌ョ湅</span
+ ><i class="el-icon-edit"></i>棰勮</span
></el-button
>
<el-button
@@ -366,155 +361,87 @@
/>
</el-col>
</el-row>
-
- <!-- 娣诲姞鎴栦慨鏀瑰鏁欓厤缃璇濇 -->
- <el-dialog
- :title="title"
- :visible.sync="open"
- width="900px"
- append-to-body
- >
- <el-form ref="form" :model="form" :rules="rules" label-width="100px">
- <el-row>
- <el-col :span="12">
- <el-form-item label="濮撳悕" prop="nickName">
- <el-input
- v-model="form.nickName"
- placeholder="璇疯緭鍏ュ鍚�"
- maxlength="30"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鎬у埆" prop="deptId">
- <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆">
- <el-option
- v-for="dict in dict.type.sys_user_sex"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="璇佷欢绫诲瀷" prop="phonenumber">
- <el-input
- v-model="form.phonenumber"
- placeholder="璇烽�夋嫨璇佷欢绫诲瀷"
- maxlength="11"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="璇佷欢鍙�" prop="email">
- <el-input
- v-model="form.email"
- placeholder="璇疯緭鍏ヨ瘉浠跺彿"
- maxlength="50"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="鏈汉鎵嬫満鍙�" prop="userName">
- <el-input
- v-model="form.userName"
- placeholder="璇疯緭鍏ユ墜鏈哄彿"
- maxlength="30"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="浜插睘鎵嬫満鍙�" prop="password">
- <el-input
- v-model="form.password"
- placeholder="璇疯緭鍏ヤ翰灞炴墜鏈哄彿"
- type="password"
- maxlength="20"
- show-password
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="鎮ｈ�呮爣绛�">
- <el-cascader
- :options="optionss"
- :props="propss"
- clearable
- ></el-cascader>
- </el-form-item>
- </el-col>
- </el-row>
-
- <el-row>
- <el-col :span="24">
- <el-form-item label="澶囨敞">
- <el-input
- v-model="form.remark"
- type="textarea"
- placeholder="璇疯緭鍏ュ唴瀹�"
- ></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
- <el-button @click="cancel">鍙� 娑�</el-button>
- </div>
- </el-dialog>
</div>
</div>
<!-- 娣诲姞绫诲埆寮规 -->
- <el-dialog
- :title="amendtag ? '淇敼绫诲埆' : '鏂板绫诲埆'"
- width="30%"
- :visible.sync="dialogFormVisible"
- >
+ <el-dialog title="绫诲埆缂栬緫" width="30%" :visible.sync="dialogFormVisible">
+ <div style="text-align: center; margin-bottom: 20px">
+ <el-radio-group v-model="radio">
+ <el-radio-button label="涓诲垎绫�"></el-radio-button>
+ <el-radio-button label="瀛愬垎绫�"></el-radio-button>
+ </el-radio-group>
+ </div>
+ <el-divider></el-divider>
<el-form :model="classifyform">
- <el-form-item label="璇烽�夋嫨瀹ｆ暀澶х被">
- <el-select v-model="classifyform.broadheading" placeholder="璇烽�夋嫨">
+ <el-form-item label="璇烽�夋嫨闂澶х被" v-if="radio == '瀛愬垎绫�'">
+ <el-select v-model="classifyform.pid" placeholder="璇烽�夋嫨">
<el-option
- v-for="item in optionss"
- :key="item.value"
- :label="item.label"
- :value="item.value"
+ v-for="item in deptOptions"
+ :key="item.id"
+ :label="item.assortname"
+ :value="item.id"
>
</el-option>
</el-select>
</el-form-item>
- <el-form-item
- :label="amendtag ? '璇疯緭鍏ユ柊鐨勭被鍒悕绉�' : '璇疯緭鍏ョ被鍒悕绉�'"
- >
+ <el-form-item label="璇疯緭鍏ョ被鍒悕绉�">
<el-input
- v-model="classifyform.categoryname"
+ v-model="classifyform.assortname"
autocomplete="off"
></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
- <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button>
+ <el-button @click="getDeptTree()">鍙� 娑�</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">
- 姝ゆ搷浣滀細灏嗚绫诲埆涓嬫墍鏈夋ā鍧楄浆绉昏嚦[鏈垎绫籡锛屾槸鍚︾户缁垹闄ゆ鍒嗙被锛�
+ <!-- 鐤剧梾寮规 -->
+ <el-dialog title="鎸囨爣鐤剧梾" :visible.sync="illnessVisible" width="50%">
+ <div>
+ <div class="xinz-infs">
+ <el-tag
+ :key="item.icd10name"
+ type="warning"
+ v-for="item in illnesslist"
+ closable
+ :disable-transitions="false"
+ @close="handleCloseillness(item)"
+ >
+ {{ item.icd10name }}
+ </el-tag>
+ <el-select
+ v-model="inputValue"
+ v-if="inputVisible"
+ @change="illnessConfirm"
+ :remote-method="remoteMethod"
+ filterable
+ remote
+ allow-create
+ default-first-option
+ placeholder="璇烽�夋嫨/鏌ヨ"
+ :loading="loading"
+ >
+ <el-option
+ v-for="item in optionsillness"
+ :key="item.icdid"
+ :label="item.icdname"
+ :value="item.icdid"
+ >
+ </el-option>
+ </el-select>
+ <el-button
+ v-else
+ class="button-new-tag"
+ size="small"
+ @click="showInput"
+ >+ 鏂板鐤剧梾</el-button
+ >
+ </div>
</div>
<span slot="footer" class="dialog-footer">
- <el-button @click="deleteVisible = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="deletefenlei">纭� 瀹�</el-button>
+ <el-button @click="illnessVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="confirmillness">纭� 瀹�</el-button>
</span>
</el-dialog>
<!-- 浜岀淮鐮佸睍绀哄脊妗� -->
@@ -526,12 +453,52 @@
<div class="qrcode-img"></div>
</div>
</el-dialog>
+ <el-dialog title="妯℃澘棰勮" :visible.sync="previewtf" width="60%">
+ <div class="preview-left">
+ <!-- 鍗曢�� -->
+ <div v-html="htmlRichText"></div>
+ </div>
+ <!-- <span slot="footer" class="dialog-footer">
+ <el-button @click="previewGo">鍓嶅線妯℃澘璇︽儏淇敼</el-button>
+ <el-button type="primary" @click="previewFn">纭浣跨敤</el-button>
+ </span> --> </el-dialog
+ >\
+ <!-- 缁熻鍥捐〃 -->
+ <el-dialog width="80%" title="绠￠ゲ瀹ｆ暀缁熻" :visible.sync="statisticson">
+ <div class="grid-content bg-purple" style="min-height: 300px">
+ <div class="title">
+ 瀹ｆ暀缁熻
+ <span class="el-icon-s-unfold moreIcon"></span>
+ </div>
+ <div class="cooperate">
+ <!-- 鍚堜綔鍖哄煙 -->
+ <div class="pieChart" id="pieCharts"></div>
+ </div>
+ </div>
+ </el-dialog>
</div>
</template>
<script>
-import { listUser, delUser, addUser, updateUser } from "@/api/system/user";
+import {
+ getheLibraryAssort,
+ delheLibraryAssort,
+ addheLibraryAssort,
+ editheLibraryAssort,
+ addtargetillness,
+ getlibrarylist,
+ dellibraryinfo,
+ compilelibrary,
+ getlibraryinfo,
+ getillnesslist,
+ illnesslistget,
+ getillness,
+ deltargetillness,
+} from "@/api/AiCentre/index";
+import { listDept } from "@/api/system/dept";
import { getToken } from "@/utils/auth";
+import store from "@/store";
+import axios from "axios";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
@@ -555,13 +522,30 @@
total: 0,
nameeducation: "",
haoeducation: "",
+ statisticson: false,
+ indexid: null,
+ inputValue: "",
+ htmlRichText: "",
+ radio: "涓诲垎绫�",
+ inputVisible: false,
+ previewtf: false,
+ illnessVisible: false, //鎸囨爣鐤剧梾寮规
+ deptOptions: [],
+ courtyardlist: [],
+ optionsillness: [],
+ illnesslistapi: [],
+ illnesslist: [],
+ campus: [],
+ defaultProps: {
+ children: "heLibraryAssortList",
+ label: "assortname",
+ },
// 鐢ㄦ埛琛ㄦ牸鏁版嵁
userList: [
{
userid: 1,
userName: "涓夊彿瀹ｆ暀",
nickName: "1.2.4",
-
aphonenumber: "鍏宠妭鐐庣棁",
bphonenumber: "寰堟",
cphonenumber: "2022-12-12",
@@ -593,224 +577,57 @@
classifyform: {
categoryname: "",
}, //绫诲埆琛ㄥ崟
- optionss: [
- {
- value: 1,
- label: "绫诲瀷涓�",
- },
- {
- value: 2,
- label: "绫诲瀷浜�",
- },
- {
- value: 3,
- label: "绫诲瀷涓�",
- },
- {
- value: 4,
- label: "绫诲瀷鍥�",
- },
- ],
- xjxsoptions: [
- {
- value: 1,
- label: "瑙嗛",
- },
- {
- value: 2,
- label: "璁插骇",
- },
- {
- value: 3,
- label: "璇煶",
- },
- ],
- editableTabsky: [
- {
- title: "鍙敤",
- number: "1",
- },
- {
- title: "鍋滅敤",
- number: "2",
- },
- ],
+ optionss: [],
+ mode: [],
+ qyoptions: [],
+ languagelist: [],
+ editabshape: [],
+ usable: [],
+ precedencetype: [],
+ xjxsoptions: [],
+ deptList: [],
+ props: { multiple: true, value: "deptId", label: "deptName" },
+ Collarr: [],
+ Collarrname: [],
+ Collarrvalue: [],
//绫诲埆鍒楄〃
- editableTabs: [
- {
- title: "鐭俊",
- number: "1",
- },
- {
- title: "閽夐拤",
- number: "2",
- },
- {
- title: "寰俊",
- number: "3",
- },
- {
- title: "鐢佃瘽",
- number: "4",
- },
- {
- title: "绾夸笅",
- number: "5",
- },
- {
- title: "鏅鸿兘璇煶",
- number: "6",
- },
- ],
+ editableTabs: [],
// 鏌ヨ鍙傛暟
queryParams: {
pageNum: 1,
pageSize: 10,
- sickness: "",
- classifyvalue: "",
- shapevalue: "",
- userName: undefined,
- },
- // 鍒椾俊鎭�
- columns: [
- { key: 0, label: `鐢ㄦ埛缂栧彿`, visible: true },
- { key: 1, label: `鐢ㄦ埛鍚嶇О`, visible: true },
- { key: 2, label: `鐢ㄦ埛鏄电О`, visible: true },
- { key: 3, label: `閮ㄩ棬`, visible: true },
- { key: 4, label: `鎵嬫満鍙风爜`, visible: true },
- { key: 5, label: `鐘舵�乣, visible: true },
- { key: 6, label: `鍒涘缓鏃堕棿`, visible: true },
- ],
- // 琛ㄥ崟鏍￠獙
- rules: {
- userName: [
- { required: true, message: "鐢ㄦ埛鍚嶇О涓嶈兘涓虹┖", trigger: "blur" },
- {
- min: 2,
- max: 20,
- message: "鐢ㄦ埛鍚嶇О闀垮害蹇呴』浠嬩簬 2 鍜� 20 涔嬮棿",
- trigger: "blur",
- },
- ],
- nickName: [
- { required: true, message: "鐢ㄦ埛鏄电О涓嶈兘涓虹┖", trigger: "blur" },
- ],
- password: [
- { required: true, message: "鐢ㄦ埛瀵嗙爜涓嶈兘涓虹┖", trigger: "blur" },
- {
- min: 5,
- max: 20,
- message: "鐢ㄦ埛瀵嗙爜闀垮害蹇呴』浠嬩簬 5 鍜� 20 涔嬮棿",
- trigger: "blur",
- },
- ],
- email: [
- {
- type: "email",
- message: "璇疯緭鍏ユ纭殑閭鍦板潃",
- trigger: ["blur", "change"],
- },
- ],
- phonenumber: [
- {
- pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
- message: "璇疯緭鍏ユ纭殑鎵嬫満鍙风爜",
- trigger: "blur",
- },
- ],
- IDnumber: [
- {
- pattern:
- /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/,
- message: "璇疯緭鍏ユ纭殑韬唤璇佸彿鐮�",
- trigger: "blur",
- },
- ],
+ isavailable: "",
},
};
},
watch: {},
created() {
this.getList();
+ this.getDeptTree();
+ this.mode = store.getters.mode;
+ this.languagelist = store.getters.languagelist;
+ this.usable = store.getters.usable;
+ this.precedencetype = store.getters.precedencetype;
+ this.editabshape = store.getters.editabshape;
+ this.qyoptions = store.getters.usable;
+ this.courtyardlist = store.getters.courtyardlist;
},
methods: {
- /** 鏌ヨ鐢ㄦ埛鍒楄〃 */
+ /** 鏌ヨ瀹ｆ暀鍒楄〃 */
getList() {
- // this.loading = true;
- listUser().then((response) => {
+ this.loading = true;
+ getlibrarylist(this.queryParams).then((response) => {
console.log(response);
- // this.userList = response.data;
- // this.total = response.total;
- // this.loading = false;
- console.log(this.userList);
+ this.userList = response.rows;
+ this.total = response.total;
+ this.loading = false;
});
- // const { rows } = await listUser();
- // console.log(rows);
- // this.list = rows;
+ listDept(this.queryParams).then((response) => {
+ this.deptList = this.handleTree(response.data, "deptId");
+ });
},
- // 娣诲姞绫诲埆
- submitsidecolumn() {
- this.dialogFormVisible = false;
- },
- // 淇敼鍒嗙被寮规
- popoveramend(tagcategoryid) {
- this.idds = tagcategoryid;
- this.amendtag = true;
- this.dialogFormVisible = true;
- },
- // 娣诲姞銆佷慨鏀圭被鍒�
- 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() {},
- // 鍒囨崲鍏变韩/鏈湴
- tophandleClick() {},
+
// 鍙栨秷鎸夐挳
cancel() {
this.open = false;
@@ -821,27 +638,122 @@
this.nameeducation = row.userName;
this.haoeducation = row.nickName;
},
+ // 鍚堜綔鍟嗙偣浣嶆眹鎬荤粺璁￠ゼ鐘跺浘
+ async getnodeCollect() {
+ // const res = await getnodeCollect();
+ // this.nodeCollect = res.data;
+ // this.nodeCollect = [
+ // { name: "褰卞儚闅忚", value: 1232 },
+ // { name: "鍑洪櫌闅忚", value: 342 },
+ // ];
+ this.myPieChart();
+ },
+ // 楗肩姸鍥�
+ myPieChart() {
+ // 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
+ var echarts = require("echarts");
+ var mypPieCharts = echarts.init(document.getElementById("pieCharts"));
+ this.mypPieCharts = mypPieCharts;
+ // 鎸囧畾鍥捐〃鐨勯厤缃」鍜屾暟鎹�
+ var optionPie = {
+ tooltip: {
+ trigger: "item",
+ formatter: "{a} <br/>{b} : {c} ({d}%)",
+ },
+ legend: {
+ left: "left",
+ orient: "horizontal", // 鍥句緥椤规按骞虫帓鍒�
+ top: "top", // 鍥句緥鏀剧疆鍦ㄩ《閮�
+ data: this.Collarrname,
+ },
+ toolbox: {
+ feature: {
+ magicType: {
+ type: ["stack"],
+ },
+ dataView: {},
+ },
+ },
+ xAxis: [
+ {
+ type: "category",
+ data: this.Collarrname,
+ axisLabel: {
+ formatter: "{value}",
+ },
+ },
+ ],
+ grid: { top: "30%", left: "10%", right: "40%", bottom: "10%" },
+ yAxis: [
+ {
+ type: "value",
+ },
+ ],
+ series: [
+ {
+ name: "鏌ョ湅娆℃暟",
+ type: "bar",
+ data: this.Collarrvalue,
+ seriesLayoutBy: "row",
+ smooth: true,
+ label: {
+ show: true,
+ position: "inside",
+ },
+ emphasis: { focus: "series" },
+ },
+ {
+ name: "鏌ョ湅娆℃暟姣旂巼",
+ type: "pie",
+ radius: "30%",
+ radius: ["40%", "70%"],
+ center: ["80%", "60%"],
+ data: this.Collarr,
+ emphasis: {
+ focus: "self",
+ },
+ itemStyle: {
+ borderRadius: 10,
+ borderColor: "#fff",
+ borderWidth: 2,
+ },
+ label: {
+ formatter: "{b}: {d}%",
+ },
+ },
+ ],
+ };
+ mypPieCharts.on("updateAxisPointer", function (event) {
+ const xAxisInfo = event.axesInfo[0];
+ if (xAxisInfo) {
+ const dimension = xAxisInfo.value + 1;
+ mypPieCharts.setOption({
+ series: {
+ id: "pie",
+ label: {
+ formatter: "{b}: {@[" + dimension + "]} ",
+ },
+ encode: {
+ value: dimension,
+ tooltip: dimension,
+ },
+ },
+ });
+ }
+ });
+
+ // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
+ mypPieCharts.setOption(optionPie);
+ },
// 琛ㄥ崟閲嶇疆
reset() {
- this.form = {
- userId: undefined,
- deptId: undefined,
- userName: undefined,
- nickName: undefined,
- password: undefined,
- phonenumber: undefined,
- email: undefined,
- sex: undefined,
- status: "0",
- remark: undefined,
- postIds: [],
- roleIds: [],
- };
+ this.form = {};
this.resetForm("form");
},
/** 鎼滅储鎸夐挳鎿嶄綔 */
handleQuery() {
this.queryParams.pageNum = 1;
+ this.queryParams.campus = this.campus.join(",");
this.getList();
},
/** 閲嶇疆鎸夐挳鎿嶄綔 */
@@ -854,64 +766,257 @@
},
// 澶氶�夋閫変腑鏁版嵁
handleSelectionChange(selection) {
- this.ids = selection.map((item) => item.userId);
+ this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
/** 鏂板鎸夐挳鎿嶄綔 */
handleAdd() {
this.$router.push({
- path: "/knowledge/education/compilequer/",
+ path: "/knowledge/educationinfo/",
});
},
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
this.$router.push({
- path: "/knowledge/education/compilequer/",
- query: { id: "1" },
+ path: "/knowledge/educationinfo/",
+ query: { id: row.id },
});
},
// 鏌ョ湅瀹ｆ暀
- Vieweducation() {
- this.$router.push({
- path: "/knowledge/education/examine/",
- query: { id: "1" },
- });
+ Vieweducation(row) {
+ this.htmlRichText = null;
+ this.previewtf = true;
+ axios
+ .get(row.htmlRichText)
+ .then((response) => {
+ console.log(response.data, "鏁版嵁"); // 杈撳嚭鑾峰彇鍒扮殑鏂囦欢鍐呭
+ this.htmlRichText = response.data;
+ this.htmlRichText = this.addStyleToImages(this.htmlRichText);
+ })
+ .catch((error) => {
+ this.$modal.msgError("鑾峰彇瀵屾枃鏈け璐�");
+ console.error("Failed to fetch file:", error);
+ });
+ },
+ addStyleToImages(html) {
+ return html.replace(
+ /<img([^>]*)style=(['"])(?:(?!\2).)*\2([^>]*)>/g,
+ '<img$1style="width:100%;height:auto;"$3>'
+ );
},
- /** 鏇存柊/淇敼鎻愪氦鎸夐挳 */
- submitForm: function () {
- this.$refs["form"].validate((valid) => {
- if (valid) {
- if (this.form.userId != undefined) {
- updateUser(this.form).then((response) => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
- this.open = false;
- this.getList();
- });
- } else {
- addUser(this.form).then((response) => {
- this.$modal.msgSuccess("鏂板鎴愬姛");
- this.open = false;
- this.getList();
- });
- }
- }
- });
- },
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
handleDelete(row) {
- const userIds = row.userId || this.ids;
+ const userIds = row.id || this.ids;
this.$modal
.confirm('鏄惁纭鍒犻櫎鐢ㄦ埛缂栧彿涓�"' + userIds + '"鐨勬暟鎹」锛�')
.then(function () {
- return delUser(userIds);
+ return dellibraryinfo(userIds);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
})
.catch(() => {});
+ },
+ // 鎵撳紑缁熻鍥捐〃
+ statistics() {
+ this.Collarrname=[];
+ this.Collarrvalue=[];
+ //鍙栨暟鎹�
+ let obj = { assortid: 13, isavailable: "", pageNum: 1, pageSize: 20 };
+ getlibrarylist(obj).then((response) => {
+ console.log(response.rows, "response.rows");
+ response.rows.forEach((item) => {
+ this.Collarr.push({ name: item.preachname, value: item.watchCount });
+ });
+ this.Collarrname = this.Collarr.map((item) => item.name);
+
+ // 鎻愬彇 value 灞炴�у埌涓�涓柊鏁扮粍
+ this.Collarrvalue = this.Collarr.map((item) =>
+ parseInt(item.value, 10)
+ );
+ this.statisticson = true;
+ this.$nextTick(function () {
+ this.getnodeCollect();
+ });
+ this.total = response.total;
+ this.loading = false;
+ });
+ },
+
+ // 鍒嗙被鏍�-----------------------------------------
+ // 淇敼鍒嗙被寮规
+ popoveramend(tagcategoryid) {
+ this.idds = tagcategoryid;
+ this.amendtag = true;
+ this.dialogFormVisible = true;
+ },
+ // 鏌ヨ鏍�
+ getDeptTree() {
+ getheLibraryAssort({}).then((res) => {
+ this.deptOptions = res.rows;
+ this.dialogFormVisible = false;
+ });
+ },
+
+ // 娣诲姞绫诲埆鏍�
+ submitsidecolumn() {
+ if (this.classifyform.id) {
+ editheLibraryAssort(this.classifyform).then((res) => {
+ this.getDeptTree();
+ this.$modal.msgSuccess("淇敼鎴愬姛");
+ this.classifyform = {};
+ this.dialogFormVisible = false;
+ });
+ return;
+ }
+ let calssvalue = {};
+ if (
+ this.classifyform.pid &&
+ this.classifyform.assortname &&
+ this.radio == "瀛愬垎绫�"
+ ) {
+ const index = this.deptOptions.findIndex(
+ (obj) => obj.id == this.classifyform.pid
+ );
+ calssvalue = this.deptOptions[index];
+ calssvalue.heLibraryAssortList.push(this.classifyform);
+ } else if (this.radio == "涓诲垎绫�" && this.classifyform.assortname) {
+ this.classifyform.pid = null;
+ this.classifyform.heLibraryAssortList = [];
+ } else {
+ return this.$modal.msgError("璇峰～鍐欏畬鏁翠俊鎭�");
+ }
+ this.classifyform.hetype = 1;
+ addheLibraryAssort(this.classifyform).then((res) => {
+ this.getDeptTree();
+ this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.classifyform = {};
+ this.dialogFormVisible = false;
+ });
+ },
+ remove(a, b) {
+ if (b.pid) {
+ this.$modal
+ .confirm('鏄惁纭鍒犻櫎鍒嗙被椤逛负"' + b.assortname + '"鐨勬暟鎹」锛�')
+ .then(function () {
+ return delheLibraryAssort(b.id);
+ })
+ .then(() => {
+ this.getDeptTree();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(() => {});
+ } else {
+ this.$modal
+ .confirm(
+ '鏄惁纭鍒犻櫎涓�绾у垎绫�"' +
+ b.assortname +
+ '"锛熷垹闄ゅ悗鍏朵笅鍒嗙被灏嗗綊绫烩�樻湭鍒嗙被鈥�'
+ )
+ .then(() => {
+ return delheLibraryAssort(b.id);
+ })
+ .then(() => {
+ this.getDeptTree();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(() => {});
+ }
+ },
+ altertag(a, b) {
+ this.dialogFormVisible = true;
+ if (!b.pid) {
+ this.radio = "涓诲垎绫�";
+ } else {
+ this.radio = "瀛愬垎绫�";
+ }
+ this.classifyform = b;
+ this.dialogFormVisible = true;
+ },
+
+ // 绛涢�夎妭鐐�
+ filterNode(value, data) {
+ if (!value) return true;
+ return data.assortname.indexOf(value) !== -1;
+ },
+ handleNodeClick(data) {
+ this.queryParams.assortid = data.id;
+ this.getList();
+ },
+ // 鐤剧梾-----------------------
+ illnessUpdate(row) {
+ this.illnessVisible = true;
+ this.indexid = row.id;
+ this.illnesslistapi = [];
+ const illnessqueryParams = {
+ pageNum: 1,
+ pageSize: 100,
+ };
+ getillnesslist(illnessqueryParams).then((response) => {
+ console.log(response);
+ this.optionsillness = response.rows;
+ });
+ getillness({ outid: row.id, type: 6 }).then((res) => {
+ this.illnesslist = res.rows;
+ console.log(res);
+ });
+ },
+ handleCloseillness(tag) {
+ this.illnesslist.splice(this.illnesslist.indexOf(tag), 1);
+ if (tag.id) {
+ this.illnesslistapi.push(tag.id);
+ }
+ },
+ remoteMethod(value) {
+ console.log(value);
+ const illnessqueryParams = {
+ pageNum: 1,
+ pageSize: 100,
+ icdname: value,
+ };
+ this.loading = true;
+ setTimeout(() => {
+ this.loading = false;
+ getillnesslist(illnessqueryParams).then((response) => {
+ this.optionsillness = response.rows;
+ });
+ }, 200);
+ },
+ illnessConfirm(item) {
+ let opeavalue = {};
+ let tagname = this.inputValue;
+ illnesslistget(item).then((res) => {
+ opeavalue = res.data;
+ opeavalue.outid = this.indexid;
+ opeavalue.type = 6;
+ opeavalue.icd10id = opeavalue.icdid;
+ opeavalue.icd10name = opeavalue.icdname;
+ opeavalue.icd10code = opeavalue.icdcode;
+ if (tagname) {
+ this.illnesslist.push(opeavalue);
+ }
+ });
+ console.log(this.illnesslist);
+ this.inputVisible = false;
+ this.inputValue = "";
+ },
+ confirmillness() {
+ this.illnesslist.forEach((item, index) => {
+ if (!item.id) {
+ addtargetillness(item).then((res) => {});
+ }
+ });
+ if (this.illnesslistapi.length) {
+ deltargetillness(this.illnesslistapi.join(",")).then((res) => {});
+ }
+ this.illnessVisible = false;
+ this.$modal.msgSuccess("缂栬緫鎴愬姛");
+ },
+ showInput() {
+ this.inputVisible = true;
},
},
};
@@ -929,7 +1034,7 @@
margin-top: 20px;
margin: 20px;
padding: 30px;
- background: #edf1f7;
+ background: #fff;
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);
@@ -1010,6 +1115,140 @@
font-size: 20px;
}
}
+.xinz-infs {
+ font-size: 18px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ line-height: 48px;
+
+ .el-tag + .el-tag {
+ margin-left: 10px;
+ }
+ .button-new-tag {
+ margin-left: 10px;
+ height: 32px;
+ line-height: 30px;
+ padding-top: 0;
+ padding-bottom: 0;
+ }
+ .input-new-tag {
+ width: 90px;
+ margin-left: 10px;
+ vertical-align: bottom;
+ }
+}
+
+.bg-purple {
+ background: #fff;
+}
+
+.grid-content {
+ min-height: 36px;
+ border-radius: 20px;
+ padding: 0 10px;
+}
+.title {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ font-size: 16px;
+ font-family: PingFangSC-Semibold, PingFang SC;
+ font-weight: 600;
+ color: #333;
+ padding-top: 17px;
+ padding-bottom: -4px;
+
+ span {
+ margin-left: 10px;
+ font-size: 12px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #999;
+ }
+}
+.moreIcon {
+ font-size: 22px !important;
+ margin-left: 400px !important;
+ color: #5f84ff !important;
+ cursor: pointer;
+}
+.cooperate {
+ width: 100%;
+ height: 280px;
+ margin-top: 25px;
+ display: flex;
+ .pieChart {
+ flex: 1;
+ }
+ .Points {
+ width: 154px;
+ height: 230px;
+ text-align: center;
+ padding: 20px 0;
+ background: linear-gradient(135deg, transparent, #f8f8f9 0) 0 0,
+ linear-gradient(-135deg, transparent 12px, #f8f8f9 0) 100% 0,
+ linear-gradient(-45deg, transparent, #f8f8f9 0) 100% 100%,
+ linear-gradient(45deg, transparent 12px, #f8f8f9 0) 0 100%;
+ background-size: 50% 50%;
+ background-repeat: no-repeat;
+ p {
+ height: 33px;
+ margin-bottom: 10px;
+ font-size: 24px;
+ font-family: PingFangSC-Semibold, PingFang SC;
+ font-weight: 600;
+ color: #072074;
+ line-height: 33px;
+ }
+ span {
+ height: 17px;
+ margin-top: 6px;
+ font-size: 12px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #000412;
+ line-height: 17px;
+ }
+ }
+}
+::v-deep .el-tree-node__content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 46px;
+ font-size: 20px;
+ cursor: pointer;
+}
+::v-deep .el-tree {
+ position: relative;
+ cursor: default;
+ border-radius: 5px;
+ background: #eff8fe;
+ color: #606266;
+ border: 1px solid #bbe1fa;
+ // 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);
+}
+::v-deep
+ .el-tree--highlight-current
+ .el-tree-node.is-current
+ > .el-tree-node__content {
+ background-color: #7799fb;
+ color: #fff;
+}
+::v-deep .el-button--mini.is-circle {
+ padding: 7px;
+ margin: 0;
+ color: red;
+}
.button-text {
color: rgb(70, 204, 238);
}
--
Gitblit v1.9.3