From e45cb00314d0d027996a6155d05bde749ab4acd8 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 22 六月 2022 10:57:56 +0800
Subject: [PATCH] 1.解决了部分浏览器兼容问题
---
src/views/jcsz/zzjg.vue | 149 ++++++++++++++++++++++++++++---------------------
1 files changed, 84 insertions(+), 65 deletions(-)
diff --git a/src/views/jcsz/zzjg.vue b/src/views/jcsz/zzjg.vue
index beb7b7d..248f1ea 100644
--- a/src/views/jcsz/zzjg.vue
+++ b/src/views/jcsz/zzjg.vue
@@ -1,7 +1,8 @@
<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="background-color: #ffffff; padding: 20px 10px 0 20px;">
+ <!-- <div class="body" style="background-color: #ffffff; padding: 20px 10px 0 20px;" :style="{height:mainHeight+'px'}">-->
+ <div>
<el-form
ref="form"
:model="form"
@@ -36,27 +37,29 @@
</div>
</el-form>
</div>
- <div style="margin-bottom: 20px;display: flex">
+ <div style="margin-bottom: 20px;display: flex;z-index: 2">
<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>
+ <!-- :style="{width: 100+'%',height:tableHeight+'px'}"-->
<div style="display: flex;border: 1px solid #eee">
<el-table
:data="tableData"
border
- :style="{width: 100+'%',height:tableHeight+'px'}"
+ highlight-current-row
: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="搴忓彿"
/>
@@ -96,6 +99,7 @@
<el-table-column
prop="lm_date"
label="鍒涘缓鏃堕棿"
+ show-overflow-tooltip
sortable="custom"
/>
<el-table-column
@@ -129,12 +133,12 @@
width="50%"
top="15vh"
@closed="handleClose"
+ @close="handleClose"
>
- <el-form ref="dialogForm" :model="dialogForm" label-width="80px">
- <el-form-item label="缁勭粐绫诲瀷" required>
+ <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
@@ -145,13 +149,13 @@
/>
</el-radio-group>
</el-form-item>
- <el-form-item label="缁勭粐缂栫爜" required>
- <el-input v-model="dialogForm.OrgCode" style="width: 220px" />
+ <el-form-item label="缁勭粐缂栫爜" prop="OrgCode">
+ <el-input v-model="dialogForm.OrgCode" :disabled="operation!=='add'" style="width: 220px" />
</el-form-item>
- <el-form-item label="缁勭粐鍚嶇О" required>
+ <el-form-item label="缁勭粐鍚嶇О" prop="OrgName">
<el-input v-model="dialogForm.OrgName" style="width: 220px" />
</el-form-item>
- <el-form-item v-if="dialogFormOrgTypeSelected!=='F'" label="涓婄骇鍗曚綅" required>
+ <el-form-item v-if="dialogFormOrgTypeSelected!=='F'" prop="SupUnit" label="涓婄骇鍗曚綅">
<el-select
v-model="dialogForm.SupUnit"
style="width: 220px"
@@ -159,7 +163,6 @@
>
<el-option
v-for="item in SupUnitArr"
- :key="item.id"
:label="item.org_name"
:value="item.id"
/>
@@ -181,12 +184,31 @@
import { AddUpdateOrganization, DeleteOrganization, OrganizationSearch, PrentOrganization } from '@/api/jcsz'
import { getCookie } from '@/utils/auth'
+const SER_HZ = /^[\u4e00-\u9fa5]+$/
export default {
name: 'Zzjg',
components: {
Pagination
},
data() {
+ const validateName = (rule, value, callback) => {
+ if (!value) {
+ return callback(new Error('璇疯緭鍏ョ紪鐮�'))
+ } else {
+ if (SER_HZ.test(value)) {
+ return callback(new Error('缂栫爜涓嶈兘涓轰腑鏂�'))
+ } else {
+ callback()
+ }
+ }
+ }
+ const validateTypeCode = (rule, value, callback) => {
+ if (!value) {
+ return callback(new Error('璇烽�夋嫨涓婄骇'))
+ } else {
+ callback()
+ }
+ }
return {
mainHeight: 0,
tableHeight: 0,
@@ -219,21 +241,21 @@
},
SupUnitArr: [],
dialogFormOrgTypeSelected: '',
- operation: ''
- // dialogFormRules: {
- // // OrgType: [
- // // { required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur' }
- // // ],
- // OrgCode: [
- // { required: true, message: '璇疯緭鍏ョ粍缁囩紪鐮�', trigger: 'blur' }
- // ],
- // OrgName: [
- // { required: true, message: '璇疯緭鍏ョ粍缁囧悕绉�', trigger: 'blur' }
- // ]
- // // SupUnit: [
- // // { required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur' }
- // // ]
- // }
+ operation: '',
+ dialogFormRules: {
+ OrgType: [
+ { required: true, message: '璇疯緭鍏ラ�夋嫨绫诲瀷', trigger: ['blur', 'change'] }
+ ],
+ OrgCode: [
+ { required: true, validator: validateName, trigger: ['blur', 'change'] }
+ ],
+ OrgName: [
+ { required: true, message: '璇疯緭鍏ュ悕绉�', trigger: ['blur', 'change'] }
+ ],
+ SupUnit: [
+ { required: true, validator: validateTypeCode, trigger: ['blur', 'change'] }
+ ]
+ }
}
},
@@ -246,8 +268,9 @@
},
methods: {
async getOrganizationSearch() {
- const { data: res } = await OrganizationSearch(this.form)
- this.tableData = res
+ const res = await OrganizationSearch(this.form)
+ this.tableData = res.data
+ this.total = res.count
},
// 鎺掑簭鏀瑰彉鏃�
sortChange({ column, prop, order }) {
@@ -312,10 +335,12 @@
} else if (row.description === 'L') {
this.dialogForm.OrgType = '鐢熶骇绾�'
}
- this.changeRadio(this.dialogForm.OrgType)
- this.dialogForm.OrgCode = row.org_code
- this.dialogForm.OrgName = row.org_name
- this.dialogForm.SupUnit = row.parent_id
+ this.$nextTick(() => {
+ this.changeRadio(this.dialogForm.OrgType)
+ this.dialogForm.OrgCode = row.org_code
+ this.dialogForm.OrgName = row.org_name
+ this.dialogForm.SupUnit = row.parent_id
+ })
},
// 鍒犻櫎鎸夐挳
async del(id) {
@@ -340,42 +365,35 @@
this.dialogForm.OrgCode = ''
this.dialogForm.OrgName = ''
this.dialogForm.SupUnit = ''
+ this.$refs.dialogForm.clearValidate()
},
// 瀵硅瘽妗嗗彇娑�
dialogVisibleCancel() {
this.dialogVisible = false
},
// 瀵硅瘽妗嗙‘璁�
- async dialogVisibleConfirm() {
- if (this.dialogFormOrgTypeSelected.length < 1) {
- return this.$message.info('缁勭粐绫诲瀷鏈�夛紒')
- }
- if (this.dialogForm.OrgCode < 1) {
- return this.$message.info('缁勭粐缂栫爜鏈～锛�')
- }
- if (this.dialogForm.OrgName < 1) {
- return this.$message.info('缁勭粐鍚嶇О鏈～锛�')
- }
- if (this.dialogForm.SupUnit < 1) {
- return this.$message.info('涓婄骇鍗曚綅鏈�夛紒')
- }
-
- const data = {
- OrganType: this.dialogFormOrgTypeSelected,
- OrganCode: this.dialogForm.OrgCode,
- OrganName: this.dialogForm.OrgName,
- SupUnit: this.dialogFormOrgTypeSelected === 'F' ? '0' : this.dialogForm.SupUnit,
- OperType: this.operation === 'add' ? 'Add' : 'Update',
- Operator: getCookie('admin')
- }
- const res = await AddUpdateOrganization(data)
- if (res.code === '200') {
- this.$message.success('娣诲姞鎴愬姛锛�')
- await this.getOrganizationSearch()
- } else {
- this.$message.error('娣诲姞澶辫触锛�')
- }
- this.dialogVisible = false
+ dialogVisibleConfirm() {
+ this.$refs.dialogForm.validate(valid => {
+ if (valid) {
+ const data = {
+ OrganType: this.dialogFormOrgTypeSelected,
+ OrganCode: this.dialogForm.OrgCode,
+ OrganName: this.dialogForm.OrgName,
+ SupUnit: this.dialogFormOrgTypeSelected === 'F' ? '0' : this.dialogForm.SupUnit,
+ OperType: this.operation === 'add' ? 'Add' : 'Update',
+ Operator: getCookie('admin')
+ }
+ 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' ? '娣诲姞澶辫触锛�' : '淇敼澶辫触锛�')
+ }
+ })
+ }
+ })
},
// 鑾峰彇椤甸潰楂樺害
getHeight() {
@@ -443,7 +461,8 @@
}
::v-deep .el-input__inner {
- height: 30px
+ height: 30px;
+ line-height:30px;
}
::v-deep .el-table .caret-wrapper {
--
Gitblit v1.9.3