style：地役权

@@ -28,7 +28,7 @@ export default {
 
 </script>
 
-<style>
+<style scoped lang="scss">
 /* jsoneditor右上角默认有一个链接,加css去掉了 */
 .el-textarea__inner {
   min-height: 73vh !important;

@@ -11,6 +11,11 @@ class data extends filter {
         width: 150
       },
       {
+        label: "业务号",
+        prop: "YWH",
+        width: 150
+      },
+      {
         label: "供役地不动产单元号",
         prop: "GYDBDCDYH"
       },

 <template>
   <div class="dyiq from-clues">
     <div class="from-clues-header">
-      <el-form ref="form" :model="form" label-width="90px">
+      <el-form ref="form" :model="form" label-width="140px">
         <el-row>
-          <el-col :span="6">
-            <el-form-item label="行政区">
+          <el-col :span="5">
+            <el-form-item label="行政区" label-width="80px">
               <el-input v-model="form.xzq" placeholder="行政区"></el-input>
             </el-form-item>
           </el-col>
 
-          <el-col :span="6">
+          <el-col :span="5">
             <el-form-item label="权属状态">
               <el-select v-model="form.qszt" class="width100" clearable placeholder="请选择权属状态">
                 <el-option v-for="item in qsztOptions" :key="item.value" :label="item.label" :value="item.value">
@@ -18,29 +18,52 @@
             </el-form-item>
           </el-col>
 
-          <el-col :span="6">
+          <el-col :span="5">
             <el-form-item label="坐落">
               <el-input v-model="form.zl" placeholder="坐落"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
-            <el-form-item label="不动产权证号" label-width="120px">
+          <el-col :span="5">
+            <el-form-item label="不动产权证号">
               <el-input v-model="form.bdcqzh" placeholder="不动产权证号"></el-input>
             </el-form-item>
           </el-col>
 
         </el-row>
-        <el-row>
-          <el-col :span="6">
-            <el-form-item label="权利人">
-              <el-input v-model="form.xzq" placeholder="权利人"></el-input>
+        <el-row class="mt-10">
+          <el-col :span="5">
+            <el-form-item label="权利人" label-width="80px">
+              <el-input v-model="form.qlr" placeholder="权利人"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="不动产单元号">
+              <el-input v-model="form.bdcdyh" placeholder="不动产单元号"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="5">
+            <el-form-item label="供役地不动产单元号">
+              <el-select v-model="form.xxx" class="width100" clearable placeholder="供役地不动产单元号">
+                <el-option v-for="item in xxxOptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="4" class="from-clues-search-button">
+
+          <el-col :span="5">
+            <el-form-item label="需役地不动产单元号">
+              <el-select v-model="form.xxx1" class="width100" clearable placeholder="需役地不动产单元号">
+                <el-option v-for="item in xxx1Options" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="4" class="btnColRight">
             <el-button type="primary" @click="handleSubmit">查询</el-button>
           </el-col>
         </el-row>
-
       </el-form>
     </div>
     <div class="from-clues-content">
@@ -79,9 +102,20 @@ export default {
         qszt: '',
         zl: '',
         bdcqzh: '',
+        qlr: '',
+        bdcdyh: '',
+        // 供役地不动产单元号
+        xxx: '',
+        // 需役地不动产单元号
+        xxx1: '',
         currentPage: 1
       },
+      // 权属状态
       qsztOptions: [],
+      // 供役地不动产单元号
+      xxxOptions: [],
+      // 需役地不动产单元号
+      xxx1Options: [],
       tableData: {
         columns: [{
           label: '序号',