From 227d45676cc933b6b99047b15579ff150a71c231 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 12 七月 2022 17:45:06 +0800 Subject: [PATCH] 目标 --- src/components/DailogSearch/DailogSearch.vue | 112 ++++++++++++++++++++++--------------- src/views/goalManagement/safetyAssessment/index.vue | 2 src/views/goalManagement/targetImprovements/index.vue | 2 src/views/goalManagement/targetSettings/index.vue | 2 src/views/goalManagement/performanceAppraisal/index.vue | 2 src/views/goalManagement/processForms/processForms.vue | 2 src/views/goalManagement/TargetBook/index.vue | 2 src/views/goalManagement/targetEscalation/index.vue | 2 src/views/goalManagement/Goalsummary/index.vue | 2 src/views/goalManagement/IncentiveRecording/index.vue | 2 src/views/goalManagement/Incentivestandard/index.vue | 2 src/views/goalManagement/targetDecompositionYear/index.vue | 2 src/views/goalManagement/tragetDecompositionMonth/index.vue | 2 13 files changed, 91 insertions(+), 45 deletions(-) diff --git a/src/components/DailogSearch/DailogSearch.vue b/src/components/DailogSearch/DailogSearch.vue index 9d297c8..0a0b644 100644 --- a/src/components/DailogSearch/DailogSearch.vue +++ b/src/components/DailogSearch/DailogSearch.vue @@ -2,52 +2,67 @@ <el-dialog v-model="dialogVisible" title="选择安全目标指标" width="50%" draggable> <el-row> <el-col :span="17"> - <el-form ref="ruleFormRef" :model="ruleForm" status-icon> - <el-row> - <el-col :span="6"> - <el-form-item> - <el-input v-model="ruleForm.pass" placeholder="安全目标指标" /> - </el-form-item> - </el-col> - <el-col :span="6" :offset="1"> - <el-form-item> - <el-input v-model="ruleForm.checkPass" placeholder="目标指标编号" /> - </el-form-item> - </el-col> - <el-col :span="6" :offset="1"> - <el-form-item> - <el-button type="primary" @click="submitForm(ruleFormRef)">查询</el-button> - <el-button @click="resetForm(ruleFormRef)">重置</el-button> - </el-form-item> - </el-col> - </el-row> - </el-form> - <el-button size="default" :icon="Delete">清除选择</el-button> - <el-table :data="tableData" style="width: 100%;margin-top:20px"> - <el-table-column align="center" prop="date" label="安全目标指标" width="180" /> - <el-table-column align="center" prop="name" label="目标指标编号" width="180" /> - <el-table-column align="center" prop="address" label="年度" /> - <el-table-column align="center" prop="address" label="指标值" /> - </el-table> - <el-pagination - style="padding:20px 0;border-bottom:1px solid #dedede" - v-model:currentPage="currentPage4" - v-model:page-size="pageSize4" - :page-sizes="[100, 200, 300, 400]" - :small="small" - :disabled="disabled" - :background="background" - layout="total, sizes, prev, pager, next, jumper" - :total="400" - @size-change="handleSizeChange" - @current-change="handleCurrentChange" - /> - </el-col> - <el-col :span="7"> - <el-tag v-for="tag in dynamicTags" :key="tag" class="mx-1" style="margin:5px" closable :disable-transitions="false" @close="handleClose(tag)"> + <el-form ref="ruleFormRef" :model="ruleForm" status-icon> + <el-row> + <el-col :span="6"> + <el-form-item> + <el-input v-model="ruleForm.pass" placeholder="安全目标指标" /> + </el-form-item> + </el-col> + <el-col :span="6" :offset="1"> + <el-form-item> + <el-input v-model="ruleForm.checkPass" placeholder="目标指标编号" /> + </el-form-item> + </el-col> + <el-col :span="6" :offset="1"> + <el-form-item> + <el-button type="primary" @click="submitForm(ruleFormRef)">查询</el-button> + <el-button @click="resetForm(ruleFormRef)">重置</el-button> + </el-form-item> + </el-col> + </el-row> + </el-form> + <el-button size="default" :icon="Delete">清除选择</el-button> + <el-table :data="tableData" style="width: 100%; margin-top: 20px"> + <el-table-column align="center"> + <template #default="scope"> + <el-radio-group v-model="radio1" @change="radio"> + <el-radio :label="scope.row.date" size="large">{{null}}</el-radio> + </el-radio-group> + </template> + </el-table-column> + <el-table-column align="center" prop="date" label="安全目标指标" width="180" /> + <el-table-column align="center" prop="name" label="目标指标编号" width="180" /> + <el-table-column align="center" prop="address" label="年度" /> + <el-table-column align="center" prop="address" label="指标值" /> + </el-table> + <el-pagination + style="padding: 20px 0; border-bottom: 1px solid #dedede" + v-model:currentPage="currentPage4" + v-model:page-size="pageSize4" + :page-sizes="[100, 200, 300, 400]" + :small="small" + :disabled="disabled" + :background="background" + layout="total, sizes, prev, pager, next, jumper" + :total="400" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> + </el-col> + <el-col :span="7"> + <el-tag + v-for="tag in dynamicTags" + :key="tag" + class="mx-1" + style="margin: 5px" + closable + :disable-transitions="false" + @close="handleClose(tag)" + > {{ tag }} </el-tag> - </el-col> + </el-col> </el-row> <template #footer> <span class="dialog-footer"> @@ -102,10 +117,15 @@ console.log(`current page: ${val}`); }; // 右方点击添加后显示标签 - const dynamicTags = ref(['Tag 1', 'Tag 2', 'Tag 3']); + const dynamicTags = ref(['2016-05-03']); const handleClose = (tag: string) => { dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1); + radio1.value="" }; + const radio1=ref('2016-05-03') + const radio=(event:any)=>{ + dynamicTags.value[0]=event + } return { dialogVisible, openDailog, @@ -116,6 +136,8 @@ handleCurrentChange, dynamicTags, handleClose, + radio1, + radio, Delete, }; }, diff --git a/src/views/goalManagement/Goalsummary/index.vue b/src/views/goalManagement/Goalsummary/index.vue index 8b05f37..1746d27 100644 --- a/src/views/goalManagement/Goalsummary/index.vue +++ b/src/views/goalManagement/Goalsummary/index.vue @@ -1,4 +1,5 @@ <template> + <div> <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> <el-row> <el-col :span="4"> @@ -64,6 +65,7 @@ /> </div> </div> + </div> </template> <script lang="ts"> import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue'; diff --git a/src/views/goalManagement/IncentiveRecording/index.vue b/src/views/goalManagement/IncentiveRecording/index.vue index 876e04d..ec09aa2 100644 --- a/src/views/goalManagement/IncentiveRecording/index.vue +++ b/src/views/goalManagement/IncentiveRecording/index.vue @@ -1,4 +1,5 @@ <template> +<div> <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> <el-row> <el-col :span="4"> @@ -70,6 +71,7 @@ <DailogAdd ref="openAdd"></DailogAdd> <DailogSearchUser ref="openUser"></DailogSearchUser> </div> + </div> </template> <script lang="ts"> import DailogAdd from './component/DailogAdd.vue' diff --git a/src/views/goalManagement/Incentivestandard/index.vue b/src/views/goalManagement/Incentivestandard/index.vue index 1aa0f84..0e2e707 100644 --- a/src/views/goalManagement/Incentivestandard/index.vue +++ b/src/views/goalManagement/Incentivestandard/index.vue @@ -1,4 +1,5 @@ <template> +<div> <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> <el-row> <el-col :span="4"> @@ -72,6 +73,7 @@ <DailogAdd ref="openAdd"></DailogAdd> <upData ref="upShow"></upData> </div> + </div> </template> <script lang="ts"> import DailogAdd from './component/DailogAdd.vue' diff --git a/src/views/goalManagement/TargetBook/index.vue b/src/views/goalManagement/TargetBook/index.vue index f08494a..c14768b 100644 --- a/src/views/goalManagement/TargetBook/index.vue +++ b/src/views/goalManagement/TargetBook/index.vue @@ -1,4 +1,5 @@ <template> + <div> <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> <el-row> <el-col :span="4"> @@ -71,6 +72,7 @@ <DailogAdd ref="openAdd"></DailogAdd> <DailogSearch ref="openUser"></DailogSearch> </div> + </div> </template> <script lang="ts"> import DailogAdd from './component/DailogAdd.vue' diff --git a/src/views/goalManagement/performanceAppraisal/index.vue b/src/views/goalManagement/performanceAppraisal/index.vue index 83e60dd..543d4ce 100644 --- a/src/views/goalManagement/performanceAppraisal/index.vue +++ b/src/views/goalManagement/performanceAppraisal/index.vue @@ -1,4 +1,5 @@ <template> + <div> <div class="minCenter"> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> <el-tab-pane label="安全考核管理" name="1"> @@ -156,6 +157,7 @@ </div> <DailogAq ref="ShowAq"></DailogAq> <DailogKh ref="ShowKh"></DailogKh> + </div> </template> <script lang="ts"> import DailogAq from './component/DailogAq.vue' diff --git a/src/views/goalManagement/processForms/processForms.vue b/src/views/goalManagement/processForms/processForms.vue index d6ddaa1..403dbb4 100644 --- a/src/views/goalManagement/processForms/processForms.vue +++ b/src/views/goalManagement/processForms/processForms.vue @@ -1,4 +1,5 @@ <template> + <div> <h4 class="title">胡海涛2022-07-01 16:08:42发起了目标检查上报(检查)--检查</h4> <div class="box"> <el-menu @@ -26,6 +27,7 @@ <div class="btns"> <el-button type="primary">发起上报</el-button> </div> + </div> </template> <script lang="ts"> import { defineComponent, reactive, ref,onMounted } from 'vue'; diff --git a/src/views/goalManagement/safetyAssessment/index.vue b/src/views/goalManagement/safetyAssessment/index.vue index 7a55320..5ac4928 100644 --- a/src/views/goalManagement/safetyAssessment/index.vue +++ b/src/views/goalManagement/safetyAssessment/index.vue @@ -1,4 +1,5 @@ <template> + <div> <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> <el-row> <el-col :span="4"> @@ -59,6 +60,7 @@ </div> <Dailog ref="openAdd"></Dailog> </div> + </div> </template> <script lang="ts"> import Dailog from './component/Dailog.vue'; diff --git a/src/views/goalManagement/targetDecompositionYear/index.vue b/src/views/goalManagement/targetDecompositionYear/index.vue index 2210e0a..8ca6b34 100644 --- a/src/views/goalManagement/targetDecompositionYear/index.vue +++ b/src/views/goalManagement/targetDecompositionYear/index.vue @@ -1,4 +1,5 @@ <template> + <div> <search></search> <div class="minCenter"> <div class="btns"> @@ -76,6 +77,7 @@ </div> </div> <Dailog ref="Show"></Dailog> + </div> </template> <script lang="ts"> import search from '../targetSettings/component/search.vue' diff --git a/src/views/goalManagement/targetEscalation/index.vue b/src/views/goalManagement/targetEscalation/index.vue index 1c6d1b6..1263f21 100644 --- a/src/views/goalManagement/targetEscalation/index.vue +++ b/src/views/goalManagement/targetEscalation/index.vue @@ -1,4 +1,5 @@ <template> + <div> <search></search> <div class="minCenter"> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> @@ -40,6 +41,7 @@ </div> </div> <Dailog ref="Show"></Dailog> + </div> </template> <script lang="ts"> import search from '../targetSettings/component/search.vue'; diff --git a/src/views/goalManagement/targetImprovements/index.vue b/src/views/goalManagement/targetImprovements/index.vue index 8a8f701..1f9a7be 100644 --- a/src/views/goalManagement/targetImprovements/index.vue +++ b/src/views/goalManagement/targetImprovements/index.vue @@ -1,4 +1,5 @@ <template> +<div> <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> <el-row> <el-col :span="4"> @@ -159,6 +160,7 @@ </el-tabs> </div> <Dailogprove ref="Show"></Dailogprove> + </div> </template> <script lang="ts"> import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue'; diff --git a/src/views/goalManagement/targetSettings/index.vue b/src/views/goalManagement/targetSettings/index.vue index 37f08d6..db05d2b 100644 --- a/src/views/goalManagement/targetSettings/index.vue +++ b/src/views/goalManagement/targetSettings/index.vue @@ -1,4 +1,5 @@ <template> +<div> <search></search> <div class="minCenter"> <el-tabs @@ -114,6 +115,7 @@ <dailogAdd ref="openAdd"></dailogAdd> <upData ref="upShow"></upData> </div> + </div> </template> <script lang="ts"> import dailogAdd from './component/dailogAdd.vue' diff --git a/src/views/goalManagement/tragetDecompositionMonth/index.vue b/src/views/goalManagement/tragetDecompositionMonth/index.vue index a4bedad..662aabe 100644 --- a/src/views/goalManagement/tragetDecompositionMonth/index.vue +++ b/src/views/goalManagement/tragetDecompositionMonth/index.vue @@ -1,4 +1,5 @@ <template> + <div> <search></search> <div class="minCenter"> <div class="btns"> @@ -77,6 +78,7 @@ </div> </div> <Dailog ref="Show"></Dailog> + </div> </template> <script lang="ts"> import search from '../targetSettings/component/search.vue' -- Gitblit v1.9.2