薄册增加tab项

This commit is contained in:
dong 2023-02-03 10:14:25 +08:00
parent c127e36b07
commit 0222c60b1f

View File

@ -1,97 +1,104 @@
<template> <template>
<div> <div style="height: 100%">
<div style="padding: 20px;font-size: 20px;text-align: center;">簿册</div> <div style="padding: 20px;font-size: 20px;text-align: center;">簿册</div>
<div style="text-align: right;"> <el-tabs type="border-card" style="height: 100%">
<el-button :id="registerInput.addData.domId" size="small" style="margin-right: 20px;margin-bottom: 10px;" type="primary" @click="add">新增</el-button> <el-tab-pane label="行车设备检查登记簿">
</div> <div style="text-align: right;">
<el-table <el-button :id="registerInput.addData.domId" size="small" style="margin-right: 20px;margin-bottom: 10px;" type="primary" @click="add">新增</el-button>
:data="tableData" </div>
style="width: 100%" <el-table
> :data="tableData"
<el-table-column prop="date" label="月 日" width="95"> style="width: 100%"
<template slot-scope="scope"> >
<el-input v-if="dataIndex === scope.$index" :id="registerInput.moonDay.domId" v-model="scope.row.moonDay" @blur="moonDayChange(scope.row.moonDay)" /> <el-table-column prop="date" label="月 日" width="95">
<span v-else>{{ scope.row.moonDay }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.moonDay.domId" v-model="scope.row.moonDay" @blur="moonDayChange(scope.row.moonDay)" />
</el-table-column> <span v-else>{{ scope.row.moonDay }}</span>
<el-table-column prop="time" label="时 分" width="95"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.hourMinute.domId" v-model="scope.row.hourMinute" @blur="hourMinuteChange(scope.row.hourMinute)" /> <el-table-column prop="time" label="时 分" width="95">
<span v-else>{{ scope.row.hourMinute }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.hourMinute.domId" v-model="scope.row.hourMinute" @blur="hourMinuteChange(scope.row.hourMinute)" />
</el-table-column> <span v-else>{{ scope.row.hourMinute }}</span>
<el-table-column prop="checkResult" label="检查试验结果,所发现的不良及破损程度" width="280"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.result.domId" v-model="scope.row.result" @blur="resultChange(scope.row.result)" /> <el-table-column prop="checkResult" label="检查试验结果,所发现的不良及破损程度" width="280">
<span v-else>{{ scope.row.result }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.result.domId" v-model="scope.row.result" @blur="resultChange(scope.row.result)" />
</el-table-column> <span v-else>{{ scope.row.result }}</span>
<el-table-column label="通 知 时 间"> </template>
<el-table-column prop="noticeDate" label="月 日" width="100"> </el-table-column>
<template slot-scope="scope"> <el-table-column label="通 知 时 间">
<el-input v-if="dataIndex === scope.$index" :id="registerInput.noticeTimeMoonDay.domId" v-model="scope.row.noticeTime.moonDay" @blur="noticeTimeMoonDayChange(scope.row.noticeTime.moonDay)" /> <el-table-column prop="noticeDate" label="月 日" width="100">
<span v-else>{{ scope.row.noticeTime.moonDay }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.noticeTimeMoonDay.domId" v-model="scope.row.noticeTime.moonDay" @blur="noticeTimeMoonDayChange(scope.row.noticeTime.moonDay)" />
</el-table-column> <span v-else>{{ scope.row.noticeTime.moonDay }}</span>
<el-table-column prop="noticeTime" label="时 分" width="100"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.noticeTimeHourMinute.domId" v-model="scope.row.noticeTime.hourMinute" @blur="noticeTimeHourMinuteChange(scope.row.noticeTime.hourMinute)" /> <el-table-column prop="noticeTime" label="时 分" width="100">
<span v-else>{{ scope.row.noticeTime.hourMinute }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.noticeTimeHourMinute.domId" v-model="scope.row.noticeTime.hourMinute" @blur="noticeTimeHourMinuteChange(scope.row.noticeTime.hourMinute)" />
</el-table-column> <span v-else>{{ scope.row.noticeTime.hourMinute }}</span>
<el-table-column prop="noticeWay" label="通知到达的方式" width="130"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.noticeTimeInfo.domId" v-model="scope.row.noticeTime.info" @blur="noticeTimeInfoChange(scope.row.noticeTime.info)" /> <el-table-column prop="noticeWay" label="通知到达的方式" width="130">
<span v-else>{{ scope.row.noticeTime.info }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.noticeTimeInfo.domId" v-model="scope.row.noticeTime.info" @blur="noticeTimeInfoChange(scope.row.noticeTime.info)" />
</el-table-column> <span v-else>{{ scope.row.noticeTime.info }}</span>
</el-table-column> </template>
<el-table-column label="到 达 时 间"> </el-table-column>
<el-table-column prop="arriveDate" label="月 日" width="100"> </el-table-column>
<template slot-scope="scope"> <el-table-column label="到 达 时 间">
<el-input v-if="dataIndex === scope.$index" :id="registerInput.arriveTimeMoonDay.domId" v-model="scope.row.arriveTime.moonDay" @blur="arriveTimeMoonDayChange(scope.row.arriveTime.moonDay)" /> <el-table-column prop="arriveDate" label="月 日" width="100">
<span v-else>{{ scope.row.arriveTime.moonDay }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.arriveTimeMoonDay.domId" v-model="scope.row.arriveTime.moonDay" @blur="arriveTimeMoonDayChange(scope.row.arriveTime.moonDay)" />
</el-table-column> <span v-else>{{ scope.row.arriveTime.moonDay }}</span>
<el-table-column prop="arriveTime" label="时 分" width="100"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.arriveTimeHourMinute.domId" v-model="scope.row.arriveTime.hourMinute" @blur="arriveTimeHourMinuteChange(scope.row.arriveTime.hourMinute)" /> <el-table-column prop="arriveTime" label="时 分" width="100">
<span v-else>{{ scope.row.arriveTime.hourMinute }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.arriveTimeHourMinute.domId" v-model="scope.row.arriveTime.hourMinute" @blur="arriveTimeHourMinuteChange(scope.row.arriveTime.hourMinute)" />
</el-table-column> <span v-else>{{ scope.row.arriveTime.hourMinute }}</span>
<el-table-column prop="arriveSeal" label="该段的工作人员到达后盖章" width="200"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.arriveTimeInfo.domId" v-model="scope.row.arriveTime.info" @blur="arriveTimeInfoChange(scope.row.arriveTime.info)" /> <el-table-column prop="arriveSeal" label="该段的工作人员到达后盖章" width="200">
<span v-else>{{ scope.row.arriveTime.info }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.arriveTimeInfo.domId" v-model="scope.row.arriveTime.info" @blur="arriveTimeInfoChange(scope.row.arriveTime.info)" />
</el-table-column> <span v-else>{{ scope.row.arriveTime.info }}</span>
</el-table-column> </template>
<el-table-column label="销除不良及破损的时分及盖章"> </el-table-column>
<el-table-column prop="repairDate" label="月 日" width="100"> </el-table-column>
<template slot-scope="scope"> <el-table-column label="销除不良及破损的时分及盖章">
<el-input v-if="dataIndex === scope.$index" :id="registerInput.endTimeMoonDay.domId" v-model="scope.row.endTime.moonDay" @blur="endTimeMoonDayChange(scope.row.endTime.moonDay)" /> <el-table-column prop="repairDate" label="月 日" width="100">
<span v-else>{{ scope.row.endTime.moonDay }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.endTimeMoonDay.domId" v-model="scope.row.endTime.moonDay" @blur="endTimeMoonDayChange(scope.row.endTime.moonDay)" />
</el-table-column> <span v-else>{{ scope.row.endTime.moonDay }}</span>
<el-table-column prop="repairTime" label="时 分" width="100"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.endTimeHourMinute.domId" v-model="scope.row.endTime.hourMinute" @blur="endTimeHourMinuteChange(scope.row.endTime.hourMinute)" /> <el-table-column prop="repairTime" label="时 分" width="100">
<span v-else>{{ scope.row.endTime.hourMinute }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.endTimeHourMinute.domId" v-model="scope.row.endTime.hourMinute" @blur="endTimeHourMinuteChange(scope.row.endTime.hourMinute)" />
</el-table-column> <span v-else>{{ scope.row.endTime.hourMinute }}</span>
<el-table-column prop="repairReason" label="破损及不良的原因,采用何种办法进行修理的。工作人员及车站值班员盖章。"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-if="dataIndex === scope.$index" :id="registerInput.endTimeInfo.domId" v-model="scope.row.endTime.info" @blur="endTimeInfoChange(scope.row.endTime.info)" /> <el-table-column prop="repairReason" label="破损及不良的原因,采用何种办法进行修理的。工作人员及车站值班员盖章。">
<span v-else>{{ scope.row.endTime.info }}</span> <template slot-scope="scope">
</template> <el-input v-if="dataIndex === scope.$index" :id="registerInput.endTimeInfo.domId" v-model="scope.row.endTime.info" @blur="endTimeInfoChange(scope.row.endTime.info)" />
</el-table-column> <span v-else>{{ scope.row.endTime.info }}</span>
</el-table-column> </template>
<el-table-column label="" width="60"> </el-table-column>
<template slot-scope="scope"> </el-table-column>
<el-button v-if="dataIndex === scope.$index" :id="railFillInRegister.domId" type="text" size="small" @click="saveData(scope.row, scope.$index)">保存</el-button> <el-table-column label="" width="60">
</template> <template slot-scope="scope">
</el-table-column> <el-button v-if="dataIndex === scope.$index" :id="railFillInRegister.domId" type="text" size="small" @click="saveData(scope.row, scope.$index)">保存</el-button>
</el-table> </template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="行车设备施工登记簿">行车设备施工登记簿</el-tab-pane>
<el-tab-pane label="防洪安全上岗签到表">防洪安全上岗签到表</el-tab-pane>
<el-tab-pane label="非正常情况接发列车关键环节控制表">非正常情况接发列车关键环节控制表</el-tab-pane>
</el-tabs>
</div> </div>
</template> </template>