Merge remote-tracking branch 'origin/2.0.1' into 2.0.1

jiangping

2024-12-27 5506edbe54883b31db3cc8e4a1d9d0795a18a3c9

 company/src/components/business/operaCompanyUserApplyDescWindow.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,168 @@
<template>
    <GlobalWindow
        :title="title"
        width="100%"
        :withFooter="false"
        :visible.sync="visible"
    >
        <div class="info">
            <div class="info_label">
                <span>申请记录详情</span>
            </div>
            <div class="info_list">
                <div class="info_list_item">
                    <div class="info_list_item_label">申请人：</div>
                    <div class="info_list_item_val">{{form.realName}}</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">申请时间：</div>
                    <div class="info_list_item_val">{{form.createDate}}</div>
                </div>
                <div class="info_list_item" style="width: 100%;">
                    <div class="info_list_item_label">授权账号：</div>
                    <div class="info_list_item_val">{{form.userName}}</div>
                </div>
                <div class="info_list_item" style="width: 100%;">
                    <div class="info_list_item_label">授权管理企业：</div>
                    <div class="info_list_item_val">{{form.companyNames}}</div>
                </div>
                <div class="info_list_item" style="width: 100%;">
                    <div class="info_list_item_label">申请说明：</div>
                    <div class="info_list_item_val">{{form.content}}</div>
                </div>
                <div class="info_list_item" style="width: 100%;">
                    <div class="info_list_item_label">申请附件：</div>
                    <div class="info_list_item_val">
                        <div class="info_list_item_val_cul">
                            <u v-for="(item, index) in form.multifileList" :key="index" @click="openFile(item.name, item.fileurlFull)">{{item.name}}</u>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="info">
            <div class="info_label">
                <span>审批情况</span>
            </div>
            <div class="info_list">
                <div class="info_list_item">
                    <div class="info_list_item_label">审批结果：</div>
                    <div class="info_list_item_val">
                        <template v-if="form.status === 0">待审核</template>
                        <template v-if="form.status === 1">审核通过</template>
                        <template v-if="form.status === 2">审核不通过</template>
                    </div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">审核时间：</div>
                    <div class="info_list_item_val">{{form.checkDate}}</div>
                </div>
                <div class="info_list_item" style="width: 100%;">
                    <div class="info_list_item_label">审核说明：</div>
                    <div class="info_list_item_val">{{form.checkInfo}}</div>
                </div>
            </div>
        </div>
        <!-- é¢„览pdf -->
        <OperaPdfViewerWindow ref="OperaPdfViewerWindow" />
    </GlobalWindow>
</template>

<script>
  import BaseOpera from '@/components/base/BaseOpera'
  import GlobalWindow from '@/components/common/GlobalWindow'
  import { getById } from '@/api/business/companyUserApply'
  import { mapState } from 'vuex'
  import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow'
  export default {
    name: 'operaCompanyUserApplyDescWindow',
    extends: BaseOpera,
    components: { GlobalWindow, OperaPdfViewerWindow },
    data () {
      return {
        form: {}
      }
    },
    computed: {
      ...mapState(['userInfo'])
    },
    methods: {
      open (title, id) {
        this.title = title
        getById(id)
          .then(res => {
            console.log(res)
            this.form = res
            this.visible = true
          })
      },
      openFile(name, url) {
        this.$refs.OperaPdfViewerWindow.open(name, url)
      }
    }
  }
</script>

<style lang="scss" scoped>
    .info {
        width: 100%;
        .info_label {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20px;
            span {
                font-size: 18px;
                font-weight: 600;
                color: #000000;
            }
        }
        .info_list {
            width: 100%;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            .info_list_item {
                width: 50%;
                display: flex;
                align-items: start;
                margin-bottom: 20px;
                .info_list_item_label {
                    font-size: 15px;
                    flex-shrink: 0;
                }
                .info_list_item_val {
                    flex: 1;
                    display: flex;
                    align-items: center;
                    font-size: 15px;
                    .info_list_item_val_cul {
                        display: flex;
                        flex-direction: column;
                        u {
                            font-size: 15px;
                            color: #2E68EC;
                            cursor: pointer;
                            margin-top: 5px;
                            &:first-child {
                                margin: 0;
                            }
                        }
                    }
                    .image {
                        width: 100px;
                        height: 100px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        overflow: hidden;
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
</style>