调整表单处理

src/api/exctab/excelmodel.js

@@ -117,4 +117,13 @@ export const saveLinkTab = (params) => {
         method: 'get',
         params
     })
+}
+
+//清表生成html
+export const getExcelHtml = (params) => {
+    return request({
+        url: ' /api/blade-manager/exceltab/get-excel-html',
+        method: 'get',
+        params
+    })
 }

src/router/views/index.js

@@ -158,4 +158,18 @@ export default [{
                 import ( /* webpackChunkName: "views" */ '@/views/manager/projectinfo/tree')
         }]
     },
+    {
+        path: '/ceshi',
+        component: Layout,
+        redirect: '/ceshi/trees',
+        children: [{
+            path: 'trees',
+            name: '测试',
+            meta: {
+                i18n: 'ceshi'
+            },
+            component: () =>
+                import ( /* webpackChunkName: "views" */ '@/template/dynamicExcel')
+        }]
+    },
 ]

src/template/ceshi.vue

@@ -0,0 +1,18 @@
+<template>
+  <input
+    type="text"
+    v-model="from"
+  >
+</template>
+<script>
+export default {
+  props: {
+    from: {}
+  },
+  data () {
+    return {
+
+    }
+  }
+}
+</script>

src/template/dynamicExcel.vue

@@ -0,0 +1,107 @@
+<template>
+  <div class="excelHtnl">
+    <div class="header">
+      <div
+        class="GoBack"
+        @click="GoBack()"
+      >
+        返回上一级
+      </div>
+      <div>
+        <el-button
+          type="info"
+          size="small"
+        >设置输入框</el-button>
+        <el-button
+          type="info"
+          size="small"
+        >电签位置配置</el-button>
+        <el-button
+          type="success"
+          size="small"
+        >设置公式开放条件</el-button>
+        <el-button
+          type="primary"
+          size="small"
+        >编辑默认信息</el-button>
+      </div>
+    </div>
+    <div class="excelBox">
+      <div
+        class='parent'
+        id='parent'
+      ></div>
+      <div class="excelRight">
+        <template v-show="setUptype==1">
+
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+let tem = localStorage.getItem('excelHtnl')
+import Vue from 'vue'
+
+var MyComponent = Vue.extend({
+
+  data () {
+    return {
+    }
+  },
+  template: tem,
+})
+let component = new MyComponent().$mount()
+export default {
+  data () {
+    return {
+      setUptype: '1',//右侧显示的类型
+    }
+  },
+  methods: {
+    GoBack () {//返回上一级
+      this.$emit('remove')
+    },
+  },
+  mounted () {
+    document.getElementById('parent').appendChild(component.$el);
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.excelHtnl {
+  margin: 0 0 0 10px;
+  background-color: #fff;
+  box-sizing: border-box;
+  padding: 0 20px 100px 20px;
+  height: 100%;
+  overflow: scroll;
+  .header {
+    display: flex;
+    justify-content: space-between;
+    height: 50px;
+    align-items: center;
+    .GoBack {
+      color: rgba(0, 82, 216, 1);
+      text-decoration: underline;
+      font-family: SourceHanSansSC;
+      cursor: pointer;
+    }
+  }
+  .excelBox {
+    margin-top: 10px;
+    display: flex;
+    justify-content: flex-start;
+    .excelRight {
+      flex-grow: 1;
+      background-color: red;
+    }
+  }
+}
+</style>
+
+
+
+ 

src/views/exctab/excelmodel/excelmodel.vue

@@ -16,7 +16,7 @@
               >
                 <span
                   class="el-tree-node__label"
-                  slot-scope="{ node, data }"
+                  slot-scope="{ data }"
                 >
                   <div>
                     <span> {{ data.name }} </span>
@@ -207,7 +207,7 @@
               >
                 <span
                   class="el-tree-node__label"
-                  slot-scope="{ node, data }"
+                  slot-scope="{ data }"
                 >
                   <div>
                     <span> {{ data.deptName }} </span>
@@ -657,9 +657,9 @@ export default {
         if (valid) {
           let linkDataInfo = []
           if (this.tableList.length > 0) {
-            this.tableList.forEach((val, index) => {
+            this.tableList.forEach(val => {
               let linkIds = ''
-              val.arrs.forEach((da, key) => {
+              val.arrs.forEach(da => {
                 if (da.isLinkTable != da.changeTable) {
                   linkIds = `${linkIds}${linkIds != '' ? ',' : ''}${da.id}`
                 }

src/views/manager/projectinfo/tree.vue

@@ -296,6 +296,14 @@
         </template>
       </el-col>
     </el-row>
+    <!-- 调整表单模板 -->
+    <div
+      v-if="excelHtml"
+      class="excelHtml"
+    >
+      <dynamicExcel @remove="removeExcel" />
+    </div>
+
     <!-- 关联清表 -->
     <el-dialog
       title="关联清表"
@@ -314,7 +322,7 @@
           @change="changetherr()"
         >
           <el-option
-            v-for="(item,key) in  GLExcelData"
+            v-for="(item,key) in GLExcelData"
             :key="key"
             :label="item.name"
             :value="item.id"
@@ -328,7 +336,7 @@
             placeholder="请输入需要选择的内容"
           ></el-input>
           <el-tree
-            :filter-node-method="filterNode"
+            :filter-node-method="filterNode222"
             ref="tree"
             class="filter-tree"
             style="margin-top:10px;"
@@ -1240,6 +1248,7 @@
 </template>
 
 <script>
+import dynamicExcel from "@/template/dynamicExcel";
 import {
   saveFormAndElement, selectFormElements,
   importWbsTree
@@ -1253,7 +1262,7 @@ import { findProjectTree as getAlltree } from "@/api/manager/projectinfo";
 import { getList as getAttchFromOriginalName } from "@/api/resource/attach";
 import { getDictionary } from "@/api/system/dict";
 import { mapGetters } from "vuex";
-import { getList, tabLazytreeAll, saveLinkTab } from '@/api/exctab/excelmodel'
+import { getList, tabLazytreeAll, saveLinkTab, getExcelHtml } from '@/api/exctab/excelmodel'
 export default {
   data () {
     return {
@@ -1275,6 +1284,11 @@ export default {
       exceldata: [],//清表模板
       //#endregion
 
+      //#region 调整表单
+      adjustmentExcel: '',
+      excelHtml: false,
+      //#endregion
+
       //#region 
       id: '',
       projectid: '',
@@ -2003,22 +2017,40 @@ export default {
         this.GLExcelMD()
       }
     },
-    filterNode (value, data) {
-      console.log(value, data);
+    filterNode222 (value, data) {
       if (!value) return true;
       return data.name.indexOf(value) !== -1;
     },
     //#endregion
-    adjustExcel () {//调整表单
-      this.$router.push('/ceshi/trees')
+
+    //#region 
+    async adjustExcel () {//调整表单
+      await this.getExcelHtml()
+      this.excelHtml = true
+      // console.log();
+      // this.$router.push('/ceshi/trees')
     },
+    async getExcelHtml () {
+      const { data: res } = await getExcelHtml()
+      console.log(res);
+      if (res.code === 200) {
+        localStorage.setItem('excelHtnl', res.data)
+        this.adjustmentExcel = res.data
+      }
+    },
+    removeExcel () {
+      this.excelHtml = false
+    },
+    //#endregion
   },
   watch: {
     'GLExcelFrom.search' (val) {
       this.$refs.tree.filter(val);
     }
   },
-
+  components: {
+    dynamicExcel,
+  },
 };
 </script>
 
@@ -2053,4 +2085,12 @@ export default {
     padding: 20px;
   }
 }
+//调整表单样式
+.excelHtml {
+  position: absolute;
+  top: 50px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+}
 </style>

vue.config.js

@@ -27,9 +27,9 @@ module.exports = {
             '/api': {
                 //本地服务接口地址
                 // target: 'http://192.168.3.64',
-                target: 'http://192.168.31.96',
+                // target: 'http://192.168.31.96',
                 // target: 'http://192.168.31.121',
-                // target: 'http://192.168.3.13',
+                target: 'http://192.168.3.13',
                 // target: 'http://192.168.31.96',
                 //远程演示服务地址,可用于直接启动项目
                 //target: 'https://saber.bladex.vip/api',