perf: ui 升级到antdv3.x

packages/ui/certd-ui/src/views/Home.vue

@@ -10,7 +10,7 @@
               <a-select
                 size="large"
                 mode="tags"
-                :placeholder="$t('please.input.domain')"
+                placeholder="请输入域名"
                 v-model:value="formData.cert.domains"
                 :open="false"
               ></a-select>

packages/ui/certd-ui/src/views/detail/components/cert-form.vue

@@ -5,17 +5,17 @@
     :closable="true"
     width="600px"
     v-model:visible="visible"
-    :after-visible-change="afterVisibleChange"
+    @after-visible-change="afterVisibleChange"
   >
 
     <d-container>
       <a-form class="domain-form" :model="formData"  :scrollToFirstError="true" :label-col="labelCol" :wrapper-col="wrapperCol">
 
         <h3>域名信息</h3>
-        <a-form-item :label="$t('domain')" v-bind="validateInfos.domains">
+        <a-form-item label="域名" v-bind="validateInfos.domains">
           <a-select
             mode="tags"
-            :placeholder="$t('please.input.domain')"
+            placeholder="请输入域名"
             v-model:value="formData.domains"
             :open="false"
           ></a-select>
@@ -24,7 +24,7 @@
           </template>
         </a-form-item>
 
-        <a-form-item :label="$t('email')" v-bind="validateInfos.email">
+        <a-form-item label="邮箱" v-bind="validateInfos.email">
           <a-input v-model:value="formData.email"/>
         </a-form-item>
 
@@ -86,7 +86,8 @@
 </template>
 <script>
 import { reactive, ref, watch } from 'vue'
-import { useForm } from '@ant-design-vue/use'
+import { Form } from 'ant-design-vue';
+const useForm = Form.useForm;
 import dnsProviderApi from '../../../api/api.dns-providers'
 import _ from 'lodash-es'
 

packages/ui/certd-ui/src/views/detail/components/task-form.vue

@@ -4,7 +4,7 @@
     :closable="true"
     width="600px"
     v-model:visible="taskDrawerVisible"
-    :after-visible-change="taskDrawerOnAfterVisibleChange"
+    @after-visible-change="taskDrawerOnAfterVisibleChange"
   >
 
     <template #title>

packages/ui/certd-ui/src/views/detail/index.vue

@@ -185,12 +185,12 @@ import { message } from 'ant-design-vue'
 import { reactive, ref, toRef, toRefs, provide, readonly } from 'vue'
 // eslint-disable-next-line no-unused-vars
 import { useRoute } from 'vue-router'
-import CertForm from './components/cert-form'
-import TaskForm from './components/task-form'
+import CertForm from './components/cert-form.vue'
+import TaskForm from './components/task-form.vue'
 import exportsApi from '../../api/api.exports'
 import _ from 'lodash-es'
-import DContainer from '../../components/d-container'
-import commonUtil from '@/utils/util.common'
+import DContainer from '../../components/d-container.vue'
+import commonUtil from '/src/utils/util.common'
 function useDeploy (options) {
   const deployAdd = () => {
     options.deploy.push({
@@ -286,6 +286,10 @@ export default {
       taskFormRef.value.taskEdit(deploy, task, index)
     }
 
+    function taskUpdated(task){
+      console.log('task updated',task)
+    }
+
     useProvideAccessProviders(options)
 
     return {
@@ -297,6 +301,7 @@ export default {
       taskFormRef,
       taskAdd,
       taskEdit,
+      taskUpdated,
       ...useExports(options)
     }
   }