WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

流程图放大；流程历史可修改与流程表单中一致需确

Browse Source
This commit is contained in:
范强强
2023-04-06 17:13:05 +08:00
parent 637303c350
commit 5119c97081
6 changed files with 561 additions and 375 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/documentTools/virtualList/components/editModel.vue
+183 -146
View File
@@ -1,6 +1,6 @@
<template> <template>
<a-drawer <a-drawer
:title="'编辑'" :title="title"
:maskClosable="false" :maskClosable="false"
:width="900" :width="900"
placement="right" placement="right"
@@ -18,7 +18,8 @@
</div> </div>
<a-form-model-item class="itemModel" prop="standard"> <a-form-model-item class="itemModel" prop="standard">
<a-input class="box-input" <a-input class="box-input"
:disabled="false" :disabled="disabled"
:title="formInline.serialNumber"
v-model="formInline.serialNumber" v-model="formInline.serialNumber"
:placeholder="$t('PleaseEnter')+$t('standard')"/> :placeholder="$t('PleaseEnter')+$t('standard')"/>
</a-form-model-item> </a-form-model-item>
@@ -31,7 +32,8 @@
</div> </div>
<a-form-model-item class="itemModel" prop="title"> <a-form-model-item class="itemModel" prop="title">
<a-input class="box-input" <a-input class="box-input"
:disabled="false" :disabled="disabled"
:title="formInline.title"
v-model="formInline.title" v-model="formInline.title"
:placeholder="$t('PleaseEnter')+$t('title')"/> :placeholder="$t('PleaseEnter')+$t('title')"/>
</a-form-model-item> </a-form-model-item>
@@ -46,7 +48,8 @@
</div> </div>
<a-form-model-item class="itemModel" prop="subtitle"> <a-form-model-item class="itemModel" prop="subtitle">
<a-input class="box-input" <a-input class="box-input"
:disabled="false" :disabled="disabled"
:title="formInline.subtitle"
v-model="formInline.subtitle" v-model="formInline.subtitle"
:placeholder="$t('PleaseEnter')+$t('subtitle')"/> :placeholder="$t('PleaseEnter')+$t('subtitle')"/>
</a-form-model-item> </a-form-model-item>
@@ -63,6 +66,7 @@
<!-- :disabled="true"--> <!-- :disabled="true"-->
<!-- v-model="formInline.region_dictText"/>--> <!-- v-model="formInline.region_dictText"/>-->
<j-multi-select-tag class="box-input" v-model="formInline.region" <j-multi-select-tag class="box-input" v-model="formInline.region"
:disabled="disabled"
:placeholder="$t('PleaseSelect')+$t('zoneOfApplication')" :placeholder="$t('PleaseSelect')+$t('zoneOfApplication')"
:type="'select'" :type="'select'"
:triggerChange="false" :dictCode="'region'"/> :triggerChange="false" :dictCode="'region'"/>
@@ -85,6 +89,7 @@
@input="handleInput('shi4Yong4Fan4Wei2')" @input="handleInput('shi4Yong4Fan4Wei2')"
:placeholder="$t('PleaseSelect')+$t('scopeOfApplication')" :placeholder="$t('PleaseSelect')+$t('scopeOfApplication')"
:type="'select'" :type="'select'"
:disabled="disabled"
:triggerChange="false" :dictCode="'apply_scope'"/> :triggerChange="false" :dictCode="'apply_scope'"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -116,10 +121,14 @@
<a-form-model-item class="itemModel" prop="correspondingStandard"> <a-form-model-item class="itemModel" prop="correspondingStandard">
<Standardselection :query="{'db_field_txt':$t('correspondingStandard')}" <Standardselection :query="{'db_field_txt':$t('correspondingStandard')}"
:standard="formInline" :standard="formInline"
v-if="!disabled"
:disabled="disabled"
v-model="formInline.correspondingStandard"/> v-model="formInline.correspondingStandard"/>
<!-- <a-input class="box-input"--> <a-input class="box-input"
<!-- v-model="formInline.correspondingStandard"--> v-else
<!-- :placeholder="$t('PleaseEnter')+$t('correspondingStandard')"/>--> v-model="formInline.correspondingStandard"
:disabled="disabled"
:placeholder="$t('PleaseEnter')+$t('correspondingStandard')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
@@ -153,7 +162,7 @@
format="YYYY-MM-DD" format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode" :getCalendarContainer="(trigger) => trigger.parentNode"
v-model="formInline.xin1Che1Xing2Shi2Shi1Ri4Qi1" v-model="formInline.xin1Che1Xing2Shi2Shi1Ri4Qi1"
:disabled="false" :disabled="disabled"
style="width: 100%"/> style="width: 100%"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -171,7 +180,7 @@
format="YYYY-MM-DD" format="YYYY-MM-DD"
:getCalendarContainer="(trigger) => trigger.parentNode" :getCalendarContainer="(trigger) => trigger.parentNode"
v-model="formInline.implementTime" v-model="formInline.implementTime"
:disabled="false" :disabled="disabled"
style="width: 100%"/> style="width: 100%"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -185,7 +194,8 @@
</div> </div>
<a-form-model-item class="itemModel" prop="wvtaId"> <a-form-model-item class="itemModel" prop="wvtaId">
<a-input class="box-input" <a-input class="box-input"
:disabled="false" :disabled="disabled"
:title="formInline.wvtaId"
v-model="formInline.wvtaId" v-model="formInline.wvtaId"
:placeholder="$t('PleaseEnter')+'WVTA ID'"/> :placeholder="$t('PleaseEnter')+'WVTA ID'"/>
</a-form-model-item> </a-form-model-item>
@@ -201,6 +211,7 @@
<j-multi-select-tag class="box-input" v-model="formInline.attestationType" <j-multi-select-tag class="box-input" v-model="formInline.attestationType"
:placeholder="$t('PleaseSelect')+$t('certificationType')" :placeholder="$t('PleaseSelect')+$t('certificationType')"
:type="'select'" :type="'select'"
:disabled="disabled"
:triggerChange="false" :dictCode="'attestation_type'"/> :triggerChange="false" :dictCode="'attestation_type'"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -210,7 +221,7 @@
<a-col :span="12"> <a-col :span="12">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required">*</span> <span class="Required" v-if="!disabled">*</span>
<span class="title-text-text" <span class="title-text-text"
:title="$t('certificationLevel')">{{$t('certificationLevel')}}</span> :title="$t('certificationLevel')">{{$t('certificationLevel')}}</span>
</div> </div>
@@ -218,6 +229,7 @@
<j-multi-select-tag class="box-input" v-model="formInline.attestationRank" <j-multi-select-tag class="box-input" v-model="formInline.attestationRank"
:placeholder="$t('PleaseSelect')+$t('certificationLevel')" :placeholder="$t('PleaseSelect')+$t('certificationLevel')"
:type="'select'" :type="'select'"
:disabled="disabled"
:triggerChange="false" :dictCode="'attestation_rank'"/> :triggerChange="false" :dictCode="'attestation_rank'"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
@@ -230,7 +242,8 @@
</div> </div>
<a-form-model-item class="itemModel" prop="applicableSupplement"> <a-form-model-item class="itemModel" prop="applicableSupplement">
<a-input class="box-input" <a-input class="box-input"
:disabled="false" :disabled="disabled"
:title="formInline.applicableSupplement"
v-model="formInline.applicableSupplement" v-model="formInline.applicableSupplement"
:placeholder="$t('PleaseEnter')+$t('applicableSupplement')"/> :placeholder="$t('PleaseEnter')+$t('applicableSupplement')"/>
</a-form-model-item> </a-form-model-item>
@@ -252,6 +265,7 @@
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
class="box-input" class="box-input"
style="width: 100%" style="width: 100%"
:disabled="disabled"
:tree-data="CategoryTreeList" :tree-data="CategoryTreeList"
tree-checkable tree-checkable
:placeholder="$t('PleaseSelect')+$t('technicalField')" :placeholder="$t('PleaseSelect')+$t('technicalField')"
@@ -262,7 +276,7 @@
<a-col :span="12"> <a-col :span="12">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
<span class="Required">*</span> <span class="Required" v-if="!disabled">*</span>
<span class="title-text-text" <span class="title-text-text"
:title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span> :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
</div> </div>
@@ -284,6 +298,7 @@
</div> </div>
<a-form-model-item class="itemModel-text" :prop="'remark'"> <a-form-model-item class="itemModel-text" :prop="'remark'">
<a-textarea <a-textarea
:title="formInline.remark"
:placeholder="$t('PleaseEnter')+$t('remarks')" :placeholder="$t('PleaseEnter')+$t('remarks')"
:disabled="disabled" :disabled="disabled"
v-model="formInline.remark" :rows="4"/> v-model="formInline.remark" :rows="4"/>
@@ -295,22 +310,22 @@
&nbsp;{{$t('confirmationOfDesignConformity')}} &nbsp;{{$t('confirmationOfDesignConformity')}}
</div> </div>
<a-row :gutter="24"> <a-row :gutter="24">
<!-- <a-col :span="12">--> <!-- <a-col :span="12">-->
<!-- <div class="box-title-text">--> <!-- <div class="box-title-text">-->
<!-- <div class="title-text">--> <!-- <div class="title-text">-->
<!-- <span class="title-text-text"--> <!-- <span class="title-text-text"-->
<!-- :title="$t('Sponsor')">{{$t('Sponsor')}}</span>--> <!-- :title="$t('Sponsor')">{{$t('Sponsor')}}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <a-form-model-item class="itemModel" prop="designInitiator">--> <!-- <a-form-model-item class="itemModel" prop="designInitiator">-->
<!-- <j-dict-select-tag class="box-input" v-model="formInline.designInitiator"--> <!-- <j-dict-select-tag class="box-input" v-model="formInline.designInitiator"-->
<!-- :disabled="disabled"--> <!-- :disabled="disabled"-->
<!-- @input="handleInput('designInitiator')"--> <!-- @input="handleInput('designInitiator')"-->
<!-- :placeholder="$t('PleaseSelect')+$t('Sponsor')"--> <!-- :placeholder="$t('PleaseSelect')+$t('Sponsor')"-->
<!-- :type="'select'"--> <!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'fa1_qi3_ren2'"/>--> <!-- :triggerChange="false" :dictCode="'fa1_qi3_ren2'"/>-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </div>--> <!-- </div>-->
<!-- </a-col>--> <!-- </a-col>-->
<a-col :span="12"> <a-col :span="12">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
@@ -343,6 +358,7 @@
style="width: 100%" style="width: 100%"
:tree-data="DeliverableTreeList" :tree-data="DeliverableTreeList"
tree-checkable tree-checkable
:disabled="disabled"
:placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')" :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
/> />
<!-- <j-dict-select-tag class="box-input" v-model="formInline.designDeliverableType"--> <!-- <j-dict-select-tag class="box-input" v-model="formInline.designDeliverableType"-->
@@ -383,131 +399,133 @@
<a-form-model-item class="itemModel-text" :prop="'designRemark'"> <a-form-model-item class="itemModel-text" :prop="'designRemark'">
<a-textarea <a-textarea
style="width: 100%" style="width: 100%"
:disabled="disabled"
:title="formInline.designRemark"
:placeholder="$t('PleaseEnter')+$t('descriptionDeliverables')" :placeholder="$t('PleaseEnter')+$t('descriptionDeliverables')"
v-model="formInline.designRemark" :rows="4"/> v-model="formInline.designRemark" :rows="4"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<!-- <div class="header-text">--> <!-- <div class="header-text">-->
<!-- &nbsp;{{$t('PrehomoConfirmation')}}--> <!-- &nbsp;{{$t('PrehomoConfirmation')}}-->
<!-- </div>--> <!-- </div>-->
<!-- <a-row :gutter="24">--> <!-- <a-row :gutter="24">-->
<!-- <a-col :span="12">--> <!-- <a-col :span="12">-->
<!-- <div class="box-title-text">--> <!-- <div class="box-title-text">-->
<!-- <div class="title-text">--> <!-- <div class="title-text">-->
<!-- <span class="title-text-text"--> <!-- <span class="title-text-text"-->
<!-- :title="$t('Sponsor')">{{$t('Sponsor')}}</span>--> <!-- :title="$t('Sponsor')">{{$t('Sponsor')}}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <a-form-model-item class="itemModel" prop="prehomoInitiator">--> <!-- <a-form-model-item class="itemModel" prop="prehomoInitiator">-->
<!-- <j-dict-select-tag class="box-input" v-model="formInline.prehomoInitiator"--> <!-- <j-dict-select-tag class="box-input" v-model="formInline.prehomoInitiator"-->
<!-- :disabled="disabled"--> <!-- :disabled="disabled"-->
<!-- @input="handleInput('prehomoInitiator')"--> <!-- @input="handleInput('prehomoInitiator')"-->
<!-- :placeholder="$t('PleaseSelect')+$t('Sponsor')"--> <!-- :placeholder="$t('PleaseSelect')+$t('Sponsor')"-->
<!-- :type="'select'"--> <!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'fa1_qi3_ren2'"/>--> <!-- :triggerChange="false" :dictCode="'fa1_qi3_ren2'"/>-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </div>--> <!-- </div>-->
<!-- </a-col>--> <!-- </a-col>-->
<!-- <a-col :span="12">--> <!-- <a-col :span="12">-->
<!-- <div class="box-title-text">--> <!-- <div class="box-title-text">-->
<!-- <div class="title-text">--> <!-- <div class="title-text">-->
<!-- <span class="title-text-text"--> <!-- <span class="title-text-text"-->
<!-- :title="$t('personLiable')">{{$t('personLiable')}}</span>--> <!-- :title="$t('personLiable')">{{$t('personLiable')}}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <a-form-model-item class="itemModel" prop="prehomoDuty">--> <!-- <a-form-model-item class="itemModel" prop="prehomoDuty">-->
<!-- <j-dict-select-tag class="box-input" v-model="formInline.prehomoDuty"--> <!-- <j-dict-select-tag class="box-input" v-model="formInline.prehomoDuty"-->
<!-- :disabled="disabled"--> <!-- :disabled="disabled"-->
<!-- @input="handleInput('prehomoDuty')"--> <!-- @input="handleInput('prehomoDuty')"-->
<!-- :placeholder="$t('PleaseSelect')+$t('personLiable')"--> <!-- :placeholder="$t('PleaseSelect')+$t('personLiable')"-->
<!-- :type="'select'"--> <!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'ze2_ren4_ren2'"/>--> <!-- :triggerChange="false" :dictCode="'ze2_ren4_ren2'"/>-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </div>--> <!-- </div>-->
<!-- </a-col>--> <!-- </a-col>-->
<!-- </a-row>--> <!-- </a-row>-->
<!-- <a-row :gutter="24">--> <!-- <a-row :gutter="24">-->
<!-- <a-col :span="12">--> <!-- <a-col :span="12">-->
<!-- <div class="box-title-text">--> <!-- <div class="box-title-text">-->
<!-- <div class="title-text">--> <!-- <div class="title-text">-->
<!-- <span class="title-text-text"--> <!-- <span class="title-text-text"-->
<!-- :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>--> <!-- :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <a-form-model-item class="itemModel" prop="prehomoDeliverableType">--> <!-- <a-form-model-item class="itemModel" prop="prehomoDeliverableType">-->
<!-- <a-tree-select--> <!-- <a-tree-select-->
<!-- tree-node-filter-prop="title"--> <!-- tree-node-filter-prop="title"-->
<!-- v-model="formInline.prehomoDeliverableType"--> <!-- v-model="formInline.prehomoDeliverableType"-->
<!-- :maxTagCount="1"--> <!-- :maxTagCount="1"-->
<!-- :getPopupContainer="triggerNode=> triggerNode.parentNode"--> <!-- :getPopupContainer="triggerNode=> triggerNode.parentNode"-->
<!-- class="box-input"--> <!-- class="box-input"-->
<!-- style="width: 100%"--> <!-- style="width: 100%"-->
<!-- :tree-data="DeliverableTreeList"--> <!-- :tree-data="DeliverableTreeList"-->
<!-- tree-checkable--> <!-- tree-checkable-->
<!-- :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"--> <!-- :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"-->
<!-- />--> <!-- />-->
<!-- &lt;!&ndash; <j-dict-select-tag class="box-input" v-model="formInline.prehomoDeliverableType"&ndash;&gt;--> <!-- &lt;!&ndash; <j-dict-select-tag class="box-input" v-model="formInline.prehomoDeliverableType"&ndash;&gt;-->
<!-- &lt;!&ndash; :disabled="disabled"&ndash;&gt;--> <!-- &lt;!&ndash; :disabled="disabled"&ndash;&gt;-->
<!-- &lt;!&ndash; @input="handleInput('prehomoDeliverableType')"&ndash;&gt;--> <!-- &lt;!&ndash; @input="handleInput('prehomoDeliverableType')"&ndash;&gt;-->
<!-- &lt;!&ndash; :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"&ndash;&gt;--> <!-- &lt;!&ndash; :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"&ndash;&gt;-->
<!-- &lt;!&ndash; :type="'select'"&ndash;&gt;--> <!-- &lt;!&ndash; :type="'select'"&ndash;&gt;-->
<!-- &lt;!&ndash; :triggerChange="false" :dictCode="'deliverable_template'"/>&ndash;&gt;--> <!-- &lt;!&ndash; :triggerChange="false" :dictCode="'deliverable_template'"/>&ndash;&gt;-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </div>--> <!-- </div>-->
<!-- </a-col>--> <!-- </a-col>-->
<!-- <a-col :span="12">--> <!-- <a-col :span="12">-->
<!-- <div class="box-title-text">--> <!-- <div class="box-title-text">-->
<!-- <div class="title-text">--> <!-- <div class="title-text">-->
<!-- <span class="title-text-text"--> <!-- <span class="title-text-text"-->
<!-- :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>--> <!-- :title="$t('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <a-form-model-item class="itemModel" prop="prehomoDeliverableTemplate">--> <!-- <a-form-model-item class="itemModel" prop="prehomoDeliverableTemplate">-->
<!-- <a-button type="primary" class="button-text"--> <!-- <a-button type="primary" class="button-text"-->
<!-- @click="clickButtonToUpload('prehomoDeliverableTemplate')">--> <!-- @click="clickButtonToUpload('prehomoDeliverableTemplate')">-->
<!-- {{ (formInline.prehomoDeliverableTemplate === 'null' || formInline.prehomoDeliverableTemplate === ''--> <!-- {{ (formInline.prehomoDeliverableTemplate === 'null' || formInline.prehomoDeliverableTemplate === ''-->
<!-- ||--> <!-- ||-->
<!-- formInline.prehomoDeliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')--> <!-- formInline.prehomoDeliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')-->
<!-- }}--> <!-- }}-->
<!-- </a-button>--> <!-- </a-button>-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </div>--> <!-- </div>-->
<!-- </a-col>--> <!-- </a-col>-->
<!-- </a-row>--> <!-- </a-row>-->
<!-- <a-row :gutter="24">--> <!-- <a-row :gutter="24">-->
<!-- <a-col :span="24">--> <!-- <a-col :span="24">-->
<!-- <div class="box-title-text">--> <!-- <div class="box-title-text">-->
<!-- <div class="title-text">--> <!-- <div class="title-text">-->
<!-- <span class="title-text-text"--> <!-- <span class="title-text-text"-->
<!-- :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>--> <!-- :title="$t('descriptionDeliverables')">{{$t('descriptionDeliverables')}}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <a-form-model-item class="itemModel-text" :prop="'prehomoRemark'">--> <!-- <a-form-model-item class="itemModel-text" :prop="'prehomoRemark'">-->
<!-- <a-textarea--> <!-- <a-textarea-->
<!-- style="width: 100%"--> <!-- style="width: 100%"-->
<!-- :placeholder="$t('PleaseEnter')+$t('descriptionDeliverables')"--> <!-- :placeholder="$t('PleaseEnter')+$t('descriptionDeliverables')"-->
<!-- v-model="formInline.prehomoRemark" :rows="4"/>--> <!-- v-model="formInline.prehomoRemark" :rows="4"/>-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </div>--> <!-- </div>-->
<!-- </a-col>--> <!-- </a-col>-->
<!-- </a-row>--> <!-- </a-row>-->
<div class="header-text"> <div class="header-text">
&nbsp;{{$t('verificationAndConformityconfirmation')}} &nbsp;{{$t('verificationAndConformityconfirmation')}}
</div> </div>
<a-row :gutter="24"> <a-row :gutter="24">
<!-- <a-col :span="12">--> <!-- <a-col :span="12">-->
<!-- <div class="box-title-text">--> <!-- <div class="box-title-text">-->
<!-- <div class="title-text">--> <!-- <div class="title-text">-->
<!-- <span class="title-text-text"--> <!-- <span class="title-text-text"-->
<!-- :title="$t('Sponsor')">{{$t('Sponsor')}}</span>--> <!-- :title="$t('Sponsor')">{{$t('Sponsor')}}</span>-->
<!-- </div>--> <!-- </div>-->
<!-- <a-form-model-item class="itemModel" prop="verifyInitiator">--> <!-- <a-form-model-item class="itemModel" prop="verifyInitiator">-->
<!-- <j-dict-select-tag class="box-input" v-model="formInline.verifyInitiator"--> <!-- <j-dict-select-tag class="box-input" v-model="formInline.verifyInitiator"-->
<!-- :disabled="disabled"--> <!-- :disabled="disabled"-->
<!-- @input="handleInput('verifyInitiator')"--> <!-- @input="handleInput('verifyInitiator')"-->
<!-- :placeholder="$t('PleaseSelect')+$t('Sponsor')"--> <!-- :placeholder="$t('PleaseSelect')+$t('Sponsor')"-->
<!-- :type="'select'"--> <!-- :type="'select'"-->
<!-- :triggerChange="false" :dictCode="'fa1_qi3_ren2'"/>--> <!-- :triggerChange="false" :dictCode="'fa1_qi3_ren2'"/>-->
<!-- </a-form-model-item>--> <!-- </a-form-model-item>-->
<!-- </div>--> <!-- </div>-->
<!-- </a-col>--> <!-- </a-col>-->
<a-col :span="12"> <a-col :span="12">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text"> <div class="title-text">
@@ -538,6 +556,7 @@
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
class="box-input" class="box-input"
style="width: 100%" style="width: 100%"
:disabled="disabled"
:tree-data="DeliverableTreeList" :tree-data="DeliverableTreeList"
tree-checkable tree-checkable
:placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')" :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
@@ -581,6 +600,8 @@
<a-form-model-item class="itemModel-text" :prop="'verifyRemark'"> <a-form-model-item class="itemModel-text" :prop="'verifyRemark'">
<a-textarea <a-textarea
style="width: 100%" style="width: 100%"
:disabled="disabled"
:title="formInline.verifyRemark"
:placeholder="$t('PleaseEnter')+$t('descriptionDeliverables')" :placeholder="$t('PleaseEnter')+$t('descriptionDeliverables')"
v-model="formInline.verifyRemark" :rows="4"/> v-model="formInline.verifyRemark" :rows="4"/>
</a-form-model-item> </a-form-model-item>
@@ -591,9 +612,9 @@
</a-spin> </a-spin>
<div class="drawer-bootom-button"> <div class="drawer-bootom-button">
<a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button> <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
<a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button> <a-button @click="handleSubmit" v-if="!disabled" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
</div> </div>
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/> <uploadFile ref="uploadFile" :disabled="disabled" @uploadSuccess="uploadSuccess"/>
</a-drawer> </a-drawer>
</template> </template>
@@ -674,6 +695,7 @@
}, },
formInline: {}, formInline: {},
disabled: false, disabled: false,
title: '',
CategoryTreeList: [], CategoryTreeList: [],
DeliverableTreeList: [] DeliverableTreeList: []
} }
@@ -703,6 +725,21 @@
}, },
editModel(item) { editModel(item) {
this.visible = true this.visible = true
this.disabled = false
this.title = this.$t('edit')
this.$nextTick(() => {
this.formInline = item || {}
this.formInline.technologyTerritory = this.formInline.technologyTerritory ? this.formInline.technologyTerritory.split(',') : []
this.formInline.designDeliverableType = this.formInline.designDeliverableType ? this.formInline.designDeliverableType.split(',') : []
this.formInline.prehomoDeliverableType = this.formInline.prehomoDeliverableType ? this.formInline.prehomoDeliverableType.split(',') : []
this.formInline.verifyDeliverableType = this.formInline.verifyDeliverableType ? this.formInline.verifyDeliverableType.split(',') : []
this.$refs.ruleForm.clearValidate()
})
},
viewModel(item) {
this.visible = true
this.disabled = true
this.title = this.$t('view')
this.$nextTick(() => { this.$nextTick(() => {
this.formInline = item || {} this.formInline = item || {}
this.formInline.technologyTerritory = this.formInline.technologyTerritory ? this.formInline.technologyTerritory.split(',') : [] this.formInline.technologyTerritory = this.formInline.technologyTerritory ? this.formInline.technologyTerritory.split(',') : []
jero-web/src/views/documentTools/virtualList/components/virtualListDetails.vue
+19 -9
View File
@@ -226,11 +226,16 @@
> >
<span slot="operation" slot-scope="text,record"> <span slot="operation" slot-scope="text,record">
<a class="text-operation" <a class="text-operation"
v-if="title === '维护市场清单'"
v-has="'dummyInventoryInfo:edit'" v-has="'dummyInventoryInfo:edit'"
@click="edit(record)">{{$t('edit')}}</a> @click="edit(record)">{{$t('edit')}}</a>
<a class="text-operation" <a class="text-operation"
v-if="title === '维护市场清单'"
v-has="'dummyInventoryInfo:deleteBatch'" v-has="'dummyInventoryInfo:deleteBatch'"
@click="deleteLib(record)">{{$t('deleteLib')}}</a> @click="deleteLib(record)">{{$t('deleteLib')}}</a>
<a class="text-operation"
v-if="title === '市场清单详情'"
@click="viewClick(record)">{{$t('view')}}</a>
</span> </span>
<span slot="titleName" slot-scope="text,record" :title="text"> <span slot="titleName" slot-scope="text,record" :title="text">
<span class="textName"> <span class="textName">
@@ -994,14 +999,14 @@
computed: { computed: {
columns() { columns() {
let columnResult = JSON.parse(JSON.stringify(this.columnsAll)) let columnResult = JSON.parse(JSON.stringify(this.columnsAll))
if (this.title === '市场清单详情') { // if (this.title === '市场清单详情') {
for (var i = 0; i < columnResult.length; i++) { // for (var i = 0; i < columnResult.length; i++) {
if (columnResult[i].title === this.$t('operation')) { // if (columnResult[i].title === this.$t('operation')) {
columnResult.splice(i, 1) // columnResult.splice(i, 1)
i-- // i--
} // }
} // }
} // }
this.isTruee = false this.isTruee = false
this.$nextTick(() => { this.$nextTick(() => {
this.isTruee = true this.isTruee = true
@@ -1051,6 +1056,8 @@
this.isTrue = false this.isTrue = false
setTimeout(() => { setTimeout(() => {
this.isTrue = true this.isTrue = true
this.title = this.$route.query.title
this.isTrue = this.$route.query.title == '市场清单详情' ? false : true
}, 100) }, 100)
}, },
//导出 //导出
@@ -1181,7 +1188,7 @@
title: this.$t('operation'), title: this.$t('operation'),
align: 'left', align: 'left',
fixed: 'right', fixed: 'right',
width: 240, width: 120,
scopedSlots: { customRender: 'operation' } scopedSlots: { customRender: 'operation' }
}) })
@@ -1346,6 +1353,9 @@
edit(item) { edit(item) {
this.$refs.editModelRef.editModel(JSON.parse(JSON.stringify(item))) this.$refs.editModelRef.editModel(JSON.parse(JSON.stringify(item)))
}, },
viewClick(item){
this.$refs.editModelRef.viewModel(JSON.parse(JSON.stringify(item)))
},
deleteLib(val) { deleteLib(val) {
let _this = this let _this = this
this.$confirm({ this.$confirm({
jero-web/src/views/processCenter/components/taskCirculationHistory.vue
+161 -28
View File
@@ -8,23 +8,46 @@
<div style="width: 100%"> <div style="width: 100%">
<a-table <a-table
ref="table" ref="table"
:components="drag(columns,'columns')" size="middle"
:loading="loading" :loading="loading"
:pagination="false" :pagination="false"
:scroll="{x: '100%'}" :scroll="{x: '100%'}"
:data-source="dataSource" :data-source="dataSource"
:columns="columns" :columns="columns"
> >
<span slot="reviewResult" :title="text" slot-scope="text,result"> <span slot="approvalResult" slot-scope="text,result">
{{text}} {{approvalResult[text]}}
</span>
<span slot="approvalOpinion" slot-scope="text,result">
<a-tooltip placement="top">
<template slot="title">
<span>{{text}}</span>
</template>
{{text}}
</a-tooltip>
</span>
<span slot="resultofhandling" slot-scope="text,result">
<span :class="statusClass[result.operatorResult]" :title="result.operatorResultName">
{{result.operatorResultName}}
</span>
</span>
<span slot="approvalFile" slot-scope="text,result">
<span class="viewFile"
@click="viewFileClick(result.approvalFile)"
v-if="result.approvalFile">
{{$t('viewFile')}}
</span>
<span v-else>--</span>
</span> </span>
</a-table> </a-table>
</div> </div>
<viewFileModel ref="viewFileModelRef"/>
</div> </div>
</template> </template>
<script> <script>
import { getAction, postAction, downloadFile } from '@/api/manage' import { getAction, postAction, downloadFile } from '@/api/manage'
import viewFileModel from '@/components/viewFileModel/index'
import moment from 'moment' import moment from 'moment'
import { Base64 } from 'js-base64' import { Base64 } from 'js-base64'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header' import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
@@ -32,54 +55,72 @@
export default { export default {
name: 'circulationHistory', name: 'circulationHistory',
mixins:[ResizeHeader, ResizeColumnProvide], mixins:[ResizeHeader, ResizeColumnProvide],
components:{
viewFileModel
},
data() { data() {
return { return {
dataSource: [], dataSource: [],
loading: false, loading: false,
reviewResult: { statusClass: {
'launch': this.$t('Launch'), 'Accepted': 'AcceptedClass',
'Compliance': this.$t('accord'), 'Rejected': 'RejectedClass',
'Non-Compliance': this.$t('nonConformity'), 'Transfer': 'TransferClass',
'To be tracked': this.$t('Tracked'), 'Returned': 'ReturnedClass',
'NA': this.$t('notInvolved'), 'Adopt': 'AdoptClass',
'No rating': this.$t('toBeConfirmed') 'Compliance': 'ComplianceClass',
'Non-Compliance': 'NonComplianceClass',
'To be tracked': 'trackedClass',
'NA': 'NAClass'
}, },
columns: [ columns: [
{
title: this.$t('OperationNode'),
dataIndex: 'name',
align: 'left',
ellipsis: true,
width: 470
},
{ {
title: this.$t('Operator'), title: this.$t('Operator'),
dataIndex: 'assignee', dataIndex: 'assignee',
align: 'left', align: 'left',
ellipsis: true, width: 120,
width: 270 ellipsis: true
}, },
{ {
title: this.$t('result'), title: this.$t('Tasknode'),
dataIndex: 'reviewResult', dataIndex: 'name',
align: 'left', align: 'left',
ellipsis: true, width: 180,
scopedSlots: { customRender: 'reviewResult' }, ellipsis: true
width: 270
}, },
{ {
title: this.$t('opinion'), title: this.$t('feedback'),
dataIndex: 'approvalOpinion', dataIndex: 'approvalOpinion',
align: 'left', align: 'left',
width: 200,
ellipsis: true, ellipsis: true,
width: 270 scopedSlots: { customRender: 'approvalOpinion' }
}, },
{ {
title: this.$t('operationTime'), title: this.$t('resultofhandling'),
dataIndex: 'operatorResultName',
align: 'left',
width: 160,
ellipsis: true,
scopedSlots: { customRender: 'resultofhandling' }
},
{
title: this.$t('enclosure'),
dataIndex: 'approvalFile',
align: 'left',
width: 100,
ellipsis: true,
scopedSlots: { customRender: 'approvalFile' }
},
{
title: this.$t('OperationTime'),
dataIndex: 'createTime', dataIndex: 'createTime',
align: 'left', align: 'left',
ellipsis: true,
width: 200, width: 200,
ellipsis: true,
customRender: function(t, r, index) {
return moment(t).format('YYYY-MM-DD HH:mm:ss')
}
} }
], ],
downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download' downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download'
@@ -103,6 +144,9 @@
this.loading = false this.loading = false
} }
}) })
},
viewFileClick(item) {
this.$refs.viewFileModelRef.clickButtonToUpload(item)
} }
} }
} }
@@ -127,6 +171,95 @@
color: #000F16; color: #000F16;
} }
} }
.AcceptedClass {
background: #e9f8ed;
color: #26BD4B;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.RejectedClass {
background: #fdeaea;
color: #E83030;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.TransferClass {
background: #fff6e8;
color: #FDA71C;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.ReturnedClass {
background: #fff6e8;
color: #FDA71C;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.AdoptClass {
background: #e9f8ed;
color: #26BD4B;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.ComplianceClass {
background: #e9f8ed;
color: #26BD4B;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.NonComplianceClass {
background: #fdeaea;
color: #E83030;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.trackedClass {
background: #fff6e8;
color: #FDA71C;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
.NAClass {
background: #f1f1f3;
color: #707486;
display: inline-block;
padding: 4px 8px;
border-radius: 2px;
font-weight: 400;
font-size: 12px;
}
// //
///deep/.ant-table-column-title{ ///deep/.ant-table-column-title{
// font-weight: bold!important; // font-weight: bold!important;
jero-web/src/views/processCenter/processForm/processDetails/index.vue
+4 -1
View File
@@ -8,7 +8,7 @@
<!-- <span class="flow-chart-title">{{ $route.params.processNumber }} {{ $route.params.processTypeName }} 流程图</span>--> <!-- <span class="flow-chart-title">{{ $route.params.processNumber }} {{ $route.params.processTypeName }} 流程图</span>-->
</div> </div>
<div class="flow-group" style="overflow: auto;text-align: center"> <div class="flow-group" style="overflow: auto;text-align: center">
<img :src="processStep" class="process-img"> <img :src="processStep" @click="processStepClick" class="process-img">
</div> </div>
</div> </div>
<div class="action-bar"> <div class="action-bar">
@@ -55,6 +55,9 @@
methods: { methods: {
back() { back() {
},
processStepClick(){
window.open(this.processStep)
}, },
// 请求转换流程图 // 请求转换流程图
processNum() { processNum() {
jero-web/src/views/projectManagement/components/certificationList/components/addCodeNumber.vue
+186 -184
View File
@@ -11,15 +11,15 @@
style="height: 100%;overflow: auto;padding-bottom: 53px;"> style="height: 100%;overflow: auto;padding-bottom: 53px;">
<div style="margin-bottom: 60px"> <div style="margin-bottom: 60px">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="12" :sm="8"> <a-col :md="12" :sm="8">
<div class="box-title-text"> <div class="box-title-text">
<div class="title-text" :title="$t('standard')"> <div class="title-text" :title="$t('standard')">
<span>{{$t('standard')}}</span> <span>{{$t('standard')}}</span>
</div> </div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')" <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
v-model="queryParam.serialNumber"></a-input> v-model="queryParam.serialNumber"></j-input>
</div> </div>
</a-col> </a-col>
<template v-if="toggleSearchStatus"> <template v-if="toggleSearchStatus">
@@ -28,8 +28,8 @@
<div class="title-text" :title="$t('title')"> <div class="title-text" :title="$t('title')">
<span>{{$t('title')}}</span> <span>{{$t('title')}}</span>
</div> </div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')" <j-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
v-model="queryParam.title"></a-input> v-model="queryParam.title"></j-input>
</div> </div>
</a-col> </a-col>
<a-col :md="12" :sm="8"> <a-col :md="12" :sm="8">
@@ -62,27 +62,26 @@
<div style="width: 100%"> <div style="width: 100%">
<a-table <a-table
:columns="columns" :columns="columns"
:components="drag(columns,'columns')"
rowKey="id" rowKey="id"
:scroll="{x: '100%'}" :scroll="{x: '100%',y:'calc(100vh - 300px)'}"
:data-source="dataList" :data-source="dataList"
:pagination="false" :pagination="false"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange ,columnTitle:' ' , type:'radio'}"
:loading="loading"> :loading="loading">
</a-table> </a-table>
</div> </div>
<div class="page" v-if="dataList.length > 0"> <!-- <div class="page" v-if="dataList.length > 0">
<a-pagination <a-pagination
:show-total="total => $t('total')+` ${total} `+$t('strip')" :show-total="total => $t('total')+` ${total} `+$t('strip')"
show-quick-jumper show-quick-jumper
show-size-changer show-size-changer
:page-size.sync="pageSize" :page-size.sync="pageSize"
:total="total" :total="total"
:current="pageNo" :current="pageNo"
@change="onChange" @change="onChange"
@showSizeChange="SizeChange" @showSizeChange="SizeChange"
/> />
</div> </div>-->
</div> </div>
@@ -95,187 +94,190 @@
</template> </template>
<script> <script>
import { getAction, postAction } from '@/api/manage' import { getAction, postAction } from '@/api/manage'
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header' import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
export default { export default {
name: 'addCodeNumber', name: 'addCodeNumber',
mixins: [ResizeHeader, ResizeColumnProvide], mixins: [ResizeHeader, ResizeColumnProvide],
data() { data() {
return { return {
url: { url: {
addModelList: '/project/projectLawsInventoryEO/page', addModelList: '/project/projectLawsInventoryEO/list'
},
visible: false,
toggleSearchStatus: false,
columns: [
{
title: this.$t('standard'),
dataIndex: 'serialNumber',
align: 'left',
ellipsis: true,
width: 250
}, },
{ visible: false,
title: this.$t('title'), toggleSearchStatus: false,
dataIndex: 'title', columns: [
align: 'left', {
ellipsis: true, title: this.$t('standard'),
width: 250 dataIndex: 'serialNumber',
}, align: 'left',
{ ellipsis: true,
title: this.$t('certificationType'), width: 250
dataIndex: 'attestationType_dictText', },
align: 'left', {
ellipsis: true, title: this.$t('title'),
width: 190 dataIndex: 'title',
}, align: 'left',
{ ellipsis: true,
title: this.$t('areaOfResponsibility'), width: 250
dataIndex: 'dutyTerritory_dictText', },
align: 'left', {
ellipsis: true, title: this.$t('certificationType'),
width: 190 dataIndex: 'attestationType_dictText',
} align: 'left',
], ellipsis: true,
dataList: [], width: 190
selectedRowKeys: [], },
loading: false, {
pageNo: 1, title: this.$t('areaOfResponsibility'),
pageSize: 10, dataIndex: 'dutyTerritory_dictText',
total: 0, align: 'left',
queryParam: {}, ellipsis: true,
confirmLoading: false, width: 190
} }
}, ],
mounted() { dataList: [],
selectedRowKeys: [],
}, loading: false,
methods: { pageNo: 1,
handleToggleSearch() { pageSize: 10,
this.toggleSearchStatus = !this.toggleSearchStatus total: 0,
}, queryParam: {},
add() { confirmLoading: false
this.visible = true
this.replacePage()
},
handleCancel() {
this.visible = false
},
searchQuery() {
this.pageNo = 1
this.replacePage()
},
searchReset() {
this.pageNo = 1
this.queryParam = {}
this.replacePage()
},
onChange(page, pageSize) {
this.pageNo = page
this.replacePage()
},
SizeChange(page, pageSize) {
this.pageNo = 1
this.pageSize = pageSize
this.replacePage()
},
replacePage() {
let query = {
pageNo: this.pageNo,
pageSize: this.pageSize,
...this.queryParam,
projectLibraryId: this.$route.query.id,
} }
this.loading = true },
getAction(this.url.addModelList, query).then((res) => { mounted() {
if (res.success) {
this.dataList = res.result.records || [] },
this.total = res.result.total methods: {
this.loading = false handleToggleSearch() {
} else { this.toggleSearchStatus = !this.toggleSearchStatus
this.dataList = [] },
this.total = 0 add() {
this.loading = false this.visible = true
this.queryParam = {}
this.selectedRowKeys = []
this.replacePage()
},
handleCancel() {
this.visible = false
},
searchQuery() {
this.pageNo = 1
this.replacePage()
},
searchReset() {
this.pageNo = 1
this.queryParam = {}
this.replacePage()
},
onChange(page, pageSize) {
this.pageNo = page
this.replacePage()
},
SizeChange(page, pageSize) {
this.pageNo = 1
this.pageSize = pageSize
this.replacePage()
},
replacePage() {
let query = {
// pageNo: this.pageNo,
// pageSize: this.pageSize,
...this.queryParam,
projectLibraryId: this.$route.query.id,
roleCode: 0
} }
}) this.loading = true
}, getAction(this.url.addModelList, query).then((res) => {
onSelectChange(value,row) { if (res.success) {
this.selectedRowKeys = value this.dataList = res.result || []
this.selectedRowList = row // this.total = res.result.total
}, this.loading = false
handleSubmit() { } else {
if (this.selectedRowKeys && this.selectedRowKeys.length > 0) { this.dataList = []
this.confirmLoading = true this.total = 0
let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys)) this.loading = false
if (this.selectedRowKeys.length < 2){ }
let fgid = this.selectedRowList[0].id })
let regulationIndex = this.selectedRowList[0].serialNumber },
this.confirmLoading = false onSelectChange(value, row) {
this.visible = false this.selectedRowKeys = value
this.$emit('regulation',regulationIndex,fgid) this.selectedRowList = row
},
handleSubmit() {
if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
this.confirmLoading = true
let selectedRowKeys = JSON.parse(JSON.stringify(this.selectedRowKeys))
if (this.selectedRowKeys.length < 2) {
let fgid = this.selectedRowList[0].standId
let regulationIndex = this.selectedRowList[0].serialNumber
this.confirmLoading = false
this.visible = false
this.$emit('regulation', regulationIndex, fgid)
} else {
this.$message.warning(this.$t('OnlyOneSelected'))
this.confirmLoading = false
}
} else { } else {
this.$message.warning(this.$t('OnlyOneSelected')) this.$message.warning(this.$t('selectLeastOne'))
this.confirmLoading = false this.confirmLoading = false
} }
} else {
this.$message.warning(this.$t('selectLeastOne'))
this.confirmLoading = false
} }
} }
} }
}
</script> </script>
<style lang='less' scoped> <style lang='less' scoped>
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.box-title-text { .box-title-text {
line-height: 1.4; line-height: 1.4;
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
} }
.title-text { .title-text {
width: 110px; width: 110px;
color: #000F16; color: #000F16;
display: inline-block; display: inline-block;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
margin-right: 16px; margin-right: 16px;
margin-top: 3px; margin-top: 3px;
text-align: right; text-align: right;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.box-input { .box-input {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: 38px; height: 38px;
} }
.box-button { .box-button {
height: 38px; height: 38px;
} }
.page { .page {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
} }
.drawer-bootom-button { .drawer-bootom-button {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 100; z-index: 100;
border-top: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;
padding: 10px 16px; padding: 10px 16px;
text-align: right; text-align: right;
left: 0; left: 0;
background: #fff; background: #fff;
border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
} }
</style> </style>
jero-web/src/views/projectManagement/components/certificationList/components/addModel.vue
+8 -7
View File
@@ -36,15 +36,16 @@
<!-- </span>--> <!-- </span>-->
<!-- </a-select-option>--> <!-- </a-select-option>-->
<!-- </a-select>--> <!-- </a-select>-->
<!-- <a-input class="box-input"-->
<!-- :disabled="true"-->
<!-- v-else-->
<!-- v-model.trim="formInline.serialNumber"-->
<!-- :placeholder="$t('PleaseEnter')+this.$t('regulationNo')"/>-->
<a-input @click.native="serialNumberClick" <a-input @click.native="serialNumberClick"
class="box-input" class="box-input"
v-if="!this.formInline.id"
:placeholder="$t('PleaseSelect')+$t('regulationNo')" :placeholder="$t('PleaseSelect')+$t('regulationNo')"
v-model="formInline.serialNumber"></a-input> v-model="formInline.serialNumber"></a-input>
<a-input class="box-input"
:disabled="true"
v-else
v-model.trim="formInline.serialNumber"
:placeholder="$t('PleaseEnter')+this.$t('regulationNo')"/>
</a-form-model-item> </a-form-model-item>
</div> </div>
</a-col> </a-col>
@@ -162,7 +163,7 @@
<span class="title-text-text" <span class="title-text-text"
:title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span> :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
</div> </div>
<a-form-model-item class="itemModel-multi" <a-form-model-item class="itemModel"
style="display: inline-block" style="display: inline-block"
:prop="'dataList.'+index+'.deliverableType'" :prop="'dataList.'+index+'.deliverableType'"
:rules="[{ required: true, message: $t('typeOfDeliverables') + $t('cannotEmpty'), trigger: 'change'},]" :rules="[{ required: true, message: $t('typeOfDeliverables') + $t('cannotEmpty'), trigger: 'change'},]"
@@ -361,7 +362,7 @@
<span class="Required">*</span> <span class="Required">*</span>
<span class="title-text-text" :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span> <span class="title-text-text" :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
</div> </div>
<a-form-model-item class="itemModel-multi" <a-form-model-item class="itemModel"
style="display: inline-block" style="display: inline-block"
:prop="'deliverableType'" :prop="'deliverableType'"
> >