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