引用元素表单库查询

src/api/manager/wbsprivate.js

@@ -135,7 +135,7 @@ export const tabTypeLazyTree = (params) => {
 
 export const tabTypeLazyTreeAll = (params) => {
   return request({
-    url: '/api/blade-manager/wbsPrivate/tab_Type_lazy-tree/tab_Type_lazy-tree_all',
+    url: '/api/blade-manager/wbsPrivate/tab_Type_lazy-tree_all',
       method: 'get',
       params
   })

src/views/manager/projectinfo/independent.vue

@@ -53,6 +53,7 @@
               :page.sync="page"
               @search-change="searchChange" 
               @search-reset="resetChange"
+               @on-load="onLoad"
             >
             
          
@@ -184,7 +185,7 @@
 </template>
 
 <script>
-import {tabTypeLazyTree,tabTypeLazyTreeAll} from "@/api/manager/wbsprivate";
+import {tabTypeLazyTree} from "@/api/manager/wbsprivate";
 import {
   updateBatchNodeTableInfo,
   selectByNodeTable,
@@ -203,6 +204,7 @@ import Relation from './qutediaolog/relation.vue'//关联清表
 import EditElement from "@/views/manager/projectinfo/editElement/editElement.vue";//编辑元素
 import dynamicExcel from "./treeTemplate/dynamicExcel.vue";
 import FormulaEdit from "@/views/formula/edit.vue";
+import {removeTableByCondition } from "@/api/manager/wbsformelement";
 
 export default {
    components: { dynamicExcel, EditElement, Qute,Relation,FormulaEdit },
@@ -416,10 +418,19 @@ export default {
      this.tabTypeLazyTree(this.treeId, this.projectid,this.page.current,this.page.size,params.title).then((res)=>{
           console.log(res.records);
           this.loadData=res.records;
-           this.page.total=this.loadData.length
+           this.page.total=res.total
            done();
         })
 
+    },
+     onLoad(page){
+      console.log(page,'page');
+      if(this.treeId){
+         this.tabTypeLazyTreeAll(this.treeId, page.currentPage,page.pageSize).then((res)=>{
+          this.loadData=res.records
+           this.page.total=res.total
+        })
+      }
     },
 
     resetChange(item){
@@ -427,7 +438,7 @@ export default {
         this.tabTypeLazyTree(this.treeId, this.projectid,this.page.current,this.page.size).then((res)=>{
           console.log(res.records);
           this.loadData=res.records;
-           this.page.total=this.loadData.length
+           this.page.total=res.total
           
         })
     },
@@ -437,7 +448,7 @@ export default {
         this.tabTypeLazyTree(data.id, this.projectid,this.page.current,this.page.size).then((res)=>{
           console.log(res.records);
           this.loadData=res.records;
-           this.page.total=this.loadData.length
+           this.page.total=res.total
           
         })
     },
@@ -453,6 +464,7 @@ export default {
       this.$refs.Qute.show();
 
     },
+    
     handleDelete () {
       if (this.selectionList.length === 0) {
         this.$message.warning("请选择至少一条数据");
@@ -464,7 +476,7 @@ export default {
         type: "warning"
       })
         .then(() => {
-          // return remove(this.ids);
+          // return removeTableByCondition(this.ids);
           console.log(this.ids,'this.ids删除');
         })
         .then(() => {

src/views/manager/projectinfo/qutediaolog/qute.vue

@@ -16,6 +16,11 @@
             :data="loadData"
             :option="loadOption"
             v-model="obj"
+            :page.sync="page"
+            @on-load="onLoad"
+            @search-change="searchChange" 
+            @search-reset="resetChange"
+
             ></avue-crud>
         </el-main>
         </el-container>
@@ -47,17 +52,10 @@ export default {
         defaultExpandAll:true,
         filter:false,
         addBtn:false,
-        formOption:{
-          labelWidth:100,
-          column:[{
-              label:'自定义项',
-              prop:'test'
-          }],
-        },
         props:{
           labelText:'标题',
-          label:'label',
-          value:'value',
+          label:'title',
+          value:'id',
           children:'children'
         }
       },
@@ -75,100 +73,147 @@ export default {
         }
       ],
       loadOption: {
-        height: 'auto',
-        calcHeight: 30,
-        tip: false,
-        searchShow: false,
-        searchMenuSpan: 6,
-        border: true,
-        index: true,
-        viewBtn: false,
-        selection: true,
-        editBtn:false,
-        delBtn:false,
-        addBtn:false,
-        menu:false,
-      
-        dialogClickModal: false,
-        column: [
+          height: 'auto',
+          calcHeight: 30,
+          tip: false,
+          searchShow:true,
+          searchMenuSpan: 6,
+          border: true,
+          index: true,
+          viewBtn: false,
+          selection: true,
+          editBtn:false,
+          delBtn:false,
+          addBtn:false,
+          menu:false,
+        
+          dialogClickModal: false,
+         column: [
           {
-            label: '表单名称',
-            prop: 'tableName',
-           
+            label: "元素表名称",
+            prop: "title",
+            search: true,
             editDisplay: false,
             addDisplay: false,
+            searchPlaceholder:'请输入元素表名称',
+            searchSpan:18,
+            searchLabelWidth:100,
           },
           {
             label: "元素表类型",
-            prop: "formatTableType",
+            prop: "tabType",
             // search: true,
-            rules: [{
-              required: true,
-              message: "请输入名称",
-              trigger: "blur"
-            }]
+            rules: [
+              {
+                required: true,
+                message: "请输入名称",
+                trigger: "blur",
+              },
+            ],
           },
 
           {
             label: "元素总量",
             prop: "elementTotal",
-          
+
             editDisplay: false,
             addDisplay: false,
-            rules: [{
-              message: "请输入表数量",
-              trigger: "blur",
-            }]
+            rules: [
+              {
+                message: "请输入表数量",
+                trigger: "blur",
+              },
+            ],
           },
           {
             label: "所书方",
-            prop: "formatOwner",
-          
+            prop: "tabOwner",
+
             editDisplay: false,
             addDisplay: false,
-            rules: [{
-              message: "请输入表数量",
-              trigger: "blur",
-            }]
+            rules: [
+              {
+                message: "请输入表数量",
+                trigger: "blur",
+              },
+            ],
           },
           {
             label: "填报率",
             prop: "fillRate",
-          
+
             editDisplay: false,
             addDisplay: false,
-            rules: [{
-              message: "请输入表数量",
-              trigger: "blur",
-            }]
+            rules: [
+              {
+                message: "请输入表数量",
+                trigger: "blur",
+              },
+            ],
           },
-
-        ]
-      },
-      }
+        ],
+       
+        },
+        page:{
+          current:1,
+          size:10,
+          total:10
+        },
+        treeId:''
+        
+     }
     },
     created(){
       //  this.loadData=this.loadData1;
-      // this.tabTypeLazyTreeAll(this.projectId)
+      
     },
-    methods: {
 
-    async tabTypeLazyTreeAll ( projectId) {//清表树
-      console.log(projectId);
-      const { data: res } = await tabTypeLazyTreeAll()
+
+    methods: {
+    onLoad(page){
+      console.log(page,'page');
+      if(this.treeId){
+         this.tabTypeLazyTreeAll(this.treeId, page.currentPage,page.pageSize).then((res)=>{
+          this.loadData=res.records
+           this.page.total=res.total
+        })
+      }
+    },
+      //搜索
+    searchChange(params,done){
+     if(this.treeId){
+         this.tabTypeLazyTreeAll(this.treeId, this.page.current,this.page.size,params.title).then((res)=>{
+          this.loadData=res.records
+          this.page.total=res.total
+           done()
+        })
+      }
+     
+    },
+    resetChange(item){
+      console.log(item);
+        this.tabTypeLazyTreeAll(this.treeId, this.page.current,this.page.size).then((res)=>{
+          this.loadData=res.records
+          this.page.total=res.total
+           
+        })
+    },
+    async tabTypeLazyTreeAll ( parentId,current,size,titleName) {//清表树
+      console.log(parentId);
+      const { data: res } = await tabTypeLazyTreeAll({parentId,current,size,titleName}	)
       console.log(res,'tabTypeLazyTreeAll');
       if (res.code === 200) {
-        // return res.data
-        console.log(res.data,'tabTypeLazyTreeAll');
+        return res.data
+        
       }
     },
       nodeClick(data){
-        if(data.value==0){
-          this.loadData=this.loadData1;
-        }else  if(data.value==1){
-          this.loadData=this.loadData2;
-        }
-        this.$message.success(JSON.stringify(data))
+          console.log(data,'treedata');
+          this.treeId=data.id
+          this.tabTypeLazyTreeAll(data.id, this.page.current,this.page.size).then((res)=>{
+          this.loadData=res.records
+           this.page.total=res.total
+        })
       },
       handleClose(done) {
         this.$confirm('确认关闭？')
@@ -178,8 +223,13 @@ export default {
           .catch(_ => {});
       },
       show(){
-        this.dialogVisible=true
-      }
+        this.dialogVisible=true;
+        let id=12345678910
+        this.tabTypeLazyTreeAll(id).then((res)=>{
+            this.treeData=res.records;
+        })
+      },
+      //元素信息-表单类型划分树
     },
     
    

src/views/manager/projectinfo/qutediaolog/relation.vue

@@ -3,8 +3,8 @@
     <el-dialog
         title="关联清表"
         class="excelBox"
-        :visible.sync="GLExcel"
-        width="300px"
+        :visibe.sync="GLExcel"
+        width="500px"
         modal-append-to-body
         append-to-body
         @close="GLExcelMD"