Merge branch '17025' of http://119.23.210.103:3000/wy/lh_firm_former into 17025

src/api/platform/personFile/base.js

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+import { DATA_URL } from '@/api/baseUrl'
+
+/**
+ * 获取人员基本信息
+ * @param {*} params
+ */
+export function getInfo (params) {
+    return request({
+        url: DATA_URL() + '/employee/employeeInfo/get',
+        method: 'get',
+        params: params
+    })
+}
+/**
+ * 保存人员基本信息
+ * @param {*} params
+ */
+export function setInfo (params) {
+    return request({
+        url: DATA_URL() + '/employee/employeeInfo/save',
+        method: 'post',
+        isLoading: true,
+        data: params
+    })
+}

src/api/platform/personFile/unidirectionalCorrelation.js

@@ -0,0 +1,14 @@
+import request from '@/utils/request'
+import { DATA_URL } from '@/api/baseUrl'
+
+/**
+ * 获取科研等单一关联的数据
+ * @param {*} params
+ */
+export function get (params) {
+    return request({
+        url: DATA_URL() + '/employee/employeeInfo/queryResearches',
+        method: 'post',
+        data: params
+    })
+}

src/views/component/personnelFile/components/SCIwzglbTag.vue

@@ -0,0 +1,300 @@
+<template>
+    <div class="SCIwzglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>SCI文章</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableSCI"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="论文题目"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.lunWenTiMu" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("lunWenTiMu") > 0 ? scope.row.lunWenTiMu:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("lunWenTiMu") > 0 ? scope.row.lunWenTiMu:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="期刊名称"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.qiKanMingCheng" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("qiKanMingCheng") > 0 ? scope.row.qiKanMingCheng:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("qiKanMingCheng") > 0 ? scope.row.qiKanMingCheng:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="JCR分区"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.qiJuanHao" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("qiJuanHao") > 0 ? scope.row.qiJuanHao:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("qiJuanHao") > 0 ? scope.row.qiJuanHao:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="影响因子IF"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.yingXiangYZIf" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("yingXiangYZIf") > 0 ? scope.row.yingXiangYZIf:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("yingXiangYZIf") > 0 ? scope.row.yingXiangYZIf:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="原文"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.shangChuanYuan"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            // console.log(`当前页: ${val}`)
+            this.$refs.reviewTableSCI.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '文章编号', contant: val.wenZhangBianHao, type: 'text' }, { name: 'JCR分区', contant: val.qiJuanHao, type: 'text' }],
+                [{ name: '论文题目', contant: val.lunWenTiMu, type: 'text' }, { name: '影响因子IF', contant: val.yingXiangYZIf, type: 'text' }],
+                [{ name: '全部作者', contant: val.quanBuZuoZhe, type: 'text' }, { name: '作者排名', contant: val.childGeRenPaiMing, type: 'text' }],
+                [{ name: '期刊名称', contant: val.qiKanMingCheng, type: 'text' }, { name: '论文链接', contant: val.lunWenLianJie, type: 'text' }],
+                [{ name: '发表日期', contant: val.faBiaoShiJian, type: 'text' }, { name: 'WOS号', contant: val.wosHao, type: 'text' }],
+                [{ name: '原文', contant: val.shangChuanYuan, type: 'file' }, { name: '备注', contant: val.childBeiZhu, type: 'text' }]
+            ]
+            // console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.SCIwzglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/bmsmTag.vue

@@ -0,0 +1,276 @@
+<template>
+    <div class="bmsm20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>公正性、保密性</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableBMSM"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="签名时间"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.bianZhiShiJian" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("bianZhiShiJian") > 0 ? scope.row.bianZhiShiJian:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("bianZhiShiJian") > 0 ? scope.row.bianZhiShiJian:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="声明"
+                    min-width="45%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:400px">
+                                <div v-html="scope.row.shuoMing" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("shuoMing") > 0 ? scope.row.shuoMing:'/' }}</div>
+                        </el-tooltip>
+                        <!-- <div class="text-overflow">{{ scope.row.hasOwnProperty("shuoMing") > 0 ? scope.row.shuoMing:'/' }}</div> -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="附件"
+                    min-width="25%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.fuJian"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            console.log(this.$refs, `当前页: ${val}`)
+            this.$refs.reviewTableBMSM.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '签名日期', contant: val.bianZhiShiJian, type: 'text' }],
+                [{ name: '声明', contant: val.shuoMing, type: 'text' }],
+                [{ name: '附件', contant: val.fuJian, type: 'file' }]
+            ]
+            // console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.bmsm20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+            .text-overflow {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+
+            }
+
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/dialogDeltail.vue

@@ -0,0 +1,200 @@
+<!--
+ * @Author: cyy szjbdcyy@126.com
+ * @Date: 2024-11-14 18:05:33
+ * @LastEditors: cyy szjbdcyy@126.com
+ * @LastEditTime: 2024-12-06 15:52:02
+ * @FilePath: \zdqy_firm_former\src\views\component\personnelFile\components\dialogDeltail.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+    <el-dialog
+        class="dialogSty"
+        title="详情"
+        :visible.sync="dialogDetails"
+        width="60%"
+        center
+        :show-close="false"
+        append-to-body
+    >
+        <el-row v-for="(item,i) in dialogData" :key="i" :gutter="24">
+            <el-col v-for="(e,t) in item" :key="'item'+t" :span="item.length<2?24:12">
+                <div class="rowSty">
+                    <div class="nameSty">{{ e.name }} </div>
+                    <div v-if="e.type==='text'" class="contant">{{ e.contant }}</div>
+                    <div v-else-if="e.type==='user' || e.type==='position'" class="contant">
+                        <ibps-user-selector
+                            v-model="e.contant"
+                            :type="e.type"
+                            readonly-text="text"
+                            :disabled="true"
+                            :multiple="false"
+                            size="mini"
+                            style="width:100%"
+                            :filter="filter"
+                            filtrate
+                        />
+                    </div>
+                    <div v-if="e.type==='dialog'" class="contant">
+                        <ibps-custom-dialog
+                            v-model="e.contant"
+                            size="mini"
+                            :template-key="e.dialogKey"
+                            multiple
+                            :disabled="true"
+                            type="dialog"
+                            class="custom-dialog"
+                            placeholder="请选择"
+                            icon="el-icon-search"
+                            style="width:100%"
+                        />
+                    </div>
+                    <div v-else-if="e.type==='file'" class="contant">
+                        <ibps-attachment
+                            v-model="e.contant"
+                            :download="true"
+                            multiple
+                            accept="*"
+                            :readonly="true"
+                            style="width:100%"
+                            limlt="5"
+                        />
+                    </div>
+                    <div v-else-if="e.type==='enumeration'" class="contant">
+                        {{ enumeratedArray[e.assemble][e.contant] }}
+
+                    </div>
+                    <div v-else-if="e.type==='secondaryTreatment'" class="contant">
+                        <div v-html="treatment(e.field, e.allData)" />
+                    </div>
+                </div>
+            </el-col>
+        </el-row>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="$emit('changeDetails',false)">关 闭</el-button>
+        </span>
+    </el-dialog>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import ibpsUserSelector from '@/business/platform/org/selector'
+
+export default {
+    components: {
+        IbpsAttachment,
+        ibpsUserSelector,
+        IbpsCustomDialog: () => import('@/business/platform/data/templaterender/custom-dialog')
+    },
+    props: {
+        dialogData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        dialogDetails: {
+            type: Boolean,
+            default: true
+        }
+    },
+    data () {
+        return {
+            filter: [{
+                descVal: '1',
+                includeSub: true,
+                old: 'position',
+                partyId: this.$store.getters.userInfo.employee.positions,
+                partyName: '',
+                scriptContent: '',
+                type: 'user',
+                userType: 'position'
+            }],
+            enumeratedArray: {
+                numberBoolean: {
+                    '0': '否',
+                    '1': '是'
+                }
+            }
+        }
+    },
+    methods: {
+        treatment (val, data) {
+            switch (val) {
+                case 'panduandefen':
+                    return data.hasOwnProperty('scoringType')
+                        ? data['scoringType'] === '平均分'
+                            ? (data['averageScore'] * 1).toFixed(2)
+                            : data['scoringType'] === '最高分'
+                                ? (data['maxScore'] * 1).toFixed(2)
+                                : data['scoringType'] === '最近得分'
+                                    ? (data['recentScore'] * 1).toFixed(2)
+                                    : ''
+                        : ''
+                case 'panduanexamDesc':
+                    if (data['paperState'] === '已完成') {
+                        // 计算是否达标
+                        const passScore =
+                    (+data['totalScore'] * +data['qualifiedRadio']) / 100
+                        let curScore = null
+                        if (data['scoringType'] === '平均分') {
+                            curScore = +data['averageScore']
+                        }
+                        if (data['scoringType'] === '最高分') {
+                            curScore = +data['maxScore']
+                        }
+                        if (data['scoringType'] === '最近得分') {
+                            curScore = +data['recentScore']
+                        }
+                        if (curScore >= passScore) {
+                            return `<div style="color:#67c23a;">已达标</div>`
+                        }
+                        return `<div style="color:#f43636;">未达标</div>`
+                    } else {
+                        // 未完成分两种：未开始和待批阅
+                        if (data['submittedCount'] > 0) {
+                            return `<div style="color:#ffa500;">待批阅</div>`
+                        }
+                        return '/'
+                    }
+                default:
+                    break
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.dialogSty{
+    // height: 50vh;
+    ::v-deep .el-dialog.el-dialog--center{
+        height: 70%;
+        .el-dialog__body{
+            height: 83%;
+            overflow-y: auto;
+            padding-top: 15px !important;
+            .el-row {
+                margin: 0 0 20px !important;
+                display: flex;
+                align-items: baseline;
+                // &:last-child {
+                //     margin-bottom: 0;
+                // }
+                .rowSty{
+                    display: flex;
+                    justify-content: space-between;
+                    margin: 1%;
+                    align-items: center;
+                    .nameSty{
+                        width: 120px;
+                    }
+                    .contant{
+                        width: calc(100% - 120px);
+                        min-height: 1em;
+                        border-bottom: 1px solid #e5e5e5;
+                    }
+                }
+            }
+        }
+    }
+
+}
+</style>

src/views/component/personnelFile/components/gzjlTag.vue

@@ -0,0 +1,475 @@
+<template>
+    <div class="gzjl20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>工作经历</span>
+        </div>
+        <div class="hand-btn" :style="judgeTag()?'height:10px;':'height:5.5%;'">
+            <el-button v-if="!judgeTag()" type="primary" size="mini" icon="el-icon-plus" @click="addData">添加</el-button>
+            <el-button v-if="!judgeTag()" type="danger" size="mini" icon="el-icon-close" @click="goRemove">删除</el-button>
+        </div>
+        <!-- <div class="contentAll"> -->
+        <el-form ref="nowData" :model="nowDataObj" :rules="rules" label-width="0px" class="contentAll">
+            <el-table
+                ref="reviewTable"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                :row-key="getRowKey"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="入职时间"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.ruZhiShiJian" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("ruZhiShiJian") > 0 ? scope.row.ruZhiShiJian:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("ruZhiShiJian") > 0 ? scope.row.ruZhiShiJian:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.ruZhiShiJian'" :rules="rules.bianzhiriqi">
+                                <el-date-picker
+                                    v-model="scope.row.ruZhiShiJian"
+                                    type="date"
+                                    size="mini"
+                                    class=""
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="选择开始时间"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="离职时间"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.liZhiShiJian" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("liZhiShiJian") > 0 ? scope.row.liZhiShiJian:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("liZhiShiJian") > 0 ? scope.row.liZhiShiJian:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.liZhiShiJian'" :rules="rules.jieshuriqi">
+                                <el-date-picker
+                                    v-model="scope.row.liZhiShiJian"
+                                    type="date"
+                                    size="mini"
+                                    class=""
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="选择结束时间"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="单位名称"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.danWeiMingChen" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("danWeiMingChen") > 0 ? scope.row.danWeiMingChen:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("danWeiMingChen") > 0 ? scope.row.danWeiMingChen:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.danWeiMingChen'" :rules="rules.school">
+                                <el-input
+                                    v-model="scope.row.danWeiMingChen"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="部门"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.buMen" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("buMen") > 0 ? scope.row.buMen:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("buMen") > 0 ? scope.row.buMen:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.buMen'" :rules="rules.optional">
+                                <el-input
+                                    v-model="scope.row.buMen"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="职位"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.zhiWei" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("zhiWei") > 0 ? scope.row.zhiWei:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("zhiWei") > 0 ? scope.row.zhiWei:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.zhiWei'" :rules="rules.optional">
+                                <el-input
+                                    v-model="scope.row.zhiWei"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="工作内容"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.gongZuoNeiRong" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("gongZuoNeiRong") > 0 ? scope.row.gongZuoNeiRong:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("gongZuoNeiRong") > 0 ? scope.row.gongZuoNeiRong:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.gongZuoNeiRong'" :rules="rules.optional">
+                                <el-input
+                                    v-model="scope.row.gongZuoNeiRong"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <!-- <el-table-column
+                    label="附件"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.fujian'" :rules="rules.attachmentsNum">
+                                <ibps-attachment
+                                    v-model="scope.row.fujian"
+                                    :download="true"
+                                    multiple
+                                    accept="*"
+                                    :readonly="judgeTag()"
+                                    style="width:100%"
+                                    limlt="5"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column> -->
+                <!-- <el-table-column
+                    v-if="!judgeTag()"
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" type="text" size="small">查阅</el-button>
+                        <el-button type="text" size="small">编辑</el-button>
+                    </template>
+                </el-table-column> -->
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </el-form>
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+export default {
+    components: {
+        IbpsAttachment
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        const checkTimeJS = (rule, value, callback) => {
+            // if (value) {
+            setTimeout(() => {
+                const now = this.$common.getDateNow()
+                const nowTime = new Date(now).getTime()
+                const valueTime = new Date(value).getTime()
+                const obj = this.nowData.find(t => t.liZhiShiJian === value)
+                const ksTime = obj && obj.ruZhiShiJian !== null ? new Date(obj.ruZhiShiJian).getTime() : ''
+                console.log(value)
+                if (value !== null && ksTime === '') {
+                    callback(new Error('请先选择开始时间'))
+                } else if (value !== null && nowTime < valueTime) {
+                    callback(new Error('请选择小于当前日期的时间'))
+                } else if (value !== null && ksTime >= valueTime) {
+                    callback(new Error('请选择大于开始日期的时间'))
+                } else {
+                    callback()
+                }
+            }, 100)
+            // } else {
+            //     return callback(new Error('请选择时间'))
+            // }
+        }
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            rules: {
+                bianzhiriqi: [
+                    { validator: option.checkTime, trigger: 'change' }
+                ],
+                jieshuriqi: [
+                    { validator: checkTimeJS, trigger: 'change' }
+                ],
+                school: [
+                    { validator: option.checkLength, trigger: 'blur' }
+                ],
+                optional: [
+                    { validator: option.optional, trigger: 'blur' }
+                ]
+                // attachmentsNum: [
+                //     { validator: option.attachmentsNum, trigger: 'change' }
+                // ]
+            },
+            multipleSelection: [],
+            currentPage: 1,
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                } else if (val === 'save' || val === 'temporaryStorage' || val === 'submit' || val === 'sendBack' || val === 'agree') {
+                    this.submitForm('nowData', this.nowData)
+                }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        judgeTag () {
+            // return this.planeData.length>0&& this.btnShow === true && this.buttonType!==1 ? true : false
+            return !!(this.btnShow === true && this.buttonType !== 1 && this.buttonType !== 4)
+        },
+        submitForm (formName, val) {
+            // console.log('33333333333333333333')
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.$emit('changeBaseData', val, 'gzjl')
+                    // alert('submit!')
+                    this.$emit('changeButtonShow', this.$parent.$parent.$parent.btnShow)
+                } else {
+                    console.log('error submit!!')
+                    this.$emit('tipsShowTab', true)
+                    return false
+                }
+            })
+        },
+        addData () {
+            console.log(this.nowData.length % 10, '1111111111')
+            if (this.nowData.length % 10 === 0) {
+                this.currentPage = (this.nowData.length / 10) + 1
+            }
+            const mid = { ruZhiShiJian: '2024-09-12', liZhiShiJian: '2024-09-13', uuid: this.$common.generateUUID() }
+            this.nowData.push(mid)
+            this.nowDataObj = { nowData: [...this.nowData] }
+        },
+        goRemove () {
+            if (this.multipleSelection.length === 0) {
+                this.$message({
+                    message: '请选择要删除的数据',
+                    type: 'warning'
+                })
+                return
+            }
+            this.nowData = this.nowData.filter(item => !this.multipleSelection.includes(item))
+            this.nowDataObj = { nowData: [...this.nowData] }
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            console.log(`当前页: ${val}`)
+        },
+        getRowKey (row) {
+            if (row.id) {
+                return row.id
+            } else {
+                return row.uuid
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.gzjl20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 5.5%;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+
+}
+</style>

src/views/component/personnelFile/components/jbqkTag.vue

@@ -0,0 +1,425 @@
+<template>
+    <div class="jbqk20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>基本情况</span>
+        </div>
+        <el-form ref="nowData" :model="nowData" :rules="rules" label-width="0" class="contentAll">
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">建档日期</div></div>
+                <div class="colSty" :span="6">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("jianDangRiQi") > 0 ? nowData.jianDangRiQi:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="jianDangRiQi">
+                            <el-date-picker
+                                v-model="nowData.jianDangRiQi"
+                                type="date"
+                                size="mini"
+                                class=""
+                                value-format="yyyy-MM-dd"
+                                placeholder="请选择日期"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple">出生日期</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("chuShengRiQi") > 0 ? nowData.chuShengRiQi:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="chuShengRiQi">
+                            <el-date-picker
+                                v-model="nowData.chuShengRiQi"
+                                type="date"
+                                placeholder="请选择日期"
+                                value-format="yyyy-MM-dd"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+            </div>
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">年龄</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("nianLing") > 0 ? nowData.nianLing:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="nianLing">
+                            <el-input-number v-model.number="nowData.nianLing" controls-position="right" :min="0" :max="150" size="mini" />
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple">最高学历学位</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("zuiGaoXueLiX") > 0 ? nowData.zuiGaoXueLiX:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="zuiGaoXueLiX">
+                            <el-select v-model="nowData.zuiGaoXueLiX" placeholder="请选择">
+                                <el-option label="博士" value="博士" />
+                                <el-option label="硕士" value="硕士" />
+                                <el-option label="本科" value="本科" />
+                                <el-option label="大专" value="大专" />
+                                <el-option label="高中" value="高中" />
+                            </el-select>
+                        </el-form-item>
+                    </div>
+                </div>
+            </div>
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">毕业院校</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("yuanBiYeYuanXi") ? nowData.yuanBiYeYuanXi:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="yuanBiYeYuanXi">
+                            <el-input
+                                v-model="nowData.yuanBiYeYuanXi"
+                                type="text"
+                                placeholder="请输入"
+                            />
+                            <!-- maxlength="200" -->
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple">入职日期</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("ruZhiShiJian") > 0 ? nowData.ruZhiShiJian:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="ruZhiShiJian">
+                            <el-date-picker
+                                v-model="nowData.ruZhiShiJian"
+                                type="date"
+                                placeholder="入职日期"
+                                value-format="yyyy-MM-dd"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+            </div>
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">职称等级</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("zhiChengDengJi") > 0 ? nowData.zhiChengDengJi:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="zhiChengDengJi">
+                            <el-select v-model="nowData.zhiChengDengJi" placeholder="请选择">
+                                <el-option label="初级" value="初级" />
+                                <el-option label="中级" value="中级" />
+                                <el-option label="副高" value="副高" />
+                                <el-option label="高级" value="高级" />
+                            </el-select>
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple">职称</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("zhiCheng") > 0 ? nowData.zhiCheng:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="zhiCheng">
+                            <el-input
+                                v-model="nowData.zhiCheng"
+                                type="text"
+                                placeholder="请输入"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+            </div>
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">身份证号码</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("shenFenZhengHao") > 0 ? nowData.shenFenZhengHao:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="shenFenZhengHao">
+                            <el-input
+                                v-model="nowData.shenFenZhengHao"
+                                type="text"
+                                placeholder="请输入"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple">人员类型</div></div>
+                <div class="colSty">
+                    <div v-if="judgeTag()" class="grid-content bg-purple-light">
+                        <div>{{ nowData.hasOwnProperty("renYuanLeiXing") > 0 ? nowData.renYuanLeiXing:'/' }}</div>
+                    </div>
+                    <div v-else class="grid-content bg-purple-light">
+                        <el-form-item prop="renYuanLeiXing">
+                            <el-select v-model="nowData.renYuanLeiXing" placeholder="请选择">
+                                <el-option label="合同人员" value="合同人员" />
+                                <el-option label="派遣人员" value="派遣人员" />
+                                <el-option label="规培人员" value="规培人员" />
+                                <el-option label="实习人员" value="实习人员" />
+                                <el-option label="进修人员" value="进修人员" />
+                                <el-option label="临时人员" value="临时人员" />
+                                <el-option label="提供支持性服务的外部人员" value="提供支持性服务的外部人员" />
+                            </el-select>
+                        </el-form-item>
+                    </div>
+                </div>
+            </div>
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">保密协议</div></div>
+                <div class="colSty">
+                    <div class="grid-content bg-purple-light">
+                        <el-form-item prop="baoMiXieYi">
+                            <ibps-attachment
+                                v-model="nowData.baoMiXieYi"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="judgeTag()"
+                                style="width:100%"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple">签字图文</div></div>
+                <div class="colSty">
+                    <div class="grid-content bg-purple-light">
+                        <el-form-item prop="qianZiTuWen">
+                            <ibps-attachment
+                                v-model="nowData.qianZiTuWen"
+                                :download="true"
+                                accept="*"
+                                :readonly="judgeTag()"
+                                style="width:100%"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+            </div>
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">劳动合同或社保证明</div></div>
+                <div class="colSty">
+                    <div class="grid-content bg-purple-light">
+                        <el-form-item prop="sheBao">
+                            <ibps-attachment
+                                v-model="nowData.sheBao"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="judgeTag()"
+                                style="width:100%"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple">承诺函</div></div>
+                <div class="colSty">
+                    <div class="grid-content bg-purple-light">
+                        <el-form-item prop="chengNuoHan">
+                            <ibps-attachment
+                                v-model="nowData.chengNuoHan"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="judgeTag()"
+                                style="width:100%"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+            </div>
+            <div class="rowSty">
+                <div class="colSty"><div class="grid-content bg-purple">附件</div></div>
+                <div class="colSty">
+                    <div class="grid-content bg-purple-light">
+                        <el-form-item prop="sheBao">
+                            <ibps-attachment
+                                v-model="nowData.fujIan"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="judgeTag()"
+                                style="width:100%"
+                            />
+                        </el-form-item>
+                    </div>
+                </div>
+                <div class="colSty"><div class="grid-content bg-purple" /></div>
+                <div class="colSty">
+                    <div class="grid-content bg-purple-light" />
+                </div>
+            </div>
+        </el-form>
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+
+export default {
+    components: {
+        IbpsAttachment
+    },
+    props: {
+        planeData: {
+            type: Object,
+            default: function () {
+                return {}
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: {},
+            rules: {
+                jianDangRiQi: [{ validator: option.checkTime, trigger: 'blur' }],
+                chuShengRiQi: [{ validator: option.checkTime, trigger: 'blur' }],
+                nianLing: [{ validator: option.checkNianLing, trigger: 'change' }],
+                yuanBiYeYuanXi: [{ validator: option.checkLength, trigger: 'blur' }],
+                ruZhiShiJian: [{ validator: option.checkTime, trigger: 'blur' }],
+                zhiCheng: [{ validator: option.checkLength, trigger: 'blur' }],
+                qianZiTuWen: [{ validator: option.attachmentsNumOne, trigger: 'change' }],
+                shenFenZhengHao: [{ validator: option.checkLength, trigger: 'blur' }],
+                baoMiXieYi: [{ validator: option.attachmentsNum, trigger: 'change' }],
+                chengNuoHan: [{ validator: option.attachmentsNum, trigger: 'change' }],
+                sheBao: [{ validator: option.attachmentsNum, trigger: 'change' }]
+            }
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                console.log(val, 'vvvvvvvvvvvvvvvvvvvvvvvvv')
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                // console.log(val, 'vvvvvvvvvvvvvvvvvvvvvvvvv')
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                } else if (val === 'save' || val === 'temporaryStorage' || val === 'submit' || val === 'sendBack' || val === 'agree') {
+                    this.submitForm('nowData', this.nowData)
+                }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        judgeTag () {
+            // return this.planeData.length>0&& this.btnShow === true && this.buttonType!==1 ? true : false
+            return !!(this.btnShow === true && this.buttonType !== 1 && this.buttonType !== 4)
+        },
+        submitForm (formName, val) {
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.$emit('changeBaseData', val, 'ryjbqk')
+                    this.$emit('changeButtonShow', this.$parent.$parent.$parent.btnShow)
+                } else {
+                    this.$emit('tipsShowTab', true)
+                    return false
+                }
+            })
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.jbqk20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+
+    .contentAll{
+        height: 100%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .bg-purple {
+            background: #f8f8f8;
+        }
+        .bg-purple-light {
+            border-left: 1px solid #f2f2f2;
+            border-right: 1px solid #f2f2f2;
+            div{
+                width: 100%;
+            }
+            ::v-deep .el-form-item{
+                margin-bottom: 0 !important;
+            }
+        }
+        .bg-purple-last{
+            border-left: 1px solid #f2f2f2;
+            border-right: none;
+        }
+        .grid-content {
+            min-height: 36px;
+            height: 100%;
+            padding: 0 5%;
+            display: flex;
+            align-items: center;
+        }
+        .row-bg {
+            padding: 10px 0;
+            background-color: #f9fafc;
+        }
+        .rowSty{
+            display: flex;
+            border: 1px solid #f2f2f2;
+            border-top: none;
+            &:first-child {
+                margin-top: 10px;
+                border-top: 1px solid #f2f2f2;
+            }
+            &:last-child {
+                margin-bottom: 0;
+            }
+            .colSty{
+                width: 25%;
+            }
+        }
+    }
+
+}
+</style>

src/views/component/personnelFile/components/jxjyxmxshdglbTag.vue

@@ -0,0 +1,315 @@
+<template>
+    <div class="jxjyxmxshdglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>继续教育项目/学术活动</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableJXJY"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="项目编号"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.xiangMuBianHao" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xiangMuBianHao") > 0 ? scope.row.xiangMuBianHao:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("xiangMuBianHao") > 0 ? scope.row.xiangMuBianHao:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="会议名称"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.huiYiMingCheng" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("huiYiMingCheng") > 0 ? scope.row.huiYiMingCheng:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("huiYiMingCheng") > 0 ? scope.row.huiYiMingCheng:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="项目级别"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.xueFenJiBie" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xueFenJiBie") > 0 ? scope.row.xueFenJiBie:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("xueFenJiBie") > 0 ? scope.row.xueFenJiBie:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="学分"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.xueFen" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xueFen") > 0 ? scope.row.xueFen:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("xueFen") > 0 ? scope.row.xueFen:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="举办日期"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.juBanShiJian" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("juBanShiJian") > 0 ? scope.row.juBanShiJian:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("juBanShiJian") > 0 ? scope.row.juBanShiJian:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="会议通知"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.huiYiTongZhiS"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            // console.log(`当前页: ${val}`)
+            this.$refs.reviewTableJXJY.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '项目编号', contant: val.xiangMuBianHao, type: 'text' }, { name: '学分', contant: val.xueFen, type: 'text' }],
+                [{ name: '项目级别', contant: val.xueFenJiBie, type: 'text' }, { name: '举办日期', contant: val.juBanShiJian, type: 'text' }],
+                [{ name: '全部作者', contant: val.quanBuZuoZhe, type: 'text' }, { name: '举办地点', contant: val.juBanDiDian, type: 'text' }],
+                [{ name: '会议名称', contant: val.huiYiMingCheng, type: 'text' }, { name: '合作单位', contant: val.heZuoDanWei, type: 'text' }],
+                [{ name: '会议通知', contant: val.huiYiTongZhiS, type: 'file' }, { name: '活动现场照片', contant: val.huoDXCZPSC, type: 'file' }],
+                [{ name: '备注', contant: val.childBeiZhu, type: 'text' }]
+            ]
+            // console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.jxjyxmxshdglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/jyjlTag.vue

@@ -0,0 +1,447 @@
+<template>
+    <div class="jyjl20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>教育经历</span>
+        </div>
+        <div class="hand-btn" :style="judgeTag()?'height:10px;':'height:5.5%;'">
+            <el-button v-if="!judgeTag()" type="primary" size="mini" icon="el-icon-plus" @click="addData">添加</el-button>
+            <el-button v-if="!judgeTag()" type="danger" size="mini" icon="el-icon-close" @click="goRemove">删除</el-button>
+        </div>
+        <!-- <div class="contentAll"> -->
+        <el-form ref="nowData" :model="nowDataObj" :rules="rules" label-width="0px" class="contentAll">
+            <el-table
+                ref="reviewTable"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                :row-key="getRowKey"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="开始时间"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.kaiShiShiJian" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("kaiShiShiJian") > 0 ? scope.row.kaiShiShiJian:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("kaiShiShiJian") > 0 ? scope.row.kaiShiShiJian:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.kaiShiShiJian'" :rules="rules.kaiShiShiJian">
+                                <el-date-picker
+                                    v-model="scope.row.kaiShiShiJian"
+                                    type="date"
+                                    size="mini"
+                                    class=""
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="选择开始时间"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="结束时间"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.jieShuShiJian" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("jieShuShiJian") > 0 ? scope.row.jieShuShiJian:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("jieShuShiJian") > 0 ? scope.row.jieShuShiJian:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.jieShuShiJian'" :rules="rules.jieShuShiJian">
+                                <el-date-picker
+                                    v-model="scope.row.jieShuShiJian"
+                                    type="date"
+                                    size="mini"
+                                    class=""
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="选择结束时间"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="学校"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.xueXiao" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xueXiao") > 0 ? scope.row.xueXiao:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("xueXiao") > 0 ? scope.row.xueXiao:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.xueXiao'" :rules="rules.school">
+                                <el-input
+                                    v-model="scope.row.xueXiao"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="专业"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.zhuanYe" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("zhuanYe") > 0 ? scope.row.zhuanYe:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("zhuanYe") > 0 ? scope.row.zhuanYe:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.zhuanYe'" :rules="rules.optional">
+                                <el-input
+                                    v-model="scope.row.zhuanYe"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="学历学位"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.xueLiXueWei" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xueLiXueWei") > 0 ? scope.row.xueLiXueWei:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("xueLiXueWei") > 0 ? scope.row.xueLiXueWei:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.xueLiXueWei'" :rules="rules.optional">
+                                <el-input
+                                    v-model="scope.row.xueLiXueWei"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="附件"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.fuJian'" :rules="rules.attachmentsNum">
+                                <ibps-attachment
+                                    v-model="scope.row.fuJian"
+                                    :download="true"
+                                    multiple
+                                    accept="*"
+                                    :readonly="judgeTag()"
+                                    style="width:100%"
+                                    limlt="5"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <!-- <el-table-column
+                    v-if="!judgeTag()"
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" type="text" size="small">查阅</el-button>
+                        <el-button type="text" size="small">编辑</el-button>
+                    </template>
+                </el-table-column> -->
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </el-form>
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+export default {
+    components: {
+        IbpsAttachment
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        const checkTimeJS = (rule, value, callback) => {
+            if (!value) {
+                return callback(new Error('请选择日期'))
+            }
+            setTimeout(() => {
+                const now = this.$common.getDateNow()
+                const nowTime = new Date(now).getTime()
+                const valueTime = new Date(value).getTime()
+                const obj = this.nowData.find(t => t.jieShuShiJian === value)
+                const ksTime = obj && obj.kaiShiShiJian !== null ? new Date(obj.kaiShiShiJian).getTime() : ''
+
+                if (ksTime === '') {
+                    callback(new Error('请先选择开始时间'))
+                } else if (nowTime < valueTime) {
+                    callback(new Error('请选择小于当前日期的时间'))
+                } else if (ksTime >= valueTime) {
+                    callback(new Error('请选择大于开始日期的时间'))
+                } else {
+                    callback()
+                }
+            }, 100)
+        }
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            rules: {
+                kaiShiShiJian: [
+                    { validator: option.checkTime, trigger: 'change' }
+                ],
+                jieShuShiJian: [
+                    { validator: checkTimeJS, trigger: 'change' }
+                ],
+                school: [
+                    { validator: option.checkLength, trigger: 'blur' }
+                ],
+                optional: [
+                    { validator: option.optional, trigger: 'blur' }
+                ],
+                attachmentsNum: [
+                    { validator: option.attachmentsNum, trigger: 'change' }
+                ]
+            },
+            multipleSelection: [],
+            currentPage: 1,
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                } else if (val === 'save' || val === 'temporaryStorage' || val === 'submit' || val === 'sendBack' || val === 'agree') {
+                    this.submitForm('nowData', this.nowData)
+                }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        judgeTag () {
+            // return this.planeData.length>0&& this.btnShow === true && this.buttonType!==1 ? true : false
+            return !!(this.btnShow === true && this.buttonType !== 1 && this.buttonType !== 4)
+        },
+        submitForm (formName, val) {
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.$emit('changeBaseData', val, 'jyjl')
+                    // alert('submit!')
+                    this.$emit('changeButtonShow', this.$parent.$parent.$parent.btnShow)
+                } else {
+                    console.log('error submit!!')
+                    this.$emit('tipsShowTab', true)
+                    return false
+                }
+            })
+        },
+        addData () {
+            console.log(this.nowData.length % 10, '1111111111')
+            if (this.nowData.length % 10 === 0) {
+                this.currentPage = (this.nowData.length / 10) + 1
+            }
+            const mid = { uuid: this.$common.generateUUID() }
+            this.nowData.push(mid)
+            this.nowDataObj = { nowData: [...this.nowData] }
+        },
+        goRemove () {
+            if (this.multipleSelection.length === 0) {
+                this.$message({
+                    message: '请选择要删除的数据',
+                    type: 'warning'
+                })
+                return
+            }
+            this.nowData = this.nowData.filter(item => !this.multipleSelection.includes(item))
+            this.nowDataObj = { nowData: [...this.nowData] }
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            console.log(`当前页: ${val}`)
+        },
+        getRowKey (row) {
+            if (row.id) {
+                return row.id
+            } else {
+                return row.uuid
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.jyjl20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 5.5%;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+
+}
+</style>

src/views/component/personnelFile/components/kjhjcgglbTag.vue

@@ -0,0 +1,285 @@
+<template>
+    <div class="kjhjcgglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>获奖成果</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableHJCG"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="奖励项目名称"
+                    min-width="25%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.jiangLiXiangMu" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("jiangLiXiangMu") > 0 ? scope.row.jiangLiXiangMu:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("jiangLiXiangMu") > 0 ? scope.row.jiangLiXiangMu:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="奖励类型"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.jiangLiLeiXing" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("jiangLiLeiXing") > 0 ? scope.row.jiangLiLeiXing:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("jiangLiLeiXing") > 0 ? scope.row.jiangLiLeiXing:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="获奖日期"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.huoJiangShiJia" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("huoJiangShiJia") > 0 ? scope.row.huoJiangShiJia:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("huoJiangShiJia") > 0 ? scope.row.huoJiangShiJia:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="获奖证书"
+                    min-width="25%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.shangCHJZS"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            console.log(`当前页: ${val}`)
+            this.$refs.reviewTableHJCG.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '奖励项目名称', contant: val.jiangLiXiangMu, type: 'text' }, { name: '奖励类型', contant: val.jiangLiLeiXing, type: 'text' }],
+                [{ name: '获奖编号', contant: val.huoJiangBianHao, type: 'text' }, { name: '获奖日期', contant: val.huoJiangShiJia, type: 'text' }],
+                [{ name: '全部获奖者', contant: val.quanBuHuoJiang, type: 'text' }, { name: '个人排名', contant: val.childGeRenPaiMing, type: 'text' }],
+                [{ name: '单位', contant: val.danWei, type: 'text' }, { name: '单位排名', contant: val.danWeiPaiMing, type: 'text' }],
+                [{ name: '获奖证书', contant: val.shangCHJZS, type: 'file' }, { name: '备注', contant: val.childBeiZhu, type: 'text' }]
+            ]
+            console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.kjhjcgglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/kphdglbTag.vue

@@ -0,0 +1,333 @@
+<template>
+    <div class="kphdglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>科研项目</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableKPHD"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="科普名称"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.kePuMingCheng" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("kePuMingCheng") > 0 ? scope.row.kePuMingCheng:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("kePuMingCheng") > 0 ? scope.row.kePuMingCheng:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="科普编号"
+                    min-width="14%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.kePuBianHao" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("kePuBianHao") > 0 ? scope.row.kePuBianHao:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("kePuBianHao") > 0 ? scope.row.kePuBianHao:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="活动时间"
+                    min-width="14%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.huoDongShiJian" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("huoDongShiJian") > 0 ? scope.row.huoDongShiJian:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("huoDongShiJian") > 0 ? scope.row.huoDongShiJian:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="科普形式"
+                    min-width="14%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.kePuXingShi" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("kePuXingShi") > 0 ? scope.row.kePuXingShi:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("kePuXingShi") > 0 ? scope.row.kePuXingShi:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="备注"
+                    min-width="12%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.beiZhu" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("beiZhu") > 0 ? scope.row.beiZhu:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("beiZhu") > 0 ? scope.row.beiZhu:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="附件"
+                    min-width="21%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.fuJian"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        const checkTimeJS = (rule, value, callback) => {
+            console.log(value)
+
+            if (!value) {
+                return callback(new Error('请选择日期'))
+            }
+            setTimeout(() => {
+                const now = this.$common.getDateNow()
+                const nowTime = new Date(now).getTime()
+                const valueTime = new Date(value).getTime()
+                const obj = this.nowData.find(t => t.jieshuriqi === value)
+                const ksTime = obj.bianzhiriqi !== null ? new Date(obj.bianzhiriqi).getTime() : ''
+
+                if (ksTime === '') {
+                    callback(new Error('请先选择开始时间'))
+                } else if (nowTime < valueTime) {
+                    callback(new Error('请选择小于当前日期的时间'))
+                } else if (ksTime >= valueTime) {
+                    callback(new Error('请选择大于开始日期的时间'))
+                }
+            }, 100)
+        }
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            console.log(this.$refs, `当前页: ${val}`)
+            this.$refs.reviewTableKPHD.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '科普名称', contant: val.kePuMingCheng, type: 'text' }, { name: '活动时间', contant: val.huoDongShiJian, type: 'text' }],
+                [{ name: '科普编号', contant: val.kePuBianHao, type: 'text' }, { name: '科普形式', contant: val.kePuXingShi, type: 'text' }],
+                [{ name: '备注', contant: val.beiZhu, type: 'text' }, { name: '附件', contant: val.fuJian, type: 'file' }]
+            ]
+            // console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.kphdglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/kyxmglbTag.vue

@@ -0,0 +1,314 @@
+<template>
+    <div class="kyzlglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>科研项目</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableKYXM"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="项目编号"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.xiangMuBianHao" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xiangMuBianHao") > 0 ? scope.row.xiangMuBianHao:'/' }}</div>
+                        </el-tooltip>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="项目类型"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.xiangMuBianHao" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xiangMuBianHao") > 0 ? scope.row.xiangMuBianHao:'/' }}</div>
+                        </el-tooltip>
+                        {{ scope.row.hasOwnProperty("xiangMuLeiXing") > 0 ? scope.row.xiangMuLeiXing:'/' }}
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="项目名称"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.xiangMuMingChe" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("xiangMuMingChe") > 0 ? scope.row.xiangMuMingChe:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("xiangMuMingChe") > 0 ? scope.row.xiangMuMingChe:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="开始时间"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.qiZhiShiJian" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("qiZhiShiJian") > 0 ? scope.row.qiZhiShiJian:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("qiZhiShiJian") > 0 ? scope.row.qiZhiShiJian:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="结束时间"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.jieShuShiJian" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("jieShuShiJian") > 0 ? scope.row.jieShuShiJian:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("jieShuShiJian") > 0 ? scope.row.jieShuShiJian:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="项目文档"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.shangCLXWD"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            // console.log(`当前页: ${val}`)
+            this.$refs.reviewTableKYXM.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '项目编号', contant: val.xiangMuBianHao, type: 'text' }, { name: '项目名称', contant: val.xiangMuMingChe, type: 'text' }],
+                [{ name: '全部参与人', contant: val.quanBuCanYuRe, type: 'text' }, { name: '主持/参与', contant: val.childZhuChiCanYu, type: 'text' }],
+                [{ name: '资助单位', contant: val.ziZhiDanWei, type: 'text' }, { name: '开始日期', contant: val.qiZhiShiJian, type: 'text' }],
+                [{ name: '项目类型', contant: val.xiangMuLeiXing, type: 'text' }, { name: '结束日期', contant: val.jieShuShiJian, type: 'text' }],
+                [{ name: '立项经费（万元）', contant: val.liXiangJingFei, type: 'text' }, { name: '项目文档', contant: val.shangCLXWD, type: 'file' }],
+                [{ name: '备注', contant: val.childBeiZhu, type: 'text' }]
+            ]
+            console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.kyzlglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/kyzlglbTag.vue

@@ -0,0 +1,313 @@
+<template>
+    <div class="kyxmglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>专利</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableKYZL"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="专利名称"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.zhuanLiMingChe" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("zhuanLiMingChe") > 0 ? scope.row.zhuanLiMingChe:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("zhuanLiMingChe") > 0 ? scope.row.zhuanLiMingChe:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="专利权人"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.zhuanLiQuanRen" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("zhuanLiQuanRen") > 0 ? scope.row.zhuanLiQuanRen:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("zhuanLiQuanRen") > 0 ? scope.row.zhuanLiQuanRen:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="类别"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.leiBie" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("leiBie") > 0 ? scope.row.leiBie:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("leiBie") > 0 ? scope.row.leiBie:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="申请日期"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.shenQingShiJia" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("shenQingShiJia") > 0 ? scope.row.shenQingShiJia:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("shenQingShiJia") > 0 ? scope.row.shenQingShiJia:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="授权日期"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.shouQuanShiJia" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("shouQuanShiJia") > 0 ? scope.row.shouQuanShiJia:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("shouQuanShiJia") > 0 ? scope.row.shouQuanShiJia:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="附件"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.fuJian"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            // console.log(`当前页: ${val}`)
+            this.$refs.reviewTableKYZL.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '专利编号', contant: val.zhuanLiBianHao, type: 'text' }, { name: '类别', contant: val.leiBie, type: 'text' }],
+                [{ name: '专利名称', contant: val.zhuanLiMingChe, type: 'text' }, { name: '申请日期', contant: val.shenQingShiJia, type: 'text' }],
+                [{ name: '全部申请人', contant: val.quanBuShenQing, type: 'text' }, { name: '授权日期', contant: val.shouQuanShiJia, type: 'text' }],
+                [{ name: '专利权人', contant: val.zhuanLiQuanRen, type: 'text' }, { name: '作者排名', contant: val.childGeRenPaiMing, type: 'text' }],
+                [{ name: '附件', contant: val.fuJian, type: 'file' }, { name: '备注', contant: val.childBeiZhu, type: 'text' }]
+            ]
+            // console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.kyxmglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/kyzzglbTag.vue

@@ -0,0 +1,285 @@
+<template>
+    <div class="kyzzglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>专著</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableKYZZ"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="专著名称"
+                    min-width="25%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.zhuanZhuoMingC" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("zhuanZhuoMingC") > 0 ? scope.row.zhuanZhuoMingC:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("zhuanZhuoMingC") > 0 ? scope.row.zhuanZhuoMingC:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="出版社"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.chuBanShe" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("chuBanShe") > 0 ? scope.row.chuBanShe:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("chuBanShe") > 0 ? scope.row.chuBanShe:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="出版时间"
+                    min-width="20%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.chuBanShiJian" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("chuBanShiJian") > 0 ? scope.row.chuBanShiJian:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("chuBanShiJian") > 0 ? scope.row.chuBanShiJian:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="原文"
+                    min-width="25%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.shangChuanYuan"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            // console.log(`当前页: ${val}`)
+            this.$refs.reviewTableKYZZ.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '专著编号', contant: val.zhuanZhuoBianHao, type: 'text' }, { name: '出版社', contant: val.chuBanShe, type: 'text' }],
+                [{ name: '专著名称', contant: val.zhuanZhuoMingC, type: 'text' }, { name: '出版时间', contant: val.chuBanShiJian, type: 'text' }],
+                [{ name: '全部作者', contant: val.quanBuZuoZhe, type: 'text' }, { name: '编撰字数', contant: val.bianZhuanZiShu, type: 'text' }],
+                [{ name: '主编/编委', contant: val.childZhuBianBianWei, type: 'text' }, { name: '链接', contant: val.lianJie, type: 'text' }],
+                [{ name: '原文', contant: val.shangChuanYuan, type: 'file' }, { name: '备注', contant: val.childBeiZhu, type: 'text' }]
+            ]
+            // console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.kyzzglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/modulesTag.vue

@@ -0,0 +1,381 @@
+<template>
+    <div class="modulesTag20241107">
+        <el-tabs ref="tabref" v-model="activeNameTab" class="tabsAll" @tab-click="handleClick">
+            <div class="bgC" />
+            <el-tab-pane label="基本情况" name="ryjbqk" class="tabPane">
+                <jbqk-tag class="paneAll" :plane-data="judgeBase('ryjbqk','obj')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" @tipsShowTab="tipsShowTab" />
+            </el-tab-pane>
+            <el-tab-pane label="教育经历" name="jyjl" class="tabPane">
+                <jyjl-tag class="paneAll" :plane-data="judgeBase('jyjl')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" @tipsShowTab="tipsShowTab" />
+            </el-tab-pane>
+            <el-tab-pane label="工作经历" name="gzjl" class="tabPane">
+                <gzjl-tag class="paneAll" :plane-data="judgeBase('gzjl')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" @tipsShowTab="tipsShowTab" />
+            </el-tab-pane>
+            <el-tab-pane label="资格职称证书" name="zsb" class="tabPane">
+                <zsb-tag class="paneAll" :plane-data="judgeBase('zsb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" @tipsShowTab="tipsShowTab" />
+            </el-tab-pane>
+            <!-- <el-tab-pane v-if="judgeTag('kyxmglb')" label="科研项目" name="kyxmglb" class="tabPane">
+                <kyxmglb-tag ref="kyxmglb" class="paneAll" :plane-data="judgeData('kyxmglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('kjhjcgglb')" label="获奖成果" name="kjhjcgglb" class="tabPane">
+                <kjhjcgglb-tag ref="kjhjcgglb" class="paneAll" :plane-data="judgeData('kjhjcgglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('SCIwzglb')" label="SCI文章" name="SCIwzglb" class="tabPane">
+                <SCIwzglb-tag ref="SCIwzglb" class="paneAll" :plane-data="judgeData('SCIwzglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('zwlwglb')" label="中文论文" name="zwlwglb" class="tabPane">
+                <zwlwglb-tag ref="zwlwglb" class="paneAll" :plane-data="judgeData('zwlwglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('kyzzglb')" label="专著" name="kyzzglb" class="tabPane">
+                <kyzzglb-tag ref="kyzzglb" class="paneAll" :plane-data="judgeData('kyzzglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('kyzlglb')" label="专利" name="kyzlglb" class="tabPane">
+                <kyzlglb-tag ref="kyzlglb" class="paneAll" :plane-data="judgeData('kyzlglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('jxjyxmxshdglb')" label="继续教育学术活动" name="jxjyxmxshdglb" class="tabPane">
+                <jxjyxmxshdglb-tag ref="jxjyxmxshdglb" class="paneAll" :plane-data="judgeData('jxjyxmxshdglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('kphdglb')" label="科普活动" name="kphdglb" class="tabPane">
+                <kphdglb-tag ref="kphdglb" class="paneAll" :plane-data="judgeData('kphdglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane> -->
+            <el-tab-pane v-if="judgeTag('bmsm')" label="公正性、保密性" name="bmsm" class="tabPane">
+                <bmsm-tag ref="bmsm" class="paneAll" :plane-data="judgeData('bmsm')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('kyxmglb')" v-model="activeNameTabInner" label="科研管理" name="kyxmglb" class="tabPane">
+                <div class="paneAll innerTabs">
+                    <el-tabs v-model="activeNameTabInner" tab-position="left" style="height:100%" @tab-click="handleClick">
+                        <el-tab-pane v-if="judgeTag('kyxmglb')" label="科研项目" name="kyxmglb" class="tabPane shadowNone paddingInner">
+                            <kyxmglb-tag ref="kyxmglb" class="paneAll" :plane-data="judgeData('kyxmglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('kjhjcgglb')" label="获奖成果" name="kjhjcgglb" class="tabPane shadowNone paddingInner">
+                            <kjhjcgglb-tag ref="kjhjcgglb" class="paneAll" :plane-data="judgeData('kjhjcgglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('SCIwzglb')" label="SCI文章" name="SCIwzglb" class="tabPane shadowNone paddingInner">
+                            <SCIwzglb-tag ref="SCIwzglb" class="paneAll" :plane-data="judgeData('SCIwzglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('zwlwglb')" label="中文论文" name="zwlwglb" class="tabPane shadowNone paddingInner">
+                            <zwlwglb-tag ref="zwlwglb" class="paneAll" :plane-data="judgeData('zwlwglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('kyzzglb')" label="专著" name="kyzzglb" class="tabPane shadowNone paddingInner">
+                            <kyzzglb-tag ref="kyzzglb" class="paneAll" :plane-data="judgeData('kyzzglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('kyzlglb')" label="专利" name="kyzlglb" class="tabPane shadowNone paddingInner">
+                            <kyzlglb-tag ref="kyzlglb" class="paneAll" :plane-data="judgeData('kyzlglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('jxjyxmxshdglb')" label="继续教育学术活动" name="jxjyxmxshdglb" class="tabPane shadowNone paddingInner">
+                            <jxjyxmxshdglb-tag ref="jxjyxmxshdglb" class="paneAll" :plane-data="judgeData('jxjyxmxshdglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('kphdglb')" label="科普活动" name="kphdglb" class="tabPane shadowNone paddingInner">
+                            <kphdglb-tag ref="kphdglb" class="paneAll" :plane-data="judgeData('kphdglb')" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                    </el-tabs>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTagStair(['jyrykhjlb','lhrynlqr'])" label="人员考核与授权" name="rykhysq" class="tabPane">
+                <div class="paneAll innerTabs">
+                    <el-tabs v-model="activeNameTabInnerRY" tab-position="left" style="height:100%" @tab-click="handleClickRY">
+                        <el-tab-pane v-if="judgeTag('jyrykhjlb')" label="考核记录" name="jyrykhjlb" class="tabPane shadowNone paddingInner">
+                            <public-list ref="jyrykhjlb" class="paneAll" :plane-data="judgeDataAll('jyrykhjlb')" :tab-name="'jyrykhjlb'" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('lhrynlqr')" label="人员岗位授权" name="lhrynlqr" class="tabPane shadowNone paddingInner">
+                            <public-list ref="lhrynlqr" class="paneAll" :plane-data="judgeDataAll('lhrynlqr')" :tab-name="'lhrynlqr'" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                    </el-tabs>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTagStair(['lhrypxjlb','lhpxsqb'])" label="培训" name="pxgl" class="tabPane">
+                <div class="paneAll innerTabs">
+                    <el-tabs v-model="activeNameTabPXInnerRY" tab-position="left" style="height:100%" @tab-click="handleClickRY">
+                        <el-tab-pane v-if="judgeTag('lhrypxjlb')" label="内部培训" name="lhrypxjlb" class="tabPane shadowNone paddingInner">
+                            <public-list ref="lhrypxjlb" class="paneAll" :plane-data="judgeDataAll('lhrypxjlb')" :tab-name="'lhrypxjlb'" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                        <el-tab-pane v-if="judgeTag('lhpxsqb')" label="外部培训" name="lhpxsqb" class="tabPane shadowNone paddingInner">
+                            <public-list ref="lhpxsqb" class="paneAll" :plane-data="judgeDataAll('lhpxsqb')" :tab-name="'lhpxsqb'" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+                        </el-tab-pane>
+                    </el-tabs>
+                </div>
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('kaoshijilu')" label="考试记录" name="kaoshijilu" class="tabPane">
+                <public-list ref="kaoshijilu" class="paneAll" :plane-data="judgeDataAll('kaoshijilu')" :tab-name="'kaoshijilu'" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+            <el-tab-pane v-if="judgeTag('tjbgb')" label="体检报告" name="tjbgb" class="tabPane">
+                <public-list ref="tjbgb" class="paneAll" :plane-data="judgeDataAll('tjbgb')" :tab-name="'tjbgb'" :button-type="buttonType" :btn-show="btnShow" :btn-type="btnType" @changeButtonShow="changeButtonShow" @changeBaseData="changeBaseData" />
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+<script>
+import jbqkTag from './jbqkTag.vue'
+import jyjlTag from './jyjlTag.vue'
+import gzjlTag from './gzjlTag.vue'
+import zsbTag from './zsbTag.vue'
+import kyxmglbTag from './kyxmglbTag.vue'
+import kjhjcgglbTag from './kjhjcgglbTag.vue'
+import SCIwzglbTag from './SCIwzglbTag.vue'
+import zwlwglbTag from './zwlwglbTag.vue'
+import kyzzglbTag from './kyzzglbTag.vue'
+import kyzlglbTag from './kyzlglbTag.vue'
+import jxjyxmxshdglbTag from './jxjyxmxshdglbTag.vue'
+import kphdglbTag from './kphdglbTag.vue'
+import bmsmTag from './bmsmTag.vue'
+import publicList from './publicList.vue'
+import { correlationSql, correlationConfig } from '../constants/simulated'
+
+export default {
+    components: {
+        jbqkTag,
+        jyjlTag,
+        gzjlTag,
+        zsbTag,
+        kyxmglbTag,
+        kjhjcgglbTag,
+        SCIwzglbTag,
+        zwlwglbTag,
+        kyzzglbTag,
+        kyzlglbTag,
+        jxjyxmxshdglbTag,
+        kphdglbTag,
+        bmsmTag,
+        publicList
+    },
+    props: {
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        tagData: {
+            type: Object,
+            default: function () {
+                return {}
+            }
+        },
+        baseData: {
+            type: Object,
+            default: function () {
+                return {}
+            }
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        },
+        activeName: {
+            type: String,
+            default: 'ryjbqk'
+        },
+        personID: {
+            type: String,
+            default: ''
+        },
+        type: {
+            type: String,
+            default: 'dialog'
+        }
+    },
+    data () {
+        const { userId, userList = [], deptList = [], menus, userInfo } = this.$store.getters
+        return {
+            userId,
+            activeNameTab: this.activeName,
+            activeNameTabInner: 'kyxmglb',
+            activeNameTabInnerRY: 'jyrykhjlb',
+            activeNameTabPXInnerRY: 'lhrypxjlb',
+            jurisdictionKYGL: {
+                kyxmglb: 'reviewTableKYXM',
+                kjhjcgglb: 'reviewTableHJCG',
+                SCIwzglb: 'reviewTableSCI',
+                zwlwglb: 'reviewTableZWLW',
+                kyzzglb: 'reviewTableKYZZ',
+                kyzlglb: 'reviewTableKYZL',
+                jxjyxmxshdglb: 'reviewTableJXJY',
+                kphdglb: 'reviewTableKPHD',
+                bmsm: 'reviewTableBMSM'
+            }
+        }
+    },
+    watch: {
+        tagData: {
+            handler: function (val, oldVal) {
+                if (Object.keys(val).length > 0) {
+                    this.$forceUpdate()
+                }
+            },
+            deep: true,
+            immediate: true
+        },
+        baseData: {
+            handler: function (val, oldVal) {
+                if (Object.keys(val).length > 0) {
+                    this.$forceUpdate()
+                }
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    methods: {
+        handleClick (val) {
+            if (this.jurisdictionKYGL.hasOwnProperty(val.name)) {
+                this.$emit('changeTabs', val.name)
+            }
+            for (const key in this.jurisdictionKYGL) {
+                if (typeof this.$refs[key] !== 'undefined' && typeof this.$refs[key].$refs[this.jurisdictionKYGL[key]] !== 'undefined') {
+                    setTimeout(() => {
+                        this.$refs[key].$refs[this.jurisdictionKYGL[key]].doLayout()
+                    }, 200)
+                }
+            }
+            switch (val.name) {
+                case 'rykhysq':
+                    this.handleClickRY({ name: 'jyrykhjlb' })
+                    break
+                case 'pxgl':
+                    this.handleClickRY({ name: 'lhrypxjlb' })
+                    break
+                case 'kaoshijilu':
+                    this.handleClickRY({ name: 'kaoshijilu' })
+                    break
+                case 'tjbgb':
+                    this.handleClickRY({ name: 'tjbgb' })
+                    break
+                default:
+                    break
+            }
+        },
+        handleClickRY (val) {
+            const arr = ['jyrykhjlb', 'lhrynlqr', 'lhrypxjlb', 'lhpxsqb', 'kaoshijilu', 'tjbgb']
+            arr.forEach(item => {
+                if (typeof this.$refs[item] !== 'undefined' && typeof this.$refs[item].$refs['reviewTable' + item] !== 'undefined') {
+                    setTimeout(() => {
+                        this.$refs[item].$refs['reviewTable' + item].doLayout()
+                    }, 200)
+                }
+            })
+            this.$common.request('sql', correlationSql(val.name, this.type === 'dialog' ? this.personID : this.userId)).then((result) => {
+                this.$set(this.tagData[val.name], 'data', result.variables.data || [])
+                this.$set(this.tagData[val.name], 'config', correlationConfig[val.name])
+            }).catch((err) => {
+                console.error(err)
+            })
+        },
+        judgeTag (val) {
+            return !!(Object.keys(this.tagData).length > 0 && this.tagData.hasOwnProperty(val) && this.tagData[val].display === 'Y' && this.btnShow === true && this.buttonType !== 1 && this.buttonType !== 3 && this.buttonType !== 4)
+        },
+        judgeTagStair (val) {
+            let disTF = false
+            val.forEach(element => {
+                if (this.tagData.hasOwnProperty(element) && this.tagData[element].display === 'Y') {
+                    disTF = true
+                }
+            })
+            return !!(Object.keys(this.tagData).length > 0 && disTF && this.btnShow === true && this.buttonType !== 1 && this.buttonType !== 3 && this.buttonType !== 4)
+        },
+        judgeData (val) {
+            return Object.keys(this.tagData).length > 0 ? this.tagData[val].data : []
+        },
+        judgeDataAll (val) {
+            return Object.keys(this.tagData).length > 0 ? this.tagData[val] : {}
+        },
+        judgeBase (val, type = 'arr') {
+            return Object.keys(this.baseData).length > 0 ? this.baseData[val].data : type === 'obj' ? {} : []
+        },
+        changeBaseData (val, name) {
+            this.$emit('getChangeBaseData', val, name)
+        },
+        changeButtonShow (val, name) {
+            this.$emit('changeBtnShow', val)
+        },
+        tipsShowTab (val, name) {
+            this.$emit('tipsShow', val)
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.modulesTag20241107{
+    // background-color: #fff;
+    width: calc(100% - 40px);
+    height: 77%;
+    padding: 0 0 1%;
+    ::v-deep .el-tabs__nav-wrap::after{
+        height: 0;
+    }
+    ::v-deep .el-tabs__content{
+        height: 92%;
+        background-color: #fff;
+        overflow: inherit;
+    }
+    ::v-deep .el-tabs__header.is-top{
+        // background-color: #fff;
+        width: calc(100% - 40px);
+        // height: 5%;
+        padding: 0 20px 15px;
+        background-color: #fff;
+        // padding-bottom: 1%;
+
+        box-shadow:
+            0px 6px 8px -6px rgba(255,0255,255,1),
+            -6px 6px 8px -6px rgba(0,0,0,.1),
+            6px 6px 8px -6px rgba(0,0,0,.1);
+        border-radius: 0 0 4px 4px;
+    }
+    ::v-deep .el-tabs__item.is-active{
+        color: #49bdb2;
+    }
+    ::v-deep .el-tabs__item:hover{
+        color: #49bdb2;
+    }
+    ::v-deep .el-tabs__active-bar{
+        background-color: #49bdb2;
+    }
+    // ::v-deep .el-tabs__active-bar.is-top{
+    //     color: #49bdb2;
+    // }
+    .bgC{
+        background-color: #f9ffff;
+        width: 100%;
+        height: 2%;
+    }
+    .innerTabs{
+        ::v-deep .el-tabs__active-bar{
+            background-color: #fff;
+        }
+        ::v-deep .el-tabs--left .el-tabs__item.is-left{
+            // text-align: left;
+        }
+        ::v-deep .el-tabs__item{
+            padding: 0 20px 0 0 !important;
+        }
+    }
+    .tabsAll{
+        height: 100%;
+        .tabPane{
+            width: calc(100% - 40px);
+            height: calc(100% - 30px);
+            padding: 20px 20px 0;
+            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
+            border-radius: 4px;
+            // overflow: hidden;
+            display: flex;
+            .paneAll{
+                width: 100%;
+                height: 100%;
+                display: table;
+            }
+        }
+        .shadowNone{
+            box-shadow: none;
+        }
+        .paddingInner{
+            padding: 12px 0 0 0;
+            height: 100%;
+            width: 100%;
+        }
+    }
+
+}
+</style>

src/views/component/personnelFile/components/personnelInfo.vue

@@ -0,0 +1,348 @@
+<!--
+ * @Author: cyy szjbdcyy@126.com
+ * @Date: 2024-11-07 16:00:14
+ * @LastEditors: cyy szjbdcyy@126.com
+ * @LastEditTime: 2025-02-13 14:32:36
+ * @FilePath: \zdqy_firm_former\src\views\component\personnelFile\components\personnelInfo.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+    <div class="personnelInfo20241107">
+        <div class="allInfo">
+            <div class="photoSty">
+                <el-avatar :src="getPhoto(personInfoData.photo)" fit="fit" @error="errorHandler">
+                    <img src="../../../../../public/images/common/default_user_image.jpg">
+                </el-avatar>
+            </div>
+            <div class="contentSty">
+                <div class="contentHeader">
+                    <div class="contentHeaderLeft">
+                        <p>姓名：</p>
+                        <el-input v-if="buttonType===1" v-model="submitperInfoData.name" class="leftFont" size="mini" />
+                        <span v-else>{{ submitperInfoData.name }}</span>
+                    </div>
+                    <div>
+                        <el-button v-if="$parent.$attrs&&$parent.$attrs.params&&$parent.$attrs.params.instanceId" type="primary" icon="el-icon-picture" @click="changeButton('approvalHistory')">审批历史</el-button>
+                        <el-button v-if="(buttonType===0&&buttonShow===false)||buttonType===3||buttonType===4 || ($parent.$attrs&&$parent.$attrs.params&&$parent.$attrs.params.instanceId)" type="primary" icon="el-icon-picture" @click="changeButton('flowChart')">流程图</el-button>
+                        <!-- <el-button type="primary" icon="el-icon-picture" @click="changeButton('flowChart')">流程图</el-button> -->
+                        <!-- <el-button v-if="buttonType===0&&buttonShow===false" type="primary" icon="ibps-icon-save" @click="changeButton('temporaryStorage')">暂存</el-button> -->
+                        <el-button v-if="buttonType===0&&buttonShow===false" type="primary" icon="el-icon-s-promotion" @click="changeButton('submit')">提交</el-button>
+                        <el-button v-if="buttonType===1" type="primary" icon="ibps-icon-save" @click="changeButton('save')">保存</el-button>
+                        <el-button v-if="buttonType===3||buttonType===4" type="primary" icon="ibps-icon-check-square-o" @click="changeButton('agree')">{{ buttonType===4?'提交':'同意' }}</el-button>
+                        <el-button v-if="buttonType===3" type="primary" icon="ibps-icon-check-square-o" @click="changeButton('sendBack')">退回</el-button>
+                        <el-button v-if="buttonType===0&&buttonShow===true" type="primary" icon="el-icon-edit-outline" @click="changeButtonShow(false,'edit')">编辑</el-button>
+                        <el-button v-if="buttonType===0&&buttonShow===false" type="warning" icon="el-icon-switch-button" @click="changeButtonShow(true,'exitEdit')">退出编辑</el-button>
+                        <el-button v-if="type==='dialog'||buttonType===3||buttonType===4 || ($parent.$attrs&&$parent.$attrs.params&&$parent.$attrs.params.instanceId)" type="danger" icon="el-icon-close" autofocus @click="showSubmit()">关闭</el-button>
+                    </div>
+                </div>
+                <div class="contentFooter">
+                    <el-row :gutter="20">
+                        <el-col :span="8" class="contentFooterC">
+                            <p>工号：</p>
+                            <el-input v-if="buttonType===1" v-model="submitperInfoData.jianDingZiGeZ" class="leftFont" size="mini" />
+                            <span v-else>{{ submitperInfoData.jianDingZiGeZ }}</span>
+                        </el-col>
+                        <el-col :span="8" class="contentFooterC">
+                            <p>性别：</p>
+                            <!-- <el-input class="leftFont" v-if="buttonType===1" v-model="submitperInfoData.gender" size="mini" /> -->
+                            <el-radio-group v-if="buttonType===1" v-model="submitperInfoData.gender" class="leftFont">
+                                <el-radio label="male">男</el-radio>
+                                <el-radio label="female">女</el-radio>
+                            </el-radio-group>
+                            <span v-else>{{ submitperInfoData.gender==='female'?'女':'男' }}</span>
+                        </el-col>
+                        <el-col :span="8" class="contentFooterC">
+                            <p>状态：</p>
+                            <el-tag type="success" size="mini">{{ submitperInfoData.status==='actived'?'已激活':'' }}</el-tag>
+                        </el-col>
+                    </el-row>
+                    <el-row :gutter="20">
+                        <el-col :span="8" class="contentFooterC">
+                            <p>电话：</p>
+                            <el-input v-if="buttonType===1" v-model="submitperInfoData.mobile" class="leftFont" size="mini" />
+                            <span v-else>{{ submitperInfoData.mobile }}</span>
+                        </el-col>
+                        <el-col :span="8" class="contentFooterC">
+                            <p>邮箱：</p>
+                            <el-input v-if="buttonType===1" v-model="submitperInfoData.email" class="leftFont" size="mini" />
+                            <span v-else>{{ submitperInfoData.email }}</span>
+                        </el-col>
+                        <el-col :span="8" class="contentFooterC">
+                            <p>岗位：</p>
+
+                            <div v-if="typeof userList.find(t => t.userId === submitperInfoData.id) != 'undefined'" ref="posBox" class="posSty">
+                                <el-tag v-for="(item,i) in userList.find(t => t.userId === submitperInfoData.id).roleName.split(',')" :key="i" class="interspaceTag" size="mini">{{ item }}</el-tag>
+                            </div>
+                            <el-tooltip v-if="moreShow&&typeof userList.find(t => t.userId === submitperInfoData.id) != 'undefined'" class="item" effect="dark" :content="getContent(userList.find(t => t.userId === submitperInfoData.id).roleName.split(','))" placement="bottom-end">
+                                <el-button id="resetFormButton" type="primary" icon="el-icon-more" size="mini" circle plain @click="clickHandler" />
+                            </el-tooltip>
+                        </el-col>
+                    </el-row>
+                </div>
+            </div>
+        </div>
+        <!-- 1315609540510613504 -->
+        <flow-diagram-dialog
+            :visible="flowDiagramVisible"
+            :def-id="$parent.$attrs&&$parent.$attrs.params&&($parent.$attrs.params.instanceId||$parent.$attrs.params.taskId)?'':'1315609540510613504'"
+            :task-id="$parent.$attrs.hasOwnProperty('params')&&$parent.$attrs.params.hasOwnProperty('taskId') ? $parent.$attrs.params.taskId : ''"
+            :inst-id="$parent.$attrs.hasOwnProperty('params')&&$parent.$attrs.params.hasOwnProperty('instanceId') ? $parent.$attrs.params.instanceId : ''"
+            @close="visible => (flowDiagramVisible = visible)"
+        />
+        <approval-history-dialog
+            :visible="approvalHistoryVisible"
+            :inst-id="$parent.$attrs.hasOwnProperty('params')&&$parent.$attrs.params.hasOwnProperty('instanceId') ? $parent.$attrs.params.instanceId : ''"
+            @close="visible => approvalHistoryVisible= visible"
+        />
+        <!-- <approval-history
+            ref="approvalHistory"
+            :biz-key="bizKey"
+            :task-id="$parent.$attrs.hasOwnProperty('params')&&$parent.$attrs.params.hasOwnProperty('taskId') ? $parent.$attrs.params.taskId : ''"
+            :inst-id="$parent.$attrs.hasOwnProperty('params')&&$parent.$attrs.params.hasOwnProperty('instanceId') ? $parent.$attrs.params.instanceId : ''"
+            @error="()=>showApprovalHistory=false"
+        /> -->
+    </div>
+</template>
+<script>
+import { getFile } from '@/utils/avatar'
+import FlowDiagramDialog from '@/business/platform/bpmn/components/flow-diagram/dialog'
+import ApprovalHistoryDialog from '@/business/platform/bpmn/components/approval-history/dialog'
+
+// import ApprovalHistory from '@/business/platform/bpmn/components/approval-history'
+export default {
+    components: {
+        FlowDiagramDialog,
+        ApprovalHistoryDialog
+    },
+    props: {
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        type: {
+            type: String,
+            default: ''
+        },
+        personInfoData: {
+            type: Object,
+            default: function () {
+                return {}
+            }
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        const { userId, userList = [], userInfo } = this.$store.getters
+        return {
+            userList,
+            submitperInfoData: {},
+            buttonShow: true,
+            flowDiagramVisible: false,
+            approvalHistoryVisible: false,
+            moreShow: false
+        }
+    },
+    watch: {
+        personInfoData: {
+            handler: function (val, oldVal) {
+                if (Object.keys(val).length > 0) {
+                    // eslint-disable-next-line no-undef
+                    this.submitperInfoData = structuredClone(val)
+                    console.log(this.submitperInfoData, '222')
+                    console.log(this.userList, '333')
+                }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnShow: {
+            handler: function (val, oldVal) {
+                this.buttonShow = val
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    mounted () {
+        setTimeout(() => {
+            this.handleResize()
+        }, 1000)
+        // window.addEventListener('resize', this.handleResize)
+    },
+    beforeDestroy () {
+        // window.removeEventListener('resize', this.handleResize)
+    },
+    methods: {
+        getPhoto (photo) {
+            return getFile(photo)
+        },
+        showSubmit () {
+            this.$emit('showTF', false)
+            // window.removeEventListener('resize', this.handleResize)
+        },
+        changeButtonShow (val, name) {
+            if (this.$parent.userId !== '') {
+                const sql = `select count(*) as count from ibps_bpm_inst where PROC_DEF_KEY_ = 'Process_08xwabfNEW' and create_by_ = '${this.$parent.userId}'`
+                this.$common.request('sql', sql).then(res => {
+                    const datas = res.variables.data
+                    if (datas[0].count > 0) {
+                        this.$alert(`你已经填写修改个人信息申请，但是还没有审核完毕，不能重复提交申请！`, '提示', {
+                            confirmButtonText: '确定',
+                            callback: action => {}
+                        })
+                    } else {
+                        this.buttonShow = val
+                        const obj = this.$parent.$children.find(t => t.$refs.hasOwnProperty('tabref'))
+                        if (typeof obj !== 'undefined') {
+                            obj.activeName = 'ryjbqk'
+                            obj.activeNameTab = 'ryjbqk'
+                        }
+                        this.$emit('changeBtnShow', val)
+                        this.changeButton(name)
+                    }
+                })
+            } else {
+                this.buttonShow = val
+                const obj = this.$parent.$children.find(t => t.$refs.hasOwnProperty('tabref'))
+                if (typeof obj !== 'undefined') {
+                    obj.activeName = 'ryjbqk'
+                }
+                this.$emit('changeBtnShow', val)
+                this.changeButton(name)
+            }
+        },
+        changeButton (val) {
+            this.$emit('changeBtn', val, this.submitperInfoData)
+            setTimeout(() => {
+                this.$emit('changeBtn', '', {})
+            }, 1000)
+
+            switch (val) {
+                case 'flowChart':
+                    this.flowDiagramVisible = true
+                    break
+                case 'approvalHistory':
+                    this.approvalHistoryVisible = true
+                    break
+
+                default:
+                    break
+            }
+        },
+        errorHandler () {
+            return true
+        },
+        clickHandler () {
+            document.getElementById('resetFormButton').blur()
+        },
+        getContent (val) {
+            return val.join('，')
+        },
+        handleResize () {
+            const height = this.$refs.posBox ? this.$refs.posBox.scrollHeight : 0
+            if (height > 30) {
+                this.moreShow = true
+            } else {
+                this.moreShow = false
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.personnelInfo20241107{
+    width: calc(100% - 40px);
+    height: 20%;
+    background-color: #fff;
+    .allInfo{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: calc(100% - 40px);
+        height: 100%;
+        margin: 0 20px;
+        color: #2f2f36;
+        .photoSty{
+            height: 100%;
+            display: flex;
+            align-items: center;
+            span{
+                height: 14vh;
+                width: 14vh;
+                border-radius: 100%;
+            }
+        }
+        .contentSty{
+            height: 100%;
+            width: 100%;
+            display: flex;
+            // align-items: center;
+            flex-direction: column;
+            justify-content: center;
+            .contentHeader{
+                width: 100%;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .contentHeaderLeft{
+                    width: 31.74%;
+                    display: flex;
+                    align-items: center;
+                    p{
+                        width: 20%;
+                        text-align: right;
+                        font-size: 16px;
+                        font-weight: 700;
+                    }
+                    .leftFont{
+                        width: 80%;
+                        font-size: 16px;
+                        font-weight: 700;
+                    }
+                    span{
+                        font-size: 16px;
+                        font-weight: 700;
+                    }
+                }
+            }
+            .contentFooter{
+                width: 100%;
+                .contentFooterC{
+                    display: flex;
+                    align-items: baseline;
+                    p{
+                        width: 20%;
+                        text-align: right;
+                        font-size: 14px;
+                    }
+                    .leftFont{
+                        width: 80%;
+                        font-size: 14px;
+                    }
+                    span{
+                        font-size: 14px;
+                    }
+                    .interspaceTag{
+                        margin: 0 2px 10px 2px;
+                    }
+                    .posSty{
+                        width: 80%;
+                        height:24px;
+                        overflow: hidden;
+                    }
+                    .el-button--mini.is-circle{
+                        padding: 2px;
+                    }
+                }
+            }
+        }
+    }
+}
+</style>

src/views/component/personnelFile/components/publicList.vue

@@ -0,0 +1,372 @@
+<template>
+    <div class="publicList20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>{{ planeData.title }}</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                v-if="planeData.hasOwnProperty('config')"
+                :ref="'reviewTable'+tabName"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    v-for="(item,i) in planeData.config.config"
+                    :key="tabName+i"
+                    :label="item.label"
+                    :min-width="item.width"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip v-if="item.type==='text'" class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.hasOwnProperty(item.field) > 0 ? scope.row[item.field]:'/'" />
+                            </div>
+                            <p class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty(item.field) > 0 ? scope.row[item.field]:'/' }}</p>
+                        </el-tooltip>
+                        <div v-else-if="item.type==='user'||item.type==='position'" class="grid-content bg-purple-light">
+                            <ibps-user-selector
+                                v-model="scope.row[item.field]"
+                                :type="item.type"
+                                readonly-text="text"
+                                :disabled="true"
+                                :multiple="false"
+                                size="mini"
+                                style="width:100%"
+                                :filter="filter"
+                                filtrate
+                            />
+                        </div>
+                        <div v-else-if="item.type==='file'" class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row[item.field]"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                        <div v-else-if="item.type==='dialog'" class="grid-content bg-purple-light">
+                            <ibps-custom-dialog
+                                v-model="scope.row[item.field]"
+                                size="mini"
+                                :template-key="item.dialogKey"
+                                multiple
+                                :disabled="true"
+                                type="dialog"
+                                class="custom-dialog"
+                                placeholder="请选择"
+                                icon="el-icon-search"
+                                style="width:100%"
+                            />
+                        </div>
+                        <el-tooltip v-else-if="item.type==='enumeration'" class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.hasOwnProperty(item.field) > 0 ? enumeratedArray[item.assemble][scope.row[item.field]]:'/'" />
+                            </div>
+                            <p class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty(item.field) > 0 ? enumeratedArray[item.assemble][scope.row[item.field]]:'/' }}</p>
+                        </el-tooltip>
+                        <div v-else-if="item.type==='secondaryTreatment'" class="grid-content bg-purple-light">
+                            <div v-html="treatment(item.field, scope.row)" />
+                        </div>
+                        <div v-else>/</div>
+
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+import ibpsUserSelector from '@/business/platform/org/selector'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail,
+        ibpsUserSelector,
+        IbpsCustomDialog: () => import('@/business/platform/data/templaterender/custom-dialog')
+
+    },
+    props: {
+        planeData: {
+            type: Object,
+            default: function () {
+                return {}
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        },
+        tabName: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            filter: [{
+                descVal: '1',
+                includeSub: true,
+                old: 'position',
+                partyId: this.$store.getters.userInfo.employee.positions,
+                partyName: '',
+                scriptContent: '',
+                type: 'user',
+                userType: 'position'
+            }],
+            isShowTooltip: true,
+            enumeratedArray: {
+                numberBoolean: {
+                    '0': '否',
+                    '1': '是'
+                }
+            }
+
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val.data || [])
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData.data || [])
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    created () {
+        setTimeout(() => {
+            console.log(this.planeData, 'ttttttt')
+        }, 2000)
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            // console.log(`当前页: ${val}`)
+            this.$refs.reviewTableZWLW.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = this.planeData.config.dialog
+            this.dialogData.forEach((item, i) => {
+                if (item.length > 1) {
+                    item.forEach(it => {
+                        it.contant = val[it.field]
+                        it.allData = val
+                    })
+                } else {
+                    item[0].contant = val[item[0].field]
+                    item[0].allData = val
+                }
+            })
+            console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        },
+        treatment (val, data) {
+            switch (val) {
+                case 'panduandefen':
+                    return data.hasOwnProperty('scoringType')
+                        ? data['scoringType'] === '平均分'
+                            ? (data['averageScore'] * 1).toFixed(2)
+                            : data['scoringType'] === '最高分'
+                                ? (data['maxScore'] * 1).toFixed(2)
+                                : data['scoringType'] === '最近得分'
+                                    ? (data['recentScore'] * 1).toFixed(2)
+                                    : ''
+                        : ''
+                case 'panduanexamDesc':
+                    if (data['paperState'] === '已完成') {
+                        // 计算是否达标
+                        const passScore =
+                    (+data['totalScore'] * +data['qualifiedRadio']) / 100
+                        let curScore = null
+                        if (data['scoringType'] === '平均分') {
+                            curScore = +data['averageScore']
+                        }
+                        if (data['scoringType'] === '最高分') {
+                            curScore = +data['maxScore']
+                        }
+                        if (data['scoringType'] === '最近得分') {
+                            curScore = +data['recentScore']
+                        }
+                        if (curScore >= passScore) {
+                            return `<div style="color:#67c23a;">已达标</div>`
+                        }
+                        return `<div style="color:#f43636;">未达标</div>`
+                    } else {
+                        // 未完成分两种：未开始和待批阅
+                        if (data['submittedCount'] > 0) {
+                            return `<div style="color:#ffa500;">待批阅</div>`
+                        }
+                        return '/'
+                    }
+                default:
+                    break
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.publicList20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        width: 99.5%;
+        overflow-y: hidden;
+        overflow-x: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: hidden;
+            overflow-x: auto;
+
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            // ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+            //     display: none; /* for Chrome, Safari, and Opera */
+            // }
+
+            // ::v-deep .el-table__body-wrapper {
+            //     -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+            //     scrollbar-width: none;  /* for Firefox */
+            // }
+            // ::v-deep .el-table__fixed-right-patch{
+            //     width: 0 !important;
+            // }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/components/zsbTag.vue

@@ -0,0 +1,444 @@
+<template>
+    <div class="zsb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>资格职称证书</span>
+        </div>
+        <div class="hand-btn" :style="judgeTag()?'height:10px;':'height:5.5%;'">
+            <el-button v-if="!judgeTag()" type="primary" size="mini" icon="el-icon-plus" @click="addData">添加</el-button>
+            <el-button v-if="!judgeTag()" type="danger" size="mini" icon="el-icon-close" @click="goRemove">删除</el-button>
+        </div>
+        <!-- <div class="contentAll"> -->
+        <el-form ref="nowData" :model="nowDataObj" :rules="rules" label-width="0px" class="contentAll">
+            <el-table
+                ref="reviewTable"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                :row-key="getRowKey"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="证书名称"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.zhengShuMingC" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("zhengShuMingC") > 0 ? scope.row.zhengShuMingC:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("zhengShuMingC") > 0 ? scope.row.zhengShuMingC:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.zhengShuMingC'" :rules="rules.school">
+                                <el-input
+                                    v-model="scope.row.zhengShuMingC"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="证件号"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.zhengJianHao" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("zhengJianHao") > 0 ? scope.row.zhengJianHao:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("zhengJianHao") > 0 ? scope.row.zhengJianHao:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.zhengJianHao'" :rules="rules.school">
+                                <el-input
+                                    v-model="scope.row.zhengJianHao"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="发证单位"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.faZhengDanWei" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("faZhengDanWei") > 0 ? scope.row.faZhengDanWei:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("faZhengDanWei") > 0 ? scope.row.faZhengDanWei:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.faZhengDanWei'" :rules="rules.optional">
+                                <el-input
+                                    v-model="scope.row.faZhengDanWei"
+                                    type="text"
+                                    placeholder="请输入"
+                                    show-word-limit
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="发证日期"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.faZhengShiJian" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("faZhengShiJian") > 0 ? scope.row.faZhengShiJian:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("faZhengShiJian") > 0 ? scope.row.faZhengShiJian:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.faZhengShiJian'" :rules="rules.bianzhiriqi">
+                                <el-date-picker
+                                    v-model="scope.row.faZhengShiJian"
+                                    type="date"
+                                    size="mini"
+                                    class=""
+                                    value-format="yyyy-MM-dd"
+                                    placeholder="请选择发证日期"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="档案保存"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div v-if="judgeTag()">
+                            <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                                <div slot="content" style="max-width:200px">
+                                    <div v-html="scope.row.dangAnBaoCun" />
+                                </div>
+                                <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("dangAnBaoCun") > 0 ? scope.row.dangAnBaoCun:'/' }}</div>
+                            </el-tooltip>
+                            <!-- <div>{{ scope.row.hasOwnProperty("dangAnBaoCun") > 0 ? scope.row.dangAnBaoCun:'/' }}</div> -->
+                        </div>
+                        <div v-else class="grid-content">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.dangAnBaoCun'" :rules="rules.school">
+                                <el-radio-group v-model="scope.row.dangAnBaoCun">
+                                    <el-radio label="复印件">复印件</el-radio>
+                                    <el-radio label="原件">原件</el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+
+                <el-table-column
+                    label="获奖证书"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <el-form-item :prop="'nowData.'+ (10*(currentPage-1) +scope.$index)+'.huoJiangZhengS'" :rules="rules.attachmentsNum">
+                                <ibps-attachment
+                                    v-model="scope.row.huoJiangZhengS"
+                                    :download="true"
+                                    multiple
+                                    accept="*"
+                                    :readonly="judgeTag()"
+                                    style="width:100%"
+                                    limlt="5"
+                                />
+                            </el-form-item>
+                        </div>
+                    </template>
+                </el-table-column>
+                <!-- <el-table-column
+                    v-if="!judgeTag()"
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-button @click="handleClick(scope.row)" type="text" size="small">查阅</el-button>
+                        <el-button type="text" size="small">编辑</el-button>
+                    </template>
+                </el-table-column> -->
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </el-form>
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+export default {
+    components: {
+        IbpsAttachment
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        const checkTimeJS = (rule, value, callback) => {
+            console.log(value)
+
+            if (!value) {
+                return callback(new Error('请选择日期'))
+            }
+            setTimeout(() => {
+                const now = this.$common.getDateNow()
+                const nowTime = new Date(now).getTime()
+                const valueTime = new Date(value).getTime()
+                const obj = this.nowData.find(t => t.jieshuriqi === value)
+                const ksTime = obj && obj.bianzhiriqi !== null ? new Date(obj.bianzhiriqi).getTime() : ''
+
+                if (ksTime === '') {
+                    callback(new Error('请先选择开始时间'))
+                } else if (nowTime < valueTime) {
+                    callback(new Error('请选择小于当前日期的时间'))
+                } else if (ksTime >= valueTime) {
+                    callback(new Error('请选择大于开始日期的时间'))
+                }
+            }, 100)
+        }
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            rules: {
+                bianzhiriqi: [
+                    { validator: option.checkTime, trigger: 'change' }
+                ],
+                jieshuriqi: [
+                    { validator: checkTimeJS, trigger: 'change' }
+                ],
+                school: [
+                    { validator: option.checkLength, trigger: 'blur' }
+                ],
+                optional: [
+                    { validator: option.optional, trigger: 'blur' }
+                ],
+                attachmentsNum: [
+                    { validator: option.attachmentsNum, trigger: 'change' }
+                ]
+            },
+            multipleSelection: [],
+            currentPage: 1,
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                } else if (val === 'save' || val === 'temporaryStorage' || val === 'submit' || val === 'sendBack' || val === 'agree') {
+                    this.submitForm('nowData', this.nowData)
+                }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        judgeTag () {
+            // return this.planeData.length>0&& this.btnShow === true && this.buttonType!==1 ? true : false
+            return !!(this.btnShow === true && this.buttonType !== 1 && this.buttonType !== 4)
+        },
+        submitForm (formName, val) {
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.$emit('changeBaseData', val, 'zsb')
+                    // alert('submit!')
+                    this.$emit('changeButtonShow', this.$parent.$parent.$parent.btnShow)
+                } else {
+                    console.log('error submit!!')
+                    this.$emit('tipsShowTab', true)
+
+                    return false
+                }
+            })
+        },
+        addData () {
+            if (this.nowData.length % 10 === 0) {
+                this.currentPage = (this.nowData.length / 10) + 1
+            }
+            const mid = { uuid: this.$common.generateUUID() }
+            this.nowData.push(mid)
+            this.nowDataObj = { nowData: [...this.nowData] }
+        },
+        goRemove () {
+            if (this.multipleSelection.length === 0) {
+                this.$message({
+                    message: '请选择要删除的数据',
+                    type: 'warning'
+                })
+                return
+            }
+            this.nowData = this.nowData.filter(item => !this.multipleSelection.includes(item))
+            this.nowDataObj = { nowData: [...this.nowData] }
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            console.log(`当前页: ${val}`)
+        },
+        getRowKey (row) {
+            if (row.id) {
+                return row.id
+            } else {
+                return row.uuid
+            }
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.zsb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 5.5%;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+
+}
+</style>

src/views/component/personnelFile/components/zwlwglbTag.vue

@@ -0,0 +1,314 @@
+<template>
+    <div class="zwlwglb20241107">
+        <div class="titleAll">
+            <el-divider direction="vertical" />
+            <span>中文论文</span>
+        </div>
+        <div class="hand-btn" />
+        <div class="contentAll">
+            <el-table
+                ref="reviewTableZWLW"
+                :data="nowData.filter((e,m) => Math.floor(m/10)===currentPage-1 )"
+                stripe
+                height="92%"
+                highlight-current-row
+                style="width: 99.5%"
+                class="review-table blue-header tableCol"
+                @selection-change="handleSelectionChange"
+            >
+                <el-table-column
+                    type="selection"
+                    min-width="2%"
+                />
+                <el-table-column
+                    type="index"
+                    label="序号"
+                    min-width="5%"
+                />
+                <el-table-column
+                    label="论文题目"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.lunWenTiMu" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("lunWenTiMu") > 0 ? scope.row.lunWenTiMu:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("lunWenTiMu") > 0 ? scope.row.lunWenTiMu:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="期刊名称"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.qiKanMingCheng" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("qiKanMingCheng") > 0 ? scope.row.qiKanMingCheng:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("qiKanMingCheng") > 0 ? scope.row.qiKanMingCheng:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="期卷号"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.qiJuanHao" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("qiJuanHao") > 0 ? scope.row.qiJuanHao:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("qiJuanHao") > 0 ? scope.row.qiJuanHao:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="发表日期"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.faBiaoShiJian" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("faBiaoShiJian") > 0 ? scope.row.faBiaoShiJian:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("faBiaoShiJian") > 0 ? scope.row.faBiaoShiJian:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="期刊类别"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <el-tooltip class="item" effect="dark" placement="top" :disabled="!isShowTooltip">
+                            <div slot="content" style="max-width:200px">
+                                <div v-html="scope.row.qiKanLeiBie" />
+                            </div>
+                            <div class="ellipsis" @mouseover="inputOnMouseOver($event)">{{ scope.row.hasOwnProperty("qiKanLeiBie") > 0 ? scope.row.qiKanLeiBie:'/' }}</div>
+                        </el-tooltip>
+                        <!-- {{ scope.row.hasOwnProperty("qiKanLeiBie") > 0 ? scope.row.qiKanLeiBie:'/' }} -->
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="原文"
+                    min-width="15%"
+                >
+                    <template slot-scope="scope">
+                        <div class="grid-content bg-purple-light">
+                            <ibps-attachment
+                                v-model="scope.row.shangChuanYuan"
+                                :download="true"
+                                multiple
+                                accept="*"
+                                :readonly="true"
+                                style="width:100%"
+                                limlt="5"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    class-name="handleSty"
+                    width="100"
+                >
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="handleClick(scope.row)">查阅</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                :current-page.sync="currentPage"
+                :page-size="10"
+                layout="total, prev, pager, next"
+                :total="nowData.length"
+                @current-change="handleCurrentChange"
+            />
+        </div>
+        <dialog-deltail :dialog-details="dialogDetails" :dialog-data="dialogData" @changeDetails="changeDetails" />
+    </div>
+</template>
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import option from '../constants/option.js'
+import dialogDeltail from './dialogDeltail'
+
+export default {
+    components: {
+        IbpsAttachment,
+        dialogDeltail
+    },
+    props: {
+        planeData: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        btnShow: {
+            type: Boolean,
+            default: true
+        },
+        btnType: {
+            type: String,
+            default: ''
+        }
+    },
+    data () {
+        return {
+            activeName: 'first',
+            nowData: [],
+            nowDataObj: {},
+            multipleSelection: [],
+            currentPage: 1,
+            dialogDetails: false,
+            dialogData: [],
+            isShowTooltip: true
+        }
+    },
+    watch: {
+        planeData: {
+            handler: function (val, oldVal) {
+                // eslint-disable-next-line no-undef
+                this.nowData = structuredClone(val)
+                this.nowDataObj = { nowData: [...this.nowData] }
+            },
+            deep: true,
+            immediate: true
+        },
+        btnType: {
+            handler: function (val, oldVal) {
+                if (val === 'exitEdit') {
+                    // eslint-disable-next-line no-undef
+                    this.nowData = structuredClone(this.planeData)
+                    this.nowDataObj = { nowData: [...this.nowData] }
+                }
+                // else if (val === 'save' || val === 'temporaryStorage' || val === 'submit') {
+                // }
+            },
+            deep: true
+        }
+    },
+    methods: {
+        inputOnMouseOver (e) {
+            const { offsetWidth, scrollWidth } = e.target || {}
+            this.isShowTooltip = offsetWidth < scrollWidth
+            console.log(this.isShowTooltip)
+        },
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        handleCurrentChange (val) {
+            // console.log(`当前页: ${val}`)
+            this.$refs.reviewTableZWLW.$parent.$parent.$parent.$parent.$parent.tabSetData(val)
+        },
+        handleClick (val) {
+            this.dialogDetails = true
+            this.dialogData = [
+                [{ name: '文章编号', contant: val.wenZhangBianHao, type: 'text' }, { name: '发表日期', contant: val.faBiaoShiJian, type: 'text' }],
+                [{ name: '论文题目', contant: val.lunWenTiMu, type: 'text' }, { name: '期刊类别', contant: val.qiKanLeiBie, type: 'text' }],
+                [{ name: '全部作者', contant: val.quanBuZuoZhe, type: 'text' }, { name: '论文链接', contant: val.lunWenLianJie, type: 'text' }],
+                [{ name: '期刊名称', contant: val.qiKanMingCheng, type: 'text' }, { name: '作者排名', contant: val.childGeRenPaiMing, type: 'text' }],
+                [{ name: '期卷号', contant: val.qiJuanHao, type: 'text' }, { name: 'ISSN号', contant: val.issnHao, type: 'text' }],
+                [{ name: '原文', contant: val.shangChuanYuan, type: 'file' }, { name: '备注', contant: val.childBeiZhu, type: 'text' }]
+            ]
+            console.log(this.dialogData)
+        },
+        changeDetails (val) {
+            this.dialogDetails = val
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.zwlwglb20241107{
+    font-size: 12px;
+    color: #2f2f36;
+    .titleAll{
+        ::v-deep .el-divider--vertical{
+            width: 4px;
+            height: 1.4em;
+            background-color: #86c3c7;
+            border-radius: 2px;
+            margin-left: 0;
+            margin-right: 15px;
+        }
+        span{
+            font-size: 15px;
+            font-weight: 700;
+            vertical-align: text-top;
+        }
+    }
+    .hand-btn{
+        width: 99.5%;
+        height: 10px;
+        text-align: right;
+        margin: 0.5% 0;
+    }
+    .contentAll{
+        height: 85%;
+        overflow-y: auto;
+        ::v-deep .ibps-attachment-selector{
+            min-width: 0;
+        }
+        .tableCol{
+            height: 92%;
+            overflow-y: auto;
+            ::v-deep .el-table__fixed-right{
+                .el-table__fixed-body-wrapper{
+                    .el-table__body{
+                        .el-table__row{
+                            .handleSty{
+                                text-align: center;
+                            }
+                        }
+                    }
+                }
+                .el-table__fixed-header-wrapper{
+                    .el-table__header{
+                        .handleSty{
+                            text-align: center;
+                        }
+                    }
+                }
+            }
+            ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+                display: none; /* for Chrome, Safari, and Opera */
+            }
+
+            ::v-deep .el-table__body-wrapper {
+                -ms-overflow-style: none;  /* for Internet Explorer, Edge */
+                scrollbar-width: none;  /* for Firefox */
+            }
+            ::v-deep .el-table__fixed-right-patch{
+                width: 0 !important;
+            }
+        }
+        .tableCol::-webkit-scrollbar{
+            display: none;
+        }
+        .grid-content {
+            ::v-deep .el-date-editor.el-input.el-input--mini.el-input--prefix.el-input--suffix.el-date-editor--date{
+                width: 100%;
+            }
+        }
+        .ellipsis {
+            white-space: nowrap; /* 确保文本不换行 */
+            overflow: hidden; /* 隐藏超出容器的文本 */
+            text-overflow: ellipsis; /* 显示省略号 */
+        }
+    }
+}
+
+</style>

src/views/component/personnelFile/constants/option.js

@@ -0,0 +1,71 @@
+export const checkTime = (rule, value, callback) => {
+    if (!value) {
+        return callback(new Error('请选择日期'))
+    }
+    setTimeout(() => {
+        const nowTime = new Date().getTime()
+        const valueTime = new Date(value).getTime()
+        if (nowTime < valueTime) {
+            callback(new Error('请选择小于当前日期的时间'))
+        } else {
+            callback()
+        }
+    }, 100)
+}
+export const checkLength = (rule, value, callback) => {
+    if (!value) {
+        return callback(new Error('请填写内容'))
+    }
+    setTimeout(() => {
+        if (value.length > 200) {
+            callback(new Error('请将字数限制在200以内'))
+        } else {
+            callback()
+        }
+    }, 100)
+}
+export const optional = (rule, value, callback) => {
+    if (!value) {
+        callback()
+    } else if (value.length > 200) {
+        callback(new Error('请将字数限制在200以内'))
+    } else {
+        callback()
+    }
+}
+export const attachmentsNum = (rule, value, callback) => {
+    if (!value) {
+        callback()
+    } else if (value.split(',').length > 5) {
+        callback(new Error('请将数量限制在5个以内'))
+    } else {
+        callback()
+    }
+}
+export const attachmentsNumOne = (rule, value, callback) => {
+    if (!value) {
+        callback()
+    } else if (value.split(',').length > 1) {
+        callback(new Error('请将数量限制在1个以内'))
+    } else {
+        callback()
+    }
+}
+export const checkNianLing = (rule, value, callback) => {
+    if (!value) {
+        return callback(new Error('请合理选择年龄'))
+    }
+    if (value > 150 || value < 0) {
+        callback(new Error('年龄范围在0~150岁'))
+    } else {
+        callback()
+    }
+}
+export default {
+    checkTime,
+    checkLength,
+    optional,
+    attachmentsNum,
+    checkNianLing,
+    attachmentsNumOne
+}

src/views/component/personnelFile/constants/simulated.js

@@ -0,0 +1,572 @@
+export const baseDataObj = {
+    employee: {
+        title: '',
+        data: {
+            id: '',
+            name: '名字',
+            photo: '',
+            jianDingZiGeZ: '',
+            gender: '',
+            status: '',
+            mobile: '',
+            email: '',
+            job: '',
+            positions: ''
+        }
+    },
+    ryjbqk: {
+        title: '',
+        data: {
+            id: '',
+            parentId: '',
+            jianDangRiQi: '2024-09-12',
+            chuShengRiQi: '2024-09-12',
+            nianLing: '1',
+            zuiGaoXueLiX: '本科',
+            yuanBiYeYuanXi: '学校',
+            ruZhiShiJian: '2024-11-11',
+            zhiChengDengJi: '高级',
+            zhiCheng: '主任',
+            qianZiTuWen: '1305918421677899776',
+            shenFenZhengHao: '232323232323232323232',
+            baoMiXieYi: '1305918421677899776',
+            chengNuoHan: '1305918421677899776',
+            sheBao: '1305918421677899776',
+            renYuanLeiXing: '提供支持性服务的外部人员',
+            fujIan: '1305918421677899776'
+        }
+    },
+    jyjl: {
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                kaiShiShiJian: '2024-09-12',
+                jieShuShiJian: '2024-09-13',
+                xueXiao: '学校',
+                zhuanYe: '软件',
+                xueLiXueWei: '学士',
+                fuJian: '1305918421677899776'
+            },
+            {
+                id: '',
+                parentId: '',
+                kaiShiShiJian: '2024-09-12',
+                jieShuShiJian: '2024-09-13',
+                xueXiao: '学校',
+                zhuanYe: '软件',
+                xueLiXueWei: '学士',
+                fuJian: '1305918421677899776'
+            }
+        ]
+    },
+    gzjl: {
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                ruZhiShiJian: '2024-09-12',
+                liZhiShiJian: '2024-09-13',
+                danWeiMingCheng: '医院',
+                buMen: '临检',
+                zhiWei: '检验员',
+                gongZuoNeiRong: '检测',
+                fuJian: '1305918421677899776'
+            },
+            {
+                id: '',
+                parentId: '',
+                ruZhiShiJian: '2024-09-12',
+                liZhiShiJian: '2024-09-13',
+                danWeiMingCheng: '医院',
+                buMen: '临检',
+                zhiWei: '检验员',
+                gongZuoNeiRong: '检测',
+                fuJian: '1305918421677899776'
+            }
+        ]
+    },
+    zsb: {
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                zhengShuMingC: '毕业证书',
+                zhengJianHao: '201101101-002',
+                faZhengDanWei: '学校',
+                faZhengShiJian: '2024-09-12',
+                dangAnBaoCun: '原件',
+                huoJiangZhengS: '1305918421677899776'
+            },
+            {
+                id: '',
+                parentId: '',
+                zhengShuMingC: '毕业证书',
+                zhengJianHao: '201101101-002',
+                faZhengDanWei: '学校',
+                faZhengShiJian: '2024-09-12',
+                dangAnBaoCun: '原件',
+                huoJiangZhengS: '1305918421677899776'
+            }
+        ]
+    }
+}
+export const externalSourceDataObj = {
+    kyxmglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                xiangMuMingChe: '1212121',
+                xiangMuBianHao: '121212',
+                zhuChiCanYu: '参与',
+                quanBuCanYuRe: '1212',
+                qiZhiShiJian: '2024-09-12',
+                ziZhiDanWei: '111',
+                jieShuShiJian: '2024-09-13',
+                xiangMuLeiXing: '1212',
+                liXiangJingFei: '1212',
+                shangCLXWD: '1305918421677899776'
+            },
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: '2024-09-12',
+                xiangMuMingChe: '1212121',
+                xiangMuBianHao: '121212',
+                zhuChiCanYu: '参与',
+                quanBuCanYuRe: '1212',
+                qiZhiShiJian: '2024-09-12',
+                ziZhiDanWei: '111',
+                jieShuShiJian: '2024-09-13',
+                xiangMuLeiXing: '1212',
+                liXiangJingFei: '1212',
+                shangCLXWD: '1305918421677899776'
+            }
+        ]
+    },
+    kjhjcgglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                jiangLiLeiXing: 'qww',
+                jiangLiXiangMu: '研究',
+                huoJiangShiJia: '2024-09-13',
+                quanBuHuoJiang: '1,2,3',
+                geRenPaiMing: '1',
+                danWei: '医院',
+                paiMing: '2',
+                shangCHJZS: '1305918421677899776'
+            },
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                jiangLiLeiXing: 'qww',
+                jiangLiXiangMu: '研究',
+                huoJiangShiJia: '2024-09-13',
+                quanBuHuoJiang: '1,2,3',
+                geRenPaiMing: '1',
+                danWei: '医院',
+                paiMing: '2',
+                shangCHJZS: '1305918421677899776'
+            }
+        ]
+    },
+    SCIwzglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                qiJuanHao: '20220101-111',
+                lunWenTiMu: '题目',
+                yingXiangYZIf: '23',
+                quanBuZuoZhe: '1,2,3',
+                geRenPaiMing: '2',
+                qiKanMingCheng: '名称',
+                lunWenLianJie: 'https://',
+                faBiaoShiJian: '2024-09-12',
+                wosHao: '243234',
+                shangChuanYuan: '1305918421677899776',
+                beiZhu: 'dffsfsdfsdf'
+            },
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                qiJuanHao: '20220101-111',
+                lunWenTiMu: '题目',
+                yingXiangYZIf: '23',
+                quanBuZuoZhe: '1,2,3',
+                geRenPaiMing: '2',
+                qiKanMingCheng: '名称',
+                lunWenLianJie: 'https://',
+                faBiaoShiJian: '2024-09-12',
+                wosHao: '243234',
+                shangChuanYuan: '1305918421677899776',
+                beiZhu: 'dffsfsdfsdf'
+            }
+        ]
+    },
+    zwlwglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                faBiaoShiJian: '2024-09-12',
+                lunWenTiMu: '',
+                qiKanLeiBie: 'CSCD核心库与扩展库及EI',
+                quanBuZuoZhe: '1,2,3',
+                lunWenLianJie: 'https://',
+                qiKanMingCheng: '期刊',
+                geRenPaiMing: '2',
+                qiJuanHao: '22',
+                issnHao: '666',
+                shangChuanYuan: '1305918421677899776',
+                beiZhuA: '2132137239812739'
+            },
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                faBiaoShiJian: '2024-09-12',
+                lunWenTiMu: '',
+                qiKanLeiBie: 'CSCD核心库与扩展库及EI',
+                quanBuZuoZhe: '1,2,3',
+                lunWenLianJie: 'https://',
+                qiKanMingCheng: '期刊',
+                geRenPaiMing: '2',
+                qiJuanHao: '22',
+                issnHao: '666',
+                shangChuanYuan: '1305918421677899776',
+                beiZhuA: '2132137239812739'
+            }
+        ]
+    },
+    kyzzglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                chuBanShe: '出版社',
+                zhuanZhuoMingChen: '书名',
+                chuBanShiJian: '2024-09-12',
+                quanBuZuoZhe: '1,2,3',
+                bianZhuanZiShu: '100002',
+                zhuBianBianWei: '主编',
+                lianJie: 'https://',
+                shangChuanYuan: '1305918421677899776',
+                beiZhu: 'sdfsfsdff'
+            },
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                chuBanShe: '出版社',
+                zhuanZhuoMingChen: '书名',
+                chuBanShiJian: '2024-09-12',
+                quanBuZuoZhe: '1,2,3',
+                bianZhuanZiShu: '100002',
+                zhuBianBianWei: '主编',
+                lianJie: 'https://',
+                shangChuanYuan: '1305918421677899776',
+                beiZhu: 'sdfsfsdff'
+            }
+        ]
+    },
+    kyzlglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                leiBie: '类别',
+                zhuanLiMingCheng: '',
+                shenQingShiJian: '2024-09-12',
+                quanBuShenQingRen: '人',
+                shouQuanShiJian: '2024-09-12',
+                zhuanLiQuanRen: '人',
+                geRenPaiMing: '2',
+                fuJian: '1305918421677899776',
+                beiZhu: 'sdfsfsdff'
+            },
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                leiBie: '类别',
+                zhuanLiMingCheng: '',
+                shenQingShiJian: '2024-09-12',
+                quanBuShenQingRen: '人',
+                shouQuanShiJian: '2024-09-12',
+                zhuanLiQuanRen: '人',
+                geRenPaiMing: '2',
+                fuJian: '1305918421677899776',
+                beiZhu: 'sdfsfsdff'
+            }
+        ]
+    },
+    jxjyxmxshdglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                xueFen: '34',
+                xiangMuBianHao: '20120102-002',
+                juBanShiJian: '2024-09-12',
+                quanBuZuoZhe: '1,2,3',
+                juBanDiDian: '会议室',
+                huiYiMingCheng: '开会',
+                heZuoDanWei: '医院',
+                xueFenJiBie: '国家级继教项目',
+                huoDXCZPSC: '1305918421677899776',
+                huiYiTongZhiS: '1305918421677899776'
+            },
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                xueFen: '34',
+                xiangMuBianHao: '20120102-002',
+                juBanShiJian: '2024-09-12',
+                quanBuZuoZhe: '1,2,3',
+                juBanDiDian: '会议室',
+                huiYiMingCheng: '开会',
+                heZuoDanWei: '医院',
+                xueFenJiBie: '国家级继教项目',
+                huoDXCZPSC: '1305918421677899776',
+                huiYiTongZhiS: '1305918421677899776'
+            }
+        ]
+    },
+    kphdglb: {
+        display: 'Y',
+        title: '',
+        data: [
+            {
+                id: '',
+                parentId: '',
+                tenantId: '',
+                xingMing: 'name',
+                kePuBianHao: '123',
+                huoDongShiJian: '2024-09-09',
+                kePuXingShi: '科普文章',
+                fuJian: '1305918421677899776',
+                beiZhu: '12312321321321'
+            }
+        ]
+    }
+}
+export const tabName = {
+    kphdglb: 'kphd',
+    kyxmglb: 'kyxm',
+    kjhjcgglb: 'kjhjcg',
+    SCIwzglb: 'sci',
+    zwlwglb: 'zwlw',
+    kyzzglb: 'kyzz',
+    kyzlglb: 'kyzl',
+    jxjyxmxshdglb: 'jxjy',
+    bmsm: 'bmsm'
+}
+export const data = '{"id":"","diDian":"1257660949100232704","shiFouGuoShen":"已编制","jiaoYuId":"1315704890411974656,1309159909132075008","gongZuoId":"1309159909136269313,1315700904648769536,1309159909136269312","neiBuId":"1304386884142628865","waiBuId":"","kaoHeId":"","keYanId":"1278845812985561088","huoJiangId":"1313555341203472384,1314646912695009280","scIid":"","zhongWenId":"1313562201641975808","zhuanZhuoId":"1314884868894621696","zhuanLiId":"1313563580292923392","jiXuId":"","zhengShuId":"1309159909136269315,1309159909136269314,1315704890915291136","kaoShiId":"","bianZhiBuMen":"1259815242628595712","bianZhiRen":"702117247933480960","bianZhiShiJian":"2024-12-10 11:16","buMen":"1257661032474607616,1259815242628595712,1259815355627339776,1259815408806920192,1259815458987573248,1259815511915495424,1259815603112247296,1259815645608935424","dianHua":"18373382991","mingCheng":"702117247933480960","youXiang":"938764563@qq.com","yuanGongBianHao":"12231","diZhi":"2222","xingBie":"male","gangWei":"466555953945247744","jianDangRiQi":"","zuiGaoXueLiXueWei":"博士","zhiChengDengJi":"中级","shenFenZhengHaoMa":"","chuShengRiQi":"1996-07-11","nianLing":28,"biYeYuanXiao":"","ruZhiShiJian":"","zhiCheng":"","qianZiTuWen":"","baoMiXieYi":"","chengNuoHan":"","sheBao":"","jyjl":[],"gzjl":[],"xygpx":[],"pxjl":[],"rykhda":[],"kyxm":[],"kjhjcg":[],"SCIwztjb":[],"zwlw":[],"kyzz":[],"kyzl":[],"jxjyxmxshd":[],"zsb":[],"ksjlb":[]}'
+
+// export const baseName = {
+//     ryjbqk: 'kphd',
+//     kyxmglb: 'kyxm',
+//     kjhjcgglb: 'kjhjcg',
+//     SCIwzglb: 'sci',
+//     zwlwglb: 'zwlw',
+//     kyzzglb: 'kyzz',
+//     kyzlglb: 'kyzl',
+//     jxjyxmxshdglb: 'jxjy',
+//     bmsm: 'bmsm'
+// }
+export function correlationSql (type, val) {
+    let sql = ``
+    const col = {
+        jyrykhjlb: 'bei_kao_he_ren_yu',
+        lhrynlqr: 'bei_shou_quan_ren',
+        lhrypxjlb: 'peixunrenyuan',
+        lhpxsqb: 'can_jia_ren_yuan_',
+        kaoshijilu: 'examinee',
+        tjbgb: 'xing_ming_'
+    }
+    if (type === 'jyrykhjlb' || type === 'lhrynlqr' || type === 'lhpxsqb') {
+        sql = `select * from t_${type} where FIND_IN_SET('${val}',${col[type]}) and shi_fou_guo_shen_ = '已完成' `
+    } else if (type === 'kaoshijilu') {
+        sql = `select * from v_examination where FIND_IN_SET('${val}',${col[type]}) and paperState = '已完成' ORDER BY createTime asc`
+    } else if (type === 'lhrypxjlb') {
+        sql = `select * from v_wodepeixun where FIND_IN_SET('${val}',${col[type]}) and shi_fou_guo_shen_ = '已结束' `
+    } else if (type === 'tjbgb') {
+        sql = `select * from t_${type} where FIND_IN_SET('${val}',${col[type]})`
+    }
+    return sql
+}
+export const correlationConfig = {
+    jyrykhjlb: {
+        config: [
+            { label: '考核时机', width: '15%', type: 'text', field: 'kao_he_shi_ji_' },
+            { label: '岗位类型', width: '10%', type: 'text', field: 'gang_wei_lei_xing' },
+            { label: '考核时间', width: '15%', type: 'text', field: 'bian_zhi_shi_jian' },
+            { label: '总分', width: '10%', type: 'text', field: 'zong_fen_' },
+            { label: '考核结果', width: '12%', type: 'text', field: 'kao_he_jie_guo_' },
+            { label: '附件', width: '14%', type: 'file', field: 'shang_chuan_fu_ji' },
+            { label: '表单', width: '14%', type: 'file', field: 'kuai_zhao_' }
+
+        ],
+        dialog: [
+            [{ name: '被考核人员', field: 'bei_kao_he_ren_yu', type: 'user' }, { name: '考核时间', field: 'bian_zhi_shi_jian', type: 'text' }],
+            [{ name: '考核时机', field: 'kao_he_shi_ji_', type: 'text' }, { name: '总分', field: 'zong_fen_', type: 'text' }],
+            [{ name: '岗位类型', field: 'gang_wei_lei_xing', type: 'text' }, { name: '考核结果', field: 'kao_he_jie_guo_', type: 'text' }],
+            [{ name: '附件', field: 'shang_chuan_fu_ji', type: 'file' }],
+            [{ name: '表单', field: 'kuai_zhao_', type: 'file' }]
+        ]
+    },
+    lhrynlqr: {
+        config: [
+            { label: '授权使用设备', width: '20%', type: 'dialog', field: 'shou_quan_shi_yon', dialogKey: 'sbwxdhk' },
+            { label: '授权岗位', width: '16%', type: 'dialog', field: 'shou_quan_gang_we', dialogKey: 'gwzzdhkrysqy' },
+            { label: '审核人', width: '10%', type: 'user', field: 'shen_he_ren_' },
+            { label: '检验专业', width: '10%', type: 'text', field: 'jian_yan_zhuan_ye' },
+            { label: '能力评估结果', width: '10%', type: 'text', field: 'kao_he_jie_guo_' },
+            { label: '附件', width: '12%', type: 'file', field: 'shang_chuan_fu_ji' },
+            { label: '表单', width: '12%', type: 'file', field: 'kuai_zhao_' }
+
+        ],
+        dialog: [
+            [{ name: '授权使用设备', field: 'shou_quan_shi_yon', type: 'dialog', dialogKey: 'sbwxdhk' }, { name: '能力评估结果', field: 'kao_he_jie_guo_', type: 'text' }],
+            [{ name: '授权岗位', field: 'shou_quan_gang_we', type: 'dialog', dialogKey: 'gwzzdhkrysqy' }, { name: '考核日期', field: 'kao_he_shi_jian_', type: 'text' }],
+            [{ name: '审核人', field: 'shen_he_ren_', type: 'user' }, { name: '检验专业', field: 'jian_yan_zhuan_ye', type: 'text' }],
+            [{ name: '考核记录', field: 'xuan_ze_kao_he_ji', type: 'dialog', dialogKey: 'jyrykhdhkrysqy' }, { name: '是否合格', field: 'shi_fou_he_ge_', type: 'text' }],
+            [{ name: '附件', field: 'shang_chuan_fu_ji', type: 'file' }],
+            [{ name: '表单', field: 'kuai_zhao_', type: 'file' }]
+        ]
+    },
+    lhrypxjlb: {
+        config: [
+            { label: '培训主题', width: '15%', type: 'text', field: 'pei_xun_nei_rong_' },
+            { label: '培训老师', width: '12%', type: 'text', field: 'pei_xun_lao_shi_' },
+            { label: '培训时间', width: '12%', type: 'text', field: 'pei_xun_shi_jian_' },
+            { label: '培训地点', width: '10%', type: 'text', field: 'pei_xun_di_dian_' },
+            { label: '培训内容', width: '12%', type: 'text', field: 'pei_xun_xue_xi_ne' },
+            { label: '见证性材料', width: '14%', type: 'file', field: 'jian_zheng_xing_c' },
+            { label: '表单', width: '14%', type: 'file', field: 'jlbkuai_zhao_' }
+
+        ],
+        dialog: [
+            [{ name: '培训主题', field: 'pei_xun_nei_rong_', type: 'text' }, { name: '培训目标', field: 'pei_xun_mu_di_', type: 'text' }],
+            [{ name: '培训开始时间', field: 'pei_xun_shi_jian_', type: 'text' }, { name: '培训结束时间', field: 'pei_xun_jie_shu_s', type: 'text' }],
+            [{ name: '培训老师', field: 'pei_xun_lao_shi_', type: 'text' }, { name: '培训地点', field: 'pei_xun_di_dian_', type: 'text' }],
+            [{ name: '培训内容', field: 'pei_xun_xue_xi_ne', type: 'text' }],
+            [{ name: '见证性材料', field: 'jian_zheng_xing_c', type: 'file' }],
+            [{ name: '图片', field: 'tu_pian_id_', type: 'file' }],
+            [{ name: '表单', field: 'jlbkuai_zhao_', type: 'file' }]
+        ]
+    },
+    lhpxsqb: {
+        config: [
+            { label: '培训主题', width: '23%', type: 'text', field: 'pei_xun_nei_rong_' },
+            { label: '开始时间', width: '10%', type: 'text', field: 'pei_xun_kai_shi_s' },
+            { label: '结束时间', width: '10%', type: 'text', field: 'pei_xun_jie_shu_s' },
+            { label: '培训机构', width: '17%', type: 'text', field: 'pei_xun_ji_gou_' },
+            { label: '附件', width: '15%', type: 'file', field: 'pei_xun_fu_jian_' },
+            { label: '表单', width: '15%', type: 'file', field: 'kuai_zhao_' }
+
+        ],
+        dialog: [
+            [{ name: '培训主题', field: 'pei_xun_nei_rong_', type: 'text' }],
+            [{ name: '培训目的', field: 'pei_xun_mu_di_', type: 'text' }],
+            [{ name: '开始时间', field: 'pei_xun_kai_shi_s', type: 'text' }, { name: '结束时间', field: 'pei_xun_jie_shu_s', type: 'text' }],
+            [{ name: '培训机构', field: 'pei_xun_ji_gou_', type: 'text' }, { name: '培训老师', field: 'pei_xun_lao_shi_', type: 'text' }],
+            [{ name: '培训地点', field: 'pei_xun_di_dian_', type: 'text' }, { name: '参会形式', field: 'can_hui_xing_shi_', type: 'text' }],
+            [{ name: '培训天数', field: 'pei_xun_tian_shu_', type: 'text' }, { name: '培训时长', field: 'pei_xun_shi_chang', type: 'text' }],
+            [{ name: '是否有证书', field: 'shi_fou_you_zheng', type: 'text' }, { name: '发证单位', field: 'fa_zheng_dan_wei_', type: 'text' }],
+            [{ name: '是否通过考核', field: 'shi_fou_kao_he_', type: 'text' }, { name: '考核情况', field: 'kao_he_qing_kuang', type: 'text' }],
+            [{ name: '附件', field: 'pei_xun_fu_jian_', type: 'file' }],
+            [{ name: '表单', field: 'kuai_zhao_', type: 'file' }]
+        ]
+    },
+    kaoshijilu: {
+        config: [
+            { label: '考试名称', width: '15%', type: 'text', field: 'examName' },
+            { label: '考试题库', width: '15%', type: 'text', field: 'bankName' },
+            { label: '题库类型', width: '15%', type: 'text', field: 'bankType' },
+            { label: '考试题数', width: '10%', type: 'text', field: 'questionCount' },
+            { label: '考试总分', width: '10%', type: 'text', field: 'totalScore' },
+            { label: '得分', width: '10%', type: 'secondaryTreatment', field: 'panduandefen' },
+            { label: '考试达标状态', width: '10%', type: 'secondaryTreatment', field: 'panduanexamDesc' },
+            { label: '开始时间', width: '15%', type: 'text', field: 'startDate' },
+            { label: '参考次数', width: '10%', type: 'text', field: 'submittedCount' },
+            { label: '完成次数', width: '10%', type: 'text', field: 'completedCount' },
+            { label: '达标分值占比', width: '10%', type: 'text', field: 'qualifiedRadio' },
+            { label: '计分方式', width: '10%', type: 'text', field: 'scoringType' }
+
+        ],
+        dialog: [
+            [{ name: '考试名称', field: 'examName', type: 'text' }, { name: '考试达标状态', field: 'panduanexamDesc', type: 'secondaryTreatment' }],
+            [{ name: '考试题库', field: 'bankName', type: 'text' }, { name: '开始时间', field: 'startDate', type: 'text' }],
+            [{ name: '题库类型', field: 'bankType', type: 'text' }, { name: '参考次数', field: 'submittedCount', type: 'text' }],
+            [{ name: '考试题数', field: 'questionCount', type: 'text' }, { name: '完成次数', field: 'completedCount', type: 'text' }],
+            [{ name: '考试总分', field: 'totalScore', type: 'text' }, { name: '达标分值占比', field: 'qualifiedRadio', type: 'text' }],
+            [{ name: '得分', field: 'panduandefen', type: 'secondaryTreatment' }, { name: '计分方式', field: 'scoringType', type: 'text' }]
+        ]
+    },
+    tjbgb: {
+        config: [
+            { label: '体检日期', width: '20%', type: 'text', field: 'ti_jian_shi_jian_' },
+            { label: '体检机构', width: '30%', type: 'text', field: 'ti_jian_ji_gou_' },
+            { label: '附件', width: '40%', type: 'file', field: 'fu_jian_' }
+
+        ],
+        dialog: [
+            [{ name: '体检日期', field: 'ti_jian_shi_jian_', type: 'text' }, { name: '体检机构', field: 'ti_jian_ji_gou_', type: 'text' }],
+            [{ name: '附件', field: 'fu_jian_', type: 'file' }]
+        ]
+    }
+}
+export default {
+    baseDataObj,
+    externalSourceDataObj,
+    tabName,
+    data,
+    correlationSql
+    // baseName
+}

src/views/component/personnelFile/index.vue

@@ -0,0 +1,494 @@
+<template>
+    <div class="personFile20241107" :style="$attrs.params&&$attrs.params.attrs.flow!=''?'height:100vh':'height:100%'">
+        <el-dialog
+            v-if="type=='dialog'"
+            title=""
+            class="personFileDialog20241107"
+            :visible.sync="dialogVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            :append-to-body="true"
+            :fullscreen="true"
+            :show-close="false"
+            center
+        >
+            <div class="dialogSty">
+                <div v-if="stauts!=='已完成'||stauts!==''" style="position: absolute;top:2%;" v-html="stauts==='已退回'?seal.sealNo:stauts==='待审核'?seal.sealPing:seal.sealSuc" />
+                <personnel-info class="perInfo" :button-type="$attrs.params?$attrs.params.attrs.flow*1:buttonType" :type="type" :btn-show="btnShow" :btn-type="btnType" :person-info-data="personInfoData" @showTF="showTF" @changeBtn="changeBtn" @changeBtnShow="changeBtnShow" />
+                <modules-tag
+                    class="moudleTab"
+                    :tag-data="tagData"
+                    :base-data="baseData"
+                    :type="type"
+                    :btn-show="btnShow"
+                    :btn-type="btnType"
+                    :button-type="$attrs.params?$attrs.params.attrs.flow*1:buttonType"
+                    :person-i-d="personID"
+                    @getChangeBaseData="getChangeBaseData"
+                    @tipsShow="tipsShow"
+                    @changeTabs="changeTabs"
+                    @changeBtnShow="changeBtnShow"
+                />
+            </div>
+        </el-dialog>
+        <div v-else class="personFilePlane20241107">
+            <div class="planeSty">
+                <div v-if="stauts!=''" style="position: absolute;top:2%;" v-html="stauts==='已退回'?seal.sealNo:stauts==='待审核'?seal.sealPing:seal.sealSuc" />
+                <personnel-info class="perInfo" :button-type="$attrs.params?$attrs.params.attrs.flow*1:buttonType" :btn-show="btnShow" :btn-type="btnType" :person-info-data="personInfoData" @showTF="showTF" @changeBtn="changeBtn" @changeBtnShow="changeBtnShow" />
+                <modules-tag
+                    class="moudleTab"
+                    :tag-data="tagData"
+                    :base-data="baseData"
+                    :type="type"
+                    :btn-show="btnShow"
+                    :btn-type="btnType"
+                    :button-type="$attrs.params?$attrs.params.attrs.flow*1:buttonType"
+                    :person-i-d="personID"
+                    @getChangeBaseData="getChangeBaseData"
+                    @tipsShow="tipsShow"
+                    @changeTabs="changeTabs"
+                    @changeBtnShow="changeBtnShow"
+                />
+            </div>
+        </div>
+
+    </div>
+</template>
+<script>
+import personnelInfo from './components/personnelInfo.vue'
+import modulesTag from './components/modulesTag.vue'
+import simulated from './constants/simulated'
+import seal from './utils/seal.js'
+
+import { getInfo, setInfo } from '@/api/platform/personFile/base'
+import { get } from '@/api/platform/personFile/unidirectionalCorrelation'
+import { startFlow } from '@/api/platform/bpmn/bpmInst'
+import { agree, reject } from '@/api/platform/bpmn/bpmTask'
+
+export default {
+    components: {
+        personnelInfo,
+        modulesTag
+    },
+    props: {
+        visible: {
+            type: Boolean,
+            default: true
+        },
+        type: {
+            type: String,
+            default: ''
+        },
+        buttonType: {
+            type: Number,
+            default: 0
+        },
+        personID: {
+            type: String,
+            default: ''
+        },
+        flowNode: {
+            type: String,
+            default: ''
+        },
+        flow: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data () {
+        const { userId, userList = [], userInfo } = this.$store.getters
+        return {
+            userId,
+            userList,
+            userInfo,
+            dialogVisible: this.visible,
+            personInfoData: {},
+            tagData: {},
+            baseData: {},
+            btnShow: true,
+            btnType: '',
+            activeName: 'ryjbqk',
+            infoNumArr: [],
+            seal,
+            stauts: '',
+            tipsControls: false
+        }
+    },
+    watch: {
+        dialogVisible: {
+            handler: function (val, oldVal) {
+                // if(val == true){
+                // }
+            },
+            deep: true,
+            immediate: true
+        },
+        activeName: {
+            handler: function (val, oldVal) {
+                if (this.type === 'dialog') {
+                    this.tabChangeSetData(this.personID, val, 1)
+                } else {
+                    this.tabChangeSetData(this.userId, val, 1)
+                }
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    created () {
+        console.log(this)
+        this.$parent.$parent.showClose = false
+        if (this.$attrs.params) {
+            const sql1 = `select a.CREATE_BY_ from ibps_bpm_inst a join ibps_bpm_task_pendding b on b.proc_inst_id_=a.id_ where b.PROC_DEF_KEY_ = 'Process_08xwabfNEW' and b.task_id_ ='${this.$attrs.params.taskId}'`
+            // const sql1 = `select CREATE_BY_ FROM ibps_bpm_oper_log WHERE PROC_INST_ID_ = (SELECT PROC_INST_ID_ FROM ibps_bpm_bus_rel WHERE BUSINESSKEY_ = "${this.$attrs.params.attrs.id}" LIMIT 1 )AND OPER_TYPE_ IN('start')`
+            const sql2 = `select CREATE_BY_ FROM ibps_bpm_oper_log WHERE PROC_INST_ID_ = '${this.$attrs.params.instanceId}' AND OPER_TYPE_ IN('start') ORDER BY CREATE_TIME_ asc limit 1`
+            this.$common.request('sql', this.$attrs.params.hasOwnProperty('taskId') ? sql1 : this.$attrs.params.hasOwnProperty('instanceId') ? sql2 : '').then((r) => {
+                const datas = r.variables.data.length > 0 ? r.variables.data[0].CREATE_BY_ : ''
+                this.userId = datas
+                console.log(this.$attrs.params.hasOwnProperty('taskId'), this.$attrs.params.hasOwnProperty('instanceId'), '1')
+                this.init(this.userId)
+            })
+        } else {
+            if (this.type === 'dialog') {
+                console.log('2')
+                this.init(this.personID)
+            } else {
+                console.log('3')
+                this.init(this.userId)
+            }
+        }
+    },
+    methods: {
+        init (val) {
+            getInfo({ id: val }).then(res => {
+                this.personInfoData = res.data
+                console.log(this.personInfoData, '111')
+                this.stauts = this.personInfoData.ryjbqkInfoPoList[0].shiFouGuoShen
+                // 保存基本数据
+                simulated.baseDataObj.ryjbqk.data = res.data.ryjbqkInfoPoList[0]
+                this.$set(this.baseData, 'ryjbqk', simulated.baseDataObj.ryjbqk)
+                simulated.baseDataObj.jyjl.data = res.data.educationInfoPoList
+                this.$set(this.baseData, 'jyjl', simulated.baseDataObj.jyjl)
+                simulated.baseDataObj.gzjl.data = res.data.workInfoPoList
+                this.$set(this.baseData, 'gzjl', simulated.baseDataObj.gzjl)
+                simulated.baseDataObj.zsb.data = res.data.certificateInfoPoList
+                this.$set(this.baseData, 'zsb', simulated.baseDataObj.zsb)
+            })
+            const sql1 = `select * from t_rydatablpzb where xian_shi_yin_cang = 'Y'`
+            this.$common.request('sql', sql1).then((r) => {
+                const { data = [] } = r.variables || []
+                data.forEach(e => {
+                    this.$set(this.tagData, e.dui_ying_biao_min, { display: e.xian_shi_yin_cang, title: e.tab_zhong_wen_min })
+                })
+            })
+        },
+        showTF (val) {
+            if ((this.$attrs.params && this.$attrs.params.attrs.flow) || (this.$attrs.params && this.$attrs.params.instanceId)) {
+                this.$emit('close', false)
+            }
+            this.dialogVisible = val
+        },
+        changeTabs (val) {
+            this.activeName = val
+        },
+        tabChangeSetData (id, val, page) {
+            if (this.tagData.hasOwnProperty(val)) {
+                get({ 'customs': {
+                    'id': id, // 人员id
+                    'type': simulated.tabName[val] // 科研类型
+                }
+                // 'requestPage': { // 分页信息，可为空
+                //     'pageNo': page,
+                //     'limit': 10
+                // }
+                }).then(res => {
+                    const data = res.data.dataResult || []
+                    this.$set(this.tagData, val, { ...this.tagData[val], ...{ data: data }})
+                })
+            }
+        },
+        tabSetData (page) {
+            if (this.type === 'dialog') {
+                this.tabChangeSetData(this.personID, this.activeName, page)
+            } else {
+                this.tabChangeSetData(this.userId, this.activeName, page)
+            }
+        },
+        changeBtnShow (val) {
+            this.btnShow = val
+        },
+        getChangeBaseData (val, name) {
+            // console.log(this.infoNumArr, this.btnType, this.tipsControls, (this.btnType === 'save' || this.btnType === 'agree' || this.btnType === 'submit' || this.btnType === 'sendBack') && this.tipsControls === false, "(this.btnType === 'save' || this.btnType === 'agree' || this.btnType === 'submit' || this.btnType === 'sendBack') && this.tipsControls === false")
+            if ((this.btnType === 'save' || this.btnType === 'agree' || this.btnType === 'submit' || this.btnType === 'sendBack') && this.tipsControls === false && this.checkData(this.personInfoData)) {
+                switch (name) {
+                    case 'ryjbqk':
+                        // eslint-disable-next-line no-undef
+                        this.personInfoData.ryjbqkInfoPoList[0] = structuredClone(val)
+                        this.personInfoData.ryjbqkInfoPoList[0].shiFouGuoShen = this.btnType === 'submit' || (this.btnType === 'agree' && this.$attrs.params.attrs.flow * 1 === 4) ? '待审核' : this.btnType === 'sendBack' ? '已退回' : '已完成'
+                        this.infoNumArr.push(1)
+                        break
+                    case 'zsb':
+                        // eslint-disable-next-line no-undef
+                        this.personInfoData.certificateInfoPoList = structuredClone(val)
+                        this.infoNumArr.push(1)
+                        break
+                    case 'gzjl':
+                        // eslint-disable-next-line no-undef
+                        this.personInfoData.workInfoPoList = structuredClone(val)
+                        this.infoNumArr.push(1)
+                        break
+                    case 'jyjl':
+                        // eslint-disable-next-line no-undef
+                        this.personInfoData.educationInfoPoList = structuredClone(val)
+                        this.infoNumArr.push(1)
+                        break
+                    default:
+                        break
+                }
+                if (this.infoNumArr.length === 4) {
+                    if (this.btnType === 'submit') {
+                        startFlow(
+                            {
+                                'defId': '1315609540510613504',
+                                'version': '0',
+                                'data': simulated.data
+                            }
+                        ).then(res => {
+                            this.$alert(`启动成功！`, '提示', {
+                                confirmButtonText: '确定',
+                                callback: action => {
+                                    this.$children[0].buttonShow = true
+                                    this.infoNumArr = []
+                                    this.saveData(this.personInfoData, 'Refresh')
+                                }
+                            })
+                        })
+                    } else if (this.btnType === 'agree') {
+                        this.personInfoData.shouQuanQianZ = this.userId
+                        this.personInfoData.updateTime = this.$common.getDateNow(19)
+                        agree(
+                            {
+                                'opinion': '同意',
+                                'taskId': this.$attrs.params.taskId,
+                                'data': simulated.data
+                            }
+                        ).then(res => {
+                            this.$alert(`任务办理成功！`, '提示', {
+                                confirmButtonText: '确定',
+                                callback: action => {
+                                    this.showTF(false)
+                                    this.infoNumArr = []
+                                    this.saveData(this.personInfoData)
+                                }
+                            })
+                        })
+                    } else if (this.btnType === 'sendBack') {
+                        console.log(this.$attrs.params.taskId)
+                        reject(
+                            {
+                                'backHandMode': 'normal',
+                                'destination': '',
+                                'opinion': '退回修改',
+                                'rejectMode': 'reject',
+                                'taskId': this.$attrs.params.taskId,
+                                'data': simulated.data
+                            }
+                        ).then(res => {
+                            this.$alert(`已退回！`, '提示', {
+                                confirmButtonText: '确定',
+                                callback: action => {
+                                    this.showTF(false)
+                                    this.infoNumArr = []
+                                    this.saveData(this.personInfoData)
+                                }
+                            })
+                        })
+                    } else if (this.btnType === '') {
+                        console.log('重置')
+                    } else if (this.btnType === 'save') {
+                        this.personInfoData.shouQuanQianZ = this.userId
+                        this.personInfoData.updateTime = this.$common.getDateNow(19)
+                        this.saveOperate()
+                        // const sql = `select b.id_,b.name_ from ibps_bpm_inst a join ibps_bpm_tasks b on b.PROC_DEF_KEY_=a.PROC_DEF_KEY_ where b.PROC_DEF_KEY_ = 'Process_08xwabfNEW' and a.CREATE_BY_ ='${this.personID}'`
+                        // this.$common.request('sql', sql).then(res => {
+                        //     const datas = res.variables.data.length > 0 ? res.variables.data[0] : ''
+                        //     if (datas.id_ !== '') {
+                        //         agree(
+                        //             {
+                        //                 'opinion': '同意',
+                        //                 'taskId': datas.id_,
+                        //                 'data': simulated.data
+                        //             }
+                        //         ).then(res1 => {
+                        //             if (datas.name_ === '编制') {
+                        //                 agree(
+                        //                     {
+                        //                         'opinion': '同意',
+                        //                         'taskId': datas.id_,
+                        //                         'data': simulated.data
+                        //                     }
+                        //                 ).then(res2 => {
+                        //                     this.$alert(`办理成功！`, '提示', {
+                        //                         confirmButtonText: '确定',
+                        //                         callback: action => {
+                        //                             this.showTF(false)
+                        //                             this.infoNumArr = []
+                        //                             this.saveData(this.personInfoData)
+                        //                         }
+                        //                     })
+                        //                 })
+                        //             } else {
+                        //                 this.$alert(`办理成功！`, '提示', {
+                        //                     confirmButtonText: '确定',
+                        //                     callback: action => {
+                        //                         this.showTF(false)
+                        //                         this.infoNumArr = []
+                        //                         this.saveData(this.personInfoData)
+                        //                     }
+                        //                 })
+                        //             }
+                        //         })
+                        //     } else {
+                        //         this.infoNumArr = []
+                        //         this.saveData(this.personInfoData)
+                        //     }
+                        // })
+                    } else {
+                        this.infoNumArr = []
+                        this.saveData(this.personInfoData)
+                    }
+                }
+            }
+        },
+        saveData (val, r) {
+            setInfo(val).then(res => {
+                this.showTF(false)
+                if (r === 'Refresh') {
+                    location.reload()
+                }
+            })
+        },
+        changeBtn (val, data) {
+            this.btnType = val
+            if (Object.keys(data).length > 0) {
+                this.personInfoData = data
+            }
+            if ((this.btnType === 'save' || this.btnType === 'agree' || this.btnType === 'submit' || this.btnType === 'sendBack') && this.tipsControls === false && !this.checkData(this.personInfoData)) {
+                this.tipsMess('请检查表单数据是否填写正确')
+            }
+        },
+        tipsShow (val, name) {
+            if (val && this.tipsControls === false) {
+                this.infoNumArr = []
+
+                this.tipsControls = true
+                this.tipsMess('请检查表单数据是否填写正确')
+            }
+        },
+        checkData (val) {
+            const nameArr = ['name', 'jianDingZiGeZ', 'gender']
+            let identification = 0
+            nameArr.forEach((item, i) => {
+                if (val[item] === '' || val[item] === null) {
+                    identification = 1
+                }
+            })
+            return identification === 0
+        },
+        tipsMess (val) {
+            const that = this
+            this.$message({
+                message: val,
+                type: 'warning',
+                onClose: () => {
+                    that.tipsControls = false
+                }
+            })
+        },
+        saveOperate () {
+            const sql = `select b.id_,b.name_ from ibps_bpm_inst a join ibps_bpm_tasks b on b.PROC_DEF_KEY_=a.PROC_DEF_KEY_ where b.PROC_DEF_KEY_ = 'Process_08xwabfNEW' and a.CREATE_BY_ ='${this.personID}'`
+            this.$common.request('sql', sql).then(res => {
+                const datas = res.variables.data.length > 0 ? res.variables.data[0] : ''
+                if (res.variables.data.length > 0 && datas.id_ !== '') {
+                    agree(
+                        {
+                            'opinion': '同意',
+                            'taskId': datas.id_,
+                            'data': simulated.data
+                        }
+                    ).then(res1 => {
+                        if (datas.name_ === '编制') {
+                            this.saveOperate()
+                        } else {
+                            this.$alert(`办理成功！`, '提示', {
+                                confirmButtonText: '确定',
+                                callback: action => {
+                                    this.showTF(false)
+                                    this.infoNumArr = []
+                                    this.saveData(this.personInfoData)
+                                }
+                            })
+                        }
+                    })
+                } else {
+                    this.infoNumArr = []
+                    this.saveData(this.personInfoData)
+                }
+            })
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.personFile20241107{
+    background-color: #f9ffff;
+    width: 100%;
+    height: 100%;
+}
+.personFileDialog20241107{
+    ::v-deep .el-dialog__header{
+        display: none;
+    }
+    ::v-deep .el-dialog{
+        background-color: #f9ffff;
+    }
+    .dialogSty{
+        width: 100%;
+        height: calc(100vh - 40px);
+        padding-top: 20px;
+        display: flex;
+        // justify-content: center;
+        flex-direction: column;
+        align-items: center;
+        // padding-top: 1%;
+        .perInfo{
+            // margin-top: 2%;
+            box-shadow:
+            0 -2px 12px 0 rgba(0,0,0,.04),
+            2px 0px 12px 0 rgba(0,0,0,.04),
+            -2px 0px 12px 0 rgba(0,0,0,.04);
+        }
+    }
+}
+.personFilePlane20241107{
+    width: 100%;
+    height: calc(100% - 40px);
+    padding-top: 20px;
+    .planeSty{
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .perInfo{
+            // margin-top: 2%;
+            box-shadow:
+            0 -2px 12px 0 rgba(0,0,0,.04),
+            2px 0px 12px 0 rgba(0,0,0,.04),
+            -2px 0px 12px 0 rgba(0,0,0,.04);
+            border-radius: 4px 4px 0 0;
+        }
+    }
+}
+</style>