VueUi.git - Gitblit

			@@ -1,7 +1,7 @@
			<template>
			<div>
			<div class="body" style="background-color: #ffffff; padding: 20px 10px 0 20px;" :style="{height:mainHeight+'px'}">
			<div style="height: 50px;">
			<div class="body" :style="{height:mainHeight+'px'}">
			<div style="padding: 10px 5px 0 0">
			<el-form
			ref="form"
			:model="form"
			@@ -9,15 +9,15 @@
			inline
			style="display: flex;justify-content: space-between"
			>
			<div style="display: flex;justify-content: space-around;width: 85%">
			<div class="elForm">
			<el-form-item label="组织编码" style=" display: flex;">
			<el-input v-model="form.OrgCode" placeholder="请输入" style="width: calc(100%-30px)" />
			<el-input v-model="form.OrgCode" placeholder="请输入" style="width: 200px" />
			</el-form-item>
			<el-form-item label="组织名称" style=" display: flex;">
			<el-input v-model="form.OrgName" placeholder="请输入" style="width: calc(100%-30px)" />
			<el-input v-model="form.OrgName" placeholder="请输入" style="width: 200px" />
			</el-form-item>
			<el-form-item label="组织类型" style=" display: flex;">
			<el-select v-model="form.OrgType" style="width: calc(100%-30px)" placeholder="请选择">
			<el-select v-model="form.OrgType" :popper-append-to-body="false" filterable style="width: 200px" placeholder="请选择">
			<el-option
			v-for="item in OrgTypeArr"
			:key="item.value"
			@@ -27,7 +27,7 @@
			</el-select>
			</el-form-item>
			<el-form-item label="创建人员" style=" display: flex;">
			<el-input v-model="form.UserName" style="width: calc(100%-30px)" placeholder="请输入" />
			<el-input v-model="form.UserName" style="width: 200px" placeholder="请输入" />
			</el-form-item>
			</div>
			<div style="display: flex;align-items: start;margin-top: 5px;">
			@@ -36,28 +36,30 @@
			</div>
			</el-form>
			</div>
			<div style="margin-bottom: 20px;display: flex">
			<el-divider />
			<div style="margin-left: 10px;display: flex">
			<el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>
			<!-- <el-button type="primary" icon="el-icon-edit" @click="edit('edit')">修改</el-button>-->
			<!-- <el-button type="primary" icon="el-icon-delete" @click="del">批量删除</el-button>-->
			</div>

			<div style="display: flex;border: 1px solid #eee">
			<el-divider />
			<div class="elTableDiv">
			<el-table
			:data="tableData"
			border
			highlight-current-row
			stripe
			:style="{width: 100+'%',height:tableHeight+'px'}"
			highlight-current-row
			:height="tableHeight"
			:header-cell-style="this.$headerCellStyle"
			:cell-style="this.$cellStyle"
			@sort-change="sortChange"
			>

			<!-- <el-table-column-->
			<!-- type="selection"-->
			<!-- width="50"-->
			<!-- />-->
			<el-table-column
			prop="id"
			prop="RowNum"
			width="50"
			label="序号"
			/>
			@@ -97,6 +99,7 @@
			<el-table-column
			prop="lm_date"
			label="创建时间"
			show-overflow-tooltip
			sortable="custom"
			/>
			<el-table-column
			@@ -125,17 +128,18 @@
			</div>

			<el-dialog
			:title="operation==='add'?'添加':'修改'"
			:title="operation==='add'?'新增':'修改'"
			:visible.sync="dialogVisible"
			width="50%"
			top="15vh"
			:close-on-click-modal="false"
			@closed="handleClose"
			@close="handleClose"
			>
			<el-form ref="dialogForm" :rules="dialogFormRules" :model="dialogForm" label-width="80px">
			<el-form-item label="组织类型" prop="OrgType">
			<el-radio-group
			v-model="dialogForm.OrgType"
			style="display: flex;align-items: end;height: 29px;"
			@change="changeRadio"
			>
			<el-radio
			@@ -156,10 +160,13 @@
			<el-select
			v-model="dialogForm.SupUnit"
			style="width: 220px"
			filterable
			:popper-append-to-body="false"
			placeholder="请选择"
			>
			<el-option
			v-for="item in SupUnitArr"
			:key="item.id"
			:label="item.org_name"
			:value="item.id"
			/>
			@@ -217,7 +224,7 @@
			prop: 'lm_date', // 排序字段
			order: 'desc', // 排序字段
			page: 1, // 第几页
			rows: 10 // 每页多少条
			rows: 20 // 每页多少条
			},
			OrgTypeArr: [
			{ label: '工厂', value: 'F' },
			@@ -383,20 +390,19 @@
			AddUpdateOrganization(data).then(res => {
			if (res.code === '200') {
			this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
			this.dialogVisible = false
			this.getOrganizationSearch()
			} else {
			this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')
			}
			})

			this.dialogVisible = false
			}
			})
			},
			// 获取页面高度
			getHeight() {
			this.$nextTick(() => {
			this.mainHeight = window.innerHeight - 200
			this.mainHeight = window.innerHeight - 250
			this.tableHeight = this.mainHeight - 100
			})
			}
			@@ -411,17 +417,28 @@
			height: 30px;
			display: flex;
			align-items: center;
			//border: 1px solid $main_color;
			border: none;
			padding: 0 20px;
			}
			::v-deep .el-button--primary:hover {
			border: none;
			}

			::v-deep .el-button--info {
			//background-color: $main_color !important;
			::v-deep .el-button--info{
			height: 30px;
			display: flex;
			align-items: center;
			padding: 0 20px;
			}

			::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
			background-color: $main_color !important;
			}

			::v-deep .el-dialog__footer {
			display: flex;
			justify-content: flex-end;
			}

			.footerButton {
			@@ -434,6 +451,7 @@
			height: 30px;
			display: flex;
			align-items: center;
			padding: 0 20px;
			}

			::v-deep .el-button--default:hover {
			@@ -459,11 +477,11 @@
			}

			::v-deep .el-input__inner {
			height: 30px
			height: 30px;
			line-height:30px;
			}

			::v-deep .el-table .caret-wrapper {
			//float: right;
			transform: scale(0.8);
			}

			@@ -486,8 +504,24 @@
			align-items: center;
			}

			//::v-deep .el-message-box__btns button:nth-child(2){
			// background-color: $main_color !important;
			// border-color: $main_color !important;
			//}
			.body ::v-deep .el-divider{
			border: 1px solid #eee;
			width: 99%;
			margin: 10px auto;
			}
			.body ::v-deep .el-form-item{
			margin-bottom: 0;
			}

			::v-deep .el-input__inner:focus {
			border-color: $main_color;
			}

			::v-deep .el-select .el-input__inner:focus{
			border-color: $main_color;
			}

			::v-deep .el-select-dropdown__item.selected{
			color: $main_color;
			}
			</style>