稽查管理页面样式调整
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
10408bde30
commit
83182a4d0f
|
|
@ -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(),
|
||||
|
|
|
|||
Loading…
Reference in New Issue