| | |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="身份" prop="identity" > |
| | | <el-input |
| | | <el-select |
| | | v-model="queryParams.identity" |
| | | placeholder="请输入身份" |
| | | 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> |
| | | |
| | |
| | | </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">--> |
| | |
| | | |
| | | <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="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" > |
| | |
| | | }], |
| | | |
| | | }, |
| | | typeOptions: [], |
| | | typeOptions: [{ |
| | | value:'1', |
| | | label:'第1代' |
| | | },{ |
| | | value:'2', |
| | | label:'第2代' |
| | | },{ |
| | | value:'3', |
| | | label:'第3代' |
| | | },{ |
| | | value:'4', |
| | | label:'第4代' |
| | | }], |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | ); |
| | | }, |
| | | /** 查询类别信息 */ |
| | | // 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) |
| | |
| | | /** 查看详细信息 */ |
| | | handleCheck(row){ |
| | | const id = row.userId; |
| | | alert(id) |
| | | this.$router.push("/familymodel/jiagenwang/getPInfo/" + id); |
| | | // alert(id) |
| | | this.$router.push("/familymodel/jiagenwang/personInfo/" + id); |
| | | }, |
| | | |
| | | |
| | |
| | | }).catch(() => {}); |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | // handleExport() { |
| | | // this.download('/self/user/export/genealogy', { |
| | | // ...this.queryParams |
| | | // }, `zGenealogy_${new Date().getTime()}.xlsx`) |
| | | // }, |
| | | |
| | | handleExport() { |
| | | this.download('/self/user/export/genealogy', { |
| | | ...this.queryParams |
| | | }, `zGenealogy_${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; |