企业认证

src/views/personalCenter/enterpriseCertification/index.vue

@@ -183,13 +183,28 @@
           </template>
         </BasicForm>
       </div>
+      <Divider />
+      <div class="footer-button">
+        <div class="agreement">
+          <Checkbox v-model:checked="checkedAgree" />
+          <div style="line-height: 22px">
+            我已同意注册平台的
+            <a type="link" @click="handleAgreement">《认证服务协议》</a>
+            <a type="link" @click="handleAgreement">《合作协议》</a>
+          </div>
+        </div>
+        <div class="agree-bg">
+          <a-button class="button" type="primary">提交认证</a-button>
+          <a-button class="button">保存</a-button>
+        </div>
+      </div>
     </div>
   </PageWrapper>
 </template>
 
 <script lang="ts" setup>
   import { PageWrapper } from '@/components/Page';
-  import { CheckboxGroup, Divider, UploadDragger, Input, RadioGroup } from 'ant-design-vue';
+  import { CheckboxGroup, Divider, UploadDragger, Input, RadioGroup, Checkbox } from 'ant-design-vue';
   import { identityOptions, typeOptions } from './ecData';
   import { ApiOutlined, PlusOutlined } from '@ant-design/icons-vue';
   import { useRouter } from 'vue-router';
@@ -206,6 +221,7 @@
   const router = useRouter();
   const { createMessage } = useMessage();
   // 参数
+  const checkedAgree = ref(false);
   const licenseList = ref([]);
   /**
    * 方法
@@ -219,6 +235,9 @@
   function handleDownTemp() {
     createMessage.success('下载成功！');
   }
+  function handleAgreement() {
+    createMessage.success('下载成功！');
+  }
   /**
    * form
    */
@@ -337,6 +356,26 @@
         margin-right: 5px; /* 星号和文本之间的间距 */
       }
     }
+    .footer-button {
+      display: flex;
+      flex-direction: column;
+      gap: 15px;
+      align-items: center;
+      .agreement {
+        display: flex;
+        gap: 10px;
+      }
+      .agree-bg {
+        display: flex;
+        gap: 10px;
+        margin-bottom: 30px;
+        .button {
+          height: 40px;
+          width: 160px;
+          font-size: 16px;
+        }
+      }
+    }
   }
   .title {
     font-size: 20px;