|  | @@ -1,40 +1,19 @@
 | 
	
		
			
				|  |  |  <!--  -->
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  |    <div class="m-container">
 | 
	
		
			
				|  |  | -    <save-form
 | 
	
		
			
				|  |  | -      :inline="true"
 | 
	
		
			
				|  |  | -      :model="searchForm"
 | 
	
		
			
				|  |  | -      @submit="search"
 | 
	
		
			
				|  |  | -      @reset="onReSet"
 | 
	
		
			
				|  |  | -      ref="searchForm"
 | 
	
		
			
				|  |  | -    >
 | 
	
		
			
				|  |  | +    <save-form :inline="true" :model="searchForm" @submit="search" @reset="onReSet" ref="searchForm">
 | 
	
		
			
				|  |  |        <el-form-item>
 | 
	
		
			
				|  |  | -        <el-input
 | 
	
		
			
				|  |  | -          v-model.trim="searchForm.search"
 | 
	
		
			
				|  |  | -          clearable
 | 
	
		
			
				|  |  | -          @keyup.enter.native="
 | 
	
		
			
				|  |  | -            e => {
 | 
	
		
			
				|  |  | -              e.target.blur();
 | 
	
		
			
				|  |  | -              $refs.searchForm.save();
 | 
	
		
			
				|  |  | -              search();
 | 
	
		
			
				|  |  | -            }
 | 
	
		
			
				|  |  | -          "
 | 
	
		
			
				|  |  | -          placeholder="群聊名称"
 | 
	
		
			
				|  |  | -        ></el-input>
 | 
	
		
			
				|  |  | +        <el-input v-model.trim="searchForm.search" clearable @keyup.enter.native="e => {
 | 
	
		
			
				|  |  | +            e.target.blur();
 | 
	
		
			
				|  |  | +            $refs.searchForm.save();
 | 
	
		
			
				|  |  | +            search();
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +          " placeholder="群聊名称"></el-input>
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |        <el-form-item prop="groupType">
 | 
	
		
			
				|  |  | -        <el-select
 | 
	
		
			
				|  |  | -          v-model.trim="searchForm.groupType"
 | 
	
		
			
				|  |  | -          clearable
 | 
	
		
			
				|  |  | -          filterable
 | 
	
		
			
				|  |  | -          placeholder="群聊类型"
 | 
	
		
			
				|  |  | -        >
 | 
	
		
			
				|  |  | -          <el-option
 | 
	
		
			
				|  |  | -            v-for="(item, index) in catgGoupTypeList"
 | 
	
		
			
				|  |  | -            :key="index"
 | 
	
		
			
				|  |  | -            :value="item.value"
 | 
	
		
			
				|  |  | -            :label="item.label"
 | 
	
		
			
				|  |  | -          ></el-option>
 | 
	
		
			
				|  |  | +        <el-select v-model.trim="searchForm.groupType" clearable filterable placeholder="群聊类型">
 | 
	
		
			
				|  |  | +          <el-option v-for="(item, index) in catgGoupTypeList" :key="index" :value="item.value"
 | 
	
		
			
				|  |  | +            :label="item.label"></el-option>
 | 
	
		
			
				|  |  |          </el-select>
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |        <el-form-item>
 | 
	
	
		
			
				|  | @@ -56,30 +35,12 @@
 | 
	
		
			
				|  |  |      </div>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      <div class="tableWrap">
 | 
	
		
			
				|  |  | -      <el-table
 | 
	
		
			
				|  |  | -        style="width: 100%"
 | 
	
		
			
				|  |  | -        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
 | 
	
		
			
				|  |  | -        :data="tableList"
 | 
	
		
			
				|  |  | -        @selection-change="handleSelectionChange"
 | 
	
		
			
				|  |  | -        @select="onTableSelect"
 | 
	
		
			
				|  |  | -        ref="multipleSelection"
 | 
	
		
			
				|  |  | -      >
 | 
	
		
			
				|  |  | +      <el-table style="width: 100%" :header-cell-style="{ background: '#EDEEF0', color: '#444' }" :data="tableList"
 | 
	
		
			
				|  |  | +        @selection-change="handleSelectionChange" @select="onTableSelect" ref="multipleSelection">
 | 
	
		
			
				|  |  |          <el-table-column type="selection" width="55"> </el-table-column>
 | 
	
		
			
				|  |  | -        <el-table-column
 | 
	
		
			
				|  |  | -          align="center"
 | 
	
		
			
				|  |  | -          prop="id"
 | 
	
		
			
				|  |  | -          label="群聊"
 | 
	
		
			
				|  |  | -        ></el-table-column>
 | 
	
		
			
				|  |  | -        <el-table-column
 | 
	
		
			
				|  |  | -          align="center"
 | 
	
		
			
				|  |  | -          prop="name"
 | 
	
		
			
				|  |  | -          label="群聊名称"
 | 
	
		
			
				|  |  | -        ></el-table-column>
 | 
	
		
			
				|  |  | -        <el-table-column
 | 
	
		
			
				|  |  | -          align="center"
 | 
	
		
			
				|  |  | -          prop="memo"
 | 
	
		
			
				|  |  | -          label="群备注"
 | 
	
		
			
				|  |  | -        ></el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column align="center" prop="id" label="群聊"></el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column align="center" prop="name" label="群聊名称"></el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column align="center" prop="memo" label="群备注"></el-table-column>
 | 
	
		
			
				|  |  |          <el-table-column align="center" prop="groupType" label="群聊类型">
 | 
	
		
			
				|  |  |            <template slot-scope="scope">
 | 
	
		
			
				|  |  |              <div>
 | 
	
	
		
			
				|  | @@ -94,36 +55,22 @@
 | 
	
		
			
				|  |  |              </div>
 | 
	
		
			
				|  |  |            </template>
 | 
	
		
			
				|  |  |          </el-table-column>
 | 
	
		
			
				|  |  | -        <el-table-column
 | 
	
		
			
				|  |  | -          align="center"
 | 
	
		
			
				|  |  | -          prop="memberNum"
 | 
	
		
			
				|  |  | -          label="人数"
 | 
	
		
			
				|  |  | -        ></el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column align="center" prop="memberNum" label="人数"></el-table-column>
 | 
	
		
			
				|  |  |          <el-table-column align="center" prop="memberNum" label="操作">
 | 
	
		
			
				|  |  |            <template slot-scope="scope">
 | 
	
		
			
				|  |  |              <div>
 | 
	
		
			
				|  |  |                <auth auths="/chatDetail">
 | 
	
		
			
				|  |  | -                <el-button type="text" @click="gotoCatDetail(scope.row)"
 | 
	
		
			
				|  |  | -                  >详情</el-button
 | 
	
		
			
				|  |  | -                >
 | 
	
		
			
				|  |  | +                <el-button type="text" @click="gotoCatDetail(scope.row)">详情</el-button>
 | 
	
		
			
				|  |  |                </auth>
 | 
	
		
			
				|  |  |                <auth auths="imGroup/updateImGroup">
 | 
	
		
			
				|  |  | -                <el-button type="text" @click="cancelCat(scope.row)"
 | 
	
		
			
				|  |  | -                  >解散</el-button
 | 
	
		
			
				|  |  | -                >
 | 
	
		
			
				|  |  | +                <el-button type="text" @click="cancelCat(scope.row)">解散</el-button>
 | 
	
		
			
				|  |  |                </auth>
 | 
	
		
			
				|  |  |              </div>
 | 
	
		
			
				|  |  |            </template>
 | 
	
		
			
				|  |  |          </el-table-column>
 | 
	
		
			
				|  |  |        </el-table>
 | 
	
		
			
				|  |  | -      <pagination
 | 
	
		
			
				|  |  | -        sync
 | 
	
		
			
				|  |  | -        :total.sync="rules.total"
 | 
	
		
			
				|  |  | -        :page.sync="rules.page"
 | 
	
		
			
				|  |  | -        :limit.sync="rules.limit"
 | 
	
		
			
				|  |  | -        :page-sizes="rules.page_size"
 | 
	
		
			
				|  |  | -        @pagination="getList"
 | 
	
		
			
				|  |  | -      />
 | 
	
		
			
				|  |  | +      <pagination sync :total.sync="rules.total" :page.sync="rules.page" :limit.sync="rules.limit"
 | 
	
		
			
				|  |  | +        :page-sizes="rules.page_size" @pagination="getList" />
 | 
	
		
			
				|  |  |      </div>
 | 
	
		
			
				|  |  |      <eidtPostMsg ref="eidtPostMsg" @clear="clearCom" />
 | 
	
		
			
				|  |  |      <eidtCatInfo ref="eidtCatInfo" @getList="getList" />
 | 
	
	
		
			
				|  | @@ -166,7 +113,7 @@ export default {
 | 
	
		
			
				|  |  |      };
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    //生命周期 - 创建完成(可以访问当前this实例)
 | 
	
		
			
				|  |  | -  created() {},
 | 
	
		
			
				|  |  | +  created() { },
 | 
	
		
			
				|  |  |    //生命周期 - 挂载完成(可以访问DOM元素)
 | 
	
		
			
				|  |  |    mounted() {
 | 
	
		
			
				|  |  |      // 获取分部
 | 
	
	
		
			
				|  | @@ -248,7 +195,7 @@ export default {
 | 
	
		
			
				|  |  |            });
 | 
	
		
			
				|  |  |            this.chioseIdList = this.$helpers.lodash.remove(
 | 
	
		
			
				|  |  |              this.chioseIdList,
 | 
	
		
			
				|  |  | -            function(item) {
 | 
	
		
			
				|  |  | +            function (item) {
 | 
	
		
			
				|  |  |                return tableIdList.indexOf(item.id) == -1;
 | 
	
		
			
				|  |  |              }
 | 
	
		
			
				|  |  |            );
 |