添加修改页面

Admin

2022-07-25 1ca46431ab9faea036ec8b2ae54b20b720f7bad6

 src/views/specialWorkSystem/approveProcessManagement/approveLinkSettings/approveLinkSetting/index.vue

@@ -6,7 +6,6 @@
            <el-row class="cardTop">
               <el-col :span="12" class="mainCardBtn">
                  <el-button type="primary" :icon="Plus" size="default" @click="dialogAddRecord=true">新建审批环节</el-button>
<!--                  <el-button type="warning" :icon="Edit" size="default" plain>修改</el-button>-->
                  <el-button type="danger" :icon="Delete" size="default" plain>删除</el-button>
               </el-col>
               <el-button type="primary" :icon="Refresh" size="default"/>
@@ -142,21 +141,23 @@
   interface type {

   }
   // export default defineComponent({
   //    name: 'workCheckinRecord',
   //    setup() {
         const userInfo = useUserInfo()
         const { userInfos } = storeToRefs(userInfo);
         const state  = reactive<stateType>({});

   // 分页
         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 chosenIndex = ref(-1)

         const tableData = reactive(
               [
               {
@@ -177,6 +178,8 @@
               },
            ]
         )

   // 时间格式化
         const timeForm = {
            hour12: false,
            year: 'numeric',
@@ -186,6 +189,7 @@
            minute: '2-digit',
            second: '2-digit'
         }

         const addRef = ref<FormInstance>()
         const addRules = reactive<FormRules>({
            processName:[{required: true, message: '该内容不能为空',trigger:'blur'}],
@@ -196,10 +200,14 @@
         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
@@ -208,6 +216,8 @@
            tableData.splice(chosenIndex.value,1)
            deleteDialog.value = false
         }

   // 新增修改记录
         const confirmAddRecord = async (formEl: FormInstance | undefined) =>{
            if (!formEl) return
            await formEl.validate((valid, fields) => {
@@ -227,6 +237,8 @@
            })

         }

   // 编辑弹窗关闭时数据初始化处理
         const closeAdd =()=>{
            addRecord.value={}
            chosenIndex.value = -1
@@ -234,6 +246,8 @@
         const indexClear = ()=>{
            chosenIndex.value = -1
         }

   // 修改记录
         const editRecord =(index, row)=>{
            dialogAddRecord.value = true
            chosenIndex.value = index
@@ -245,31 +259,6 @@
            userInfos.value.projectId = value
            await initBackEndControlRoutes();
         };
         // return {
         //    renderMenu,
         //    multipleTableRef,
         //    tableData,
         //    currentPage,
         //    pageSize,
         //    dialogDetails,
         //    details,
         //    deleteDialog,
         //    dialogAddRecord,
         //    viewRecord,
         //    deleteRecord,
         //    handleSizeChange,
         //    handleCurrentChange,
         //    Plus,
         //    Edit,
         //    Delete,
         //    Search,
         //    Download,
         //    handleSelectionChange,
         //    Refresh,
         //    ...toRefs(state),
         // };
   //    },
   // });
</script>

<style scoped lang="scss">