| | |
| | | <template> |
| | | <div> |
| | | å®¡æ ¸å¹´åº¦è®¡å |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form ref="form" :inline="true"> |
| | | <el-form-item> |
| | | <el-date-picker |
| | | v-model="input" |
| | | type="date" |
| | | placeholder="è¯·éæ©æ¥è¯¢æ¥æ" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getData()">æ¥è¯¢</el-button> |
| | | <el-button type="primary" plain @click="resetData()">éç½®</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-form> |
| | | <!-- ä¸ä¼ éä»¶ --> |
| | | <el-button |
| | | class="rightBtn" |
| | | type="primary" |
| | | icon="el-icon-upload2" |
| | | @click="dialogFormVisible1 = true" |
| | | >ä¸ä¼ éä»¶</el-button |
| | | > |
| | | |
| | | <el-dialog title="æ°å¢è®¡å" :visible.sync="dialogFormVisible1"> |
| | | <el-form :model="uploadingForm"> |
| | | <el-form-item label="å®¡æ ¸æ¥æ:" :label-width="formLabelWidth"> |
| | | <el-date-picker |
| | | v-model="uploadingForm.auditTime" |
| | | type="date" |
| | | placeholder="è¯·éæ©æ¥æ" |
| | | autocomplete="off" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="å½å
¥äºº:" :label-width="formLabelWidth"> |
| | | <el-input |
| | | v-model="uploadingForm.keyboarder" |
| | | autocomplete="off" |
| | | placeholder="请è¾å
¥å½å
¥äºº" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸ä¼ éä»¶:" :label-width="formLabelWidth"> |
| | | <el-input |
| | | v-model="uploadingForm.attachment" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogFormVisible1 = false">å æ¶</el-button> |
| | | <el-button type="primary" @click="dialogFormVisible1 = false" |
| | | >ç¡® å®</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <!-- ä¸ä¼ 计å --> |
| | | <el-button |
| | | class="rightBtn" |
| | | type="primary" |
| | | icon="el-icon-document-add" |
| | | @click="addPlan" |
| | | >æ°å¢è®¡å</el-button |
| | | > |
| | | <el-button |
| | | class="rightBtn" |
| | | type="primary" |
| | | icon="el-icon-document-checked" |
| | | >导åºå¹´åº¦è®¡å</el-button |
| | | > |
| | | <el-button |
| | | class="rightBtn" |
| | | type="primary" |
| | | icon="el-icon-document-checked" |
| | | >导åºå
é¨å®æ½è®¡å</el-button |
| | | > |
| | | </el-form> |
| | | </div> |
| | | <div class="library-table"> |
| | | <div class="table-box"> |
| | | <el-table |
| | | ref="auditTable" |
| | | border |
| | | :max-height="800" |
| | | :cell-style="{ textAlign: 'center' }" |
| | | :header-cell-style="{ |
| | | border: '0px', |
| | | background: '#f5f7fa', |
| | | color: '#606266', |
| | | boxShadow: 'inset 0 1px 0 #ebeef5', |
| | | textAlign: 'center', |
| | | }" |
| | | :data="auditTable" |
| | | style="width: 100%" |
| | | > |
| | | <el-table-column type="index" label="åºå·" min-width="30px"> |
| | | <template> |
| | | <el-checkbox type="checkbox" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="year" label="年度" min-width="60px" /> |
| | | <el-table-column prop="month" label="æåº¦" min-width="60px" /> |
| | | <el-table-column prop="planTime" label="è®¡åæ¶é´" min-width="100px" /> |
| | | <el-table-column prop="auditType" label="æ§è´¨" min-width="80px"> |
| | | <template slot-scope="scope"> |
| | | <span> |
| | | {{ scope.row.auditType == 0 ? "å
审" : "管çè¯å®¡" }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="department" label="é¨é¨" min-width="80px" /> |
| | | <el-table-column |
| | | prop="auditLeader" |
| | | label="å®¡æ ¸ç»é¿" |
| | | min-width="80px" |
| | | /> |
| | | <el-table-column prop="auditEmp" label="ç»å" min-width="80px" /> |
| | | <el-table-column |
| | | prop="auditPurpose" |
| | | label="å®¡æ ¸ç®ç" |
| | | min-width="100px" |
| | | /> |
| | | <el-table-column |
| | | prop="auditScope" |
| | | label="å®¡æ ¸èå´" |
| | | min-width="100px" |
| | | /> |
| | | <el-table-column |
| | | prop="auditPursuant" |
| | | label="å®¡æ ¸ä¾æ®" |
| | | min-width="100px" |
| | | /> |
| | | <el-table-column prop="writeUser" label="ç¼å¶äºº" min-width="80px" /> |
| | | <el-table-column prop="createTime" label="ç¼å¶æ¥æ" min-width="100px"> |
| | | </el-table-column> |
| | | <el-table-column prop="keyboarder" label="å½å
¥äºº" min-width="80px" /> |
| | | <el-table-column prop="checker" label="æ£éªäºº" min-width="80px" /> |
| | | <el-table-column |
| | | prop="auditTime" |
| | | label="å®¡æ ¸æ¥æ" |
| | | min-width="100px" |
| | | /> |
| | | <el-table-column prop="count" label="ä¸ç¬¦åé¡¹ç®æ°" min-width="60px" /> |
| | | <el-table-column prop="auditState" label="ç¶æ" min-width="100px"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.auditState === 0"> |
| | | <el-tag class="tag-item" type="warning">å³å°å¼å§</el-tag> |
| | | </div> |
| | | <div v-else-if="scope.row.auditState === 1"> |
| | | <el-tag class="tag-item" type="success">宿</el-tag> |
| | | </div> |
| | | <div v-else> |
| | | <el-tag class="tag-item" type="danger">龿</el-tag> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="æä½" min-width="100" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | type="text" |
| | | size="small" |
| | | @click="handleClick(scope.row)" |
| | | >æ¥ç</el-button |
| | | > |
| | | <el-button type="text" size="small">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- åé¡µå¨ --> |
| | | <div> |
| | | <el-pagination |
| | | :current-page="page" |
| | | :page-sizes="[10, 20, 30, 40]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { selectAllList, addCnasAnnualPlan } from "@/api/CNAS/reviewAnnualPlan"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | input: [], |
| | | auditTable: [], |
| | | page: 1, |
| | | total: 0, |
| | | pageSize: 10, |
| | | dialogFormVisible1: false, |
| | | uploadingForm: { |
| | | auditTime: "", |
| | | keyboarder: "", |
| | | keyboarder: "", |
| | | }, |
| | | formLabelWidth: "80px", |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getData(); |
| | | }, |
| | | methods: { |
| | | // æ¯é¡µæ¡æ°æ¹åæ¶è§¦å éæ©ä¸é¡µæ¾ç¤ºå¤å°è¡ |
| | | handleSizeChange(val) { |
| | | console.log(`æ¯é¡µ ${val} æ¡`); |
| | | this.pageSize = val; |
| | | this.getData(); |
| | | }, |
| | | // å½å页æ¹åæ¶è§¦å 跳转å
¶ä»é¡µ |
| | | handleCurrentChange(val) { |
| | | console.log(`å½å页: ${val}`); |
| | | this.page = val; |
| | | this.getData(); |
| | | }, |
| | | // éç½®æé® |
| | | resetData() { |
| | | this.input = undefined; |
| | | this.page = 1; |
| | | this.pageSize = 10; |
| | | this.getData(); |
| | | }, |
| | | // æ¥è¯¢å表 |
| | | async getData() { |
| | | const params = { |
| | | page: this.page, |
| | | pageSize: this.pageSize, |
| | | }; |
| | | const { data } = await selectAllList(params); |
| | | this.auditTable = data.row; |
| | | this.total = data.total; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .top-bar { |
| | | margin: -25px -15px; |
| | | background: #fff; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | padding: 5px 24px 0px 24px; |
| | | } |
| | | .library-table { |
| | | background-color: #fff; |
| | | flex: 1; |
| | | margin: 0px -15px; |
| | | margin-top: 40px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .table-box { |
| | | padding: 0px 20px; |
| | | margin-top: 20px; |
| | | flex: 1; |
| | | background: #fff; |
| | | display: flex; |
| | | flex-direction: column; |
| | | > div:nth-child(2) { |
| | | display: flex; |
| | | justify-content: end; |
| | | margin: 10px 0; |
| | | } |
| | | .tag-item { |
| | | width: 80px; |
| | | } |
| | | } |
| | | } |
| | | </style> |