make selftmreg

channel-access/src/views/pages/selftmreg/ApplicationInfo.vue

 <!-- 第二步：填写申请人信息 -->
-
 <template>
   <div class="infomation">
-    <!-- 申请人信息 -->
+    <!-- 标题： 申请人信息 -->
     <div class="info-title">
       <i class="selftmreg_shuxian"></i>
       <h4>填写申请人信息</h4>
     </div>
 
+    <!-- 申请人信息 -->
     <div class="applicantInfo">
       <el-form
         :model="ruleForm"
@@ -101,6 +101,7 @@
         </div>
       </el-form>
     </div>
+
     <!-- 订单联系人 -->
     <div class="info-title">
       <i class="selftmreg_shuxian"></i>
@@ -376,6 +377,7 @@ export default {
     }
   }
 }
+
 /* 订单联系人 */
 .orderContact {
   width: 100%;

channel-access/src/views/pages/selftmreg/ModifyTrademark.vue

@@ -141,14 +141,16 @@
       <div class="classTrademark-right">
         <div class="classTrademark-right-top">
           <p>已选择的商品/服务项</p>
-          <span class="el-icon-delete">清除全部</span>
+          <span class="el-icon-delete" @click="deleteClassData()"
+            >清除全部</span
+          >
         </div>
         <div class="classTrademark-right-main">
           <div class="notData" v-if="classDataList.length == 0">
             <img src="@/assets/imgs/kong-2.png" alt />
             <span>请点击左侧选择商标类别</span>
           </div>
-          <div class="classData">
+          <div class="classData" v-else>
             <div class="classData-top">
               <h4>第02类 颜料油漆</h4>
               <p>
@@ -270,6 +272,7 @@ export default {
     };
   },
   methods: {
+    // 抽屉展示
     lookImg(title, index) {
       this.drawerTitle = title;
       this.lookIndex = index;
@@ -279,18 +282,38 @@ export default {
     handleClose(tag) {
       console.log(tag);
       this.classDataList.splice(this.classDataList.indexOf(tag), 1);
+    },
+    deleteClassData() {
+      this.$confirm("确定清空所有已选商品/服务项吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          this.classDataList = [];
+          this.$message({
+            type: "success",
+            message: "删除成功!"
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除"
+          });
+        });
     }
   },
   mounted() {
-    // getJdbycdetailtmData().then(res => {
-    //   // 请求数据并装填到datalist里面
-    //   this.dataList = res.data.data;
-    // });
+    getJdbycdetailtmData().then(res => {
+      console.log(res.data);
+    });
   }
 };
 </script>
 
 <style lang="scss">
+// 基本信息填写
 .modifyTrademark {
   width: 100%;
   .el-drawer__container {