medical_lab_ui_mobil/src/views/platform/bpmn/documents/lookDocument.vue

<template>
    <div>
        <div style="width: 100%;padding: 3% 0; text-align: center;  color: #303030;border-bottom: 1px solid #ebe8e8;"><van-row style="margin:0">
            <van-col span="4"><van-icon name="cross" size="20px" @click="onClose" /></van-col>
            <van-col span="16" style="margin:1% auto 0;">文件查阅</van-col>
        </van-row>
        </div>
        <div style="width:90%;margin:5% auto;">
            <van-row>
                <van-col span="8" class="prompt">编制部门:</van-col>
                <van-col span="16" class="content"> {{ sonData.bian_zhi_bu_men_==''?'/':sonData.bian_zhi_bu_men_==null?'/':sonData.bian_zhi_bu_men_==undefined?'/':changeDep(sonData) }}</van-col>
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">编制人:</van-col>
                <van-col span="16" class="content"> {{ sonData.bian_zhi_ren_==''?'/':sonData.bian_zhi_ren_==null?'/':sonData.bian_zhi_ren_==undefined?'/':changUserName(sonData) }}</van-col>
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">编制时间:</van-col>
                <van-col span="16" class="content"> {{ sonData.bian_zhi_shi_jian==''?'/':sonData.bian_zhi_shi_jian==null?'/':sonData.bian_zhi_shi_jian==undefined?'/':sonData.bian_zhi_shi_jian }}</van-col>
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">文件名称:</van-col>
                <van-col span="16" class="content"> {{ sonData.wen_jian_ming_che==''?'/':sonData.wen_jian_ming_che==null?'/':sonData.wen_jian_ming_che==undefined?'/':sonData.wen_jian_ming_che }}</van-col>
            </van-row>

            <van-row>
                <van-col span="8" class="prompt">文件编号:</van-col>
                <van-col span="16" class="content"> {{ sonData.wen_jian_bian_hao==''?'/':sonData.wen_jian_bian_hao==null?'/':sonData.wen_jian_bian_hao==undefined?'/':sonData.wen_jian_bian_hao }}</van-col>
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">版本号:</van-col>
                <van-col span="16" class="content"> {{ sonData.ban_ben_==''?'/':sonData.ban_ben_==null?'/':sonData.ban_ben_==undefined?'/':sonData.ban_ben_ }}</van-col>
                <!-- <van-col span="16" class="content"> {{ sonData.ban_ben_?'/':ban_ben_ }}</van-col> -->
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">文件状态:</van-col>
                <van-col span="16" class="content"> {{ sonData.shi_fou_guo_shen_==''?'/':sonData.shi_fou_guo_shen_==null?'/':sonData.shi_fou_guo_shen_==undefined?'/':sonData.shi_fou_guo_shen_ }}</van-col>
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">权限类型:</van-col>
                <van-col span="16" class="content"> {{ sonData.quan_xian_lei_xin==''?'/':sonData.quan_xian_lei_xin==null?'/':sonData.quan_xian_lei_xin==undefined?'/':sonData.quan_xian_lei_xin }}</van-col>
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">文件归档:</van-col>
                <van-col span="16" class="content"> {{ sonData.wen_jian_xi_lei_==''?'/':sonData.wen_jian_xi_lei_==null?'/':sonData.wen_jian_xi_lei_==undefined?'/':sonData.wen_jian_xi_lei_ }}</van-col>
            </van-row>

            <van-row>
                <van-col span="8" class="prompt">发布时间:</van-col>
                <van-col span="16" class="content"> {{ sonData.fa_bu_shi_jian_==''?'/':sonData.fa_bu_shi_jian_==null?'/':sonData.fa_bu_shi_jian_==undefined?'/':sonData.fa_bu_shi_jian_ }}</van-col>
            </van-row>
            <van-row>
                <van-col span="8" class="prompt">使用部门:</van-col>
                <van-col span="16" class="content"> {{ sonData.shi_yong_bu_men_==''?'/':sonData.shi_yong_bu_men_==null?'/':sonData.shi_yong_bu_men_==undefined?'/':sonData.shi_yong_bu_men_ }}</van-col>
            </van-row>
            <!-- <van-row> -->
            <!-- <van-col span="8" class="prompt">文件附件:</van-col> -->
            <!-- <van-col span="16" class="content"> {{ sonData.fu_jian_==''?'/':sonData.fu_jian_==null?'/':sonData.fu_jian_==undefined?'/':sonData.fu_jian_ }}</van-col> -->
            <!-- <van-col span="24" class="content"> -->
            <ibps-uploader
                v-model="sonData.fu_jian_"
                download
                :have-padding="false"
                label="附件:"
                multiple
                clearable
                :readonly="true"
                style="background-color: #fff;"
            />
            <!-- </van-col> -->
            <!-- </van-row> -->
        </div>
    </div>
</template>
<script>
export default {
    props: {
        sonData: {
            type: Object
            // default: {}
        }
    },
    data() {
        const userList = this.$store.getters.userList
        const deptList = this.$store.getters.deptList
        return {
            userList: userList,
            deptList: deptList
        }
    },

    methods: {
        changUserName(data) {
            const user = this.userList.find(item => item.userId === data.bian_zhi_ren_)
            if (user) {
                return user.userName
            }
        },
        changeDep(data) {
            const dep = this.deptList.find(item => item.positionId === data.bian_zhi_bu_men_)
            if (dep) {
                return dep.positionName
            }
        },
        onClose() {
            this.$emit('son', false)
        }
    }
}
</script>
<style scoped lang="less">
.van-row{
  margin: 5% 0;
  .prompt{
    color: #666;
  }
  .content{
    font-size: 14px;
    color: #777;
  }
}
/deep/ .van-field__label {
  font-size: 16px; /* 修改字体大小 */
  /* 其他布局相关的CSS属性 */
}
/deep/ .van-field{
  padding: 0;
}

</style>