XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

稽查管理页面样式调整
continuous-integration/drone/push Build is passing Details

uat
wangxiaoshuang 2025-09-29 14:55:12 +08:00
parent 10408bde30
commit 83182a4d0f
1 changed files with 135 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

261
src/views/trials/trials-workbench/components/inspectionManagement/index.vue
View File

@ -1,133 +1,141 @@
<template> <template>
<div class="inspectionManagement">
<el-row> <BaseContainer class="inspectionManagement">
<el-col :span="12"> <template slot="title-container">
<h3>{{ $t('trials:tab:inspectionManagement') }}</h3> <el-row>
</el-col> <el-col :span="12">
<el-col :span="12" style="text-align:right;"> <h3>{{ $t('trials:tab:inspectionManagement') }}</h3>
<h3> </el-col>
<Pagination class="page" :total="total" :page.sync="searchData.pageIndex" <el-col :span="12" style="text-align:right;">
:limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next" :background="false" <h3>
style="display: inline-block;" @pagination="getList" /> <Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
<el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')" :limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next"
@click="handleReset" /> :background="false" style="display: inline-block;" @pagination="getList" />
</h3> <el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
</el-col> @click="handleReset" />
</el-row> </h3>
<el-form :inline="true"> </el-col>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')"> </el-row>
<el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input> </template>
</el-form-item> <template slot="search-container">
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')"> <el-form :inline="true">
<el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')">
</el-form-item> <el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')"> </el-form-item>
<el-select v-model="searchData.AuditType" placeholder="" clearable> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')">
<el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value"> <el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input>
</el-option> </el-form-item>
</el-select> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')">
</el-form-item> <el-select v-model="searchData.AuditType" placeholder="" clearable>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')"> <el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
<el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input> </el-option>
</el-form-item> </el-select>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')"> </el-form-item>
<el-date-picker v-model="auditTime" type="daterange" range-separator="-" <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
:start-placeholder="$t('imageInspect:daterange:startPlaceholder')" <el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input>
:end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd" </el-form-item>
format="yyyy-MM-dd" clearable> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')">
</el-date-picker> <el-date-picker v-model="auditTime" type="daterange" range-separator="-"
</el-form-item> :start-placeholder="$t('imageInspect:daterange:startPlaceholder')"
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')"> :end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd"
<el-date-picker v-model="viewTime" type="datetimerange" range-separator="-" format="yyyy-MM-dd" clearable>
:start-placeholder="$t('curriculumVitae:daterange:startTime')" </el-date-picker>
:default-time="['00:00:00', '23:59:59']" :end-placeholder="$t('curriculumVitae:daterange:endTime')" </el-form-item>
value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" clearable> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
</el-date-picker> <el-date-picker v-model="viewTime" type="datetimerange" range-separator="-"
</el-form-item> :start-placeholder="$t('curriculumVitae:daterange:startTime')"
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')"> :default-time="['00:00:00', '23:59:59']"
<el-date-picker v-model="createTime" type="daterange" range-separator="-" :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
:start-placeholder="$t('curriculumVitae:daterange:startTime')" format="yyyy-MM-dd HH:mm:ss" clearable>
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd" </el-date-picker>
format="yyyy-MM-dd" clearable> </el-form-item>
</el-date-picker> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')">
</el-form-item> <el-date-picker v-model="createTime" type="daterange" range-separator="-"
<el-form-item> :start-placeholder="$t('curriculumVitae:daterange:startTime')"
<el-button type="primary" icon="el-icon-search" @click="handleSearch"> :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd"
{{ $t('common:button:search') }} format="yyyy-MM-dd" clearable>
</el-button> </el-date-picker>
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset"> </el-form-item>
{{ $t('common:button:reset') }} <el-form-item>
</el-button> <el-button type="primary" icon="el-icon-search" @click="handleSearch">
<el-button type="primary" @click="openForm('add', {})"> {{ $t('common:button:search') }}
{{ $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(", ")}}
</el-button> </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) ? {{Array.isArray(scope.row.IdentityUserList) ?
scope.row.IdentityUserList.map(item => item.FullName).join(", ") : scope.row.IdentityUserList.map(item => item.FullName).join(", ") :
''}} ''}}
</span> --> </span> -->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="AuditTime" show-overflow-tooltip <el-table-column prop="AuditTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom"> :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="BeginTime" show-overflow-tooltip <el-table-column prop="BeginTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')"> :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span> <span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="AuditState" show-overflow-tooltip <el-table-column prop="AuditState" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom"> :label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ $fd('AuditState', scope.row.AuditState) }}</span> <span>{{ $fd('AuditState', scope.row.AuditState) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="CreateTime" show-overflow-tooltip <el-table-column prop="CreateTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom"> :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right"> <el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button circle icon="el-icon-view" <el-button circle icon="el-icon-view"
:title="$t('trials:trials-workbench:inspectionManagement:button:viewDocument')" :title="$t('trials:trials-workbench:inspectionManagement:button:viewDocument')"
@click="openDoc(false, scope.row)" /> @click="openDoc(false, scope.row)" />
<el-button circle icon="el-icon-edit-outline" <el-button circle icon="el-icon-edit-outline"
:title="$t('trials:trials-workbench:inspectionManagement:button:editDocument')" :title="$t('trials:trials-workbench:inspectionManagement:button:editDocument')"
@click="openDoc(true, scope.row)" /> @click="openDoc(true, scope.row)" />
<el-button circle icon="el-icon-user" <el-button circle icon="el-icon-user"
:title="$t('trials:trials-workbench:inspectionManagement:button:user')" :title="$t('trials:trials-workbench:inspectionManagement:button:user')"
@click="openUserList(false, scope.row)" /> @click="openUserList(false, scope.row)" />
<el-button circle icon="el-icon-edit" :title="$t('common:button:edit')" <el-button circle icon="el-icon-edit" :title="$t('common:button:edit')"
@click="openForm('edit', scope.row)" /> @click="openForm('edit', scope.row)" />
<el-button circle icon="el-icon-delete" :title="$t('common:button:delete')" <el-button circle icon="el-icon-delete" :title="$t('common:button:delete')"
:disabled="scope.row.AuditState > 0" @click="del(scope.row)" /> :disabled="scope.row.AuditState > 0" @click="del(scope.row)" />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</template>
<dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" /> <dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
<document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" /> <document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
<base-model :config="config"> <base-model :config="config">
@ -136,7 +144,7 @@
@getList="getList" /> @getList="getList" />
</template> </template>
</base-model> </base-model>
</div> </BaseContainer>
</template> </template>
<script> <script>
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
@ -145,6 +153,7 @@ import dataForm from "./dataForm.vue"
import document from "./document.vue" import document from "./document.vue"
import userList from './userList' import userList from './userList'
import baseModel from '@/components/BaseModel' import baseModel from '@/components/BaseModel'
import BaseContainer from '@/components/BaseContainer'
const searchDataDefault = () => { const searchDataDefault = () => {
return { return {
CompanyName: '', CompanyName: '',
@ -165,7 +174,7 @@ const searchDataDefault = () => {
} }
export default { export default {
name: "inspectionManagement", name: "inspectionManagement",
components: { Pagination, dataForm, document, userList, baseModel }, components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
data() { data() {
return { return {
searchData: searchDataDefault(), searchData: searchDataDefault(),