对比新文件 |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form ref="form" :inline="true" class="inquire" :model="listQuery" label-width="80px"> |
| | | <el-form-item label="部门"> |
| | | <el-select v-model="listQuery.form.ht_typesub" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in YHLXList" |
| | | :key="item.value" |
| | | :label="item.value" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="专业"> |
| | | <el-select v-model="listQuery.form.ht_typesub" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in YHLXList" |
| | | :key="item.value" |
| | | :label="item.value" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item style="text-align:center;padding:0 50px"> |
| | | <el-button type="primary" class="btns" size="small" icon="el-icon-search" @click="getPageList()">查询 |
| | | </el-button> |
| | | <el-button type="primary" class="btns" size="small" @click="reset()">重置</el-button> |
| | | <!-- <el-button type="primary" class="btns" size="small" icon="el-icon-upload2" @click="exportData">导出excel |
| | | </el-button> --> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-row class="title-center"> |
| | | <!-- <el-col :span="10"> |
| | | <el-radio-group v-model="radio1"> |
| | | <el-radio-button label="待自查">待自查</el-radio-button> |
| | | <el-radio-button label="已自查">已自查</el-radio-button> |
| | | </el-radio-group> |
| | | </el-col> --> |
| | | <el-col :span="24" style="text-align:right;"> |
| | | <el-button class="btns" type="primary" size="small" icon="el-icon-plus">添加</el-button> |
| | | <el-button class="btns" type="primary" size="small" icon="el-icon-close">批量删除</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-table ref="dataTable" :data="tableData" style="width: 100%" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center"></el-table-column> |
| | | <el-table-column prop="check_branch" label="部门" align="center"></el-table-column> |
| | | <el-table-column prop="checktype" label="专业" align="center"></el-table-column> |
| | | <el-table-column prop="measure" label="备注" align="center"></el-table-column> |
| | | <el-table-column prop="date" label="基本操作" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">保存</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="margin-top:20px;text-align: center"> |
| | | <el-button class="btns" type="primary">关闭</el-button> |
| | | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | export default{ |
| | | data(){ |
| | | return{ |
| | | listQuery:{ |
| | | form:{} |
| | | }, |
| | | radio1:'待自查', |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | .inquire { |
| | | display: flex; |
| | | justify-content: left; |
| | | flex-wrap: wrap; |
| | | } |
| | | .inquire .el-form-item { |
| | | padding: 0 46px; |
| | | } |
| | | .title-center { |
| | | padding: 20px 0; |
| | | } |
| | | |
| | | .btns { |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | |
| | | .title-center /deep/ .el-radio-button:first-child .el-radio-button__inner { |
| | | border: none; |
| | | } |
| | | |
| | | .title-center /deep/ .el-radio-button__inner { |
| | | border: none; |
| | | border-radius: 0px; |
| | | } |
| | | |
| | | .title-center /deep/ .el-radio-button__orig-radio:checked + .el-radio-button__inner { |
| | | background-color: #034ea2; |
| | | background-color: #034ea2; |
| | | } |
| | | </style> |