|
|
@@ -4,7 +4,10 @@
|
|
|
<el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" label-width="auto">
|
|
|
<hc-info-table>
|
|
|
<tr>
|
|
|
- <hc-info-table-td is-title width="10%">计量期：</hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">
|
|
|
+ <span>计量期：</span>
|
|
|
+ <i class="i-iconoir-asterisk asterisk-icon" />
|
|
|
+ </hc-info-table-td>
|
|
|
<hc-info-table-td>
|
|
|
<el-form-item prop="key1">
|
|
|
<el-select v-model="formModel.meterPeriodId" placeholder="选择计量期" filterable block>
|
|
|
@@ -12,7 +15,10 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</hc-info-table-td>
|
|
|
- <hc-info-table-td is-title width="10%">调差期：</hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">
|
|
|
+ <span>调差期：</span>
|
|
|
+ <i class="i-iconoir-asterisk asterisk-icon" />
|
|
|
+ </hc-info-table-td>
|
|
|
<hc-info-table-td>
|
|
|
<el-form-item prop="contractPeriodId">
|
|
|
<el-select v-model="formModel.contractPeriodId" placeholder="选择调差期" filterable block @change="adjustmentChange">
|
|
|
@@ -24,7 +30,10 @@
|
|
|
</hc-info-table-td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <hc-info-table-td is-title width="10%">材料名称：</hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">
|
|
|
+ <span>材料名称：</span>
|
|
|
+ <i class="i-iconoir-asterisk asterisk-icon" />
|
|
|
+ </hc-info-table-td>
|
|
|
<hc-info-table-td>
|
|
|
<el-form-item prop="contractMaterialId">
|
|
|
<el-select v-model="formModel.contractMaterialId" placeholder="选择材料名称" filterable block @change="materialNameChange">
|
|
|
@@ -32,13 +41,16 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</hc-info-table-td>
|
|
|
- <hc-info-table-td is-title width="10%">施工期市场价格：</hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">
|
|
|
+ <span>施工期市场价格：</span>
|
|
|
+ <i class="i-iconoir-asterisk asterisk-icon" />
|
|
|
+ </hc-info-table-td>
|
|
|
<hc-info-table-td>
|
|
|
<el-form-item prop="currentPrice">
|
|
|
<el-input v-model="formModel.currentPrice" disabled>
|
|
|
<template #suffix>元</template>
|
|
|
<template #append>
|
|
|
- <el-button type="primary" @click="realTimePriceClick">
|
|
|
+ <el-button type="primary" class="hc-input-btn" color="#C99AD7" @click="realTimePriceClick">
|
|
|
<hc-icon name="add" />
|
|
|
<span>选择实时价格</span>
|
|
|
</el-button>
|
|
|
@@ -64,7 +76,10 @@
|
|
|
</hc-info-table-td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <hc-info-table-td is-title width="10%">材料数量：</hc-info-table-td>
|
|
|
+ <hc-info-table-td is-title width="10%">
|
|
|
+ <span>材料数量：</span>
|
|
|
+ <i class="i-iconoir-asterisk asterisk-icon" />
|
|
|
+ </hc-info-table-td>
|
|
|
<hc-info-table-td>
|
|
|
<el-form-item prop="materialTotal">
|
|
|
<el-input v-model="formModel.materialTotal" />
|
|
|
@@ -595,6 +610,18 @@ const modalClose = () => {
|
|
|
display: none;
|
|
|
}
|
|
|
}
|
|
|
+ .asterisk-icon {
|
|
|
+ position: absolute;
|
|
|
+ display: inline-block;
|
|
|
+ color: red;
|
|
|
+ font-size: 8px;
|
|
|
+ }
|
|
|
+ .el-input-group__append .hc-input-btn {
|
|
|
+ background-color: var(--el-button-bg-color);
|
|
|
+ border-radius: 0 3px 3px 0;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
}
|
|
|
.hc-info-form-table {
|
|
|
position: relative;
|
