lct

Your Name

2022-08-02 33802d74d2720e86c406f5ca9531ac9435b9ddd2

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

@@ -3,16 +3,14 @@
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
         <el-tab-pane label="申请中" name="Applying">
            <el-scrollbar height="100%">
               <el-row>
                  <div class="homeCard">
                     <el-col :span="12">
               <el-row class="homeCard">
                     <el-col :span="8">
                        <div class="grid-content topInfo">
                           <el-input v-model="searchWord" placeholder="作业证名称"></el-input>
                           <el-button type="primary">查询</el-button>
                           <el-button plain>重置</el-button>
                        </div>
                     </el-col>
                  </div>
               </el-row>
               <div class="homeCard">
                  <div class="main-card">
@@ -22,7 +20,7 @@
<!--                           <el-button type="danger" :icon="Delete" size="default">删除</el-button>-->
<!--                           <el-button type="success" size="default">设置分类</el-button>-->
                        </el-col>
                        <el-button type="primary" :icon="Refresh" />
                        <el-button type="primary" :icon="Refresh" size="default"/>
                     </el-row>
                     <el-table
                           ref="multipleTableRef"
@@ -42,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">
@@ -58,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>
@@ -176,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)