commit

src/assets/styles/mixin.less

@@ -145,6 +145,11 @@
     font-size: @fontSize;
     .rounded-corners(@rounded);
 }
+.ant-input {
+    &::placeholder {
+        color: @m-grey10;
+    }
+}
 .commonInput {
     background: #15202B;
     border: 1px solid @m-grey14;
@@ -153,9 +158,6 @@
     .ant-input {
         color: #E5E5E5;
         background: transparent;
-        &::placeholder {
-            color: @m-grey10;
-        }
     }
     .ant-input-suffix {
         color: #E5E5E5;
@@ -170,9 +172,6 @@
     border: 0;
     color: @m-white1;
     font-size: 14px;
-    &::placeholder {
-        color: @m-grey10;
-    }
 }
 .tableConditionInput+.tableConditionInput {
     margin-left: 10px;
@@ -291,7 +290,7 @@
     .ant-row.ant-form-item {
         margin-bottom: 21px;
         .ant-form-item-label {
-            width: 80px;
+            width: 130px;
             line-height: 30px;
             text-align: left;
             label {
@@ -342,31 +341,35 @@
         height: 30px;
         padding: 0 8px;
         background: #15202B;
-        border: 1px solid #0C95FF;
+        border: 1px solid #2B3F52;
         border-radius: 3px;
         color: #E5E5E5;
         .ant-select-selection-placeholder {
             color: @m-grey10;
         }
-    }
+    } 
     .ant-select-arrow {
         right: 8px;
-        color: #3A87F7;
+        color: #3A87F7 !important;
     }
-    
 }
 .typeSelect.ant-select-single:extend(.inlineFormSelect.ant-select-single) {
-    border: 1px solid #0C95FF;
+    .ant-select-selector {
+        border: 1px solid #0C95FF;
+        .ant-select-selection-placeholder {
+            color: @m-grey10;
+        }
+    }
 }
 
-.commonInput {
+.dialogInput {
     background: #15202B;
     border: 1px solid @m-grey14;
     border-radius: 3px;
     color: #E5E5E5;
     .ant-input {
         color: #E5E5E5;
-        background: transparent;
+        background: transparent
     }
     .ant-input-suffix {
         color: #E5E5E5;

src/views/information/custom/compoments/addCustom/index.vue

@@ -31,7 +31,7 @@
                 :span="12"
                 >
                     <a-form-item label="企业名称">
-                        <a-input class="commonInput" style="width: 200px"/>
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入企业名称"/>
                     </a-form-item>
                 </a-col>
             </a-row>
@@ -39,26 +39,139 @@
                 <a-col
                 :span="12"
                 >
-                    <a-form-item label="挂牌数量">
-                        <a-input class="commonInput" suffix="吨" style="width: 200px"/>
+                    <a-form-item label="企业简称">
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入企业简称"/>
                     </a-form-item>
                 </a-col>
                 <a-col
                 :span="12"
                 >
-                    <a-form-item label="起摘数量" class="relative">
-                        <a-input class="commonInput" suffix="吨" style="width: 200px" />
-                        <div class="tip">最小单位：1吨</div>
+                    <a-form-item label="证件类型">
+                        <a-select class="inlineFormSelect" style="width: 200px" placeholder="请选择证件类型">
+                            <a-select-option value="1">
+                                客户一
+                            </a-select-option>
+                            <a-select-option value="2">
+                                客户二
+                            </a-select-option>
+                        </a-select>
                     </a-form-item>
                 </a-col>
             </a-row>
             <a-row :gutter="24">
                 <a-col
-                :span="24"
+                :span="12"
+                >
+                    <a-form-item label="法定代表人">
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入法定代表人"/>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="证件号码">
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入证件号码"/>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="纳税人识别号">
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入纳税人识别号"/>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="营业执照">
+                        <div class="upload">
+                            <a-button class="uploadBtn">上传</a-button>
+                            <div class="look">查看附件</div>
+                        </div>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系人">
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入联系人"/>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系人手机号">
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入联系人手机号"/>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系电话">
+                        <a-input class="dialogInput" style="width: 200px" placeholder="请输入联系电话"/>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
                 >
                     <a-form-item>
-                        <a-progress class="formProgress" :percent="30" />
-                        <div class="unit"><span>0</span><span>300吨</span></div>
+                        &nbsp;
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="24"
+                >
+                    <a-form-item label="通讯地址">
+                        <a-select class="inlineFormSelect" style="width: 205px" placeholder="请选择省">
+                            <a-select-option value="1">
+                                客户一
+                            </a-select-option>
+                            <a-select-option value="2">
+                                客户二
+                            </a-select-option>
+                        </a-select>
+                        <a-select class="inlineFormSelect" style="width: 205px" placeholder="请选择市">
+                            <a-select-option value="1">
+                                客户一
+                            </a-select-option>
+                            <a-select-option value="2">
+                                客户二
+                            </a-select-option>
+                        </a-select>
+                        <a-select class="inlineFormSelect" style="width: 205px" placeholder="请选择县(区)">
+                            <a-select-option value="1">
+                                客户一
+                            </a-select-option>
+                            <a-select-option value="2">
+                                客户二
+                            </a-select-option>
+                        </a-select>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="24"
+                >
+                    <a-form-item label="&nbsp;">
+                        <a-input class="dialogInput" style="width: 635px" placeholder="请输入详细地址"/>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="24"
+                >
+                    <a-form-item label="备注">
+                        <a-input class="dialogInput" style="width: 635px" placeholder="请输入备注"/>
                     </a-form-item>
                 </a-col>
             </a-row>
@@ -99,4 +212,28 @@ export default defineComponent({
 <style lang="less">
 .add-custom {
 }
+.upload {
+    display: inline-flex;
+    .ant-btn.uploadBtn {
+        width: 60px;
+        height: 30px;
+        background: @m-blue0;
+        border: 0;
+        padding: 0;
+        text-align: center;
+        font-size: 14px;
+        color: @m-white0;
+        .rounded-corners(3px);
+        &:hover {
+            background: rgba(@m-blue0, .0);
+            color: rgba(@m-white0, .8);
+        }
+    }
+    .look {
+        color: @m-blue0;
+        font-size: 14px;
+        margin-left: 10px;
+        cursor: pointer;
+    }
+}
 </style>;

src/views/information/custom/compoments/filterTable/index.vue

@@ -120,7 +120,7 @@ export default defineComponent({
     margin-left: 10px;
     width: 80px;
     height: 30px;
-    line-height: 30px;
+    line-height: 31px;
     text-align: center;
     background: linear-gradient(0deg, @m-grey15 0%, @m-grey16 98%);
     border: 0;