From cee81b4b5d993d46a52d01124cd9f1d015043857 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期五, 13 五月 2022 14:27:24 +0800 Subject: [PATCH] 举一反三 --- src/views/oneFromanother/index.vue | 159 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 156 insertions(+), 3 deletions(-) diff --git a/src/views/oneFromanother/index.vue b/src/views/oneFromanother/index.vue index e429f8f..982cedd 100644 --- a/src/views/oneFromanother/index.vue +++ b/src/views/oneFromanother/index.vue @@ -1,11 +1,164 @@ <template> - <div> - divxxxxx + <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-input v-model="listQuery.form.ht_branch" style="width:202px"></el-input> + </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 label="隐患级别"> + <el-select v-model="listQuery.form.ht_level" placeholder="请选择"> + <el-option + v-for="item in YHJBList" + :key="item.value" + :label="item.label" + :value="item.value"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="隐患地点"> + <el-input v-model="listQuery.form.address" style="width:202px" placeholder="请输入内容"></el-input> + </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 label="隐患内容"> + <el-input v-model="listQuery.form.ht_content" style="width:202px" placeholder="请输入内容"></el-input> + </el-form-item> + <el-form-item label="检查时间"> + <el-col :span="11"> + <el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.check_dateStart" + style="width: 100%;" value-format="yyyy-MM-dd"></el-date-picker> + </el-col> + <el-col style="text-align:center" :span="2">-</el-col> + <el-col :span="11"> + <el-date-picker type="date" placeholder="选择日期" v-model="listQuery.form.check_dateEnd" + style="width: 100%;" value-format="yyyy-MM-dd"></el-date-picker> + </el-col> + </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="14" style="text-align:right;"> + <el-button class="btns" type="primary" size="small" @click="sendBath()">管理专业</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_date" label="检查时间" width="120" align="center"> + <template slot-scope="scope"> + <label>{{ formatDate(scope.row.check_date)}}</label><br/> + <label>{{ scope.row.check_class}}</label> + </template> + </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"></el-table-column> + <el-table-column prop="DTRisk_level" label="隐患级别" align="center"></el-table-column> + <el-table-column prop="warningLevel" label="隐患地点" align="center"></el-table-column> + <el-table-column prop="curWarningLevel" label="内容" width="200" align="center"></el-table-column> + <el-table-column prop="curWarningLevel" 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> + </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> - + 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> \ No newline at end of file -- Gitblit v1.9.2