| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form ref="form" :model="form" label-width="80px"> |
| | | <el-form ref="form" :model="listQuery" label-width="80px"> |
| | | <el-row> |
| | | <el-col :span="5"> |
| | | <el-form-item label="自查任务"> |
| | | <el-input v-model="form.name"></el-input> |
| | | <el-input v-model="listQuery.filter.inspectionName"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-col :span="9"> |
| | | <el-form-item label="检查时间"> |
| | | <el-date-picker v-model="form.value1" type="date" placeholder="选择日期"> |
| | | |
| | | <el-col :span="11"> |
| | | <el-date-picker |
| | | style="width:100%" |
| | | v-model="listQuery.filter.inspectionStartTime" |
| | | type="date" |
| | | format="yyyy-MM-dd" |
| | | placeholder="选择开始日期" |
| | | > |
| | | </el-date-picker> |
| | | </el-col> |
| | | <el-col style="text-align:center" :span="2">-</el-col> |
| | | <el-col :span="11"> |
| | | <el-date-picker |
| | | v-model="listQuery.filter.inspectionEndTime" |
| | | style="width:100%" |
| | | type="date" |
| | | format="yyyy-MM-dd" |
| | | placeholder="选择结束日期" |
| | | > |
| | | </el-date-picker> |
| | | </el-col> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <el-form-item label="检查人员"> |
| | | <el-input v-model="form.name"></el-input> |
| | | <el-input v-model="listQuery.filter.inspectorName"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="4" style="text-align: center"> |
| | | <el-button type="primary" icon="el-icon-search" class="btns" |
| | | <el-col :span="5" style="text-align: center"> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | class="btns" |
| | | @click="find()" |
| | | >搜索</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-plus" |
| | | class="btns" |
| | | @click="dialogVisible = true" |
| | | @click="jump()" |
| | | >新增</el-button |
| | | > |
| | | <el-button |
| | | type="primary" |
| | | class="btns" |
| | | @click="reset()" |
| | | >重置</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <el-table :data="tableData" border style="width: 100%"> |
| | | <el-table-column prop="date" label="自查任务"> |
| | | <el-table :data="list" border style="width: 100%"> |
| | | <el-table-column align="center" prop="inspectionName" label="自查任务"> |
| | | </el-table-column> |
| | | <el-table-column prop="name" label="检查时间"> </el-table-column> |
| | | <el-table-column prop="name" label="检查人员"> </el-table-column> |
| | | <el-table-column prop="province" label="状态"> </el-table-column> |
| | | <el-table-column prop="address" label="更新时间"> </el-table-column> |
| | | <el-table-column align="center" prop="createTime" label="检查时间"> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="inspectorName" label="检查人员"> |
| | | </el-table-column> |
| | | <el-table-column align="center" label="状态"> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.status == 0">暂存</span> |
| | | <span v-if="scope.row.status == 1">评审中</span> |
| | | <span v-if="scope.row.status == 2">已评审</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="updateTime" label="更新时间"> |
| | | </el-table-column> |
| | | <el-table-column align="center" label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small" |
| | | <el-button v-if="scope.row.status==0" @click="handleClick(scope.row)" type="text" size="small" |
| | | >编辑</el-button |
| | | > |
| | | <el-button type="text" size="small" style="color: red" |
| | | <el-button v-if="scope.row.status==1" @click="handleClick(scope.row)" type="text" size="small" |
| | | >去评审</el-button |
| | | > |
| | | <el-button v-if="scope.row.status==2" @click="handleClick(scope.row)" type="text" size="small" |
| | | >查看</el-button |
| | | > |
| | | <el-button @click="Del(scope.row.id)" v-if="scope.row.status==1?false:true" type="text" size="small" style="color: red" |
| | | >删除</el-button |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div style="text-align: right"> |
| | | <el-pagination |
| | | v-show="recordTotal > 0" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="currentPage" |
| | | :page-sizes="[10, 20, 30, 50]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { safetySelfInspectionList,safetySelfInspectionDel} from "@/api/safetySelfInspection.js"; |
| | | export default { |
| | | data() { |
| | | return { |
| | | dialogVisible: false, |
| | | form: { |
| | | name: "", |
| | | value1:"", |
| | | form: {}, |
| | | listQuery: { |
| | | filter: { |
| | | inspectionName: "", |
| | | inspectorName: "", |
| | | inspectionStartTime: "", |
| | | inspectionEndTime: "", |
| | | status: "", |
| | | }, |
| | | pageIndex: 1, |
| | | pageSize: 5, |
| | | }, |
| | | tableData: [ |
| | | { |
| | | date: "2016-05-02", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1518 弄", |
| | | zip: 200333, |
| | | }, |
| | | { |
| | | date: "2016-05-04", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1517 弄", |
| | | zip: 200333, |
| | | }, |
| | | { |
| | | date: "2016-05-01", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1519 弄", |
| | | zip: 200333, |
| | | }, |
| | | { |
| | | date: "2016-05-03", |
| | | name: "王小虎", |
| | | province: "上海", |
| | | city: "普陀区", |
| | | address: "上海市普陀区金沙江路 1516 弄", |
| | | zip: 200333, |
| | | }, |
| | | ], |
| | | options: [ |
| | | { |
| | | value: "选项1", |
| | | label: "黄金糕", |
| | | }, |
| | | { |
| | | value: "选项2", |
| | | label: "双皮奶", |
| | | }, |
| | | { |
| | | value: "选项3", |
| | | label: "蚵仔煎", |
| | | }, |
| | | { |
| | | value: "选项4", |
| | | label: "龙须面", |
| | | }, |
| | | { |
| | | value: "选项5", |
| | | label: "北京烤鸭", |
| | | }, |
| | | ], |
| | | value: "", |
| | | list: [], |
| | | pageSize: 10, |
| | | recordTotal: 0, |
| | | currentPage: 1, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.safetySelfInspectionL(); |
| | | }, |
| | | methods: { |
| | | reset(){ |
| | | this.listQuery.filter={} |
| | | this.listQuery.pageIndex=1 |
| | | this.listQuery.pageSize=10 |
| | | this.safetySelfInspectionL(); |
| | | }, |
| | | |
| | | async safetySelfInspectionL() { |
| | | var res = await safetySelfInspectionList(this.listQuery).then((res) => { |
| | | if (res.data.code == 200) { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total; |
| | | this.pageSize = res.data.result.size; |
| | | this.currentPage = res.data.result.current; |
| | | } |
| | | }); |
| | | }, |
| | | handleClick(val) { |
| | | if(val.status==-1){ |
| | | this.$router.push({ |
| | | path:"/new", |
| | | query:{ |
| | | id:val.id, |
| | | name:'编辑' |
| | | } |
| | | }) |
| | | }else if(val.status==0){ |
| | | this.$router.push({ |
| | | path:"/gojudging", |
| | | query:{ |
| | | id:val.id |
| | | } |
| | | }) |
| | | } |
| | | }, |
| | | find() { |
| | | this.safetySelfInspectionL(); |
| | | }, |
| | | handleSizeChange(val) { |
| | | this.listQuery.pageSize = val; |
| | | this.safetySelfInspectionL(); |
| | | }, |
| | | handleCurrentChange(val) { |
| | | this.listQuery.pageIndex = val; |
| | | this.safetySelfInspectionL(); |
| | | }, |
| | | jump(){ |
| | | this.$router.push({ |
| | | path:"/new", |
| | | query:{ |
| | | name:'添加' |
| | | } |
| | | }) |
| | | }, |
| | | Del(id){ |
| | | this.$confirm('确认删除吗','提示', { |
| | | confirmButtonText: '确认', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(()=>{ |
| | | safetySelfInspectionDel({id:id}).then(res=>{ |
| | | if(res.data.code==200){ |
| | | this.safetySelfInspectionL(); |
| | | this.$notify({ |
| | | title: "成功", |
| | | message: "删除成功", |
| | | type: "success", |
| | | duration: 2000, |
| | | }); |
| | | } |
| | | }) |
| | | } |
| | | )} |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | background-color: #034ea2; |
| | | border: 1px solid #034ea2; |
| | | } |
| | | </style> |
| | | </style> |