| | |
| | | </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-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-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> |
| | |
| | | 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, |
| | |
| | | handleCurrentChange, |
| | | dynamicTags, |
| | | handleClose, |
| | | radio1, |
| | | radio, |
| | | Delete, |
| | | }; |
| | | }, |
| | |
| | | <template> |
| | | <div> |
| | | <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue'; |
| | |
| | | <template> |
| | | <div> |
| | | <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | |
| | | <DailogAdd ref="openAdd"></DailogAdd> |
| | | <DailogSearchUser ref="openUser"></DailogSearchUser> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import DailogAdd from './component/DailogAdd.vue' |
| | |
| | | <template> |
| | | <div> |
| | | <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | |
| | | <DailogAdd ref="openAdd"></DailogAdd> |
| | | <upData ref="upShow"></upData> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import DailogAdd from './component/DailogAdd.vue' |
| | |
| | | <template> |
| | | <div> |
| | | <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | |
| | | <DailogAdd ref="openAdd"></DailogAdd> |
| | | <DailogSearch ref="openUser"></DailogSearch> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import DailogAdd from './component/DailogAdd.vue' |
| | |
| | | <template> |
| | | <div> |
| | | <div class="minCenter"> |
| | | <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> |
| | | <el-tab-pane label="安全考核管理" name="1"> |
| | |
| | | </div> |
| | | <DailogAq ref="ShowAq"></DailogAq> |
| | | <DailogKh ref="ShowKh"></DailogKh> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import DailogAq from './component/DailogAq.vue' |
| | |
| | | <template> |
| | | <div> |
| | | <h4 class="title">胡海涛2022-07-01 16:08:42发起了目标检查上报(检查)--检查</h4> |
| | | <div class="box"> |
| | | <el-menu |
| | |
| | | <div class="btns"> |
| | | <el-button type="primary">发起上报</el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent, reactive, ref,onMounted } from 'vue'; |
| | |
| | | <template> |
| | | <div> |
| | | <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | |
| | | </div> |
| | | <Dailog ref="openAdd"></Dailog> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import Dailog from './component/Dailog.vue'; |
| | |
| | | <template> |
| | | <div> |
| | | <search></search> |
| | | <div class="minCenter"> |
| | | <div class="btns"> |
| | |
| | | </div> |
| | | </div> |
| | | <Dailog ref="Show"></Dailog> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import search from '../targetSettings/component/search.vue' |
| | |
| | | <template> |
| | | <div> |
| | | <search></search> |
| | | <div class="minCenter"> |
| | | <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> |
| | |
| | | </div> |
| | | </div> |
| | | <Dailog ref="Show"></Dailog> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import search from '../targetSettings/component/search.vue'; |
| | |
| | | <template> |
| | | <div> |
| | | <el-form ref="ruleFormRef" :model="ruleForm" status-icon label-width="20px" class="topTitle"> |
| | | <el-row> |
| | | <el-col :span="4"> |
| | |
| | | </el-tabs> |
| | | </div> |
| | | <Dailogprove ref="Show"></Dailogprove> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue'; |
| | |
| | | <template> |
| | | <div> |
| | | <search></search> |
| | | <div class="minCenter"> |
| | | <el-tabs |
| | |
| | | <dailogAdd ref="openAdd"></dailogAdd> |
| | | <upData ref="upShow"></upData> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import dailogAdd from './component/dailogAdd.vue' |
| | |
| | | <template> |
| | | <div> |
| | | <search></search> |
| | | <div class="minCenter"> |
| | | <div class="btns"> |
| | |
| | | </div> |
| | | </div> |
| | | <Dailog ref="Show"></Dailog> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import search from '../targetSettings/component/search.vue' |