index.vue

<template>
	<div style="display: flex;">
		<div class="min_full" style="width: 200px;border-right: 0px;">
			<TreeBase :app='app' @selected='selectedTree'></TreeBase>
		</div>
		<div class="min_full" style="width: calc(100% - 200px)">
			<!-- 查询条件-->
			<div class="search" v-condition >
				<SearchButton :app='app'></SearchButton>
				<!-- 测试 -->
				<el-row :gutter="20" class="search-row-1">
					<el-col :span="6" class="search-col">
						<div class="search-item">
							<span class="search-span">年份:</span>
							<el-input v-model="queryParams.usercx" size="small" class="search-input"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="search-col">
						<div class="search-item">
							<span class="search-span">月份:</span>
							<el-input v-model="queryParams.phone" size="small" class="search-input"></el-input>
						</div>
					</el-col>
				</el-row>


			</div>
			<!-- 按钮操作-->
			<el-row class="tool-bar">
				<PrintButton :app='app'></PrintButton>
				<ViewButton ref="view" :app='app'></ViewButton>
				<AddButton ref="add" :app='app'></AddButton>
				<CopyButton ref="copy" :app='app'></CopyButton>
				<EditButton ref="edit" :app='app'></EditButton>
				<DeleteButton :app='app'></DeleteButton>
				<FieldButton :app='app'></FieldButton>
				<ExcelButton :app='app'></ExcelButton>
				<!-- 权限-->

			</el-row>
			<!-- 表格-->
			<div class="tablePagers">
				<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
					@getRow='getRow'>
						<template slot="tabCustom">
							<el-table-column label="启用/停用" width="90" header-align="center" >
								<template slot-scope="scope">
									<el-switch @click.native="setEnable(scope.row.id)" :value='tybz(scope)' style="width: 80px;justify-content: center;"
										active-color="#13ce66" inactive-color="#eee">
									</el-switch>
								</template>
							</el-table-column>
						</template>
				</TablePager>
			</div>

		</div>
	</div>

</template>

<script>

	/* 引入需要的接口*/
	import {
		QueryUser,
		QueryApptype,
		AddUser,
		DeleteUser,
		UpdateUser,
		QtUser,
		QueryBm,
		Setcanlogin,
		ResetPassword
	} from "common/src/api/system/dmgSystem.js";
	/* edit页面*/
	import Edit from './edit'
	import {
		tableMixin
	} from 'common'
	export default {
		mixins: [tableMixin],
		name: 'appVersion',

		/* 初始额外赋值*/
		async mounted() {

		},
		data() {
			return {

				/*需要的额外参数 */
				showDialog: false,
				DialogName: '',
				type: '',
				DialogTitle: '',
				powerList: [{
					name: '分配'
				}, {
					name: '复制'
				}, {
					name: '查看'
				}],
				/* 基础url*/
				baseUrl: 'kzzx/user',
				/* 查询参数*/
				queryParams: {
					bmid:'',
					usercx: '',
					phone:'',
					login:'Y',
					tybz:''
				},
				/* 树的标题 */
				treeTitle: '隐患标准分类',
				treeDefaultProps: {
					children: 'children',
					label: 'bmmc'
				},
				/* 表格标题对应参数*/
				tableTitle: [
          {
						prop: 'userid',
						label: '年份',
						width: '120'
					},
          {
          	prop: 'userid',
          	label: '月份',
          	width: '120'
          },
          {
          	prop: 'userid',
          	label: '隐患数量',
          	width: '120'
          },
          {
          	prop: 'userid',
          	label: '未处理完毕数量',
          	width: '120'
          },
          {
          	prop: 'userid',
          	label: '超期数量',
          	width: '120'
          },
          {
          	prop: 'userid',
          	label: '统计日期',
          	width: '120'
          }

				]
			}
		},
		methods: {
			selectedTree(e){
				this.queryParams.bmid=e.id||'root'
				this.$refs['TablePager'].pageQuery()
			},
			tybz(a) {
				let nTy = false
				nTy = (a.row.tybz == 'N' ? true : false)
				return nTy
			},
			/* 基础查询*/
			query: QueryUser,
			/* 基础增*/
			apiAdd: AddUser,
			/* 基础更新*/
			apiUpdate: UpdateUser,
			/* 删除操作*/
			apiDelete: DeleteUser,
			/* treeQuery */
			apiTreeQuery: QueryBm,
			/* 初始化赋值操作*/
			init() {

			},
			/* 启用停用*/
			setEnable(id) {
				this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let params = {
						id: id
					}
					QtUser(params).then(res => {
						if (res.success) {
							this.$success('操作成功')
							this.app.$refs['TablePager'].reLoad()
						} else {
							this.$error(res.message || '操作失败')
						}
					})
				})

			}


		},
		components:{
			Edit
		}


	}
</script>

<style scoped>

</style>