From 61c9a9b2d21d64c1e2bc910a2f9e1ac0c017bddd Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期六, 23 七月 2022 17:58:48 +0800 Subject: [PATCH] 添加修改页面 --- src/views/basicRightsManagement/personnelShiftManagement/shiftManagement/index.vue | 6 src/views/specialWorkSystem/workPlan/workReservation/index.vue | 3 src/views/specialWorkSystem/approveProcessManagement/approveLinkSettings/reportTypeSetting/index.vue | 2 src/views/specialWorkSystem/afterWorkManagement/workTicketCheck/index.vue | 4 src/views/specialWorkSystem/approveProcessManagement/approveProcessList/index.vue | 202 +++++++++++++++++++++++++++++++++++++------------- src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue | 6 src/views/generalShiftManagement/index.vue | 4 7 files changed, 162 insertions(+), 65 deletions(-) diff --git a/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue b/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue index 132693f..a40b89f 100644 --- a/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue +++ b/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue @@ -88,7 +88,7 @@ <el-input v-model="details.updateTime" readonly/> </el-form-item> <el-form-item> - <el-button type="primary" @click="dialogDetails = false" size="default">确认</el-button> + <el-button type="primary" @click="dialogDetails = false" size="default" v-throttle>确认</el-button> </el-form-item> </el-form> </el-dialog> @@ -116,7 +116,7 @@ </el-form-item> <el-form-item> <el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button> - <el-button type="primary" @click="confirmAddRecord(addRef)" size="default">确认</el-button> + <el-button type="primary" @click="confirmAddRecord(addRef)" size="default" v-throttle>确认</el-button> </el-form-item> </el-form> </el-dialog> @@ -125,7 +125,7 @@ <template #footer> <span class="dialog-footer"> <el-button @click="deleteDialog = false" size="default">取消</el-button> - <el-button type="primary" @click="conFirmDelete" size="default">确认</el-button> + <el-button type="primary" @click="conFirmDelete" size="default" v-throttle>确认</el-button> </span> </template> </el-dialog> diff --git a/src/views/basicRightsManagement/personnelShiftManagement/shiftManagement/index.vue b/src/views/basicRightsManagement/personnelShiftManagement/shiftManagement/index.vue index 8ab69a5..c9dc0de 100644 --- a/src/views/basicRightsManagement/personnelShiftManagement/shiftManagement/index.vue +++ b/src/views/basicRightsManagement/personnelShiftManagement/shiftManagement/index.vue @@ -95,7 +95,7 @@ /> </el-form-item> <el-form-item> - <el-button type="primary" @click="dialogDetails = false" size="default">确认</el-button> + <el-button type="primary" @click="dialogDetails = false" size="default" v-throttle>确认</el-button> </el-form-item> </el-form> </el-dialog> @@ -150,7 +150,7 @@ </el-form-item> <el-form-item> <el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button> - <el-button type="primary" @click="confirmAddRecord(addRef)" size="default">确认</el-button> + <el-button type="primary" @click="confirmAddRecord(addRef)" size="default" v-throttle>确认</el-button> </el-form-item> </el-form> </el-dialog> @@ -201,7 +201,7 @@ </el-form-item> <el-form-item> <el-button type="warning" @click="dialogAddShift = false" size="default" plain>取消</el-button> - <el-button type="primary" @click="confirmAddShift(addShiftRef)" size="default">确认</el-button> + <el-button type="primary" @click="confirmAddShift(addShiftRef)" size="default" v-throttle>确认</el-button> </el-form-item> </el-form> </el-dialog> diff --git a/src/views/generalShiftManagement/index.vue b/src/views/generalShiftManagement/index.vue index 4bdac98..30efc7d 100644 --- a/src/views/generalShiftManagement/index.vue +++ b/src/views/generalShiftManagement/index.vue @@ -126,7 +126,7 @@ </el-form-item> <el-form-item> <el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button> - <el-button type="primary" @click="confirmAddRecord(addRef)" size="default">确认</el-button> + <el-button type="primary" @click="confirmAddRecord(addRef)" size="default" v-throttle>确认</el-button> </el-form-item> </el-form> </el-dialog> @@ -135,7 +135,7 @@ <template #footer> <span class="dialog-footer"> <el-button @click="deleteDialog = false" size="default">取消</el-button> - <el-button type="primary" @click="conFirmDelete" size="default">确认</el-button> + <el-button type="primary" @click="conFirmDelete" size="default" v-throttle>确认</el-button> </span> </template> </el-dialog> diff --git a/src/views/specialWorkSystem/afterWorkManagement/workTicketCheck/index.vue b/src/views/specialWorkSystem/afterWorkManagement/workTicketCheck/index.vue index d63fbd1..92fe993 100644 --- a/src/views/specialWorkSystem/afterWorkManagement/workTicketCheck/index.vue +++ b/src/views/specialWorkSystem/afterWorkManagement/workTicketCheck/index.vue @@ -143,7 +143,7 @@ </el-form-item> <el-form-item> <el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button> - <el-button type="primary" @click="confirmAddRecord(addRef)" size="default">确认</el-button> + <el-button type="primary" @click="confirmAddRecord(addRef)" size="default" v-throttle>确认</el-button> </el-form-item> </el-form> </el-dialog> @@ -152,7 +152,7 @@ <template #footer> <span class="dialog-footer"> <el-button @click="deleteDialog = false" size="default">取消</el-button> - <el-button type="primary" @click="conFirmDelete" size="default">确认</el-button> + <el-button type="primary" @click="conFirmDelete" size="default" v-throttle>确认</el-button> </span> </template> </el-dialog> diff --git a/src/views/specialWorkSystem/approveProcessManagement/approveLinkSettings/reportTypeSetting/index.vue b/src/views/specialWorkSystem/approveProcessManagement/approveLinkSettings/reportTypeSetting/index.vue index f3aa472..80cf2a8 100644 --- a/src/views/specialWorkSystem/approveProcessManagement/approveLinkSettings/reportTypeSetting/index.vue +++ b/src/views/specialWorkSystem/approveProcessManagement/approveLinkSettings/reportTypeSetting/index.vue @@ -41,7 +41,7 @@ <el-input v-model="reportForm.editor" /> </el-form-item> <el-form-item> - <el-button type="primary" @click="onSubmitAddForm(ruleFormRef)" size="default">确认</el-button> + <el-button type="primary" @click="onSubmitAddForm(ruleFormRef)" size="default" v-throttle>确认</el-button> <el-button size="default" @click="dialogAddForm = false">取消</el-button> </el-form-item> </el-form> diff --git a/src/views/specialWorkSystem/approveProcessManagement/approveProcessList/index.vue b/src/views/specialWorkSystem/approveProcessManagement/approveProcessList/index.vue index bccd311..f3d5ac6 100644 --- a/src/views/specialWorkSystem/approveProcessManagement/approveProcessList/index.vue +++ b/src/views/specialWorkSystem/approveProcessManagement/approveProcessList/index.vue @@ -4,8 +4,7 @@ <el-row class="homeCard"> <el-col :span="8"> <div class="grid-content topInfo"> - <div>流程名称</div> - <el-input v-model="searchWord" placeholder="请输入关键词"></el-input> + <el-input v-model="searchWord" placeholder="流程名称"></el-input> <el-button type="primary">查询</el-button> <el-button plain>重置</el-button> </div> @@ -15,8 +14,8 @@ <div class="main-card"> <el-row class="cardTop"> <el-col :span="12" class="mainCardBtn"> - <el-button type="primary" :icon="Plus" size="default">新建</el-button> - <el-button type="danger" :icon="Delete" size="default">删除</el-button> + <el-button type="primary" :icon="Plus" size="default" @click="dialogAddRecord=true" v-throttle>新建</el-button> + <el-button type="danger" :icon="Delete" size="default" plain>删除</el-button> <el-button type="success" size="default">设置分类</el-button> </el-col> <el-button type="primary" :icon="Refresh" size="default"/> @@ -44,10 +43,10 @@ </el-table-column> <el-table-column property="updateTime" label="更新时间"/> <el-table-column fixed="right" label="操作" align="center" width="250"> - <template #default> - <el-button link type="primary" size="small">修改</el-button> + <template #default="scope"> + <el-button link type="primary" :icon="Edit" size="small" @click="editRecord(scope.$index ,scope.row)" v-throttle>修改</el-button> <el-button link type="success" size="small">发布</el-button> - <el-button link type="danger" size="small">删除</el-button> + <el-button link type="danger" :icon="Delete" size="small" @click="deleteRecord(scope.$index)">删除</el-button> </template> </el-table-column> </el-table> @@ -67,17 +66,66 @@ </div> </div> </el-scrollbar> + <el-dialog v-model="dialogAddRecord" title="审批流程编辑" @close="closeAdd"> + <el-form :model="addRecord" label-width="120px" ref="addRef" :rules="addRules"> + <el-form-item label="流程名称" prop="name"> + <el-input + v-model="addRecord.name" + placeholder="流程名称" + /> + </el-form-item> + <el-form-item label="流程key" prop="flowKey"> + <el-input + v-model="addRecord.flowKey" + placeholder="流程key" + > + </el-input> + </el-form-item> + <el-form-item label="分类" prop="sort"> + <el-select v-model="addRecord.sort" placeholder="请选择"> + <el-option label="临时用电" value="临时用电" /> + <el-option label="设备检修" value="设备检修" /> + </el-select> + </el-form-item> + <el-form-item label="版本" prop="version"> + <el-input + v-model="addRecord.version" + placeholder="请选择工种" + > + </el-input> + </el-form-item> + <el-form-item label="状态" prop="status"> + <el-select v-model="addRecord.status" placeholder="请选择"> + <el-option label="已发布" value="已发布" /> + <el-option label="未发布" value="未发布" /> + </el-select> + </el-form-item> + <el-form-item> + <el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button> + <el-button type="primary" @click="confirmAddRecord(addRef)" size="default" v-throttle>确认</el-button> + </el-form-item> + </el-form> + </el-dialog> + <el-dialog v-model="deleteDialog" title="提示" width="30%" center @close="indexClear"> + <span>您确定要删除该条记录吗?</span> + <template #footer> + <span class="dialog-footer"> + <el-button @click="deleteDialog = false" size="default">取消</el-button> + <el-button type="primary" @click="conFirmDelete" size="default" v-throttle>确认</el-button> + </span> + </template> + </el-dialog> </div> </template> -<script lang="ts"> +<script lang="ts" setup> import { toRefs, reactive, defineComponent, ref } from 'vue'; import { storeToRefs } from 'pinia'; import { initBackEndControlRoutes } from '/@/router/backEnd'; import {useUserInfo} from "/@/stores/userInfo"; import { Session } from '/@/utils/storage'; - import { Plus, Delete, Refresh } from '@element-plus/icons-vue' - import { ElTable } from 'element-plus' + import { Plus, Delete, Refresh, Edit } from '@element-plus/icons-vue' + import { ElTable, FormInstance, FormRules } from 'element-plus' let global: any = { homeChartOne: null, homeChartTwo: null, @@ -96,26 +144,25 @@ name: string address: string } - export default defineComponent({ - name: 'reportTypeSetting', - setup() { - const userInfo = useUserInfo() - const { userInfos } = storeToRefs(userInfo); - const state = reactive<stateType>({}); - const multipleTableRef = ref<InstanceType<typeof ElTable>>() - const multipleSelection = ref<User[]>([]) - const handleSelectionChange = (val: User[]) => { - multipleSelection.value = val - } - const currentPage = ref(1) - const pageSize = ref(10) - const handleSizeChange = (val: number) => { - console.log(`${val} items per page`) - } - const handleCurrentChange = (val: number) => { - console.log(`current page: ${val}`) - } - const tableData: User[] = [ + const userInfo = useUserInfo() + const { userInfos } = storeToRefs(userInfo); + const state = reactive<stateType>({}); + const multipleTableRef = ref<InstanceType<typeof ElTable>>() + const multipleSelection = ref<User[]>([]) + const handleSelectionChange = (val: User[]) => { + multipleSelection.value = val + } + const currentPage = ref(1) + const pageSize = ref(10) + const chosenIndex = ref(-1) + const handleSizeChange = (val: number) => { + console.log(`${val} items per page`) + } + const handleCurrentChange = (val: number) => { + console.log(`current page: ${val}`) + } + const tableData = reactive( + [ { name: '风险点复评预警', flowKey: 'process111', @@ -197,28 +244,79 @@ updateTime: '2021-04-22 15:21:31' } ] - // 折线图 - const renderMenu = async (value: string) => { - Session.set('projectId',value) - userInfos.value.projectId = value - await initBackEndControlRoutes(); - }; - return { - renderMenu, - multipleTableRef, - tableData, - currentPage, - pageSize, - handleSizeChange, - handleCurrentChange, - Plus, - Delete, - handleSelectionChange, - Refresh, - ...toRefs(state), - }; - }, - }); + ) + // 时间格式化 + const timeForm = { + hour12: false, + year: 'numeric', + month: '2-digit', + day: '2-digit', + hour: '2-digit', + minute: '2-digit', + second: '2-digit' + } + const addRef = ref<FormInstance>() + const addRules = reactive<FormRules>({ + name:[{required: true, message: '该内容不能为空',trigger:'blur'}], + flowKey:[{required: true, message: '该内容不能为空',trigger:'blur'}], + sort:[{required: true, message: '该内容不能为空',trigger:'blur'}], + version:[{required: true, message: '该内容不能为空',trigger:'blur'}], + status:[{required: true, message: '该内容不能为空',trigger:'blur'}], + updateTime:[{required: true, message: '该内容不能为空',trigger:'blur'}] + }) + const dialogDetails = ref(false) + const dialogAddRecord = ref(false) + const deleteDialog = ref(false) + const addRecord = ref({}) + const details = ref({}) + const viewRecord = (row) =>{ + details.value = JSON.parse(JSON.stringify(row)) + dialogDetails.value = true + } + const deleteRecord = (index) =>{ + chosenIndex.value = index + deleteDialog.value = true + } + const conFirmDelete = ()=> { + tableData.splice(chosenIndex.value,1) + deleteDialog.value = false + } + const confirmAddRecord = async (formEl: FormInstance | undefined) =>{ + if (!formEl) return + await formEl.validate((valid, fields) => { + if (valid) { + if(chosenIndex.value == -1){ + addRecord.value.updateTime = new Date().toLocaleString('zh', timeForm).replace(/\//g,'-') + tableData.push(addRecord.value) + }else{ + addRecord.value.updateTime = new Date().toLocaleString('zh', timeForm).replace(/\//g,'-') + tableData[chosenIndex.value] = addRecord.value + } + dialogAddRecord.value =false + } else { + console.log('error submit!', fields) + } + }) + + } + const closeAdd =()=>{ + addRecord.value={} + chosenIndex.value = -1 + } + const indexClear = ()=>{ + chosenIndex.value = -1 + } + const editRecord =(index, row)=>{ + dialogAddRecord.value = true + chosenIndex.value = index + addRecord.value = JSON.parse(JSON.stringify(row)) + } + // 折线图 + const renderMenu = async (value: string) => { + Session.set('projectId',value) + userInfos.value.projectId = value + await initBackEndControlRoutes(); + }; </script> <style scoped lang="scss"> diff --git a/src/views/specialWorkSystem/workPlan/workReservation/index.vue b/src/views/specialWorkSystem/workPlan/workReservation/index.vue index 00bfb27..2c14f8a 100644 --- a/src/views/specialWorkSystem/workPlan/workReservation/index.vue +++ b/src/views/specialWorkSystem/workPlan/workReservation/index.vue @@ -222,8 +222,7 @@ import {useUserInfo} from "/@/stores/userInfo"; import { Session } from '/@/utils/storage'; import { Edit, View, Plus, Delete, Refresh, Search, Download } from '@element-plus/icons-vue' - import { ElTable } from 'element-plus' - import { FormInstance, FormRules } from 'element-plus' + import { ElTable, FormInstance, FormRules } from 'element-plus' let global: any = { homeChartOne: null, homeChartTwo: null, -- Gitblit v1.9.2