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

稽查搜索框内容接口获取
continuous-integration/drone/push Build is passing Details

main
wangxiaoshuang 2025-06-04 13:34:42 +08:00
parent d667bb4e79
commit b5b67cc5e3
2 changed files with 382 additions and 551 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/api/dictionary/checkConfig.js
View File

@ -45,10 +45,19 @@ export function changeFrontAuditSort(param) {
}) })
} }
export function getModuleTypeDescriptionList(param) { export function getModuleTypeDescriptionList(params) {
return request({ return request({
url: `${param === '' ? '/FrontAuditConfig/getModuleTypeDescriptionList' : '/FrontAuditConfig/getModuleTypeDescriptionList?moduleTypeId=' + param}`, url: `/FrontAuditConfig/getModuleTypeDescriptionList`,
method: 'get' method: 'get',
params
})
}
export function getModuleTypeList(data) {
return request({
url: `/FrontAuditConfig/getModuleTypeList`,
method: 'post',
data
}) })
} }

650
src/views/trials/trials-panel/trial-summary/audit-record/index.vue
View File

@ -11,12 +11,8 @@
<!-- 中心 --> <!-- 中心 -->
<el-form-item :label="$t('trials:auditRecord:table:siteNo')"> <el-form-item :label="$t('trials:auditRecord:table:siteNo')">
<el-select v-model="searchData.TrialSiteId" clearable filterable> <el-select v-model="searchData.TrialSiteId" clearable filterable>
<el-option <el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
v-for="(item,index) of siteOptions" :value="item.TrialSiteId" />
:key="index"
:label="item.TrialSiteCode"
:value="item.TrialSiteId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 受试者 --> <!-- 受试者 -->
@ -25,22 +21,10 @@
</el-form-item> </el-form-item>
<!-- 访视 --> <!-- 访视 -->
<el-form-item :label="$t('trials:auditRecord:table:visit')"> <el-form-item :label="$t('trials:auditRecord:table:visit')">
<el-select <el-select v-model="searchData.VisitPlanInfo" clearable filterable>
v-model="searchData.VisitPlanInfo" <el-option v-for="(item, index) of visitPlanOptions" :key="index" :label="item.VisitName"
clearable :value="item.VisitNum" />
filterable <el-option key="Other" label="Out of Plan" value="1.11" />
>
<el-option
v-for="(item, index) of visitPlanOptions"
:key="index"
:label="item.VisitName"
:value="item.VisitNum"
/>
<el-option
key="Other"
label="Out of Plan"
value="1.11"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 任务名称 --> <!-- 任务名称 -->
@ -50,20 +34,18 @@
<!-- 阅片标准 --> <!-- 阅片标准 -->
<el-form-item :label="$t('trials:auditRecord:table:criterion')"> <el-form-item :label="$t('trials:auditRecord:table:criterion')">
<el-select v-model="searchData.TrialReadingCriterionId" clearable filterable> <el-select v-model="searchData.TrialReadingCriterionId" clearable filterable>
<el-option <el-option v-for="(item, index) of trialCriterionList" :key="index"
v-for="(item,index) of trialCriterionList" :label="item.TrialReadingCriterionName" :value="item.TrialReadingCriterionId" />
:key="index"
:label="item.TrialReadingCriterionName"
:value="item.TrialReadingCriterionId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
<div> <div>
<!-- 功能模块 --> <!-- 功能模块 -->
<el-form-item :label="$t('trials:auditRecord:table:funcModule')"> <el-form-item :label="$t('trials:auditRecord:table:funcModule')">
<el-select v-model="searchData.ModuleType" style="width:120px" filterable clearable @change="getModuleTypeDescriptionList"> <el-select v-model="searchData.ModuleType" style="width:120px" filterable clearable
<el-option v-for="item of $d.ModuleType" :value="item.id" :label="item.label" :key="`ModuleType${item.value}`"/> @change="getModuleTypeDescriptionList">
<el-option v-for="item of moduleTypeList" :value="item.DictionaryId" :label="item.DictionaryValue"
:key="`ModuleType${item.DictionaryValue}`" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 操作名 --> <!-- 操作名 -->
@ -75,7 +57,8 @@
<!-- 是否签名 --> <!-- 是否签名 -->
<el-form-item :label="$t('trials:auditRecord:table:isSign')"> <el-form-item :label="$t('trials:auditRecord:table:isSign')">
<el-select v-model="searchData.IsSign" style="width:120px" clearable> <el-select v-model="searchData.IsSign" style="width:120px" clearable>
<el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :label="item.label" :value="item.value" :key="`IsSign${item.value}`"/> <el-option v-for="item of $d.YesOrNo" v-show="item.raw.ValueCN !== '无'" :label="item.label"
:value="item.value" :key="`IsSign${item.value}`" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 操作人 --> <!-- 操作人 -->
@ -85,19 +68,16 @@
<!-- 角色 --> <!-- 角色 -->
<el-form-item :label="$t('trials:auditRecord:table:role')"> <el-form-item :label="$t('trials:auditRecord:table:role')">
<el-select v-model="searchData.RoleName" style="width:120px" clearable> <el-select v-model="searchData.RoleName" style="width:120px" clearable>
<el-option v-for="item of $d.UserType" :label="item.label" :value="item.label" :key="`RoleName${item.value}`"/> <el-option v-for="item of $d.UserType" :label="item.label" :value="item.label"
:key="`RoleName${item.value}`" />
</el-select> </el-select>
<!-- <el-input v-model="searchData.RoleName" clearable/>--> <!-- <el-input v-model="searchData.RoleName" clearable/>-->
<!-- RoleName--> <!-- RoleName-->
</el-form-item> </el-form-item>
<!-- 操作时间 --> <!-- 操作时间 -->
<el-form-item :label="$t('trials:auditRecord:table:operateTime')"> <el-form-item :label="$t('trials:auditRecord:table:operateTime')">
<el-date-picker <el-date-picker v-model="timeList" @change="changeTimeList" value-format="yyyy-MM-dd HH:mm:ss"
v-model="timeList" :default-time="['00:00:00', '23:59:59']" type="datetimerange">
@change="changeTimeList"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00', '23:59:59']"
type="datetimerange">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<!--<el-form-item label="阅片人: ">--> <!--<el-form-item label="阅片人: ">-->
@ -108,69 +88,34 @@
<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-search" @click="handleSearch"> {{ $t('common:button:search')
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset"> {{ $t('common:button:reset') }}</el-button> }}</el-button>
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset"> {{ $t('common:button:reset')
}}</el-button>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</template> </template>
<template slot="main-container"> <template slot="main-container">
<el-table <el-table v-adaptive="{ bottomOffset: 60 }" v-loading="loading" :data="list" @sort-change="handleSortChange"
v-adaptive="{bottomOffset:60}" stripe height="100" :default-sort="{ prop: 'CreateTime', order: 'descending' }">
v-loading="loading"
:data="list"
@sort-change="handleSortChange"
stripe
height="100"
:default-sort ="{prop: 'CreateTime', order: 'descending'}"
>
<el-table-column type="index" width="40" fixed="left" align="left" /> <el-table-column type="index" width="40" fixed="left" align="left" />
<!-- 研究方案号 --> <!-- 研究方案号 -->
<el-table-column <el-table-column prop="ResearchProgramNo" width="120" :label="$t('trials:auditRecord:table:researchNo')"
prop="ResearchProgramNo" fixed="left" show-overflow-tooltip sortable="custom" />
width="120"
:label="$t('trials:auditRecord:table:researchNo')"
fixed="left"
show-overflow-tooltip
sortable="custom"
/>
<!-- 中心编号 --> <!-- 中心编号 -->
<el-table-column <el-table-column prop="SiteCode" min-width="100" :label="$t('trials:auditRecord:table:siteNo')" fixed="left"
prop="SiteCode" show-overflow-tooltip sortable="custom" />
min-width="100"
:label="$t('trials:auditRecord:table:siteNo')"
fixed="left"
show-overflow-tooltip
sortable="custom"
/>
<!-- 受试者 --> <!-- 受试者 -->
<el-table-column <el-table-column prop="SubjectCode" min-width="100" :label="$t('trials:auditRecord:table:subject')" fixed="left"
prop="SubjectCode" show-overflow-tooltip sortable="custom" />
min-width="100"
:label="$t('trials:auditRecord:table:subject')"
fixed="left"
show-overflow-tooltip
sortable="custom"
/>
<!-- 访视 --> <!-- 访视 -->
<el-table-column <el-table-column prop="VisitName" min-width="120" :label="$t('trials:auditRecord:table:visit')" fixed="left"
prop="VisitName" show-overflow-tooltip sortable="custom" />
min-width="120"
:label="$t('trials:auditRecord:table:visit')"
fixed="left"
show-overflow-tooltip
sortable="custom"
/>
<!-- 任务名称 --> <!-- 任务名称 -->
<el-table-column <el-table-column prop="TaskName" min-width="130" :label="$t('trials:auditRecord:table:taskName')" fixed="left"
prop="TaskName" show-overflow-tooltip sortable="custom">
min-width="130"
:label="$t('trials:auditRecord:table:taskName')"
fixed="left"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.BlindName && scope.row.TaskName !== scope.row.BlindName"> <span v-if="scope.row.BlindName && scope.row.TaskName !== scope.row.BlindName">
{{ `${scope.row.TaskName}/${scope.row.BlindName}` }} {{ `${scope.row.TaskName}/${scope.row.BlindName}` }}
@ -188,53 +133,28 @@
sortable="custom" sortable="custom"
/> --> /> -->
<!-- 阅片标准 --> <!-- 阅片标准 -->
<el-table-column <el-table-column prop="TrialReadingCriterionName" min-width="100"
prop="TrialReadingCriterionName" :label="$t('trials:auditRecord:table:criterion')" show-overflow-tooltip />
min-width="100"
:label="$t('trials:auditRecord:table:criterion')"
show-overflow-tooltip
/>
<!-- 功能模块 --> <!-- 功能模块 -->
<el-table-column <el-table-column prop="ModuleTypeName" width="160" :label="$t('trials:auditRecord:table:funcModule')"
prop="ModuleTypeName" show-overflow-tooltip sortable="custom">
width="160"
:label="$t('trials:auditRecord:table:funcModule')"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd('ModuleType', scope.row.ModuleTypeId, 'id') }} {{ $fd('ModuleType', scope.row.ModuleTypeId, 'id') }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 操作名 --> <!-- 操作名 -->
<el-table-column <el-table-column prop="Description" width="160" :label="$t('trials:auditRecord:table:operationName')"
prop="Description" show-overflow-tooltip sortable="custom">
width="160"
:label="$t('trials:auditRecord:table:operationName')"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ $i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description }} {{ $i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 修改原因 --> <!-- 修改原因 -->
<el-table-column <el-table-column prop="Reason" min-width="100" :label="$t('trials:auditRecord:table:modifyReason')"
prop="Reason" show-overflow-tooltip sortable="custom" />
min-width="100"
:label="$t('trials:auditRecord:table:modifyReason')"
show-overflow-tooltip
sortable="custom"
/>
<!-- 是否电签 --> <!-- 是否电签 -->
<el-table-column <el-table-column prop="IsSign" min-width="120" align="center" :label="$t('trials:auditRecord:table:isSign')"
prop="IsSign" show-overflow-tooltip sortable="custom">
min-width="120"
align="center"
:label="$t('trials:auditRecord:table:isSign')"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
<el-tooltip v-if="scope.row.IsSign" class="item" effect="dark" placement="top"> <el-tooltip v-if="scope.row.IsSign" class="item" effect="dark" placement="top">
@ -248,13 +168,8 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- 操作人 --> <!-- 操作人 -->
<el-table-column <el-table-column prop="CreateUserRealName" min-width="120" :label="$t('trials:auditRecord:table:operator')"
prop="CreateUserRealName" show-overflow-tooltip sortable="custom">
min-width="120"
:label="$t('trials:auditRecord:table:operator')"
show-overflow-tooltip
sortable="custom"
>
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
<div> <div>
{{ scope.row.UserLastName }}/{{ scope.row.UserFirstName }} {{ scope.row.UserLastName }}/{{ scope.row.UserFirstName }}
@ -262,43 +177,17 @@
</template> --> </template> -->
</el-table-column> </el-table-column>
<!-- 用户名 --> <!-- 用户名 -->
<el-table-column <el-table-column prop="CreateUserName" min-width="120" :label="$t('trials:auditRecord:table:userName')"
prop="CreateUserName" show-overflow-tooltip sortable="custom" />
min-width="120"
:label="$t('trials:auditRecord:table:userName')"
show-overflow-tooltip
sortable="custom"
/>
<!-- 角色 --> <!-- 角色 -->
<el-table-column <el-table-column prop="RoleName" min-width="100" :label="$t('trials:auditRecord:table:role')"
prop="RoleName" show-overflow-tooltip sortable="custom" />
min-width="100"
:label="$t('trials:auditRecord:table:role')"
show-overflow-tooltip
sortable="custom"
/>
<!-- 操作时间 --> <!-- 操作时间 -->
<el-table-column <el-table-column prop="CreateTime" min-width="160" :label="$t('trials:auditRecord:table:operateTime')"
prop="CreateTime" show-overflow-tooltip sortable="custom" />
min-width="160" <el-table-column prop="IP" min-width="100" label="IP" show-overflow-tooltip sortable="custom" />
:label="$t('trials:auditRecord:table:operateTime')" <el-table-column prop="" min-width="150" fixed="right" :label="$t('common:action:action')"
show-overflow-tooltip show-overflow-tooltip>
sortable="custom"
/>
<el-table-column
prop="IP"
min-width="100"
label="IP"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column
prop=""
min-width="150"
fixed="right"
:label="$t('common:action:action')"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 详情 --> <!-- 详情 -->
<el-button type="text" @click="lookDetails(scope.row)"> <el-button type="text" @click="lookDetails(scope.row)">
@ -308,52 +197,51 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" /> <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
@pagination="getList" />
<base-model :config="model_cfg"> <base-model :config="model_cfg">
<template slot="dialog-body"> <template slot="dialog-body">
<div style="display: flex;align-items: center;justify-content: flex-start;"> <div style="display: flex;align-items: center;justify-content: flex-start;">
<!-- 同一对象历史操作 --> <!-- 同一对象历史操作 -->
<el-button size="small" style="position: relative;top: -15px;" type="primary" @click="lookAssociated(1)">{{$t('trials:auditRecord:title:historicalOperations')}}</el-button> <el-button size="small" style="position: relative;top: -15px;" type="primary" @click="lookAssociated(1)">{{
$t('trials:auditRecord:title:historicalOperations') }}</el-button>
<!-- 同一对象关联操作 --> <!-- 同一对象关联操作 -->
<el-button size="small" style="position: relative;top: -15px;" type="primary" @click="lookAssociated(0)">{{$t('trials:auditRecord:title:relationOperations')}}</el-button> <el-button size="small" style="position: relative;top: -15px;" type="primary" @click="lookAssociated(0)">{{
$t('trials:auditRecord:title:relationOperations') }}</el-button>
</div> </div>
<el-table <el-table v-if="auditData.length > 0" :data="auditData" border style="width: 100%" size="small"
v-if="auditData.length > 0" max-height="400">
:data="auditData"
border
style="width: 100%"
size="small"
max-height="400"
>
<!-- 字段名 --> <!-- 字段名 -->
<el-table-column <el-table-column prop="Enum" :label="$t('trials:auditRecord:title:fieldName')" show-overflow-tooltip />
prop="Enum"
:label="$t('trials:auditRecord:title:fieldName')"
show-overflow-tooltip
/>
<!-- OptType === 'Add' ? '值' : OptType === 'Delete' ? '删除前' : '修改前' --> <!-- OptType === 'Add' ? '值' : OptType === 'Delete' ? '删除前' : '修改前' -->
<el-table-column <el-table-column v-if="OptType !== 'Add' && OptType !== 'Upload' && OptType !== 'Init'" prop="oldValue"
v-if="OptType !== 'Add' && OptType !== 'Upload' && OptType !== 'Init'"
prop="oldValue"
:label="OptType === 'Add' ? $t('trials:auditRecord:title:fieldValue') : OptType === 'Delete' ? $t('trials:auditRecord:title:beforeDeletion') : $t('trials:auditRecord:title:beforeModification')" :label="OptType === 'Add' ? $t('trials:auditRecord:title:fieldValue') : OptType === 'Delete' ? $t('trials:auditRecord:title:beforeDeletion') : $t('trials:auditRecord:title:beforeModification')"
show-overflow-tooltip show-overflow-tooltip>
>
<template slot-scope="scope"> <template slot-scope="scope">
<span> <span>
<!-- 查看详情 --> <!-- 查看详情 -->
<a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;"> <a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'"
target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;">
{{ $t('common:button:download') }} {{ $t('common:button:download') }}
</a> </a>
<a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="scope.row.oldValue" style="color:#409eff;"> <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'"
target="_blank" :href="scope.row.oldValue" style="color:#409eff;">
{{ $t('trials:auditRecord:title:viewDetail') }} {{ $t('trials:auditRecord:title:viewDetail') }}
</a> </a>
<viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue && scope.row.oldValue !== '--'" :ref="`${scope.row.oldValue instanceof Array ? scope.row.oldValue[0] : scope.row.oldValue}_modelCfg`" :images="imagesList"> <viewer
v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue && scope.row.oldValue !== '--'"
:ref="`${scope.row.oldValue instanceof Array ? scope.row.oldValue[0] : scope.row.oldValue}_modelCfg`"
:images="imagesList">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.oldValue, 'modelCfg')">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.oldValue instanceof Array ? `(${scope.row.oldValue.length})` : ''}}</span> <span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.oldValue, 'modelCfg')">{{
$t('trials:auditRecord:title:viewImage') }}{{ scope.row.oldValue
instanceof Array ? `(${scope.row.oldValue.length})` : '' }}</span>
<template v-for="item of scope.row.oldValue"> <template v-for="item of scope.row.oldValue">
<img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item"
v-show="false" crossorigin="anonymous" alt="">
</template> </template>
<img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.oldValue" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.oldValue"
v-show="false" crossorigin="anonymous" alt="">
</viewer> </viewer>
<div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.oldValue"></div> <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.oldValue"></div>
<span v-else> <span v-else>
@ -364,27 +252,34 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- OptType === 'Add' || OptType === 'Init' ? '值' : OptType === 'Delete' ? '删除后' : '修改后' --> <!-- OptType === 'Add' || OptType === 'Init' ? '值' : OptType === 'Delete' ? '删除后' : '修改后' -->
<el-table-column <el-table-column prop="newValue"
prop="newValue"
:label="OptType === 'Add' || OptType === 'Init' ? $t('trials:auditRecord:title:fieldValue') : OptType === 'Delete' ? $t('trials:auditRecord:title:afterDeletion') : $t('trials:auditRecord:title:afterModification')" :label="OptType === 'Add' || OptType === 'Init' ? $t('trials:auditRecord:title:fieldValue') : OptType === 'Delete' ? $t('trials:auditRecord:title:afterDeletion') : $t('trials:auditRecord:title:afterModification')"
show-overflow-tooltip show-overflow-tooltip>
>
<template slot-scope="scope"> <template slot-scope="scope">
<span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }"> <span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }">
<!-- 查看详情 --> <!-- 查看详情 -->
<a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;"> <a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'"
target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;">
{{ $t('common:button:download') }} {{ $t('common:button:download') }}
</a> </a>
<a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="scope.row.newValue" style="color:#409eff;"> <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'"
target="_blank" :href="scope.row.newValue" style="color:#409eff;">
{{ $t('trials:auditRecord:title:viewDetail') }} {{ $t('trials:auditRecord:title:viewDetail') }}
</a> </a>
<viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue && scope.row.newValue !== '--'" :ref="`${scope.row.newValue instanceof Array ? scope.row.newValue[0] : scope.row.newValue}_modelcfg`" :images="imagesList"> <viewer
v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue && scope.row.newValue !== '--'"
:ref="`${scope.row.newValue instanceof Array ? scope.row.newValue[0] : scope.row.newValue}_modelcfg`"
:images="imagesList">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.newValue, 'modelcfg')">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.newValue instanceof Array ? `(${scope.row.newValue.length})` : ''}}</span> <span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.newValue, 'modelcfg')">{{
$t('trials:auditRecord:title:viewImage') }}{{ scope.row.newValue
instanceof Array ? `(${scope.row.newValue.length})` : '' }}</span>
<template v-for="item of scope.row.newValue"> <template v-for="item of scope.row.newValue">
<img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item"
v-show="false" crossorigin="anonymous" alt="">
</template> </template>
<img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.newValue" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.newValue"
v-show="false" crossorigin="anonymous" alt="">
<!-- <img :src="scope.row.newValue" v-show="false" crossorigin="anonymous" alt="">--> <!-- <img :src="scope.row.newValue" v-show="false" crossorigin="anonymous" alt="">-->
</viewer> </viewer>
<div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div> <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div>
@ -393,47 +288,39 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-table <el-table :data="tableListData" v-if="tableListData.length > 0" border style="width: 100%" size="small">
:data="tableListData" <el-table-column v-for="(item, index) of tableList" :prop="item.ColumnValue"
v-if="tableListData.length > 0" :label="item.IsMerge ? item.MergeColumnName : item.headName" align="center" show-overflow-tooltip
border :key="'tableList' + index">
style="width: 100%"
size="small"
>
<el-table-column
v-for="(item,index) of tableList"
:prop="item.ColumnValue"
:label="item.IsMerge ? item.MergeColumnName : item.headName"
align="center"
show-overflow-tooltip
:key="'tableList' + index"
>
<template v-if="!item.IsMerge" slot-scope="scope"> <template v-if="!item.IsMerge" slot-scope="scope">
<viewer v-if="item.IsPicture" :images="imagesList" :ref="`${scope.row[item.ColumnValue]}_modelcfg`"> <viewer v-if="item.IsPicture" :images="imagesList" :ref="`${scope.row[item.ColumnValue]}_modelcfg`">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row[item.ColumnValue],'modelcfg')">{{$t('trials:auditRecord:title:viewImage')}}</span> <span style="color:#409eff;cursor: pointer"
<img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false" crossorigin="anonymous" alt=""> @click="openImage(scope.row[item.ColumnValue], 'modelcfg')">{{
$t('trials:auditRecord:title:viewImage') }}</span>
<img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false"
crossorigin="anonymous" alt="">
</viewer> </viewer>
<span v-else>{{ scope.row[item.ColumnValue] }}</span> <span v-else>{{ scope.row[item.ColumnValue] }}</span>
</template> </template>
<template v-for="(ite, index) of item.ChildrenList"> <template v-for="(ite, index) of item.ChildrenList">
<el-table-column <el-table-column v-if="item.IsMerge"
v-if="item.IsMerge" :prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue" :label="ite.headName"
:prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue" align="center" show-overflow-tooltip :key="'ChildrenList' + index">
:label="ite.headName"
align="center"
show-overflow-tooltip
:key="'ChildrenList' + index"
>
<template slot-scope="scope"> <template slot-scope="scope">
<viewer v-if="item.IsPicture" :images="imagesList" :ref="`${scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}_modelcfg`"> <viewer v-if="item.IsPicture" :images="imagesList"
:ref="`${scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}_modelcfg`">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue], 'modelcfg')"> <span style="color:#409eff;cursor: pointer"
@click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue], 'modelcfg')">
{{ $t('trials:auditRecord:title:viewImage') }} {{ $t('trials:auditRecord:title:viewImage') }}
</span> </span>
<img :src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]" v-show="false" crossorigin="anonymous" alt=""> <img
:src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]"
v-show="false" crossorigin="anonymous" alt="">
</viewer> </viewer>
<span v-else>{{scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}}</span> <span v-else>{{ scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index :
ite.ColumnValue] }}</span>
</template> </template>
</el-table-column> </el-table-column>
</template> </template>
@ -455,58 +342,25 @@
</template> </template>
</base-model> </base-model>
<!-- 新增/编辑项目 --> <!-- 新增/编辑项目 -->
<el-dialog <el-dialog v-if="model_cfg2.visible" :visible.sync="model_cfg2.visible" :title="model_cfg2.title"
v-if="model_cfg2.visible" :fullscreen="true" append-to-body custom-class="base-dialog-wrapper">
:visible.sync="model_cfg2.visible" <el-table v-adaptive="{ bottomOffset: 20 }" v-loading="loading" :data="list2" stripe height="100">
:title="model_cfg2.title"
:fullscreen="true"
append-to-body
custom-class="base-dialog-wrapper"
>
<el-table
v-adaptive="{bottomOffset:20}"
v-loading="loading"
:data="list2"
stripe
height="100"
>
<el-table-column type="index" width="40" align="left" /> <el-table-column type="index" width="40" align="left" />
<!-- 研究方案号 --> <!-- 研究方案号 -->
<el-table-column <el-table-column prop="ResearchProgramNo" min-width="90" :label="$t('trials:auditRecord:table:researchNo')"
prop="ResearchProgramNo" show-overflow-tooltip />
min-width="90"
:label="$t('trials:auditRecord:table:researchNo')"
show-overflow-tooltip
/>
<!-- 中心编号 --> <!-- 中心编号 -->
<el-table-column <el-table-column prop="SiteCode" min-width="100" :label="$t('trials:auditRecord:table:siteNo')"
prop="SiteCode" show-overflow-tooltip />
min-width="100"
:label="$t('trials:auditRecord:table:siteNo')"
show-overflow-tooltip
/>
<!-- 受试者 --> <!-- 受试者 -->
<el-table-column <el-table-column prop="SubjectCode" min-width="100" :label="$t('trials:auditRecord:table:subject')"
prop="SubjectCode" show-overflow-tooltip />
min-width="100"
:label="$t('trials:auditRecord:table:subject')"
show-overflow-tooltip
/>
<!-- 访视 --> <!-- 访视 -->
<el-table-column <el-table-column prop="VisitName" min-width="100" :label="$t('trials:auditRecord:table:visit')"
prop="VisitName" show-overflow-tooltip />
min-width="100"
:label="$t('trials:auditRecord:table:visit')"
show-overflow-tooltip
/>
<!-- 任务名称 --> <!-- 任务名称 -->
<el-table-column <el-table-column prop="TaskName" min-width="100" :label="$t('trials:auditRecord:table:taskName')"
prop="TaskName" show-overflow-tooltip sortable="custom">
min-width="100"
:label="$t('trials:auditRecord:table:taskName')"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.BlindName && scope.row.TaskName !== scope.row.BlindName"> <span v-if="scope.row.BlindName && scope.row.TaskName !== scope.row.BlindName">
{{ `${scope.row.TaskName}/${scope.row.BlindName}` }} {{ `${scope.row.TaskName}/${scope.row.BlindName}` }}
@ -523,49 +377,28 @@
sortable="custom" sortable="custom"
/> --> /> -->
<!-- 阅片标准 --> <!-- 阅片标准 -->
<el-table-column <el-table-column prop="TrialReadingCriterionName" min-width="100"
prop="TrialReadingCriterionName" :label="$t('trials:auditRecord:table:criterion')" show-overflow-tooltip />
min-width="100"
:label="$t('trials:auditRecord:table:criterion')"
show-overflow-tooltip
/>
<!-- 功能模块 --> <!-- 功能模块 -->
<el-table-column <el-table-column prop="ModuleTypeName" min-width="100" :label="$t('trials:auditRecord:table:funcModule')"
prop="ModuleTypeName" show-overflow-tooltip>
min-width="100"
:label="$t('trials:auditRecord:table:funcModule')"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ $i18n.locale === 'zh' ? scope.row.ModuleTypeNameCN : scope.row.ModuleTypeName }} {{ $i18n.locale === 'zh' ? scope.row.ModuleTypeNameCN : scope.row.ModuleTypeName }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 操作名 --> <!-- 操作名 -->
<el-table-column <el-table-column prop="Description" min-width="140" :label="$t('trials:auditRecord:table:operationName')"
prop="Description" show-overflow-tooltip>
min-width="140"
:label="$t('trials:auditRecord:table:operationName')"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ $i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description }} {{ $i18n.locale === 'zh' ? scope.row.DescriptionCN : scope.row.Description }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 修改原因 --> <!-- 修改原因 -->
<el-table-column <el-table-column prop="Reason" min-width="100" :label="$t('trials:auditRecord:table:modifyReason')"
prop="Reason" show-overflow-tooltip />
min-width="100"
:label="$t('trials:auditRecord:table:modifyReason')"
show-overflow-tooltip
/>
<!-- 是否电签 --> <!-- 是否电签 -->
<el-table-column <el-table-column prop="IsSign" min-width="90" align="center" :label="$t('trials:auditRecord:table:isSign')"
prop="IsSign" show-overflow-tooltip>
min-width="90"
align="center"
:label="$t('trials:auditRecord:table:isSign')"
show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
<el-tooltip v-if="scope.row.IsSign" class="item" effect="dark" placement="top"> <el-tooltip v-if="scope.row.IsSign" class="item" effect="dark" placement="top">
@ -579,12 +412,8 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- 操作人 --> <!-- 操作人 -->
<el-table-column <el-table-column prop="CreateUserRealName" min-width="80" :label="$t('trials:auditRecord:table:operator')"
prop="CreateUserRealName" show-overflow-tooltip>
min-width="80"
:label="$t('trials:auditRecord:table:operator')"
show-overflow-tooltip
>
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
<div> <div>
{{ scope.row.UserLastName }}/{{ scope.row.UserFirstName }} {{ scope.row.UserLastName }}/{{ scope.row.UserFirstName }}
@ -592,39 +421,17 @@
</template> --> </template> -->
</el-table-column> </el-table-column>
<!-- 用户名 --> <!-- 用户名 -->
<el-table-column <el-table-column prop="CreateUserName" min-width="80" :label="$t('trials:auditRecord:table:userName')"
prop="CreateUserName" show-overflow-tooltip />
min-width="80"
:label="$t('trials:auditRecord:table:userName')"
show-overflow-tooltip
/>
<!-- 角色 --> <!-- 角色 -->
<el-table-column <el-table-column prop="RoleName" min-width="70" :label="$t('trials:auditRecord:table:role')"
prop="RoleName" show-overflow-tooltip />
min-width="70"
:label="$t('trials:auditRecord:table:role')"
show-overflow-tooltip
/>
<!-- 操作时间 --> <!-- 操作时间 -->
<el-table-column <el-table-column prop="CreateTime" min-width="140" :label="$t('trials:auditRecord:table:operateTime')"
prop="CreateTime" show-overflow-tooltip />
min-width="140" <el-table-column prop="IP" min-width="100" label="IP" show-overflow-tooltip />
:label="$t('trials:auditRecord:table:operateTime')" <el-table-column prop="" min-width="150" :label="$t('common:action:action')" show-overflow-tooltip
show-overflow-tooltip sortable="custom">
/>
<el-table-column
prop="IP"
min-width="100"
label="IP"
show-overflow-tooltip
/>
<el-table-column
prop=""
min-width="150"
:label="$t('common:action:action')"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 详情 --> <!-- 详情 -->
<el-button type="text" @click="lookDetails2(scope.row)"> <el-button type="text" @click="lookDetails2(scope.row)">
@ -636,27 +443,14 @@
</el-dialog> </el-dialog>
<base-model :config="model_cfg3"> <base-model :config="model_cfg3">
<template slot="dialog-body"> <template slot="dialog-body">
<el-table <el-table v-if="auditData2.length > 0" :data="auditData2" border style="width: 100%" size="small"
v-if="auditData2.length > 0" max-height="400">
:data="auditData2"
border
style="width: 100%"
size="small"
max-height="400"
>
<!-- 字段名 --> <!-- 字段名 -->
<el-table-column <el-table-column prop="Enum" :label="$t('trials:auditRecord:title:fieldName')" show-overflow-tooltip />
prop="Enum"
:label="$t('trials:auditRecord:title:fieldName')"
show-overflow-tooltip
/>
<!-- OptType === 'Add' ? '值' : OptType === 'Delete' ? '删除前' : '修改前' --> <!-- OptType === 'Add' ? '值' : OptType === 'Delete' ? '删除前' : '修改前' -->
<el-table-column <el-table-column v-if="OptType2 !== 'Add' && OptType2 !== 'Upload' && OptType2 !== 'Init'" prop="oldValue"
v-if="OptType2 !== 'Add' && OptType2 !== 'Upload' && OptType2 !== 'Init'"
prop="oldValue"
:label="OptType2 === 'Add' ? $t('trials:auditRecord:title:fieldValue') : OptType2 === 'Delete' ? $t('trials:auditRecord:title:beforeDeletion') : $t('trials:auditRecord:title:beforeModification')" :label="OptType2 === 'Add' ? $t('trials:auditRecord:title:fieldValue') : OptType2 === 'Delete' ? $t('trials:auditRecord:title:beforeDeletion') : $t('trials:auditRecord:title:beforeModification')"
show-overflow-tooltip show-overflow-tooltip>
>
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
<span> <span>
<a v-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.oldValue">{{scope.row.oldValue}}</a> <a v-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.oldValue">{{scope.row.oldValue}}</a>
@ -668,19 +462,28 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span> <span>
<!-- 查看详情 --> <!-- 查看详情 -->
<a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;"> <a v-if="scope.row.DataType === 'OSS' && scope.row.oldValue && scope.row.oldValue !== '--'"
target="_blank" :href="OSSclientConfig.basePath + scope.row.oldValue" style="color:#409eff;">
{{ $t('common:button:download') }} {{ $t('common:button:download') }}
</a> </a>
<a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'" target="_blank" :href="scope.row.oldValue" style="color:#409eff;"> <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.oldValue && scope.row.oldValue !== '--'"
target="_blank" :href="scope.row.oldValue" style="color:#409eff;">
{{ $t('trials:auditRecord:title:viewDetail') }} {{ $t('trials:auditRecord:title:viewDetail') }}
</a> </a>
<viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue && scope.row.oldValue !== '--'" :ref="scope.row.oldValue instanceof Array ? scope.row.oldValue[0] : scope.row.oldValue" :images="imagesList"> <viewer
v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.oldValue && scope.row.oldValue !== '--'"
:ref="scope.row.oldValue instanceof Array ? scope.row.oldValue[0] : scope.row.oldValue"
:images="imagesList">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.oldValue)">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.oldValue instanceof Array ? `(${scope.row.oldValue.length})` : ''}}</span> <span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.oldValue)">{{
$t('trials:auditRecord:title:viewImage') }}{{ scope.row.oldValue
instanceof Array ? `(${scope.row.oldValue.length})` : '' }}</span>
<template v-for="item of scope.row.oldValue"> <template v-for="item of scope.row.oldValue">
<img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item"
v-show="false" crossorigin="anonymous" alt="">
</template> </template>
<img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.oldValue" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.oldValue"
v-show="false" crossorigin="anonymous" alt="">
</viewer> </viewer>
<div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.oldValue"></div> <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.oldValue"></div>
<span v-else> <span v-else>
@ -690,11 +493,9 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- OptType === 'Add' || OptType === 'Init' ? '值' : OptType === 'Delete' ? '删除后' : '修改后' --> <!-- OptType === 'Add' || OptType === 'Init' ? '值' : OptType === 'Delete' ? '删除后' : '修改后' -->
<el-table-column <el-table-column prop="newValue"
prop="newValue"
:label="OptType2 === 'Add' || OptType2 === 'Init' ? $t('trials:auditRecord:title:fieldValue') : OptType2 === 'Delete' ? $t('trials:auditRecord:title:afterDeletion') : $t('trials:auditRecord:title:afterModification')" :label="OptType2 === 'Add' || OptType2 === 'Init' ? $t('trials:auditRecord:title:fieldValue') : OptType2 === 'Delete' ? $t('trials:auditRecord:title:afterDeletion') : $t('trials:auditRecord:title:afterModification')"
show-overflow-tooltip show-overflow-tooltip>
>
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
<span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }"> <span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }">
<a v-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.newValue">{{scope.row.newValue}}</a> <a v-if="scope.row.DataType === 'Link' || scope.row.DataType === 'Router'" target="_blank" :href="scope.row.newValue">{{scope.row.newValue}}</a>
@ -704,19 +505,28 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }"> <span :style="{ color: scope.row.newValue !== scope.row.oldValue ? '#f66' : null }">
<!-- 查看详情 --> <!-- 查看详情 -->
<a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;"> <a v-if="scope.row.DataType === 'OSS' && scope.row.newValue && scope.row.newValue !== '--'"
target="_blank" :href="OSSclientConfig.basePath + scope.row.newValue" style="color:#409eff;">
{{ $t('common:button:download') }} {{ $t('common:button:download') }}
</a> </a>
<a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'" target="_blank" :href="scope.row.newValue" style="color:#409eff;"> <a v-else-if="(scope.row.DataType === 'Link' || scope.row.DataType === 'Router') && scope.row.newValue && scope.row.newValue !== '--'"
target="_blank" :href="scope.row.newValue" style="color:#409eff;">
{{ $t('trials:auditRecord:title:viewDetail') }} {{ $t('trials:auditRecord:title:viewDetail') }}
</a> </a>
<viewer v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue && scope.row.newValue !== '--'" :ref="scope.row.newValue instanceof Array ? scope.row.newValue[0] : scope.row.newValue" :images="imagesList"> <viewer
v-else-if="(scope.row.DataType === 'Image' || scope.row.DataType === 'ImageList') && scope.row.newValue && scope.row.newValue !== '--'"
:ref="scope.row.newValue instanceof Array ? scope.row.newValue[0] : scope.row.newValue"
:images="imagesList">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.newValue)">{{$t('trials:auditRecord:title:viewImage')}}{{scope.row.newValue instanceof Array ? `(${scope.row.newValue.length})` : ''}}</span> <span style="color:#409eff;cursor: pointer" @click="openImage(scope.row.newValue)">{{
$t('trials:auditRecord:title:viewImage') }}{{ scope.row.newValue
instanceof Array ? `(${scope.row.newValue.length})` : '' }}</span>
<template v-for="item of scope.row.newValue"> <template v-for="item of scope.row.newValue">
<img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'ImageList'" :key="item" :src="OSSclientConfig.basePath + item"
v-show="false" crossorigin="anonymous" alt="">
</template> </template>
<img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.newValue" v-show="false" crossorigin="anonymous" alt=""> <img v-if="scope.row.DataType === 'Image'" :src="OSSclientConfig.basePath + scope.row.newValue"
v-show="false" crossorigin="anonymous" alt="">
<!-- <img :src="scope.row.newValue" v-show="false" crossorigin="anonymous" alt="">--> <!-- <img :src="scope.row.newValue" v-show="false" crossorigin="anonymous" alt="">-->
</viewer> </viewer>
<div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div> <div v-else-if="scope.row.DataType === 'Dialog'" v-html="scope.row.newValue"></div>
@ -725,41 +535,32 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-table <el-table v-if="tableListData.length > 0" :data="tableListData" border style="width: 100%" size="small">
v-if="tableListData.length > 0" <el-table-column v-for="(item, index) of tableList" :prop="item.ColumnValue"
:data="tableListData" :label="item.IsMerge ? item.MergeColumnName : item.headName" align="center" show-overflow-tooltip
border :key="'tableList' + index">
style="width: 100%"
size="small"
>
<el-table-column
v-for="(item,index) of tableList"
:prop="item.ColumnValue"
:label="item.IsMerge ? item.MergeColumnName : item.headName"
align="center"
show-overflow-tooltip
:key="'tableList' + index"
>
<template v-for="(ite, index) of item.ChildrenList"> <template v-for="(ite, index) of item.ChildrenList">
<el-table-column <el-table-column v-if="item.IsMerge"
v-if="item.IsMerge" :prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue" :label="ite.headName"
:prop="ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue" align="center" show-overflow-tooltip :key="'ChildrenList' + index">
:label="ite.headName"
align="center"
show-overflow-tooltip
:key="'ChildrenList' + index"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 查看图片 --> <!-- 查看图片 -->
<!-- <span v-if="ite.IsPicture" @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue])"> <!-- <span v-if="ite.IsPicture" @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue])">
{{$t('trials:auditRecord:title:viewImage')}} {{$t('trials:auditRecord:title:viewImage')}}
</span> --> </span> -->
<viewer v-if="ite.IsPicture && ite.IsPicture !== '--'" :ref="scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]" :images="imagesList"> <viewer v-if="ite.IsPicture && ite.IsPicture !== '--'"
:ref="scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]"
:images="imagesList">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue])">{{$t('trials:auditRecord:title:viewImage')}}</span> <span style="color:#409eff;cursor: pointer"
<img :src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]" v-show="false" crossorigin="anonymous" alt=""> @click="openImage(scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue])">{{
$t('trials:auditRecord:title:viewImage') }}</span>
<img
:src="OSSclientConfig.basePath + scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]"
v-show="false" crossorigin="anonymous" alt="">
</viewer> </viewer>
<span v-else>{{scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index : ite.ColumnValue]}}</span> <span v-else>{{ scope.row[ite.ListName ? ite.ListName + ite.ColumnValue + index :
ite.ColumnValue] }}</span>
</template> </template>
</el-table-column> </el-table-column>
<template v-else slot-scope="scope"> <template v-else slot-scope="scope">
@ -767,10 +568,13 @@
<!-- <span v-if="item.IsPicture" @click="openImage(scope.row[item.ColumnValue])" :key="'ChildrenList' + index"> <!-- <span v-if="item.IsPicture" @click="openImage(scope.row[item.ColumnValue])" :key="'ChildrenList' + index">
{{$t('trials:auditRecord:title:viewImage')}} {{$t('trials:auditRecord:title:viewImage')}}
</span> --> </span> -->
<viewer v-if="item.IsPicture && item.IsPicture !== '--'" :ref="scope.row[item.ColumnValue]" :images="imagesList" :key="'ChildrenList' + index"> <viewer v-if="item.IsPicture && item.IsPicture !== '--'" :ref="scope.row[item.ColumnValue]"
:images="imagesList" :key="'ChildrenList' + index">
<!-- 查看图片 --> <!-- 查看图片 -->
<span style="color:#409eff;cursor: pointer" @click="openImage(scope.row[item.ColumnValue])">{{$t('trials:auditRecord:title:viewImage')}}</span> <span style="color:#409eff;cursor: pointer" @click="openImage(scope.row[item.ColumnValue])">{{
<img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false" crossorigin="anonymous" alt=""> $t('trials:auditRecord:title:viewImage') }}</span>
<img :src="OSSclientConfig.basePath + scope.row[item.ColumnValue]" v-show="false"
crossorigin="anonymous" alt="">
</viewer> </viewer>
<span v-else :key="'ChildrenList' + index">{{ scope.row[item.ColumnValue] }}</span> <span v-else :key="'ChildrenList' + index">{{ scope.row[item.ColumnValue] }}</span>
</template> </template>
@ -816,7 +620,7 @@ import {
getTrialCriterionList getTrialCriterionList
} from '@/api/trials' } from '@/api/trials'
import { getInspectionList, getInspectionJsonDataList } from '@/api/trials/inspection' import { getInspectionList, getInspectionJsonDataList } from '@/api/trials/inspection'
import { getFrontAuditConfigList, getAuditConfigChildList, getModuleTypeDescriptionList, setInspectionEnumValue } from '@/api/dictionary/checkConfig' import { getFrontAuditConfigList, getAuditConfigChildList, getModuleTypeDescriptionList, setInspectionEnumValue, getModuleTypeList } from '@/api/dictionary/checkConfig'
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import BaseContainer from '@/components/BaseContainer' import BaseContainer from '@/components/BaseContainer'
import BaseModel from '@/components/BaseModel' import BaseModel from '@/components/BaseModel'
@ -886,7 +690,8 @@ export default {
trialCriterionList: [], trialCriterionList: [],
openImageUrl: null, openImageUrl: null,
$viewer: null, $viewer: null,
imagesList: [] imagesList: [],
moduleTypeList: []
} }
}, },
mounted() { mounted() {
@ -895,6 +700,7 @@ export default {
this.getVisitPlanOptions() this.getVisitPlanOptions()
this.getTrialCriterionList() this.getTrialCriterionList()
this.getList() this.getList()
this.getModuleTypeList()
}, },
methods: { methods: {
openImage(url, type) { openImage(url, type) {
@ -941,9 +747,26 @@ export default {
} }
}, },
async getModuleTypeList() {
try {
let data = {
trialId: this.$route.query.trialId
}
let res = await getModuleTypeList(data)
if (res.IsSuccess) {
this.moduleTypeList = res.Result
}
} catch (err) {
console.log(err)
}
},
getModuleTypeDescriptionList(v) { getModuleTypeDescriptionList(v) {
this.searchData.Description = null this.searchData.Description = null
getModuleTypeDescriptionList( v ).then(res => { let params = {
moduleTypeId: v,
trialId: this.$route.query.trialId
}
getModuleTypeDescriptionList(params).then(res => {
this.DescriptionOptions = res.Result this.DescriptionOptions = res.Result
}) })
}, },
@ -1330,4 +1153,3 @@ export default {
} }
} }
</script> </script>