v0.0.1 selftmreg

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

@@ -254,20 +254,32 @@ import imgUrl2 from "@/assets/imgs/sbzc/wtsD.png";
 import imgUrl3 from "@/assets/imgs/sbzc/yxqD.png";
 import { getCompanyInfoByLikeName } from "@/api/tmTools.js";
 export default {
+  // 接收父组件传过来的参数
+  // props: ["stepsParams"],
   data() {
     return {
       // 申请人信息表格 及 验证
       aruleForm: {
-        name: "中",
+        // 申请人类型：企业 个体户
         resource: 1,
-        xinyongma: "",
+
+        // 企业
+        // 公司名称
+        name: "中",
+        // 执照详细地址
         address: "",
+
+        // 邮政编码（企业和个体户）
         postal: "",
-        username: "",
-        idCard: "",
-        zhuAddress: "",
+        //  统一社会信用代码（企业和个体户）
+        xinyongma: "",
+
+        // 个体户
+        // 姓名
         uname: "",
+        // 身份证号
         uid: "",
+        // 身份证住址
         uaddress: ""
       },
       arules: {
@@ -323,6 +335,30 @@ export default {
       toViewImgSrc: ""
     };
   },
+  mounted() {
+    // // 去编辑之后的第二步页面信息的装填
+    // // 填写申请人信息部分
+    // this.aruleForm.resource = this.stepsParams.stepTwoNineParams.atype;
+    // // 企业
+    // this.aruleForm.name = this.stepsParams.stepTwoNineParams.companyName;
+    // this.aruleForm.address = this.stepsParams.stepTwoNineParams.licenseAddress;
+    // if (this.stepsParams.stepTwoNineParams.atype == 1) {
+    //   this.aruleForm.xinyongma = this.stepsParams.stepTwoNineParams.creditCode;
+    //   this.aruleForm.postal = this.stepsParams.stepTwoNineParams.postalCode;
+    // }
+    // // 个体户
+    // this.aruleForm.uname = this.stepsParams.stepTwoNineParams.username;
+    // this.aruleForm.uid = this.stepsParams.stepTwoNineParams.idCard;
+    // this.aruleForm.uaddress = this.stepsParams.stepTwoNineParams.idAddress;
+    // if (this.stepsParams.stepTwoNineParams.atype == 2) {
+    //   this.aruleForm.xinyongma = this.stepsParams.stepTwoNineParams.ucreditCode;
+    //   this.aruleForm.postal = this.stepsParams.stepTwoNineParams.upostalCode;
+    // }
+    // // 订单联系人部分
+    // this.ruleForm.contanct = this.stepsParams.stepTwoNineParams.customer;
+    // this.ruleForm.phone = this.stepsParams.stepTwoNineParams.telNum;
+    // this.ruleForm.email = this.stepsParams.stepTwoNineParams.email;
+  },
   methods: {
     // 资料上传
     enter(index) {
@@ -353,13 +389,10 @@ export default {
         cb(res.data);
       });
     },
-
+    // 统一社会信用代码  和 执照详细地址 的自动装填
     handleSelect(item) {
       this.aruleForm.xinyongma = item.creditCode;
       this.aruleForm.address = item.regLocation;
-    },
-    addMessage() {
-      console.log(this.ruleForm);
     }
   },
   updated() {

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

@@ -223,33 +223,34 @@ export default {
   data() {
     return {
       textarea: "",
+
       // 选中的商标种类
       checkedKinds: [],
       // 商标展示
-
+      // 手动上传 或 上传 的商标
       brandIconManual: "",
+      // 自动上传的商标
       brandIconAuto: ""
     };
   },
   methods: {
+    // 子向父传参 this.$emit(eventName,params)
     // 编辑 商标信息
     goStepOne() {
-      console.log(111);
       // 去第一步骤的页面
       this.$emit("getIndex", 0);
     },
-
     // 编辑 申请人及联系人信息
     goStepTwo() {
-      console.log(222);
       // 去第二步骤的页面
       this.$emit("getIndex", 1);
     }
   },
   created() {
+    // 获取缓存里面的已经选中的商品/服务项
     let checkedKinds = JSON.parse(localStorage.getItem("classDataList"));
     this.checkedKinds = checkedKinds;
-
+    // 获取缓存里面的商标图片地址
     let brandIconManual = localStorage.getItem("manualImgToConfirm");
     this.brandIconManual = brandIconManual;
     let brandIconAuto = localStorage.getItem("autoImgToConfirm");

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

@@ -187,6 +187,7 @@
         </div>
       </div>
       <!-- 右侧选中呈现与清除选择 -->
+
       <div class="classTrademark-right">
         <div class="classTrademark-right-top">
           <p>已选择的商品/服务项</p>
@@ -229,6 +230,7 @@
 </template>
 
 <script>
+// 导入获取接口数据的方法
 import {
   getNiceQueryCategory,
   getNiceQueryFilter,
@@ -236,9 +238,11 @@ import {
   getOss,
   uploadStandardTm
 } from "@/api/tmTools.js";
+// 导入图片上传的公共组件
 import UploadImg from "@/components/uploadImg";
 
 export default {
+  // props: ["stepsParams"],
   components: {
     UploadImg
   },
@@ -468,6 +472,14 @@ export default {
               });
               if (index == -1) {
                 this.classDataList.push(data);
+
+                // // 选择的商品种类的数据更新存储在父组件的数据里面
+                // this.$parent.$parent.confirmStepsParams.stepOneThreeParams.smallKinds = this.classDataList;
+                // console.log(
+                //   this.$parent.$parent.confirmStepsParams.stepOneThreeParams
+                //     .smallKinds
+                // );
+
                 // 把选中的小类数据保存在localstorage里面
                 localStorage.setItem(
                   "classDataList",
@@ -489,6 +501,7 @@ export default {
               message: "最多选择10项",
               type: "warning"
             });
+            // 把此节点设置为不可选中状态
             this.$refs.tree.setChecked(data, false);
           }
         } else {
@@ -510,8 +523,6 @@ export default {
         hasChild = true;
       }
 
-      // console.log(node);
-
       // 初始的一级45个类别的静态数据的装填
       if (node.level === 0) {
         return resolve(this.ncldata);
@@ -526,7 +537,6 @@ export default {
           let index = this.ncldata.findIndex((item, index) => {
             return item.code == node.data.code;
           });
-          // console.log(index);
           this.ncldata[index].children = res.data.rows;
           setTimeout(() => {
             var data;
@@ -579,14 +589,14 @@ export default {
       this.isIndeterminate =
         checkedCount > 0 && checkedCount < this.checkedList.length;
 
-      this.keyZi = "";
+      // this.keyZi = "";
     },
     // 点击确定,隐藏类别选择框
     confirmClass() {
       this.typeListShow = false;
     },
 
-    // 过滤关键字  绑定el-input的change事件,使得在输入框失去焦点或用户按下回车keyCode=13时触发
+    // 过滤关键字 绑定.native回车事件 用户按下回车keyCode=13时触发
     filterKeyZi() {
       let classCodes = this.checkedType.map(item => {
         return item.substring(0, 2);
@@ -614,9 +624,10 @@ export default {
       this.action = res.data.url;
     });
 
-    // 获取并更改最外层父组件的数据
-    this.$parent.$parent.abc = 456;
-    console.log("11111", this.$parent.$parent.abc);
+    // // 去编辑之后的信息装填
+    // this.ruleForm.resource = this.stepsParams.stepOneThreeParams.type;
+    // this.ruleForm.name = this.stepsParams.stepOneThreeParams.tname;
+    // this.imgUrl = this.stepsParams.stepOneThreeParams.icon;
   },
   updated() {
     this.$nextTick(() => {
@@ -629,9 +640,6 @@ export default {
         this.$parent.$parent.confirmStepsParams.stepOneThreeParams.bigKind = this.$refs.bigKind.innerHTML;
         this.$parent.$parent.confirmStepsParams.stepOneThreeParams.smallKinds = this.classDataList;
       }
-
-      // 手动上传按钮的改变
-      // this.manualupload();
     });
   }
 };

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

-<!-- 第四步：支付订单页面 -->
-
-<template>
-  <div>支付订单页面</div>
-</template>
\ No newline at end of file