modify selftmreg

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

+<template>
+  <div class="confirm">
+    <div class="info-title">
+      <i class="selftmreg_shuxian"></i>
+      <h4>
+        商标信息
+        <span class="edit">
+          <i class="el-icon-edit"></i>
+          <b>编辑</b>
+        </span>
+      </h4>
+    </div>
+    <div class="brand-info">
+      <p>
+        <strong>商标类型：</strong>
+        <span>文字图标</span>
+      </p>
+      <p>
+        <strong>商标名称：</strong>
+        <span>gongsibao</span>
+      </p>
+      <p>
+        <strong>商标图样：</strong>
+        <img src="http://temp.im/104x104/ff5a5f/fff" alt />
+      </p>
+      <p>
+        <strong>商标类别：</strong>
+        <span>
+          <i>15 类 乐器</i>
+          150001 手风琴150008 钢琴150011 小六角手风琴150012 手摇风琴150013 低音提琴（乐器）150014 口琴150016 大号（号）150019 小铃帽（乐器）150025 乐器150026 六角手风琴
+        </span>
+      </p>
+    </div>
+
+    <div class="info-title">
+      <i class="selftmreg_shuxian"></i>
+      <h4>
+        申请人及联系人信息
+        <span class="edit">
+          <i class="el-icon-edit"></i>
+          <b>编辑</b>
+        </span>
+      </h4>
+    </div>
+    <div class="user-info">
+      <ul>
+        <li>
+          <strong>申请人类型：</strong>
+          <span>企业</span>
+        </li>
+        <li>
+          <strong>公司名称：</strong>
+          <span>company name</span>
+        </li>
+        <li>
+          <strong>邮政编码：</strong>
+          <span>463800</span>
+        </li>
+        <li>
+          <strong>公司地址：</strong>
+          <span>company address</span>
+        </li>
+        <li>
+          <strong>联系人：</strong>
+          <span>reqr</span>
+        </li>
+        <li>
+          <strong>联系电话：</strong>
+          <span>13525897326</span>
+        </li>
+        <li>
+          <strong>电子邮箱：</strong>
+          <span>12e3r@qq.com</span>
+        </li>
+        <li>
+          <strong>信用编码：</strong>
+          <span>91110000551350971K</span>
+        </li>
+      </ul>
+    </div>
+
+    <div class="info-title">
+      <i class="selftmreg_shuxian"></i>
+      <h4>订单备注</h4>
+    </div>
+    <!-- 文本域 -->
+    <el-input type="textarea" :rows="2" placeholder="如有特殊需要，请填写订单备注" v-model="textarea"></el-input>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      textarea: ""
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.info-title {
+  .selftmreg_shuxian {
+    width: 3px;
+    height: 15px;
+    background-color: #0989c5;
+    display: inherit;
+    float: left;
+    margin-top: 4px;
+    margin-right: 10px;
+  }
+  h4 {
+    font-size: 16px;
+    font-family: PingFangSC;
+    font-weight: 400;
+    color: rgba(83, 83, 83, 1);
+    margin-bottom: 15px;
+  }
+}
+
+.edit {
+  color: #3071fe;
+}
+</style>
\ No newline at end of file

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

+<template>
+  <div>支付订单页面</div>
+</template>
\ No newline at end of file

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

@@ -9,16 +9,22 @@
         <div class="selftmreg_main">
           <div class="selftmreg_shu"></div>
 
+          <!-- Divider 分割线 -->
+          <!-- <el-divider></el-divider> -->
+
           <!-- 第一步：填写基本信息 商标信息 -->
           <!-- <ModifyTrademark /> -->
           <!-- 第一步：填写基本信息 分类选择 -->
           <!-- <ClassTrademark /> -->
 
           <!-- 第二步：填写申请人信息 -->
-          <ApplicationInfo />
+          <!-- <ApplicationInfo /> -->
 
           <!-- 第三步：确认订单 -->
-          <!-- <SelftmregPageConfirmStep /> -->
+          <ConfirmOrder />
+
+          <!-- 第四步：支付订单页面 -->
+          <!-- <PayOrder /> -->
         </div>
 
         <div style="clear:both;"></div>
@@ -32,7 +38,8 @@ import SelftmregPageSteps from "./SelftmregPageSteps";
 import ModifyTrademark from "./ModifyTrademark";
 import ClassTrademark from "../jdindentdetail/classTrademark";
 import ApplicationInfo from "./ApplicationInfo";
-import SelftmregPageConfirmStep from "./SelftmregPageConfirmStep";
+import ConfirmOrder from "./ConfirmOrder";
+import PayOrder from "./PayOrder";
 
 export default {
   components: {
@@ -40,7 +47,8 @@ export default {
     ModifyTrademark,
     ClassTrademark,
     ApplicationInfo,
-    SelftmregPageConfirmStep
+    ConfirmOrder,
+    PayOrder
   },
   data() {
     return {};
@@ -64,7 +72,7 @@ export default {
 /* 主页内容 */
 .selftmreg_main {
   width: 100%;
-  padding: 0px 20px;
+  padding: 0px 20px 50px;
   box-sizing: border-box;
   overflow: hidden;
 }

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

-<template>
-  <div class="confirm">
-    <i class="selftmreg_shuxian"></i>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="scss" scoped>
-.selftmreg_shuxian {
-  width: 3px;
-  height: 15px;
-  background-color: #0989c5;
-  display: inherit;
-  float: left;
-  margin-top: 4px;
-  margin-right: 10px;
-}
-</style>
\ No newline at end of file