工作台新增稽查管理

src/api/trials.js

@@ -4234,4 +4234,28 @@ export function getVisitStage(data) {
     method: 'post',
     data
   })
+}
+// 稽查管理-列表
+export function getAuditRecordList(data) {
+  return request({
+    url: `/AuditDocument/getAuditRecordList`,
+    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
+  })
 }

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,8 @@ export default {
                 } else {
                     this.searchData.IsAuthorization = null
                 }
+                if (this.AuditRecordId) this.searchData.AuditRecordId = this.AuditRecordId
+                if (!this.isAudit) this.searchData.IsCurrentAuditRecordAuthorization = true
                 let res = await getAuditDocumentData(this.searchData)
                 this.loading = false
                 if (res.IsSuccess) {
@@ -558,7 +620,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/inspectionManagement/dataForm.vue

@@ -0,0 +1,259 @@
+<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>
+        <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" 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>
+        <base-model :config="config">
+            <template slot="dialog-body">
+                <userList @add="addUser" v-if="config.visible" />
+            </template>
+        </base-model>
+    </el-dialog>
+</template>
+<script>
+import { addOrUpdateAuditRecord } from '@/api/trials'
+import userList from './userList'
+import baseModel from '@/components/BaseModel'
+export default {
+    props: {
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        state: {
+            type: String,
+            default: 'add'
+        },
+        rowData: {
+            type: Object,
+            default: () => {
+                return {}
+            }
+        }
+    },
+    components: { userList, baseModel },
+    watch: {
+        state: {
+            handler() {
+                if (this.state === 'edit') {
+                    Object.keys(this.from).forEach(key => {
+                        if (this.rowData[key]) {
+                            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 => {
+                        if (this.rowData[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',
+                    },
+                ],
+            },
+            config: {
+                visible: false,
+                title: this.$t('trials:trials-workbench:inspectionManagement:dialogTitle:selectUser'),
+                width: '1200px',
+                appendToBody: true
+            },
+        }
+    },
+    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,28 @@
+<template>
+    <el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false" :fullscreen="true"
+        :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 },
+}
+</script>
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,248 @@
+<template>
+    <div class="inspectionManagement">
+        <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>
+        <el-form :inline="true" class="base-search-form">
+            <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')"
+                    :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>
+        <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 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">
+                    <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 type="text" @click="openDoc(false, scope.row)">
+                        {{ $t('trials:trials-workbench:inspectionManagement:button:viewDocument') }}
+                    </el-button>
+                    <el-button type="text" @click="openDoc(true, scope.row)">
+                        {{ $t('trials:trials-workbench:inspectionManagement:button:editDocument') }}
+                    </el-button>
+                    <el-button type="text" @click="openForm('edit', scope.row)">
+                        {{ $t('common:button:edit') }}
+                    </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
+        <document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
+    </div>
+</template>
+<script>
+import Pagination from '@/components/Pagination'
+import { getAuditRecordList } from '@/api/trials'
+import dataForm from "./dataForm.vue"
+import document from "./document.vue"
+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 },
+    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
+
+        }
+    },
+    created() {
+        this.getList()
+    },
+    methods: {
+        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,174 @@
+<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 />
+        <!-- 用户类型 -->
+        <!-- <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>
+      </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 Pagination from '@/components/Pagination'
+const getListQueryDefault = () => {
+  return {
+    RealName: '',
+    UserName: '',
+    OrganizationName: '',
+    UserTypeEnum: '16',
+    PageIndex: 1,
+    PageSize: 20,
+  }
+}
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      list: [],
+      total: 0,
+      listQuery: getListQueryDefault(),
+      selectArr: [],
+      assignLoadStatus: false,
+      // isAdmin: JSON.parse(zzSessionStorage.getItem('IsAdmin')),
+      userTypeOptions: [],
+      trialId: '',
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      const loading = this.$loading({
+        target: document.querySelector('.participant-table-list'),
+        fullscreen: false,
+        lock: true,
+      })
+      this.listQuery.UserState = 1
+      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()
+      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>
@@ -448,6 +457,8 @@
         <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'}">-->
@@ -572,6 +583,7 @@ import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
 import auditDocument from "./components/auditDocument"
 import generalTraining from "./components/generalTraining"
 import ReuploadAudit from "./components/ReuploadAudit"
+import inspectionManagement from "./components/inspectionManagement"
 import store from '@/store'
 import './index.css'
 
@@ -584,6 +596,7 @@ export default {
   components: {
     auditDocument,
     generalTraining,
+    inspectionManagement,
     clinicalDataConfirm,
     clinicalDataPM,
     PanelCount,