style:受理信息

@@ -105,3 +105,27 @@
   box-sizing: border-box;
   text-align: right;
 }
+
+.title-block {
+  display: inline-block;
+  position: relative;
+  background: #3498db;
+  color: #fff !important;
+  text-align: center;
+  padding: 0px 20px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 5px 5px 5px 0px;
+  letter-spacing: 2px;
+}
+
+.title-block .triangle {
+  width: 0px;
+  height: 0px;
+  position: absolute;
+  border: 5px solid transparent;
+  border-top: 5px solid #3498db;
+  border-right: 5px solid #3498db;
+  left: 0px;
+  bottom: -10px;
+}
\ No newline at end of file

@@ -4,7 +4,10 @@
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
       label-width="120px">
       <div class="slxx_con">
-        <div class="slxx_title">受理信息</div>
+        <div class="slxx_title title-block">
+          受理信息
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
@@ -45,7 +48,10 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="slxx_title">不动产单元情况</div>
+        <div class="slxx_title title-block">
+          不动产单元情况
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
@@ -113,7 +119,10 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="slxx_title">权利人信息</div>
+        <div class="slxx_title title-block">
+          权利人信息
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col :span="14">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
@@ -142,7 +151,10 @@
           </el-col>
         </el-row>
         <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
-        <div class="slxx_title">登记原因{{flag}}</div>
+        <div class="slxx_title title-block">
+          登记原因
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col>
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">

@@ -4,7 +4,10 @@
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
       label-width="120px">
       <div class="slxx_con">
-        <div class="slxx_title">受理信息</div>
+        <div class="slxx_title title-block">
+          受理信息
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：" prop="ywh">
@@ -45,7 +48,10 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="slxx_title">不动产单元情况</div>
+        <div class="slxx_title title-block">
+          不动产单元情况
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col :span="8">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="宗地代码：" prop="zddm">
@@ -113,7 +119,10 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="slxx_title">权利人信息</div>
+        <div class="slxx_title title-block">
+          权利人信息
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col :span="14">
             <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
@@ -142,7 +151,10 @@
           </el-col>
         </el-row>
         <InformationTable :tableData="ruleForm.qlrxx" :gyfs="ruleForm.gyfs" />
-        <div class="slxx_title">登记原因</div>
+        <div class="slxx_title title-block">
+          登记原因
+          <div class="triangle"></div>
+        </div>
         <el-row :gutter="10">
           <el-col>
             <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">