feat(scrm): customer tag ui and customer group main ui

Author: Matrix-X

src/router/routes/modules/scrm-wecom.ts

@@ -175,7 +175,7 @@ const SCRMWecom: AppRouteRecordRaw = {
         },
         {
           path: '/scrm/wecom/customer-domain/tag',
-          name: 'WeComTag',
+          name: 'WeComCorpTag',
           component: () =>
             import('@/views/scrm/wecom/customer-domain/tag/index.vue'),
           meta: {

src/views/scrm/wecom/customer-domain/tag/components/add-tag.vue

@@ -39,7 +39,7 @@
     AddTagRequest,
     groupOption,
     TagList,
-  } from '@/api/scrm/wecom/tag';
+  } from '@/api/scrm/wecom/tag/corp-tag';
 
   const emits = defineEmits(['submitSuccess', 'submitFailed', 'update:id']);
   const formRef = ref();

src/views/scrm/wecom/customer-domain/tag/components/edit-tag.vue

@@ -48,7 +48,7 @@
       <a-form-item>
         <a-space size="large">
           <a-button type="primary" html-type="submit">提交</a-button>
-          <a-button @click="handlereset">重置</a-button>
+          <a-button @click="handleReset">重置</a-button>
         </a-space>
       </a-form-item>
     </a-form>
@@ -58,7 +58,7 @@
 <script lang="ts" setup>
   import { watch, reactive, ref, PropType } from 'vue';
   import { FieldRule, Message } from '@arco-design/web-vue';
-  import { editTag, EditTagRequest } from '@/api/scrm/wecom/tag';
+  import { editTag, EditTagRequest } from '@/api/scrm/wecom/tag/corp-tag';
 
   const prop = defineProps({
     usersList: {
@@ -70,7 +70,7 @@
     editData: {
       type: Object as PropType<any>,
       default: () => {
-        return [];
+        return {};
       },
     },
   });
@@ -109,7 +109,7 @@
     submitLoading: false,
   });
 
-  const handlereset = () => {
+  const handleReset = () => {
     formRef.value.resetFields();
     tagList.value = tagListCopy.value;
     removetagIds.value = [];
@@ -153,7 +153,7 @@
       ...formModel.value,
     })
       .then(() => {
-        handlereset();
+        handleReset();
         Message.success('标签编辑成功');
         emits('submitSuccess');
         state.submitLoading = false;

src/views/scrm/wecom/customer-domain/tag/index.module.less

@@ -0,0 +1,74 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: center;
+  //border: 1px solid red;
+  background-color: #fff;
+  padding:15px 25px;
+  .topBox{
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 15px;
+    width: 100%;
+    //border: 1px solid yellow;
+    .title{
+      color: #000;
+      font-size: 18px;
+    }
+    .desc{
+      padding-top: 5px;
+      font-size: 14px;
+      line-height: 22px;
+      color: #787878;
+    }
+  }
+
+  .resultBox{
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: start;
+    gap: 15px;
+  }
+
+  #qrcode {
+    width: 100px;
+    height: 100px;
+  }
+
+  #qrcode1 {
+    width: 150px;
+    height: 150px;
+  }
+
+  .header {
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+  }
+
+  .right {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 12px;
+  }
+
+  :deep(.arco-table-cell) {
+    display: block;
+    width: 100%;
+    text-align: center;
+  }
+
+  :deep(.arco-table-td-content) {
+    display: block;
+    width: 100%;
+    text-align: center;
+  }
+
+  .arco-table-cell .arco-table-th-title {
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+  }
+}