From ad0ecacbc73d16c9b95b79ac3c82868cbff33e44 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 05 八月 2024 16:17:21 +0800
Subject: [PATCH] 测试完成

---
 src/views/patient/patient/profile/index.vue |  493 +++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 359 insertions(+), 134 deletions(-)

diff --git a/src/views/patient/patient/profile/index.vue b/src/views/patient/patient/profile/index.vue
index 596664c..9427432 100644
--- a/src/views/patient/patient/profile/index.vue
+++ b/src/views/patient/patient/profile/index.vue
@@ -6,14 +6,27 @@
         <el-col :span="18">
           <div class="headportrait">
             <div class="text-center">
-              <img v-imgError="require('@/assets/common/head.jpg')" src="" />
+              <img
+                v-imgError="require('@/assets/images/shoushuzhudaoyisheng.png')"
+                src=""
+              />
             </div>
-            <div style="margin-left: 10px">鍚村ぇ榫�</div>
-            <div style="margin-left: 10px" class="text-title">鐢�</div>
-            <div style="margin-left: 10px" class="text-title">66宀�</div>
-            <div style="margin-left: 10px" class="text-title">1999.12.18</div>
-            <div style="margin-left: 10px" class="text-title">姹夋棌</div>
-            <div style="margin-left: 10px" class="text-title">娌冲崡淇¢槼</div>
+            <div style="margin-left: 10px">{{ userform.name }}</div>
+            <div style="margin-left: 10px" class="text-title">
+              {{ userform.sex == 1 ? "鐢�" : "濂�" }}
+            </div>
+            <div style="margin-left: 10px" class="text-title">
+              {{ userform.age }}宀�
+            </div>
+            <div style="margin-left: 10px" class="text-title">
+              {{ userform.birthdate }}
+            </div>
+            <div style="margin-left: 10px" class="text-title">
+              {{ userform.nation }}
+            </div>
+            <div style="margin-left: 10px" class="text-title">
+              {{ userform.birthplace }}
+            </div>
           </div></el-col
         >
       </el-row>
@@ -95,35 +108,36 @@
     <!-- 鍋ュ悍妗f妯″潡 -->
     <div class="information-content" v-if="activeName == 'health'">
       <div class="top-message">
-        <div class="headline">鍩虹淇℃伅</div>
+        <div class="headlines">
+          <div>鍩虹淇℃伅</div>
+          <el-button type="primary" @click="savefile">淇濆瓨鎮h�呮。妗�</el-button>
+        </div>
         <div class="detailed">
           <el-row :gutter="20">
             <el-col :span="12"
               ><div class="grid-content bg-purple">
-                鎮h�呭鍚嶏細<span class="spanvalue">鐜嬪ぇ缇�</span>
+                鎮h�呭鍚嶏細<span class="spanvalue">{{ userform.name }}</span>
               </div></el-col
             >
             <el-col :span="12"
               ><div class="grid-content bg-purple">
-                鑱旂郴鐢佃瘽锛�<span class="spanvalue">13803963330</span>
+                鑱旂郴鐢佃瘽锛�<span class="spanvalue">{{ userform.telcode }}</span>
               </div></el-col
             >
           </el-row>
           <el-row :gutter="20">
             <el-col :span="24"
               ><div class="grid-content bg-purple">
-                鍑虹敓鍦帮細<span class="spanvalue"
-                  >娴欐睙鐪佹澀宸炲競浣欐澀鍖轰綑鏉閬�</span
-                >
+                鍑虹敓鍦帮細<span class="spanvalue">{{ userform.birthplace }}</span>
               </div></el-col
             >
           </el-row>
           <el-row :gutter="20">
             <el-col :span="24"
               ><div class="grid-content bg-purple">
-                灞呬綇鍦帮細<span class="spanvalue"
-                  >娴欐睙鐪佹澀宸炲競浣欐澀鍖轰綑鏉閬�</span
-                >
+                灞呬綇鍦帮細<span class="spanvalue">{{
+                  userform.placeOfResidence
+                }}</span>
               </div></el-col
             >
           </el-row>
@@ -131,27 +145,29 @@
             <el-col :span="24"
               ><div class="xinz-inf">
                 <el-tag
-                  :key="tag"
+                  :key="tag.tagname"
                   type="success"
                   v-for="tag in dynamicTags"
                   closable
                   :disable-transitions="false"
                   @close="handleClose(tag)"
                 >
-                  {{ tag }}
+                  {{ tag.tagname }}
                 </el-tag>
                 <el-select
-                  v-model="inputValue"
                   v-if="inputVisible"
+                  v-model="inputValue"
                   @change="handleInputConfirm"
                   filterable
-                  placeholder="璇烽�夋嫨"
+                  allow-create
+                  default-first-option
+                  placeholder="璇烽�夋嫨/鏌ヨ"
                 >
                   <el-option
                     v-for="item in options"
-                    :key="item.label"
-                    :label="item.label"
-                    :value="item.label"
+                    :key="item.tagid"
+                    :label="item.tagname"
+                    :value="item.tagname"
                   >
                   </el-option>
                 </el-select>
@@ -171,12 +187,12 @@
       <div class="top-message">
         <div class="headline">鐥呭彶</div>
         <div class="detailed">
-          <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+          <el-form ref="form" :model="form" label-width="100px">
             <el-row>
               <el-col :span="8">
                 <el-form-item label="杩囧線鐤剧梾" prop="name">
                   <el-input
-                    v-model="form.name"
+                    v-model="form.pastIllnesses"
                     placeholder="璇疯緭鍏�"
                     maxlength="30"
                   />
@@ -185,7 +201,7 @@
               <el-col :span="8">
                 <el-form-item label="鑽墿杩囨晱" prop="sex">
                   <el-input
-                    v-model="form.name"
+                    v-model="form.drugAllergy"
                     placeholder="璇疯緭鍏ュ叿浣撹嵂鐗�/鏃�"
                     maxlength="30"
                   />
@@ -194,7 +210,7 @@
               <el-col :span="8">
                 <el-form-item label="瀹舵棌鐥呭彶" prop="age">
                   <el-input
-                    v-model="form.age"
+                    v-model="form.familyHistory"
                     placeholder="璇疯緭鍏ュ叿浣撶柧鐥�/鏃�"
                     maxlength="30"
                   />
@@ -205,7 +221,7 @@
               <el-col :span="8">
                 <el-form-item label="鎵嬫湳鍙�" prop="name">
                   <el-input
-                    v-model="form.name"
+                    v-model="form.surgicalHistory"
                     placeholder="璇疯緭鍏ユ墜鏈�/鏃�"
                     maxlength="30"
                   />
@@ -214,62 +230,62 @@
               <el-col :span="8">
                 <el-form-item label="鐢熻偛鍙�" prop="age">
                   <el-input
-                    v-model="form.age"
+                    v-model="form.reproductiveHistory"
                     placeholder="璇疯緭鍏ヨ儙鏁�/鏃�"
                     maxlength="30"
                   />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item label="鏈堢粡鍙�" prop="telcode">
-                  <el-radio-group v-model="form.radio">
-                    <el-radio :label="1">鏈�</el-radio>
-                    <el-radio :label="2">鏃�</el-radio>
+                <el-form-item label="鏈堢粡鍙�" prop="menstrualHistory">
+                  <el-radio-group v-model="form.menstrualHistory">
+                    <el-radio label="1">鏈�</el-radio>
+                    <el-radio label="2">鏃�</el-radio>
                   </el-radio-group>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="8">
-                <el-form-item label="鍚哥儫鎯呭喌" prop="idtype">
-                  <el-radio-group v-model="form.radio">
-                    <el-radio :label="1">鏈�</el-radio>
-                    <el-radio :label="2">鏃�</el-radio>
+                <el-form-item label="鍚哥儫鎯呭喌" prop="smoking">
+                  <el-radio-group v-model="form.smoking">
+                    <el-radio label="1">鏈�</el-radio>
+                    <el-radio label="2">鏃�</el-radio>
                   </el-radio-group>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item label="楗厭鎯呭喌" prop="idno">
-                  <el-radio-group v-model="form.radios">
-                    <el-radio :label="1">鏈�</el-radio>
-                    <el-radio :label="2">鏃�</el-radio>
+                <el-form-item label="楗厭鎯呭喌" prop="drink">
+                  <el-radio-group v-model="form.drink">
+                    <el-radio label="1">鏈�</el-radio>
+                    <el-radio label="2">鏃�</el-radio>
                   </el-radio-group>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
-                <el-form-item label="杩愬姩鎯呭喌" prop="idno">
-                  <el-radio-group v-model="form.radiosa">
-                    <el-radio :label="1">鏈�</el-radio>
-                    <el-radio :label="2">鏃�</el-radio>
+                <el-form-item label="杩愬姩鎯呭喌" prop="motion">
+                  <el-radio-group v-model="form.motion">
+                    <el-radio label="1">鏈�</el-radio>
+                    <el-radio label="2">鏃�</el-radio>
                   </el-radio-group>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="12">
-                <el-form-item label="楗鎯呭喌" prop="idno">
-                  <el-radio-group v-model="form.radiosa">
-                    <el-radio :label="1">澶氬害楗</el-radio>
-                    <el-radio :label="2">姝e父楗</el-radio>
-                    <el-radio :label="2">椋熸涓嶆尟</el-radio>
+                <el-form-item label="楗鎯呭喌" prop="diet">
+                  <el-radio-group v-model="form.diet">
+                    <el-radio label="1">杩囧害楗</el-radio>
+                    <el-radio label="2">姝e父楗</el-radio>
+                    <el-radio label="3">椋熸涓嶆尟</el-radio>
                   </el-radio-group>
                 </el-form-item> </el-col
               ><el-col :span="12">
-                <el-form-item label="蹇冪悊鎯呭喌" prop="idno">
-                  <el-radio-group v-model="form.radiosa">
-                    <el-radio :label="1">蹇冩儏鎰夋偊</el-radio>
-                    <el-radio :label="2">杞诲井鐒﹁檻</el-radio>
-                    <el-radio :label="2">鎶戦儊</el-radio>
+                <el-form-item label="蹇冪悊鎯呭喌" prop="psychology">
+                  <el-radio-group v-model="form.psychology">
+                    <el-radio label="1">蹇冩儏鎰夋偊</el-radio>
+                    <el-radio label="2">杞诲井鐒﹁檻</el-radio>
+                    <el-radio label="3">鎶戦儊</el-radio>
                   </el-radio-group>
                 </el-form-item>
               </el-col>
@@ -280,20 +296,22 @@
       <!-- 鑱旂郴鐢佃瘽 -->
       <div class="bottom-message">
         <div class="headline">
-          鍙风爜缁存姢
-          <el-button type="primary" @click="AddanumberVisible = true"
-            >+鏂板</el-button
-          >
+          鍙风爜缁存姢<span style="margin-right: 60px">&nbsp;&nbsp;</span>
+          <el-button type="primary" @click="addcompiletb">+鏂板</el-button>
         </div>
         <div class="Table-screen">
-          <el-table :data="tableData" style="width: 100%">
+          <el-table
+            :data="tableData"
+            style="width: 100%"
+            :row-class-name="tableRowClassName"
+          >
             <el-table-column prop="id" label="搴忓彿" width="180">
             </el-table-column>
-            <el-table-column prop="name" label="濮撳悕" width="180">
+            <el-table-column prop="contactname" label="濮撳悕" width="180">
             </el-table-column>
-            <el-table-column prop="phonenumber" label="鑱旂郴鏂瑰紡" width="180">
+            <el-table-column prop="contactway" label="鑱旂郴鏂瑰紡" width="180">
             </el-table-column>
-            <el-table-column prop="concern" label="鍏崇郴"> </el-table-column>
+            <el-table-column prop="relation" label="鍏崇郴"> </el-table-column>
             <el-table-column
               label-class-name="columcz"
               fixed="right"
@@ -301,11 +319,22 @@
               width="300"
             >
               <template slot-scope="scope">
-                <el-button type="success" size="small"
+                <el-button
+                  type="success"
+                  size="small"
+                  @click="defaulttb(scope.row)"
                   >璁句负榛樿鑱旂郴鏂瑰紡</el-button
                 >
-                <el-button type="warning" size="small">缂栬緫</el-button>
-                <el-button type="danger" size="small">鍒犻櫎</el-button>
+                <el-button
+                  @click="compiletb(scope.row)"
+                  type="warning"
+                  size="small"
+                  >缂栬緫</el-button
+                >
+
+                <el-button @click="deltb(scope.row)" type="danger" size="small"
+                  >鍒犻櫎</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
@@ -404,15 +433,19 @@
           </div>
           <el-divider></el-divider>
           <div style="margin-top: 10px">
-            闅忚鐘舵�侊細宸茬粓姝�<span style="color: #2775b6"
+            {{ item.name }}鐘舵�侊細宸茬粓姝�<span style="color: #2775b6"
               >锛堢粓姝㈠師鍥狅細鎮h�呯棅鎰堝洖璁跨粨鏉燂紝缁堟鏃堕棿锛�2023-12-18 12:00锛�</span
             >
           </div>
           <div style="margin-top: 10px">
-            闅忚鍙戦�佹椂闂达細<span style="color: #2775b6">2023-11-23 12:00</span>
+            {{ item.name }}鍙戦�佹椂闂达細<span style="color: #2775b6"
+              >2023-11-23 12:00</span
+            >
           </div>
           <div style="margin-top: 10px">
-            闅忚瀹屾垚鏃堕棿锛�<span style="color: #2775b6">2023-12-18 12:00</span>
+            {{ item.name }}瀹屾垚鏃堕棿锛�<span style="color: #2775b6"
+              >2023-12-18 12:00</span
+            >
           </div>
           <div style="margin-top: 10px">
             鐤肩棝绋嬪害锛�<span style="color: #2775b6">涓害</span>
@@ -425,16 +458,17 @@
               border-left: 4px solid rgb(65, 161, 190);
             "
           >
-            浜哄伐闅忚璁板綍
+            浜哄伐{{ item.name }}璁板綍
           </div>
           <div style="margin-top: 10px">
             <el-row :gutter="20">
               <el-col :span="6"
-                >闅忚鏃ユ湡锛�
+                >{{ item.name }}鏃ユ湡锛�
                 <span style="color: #2775b6">2023-11-22 11:22</span></el-col
               >
               <el-col :span="6"
-                >闅忚浜猴細 <span style="color: #2775b6">鍚村皬榫�</span></el-col
+                >{{ item.name }}浜猴細
+                <span style="color: #2775b6">鍚村皬榫�</span></el-col
               >
               <el-col :span="6"
                 >鎮h�呴厤鍚堝害锛� <span style="color: #2775b6">楂�</span></el-col
@@ -442,10 +476,12 @@
             </el-row>
           </div>
           <div style="margin-top: 10px">
-            闅忚缁撴灉锛� <span style="color: #2775b6">鎮h�呯棅鎰堬紝韬綋鍊嶆</span>
+            {{ item.name }}缁撴灉锛�
+            <span style="color: #2775b6">鎮h�呯棅鎰堬紝韬綋鍊嶆</span>
           </div>
           <div style="margin-top: 10px">
-            闅忚澶囨敞锛� <span style="color: #2775b6">鎻愰啋娉ㄦ剰楗鍋ュ悍</span>
+            {{ item.name }}澶囨敞锛�
+            <span style="color: #2775b6">鎻愰啋娉ㄦ剰楗鍋ュ悍</span>
           </div>
         </el-card>
       </div>
@@ -562,21 +598,21 @@
       </div>
     </div>
 
-    <el-dialog title="鏂板鑱旂郴鏂瑰紡" :visible.sync="AddanumberVisible">
+    <el-dialog :title="titletb" :visible.sync="AddanumberVisible">
       <el-form :model="numberform" label-width="100px">
         <el-form-item label="濮撳悕">
-          <el-input v-model="numberform.name"></el-input>
+          <el-input v-model="numberform.contactname"></el-input>
         </el-form-item>
         <el-form-item label="鑱旂郴鐢佃瘽">
-          <el-input v-model="numberform.name"></el-input>
+          <el-input v-model="numberform.contactway"></el-input>
         </el-form-item>
         <el-form-item label="鍏崇郴">
-          <el-input v-model="numberform.name"></el-input>
+          <el-input v-model="numberform.relation"></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="AddanumberVisible = false">鍙� 娑�</el-button>
-        <el-button type="primary" @click="Addanumber">纭� 瀹�</el-button>
+        <el-button type="primary" @click="archivecontact">纭� 瀹�</el-button>
       </div>
     </el-dialog>
   </div>
@@ -588,16 +624,26 @@
 import resetPwd from "./resetPwd";
 import * as echarts from "echarts";
 import SFtable from "@/components/SFtable"; //琛ㄦ牸缁勪欢
-
-import { getUserProfile } from "@/api/system/user";
-import { listJob } from "@/api/monitor/job"; //鑾峰彇鍒楄〃鎺ュ彛寰呭畾
+import { listtag } from "@/api/system/label";
+import {
+  messagelistpatient,
+  addmedicalhistory,
+  getmedicalhistory,
+  editmedicalhistory,
+  addcontactinformation,
+  editcontactinformation,
+  getcontactinformation,
+  delcontactinformation,
+  listcontactinformation,
+  alterpatient,
+} from "@/api/patient/homepage";
 
 export default {
   name: "Profile",
   components: { userAvatar, userInfo, resetPwd, SFtable },
   data() {
     return {
-      user: {},
+      userform: {},
       roleGroup: {},
       postGroup: {},
       form: {},
@@ -608,11 +654,14 @@
       tjnumber: 12,
       yynumber: 12,
       total: 0, // 鎬绘潯鏁�
+      titletb: "鏂板鑱旂郴鏂瑰紡",
       activeTab: "userinfo",
+      id: "",
+      loading: false,
       activeName: "health", //涓�绫诲鑸�
       sonactiveName: "outpatient", //鍋ュ悍鐩戞祴瀵艰埅
       sontwoactiveName: "blood", //鍖荤枟妗f瀵艰埅
-      dynamicTags: ["鏍囩涓�", "鏍囩浜�", "鏍囩涓�"],
+      dynamicTags: [],
       record: [
         {
           name: "瀹f暀浠诲姟",
@@ -639,28 +688,7 @@
       echartdom: {},
       xtechartdom: {},
       tzechartdom: {},
-      tableData: [
-        {
-          date: "2016-05-02",
-          name: "鐜嬪皬铏�",
-          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
-        },
-        {
-          date: "2016-05-04",
-          name: "鐜嬪皬铏�",
-          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�",
-        },
-        {
-          date: "2016-05-01",
-          name: "鐜嬪皬铏�",
-          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�",
-        },
-        {
-          date: "2016-05-03",
-          name: "鐜嬪皬铏�",
-          address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�",
-        },
-      ],
+      tableData: [],
       tableDatalist: [
         {
           id: 12,
@@ -739,6 +767,9 @@
     };
   },
   created() {
+    this.id = this.$route.query.id;
+    this.getuserinfo();
+    this.gettabList();
     this.$nextTick(function () {
       this.echartdom = document.getElementById("xyeCharts");
       this.xtechartdom = document.getElementById("xteCharts");
@@ -754,41 +785,234 @@
       this.xueyangechartsInit();
       this.twechartsInit();
     });
-    this.getList();
   },
-  methods() {},
 
   methods: {
-    // 鏌ヨ鍒楄〃
+    // 鏌ヨ妗f鍒楄〃淇℃伅
     getList() {
       this.loading = true;
-      listJob(this.queryParams).then((response) => {
-        this.jobList = 1;
-        this.total = 1;
-        this.loading = false;
+    },
+    getcontactlist() {
+      listcontactinformation({ patid: this.id }).then((response) => {
+        this.tableData = response.rows;
       });
     },
+    processElement(element) {
+      return { ...element, isoperation: null };
+    },
+    // 鑾峰彇鍩虹淇℃伅
+    getuserinfo() {
+      const queryParams = {
+        pid: Number(this.id),
+        allhosp: "0",
+        pageNum: 1,
+      };
+      // 鎮h�呭熀纭�淇℃伅
+      messagelistpatient(queryParams).then((response) => {
+        this.userform = response.rows[0];
+        // this.dynamicTags = response.rows[0].tagList;
+        this.dynamicTags = response.rows[0].tagList.map(this.processElement);
+        console.log(this.dynamicTags);
+      });
+      // 鐥呭彶淇℃伅
+      getmedicalhistory({ pid: this.id }).then((res) => {
+        if (res.code == 200 && res.rows[0]) {
+          this.form = res.rows[0];
+        }
+      });
+      // 鑱旂郴淇℃伅
+      this.getcontactlist();
+    },
+    // 淇濆瓨鎮h�呮。妗�
+    savefile() {
+      // this.userform.tagList = this.dynamicTags;
+      this.userform.isoperation = 2;
+      alterpatient(this.userform).then((res) => {
+        if (res.code == 200) {
+          this.$modal.msgSuccess("鍩虹淇℃伅淇濆瓨鎴愬姛");
+        } else {
+          this.$modal.msgError("鍩虹淇℃伅淇敼澶辫触");
+        }
+      });
+      // 鐥呭彶
+      this.medicalhistory();
+    },
+    // 鐥呭彶
+    medicalhistory() {
+      if (this.form.id) {
+        editmedicalhistory(this.form).then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("鐥呭彶淇濆瓨鎴愬姛");
+          } else {
+            this.$modal.msgError("鐥呭彶淇敼澶辫触");
+          }
+        });
+      } else {
+        this.form.pid = this.id;
+        addmedicalhistory(this.form).then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("鐥呭彶淇濆瓨鎴愬姛");
+          } else {
+            this.$modal.msgError("鐥呭彶淇敼澶辫触");
+          }
+        });
+      }
+    },
+    // 鑱旂郴鏂瑰紡---------------
+    archivecontact() {
+      if (this.numberform.id) {
+        editcontactinformation(this.numberform).then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("鑱旂郴鏂瑰紡淇敼鎴愬姛");
+            this.getcontactlist();
+            this.AddanumberVisible = false;
+          } else {
+            this.$modal.msgError("鑱旂郴鏂瑰紡淇敼澶辫触");
+          }
+        });
+      } else {
+        this.numberform.patid = this.id;
+        addcontactinformation(this.numberform).then((res) => {
+          if (res.code == 200) {
+            this.$modal.msgSuccess("鑱旂郴鏂瑰紡鏂板鎴愬姛");
+            this.getcontactlist();
+            this.AddanumberVisible = false;
+          } else {
+            this.$modal.msgError("鑱旂郴鏂瑰紡鏂板澶辫触");
+          }
+        });
+      }
+      this.numberform = {};
+    },
+    deltb(row) {
+      this.$modal
+        .confirm("鏄惁纭鍒犻櫎璇ユ暟鎹」锛�")
+        .then(() => {
+          if (row.id) {
+            delcontactinformation(row.id).then((res) => {
+              if (res.code == 200) {
+                this.$modal.msgSuccess("鑱旂郴鏂瑰紡鍒犻櫎鎴愬姛");
+                this.getcontactlist();
+              } else {
+                this.$modal.msgError("鑱旂郴鏂瑰紡鍒犻櫎澶辫触");
+              }
+            });
+          } else {
+            let index = this.tableData.indexOf(obj);
+            this.tableData.splice(index, 1);
+          }
+          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(() => {});
+    },
+    addcompiletb() {
+      this.titletb = "鏂板鑱旂郴鏂瑰紡";
+      this.AddanumberVisible = true;
+    },
+    compiletb(row) {
+      this.numberform = row;
+      this.titletb = "淇敼鑱旂郴鏂瑰紡";
+      this.AddanumberVisible = true;
+    },
+    defaulttb(row) {
+      this.$modal
+        .confirm("鏄惁纭璁剧疆璇ユ暟鎹」涓洪粯璁よ仈绯讳汉锛�")
+        .then(() => {
+          this.tableData.forEach((obj, index) => {
+            if (obj === row) {
+              obj.isdefault = 1;
+              this.numberform = obj;
+              this.archivecontact();
+            } else if (obj.isdefault == 1) {
+              obj.isdefault = 0;
+              this.numberform = obj;
+              this.archivecontact();
+            } else {
+              obj.isdefault = 0;
+            }
+          });
+          this.$modal.msgSuccess("璁剧疆鎴愬姛");
+        })
+        .catch(() => {});
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if (row.isdefault == "1") {
+        return "warning-row";
+      }
+      return "";
+    },
+    // tab鍒囨崲
     handleClick(tab, event) {
       console.log(tab, event);
     },
     // 鑱旂郴鏂瑰紡鏂板
     Addanumber() {},
+    // 鏍囩--------------------------
+    /** 鏌ヨ鏍囩鍒楄〃 */
+    gettabList() {
+      const tagqueryParams = {
+        pageNum: 1,
+        pageSize: 1000,
+        tagcategoryid: "0",
+      };
+      listtag(tagqueryParams).then((response) => {
+        this.options = response.rows;
+        console.log(this.options, "鏍囩");
+      });
+    },
+    remoteMethod(value) {
+      const illnessqueryParams = {
+        pageNum: 1,
+        pageSize: 100,
+        tagname: value,
+        tagcategoryid: "0",
+      };
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+        listtag(illnessqueryParams).then((response) => {
+          this.options = response.rows;
+        });
+      }, 200);
+    },
     handleClose(tag) {
+      const lindex = this.dynamicTags.indexOf(tag);
       this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
+      this.userform.tagList[lindex].isoperation = 3;
     },
 
     showInput() {
       this.inputVisible = true;
-      this.$nextTick((_) => {
-        this.$refs.saveTagInput.$refs.input.focus();
-      });
+      console.log("灞曠ず");
     },
 
     handleInputConfirm() {
-      let inputValue = this.inputValue;
-      if (inputValue) {
-        this.dynamicTags.push(inputValue);
+      let tagvalue = {};
+      let tagname = this.inputValue;
+      if (tagname) {
+        listtag({
+          pageNum: 1,
+          pageSize: 1000,
+          tagcategoryid: "0",
+          tagname: tagname,
+        }).then((res) => {
+          if (res.rows[0]) {
+            tagvalue = res.rows[0];
+            tagvalue.isoperation = 1;
+          } else {
+            tagvalue = {
+              tagname: tagname,
+              isoperation: 1,
+            };
+          }
+          console.log(tagvalue);
+          this.userform.tagList.push(tagvalue);
+          this.dynamicTags.push(tagvalue);
+          console.log(this.userform.tagList);
+          console.log(this.dynamicTags);
+        });
       }
+      console.log("鍏充簡");
       this.inputVisible = false;
       this.inputValue = "";
     },
@@ -869,10 +1093,8 @@
     // 琛�绯栧浘琛�
     xtechartsInit() {
       // 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
-      // console.log(echarts);
-      console.log(this.xtechartdom);
+
       var myxyChart = echarts.init(this.xtechartdom);
-      console.log(myxyChart);
       const data = [
         ["2000-06-05", 116],
         ["2000-06-06", 129],
@@ -963,15 +1185,13 @@
           },
         ],
       };
-      console.log("ss");
       // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
       myxyChart.setOption(option);
     },
     // 浣撻噸鍥捐〃
     tzechartsInit() {
       // 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
-      console.log(echarts);
-      console.log(this.tzechartdom);
+
       var myxyChart = echarts.init(this.tzechartdom);
       var option = {
         title: {
@@ -1030,7 +1250,6 @@
     // 蹇冪巼
     xlechartsInit() {
       var myxyChart = echarts.init(this.xlechartdom);
-      console.log(myxyChart);
       const data = [
         ["2000-06-05", 116],
         ["2000-06-06", 129],
@@ -1103,7 +1322,6 @@
           },
         ],
       };
-      console.log("ss");
       // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
       myxyChart.setOption(option);
     },
@@ -1182,7 +1400,6 @@
           },
         ],
       };
-      console.log("ss");
       // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
       myxyChart.setOption(option);
     },
@@ -1248,7 +1465,6 @@
           },
         ],
       };
-      console.log("ss");
       // 浣跨敤鍒氭寚瀹氱殑閰嶇疆椤瑰拰鏁版嵁鏄剧ず鍥捐〃銆�
       myxyChart.setOption(option);
     },
@@ -1260,7 +1476,7 @@
 .personages {
   height: 88px;
   width: 100%;
-  background-color: #2486b9;
+  background-color: #5e86f9;
   border-radius: 5px;
   padding: 20px;
   margin-bottom: 10px;
@@ -1289,7 +1505,7 @@
 }
 .xinz-inf {
   font-size: 18px;
-  white-space: nowrap;
+  // white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 
@@ -1350,6 +1566,15 @@
     margin-bottom: 10px;
     border-left: 8px solid rgb(65, 161, 190);
   }
+  .headlines {
+    font-size: 25px;
+    display: flex;
+    width: 88%;
+    justify-content: space-between;
+    padding-left: 5px;
+    margin-bottom: 10px;
+    border-left: 8px solid rgb(65, 161, 190);
+  }
   .bottom-message {
     margin-bottom: 25px;
     margin-left: 100px;
@@ -1375,7 +1600,7 @@
 .sontwoactiveName {
   margin: 0 auto;
 }
-// .columcz {
-//   align-items: center!important;
-// }
+::v-deep.el-table .warning-row {
+  background: oldlace;
+}
 </style>

--
Gitblit v1.9.3