|
|
@@ -0,0 +1,159 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div class="shiftHandover">
|
|
|
+ <el-row type="flex">
|
|
|
+ <el-col class="button">
|
|
|
+ <div class="title">交接班记录详情（早交班）</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row type="flex">
|
|
|
+ <el-col>
|
|
|
+ <el-table
|
|
|
+ :data="
|
|
|
+ rshiftHandoverDataSw.filter(
|
|
|
+ (item) => item.tianXieFangShi == '工作量'
|
|
|
+ ) || []
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ width="400"
|
|
|
+ label="工作量"
|
|
|
+ prop="gongZuoLiang"
|
|
|
+ align="center"
|
|
|
+ />
|
|
|
+ <el-table-column label="已完成" prop="yiWanCheng">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="row.yiWanCheng"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ <span v-else>{{ row.yiWanCheng || '/' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="未完成" prop="weiWanCheng">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="row.weiWanCheng"
|
|
|
+ type="number"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ <span v-else>{{ row.weiWanCheng || '/' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="危急值" prop="weiJiZhi">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="row.weiJiZhi"
|
|
|
+ type="number"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ <span v-else>{{ row.weiJiZhi || '/' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="TAT是否超时" prop="tatShiFouChaoShi">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-if="!readonly"
|
|
|
+ v-model="row.tatShiFouChaoShi"
|
|
|
+ type="number"
|
|
|
+ placeholder="请输入"
|
|
|
+ />
|
|
|
+ <span v-else>{{ row.tatShiFouChaoShi || '/' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <el-table
|
|
|
+ :show-header="false"
|
|
|
+ :data="
|
|
|
+ rshiftHandoverDataSw.filter(
|
|
|
+ (item) => item.tianXieFangShi == '是否'
|
|
|
+ ) || []
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ width="400"
|
|
|
+ label="工作量"
|
|
|
+ prop="gongZuoLiang"
|
|
|
+ align="center"
|
|
|
+ />
|
|
|
+ <el-table-column label="是否" prop="shiFou">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-radio-group v-if="!readonly" v-model="row.shiFou">
|
|
|
+ <el-radio label="是" value="是">是</el-radio>
|
|
|
+ <el-radio label="否" value="否">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <span v-else>{{ row.shiFou || '' }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ formData: {
|
|
|
+ type: Object,
|
|
|
+ default: () => {}
|
|
|
+ },
|
|
|
+ readonly: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
+ params: {
|
|
|
+ type: Object,
|
|
|
+ default: () => {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ rshiftHandoverDataSw: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ watch: {
|
|
|
+ 'formData.jjbjlxqsw': {
|
|
|
+ handler(value, old) {
|
|
|
+ if (value && value.length) {
|
|
|
+ this.rshiftHandoverDataSw = value
|
|
|
+ }
|
|
|
+ },
|
|
|
+ immediate: true
|
|
|
+ },
|
|
|
+ rshiftHandoverDataSw: {
|
|
|
+ handler(value, old) {
|
|
|
+ this.$emit('change-data', 'jjbjlxqsw', value)
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {}
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.shiftHandover {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .button {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding: 0px 0px 0px 15px;
|
|
|
+ background: #f0ffff;
|
|
|
+ .title {
|
|
|
+ color: #999;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ .el-button {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
CHINAMI-P698360\Administrator