From 2e3b5da766e41ffbdb61365f72f80cc7523cba94 Mon Sep 17 00:00:00 2001
From: su1124 <1583764726@qq.com>
Date: 星期一, 04 十二月 2023 18:10:12 +0800
Subject: [PATCH] su

---
 src/views/hosp/teamAppLog/index.vue |  365 +++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 264 insertions(+), 101 deletions(-)

diff --git a/src/views/hosp/teamAppLog/index.vue b/src/views/hosp/teamAppLog/index.vue
index 54e9daa..9584c61 100644
--- a/src/views/hosp/teamAppLog/index.vue
+++ b/src/views/hosp/teamAppLog/index.vue
@@ -129,39 +129,115 @@
       @selection-change="handleSelectionChange"
       border
     >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="搴忓彿" align="center" prop="newID" :show-overflow-tooltip="true"/>
-      <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="cnName" :show-overflow-tooltip="true"/>
-      <el-table-column label="绋庡彿" align="center" prop="taxNumber" :show-overflow-tooltip="true"/>
-      <el-table-column label="鑱旂郴浜�" align="center" prop="contactPerson" :show-overflow-tooltip="true"/>
-      <el-table-column label="鑱旂郴鐢佃瘽" align="center" prop="contactPhone" :show-overflow-tooltip="true"/>
-      <el-table-column label="閫氳鍦板潃" align="center" prop="mailingAddress" :show-overflow-tooltip="true"/>
-      <el-table-column label="閭" align="center" prop="email" :show-overflow-tooltip="true"/>
-      <el-table-column label="浣撴浜烘暟" align="center" prop="count" :show-overflow-tooltip="true"/>
-      <el-table-column label="浣撴绫诲埆" align="center" prop="tjPacType" :show-overflow-tooltip="true">
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
+      <el-table-column
+        label="搴忓彿"
+        align="center"
+        prop="newID"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="鍗曚綅鍚嶇О"
+        align="center"
+        prop="cnName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="绋庡彿"
+        align="center"
+        prop="taxNumber"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="鑱旂郴浜�"
+        align="center"
+        prop="contactPerson"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="鑱旂郴鐢佃瘽"
+        align="center"
+        prop="contactPhone"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="閫氳鍦板潃"
+        align="center"
+        prop="mailingAddress"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="閭"
+        align="center"
+        prop="email"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="浣撴浜烘暟"
+        align="center"
+        prop="count"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="浣撴绫诲埆"
+        align="center"
+        prop="tjPacType"
+        :show-overflow-tooltip="true"
+      >
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.dict_tjtype" :value="scope.row.tjPacType"/>
+          <dict-tag
+            :options="dict.type.dict_tjtype"
+            :value="scope.row.tjPacType"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="棰勭害鏃堕棿" align="center" prop="tjTime" width="180" :show-overflow-tooltip="true">
+      <el-table-column
+        label="棰勭害鏃堕棿"
+        align="center"
+        prop="tjTime"
+        width="180"
+        :show-overflow-tooltip="true"
+      >
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.tjTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="鎵�閫夊椁�" align="center" prop="pacId" :show-overflow-tooltip="true"/>
-      <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" :show-overflow-tooltip="true"/>
-      <el-table-column label="鏉ユ簮" align="center" prop="fromBy" :show-overflow-tooltip="true">
+      <el-table-column
+        label="鎵�閫夊椁�"
+        align="center"
+        prop="pacId"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="濂楅鍚嶇О"
+        align="center"
+        prop="pacName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="鏉ユ簮"
+        align="center"
+        prop="fromBy"
+        :show-overflow-tooltip="true"
+      >
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.tj_from_by" :value="scope.row.fromBy"/>
+          <dict-tag :options="dict.type.tj_from_by" :value="scope.row.fromBy" />
         </template>
       </el-table-column>
-      <!-- <el-table-column
+      <el-table-column
         label="鎿嶄綔"
         align="center"
         class-name="small-padding fixed-width"
       >
         <template slot-scope="scope">
           <el-button
+            size="mini"
+            type="text"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['hosp:teamAppLog:edit']"
+            >娌熼��
+          </el-button>
+          <!-- <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
@@ -176,80 +252,111 @@
             @click="handleDelete(scope.row)"
             v-hasPermi="['hosp:teamAppLog:remove']"
             >鍒犻櫎
-          </el-button>
+          </el-button> -->
         </template>
-      </el-table-column> -->
+      </el-table-column>
     </el-table>
 
     <div class="pag">
-          <div class="pag1">
-            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-              :limit.sync="queryParams.pageSize" @pagination="getList" />
-          </div>
-        </div>
+      <div class="pag1">
+        <pagination
+          v-show="total > 0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
 
     <!-- 娣诲姞鎴栦慨鏀瑰皬绋嬪簭鍥㈤槦棰勭害璁板綍瀵硅瘽妗� -->
-    <!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="鍗曚綅鍚嶇О" prop="cnName">
-          <el-input v-model="form.cnName" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�" />
-        </el-form-item>
-        <el-form-item label="绋庡彿" prop="taxNumber">
-          <el-input v-model="form.taxNumber" placeholder="璇疯緭鍏ョ◣鍙�" />
-        </el-form-item>
-        <el-form-item label="鑱旂郴浜�" prop="contactPerson">
-          <el-input v-model="form.contactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉" />
-        </el-form-item>
-        <el-form-item label="鑱旂郴鐢佃瘽" prop="contactPhone">
-          <el-input v-model="form.contactPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" />
-        </el-form-item>
-        <el-form-item label="閫氳鍦板潃" prop="mailingAddress">
-          <el-input
-            v-model="form.mailingAddress"
-            placeholder="璇疯緭鍏ラ�氳鍦板潃"
-          />
-        </el-form-item>
-        <el-form-item label="閭" prop="email">
-          <el-input v-model="form.email" placeholder="璇疯緭鍏ラ偖绠�" />
-        </el-form-item>
-        <el-form-item label="浣撴浜烘暟" prop="count">
-          <el-input v-model="form.count" placeholder="璇疯緭鍏ヤ綋妫�浜烘暟" />
-        </el-form-item>
-        <el-form-item label="浣撴绫诲埆" prop="tjPacType">
-          <el-select
-            v-model="form.tjPacType"
-            placeholder="璇烽�夋嫨浣撴绫诲埆(瀛楀吀)"
-          >
-            <el-option
-              v-for="dict in dict.type.dict_tjtype"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="棰勭害鏃堕棿" prop="tjTime">
-          <el-date-picker
-            clearable
-            v-model="form.tjTime"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="璇烽�夋嫨棰勭害鏃堕棿"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="鎵�閫夊椁�" prop="pacId">
-          <el-input v-model="form.pacId" placeholder="璇疯緭鍏ユ墍閫夊椁�" />
-        </el-form-item>
-        <el-form-item label="濂楅鍚嶇О" prop="pacName">
-          <el-input v-model="form.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" />
-        </el-form-item>
-      </el-form>
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="1200px"
+      append-to-body
+    >
+      <div style="display: flex">
+        <div class="block">
+          <el-timeline>
+            <el-timeline-item
+              placement="top"
+              v-for="(item, index) in goutongsList"
+              :key="index"
+            >
+              <el-card>
+                <h4>{{ item.contactUserName }} {{ item.createTime }}</h4>
+                <p>{{ item.contactDetail }}</p>
+              </el-card>
+            </el-timeline-item>
+          </el-timeline>
+        </div>
+        <div style="width: 600px; margin-left: 20px">
+          <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+            <el-form-item label="鍗曚綅鍚嶇О" prop="cnName">
+              <el-input
+                v-model="form.cnName"
+                placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"
+                disabled
+              />
+            </el-form-item>
+            <el-form-item label="鑱旂郴浜�" prop="contactPerson">
+              <el-input
+                v-model="form.contactPerson"
+                placeholder="璇疯緭鍏ヨ仈绯讳汉"
+                disabled
+              />
+            </el-form-item>
+            <el-form-item label="鑱旂郴鐢佃瘽" prop="contactPhone">
+              <el-input
+                v-model="form.contactPhone"
+                placeholder="璇疯緭鍏ヨ仈绯荤數璇�"
+                disabled
+              />
+            </el-form-item>
+            <el-form-item label="娌熼�氫汉" prop="contactUserId">
+              <!-- <el-input v-model="form.contactUserId" placeholder="璇疯緭鍏ユ矡閫氫汉" /> -->
+              <el-select
+                v-model="form.contactUserId"
+                placeholder="璇烽�夋嫨"
+                style="width: 100%"
+                filterable
+              >
+                <el-option
+                  v-for="item in userList"
+                  :key="item.userId"
+                  :label="item.nickName"
+                  :value="item.userId"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="娌熼�氬唴瀹�" prop="contactDetail">
+              <el-input
+                type="textarea"
+                :rows="8"
+                placeholder="璇疯緭鍏ユ矡閫氬唴瀹�"
+                v-model="form.contactDetail"
+              ></el-input>
+            </el-form-item>
+            <div
+              style="
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 100%;
+              "
+            >
+              <el-button type="primary" @click="submitForm">鎻� 浜�</el-button>
+            </div>
+          </el-form>
+        </div>
+      </div>
+
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
         <el-button @click="cancel">鍙� 娑�</el-button>
       </div>
-    </el-dialog> -->
+    </el-dialog>
   </div>
 </template>
 
@@ -257,16 +364,20 @@
 import {
   listTeamAppLog,
   getTeamAppLog,
-  delTeamAppLog,
-  addTeamAppLog,
-  updateTeamAppLog,
+  goutongList,
+  TjTeamContac,
 } from "@/api/hosp/teamAppLog";
-
+import { listUser } from "@/api/system/user";
+import { getInfo } from "@/api/login";
 export default {
   name: "TeamAppLog",
-  dicts: ["dict_tjtype","tj_from_by"],
+  dicts: ["dict_tjtype", "tj_from_by"],
   data() {
     return {
+      username: "",
+      goutongsList: [],
+      userList: null,
+      ide: "",
       // 閬僵灞�
       loading: true,
       // 閫変腑鏁扮粍
@@ -341,6 +452,8 @@
   },
   created() {
     this.getList();
+
+    // this.username = this.form.contactUserId;
   },
   methods: {
     /** 鏌ヨ灏忕▼搴忓洟闃熼绾﹁褰曞垪琛� */
@@ -354,13 +467,36 @@
       listTeamAppLog(this.queryParams).then((response) => {
         this.teamAppLogList = response.rows;
         response.rows.forEach((item, index) => {
-            item.newID =
-              (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
-              index +
-              1;
-          });
+          item.newID =
+            (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
+            index +
+            1;
+        });
         this.total = response.total;
         this.loading = false;
+      });
+    },
+    /** 鏌ヨ鐢ㄦ埛鍒楄〃 */
+    getListUser() {
+      listUser(this.addDateRange(this.queryParams, this.dateRange)).then(
+        (response) => {
+          this.userList = response.rows;
+          this.userList.forEach((item) => {
+            console.log(item);
+            this.username = this.$store.state.user.name;
+            console.log(this.username);
+            if (item.userName == this.username) {
+              this.form.contactUserId = item.userId;
+              console.log(this.form.contactUserId);
+            }
+          });
+        }
+      );
+      getInfo().then((response) => {
+        this.info = response.user;
+        this.deptId = response.user.deptId;
+        this.userId = response.user.userId;
+        this.nickName = response.user.nickName;
       });
     },
     // 鍙栨秷鎸夐挳
@@ -418,15 +554,37 @@
     //     this.title = "娣诲姞灏忕▼搴忓洟闃熼绾﹁褰�";
     // },
     // /** 淇敼鎸夐挳鎿嶄綔 */
-    // handleUpdate(row) {
-    //     this.reset();
-    //     const id = row.id || this.ids
-    //     getTeamAppLog(id).then(response => {
-    //         this.form = response.data;
-    //         this.open = true;
-    //         this.title = "淇敼灏忕▼搴忓洟闃熼绾﹁褰�";
-    //     });
-    // },
+    handleUpdate(row) {
+      this.getListUser();
+      this.ide = row.id;
+      this.reset();
+      const id = row.id || this.ids;
+      goutongList(id).then((response) => {
+        if (response.code == 200) {
+          this.goutongsList = response.rows;
+        }
+      });
+      getTeamAppLog(id).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "娌熼�氳褰�";
+      });
+    },
+    submitForm() {
+      let data = {
+        contactPerson: this.form.contactPerson,
+        contactPhone: this.form.contactPhone,
+        contactUserId: this.form.contactUserId,
+        contactDetail: this.form.contactDetail,
+        logId: this.ide,
+      };
+      TjTeamContac(data).then((response) => {
+        if (response.code == 200) {
+          this.open = false;
+          this.$modal.msgSuccess("鎻愪氦鎴愬姛锛�");
+        }
+      });
+    },
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
       this.download(
@@ -450,4 +608,9 @@
 .pag1 {
   width: 30%;
 }
+.block{
+  width: 600px;
+  height: 600px;
+  overflow: auto;
+}
 </style>

--
Gitblit v1.8.0