From 4059bcfe132b41a73adfc5ac11284a475485c4a1 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期二, 18 七月 2023 21:24:59 +0800
Subject: [PATCH] 修改成长经历阅历中证件情况新增弹窗中开始时间和结束时间的输入方式

---
 ruoyi-ui/src/views/genealogy/index.vue |  258 +++++++++++++++++++++++++++++++--------------------
 1 files changed, 155 insertions(+), 103 deletions(-)

diff --git a/ruoyi-ui/src/views/genealogy/index.vue b/ruoyi-ui/src/views/genealogy/index.vue
index 4fd0266..5b654da 100644
--- a/ruoyi-ui/src/views/genealogy/index.vue
+++ b/ruoyi-ui/src/views/genealogy/index.vue
@@ -18,15 +18,21 @@
         <!--        v-model="queryParams.id"-->
       </el-form-item>
 
-      <el-form-item label="韬唤" prop="nickName" style="padding-left:180px">
-        <el-input
-          v-model="queryParams.nickName"
-          placeholder="璇疯緭鍏ヨ韩浠�"
+      <el-form-item label="韬唤" prop="identity" >
+        <el-select
+          v-model="queryParams.identity"
+          placeholder="璇烽�夋嫨韬唤"
           clearable
           style="width: 240px"
-          @keyup.enter.native="handleQuery">
-          <i slot="prefix" class="el-input__icon el-icon-search"></i>
-        </el-input>
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option
+            v-for="item in typeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
 
       </el-form-item>
 
@@ -63,23 +69,22 @@
         </el-input>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"
-                   style=" width: 65px; height: 32px;background: #FFDDE3;
-          border-radius: 6px 6px 6px 6px;opacity:1;">鎼滅储</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" style=" width: 65px; height: 32px;background: #FFDDE3;
-          border-radius: 6px 6px 6px 6px;opacity:1; " >閲嶇疆</el-button>
+        <el-button size="mini" @click="handleQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
+            border-radius: 7px 7px 7px 7px;opacity: 1; " >鎼滅储</el-button>
+        <el-button  size="mini" @click="resetQuery" style=" width: 67px;height: 27px;background: #FFDDE3;
+            border-radius: 7px 7px 7px 7px;opacity: 1; ">閲嶇疆</el-button>
 
       </el-form-item>
     </el-form>
     <div>
-      <div style="width: 149px;
-      height: 24px;
-      font-size: 18px;
-      font-family: Microsoft YaHei-Regular, Microsoft YaHei;
-      font-weight: 400;
-      color: #000000;
-      line-height: 21px;
-      ">寮犳皬涓�瑙堣〃</div>
+<!--      <div style="width: 149px;-->
+<!--      height: 24px;-->
+<!--      font-size: 18px;-->
+<!--      font-family: Microsoft YaHei-Regular, Microsoft YaHei;-->
+<!--      font-weight: 400;-->
+<!--      color: #000000;-->
+<!--      line-height: 21px;-->
+<!--      ">寮犳皬涓�瑙堣〃</div>-->
 
       <el-row :gutter="10" class="mb8">
 <!--        <el-col :span="1.5">-->
@@ -93,17 +98,17 @@
 <!--          >鏂板</el-button>-->
 <!--        </el-col>-->
 
-        <el-col :span="1.5">
-          <el-button
-            type="danger"
-            plain
-            icon="el-icon-delete"
-            size="mini"
-            :disabled="multiple"
-            @click="handleDelete"
-            v-hasPermi="['system:role:remove']"
-          >鍒犻櫎</el-button>
-        </el-col>
+<!--        <el-col :span="1.5">-->
+<!--          <el-button-->
+<!--            type="danger"-->
+<!--            plain-->
+<!--            icon="el-icon-delete"-->
+<!--            size="mini"-->
+<!--            :disabled="multiple"-->
+<!--            @click="handleDelete"-->
+<!--            v-hasPermi="['system:role:remove']"-->
+<!--          >鍒犻櫎</el-button>-->
+<!--        </el-col>-->
         <el-col :span="1.5">
           <el-button
             type="warning"
@@ -144,15 +149,13 @@
 
     <el-table v-loading="loading" :data="listRoot"  @selection-change="handleSelectionChange"  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
       <el-table-column type="selection" width="25"  align="center" />
-      <el-table-column  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="80"/>
+      <el-table-column fixed label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="80"/>
 
-      <el-table-column label="韬唤" prop="myName" sortable width="100" >
-<!--        <template slot-scope="scope">-->
-<!--          <div>-->
-<!--            <a href="javascript:;" @click="handleCheck(scope.row)">{{scope.row.myName}}</a>-->
-<!--          </div>-->
-<!--        </template>-->
-
+      <el-table-column label="韬唤" prop="identity" sortable width="100" >
+        <template slot-scope="scope">
+          <span>绗瑊{scope.row.identity}}浠�</span>
+        </template>
+<!--        <template slot-scope="scope">{{ getSrc(scope.row.identity) }}</template>-->
       </el-table-column>
       <el-table-column label="濮撳悕" prop="nickName" sortable :show-overflow-tooltip="true" width="100" align="center"/>
       <el-table-column label="鎬у埆" prop="sex" sortable width="100" align="center" >
@@ -174,9 +177,13 @@
       <el-table-column label="鎵�鍦ㄥ崟浣�" prop="unit" sortable width="150" align="center" >
         <template slot-scope="scope">{{scope.row.unit? scope.row.unit: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
-      <el-table-column label="閰嶅伓" prop="spouseId" sortable width="110" align="center" >
-        <template slot-scope="scope"><span>{{getPerson(scope.row.spouseId)}}</span></template>
+<!--      <el-table-column label="閰嶅伓" prop="spouseId" sortable width="110" align="center" >-->
+<!--        <template slot-scope="scope"><span>{{getPerson(scope.row.spouseId)}}</span></template>-->
+<!--      </el-table-column>-->
+      <el-table-column label="閰嶅伓" prop="spouseName" sortable width="110" align="center" >
+        <template slot-scope="scope">{{scope.row.spouseName? scope.row.spouseName: '鈥斺�斺�斺��'}}</template>
       </el-table-column>
+
   <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope" v-if="scope.row.roleId !== 1">
 
@@ -393,6 +400,7 @@
         politicalOutlook:undefined,
         deadDay:undefined,
         spouseId:undefined,
+        spouseName:undefined,
         img:undefined,
         fatherId:undefined,
         momId:undefined,
@@ -400,6 +408,7 @@
         familyId:undefined,
         secondFamilyId:undefined,
         childList:undefined,
+        identity:undefined,
         url: undefined,
 
       },
@@ -411,6 +420,7 @@
       queryParams: {
         pageNum: 1,
         pageSize: 10,
+        identity:undefined,
         nickName:undefined,
         sex:undefined,
         birth:undefined,
@@ -441,7 +451,7 @@
           message: '璇疯緭鍏ユ�у埆',
           trigger: 'blur'
         }],
-        bitrh: [{
+        birth: [{
           // required: true,
           message: '璇疯緭鍏ュ嚭鐢熸椂闂�',
           trigger: 'blur'
@@ -453,7 +463,19 @@
         }],
 
       },
-      typeOptions: [],
+      typeOptions: [{
+        value:'1',
+        label:'绗�1浠�'
+      },{
+        value:'2',
+        label:'绗�2浠�'
+      },{
+        value:'3',
+        label:'绗�3浠�'
+      },{
+        value:'4',
+        label:'绗�4浠�'
+      }],
     };
   },
   created() {
@@ -470,30 +492,30 @@
       this.reset();
     },
      //鎷垮埌閰嶅伓鐨勫鍚�
-     getPerson(id)
-     {
-     //  alert(id)
-   //    alert(typeof(id))
-       // this.listRoot.forEach(function(item, index) {
-       //             //item 灏辨槸褰撴棩鎸夊惊鐜埌鐨勫璞�
-       //             //index鏄惊鐜殑绱㈠紩锛屼粠0寮�濮�
-       //              //alert(typeof(item.userId))
-       //             if(item.userId==id){
-       //            //   alert(89)
-       //            alert(item.nickName)
-       //               return item.nickName
-       //             }
-
-       // })
-       let username = ""
-       for(let i = 0; i < this.listRoot.length;i++)
-       {
-         if(this.listRoot[i].userId==id)
-          username = this.listRoot[i].nickName
-       }
-       return username;
-      // return "12ddd"
-     },
+   //   getPerson(id)
+   //   {
+   //   //  alert(id)
+   // //    alert(typeof(id))
+   //     // this.listRoot.forEach(function(item, index) {
+   //     //             //item 灏辨槸褰撴棩鎸夊惊鐜埌鐨勫璞�
+   //     //             //index鏄惊鐜殑绱㈠紩锛屼粠0寮�濮�
+   //     //              //alert(typeof(item.userId))
+   //     //             if(item.userId==id){
+   //     //            //   alert(89)
+   //     //            alert(item.nickName)
+   //     //               return item.nickName
+   //     //             }
+   //
+   //     // })
+   //     let username = ""
+   //     for(let i = 0; i < this.listRoot.length;i++)
+   //     {
+   //       if(this.listRoot[i].userId==id)
+   //        username = this.listRoot[i].nickName
+   //     }
+   //     return username;
+   //    // return "12ddd"
+   //   },
     //闅旇鍙樿壊
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 == 0) {
@@ -514,7 +536,7 @@
           //  alert(123)
           //   console.log(response.data)
        //   alert(76)
-          this.listRoot = response.data;
+          this.listRoot = response.data.data;
         //  alert(this.listRoot)
           this.total = response.data.length;
        //   alert(this.total)
@@ -523,16 +545,30 @@
       );
     },
     /** 鏌ヨ绫诲埆淇℃伅 */
-    // getCateInfor()
-    // {
-    //   let _this = this
-    //   getCategory().then(response=>{
-    //
-    //     response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
-    //       _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
-    //     })
-    //   })
-    // },
+    getCateInfor()
+    {
+      let _this = this
+      getCategory().then(response=>{
+
+        response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
+          _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
+        })
+      })
+    },
+    //韬唤閫夋嫨
+    getSrc(identity) {
+      if (identity === '1'){
+        return '绗�1浠�'
+      }else if(identity === '2'){
+        return '绗�2浠�'
+      }else if(identity === '3'){
+        return '绗�3浠�'
+      }else if(identity === '4'){
+        return '绗�4浠�'
+      }else {
+        return '鍏跺畠'
+      }
+    },
 
     handleRemove(file) {
       alert(323)
@@ -601,8 +637,8 @@
     /** 鏌ョ湅璇︾粏淇℃伅 */
     handleCheck(row){
       const id = row.userId;
-      alert(id)
-     this.$router.push("/familymodel/jiagenwang/getPInfo/" + id);
+      // alert(id)
+     this.$router.push("/familymodel/jiagenwang/personInfo/" + id);
     },
 
 
@@ -611,26 +647,26 @@
       this.dialogVisible = true;
     },
     /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
-    // submitDataScope: function() {
-    //
-    //   let ul = this.fileList.map(function (elem){
-    //     return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
-    //   }).join(",")
-    //   let uls = this.fileListOther.map(function (elem){
-    //     return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
-    //   }).join(",")
-    //   this.formDat.url = ul+","+uls
-    //   this.$refs["elForm"].validate(valid => {
-    //     if (valid) {
-    //
-    //       addContact(this.formDat).then(response => {
-    //         this.$modal.msgSuccess("鏂板鎴愬姛");
-    //         this.open = false;
-    //         this.getList();
-    //       });
-    //     }
-    //   });
-    // },
+    submitDataScope: function() {
+
+      let ul = this.fileList.map(function (elem){
+        return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
+      }).join(",")
+      let uls = this.fileListOther.map(function (elem){
+        return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
+      }).join(",")
+      this.formDat.url = ul+","+uls
+      this.$refs["elForm"].validate(valid => {
+        if (valid) {
+
+          addContact(this.formDat).then(response => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.open = false;
+            this.getList();
+          });
+        }
+      });
+    },
     requestUpload(params)
     {
       var file = params.file;
@@ -665,11 +701,27 @@
       }).catch(() => {});
     },
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+    // handleExport() {
+    //   this.download('/self/user/export/genealogy', {
+    //     ...this.queryParams
+    //   }, `zGenealogy_${new Date().getTime()}.xlsx`)
+    // },
+
     handleExport() {
-      this.download('zfContact/export', {
-        ...this.queryParams
-      }, `zfContact_${new Date().getTime()}.xlsx`)
+      const Ids = this.ids;
+
+      if(Ids.length==0)
+      {
+        this.download('/self/user/export/genealogy', {
+          ...this.queryParams
+        }, `zGenealogy_${new Date().getTime()}.xlsx`)
+      }else{
+        this.download('/self/user/export/genealogy/'+Ids, {
+
+        }, `zGenealogy_${new Date().getTime()}.xlsx`)
+      }
     },
+
     /** 瀵煎叆鎿嶄綔*/
     // handleEnport(params){
     //   var file = params.file;

--
Gitblit v1.9.1