From 83182a4d0f8d533341a9af26b8897f367260ba54 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Mon, 29 Sep 2025 14:55:12 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A8=BD=E6=9F=A5=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/inspectionManagement/index.vue | 261 +++++++++---------
 1 file changed, 135 insertions(+), 126 deletions(-)

diff --git a/src/views/trials/trials-workbench/components/inspectionManagement/index.vue b/src/views/trials/trials-workbench/components/inspectionManagement/index.vue
index 14257b31..7e0ce58b 100644
--- a/src/views/trials/trials-workbench/components/inspectionManagement/index.vue
+++ b/src/views/trials/trials-workbench/components/inspectionManagement/index.vue
@@ -1,133 +1,141 @@
 <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">
-            <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>
-        <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(", ")}}
+
+    <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>
-                    <!-- <span>
+                    <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>
+                </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">
@@ -136,7 +144,7 @@
                     @getList="getList" />
             </template>
         </base-model>
-    </div>
+    </BaseContainer>
 </template>
 <script>
 import Pagination from '@/components/Pagination'
@@ -145,6 +153,7 @@ 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: '',
@@ -165,7 +174,7 @@ const searchDataDefault = () => {
 }
 export default {
     name: "inspectionManagement",
-    components: { Pagination, dataForm, document, userList, baseModel },
+    components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
     data() {
         return {
             searchData: searchDataDefault(),