UI界面变更

This commit is contained in:
刘彦泽
2022-12-02 13:36:24 +08:00
parent 1944cd5122
commit 31bcf72d31
23 changed files with 104 additions and 56 deletions
+10 -7
View File
@@ -99,6 +99,7 @@ module.exports = {
RoleCode: 'Role Code',
createTime: 'Creation Time',
userName: 'User Name',
userManual:'User Manual',
selectOneRule: 'Please select a role!',
setAttribute: 'Please set the url.list2 attribute!',
setDelAttribute: 'Please set the url.delete2 attribute!',
@@ -426,6 +427,7 @@ module.exports = {
MessageType: 'Message Type',
NotificationTime: 'Notification Time',
MessageNotification: 'Message Notification',
MessageCenter:'Message Center',
SeeMore: 'See More',
OperationSuccessful: 'Operation Successful',
Intheexport: 'In The Export...',
@@ -609,7 +611,7 @@ module.exports = {
Deliverables: 'Deliverables',
personLiable: 'Assignee',
PrehomoConfirmation: 'Pre-Homo Confirmation',
verificationAndConformityconfirmation: 'Validation Compliance Check',
verificationAndConformityconfirmation: 'Validation Compliance Check ',
StandardImplementationDate: 'New Type Execution Date',
regulatoryEngineer: 'Regulation Engineer',
certifiedEngineer: 'Homo Engineer',
@@ -720,11 +722,11 @@ module.exports = {
time: 'Time',
uploadMaximumATime: 'Upload a Maximum of 20 Images at a time',
confirmationOfRegulationsList: 'Regulation List Confirmation',
regulatoryTaskConfirmation: 'Regulation Task Confirmation',
certificationStart: 'Homo Completion',
preHomoCompletion: 'Pre-Homo Confirmation',
certificationEnd: 'Homo KO',
confirmationOfRegulationsList: 'Regulation List Confirmation ',
regulatoryTaskConfirmation: 'Regulation Task Confirmation ',
certificationStart: 'Homo Completion ',
preHomoCompletion: 'Pre-Homo Confirmation ',
certificationEnd: 'Homo KO ',
directoryName: 'Catalogue Name',
batch: 'Batch',
uploadTime: 'Upload Time',
@@ -880,7 +882,7 @@ module.exports = {
number: 'No.',
Deadline: 'Deadline',
toBeConfirmed: 'To Confirm',
designComplianceReview: 'Design Compliance Confirmation',
designComplianceReview: 'Design Compliance Confirmation ',
preHomeConfirmation: 'Pre-Homo Confirmation',
verificationComplianceReview: 'Validation Compliance Confirmation',
Deployment: 'Deploy',
@@ -1170,6 +1172,7 @@ module.exports = {
RemarkInfo: 'Remarks Info',
initiateDocumentComparison: 'Initiate Document Comparison',
comparativeComments: 'Comparative Comments',
Comparisonofarticles:'Comparison Of Articles',
viewTheComparisonResults: 'View Results',
addFullTextComment: 'Full Text Comment',
turnOffAutomaticMatching: 'Turn Off Auto Match',
+6 -3
View File
@@ -101,6 +101,7 @@ module.exports = {
RoleCode: '角色编码',
createTime: '创建时间',
userName: '用户名称',
userManual:'用户手册',
selectOneRule: '请选择一个角色',
setAttribute: '请设置url.list2属性!',
setDelAttribute: '请设置url.delete2 属性!',
@@ -431,6 +432,7 @@ module.exports = {
MessageType: '消息类型',
NotificationTime: '通知时间',
MessageNotification: '消息通知',
MessageCenter:'消息中心',
SeeMore: '查看更多',
OperationSuccessful: '操作成功',
Intheexport: '导出中...',
@@ -1001,9 +1003,9 @@ module.exports = {
taskConfirmationResponsiblePerson: '责任人任务确认',
or: '或',
warningTime: '预警时间',
RegulationMonthlyManagement: '法规月报管理',
RegulationMonthlyFill: '法规月报填写',
RegulationMonthlyName: '法规月报名称',
RegulationMonthlyManagement: '月报管理',
RegulationMonthlyFill: '月报填写',
RegulationMonthlyName: '月报名称',
monthlyLanguage: '月报语种',
releaseStatus: '发布状态',
uploadedBy: '上传人',
@@ -1175,6 +1177,7 @@ module.exports = {
RemarkInfo: '备注信息',
initiateDocumentComparison: '发起文档对比',
comparativeComments: '对比评论',
Comparisonofarticles:'条款对比评论',
viewTheComparisonResults: '查看对比结果',
addFullTextComment: '添加全文评论',
turnOffAutomaticMatching: '关闭自动匹配',
@@ -12,7 +12,8 @@
</template>
<a-button-group>
<a-button type="primary" @click="handleOpen" style="margin-right: 8px;height: 38px">
<a-icon type="appstore" theme="twoTone" spin/>
<!-- <a-icon type="appstore" theme="twoTone" spin/>-->
<a-icon type="filter" theme="filled"/>
<span>{{$t('advancedQuery')}}</span>
</a-button>
<a-button style="margin-right: 8px;height: 38px" v-if="izMobile" type="primary" icon="delete" @click="handleReset"/>
@@ -21,7 +22,7 @@
<a-button v-else style="margin-right: 8px;height: 38px" type="primary" icon="filter" @click="handleOpen">{{$t('advancedQuery')}}</a-button>
</slot>
<j-modal
:title="$t('advancedQuery')+$t('constructor')"
:title="$t('advancedQuery')"
:width="1000"
:maskClosable="false"
:visible="visible"
@@ -687,6 +688,7 @@
height: 80px;
line-height: 80px;
margin-bottom: 0;
margin-top: 10px;
}
/deep/ img {
@@ -31,9 +31,11 @@
</a-spin>
</template>
<span @click="fetchNotice" class="header-notice">
<a-tooltip placement="bottomRight" :title="$t('MessageCenter')">
<a-badge :count="msgTotal">
<a-icon style="font-size: 16px; padding: 4px" type="bell"/>
</a-badge>
</a-tooltip>
</span>
<dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData"/>
</a-popover>
@@ -33,7 +33,9 @@
<!-- </span>-->
<div class="action" @click="Jumpflybook">
<span class="header-notice">
<a-tooltip placement="bottomRight" :title="$t('userManual')">
<a-icon style="font-size: 16px; padding: 4px; color: #000000A6" type="question-circle"/>
</a-tooltip>
</span>
</div>
<header-notice class="action"/>
@@ -57,12 +57,14 @@
<span class="text">{{$t('filingExternalOpinions')}}:</span>
<div @click="clickButtonToUpload('opinionArchiveId')" style="color: #21c9cc"
v-if="formInline.createBy == this.userInfoQuery.username" class="operator-text">
<a-icon type="cloud-upload"/>
<a-button type="primary"style="margin-right: 8px;height: 32px">
{{$t('clickUpload')}}
</a-button>
</div>
<div @click="seeFileClick(formInline.opinionArchiveId)" style="color: #21c9cc" class="operator-text">
<a-icon type="eye"/>
<a-button type="primary"style="margin-right: 8px;height: 32px">
{{$t('viewFile')}}
</a-button>
</div>
</div>
</div>
@@ -111,7 +111,7 @@
<div class="content-box-button-right">
<div class="content-box-button-text" @click="forwardClick(item)">
<a-icon type="logout"/>
{{$t('forward')}}
{{$t('share')}}
</div>
<div class="content-box-button-text">
<a-icon type="eye"/>
@@ -174,7 +174,7 @@
<JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
<classificationMaintenanceModel @classificationMaintenanceModelForm="classificationMaintenanceModelForm"
ref="classificationMaintenanceModelRef"/>
<SelectedBy ref="SelectedByRef" :title="$t('forward')" @SelectedByForm="SelectedByForm"></SelectedBy>
<SelectedBy ref="SelectedByRef" :title="$t('share')" @SelectedByForm="SelectedByForm"></SelectedBy>
</div>
</template>
@@ -55,7 +55,7 @@
<div class="content-box-button-right">
<div class="content-box-button-text" @click="forwardClick(queryForm)">
<a-icon type="logout"/>
{{$t('forward')}}
{{$t('share')}}
</div>
<div class="content-box-button-text">
<a-icon type="eye"/>
@@ -48,7 +48,7 @@
<span class="title-text-text"
:title="$t('technicalField')">{{$t('technicalField')}}</span>
</div>
<a-form-model-item class="itemModel" prop="technologyTerritory">
<a-form-model-item class="itemModel" prop="technologyTerritory" style="height: 40px">
<a-tree-select
tree-node-filter-prop="title"
v-model="formInline.technologyTerritory"
@@ -101,7 +101,7 @@
<span class="title-text-text"
:title="$t('scopeOfApplication')">{{$t('scopeOfApplication')}}</span>
</div>
<a-form-model-item class="itemModel-multi itemModel-multi-one">
<a-form-model-item class="itemModel-multi itemModel-multi-one" style="border: none">
<j-multi-select-tag class="box-input" v-model="formInline.applyScope"
:placeholder="$t('PleaseSelect')+$t('scopeOfApplication')"
:type="'checkbox'"
@@ -118,7 +118,7 @@
<span class="title-text-text"
:title="$t('status')">{{$t('status')}}</span>
</div>
<a-form-model-item class="itemModel-multi itemModel-multi-one">
<a-form-model-item class="itemModel-multi itemModel-multi-one" style="border: none">
<j-dict-select-tag class="box-input" v-model="formInline.state"
:disabled="disabled"
:placeholder="$t('PleaseSelect')+$t('status')"
@@ -135,7 +135,7 @@
<span class="title-text-text"
:title="$t('usage')">{{$t('usage')}}</span>
</div>
<a-form-model-item class="itemModel-multi itemModel-multi-one">
<a-form-model-item class="itemModel-multi itemModel-multi-one" style="border: none">
<j-dict-select-tag class="box-input" v-model="formInline.useMethod"
:placeholder="$t('PleaseSelect')+$t('usage')"
:type="'radio'"
@@ -92,7 +92,7 @@
:pagination="false"
:loading="loading">
<div slot="clauseContent" slot-scope="text,result">
<a-tooltip placement="topLeft">
<a-tooltip overlayClassName="tooltipColor" placement="topLeft" overlayStyle>
<template slot="title">
<span v-html="text"></span>
</template>
@@ -322,6 +322,16 @@
}
</script>
<style>
.tooltipColor .ant-tooltip-inner {
color: #333;
background-color: #fff !important;
}
.tooltipColor .ant-tooltip-arrow::before {
background-color: #fff !important;
}
</style>
<style scoped>
.box-input {
display: inline-block;
@@ -112,7 +112,7 @@
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"
:title="$t('uploadRelevantMaterials')">{{$t('uploadRelevantMaterials')}}</span>
:title="$t('RelevantMaterials')">{{$t('RelevantMaterials')}}</span>
</div>
<a-form-model-item class="itemModel" prop="accessory_id">
<a-button type="primary" class="button-text"
@@ -184,7 +184,7 @@
:loading="loading"
>
<span slot="content" slot-scope="text,record">
<a-tooltip placement="topLeft">
<a-tooltip placement="topLeft" overlayClassName="tooltipColor">
<template slot="title">
<span v-html="text"></span>
</template>
@@ -575,6 +575,14 @@
.uploadFile .ant-upload {
display: none !important;
}
.tooltipColor .ant-tooltip-inner {
color: #333;
background-color: #fff !important;
}
.tooltipColor .ant-tooltip-arrow::before {
background-color: #fff;
}
</style>
<style lang="less" scoped>
@import '~@assets/less/common.less';
@@ -1280,8 +1280,12 @@
justify-content: space-around;
.title-flex {
width: 75px;
height: 35px;
text-align: center;
border-radius: 5px;
border: 1px solid #d9d9d9;
padding: 10px 40px;
padding: 7px;
cursor: pointer;
}
@@ -1193,7 +1193,7 @@ export default {
.split-detail-left {
/*height: 100%;*/
width: 300px;
width: 230px;
float: left;
padding-right: 20px;
/*border-right: 1px solid #E6E7EC;*/
@@ -1222,7 +1222,7 @@ export default {
.split-detail-right {
padding-left: 20px;
width: calc(100% - 300px);
width: calc(100% - 230px);
float: right;
border-left: 1px solid #E6E7EC;
/*flex: 1;*/
@@ -95,11 +95,11 @@
class="formAdd" :rules="rules"
ref="ruleForm">
<div class="box-title-text-Remarks">
<div class="title-text-Remarks" :title="$t('comparativeComments')">
<span>{{$t('comparativeComments')}}</span>
<div class="title-text-Remarks" :title="$t('Comparisonofarticles')" style="width: 84px">
<span>{{$t('Comparisonofarticles')}}</span>
</div>
<a-form-model-item class="itemModel" prop="comment">
<a-textarea :placeholder="$t('pleaseEnter')+$t('comparativeComments')"
<a-textarea :placeholder="$t('pleaseEnter')+$t('Comparisonofarticles')"
v-model="formInline.comment"
:rows="3"/>
</a-form-model-item>
@@ -116,7 +116,7 @@
</span>
<span slot="file_name" slot-scope="text,record">
<a style="color:#21c9cc" @click="fileNameClick(record)">
{{record.file_name && record.file_name.length > 0 ? $t('viewFile') : '--'}}
{{record.file_name && record.file_name.length > 0 ? $t('view') : '--'}}
</a>
</span>
<!-- 字符串超长截取省略号显示-->
@@ -16,18 +16,24 @@
<span v-html="item.module_type"></span>
</template>
<span class="text-header-text" style="cursor: pointer" v-html="item.module_type"></span>
<template slot="title">
</a-tooltip>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
<template slot="title">
<span v-html="item.serial_number"></span>
</template>
<span style="cursor: pointer"
class="text-header-text"
v-if="item.serial_number && item.module_type_flag == 'WDK'"
v-html="item.serial_number"></span>
<template slot="title">
</a-tooltip>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
<template slot="title">
<span v-html="item.title"></span>
</template>
<span class="text-header-text" v-if="item.title" style="cursor: pointer" v-html="item.title"></span>
<template slot="title">
</a-tooltip>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
<template slot="title">
<span v-html="item.file_name"></span>
</template>
<span class="text-header-text" v-if="item.file_name && item.module_type_flag == 'WDK'" style="cursor: pointer"
@@ -910,7 +910,7 @@
.button-text {
height: 38px;
width: calc(100% - 100px);
width: 100%;
line-height: 38px;
background: #fff;
border: 1px #00B3BE solid;
@@ -394,7 +394,7 @@
</div>
</div>
<!-- 认证工程师-提示-->
<div style='font-size: 16px;color: red;text-align: center' v-if='NoEngineer === 1'>
<div style='font-size: 18px;text-align: center' v-if='NoEngineer === 1'>
{{ currentPersonRole =='homo'? $t('certifiedEngineer'): (currentPersonRole =='sdt'?
$t('engineeringInterfacePerson'): $t('completedBy')) }}{{$t('Datastatusis')}}
<!-- 下发收集时-->
@@ -418,23 +418,29 @@
'{{$t('completed')}}'{{$t('or')}}'{{$t('ReturnedEngineer')}}'
</span>
<!-- 退回-->
<span v-else-if='jurisdiction === "homoTH"' class="text-wraning">
<span v-else-if='jurisdiction === "homoTH"' class="text-wraning" style='color: red'>
{{$t('Submitted')}}
</span>
<span v-else-if='jurisdiction === "sdtTH"' class="text-wraning">
'{{$t('handledInterface')}}'{{$t('or')}}'{{$t('Filledreturn')}}'
<p style='display: inline; color: red'>'{{$t('handledInterface')}}'</p>
{{$t('or')}}
<p style='display: inline; color: red'>'{{$t('Filledreturn')}}'</p>
</span>
<span v-else-if='jurisdiction === "dreTH"' class="text-wraning">
'{{$t('completed')}}'{{$t('or')}}'{{$t('ReturnedEngineer')}}'
<p style='display: inline; color: red'>'{{$t('completed')}}'</p>
{{$t('or')}}
<p style='display: inline; color: red'>'{{$t('ReturnedEngineer')}}'</p>
</span>
<!-- 强制撤回-->
<span v-else-if='jurisdiction === "homoQZTH"' class="text-wraning">
'{{$t('handledInterface')}}'{{$t('or')}}'{{$t('Filledreturn')}}'
<span v-else-if='jurisdiction === "homoQZTH"' class="text-wraning" >
<p style='display: inline; color: red'>'{{$t('handledInterface')}}'</p>
{{$t('or')}}
<p style='display: inline; color: red'>'{{$t('Filledreturn')}}'</p>
</span>
<span v-else-if='jurisdiction === "sdtQZTH"' class="text-wraning">
<span v-else-if='jurisdiction === "sdtQZTH"' class="text-wraning" style='color: red'>
{{$t('completed')}}
</span>
<span v-else-if='jurisdiction === "dreQZTH"' class="text-wraning">
<span v-else-if='jurisdiction === "dreQZTH"' class="text-wraning" style='color: red'>
{{$t('Submitted')}}
</span>
{{$t('timeoperation')}}
@@ -19,7 +19,7 @@
</div>
<a-form-model-item class="itemModel" prop="listConfirmation">
<a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+$t('confirmationOfRegulationsList')"
:placeholder="$t('PleaseSelect')+$t('confirmationOfRegulationsList')+$t('time')"
@change="dateChange({db_field_name:'listConfirmation'})"
format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode"
@@ -38,7 +38,7 @@
</div>
<a-form-model-item class="itemModel" prop="legalTaskConfirmation">
<a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+$t('regulatoryTaskConfirmation')"
:placeholder="$t('PleaseSelect')+$t('regulatoryTaskConfirmation')+$t('time')"
@change="dateChange({db_field_name:'legalTaskConfirmation'})"
format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode"
@@ -57,7 +57,7 @@
</div>
<a-form-model-item class="itemModel" prop="designDeadline">
<a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+$t('confirmationOfDesignConformity')"
:placeholder="$t('PleaseSelect')+$t('confirmationOfDesignConformity')+$t('time')"
@change="dateChange({db_field_name:'designDeadline'})"
format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode"
@@ -76,7 +76,7 @@
</div>
<a-form-model-item class="itemModel" prop="prehomoDeadline">
<a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+$t('preHomoCompletion')"
:placeholder="$t('PleaseSelect')+$t('preHomoCompletion')+$t('time')"
@change="dateChange({db_field_name:'prehomoDeadline'})"
format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode"
@@ -96,7 +96,7 @@
<a-form-model-item class="itemModel" prop="attestationStartTime">
<a-date-picker class="box-input"
:disabledDate='this.disabledRegistrationStartDate'
:placeholder="$t('PleaseSelect')+$t('certificationStart')"
:placeholder="$t('PleaseSelect')+$t('certificationStart')+$t('time')"
@change="dateChange({db_field_name:'attestationStartTime'})"
format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode"
@@ -116,7 +116,7 @@
<a-form-model-item class="itemModel" prop="attestationEndTime">
<a-date-picker class="box-input"
:disabledDate='this.disabledRegistrationEndDate'
:placeholder="$t('PleaseSelect')+$t('certificationEnd')"
:placeholder="$t('PleaseSelect')+$t('certificationEnd')+$t('time')"
@change="dateChange({db_field_name:'attestationEndTime'})"
format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode"
@@ -135,7 +135,7 @@
</div>
<a-form-model-item class="itemModel" prop="verifyDeadline">
<a-date-picker class="box-input"
:placeholder="$t('PleaseSelect')+$t('verificationAndConformityconfirmation')"
:placeholder="$t('PleaseSelect')+$t('verificationAndConformityconfirmation')+$t('time')"
@change="dateChange({db_field_name:'verifyDeadline'})"
format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode"
@@ -20,9 +20,9 @@
@panelChange="panelChange"
@change="hodeChange"
>
<div slot="renderExtraFooter" style="width: 100%;display: block">
<div slot="renderExtraFooter" style="margin-left:230px;width: 100%;display: block">
<div style="text-align: right;width: 100%">
<a @click="okChange">{{$t('determine')}}</a>
<a-button type="primary" @click="okChange">{{$t('determine')}}</a-button>
</div>
</div>
</a-range-picker>
@@ -46,9 +46,9 @@
@panelChange="panelChange"
@change="hodeChange"
>
<div slot="renderExtraFooter" style="width: 100%;display: block">
<div style="text-align: right;width: 100%">
<a @click="okChange">{{$t('determine')}}</a>
<div slot="renderExtraFooter" style="margin-left:230px;width: 100%;display: block">
<div style="text-align: right;width: 100%;">
<a-button type="primary" @click="okChange">{{$t('determine')}}</a-button>
</div>
</div>
</a-range-picker>
@@ -25,7 +25,7 @@
<a-col :span="24">
<div class="box-title-text">
<div class="title-text">
<span class="title-text-text"></span>
<span class="title-text-text" :title="$t('feedbackResults')">{{$t('feedbackResults')}}</span>
</div>
<a-form-model-item class="itemModel" prop="flag">
<a-radio-group style="margin-top: 2px" @change="flagChange" class="box-input" v-model="formInline.flag">