commit

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

@@ -1,6 +1,6 @@
 <template>
   <!-- 客户资料详情-->
-  <a-modal class="custom-detail"
+  <a-modal class="add-custom custom-detail"
            title="客户资料详情"
            v-model:visible="visible"
            @cancel="cancel"
@@ -9,8 +9,126 @@
       <a-button key="submit"
                 type="primary"
                 :loading="loading"
-                @click="submit">完成</a-button>
+                @click="submit">关闭</a-button>
     </template>
+    <a-form class="inlineForm" :form="form" @submit="handleSearch">
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="客户类型" >
+                        <span class="white">企业</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="企业名称">
+                        <span class="white">深圳市前海矿业有限公司</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="企业简称">
+                        <span class="white">前海矿业</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="证件类型">
+                        <span class="white">营业执照</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="法定代表人">
+                        <span class="white">李顺利</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="证件号码">
+                        <span class="white">4328648236492432</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="纳税人识别号">
+                        <span class="white">57465736DR46456</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="营业执照">
+                        <div class="upload">
+                            <a class="blue">查看附件</a>
+                        </div>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系人">
+                        <span class="white">王平</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系人手机号">
+                        <span class="white">13745653421</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="联系电话">
+                        <span class="white">0755-34342544</span>
+                    </a-form-item>
+                </a-col>
+                <a-col
+                :span="12"
+                >
+                    <a-form-item label="状态">
+                        <span class="green">正常</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="24"
+                >
+                    <a-form-item label="通讯地址">
+                        <span class="white">广东省深圳市南山区前海街道路平路1324号</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+            <a-row :gutter="24">
+                <a-col
+                :span="24"
+                >
+                    <a-form-item label="备注">
+                        <span class="white">深圳市前海矿业有限公司</span>
+                    </a-form-item>
+                </a-col>
+            </a-row>
+        </a-form>
   </a-modal>
 </template>
 
@@ -43,5 +161,18 @@ export default defineComponent({
 
 <style lang="less">
 .custom-detail {
+
+}
+.ant-form.inlineForm {
+    margin-top: 20px;
+}
+.white {
+    color: @m-white0;
+}
+.blue {
+    color: @m-blue0;
+}
+.green {
+    color: @m-green0;
 }
 </style>;