12

@@ -82,4 +82,16 @@
 
 .width300px {
     width: 300px;
-}
\ No newline at end of file
+}
+
+
+.slxx_title {
+    border-bottom: 1px solid $borderColor;
+    padding-left: 10px;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #4a4a4a;
+  }
\ No newline at end of file

@@ -133,10 +133,10 @@ export default {
       
       debugger;
       this.addJtfc.djSqcxDO = { ...this.ruleForm }
-      this.$message({
-          type: 'success',
-          message: '删除成功!'
-        });
+      // this.$message({
+      //     type: 'success',
+      //     message: '删除成功!'
+      //   });
 
       addJtfcCxjgXx(this.addJtfc).then(res => {
         debugger;

 <template>
-    <div class="jtfccx-edit">
-      <div class="jtfccx-edit-con">
-        <b class="title">申请信息</b>
+  <div class="jtfccx-edit">
+    <el-form :model="ruleForm" label-width="120px">
+      <el-row>
+        <el-col :span="24" style="margin-bottom: 15px">
+          <div class="slxx_title title-block">
+            申请信息
+            <div class="triangle"></div>
+          </div>
+        </el-col>
+      </el-row>
 
-        <el-form :model="ruleForm" label-width="120px">
-          <el-row>
-            <el-col :span="8">
-              <el-form-item label="查询用途" label-width="90px">
-                <el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="16">
-              <el-form-item label="与产权人的关系">
-                <el-radio-group v-model="ruleForm.ycyrgx">
-                  <el-radio :label="1">房屋权利人</el-radio>
-                  <el-radio :label="2">产权利害关系人</el-radio>
-                  <el-radio :label="3">委托人</el-radio>
-                </el-radio-group>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="查询用途" label-width="90px">
+            <el-input v-model="ruleForm.cxyt" class="width200px"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="与产权人的关系">
+            <el-radio-group v-model="ruleForm.ycyrgx">
+              <el-radio :label="1">房屋权利人</el-radio>
+              <el-radio :label="2">产权利害关系人</el-radio>
+              <el-radio :label="3">委托人</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
 
+      <el-row>
+        <el-col>
+          <lb-table
+            :column="searchData.columns"
+            :data="searchData.data"
+            :maxHeight="200"
+            heightNumSetting
+            :pagination="false"
+          >
+          </lb-table>
+        </el-col>
+      </el-row>
 
-        <b class="title">权利人</b>
-        <b class="title">查询结果</b>
-        <p>查询编号：202200409</p>
-        <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting
-          :pagination="false">
-        </lb-table>
-      </div>
-    </div>
+      <el-row>
+        <el-col :span="24" style="margin-bottom: 15px">
+          <div class="slxx_title title-block">
+            权利人
+            <div class="triangle"></div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col>
+          <lb-table
+            :column="searchData.columns"
+            :data="searchData.data"
+            :maxHeight="200"
+            heightNumSetting
+            :pagination="false"
+          >
+          </lb-table>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24" style="margin-bottom: 15px">
+          <div class="slxx_title title-block">
+            查询结果
+            <div class="triangle"></div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col>
+          <p>查询编号：202200409</p>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col>
+          <lb-table
+            :column="searchData.columns"
+            :data="searchData.data"
+            :maxHeight="200"
+            heightNumSetting
+            :pagination="false"
+          >
+          </lb-table>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
 </template>
 
 <script>
-import { addJtfcCxjgXx } from '@/api/jtfc'
+import { addJtfcCxjgXx } from "@/api/jtfc";
 export default {
-  components: {
-  },
+  components: {},
   props: {
     value: { type: Boolean, default: false },
   },
-  data () {
+  data() {
     return {
       ruleForm: {
-        cxyt: '',
+        cxyt: "",
         ycyrgx: 1,
-        cxlx: '1' //查询类型 1：房产查询 2：登记簿查询
+        cxlx: "1", //查询类型 1：房产查询 2：登记簿查询
       },
 
       searchData: {
         columns: [
           {
-            prop: 'qszt',
-            label: '权属状态',
+            prop: "qszt",
+            label: "权属状态",
           },
           {
-            prop: 'bdcqzh',
-            label: '不动产权证号',
+            prop: "bdcqzh",
+            label: "不动产权证号",
           },
           {
-            prop: 'djsj',
-            label: '登记时间',
+            prop: "djsj",
+            label: "登记时间",
           },
           {
-            prop: 'hth',
-            label: '合同号',
+            prop: "hth",
+            label: "合同号",
           },
           {
-            prop: 'wqsj',
-            label: '网签时间',
+            prop: "wqsj",
+            label: "网签时间",
           },
           {
-            prop: 'bdcdyh',
-            label: '不动产单元号',
+            prop: "bdcdyh",
+            label: "不动产单元号",
           },
           {
-            prop: 'gyfs',
-            label: '共有方式',
+            prop: "gyfs",
+            label: "共有方式",
           },
           {
-            prop: 'qlr',
-            label: '权利人',
+            prop: "qlr",
+            label: "权利人",
           },
           {
-            prop: 'zjh',
-            label: '证件号',
+            prop: "zjh",
+            label: "证件号",
           },
           {
-            prop: 'fdzl',
-            label: '房地坐落',
+            prop: "fdzl",
+            label: "房地坐落",
           },
           {
-            prop: 'jzmj',
-            label: '建筑面积（㎡）',
+            prop: "jzmj",
+            label: "建筑面积（㎡）",
           },
           {
-            prop: 'fwyt',
-            label: '房屋用途',
+            prop: "fwyt",
+            label: "房屋用途",
           },
           {
-
-            label: '登记状态',
-            width: '150',
-            align: 'center',
-            fixed: 'right',
+            label: "登记状态",
+            width: "150",
+            align: "center",
+            fixed: "right",
             render: (h, scope) => {
               return (
                 <div>
-                  <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.editClick(scope) }}>抵押</el-button>
+                  <el-button
+                    type="text"
+                    icon="el-icon-edit-outline"
+                    onClick={() => {
+                      this.editClick(scope);
+                    }}
+                  >
+                    抵押
+                  </el-button>
                 </div>
-              )
-            }
-          }
+              );
+            },
+          },
         ],
-        data: []
+        data: [],
       },
-
-    }
+    };
   },
-  methods: {
-
-
-  }
-}
+  methods: {},
+};
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
-
 </style>

@@ -124,4 +124,5 @@ export default {
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";
+
 </style>