From 870d0b78a4da7ee5ec4ba9c18609a3ca09621e78 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 12 七月 2022 16:24:20 +0800 Subject: [PATCH] 目标 --- src/views/goalManagement/IncentiveRecording/index.vue | 41 +++++++++++++++++++---------------------- 1 files changed, 19 insertions(+), 22 deletions(-) diff --git a/src/views/goalManagement/IncentiveRecording/index.vue b/src/views/goalManagement/IncentiveRecording/index.vue index 1aa0f84..876e04d 100644 --- a/src/views/goalManagement/IncentiveRecording/index.vue +++ b/src/views/goalManagement/IncentiveRecording/index.vue @@ -3,10 +3,9 @@ <el-row> <el-col :span="4"> <el-form-item> - <el-select v-model="ruleForm.region" style="width:100%" placeholder=""> - <el-option label="Zone one" value="shanghai" /> - <el-option label="Zone two" value="beijing" /> - </el-select> + <el-input v-model="ruleForm.name" placeholder="请选择被奖惩者"> + <template #append> <el-button :icon="Search" @click="openSearch" /> </template + ></el-input> </el-form-item> </el-col> <!-- <el-col :span="4"> @@ -30,24 +29,23 @@ <el-button type="danger" :icon="Delete" plain>删除</el-button> </div> <div> - <el-button :icon="Upload" @click="upButton"></el-button> <el-button :icon="Download"></el-button> <el-button :icon="Refresh"></el-button> </div> </div> <el-table ref="multipleTableRef" :data="tableData" style="width: 100%"> <el-table-column type="selection" align="center" width="55" /> - <el-table-column label="奖惩名称" align="center" sortable> + <el-table-column label="奖惩日期" align="center" sortable> <template #default="scope">{{ scope.row.date }}</template> </el-table-column> <el-table-column property="name" align="center" label="奖惩类型" sortable /> + <el-table-column property="name" align="center" label="被奖惩者" sortable /> <el-table-column property="address" label="奖惩内容" align="center" sortable show-overflow-tooltip /> - <el-table-column property="address" label="依据" align="center" sortable show-overflow-tooltip /> + <el-table-column property="address" label="奖惩依据" align="center" sortable show-overflow-tooltip /> <!-- <el-table-column property="address" label="指标级别" align="center" sortable show-overflow-tooltip /> <el-table-column property="address" label="完成期限" align="center" sortable show-overflow-tooltip /> <el-table-column property="address" label="状态" align="center" sortable show-overflow-tooltip /> --> - <el-table-column property="address" label="备注信息" align="center" sortable show-overflow-tooltip /> - <el-table-column label="操作" align="center" sortable show-overflow-tooltip> + <el-table-column label="操作" align="center" style="width:300px"> <template #default> <el-button link type="primary" size="default" :icon="View">查看</el-button> <el-button link type="primary" size="default" :icon="EditPen">修改</el-button> @@ -70,15 +68,15 @@ /> </div> <DailogAdd ref="openAdd"></DailogAdd> - <upData ref="upShow"></upData> + <DailogSearchUser ref="openUser"></DailogSearchUser> </div> </template> <script lang="ts"> import DailogAdd from './component/DailogAdd.vue' -import upData from '../../../components/updata/updata.vue'; +import DailogSearchUser from '/@/components/DailogSearchUser/index.vue' import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue'; import { ElMessageBox, ElMessage, ElButton, ElInput, TabsPaneContext, FormInstance } from 'element-plus'; -import { Plus, Delete, Upload, Download, Refresh, View,EditPen } from '@element-plus/icons-vue'; +import { Plus, Delete, Upload, Download, Refresh, View,EditPen,Search} from '@element-plus/icons-vue'; interface User { date: string; name: string; @@ -86,7 +84,7 @@ } import type { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'; export default defineComponent({ - components: { ElButton, ElInput, upData,DailogAdd }, + components: { ElButton, ElInput,DailogAdd,DailogSearchUser }, setup() { // 搜索条件 const ruleForm = reactive({ @@ -151,12 +149,10 @@ const openD = () => { openAdd.value.openDailog(); }; - - // 上传 - const upShow = ref(); - const upButton = () => { - upShow.value.openDialog(); - }; + const openUser =ref(); + const openSearch=()=>{ + openUser.value.openDailog() + } return { tableData, @@ -167,19 +163,20 @@ handleCurrentChange, openAdd, openD, - upShow, - upButton, small, disabled, background, ruleForm, + openUser, + openSearch, Plus, Delete, Upload, Download, Refresh, View, - EditPen + EditPen, + Search }; }, }); -- Gitblit v1.9.2