Compare commits

..

2 Commits

Author SHA1 Message Date
熊飞 6ca9ed8a9b Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web
continuous-integration/drone/push Build is passing Details
2024-01-26 11:04:08 +08:00
熊飞 c3f0abaca7 1 2024-01-26 11:04:01 +08:00
3 changed files with 208 additions and 185 deletions

View File

@ -13,9 +13,14 @@
<el-input v-model="form.SiteCode" disabled /> <el-input v-model="form.SiteCode" disabled />
</el-form-item> </el-form-item>
<el-form-item label="Site Name: " prop="SiteName"> <!-- 中心名称 -->
<el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
<el-input v-model="form.SiteName" /> <el-input v-model="form.SiteName" />
</el-form-item> </el-form-item>
<!-- 中心名称CN -->
<el-form-item :label="$t('trials:customSite:form:siteName') + 'CN'" v-if="!show" prop="SiteNameCN">
<el-input v-model="form.SiteNameCN" />
</el-form-item>
<el-form-item label="Alias Name: "> <el-form-item label="Alias Name: ">
<el-input v-model="form.AliasName" /> <el-input v-model="form.AliasName" />
@ -113,6 +118,10 @@ export default {
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' }
], ],
SiteNameCN: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
],
SiteCode: [ SiteCode: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' }
@ -144,11 +153,13 @@ export default {
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' }
] ]
}, },
loading: false loading: false,
show: false
} }
}, },
mounted() { mounted() {
this.initForm() this.initForm()
this.show = process.env.VUE_APP_OSS_PATH === '/usa/dist'
}, },
methods: { methods: {
handleSave() { handleSave() {

View File

@ -1,183 +1,194 @@
<template> <template>
<el-form <el-form
ref="customSiteForm" ref="customSiteForm"
v-loading="loading" v-loading="loading"
:model="form" :model="form"
:rules="rules" :rules="rules"
class="demo-ruleForm" class="demo-ruleForm"
size="small" size="small"
label-width="150px" label-width="150px"
> >
<div class="base-dialog-body"> <div class="base-dialog-body">
<!-- 中心编号 --> <!-- 中心编号 -->
<el-form-item :label="$t('trials:customSite:form:siteId')" prop="SiteCode"> <el-form-item :label="$t('trials:customSite:form:siteId')" prop="SiteCode">
<el-input v-model="form.SiteCode" /> <el-input v-model="form.SiteCode" />
</el-form-item> </el-form-item>
<!-- 中心名称 --> <!-- 中心名称 -->
<el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName"> <el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
<el-input v-model="form.SiteName" /> <el-input v-model="form.SiteName" />
</el-form-item> </el-form-item>
<!-- 组织机构代码 --> <!-- 中心名称CN -->
<el-form-item :label="$t('trials:customSite:form:orgCode')"> <el-form-item :label="$t('trials:customSite:form:siteName') + 'CN'" v-if="!show" prop="SiteNameCN">
<el-input v-model="form.UniqueCode" /> <el-input v-model="form.SiteNameCN" />
</el-form-item> </el-form-item>
<!-- 国家 --> <!-- 组织机构代码 -->
<el-form-item :label="$t('trials:customSite:form:country')" prop="Country"> <el-form-item :label="$t('trials:customSite:form:orgCode')">
<el-input v-model="form.Country" /> <el-input v-model="form.UniqueCode" />
</el-form-item> </el-form-item>
<!-- 城市 --> <!-- 国家 -->
<el-form-item :label="$t('trials:customSite:form:city')" prop="City"> <el-form-item :label="$t('trials:customSite:form:country')" prop="Country">
<el-input v-model="form.City" /> <el-input v-model="form.Country" />
</el-form-item> </el-form-item>
<!-- 地址 --> <!-- 城市 -->
<el-form-item :label="$t('trials:customSite:form:address')" prop="Address"> <el-form-item :label="$t('trials:customSite:form:city')" prop="City">
<el-input v-model="form.Address" /> <el-input v-model="form.City" />
</el-form-item> </el-form-item>
<!-- 附属医院 --> <!-- 地址 -->
<el-form-item :label="$t('trials:customSite:form:hospital')"> <el-form-item :label="$t('trials:customSite:form:address')" prop="Address">
<el-select <el-input v-model="form.Address" />
v-model="form.HospitalId" </el-form-item>
clearable <!-- 附属医院 -->
style="width:100%;" <el-form-item :label="$t('trials:customSite:form:hospital')">
> <el-select
<el-option v-model="form.HospitalId"
v-for="item in hospitalList" clearable
:key="item.Id" style="width:100%;"
:label="item.HospitalName" >
:value="item.Id" <el-option
/> v-for="item in hospitalList"
</el-select> :key="item.Id"
</el-form-item> :label="item.HospitalName"
<!-- 负责人 --> :value="item.Id"
<el-form-item :label="$t('trials:customSite:form:director')" prop="DirectorName"> />
<el-input v-model="form.DirectorName" /> </el-select>
</el-form-item> </el-form-item>
<!-- 负责人电话 --> <!-- 负责人 -->
<el-form-item :label="$t('trials:customSite:form:directorPhone')" prop="DirectorPhone"> <el-form-item :label="$t('trials:customSite:form:director')" prop="DirectorName">
<el-input v-model="form.DirectorPhone" /> <el-input v-model="form.DirectorName" />
</el-form-item> </el-form-item>
<!-- 联系人 --> <!-- 负责人电话 -->
<el-form-item :label="$t('trials:customSite:form:contactor')" prop="ContactName"> <el-form-item :label="$t('trials:customSite:form:directorPhone')" prop="DirectorPhone">
<el-input v-model="form.ContactName" /> <el-input v-model="form.DirectorPhone" />
</el-form-item> </el-form-item>
<!-- 联系人电话 --> <!-- 联系人 -->
<el-form-item :label="$t('trials:customSite:form:contactorPhone')" prop="ContactPhone"> <el-form-item :label="$t('trials:customSite:form:contactor')" prop="ContactName">
<el-input v-model="form.ContactPhone" /> <el-input v-model="form.ContactName" />
</el-form-item> </el-form-item>
</div> <!-- 联系人电话 -->
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;"> <el-form-item :label="$t('trials:customSite:form:contactorPhone')" prop="ContactPhone">
<el-form-item> <el-input v-model="form.ContactPhone" />
<!-- 取消 --> </el-form-item>
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel"> </div>
{{ $t('common:button:cancel') }} <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
</el-button> <el-form-item>
<!-- 保存 --> <!-- 取消 -->
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave"> <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
{{ $t('common:button:save') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
</el-form-item> <!-- 保存 -->
</div> <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
</el-form> {{ $t('common:button:save') }}
</template> </el-button>
<script> </el-form-item>
import { addOrUpdateSite } from '@/api/dictionary' </div>
import store from '@/store' </el-form>
export default { </template>
name: 'CustomSiteForm', <script>
props: { import { addOrUpdateSite } from '@/api/dictionary'
data: { import store from '@/store'
type: Object, export default {
default() { name: 'CustomSiteForm',
return {} props: {
} data: {
} type: Object,
}, default() {
data() { return {}
return { }
btnLoading: false, }
hospitalList: [], },
form: { data() {
Id: '', return {
SiteCode: '', btnLoading: false,
SiteName: '', hospitalList: [],
Country: '', form: {
City: '', Id: '',
HospitalId: '', SiteCode: '',
DirectorName: '', SiteName: '',
DirectorPhone: '', SiteNameCN: '',
ContactName: '', Country: '',
ContactPhone: '', City: '',
UniqueCode: '', HospitalId: '',
Address: '' DirectorName: '',
}, DirectorPhone: '',
rules: { ContactName: '',
SiteName: [ ContactPhone: '',
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, UniqueCode: '',
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } Address: ''
], },
SiteCode: [ rules: {
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, SiteName: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
], { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
Country: [ ],
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, SiteNameCN: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
], { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
City: [ ],
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, SiteCode: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
], { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
// HospitalId: [ ],
// { required: true, message: 'Please specify', trigger: 'blur' } Country: [
// ], { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
Address: [ { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } ],
], City: [
DirectorName: [ { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
], ],
DirectorPhone: [ // HospitalId: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } // { required: true, message: 'Please specify', trigger: 'blur' }
], // ],
ContactName: [ Address: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
], ],
ContactPhone: [ DirectorName: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` } { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
] ],
}, DirectorPhone: [
loading: false { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
} ],
}, ContactName: [
mounted() { { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
this.initForm() ],
}, ContactPhone: [
methods: { { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
handleSave() { ]
this.$refs.customSiteForm.validate(valid => { },
if (!valid) return loading: false,
this.btnLoading = true show: false
addOrUpdateSite(this.form).then(res => { }
this.btnLoading = false },
if (res.IsSuccess) { mounted() {
this.$message.success(this.$t('common:message:savedSuccessfully')) this.initForm()
this.$emit('getList') this.show = process.env.VUE_APP_OSS_PATH === '/usa/dist'
this.$emit('close') },
} methods: {
}).catch(() => { handleSave() {
this.btnLoading = false this.$refs.customSiteForm.validate(valid => {
}) if (!valid) return
}) this.btnLoading = true
}, addOrUpdateSite(this.form).then(res => {
handleCancel() { this.btnLoading = false
this.$emit('close') if (res.IsSuccess) {
}, this.$message.success(this.$t('common:message:savedSuccessfully'))
async initForm() { this.$emit('getList')
this.loading = true this.$emit('close')
this.hospitalList = await store.dispatch('global/getHospital') }
this.loading = false }).catch(() => {
} this.btnLoading = false
} })
})
} },
</script> handleCancel() {
this.$emit('close')
},
async initForm() {
this.loading = true
this.hospitalList = await store.dispatch('global/getHospital')
this.loading = false
}
}
}
</script>

View File

@ -66,6 +66,7 @@
<!-- 下载模板 --> <!-- 下载模板 -->
<el-button <el-button
type="primary" type="primary"
v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']"
icon="el-icon-download" icon="el-icon-download"
@click="handleDownload" @click="handleDownload"
> >