fl-web-component 0.1.0 → 1.0.0

package/packages/components/model/components/proof-config.vue

@@ -1,15 +1,7 @@
 <template>
   <div class="proof-config">
-    <ImportModel
-      ref="importModel"
-      :defaultParams="defaultParams"
-      @viewVersion="viewVersion"
-    />
-    <ProofHistory
-      ref="proofHistory"
-      @viewVersion="viewVersion"
-      :defaultParams="defaultParams"
-    />
+    <ImportModel ref="importModel" :defaultParams="defaultParams" @viewVersion="viewVersion" />
+    <ProofHistory ref="proofHistory" @viewVersion="viewVersion" :defaultParams="defaultParams" />
     <ProofProjectUser :defaultParams="defaultParams" />
     <ProofRole :defaultParams="defaultParams" />
     <ProofPublish

package/packages/components/model/components/proof-for-pc.vue

@@ -12,19 +12,19 @@
 <script>
 import { setToken } from '@/utils/auth';
 import * as modelApi from '../api/index';
-import ProofPanel from './proof-panel.vue'
+import ProofPanel from './proof-panel.vue';
 export default {
   data() {
     return {
       defaultParams: {
-        projectId: "",
-        stageId: "",
-        client: "",
-      }
+        projectId: '',
+        stageId: '',
+        client: '',
+      },
     };
   },
   components: {
-    ProofPanel
+    ProofPanel,
   },
   created() {
     this.initDefaultParams();
@@ -40,51 +40,54 @@ export default {
       this.defaultParams.token = this.$route.query.token;
       // this.defaultParams.toProjectId = this.$route.query.toProjectId;
 
-      if(this.defaultParams.token){
+      if (this.defaultParams.token) {
         setToken(this.defaultParams.token);
       }
       this.getProofProjectId();
     },
     // 获取数据
     getData() {
-      if (typeof qt !== "undefined") {
+      if (typeof qt !== 'undefined') {
         let that = this;
-        new that.QWebChannel(qt.webChannelTransport, channel => {
+        new that.QWebChannel(qt.webChannelTransport, (channel) => {
           // 获取Qt注册的对象,设置到主窗口
           window.webTransport = channel.objects.webTransport;
           // 接收 C++ 发送的消息
-          webTransport.SendMessageToWeb.connect(message => {
+          webTransport.SendMessageToWeb.connect((message) => {
             that.dataLoading = true;
             that.paraObj = JSON.parse(message);
           });
         });
       } else {
-        console.error("初始化qwebchannel失败");
+        console.error('初始化qwebchannel失败');
       }
     },
-    getProofProjectId(){
-      modelApi.getProofProjectId({
-        toProjectId: this.$route.query.projectId
-      }).then(res => {
-        if(res.code === 200){
-          if(res.data !== 0){
+    getProofProjectId() {
+      modelApi
+        .getProofProjectId({
+          toProjectId: this.$route.query.projectId,
+        })
+        .then((res) => {
+          if (res.code === 200) {
+            if (res.data !== 0) {
               this.defaultParams.projectId = res.data;
               this.$refs.proofPanel.init();
-          }else{
-            this.$message({ type: 'error', message: '校审项目不存在' })
+            } else {
+              this.$message({ type: 'error', message: '校审项目不存在' });
+            }
+          } else {
+            this.$message({ type: 'error', message: res.msg });
           }
-        }else{
-          this.$message({ type: 'error', message: res.msg })
-        }
-      }).catch(err => {
-        console.log(err)
-        // this.$message({ type: 'error', message: err.msg })
-      });
+        })
+        .catch((err) => {
+          console.log(err);
+          // this.$message({ type: 'error', message: err.msg })
+        });
     },
     handleProofSavelBtn(data) {
       const postData = {
         ...data,
-        stageId: this.defaultParams.stageId
+        stageId: this.defaultParams.stageId,
       };
       if (_.isEmpty(data.id)) {
         postData.projectId = this.defaultParams.projectId;
@@ -97,14 +100,14 @@ export default {
       // const { cameraPosition, cameraTarget } = JSON.parse(position);
 
       // 向客户端发送数据
-      if (typeof qt !== "undefined") {
-        new this.QWebChannel(qt.webChannelTransport, function(channel) {
+      if (typeof qt !== 'undefined') {
+        new this.QWebChannel(qt.webChannelTransport, function (channel) {
           // 获取Qt注册的对象,设置到主窗口
           window.webTransport = channel.objects.webTransport;
           webTransport.AcceptWebData(position);
         });
       } else {
-        console.error("初始化qwebchannel失败");
+        console.error('初始化qwebchannel失败');
       }
       // // 视点
       // this.animateCamera(
@@ -115,8 +118,8 @@ export default {
       //   cameraTarget.y,
       //   cameraTarget.z
       // );
-    }
-  }
+    },
+  },
 };
 </script>
 

package/packages/components/model/components/proof-history.vue

@@ -1,46 +1,28 @@
 <template>
   <div>
-		<div class="trigger-button">
-      <el-button type="text" @click="triggerDialog"
-        ><i class="pre-img"></i>校审历史</el-button
-      >
+    <div class="trigger-button">
+      <el-button type="text" @click="triggerDialog"><i class="pre-img"></i>校审历史</el-button>
     </div>
     <com-dialog
       v-if="dialogVisible"
       dialog-title="校审历史"
       :visible="dialogVisible"
       :popup-width="'50%'"
-			:footerDisabled="true"
+      :footerDisabled="true"
       @handleClose="handleClose"
       @submitDialogData="submitDialogData"
     >
-      <el-table
-        max-height="50vh"
-        v-loading="loading"
-        :data="tableData"
-      >
+      <el-table max-height="50vh" v-loading="loading" :data="tableData">
         <el-table-column label="序号" type="index" width="80" />
 
-        <el-table-column
-          label="校审版本名称"
-          prop="name"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="更新时间"
-          prop="updateTime"
-          show-overflow-tooltip
-        />
+        <el-table-column label="校审版本名称" prop="name" show-overflow-tooltip />
+        <el-table-column label="更新时间" prop="updateTime" show-overflow-tooltip />
         <!-- <el-table-column
           label="校审模型名称"
           prop="toVersion"
           show-overflow-tooltip
         /> -->
-        <el-table-column
-          label="操作"
-          width="200"
-          class-name="small-padding fixed-width"
-        >
+        <el-table-column label="操作" width="200" class-name="small-padding fixed-width">
           <template slot-scope="scope">
             <el-button size="mini" type="text" @click="handleViewVersion(scope.row)"
               >查看</el-button
@@ -48,20 +30,21 @@
             <el-button size="mini" disabled type="text" @click="handleDownload(scope.row)"
               >下载报告</el-button
             >
-            <el-button size="mini" type="text" @click="handleDelete(scope.row)"
-              v-hasPermi="[
-                `project:version:remove:proj:${defaultParams.projectId}`,
-              ]"
+            <el-button
+              size="mini"
+              type="text"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="[`project:version:remove:proj:${defaultParams.projectId}`]"
               >删除</el-button
             >
           </template>
         </el-table-column>
       </el-table>
     </com-dialog>
-		<div v-show="historyDialogVisible" class="history-dialog">
-			<div class="history-title">{{ historyVersionName }}</div>
-			<el-button type="text" @click="exitViewVersion">退出历史</el-button>
-		</div>
+    <div v-show="historyDialogVisible" class="history-dialog">
+      <div class="history-title">{{ historyVersionName }}</div>
+      <el-button type="text" @click="exitViewVersion">退出历史</el-button>
+    </div>
   </div>
 </template>
 
@@ -72,26 +55,26 @@ export default {
   data() {
     return {
       dialogVisible: false,
-			historyDialogVisible: false,
+      historyDialogVisible: false,
       tableData: [],
-			loading: true,
-			historyVersionName: '',
+      loading: true,
+      historyVersionName: '',
     };
   },
   components: {
     ComDialog: () => import('./com-dialogWrapper'),
   },
   props: {
-		defaultParams: {
+    defaultParams: {
       type: Object,
       default() {
         return {};
       },
     },
-	},
-	mounted() {
-		this.getList();
-	},
+  },
+  mounted() {
+    this.getList();
+  },
   methods: {
     triggerDialog() {
       this.dialogVisible = !this.dialogVisible;
@@ -109,83 +92,84 @@ export default {
     handleClose() {
       this.dialogVisible = false;
     },
-		getList(){
-      console.log('getList')
-			getProofHistoryList(this.defaultParams).then((res) => {
-        if(res.code == 200){
-          this.tableData = res.rows;
-        }else{
-          this.$message({
-            type: "error",
-            message: res.msg,
-          });
-        }
-			}).finally(() => {
-				this.loading = false;
+    getList() {
+      console.log('getList');
+      getProofHistoryList(this.defaultParams)
+        .then((res) => {
+          if (res.code == 200) {
+            this.tableData = res.rows;
+          } else {
+            this.$message({
+              type: 'error',
+              message: res.msg,
+            });
+          }
+        })
+        .finally(() => {
+          this.loading = false;
 
-        //  查看历史校审版本
-        const proofHistoryVersion = localStorage.getItem('proofHistoryVersion');
-        if(proofHistoryVersion){
-          this.historyDialogVisible = true;
-          this.historyVersionName = proofHistoryVersion;
-        }
-			});
-		},
-		handleDelete(item){
+          //  查看历史校审版本
+          const proofHistoryVersion = localStorage.getItem('proofHistoryVersion');
+          if (proofHistoryVersion) {
+            this.historyDialogVisible = true;
+            this.historyVersionName = proofHistoryVersion;
+          }
+        });
+    },
+    handleDelete(item) {
       this.$confirm('将删除版本 "' + item.name + '"，是否继续？', '移除', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: 'error'
-      }).then(() => {
-        const { id } = item;
-        deleteProofHistory({
+        type: 'error',
+      })
+        .then(() => {
+          const { id } = item;
+          deleteProofHistory({
             ids: id,
           })
-          .then((res) => {
-            if (res.code != 200) {
+            .then((res) => {
+              if (res.code != 200) {
+                this.$message({
+                  type: 'error',
+                  message: res.msg,
+                });
+              } else {
+                this.getList(this.defaultParams);
+                this.$message({
+                  type: 'success',
+                  message: res.msg,
+                });
+              }
+            })
+            .catch((res) => {
               this.$message({
-                type: "error",
+                type: 'error',
                 message: res.msg,
               });
-            } else {
-
-              this.getList(this.defaultParams);
-              this.$message({
-                type: "success",
-                message: res.msg,
-              });
-            }
-          })
-          .catch((res) => {
-            this.$message({
-              type: "error",
-              message: res.msg,
             });
-          });
-      }).catch(() => {
-      });
-		},
-		handleDownload(item){
-		},
-		handleViewVersion(item){
-			this.historyVersionName = item.name;
-			// this.triggerDialog()
-			// this.dialogVisible = false;
-			// this.historyDialogVisible = true;
-      localStorage.setItem('proofHistoryVersion', item.name)
+        })
+        .catch(() => {});
+    },
+    handleDownload(item) {},
+    handleViewVersion(item) {
+      this.historyVersionName = item.name;
+      // this.triggerDialog()
+      // this.dialogVisible = false;
+      // this.historyDialogVisible = true;
+      localStorage.setItem('proofHistoryVersion', item.name);
       this.$message({
-        type: "success",
+        type: 'success',
         message: '正在切换历史版本',
       });
       setTimeout(() => {
-        this.$emit('viewVersion', item)
-      }, 500)
-		},
-		exitViewVersion(){
-			this.historyDialogVisible = false;
-      localStorage.removeItem('proofHistoryVersion')
-			this.$emit('viewVersion', null)
-		}
+        this.$emit('viewVersion', item);
+      }, 500);
+    },
+    exitViewVersion() {
+      this.historyDialogVisible = false;
+      localStorage.removeItem('proofHistoryVersion');
+      this.$emit('viewVersion', null);
+    },
   },
 };
 </script>
@@ -209,62 +193,61 @@ export default {
 ::v-deep .el-table {
   display: flex;
   flex-direction: column;
-	font-size: 14px;
+  font-size: 14px;
   line-height: 20px;
-  color: #2E3136;
+  color: #2e3136;
 
-	// .el-table th{
-	// 	background: none;
-	// }
-	// .el-table tr{
-	// 	background: none;
-	// }
-	// .el-table thead{
-	// 	tr{
-	// 		color: #2E3136;
-	// 	}
-	// }
-	.el-table th.el-table__cell{
-		background: none;
-	}
+  // .el-table th{
+  // 	background: none;
+  // }
+  // .el-table tr{
+  // 	background: none;
+  // }
+  // .el-table thead{
+  // 	tr{
+  // 		color: #2E3136;
+  // 	}
+  // }
+  .el-table th.el-table__cell {
+    background: none;
+  }
   .el-table__header-wrapper {
     flex-shrink: 0;
   }
   .el-table__body-wrapper {
     flex-grow: 1;
     .el-table__row {
-      height: 52px;;
+      height: 52px;
       background-color: #fff !important;
     }
   }
   .el-table__header-wrapper .el-table__header th,
   .el-table__fixed-header-wrapper .el-table__header th {
-    background-color: #F8F8F8 !important;
-    color: #2E3136;
-    height: 52px;;
+    background-color: #f8f8f8 !important;
+    color: #2e3136;
+    height: 52px;
     box-sizing: border-box;
     padding: 0;
-		font-size: 14px;
-		line-height: 20px;
-		color: #2E3136;
-
+    font-size: 14px;
+    line-height: 20px;
+    color: #2e3136;
   }
 
   .el-table__fixed-body-wrapper {
     .el-table__row {
-      height: 52px;;
+      height: 52px;
     }
   }
-  
+
   .el-table__body tr.hover-row {
     td.el-table__cell {
-      background-color: #F6F9FA;
+      background-color: #f6f9fa;
     }
   }
 
   .el-table__cell:not(.is-center):not(.is-hidden) {
     button.el-button--text {
-      color: #008DE9;
+      color: #008de9;
     }
   }
 
@@ -273,9 +256,8 @@ export default {
     height: 30px;
   }
 
-
   .el-dropdown-link {
-    color: #008DE9;
+    color: #008de9;
   }
   // 头部多选按钮
   thead .el-table-column--selection {
@@ -285,34 +267,34 @@ export default {
   }
 }
 
-.history-dialog{
+.history-dialog {
   justify-content: space-between;
   align-items: center;
   position: fixed;
   width: 450px;
-	height: 50px;
+  height: 50px;
   background-color: rgb(255, 255, 255);
   border-radius: 6px;
   box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.18);
   display: flex;
-	padding: 0 20px;
-	.history-title{
-		font-size: 18px;
-		font-weight: 700;
-	}
+  padding: 0 20px;
+  .history-title {
+    font-size: 18px;
+    font-weight: 700;
+  }
 }
-::v-deep .trigger-button{
-	span{
-		display: flex;
-		align-items: center;
-		color: #2E3136;
-	}
-	.pre-img {
-		background-image: url('../../../assets/proof/history@2x.png');
-		width: 30px;
-		height: 30px;
-		display: inline-block;
-		background-size: cover;
-	}	
+::v-deep .trigger-button {
+  span {
+    display: flex;
+    align-items: center;
+    color: #2e3136;
+  }
+  .pre-img {
+    background-image: url('../../../assets/proof/history@2x.png');
+    width: 30px;
+    height: 30px;
+    display: inline-block;
+    background-size: cover;
+  }
 }
 </style>