| | |
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border |
| | | @row-click="clickRow"> |
| | | <el-table-column label="序号" type="index" width="60" align="center"></el-table-column> |
| | | <el-table-column label="月度时间" min-width="180" prop="monthDate"></el-table-column> |
| | | <el-table-column label="月度时间" min-width="100" prop="monthDate"></el-table-column> |
| | | <el-table-column label="试验区域名称" min-width="180" prop="testAreaName"></el-table-column> |
| | | <el-table-column label="确认状态" min-width="180" prop="isAffirm"> |
| | | <template slot-scope="scope"> |
| | | <el-tag type="danger" v-if="scope.row.isAffirm == 0">未确认</el-tag> |
| | | <el-tag type="success" v-if="scope.row.isAffirm == 1">已确认</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="增补信息" min-width="180" prop="subjoin"></el-table-column> |
| | | <el-table-column label="记录员" min-width="120" prop="registrarUserName"></el-table-column> |
| | | <el-table-column label="温度区间" min-width="100" prop="temperatureSection"></el-table-column> |
| | | <el-table-column label="湿度区间" min-width="100" prop="humiditySection"></el-table-column> |
| | | <el-table-column fixed="right" label="操作" min-width="180" align="center"> |
| | | <template v-slot="scope"> |
| | | <el-button size="small" type="text" @click="downLoadPost(scope.row)">导出</el-button> |
| | | <!-- <el-button size="small" type="text" @click="edit(scope.row)">编辑</el-button>--> |
| | | <el-button :disabled="scope.row.isAffirm === '1'" size="small" type="text" |
| | | @click="openApprovalDialog(scope.row)">确认</el-button> |
| | | <el-button size="small" type="text" @click="deleteRowFun(scope.row)">删除</el-button> |
| | | <el-button size="small" type="text" |
| | | @click="openApprovalDialog(scope.row)">记录员绑定</el-button> |
| | | <!-- <el-button size="small" type="text" @click="deleteRowFun(scope.row)">删除</el-button>--> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | 增</el-button> |
| | | </div> |
| | | </div> |
| | | <el-table :data="tableData1" height="calc(100vh - 18em)" style="width: 100%" |
| | | <el-table :data="tableData1" height="calc(100vh - 18em)" style="width: 100%" :row-class-name="tableRowClassName"> |
| | | :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border> |
| | | <el-table-column label="序号" type="index" width="60" align="center"></el-table-column> |
| | | <el-table-column label="日期" min-width="100" prop="recordDate"></el-table-column> |
| | |
| | | <el-button type="primary" :loading="submitLoading" @click="addPowerSupplyStability1">确 定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | <el-dialog :visible.sync="approvalDialog" title="确认" width="30%" @close="subjoin = ''"> |
| | | <span> |
| | | 增补信息: |
| | | <el-input v-model="subjoin" type="textarea"></el-input> |
| | | </span> |
| | | <el-dialog :visible.sync="approvalDialog" title="记录员绑定" width="30%" @open="openDialog"> |
| | | <el-form ref="recordForm" :model="recordForm"> |
| | | <el-form-item label="记录员: "> |
| | | <el-select v-model="recordForm.registrarUserId" clearable filterable placeholder="请选择" size="small" |
| | | style="width: 80%;"> |
| | | <el-option v-for="item in responsibleOptions" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button :loading="approvalLoading" @click="subjoin = '', approvalDialog = false">不确认</el-button> |
| | | <el-button :loading="approvalLoading" type="primary" @click="handleApproval">确 认</el-button> |
| | | <el-button :loading="approvalLoading" @click="approvalDialog = false">取消</el-button> |
| | | <el-button :loading="approvalLoading" type="primary" @click="handleApproval">保存</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | responsibleOptions: [], |
| | | approvalDialog: false, |
| | | approvalLoading: false, |
| | | subjoin: '', |
| | | approvalRow: {}, |
| | | recordForm: { |
| | | registrarUserId: '' |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | openApprovalDialog(row) { |
| | | this.approvalDialog = true |
| | | this.approvalRow = row |
| | | this.recordForm.registrarUserId = row.registrarUserId |
| | | }, |
| | | handleApproval() { |
| | | this.approvalLoading = true |
| | | const params = { |
| | | dateId: this.approvalRow.dateId, |
| | | subjoin: this.subjoin, |
| | | registrarUserId: this.recordForm.registrarUserId |
| | | } |
| | | affirmFeTempHumDate(params).then(res => { |
| | | this.approvalLoading = false |
| | |
| | | } |
| | | }); |
| | | }, |
| | | // 判断温湿度区间变色 |
| | | tableRowClassName({row, rowIndex}) { |
| | | if (row.isIssue == 1) { |
| | | return 'warning-row'; |
| | | } |
| | | return ''; |
| | | }, |
| | | handleSizeChange(val) { |
| | | this.search.size = val; |
| | | this.initData(); |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | >>>.warning-row { |
| | | background: #eea7ae; |
| | | } |
| | | </style> |