添加清单UI修改
This commit is contained in:
@@ -12,7 +12,7 @@
|
|||||||
<div class="table-page-search-wrapper">
|
<div class="table-page-search-wrapper">
|
||||||
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
<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="5">
|
||||||
<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>
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
v-model="queryParam.serial_number"></a-input>
|
v-model="queryParam.serial_number"></a-input>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :md="12" :sm="8">
|
<a-col :md="12" :sm="5">
|
||||||
<div class="box-title-text">
|
<div class="box-title-text">
|
||||||
<div class="title-text" :title="$t('title')">
|
<div class="title-text" :title="$t('title')">
|
||||||
<span>{{$t('title')}}</span>
|
<span>{{$t('title')}}</span>
|
||||||
@@ -30,7 +30,7 @@
|
|||||||
v-model="queryParam.title"></a-input>
|
v-model="queryParam.title"></a-input>
|
||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :md="12" :sm="8">
|
<a-col :md="12" :sm="5">
|
||||||
<div class="box-title-text">
|
<div class="box-title-text">
|
||||||
<div class="title-text" :title="$t('status')">
|
<div class="title-text" :title="$t('status')">
|
||||||
<span>{{$t('status')}}</span>
|
<span>{{$t('status')}}</span>
|
||||||
@@ -301,7 +301,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.title-text {
|
.title-text {
|
||||||
width: 33px;
|
width: 20%;
|
||||||
|
min-width: 110px;
|
||||||
color: #000F16;
|
color: #000F16;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -316,8 +317,9 @@
|
|||||||
|
|
||||||
.box-input {
|
.box-input {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 70%;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-button {
|
.box-button {
|
||||||
|
|||||||
@@ -45,7 +45,7 @@
|
|||||||
<a-form-model-item class="itemModel" prop='projectVersion'>
|
<a-form-model-item class="itemModel" prop='projectVersion'>
|
||||||
<a-select
|
<a-select
|
||||||
class="box-input propbox"
|
class="box-input propbox"
|
||||||
style="width: 100%"
|
style="width: 109%"
|
||||||
v-model='formData.projectVersion'
|
v-model='formData.projectVersion'
|
||||||
:placeholder="$t('PleaseSelect')+$t('relatedProjectVersion')">
|
:placeholder="$t('PleaseSelect')+$t('relatedProjectVersion')">
|
||||||
<!-- <a-select-option :value="null">{{$t('pleaseSelect')}}</a-select-option>-->
|
<!-- <a-select-option :value="null">{{$t('pleaseSelect')}}</a-select-option>-->
|
||||||
@@ -66,13 +66,13 @@
|
|||||||
<!-- <a-col :span='6'>-->
|
<!-- <a-col :span='6'>-->
|
||||||
<!-- </a-col>-->
|
<!-- </a-col>-->
|
||||||
</a-row>
|
</a-row>
|
||||||
<a-row :gutter="24" style="border-bottom: 1px #f5f5f5 solid;margin-bottom: 10px">
|
<a-row :gutter="24" style="border-bottom: 1px #e8e8e8 solid;margin-bottom: 10px">
|
||||||
<a-col :span="22">
|
<a-col :span="22">
|
||||||
<div class="box-title-text">
|
<div class="box-title-text">
|
||||||
<div class="title-text">
|
<div class="title-text">
|
||||||
<span class="title-text-text" :title="$t('explain')">{{$t('explain')}}</span>
|
<span class="title-text-text" :title="$t('explain')">{{$t('explain')}}</span>
|
||||||
</div>
|
</div>
|
||||||
<a-form-model-item class="itemModel" prop="explanation">
|
<a-form-model-item class="itemModel explainbox" prop="explanation">
|
||||||
<a-textarea
|
<a-textarea
|
||||||
:placeholder="$t('PleaseEnter')+$t('explain')"
|
:placeholder="$t('PleaseEnter')+$t('explain')"
|
||||||
v-model.trim="formData.explanation" :rows="4"/>
|
v-model.trim="formData.explanation" :rows="4"/>
|
||||||
@@ -467,7 +467,7 @@
|
|||||||
|
|
||||||
.diolag-area {
|
.diolag-area {
|
||||||
.table-area {
|
.table-area {
|
||||||
margin: 20px 0;
|
//margin: 20px 0;
|
||||||
|
|
||||||
.action-edit {
|
.action-edit {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
@@ -481,6 +481,9 @@
|
|||||||
/deep/.propbox .ant-form-explain{
|
/deep/.propbox .ant-form-explain{
|
||||||
margin-top: -17px !important;
|
margin-top: -17px !important;
|
||||||
}
|
}
|
||||||
|
/deep/.explainbox .ant-form-item-control{
|
||||||
|
width: 104%;
|
||||||
|
}
|
||||||
.drawer-bootom-button {
|
.drawer-bootom-button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@@ -506,7 +509,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.title-text {
|
.title-text {
|
||||||
width: 84px;
|
width: 100px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|||||||
Reference in New Issue
Block a user