Skip to content

Y
yq-ui
Commit 7366addd by zhaopanyu
Options

zpy

parent 672ad479
Showing with 82 additions and 392 deletions
src/assets/images/new.png
src/assets/images/new.png

1.4 KB | W: | H:

src/assets/images/new.png

3.56 KB | W: | H:

src/assets/images/new.png
src/assets/images/new.png
src/assets/images/new.png
src/assets/images/new.png
  • 2-up
  • Swipe
  • Onion skin
src/views/zyyq/index.vue
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
" /> " />
</el-row> </el-row>
<el-row class="content" style="background-color: #f5f8fe;"> <el-row class="content" style="background-color: #f5f8fe;">
<el-col :span="6" <el-col :span="7"
style="padding: 20px; border-radius: 10px; min-height: 712px;overflow-x: auto; background-color: #f5f8fe;"> style="padding: 20px; border-radius: 10px; min-height: 712px; overflow-x: auto; background-color: #f5f8fe;">
<el-menu v-if="activeNameOuter === '产品'" :default-active="activeNameInner" class="product-menu" <el-menu v-if="activeNameOuter === '产品'" :default-active="activeNameInner" class="product-menu"
:background-color="'transparent'" :text-color="'#333'" :active-text-color="'#409EFF'" :background-color="'transparent'" :text-color="'#333'" :active-text-color="'#409EFF'"
:default-openeds="defaultOpeneds"> :default-openeds="defaultOpeneds">
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<!-- 第二级菜单 --> <!-- 第二级菜单 -->
<el-submenu v-for="innerItem in outerItem.cpChildren" :key="innerItem.id" :index="innerItem.px" <el-submenu v-for="innerItem in outerItem.cpChildren" :key="innerItem.id" :index="innerItem.px"
:class="{ 'inner-submenu-active': isInnerActive(innerItem.name) }" :class="{ 'inner-submenu-active': isInnerActive(innerItem.name) }"
@click.native="setActiveInner(innerItem.mc)"> @click.native="setActiveInner(innerItem.name)">
<template #title> <template #title>
<span <span
style="font-family: 'PingFang SC'; font-weight: 800; font-size: 17px; color: #222222; line-height: 26px;"> style="font-family: 'PingFang SC'; font-weight: 800; font-size: 17px; color: #222222; line-height: 26px;">
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
@click.native="handleInnerClick(innerItem.name, content.mc, content.id, content.remark)" @click.native="handleInnerClick(innerItem.name, content.mc, content.id, content.remark)"
:class="{ 'menu-item-active': activeNameInner === innerItem.name + '-' + content.mc }"> :class="{ 'menu-item-active': activeNameInner === innerItem.name + '-' + content.mc }">
<img v-if="content.zx === '1'" src="../../assets/images/new.png" alt="new" <img v-if="content.zx === '1'" src="../../assets/images/new.png" alt="new"
style="width: 40px; height: 40px; margin-left: -40px; vertical-align: middle;" /> style="width: 28px; height: 28px; margin-left: -30px; vertical-align: middle;" />
<span <span
:style="{ width: '6px', height: '6px', background: '#165BFF', borderRadius: '50%', display: 'inline-block', marginRight: '10px' }"></span> :style="{ width: '6px', height: '6px', background: '#165BFF', borderRadius: '50%', display: 'inline-block', marginRight: '10px' }"></span>
<span :style="{ <span :style="{
...@@ -58,13 +58,13 @@ ...@@ -58,13 +58,13 @@
textDecorationColor: activeNameInner === innerItem.name + '-' + content.mc ? '#165BFF' : 'transparent', textDecorationColor: activeNameInner === innerItem.name + '-' + content.mc ? '#165BFF' : 'transparent',
textUnderlineOffset: activeNameInner === innerItem.name + '-' + content.mc ? '8px' : '0' textUnderlineOffset: activeNameInner === innerItem.name + '-' + content.mc ? '8px' : '0'
}"> }">
{{ content.mc }} {{ content.mc }}<span v-if="content.remark"> ({{ content.remark }})</span>
</span> </span>
</el-menu-item> </el-menu-item>
</el-submenu> </el-submenu>
</el-submenu> </el-submenu>
</el-menu> </el-menu>
<el-menu v-if="activeNameOuter === '服务类'" :default-active="activeNameInner" class="product-menu" <el-menu v-if="activeNameOuter === '服务类'" :default-active="activeNameInner" class="product-menu"
:background-color="'transparent'" :text-color="'#333'" :active-text-color="'#409EFF'" :background-color="'transparent'" :text-color="'#333'" :active-text-color="'#409EFF'"
:default-openeds="defaultOpeneds"> :default-openeds="defaultOpeneds">
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
@click.native="handleServiceClick(outerItem.mc, service.mc, service.id, service.remark)" @click.native="handleServiceClick(outerItem.mc, service.mc, service.id, service.remark)"
:class="{ 'menu-item-active': activeNameInner === outerItem.mc + '-' + service.mc, 'service-menu-item-active': activeNameInner === outerItem.mc + '-' + service.mc }"> :class="{ 'menu-item-active': activeNameInner === outerItem.mc + '-' + service.mc, 'service-menu-item-active': activeNameInner === outerItem.mc + '-' + service.mc }">
<img v-if="service.zx === '1'" src="../../assets/images/new.png" alt="new" <img v-if="service.zx === '1'" src="../../assets/images/new.png" alt="new"
style="width: 40px; height: 40px; margin-left: -40px; vertical-align: middle;" /> style="width: 28px; height: 28px; margin-left: -30px; vertical-align: middle;" />
<span <span
:style="{ width: '6px', height: '6px', background: '#165BFF', borderRadius: '50%', display: 'inline-block', marginRight: '10px' }"></span> :style="{ width: '6px', height: '6px', background: '#165BFF', borderRadius: '50%', display: 'inline-block', marginRight: '10px' }"></span>
<span :style="{ <span :style="{
...@@ -95,19 +95,14 @@ ...@@ -95,19 +95,14 @@
textDecorationColor: activeNameInner === outerItem.mc + '-' + service.mc ? '#165BFF' : 'transparent', textDecorationColor: activeNameInner === outerItem.mc + '-' + service.mc ? '#165BFF' : 'transparent',
textUnderlineOffset: activeNameInner === outerItem.mc + '-' + service.mc ? '8px' : '0' textUnderlineOffset: activeNameInner === outerItem.mc + '-' + service.mc ? '8px' : '0'
}"> }">
{{ service.mc }} {{ service.mc }}<span v-if="service.remark"> ({{ service.remark }})</span>
<!-- 判断 zx 是否为 1，如果是则显示图片 -->
</span> </span>
</el-menu-item> </el-menu-item>
</el-submenu> </el-submenu>
</el-menu> </el-menu>
</el-col> </el-col>
<!-- 显示选项卡的内容 --> <!-- 显示选项卡的内容 -->
<el-col v-if="activeNameOuter === '产品'" :span="18" <el-col v-if="activeNameOuter === '产品'" :span="17"
style="border-radius: 10px; min-height: 730px; background-color: #f5f8fe;"> style="border-radius: 10px; min-height: 730px; background-color: #f5f8fe;">
<div class="tabs"> <div class="tabs">
<el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs"> <el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs">
...@@ -144,13 +139,13 @@ ...@@ -144,13 +139,13 @@
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="remark"> <!-- <div class="remark">
<div>{{ this.remark }}</div> <div>{{ this.remark }}</div>
</div> </div> -->
</div> </div>
</el-col> </el-col>
<!-- 外层折叠项 2 选中的内容 --> <!-- 外层折叠项 2 选中的内容 -->
<el-col v-else-if="activeNameOuter === '服务类'" :span="18" <el-col v-else-if="activeNameOuter === '服务类'" :span="17"
style="border-radius: 10px; min-height: 700px; background-color: #f5f8fe;"> style="border-radius: 10px; min-height: 700px; background-color: #f5f8fe;">
<div class="tabs"> <div class="tabs">
<el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs"> <el-tabs v-model="activeName" @tab-click="handleClick" type="card" class="custom-tabs">
...@@ -179,9 +174,9 @@ ...@@ -179,9 +174,9 @@
</el-card> </el-card>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="remark"> <!-- <div class="remark">
<div>{{ this.remark }}</div> <div>{{ this.remark }}</div>
</div> </div> -->
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -197,6 +192,7 @@ export default { ...@@ -197,6 +192,7 @@ export default {
data() { data() {
return { return {
isOuterMenuClicked: false,
remark: '', // 新增的remark属性 remark: '', // 新增的remark属性
defaultOpeneds: [],// 根据需要初始化 defaultOpeneds defaultOpeneds: [],// 根据需要初始化 defaultOpeneds
selectedId: null, // 用于存储选中项的ID selectedId: null, // 用于存储选中项的ID
...@@ -207,301 +203,9 @@ export default { ...@@ -207,301 +203,9 @@ export default {
tdjs: '', tdjs: '',
fwts: '', fwts: '',
fwal: '', fwal: '',
activeNameOuter: "产品", // 默认选中的第一级选项 activeNameOuter: "", // 默认选中的第一级选项
activeNameInner: "", // 默认选中的第二级选项 activeNameInner: "", // 默认选中的第二级选项
collapseDataOuter: [], collapseDataOuter: [],
// collapseDataOuter: [
// {
// "mc": "软硬件产品",
// "px": "1",
// "cplx": "产品",
// "fwlChildren": null,
// "cpChildren": [
// {
// "createBy": "",
// "createTime": "2024-10-24 17:17:39",
// "updateBy": "",
// "updateTime": null,
// "remark": null,
// "parentName": null,
// "parentId": null,
// "orderNum": null,
// "ancestors": null,
// "children": [],
// "id": 156,
// "fid": 154,
// "mc": "智能化办公",
// "px": "1",
// "cplx": "产品",
// "delFlag": "0",
// "children2": [
// {
// "createBy": "",
// "createTime": "2024-10-24 17:20:42",
// "updateBy": "",
// "updateTime": "2024-10-25 11:22:15",
// "remark": "胜小利单位",
// "id": 146,
// "fid": 156,
// "mc": "”胜小利“油气大模型",
// "fmc": "智能化办公",
// "px": "1",
// "fbzt": "1",
// "tdjs": "null",
// "cpjj": "<h3 style=\"text-indent: 21pt; line-height: 1.5;\"><span style=\"font-family: 微软雅黑;\">“胜小利”是胜利油田基于开源模型自主开发的油气行业大模型，它通过学习油气勘探开发专业知识、制度标准、数据模型等，提供“智能问答、知识库、生产数据查询、辅助写作”等服务。所有数据和资料在油田内网储存、应用，与公网隔离，油田员工可放心使用。</span></h3><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085424A001.png\" alt=\"\" data-href=\"\" style=\"\"></p>",
// "gntd": "<h3 style=\"text-indent: 21pt;\"><strong>1.智能问答-通用助手</strong></h3><p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">目前学习了专著教材文献、常用标准5000个、上游相关总部制度386个，油田制度340个。打开“连接知识库”开关可查询所学标准制度等内容，关闭“连接知识库”开关可进行通用大模型智能问答。如需加入新内容，可联系胜利油田数智中心增加。</span></p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085502A002.png\" alt=\"\" data-href=\"\" style=\"\"></p><h3 style=\"text-indent: 21pt;\"><strong>2.智能问答——个人知识助手VIP</strong></h3><p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">在问答页面左下方选择“个人知识助手VIP”，点击申请VIP稍作等待后即可使用，VIP用户享有“优先解析学习权、个人专属知识库”。</span></p><h3 style=\"text-indent: 21pt;\"><strong>3.智能问答——小利帮</strong></h3><p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">各部门单位自主建设的大模型助手，用户申请相关助手的使用权限成功后，可以在问答页面选择应用。助手的使用审批由助手创建单位、创建人负责。</span></p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085520A003.png\" alt=\"\" data-href=\"\" style=\"\"></p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085525A004.png\" alt=\"\" data-href=\"\" style=\"\"></p><h3 style=\"text-indent: 21pt;\"><strong>4.知识库和定制助手</strong></h3><p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">团队和个人创建知识库，拖拽上传文档（目前支持PDF、Word、PPT），胜小利将自动解析、自动学习文档内容，实现在海量文档中快速查询和基于专属知识库的智能写作。</span></p><p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">知识库需挂接到助手上才能使用，如将“科研技术管理部知识库”挂接到“胜利数智”助手，配置好助手用户权限、上架后，即可从问答页面选择“胜利数智”助手使用。一个助手可挂接多个知识库，知识库内可单独配置每个文件夹的展开和提问权限。知识库助手的水平取决于其学习的文档数量和质量。</span></p><p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">用法详见胜小利知识库操作指南：</span>https://sxl.slof.com/help/chapter3/3-1.html<span style=\"font-family: 微软雅黑;\">，和定制助手使用指南：</span>https://sxl.slof.com/help/chapter4/</p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085547A005.png\" alt=\"\" data-href=\"\" style=\"\"></p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085553A006.png\" alt=\"\" data-href=\"\" style=\"\"></p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085601A007.png\" alt=\"\" data-href=\"\" style=\"\"></p><h3 style=\"text-indent: 21pt;\"><strong>5.胜小利社区</strong></h3><p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">在问答页面点击“分享到社区”，可将问题和回答一键分享到社区，与其他用户交流。</span></p><p style=\"text-indent: 21pt; text-align: center;\"><img src=\"file:////private/var/folders/5b/vx21ftg14rl4kvpkmb_dsdfm0000gn/T/com.kingsoft.wpsoffice.mac/wps-cat/ksohtml//wps1.jpg\" alt=\"\" data-href=\"\" style=\"\"><span style=\"font-family: 微软雅黑;\"> </span></p>",
// "yycx": "<p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">日均回答各单位、各级员工提问约500次，已成为广受各级员工喜爱的人工智能辅助工具。</span></p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085833A013.png\" alt=\"\" data-href=\"\" style=\"\"></p>",
// "yfjs": "<p style=\"text-indent: 21pt;\"><span style=\"font-family: 微软雅黑;\">用户通过电脑端网页sxl.slof.com登录，或扫码安装手机客户端（仅限安卓鸿蒙手机），或从石化办公中打开胜小利APP即可使用。受总部DMZ管控统一限制，夜间（22点-7点）无法提供移动应用服务。</span></p><p style=\"text-indent: 21pt;\"><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085850A014.png\" alt=\"\" data-href=\"\" style=\"\"></p><h5 style=\"text-indent: 21pt; text-align: center;\"><span style=\"font-family: 微软雅黑;\">安卓、鸿蒙手机扫码下载独立APP（微信扫码→右上角选择用浏览器打开→下载安装→统一账号登录使用）</span></h5><p><img src=\"/dev-api/profile/upload/2024/10/25/image_20241025085904A015.png\" alt=\"\" data-href=\"\" style=\"\"/></p><h5 style=\"text-indent: 21pt; text-align: center;\"><span style=\"font-family: 微软雅黑;\">石化办公中选择胜小利直接使用</span></h5><p style=\"text-indent: 21pt; text-align: right;\"><span style=\"font-family: 微软雅黑;\">产品经理：王振 18562032431</span></p><p style=\"text-indent: 21pt; text-align: right;\"><span style=\"font-family: 微软雅黑;\">运维：程思远 17888806885</span></p>",
// "fwts": "null",
// "fwal": "null",
// "zx": "1",
// "cplx": "产品"
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:22:09",
// "updateBy": "",
// "updateTime": "2024-10-24 17:22:51",
// "remark": null,
// "id": 147,
// "fid": 156,
// "mc": "无纸化会议系统",
// "fmc": "智能化办公",
// "px": "2",
// "fbzt": "1",
// "tdjs": "null",
// "cpjj": "<h1>无纸化会议系统</h1><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172139A018.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "gntd": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172141A019.png\" alt=\"\" data-href=\"\" style=\"\"/>功能特点</p>",
// "yycx": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172152A020.png\" alt=\"\" data-href=\"\" style=\"\"/>应用成效</p>",
// "yfjs": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172207A021.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "fwts": "null",
// "fwal": "null",
// "zx": null,
// "cplx": "产品"
// }
// ]
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:17:51",
// "updateBy": "",
// "updateTime": null,
// "remark": null,
// "parentName": null,
// "parentId": null,
// "orderNum": null,
// "ancestors": null,
// "children": [],
// "id": 157,
// "fid": 154,
// "mc": "生产信息化",
// "px": "2",
// "cplx": "产品",
// "delFlag": "0",
// "children2": [
// {
// "createBy": "",
// "createTime": "2024-10-24 17:24:13",
// "updateBy": "",
// "updateTime": "2024-10-25 10:09:23",
// "remark": "数字员工单位",
// "id": 148,
// "fid": 157,
// "mc": "数字员工",
// "fmc": "生产信息化",
// "px": "1",
// "fbzt": "1",
// "tdjs": "null",
// "cpjj": "<h1>数字员工<img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172325A022.png\" alt=\"\" data-href=\"\" style=\"\"/></h1>",
// "gntd": "<p>功能特点</p><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172337A023.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "yycx": "<p>应用成效</p><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172351A024.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "yfjs": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172403A026.png\" alt=\"\" data-href=\"\" style=\"\"/></p><p>用法介绍</p>",
// "fwts": "null",
// "fwal": "null",
// "zx": "1",
// "cplx": "产品"
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:25:26",
// "updateBy": "",
// "updateTime": "2024-10-24 17:25:27",
// "remark": null,
// "id": 149,
// "fid": 157,
// "mc": "表格协同云服务",
// "fmc": "生产信息化",
// "px": "2",
// "fbzt": "1",
// "tdjs": "null",
// "cpjj": "<h1>表格协同云服务</h1><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172454A027.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "gntd": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172459A029.png\" alt=\"\" data-href=\"\" style=\"\"/>功能特点</p>",
// "yycx": "<p>应用成效</p><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172514A030.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "yfjs": "<p>用法介绍</p><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172518A031.png\" alt=\"\" data-href=\"\" style=\"\"/>1111111</p>",
// "fwts": "null",
// "fwal": "null",
// "zx": null,
// "cplx": "产品"
// }
// ]
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:18:05",
// "updateBy": "",
// "updateTime": null,
// "remark": null,
// "parentName": null,
// "parentId": null,
// "orderNum": null,
// "ancestors": null,
// "children": [],
// "id": 158,
// "fid": 154,
// "mc": "基础设施和网络安全",
// "px": "3",
// "cplx": "产品",
// "delFlag": "0",
// "children2": [
// {
// "createBy": "",
// "createTime": "2024-10-24 17:26:41",
// "updateBy": "",
// "updateTime": "2024-10-24 17:38:54",
// "remark": "项目管理系统单位",
// "id": 150,
// "fid": 158,
// "mc": "项目管理系统",
// "fmc": "基础设施和网络安全",
// "px": "1",
// "fbzt": "1",
// "tdjs": "null",
// "cpjj": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172552A032.png\" alt=\"\" data-href=\"\" style=\"\"/></p><p style=\"text-indent: 32pt;\">及时组织更新完善QHSE制度，推进“风险分级管控和隐患排查治理”双重预防机制落实，做好停工停产集中培训，强化安全环保规章制度、标准、操作规程的执行监督。</p><p style=\"text-indent: 32pt;\">针对设备设施、人员操作存在的安全环保风险，做好隐患排查、分析评估，建立风险隐患清单，制定风险降级、隐患销项措施。督促各岗位开展安全环保检查，抓好直接作业环节和承包商监管，组织做好问题分析。组织对重点施工、重点环节、重点要害部位进行不定期督查，抓好设备设施、安全附件的定期检测和有效运行。</p><p>筹备好管理区QHSE例会，重点分析安全生产、环保治理、质量节能、隐患排查治理等情况，查摆问题并制定下步整改措施。</p>",
// "gntd": "<p style=\"text-indent: 32pt;\">及时组织更新完善QHSE制度，推进“风险分级管控和隐患排查治理”双重预防机制落实，做好停工停产集中培训，强化安全环保规章制度、标准、操作规程的执行监督。</p><p style=\"text-indent: 32pt;\">针对设备设施、人员操作存在的安全环保风险，做好隐患排查、分析评估，建立风险隐患清单，制定风险降级、隐患销项措施。督促各岗位开展安全环保检查，抓好直接作业环节和承包商监管，组织做好问题分析。组织对重点施工、重点环节、重点要害部位进行不定期督查，抓好设备设施、安全附件的定期检测和有效运行。</p><p>筹备好管理区QHSE例会，重点分析安全生产、环保治理、质量节能、隐患排查治理等情况，查摆问题并制定下步整改措施。</p><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172625A033.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "yycx": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172628A034.png\" alt=\"\" data-href=\"\" style=\"\"/></p><p style=\"text-indent: 32.15pt;\"><strong>2.质量管理</strong></p><p style=\"text-indent: 28.3pt;\">健全完善质量标准体系，明确各岗位执行的标准，强化标准实施。明确生产过程质量管控目标及要求并严格执行，对油气生产、作业、维修、地面工程等重点环节进行全面监管。及时发现质量隐患，实施质量在线跟踪评价，持续开展现场质量改进活动。</p><p style=\"text-indent: 32pt;\">开展管理区计量自主管理，实施计量器具分类检定校准，确保生产数据准确可靠。</p>",
// "yfjs": "<p style=\"text-indent: 32.15pt;\"><strong>2.质量管理</strong></p><p style=\"text-indent: 28.3pt;\">健全完善质量标准体系，明确各岗位执行的标准，强化标准实施。明确生产过程质量管控目标及要求并严格执行，对油气生产、作业、维修、地面工程等重点环节进行全面监管。及时发现质量隐患，实施质量在线跟踪评价，持续开展现场质量改进活动。</p><p style=\"text-indent: 32pt;\">开展管理区计量自主管理，实施计量器具分类检定校准，确保生产数据准确可靠。</p>",
// "fwts": "null",
// "fwal": "null",
// "zx": null,
// "cplx": "产品"
// }
// ]
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:18:24",
// "updateBy": "",
// "updateTime": null,
// "remark": null,
// "parentName": null,
// "parentId": null,
// "orderNum": null,
// "ancestors": null,
// "children": [],
// "id": 159,
// "fid": 154,
// "mc": "勘探开发数智化支持",
// "px": "4",
// "cplx": "产品",
// "delFlag": "0",
// "children2": []
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:18:52",
// "updateBy": "",
// "updateTime": null,
// "remark": null,
// "parentName": null,
// "parentId": null,
// "orderNum": null,
// "ancestors": null,
// "children": [],
// "id": 160,
// "fid": 154,
// "mc": "综合管理数智化支持",
// "px": "5",
// "cplx": "产品",
// "delFlag": "0",
// "children2": []
// }
// ]
// },
// {
// "mc": "智能化服务",
// "px": "2",
// "cplx": "服务类",
// "fwlChildren": [
// {
// "createBy": "",
// "createTime": "2024-10-24 17:27:46",
// "updateBy": "",
// "updateTime": "2024-10-24 17:39:10",
// "remark": "基础设施运维单位",
// "id": 151,
// "fid": 155,
// "mc": "基础设施运维服务",
// "fmc": "智能化服务",
// "px": "1",
// "fbzt": "1",
// "tdjs": "<p style=\"text-indent: 32.15pt;\"><strong>3.绿色低碳</strong></p><p style=\"text-indent: 32pt;\">按照绿色企业行动计划要求，对照绿色基层提升标准，重点抓好清洁生产，重点用好新能源，抓好能效提升及节能新技术推广，实现能耗总量强度双控。规范三废处置，防治空气、土壤、地下水及噪声污染，培育绿色文化，培养标准化良好行为，持续提升绿色发展水平。</p>",
// "cpjj": "null",
// "gntd": "null",
// "yycx": "null",
// "yfjs": "null",
// "fwts": "<p style=\"text-indent: 32pt;\"><span style=\"color: rgb(0, 0, 0);\">施工方案优化不到位、反复变更，组织运行衔接不紧密、误工怠工，造成施工效率降低、费用增加等经济损失。</span></p><p style=\"text-indent: 32pt;\"><span style=\"color: rgb(0, 0, 0);\">未进行QHSE风险识别，隐患排查不彻底，未制定风险削减措施，施工过程监管缺失，形成质量缺陷，发生安全事故、环保事件；QHSE管理体系未有效运行，QHSE责任不落实，造成QHSE风险值增加；停工停产集中培训等制度不落实，导致员工QHSE意识弱化。</span></p><p style=\"text-indent: 32pt;\">按照绿色企业行动计划要求，对照绿色基层提升标准，重点抓好清洁生产，重点用好新能源，抓好能效提升及节能新技术推广，实现能耗总量强度双控。规范三废处置，防治空气、土壤、地下水及噪声污染，培育绿色文化，培养标准化良好行为，持续提升绿色发展水平。<img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172742A036.png\" alt=\"\" data-href=\"\" style=\"\"></p>",
// "fwal": "<p style=\"text-indent: 32pt;\"><span style=\"color: rgb(0, 0, 0);\">施工方案优化不到位、反复变更，组织运行衔接不紧密、误工怠工，造成施工效率降低、费用增加等经济损失。</span></p><p style=\"text-indent: 32pt;\"><span style=\"color: rgb(0, 0, 0);\">未进行QHSE风险识别，隐患排查不彻底，未制定风险削减措施，施工过程监管缺失，形成质量缺陷，发生安全事故、环保事件；QHSE管理体系未有效运行，QHSE责任不落实，造成QHSE风险值增加；停工停产集中培训等制度不落实，导致员工QHSE意识弱化。</span><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172744A037.png\" alt=\"\" data-href=\"\" style=\"\"></p>",
// "zx": null,
// "cplx": "服务类"
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:28:46",
// "updateBy": "",
// "updateTime": "2024-10-24 17:28:47",
// "remark": null,
// "id": 152,
// "fid": 155,
// "mc": "生产信息化建设和运维服务",
// "fmc": "智能化服务",
// "px": "2",
// "fbzt": "1",
// "tdjs": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172824A038.png\" alt=\"\" data-href=\"\" style=\"\"/></p><p style=\"text-indent: 32pt;\"><span style=\"color: rgb(0, 0, 0);\">成经济损失或经营风险。</span></p><p style=\"text-indent: 32pt;\"><span style=\"font-family: 黑体;\">五、激励约束</span></p><p style=\"text-indent: 32pt;\">突出价值引领，依据***采油管理区绩效考核办法，制定<span style=\"font-family: 仿宋;\">安全生产指挥中心考核办法，压实管理责任，突出贡献和进步，精准激励，激发员工提质增效内生动力。</span></p><p style=\"text-indent: 32pt;\">重点对注采管控岗考核生产异常减少所增加的效益情况，对生产运行岗考核施工优化运行创效和生产费用优化情况，对QHSE管理岗依据QHSE工作开展情况与管理区QHSE考核结果进行考核。</p><p style=\"text-indent: 32pt;\"> </p><p style=\"text-indent: 32pt;\">附件：1.***采油管理区绩效考核办法</p><p style=\"text-indent: 32pt;\"> &nbsp; &nbsp; &nbsp;2.***安全生产指挥中心绩效考核办法</p>",
// "cpjj": "null",
// "gntd": "null",
// "yycx": "null",
// "yfjs": "null",
// "fwts": "<p style=\"text-indent: 32pt;\"><span style=\"color: rgb(0, 0, 0);\">成经济损失或经营风险。</span></p><p style=\"text-indent: 32pt;\"><span style=\"font-family: 黑体;\">五、激励约束</span></p><p style=\"text-indent: 32pt;\">突出价值引领，依据***采油管理区绩效考核办法，制定<span style=\"font-family: 仿宋;\">安全生产指挥中心考核办法，压实管理责任，突出贡献和进步，精准激励，激发员工提质增效内生动力。</span></p><p style=\"text-indent: 32pt;\">重点对注采管控岗考核生产异常减少所增加的效益情况，对生产运行岗考核施工优化运行创效和生产费用优化情况，对QHSE管理岗依据QHSE工作开展情况与管理区QHSE考核结果进行考核。</p><p style=\"text-indent: 32pt;\"> </p><p style=\"text-indent: 32pt;\">附件：1.***采油管理区绩效考核办法</p><p style=\"text-indent: 32pt;\"> &nbsp; &nbsp; &nbsp;2.***安全生产指挥中心绩效考核办法</p>",
// "fwal": "<p style=\"text-indent: 32pt;\"><span style=\"color: rgb(0, 0, 0);\">成经济损失或经营风险。</span></p><p style=\"text-indent: 32pt;\"><span style=\"font-family: 黑体;\">五、激励约束</span></p><p style=\"text-indent: 32pt;\">突出价值引领，依据***采油管理区绩效考核办法，制定<span style=\"font-family: 仿宋;\">安全生产指挥中心考核办法，压实管理责任，突出贡献和进步，精准激励，激发员工提质增效内生动力。</span></p><p style=\"text-indent: 32pt;\">重点对注采管控岗考核生产异常减少所增加的效益情况，对生产运行岗考核施工优化运行创效和生产费用优化情况，对QHSE管理岗依据QHSE工作开展情况与管理区QHSE考核结果进行考核。</p><p style=\"text-indent: 32pt;\"> </p><p style=\"text-indent: 32pt;\">附件：1.***采油管理区绩效考核办法</p><p style=\"text-indent: 32pt;\"> &nbsp; &nbsp; &nbsp;2.***安全生产指挥中心绩效考核办法</p><p style=\"text-indent: 32pt;\"><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172843A039.png\" alt=\"\" data-href=\"\" style=\"\"></p>",
// "zx": null,
// "cplx": "服务类"
// },
// {
// "createBy": "",
// "createTime": "2024-10-24 17:30:27",
// "updateBy": "",
// "updateTime": "2024-10-24 17:30:28",
// "remark": null,
// "id": 153,
// "fid": 155,
// "mc": "软件开发服务",
// "fmc": "智能化服务",
// "px": "3",
// "fbzt": "1",
// "tdjs": "<h3>基础设施</h3><p>基础设施团队共计7人，主要负责油田基础设施（含网络、机房、基础设施云、北斗等）的规划、建设、运维等工作。提供基础设施架构设计、</p><p><br></p><p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024172958A041.png\" alt=\"\" data-href=\"\" style=\"\"/></p>",
// "cpjj": "null",
// "gntd": "null",
// "yycx": "null",
// "yfjs": "null",
// "fwts": "<p><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024173001A042.png\" alt=\"\" data-href=\"\" style=\"\"/></p><p style=\"text-indent: 28.45pt;\"><strong>3.响应联动</strong></p><p style=\"text-indent: 28.3pt;\">及时、全面、准确掌握并汇集生产动态信息，精准反馈至各层级、各业务相关节点，统筹协调内外部资源力量，强化衔接运行，减少停待时间，持续挖掘运行潜力。及时跟踪督导生产异常处置、重点施工进度、车辆物料到位等情况，完整记录与评价，不断提高生产运行时效。</p><p><br></p>",
// "fwal": "<p style=\"text-indent: 28.45pt;\"><img src=\"/dev-api/profile/upload/2024/10/24/image_20241024173026A043.png\" alt=\"\" data-href=\"\" style=\"\"></p><p style=\"text-indent: 28.3pt;\">及时、全面、准确掌握并汇集生产动态信息，精准反馈至各层级、各业务相关节点，统筹协调内外部资源力量，强化衔接运行，减少停待时间，持续挖掘运行潜力。及时跟踪督导生产异常处置、重点施工进度、车辆物料到位等情况，完整记录与评价，不断提高生产运行时效。</p>",
// "zx": null,
// "cplx": "服务类"
// }
// ],
// "cpChildren": null
// }
// ],
activeName: "first", activeName: "first",
name: null, name: null,
ipdz: null, ipdz: null,
...@@ -522,6 +226,7 @@ export default { ...@@ -522,6 +226,7 @@ export default {
// if (selectedItem && selectedItem.fwlChildren.length > 0) { // if (selectedItem && selectedItem.fwlChildren.length > 0) {
// const firstService = selectedItem.fwlChildren[0]; // const firstService = selectedItem.fwlChildren[0];
// this.activeNameInner = `智能化服务类-${firstService.mc}`; // this.activeNameInner = `智能化服务类-${firstService.mc}`;
// console.log(this.activeNameInner, ' this.activeNameInner');
// this.activeServiceId = firstService.id; // 设置 activeServiceId 为第一项的 ID // this.activeServiceId = firstService.id; // 设置 activeServiceId 为第一项的 ID
// console.log(this.activeServiceId, 'Selected Service ID'); // console.log(this.activeServiceId, 'Selected Service ID');
// this.getListdt(this.activeServiceId); // this.getListdt(this.activeServiceId);
...@@ -533,6 +238,7 @@ export default { ...@@ -533,6 +238,7 @@ export default {
// if (firstProduct.children2 && firstProduct.children2.length > 0) { // if (firstProduct.children2 && firstProduct.children2.length > 0) {
// const firstProductChild = firstProduct.children2[0]; // 从 children2 中获取第一个子产品 // const firstProductChild = firstProduct.children2[0]; // 从 children2 中获取第一个子产品
// this.activeNameInner = `软硬件产品-${firstProductChild.mc}`; // this.activeNameInner = `软硬件产品-${firstProductChild.mc}`;
// console.log(this.activeNameInner, 'this.activeNameInner');
// this.activeServiceId = firstProductChild.id; // 设置 activeServiceId 为第一项的 ID // this.activeServiceId = firstProductChild.id; // 设置 activeServiceId 为第一项的 ID
// console.log(this.activeServiceId, 'Selected Product ID'); // console.log(this.activeServiceId, 'Selected Product ID');
// this.getListdt(this.activeServiceId); // this.getListdt(this.activeServiceId);
...@@ -541,140 +247,124 @@ export default { ...@@ -541,140 +247,124 @@ export default {
// } // }
// } // }
}, },
mounted() { mounted() {
this.getList(); this.getList();
}, },
methods: { methods: {
// 获取列表数据
setActiveOuter(cplx) {
this.activeNameOuter = cplx; // 设置选中的外层菜单类型
this.activeNameInner = ''; // 清空内层选中的状态
// 查找对应的外层菜单项
const selectedOuterItem = this.collapseDataOuter.find(item => item.cplx === cplx);
// if (selectedOuterItem) {
// // 处理产品类型的情况
// if (cplx === '产品') {
// if (selectedOuterItem.cpChildren && selectedOuterItem.cpChildren.length > 0) {
// const firstInnerItem = selectedOuterItem.cpChildren[0];
// const firstContent = firstInnerItem.children2 && firstInnerItem.children2[0]; // 确保存在内容
// if (firstContent) {
// this.setActiveInner(firstInnerItem.name, firstContent.mc, firstContent.id, firstContent.zx); // 传递 zx
// this.displaySelectedInfo(firstInnerItem.name, firstContent); // 展示选中的信息
// }
// }
// } else if (cplx === '服务类') {
// if (selectedOuterItem.fwlChildren && selectedOuterItem.fwlChildren.length > 0) {
// const firstService = selectedOuterItem.fwlChildren[0]; // 默认选中第一个服务
// this.setActiveInner(selectedOuterItem.mc, firstService.mc, null, firstService.id, firstService.zx); // 传递 zx
// this.displaySelectedInfo(selectedOuterItem.mc, firstService); // 展示选中的信息
// }
// }
// // 设置展开的菜单项
// this.defaultOpeneds = [selectedOuterItem.px]; // 展开外层菜单
// }
},
displaySelectedInfo(menuName, content) {
// 在这里更新展示选中的内容的信息
// 你可以根据需要展示的内容更新相应的数据属性
this.selectedMenuName = menuName; // 例如设置当前选中的菜单名称
this.selectedContent = content; // 设置当前选中的内容
// 其他逻辑，例如更新界面中的某些元素的显示
},
getList() { getList() {
getListcx().then(res => { getListcx().then(res => {
console.log('res', res); console.log('res', res);
this.collapseDataOuter = res.data; this.collapseDataOuter = res.data; // 保存外层菜单数据
// 获取数据后，设置默认选中的第一个外层和内层菜单项 // 如果有数据，设置默认的外层和内层菜单
if (this.collapseDataOuter.length > 0) { if (this.collapseDataOuter.length > 0) {
const firstOuterItem = this.collapseDataOuter[0]; const firstOuterItem = this.collapseDataOuter[0];
this.activeNameOuter = firstOuterItem.cplx; this.activeNameOuter = firstOuterItem.cplx; // 设置默认外层菜单
// 如果外层菜单有子菜单，设置第一个内层菜单和内容
if (firstOuterItem.cpChildren && firstOuterItem.cpChildren.length > 0) { if (firstOuterItem.cpChildren && firstOuterItem.cpChildren.length > 0) {
const firstInnerItem = firstOuterItem.cpChildren[0]; const firstInnerItem = firstOuterItem.cpChildren[0];
const firstContent = firstInnerItem.children2[0]; // 假设有第三级菜单内容 const firstContent = firstInnerItem.children2[0];
// 默认选中第一项 if (firstContent) {
this.setActiveInner(firstInnerItem.mc, firstContent.mc, firstContent.id); this.setActiveInner(firstInnerItem.name, firstContent.mc, firstContent.id); // 设置默认内层菜单内容
}
// 设置展开的菜单项 this.defaultOpeneds = [firstOuterItem.px, firstInnerItem.px]; // 设置展开的菜单
this.defaultOpeneds = [firstOuterItem.px, firstInnerItem.px]; // 外层和内层菜单都展开
} }
} }
}); });
}, },
// 设置当前选中的外层菜单
setActiveOuter(cplx) { setActiveOuter(cplx) {
this.activeNameOuter = cplx; this.activeNameOuter = cplx; // 更新外层菜单
console.log('Outer menu set to:', this.activeNameOuter); console.log('Outer menu set to:', this.activeNameOuter);
// 根据选中的外层菜单类型设置默认的内层菜单
const firstInnerItem = this.collapseDataOuter.find(item => item.cplx === cplx);
console.log(firstInnerItem, 'firstInnerItem');
if (firstInnerItem) {
// 仅在第一次点击外层菜单时设置默认值
if (!this.isOuterMenuClicked) {
this.isOuterMenuClicked = true; // 设置状态为已点击外层菜单
// 如果是产品，选择第三级菜单的第一项
if (cplx === '产品' && firstInnerItem.cpChildren.length > 0) {
const firstInner = firstInnerItem.cpChildren[0];
this.activeNameInner = `${firstInner.name}-${firstInner.children2[0]?.mc || ''}`; // 设置第三级菜单的第一项
this.setActiveInner(firstInner.name, firstInner.children2[0]?.mc, firstInner.children2[0]?.id); // 设置内容
}
// 如果是服务类，选择第二级菜单的第一项
else if (cplx === '服务类' && firstInnerItem.fwlChildren.length > 0) {
const firstService = firstInnerItem.fwlChildren[0];
this.activeNameInner = `${firstInnerItem.mc}-${firstService.mc}`; // 设置第二级菜单的第一项
this.handleServiceClick(firstInnerItem.mc, firstService.mc, firstService.id); // 设置内容
}
}
}
}, },
handleInnerClick(innerName, contentName, contentId) { handleInnerClick(innerName, contentName, contentId) {
this.activeNameInner = `${innerName}-${contentName}`; this.isOuterMenuClicked = false; // 取消外层菜单点击状态
// 处理内容相关的逻辑，比如获取内容等 this.activeNameInner = `${innerName}-${contentName}`; // 更新内层菜单
// 获取内容相关的数据
this.getListdt(contentId); this.getListdt(contentId);
}, },
handleServiceClick(outerName, serviceName, serviceId) { handleServiceClick(outerName, serviceName, serviceId) {
this.activeNameInner = `${outerName}-${serviceName}`; this.isOuterMenuClicked = false; // 取消外层菜单点击状态
// 处理服务相关的逻辑，比如获取内容等 this.activeNameInner = `${outerName}-${serviceName}`; // 更新内层菜单
// 获取服务相关的数据
this.getListdt(serviceId); this.getListdt(serviceId);
}, },
// 设置当前选中的内层菜单
setActiveInner(innerName, content = '', id = null) { setActiveInner(innerName, content = '', id = null) {
if (content) { if (content) {
this.activeNameInner = `${innerName}-${content}`; this.activeNameInner = `${innerName}-${content}`; // 更新内层菜单
console.log(this.activeNameInner, 'this.activeNameInner'); console.log(this.activeNameInner, 'this.activeNameInner');
this.selectedId = id; // 更新选中项的ID this.selectedId = id; // 更新选中项的ID
console.log('activeNameInner updated to:', this.activeNameInner); console.log('activeNameInner updated to:', this.activeNameInner);
this.getListdt(this.selectedId); // 获取内容数据 this.getListdt(this.selectedId); // 获取内容数据
} }
}, },
// 获取详细内容数据
getListdt(id) { getListdt(id) {
// 假设你的getListdt接口是一个异步函数
getListdt(id).then(res => { getListdt(id).then(res => {
console.log('12222:', res.data.remark); console.log('12222:', res.data.remark);
this.cpjj = res.data.cpjj // 更新相关数据
this.gntd = res.data.gntd this.cpjj = res.data.cpjj;
this.yycx = res.data.yycx this.gntd = res.data.gntd;
this.yfjs = res.data.yfjs this.yycx = res.data.yycx;
this.tdjs = res.data.tdjs this.yfjs = res.data.yfjs;
this.fwts = res.data.fwts this.tdjs = res.data.tdjs;
this.fwal = res.data.fwal this.fwts = res.data.fwts;
this.remark = res.data.remark this.fwal = res.data.fwal;
this.remark = res.data.remark;
// 在这里处理返回的数据
}).catch(error => { }).catch(error => {
console.error('Error fetching data:', error); console.error('Error fetching data:', error); // 错误处理
}); });
}, },
// 判断内层菜单是否处于活动状态
isInnerActive(innerName) { isInnerActive(innerName) {
return this.activeNameInner.startsWith(innerName); // 判断是否为活动状态 return this.activeNameInner.startsWith(innerName); // 判断是否为活动状态
}, },
// 处理菜单变化
handleChange(val) { handleChange(val) {
console.log(val); console.log(val);
}, },
// 处理点击事件
handleClick(tab, event) { handleClick(tab, event) {
this.activeName = tab.name; // 确保更新activeName this.activeName = tab.name; // 更新活动名称
console.log(this.activeName, ' this.activeName'); console.log(this.activeName, ' this.activeName');
}, },
}, },
}; };
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment