添加修改页面

Admin

2022-07-25 1ca46431ab9faea036ec8b2ae54b20b720f7bad6

 src/views/specialWorkSystem/workApplyManagement/myApply/index.vue

@@ -40,6 +40,12 @@
                              <el-tag type="success">{{ scope.row.status }}</el-tag>
                           </template>
                        </el-table-column>
                        <el-table-column fixed="right" label="操作" align="center" width="250">
                           <template #default="scope">
                              <el-button link type="primary" size="small" :icon="View" @click="viewRecord(scope.row)">查看</el-button>
                              <el-button link type="danger" size="small" :icon="Delete" @click="deleteRecord(scope.$index)">删除</el-button>
                           </template>
                        </el-table-column>
                     </el-table>
                  </div>
                  <div class="pageBtn">
@@ -56,13 +62,65 @@
                     />
                  </div>
               </div>
               <el-dialog v-model="dialogDetails" title="作业票查看">
                  <el-form :model="details" label-width="120px">
                     <el-form-item label="作业证编号">
                        <el-input
                              v-model="details.num"
                              readonly
                        />
                     </el-form-item>
                     <el-form-item label="作业证等级">
                        <el-input
                              v-model="details.level"
                              readonly
                        />
                     </el-form-item>
                     <el-form-item label="申请日期">
                        <el-input
                              v-model="details.applyDate"
                              readonly
                        />
                     </el-form-item>
                     <el-form-item label="申请人">
                        <el-input
                              v-model="details.name"
                              readonly
                        />
                     </el-form-item>
                     <el-form-item label="申请部门">
                        <el-input
                              v-model="details.department"
                              readonly
                        />
                     </el-form-item>
                     <el-form-item label="状态">
                        <el-input
                              v-model="details.status"
                              readonly
                        />
                     </el-form-item>
                     <el-form-item>
                        <el-button type="primary" @click="dialogDetails = false" size="default">确认</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>
            </el-scrollbar>
         </el-tab-pane>
         <el-tab-pane label="已通过" name="passed">
            <el-scrollbar height="100%">
               <el-row>
                  <div class="homeCard">
                     <el-col :span="12">
                     <el-col :span="8">
                        <div class="grid-content topInfo">
                           <el-input v-model="searchWord" placeholder="作业证名称"></el-input>
                           <el-button type="primary">查询</el-button>
@@ -174,8 +232,32 @@
         const handleCurrentChange = (val: number) => {
            console.log(`current page: ${val}`)
         }
         const applyData: User[] = []
         const applyData = reactive([

         ])
         const chosenIndex = ref(-1)
         const passedData: User[] = []
         const dialogDetails = ref(false)
         const details = ref({})
         const deleteDialog = ref(false)

         // 查看记录
         const viewRecord = (row) =>{
            details.value = JSON.parse(JSON.stringify(row))
            dialogDetails.value = true
         }

         // 删除记录
         const applyRecord = (index) =>{
            chosenIndex.value = index
            deleteDialog.value = true
         }

         // 弹窗确认删除记录
         const conFirmDelete = ()=> {
            applyData.splice(chosenIndex.value,1)
            deleteDialog.value = false
         }
         // 折线图
         const renderMenu = async (value: string) => {
            Session.set('projectId',value)