| | |
| | | <!-- v-model="queryParams.id"--> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="身份" prop="nickName" style="padding-left:180px"> |
| | | <el-form-item label="身份" prop="identity" > |
| | | <el-input |
| | | v-model="queryParams.nickName" |
| | | v-model="queryParams.identity" |
| | | placeholder="请输入身份" |
| | | clearable |
| | | style="width: 240px" |
| | |
| | | </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> |
| | |
| | | <!-- >新增</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" |
| | |
| | | <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 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> |
| | | </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" > |
| | |
| | | <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"> |
| | | |
| | |
| | | politicalOutlook:undefined, |
| | | deadDay:undefined, |
| | | spouseId:undefined, |
| | | spouseName:undefined, |
| | | img:undefined, |
| | | fatherId:undefined, |
| | | momId:undefined, |
| | |
| | | familyId:undefined, |
| | | secondFamilyId:undefined, |
| | | childList:undefined, |
| | | identity:undefined, |
| | | url: undefined, |
| | | |
| | | }, |
| | |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | identity:undefined, |
| | | nickName:undefined, |
| | | sex:undefined, |
| | | birth:undefined, |
| | |
| | | message: '请输入性别', |
| | | trigger: 'blur' |
| | | }], |
| | | bitrh: [{ |
| | | birth: [{ |
| | | // required: true, |
| | | message: '请输入出生时间', |
| | | trigger: 'blur' |
| | |
| | | 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 |
| | | // 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 |
| | | // } |
| | | |
| | | // }) |
| | | 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" |
| | | }, |
| | | // return username; |
| | | // // return "12ddd" |
| | | // }, |
| | | //隔行变色 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if (rowIndex % 2 == 0) { |
| | |
| | | // 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) |
| | |
| | | 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; |
| | |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | | this.download('zfContact/export', { |
| | | this.download('/self/user/export/genealogy', { |
| | | ...this.queryParams |
| | | }, `zfContact_${new Date().getTime()}.xlsx`) |
| | | }, `zGenealogy_${new Date().getTime()}.xlsx`) |
| | | }, |
| | | /** 导入操作*/ |
| | | // handleEnport(params){ |