supervision-vue/src/components/negative/description.vue

<template>
    <div class="info-container">
        <h3>问题信息</h3>
        <div class="row">
            <div class="col col-6">
                <label>样本源头编号</label>
                <span>{{ negative.originId }}</span>
            </div>
            <div class="col col-6">
                <label>问题发现时间</label>
                <span>{{ negative.discoveryTime }}</span>
            </div>
            <div class="col col-6">
                <label>问题发生时间</label>
                <span>{{ negative.happenTime || '/' }}</span>
            </div>
            <div class="col col-6">
                <label>问题来源</label>
                <span>{{ negative.problemSources }}</span>
            </div>
        </div>
        <div class="row">
            <div class="col col-6" v-if="negative.responderName">
                <label>投诉反映人</label>
                <span>{{ negative.responderName }}</span>
            </div>
            <div class="col col-6" v-if="negative.contactPhone">
                <label>联系电话</label>
                <span>{{ negative.contactPhone }}</span>
            </div>
        </div>
        <div class="row">
            <div class="col col-6" v-if="negative.specialSupervision">
                <label>专项督察</label>
                <span>{{ getDictLable(dict.specialSupervision, negative.specialSupervision) }}</span>
            </div>
            <div class="col col-6" v-if="negative.reportNumber">
                <label>警情期数</label>
                <span>{{ negative.reportNumber }}</span>
            </div>
            <div class="col col-6">
                <label>业务类别</label>
                <span>{{ negative.businessTypeName }}</span>
            </div>
            <div class="col col-6">
                <label>涉及警种</label>
                <span>{{ negative.policeTypeName || '/' }}</span>
            </div>
            <div class="col col-12">
                <label>涉嫌问题</label>
                <span>{{ negative.involveProblemLables || '/' }}</span>
            </div>
        </div>
        <div class="row">
            <div class="col col-12">
                <label>案件/警情编号</label>
                <span>{{ negative.caseNumber || '/' }}</span>
            </div>
            <div class="col col-12">
                <label>涉及单位</label>
                <span>{{ negative.involveDepartName || '/' }}</span>
            </div>
        </div>
        <div>
            <div class="text-primary mt-10">事情简要描述</div>
            <div class="content">{{ negative.thingDesc }}</div>
        </div>
        <div v-if="negative.thingFiles?.length">
            <div class="text-primary mt-10 mb-10">附件</div>
            <file-list :files="negative.thingFiles" />
        </div>
    </div>
</template>
<script setup>
import { getDictLable } from "@/utils/util";
const negative = inject('negative')
import useCatchStore from "@/stores/modules/catch";
const catchSotre = useCatchStore();
const dict = catchSotre.getDicts([
    "specialSupervision"
]);
</script>
<style lang="scss" scoped>
.info-container {
    background: #F9FAFF;
    box-shadow: 0px 2px 4px 0px rgba(133,150,248,0.47);
    padding: 20px;
    margin: 0 2px 4px 2px;
    h3 {
        margin-top: 0;
    }
}
</style>