style:家庭房产

@@ -12,6 +12,8 @@ export function addJtfcCxjgXx (data) {
   return request({
     url: '/sqcx/addJtfcCxjgXx',
     method: 'post',
-    data
+    data,
+    showLoading: true,
+    loadingTarget: '正在查询中...'
   })
 }
\ No newline at end of file

@@ -92,7 +92,8 @@ export default {
             render: (h, scope) => {
               return (
                 <el-input placeholder="联系电话" value={scope.row[scope.column.property]}
-                  onInput={(val) => { scope.row[scope.column.property] = val }} type='tel' maxlength='11'></el-input>
+                  onInput={(val) => { scope.row[scope.column.property] = val }} type='tel' maxlength='11'
+                ></el-input>
               )
             }
           }
@@ -135,4 +136,5 @@ export default {
 }
 </script>
 <style scoped lang='scss'>
+
 </style>
\ No newline at end of file

@@ -4,19 +4,19 @@
       <div class="jtfccx-edit-con">
         <b class="title">申请信息</b>
         <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
-        <el-form :model="ruleForm" label-width="100px">
+        <el-form :model="ruleForm" label-width="120px">
           <el-row>
-            <el-col :span="12">
-              <el-form-item label="活动名称" prop="name">
-                <el-input v-model="ruleForm.name"></el-input>
+            <el-col :span="8">
+              <el-form-item label="查询用途" label-width="90px">
+                <el-input v-model="ruleForm.cxyt"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="12">
-              <el-form-item label="活动名称" prop="name">
-                <el-radio-group v-model="ruleForm.radio">
+            <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 :label="2">产权利害关系人</el-radio>
+                  <el-radio :label="3">委托人</el-radio>
                 </el-radio-group>
               </el-form-item>
             </el-col>
@@ -36,7 +36,8 @@
       </div>
 
       <div class="submit-button" style="padding-bottom:20px">
-        <el-button type="primary">打印（1）</el-button>
+        <el-button type="primary">无房证明打印（1）</el-button>
+        <el-button type="primary">房产结果打印（1）</el-button>
         <el-button @click="closeDialog">关闭</el-button>
       </div>
     </div>
@@ -56,6 +57,10 @@ export default {
   data () {
     return {
       myValue: this.value,
+      ruleForm: {
+        cxyt: '',
+        ycyrgx: 1
+      },
       dataList: [{
         sqrxm: '',
         sqrzjlxbm: '',
@@ -135,11 +140,8 @@ export default {
         ],
         data: []
       },
-      ruleForm: {
-        name: '',
-        radio: 1
-      },
       addJtfc: {
+        djSqcxDO: {},
         sqxx: [],
         qlrxx: [],
       }
@@ -153,7 +155,7 @@ export default {
       this.addJtfc.sqxx = _.cloneDeep(this.dataList)
       this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
     },
-    'ruleForm.radio' (val) {
+    'ruleForm.ycyrgx' (val) {
       if (val != 1) {
         this.qldataList = _.cloneDeep(this.dataList)
         this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
@@ -168,20 +170,21 @@ export default {
       this.$emit('input', false)
     },
     handleGetSqList (val) {
-      if (!_.isEqual(val, this.dataList) && this.ruleForm.radio == 1) {
+      if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) {
         this.qldataList = val
         this.addJtfc.qlrxx = val
       } else
         this.addJtfc.sqxx = val
     },
     handleGetQlList (val) {
-      if (this.ruleForm.radio != 1) {
+      if (this.ruleForm.ycyrgx != 1) {
         this.addJtfc.qlrxx = val
       }
     },
     handleSearch () {
+      this.addJtfc.djSqcxDO = { ...this.ruleForm }
       addJtfcCxjgXx(this.addJtfc).then(res => {
-        // console.log(res);
+        console.log(res);
       })
     },
     handleReset () {

@@ -16,25 +16,9 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
-            <el-form-item label="查询用途">
-              <el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
-                <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="业务号">
-              <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="4" class="btnCol">
-            <el-form-item>
+          <el-col :span="14" class="btnCol">
             <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
-              <el-button @click="moreQueryClick()">高级查询</el-button>
-            </el-form-item>
+            <el-button type="primary" @click="handleAdd" icon="el-icon-plus">新增</el-button>
           </el-col>
         </el-row>
       </el-form>
@@ -46,28 +30,29 @@
         :data="tableData.data">
       </lb-table>
     </div>
+    <editDialog v-model="isDialog" />
   </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./jtfcdata";
 import { getJtfcPage } from "@/api/sqcx";
+import editDialog from "../components/editDialog.vue"
 export default {
   name: "jtfc",
-  components: {},
+  components: { editDialog },
   mixins: [table],
   mounted () {
     sendThis(this);
   },
   data () {
     return {
+      isDialog: false,
       sqrOption: [],
       cxytOption: [],
       queryForm: {
         cxbh: "",
-        sqr: "",
-        cxyt: "",
-        ywh: "",
+        sqr: ""
       },
       tableData: {
         total: 0,
@@ -92,15 +77,18 @@ export default {
     fetchData () {
       getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
         let { records, total } = res.result;
-        // this.tableData.data = records
+        this.tableData.data = records
         this.tableData.total = total;
       });
     },
     handleSort (name, sort) {
       console.log(name, sort);
     },
-  },
-};
+    handleAdd () {
+      this.isDialog = true
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";

@@ -13,7 +13,14 @@ class data extends filter {
       {
         label: '序号',
         type: 'index',
-        width: '50'
+        width: '50',
+        render: (h, scope) => {
+          return (
+            <div>
+              {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
+            </div>
+          )
+        }
       },
       {
         prop: "cxlx",

@@ -51,7 +51,7 @@
   </div>
 </template>
 <script>
-import editDialog from "./components/editDialog.vue"
+import editDialog from "../components/editDialog.vue"
 import table from "@/utils/mixin/table"
 import { datas, sendThis } from "./sqcxjldata"
 import { getJtfcPage } from '@/api/sqcx'