feat: 标书制作pc留资弹窗样式调整

src/web/staticres/frontRouter/pc/bidedoc/css/index-pc.css

@@ -7,7 +7,7 @@
     padding: 0;
 }
 .is-class {
-    width: 532px;
+    width: 760px;
     padding: 32px;
     border-radius: 8px;
 }
@@ -31,6 +31,9 @@
 .is-class .el-dialog__body {
     padding: 0;
 }
+.is-class .el-form-item__error {
+  line-height: 20px;
+}
 .demo-class {
     position: relative;
 }
@@ -39,87 +42,108 @@
     height: 36px;
 }
 .demo-class .el-form-item .el-form-item__label {
+    margin-right: 0!important;
     padding: 0;
 }
+.demo-class .el-form-item {
+  margin-bottom: 22px;
+}
 
 .demo-class .company-result{
-    position: absolute;
-    width: 368px;
-    /* bottom: -32px;
-    left: 100px; */
-    top: 36px;
-    left: 0;
-    height: auto;
-    background-color: #fff;
-    border: 1px solid #2CB7CA;
-    z-index: 100;
-    border-radius: 4px;
-  }
-  .demo-class .company-list{
-    padding: 0 16px;
-    height: 30px;
-    line-height: 30px;
-    font-size: 14px;
-    color: #1D1D1D;
-    cursor: pointer;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-  .demo-class .company-list:hover{
-    background: #ECECEC;
-  }
-  #success-dialog .success-dialog-container{
-    position: fixed;
-    width: 380px;
-    top: 50%;
-    left: 50%;
-    padding: 20px;
-    transform: translateX(-50%) translateY(-50%);
-    background: #ffffff;
-    border-radius: 8px;
-    transition: all 2s linear;
-    z-index: 1138;
-  }
-  #success-dialog .success-title{
-    padding: 12px 0 20px;
-    color: #1d1d1d;
-    line-height: 28px;
-    font-size: 18px;
-    text-align: center;
-  }
-  #success-dialog .success-content{
-    text-align: center;
-    color: #686868;
-    line-height: 22px;
-    font-size: 14px;
-  }
-  #success-dialog .success-footer{
-    padding: 32px 0 12px;
-    text-align: center;
-  }
-  .mask {
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    right: 0;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, .5);
-    z-index: 1131;
-  }
-  
-  #success-dialog .custom-btn{
-    display: inline-block;
-    width: 132px;
-    height: 36px;
-    line-height: 36px;
-    background: #2cb7ca;
-    border-radius: 6px;
-    text-align: center;
-    color: #fff;
-    font-size: 16px;
-    cursor: pointer;
-    border: 0;
-  }
+  position: absolute;
+  width: 368px;
+  /* bottom: -32px;
+  left: 100px; */
+  top: 36px;
+  left: 0;
+  height: auto;
+  background-color: #fff;
+  border: 1px solid #2CB7CA;
+  z-index: 100;
+  border-radius: 4px;
+}
+.demo-class .company-list{
+  padding: 0 16px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  color: #1D1D1D;
+  cursor: pointer;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.demo-class .company-list:hover{
+  background: #ECECEC;
+}
+#success-dialog .success-dialog-container{
+  position: fixed;
+  width: 380px;
+  top: 50%;
+  left: 50%;
+  padding: 20px;
+  transform: translateX(-50%) translateY(-50%);
+  background: #ffffff;
+  border-radius: 8px;
+  transition: all 2s linear;
+  z-index: 1138;
+}
+#success-dialog .success-title{
+  padding: 12px 0 20px;
+  color: #1d1d1d;
+  line-height: 28px;
+  font-size: 18px;
+  text-align: center;
+}
+#success-dialog .success-content{
+  text-align: center;
+  color: #686868;
+  line-height: 22px;
+  font-size: 14px;
+}
+#success-dialog .success-footer{
+  padding: 32px 0 12px;
+  text-align: center;
+}
+.mask {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  right: 0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, .5);
+  z-index: 1131;
+}
+
+#success-dialog .custom-btn{
+  display: inline-block;
+  width: 132px;
+  height: 36px;
+  line-height: 36px;
+  background: #2cb7ca;
+  border-radius: 6px;
+  text-align: center;
+  color: #fff;
+  font-size: 16px;
+  cursor: pointer;
+  border: 0;
+}
+#bid-leave-info-dialog .company-type .el-checkbox {
+  height: 40px;
+  display: inline-flex;
+  align-items: center;
+}
+.info-form-line-label {
+  padding: 0 8px;
+  font-size: 14px;
+  line-height: 22px;
+  color: #2CB7CA;
+}
+.info-form-line {
+  display: flex;
+}
+.info-form-line .el-form-item {
+  flex: 1;
+}

src/web/templates/common/bidLeaveInfo.html

@@ -15,12 +15,16 @@
     center
   >
     <el-form :model="ruleBide" :rules="rules" ref="ruleBide" label-width="100px" class="demo-class">
-      <el-form-item label="姓名：" prop="name">
-        <el-input v-model="ruleBide.name" placeholder="请输入姓名"></el-input>
-      </el-form-item>
-      <el-form-item label="手机号：" prop="phone">
-        <el-input v-model="ruleBide.phone" placeholder="请输入手机号" @input="inputPhone"></el-input>
-      </el-form-item>
+      <div class="info-form-line-label">基本信息</div>
+      <div class="info-form-line">
+        <el-form-item label="姓名：" prop="name">
+          <el-input v-model="ruleBide.name" placeholder="请输入姓名"></el-input>
+        </el-form-item>
+        <el-form-item label="手机号：" prop="phone">
+          <el-input v-model="ruleBide.phone" placeholder="请输入手机号" @input="inputPhone"></el-input>
+        </el-form-item>
+      </div>
+      <div class="info-form-line-label">公司信息</div>
       <el-form-item
         label="公司名称："
         prop="companyName"