From 041266c2506f8f4f557e8382d7cc1304e415df02 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Fri, 17 Jan 2025 09:31:06 +0800
Subject: [PATCH] =?UTF-8?q?admin=E9=A1=B9=E7=9B=AE=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E8=A7=92=E8=89=B2=E6=9D=83=E9=99=90=E9=85=8D=E7=BD=AE=E3=80=81?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E5=9B=BD=E9=99=85=E5=8C=96=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E8=A7=A3=E5=86=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/user/components/roleList.vue |   2 +-
 .../personnel-manage/components/staff.vue     |  34 +++++-
 src/views/trials/trials-panel/site/index.vue  | 102 +++++++++---------
 3 files changed, 82 insertions(+), 56 deletions(-)

diff --git a/src/views/system/user/components/roleList.vue b/src/views/system/user/components/roleList.vue
index 530ecf93..94f319a2 100644
--- a/src/views/system/user/components/roleList.vue
+++ b/src/views/system/user/components/roleList.vue
@@ -37,7 +37,7 @@
           <span> {{ $fd('IsEnable', !scope.row.IsUserRoleDisabled) }}</span>
         </template>
       </el-table-column>
-      <el-table-column :label="$t('common:action:action')" width="120px">
+      <el-table-column :label="$t('common:action:action')" min-width="120px">
         <template slot-scope="scope">
           <el-button
             size="mini"
diff --git a/src/views/trials/trials-panel/setting/personnel-manage/components/staff.vue b/src/views/trials/trials-panel/setting/personnel-manage/components/staff.vue
index e5cbeda1..ddf78fda 100644
--- a/src/views/trials/trials-panel/setting/personnel-manage/components/staff.vue
+++ b/src/views/trials/trials-panel/setting/personnel-manage/components/staff.vue
@@ -154,7 +154,8 @@
           <el-button
             v-if="
               Array.isArray(scope.row.TrialUserRoleList) &&
-              scope.row.TrialUserRoleList.length > 0
+              scope.row.TrialUserRoleList.length > 0 &&
+              hasPermi(['trials:trials-panel:setting:personnel-manage:status'])
             "
             type="text"
             @click.stop="openRoleList(scope.row)"
@@ -179,6 +180,32 @@
               ).join(', ')
             }}</span>
           </el-button>
+          <div
+            v-else-if="
+              Array.isArray(scope.row.TrialUserRoleList) &&
+              scope.row.TrialUserRoleList.length > 0
+            "
+          >
+            <el-tooltip
+              class="item"
+              effect="dark"
+              :content="$t('trials:staff:tip:userTypeDisabled')"
+              placement="top"
+              style="margin-right: 2px"
+              v-if="
+                scope.row.TrialUserRoleList.some(
+                  (item) => item.IsDeleted || item.IsUserRoleDisabled
+                )
+              "
+            >
+              <i class="el-icon-warning icon-i"></i>
+            </el-tooltip>
+            <span>{{
+              scope.row.TrialUserRoleList.map(
+                (item) => item.UserTypeShortName
+              ).join(', ')
+            }}</span>
+          </div>
         </template>
       </el-table-column>
       <!-- 联系电话 -->
@@ -479,7 +506,10 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column :label="$t('common:action:action')" min-width="120px">
+          <el-table-column
+            :label="$t('common:action:action')"
+            min-width="120px"
+          >
             <template slot-scope="scope">
               <el-button
                 size="mini"
diff --git a/src/views/trials/trials-panel/site/index.vue b/src/views/trials/trials-panel/site/index.vue
index eda57c3b..0a4d43ef 100644
--- a/src/views/trials/trials-panel/site/index.vue
+++ b/src/views/trials/trials-panel/site/index.vue
@@ -29,7 +29,7 @@
         <el-form-item>
           <!-- 查询 -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t("common:button:search") }}
+            {{ $t('common:button:search') }}
           </el-button>
           <!-- 重置 -->
           <el-button
@@ -37,7 +37,7 @@
             icon="el-icon-refresh-left"
             @click="handleReset"
           >
-            {{ $t("common:button:reset") }}
+            {{ $t('common:button:reset') }}
           </el-button>
         </el-form-item>
       </el-form>
@@ -101,15 +101,11 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-button
-              v-if="scope.row.UserCount > 0"
-              type="text"
-              @click="getStaffList(scope.row)"
-            >
+            <el-button type="text" @click="getStaffList(scope.row)">
               {{
                 scope.row.UserNameList.length > 0
-                  ? scope.row.UserNameList.join(", ")
-                  : ""
+                  ? scope.row.UserNameList.join(', ')
+                  : ''
               }}
             </el-button>
           </template>
@@ -164,10 +160,10 @@
           >
             <template slot-scope="scope">
               <el-tag v-if="scope.row.IsDeleted" type="danger">{{
-                $fd("IsUserExitTrial", scope.row.IsDeleted)
+                $fd('IsUserExitTrial', scope.row.IsDeleted)
               }}</el-tag>
               <el-tag v-else>{{
-                $fd("IsUserExitTrial", scope.row.IsDeleted)
+                $fd('IsUserExitTrial', scope.row.IsDeleted)
               }}</el-tag>
             </template>
           </el-table-column>
@@ -193,23 +189,23 @@
   </BaseContainer>
 </template>
 <script>
-import { getSiteCRCList, getTrialSiteCRCList } from "@/api/trials";
-import BaseContainer from "@/components/BaseContainer";
-import BaseModel from "@/components/BaseModel";
-import Pagination from "@/components/Pagination";
+import { getSiteCRCList, getTrialSiteCRCList } from '@/api/trials'
+import BaseContainer from '@/components/BaseContainer'
+import BaseModel from '@/components/BaseModel'
+import Pagination from '@/components/Pagination'
 const searchDataDefault = () => {
   return {
-    UserRealName: "",
-    SiteName: "",
-    SortField: "TrialSiteCode",
+    UserRealName: '',
+    SiteName: '',
+    SortField: 'TrialSiteCode',
     Asc: true,
     PageIndex: 1,
     PageSize: 20,
     TrialSiteCode: null,
-  };
-};
+  }
+}
 export default {
-  name: "SiteList",
+  name: 'SiteList',
   components: { BaseContainer, BaseModel, Pagination },
   data() {
     return {
@@ -219,65 +215,65 @@ export default {
       loading: false,
       crc_model: {
         visible: false,
-        title: this.$t("trials:site:dialogTitle:staff"),
-        width: "60%",
+        title: this.$t('trials:site:dialogTitle:staff'),
+        width: '60%',
       },
-      userListLoading: "",
+      userListLoading: '',
       userList: [],
-      trialId: "",
-    };
+      trialId: '',
+    }
   },
   mounted() {
-    this.trialId = this.$route.query.trialId;
+    this.trialId = this.$route.query.trialId
 
-    this.getList();
+    this.getList()
   },
   methods: {
     getList() {
-      this.loading = true;
-      this.searchData.TrialId = this.trialId;
+      this.loading = true
+      this.searchData.TrialId = this.trialId
       getSiteCRCList(this.searchData)
         .then((res) => {
-          this.loading = false;
-          this.list = res.Result.CurrentPageData;
-          this.total = res.Result.TotalCount;
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     getStaffList(row) {
-      this.currentRow = { ...row };
-      this.crc_model.visible = true;
-      this.userListLoading = true;
+      this.currentRow = { ...row }
+      this.crc_model.visible = true
+      this.userListLoading = true
       getTrialSiteCRCList(this.trialId, this.currentRow.TrialSiteId)
         .then((res) => {
-          this.userListLoading = false;
-          this.userList = res.Result;
+          this.userListLoading = false
+          this.userList = res.Result
         })
         .catch(() => {
-          this.userListLoading = false;
-        });
+          this.userListLoading = false
+        })
     },
     handleSearch() {
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.PageIndex = 1
+      this.getList()
     },
     handleReset() {
-      this.searchData = searchDataDefault();
-      this.getList();
+      this.searchData = searchDataDefault()
+      this.getList()
     },
     // 排序
     handleSortChange(column) {
-      if (column.order === "ascending") {
-        this.searchData.Asc = true;
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
       } else {
-        this.searchData.Asc = false;
+        this.searchData.Asc = false
       }
-      this.searchData.SortField = column.prop;
-      this.searchData.PageIndex = 1;
-      this.getList();
+      this.searchData.SortField = column.prop
+      this.searchData.PageIndex = 1
+      this.getList()
     },
   },
-};
+}
 </script>