线索下发及提交结论和问题模块基本完成

riku

2023-07-20 d22ce1ad1c4656f5c2212bbabb35ba498300aced

 src/views/overlay-clue/components/ClueReport.vue

@@ -1,74 +1,104 @@
<template>
  <!-- 清单详情 -->
  <el-descriptions
    class="margin-top"
    title="With border"
    :column="3"
    :size="size"
    class=""
    title="线索清单详情"
    :column="1"
    size="small"
    border
  >
    <template #extra>
      <el-button type="primary">Operation</el-button>
      <el-button
        type="primary"
        text
        size="small"
        @click="openPDF"
        >查看PDF</el-button
      >
    </template>
    <el-descriptions-item>
      <template #label>
        <div class="cell-item">
          <el-icon :style="iconStyle">
            <user />
          </el-icon>
          Username
        </div>
        <div class="cell-item">线索编号</div>
      </template>
      kooriookami
      {{ clueData.cid }}
    </el-descriptions-item>
    <el-descriptions-item width="65px" min-width="50px">
      <template #label>
        <div class="cell-item">线索名称</div>
      </template>
      {{ clueData.cclueName }}
    </el-descriptions-item>
    <!-- <el-descriptions-item>
      <template #label>
        <div class="cell-item">创建时间</div>
      </template>
      {{ clueData.ccreateTime }}
    </el-descriptions-item> -->
    <el-descriptions-item>
      <template #label>
        <div class="cell-item">下发时间</div>
      </template>
      {{ clueData.creleaseTime }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <div class="cell-item">
          <el-icon :style="iconStyle">
            <iphone />
          </el-icon>
          Telephone
        </div>
        <div class="cell-item">报警站点</div>
      </template>
      18100000000
      {{ clueData.csiteName }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <div class="cell-item">
          <el-icon :style="iconStyle">
            <location />
          </el-icon>
          Place
        </div>
        <div class="cell-item">站点类型</div>
      </template>
      Suzhou
      {{ clueData.csiteType }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template #label>
        <div class="cell-item">
          <el-icon :style="iconStyle">
            <tickets />
          </el-icon>
          Remarks
        </div>
        <div class="cell-item">线索结论</div>
      </template>
      <el-tag size="small">School</el-tag>
      {{ clueData.cconclusion }}
    </el-descriptions-item>
    <el-descriptions-item>
    <!-- <el-descriptions-item>
      <template #label>
        <div class="cell-item">
          <el-icon :style="iconStyle">
            <office-building />
          </el-icon>
          Address
        </div>
        <div class="cell-item">站点类型选项</div>
      </template>
      No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
    </el-descriptions-item>
      {{ clueData.cairCheckedOptions }}
    </el-descriptions-item> -->
  </el-descriptions>
  <ClueReportConclusion :clueId="clueData.cid"></ClueReportConclusion>
  <ClueReportQuestion :clueId="clueData.cid"></ClueReportQuestion>
</template>

<script>
import ClueReportConclusion from './ClueReportConclusion.vue';
import ClueReportQuestion from './ClueReportQuestion.vue';
export default {
  components: { ClueReportConclusion, ClueReportQuestion },
  props: {
    clueData: {
      type: Object,
      default: () => {
        return {};
      }
    }
  },
  name: 'HomePage',
  data() {
    return {
      // 图片上传的弹出框
      isShowReportPhoto: false,
      photoForm: {
        clueId: 0,
        questionDescription: ''
      }
    };
  },
  methods: {
    openPDF() {
      
    }
  }
};
</script>

<style></style>