表单不出来

src/api/exctab/exceltab.js

@@ -2,7 +2,7 @@ import request from '@/router/axios';
 
 export const getList = (current, size, params) => {
   return request({
-    url: '/api/blade-manager/exceltab/list',
+    url: '/api/blade-manager/exceltab/page',
     method: 'get',
     params: {
       ...params,

src/styles/xiaoyu.scss

@@ -42,6 +42,7 @@
 
 .martop20 {
     margin-top: 20px;
+
 }
 
 .martop25 {
@@ -118,4 +119,4 @@
 
 .marleft30 {
     margin-left: 30px;
-}
+}

src/views/manager/projectinfo/treeTemplate/dynamicExcel.vue

@@ -13,33 +13,8 @@
           返回上一级
         </div>
       </div>
-      <div>
-        <el-button
-          type="info"
-          size="small"
-          @click="setUptype=0"
-        >设置输入框</el-button>
-        <el-button
-          type="info"
-          size="small"
-          @click="setUptype=1"
-        >电签位置配置</el-button>
-        <el-button
-          type="success"
-          size="small"
-          @click="setUptype=2"
-        >设置公式开放条件</el-button>
-        <el-button
-          type="primary"
-          size="small"
-          @click="setUptype=3"
-        >编辑默认信息</el-button>
-        <el-button
-          type="info"
-          class="marright25"
-          size="small"
-          @click="setUptype=4"
-        >提示设置</el-button>
+      <div style="width: 37%;">
+        <avue-tabs :option="option" @change="handleChange"></avue-tabs>
       </div>
     </div>
     <div
@@ -51,33 +26,20 @@
         class='parent'
         id='parent'
       ></div>
-      <div
-        class="excelRight"
-        style="width:30%;margin-left:6%;"
-      >
-        <setInputTPT
-          style=" position: absolute;"
-          v-if="setUptype===0"
-          :pkeyId='pkeyId'
-          @cop='domss'
-          :htmlData="htmlData"
-        />
-        <electronicSignature
-          v-if="setUptype===1"
-          style=" position: absolute;"
-        />
-        <setFormula
-          v-if="setUptype===2"
-          style=" position: absolute;"
-        />
-        <editDefault
-          v-if="setUptype===3"
-          style=" position: absolute;"
-        />
-        <promptSettings
-          v-if="setUptype===4"
-          style=" position: absolute;"
-        />
+      <div class="excelRight" style="width:30%;margin-left:4%;" >
+
+        <span v-if="type.prop==='tab1'">
+          <setInputTPT
+            v-if="type.prop==='tab1'"
+            :pkeyId='pkeyId'
+            @cop='domss'
+            :htmlData="htmlData"
+          />
+        </span>
+        <span v-else-if="type.prop==='tab2'"> <electronicSignature style=" position: absolute;" /> </span>
+        <span v-else-if="type.prop==='tab3'"> <setFormula style=" position: absolute;"/> </span>
+        <span v-else-if="type.prop==='tab4'"> <editDefault style=" position: absolute;"/> </span>
+        <span v-else-if="type.prop==='tab5'"> <promptSettings style=" position: absolute;"/> </span>
       </div>
     </div>
   </div>
@@ -100,16 +62,46 @@ export default {
         name: '',
         tr: '',
         td: ''
+      },
+      type:{},
+      option:{
+        column: [{
+          icon:'el-icon-info',
+          label: '设置输入框',
+          prop: 'tab1',
+        }, {
+          icon:'el-icon-warning',
+          label: '电签位置配置',
+          prop: 'tab2',
+        }, {
+          icon:'el-icon-question',
+          label: '设置公式开放条件',
+          prop: 'tab3',
+        }, {
+          icon:'el-icon-question',
+          label: '编辑默认信息',
+          prop: 'tab4',
+        }, {
+          icon:'el-icon-question',
+          label: '提示设置',
+          prop: 'tab5',
+        }
+        ]
       }
     }
   },
   mounted () {
     this.cop()
+    this.type = this.option.column[0];
   },
+
   methods: {
     GoBack () {//返回上一级
       this.$emit('remove')
     },
+    handleChange(column) {
+      this.type = column;
+    },
     async cop () {
       let _that = this
       var MyComponent = await Vue.extend({

src/views/manager/projectinfo/treeTemplate/template/electronicSignature.vue

@@ -1,18 +1,8 @@
 <template>
   <div class="dianqian martop20">
-    <el-radio-group v-model="radio">
-      <el-radio :label="3">施工</el-radio>
-      <el-radio :label="6">监理</el-radio>
-      <el-radio :label="9">专家</el-radio>
-      <el-radio :label="12">业主</el-radio>
-    </el-radio-group>
+    <avue-radio v-model="radio"  :dic="dic"></avue-radio>
     <div class="flexBetween martop20">
-      <el-select
-        size='mini'
-        v-model="value"
-        clearable
-        placeholder="请选择"
-      >
+      <avue-input v-model="form" placeholder="请输入内容" ></avue-input>
         <el-option
           v-for="item in options"
           :key="item.value"
@@ -75,10 +65,27 @@
   </div>
 </template>
 <script>
+
 export default {
   data () {
     return {
-      radio: '',//
+      radio: '施工',//
+      dic:[{
+        label:'施工',
+        value:3
+      },{
+        label:'监理',
+        value:6
+      },{
+        label:'专家',
+        value:9
+      },{
+        label:'业主',
+        value:12
+      }
+
+      ],
+
       options: [{
         value: '选项1',
         label: '黄金糕'
@@ -108,4 +115,4 @@ export default {
     font-size: 14px;
   }
 }
-</style>
+</style>

src/views/manager/projectinfo/treeTemplate/template/setInputTPT.vue

@@ -1,28 +1,21 @@
 <template>
-  <div class="setInput">
-    <div class="flexBetween">
-      <!-- <el-select
-        style="width:45%;"
-        v-model="from.value"
-        clearable
-        placeholder="请选择"
-      >
-        <el-option
-          v-for="item in elementName"
-          :key="item.tabId"
-          :label="item.colName"
-          :value="item.tabId"
-        >
-        </el-option>
-      </el-select> -->
-      <el-input
-        style="width:45%;"
-        :disabled='true'
-        v-model="htmlData.name"
-        placeholder="请输入内容"
-      ></el-input>
+  <div>
+    <div class="setInputcss">
+      <el-row :span="24">
+        <el-col :span="3.3" style="line-height: 40px">
+          元素坐标：
+        </el-col>
+        <el-col :span="18">
+            <avue-input v-model="htmlData.name" placeholder="请输入内容" :disabled='true' ></avue-input>
+        </el-col>
+      </el-row>
+      <el-row :span="24">
+        <el-col :span="3.3" style="line-height: 40px">
+          文本格式：
+        </el-col>
+        <el-col :span="18">
       <el-select
-        style="width:45%;"
+        style="width:100%;"
         v-model="from.type"
         clearable
         placeholder="请选择"
@@ -35,11 +28,13 @@
         >
         </el-option>
       </el-select>
+        </el-col>
+      </el-row>
     </div>
     <!-- 添加框 -->
     <div
       style="border: 1px dotted rgb(187, 187, 187);box-sizing: border-box;padding: 0px 15px;"
-      class="martop20"
+      class="martop20 marbottom10"
       v-show="from.type=='select'|from.type=='radio'|from.type=='checkbox'"
     >
       <table
@@ -82,19 +77,21 @@
         </tbody>
       </table>
       <div class="martop20 flexEnd marbottom10"><i
-          style="color:rgb(10, 134, 217);font-size:24px;cursor: pointer;"
+          style="padding-bottom: 10px;color:rgb(10, 134, 217);font-size:24px;cursor: pointer;"
           class="el-icon-circle-plus"
           @click="addTable()"
         ></i></div>
     </div>
-
-    <el-button
-      style="float:right;margin-top:15px;"
-      type="info"
-      size="mini"
-      @click="saveType()"
-      :disabled="disabled"
-    >保存设置</el-button>
+    <el-row style="text-align: center">
+      <el-button type="primary"
+                 size="small"
+                 icon="el-icon-circle-plus-outline"
+                 @click="saveType()">保存设置</el-button> &nbsp;&nbsp;
+      <el-button type="primary"
+                 size="small"
+                 icon="el-icon-circle-plus-outline"
+                 @click="saveType()">继续保存</el-button>
+    </el-row>
   </div>
 </template>
 <script>
@@ -212,4 +209,8 @@ export default {
   color: #101010;
   font-size: 14px;
 }
+.setInputcss{
+  width: 90%;
+  height: 100%;
+}
 </style>

vue.config.js

@@ -26,11 +26,11 @@ module.exports = {
         proxy: {
             '/api': {
                 //本地服务接口地址
-                // target: 'http://localhost',
-                target: 'http://192.168.4.6',
-                // target: 'http://47.110.251.215:8090',
-                // target: 'http://192.168.4.12',
-                // target: 'http://192.168.4.44',
+                // target: 'http://192.168.3.64',
+                //  target: 'http://47.110.251.215:8090',
+                // target: 'http://192.168.31.121',
+                target: 'http://192.168.0.100',
+                // target: 'http://192.168.31.96',
                 //远程演示服务地址,可用于直接启动项目
                 //target: 'https://saber.bladex.vip/api',
                 ws: true,
@@ -40,4 +40,4 @@ module.exports = {
             }
         }
     }
-};
+};