style:业务申请

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-11-16 14:06:18
+ * @LastEditTime: 2024-01-18 08:38:32
 -->
 <template>
   <!-- 抵押权利信息查询 -->
@@ -10,9 +10,9 @@
     <div class="from-clues-header">
       <el-form :model="queryForm" ref="queryForm" label-width="100px">
         <el-row>
-          <el-col :span="5">
+          <el-col :span="6">
             <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
+              <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型" class="width100">
                 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
@@ -20,25 +20,38 @@
           </el-col>
           <el-col :span="6">
             <el-form-item label="不动产单元号">
-              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width200px">
+              <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable>
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="6">
             <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
+              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable>
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="不动产权证号">
-              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px">
+              <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="权利人">
+              <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="证件号">
+              <el-input placeholder="请输入证件号" v-model="queryForm.zjh" clearable>
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="2" class="btnColRight">
+          <el-col :span="12" class="btnColRight">
             <el-form-item>
               <el-button type="primary" @click="handleSearch" :loading="loading">查询</el-button>
+              <el-button type="primary" @click="resetForm(true)">重置</el-button>
             </el-form-item>
           </el-col>
         </el-row>

 /*
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-10-31 08:52:14
+ * @LastEditTime: 2024-01-18 08:37:55
  */
 import filter from '@/utils/filter.js'
 let vm = null
@@ -74,8 +74,15 @@ class data extends filter {
         }
       },
       {
-        prop: "qlrmc",
         label: "抵押权人",
+        width: '150',
+        render: (h, scope) => {
+          return (
+            <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width">
+              <span class="ellipsis-table"> {scope.row.qlrmc}</span>
+            </el-tooltip>
+          )
+        }
       },
       {
         prop: "qlrzjhm",