TaskInfo.vue 5.58 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
<template>
  <div>
    <h3>任务详情</h3>
    <el-form label-width="110px">
      <el-row class="el-row-table">
        <el-col :span="12">
          <el-form-item label="任务名称">
            <span v-if="detailInfo.fName">{{ detailInfo.fName }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="任务唯一编码">
            <span v-if="detailInfo.fUniqueCode">{{ detailInfo.fUniqueCode }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="任务归属">
            <span v-if="detailInfo.fTaskBelong">{{ detailInfo.fTaskBelong }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="任务类型">
29
            <span v-if="detailInfo.fTaskType">{{ fTaskTypeFormat(detailInfo) }}</span>
30 31 32 33 34 35
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="是否下发">
36
            <span v-if="detailInfo.fDistributeFlag">{{ fDistributeFlagFormat(detailInfo) }}</span>
37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="任务说明">
            <span v-if="detailInfo.fDesc">{{ detailInfo.fDesc }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="任务开始时间">
            <span v-if="detailInfo.fStartTime">{{ detailInfo.fStartTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>


        <el-col :span="12">
          <el-form-item label="任务截至时间">
            <span v-if="detailInfo.fEndTime">{{ detailInfo.fEndTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="任务状态">
65
            <span v-if="detailInfo.fStatus">{{ fStatusFormat(detailInfo) }}</span>
66 67 68 69 70 71
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="删除标记">
72
            <span v-if="detailInfo.fDeleteFlag && detailInfo.fDeleteFlag.toString()">{{ fDeleteFlagFormat(detailInfo) }}</span>
73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label="描述">
            <span v-if="detailInfo.fRemark">{{ detailInfo.fRemark }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="创建时间">
            <span v-if="detailInfo.fCreateTime">{{ detailInfo.fCreateTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="创建人">
            <span v-if="detailInfo.fCreateBy">{{ detailInfo.fCreateBy }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="修改时间">
            <span v-if="detailInfo.fUpdateTime">{{ detailInfo.fUpdateTime }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="修改人">
            <span v-if="detailInfo.fModifyBy">{{ detailInfo.fModifyBy }}</span>
            <span v-else>-</span>
          </el-form-item>
        </el-col>

      </el-row>
    </el-form>
  </div>
</template>

<script>
  export default {
    name: "task-info",
    props:{
        detailInfo:{
          type: Object
        }
124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169
    },
    data(){
      return{
        fTaskTypeOptions: [],
        // 是否下发 0-不下发 1 - 下发字典
        fDistributeFlagOptions: [],
        // 任务状态,NEW-未开始,ING-进行中,DON-已完结,OVD-超期未完成字典
        fStatusOptions: [],
        // 删除标记,0-可用,1-已删除字典
        fDeleteFlagOptions: [],
      }
    },
    created(){
      this.getTaskDict();
    },
    methods:{
      getTaskDict(){
        this.getDicts("t_supervision_task_type").then(response => {
            this.fTaskTypeOptions = response.data;
        });
        this.getDicts("t_distribute_flag").then(response => {
            this.fDistributeFlagOptions = response.data;
        });
        this.getDicts("t_supervision_task_status").then(response => {
            this.fStatusOptions = response.data;
        });
        this.getDicts("t_delete_flag").then(response => {
            this.fDeleteFlagOptions = response.data;
        });
      },
      // 任务类型 0-专项 1-日常 2-第三方评估抽查 3-随机抽查字典翻译
      fTaskTypeFormat(row, column) {
        return this.selectDictLabel(this.fTaskTypeOptions, row.fTaskType);
      },
      // 是否下发 0-不下发 1 - 下发字典翻译
      fDistributeFlagFormat(row, column) {
        return this.selectDictLabel(this.fDistributeFlagOptions, row.fDistributeFlag);
      },
      // 任务状态,NEW-未开始,ING-进行中,DON-已完结,OVD-超期未完成字典翻译
      fStatusFormat(row, column) {
        return this.selectDictLabel(this.fStatusOptions, row.fStatus);
      },
      // 删除标记,0-可用,1-已删除字典翻译
      fDeleteFlagFormat(row, column) {
        return this.selectDictLabel(this.fDeleteFlagOptions, row.fDeleteFlag);
      },
170 171 172 173 174 175 176
    }
  }
</script>

<style scoped>

</style>