fl-web-component 0.1.1 → 1.0.1

package/packages/components/com-treeDynamic/index.vue

@@ -31,18 +31,20 @@
       highlight-current
       @node-click="treeNodeClick"
     >
-      <span slot-scope="{ node, data }" class="custom-tree-node" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
+      <span
+        slot-scope="{ node, data }"
+        class="custom-tree-node"
+        @mouseenter="mouseenter(data)"
+        @mouseleave="mouseleave(data)"
+      >
         <span :title="node.label" class="tree_node_span">
           <template id="">
-            <i class="el-icon-folder-opened" style="margin-right:3px" />
+            <i class="el-icon-folder-opened" style="margin-right: 3px" />
           </template>
           <span :title="node.label" class="title_tree">{{ node.label }}</span>
         </span>
-        <span class="tree_operation" style=" display: inline-block; width: 80px; text-align: right; ">
-          <slot v-if="treeNodeHandle" class="fr_text" :data="data">
-            操作按钮
-          </slot>
-
+        <span class="tree_operation" style="display: inline-block; width: 80px; text-align: right">
+          <slot v-if="treeNodeHandle" class="fr_text" :data="data"> 操作按钮 </slot>
         </span>
       </span>
     </el-tree>
@@ -57,105 +59,104 @@ export default {
     /* 是否可搜索 */
     hasSearch: {
       type: Boolean,
-      default: true
+      default: true,
     },
     /* 搜索框文字提示 */
     filterPlaceholder: {
       type: String,
-      default: '输入关键字进行过滤'
+      default: '输入关键字进行过滤',
     },
     // 搜索框大小
     inputSize: {
       type: String,
-      default: 'small'
+      default: 'small',
     },
     /* 树结构数据 */
     treeData: {
       type: Array,
       default: () => [],
-      required: true
+      required: true,
     },
     /* 树结构 props */
     treeProps: {
       type: Object,
       default: () => {},
-      required: true
+      required: true,
     },
     /* 是否默认展开所有节点 */
     defaultExpandAll: {
       type: Boolean,
-      default: true
+      default: true,
     },
     /* 是否在点击节点的时候展开或者收缩节点 */
     expandOnClickNode: {
       type: Boolean,
-      default: false
+      default: false,
     },
     /* 树节点 nodeKey */
     nodeKey: {
       type: String,
-      default: 'id'
+      default: 'id',
     },
     /* 树结构节点操作 */
     treeNodeHandle: {
       type: Boolean,
-      default: true
-    }
-
+      default: true,
+    },
   },
   data() {
     return {
       /* 搜索字段 */
       filterText: '',
-      treeHeight: ''
-    }
+      treeHeight: '',
+    };
   },
   computed: {},
   watch: {
     filterText(val) {
-      this.$refs.dynamicTree.filter(val)
+      this.$refs.dynamicTree.filter(val);
     },
-    deep: true
+    deep: true,
   },
   created() {},
   mounted() {
     /* 获取搜索框样式，动态赋值树高度 */
     if (this.hasSearch) {
-      const that = this
+      const that = this;
       this.$nextTick(() => {
-        const inputDom = document.getElementsByClassName('filter_input')[0]
+        const inputDom = document.getElementsByClassName('filter_input')[0];
         if (inputDom) {
-          const inputDomHeight = inputDom.scrollHeight + 8
+          const inputDomHeight = inputDom.scrollHeight + 8;
           if (inputDomHeight) {
-            const treeCalcHeight = `calc(100% - ${inputDomHeight}px)`
-            that.$set(that, 'treeHeight', treeCalcHeight)
+            const treeCalcHeight = `calc(100% - ${inputDomHeight}px)`;
+            that.$set(that, 'treeHeight', treeCalcHeight);
           }
         }
-      })
+      });
     } else {
-      this.$set(this, 'treeHeight', '100%')
+      this.$set(this, 'treeHeight', '100%');
     }
   },
   methods: {
     /* 搜索 */
     filterNode(value, data) {
-      if (!value) return true
-      const label = this.treeProps.label
-      return data[label].indexOf(value) !== -1
+      if (!value) return true;
+      const label = this.treeProps.label;
+      return data[label].indexOf(value) !== -1;
     },
     /* 树结构 点击节点 */
     treeNodeClick(node) {
-      this.$emit('treeNodeClick', node)
+      this.$emit('treeNodeClick', node);
     },
     /** 树节点鼠标移入移出 */
     mouseenter(data) {
-      this.$set(data, 'show', true)
+      this.$set(data, 'show', true);
     },
     mouseleave(data) {
-      this.$set(data, 'show', false)
-    }
-  }
-}
+      this.$set(data, 'show', false);
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
 .tree_dynamic {
@@ -173,23 +174,23 @@ export default {
 .el-tree {
   width: 100%;
   overflow-y: auto;
-  .custom-tree-node{
+  .custom-tree-node {
     display: flex;
     align-items: center;
-    width: calc(100% - 24px)!important;
+    width: calc(100% - 24px) !important;
     font-size: 14px;
   }
-  .custom-tree-node .tree_node_span{
+  .custom-tree-node .tree_node_span {
     display: flex;
     align-items: center;
     font-size: 14px;
-    width: calc(100% - 80px)!important;
+    width: calc(100% - 80px) !important;
     i {
       display: inline-block;
     }
-    .title_tree{
+    .title_tree {
       display: inline-block;
-      width: calc(100% - 18px)!important;
+      width: calc(100% - 18px) !important;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
@@ -203,5 +204,4 @@ export default {
 .whole_tree {
   height: v-bind(treeHeight);
 }
-
 </style>

package/packages/components/model/api/index.js

@@ -1,15 +1,15 @@
 //  wbs 相关接口
-import config from "@/api/config";
-import { post, get, put, deleteData } from "@/utils/request";
+import config from '@/api/config';
+import { post, get, put, deleteData } from '@/utils/request';
 // import geomData from '@/utils/geomData.js'
-import init from "./mock/init.js";
-import pbstree from "./mock/pbstree.js";
-import detectCheckTree from "./mock/detecttree.js";
-import line from "./mock/getmodel-line.js";
-import topology from "./mock/topology.json";
+import init from './mock/init.js';
+import pbstree from './mock/pbstree.js';
+import detectCheckTree from './mock/detecttree.js';
+import line from './mock/getmodel-line.js';
+import topology from './mock/topology.json';
 
 let mockFlag;
-mockFlag = process.env.NODE_ENV !== "production";
+mockFlag = process.env.NODE_ENV !== 'production';
 
 // 接口代理的配置
 /**
@@ -26,13 +26,13 @@ const openProxyCfg = {
 };
 
 const log = function (text) {
-  console.log(`%c${text}`, "color:red;font-size:3em;");
+  console.log(`%c${text}`, 'color:red;font-size:3em;');
 };
 
 // 初始化
 let proofInit;
 if (mockFlag && openProxyCfg.proofInit) {
-  log("init 走本地数据");
+  log('init 走本地数据');
   proofInit = () =>
     new Promise((resolve, reject) => {
       setTimeout(function () {
@@ -47,10 +47,9 @@ if (mockFlag && openProxyCfg.proofInit) {
 // 获取pbs树
 let getPbsTree;
 if (mockFlag && openProxyCfg.getPbsTree) {
-  log("getPbsTree 走本地数据");
+  log('getPbsTree 走本地数据');
 
-  getPbsTree = (params) =>
-    get(config.apiService + `/design/getPbsTree`, params);
+  getPbsTree = (params) => get(config.apiService + `/design/getPbsTree`, params);
 } else {
   getPbsTree = () =>
     new Promise((resolve, reject) => {
@@ -63,7 +62,7 @@ if (mockFlag && openProxyCfg.getPbsTree) {
 // 获取 c++ 端的原始 pbs 树
 let getOriginalPbsTree;
 if (mockFlag && openProxyCfg.getOriginalPbsTree) {
-  log("getOriginalPbsTree 走本地数据");
+  log('getOriginalPbsTree 走本地数据');
 
   getOriginalPbsTree = () =>
     new Promise((resolve, reject) => {
@@ -76,17 +75,16 @@ if (mockFlag && openProxyCfg.getOriginalPbsTree) {
     get(
       `${config.apiDataService}/${params.toProjId}/${params.toStagId}/${params.toVersion}/index.json`,
       {},
-      { responseAll: true }
+      { responseAll: true },
     );
 }
 
 // 获取设计端ip端口
 let getDesignIp;
 if (mockFlag && openProxyCfg.getDesignIp) {
-  log("getDesignIp 走本地数据");
+  log('getDesignIp 走本地数据');
 } else {
-  getDesignIp = (params) =>
-    get(config.apiService + `/system/getDesignIp`, params);
+  getDesignIp = (params) => get(config.apiService + `/system/getDesignIp`, params);
 
   // getDesignIp = () =>
   //   new Promise((resolve, reject) => {
@@ -98,7 +96,7 @@ if (mockFlag && openProxyCfg.getDesignIp) {
 // 获取分组模型
 let getModelByGroup;
 if (mockFlag && openProxyCfg.getModelByGroup) {
-  log("getModelByGroup 走本地数据");
+  log('getModelByGroup 走本地数据');
   getModelByGroup = () =>
     new Promise((resolve, reject) => {
       const { data } = line;
@@ -110,14 +108,14 @@ if (mockFlag && openProxyCfg.getModelByGroup) {
     get(
       `${config.apiDataService}/${params.toProjId}/${params.toStagId}/${params.toVersion}/${params.groupId}.json`,
       {},
-      { responseAll: true }
+      { responseAll: true },
     );
 }
 
 // 获取分组模型
 let getPropertyByGroup;
 if (mockFlag && openProxyCfg.getPropertyByGroup) {
-  log("getPropertyByGroup 走本地数据");
+  log('getPropertyByGroup 走本地数据');
   getPropertyByGroup = () =>
     new Promise((resolve, reject) => {
       const { data } = line;
@@ -129,14 +127,14 @@ if (mockFlag && openProxyCfg.getPropertyByGroup) {
     get(
       `${config.apiDataService}/${params.toProjId}/${params.toStagId}/${params.toVersion}/${params.groupId}_prop.json`,
       {},
-      { responseAll: true }
+      { responseAll: true },
     );
 }
 
 // 获取模型连接拓扑
 let getTopology;
 if (mockFlag && openProxyCfg.getTopology) {
-  log("getTopology 走本地数据");
+  log('getTopology 走本地数据');
   getTopology = () =>
     new Promise((resolve, reject) => {
       // const { data } = topology;
@@ -148,13 +146,12 @@ if (mockFlag && openProxyCfg.getTopology) {
     get(
       `${config.apiDataService}/${params.toProjId}/${params.toStagId}/${params.toVersion}/topology.json`,
       {},
-      { responseAll: true }
+      { responseAll: true },
     );
 }
 
 // 获取模型属性
-const getModelProperty = (params) =>
-  get(config.apiService + `/design/getModelProperty`, params);
+const getModelProperty = (params) => get(config.apiService + `/design/getModelProperty`, params);
 
 // 获取校审意见列表
 const getProofOpinionList = (params) =>
@@ -169,17 +166,14 @@ const getProofOpinionById = (params) =>
   });
 
 // 新增校审意见
-const addProofOpinion = (params) =>
-  post(config.apiService + `/opinion`, params);
+const addProofOpinion = (params) => post(config.apiService + `/opinion`, params);
 
 // 更新校审意见
 const putProofOpinion = (params) => put(config.apiService + `/opinion`, params);
 
 // 删除校审意见
 const deleteProofOpinion = (params) =>
-  deleteData(
-    config.apiService + `/opinion/${params.ids}?projectId=${params.projectId}`
-  );
+  deleteData(config.apiService + `/opinion/${params.ids}?projectId=${params.projectId}`);
 
 // 获取专业列表
 const getPostList = (params) =>
@@ -188,7 +182,7 @@ const getPostList = (params) =>
 // 文件上传
 const upload = (params) =>
   post(config.apiService + `/system/resource/upload`, params, {
-    contentType: "multipart/form-data",
+    contentType: 'multipart/form-data',
   });
 
 // 获取是否更新模型
@@ -200,7 +194,7 @@ const IfUpdateModel = (params) =>
 // 查询用户管理列表
 let getProofProjectUserList;
 if (mockFlag && openProxyCfg.getProofProjectUserList) {
-  console.log("getProofProjectUserList 走本地数据");
+  console.log('getProofProjectUserList 走本地数据');
   getProofProjectUserList = () =>
     new Promise((resolve, reject) => {
       setTimeout(function () {
@@ -209,13 +203,13 @@ if (mockFlag && openProxyCfg.getProofProjectUserList) {
           data: [
             {
               id: 1,
-              name: "用户1",
-              roleId: "1",
+              name: '用户1',
+              roleId: '1',
             },
             {
               id: 3,
-              name: "用户3",
-              roleId: "2",
+              name: '用户3',
+              roleId: '2',
             },
           ],
         });
@@ -229,8 +223,7 @@ if (mockFlag && openProxyCfg.getProofProjectUserList) {
 }
 
 // 新增校审项目用户
-const addProofProjectUser = (params) =>
-  post(config.apiService + `/project/userRole/add`, params);
+const addProofProjectUser = (params) => post(config.apiService + `/project/userRole/add`, params);
 
 // 编辑校审项目用户
 const updateProofProjectUser = (params) =>
@@ -239,7 +232,7 @@ const updateProofProjectUser = (params) =>
 // 碰撞检查
 let getDetectCheckTree;
 if (mockFlag && openProxyCfg.getDetectCheckTree) {
-  console.log("getDetectCheckTree 走本地数据");
+  console.log('getDetectCheckTree 走本地数据');
   getDetectCheckTree = () =>
     new Promise((resolve, reject) => {
       setTimeout(function () {
@@ -254,7 +247,7 @@ if (mockFlag && openProxyCfg.getDetectCheckTree) {
 // 校审历史
 let getProofHistoryList;
 if (mockFlag && openProxyCfg.getProofHistoryList) {
-  console.log("getProofHistoryList 走本地数据");
+  console.log('getProofHistoryList 走本地数据');
   getProofHistoryList = () =>
     new Promise((resolve, reject) => {
       setTimeout(function () {
@@ -262,27 +255,27 @@ if (mockFlag && openProxyCfg.getProofHistoryList) {
           data: [
             {
               id: 1,
-              name: "炼化项目60%",
-              updateTime: "2020-03-23 15:30:00",
-              model: "校审模型名称1",
+              name: '炼化项目60%',
+              updateTime: '2020-03-23 15:30:00',
+              model: '校审模型名称1',
             },
             {
               id: 2,
-              name: "炼化项目70%",
-              updateTime: "2020-03-23 15:30:00",
-              model: "校审模型名称2",
+              name: '炼化项目70%',
+              updateTime: '2020-03-23 15:30:00',
+              model: '校审模型名称2',
             },
             {
               id: 3,
-              name: "炼化项目80%",
-              updateTime: "2020-03-23 15:30:00",
-              model: "校审模型名称3",
+              name: '炼化项目80%',
+              updateTime: '2020-03-23 15:30:00',
+              model: '校审模型名称3',
             },
             {
               id: 4,
-              name: "炼化项目90%",
-              updateTime: "2020-03-23 15:30:00",
-              model: "校审模型名称4",
+              name: '炼化项目90%',
+              updateTime: '2020-03-23 15:30:00',
+              model: '校审模型名称4',
             },
           ],
         });
@@ -298,7 +291,7 @@ if (mockFlag && openProxyCfg.getProofHistoryList) {
 // 校审项目用户列表
 let getUnallocatedUserList;
 if (mockFlag && openProxyCfg.getUnallocatedUserList) {
-  console.log("getUnallocatedUserList 走本地数据");
+  console.log('getUnallocatedUserList 走本地数据');
   getUnallocatedUserList = () =>
     new Promise((resolve, reject) => {
       setTimeout(function () {
@@ -307,23 +300,23 @@ if (mockFlag && openProxyCfg.getUnallocatedUserList) {
           data: [
             {
               id: 1,
-              name: "用户1",
-              roleId: "1",
+              name: '用户1',
+              roleId: '1',
             },
             {
               id: 2,
-              name: "用户2",
-              roleId: "1",
+              name: '用户2',
+              roleId: '1',
             },
             {
               id: 3,
-              name: "用户3",
-              roleId: "2",
+              name: '用户3',
+              roleId: '2',
             },
             {
               id: 4,
-              name: "用户4",
-              roleId: "2",
+              name: '用户4',
+              roleId: '2',
             },
           ],
         });
@@ -339,7 +332,7 @@ if (mockFlag && openProxyCfg.getUnallocatedUserList) {
 // 校审项目角色列表
 let getRoleList;
 if (mockFlag && openProxyCfg.getRoleList) {
-  console.log("getRoleList 走本地数据");
+  console.log('getRoleList 走本地数据');
   getRoleList = () =>
     new Promise((resolve, reject) => {
       setTimeout(function () {
@@ -348,11 +341,11 @@ if (mockFlag && openProxyCfg.getRoleList) {
           data: [
             {
               id: 1,
-              name: "角色1",
+              name: '角色1',
             },
             {
               id: 2,
-              name: "角色2",
+              name: '角色2',
             },
           ],
         });
@@ -374,8 +367,7 @@ const deleteProofProjectUser = (params) =>
   post(config.apiService + `/project/userRole/remove`, params);
 
 // 检测正在校审的模型
-const checkProofingModel = (params) =>
-  get(config.apiService + `/project/ifload`, params);
+const checkProofingModel = (params) => get(config.apiService + `/project/ifload`, params);
 
 // 载入校审模型
 const loadProofModel = (params) =>

package/packages/components/model/api/mock/detecttree.js

@@ -1,58 +1,58 @@
 const tree = {
   641: {
-    "code": 200,
-    "msg": "succeed",
-    "data": [
+    code: 200,
+    msg: 'succeed',
+    data: [
       {
-        "categorytag": "EQUI_VESSEL_LSPDYG",
-        "detect": [
+        categorytag: 'EQUI_VESSEL_LSPDYG',
+        detect: [
           {
-            "categorytag": "ARCH_FUN",
-            "id": 0,
-            "objectid": "2.641.2-MODELELEM-o.160.a.66e2c343-160"
-          }
+            categorytag: 'ARCH_FUN',
+            id: 0,
+            objectid: '2.641.2-MODELELEM-o.160.a.66e2c343-160',
+          },
         ],
-        "id": 1,
-        "objectid": "2.641.2-MODELELEM-o.160.a.66e2c343-160"
+        id: 1,
+        objectid: '2.641.2-MODELELEM-o.160.a.66e2c343-160',
       },
       {
-        "categorytag": "ARCH_FUN_YZJC",
-        "detect": [
+        categorytag: 'ARCH_FUN_YZJC',
+        detect: [
           {
-            "categorytag": "EQUI_VESSEL",
-            "id": 2,
-            "objectid": "2.641.2-MODELELEM-o.160.b.66e2c367-160"
-          }
+            categorytag: 'EQUI_VESSEL',
+            id: 2,
+            objectid: '2.641.2-MODELELEM-o.160.b.66e2c367-160',
+          },
         ],
-        "id": 3,
-        "objectid": "2.641.2-MODELELEM-o.160.b.66e2c367-160"
+        id: 3,
+        objectid: '2.641.2-MODELELEM-o.160.b.66e2c367-160',
       },
       {
-        "categorytag": "EQUI_PUMP",
-        "detect": [
+        categorytag: 'EQUI_PUMP',
+        detect: [
           {
-            "categorytag": "ARCH_FUN_XSJC",
-            "id": 4,
-            "objectid": "2.641.2-MODELELEM-o.116.2.66efa39a-116"
-          }
+            categorytag: 'ARCH_FUN_XSJC',
+            id: 4,
+            objectid: '2.641.2-MODELELEM-o.116.2.66efa39a-116',
+          },
         ],
-        "id": 5,
-        "objectid": "2.641.2-MODELELEM-o.116.2.66efa39a-116"
+        id: 5,
+        objectid: '2.641.2-MODELELEM-o.116.2.66efa39a-116',
       },
       {
-        "categorytag": "ARCH_FUN_XSJC",
-        "detect": [
+        categorytag: 'ARCH_FUN_XSJC',
+        detect: [
           {
-            "categorytag": "EQUI_PUMP",
-            "id": 6,
-            "objectid": "2.641.2-MODELELEM-o.116.1.66efa39a-116"
-          }
+            categorytag: 'EQUI_PUMP',
+            id: 6,
+            objectid: '2.641.2-MODELELEM-o.116.1.66efa39a-116',
+          },
         ],
-        "id": 7,
-        "objectid": "2.641.2-MODELELEM-o.116.1.66efa39a-116"
-      }
-    ]
-  }
+        id: 7,
+        objectid: '2.641.2-MODELELEM-o.116.1.66efa39a-116',
+      },
+    ],
+  },
 };
 
 export default tree[641];