Tcsm
2023-07-17 b91ae843757fcfb74af04ff85decf8c26b6f4591
ruoyi-ui/src/views/genealogy/index.vue
@@ -19,14 +19,20 @@
      </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>
@@ -71,14 +77,14 @@
      </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">-->
@@ -143,12 +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="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" >
@@ -456,7 +463,19 @@
        }],
      },
      typeOptions: [],
      typeOptions: [{
        value:'1',
        label:'第1代'
      },{
        value:'2',
        label:'第2代'
      },{
        value:'3',
        label:'第3代'
      },{
        value:'4',
        label:'第4代'
      }],
    };
  },
  created() {
@@ -526,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)
@@ -604,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);
    },
@@ -668,11 +701,27 @@
      }).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;