| | |
| | | <template> |
| | | <div class="system-edit-user-container"> |
| | | <el-dialog |
| | | title="应急演练计划--修改审批进度" |
| | | v-model="isShowDialog" |
| | | width="769px" |
| | | draggable |
| | | :fullscreen="full" |
| | | > |
| | | <el-dialog title="应急演练计划--修改审批进度" v-model="isShowDialog" width="769px" draggable :fullscreen="full"> |
| | | <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> |
| | | <img class="process-status-img" src="src/assets/icon.png"> |
| | | <!-- <img class="process-status-img" src=""> --> |
| | | <el-tabs type="border-card"> |
| | | <el-tab-pane label="流转记录"> |
| | | <el-card class="box-card" shadow="hover"> |
| | |
| | | <el-timeline> |
| | | <el-timeline-item timestamp="2018/4/12" placement="top" color="rgb(63, 158, 255)"> |
| | | <el-card> |
| | | <h4 style="margin: 10px 0;padding-bottom: 10px;">一级审批</h4> |
| | | <h4 style="margin: 10px 0; padding-bottom: 10px">一级审批</h4> |
| | | <el-row> |
| | | <el-col class="tip" :span="22" :offset="1"> |
| | | <div class="item"> |
| | |
| | | <span>流程图</span> |
| | | </div> |
| | | </template> |
| | | <div> |
| | | </div> |
| | | <div></div> |
| | | </el-card> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { |
| | | import { ref, defineComponent } from 'vue'; |
| | | |
| | | ref, |
| | | defineComponent |
| | | } from 'vue'; |
| | | import type { TagProps } from 'element-plus'; |
| | | |
| | | import type { |
| | | TagProps, |
| | | } from 'element-plus' |
| | | |
| | | import { |
| | | Search, |
| | | FullScreen |
| | | } from '@element-plus/icons-vue' |
| | | import UserCheckbox from "/@/components/userCheckbox/index.vue" |
| | | import RegionsDialog from "/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue" |
| | | import { Search, FullScreen } from '@element-plus/icons-vue'; |
| | | import UserCheckbox from '/@/components/userCheckbox/index.vue'; |
| | | import RegionsDialog from '/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'openAdd', |
| | |
| | | UserCheckbox, |
| | | }, |
| | | setup() { |
| | | const isShowDialog = ref(false) |
| | | const isShowDialog = ref(false); |
| | | // 打开弹窗 |
| | | const openDialog = () => { |
| | | // state.ruleForm = row; |
| | |
| | | name: 'Tom', |
| | | address: '2022-07-09 20:41:50', |
| | | }, |
| | | ] |
| | | ]; |
| | | |
| | | type Item = { type: TagProps['type']; label: string } |
| | | type Item = { type: TagProps['type']; label: string }; |
| | | |
| | | const items = ref<Array<Item>>([ |
| | | { type: '', label: '等待审核' }, |
| | | ]) |
| | | const items = ref<Array<Item>>([{ type: '', label: '等待审核' }]); |
| | | //全屏 |
| | | const full = ref(false); |
| | | const toggleFullscreen = () => { |