排序删除

src/api/trials.js

@@ -4234,4 +4234,51 @@ export function getVisitStage(data) {
     method: 'post',
     data
   })
+}
+// 稽查管理-列表
+export function getAuditRecordList(data) {
+  return request({
+    url: `/AuditDocument/getAuditRecordList`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-列表(EA)
+export function getAuditRecordSelectList(data) {
+  return request({
+    url: `/AuditDocument/getAuditRecordSelectList`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-列表新增修改
+export function addOrUpdateAuditRecord(data) {
+  return request({
+    url: `/AuditDocument/addOrUpdateAuditRecord`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-文档授权
+export function setAuditRecordPermission(data) {
+  return request({
+    url: `/AuditDocument/setAuditRecordPermission`,
+    method: 'post',
+    data
+  })
+}
+// 稽查管理-人员管理
+export function addOrDeleteAuditRecordUser(data) {
+  return request({
+    url: `/AuditDocument/addOrDeleteAuditRecordUser`,
+    method: 'put',
+    data
+  })
+}
+// 稽查管理-删除
+export function deleteAuditRecord(auditRecordId) {
+  return request({
+    url: `/AuditDocument/deleteAuditRecord/${auditRecordId}`,
+    method: 'delete'
+  })
 }

src/views/login/index.vue

@@ -7,20 +7,13 @@
       <div class="login-l">
         <div class="login-logo">
           <img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
-          <img
-            v-else-if="NODE_ENV === 'usa'"
-            src="@/assets/zzlogo-usa.png"
-            alt=""
-            class="usa-logo"
-          />
+          <img v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" class="usa-logo" />
           <img v-else src="@/assets/zzlogo4.png" alt="" />
         </div>
-        <div
-          :class="{
-            'login-image': true,
-            'login-image-usa': true,
-          }"
-        >
+        <div :class="{
+          'login-image': true,
+          'login-image-usa': true,
+        }">
           <svg-icon icon-class="login-bg" style="width: 90%; height: 90%" />
           <!-- <img src="@/assets/login-bg.png" v-else /> -->
         </div>
@@ -29,77 +22,43 @@
         <div class="title-container">
           <!-- IRC Management System -->
           <div v-if="NODE_ENV === 'usa'">
-            <svg-icon
-              icon-class="login-logo"
-              style="width: 300px; height: 94px"
-            />
+            <svg-icon icon-class="login-logo" style="width: 300px; height: 94px" />
           </div>
           <div class="title" v-else>{{ $t('login:title:system') }}</div>
         </div>
-        <el-form
-          ref="loginForm"
-          :model="loginForm"
-          :rules="loginRules"
-          class="login-form"
-          auto-complete="on"
-          label-position="left"
-        >
-          <el-form-item
-            prop="username"
-            :rules="[
-              {
-                required: true,
-                message: this.$t('login:formRule:userName'),
-                trigger: 'blur',
-              },
-            ]"
-          >
+        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
+          label-position="left">
+          <el-form-item prop="username" :rules="[
+            {
+              required: true,
+              message: this.$t('login:formRule:userName'),
+              trigger: 'blur',
+            },
+          ]">
             <span class="svg-container">
               <svg-icon icon-class="user" />
             </span>
             <!-- User Name -->
-            <el-input
-              ref="username"
-              v-model="loginForm.username"
-              size="small"
-              :placeholder="$t('login:form:userName')"
-              name="username"
-              type="text"
-              tabindex="1"
-            />
+            <el-input ref="username" v-model="loginForm.username" size="small" :placeholder="$t('login:form:userName')"
+              name="username" type="text" tabindex="1" />
           </el-form-item>
 
-          <el-form-item
-            prop="password"
-            :rules="[
-              {
-                required: true,
-                message: this.$t('login:formRule:password'),
-                trigger: 'blur',
-              },
-            ]"
-          >
+          <el-form-item prop="password" :rules="[
+            {
+              required: true,
+              message: this.$t('login:formRule:password'),
+              trigger: 'blur',
+            },
+          ]">
             <span class="svg-container">
               <svg-icon icon-class="password" />
             </span>
             <!-- password -->
-            <el-input
-              :key="passwordType"
-              ref="password"
-              v-model="loginForm.password"
-              size="small"
-              :type="passwordType"
-              :placeholder="$t('login:form:password')"
-              name="password"
-              auto-complete="new-password"
-              autocomplete="new-password"
-              tabindex="2"
-              @keyup.enter.native="handleLogin"
-            />
+            <el-input :key="passwordType" ref="password" v-model="loginForm.password" size="small" :type="passwordType"
+              :placeholder="$t('login:form:password')" name="password" auto-complete="new-password"
+              autocomplete="new-password" tabindex="2" @keyup.enter.native="handleLogin" />
             <span class="show-pwd" @click="showPwd">
-              <svg-icon
-                :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
-              />
+              <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
             </span>
             <!-- <el-input
               :key="passwordType"
@@ -118,33 +77,20 @@
             </span> -->
           </el-form-item>
           <!-- Login -->
-          <el-button
-            :loading="loading"
-            type="primary"
-            style="
+          <el-button :loading="loading" type="primary" style="
               width: 100%;
               margin-bottom: 10px;
               background-color: rgb(0, 147, 221);
-            "
-            size="medium"
-            @click.native.prevent="handleLogin"
-          >
+            " size="medium" @click.native.prevent="handleLogin">
             {{ $t('login:button:login') }}
           </el-button>
           <div style="text-align: right">
-            <TopLang
-              v-if="
-                VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
-                NODE_ENV !== 'usa'
-              "
-            />
+            <TopLang v-if="
+              VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
+              NODE_ENV !== 'usa'
+            " />
             <!-- Forget password? -->
-            <el-button
-              type="text"
-              size="medium"
-              @click.native.prevent="handleResetPwd"
-              style="color: rgb(0, 147, 221)"
-            >
+            <el-button type="text" size="medium" @click.native.prevent="handleResetPwd" style="color: rgb(0, 147, 221)">
               {{ $t('login:button:forgetPassword') }}
             </el-button>
           </div>
@@ -152,19 +98,14 @@
       </div>
     </div>
     <div v-if="language === 'zh'" class="login-footer">
-      <span
-        >Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
-        版权所有</span
-      >
+      <span>Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
+        版权所有</span>
       <span> | </span>
       <a target="_blank" href="https://beian.miit.gov.cn/">
         <span> 沪ICP备2021037850-2 </span>
       </a>
       <span> | </span>
-      <a
-        target="_blank"
-        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
-      >
+      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859">
         <img src="@/assets/filing.png" />
         <span>沪公网安备 31011002005859号</span>
       </a>
@@ -180,43 +121,23 @@
         <span style="color: #428bca">About</span>
       </a>
     </div>
-    <Vcode
-      :show="isShow"
-      :fail-text="$t('login:button:failText')"
-      :success-text="$t('login:button:successText')"
-      :slider-text="$t('login:button:sliderText')"
-      :imgs="[Img1]"
-      @success="onSuccess"
-    />
-    <el-dialog
-      v-if="aboutVisible"
-      :visible.sync="aboutVisible"
-      width="680px"
-      style="margin-top: 0"
-      :close-on-click-modal="false"
-      size="small"
-    >
-      <div
-        style="
+    <Vcode :show="isShow" :fail-text="$t('login:button:failText')" :success-text="$t('login:button:successText')"
+      :slider-text="$t('login:button:sliderText')" :imgs="[Img1]" @success="onSuccess" />
+    <el-dialog v-if="aboutVisible" :visible.sync="aboutVisible" width="680px" style="margin-top: 0"
+      :close-on-click-modal="false" size="small">
+      <div style="
           margin: 0 auto;
           width: 600px;
           line-height: 28px;
           text-align: center;
-        "
-      >
-        <h1
-          style="text-align: center; margin-bottom: 30px"
-          v-if="NODE_ENV === 'usa'"
-        >
+        ">
+        <h1 style="text-align: center; margin-bottom: 30px" v-if="NODE_ENV === 'usa'">
           About
         </h1>
         <h1 style="text-align: center; margin-bottom: 30px" v-else>关于</h1>
         <p style="margin-bottom: 0px" v-if="NODE_ENV === 'usa'">
           <!-- {{ $t('login:title:system_title_about') }} -->
-          <svg-icon
-            icon-class="login-logo"
-            style="width: 250px; height: 71px"
-          />
+          <svg-icon icon-class="login-logo" style="width: 250px; height: 71px" />
         </p>
         <p style="margin-bottom: 0px" v-else>{{ $t('login:title:system') }}</p>
         <p style="margin-bottom: 20px; margin-top: 0">
@@ -247,13 +168,8 @@
       </div>
     </el-dialog>
     <browserTip ref="browserTip" />
-    <toggleRole
-      v-if="toggleRoleVisible"
-      :visible.sync="toggleRoleVisible"
-      :loading="toggleRoleLoading"
-      @save="loginByRole"
-      @cancel="cancel"
-    />
+    <toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading"
+      @save="loginByRole" @cancel="cancel" />
   </div>
 </template>
 
@@ -339,7 +255,14 @@ export default {
     this.location = this.$route.query.location
     zzSessionStorage.setItem('loginType', this.loginType)
     localStorage.setItem('location', this.location)
-    if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
+    // zh-CN navigator.language
+    console.log(navigator.language, 'navigator.language')
+    if (navigator.language !== 'zh-CN' && navigator.language !== 'zh-TW') {
+      this.$i18n.locale = 'en'
+      this.setLanguage('en')
+      this.$updateDictionary()
+    }
+    else if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
       this.$i18n.locale = 'en'
       this.setLanguage('en')
       this.$updateDictionary()
@@ -516,7 +439,7 @@ export default {
         Array.isArray(this.$store.state.user.roles) &&
         this.$store.state.user.roles.filter((item) => item.IsUserRoleDisabled)
           .length ===
-          this.$store.state.user.roles.length - 1
+        this.$store.state.user.roles.length - 1
       ) {
         let role = this.$store.state.user.roles.find(
           (item) => !item.IsUserRoleDisabled
@@ -640,6 +563,7 @@ $cursor: #fff;
       // }
     }
   }
+
   .login-r {
     .el-form-item {
       border: 1px solid rgba(255, 255, 255, 0.1);
@@ -655,23 +579,28 @@ $cursor: #fff;
 $bg: #2d3a4b;
 $dark_gray: #889aa4;
 $light_gray: #606266;
+
 .login-container {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: auto;
   background: rgb(249, 249, 249);
+
   ::v-deep .el-input__inner::placeholder {
     color: $dark_gray;
   }
+
   .login-header {
     margin: 10px 0px 20px 10px;
     height: 3rem;
     width: 720px;
+
     .login-logo {
       height: 100%;
     }
   }
+
   .login-body {
     position: absolute;
     left: 50%;
@@ -685,32 +614,39 @@ $light_gray: #606266;
     box-sizing: border-box;
     background: rgb(255, 255, 255);
     border-radius: 10px 0px 0px 10px;
+
     .login-l {
       position: relative;
       float: left;
       width: 50%;
       height: 100%;
+
       .login-logo {
         position: absolute;
         top: 35px;
         left: 50px;
+
         img {
           height: 40px;
         }
+
         .usa-logo {
           height: 60px;
         }
       }
+
       .login-image {
         position: absolute;
         top: 10px;
         left: 0px;
         // transform: translateY(-50%);
         height: 100%;
+
         img {
           height: 100%;
         }
       }
+
       .login-image-usa {
         width: 100%;
         display: flex;
@@ -718,6 +654,7 @@ $light_gray: #606266;
         justify-content: flex-end;
       }
     }
+
     .login-r {
       position: relative;
       float: left;
@@ -735,16 +672,19 @@ $light_gray: #606266;
         margin: 0 auto;
         overflow: hidden;
       }
+
       .title-container {
         // margin-bottom: 50px;
         text-align: center;
         margin-top: 20%;
+
         .title {
           font-size: 35px;
           color: $light_gray;
           text-align: center;
           font-weight: bold;
         }
+
         .title-logo-message {
           font-size: 26px;
           color: $light_gray;
@@ -784,6 +724,7 @@ $light_gray: #606266;
       }
     }
   }
+
   .login-footer {
     position: absolute;
     bottom: 50px;
@@ -797,6 +738,7 @@ $light_gray: #606266;
     align-items: center;
     // color: rgb(180, 190, 199);
     color: #909399;
+
     a {
       display: inline-block;
       text-decoration: none;
@@ -805,13 +747,16 @@ $light_gray: #606266;
       display: flex;
       justify-content: center;
     }
+
     span {
       margin: 0 2px;
     }
+
     img {
       height: 20px;
       line-height: 20px;
     }
+
     // p{
     //   display: inline-block;
     //   height:20px;

src/views/trials/trials-panel/attachments/attachment-management/index.vue

@@ -60,7 +60,7 @@
           <el-input v-model="searchData.userName" clearable style="width: 120px" />
         </el-form-item>
         <!-- 用户类型 -->
-        <el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc">
+        <el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc && !isEASystem">
           <el-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
             <el-option v-for="item of userTypeOptions"
               v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id"
@@ -69,7 +69,7 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="!isDoc || !viewStatus">
+        <el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="(!isDoc || !viewStatus) && !isEASystem">
           <el-select v-model="searchData.IsConfirmed" clearable style="width: 120px">
             <el-option v-for="i of $d.TrainingStatusEnum" :key="'IsConfirmed' + i.label" :value="i.value"
               :label="i.label" />
@@ -78,12 +78,12 @@
         <el-form-item :label="isDoc
           ? $t('trials:signRecords:table:isDeletedFile')
           : $t('trials:signRecords:table:isDeleted')
-          ">
+          " v-if="!isEASystem">
           <el-select v-model="searchData.IsDeleted" clearable style="width: 120px">
             <el-option v-for="i of $d.TrainingStatus" :key="'IsDeleted' + i.label" :value="i.value" :label="i.label" />
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc">
+        <el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc && !isEASystem">
           <el-input v-model="searchData.UserName" style="width: 120px" />
         </el-form-item>
         <el-form-item :label="$t('trials:signRecords:table:confirmTime')" v-if="isDoc || isSystem">
@@ -91,7 +91,7 @@
             :default-time="['00:00:00', '23:59:59']" type="datetimerange">
           </el-date-picker>
         </el-form-item>
-        <el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem">
+        <el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem && !isEASystem">
           <el-date-picker v-model="timeListC" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
             type="datetimerange" :default-time="['00:00:00', '23:59:59']" @change="changeTimeListC" />
         </el-form-item>
@@ -305,6 +305,11 @@ export default {
       },
     }
   },
+  computed: {
+    isEASystem() {
+      return this.isSystem && this.hasPermi(['role:ea'])
+    }
+  },
   mounted() {
     this.getTypeOptions()
     this.getUserSelect()
@@ -360,6 +365,14 @@ export default {
     },
     // 获取系统文件数据
     getList() {
+      if (this.isEASystem) {
+        this.searchData.IsConfirmed = true
+        if (!this.searchData.FileTypeId && !this.searchData.Name && !this.searchData.UserId && !this.searchData.userName && (!Array.isArray(this.timeList) || this.timeList.length < 2)) {
+          this.list = []
+          this.total = 0
+          return false
+        }
+      }
       this.loading = true
       if (this.viewStatus) {
         this.searchData.IsConfirmed = true
@@ -398,6 +411,7 @@ export default {
     getTypeOptions() {
       if (this.isSystem) {
         this.typeOptions = this.$d.Sys_Document
+        if (this.isEASystem) this.typeOptions = this.typeOptions.filter(item => item.raw.ChildGroup !== "Trial")
       } else {
         getTrialDocAndSystemDocType(this.trialId).then((res) => {
           this.typeOptions = res.Result

src/views/trials/trials-workbench/components/auditDocument/index.vue

@@ -2,7 +2,9 @@
     <div class="auditDocument">
         <el-row>
             <el-col :span="12">
-                <h3>{{ isManage ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument') }}</h3>
+                <h3>{{ isManage || isAudit ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument')
+                    }}
+                </h3>
             </el-col>
             <el-col :span="12" style="text-align:right;">
                 <h3>
@@ -51,6 +53,11 @@
                     {{ $t('trials:trials-workbench:auditDocument:button:del') }}
                 </el-button>
             </el-form-item>
+            <el-form-item v-if="isAudit">
+                <el-button type="primary" :disabled="checkList.length <= 0" @click.stop="auditAuth(true)">
+                    {{ $t('trials:trials-workbench:auditDocument:button:auth') }}
+                </el-button>
+            </el-form-item>
         </el-form>
         <div class="catalogue">
             <span>{{ $t('trials:trials-workbench:auditDocument:catalogue:title') }}</span>
@@ -85,7 +92,7 @@
                             </span>
                             <i :class="{ 'el-icon-success': true, 'icon_check': true, isCheck: checkList.includes(scope.row.Id) }"
                                 @click.stop="addCheck(scope.row)"
-                                v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && isManage" />
+                                v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && (isManage || isAudit)" />
                             <span class="version"
                                 v-if="(hoverId !== scope.row.Id && !checkList.includes(scope.row.Id)) && isManage && scope.row.HistoricalVersionsCount > 0">
                                 <i class="el-icon-warning-outline"></i>{{ scope.row.HistoricalVersionsCount }}
@@ -116,6 +123,17 @@
                     </el-switch>
                 </template>
             </el-table-column>
+            <el-table-column prop="IsCurrentAuditRecordAuthorization"
+                :label="$t('trials:trials-workbench:auditDocument:table:IsAuthorization')" show-overflow-tooltip
+                v-if="isAudit">
+                <template slot-scope="scope">
+                    <el-switch v-model="scope.row.IsCurrentAuditRecordAuthorization"
+                        @change="(val) => auditAuth(false, scope.row, val)" :active-value="true" :inactive-value="false"
+                        :active-text="$fd('YesOrNo', true)" class="IsAuthorization_swich"
+                        :inactive-text="$fd('YesOrNo', false)">
+                    </el-switch>
+                </template>
+            </el-table-column>
             <el-table-column prop="UpdateTime" show-overflow-tooltip
                 :label="$t('trials:trials-workbench:auditDocument:table:updateTime')">
             </el-table-column>
@@ -137,7 +155,7 @@
     </div>
 </template>
 <script>
-import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder } from '@/api/trials'
+import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder, setAuditRecordPermission } from '@/api/trials'
 import Pagination from '@/components/Pagination'
 import contextmenu from './contextmenu.vue'
 import uploadFiles from '@/views/trials/trials-panel/trial-summary/trial-document/components/uploadFiles.vue'
@@ -159,7 +177,15 @@ export default {
         isManage: {
             type: Boolean,
             default: false
-        }
+        },
+        AuditRecordId: {
+            type: String,
+            default: ''
+        },
+        isAudit: {
+            type: Boolean,
+            default: false
+        },
     },
     computed: {
         isCopy() {
@@ -226,6 +252,40 @@ export default {
         }
     },
     methods: {
+        async auditAuth(isArray = true, row, IsAuthorization) {
+            if (!this.isAudit) return false
+            try {
+                let data = {}
+                if (isArray) {
+                    data = {
+                        AuditDocumentIdList: this.checkList,
+                        AuditRecordId: this.AuditRecordId,
+                        IsAuthorization: true,
+                    }
+                } else {
+                    data = {
+                        AuditDocumentIdList: [row.Id],
+                        AuditRecordId: this.AuditRecordId,
+                        IsAuthorization,
+                    }
+                }
+                this.loading = true
+                let res = await setAuditRecordPermission(data)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.$t('trials:trials-workbench:auditDocument:message:authSuccessfully')
+                    // if (isArray) {
+                    this.getList()
+                    // }
+                }
+            } catch (err) {
+                this.loading = false
+                if (!isArray) {
+                    row.IsCurrentAuditRecordAuthorization = !row.IsCurrentAuditRecordAuthorization
+                }
+                console.log(err)
+            }
+        },
         async auth(isArray = true, row, IsAuthorization) {
             if (!this.isManage) return false
             try {
@@ -356,6 +416,12 @@ export default {
                 } else {
                     this.searchData.IsAuthorization = null
                 }
+                if (this.AuditRecordId) this.searchData.AuditRecordId = this.AuditRecordId
+                if (!this.isAudit) {
+                    this.searchData.IsCurrentAuditRecordAuthorization = true
+                } else {
+                    this.searchData.IsCurrentAuditRecordAuthorization = null
+                }
                 let res = await getAuditDocumentData(this.searchData)
                 this.loading = false
                 if (res.IsSuccess) {
@@ -558,7 +624,7 @@ export default {
             this.getList()
         },
         addCheck(row) {
-            if (!this.isManage) return false
+            if (!this.isManage && !this.isAudit) return false
             let index = this.checkList.indexOf(row.Id)
             if (!!~index) {
                 this.checkList.splice(index, 1)

src/views/trials/trials-workbench/components/auditDocument/view.vue

@@ -0,0 +1,43 @@
+<template>
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane v-for="item in tabs" :key="item.Id"
+            :label="`${item.AuditTime} ${item.AuditContent} (${item.CompanyName})`" :name="item.Id">
+            <auditDocument v-if="activeName === item.Id" :isManage="false" :AuditRecordId="item.Id" />
+        </el-tab-pane>
+    </el-tabs>
+
+</template>
+<script>
+import { getAuditRecordSelectList } from '@/api/trials'
+import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
+export default {
+    name: "auditDocumentView",
+    components: { auditDocument },
+    data() {
+        return {
+            activeName: '',
+            tabs: []
+        }
+    },
+    created() {
+        this.getTabs()
+    },
+    methods: {
+        handleClick(row) {
+            this.activeName = row.name
+        },
+        async getTabs() {
+            try {
+                let res = await getAuditRecordSelectList({})
+                if (res.IsSuccess) {
+                    this.tabs = res.Result
+                    this.activeName = res.Result[0].Id
+                }
+            } catch (err) {
+                console.log(err)
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped></style>

src/views/trials/trials-workbench/components/inspectionManagement/dataForm.vue

@@ -0,0 +1,245 @@
+<template>
+    <el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false"
+        :title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${state}`)" width="600px"
+        custom-class="base-dialog-wrapper" v-dialogDrag :before-close="handleCancle">
+        <el-form :model="from" size="mini" :rules="rules" ref="dataForm" label-width="120px">
+            <div class="base-dialog-body">
+                <!-- 公司名称 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:CompanyName')"
+                    prop="CompanyName">
+                    <el-input v-model="from.CompanyName" clearable></el-input>
+                </el-form-item>
+                <!-- 稽查内容 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditContent')"
+                    prop="AuditContent">
+                    <el-input v-model="from.AuditContent" clearable></el-input>
+                </el-form-item>
+                <!-- 稽查形式 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditType')"
+                    prop="AuditType">
+                    <el-select v-model="from.AuditType" placeholder="" clearable style="width: 100%;">
+                        <el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <!-- 稽查人员 -->
+                <!-- <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:IdnetityUserName')"
+                    prop="IdnetityUserName">
+                    <div style="display: flex;align-items: center;justify-content: space-around;">
+                        <p :title="from.IdnetityUserName"
+                            style="width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;">
+                            {{
+                                from.IdnetityUserName }}</p>
+                        <el-button type="primary" @click.stop="openUserList">{{
+                            $t('trials:trials-workbench:inspectionManagement:button:select')
+                            }}</el-button>
+                    </div>
+                </el-form-item> -->
+                <!-- 稽查日期 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditTime')"
+                    prop="AuditTime">
+                    <el-date-picker v-model="from.AuditTime" type="date" placeholder="" value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd" clearable style="width: 100%;">
+                    </el-date-picker>
+                </el-form-item>
+                <!-- 文档查看时间 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:ViewTime')" prop="ViewTime">
+                    <el-date-picker v-model="from.ViewTime" type="datetimerange"
+                        :default-time="['00:00:00', '23:59:59']" range-separator="-"
+                        :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+                        :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                        format="yyyy-MM-dd HH:mm:ss" clearable style="width: 100%;">
+                    </el-date-picker>
+                </el-form-item>
+                <!-- 状态 -->
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditState')"
+                    prop="AuditState" v-if="state === 'edit'">
+                    <el-radio-group v-model="from.AuditState">
+                        <el-radio v-for="item in $d.AuditState" :key="item.id" :label="item.value">{{ item.label
+                        }}</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </div>
+            <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
+                <el-form-item>
+                    <!-- 取消 -->
+                    <el-button :disabled="loading" size="small" type="primary" @click="handleCancle">
+                        {{ $t('common:button:cancel') }}
+                    </el-button>
+                    <!-- 保存 -->
+                    <el-button size="small" type="primary" :loading="loading" @click="handleSave">
+                        {{ $t('common:button:save') }}
+                    </el-button>
+                </el-form-item>
+            </div>
+        </el-form>
+    </el-dialog>
+</template>
+<script>
+import { addOrUpdateAuditRecord } from '@/api/trials'
+
+export default {
+    props: {
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        state: {
+            type: String,
+            default: 'add'
+        },
+        rowData: {
+            type: Object,
+            default: () => {
+                return {}
+            }
+        }
+    },
+    watch: {
+        state: {
+            handler() {
+                if (this.state === 'edit') {
+                    Object.keys(this.from).forEach(key => {
+                        if (this.rowData[key] || this.rowData[key] == 0) {
+                            this.from[key] = this.rowData[key]
+                        }
+                    })
+                    this.from.IdnetityUserName = this.rowData.IdentityUserList.map(item => item.FullName).join(", ")
+                    this.from.ViewTime = [this.from.BeginTime, this.from.EndTime]
+                } else {
+                    Object.keys(this.from).forEach(key => {
+                        this.from[key] = ''
+                    })
+                    this.from.ViewTime = []
+                    this.from.IdnetityUserIdList = []
+                }
+            },
+            immediate: true,
+        },
+        'from.ViewTime': {
+            handler() {
+                if (Array.isArray(this.from.ViewTime) && this.from.ViewTime.length === 2) {
+                    this.from.BeginTime = this.from.ViewTime[0]
+                    this.from.EndTime = this.from.ViewTime[1]
+                } else {
+                    this.from.BeginTime = ''
+                    this.from.EndTime = ''
+                }
+            }
+        }
+    },
+    data() {
+        return {
+            loading: false,
+            from: {
+                Id: '',
+                CompanyName: '',
+                AuditContent: '',
+                AuditTime: '',
+                BeginTime: '',
+                EndTime: '',
+                AuditState: '',
+                AuditType: '',
+                IdnetityUserIdList: [],
+                IdnetityUserName: '',
+                ViewTime: []
+            },
+            rules: {
+                CompanyName: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:specify'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditContent: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:specify'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditTime: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditType: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                IdnetityUserName: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                AuditState: [
+                    {
+                        required: true,
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                ],
+                ViewTime: [
+                    {
+                        required: true,
+                        type: 'array',
+                        message: this.$t('common:ruleMessage:select'),
+                        trigger: 'blur',
+                    },
+                    {
+                        validator: (rule, value, callback) => {
+                            if (value.length < 2) {
+                                callback(
+                                    new Error(this.$t('common:ruleMessage:select'))
+                                )
+                            }
+                            callback()
+                        },
+                        trigger: 'blur',
+                    },
+                ],
+            },
+        }
+    },
+    methods: {
+        openUserList() {
+            this.config.visible = true
+        },
+        handleCancle() {
+            this.$emit('update:visible', false)
+        },
+        async handleSave() {
+            try {
+                let validate = await this.$refs.dataForm.validate()
+                if (!validate) return false
+                if (this.state === 'add') this.from.AuditState = 0
+                this.loading = true
+                let res = await addOrUpdateAuditRecord(this.from)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.$emit('getList')
+                    this.handleCancle()
+                }
+            } catch (err) {
+                this.loading = false
+                console.log(err)
+            }
+        },
+        addUser(arr) {
+            this.from.IdnetityUserIdList = arr.map(item => item.Id)
+            this.from.IdnetityUserName = arr.map(item => item.FullName).join(", ")
+            this.config.visible = false
+        }
+    }
+
+}
+</script>
+<style lang="scss" scoped></style>

src/views/trials/trials-workbench/components/inspectionManagement/document.vue

@@ -0,0 +1,38 @@
+<template>
+    <el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false" :fullscreen="true"
+        :before-close="close" :title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${isAudit}`)"
+        custom-class="base-dialog-wrapper">
+        <auditDocument :isManage="false" :AuditRecordId="AuditRecordId" :isAudit="isAudit" />
+    </el-dialog>
+</template>
+<script>
+import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
+export default {
+    props: {
+        isAudit: {
+            type: Boolean,
+            default: false
+        },
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        AuditRecordId: {
+            type: String,
+            default: ''
+        }
+    },
+    components: { auditDocument },
+    methods: {
+        close(done) {
+            this.$emit("update:visible", false)
+            // done()
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+    margin-top: 0;
+}
+</style>

src/views/trials/trials-workbench/components/inspectionManagement/index.vue

@@ -0,0 +1,305 @@
+<template>
+
+    <BaseContainer class="inspectionManagement">
+        <template slot="title-container">
+            <el-row>
+                <el-col :span="12">
+                    <h3>{{ $t('trials:tab:inspectionManagement') }}</h3>
+                </el-col>
+                <el-col :span="12" style="text-align:right;">
+                    <h3>
+                        <Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
+                            :limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next"
+                            :background="false" style="display: inline-block;" @pagination="getList" />
+                        <el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
+                            @click="handleReset" />
+                    </h3>
+                </el-col>
+            </el-row>
+        </template>
+        <template slot="search-container">
+            <el-form :inline="true">
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')">
+                    <el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')">
+                    <el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')">
+                    <el-select v-model="searchData.AuditType" placeholder="" clearable>
+                        <el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
+                    <el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')">
+                    <el-date-picker v-model="auditTime" type="daterange" range-separator="-"
+                        :start-placeholder="$t('imageInspect:daterange:startPlaceholder')"
+                        :end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd" clearable>
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
+                    <el-date-picker v-model="viewTime" type="datetimerange" range-separator="-"
+                        :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+                        :default-time="['00:00:00', '23:59:59']"
+                        :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
+                        format="yyyy-MM-dd HH:mm:ss" clearable>
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')">
+                    <el-date-picker v-model="createTime" type="daterange" range-separator="-"
+                        :start-placeholder="$t('curriculumVitae:daterange:startTime')"
+                        :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd"
+                        format="yyyy-MM-dd" clearable>
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+                        {{ $t('common:button:search') }}
+                    </el-button>
+                    <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+                        {{ $t('common:button:reset') }}
+                    </el-button>
+                    <el-button type="primary" @click="openForm('add', {})">
+                        {{ $t('common:button:new') }}
+                    </el-button>
+                </el-form-item>
+            </el-form>
+        </template>
+        <template slot="main-container">
+            <el-table id="auditDocumentTable" ref="auditDocumentTable" :data="tableData" style="width: 99%" row-key="Id"
+                :loading="loading" v-adaptive="{ bottomOffset: 75 }" height="100" @sort-change="handleSortChange">
+                <el-table-column type="index" width="50" />
+                <el-table-column prop="CompanyName" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')" sortable="custom">
+                </el-table-column>
+                <el-table-column prop="AuditContent" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')" sortable="custom">
+                </el-table-column>
+                <el-table-column prop="AuditType" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')" sortable="custom">
+                    <template slot-scope="scope">
+                        <span>{{ $fd('AuditType', scope.row.AuditType) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="identityUserList" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
+                    <template slot-scope="scope">
+                        <el-button v-if="Array.isArray(scope.row.IdentityUserList)" type="text"
+                            @click="openUserList(true, scope.row)">
+                            {{scope.row.IdentityUserList.map(item => item.FullName).join(", ")}}
+                        </el-button>
+                        <!-- <span>
+                        {{Array.isArray(scope.row.IdentityUserList) ?
+                            scope.row.IdentityUserList.map(item => item.FullName).join(", ") :
+                            ''}}
+                    </span> -->
+                    </template>
+                </el-table-column>
+                <el-table-column prop="AuditTime" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom">
+                </el-table-column>
+                <el-table-column prop="BeginTime" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
+                    <template slot-scope="scope">
+                        <span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="AuditState" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom">
+                    <template slot-scope="scope">
+                        <span>{{ $fd('AuditState', scope.row.AuditState) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="CreateTime" show-overflow-tooltip
+                    :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom">
+                </el-table-column>
+                <el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right">
+                    <template slot-scope="scope">
+                        <el-button circle icon="el-icon-view"
+                            :title="$t('trials:trials-workbench:inspectionManagement:button:viewDocument')"
+                            @click="openDoc(false, scope.row)" />
+                        <el-button circle icon="el-icon-edit-outline"
+                            :title="$t('trials:trials-workbench:inspectionManagement:button:editDocument')"
+                            @click="openDoc(true, scope.row)" />
+                        <el-button circle icon="el-icon-user"
+                            :title="$t('trials:trials-workbench:inspectionManagement:button:user')"
+                            @click="openUserList(false, scope.row)" />
+                        <el-button circle icon="el-icon-edit" :title="$t('common:button:edit')"
+                            @click="openForm('edit', scope.row)" />
+                        <el-button circle icon="el-icon-delete" :title="$t('common:button:delete')"
+                            :disabled="scope.row.AuditState > 0" @click="del(scope.row)" />
+                    </template>
+                </el-table-column>
+            </el-table>
+        </template>
+        <dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
+        <document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
+        <base-model :config="config">
+            <template slot="dialog-body">
+                <userList v-if="config.visible" :AuditRecordId="AuditRecordId" :isView="isView" @close="close"
+                    @getList="getList" />
+            </template>
+        </base-model>
+    </BaseContainer>
+</template>
+<script>
+import Pagination from '@/components/Pagination'
+import { getAuditRecordList, deleteAuditRecord } from '@/api/trials'
+import dataForm from "./dataForm.vue"
+import document from "./document.vue"
+import userList from './userList'
+import baseModel from '@/components/BaseModel'
+import BaseContainer from '@/components/BaseContainer'
+const searchDataDefault = () => {
+    return {
+        CompanyName: '',
+        AuditContent: "",
+        AuditType: "",
+        IdentityUserName: '',
+        BeginAuditTime: '',
+        EndAuditTime: '',
+        BeginTime: '',
+        EndTime: '',
+        BeginCreateTime: '',
+        EndCreateTime: '',
+        PageIndex: 1,
+        PageSize: 20,
+        Asc: false,
+        SortField: ''
+    }
+}
+export default {
+    name: "inspectionManagement",
+    components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
+    data() {
+        return {
+            searchData: searchDataDefault(),
+            total: 0,
+            Id: null,
+            loading: false,
+            tableData: [],
+            auditTime: [],
+            viewTime: [],
+            createTime: [],
+
+            visible: false, // 属性详情弹框
+
+            rowData: {},
+            fromVisible: false,
+            state: 'add',
+
+            docVisible: false,
+            isAudit: false,
+            AuditRecordId: null,
+
+            config: {
+                visible: false,
+                title: this.$t('trials:trials-workbench:inspectionManagement:dialogTitle:selectUser'),
+                width: '1200px',
+            },
+            isView: false,
+
+        }
+    },
+    created() {
+        this.getList()
+    },
+    methods: {
+        async del(row) {
+            try {
+                let confirm = await this.$confirm(this.$t("trials:trials-workbench:inspectionManagement:confirm:del"))
+                if (!confirm) return false
+                this.loading = true
+                let res = await deleteAuditRecord(row.Id)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.getList()
+                    this.$message.success(this.$t("common:message:deletedSuccessfully"))
+                }
+            } catch (err) {
+                this.loading = false
+                console.log(err)
+            }
+        },
+        close() {
+            this.config.visible = false
+        },
+        openUserList(isView = false, row) {
+            this.isView = isView
+            this.AuditRecordId = row.Id
+            this.config.visible = true
+        },
+        openDoc(isAudit = false, row) {
+            this.AuditRecordId = row.Id
+            this.isAudit = isAudit
+            this.docVisible = true
+        },
+        openForm(state, row) {
+            this.rowData = Object.assign({}, row)
+            this.state = state
+            this.fromVisible = true
+        },
+        async getList() {
+            try {
+                if (Array.isArray(this.auditTime) && this.auditTime.length === 2) {
+                    this.searchData.BeginAuditTime = this.auditTime[0]
+                    this.searchData.EndAuditTime = this.auditTime[1]
+                } else {
+                    this.searchData.BeginAuditTime = ''
+                    this.searchData.EndAuditTime = ''
+                }
+                if (Array.isArray(this.viewTime) && this.viewTime.length === 2) {
+                    this.searchData.BeginTime = this.viewTime[0]
+                    this.searchData.EndTime = this.viewTime[1]
+                } else {
+                    this.searchData.BeginTime = ''
+                    this.searchData.EndTime = ''
+                }
+                if (Array.isArray(this.createTime) && this.createTime.length === 2) {
+                    this.searchData.BeginCreateTime = this.createTime[0]
+                    this.searchData.EndCreateTime = this.createTime[1]
+                } else {
+                    this.searchData.BeginCreateTime = ''
+                    this.searchData.EndCreateTime = ''
+                }
+                this.loading = true
+                let res = await getAuditRecordList(this.searchData)
+                this.loading = false
+                if (res.IsSuccess) {
+                    this.tableData = res.Result.CurrentPageData
+                    this.total = res.Result.TotalCount
+                }
+            } catch (err) {
+                this.loading = false
+                console.log(err)
+            }
+        },
+        handleReset() {
+            this.searchData = searchDataDefault()
+            this.auditTime = []
+            this.viewTime = []
+            this.createTime = []
+            this.getList()
+        },
+        handleSearch() {
+            this.getList()
+        },
+        // 排序
+        handleSortChange(column) {
+            if (column.order === 'ascending') {
+                this.searchData.Asc = true
+            } else {
+                this.searchData.Asc = false
+            }
+            this.searchData.SortField = column.prop
+            this.searchData.PageIndex = 1
+            this.getList()
+        },
+    }
+}
+</script>
+<style lang="scss" scoped></style>

src/views/trials/trials-workbench/components/inspectionManagement/userList.vue

@@ -0,0 +1,229 @@
+<template>
+  <el-container class="participant-container">
+    <el-header style="height: 50px">
+      <div class="filter-container">
+        <!-- 姓名 -->
+        <span>{{ $t('trials:staff:table:name') }}:</span>
+        <el-input v-model="listQuery.RealName" size="mini" class="mr" clearable />
+        <!-- 用户名 -->
+        <span>{{ $t('trials:staff:table:uid') }}:</span>
+        <el-input v-model="listQuery.UserName" size="mini" class="mr" clearable />
+        <!-- 单位 -->
+        <span>{{ $t('trials:staff:table:organization') }}:</span>
+        <el-input v-model="listQuery.OrganizationName" size="mini" class="mr" clearable />
+        <!-- 是否加入 -->
+        <template v-if="!isView">
+          <span>{{ $t('trials:staff:table:Join') }}:</span>
+          <el-select v-model="listQuery.IsAuditRecordUserSelect" placeholder="" size="mini" class="mr" clearable>
+            <el-option v-for="item in $d.IsJoin" :key="item.id" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </template>
+        <!-- 用户类型 -->
+        <!-- <span>{{ $t('trials:staff:table:userType') }}:</span>
+        <el-select v-model="listQuery.UserTypeEnum" size="mini" clearable class="mr">
+          <el-option v-for="item of userTypeOptions" :key="item.Id" :label="item.UserTypeShortName"
+            :value="item.UserTypeEnum">
+            <span>{{ item.UserType }}</span>
+          </el-option>
+        </el-select> -->
+        <!-- 查询 -->
+        <el-button type="primary" size="mini" icon="el-icon-search" @click="handleSearch">
+          {{ $t('common:button:search') }}
+        </el-button>
+        <!-- 重置 -->
+        <el-button size="mini" type="primary" icon="el-icon-refresh-left" @click="handleReset">
+          {{ $t('common:button:reset') }}
+        </el-button>
+
+        <!-- <el-button type="primary" size="mini" style="margin-left: auto" :disabled="selectArr.length === 0"
+          :loading="assignLoadStatus" icon="el-icon-plus" @click="handleAssign">
+          {{ $t('common:button:add') }}
+        </el-button> -->
+      </div>
+    </el-header>
+    <el-main>
+      <div class="data-table">
+        <el-table :data="list" stripe height="400px" class="participant-table-list"
+          @selection-change="handleSelectChange" @sort-change="handleSortByColumn">
+          <!-- <el-table-column type="selection" width="50" /> -->
+          <el-table-column type="index" width="50" />
+          <!-- 姓名 -->
+          <el-table-column prop="FullName" :label="$t('trials:staff:table:name')" show-overflow-tooltip
+            sortable="custom" min-width="100" />
+          <!-- 用户名 -->
+          <el-table-column prop="UserName" :label="$t('trials:staff:table:uid')" show-overflow-tooltip sortable="custom"
+            min-width="100" />
+          <!-- 电话 -->
+          <el-table-column prop="Phone" :label="$t('trials:staff:table:phone')" show-overflow-tooltip sortable="custom"
+            min-width="120" />
+          <!-- 邮箱 -->
+          <el-table-column prop="EMail" :label="$t('trials:staff:table:email')" show-overflow-tooltip sortable="custom"
+            min-width="120" />
+          <!-- 单位 -->
+          <el-table-column prop="OrganizationName" :label="$t('trials:staff:table:organization')" show-overflow-tooltip
+            min-width="100" sortable="custom" />
+          <!-- 用户类型 -->
+          <!-- <el-table-column prop="UserTypeShortName" :label="$t('trials:staff:table:userType')" show-overflow-tooltip
+            sortable="custom" min-width="100" /> -->
+          <el-table-column prop="IsAuditRecordUserSelect" :label="$t('trials:staff:table:Join')" show-overflow-tooltip>
+            <template slot-scope="scope">
+              <span>{{ $fd('IsJoin', scope.row.IsAuditRecordUserSelect) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('common:action:action')" width="120" align="left" fixed="right">
+            <template slot-scope="scope">
+              <el-button type="text" @click="changeUser(true, scope.row)" :disabled="scope.row.IsAuditRecordUserSelect">
+                {{ $t('trials:trials-workbench:inspectionManagement:button:join') }}
+              </el-button>
+              <el-button type="text" @click="changeUser(false, scope.row)"
+                :disabled="!scope.row.IsAuditRecordUserSelect">
+                {{ $t('trials:trials-workbench:inspectionManagement:button:Exit') }}
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-main>
+    <div class="pagination" style="text-align: right; margin-top: 5px">
+      <pagination :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize"
+        @pagination="getList" />
+    </div>
+  </el-container>
+</template>
+<script>
+import { getUserList } from '@/api/admin'
+import { addOrDeleteAuditRecordUser } from '@/api/trials'
+import Pagination from '@/components/Pagination'
+const getListQueryDefault = () => {
+  return {
+    RealName: '',
+    UserName: '',
+    OrganizationName: '',
+    IsAuditRecordUserSelect: null,
+    UserTypeEnum: '16',
+    PageIndex: 1,
+    PageSize: 20,
+  }
+}
+export default {
+  components: { Pagination },
+  props: {
+    AuditRecordId: {
+      type: String,
+      default: ''
+    },
+    isView: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listQuery: getListQueryDefault(),
+      selectArr: [],
+      assignLoadStatus: false,
+      // isAdmin: JSON.parse(zzSessionStorage.getItem('IsAdmin')),
+      userTypeOptions: [],
+      trialId: '',
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    async changeUser(IsAdd = true, row) {
+      try {
+        let data = {
+          AuditRecordId: this.AuditRecordId,
+          IsAdd,
+          identityUserIdList: [row.Id]
+        }
+        let res = await addOrDeleteAuditRecordUser(data)
+        if (res.IsSuccess) {
+          this.getList()
+          this.$emit("getList")
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    getList() {
+      const loading = this.$loading({
+        target: document.querySelector('.participant-table-list'),
+        fullscreen: false,
+        lock: true,
+      })
+      this.listQuery.UserState = 1
+      this.listQuery.AuditRecordId = this.AuditRecordId
+      if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
+      getUserList(this.listQuery)
+        .then((res) => {
+          loading.close()
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        })
+        .catch(() => {
+          loading.close()
+        })
+    },
+    handleAssign() {
+      this.$emit('add', this.selectArr)
+    },
+    handleSearch() {
+      this.listQuery.PageIndex = 1
+      this.getList()
+    },
+    handleReset() {
+      this.listQuery = getListQueryDefault()
+      if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
+      this.getList()
+    },
+    handleSelectChange(val) {
+      this.selectArr = val
+    },
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.listQuery.Asc = true
+      } else {
+        this.listQuery.Asc = false
+      }
+      this.listQuery.SortField = column.prop
+      this.listQuery.PageIndex = 1
+      this.getList()
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+.participant-container {
+  height: 100%;
+
+  .el-header {
+    .filter-container {
+      display: flex;
+      align-items: center;
+
+      span {
+        font-size: 13px;
+        margin-right: 5px;
+      }
+
+      .mr {
+        margin-right: 5px;
+        width: 120px;
+      }
+    }
+  }
+
+  .el-main {
+    padding: 0px;
+  }
+
+  .el-footer {
+    padding: 0 20px;
+  }
+}
+</style>

src/views/trials/trials-workbench/index.vue

@@ -365,6 +365,15 @@
                     <span class="my_select_box_content_text">{{ $t('trials:tab:updateAuditDocument') }}</span>
                   </div>
                 </div>
+                <!-- 稽查管理 -->
+                <div class="my_select_box" :class="{ selected: selected === 'inspectionManagement' }"
+                  tab-data="updateAuditDocument" @click="handleClick('inspectionManagement')"
+                  v-if="hasPermi(['trials:trials-workbench:inspectionManagement'])">
+                  <div class="my_select_box_content">
+                    <span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
+                    <span class="my_select_box_content_text">{{ $t('trials:tab:inspectionManagement') }}</span>
+                  </div>
+                </div>
               </div>
             </template>
           </div>
@@ -443,11 +452,13 @@
         <!--通用培训记录-->
         <generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
         <!--稽查文档-->
-        <auditDocument v-if="selected === 'viewAuditDocument'" :isManage="false" />
+        <auditDocumentView v-if="selected === 'viewAuditDocument'" :isManage="false" />
         <!--培训课程管理-->
         <generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
         <!--稽查文档管理-->
         <auditDocument v-if="selected === 'updateAuditDocument'" :isManage="true" />
+        <!--稽查管理-->
+        <inspectionManagement v-if="selected === 'inspectionManagement'" />
       </div>
       <!--        <div v-show="false" style="height: 100%;position: relative">-->
       <!--          <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
@@ -570,8 +581,10 @@ import MedicalFeedback from './components/medicalFeedback'
 import MedicalAudit from './components/medicalAudit'
 import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
 import auditDocument from "./components/auditDocument"
+import auditDocumentView from "./components/auditDocument/view"
 import generalTraining from "./components/generalTraining"
 import ReuploadAudit from "./components/ReuploadAudit"
+import inspectionManagement from "./components/inspectionManagement"
 import store from '@/store'
 import './index.css'
 
@@ -583,7 +596,9 @@ export default {
   name: 'WorkBench',
   components: {
     auditDocument,
+    auditDocumentView,
     generalTraining,
+    inspectionManagement,
     clinicalDataConfirm,
     clinicalDataPM,
     PanelCount,