修改复合输入框显示问题

src/assets/styles/index.scss

@@ -53,6 +53,7 @@ ul,li {
       display: flex;
       justify-content: space-between;
       align-items: center;  /* 将标题垂直居中 */
+      padding: 20px;
       .input-range {    // 分离范围输入框
         display: flex;
         align-items: center;

src/views/zjdlx/Check.vue

@@ -257,8 +257,7 @@
         height:12cm;		//更改竖向分割线长度
     }
     :deep(.el-tabs__header) {
-        width: fit-content;
-        margin: 20px auto;
+        border-bottom: none;
     .el-tabs__item {
         border: 1px solid #DDD !important;
 

src/views/zjdlx/Detail.vue

@@ -149,19 +149,20 @@
                 </el-form>
                 <div class="detail-sub-title">附件信息</div>
                 <el-form :model="form.basicInfo" :rules="formRules.basicInfo" label-position="top" ref="basicInfo" class="form-detail">
-                    <el-form-item label="项目初步设计报告文本" prop="projectPreliminaryDesignReportText">
+                    <el-form-item class="form-item-append" label="项目初步设计报告文本" prop="projectPreliminaryDesignReportText">
+                        <el-button class="label-append" link type="primary"><u>下载模板</u></el-button>
                         <el-input v-model="form.basicInfo.projectPreliminaryDesignReportText" placeholder="" clearable>
-                            <template #append >
+                            <template #append>
                                 <img src="../../assets/imgs/0531/上传.png" alt="" width="12" height="12">
                                 <el-button type="primary" class="btn-default">上传</el-button>
                             </template>
                         </el-input>
                     </el-form-item>
-                    <el-form-item label="上年度审计报告" prop="lastYearAuditReport">
-                        <el-input v-model="form.basicInfo.lastYearAuditReport" placeholder="" clearable>
+                    <el-form-item label="上年度审计报告" prop="lastYearAuditReport" >
+                        <el-input  v-model="form.basicInfo.lastYearAuditReport"  placeholder="" clearable class="btn-default">
                             <template #append>
-                                <img src="../../assets/imgs/0531/上传.png" alt="" width="12" height="12">
-                                <el-button type="primary" class="btn-default">上传</el-button>
+                                    <img src="../../assets/imgs/0531/上传.png" alt="" width="12" height="12">
+                                    <el-button type="primary" class="btn-default">上传</el-button>
                             </template>
                         </el-input>
                     </el-form-item>
@@ -190,15 +191,17 @@
                             </template>
                         </el-input>
                     </el-form-item>
-                    <el-form-item label="真实性承诺及信用承诺（后附）" prop="creditCommitment">
-                        <el-input v-model="form.basicInfo.creditCommitment" placeholder="" clearable>
+                    <el-form-item class="form-item-append" label="真实性承诺及信用承诺（后附）" prop="creditCommitment">
+                        <el-button class="label-append" link type="primary"><u>下载模板</u></el-button>
+                        <el-input  v-model="form.basicInfo.creditCommitment" placeholder="" clearable>
                             <template #append>
                                 <img src="../../assets/imgs/0531/上传.png" alt="" width="12" height="12">
                                 <el-button type="primary" class="btn-default">上传</el-button>
                             </template>
                         </el-input>
                     </el-form-item>
-                    <el-form-item label="近三年财政支持项目一览表（后附）" prop="projectSchedule">
+                    <el-form-item class="form-item-append" label="近三年财政支持项目一览表（后附）" prop="projectSchedule">
+                        <el-button class="label-append" link type="primary"><u>下载模板</u></el-button>
                         <el-input v-model="form.basicInfo.projectSchedule" placeholder="" clearable>
                             <template #append>
                                 <img src="../../assets/imgs/0531/上传.png" alt="" width="12" height="12">
@@ -394,10 +397,30 @@
 
 </script>
 
-<style scoped>
+<style scoped lang="scss">
     :deep(.el-input-group__append)  {
         background-color: #00b368;
         color: #fff;
         padding: 0;
 }
+    .form-item-append {
+        position: relative;
+        .label-append {
+            position: absolute;
+            top: -35px;
+            right: 0;
+        }
+    }
+    /*:deep(.btn-group){*/
+    /*    .el-input-group{*/
+    /*        padding: 1px 1.019vh;*/
+    /*        width: 30%;*/
+    /*    }*/
+    /*}*/
+    :deep(.el-input-group__append) {
+        border: 1px solid var(--color-bg-1);
+        width: fit-content !important;
+        padding: 0 10px;
+    }
+
 </style>