|  |  |  | @ -2,11 +2,12 @@ | 
			
		
	
		
			
				
					|  |  |  |  |   <div class="app-container"> | 
			
		
	
		
			
				
					|  |  |  |  |     <div class="filter-container"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.user_id" placeholder="用户ID" style="width: 140px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.card" placeholder="身份证" style="width: 300px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.name" placeholder="姓名" style="width: 200px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.mobile" placeholder="手机号码" style="width: 200px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-select v-model="listQuery.status" placeholder="实名认证状态" clearable class="filter-item" style="width: 140px" @change="handleFilter"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-option v-for="item in certification_status_choices" :key="item.id" :label="item.name" :value="item.id" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.bucket_name" placeholder="bucket_name" style="width: 300px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.access_key" placeholder="access_key" style="width: 200px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.name" placeholder="存储名称" style="width: 200px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-input v-model="listQuery.domain_name" placeholder="下载域名" style="width: 200px;" class="filter-item" clearable @keyup.enter.native="handleFilter" /> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-select v-model="listQuery.storage_type" placeholder="存储类型" clearable class="filter-item" style="width: 140px" @change="handleFilter"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-option v-for="item in storage_choices" :key="item.id" :label="item.name" :value="item.id" /> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-select> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-select v-model="listQuery.sort" style="width: 140px" class="filter-item" @change="handleFilter"> | 
			
		
	
		
			
				
					|  |  |  |  |         <el-option v-for="item in sortOptions" :key="item.key" :label="item.label" :value="item.key" /> | 
			
		
	
	
		
			
				
					|  |  |  | @ -36,32 +37,32 @@ | 
			
		
	
		
			
				
					|  |  |  |  |           </router-link> | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="真实姓名"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="存储名称"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           {{ scope.row.name }} | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="身份证号码" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="存储访问access_key" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           <span>{{ scope.row.card }}</span> | 
			
		
	
		
			
				
					|  |  |  |  |           <span>{{ scope.row.access_key }}</span> | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="居住地" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="存储空间bucket_name" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           {{ scope.row.addr }} | 
			
		
	
		
			
				
					|  |  |  |  |           {{ scope.row.bucket_name }} | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="手机号码" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="下载域名" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           {{ scope.row.mobile }} | 
			
		
	
		
			
				
					|  |  |  |  |           {{ scope.row.domain_name }} | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column class-name="status-col" label="实名认证" width="95" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column class-name="status-col" label="存储类型" width="95" align="center"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-tag :type="scope.row.status | certStatusFilter">{{ scope.row| certLableFilter }}</el-tag> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-tag :type="scope.row.storage_type | certStatusFilter">{{ scope.row| certLableFilter }}</el-tag> | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column align="center" prop="created_time" label="提交时间" width="120"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column align="center" prop="created_time" label="创建时间" width="120"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           <i class="el-icon-time" /> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-tooltip :content="scope.row.created_time"> | 
			
		
	
	
		
			
				
					|  |  |  | @ -69,17 +70,17 @@ | 
			
		
	
		
			
				
					|  |  |  |  |           </el-tooltip> | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column align="center" prop="created_time" label="审核时间" width="120"> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column align="center" prop="created_time" label="更新时间" width="120"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           <i class="el-icon-time" /> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-tooltip :content="scope.row.reviewed_time"> | 
			
		
	
		
			
				
					|  |  |  |  |             <span>{{ scope.row.reviewed_time|formatTime }}</span> | 
			
		
	
		
			
				
					|  |  |  |  |           <el-tooltip :content="scope.row.updated_time"> | 
			
		
	
		
			
				
					|  |  |  |  |             <span>{{ scope.row.updated_time|formatTime }}</span> | 
			
		
	
		
			
				
					|  |  |  |  |           </el-tooltip> | 
			
		
	
		
			
				
					|  |  |  |  |         </template> | 
			
		
	
		
			
				
					|  |  |  |  |       </el-table-column> | 
			
		
	
		
			
				
					|  |  |  |  |       <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width"> | 
			
		
	
		
			
				
					|  |  |  |  |         <template slot-scope="scope"> | 
			
		
	
		
			
				
					|  |  |  |  |           <router-link :to="{name: 'user_authentication_info_edit',params:{id:scope.row.id}}"> | 
			
		
	
		
			
				
					|  |  |  |  |           <router-link :to="{name: 'storage_info_edit',params:{id:scope.row.id}}"> | 
			
		
	
		
			
				
					|  |  |  |  |             <el-button type="primary" size="mini"> | 
			
		
	
		
			
				
					|  |  |  |  |               查看编辑 | 
			
		
	
		
			
				
					|  |  |  |  |             </el-button> | 
			
		
	
	
		
			
				
					|  |  |  | @ -101,14 +102,14 @@ import Pagination from '@/components/Pagination' // secondary package based on e | 
			
		
	
		
			
				
					|  |  |  |  | import waves from '@/directive/waves' // waves directive | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | const sortOptions = [ | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '审核时间 Ascending', key: 'reviewed_time' }, | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '审核时间 Descending', key: '-reviewed_time' }, | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '提交时间 Ascending', key: 'created_time' }, | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '提交时间 Descending', key: '-created_time' } | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '创建时间 Ascending', key: 'reviewed_time' }, | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '创建时间 Descending', key: '-reviewed_time' }, | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '更新时间 Ascending', key: 'created_time' }, | 
			
		
	
		
			
				
					|  |  |  |  |   { label: '更新时间 Descending', key: '-created_time' } | 
			
		
	
		
			
				
					|  |  |  |  | ] | 
			
		
	
		
			
				
					|  |  |  |  | 
 | 
			
		
	
		
			
				
					|  |  |  |  | export default { | 
			
		
	
		
			
				
					|  |  |  |  |   name: 'AppInfo', | 
			
		
	
		
			
				
					|  |  |  |  |   name: 'StorageInfo', | 
			
		
	
		
			
				
					|  |  |  |  |   components: { Pagination }, | 
			
		
	
		
			
				
					|  |  |  |  |   directives: { waves }, | 
			
		
	
		
			
				
					|  |  |  |  |   filters: { | 
			
		
	
	
		
			
				
					|  |  |  | @ -117,16 +118,16 @@ export default { | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     certStatusFilter(status) { | 
			
		
	
		
			
				
					|  |  |  |  |       const statusMap = { | 
			
		
	
		
			
				
					|  |  |  |  |         '-1': 'info', | 
			
		
	
		
			
				
					|  |  |  |  |         '0': 'danger', | 
			
		
	
		
			
				
					|  |  |  |  |         '1': 'success', | 
			
		
	
		
			
				
					|  |  |  |  |         '0': 'gray', | 
			
		
	
		
			
				
					|  |  |  |  |         '2': 'danger' | 
			
		
	
		
			
				
					|  |  |  |  |         '2': 'gray', | 
			
		
	
		
			
				
					|  |  |  |  |         '3': 'info' | 
			
		
	
		
			
				
					|  |  |  |  |       } | 
			
		
	
		
			
				
					|  |  |  |  |       return statusMap[status] | 
			
		
	
		
			
				
					|  |  |  |  |     }, | 
			
		
	
		
			
				
					|  |  |  |  |     certLableFilter(row) { | 
			
		
	
		
			
				
					|  |  |  |  |       for (const v of row.certification_status_choices) { | 
			
		
	
		
			
				
					|  |  |  |  |         if (v.id === row.status) { | 
			
		
	
		
			
				
					|  |  |  |  |       for (const v of row.storage_choices) { | 
			
		
	
		
			
				
					|  |  |  |  |         if (v.id === row.storage_type) { | 
			
		
	
		
			
				
					|  |  |  |  |           return v.name | 
			
		
	
		
			
				
					|  |  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  |  |       } | 
			
		
	
	
		
			
				
					|  |  |  | @ -164,13 +165,14 @@ export default { | 
			
		
	
		
			
				
					|  |  |  |  |         limit: 10, | 
			
		
	
		
			
				
					|  |  |  |  |         name: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         sort: '-created_time', | 
			
		
	
		
			
				
					|  |  |  |  |         card: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         mobile: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         status: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         bucket_name: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         access_key: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         storage_type: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         domain_name: undefined, | 
			
		
	
		
			
				
					|  |  |  |  |         user_id: undefined | 
			
		
	
		
			
				
					|  |  |  |  |       }, | 
			
		
	
		
			
				
					|  |  |  |  |       sortOptions, | 
			
		
	
		
			
				
					|  |  |  |  |       certification_status_choices: [] | 
			
		
	
		
			
				
					|  |  |  |  |       storage_choices: [] | 
			
		
	
		
			
				
					|  |  |  |  |     } | 
			
		
	
		
			
				
					|  |  |  |  |   }, | 
			
		
	
		
			
				
					|  |  |  |  |   created() { | 
			
		
	
	
		
			
				
					|  |  |  | @ -186,7 +188,7 @@ export default { | 
			
		
	
		
			
				
					|  |  |  |  |       getStorageInfo(this.listQuery).then(response => { | 
			
		
	
		
			
				
					|  |  |  |  |         this.list = response.data | 
			
		
	
		
			
				
					|  |  |  |  |         if (this.list && this.list.length > 0) { | 
			
		
	
		
			
				
					|  |  |  |  |           this.certification_status_choices = this.list[0].certification_status_choices | 
			
		
	
		
			
				
					|  |  |  |  |           this.storage_choices = this.list[0].storage_choices | 
			
		
	
		
			
				
					|  |  |  |  |         } | 
			
		
	
		
			
				
					|  |  |  |  |         this.total = response.total | 
			
		
	
		
			
				
					|  |  |  |  |         this.listLoading = false | 
			
		
	
	
		
			
				
					|  |  |  | 
 |