From d1ac67834e4bd2621809a9c778714bf575f80117 Mon Sep 17 00:00:00 2001
From: wente <329538422@qq.com>
Date: 星期三, 29 十一月 2023 16:16:15 +0800
Subject: [PATCH] 流程图
---
web/src/views/modules/flowChart/ConfigNode/project-list-select.vue | 273 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 273 insertions(+), 0 deletions(-)
diff --git a/web/src/views/modules/flowChart/ConfigNode/project-list-select.vue b/web/src/views/modules/flowChart/ConfigNode/project-list-select.vue
new file mode 100644
index 0000000..063761e
--- /dev/null
+++ b/web/src/views/modules/flowChart/ConfigNode/project-list-select.vue
@@ -0,0 +1,273 @@
+<template>
+ <div class="v-service-user">
+ <zt-table-wraper ref="tableObj" query-url="/maintain/projectNetworkDiagram/getInspectionPage" :lazy="true" :paging='true'
+ delete-url="/project/inspection" v-slot="{ table }">
+ <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
+ <el-form-item class="toolbar">
+ <el-form-item prop="projectId" style="margin-top: 2px;width: 150px;">
+ <zt-select v-model="dataForm.projectId" :datas="model" placeholder="宸ョ▼椤圭洰" clearable></zt-select>
+ </el-form-item>
+ <el-form-item style="margin-top: 2px;" v-show="selectProjectFlag">
+ <el-input v-model="dataForm.userKey" placeholder="鍏抽敭瀛�" style="width: 150px;" clearable></el-input>
+ </el-form-item>
+ <!--<el-form-item prop="projectMajor" style="margin-top: 2px;width: 150px;">-->
+ <!--<zt-dict v-model="dataForm.projectMajor" dict="project_major" placeholder="宸ョ▼涓撲笟" clearable></zt-dict>-->
+ <!--</el-form-item>-->
+ <el-form-item prop="reconditionMajor" style="margin-top: 2px;width: 120px;" v-show="selectProjectFlag">
+ <zt-dict v-model="dataForm.reconditionMajor" dict="recondition_major" placeholder="鐩戜慨涓撲笟"
+ clearable></zt-dict>
+ </el-form-item>
+ <el-form-item style="width:130px;margin-top: 2px;" v-show="selectProjectFlag">
+ <zt-dict v-model="dataForm.projectType" dict="project_type" placeholder="椤圭洰绫诲瀷"
+ @keyup.enter.native="table.query()" clearable></zt-dict>
+ </el-form-item>
+ <el-form-item style="width:120px;margin-top: 2px;" v-show="selectProjectFlag">
+ <el-select v-model="dataForm.planStatus" placeholder="椤圭洰鐘舵��" @change="table.query()" clearable>
+ <el-option label="鏈畬宸�" value="0"></el-option>
+ <el-option label="宸插畬宸�" value="1"></el-option>
+ <el-option label="宸插彇娑�" value="2"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item class="message-btn" style="margin-top: 2px;">
+ <el-button type="primary" size="medium" icon="el-icon-search" @click="table.query()">鎼滅储
+ </el-button>
+ </el-form-item>
+ </el-form-item>
+ </el-form>
+ <!--{{ table }}-->
+ <el-table id="table" ref="table" v-adaptive="{bottomOffset:120}" height="650px" v-loading="table.dataLoading"
+ :data="table.dataList" :default-expand-all="false" :paging="true" @current-change="showProjectList"
+ border align-text="left"
+ @selection-change="table.selectionChangeHandle" row-key="id" width="100%" lazy :load="load"
+ class="repair_button"
+ @row-dblclick="rowDblclick"
+ :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+ <el-table-column type="selection" width="40" v-show="!isShow"/>
+ <el-table-column prop="projectListCode" label="缂栧彿" width="160" v-if="showColumn.projectListCode" sortable show-overflow-tooltip >
+ </el-table-column>
+ <el-table-column prop="projectListName" label="宸ョ▼鍚嶇О" v-if="showColumn.projectListName" show-overflow-tooltip/>
+ <el-table-column prop="examineConcat" label="妫�楠屽唴瀹�" v-if="showColumn.examineConcat" show-overflow-tooltip/>
+ <el-table-column prop="maintainUnitName" label="鎵夸慨鍗曚綅" v-if="showColumn.maintainUnit" show-overflow-tooltip/>
+ </el-table>
+ </zt-table-wraper>
+ </div>
+</template>
+
+<script>
+ export default {
+ props: {
+ noImportCodes: {
+ type: Object
+ },
+ isShow: {
+ type: Number
+ },
+ projectTypeName: {
+ type: String
+ }
+ },
+ data() {
+ return {
+ timeNodeArr: [{projectType: '', projectTypeName: '', timeNode: ''}],
+ timeNodesForm: {
+ timeNodes: ''
+ },
+ isShowColumn: '',
+ dialogFormVisible: false,
+ checkList: {},
+ showColumn: {
+ projectListCode: true,
+ projectListName: true,
+ examineConcat: true,
+ maintainUnit: true,
+ gmtFinish: true,
+ reconditionMajor: true,
+ isSpecial: true,
+ armyType: true,
+ isCheck: true,
+ files: true,
+ projectTypeName: true,
+ planStatus: true,
+ timeRemaining: true,
+ deadline: true,
+ cause: true,
+ },
+ fullHeight: (document.documentElement.clientHeight - 210) - 120,
+ word: {},
+ dataForm: {
+ projectId: '',
+ diagramId:'',
+ reconditionMajor: '',
+ projectTypeName: '',
+ productId: '', // 閫夋嫨鐨勪骇鍝佽妭鐐�
+ userKey: '', // 鐢ㄦ埛杈撳叆鍏抽敭瀛�
+ projectMajor: '', // 宸ョ▼涓撲笟
+ id: '',
+ projectName: '',
+ planStatus: '',
+ type: '',
+ projectNode: '',
+ floatTime: '',
+ typeStr: '',
+ maxDate: '',
+ minDate: '',
+ options: [],
+ },
+ constructionOrInspection: 1,
+ model: '',
+ timeNodeArr: [],
+ options: [{value: 0, label: '鍚�'}, {value: 1, label: '鏄�'}],
+ postList: [{id: '0', name: '鏈畬宸�'}, {id: '1', name: '宸插畬宸�'}, {id: '2', name: '宸插彇娑�'}],
+ equipments: {
+ equipments: []
+ },
+ parts: {
+ parts: []
+ },
+ stateFrom: {
+ id: '',
+ planStatus: ''
+ },
+ oldDataForm: {
+ productId: '',
+ projectId: '',
+ maintainLevel: ''
+ },
+ queryForm: {
+ productId: '',
+ projectId: '',
+ maintainLevel: ''
+ },
+ technologyData: {
+ equipmentData: [],
+ unitData: []
+ },
+ // postList: [{id: '3', name: '鏈鎵�'}, {id: '0', name: '宸查┏鍥�'}, {id: '1', name: '宸插悓鎰�'}],
+ twoPostList: [{id: '3', name: '鏈鎵�'}, {id: '0', name: '宸查┏鍥�'}, {id: '1', name: '宸插悓鎰�'}],
+ isStyle: "margin-top:-10px",
+ ids: [],
+ productId: '',
+ armyCheckNo: '',
+ selectProjectFlag: false,
+ timeNodes: false
+ }
+ },
+ components: {
+ },
+ computed: {
+ },
+ created() {
+ },
+ mounted() {
+ this.getInfo()
+ },
+ watch: {
+ },
+ methods: {
+ init(item) {
+ // this.$nextTick(()=>{
+ console.log(item, "dialog init param.....................")
+ this.dataForm.projectId = item.projectId
+ this.dataForm.diagramId = item.diagramId
+ this.selectProjectFlag = true
+ console.log(this.dataForm, ' init this.dataForm')
+ this.$refs.tableObj.query()
+ // })
+ },
+ rowDblclick(row) {
+ console.log(row.id,'鍙屽嚮琛岀殑id')
+ console.log(row.name,'鍙屽嚮琛岀殑鏁版嵁')
+ this.$emit('func',{nodeId:row.id,nodeName:row.projectListName})
+ },
+ async getInfo(){
+ if (this.$store.state.user.localShip) {
+ this.dataForm.productId = this.$store.state.user.localShip
+ }
+ let res = await this.$http.get(`/homeFunction/projectSelect?productId=${this.dataForm.productId}`)
+ this.model = res.data
+ if (this.model.length > 0 && !this.dataForm.projectId) {
+ this.dataForm.projectId = this.model[0].id
+ }
+ }
+ }
+ }
+</script>
+<style lang="less" >
+ #columnOption {
+ position: fixed;
+ z-index: 20;
+ top: 15%;
+ left: 80%;
+ width: 10%;
+ height: 60%;
+ background-color: rgba(0, 0, 0, 0.3);
+ display: flex;
+ flex-direction: row-reverse;
+ .content {
+ width: 100%;
+ height: 100%;
+ .head {
+ width: 100%;
+ height: 44px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 15px;
+ }
+ .body {
+ width: 88%;
+ height: calc(100% - 88px);
+ box-sizing: border-box;
+ margin-left:20px;
+ padding-top: 10px;
+ overflow-y: auto;
+ .items {
+ width: 100%;
+ height: 100%;
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ .el-checkbox__label {
+ width: 100%;
+ height: 28px;
+ line-height: 28px;
+ margin-bottom: 14px;
+ display: inline-block;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 14px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding-left: 14px;
+ }
+ .el-checkbox:hover {
+ background-color: #f5f7fa;
+ }
+ }
+ }
+ #footer {
+ width: 100%;
+ height: 44px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ size: 20px;
+ }
+ }
+ }
+ // 鎺у埗娣″叆娣″嚭鏁堟灉
+ .fade-enter-active,
+ .fade-leave-active {
+ transition: opacity 0.3s;
+ }
+ .fade-enter,
+ .fade-leave-to {
+ opacity: 0;
+ }
+ #columnOption .el-checkbox{
+ display: block;
+ margin-top:10px;
+ }
+</style>
--
Gitblit v1.9.1