|
@ -1,15 +1,16 @@ |
|
|
<template> |
|
|
<template> |
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
<el-card shadow="never" class="aui-card--fill"> |
|
|
<div class="mod-sys__deptofficer}"> |
|
|
<div class="mod-sys__deptofficer}"> |
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> |
|
|
<div> |
|
|
<div> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button type="primary" @click="backToDeptList">返回</el-button> |
|
|
<el-button type="primary" @click="backToDeptList">返回</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</div> |
|
|
</div> |
|
|
<el-form-item label="姓名" prop="name"> |
|
|
<el-form-item label="姓名" prop="name"> |
|
|
<el-input v-model="dataForm.name" placeholder="姓名" clearable></el-input> |
|
|
<el-input v-model="dataForm.name" placeholder="姓名" clearable @keyup.native="btKeyUpName" style="width:250px;"></el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
<br> |
|
|
<el-form-item label="时间" |
|
|
<el-form-item label="时间" |
|
|
prop="startTime"> |
|
|
prop="startTime"> |
|
|
<el-date-picker v-model="dataForm.startTime" |
|
|
<el-date-picker v-model="dataForm.startTime" |
|
@ -17,7 +18,8 @@ |
|
|
:picker-options="pickerBeginDateBefore" |
|
|
:picker-options="pickerBeginDateBefore" |
|
|
value-format="yyyy-MM-dd" |
|
|
value-format="yyyy-MM-dd" |
|
|
format="yyyy-MM-dd" |
|
|
format="yyyy-MM-dd" |
|
|
placeholder="选择日期时间"> |
|
|
placeholder="选择日期时间" |
|
|
|
|
|
style="width:250px;" @change="changeTime"> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="至" |
|
|
<el-form-item label="至" |
|
@ -28,11 +30,12 @@ |
|
|
:picker-options="pickerBeginDateAfter" |
|
|
:picker-options="pickerBeginDateAfter" |
|
|
value-format="yyyy-MM-dd" |
|
|
value-format="yyyy-MM-dd" |
|
|
format="yyyy-MM-dd" |
|
|
format="yyyy-MM-dd" |
|
|
placeholder="选择日期时间"> |
|
|
placeholder="选择日期时间" |
|
|
|
|
|
style="width:250px;" @change="changeTime"> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
|
|
<el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<!-- <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> --> |
|
|
<!-- <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> --> |
|
@ -51,13 +54,13 @@ |
|
|
{{scope.$index+1}} |
|
|
{{scope.$index+1}} |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column> |
|
|
<el-table-column prop="name" label="姓名" header-align="center" align="center" width="180"></el-table-column> |
|
|
<el-table-column prop="sex" label="性别" header-align="center" align="center" :formatter="showFlagFormat"></el-table-column> |
|
|
<el-table-column prop="sex" label="性别" header-align="center" align="center" width="100" :formatter="showFlagFormat"></el-table-column> |
|
|
<el-table-column prop="position" label="职位" header-align="center" align="center"></el-table-column> |
|
|
<el-table-column prop="position" label="职位" header-align="center" align="center" min-width="200" show-overflow-tooltip></el-table-column> |
|
|
<el-table-column prop="mobile" label="联系方式" header-align="center" align="center"></el-table-column> |
|
|
<el-table-column prop="mobile" label="联系方式" header-align="center" align="center" width="180"></el-table-column> |
|
|
<!-- <el-table-column prop="masterFlag" label="主显标识" header-align="center" align="center"></el-table-column> --> |
|
|
<!-- <el-table-column prop="masterFlag" label="主显标识" header-align="center" align="center"></el-table-column> --> |
|
|
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column> |
|
|
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center" width="180"></el-table-column> |
|
|
<el-table-column prop="sort" label="排序" header-align="center" align="center"></el-table-column> |
|
|
<el-table-column prop="sort" label="排序" header-align="center" align="center" width="80"></el-table-column> |
|
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|
|
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button> |
|
@ -97,9 +100,28 @@ export default { |
|
|
exportURL: '/cloudAnalysis/deptofficer/export' |
|
|
exportURL: '/cloudAnalysis/deptofficer/export' |
|
|
}, |
|
|
}, |
|
|
dataForm: { |
|
|
dataForm: { |
|
|
id: '' |
|
|
id: '', |
|
|
|
|
|
name:'', |
|
|
|
|
|
startTime:"", |
|
|
|
|
|
endTime:'' |
|
|
|
|
|
}, |
|
|
|
|
|
deptofficerAddVisible: false, |
|
|
|
|
|
pickerBeginDateBefore: { |
|
|
|
|
|
disabledDate: (time) => { |
|
|
|
|
|
let beginDateVal = this.dataForm.endTime |
|
|
|
|
|
if (beginDateVal) { |
|
|
|
|
|
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime() |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
pickerBeginDateAfter: { |
|
|
|
|
|
disabledDate: (time) => { |
|
|
|
|
|
let EndDateVal = this.dataForm.startTime |
|
|
|
|
|
if (EndDateVal) { |
|
|
|
|
|
return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime() |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
deptofficerAddVisible: false |
|
|
|
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
mounted () { |
|
|
mounted () { |
|
@ -129,6 +151,10 @@ export default { |
|
|
this.$refs.deptofficerAdd.dataForm.deptId = deptId |
|
|
this.$refs.deptofficerAdd.dataForm.deptId = deptId |
|
|
this.$refs.deptofficerAdd.init() |
|
|
this.$refs.deptofficerAdd.init() |
|
|
}) |
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
btKeyUpName(e){ |
|
|
|
|
|
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】\\[\]、;‘’,。、\s+]/g, '') |
|
|
|
|
|
this.dataForm.name= e.target.value |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|