|  | @@ -19,8 +19,19 @@
 | 
	
		
			
				|  |  |            ></el-input>
 | 
	
		
			
				|  |  |          </el-form-item>
 | 
	
		
			
				|  |  |          <el-form-item>
 | 
	
		
			
				|  |  | +          <el-select v-model="searchForm.status" clearable placeholder="请选择状态">
 | 
	
		
			
				|  |  | +            <el-option
 | 
	
		
			
				|  |  | +              v-for="(item, key) in withdrawalStatus"
 | 
	
		
			
				|  |  | +              :key="key"
 | 
	
		
			
				|  |  | +              :label="item"
 | 
	
		
			
				|  |  | +              :value="key"
 | 
	
		
			
				|  |  | +            ></el-option>
 | 
	
		
			
				|  |  | +          </el-select>
 | 
	
		
			
				|  |  | +        </el-form-item>
 | 
	
		
			
				|  |  | +        <el-form-item>
 | 
	
		
			
				|  |  |            <el-button native-type="submit" type="danger">搜索</el-button>
 | 
	
		
			
				|  |  |            <el-button native-type="reset" type="primary">重置</el-button>
 | 
	
		
			
				|  |  | +          <el-button @click="onExport" type="primary" v-permission="'export/musicGroupQuit'">导出</el-button>
 | 
	
		
			
				|  |  |          </el-form-item>
 | 
	
		
			
				|  |  |        </save-form>
 | 
	
		
			
				|  |  |        <el-table
 | 
	
	
		
			
				|  | @@ -46,6 +57,11 @@
 | 
	
		
			
				|  |  |          >
 | 
	
		
			
				|  |  |            <copy-text slot-scope="scope">{{scope.row.musicGroup.name}}</copy-text>
 | 
	
		
			
				|  |  |          </el-table-column>
 | 
	
		
			
				|  |  | +        <el-table-column label="状态">
 | 
	
		
			
				|  |  | +          <template slot-scope="scope">
 | 
	
		
			
				|  |  | +            {{ scope.row.status | withdrawalStatus }}
 | 
	
		
			
				|  |  | +          </template>
 | 
	
		
			
				|  |  | +        </el-table-column>
 | 
	
		
			
				|  |  |          <el-table-column
 | 
	
		
			
				|  |  |            prop="createTime"
 | 
	
		
			
				|  |  |            label="申请时间"
 | 
	
	
		
			
				|  | @@ -125,14 +141,19 @@ import { permission } from '@/utils/directivePage'
 | 
	
		
			
				|  |  |  import quitModal from './modals/quit'
 | 
	
		
			
				|  |  |  import quitOnlyModal from './modals/quitOnly'
 | 
	
		
			
				|  |  |  import visit from './modals/visit'
 | 
	
		
			
				|  |  | +import { Export } from '@/utils/downLoadFile'
 | 
	
		
			
				|  |  | +import qs from 'qs'
 | 
	
		
			
				|  |  |  import { musicGroupQuitQeryPage } from './api'
 | 
	
		
			
				|  |  | +import { withdrawalStatus } from '@/constant'
 | 
	
		
			
				|  |  |  const initSearch = {
 | 
	
		
			
				|  |  | -  search: ''
 | 
	
		
			
				|  |  | +  search: '',
 | 
	
		
			
				|  |  | +  status: null
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |    components: { pagination, quitModal, quitOnlyModal, visit },
 | 
	
		
			
				|  |  |    data() {
 | 
	
		
			
				|  |  |      return {
 | 
	
		
			
				|  |  | +      withdrawalStatus,
 | 
	
		
			
				|  |  |        quitVisible: false,
 | 
	
		
			
				|  |  |        quitOnlyVisible: false,
 | 
	
		
			
				|  |  |        visitVisible: false,
 | 
	
	
		
			
				|  | @@ -186,6 +207,15 @@ export default {
 | 
	
		
			
				|  |  |          this.rules.total = res.data.total;
 | 
	
		
			
				|  |  |          this.list = res.data.rows
 | 
	
		
			
				|  |  |        } catch (error) {}
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    onExport() {
 | 
	
		
			
				|  |  | +      const { ...rest} = this.searchForm
 | 
	
		
			
				|  |  | +      Export(this, {
 | 
	
		
			
				|  |  | +        url: '/api-web/export/musicGroupQuit',
 | 
	
		
			
				|  |  | +        fileName: '退团申请.xlsx',
 | 
	
		
			
				|  |  | +        method: 'post',
 | 
	
		
			
				|  |  | +        params: qs.stringify({ visitFlag: this.$route.query.visitFlag, ...rest })
 | 
	
		
			
				|  |  | +      }, '您确定导出退团申请列表?')
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |    }
 | 
	
		
			
				|  |  |  }
 |