From 97e0ae366b7f77177b6ea97af6843aea05cba920 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=8A=B2=E9=BE=99?= <2860996570@qq.com>
Date: Fri, 26 Jul 2024 15:17:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BC=81=E4=B8=9A=E5=A1=AB?=
 =?UTF-8?q?=E6=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |    2 +-
 src/assets/styles/public.scss                 |    1 +
 src/utils/generator/config.js                 |   65 +-
 src/utils/generator/render.js                 |   72 +-
 .../declareAddContent/index.vue               | 1989 ++++++++---------
 .../ismybuild/CodeTypeDialog.vue              |   94 +
 .../ismybuild/DraggableItem.vue               |  100 +
 .../ismybuild/IconsDialog.vue                 |  124 +
 .../ismybuild/RightPanel.vue                  |  947 ++++++++
 .../ismybuild/TreeNodeDialog.vue              |  149 ++
 .../declareAddContent/ismybuild/index.vue     |  900 ++++++++
 11 files changed, 3370 insertions(+), 1073 deletions(-)
 create mode 100644 src/views/onlineDeclaration/declareAddContent/ismybuild/CodeTypeDialog.vue
 create mode 100644 src/views/onlineDeclaration/declareAddContent/ismybuild/DraggableItem.vue
 create mode 100644 src/views/onlineDeclaration/declareAddContent/ismybuild/IconsDialog.vue
 create mode 100644 src/views/onlineDeclaration/declareAddContent/ismybuild/RightPanel.vue
 create mode 100644 src/views/onlineDeclaration/declareAddContent/ismybuild/TreeNodeDialog.vue
 create mode 100644 src/views/onlineDeclaration/declareAddContent/ismybuild/index.vue

diff --git a/package.json b/package.json
index 593b821..d0655a6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ruoyi",
-  "version": "1.0.202407240905",
+  "version": "1.0.202407261507",
   "description": "金鸡湖现代服务业品牌管理系统",
   "author": "若依",
   "license": "MIT",
diff --git a/src/assets/styles/public.scss b/src/assets/styles/public.scss
index 8fdc9b5..5018e6a 100644
--- a/src/assets/styles/public.scss
+++ b/src/assets/styles/public.scss
@@ -1602,6 +1602,7 @@
         background-color: #fff;
         border-radius: 10px;
         padding: 10px 20px 15px;
+        overflow: hidden;
         .right-top-title {
           display: flex;
           align-items: flex-end; /* 底部对齐 */
diff --git a/src/utils/generator/config.js b/src/utils/generator/config.js
index 7abf227..197ad46 100644
--- a/src/utils/generator/config.js
+++ b/src/utils/generator/config.js
@@ -1,3 +1,5 @@
+import { getToken } from '@/utils/auth'
+
 export const formConf = {
   formRef: 'elForm',
   formModel: 'formData',
@@ -375,7 +377,7 @@ export const selectComponents = [
     label: '上传',
     tag: 'el-upload',
     tagIcon: 'upload',
-    action: 'https://jsonplaceholder.typicode.com/posts/',
+    action: process.env.VUE_APP_BASE_API+"/common/upload",
     defaultValue: null,
     labelWidth: null,
     disabled: false,
@@ -391,38 +393,41 @@ export const selectComponents = [
     multiple: false,
     regList: [],
     changeTag: true,
-    document: 'https://element.eleme.cn/#/zh-CN/component/upload'
+    document: process.env.VUE_APP_BASE_API+"/common/upload",
+    headers:{
+      Authorization:'Bearer ' + getToken()
+    },
   }
 ]
 
-export const layoutComponents = [
-  {
-    layout: 'rowFormItem',
-    tagIcon: 'row',
-    type: 'default',
-    justify: 'start',
-    align: 'top',
-    label: '行容器',
-    layoutTree: true,
-    children: [],
-    document: 'https://element.eleme.cn/#/zh-CN/component/layout'
-  },
-  {
-    layout: 'colFormItem',
-    label: '按钮',
-    changeTag: true,
-    labelWidth: null,
-    tag: 'el-button',
-    tagIcon: 'button',
-    span: 24,
-    default: '主要按钮',
-    type: 'primary',
-    icon: 'el-icon-search',
-    size: 'medium',
-    disabled: false,
-    document: 'https://element.eleme.cn/#/zh-CN/component/button'
-  }
-]
+// export const layoutComponents = [
+//   {
+//     layout: 'rowFormItem',
+//     tagIcon: 'row',
+//     type: 'default',
+//     justify: 'start',
+//     align: 'top',
+//     label: '行容器',
+//     layoutTree: true,
+//     children: [],
+//     document: 'https://element.eleme.cn/#/zh-CN/component/layout'
+//   },
+//   {
+//     layout: 'colFormItem',
+//     label: '按钮',
+//     changeTag: true,
+//     labelWidth: null,
+//     tag: 'el-button',
+//     tagIcon: 'button',
+//     span: 24,
+//     default: '主要按钮',
+//     type: 'primary',
+//     icon: 'el-icon-search',
+//     size: 'medium',
+//     disabled: false,
+//     document: 'https://element.eleme.cn/#/zh-CN/component/button'
+//   }
+// ]
 
 // 组件rule的触发方式，无触发方式的组件不生成rule
 export const trigger = {
diff --git a/src/utils/generator/render.js b/src/utils/generator/render.js
index e8640f0..74edb5c 100644
--- a/src/utils/generator/render.js
+++ b/src/utils/generator/render.js
@@ -1,5 +1,4 @@
 import { makeMap } from '@/utils/index'
-
 // 参考https://github.com/vuejs/vue/blob/v2.6.10/src/platforms/web/server/util.js
 const isAttr = makeMap(
   'accept,accept-charset,accesskey,action,align,alt,async,autocomplete,'
@@ -23,6 +22,8 @@ function vModel(self, dataObject, defaultValue) {
   dataObject.on.input = val => {
     self.$emit('input', val)
   }
+
+
 }
 
 const componentChild = {
@@ -72,7 +73,7 @@ const componentChild = {
     }
   },
   'el-upload': {
-    'list-type': (h, conf, key) => {
+    'list-type': (h, conf, key, newconf) => {
       const list = []
       if (conf['list-type'] === 'picture-card') {
         list.push(<i class="el-icon-plus"></i>)
@@ -82,6 +83,70 @@ const componentChild = {
       if (conf.showTip) {
         list.push(<div slot="tip" class="el-upload__tip">只能上传不超过 {conf.fileSize}{conf.sizeUnit} 的{conf.accept}文件</div>)
       }
+      conf["on-success"] = (response, file, fileList) => {
+        // 在上传成功后的回调函数中可以执行你的业务逻辑
+        console.log('上传成功', response);
+        console.log('上传成功2', file);
+        console.log('上传成功3', fileList);
+        let listtow = []
+        fileList.forEach(item => {
+          listtow.push(item.response.fileName)
+        })
+        newconf.defaultValue = listtow.join(",")
+        // 这里可以根据需要执行其他操作，例如更新界面或显示消息
+      };
+
+      conf["on-success"] = (response, file, fileList) => {
+        // 在上传成功后的回调函数中可以执行你的业务逻辑
+        console.log('上传成功', response);
+        console.log('上传成功2', file);
+        console.log('上传成功3', fileList);
+        let listtow = []
+        fileList.forEach(item => {
+          listtow.push(item.response.fileName)
+        })
+        newconf.defaultValue = listtow.join(",")
+        // 这里可以根据需要执行其他操作，例如更新界面或显示消息
+      };
+      conf["on-remove"] = (response, fileList) => {
+        // 在上传成功后的回调函数中可以执行你的业务逻辑
+        console.log('移除', response);
+        console.log('移除成功3', fileList);
+        let listtow = []
+        fileList.forEach(item => {
+          listtow.push(item.response.fileName)
+        })
+        newconf.defaultValue = listtow.join(",")
+        // 这里可以根据需要执行其他操作，例如更新界面或显示消息
+      };
+      if (conf["list-type"] == "text") {
+        
+      }
+      conf["on-preview"] = (response, fileList) => {
+        // 在上传成功后的回调函数中可以执行你的业务逻辑
+        console.log('点击', response);
+        window.open( process.env.VUE_APP_BASE_API + response.response.fileName)
+        // 这里可以根据需要执行其他操作，例如更新界面或显示消息
+      };
+
+      //回显
+      if (newconf.defaultValue) {
+        let valuelist = []
+        let list = newconf.defaultValue.split(",")
+        list.forEach(item => {
+          let isname = item.split("/")
+          let obj = {
+            name: isname[isname.length - 1],
+            url: process.env.VUE_APP_BASE_API + item,
+            response: {
+              fileName: item
+            }
+          }
+          valuelist.push(obj)
+        })
+        conf["file-list"] = valuelist
+        console.log(888, conf);
+      }
       return list
     }
   }
@@ -103,12 +168,13 @@ export default {
       Object.keys(childObjs).forEach(key => {
         const childFunc = childObjs[key]
         if (confClone[key]) {
-          children.push(childFunc(h, confClone, key))
+          children.push(childFunc(h, confClone, key, this.conf))
         }
       })
     }
 
     Object.keys(confClone).forEach(key => {
+
       const val = confClone[key]
       if (key === 'vModel') {
         vModel(this, dataObject, confClone.defaultValue)
diff --git a/src/views/onlineDeclaration/declareAddContent/index.vue b/src/views/onlineDeclaration/declareAddContent/index.vue
index 5f6d22c..1ba5249 100644
--- a/src/views/onlineDeclaration/declareAddContent/index.vue
+++ b/src/views/onlineDeclaration/declareAddContent/index.vue
@@ -13,7 +13,7 @@
             <el-col :span="8" style="height: 50px">
               <div class="templateInfo">
                 <div class="templateInfo_left">申报单位：</div>
-                <div>{{ baseInfo.qymc }}</div>
+                <div>{{ baseInfo.qymc || "" }}</div>
               </div>
             </el-col>
             <el-col :span="8" style="height: 50px">
@@ -26,31 +26,31 @@
             <el-col :span="8" style="height: 50px">
               <div class="templateInfo">
                 <div class="templateInfo_left">项目大类：</div>
-                <dict-tag :options="dict.type.project_categories" :value="templateInfo.projectBigType"/>
+                <dict-tag :options="dict.type.project_categories" :value="templateInfo.projectBigType" />
               </div>
             </el-col>
             <el-col :span="8" style="height: 50px">
               <div class="templateInfo">
                 <div class="templateInfo_left">项目中类：</div>
-                <dict-tag :options="dict.type.project_middle_type" :value="templateInfo.projectMiddleType"/>
+                <dict-tag :options="dict.type.project_middle_type" :value="templateInfo.projectMiddleType" />
               </div>
             </el-col>
             <el-col :span="8" style="height: 50px">
               <div class="templateInfo">
                 <div class="templateInfo_left">项目小类：</div>
-                <dict-tag :options="dict.type.project_small_type" :value="templateInfo.projectSmallType"/>
+                <dict-tag :options="dict.type.project_small_type" :value="templateInfo.projectSmallType" />
               </div>
             </el-col>
             <el-col :span="8" style="height: 50px">
               <div class="templateInfo">
                 <div class="templateInfo_left">责任单位：</div>
-                <dict-tag :options="dict.type.bms_responsibility_unit" :value="templateInfo.responsibilityUnit"/>
+                <dict-tag :options="dict.type.bms_responsibility_unit" :value="templateInfo.responsibilityUnit" />
               </div>
             </el-col>
             <el-col :span="8" style="height: 50px">
               <div class="templateInfo">
                 <div class="templateInfo_left">级别：</div>
-                <dict-tag :options="dict.type.bms_level" :value="templateInfo.level"/>
+                <dict-tag :options="dict.type.bms_level" :value="templateInfo.level" />
               </div>
             </el-col>
           </el-row>
@@ -59,506 +59,474 @@
               <template slot="label">
                 申报企业名称
               </template>
-              {{ baseInfo.qymc }}    <!-- enterpriseName -->
+              {{ baseInfo.qymc || "" }} <!-- enterpriseName -->
             </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
                 统一社会信用代码
               </template>
-              {{ baseInfo.tyshxydm }}       <!-- creditCode -->
+              {{ baseInfo.tyshxydm }} <!-- creditCode -->
             </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
                 联络人
               </template>
-              {{ baseInfo.fddbrxm }}     <!-- contacts -->
+              {{ baseInfo.fddbrxm }} <!-- contacts -->
             </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
                 联络电话
               </template>
-              {{ baseInfo.fddbrzjhm }}     <!-- contactsNumber -->
+              {{ baseInfo.fddbrzjhm }} <!-- contactsNumber -->
             </el-descriptions-item>
             <el-descriptions-item>
               <template slot="label">
                 企业地址
               </template>
-              {{ baseInfo.jycs }}      <!-- address -->
-            </el-descriptions-item>
-          </el-descriptions>
-          <!-- 项目落户奖补模版 -->
-          <div class="table-content" v-if="templateId == 1">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
-            <el-descriptions-item>
-              <template slot="label">
-                项目名称
-              </template>
-              {{ templateInfo.templateName }}
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template slot="label">
-                <span class="f_validate">*</span>申报单位成立时间
-              </template>
-              <el-form-item label-width="0" prop="establishTime">
-                <el-date-picker
-                  v-model="form.establishTime"
-                  type="date"
-                  placeholder="请选择申报单位成立时间"
-                  value-format="yyyy-MM-dd"
-                  >
-                </el-date-picker>
-              </el-form-item>
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template slot="label">
-                <span class="f_validate">*</span>截止目前员工人数
-              </template>
-              <el-form-item label-width="0" prop="employeeNum">
-                <el-input placeholder="请输入截至目前人数" v-model="form.employeeNum" maxlength="10">
-                  <template slot="append">人</template>
-                </el-input>
-              </el-form-item>
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template slot="label">
-                <span class="f_validate">*</span>2023年营收
-              </template>
-              <el-form-item label-width="0" prop="revenueNowYear1">
-                <el-input placeholder="请输入金额" v-model="form.revenueNowYear1" maxlength="10">
-                  <template slot="append">元</template>
-                </el-input>
-              </el-form-item>
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template slot="label">
-                <span class="f_validate">*</span>2023年税收
-              </template>
-              <el-form-item label-width="0" prop="taxationNowYear1">
-                <el-input placeholder="请输入金额" v-model="form.taxationNowYear1" maxlength="10">
-                  <template slot="append">元</template>
-                </el-input>
-              </el-form-item>
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template slot="label">
-                <span class="f_validate">*</span>2024年预计营收
-              </template>
-              <el-form-item label-width="0" prop="revenueNowYear">
-                <el-input placeholder="请输入金额" v-model="form.revenueNowYear" maxlength="10">
-                  <template slot="append">元</template>
-                </el-input>
-              </el-form-item>
-            </el-descriptions-item>
-            <el-descriptions-item>
-              <template slot="label">
-                <span class="f_validate">*</span>2024年预计税收
-              </template>
-              <el-form-item label-width="0" prop="taxationNowYear">
-                <el-input placeholder="请输入金额" v-model="form.taxationNowYear" maxlength="10">
-                  <template slot="append">元</template>
-                </el-input>
-              </el-form-item>
+              {{ baseInfo.jycs }} <!-- address -->
             </el-descriptions-item>
           </el-descriptions>
+          <div v-if="false">
+            <!-- 项目落户奖补模版 -->
+            <div class="table-content" v-if="templateId == 1">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>申报单位成立时间
+                  </template>
+                  <el-form-item label-width="0" prop="establishTime">
+                    <el-date-picker v-model="form.establishTime" type="date" placeholder="请选择申报单位成立时间"
+                      value-format="yyyy-MM-dd">
+                    </el-date-picker>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>截止目前员工人数
+                  </template>
+                  <el-form-item label-width="0" prop="employeeNum">
+                    <el-input placeholder="请输入截至目前人数" v-model="form.employeeNum" maxlength="10">
+                      <template slot="append">人</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2023年营收
+                  </template>
+                  <el-form-item label-width="0" prop="revenueNowYear1">
+                    <el-input placeholder="请输入金额" v-model="form.revenueNowYear1" maxlength="10">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2023年税收
+                  </template>
+                  <el-form-item label-width="0" prop="taxationNowYear1">
+                    <el-input placeholder="请输入金额" v-model="form.taxationNowYear1" maxlength="10">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2024年预计营收
+                  </template>
+                  <el-form-item label-width="0" prop="revenueNowYear">
+                    <el-input placeholder="请输入金额" v-model="form.revenueNowYear" maxlength="10">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2024年预计税收
+                  </template>
+                  <el-form-item label-width="0" prop="taxationNowYear">
+                    <el-input placeholder="请输入金额" v-model="form.taxationNowYear" maxlength="10">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 做大做强奖补模版 -->
+            <div class="table-content" v-if="templateId == 2">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>申报单位成立时间
+                  </template>
+                  <el-form-item label-width="0" prop="establishTime">
+                    <el-date-picker v-model="form.establishTime" type="date" placeholder="请选择申报单位成立时间"
+                      value-format="yyyy-MM-dd">
+                    </el-date-picker>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>是否获得园区其他经营奖励
+                  </template>
+                  <el-form-item label-width="0" prop="isGainRewards">
+                    <el-radio-group v-model="form.isGainRewards">
+                      <el-radio :label="0">否</el-radio>
+                      <el-radio :label="1">是</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2021年营收
+                  </template>
+                  <el-form-item label-width="0" prop="revenueNowYear3">
+                    <el-input placeholder="请输入金额" v-model="form.revenueNowYear3">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2021年税收
+                  </template>
+                  <el-form-item label-width="0" prop="taxationNowYear3">
+                    <el-input placeholder="请输入金额" v-model="form.taxationNowYear3">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2022年营收
+                  </template>
+                  <el-form-item label-width="0" prop="revenueNowYear2">
+                    <el-input placeholder="请输入金额" v-model="form.revenueNowYear2">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2022年税收
+                  </template>
+                  <el-form-item label-width="0" prop="taxationNowYear2">
+                    <el-input placeholder="请输入金额" v-model="form.taxationNowYear2">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2023年营收
+                  </template>
+                  <el-form-item label-width="0" prop="revenueNowYear1">
+                    <el-input placeholder="请输入金额" v-model="form.revenueNowYear1">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2023年税收
+                  </template>
+                  <el-form-item label-width="0" prop="taxationNowYear1">
+                    <el-input placeholder="请输入金额" v-model="form.taxationNowYear1">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2024年预计营收
+                  </template>
+                  <el-form-item label-width="0" prop="revenueNowYear">
+                    <el-input placeholder="请输入金额" v-model="form.revenueNowYear">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>2024年预计税收
+                  </template>
+                  <el-form-item label-width="0" prop="taxationNowYear">
+                    <el-input placeholder="请输入金额" v-model="form.taxationNowYear">
+                      <template slot="append">元</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>园区其他经营奖励
+                  </template>
+                  <el-form-item label-width="0" prop="rewardDescription">
+                    <el-input placeholder="请输入其他经营奖励" v-model="form.rewardDescription">
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 载体建设奖补模版 -->
+            <div class="table-content" v-if="templateId == 3">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>文体企业数量占比
+                  </template>
+                  <el-form-item prop="quantityProportion" label-width="0">
+                    <el-input type="text" placeholder="请输入文体企业数量占比" v-model="form.quantityProportion" maxlength="5"
+                      show-word-limit>
+                      <template slot="append">%</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>文体企业营收占比
+                  </template>
+                  <el-form-item prop="revenueProportion" label-width="0">
+                    <el-input type="text" placeholder="请输入文体企业营收占比" v-model="form.revenueProportion" maxlength="5"
+                      show-word-limit>
+                      <template slot="append">%</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>文体企业从业人员占比
+                  </template>
+                  <el-form-item prop="personnelProportion" label-width="0">
+                    <el-input type="text" placeholder="请输入文体企业从业人员占比" v-model="form.personnelProportion" maxlength="5"
+                      show-word-limit>
+                      <template slot="append">%</template>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 平台建设模版 -->
+            <div class="table-content" v-if="templateId == 4">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>平台(项目)名称
+                  </template>
+                  <el-form-item label-width="0" prop="platformName">
+                    <el-input type="text" placeholder="请输入平台(项目)" v-model="form.platformName" maxlength="50"
+                      show-word-limit>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 品牌打造奖补模版 -->
+            <div class="table-content" v-if="templateId == 5">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>所获荣誉/所举办活动
+                  </template>
+                  <el-form-item prop="honorsReceived" label-width="0">
+                    <el-input type="text" placeholder="请输入所获荣誉/所举办活动" v-model="form.honorsReceived" show-word-limit>
+                    </el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>所获等级
+                  </template>
+                  <el-form-item label-width="0" prop="level">
+                    <el-select v-model="form.level" placeholder="请选择所属等级" clearable style="width: 100%;">
+                      <el-option v-for="dict in dict.type.bms_level" :key="dict.value" :label="dict.label"
+                        :value="dict.value" />
+                    </el-select>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 场景开放模版 -->
+            <div class="table-content" v-if="templateId == 6">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>所属类型
+                  </template>
+                  <el-form-item label-width="0" prop="type">
+                    <el-select v-model="form.type" placeholder="请选择责任单位" clearable style="width: 100%;">
+                      <el-option v-for="dict in dict.type.bms_affiliation_type" :key="dict.value" :label="dict.label"
+                        :value="dict.value" />
+                    </el-select>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 5G+工业互联网奖补模版 -->
+            <div class="table-content" v-if="templateId == 8">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>荣誉名称
+                  </template>
+                  <el-form-item label-width="0" prop="honoraryName">
+                    <el-input placeholder="请输入荣誉名称" v-model="form.honoraryName"></el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 信用管理奖补模版 -->
+            <!-- 制造服务业有效投入奖补模版	 -->
+            <!-- 物流发展奖补模版	 -->
+            <div class="table-content" v-if="(templateId == 7) || (templateId == 9) || (templateId == 10)">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 两业融合奖补模版 -->
+            <div class="table-content" v-if="templateId == 11">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>申报类型
+                  </template>
+                  <el-form-item label-width="0" prop="declarationType">
+                    <el-select v-model="form.declarationType" placeholder="请选择项目" style="width: 100%;">
+                      <el-option v-for="dict in dict.type.sys_declaration_type" :key="dict.value" :label="dict.label"
+                        :value="dict.value"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
+            <!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
+            <div class="table-content" v-if="templateId == 12">
+              <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
+                <el-descriptions-item>
+                  <template slot="label">
+                    项目名称
+                  </template>
+                  {{ templateInfo.templateName }}
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>主要产品
+                  </template>
+                  <el-form-item label-width="0" prop="mainProducts">
+                    <el-input placeholder="请输入主要产品" v-model="form.mainProducts"></el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>所属行业
+                  </template>
+                  <el-form-item label-width="0" prop="industry">
+                    <el-checkbox-group v-model="form.industry" style="width: 100%;">
+                      <el-checkbox v-for="city in dict.type.template_industry" :true-label="city.value"
+                        :label="city.value" :key="city.value">
+                        {{ city.label }}
+                      </el-checkbox>
+                    </el-checkbox-group>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>工作联系人
+                  </template>
+                  <el-form-item label-width="0" prop="workContact">
+                    <el-input placeholder="请输入工作联系人" v-model="form.workContact"></el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>联系电话
+                  </template>
+                  <el-form-item label-width="0" prop="iphone">
+                    <el-input placeholder="请输入联系电话" v-model="form.iphone"></el-input>
+                  </el-form-item>
+                </el-descriptions-item>
+                <el-descriptions-item>
+                  <template slot="label">
+                    <span class="f_validate">*</span>类别
+                  </template>
+                  <el-form-item label-width="0" prop="template_type">
+                    <el-checkbox-group v-model="form.template_type" @change="handleCheckedCitiesChange"
+                      style="width: 100%;">
+                      <el-checkbox v-for="dict in dict.type.new_template_type" :true-label="dict.value"
+                        :label="dict.value" :key="dict.value">
+                        {{ dict.label }}
+                      </el-checkbox>
+                    </el-checkbox-group>
+                  </el-form-item>
+                </el-descriptions-item>
+              </el-descriptions>
+            </div>
           </div>
-          <!-- 做大做强奖补模版 -->
-          <div class="table-content" v-if="templateId == 2">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>申报单位成立时间
-                </template>
-                <el-form-item label-width="0" prop="establishTime">
-                  <el-date-picker
-                    v-model="form.establishTime"
-                    type="date"
-                    placeholder="请选择申报单位成立时间"
-                    value-format="yyyy-MM-dd"
-                    >
-                  </el-date-picker>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>是否获得园区其他经营奖励
-                </template>
-                <el-form-item label-width="0" prop="isGainRewards">
-                  <el-radio-group v-model="form.isGainRewards">
-                    <el-radio :label="0">否</el-radio>
-                    <el-radio :label="1">是</el-radio>
-                  </el-radio-group>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2021年营收
-                </template>
-                <el-form-item label-width="0" prop="revenueNowYear3">
-                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear3">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2021年税收
-                </template>
-                <el-form-item label-width="0" prop="taxationNowYear3">
-                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear3">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2022年营收
-                </template>
-                <el-form-item label-width="0" prop="revenueNowYear2">
-                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear2">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2022年税收
-                </template>
-                <el-form-item label-width="0" prop="taxationNowYear2">
-                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear2">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2023年营收
-                </template>
-                <el-form-item label-width="0" prop="revenueNowYear1">
-                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear1">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2023年税收
-                </template>
-                <el-form-item label-width="0" prop="taxationNowYear1">
-                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear1">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2024年预计营收
-                </template>
-                <el-form-item label-width="0" prop="revenueNowYear">
-                  <el-input placeholder="请输入金额" v-model="form.revenueNowYear">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>2024年预计税收
-                </template>
-                <el-form-item label-width="0" prop="taxationNowYear">
-                  <el-input placeholder="请输入金额" v-model="form.taxationNowYear">
-                    <template slot="append">元</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>园区其他经营奖励
-                </template>
-                <el-form-item label-width="0" prop="rewardDescription">
-                  <el-input placeholder="请输入其他经营奖励" v-model="form.rewardDescription">
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 载体建设奖补模版 -->
-          <div class="table-content" v-if="templateId == 3">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>文体企业数量占比
-                </template>
-                <el-form-item prop="quantityProportion" label-width="0">
-                  <el-input
-                      type="text"
-                      placeholder="请输入文体企业数量占比"
-                      v-model="form.quantityProportion"
-                      maxlength="5"
-                      show-word-limit
-                    >
-                    <template slot="append">%</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>文体企业营收占比
-                </template>
-                <el-form-item prop="revenueProportion" label-width="0">
-                  <el-input
-                      type="text"
-                      placeholder="请输入文体企业营收占比"
-                      v-model="form.revenueProportion"
-                      maxlength="5"
-                      show-word-limit
-                    >
-                    <template slot="append">%</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>文体企业从业人员占比
-                </template>
-                <el-form-item prop="personnelProportion" label-width="0">
-                  <el-input
-                      type="text"
-                      placeholder="请输入文体企业从业人员占比"
-                      v-model="form.personnelProportion"
-                      maxlength="5"
-                      show-word-limit
-                    >
-                    <template slot="append">%</template>
-                  </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 平台建设模版 -->
-          <div class="table-content" v-if="templateId == 4">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>平台(项目)名称
-                </template>
-                <el-form-item label-width="0" prop="platformName">
-                  <el-input
-                    type="text"
-                    placeholder="请输入平台(项目)"
-                    v-model="form.platformName"
-                    maxlength="50"
-                    show-word-limit
-                  >
-                </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 品牌打造奖补模版 -->
-          <div class="table-content" v-if="templateId == 5">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border>
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>所获荣誉/所举办活动
-                </template>
-                <el-form-item prop="honorsReceived" label-width="0">
-                  <el-input
-                    type="text"
-                    placeholder="请输入所获荣誉/所举办活动"
-                    v-model="form.honorsReceived"
-                    show-word-limit
-                  >
-                </el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>所获等级
-                </template>
-                <el-form-item label-width="0" prop="level">
-                  <el-select v-model="form.level" placeholder="请选择所属等级" clearable style="width: 100%;">
-                    <el-option
-                      v-for="dict in dict.type.bms_level"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 场景开放模版 -->
-          <div class="table-content" v-if="templateId == 6">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>所属类型
-                </template>
-                <el-form-item label-width="0" prop="type">
-                  <el-select v-model="form.type" placeholder="请选择责任单位" clearable style="width: 100%;">
-                    <el-option
-                      v-for="dict in dict.type.bms_affiliation_type"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 5G+工业互联网奖补模版 -->
-          <div class="table-content" v-if="templateId == 8">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>荣誉名称
-                </template>
-                <el-form-item label-width="0" prop="honoraryName">
-                  <el-input placeholder="请输入荣誉名称" v-model="form.honoraryName"></el-input>
-                </el-form-item>
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 信用管理奖补模版 -->
-          <!-- 制造服务业有效投入奖补模版	 -->
-          <!-- 物流发展奖补模版	 -->
-          <div class="table-content" v-if="(templateId == 7) || (templateId == 9) || (templateId == 10)">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border :label-style="LS">
-            <el-descriptions-item>
-              <template slot="label">
-                项目名称
-              </template>
-              {{ templateInfo.templateName }}
-            </el-descriptions-item>
-          </el-descriptions>
-          </div>
-          <!-- 两业融合奖补模版 -->
-          <div class="table-content" v-if="templateId == 11">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>申报类型
-                </template>
-                <el-form-item label-width="0" prop="declarationType">
-                  <el-select v-model="form.declarationType" placeholder="请选择项目" style="width: 100%;">
-                    <el-option
-                      v-for="dict in dict.type.sys_declaration_type"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
-          <div class="table-content" v-if="templateId == 12">
-            <el-descriptions class="margin-top" title="【项目投资计划】" :column="2" :size="size" border>
-              <el-descriptions-item>
-                <template slot="label">
-                  项目名称
-                </template>
-                {{ templateInfo.templateName }}
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>主要产品
-                </template>
-                <el-form-item label-width="0" prop="mainProducts">
-                  <el-input placeholder="请输入主要产品" v-model="form.mainProducts"></el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>所属行业
-                </template>
-                <el-form-item label-width="0" prop="industry">
-                  <el-checkbox-group v-model="form.industry" style="width: 100%;">
-                    <el-checkbox v-for="city in dict.type.template_industry" :true-label="city.value" :label="city.value" :key="city.value">
-                      {{city.label}}
-                    </el-checkbox>
-                  </el-checkbox-group>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>工作联系人
-                </template>
-                <el-form-item label-width="0" prop="workContact">
-                  <el-input placeholder="请输入工作联系人" v-model="form.workContact"></el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>联系电话
-                </template>
-                <el-form-item label-width="0" prop="iphone">
-                  <el-input placeholder="请输入联系电话" v-model="form.iphone" ></el-input>
-                </el-form-item>
-              </el-descriptions-item>
-              <el-descriptions-item>
-                <template slot="label">
-                  <span class="f_validate">*</span>类别
-                </template>
-                <el-form-item label-width="0" prop="template_type">
-                  <el-checkbox-group v-model="form.template_type" @change="handleCheckedCitiesChange" style="width: 100%;">
-                    <el-checkbox v-for="dict in dict.type.new_template_type" :true-label="dict.value" :label="dict.value" :key="dict.value">
-                      {{dict.label}}
-                    </el-checkbox>
-                  </el-checkbox-group>
-                </el-form-item>
-              </el-descriptions-item>
+          <div class="table-content">
+            <el-descriptions class="margin-top" title="【项目投资计划】" :column="3" :size="size" border :label-style="LS">
             </el-descriptions>
+            <ismybuild ref="ismybuild"></ismybuild>
+
+
           </div>
           <!-- 上传文件列表 -->
           <div class="table-content last_upload">
             <p>【上传材料】</p>
             <el-row>
-              <el-col :span="24" v-if="(templateId == 2 )|| (templateId == 4 ) || (templateId == 5 ) || (templateId == 6 ) || (templateId == 8 ) ">
+              <el-col :span="24"
+                v-if="(templateId == 2) || (templateId == 4) || (templateId == 5) || (templateId == 6) || (templateId == 8)">
                 <!-- <el-form-item label="企业近3年发展情况及未来发展计划" label-width="340px" v-if="templateId == 2">
                   <el-upload
                     cclass="upload-demo"
@@ -587,25 +555,21 @@
                   </el-upload>
                 </el-form-item> -->
                 <!-- 平台建设模版 -->
-                <el-form-item :label="uploadLabel" label-width="340px"  prop="fileList">
+                <el-form-item :label="uploadLabel" label-width="340px" prop="fileList">
                   <!-- 平台建设奖补模版 -->
                   <div v-if="templateId == 4" class="form_item">如不宜公开则上传封面及盖章页</div>
                   <!-- 品牌打造奖补模版 -->
                   <div v-if="templateId == 5" class="form_item">上级发文、新闻报道、现场照片、发票</div>
                   <!-- 场景开放模版 -->
                   <div v-if="templateId == 6" class="form_item">公示、发文证明、专家评分表</div>
-                  <el-upload
-                    class="upload-demo"
-                    :show-file-list="false"
-                    action=""
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
                     accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                    :http-request="handleFileUpload"
-                    :file-list="fileList"
-                    :on-remove="handleRemove">
+                    :http-request="handleFileUpload" :file-list="fileList" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileList.length >0" class="upload_ul">
+                  <ul v-if="fileList.length > 0" class="upload_ul">
                     <li v-for="item in uploadList" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -615,21 +579,17 @@
                 </el-form-item>
               </el-col>
               <!-- 项目落户奖补模版 -->
-              <el-col :span="24" v-if="templateId == 1 " class="upload_col">
-                <el-form-item label="招商协议" label-width="340px"  prop="fileListOne">
+              <el-col :span="24" v-if="templateId == 1" class="upload_col">
+                <el-form-item label="招商协议" label-width="340px" prop="fileListOne">
                   <div class="form_item">如不宜公开则上传封面及盖章页</div>
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadOne"
-                  :file-list="fileListOne"
-                  :on-remove="handleRemove">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListOne.length >0" class="upload_ul">
+                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                     <li v-for="item in uploadListOne" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -638,20 +598,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 1 " class="upload_col">
-                <el-form-item label="验资报告" label-width="340px"  prop="fileListTwo">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadTwo"
-                  :file-list="fileListTwo"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 1" class="upload_col">
+                <el-form-item label="验资报告" label-width="340px" prop="fileListTwo">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListTwo.length >0" class="upload_ul">
+                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                     <li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -660,20 +616,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 1 " class="upload_col">
-                <el-form-item label="营业执照" label-width="340px"  prop="fileListThree">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadThree"
-                  :file-list="fileListThree"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 1" class="upload_col">
+                <el-form-item label="营业执照" label-width="340px" prop="fileListThree">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListThree.length >0" class="upload_ul">
+                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                     <li v-for="item in uploadListThree" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -682,20 +634,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 1 " class="upload_col">
-                <el-form-item label="其他证明材料" label-width="340px"  prop="fileListFour">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadFour"
-                  :file-list="fileListFour"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 1" class="upload_col">
+                <el-form-item label="其他证明材料" label-width="340px" prop="fileListFour">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListFour.length >0" class="upload_ul">
+                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                     <li v-for="item in uploadListFour" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -705,20 +653,16 @@
                 </el-form-item>
               </el-col>
               <!-- 载体建设奖补模版 -->
-              <el-col :span="24" v-if="templateId == 3 " class="upload_col">
-                <el-form-item label="相关佐证材料" label-width="340px"  prop="fileListOne">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadOne"
-                  :file-list="fileListOne"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 3" class="upload_col">
+                <el-form-item label="相关佐证材料" label-width="340px" prop="fileListOne">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListOne.length >0" class="upload_ul">
+                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                     <li v-for="item in uploadListOne" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -727,20 +671,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 3 " class="upload_col">
-                <el-form-item label="项目工商登记许可" label-width="340px"  prop="fileListTwo">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadTwo"
-                  :file-list="fileListTwo"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 3" class="upload_col">
+                <el-form-item label="项目工商登记许可" label-width="340px" prop="fileListTwo">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListTwo.length >0" class="upload_ul">
+                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                     <li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -749,20 +689,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 3 " class="upload_col">
-                <el-form-item label="消防验收报告" label-width="340px"  prop="fileListThree">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadThree"
-                  :file-list="fileListThree"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 3" class="upload_col">
+                <el-form-item label="消防验收报告" label-width="340px" prop="fileListThree">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListThree.length >0" class="upload_ul">
+                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                     <li v-for="item in uploadListThree" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -772,21 +708,17 @@
                 </el-form-item>
               </el-col>
               <!-- 信用管理奖补模版 -->
-              <el-col :span="24" v-if="templateId == 7 " class="upload_col">
-                <el-form-item label="项目方案" label-width="340px"  prop="fileListOne">
+              <el-col :span="24" v-if="templateId == 7" class="upload_col">
+                <el-form-item label="项目方案" label-width="340px" prop="fileListOne">
                   <div class="form_item">包括项目基本情况、项目投资情况以及实施进展、项目目标及取得的主要成效</div>
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadOne"
-                  :file-list="fileListOne"
-                  :on-remove="handleRemove">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListOne.length >0" class="upload_ul">
+                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                     <li v-for="item in uploadListOne" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -795,21 +727,17 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 7 " class="upload_col">
-                <el-form-item label="资金使用说明" label-width="340px"  prop="fileListTwo">
+              <el-col :span="24" v-if="templateId == 7" class="upload_col">
+                <el-form-item label="资金使用说明" label-width="340px" prop="fileListTwo">
                   <div class="form_item">项目未完成的需提供，内容主要包括项目计划投资额，投资明细，目前已完成投资情况和后续投入计划等</div>
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadTwo"
-                  :file-list="fileListTwo"
-                  :on-remove="handleRemove">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListTwo.length >0" class="upload_ul">
+                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                     <li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -818,21 +746,17 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 7 " class="upload_col">
-                <el-form-item label="项目专项审计报告" label-width="340px"  prop="fileListThree">
+              <el-col :span="24" v-if="templateId == 7" class="upload_col">
+                <el-form-item label="项目专项审计报告" label-width="340px" prop="fileListThree">
                   <div class="form_item">项目已完成的需提供</div>
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadThree"
-                  :file-list="fileListThree"
-                  :on-remove="handleRemove">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListThree.length >0" class="upload_ul">
+                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                     <li v-for="item in uploadListThree" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -842,20 +766,16 @@
                 </el-form-item>
               </el-col>
               <!-- 制造服务业有效投入奖补模版 -->
-              <el-col :span="24" v-if="templateId == 9 " class="upload_col">
-                <el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px"  prop="fileListOne">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadOne"
-                  :file-list="fileListOne"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 9" class="upload_col">
+                <el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListOne">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListOne.length >0" class="upload_ul">
+                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                     <li v-for="item in uploadListOne" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -864,20 +784,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 9 " class="upload_col">
-                <el-form-item label="购置设备发票清单及发票扫描件" label-width="340px"  prop="fileListTwo">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadTwo"
-                  :file-list="fileListTwo"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 9" class="upload_col">
+                <el-form-item label="购置设备发票清单及发票扫描件" label-width="340px" prop="fileListTwo">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListTwo.length >0" class="upload_ul">
+                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                     <li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -886,20 +802,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 9 " class="upload_col">
-                <el-form-item label="会计师事务所出具的企业申报项目购置设备情况的专项审计报告" label-width="340px"  prop="fileListThree">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadThree"
-                  :file-list="fileListThree"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 9" class="upload_col">
+                <el-form-item label="会计师事务所出具的企业申报项目购置设备情况的专项审计报告" label-width="340px" prop="fileListThree">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListThree.length >0" class="upload_ul">
+                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                     <li v-for="item in uploadListThree" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -908,20 +820,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 9 " class="upload_col">
-                <el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px"  prop="fileListFour">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadFour"
-                  :file-list="fileListFour"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 9" class="upload_col">
+                <el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListFour.length >0" class="upload_ul">
+                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                     <li v-for="item in uploadListFour" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -931,20 +839,16 @@
                 </el-form-item>
               </el-col>
               <!-- 物流发展奖补模版 -->
-              <el-col :span="24" v-if="templateId == 10 " class="upload_col">
-                <el-form-item label="荣誉证明文件" label-width="340px"  prop="fileListOne">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadOne"
-                  :file-list="fileListOne"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 10" class="upload_col">
+                <el-form-item label="荣誉证明文件" label-width="340px" prop="fileListOne">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListOne.length >0" class="upload_ul">
+                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                     <li v-for="item in uploadListOne" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -953,20 +857,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 10 " class="upload_col">
-                <el-form-item label="平台名称" label-width="340px"  prop="fileListTwo">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadTwo"
-                  :file-list="fileListTwo"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 10" class="upload_col">
+                <el-form-item label="平台名称" label-width="340px" prop="fileListTwo">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListTwo.length >0" class="upload_ul">
+                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                     <li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -975,20 +875,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 10 " class="upload_col">
-                <el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px"  prop="fileListThree">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadThree"
-                  :file-list="fileListThree"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 10" class="upload_col">
+                <el-form-item label="企业投资项目备案通知书或核准批复文件" label-width="340px" prop="fileListThree">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListThree.length >0" class="upload_ul">
+                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                     <li v-for="item in uploadListThree" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -997,20 +893,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 10 " class="upload_col">
-                <el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px"  prop="fileListFour">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadFour"
-                  :file-list="fileListFour"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 10" class="upload_col">
+                <el-form-item label="会计师事务所出具的企业财务报表审计报告" label-width="340px" prop="fileListFour">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListFour.length >0" class="upload_ul">
+                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                     <li v-for="item in uploadListFour" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1020,20 +912,16 @@
                 </el-form-item>
               </el-col>
               <!-- 物流发展奖补模版 -->
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="证明文件" label-width="340px"  prop="fileListOne">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadOne"
-                  :file-list="fileListOne"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="证明文件" label-width="340px" prop="fileListOne">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListOne.length >0" class="upload_ul">
+                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                     <li v-for="item in uploadListOne" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1042,20 +930,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="营业执照" label-width="340px"  prop="fileListTwo">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadTwo"
-                  :file-list="fileListTwo"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="营业执照" label-width="340px" prop="fileListTwo">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListTwo.length >0" class="upload_ul">
+                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                     <li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1064,20 +948,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="完税证明" label-width="340px"  prop="fileListThree">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadThree"
-                  :file-list="fileListThree"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="完税证明" label-width="340px" prop="fileListThree">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadThree" :file-list="fileListThree" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListThree.length >0" class="upload_ul">
+                  <ul v-if="fileListThree.length > 0" class="upload_ul">
                     <li v-for="item in uploadListThree" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1086,20 +966,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="审计报告" label-width="340px"  prop="fileListFour">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadFour"
-                  :file-list="fileListFour"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="审计报告" label-width="340px" prop="fileListFour">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadFour" :file-list="fileListFour" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListFour.length >0" class="upload_ul">
+                  <ul v-if="fileListFour.length > 0" class="upload_ul">
                     <li v-for="item in uploadListFour" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1108,20 +984,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="股权架构图" label-width="340px"  prop="fileListFive">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadFive"
-                  :file-list="fileListFive"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="股权架构图" label-width="340px" prop="fileListFive">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadFive" :file-list="fileListFive" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListFive.length >0" class="upload_ul">
+                  <ul v-if="fileListFive.length > 0" class="upload_ul">
                     <li v-for="item in uploadListFive" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1130,21 +1002,17 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="项目申报报告" label-width="340px"  prop="fileListSix">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="项目申报报告" label-width="340px" prop="fileListSix">
                   <div class="form_item">含企业基本情况和项目基本情况</div>
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadSix"
-                  :file-list="fileListSix"
-                  :on-remove="handleRemove">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadSix" :file-list="fileListSix" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListSix.length >0" class="upload_ul">
+                  <ul v-if="fileListSix.length > 0" class="upload_ul">
                     <li v-for="item in uploadListSix" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1153,20 +1021,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="独立核算相关证明" label-width="340px"  prop="fileListSeven">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadSeven"
-                  :file-list="fileListSeven"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="独立核算相关证明" label-width="340px" prop="fileListSeven">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadSeven" :file-list="fileListSeven" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListSeven.length >0" class="upload_ul">
+                  <ul v-if="fileListSeven.length > 0" class="upload_ul">
                     <li v-for="item in uploadListSeven" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1175,20 +1039,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="验资报告" label-width="340px"  prop="fileListEight">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadEight"
-                  :file-list="fileListEight"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="验资报告" label-width="340px" prop="fileListEight">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadEight" :file-list="fileListEight" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListEight.length >0" class="upload_ul">
+                  <ul v-if="fileListEight.length > 0" class="upload_ul">
                     <li v-for="item in uploadListEight" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1197,20 +1057,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 11 " class="upload_col">
-                <el-form-item label="其他证明材料" label-width="340px"  prop="fileListNine">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadNine"
-                  :file-list="fileListNine"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 11" class="upload_col">
+                <el-form-item label="其他证明材料" label-width="340px" prop="fileListNine">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadNine" :file-list="fileListNine" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListNine.length >0" class="upload_ul">
+                  <ul v-if="fileListNine.length > 0" class="upload_ul">
                     <li v-for="item in uploadListNine" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1222,22 +1078,21 @@
               <!--  -->
               <el-col :span="24" v-if="templateId == 12" class="upload_col upload_col_one">
                 <!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
-                <el-form-item :label="form.template_type == '1' ? '淘汰落后生产工艺装备':'退出低端低效产能装备'" label-width="340px"  prop="fileListOne">
+                <el-form-item :label="form.template_type == '1' ? '淘汰落后生产工艺装备' : '退出低端低效产能装备'" label-width="340px"
+                  prop="fileListOne">
                   <!-- 2024年度淘汰落后和退出低端低效产能装备清单模板 -->
                   <div class="form_item">1、填报具体装备名称、规格型号、数量）等共XX台套</div>
-                  <div class="form_item" style="margin-top: 20px;">2、落后生产工艺装备特指《产业结构调整指导目录》中明列的“淘汰类”“落后生产工艺装备”；低端低效生产工艺装备主要指经过较长时间运行，在能耗、环保、安全、技术指标等方面已弱化、企业拟主动提前退出的设备，它不属强制淘汰范畴。</div>
-                  <el-upload
-                    class="upload-demo"
-                    :show-file-list="false"
-                    action=""
+                  <div class="form_item" style="margin-top: 20px;">
+                    2、落后生产工艺装备特指《产业结构调整指导目录》中明列的“淘汰类”“落后生产工艺装备”；低端低效生产工艺装备主要指经过较长时间运行，在能耗、环保、安全、技术指标等方面已弱化、企业拟主动提前退出的设备，它不属强制淘汰范畴。
+                  </div>
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
                     accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                    :http-request="handleFileUploadOne"
-                    :file-list="fileListOne"
-                    :on-remove="handleRemove">
+                    :http-request="handleFileUploadOne" :file-list="fileListOne" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListOne.length >0" class="upload_ul">
+                  <ul v-if="fileListOne.length > 0" class="upload_ul">
                     <li v-for="item in uploadListOne" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1246,20 +1101,16 @@
                   </ul>
                 </el-form-item>
               </el-col>
-              <el-col :span="24" v-if="templateId == 12 " class="upload_col">
-                <el-form-item label="其他相关情况说明" label-width="340px"  prop="fileListTwo">
-                  <el-upload
-                  class="upload-demo"
-                  :show-file-list="false"
-                  action=""
-                  accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
-                  :http-request="handleFileUploadTwo"
-                  :file-list="fileListTwo"
-                  :on-remove="handleRemove">
+              <el-col :span="24" v-if="templateId == 12" class="upload_col">
+                <el-form-item label="其他相关情况说明" label-width="340px" prop="fileListTwo">
+                  <el-upload class="upload-demo" :show-file-list="false" action=""
+                    accept=".xlsx,.XLSX,.XSL,.doc,.xls,.ppt,.pdf,.png,.jpg,.jpeg,.rar,.zip,.docx"
+                    :http-request="handleFileUploadTwo" :file-list="fileListTwo" :on-remove="handleRemove">
                     <el-button slot="trigger" size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">请上传格式为<span style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
+                    <div slot="tip" class="el-upload__tip">请上传格式为<span
+                        style="color: red;">doc/xls/ppt/pdf/png/jpg/jpeg/rar/zip/docx/xlsx</span>的文件</div>
                   </el-upload>
-                  <ul v-if="fileListTwo.length >0" class="upload_ul">
+                  <ul v-if="fileListTwo.length > 0" class="upload_ul">
                     <li v-for="item in uploadListTwo" :key="item.url" class="upload_li">
                       <img src="../../../assets/images/uploadBgc.jpg" class="li_img" alt="">
                       <span class="icon_name">{{ item.name }}</span>
@@ -1314,7 +1165,8 @@
 </template>
 
 <script>
-import { getTemplateInfo, getBasicInfo, getOpenInterface, templateList, uploadFile,
+import {
+  getTemplateInfo, getBasicInfo, getOpenInterface, templateList, uploadFile,
   templateGetId,
   addProjectSettlementAward, putProjectSettlementAward,
   addBigStrongAward, putBigStrongAward,
@@ -1330,17 +1182,18 @@ import { getTemplateInfo, getBasicInfo, getOpenInterface, templateList, uploadFi
   addOutQuitProducts, putOutQuitProducts
 } from "@/api/onlineDeclartion/declareAddContent"
 import { dealFormatDate } from "@/utils/index.js"
+import ismybuild from "./ismybuild/index.vue"
 
 export default {
   name: "declareAddContent",
   // 'sys_show_hide', 'sys_normal_disable', 'bms_product_area', 'bms_declaration_type','bms_template_type', 'bms_declaration_channels',
-  
-  dicts: ['bms_responsibility_unit', 'bms_level',  'bms_affiliation_type', 'sys_declaration_type', 'jjh_project_type', 'template_industry', 'new_template_type',"project_middle_type", "project_small_type", "project_categories"],
+
+  dicts: ['bms_responsibility_unit', 'bms_level', 'bms_affiliation_type', 'sys_declaration_type', 'jjh_project_type', 'template_industry', 'new_template_type', "project_middle_type", "project_small_type", "project_categories"],
   data() {
     //验证手机号的规则
-    var checkMobile = (rule,value,cb) =>{
+    var checkMobile = (rule, value, cb) => {
       const regMobile = /^(0|86|17951)?(13[0-9]|15[0123456789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
-      if(regMobile.test(value)){
+      if (regMobile.test(value)) {
         //合法的手机号
         return cb();
       }
@@ -1478,7 +1331,7 @@ export default {
         ],
         iphone: [
           { required: true, message: "请输入联系电话", trigger: "blur" },
-          {validator: checkMobile, trigger: 'blur'}
+          { validator: checkMobile, trigger: 'blur' }
         ],
         template_type: [
           { required: true, message: "请选择类别", trigger: "blur" }
@@ -1507,14 +1360,14 @@ export default {
       uploadListNine: [],
     };
   },
-  async mounted(){
-    let { templateId, templateRecordId, pageType, declarationId} = this.$route.query;
+  async mounted() {
+    let { templateId, templateRecordId, pageType, declarationId } = this.$route.query;
     this.declarationId = declarationId
     this.templateId = templateId
     this.templateRecordId = templateRecordId
-    let { data } = await getTemplateInfo({templateId: templateId})
+    let { data } = await getTemplateInfo({ templateId: templateId })
     this.templateInfo = data
-    switch (this.templateId){
+    switch (this.templateId) {
       case '2':
         this.uploadLabel = '企业近3年发展情况及未来发展计划'
         break;
@@ -1532,11 +1385,11 @@ export default {
         break;
     }
     // console.log('this.templateInfo: ', this.templateInfo);
-    getBasicInfo({enterpriseId: this.$store.state.user.enterpriseId}).then((response) => {
+    getBasicInfo({ enterpriseId: this.$store.state.user.enterpriseId }).then((response) => {
       this.baseInfo = response.data
       console.log(this.baseInfo);
     })
-    getOpenInterface({templateRecordId: templateRecordId}).then((response) => {
+    getOpenInterface({ templateRecordId: templateRecordId }).then((response) => {
       this.openInterfaceInfo = response.data
     })
     // templateList({
@@ -1548,7 +1401,7 @@ export default {
     //   this.templateDataList = response.rows
     // })
 
-    templateGetId(templateRecordId).then(res=>{
+    templateGetId(templateRecordId).then(res => {
       this.enterpriseDirectory = res.data.enterpriseDirectory
     })
 
@@ -1558,8 +1411,8 @@ export default {
       this.$router.go(-1)
     },
     // 切换类别
-    handleCheckedCitiesChange(value){
-      if(this.fileListOne || this.uploadListOne) {
+    handleCheckedCitiesChange(value) {
+      if (this.fileListOne || this.uploadListOne) {
         this.fileListOne = [];
         this.uploadListOne = [];
         this.form.fileName = ''
@@ -1567,7 +1420,34 @@ export default {
       }
     },
     submitForm(type) {
-      // console.log(this.form);
+      function validatePhoneNumber(text, phoneNumber) {
+        const pattern = text
+        const regex = new RegExp(pattern.slice(1, -1)); // 创建正则表达式对象，去除 pattern 字符串两端的斜杠
+        console.log("yanzhengyanzheneg ", regex.test(phoneNumber));
+        return regex.test(phoneNumber);
+      }
+      console.log(this.$refs.ismybuild.drawingList);
+      let drawingList = this.$refs.ismybuild.drawingList
+      // 循环所有内容
+      for (let index = 0; index < drawingList.length; index++) {
+        // 判断是否要校验
+        if (drawingList[index].required) {
+          if (!drawingList[index].defaultValue) {
+            this.$message.error('请填写' + drawingList[index].label);
+            return
+          } else {
+            //如果有正则，判断是否能通过
+            if (drawingList[index].regList.length != 0) {
+              if (!validatePhoneNumber(drawingList[index].regList[0].pattern, drawingList[index].defaultValue)) {
+                this.$message.error(drawingList[index].regList[0].message);
+                return
+
+              }
+            }
+          }
+        }
+      }
+
       this.$refs["form"].validate(valid => {
         if (valid) {
           let params = {
@@ -1583,7 +1463,7 @@ export default {
             projectId: this.templateId,
             templateRecordId: this.templateRecordId,
             status: type == 'ts' ? 0 : 1,
-            agreement:'', //招商协议1
+            agreement: '', //招商协议1
             businessLicense: '', //营业执照1,3,11
             otherMaterials: '',  //其它证明材料1
             report: '',  //验资报告1
@@ -1612,7 +1492,7 @@ export default {
             // iphone: '', // 联系电话
             // template_type: '',  // 类别
           }
-          if(this.templateId == "1") {
+          if (this.templateId == "1") {
             params.establishTime = this.form.establishTime
             params.employeeNum = this.form.employeeNum
             params.fillingTime = dealFormatDate(new Date())
@@ -1620,32 +1500,32 @@ export default {
             params.businessLicense = '' //营业执照
             params.otherMaterials = ''  //其它证明材料
             params.report = ''  //验资报告
-            this.uploadListOne.forEach((item,index) => {
-              if(this.uploadListOne.length-1 == index){
-                params.agreement+=`${item.url}`
+            this.uploadListOne.forEach((item, index) => {
+              if (this.uploadListOne.length - 1 == index) {
+                params.agreement += `${item.url}`
               } else {
-                params.agreement+=`${item.url},`
+                params.agreement += `${item.url},`
               }
             })
-            this.uploadListTwo.forEach((item,index) => {
-              if(this.uploadListTwo.length-1 == index){
-                params.report+=`${item.url}`
+            this.uploadListTwo.forEach((item, index) => {
+              if (this.uploadListTwo.length - 1 == index) {
+                params.report += `${item.url}`
               } else {
-                params.report+=`${item.url},`
+                params.report += `${item.url},`
               }
             })
-            this.uploadListThree.forEach((item,index) => {
-              if(this.uploadListThree.length-1 == index){
-                params.businessLicense+=`${item.url}`
+            this.uploadListThree.forEach((item, index) => {
+              if (this.uploadListThree.length - 1 == index) {
+                params.businessLicense += `${item.url}`
               } else {
-                params.businessLicense+=`${item.url},`
+                params.businessLicense += `${item.url},`
               }
             })
-            this.uploadListFour.forEach((item,index) => {
-              if(this.uploadListFour.length-1 == index){
-                params.otherMaterials+=`${item.url}`
+            this.uploadListFour.forEach((item, index) => {
+              if (this.uploadListFour.length - 1 == index) {
+                params.otherMaterials += `${item.url}`
               } else {
-                params.otherMaterials+=`${item.url},`
+                params.otherMaterials += `${item.url},`
               }
             })
             let detailList = []
@@ -1653,10 +1533,10 @@ export default {
             // detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: this.openInterfaceInfo.year})
             // detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: Number(this.openInterfaceInfo.year)+1})
             // detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrate: '预计税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: Number(this.openInterfaceInfo.year)+1})
-            detailList.push({amount: this.form.revenueNowYear1,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear1',year: 2021})
-            detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: 2021})
-            detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: 2022})
-            detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrate: '预计税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: 2022})
+            detailList.push({ amount: this.form.revenueNowYear1, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear1', year: 2021 })
+            detailList.push({ amount: this.form.taxationNowYear1, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear1', year: 2021 })
+            detailList.push({ amount: this.form.revenueNowYear, detailId: '', illustrate: '预计营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear', year: 2022 })
+            detailList.push({ amount: this.form.taxationNowYear, detailId: '', illustrate: '预计税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear', year: 2022 })
             params.fundingDetailList = detailList
             // console.log('11', params);
             addProjectSettlementAward(params).then((response) => {
@@ -1666,17 +1546,17 @@ export default {
 
             })
           }
-          if(this.templateId == "2") {
+          if (this.templateId == "2") {
             params.rewardDescription = this.form.rewardDescription
             params.isGainRewards = this.form.isGainRewards
             params.establishTime = this.form.establishTime
             params.fillingTime = dealFormatDate(new Date())
             params.developmentPlan = ''
-            this.uploadList.forEach((item,index) => {
-              if(this.uploadList.length-1 == index){
-                params.developmentPlan+=`${item.url}`
+            this.uploadList.forEach((item, index) => {
+              if (this.uploadList.length - 1 == index) {
+                params.developmentPlan += `${item.url}`
               } else {
-                params.developmentPlan+=`${item.url},`
+                params.developmentPlan += `${item.url},`
               }
             })
             let detailList = []
@@ -1688,14 +1568,14 @@ export default {
             // detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: Number(this.openInterfaceInfo.year)+2})
             // detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: Number(this.openInterfaceInfo.year)+3})
             // detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: Number(this.openInterfaceInfo.year)+3})
-            detailList.push({amount: this.form.revenueNowYear3,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear3',year: 2021})
-            detailList.push({amount: this.form.taxationNowYear3,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear3',year: 2021})
-            detailList.push({amount: this.form.revenueNowYear2,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear2',year: 2022})
-            detailList.push({amount: this.form.taxationNowYear2,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear2',year: 2022})
-            detailList.push({amount: this.form.revenueNowYear1,detailId: '',illustrate: '营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear1',year: 2023})
-            detailList.push({amount: this.form.taxationNowYear1,detailId: '',illustrate: '税收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear1',year: 2023})
-            detailList.push({amount: this.form.revenueNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'revenueNowYear',year: 2024})
-            detailList.push({amount: this.form.taxationNowYear,detailId: '',illustrate: '预计营收', templateRecordId: this.templateRecordId,type: this.templateId,vmodel: 'taxationNowYear',year: 2024})
+            detailList.push({ amount: this.form.revenueNowYear3, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear3', year: 2021 })
+            detailList.push({ amount: this.form.taxationNowYear3, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear3', year: 2021 })
+            detailList.push({ amount: this.form.revenueNowYear2, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear2', year: 2022 })
+            detailList.push({ amount: this.form.taxationNowYear2, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear2', year: 2022 })
+            detailList.push({ amount: this.form.revenueNowYear1, detailId: '', illustrate: '营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear1', year: 2023 })
+            detailList.push({ amount: this.form.taxationNowYear1, detailId: '', illustrate: '税收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear1', year: 2023 })
+            detailList.push({ amount: this.form.revenueNowYear, detailId: '', illustrate: '预计营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'revenueNowYear', year: 2024 })
+            detailList.push({ amount: this.form.taxationNowYear, detailId: '', illustrate: '预计营收', templateRecordId: this.templateRecordId, type: this.templateId, vmodel: 'taxationNowYear', year: 2024 })
             params.fundingDetailList = detailList
             // console.log('11', params);
             addBigStrongAward(params).then((response) => {
@@ -1705,30 +1585,30 @@ export default {
 
             })
           }
-          if(this.templateId == "3") {
+          if (this.templateId == "3") {
             params.quantityProportion = this.form.quantityProportion
             params.revenueProportion = this.form.revenueProportion
             params.personnelProportion = this.form.personnelProportion
             params.fillingTime = dealFormatDate(new Date())
-            this.uploadListOne.forEach((item,index) => {
-              if(this.uploadListOne.length-1 == index){
-                params.supportingMaterials+=`${item.url}`
+            this.uploadListOne.forEach((item, index) => {
+              if (this.uploadListOne.length - 1 == index) {
+                params.supportingMaterials += `${item.url}`
               } else {
-                params.supportingMaterials+=`${item.url},`
+                params.supportingMaterials += `${item.url},`
               }
             })
-            this.uploadListTwo.forEach((item,index) => {
-              if(this.uploadListTwo.length-1 == index){
-                params.businessLicense+=`${item.url}`
+            this.uploadListTwo.forEach((item, index) => {
+              if (this.uploadListTwo.length - 1 == index) {
+                params.businessLicense += `${item.url}`
               } else {
-                params.businessLicense+=`${item.url},`
+                params.businessLicense += `${item.url},`
               }
             })
-            this.uploadListThree.forEach((item,index) => {
-              if(this.uploadListThree.length-1 == index){
-                params.fireReport+=`${item.url}`
+            this.uploadListThree.forEach((item, index) => {
+              if (this.uploadListThree.length - 1 == index) {
+                params.fireReport += `${item.url}`
               } else {
-                params.fireReport+=`${item.url},`
+                params.fireReport += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1739,15 +1619,15 @@ export default {
 
             })
           }
-          if(this.templateId == "4") {
+          if (this.templateId == "4") {
             params.platformName = this.form.platformName
             params.fillingTime = dealFormatDate(new Date())
             params.agreement = ''
-            this.uploadList.forEach((item,index) => {
-              if(this.uploadList.length-1 == index){
-                params.agreement+=`${item.url}`
+            this.uploadList.forEach((item, index) => {
+              if (this.uploadList.length - 1 == index) {
+                params.agreement += `${item.url}`
               } else {
-                params.agreement+=`${item.url},`
+                params.agreement += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1756,16 +1636,16 @@ export default {
               this.$router.go(-1)
             })
           }
-          if(this.templateId == "5") {
+          if (this.templateId == "5") {
             params.honorsReceived = this.form.honorsReceived
             params.level = this.form.level
             params.fillingTime = dealFormatDate(new Date())
             params.evidence = ''
-            this.uploadList.forEach((item,index) => {
-              if(this.uploadList.length-1 == index){
-                params.evidence+=`${item.url}`
+            this.uploadList.forEach((item, index) => {
+              if (this.uploadList.length - 1 == index) {
+                params.evidence += `${item.url}`
               } else {
-                params.evidence+=`${item.url},`
+                params.evidence += `${item.url},`
               }
             })
             console.log('11', params);
@@ -1776,14 +1656,14 @@ export default {
 
             })
           }
-          if(this.templateId == "6") {
+          if (this.templateId == "6") {
             params.type = this.form.type
             params.fillingTime = dealFormatDate(new Date())
-            this.uploadList.forEach((item,index) => {
-              if(this.uploadList.length-1 == index){
-                params.material+=`${item.url}`
+            this.uploadList.forEach((item, index) => {
+              if (this.uploadList.length - 1 == index) {
+                params.material += `${item.url}`
               } else {
-                params.material+=`${item.url},`
+                params.material += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1794,27 +1674,27 @@ export default {
 
             })
           }
-          if(this.templateId == "7") {
+          if (this.templateId == "7") {
             params.fillingTime = dealFormatDate(new Date())
-            this.uploadListOne.forEach((item,index) => {
-              if(this.uploadListOne.length-1 == index){
-                params.projectPlan+=`${item.url}`
+            this.uploadListOne.forEach((item, index) => {
+              if (this.uploadListOne.length - 1 == index) {
+                params.projectPlan += `${item.url}`
               } else {
-                params.projectPlan+=`${item.url},`
+                params.projectPlan += `${item.url},`
               }
             })
-            this.uploadListTwo.forEach((item,index) => {
-              if(this.uploadListTwo.length-1 == index){
-                params.usesFunds+=`${item.url}`
+            this.uploadListTwo.forEach((item, index) => {
+              if (this.uploadListTwo.length - 1 == index) {
+                params.usesFunds += `${item.url}`
               } else {
-                params.usesFunds+=`${item.url},`
+                params.usesFunds += `${item.url},`
               }
             })
-            this.uploadListThree.forEach((item,index) => {
-              if(this.uploadListThree.length-1 == index){
-                params.auditReport+=`${item.url}`
+            this.uploadListThree.forEach((item, index) => {
+              if (this.uploadListThree.length - 1 == index) {
+                params.auditReport += `${item.url}`
               } else {
-                params.auditReport+=`${item.url},`
+                params.auditReport += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1825,14 +1705,14 @@ export default {
 
             })
           }
-          if(this.templateId == "8") {
+          if (this.templateId == "8") {
             params.honoraryName = this.form.honoraryName
             params.fillingTime = dealFormatDate(new Date())
-            this.uploadList.forEach((item,index) => {
-              if(this.uploadList.length-1 == index){
-                params.material+=`${item.url}`
+            this.uploadList.forEach((item, index) => {
+              if (this.uploadList.length - 1 == index) {
+                params.material += `${item.url}`
               } else {
-                params.material+=`${item.url},`
+                params.material += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1843,34 +1723,34 @@ export default {
 
             })
           }
-          if(this.templateId == "9") {
+          if (this.templateId == "9") {
             params.fillingTime = dealFormatDate(new Date())
-            this.uploadListOne.forEach((item,index) => {
-              if(this.uploadListOne.length-1 == index){
-                params.filingNotice+=`${item.url}`
+            this.uploadListOne.forEach((item, index) => {
+              if (this.uploadListOne.length - 1 == index) {
+                params.filingNotice += `${item.url}`
               } else {
-                params.filingNotice+=`${item.url},`
+                params.filingNotice += `${item.url},`
               }
             })
-            this.uploadListTwo.forEach((item,index) => {
-              if(this.uploadListTwo.length-1 == index){
-                params.invoice+=`${item.url}`
+            this.uploadListTwo.forEach((item, index) => {
+              if (this.uploadListTwo.length - 1 == index) {
+                params.invoice += `${item.url}`
               } else {
-                params.invoice+=`${item.url},`
+                params.invoice += `${item.url},`
               }
             })
-            this.uploadListThree.forEach((item,index) => {
-              if(this.uploadListThree.length-1 == index){
-                params.auditReport+=`${item.url}`
+            this.uploadListThree.forEach((item, index) => {
+              if (this.uploadListThree.length - 1 == index) {
+                params.auditReport += `${item.url}`
               } else {
-                params.auditReport+=`${item.url},`
+                params.auditReport += `${item.url},`
               }
             })
-            this.uploadListFour.forEach((item,index) => {
-              if(this.uploadListFour.length-1 == index){
-                params.financialStatements+=`${item.url}`
+            this.uploadListFour.forEach((item, index) => {
+              if (this.uploadListFour.length - 1 == index) {
+                params.financialStatements += `${item.url}`
               } else {
-                params.financialStatements+=`${item.url},`
+                params.financialStatements += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1881,34 +1761,34 @@ export default {
 
             })
           }
-          if(this.templateId == "10") {
+          if (this.templateId == "10") {
             params.fillingTime = dealFormatDate(new Date())
-            this.uploadListOne.forEach((item,index) => {
-              if(this.uploadListOne.length-1 == index){
-                params.honorCertificate+=`${item.url}`
+            this.uploadListOne.forEach((item, index) => {
+              if (this.uploadListOne.length - 1 == index) {
+                params.honorCertificate += `${item.url}`
               } else {
-                params.honorCertificate+=`${item.url},`
+                params.honorCertificate += `${item.url},`
               }
             })
-            this.uploadListTwo.forEach((item,index) => {
-              if(this.uploadListTwo.length-1 == index){
-                params.platformName+=`${item.url}`
+            this.uploadListTwo.forEach((item, index) => {
+              if (this.uploadListTwo.length - 1 == index) {
+                params.platformName += `${item.url}`
               } else {
-                params.platformName+=`${item.url},`
+                params.platformName += `${item.url},`
               }
             })
-            this.uploadListThree.forEach((item,index) => {
-              if(this.uploadListThree.length-1 == index){
-                params.filingNotice+=`${item.url}`
+            this.uploadListThree.forEach((item, index) => {
+              if (this.uploadListThree.length - 1 == index) {
+                params.filingNotice += `${item.url}`
               } else {
-                params.filingNotice+=`${item.url},`
+                params.filingNotice += `${item.url},`
               }
             })
-            this.uploadListFour.forEach((item,index) => {
-              if(this.uploadListFour.length-1 == index){
-                params.auditReport+=`${item.url}`
+            this.uploadListFour.forEach((item, index) => {
+              if (this.uploadListFour.length - 1 == index) {
+                params.auditReport += `${item.url}`
               } else {
-                params.auditReport+=`${item.url},`
+                params.auditReport += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1919,70 +1799,70 @@ export default {
 
             })
           }
-          if(this.templateId == "11") {
+          if (this.templateId == "11") {
             params.declarationType = this.form.declarationType
             params.fillingTime = dealFormatDate(new Date())
-            this.uploadListOne.forEach((item,index) => {
-              if(this.uploadListOne.length-1 == index){
-                params.evidence+=`${item.url}`
+            this.uploadListOne.forEach((item, index) => {
+              if (this.uploadListOne.length - 1 == index) {
+                params.evidence += `${item.url}`
               } else {
-                params.evidence+=`${item.url},`
+                params.evidence += `${item.url},`
               }
             })
-            this.uploadListTwo.forEach((item,index) => {
-              if(this.uploadListTwo.length-1 == index){
-                params.businessLicense+=`${item.url}`
+            this.uploadListTwo.forEach((item, index) => {
+              if (this.uploadListTwo.length - 1 == index) {
+                params.businessLicense += `${item.url}`
               } else {
-                params.businessLicense+=`${item.url},`
+                params.businessLicense += `${item.url},`
               }
             })
-            this.uploadListThree.forEach((item,index) => {
-              if(this.uploadListThree.length-1 == index){
-                params.taxPaymentCertificate+=`${item.url}`
+            this.uploadListThree.forEach((item, index) => {
+              if (this.uploadListThree.length - 1 == index) {
+                params.taxPaymentCertificate += `${item.url}`
               } else {
-                params.taxPaymentCertificate+=`${item.url},`
+                params.taxPaymentCertificate += `${item.url},`
               }
             })
-            this.uploadListFour.forEach((item,index) => {
-              if(this.uploadListFour.length-1 == index){
-                params.auditReport+=`${item.url}`
+            this.uploadListFour.forEach((item, index) => {
+              if (this.uploadListFour.length - 1 == index) {
+                params.auditReport += `${item.url}`
               } else {
-                params.auditReport+=`${item.url},`
+                params.auditReport += `${item.url},`
               }
             })
-            this.uploadListFive.forEach((item,index) => {
-              if(this.uploadListFive.length-1 == index){
-                params.equityStructureChart+=`${item.url}`
+            this.uploadListFive.forEach((item, index) => {
+              if (this.uploadListFive.length - 1 == index) {
+                params.equityStructureChart += `${item.url}`
               } else {
-                params.equityStructureChart+=`${item.url},`
+                params.equityStructureChart += `${item.url},`
               }
             })
-            this.uploadListSix.forEach((item,index) => {
-              if(this.uploadListSix.length-1 == index){
-                params.declarationReport+=`${item.url}`
+            this.uploadListSix.forEach((item, index) => {
+              if (this.uploadListSix.length - 1 == index) {
+                params.declarationReport += `${item.url}`
               } else {
-                params.declarationReport+=`${item.url},`
+                params.declarationReport += `${item.url},`
               }
             })
-            this.uploadListSeven.forEach((item,index) => {
-              if(this.uploadListSeven.length-1 == index){
-                params.independentAccounting+=`${item.url}`
+            this.uploadListSeven.forEach((item, index) => {
+              if (this.uploadListSeven.length - 1 == index) {
+                params.independentAccounting += `${item.url}`
               } else {
-                params.independentAccounting+=`${item.url},`
+                params.independentAccounting += `${item.url},`
               }
             })
-            this.uploadListEight.forEach((item,index) => {
-              if(this.uploadListEight.length-1 == index){
-                params.capitalVerificationReport+=`${item.url}`
+            this.uploadListEight.forEach((item, index) => {
+              if (this.uploadListEight.length - 1 == index) {
+                params.capitalVerificationReport += `${item.url}`
               } else {
-                params.capitalVerificationReport+=`${item.url},`
+                params.capitalVerificationReport += `${item.url},`
               }
             })
-            this.uploadListNine.forEach((item,index) => {
-              if(this.uploadListNine.length-1 == index){
-                params.otherEvidence+=`${item.url}`
+            this.uploadListNine.forEach((item, index) => {
+              if (this.uploadListNine.length - 1 == index) {
+                params.otherEvidence += `${item.url}`
               } else {
-                params.otherEvidence+=`${item.url},`
+                params.otherEvidence += `${item.url},`
               }
             })
             // console.log('11', params);
@@ -1993,7 +1873,7 @@ export default {
 
             })
           }
-          if(this.templateId == "12") {
+          if (this.templateId == "12") {
             params.mainProducts = this.form.mainProducts
             params.industry = Number(this.form.industry)
             params.workContact = this.form.workContact
@@ -2002,18 +1882,18 @@ export default {
             params.fillingTime = dealFormatDate(new Date())
             params.specifics = '';          //拟淘汰或退出生产工艺装备情况（和类别对应）
             params.otherSpecifics = '';     //其他相关情况说明
-            this.uploadListOne.forEach((item,index) => {
-              if(this.uploadListOne.length-1 == index){
-                params.specifics+=`${item.url}`
+            this.uploadListOne.forEach((item, index) => {
+              if (this.uploadListOne.length - 1 == index) {
+                params.specifics += `${item.url}`
               } else {
-                params.specifics+=`${item.url},`
+                params.specifics += `${item.url},`
               }
             })
-            this.uploadListTwo.forEach((item,index) => {
-              if(this.uploadListTwo.length-1 == index){
-                params.otherSpecifics+=`${item.url}`
+            this.uploadListTwo.forEach((item, index) => {
+              if (this.uploadListTwo.length - 1 == index) {
+                params.otherSpecifics += `${item.url}`
               } else {
-                params.otherSpecifics+=`${item.url},`
+                params.otherSpecifics += `${item.url},`
               }
             })
             // console.log(params);
@@ -2050,7 +1930,7 @@ export default {
       })
     },
     deleteUpload(value) {
-      this.uploadList =  this.uploadList.filter(item => {
+      this.uploadList = this.uploadList.filter(item => {
         return item.url != value.url
       })
     },
@@ -2227,99 +2107,106 @@ export default {
     },
     /* 删除上传一 */
     deleteUploadOne(value) {
-      this.uploadListOne =  this.uploadListOne.filter(item => {
+      this.uploadListOne = this.uploadListOne.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListOne.length == 0) {
+      if (this.uploadListOne.length == 0) {
         this.form.fileListOne = []
       }
     },
     /* 删除上传二 */
     deleteUploadTwo(value) {
-      this.uploadListTwo =  this.uploadListTwo.filter(item => {
+      this.uploadListTwo = this.uploadListTwo.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListTwo.length == 0) {
+      if (this.uploadListTwo.length == 0) {
         this.form.fileListTwo = []
       }
     },
     /* 删除上传三 */
     deleteUploadThree(value) {
-      this.uploadListThree =  this.uploadListThree.filter(item => {
+      this.uploadListThree = this.uploadListThree.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListThree.length == 0) {
+      if (this.uploadListThree.length == 0) {
         this.form.fileListThree = []
       }
     },
     /* 删除上传四 */
     deleteUploadFour(value) {
-      this.uploadListFour =  this.uploadListFour.filter(item => {
+      this.uploadListFour = this.uploadListFour.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListFour.length == 0) {
+      if (this.uploadListFour.length == 0) {
         this.form.fileListFour = []
       }
     },
     /* 删除上传五 */
     deleteUploadFive(value) {
-      this.uploadListFive =  this.uploadListFive.filter(item => {
+      this.uploadListFive = this.uploadListFive.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListFive.length == 0) {
+      if (this.uploadListFive.length == 0) {
         this.form.fileListFive = []
       }
     },
     /* 删除上传六 */
     deleteUploadSix(value) {
-      this.uploadListSix =  this.uploadListSix.filter(item => {
+      this.uploadListSix = this.uploadListSix.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListSix.length == 0) {
+      if (this.uploadListSix.length == 0) {
         this.form.fileListSix = []
       }
     },
     /* 删除上传七 */
     deleteUploadSeven(value) {
-      this.uploadListSeven =  this.uploadListSeven.filter(item => {
+      this.uploadListSeven = this.uploadListSeven.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListSeven.length == 0) {
+      if (this.uploadListSeven.length == 0) {
         this.form.fileListSeven = []
       }
     },
     /* 删除上传八 */
     deleteUploadEight(value) {
-      this.uploadListEight =  this.uploadListEight.filter(item => {
+      this.uploadListEight = this.uploadListEight.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListEight.length == 0) {
+      if (this.uploadListEight.length == 0) {
         this.form.fileListEight = []
       }
     },
     /* 删除上传九 */
     deleteUploadNine(value) {
-      this.uploadListNine =  this.uploadListNine.filter(item => {
+      this.uploadListNine = this.uploadListNine.filter(item => {
         return item.url != value.url
       })
-      if(this.uploadListNine.length == 0) {
+      if (this.uploadListNine.length == 0) {
         this.form.fileListNine = []
       }
     },
   },
+  components: { ismybuild }
 }
 </script>
 
 <style lang="scss" scoped>
-ul, li {
-list-style: none; /* 清除列表项前的标记 */
-  margin: 0; /* 清除上下外边距 */
-  padding: 0; /* 清除左右内边距 */
+ul,
+li {
+  list-style: none;
+  /* 清除列表项前的标记 */
+  margin: 0;
+  /* 清除上下外边距 */
+  padding: 0;
+  /* 清除左右内边距 */
 }
+
 .upload_ul {
   display: flex;
   flex-wrap: wrap;
   align-content: space-between;
+
   .upload_li {
     // width: 45%;
     display: flex;
@@ -2330,12 +2217,14 @@ list-style: none; /* 清除列表项前的标记 */
     border: 1px solid #e4e7ed;
     border-radius: 2px;
     margin: 10px 20px 10px 0;
+
     .li_img {
       width: 25px;
       height: 30px;
       margin-right: 10px;
       padding: 2px;
     }
+
     .icon_name {
       text-overflow: ellipsis;
       overflow: hidden;
@@ -2344,23 +2233,28 @@ list-style: none; /* 清除列表项前的标记 */
     }
   }
 }
+
 .upload_col {
   border-bottom: 1px solid #ebeef5;
   padding: 10px 30px;
 }
+
 .upload_col_one {
   padding-bottom: 100px;
 }
+
 .templateInfo {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-size: 14px;
+
   .templateInfo_left {
     // width: 100px;
     margin-right: 10px;
   }
 }
+
 .f_validate {
   color: red;
 }
@@ -2372,11 +2266,13 @@ list-style: none; /* 清除列表项前的标记 */
   height: 100%;
   // padding: 10px 10px 0 10px;
   background-color: #f6f7f9;
+
   .detail_content {
     display: flex;
     justify-content: space-between;
     // height: calc(100vh - 140px);
     height: calc(100% - 40px);
+
     .left_content {
       // height: calc(100vh - 140px);
       height: 100%;
@@ -2385,19 +2281,23 @@ list-style: none; /* 清除列表项前的标记 */
       background-color: #fff;
       padding: 20px;
     }
+
     .right_content {
       // height: calc(100vh - 140px);
       height: 100%;
       width: 30%;
       background-color: #fff;
+
       .left_main {
         height: 600px;
         background-color: #fff;
+
         .empty {
           .top {
             font-size: 12px;
             color: #737373;
           }
+
           .bottom {
             text-align: center;
             color: #737373;
@@ -2406,6 +2306,7 @@ list-style: none; /* 清除列表项前的标记 */
       }
     }
   }
+
   .operate_btn {
     text-align: center;
     display: flex;
@@ -2418,13 +2319,16 @@ list-style: none; /* 清除列表项前的标记 */
     height: calc(100% - 150px);
     background-color: #fff;
     padding: 15px;
+
     .table-content {
       margin-top: 10px;
     }
+
     .last_upload {
       margin-bottom: 30px;
     }
   }
+
   .left_title {
     height: 77px;
     padding-top: 20px;
@@ -2432,25 +2336,31 @@ list-style: none; /* 清除列表项前的标记 */
     margin-bottom: 4px;
   }
 }
+
 ::v-deep .el-step__title {
   font-size: 12px;
   color: #192A92;
   border-color: none;
 }
+
 ::v-deep .el-step__head.is-process {
   color: #192A92;
 }
+
 ::v-deep .el-step__line {
   background-color: #192A92;
 }
+
 ::v-deep .el-step__icon {
   border: 2px solid #ffff;
   box-shadow: 0 0 10px #ccc;
 }
+
 ::v-deep .el-form-item {
   margin-bottom: 0;
 }
-.el-tabs--border-card  {
+
+.el-tabs--border-card {
   border: none;
   box-shadow: none;
   -webkit-box-shadow: none;
@@ -2458,10 +2368,11 @@ list-style: none; /* 清除列表项前的标记 */
 }
 
 .btn {
-    background-color: #f1d78c;
-    border: none;
-    color: #000;
-  }
+  background-color: #f1d78c;
+  border: none;
+  color: #000;
+}
+
 /* 悬浮 */
 // ::v-deep .el-button:hover {
 //   /* background: linear-gradient(#0165eb, #018ff2, #00b7f9) !important; */
diff --git a/src/views/onlineDeclaration/declareAddContent/ismybuild/CodeTypeDialog.vue b/src/views/onlineDeclaration/declareAddContent/ismybuild/CodeTypeDialog.vue
new file mode 100644
index 0000000..e852a95
--- /dev/null
+++ b/src/views/onlineDeclaration/declareAddContent/ismybuild/CodeTypeDialog.vue
@@ -0,0 +1,94 @@
+<template>
+  <div>
+    
+    <el-dialog v-bind="$attrs" width="500px" :close-on-click-modal="false" :modal-append-to-body="false"
+      v-on="$listeners" @open="onOpen" @close="onClose">
+      <el-row :gutter="15">
+        <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
+          <el-col :span="24">
+            <el-form-item label="生成类型" prop="type">
+              <el-radio-group v-model="formData.type">
+                <el-radio-button v-for="(item, index) in typeOptions" :key="index" :label="item.value"
+                  :disabled="item.disabled">
+                  {{ item.label }}
+                </el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item v-if="showFileName" label="文件名" prop="fileName">
+              <el-input v-model="formData.fileName" placeholder="请输入文件名" clearable />
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+
+      <div slot="footer">
+        <el-button @click="close">
+          取消
+        </el-button>
+        <el-button type="primary" @click="handleConfirm">
+          确定
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  inheritAttrs: false,
+  props: ['showFileName'],
+  data() {
+    return {
+      formData: {
+        fileName: undefined,
+        type: 'file'
+      },
+      rules: {
+        fileName: [{
+          required: true,
+          message: '请输入文件名',
+          trigger: 'blur'
+        }],
+        type: [{
+          required: true,
+          message: '生成类型不能为空',
+          trigger: 'change'
+        }]
+      },
+      typeOptions: [{
+        label: '页面',
+        value: 'file'
+      }, {
+        label: '弹窗',
+        value: 'dialog'
+      }]
+    }
+  },
+  computed: {
+  },
+  watch: {},
+  mounted() { },
+  methods: {
+    onOpen() {
+      console.log("dakai");
+      if (this.showFileName) {
+        this.formData.fileName = `${+new Date()}.vue`
+      }
+    },
+    onClose() {
+    },
+    close(e) {
+      console.log("123132");
+      this.$emit('update:visible', false)
+    },
+    handleConfirm() {
+      console.log("成功");
+      this.$refs.elForm.validate(valid => {
+        if (!valid) return
+        this.$emit('confirm', { ...this.formData })
+        this.close()
+      })
+    }
+  }
+}
+
+</script>
diff --git a/src/views/onlineDeclaration/declareAddContent/ismybuild/DraggableItem.vue b/src/views/onlineDeclaration/declareAddContent/ismybuild/DraggableItem.vue
new file mode 100644
index 0000000..46c2dd9
--- /dev/null
+++ b/src/views/onlineDeclaration/declareAddContent/ismybuild/DraggableItem.vue
@@ -0,0 +1,100 @@
+<script>
+import draggable from 'vuedraggable'
+import render from '@/utils/generator/render'
+
+const components = {
+  itemBtns(h, element, index, parent) {
+    const { copyItem, deleteItem } = this.$listeners
+    // return [
+    //   <span class="drawing-item-copy" title="复制" onClick={event => {
+    //     copyItem(element, parent); event.stopPropagation()
+    //   }}>
+    //     <i class="el-icon-copy-document" />
+    //   </span>,
+    //   <span class="drawing-item-delete" title="删除" onClick={event => {
+    //     deleteItem(index, parent); event.stopPropagation()
+    //   }}>
+    //     <i class="el-icon-delete" />
+    //   </span>
+    // ]
+  }
+}
+const layouts = {
+  colFormItem(h, element, index, parent) {
+    const { activeItem } = this.$listeners
+    let className = this.activeId === element.formId ? 'drawing-item active-from-item' : 'drawing-item'
+    if (this.formConf.unFocusedComponentBorder) className += ' unfocus-bordered'
+    return (
+      <el-col span={element.span} class={className}
+        nativeOnClick={event => { activeItem(element); event.stopPropagation() }}>
+        <el-form-item label-width={element.labelWidth ? `${element.labelWidth}px` : null}
+          label={element.label} required={element.required}>
+          <render key={element.renderKey} conf={element} onInput={ event => {
+            this.$set(element, 'defaultValue', event)
+          }} />
+        </el-form-item>
+        {components.itemBtns.apply(this, arguments)}
+      </el-col>
+    )
+  },
+  rowFormItem(h, element, index, parent) {
+    const { activeItem } = this.$listeners
+    const className = this.activeId === element.formId ? 'drawing-row-item active-from-item' : 'drawing-row-item'
+    let child = renderChildren.apply(this, arguments)
+    if (element.type === 'flex') {
+      child = <el-row type={element.type} justify={element.justify} align={element.align}>
+              {child}
+            </el-row>
+    }
+    return (
+      <el-col span={element.span}>
+        <el-row gutter={element.gutter} class={className}
+          nativeOnClick={event => { activeItem(element); event.stopPropagation() }}>
+          <span class="component-name">{element.componentName}</span>
+          <draggable list={element.children} animation={340} group="componentsGroup" class="drag-wrapper">
+            {child}
+          </draggable>
+          {components.itemBtns.apply(this, arguments)}
+        </el-row>
+      </el-col>
+    )
+  }
+}
+
+function renderChildren(h, element, index, parent) {
+  if (!Array.isArray(element.children)) return null
+  return element.children.map((el, i) => {
+    const layout = layouts[el.layout]
+    if (layout) {
+      return layout.call(this, h, el, i, element.children)
+    }
+    return layoutIsNotFound()
+  })
+}
+
+function layoutIsNotFound() {
+  throw new Error(`没有与${this.element.layout}匹配的layout`)
+}
+
+export default {
+  components: {
+    render,
+    draggable
+  },
+  props: [
+    'element',
+    'index',
+    'drawingList',
+    'activeId',
+    'formConf'
+  ],
+  render(h) {
+    const layout = layouts[this.element.layout]
+
+    if (layout) {
+      return layout.call(this, h, this.element, this.index, this.drawingList)
+    }
+    return layoutIsNotFound()
+  }
+}
+</script>
diff --git a/src/views/onlineDeclaration/declareAddContent/ismybuild/IconsDialog.vue b/src/views/onlineDeclaration/declareAddContent/ismybuild/IconsDialog.vue
new file mode 100644
index 0000000..a7914bd
--- /dev/null
+++ b/src/views/onlineDeclaration/declareAddContent/ismybuild/IconsDialog.vue
@@ -0,0 +1,124 @@
+<template>
+  <div class="icon-dialog">
+    <el-dialog
+      v-bind="$attrs"
+      width="980px"
+      :modal-append-to-body="false"
+      :close-on-click-modal="false"
+      v-on="$listeners"
+      @open="onOpen"
+      @close="onClose"
+    >
+      <div slot="title">
+        选择图标
+        <el-input
+          v-model="key"
+          size="mini"
+          :style="{width: '260px'}"
+          placeholder="请输入图标名称"
+          prefix-icon="el-icon-search"
+          clearable
+        />
+      </div>
+      <ul class="icon-ul">
+        <li
+          v-for="icon in iconList"
+          :key="icon"
+          :class="active===icon?'active-item':''"
+          @click="onSelect(icon)"
+        >
+          <i :class="icon" />
+          <div>{{ icon }}</div>
+        </li>
+      </ul>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import iconList from '@/utils/generator/icon.json'
+
+const originList = iconList.map(name => `el-icon-${name}`)
+
+export default {
+  inheritAttrs: false,
+  props: ['current'],
+  data() {
+    return {
+      iconList: originList,
+      active: null,
+      key: ''
+    }
+  },
+  watch: {
+    key(val) {
+      if (val) {
+        this.iconList = originList.filter(name => name.indexOf(val) > -1)
+      } else {
+        this.iconList = originList
+      }
+    }
+  },
+  methods: {
+    onOpen() {
+      this.active = this.current
+      this.key = ''
+    },
+    onClose() {},
+    onSelect(icon) {
+      this.active = icon
+      this.$emit('select', icon)
+      this.$emit('update:visible', false)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.icon-ul {
+  margin: 0;
+  padding: 0;
+  font-size: 0;
+  li {
+    list-style-type: none;
+    text-align: center;
+    font-size: 14px;
+    display: inline-block;
+    width: 16.66%;
+    box-sizing: border-box;
+    height: 108px;
+    padding: 15px 6px 6px 6px;
+    cursor: pointer;
+    overflow: hidden;
+    &:hover {
+      background: #f2f2f2;
+    }
+    &.active-item{
+      background: #e1f3fb;
+      color: #7a6df0
+    }
+    > i {
+      font-size: 30px;
+      line-height: 50px;
+    }
+  }
+}
+.icon-dialog {
+  ::v-deep .el-dialog {
+    border-radius: 8px;
+    margin-bottom: 0;
+    margin-top: 4vh !important;
+    display: flex;
+    flex-direction: column;
+    max-height: 92vh;
+    overflow: hidden;
+    box-sizing: border-box;
+    .el-dialog__header {
+      padding-top: 14px;
+    }
+    .el-dialog__body {
+      margin: 0 20px 20px 20px;
+      padding: 0;
+      overflow: auto;
+    }
+  }
+}
+</style>
diff --git a/src/views/onlineDeclaration/declareAddContent/ismybuild/RightPanel.vue b/src/views/onlineDeclaration/declareAddContent/ismybuild/RightPanel.vue
new file mode 100644
index 0000000..9396aad
--- /dev/null
+++ b/src/views/onlineDeclaration/declareAddContent/ismybuild/RightPanel.vue
@@ -0,0 +1,947 @@
+<template>
+  <div class="right-board">
+    <el-tabs v-model="currentTab" class="center-tabs">
+      <el-tab-pane label="组件属性" name="field" />
+      <el-tab-pane label="表单属性" name="form" />
+    </el-tabs>
+    <div class="field-box">
+      <a class="document-link" target="_blank" :href="documentLink" title="查看组件文档">
+        <i class="el-icon-link" />
+      </a>
+      <el-scrollbar class="right-scrollbar">
+        <!-- 组件属性 -->
+        <el-form v-show="currentTab==='field' && showField" size="small" label-width="90px">
+          <el-form-item v-if="activeData.changeTag" label="组件类型">
+            <el-select
+              v-model="activeData.tagIcon"
+              placeholder="请选择组件类型"
+              :style="{width: '100%'}"
+              @change="tagChange"
+            >
+              <el-option-group v-for="group in tagList" :key="group.label" :label="group.label">
+                <el-option
+                  v-for="item in group.options"
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.tagIcon"
+                >
+                  <svg-icon class="node-icon" :icon-class="item.tagIcon" />
+                  <span> {{ item.label }}</span>
+                </el-option>
+              </el-option-group>
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.vModel!==undefined" label="字段名">
+            <el-input v-model="activeData.vModel" placeholder="请输入字段名（v-model）" />
+          </el-form-item>
+          <el-form-item v-if="activeData.componentName!==undefined" label="组件名">
+            {{ activeData.componentName }}
+          </el-form-item>
+          <el-form-item v-if="activeData.label!==undefined" label="标题">
+            <el-input v-model="activeData.label" placeholder="请输入标题" />
+          </el-form-item>
+          <el-form-item v-if="activeData.placeholder!==undefined" label="占位提示">
+            <el-input v-model="activeData.placeholder" placeholder="请输入占位提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['start-placeholder']!==undefined" label="开始占位">
+            <el-input v-model="activeData['start-placeholder']" placeholder="请输入占位提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['end-placeholder']!==undefined" label="结束占位">
+            <el-input v-model="activeData['end-placeholder']" placeholder="请输入占位提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData.span!==undefined" label="表单栅格">
+            <el-slider v-model="activeData.span" :max="24" :min="1" :marks="{12:''}" @change="spanChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData.layout==='rowFormItem'" label="栅格间隔">
+            <el-input-number v-model="activeData.gutter" :min="0" placeholder="栅格间隔" />
+          </el-form-item>
+          <el-form-item v-if="activeData.layout==='rowFormItem'" label="布局模式">
+            <el-radio-group v-model="activeData.type">
+              <el-radio-button label="default" />
+              <el-radio-button label="flex" />
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData.justify!==undefined&&activeData.type==='flex'" label="水平排列">
+            <el-select v-model="activeData.justify" placeholder="请选择水平排列" :style="{width: '100%'}">
+              <el-option
+                v-for="(item, index) in justifyOptions"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.align!==undefined&&activeData.type==='flex'" label="垂直排列">
+            <el-radio-group v-model="activeData.align">
+              <el-radio-button label="top" />
+              <el-radio-button label="middle" />
+              <el-radio-button label="bottom" />
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData.labelWidth!==undefined" label="标签宽度">
+            <el-input v-model.number="activeData.labelWidth" type="number" placeholder="请输入标签宽度" />
+          </el-form-item>
+          <el-form-item v-if="activeData.style&&activeData.style.width!==undefined" label="组件宽度">
+            <el-input v-model="activeData.style.width" placeholder="请输入组件宽度" clearable />
+          </el-form-item>
+          <el-form-item v-if="activeData.vModel!==undefined" label="默认值">
+            <el-input
+              :value="setDefaultValue(activeData.defaultValue)"
+              placeholder="请输入默认值"
+              @input="onDefaultValueInput"
+            />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag==='el-checkbox-group'" label="至少应选">
+            <el-input-number
+              :value="activeData.min"
+              :min="0"
+              placeholder="至少应选"
+              @input="$set(activeData, 'min', $event?$event:undefined)"
+            />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag==='el-checkbox-group'" label="最多可选">
+            <el-input-number
+              :value="activeData.max"
+              :min="0"
+              placeholder="最多可选"
+              @input="$set(activeData, 'max', $event?$event:undefined)"
+            />
+          </el-form-item>
+          <el-form-item v-if="activeData.prepend!==undefined" label="前缀">
+            <el-input v-model="activeData.prepend" placeholder="请输入前缀" />
+          </el-form-item>
+          <el-form-item v-if="activeData.append!==undefined" label="后缀">
+            <el-input v-model="activeData.append" placeholder="请输入后缀" />
+          </el-form-item>
+          <el-form-item v-if="activeData['prefix-icon']!==undefined" label="前图标">
+            <el-input v-model="activeData['prefix-icon']" placeholder="请输入前图标名称">
+              <el-button slot="append" icon="el-icon-thumb" @click="openIconsDialog('prefix-icon')">
+                选择
+              </el-button>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData['suffix-icon'] !== undefined" label="后图标">
+            <el-input v-model="activeData['suffix-icon']" placeholder="请输入后图标名称">
+              <el-button slot="append" icon="el-icon-thumb" @click="openIconsDialog('suffix-icon')">
+                选择
+              </el-button>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="选项分隔符">
+            <el-input v-model="activeData.separator" placeholder="请输入选项分隔符" />
+          </el-form-item>
+          <el-form-item v-if="activeData.autosize !== undefined" label="最小行数">
+            <el-input-number v-model="activeData.autosize.minRows" :min="1" placeholder="最小行数" />
+          </el-form-item>
+          <el-form-item v-if="activeData.autosize !== undefined" label="最大行数">
+            <el-input-number v-model="activeData.autosize.maxRows" :min="1" placeholder="最大行数" />
+          </el-form-item>
+          <el-form-item v-if="activeData.min !== undefined" label="最小值">
+            <el-input-number v-model="activeData.min" placeholder="最小值" />
+          </el-form-item>
+          <el-form-item v-if="activeData.max !== undefined" label="最大值">
+            <el-input-number v-model="activeData.max" placeholder="最大值" />
+          </el-form-item>
+          <el-form-item v-if="activeData.step !== undefined" label="步长">
+            <el-input-number v-model="activeData.step" placeholder="步数" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-input-number'" label="精度">
+            <el-input-number v-model="activeData.precision" :min="0" placeholder="精度" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-input-number'" label="按钮位置">
+            <el-radio-group v-model="activeData['controls-position']">
+              <el-radio-button label="">
+                默认
+              </el-radio-button>
+              <el-radio-button label="right">
+                右侧
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData.maxlength !== undefined" label="最多输入">
+            <el-input v-model="activeData.maxlength" placeholder="请输入字符长度">
+              <template slot="append">
+                个字符
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData['active-text'] !== undefined" label="开启提示">
+            <el-input v-model="activeData['active-text']" placeholder="请输入开启提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['inactive-text'] !== undefined" label="关闭提示">
+            <el-input v-model="activeData['inactive-text']" placeholder="请输入关闭提示" />
+          </el-form-item>
+          <el-form-item v-if="activeData['active-value'] !== undefined" label="开启值">
+            <el-input
+              :value="setDefaultValue(activeData['active-value'])"
+              placeholder="请输入开启值"
+              @input="onSwitchValueInput($event, 'active-value')"
+            />
+          </el-form-item>
+          <el-form-item v-if="activeData['inactive-value'] !== undefined" label="关闭值">
+            <el-input
+              :value="setDefaultValue(activeData['inactive-value'])"
+              placeholder="请输入关闭值"
+              @input="onSwitchValueInput($event, 'inactive-value')"
+            />
+          </el-form-item>
+          <el-form-item
+            v-if="activeData.type !== undefined && 'el-date-picker' === activeData.tag"
+            label="时间类型"
+          >
+            <el-select
+              v-model="activeData.type"
+              placeholder="请选择时间类型"
+              :style="{ width: '100%' }"
+              @change="dateTypeChange"
+            >
+              <el-option
+                v-for="(item, index) in dateOptions"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.name !== undefined" label="文件字段名">
+            <el-input v-model="activeData.name" placeholder="请输入上传文件字段名" />
+          </el-form-item>
+          <el-form-item v-if="activeData.accept !== undefined" label="文件类型">
+            <el-select
+              v-model="activeData.accept"
+              placeholder="请选择文件类型"
+              :style="{ width: '100%' }"
+              clearable
+            >
+              <el-option label="图片" value="image/*" />
+              <el-option label="视频" value="video/*" />
+              <el-option label="音频" value="audio/*" />
+              <el-option label="excel" value=".xls,.xlsx" />
+              <el-option label="word" value=".doc,.docx" />
+              <el-option label="pdf" value=".pdf" />
+              <el-option label="txt" value=".txt" />
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="activeData.fileSize !== undefined" label="文件大小">
+            <el-input v-model.number="activeData.fileSize" placeholder="请输入文件大小">
+              <el-select slot="append" v-model="activeData.sizeUnit" :style="{ width: '66px' }">
+                <el-option label="KB" value="KB" />
+                <el-option label="MB" value="MB" />
+                <el-option label="GB" value="GB" />
+              </el-select>
+            </el-input>
+          </el-form-item>
+          <el-form-item v-if="activeData.action !== undefined" label="上传地址">
+            <el-input v-model="activeData.action" placeholder="请输入上传地址" clearable />
+          </el-form-item>
+          <el-form-item v-if="activeData['list-type'] !== undefined" label="列表类型">
+            <el-radio-group v-model="activeData['list-type']" size="small">
+              <el-radio-button label="text">
+                text
+              </el-radio-button>
+              <el-radio-button label="picture">
+                picture
+              </el-radio-button>
+              <el-radio-button label="picture-card">
+                picture-card
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            v-if="activeData.buttonText !== undefined"
+            v-show="'picture-card' !== activeData['list-type']"
+            label="按钮文字"
+          >
+            <el-input v-model="activeData.buttonText" placeholder="请输入按钮文字" />
+          </el-form-item>
+          <el-form-item v-if="activeData['range-separator'] !== undefined" label="分隔符">
+            <el-input v-model="activeData['range-separator']" placeholder="请输入分隔符" />
+          </el-form-item>
+          <el-form-item v-if="activeData['picker-options'] !== undefined" label="时间段">
+            <el-input
+              v-model="activeData['picker-options'].selectableRange"
+              placeholder="请输入时间段"
+            />
+          </el-form-item>
+          <el-form-item v-if="activeData.format !== undefined" label="时间格式">
+            <el-input
+              :value="activeData.format"
+              placeholder="请输入时间格式"
+              @input="setTimeValue($event)"
+            />
+          </el-form-item>
+          <template v-if="['el-checkbox-group', 'el-radio-group', 'el-select'].indexOf(activeData.tag) > -1">
+            <el-divider>选项</el-divider>
+            <draggable
+              :list="activeData.options"
+              :animation="340"
+              group="selectItem"
+              handle=".option-drag"
+            >
+              <div v-for="(item, index) in activeData.options" :key="index" class="select-item">
+                <div class="select-line-icon option-drag">
+                  <i class="el-icon-s-operation" />
+                </div>
+                <el-input v-model="item.label" placeholder="选项名" size="small" />
+                <el-input
+                  placeholder="选项值"
+                  size="small"
+                  :value="item.value"
+                  @input="setOptionValue(item, $event)"
+                />
+                <div class="close-btn select-line-icon" @click="activeData.options.splice(index, 1)">
+                  <i class="el-icon-remove-outline" />
+                </div>
+              </div>
+            </draggable>
+            <div style="margin-left: 20px;">
+              <el-button
+                style="padding-bottom: 0"
+                icon="el-icon-circle-plus-outline"
+                type="text"
+                @click="addSelectItem"
+              >
+                添加选项
+              </el-button>
+            </div>
+            <el-divider />
+          </template>
+
+          <template v-if="['el-cascader'].indexOf(activeData.tag) > -1">
+            <el-divider>选项</el-divider>
+            <el-form-item label="数据类型">
+              <el-radio-group v-model="activeData.dataType" size="small">
+                <el-radio-button label="dynamic">
+                  动态数据
+                </el-radio-button>
+                <el-radio-button label="static">
+                  静态数据
+                </el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+
+            <template v-if="activeData.dataType === 'dynamic'">
+              <el-form-item label="标签键名">
+                <el-input v-model="activeData.labelKey" placeholder="请输入标签键名" />
+              </el-form-item>
+              <el-form-item label="值键名">
+                <el-input v-model="activeData.valueKey" placeholder="请输入值键名" />
+              </el-form-item>
+              <el-form-item label="子级键名">
+                <el-input v-model="activeData.childrenKey" placeholder="请输入子级键名" />
+              </el-form-item>
+            </template>
+
+            <el-tree
+              v-if="activeData.dataType === 'static'"
+              draggable
+              :data="activeData.options"
+              node-key="id"
+              :expand-on-click-node="false"
+              :render-content="renderContent"
+            />
+            <div v-if="activeData.dataType === 'static'" style="margin-left: 20px">
+              <el-button
+                style="padding-bottom: 0"
+                icon="el-icon-circle-plus-outline"
+                type="text"
+                @click="addTreeItem"
+              >
+                添加父级
+              </el-button>
+            </div>
+            <el-divider />
+          </template>
+
+          <el-form-item v-if="activeData.optionType !== undefined" label="选项样式">
+            <el-radio-group v-model="activeData.optionType">
+              <el-radio-button label="default">
+                默认
+              </el-radio-button>
+              <el-radio-button label="button">
+                按钮
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData['active-color'] !== undefined" label="开启颜色">
+            <el-color-picker v-model="activeData['active-color']" />
+          </el-form-item>
+          <el-form-item v-if="activeData['inactive-color'] !== undefined" label="关闭颜色">
+            <el-color-picker v-model="activeData['inactive-color']" />
+          </el-form-item>
+
+          <el-form-item v-if="activeData['allow-half'] !== undefined" label="允许半选">
+            <el-switch v-model="activeData['allow-half']" />
+          </el-form-item>
+          <el-form-item v-if="activeData['show-text'] !== undefined" label="辅助文字">
+            <el-switch v-model="activeData['show-text']" @change="rateTextChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData['show-score'] !== undefined" label="显示分数">
+            <el-switch v-model="activeData['show-score']" @change="rateScoreChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData['show-stops'] !== undefined" label="显示间断点">
+            <el-switch v-model="activeData['show-stops']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.range !== undefined" label="范围选择">
+            <el-switch v-model="activeData.range" @change="rangeChange" />
+          </el-form-item>
+          <el-form-item
+            v-if="activeData.border !== undefined && activeData.optionType === 'default'"
+            label="是否带边框"
+          >
+            <el-switch v-model="activeData.border" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-color-picker'" label="颜色格式">
+            <el-select
+              v-model="activeData['color-format']"
+              placeholder="请选择颜色格式"
+              :style="{ width: '100%' }"
+              @change="colorFormatChange"
+            >
+              <el-option
+                v-for="(item, index) in colorFormatOptions"
+                :key="index"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="activeData.size !== undefined &&
+              (activeData.optionType === 'button' ||
+                activeData.border ||
+                activeData.tag === 'el-color-picker')"
+            label="选项尺寸"
+          >
+            <el-radio-group v-model="activeData.size">
+              <el-radio-button label="medium">
+                中等
+              </el-radio-button>
+              <el-radio-button label="small">
+                较小
+              </el-radio-button>
+              <el-radio-button label="mini">
+                迷你
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="activeData['show-word-limit'] !== undefined" label="输入统计">
+            <el-switch v-model="activeData['show-word-limit']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-input-number'" label="严格步数">
+            <el-switch v-model="activeData['step-strictly']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="是否多选">
+            <el-switch v-model="activeData.props.props.multiple" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="展示全路径">
+            <el-switch v-model="activeData['show-all-levels']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-cascader'" label="可否筛选">
+            <el-switch v-model="activeData.filterable" />
+          </el-form-item>
+          <el-form-item v-if="activeData.clearable !== undefined" label="能否清空">
+            <el-switch v-model="activeData.clearable" />
+          </el-form-item>
+          <el-form-item v-if="activeData.showTip !== undefined" label="显示提示">
+            <el-switch v-model="activeData.showTip" />
+          </el-form-item>
+          <el-form-item v-if="activeData.multiple !== undefined" label="多选文件">
+            <el-switch v-model="activeData.multiple" />
+          </el-form-item>
+          <el-form-item v-if="activeData['auto-upload'] !== undefined" label="自动上传">
+            <el-switch v-model="activeData['auto-upload']" />
+          </el-form-item>
+          <el-form-item v-if="activeData.readonly !== undefined" label="是否只读">
+            <el-switch v-model="activeData.readonly" />
+          </el-form-item>
+          <el-form-item v-if="activeData.disabled !== undefined" label="是否禁用">
+            <el-switch v-model="activeData.disabled" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-select'" label="是否可搜索">
+            <el-switch v-model="activeData.filterable" />
+          </el-form-item>
+          <el-form-item v-if="activeData.tag === 'el-select'" label="是否多选">
+            <el-switch v-model="activeData.multiple" @change="multipleChange" />
+          </el-form-item>
+          <el-form-item v-if="activeData.required !== undefined" label="是否必填">
+            <el-switch v-model="activeData.required" />
+          </el-form-item>
+
+          <template v-if="activeData.layoutTree">
+            <el-divider>布局结构树</el-divider>
+            <el-tree
+              :data="[activeData]"
+              :props="layoutTreeProps"
+              node-key="renderKey"
+              default-expand-all
+              draggable
+            >
+              <span slot-scope="{ node, data }">
+                <span class="node-label">
+                  <svg-icon class="node-icon" :icon-class="data.tagIcon" />
+                  {{ node.label }}
+                </span>
+              </span>
+            </el-tree>
+          </template>
+
+          <template v-if="activeData.layout === 'colFormItem' && activeData.tag !== 'el-button'">
+            <el-divider>正则校验</el-divider>
+            <div
+              v-for="(item, index) in activeData.regList"
+              :key="index"
+              class="reg-item"
+            >
+              <span class="close-btn" @click="activeData.regList.splice(index, 1)">
+                <i class="el-icon-close" />
+              </span>
+              <el-form-item label="表达式">
+                <el-input v-model="item.pattern" placeholder="请输入正则" />
+              </el-form-item>
+              <el-form-item label="错误提示" style="margin-bottom:0">
+                <el-input v-model="item.message" placeholder="请输入错误提示" />
+              </el-form-item>
+            </div>
+            <div style="margin-left: 20px">
+              <el-button icon="el-icon-circle-plus-outline" type="text" @click="addReg">
+                添加规则
+              </el-button>
+            </div>
+          </template>
+        </el-form>
+        <!-- 表单属性 -->
+        <el-form v-show="currentTab === 'form'" size="small" label-width="90px">
+          <el-form-item label="表单名">
+            <el-input v-model="formConf.formRef" placeholder="请输入表单名（ref）" />
+          </el-form-item>
+          <el-form-item label="表单模型">
+            <el-input v-model="formConf.formModel" placeholder="请输入数据模型" />
+          </el-form-item>
+          <el-form-item label="校验模型">
+            <el-input v-model="formConf.formRules" placeholder="请输入校验模型" />
+          </el-form-item>
+          <el-form-item label="表单尺寸">
+            <el-radio-group v-model="formConf.size">
+              <el-radio-button label="medium">
+                中等
+              </el-radio-button>
+              <el-radio-button label="small">
+                较小
+              </el-radio-button>
+              <el-radio-button label="mini">
+                迷你
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="标签对齐">
+            <el-radio-group v-model="formConf.labelPosition">
+              <el-radio-button label="left">
+                左对齐
+              </el-radio-button>
+              <el-radio-button label="right">
+                右对齐
+              </el-radio-button>
+              <el-radio-button label="top">
+                顶部对齐
+              </el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="标签宽度">
+            <el-input-number v-model="formConf.labelWidth" placeholder="标签宽度" />
+          </el-form-item>
+          <el-form-item label="栅格间隔">
+            <el-input-number v-model="formConf.gutter" :min="0" placeholder="栅格间隔" />
+          </el-form-item>
+          <el-form-item label="禁用表单">
+            <el-switch v-model="formConf.disabled" />
+          </el-form-item>
+          <el-form-item label="表单按钮">
+            <el-switch v-model="formConf.formBtns" />
+          </el-form-item>
+          <el-form-item label="显示未选中组件边框">
+            <el-switch v-model="formConf.unFocusedComponentBorder" />
+          </el-form-item>
+        </el-form>
+      </el-scrollbar>
+    </div>
+
+    <treeNode-dialog :visible.sync="dialogVisible" title="添加选项" @commit="addNode" />
+    <icons-dialog :visible.sync="iconsVisible" :current="activeData[currentIconModel]" @select="setIcon" />
+  </div>
+</template>
+
+<script>
+import { isArray } from 'util'
+import draggable from 'vuedraggable'
+import TreeNodeDialog from './TreeNodeDialog'
+import { isNumberStr } from '@/utils/index'
+import IconsDialog from './IconsDialog'
+import {
+  inputComponents,
+  selectComponents,
+  layoutComponents
+} from '@/utils/generator/config'
+
+const dateTimeFormat = {
+  date: 'yyyy-MM-dd',
+  week: 'yyyy 第 WW 周',
+  month: 'yyyy-MM',
+  year: 'yyyy',
+  datetime: 'yyyy-MM-dd HH:mm:ss',
+  daterange: 'yyyy-MM-dd',
+  monthrange: 'yyyy-MM',
+  datetimerange: 'yyyy-MM-dd HH:mm:ss'
+}
+
+export default {
+  components: {
+    draggable,
+    TreeNodeDialog,
+    IconsDialog
+  },
+  props: ['showField', 'activeData', 'formConf'],
+  data() {
+    return {
+      currentTab: 'field',
+      currentNode: null,
+      dialogVisible: false,
+      iconsVisible: false,
+      currentIconModel: null,
+      dateTypeOptions: [
+        {
+          label: '日(date)',
+          value: 'date'
+        },
+        {
+          label: '周(week)',
+          value: 'week'
+        },
+        {
+          label: '月(month)',
+          value: 'month'
+        },
+        {
+          label: '年(year)',
+          value: 'year'
+        },
+        {
+          label: '日期时间(datetime)',
+          value: 'datetime'
+        }
+      ],
+      dateRangeTypeOptions: [
+        {
+          label: '日期范围(daterange)',
+          value: 'daterange'
+        },
+        {
+          label: '月范围(monthrange)',
+          value: 'monthrange'
+        },
+        {
+          label: '日期时间范围(datetimerange)',
+          value: 'datetimerange'
+        }
+      ],
+      colorFormatOptions: [
+        {
+          label: 'hex',
+          value: 'hex'
+        },
+        {
+          label: 'rgb',
+          value: 'rgb'
+        },
+        {
+          label: 'rgba',
+          value: 'rgba'
+        },
+        {
+          label: 'hsv',
+          value: 'hsv'
+        },
+        {
+          label: 'hsl',
+          value: 'hsl'
+        }
+      ],
+      justifyOptions: [
+        {
+          label: 'start',
+          value: 'start'
+        },
+        {
+          label: 'end',
+          value: 'end'
+        },
+        {
+          label: 'center',
+          value: 'center'
+        },
+        {
+          label: 'space-around',
+          value: 'space-around'
+        },
+        {
+          label: 'space-between',
+          value: 'space-between'
+        }
+      ],
+      layoutTreeProps: {
+        label(data, node) {
+          return data.componentName || `${data.label}: ${data.vModel}`
+        }
+      }
+    }
+  },
+  computed: {
+    documentLink() {
+      return (
+        this.activeData.document
+        || 'https://element.eleme.cn/#/zh-CN/component/installation'
+      )
+    },
+    dateOptions() {
+      if (
+        this.activeData.type !== undefined
+        && this.activeData.tag === 'el-date-picker'
+      ) {
+        if (this.activeData['start-placeholder'] === undefined) {
+          return this.dateTypeOptions
+        }
+        return this.dateRangeTypeOptions
+      }
+      return []
+    },
+    tagList() {
+      return [
+        {
+          label: '输入型组件',
+          options: inputComponents
+        },
+        {
+          label: '选择型组件',
+          options: selectComponents
+        }
+      ]
+    }
+  },
+  methods: {
+    addReg() {
+      this.activeData.regList.push({
+        pattern: '',
+        message: ''
+      })
+    },
+    addSelectItem() {
+      this.activeData.options.push({
+        label: '',
+        value: ''
+      })
+    },
+    addTreeItem() {
+      ++this.idGlobal
+      this.dialogVisible = true
+      this.currentNode = this.activeData.options
+    },
+    renderContent(h, { node, data, store }) {
+      return (
+        <div class="custom-tree-node">
+          <span>{node.label}</span>
+          <span class="node-operation">
+            <i on-click={() => this.append(data)}
+              class="el-icon-plus"
+              title="添加"
+            ></i>
+            <i on-click={() => this.remove(node, data)}
+              class="el-icon-delete"
+              title="删除"
+            ></i>
+          </span>
+        </div>
+      )
+    },
+    append(data) {
+      if (!data.children) {
+        this.$set(data, 'children', [])
+      }
+      this.dialogVisible = true
+      this.currentNode = data.children
+    },
+    remove(node, data) {
+      const { parent } = node
+      const children = parent.data.children || parent.data
+      const index = children.findIndex(d => d.id === data.id)
+      children.splice(index, 1)
+    },
+    addNode(data) {
+      this.currentNode.push(data)
+    },
+    setOptionValue(item, val) {
+      item.value = isNumberStr(val) ? +val : val
+    },
+    setDefaultValue(val) {
+      if (Array.isArray(val)) {
+        return val.join(',')
+      }
+      if (['string', 'number'].indexOf(val) > -1) {
+        return val
+      }
+      if (typeof val === 'boolean') {
+        return `${val}`
+      }
+      return val
+    },
+    onDefaultValueInput(str) {
+      if (isArray(this.activeData.defaultValue)) {
+        // 数组
+        this.$set(
+          this.activeData,
+          'defaultValue',
+          str.split(',').map(val => (isNumberStr(val) ? +val : val))
+        )
+      } else if (['true', 'false'].indexOf(str) > -1) {
+        // 布尔
+        this.$set(this.activeData, 'defaultValue', JSON.parse(str))
+      } else {
+        // 字符串和数字
+        this.$set(
+          this.activeData,
+          'defaultValue',
+          isNumberStr(str) ? +str : str
+        )
+      }
+    },
+    onSwitchValueInput(val, name) {
+      if (['true', 'false'].indexOf(val) > -1) {
+        this.$set(this.activeData, name, JSON.parse(val))
+      } else {
+        this.$set(this.activeData, name, isNumberStr(val) ? +val : val)
+      }
+    },
+    setTimeValue(val, type) {
+      const valueFormat = type === 'week' ? dateTimeFormat.date : val
+      this.$set(this.activeData, 'defaultValue', null)
+      this.$set(this.activeData, 'value-format', valueFormat)
+      this.$set(this.activeData, 'format', val)
+    },
+    spanChange(val) {
+      this.formConf.span = val
+    },
+    multipleChange(val) {
+      this.$set(this.activeData, 'defaultValue', val ? [] : '')
+    },
+    dateTypeChange(val) {
+      this.setTimeValue(dateTimeFormat[val], val)
+    },
+    rangeChange(val) {
+      this.$set(
+        this.activeData,
+        'defaultValue',
+        val ? [this.activeData.min, this.activeData.max] : this.activeData.min
+      )
+    },
+    rateTextChange(val) {
+      if (val) this.activeData['show-score'] = false
+    },
+    rateScoreChange(val) {
+      if (val) this.activeData['show-text'] = false
+    },
+    colorFormatChange(val) {
+      this.activeData.defaultValue = null
+      this.activeData['show-alpha'] = val.indexOf('a') > -1
+      this.activeData.renderKey = +new Date() // 更新renderKey,重新渲染该组件
+    },
+    openIconsDialog(model) {
+      this.iconsVisible = true
+      this.currentIconModel = model
+    },
+    setIcon(val) {
+      this.activeData[this.currentIconModel] = val
+    },
+    tagChange(tagIcon) {
+      let target = inputComponents.find(item => item.tagIcon === tagIcon)
+      if (!target) target = selectComponents.find(item => item.tagIcon === tagIcon)
+      this.$emit('tag-change', target)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.right-board {
+  width: 350px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  padding-top: 3px;
+  .field-box {
+    position: relative;
+    height: calc(100% - 42px);
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+  .el-scrollbar {
+    height: 100%;
+  }
+}
+.select-item {
+  display: flex;
+  border: 1px dashed #fff;
+  box-sizing: border-box;
+  & .close-btn {
+    cursor: pointer;
+    color: #f56c6c;
+  }
+  & .el-input + .el-input {
+    margin-left: 4px;
+  }
+}
+.select-item + .select-item {
+  margin-top: 4px;
+}
+.select-item.sortable-chosen {
+  border: 1px dashed #409eff;
+}
+.select-line-icon {
+  line-height: 32px;
+  font-size: 22px;
+  padding: 0 4px;
+  color: #777;
+}
+.option-drag {
+  cursor: move;
+}
+.time-range {
+  .el-date-editor {
+    width: 227px;
+  }
+  ::v-deep .el-icon-time {
+    display: none;
+  }
+}
+.document-link {
+  position: absolute;
+  display: block;
+  width: 26px;
+  height: 26px;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  background: #409eff;
+  z-index: 1;
+  border-radius: 0 0 6px 0;
+  text-align: center;
+  line-height: 26px;
+  color: #fff;
+  font-size: 18px;
+}
+.node-label{
+  font-size: 14px;
+}
+.node-icon{
+  color: #bebfc3;
+}
+</style>
diff --git a/src/views/onlineDeclaration/declareAddContent/ismybuild/TreeNodeDialog.vue b/src/views/onlineDeclaration/declareAddContent/ismybuild/TreeNodeDialog.vue
new file mode 100644
index 0000000..fa7f0b2
--- /dev/null
+++ b/src/views/onlineDeclaration/declareAddContent/ismybuild/TreeNodeDialog.vue
@@ -0,0 +1,149 @@
+<template>
+  <div>
+    <el-dialog
+      v-bind="$attrs"
+      :close-on-click-modal="false"
+      :modal-append-to-body="false"
+      v-on="$listeners"
+      @open="onOpen"
+      @close="onClose"
+    >
+      <el-row :gutter="0">
+        <el-form
+          ref="elForm"
+          :model="formData"
+          :rules="rules"
+          size="small"
+          label-width="100px"
+        >
+          <el-col :span="24">
+            <el-form-item
+              label="选项名"
+              prop="label"
+            >
+              <el-input
+                v-model="formData.label"
+                placeholder="请输入选项名"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item
+              label="选项值"
+              prop="value"
+            >
+              <el-input
+                v-model="formData.value"
+                placeholder="请输入选项值"
+                clearable
+              >
+                <el-select
+                  slot="append"
+                  v-model="dataType"
+                  :style="{width: '100px'}"
+                >
+                  <el-option
+                    v-for="(item, index) in dataTypeOptions"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                    :disabled="item.disabled"
+                  />
+                </el-select>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div slot="footer">
+        <el-button
+          type="primary"
+          @click="handleConfirm"
+        >
+          确定
+        </el-button>
+        <el-button @click="close">
+          取消
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { isNumberStr } from '@/utils/index'
+
+export default {
+  components: {},
+  inheritAttrs: false,
+  props: [],
+  data() {
+    return {
+      id: 100,
+      formData: {
+        label: undefined,
+        value: undefined
+      },
+      rules: {
+        label: [
+          {
+            required: true,
+            message: '请输入选项名',
+            trigger: 'blur'
+          }
+        ],
+        value: [
+          {
+            required: true,
+            message: '请输入选项值',
+            trigger: 'blur'
+          }
+        ]
+      },
+      dataType: 'string',
+      dataTypeOptions: [
+        {
+          label: '字符串',
+          value: 'string'
+        },
+        {
+          label: '数字',
+          value: 'number'
+        }
+      ]
+    }
+  },
+  computed: {},
+  watch: {
+    // eslint-disable-next-line func-names
+    'formData.value': function (val) {
+      this.dataType = isNumberStr(val) ? 'number' : 'string'
+    }
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    onOpen() {
+      this.formData = {
+        label: undefined,
+        value: undefined
+      }
+    },
+    onClose() {},
+    close() {
+      this.$emit('update:visible', false)
+    },
+    handleConfirm() {
+      this.$refs.elForm.validate(valid => {
+        if (!valid) return
+        if (this.dataType === 'number') {
+          this.formData.value = parseFloat(this.formData.value)
+        }
+        this.formData.id = this.id++
+        this.$emit('commit', this.formData)
+        this.close()
+      })
+    }
+  }
+}
+</script>
diff --git a/src/views/onlineDeclaration/declareAddContent/ismybuild/index.vue b/src/views/onlineDeclaration/declareAddContent/ismybuild/index.vue
new file mode 100644
index 0000000..a86d781
--- /dev/null
+++ b/src/views/onlineDeclaration/declareAddContent/ismybuild/index.vue
@@ -0,0 +1,900 @@
+<template>
+  <div class="container">
+    <div class="center-board">
+      <!-- <el-scrollbar class="center-scrollbar"> -->
+      <el-row class="center-board-row">
+        <el-form :size="formConf.size" :label-position="formConf.labelPosition" :disabled="formConf.disabled"
+          :label-width="formConf.labelWidth + 'px'" ref="myfrom">
+          <!-- <draggable class="drawing-board"
+          :list="drawingList" :animation="340" group="componentsGroup"> -->
+          <draggable-item v-for="(element, index) in drawingList" :key="element.renderKey" :drawing-list="drawingList"
+            :element="element" :index="index" :active-id="activeId" :form-conf="formConf" @activeItem="activeFormItem"
+            @copyItem="drawingItemCopy" @deleteItem="drawingItemDelete" ref="draggableitem" />
+
+          <!-- </draggable> -->
+        </el-form>
+
+      </el-row>
+      <!-- </el-scrollbar> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+import beautifier from 'js-beautify'
+import ClipboardJS from 'clipboard'
+import render from '@/utils/generator/render'
+import RightPanel from './RightPanel'
+import { inputComponents, selectComponents, layoutComponents, formConf } from '@/utils/generator/config'
+import { beautifierConf, titleCase } from '@/utils/index'
+import { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'
+import { makeUpJs } from '@/utils/generator/js'
+import { makeUpCss } from '@/utils/generator/css'
+import drawingDefault from '@/utils/generator/drawingDefault'
+import logo from '@/assets/logo/logo.png'
+import CodeTypeDialog from './CodeTypeDialog'
+import DraggableItem from './DraggableItem'
+import { templateInfo } from "@/api/onlineDeclartion/declarationManagement"
+import { getAllList } from "@/api/system/dict/data";
+import { getToken } from '@/utils/auth'
+import { Upload } from 'element-ui'
+
+let oldActiveId
+let tempActiveData
+
+export default {
+  components: {
+    draggable,
+    render,
+    RightPanel,
+    CodeTypeDialog,
+    DraggableItem
+  },
+  dicts: ['bms_responsibility_unit', 'bms_level'],
+  data() {
+    let validateTime = (rule, value, callback) => {
+      if (new Date(value[1]) < new Date()) {
+        callback(new Error('选择结束时间需大于当前时间'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      logo,
+      idGlobal: 100,
+      formConf,
+      inputComponents,
+      selectComponents,
+      layoutComponents,
+      labelWidth: 100,
+      drawingList: drawingDefault,
+      drawingData: {},
+      activeId: drawingDefault[0].formId,
+      drawerVisible: false,
+      formData: {},
+      dialogVisible: false,
+      generateConf: null,
+      showFileName: false,
+      activeData: drawingDefault[0],
+      options: [],
+      props: {
+        lazy: true,
+        lazyLoad(node, resolve) {
+          const { level, data, children } = node;
+          if (children?.length == 0) {
+            getAllList({ dictType: data.dict }).then(res => {
+              const nodes = Array.from(res.data).map((item) => {
+                return {
+                  value: item.dictValue,
+                  label: item.dictLabel,
+                  dict: item.remark,
+                  leaf: level >= 2
+                }
+              })
+              resolve(nodes)
+            })
+          }
+        }
+      },
+      // 表单参数
+      dialogForm: {},
+      // 表单校验
+      rules: {
+        // year: [
+        //   { required: true, message: "请选择年份", trigger: "blur" },
+        // ],
+        responsibilityUnit: [
+          { required: true, message: "请选择责任单位", trigger: "blur" }
+        ],
+        level: [
+          { required: true, message: "请选择级别", trigger: "blur" }
+        ],
+        projectClassify: [
+          { required: true, message: "请选择项目分类", trigger: "blur" }
+        ],
+        templateName: [
+          { required: true, message: "请输入模板名称", trigger: "blur" }
+        ],
+        reportTime: [
+          { required: true, message: "请选择模板使用有效期", trigger: "blur" },
+          { validator: validateTime, trigger: 'blur' },
+        ],
+      },
+      projectBigType: undefined,
+      projectMiddleType: undefined,
+      projectSmallType: undefined,
+      createTemplate: true,
+    }
+  },
+  created() {
+    // 防止 firefox 下 拖拽 会新打卡一个选项卡
+    document.body.ondrop = event => {
+      event.preventDefault()
+      event.stopPropagation()
+    }
+  },
+  watch: {
+    // eslint-disable-next-line func-names
+    'activeData.label': function (val, oldVal) {
+      if (
+        this.activeData.placeholder === undefined
+        || !this.activeData.tag
+        || oldActiveId !== this.activeId
+      ) {
+        return
+      }
+      this.activeData.placeholder = this.activeData.placeholder.replace(oldVal, '') + val
+    },
+    activeId: {
+      handler(val) {
+        oldActiveId = val
+      },
+      immediate: true
+    }
+  },
+  mounted() {
+
+    // 1. 在created中订阅
+    // 2. 回调函数需要写成箭头函数
+    // this.$bus.$on('事件名', 事件回调函数)
+    // this.$bus.$on('Myuploadfn', msg => {
+    //   console.log(777,msg)
+    // })
+    const clipboard = new ClipboardJS('#copyNode', {
+      text: trigger => {
+        const codeStr = this.generateCode()
+        this.$notify({
+          title: '成功',
+          message: '代码已复制到剪切板，可粘贴。',
+          type: 'success'
+        })
+        return codeStr
+      }
+    })
+    clipboard.on('error', e => {
+      this.$message.error('代码复制失败')
+    })
+    this.getDataList();
+    this.JsonShow()
+
+  },
+  methods: {
+    yanzheng() {
+
+      this.$refs["myfrom"].validate(valid => {
+      console.log(123123);
+
+
+      })
+
+    },
+    activeFormItem() {
+      console.log("activeFormItem");
+    },
+    drawingItemCopy() {
+      console.log("drawingItemCopy");
+
+    },
+    drawingItemDelete() {
+      console.log("drawingItemDelete");
+    },
+    JsonShow() {
+      if (localStorage.getItem("myJSON")) {
+        JSON.parse(localStorage.getItem("myJSON")).fields
+
+        let list = JSON.parse(localStorage.getItem("myJSON")).fields
+        list.forEach(item => {
+          if (item.tag == "el-upload") {
+            item.headers.Authorization = 'Bearer ' + getToken()
+          }
+        })
+        this.drawingList = list
+      }
+    },
+
+    getDataList() {
+      getAllList({ dictType: "project_categories" }).then(res => {
+        res.data.map(item => {
+          let obj = {};
+          obj.value = item.dictValue;
+          obj.label = item.dictLabel;
+          obj.dict = item.remark;
+          this.options.push(obj);
+        })
+      })
+    },
+    // 项目分类选择
+    changeProjectClassify(valId) {
+      if (valId) {
+        this.projectBigType = valId[0]
+        this.projectMiddleType = valId[1]
+        this.projectSmallType = valId[2]
+      }
+    },
+    // 模板有效期选择
+    changeDateRange(val) {
+      // console.log('val: ', val);
+      this.dialogForm.useStart = val[0]
+      this.dialogForm.useEnd = val[1]
+    },
+    // 取消按钮
+    cancel() {
+      this.createTemplate = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.dialogForm = {
+        responsibilityUnit: undefined,
+        templateName: undefined,
+        level: undefined,
+        projectClassify: [],
+        reportTime: [],
+      };
+      this.projectBigType = undefined
+      this.projectMiddleType = undefined
+      this.projectSmallType = undefined
+      this.resetForm("form");
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          this.createTemplate = false;
+        }
+      });
+    },
+    activeFormItem(element) {
+      this.activeData = element
+      this.activeId = element.formId
+    },
+    onEnd(obj, a) {
+      if (obj.from !== obj.to) {
+        this.activeData = tempActiveData
+        this.activeId = this.idGlobal
+      }
+    },
+    addComponent(item) {
+      const clone = this.cloneComponent(item)
+      this.drawingList.push(clone)
+      this.activeFormItem(clone)
+    },
+    cloneComponent(origin) {
+      const clone = JSON.parse(JSON.stringify(origin))
+      clone.formId = ++this.idGlobal
+      clone.span = formConf.span
+      clone.renderKey = +new Date() // 改变renderKey后可以实现强制更新组件
+      if (!clone.layout) clone.layout = 'colFormItem'
+      if (clone.layout === 'colFormItem') {
+        clone.vModel = `field${this.idGlobal}`
+        clone.placeholder !== undefined && (clone.placeholder += clone.label)
+        tempActiveData = clone
+      } else if (clone.layout === 'rowFormItem') {
+        delete clone.label
+        clone.componentName = `row${this.idGlobal}`
+        clone.gutter = this.formConf.gutter
+        tempActiveData = clone
+      }
+      return tempActiveData
+    },
+    AssembleFormData() {
+      this.formData = {
+        fields: JSON.parse(JSON.stringify(this.drawingList)),
+        ...this.formConf
+      }
+    },
+    generate(data) {
+      const func = this[`exec${titleCase(this.operationType)}`]
+      this.generateConf = data
+      func && func(data)
+    },
+    execRun(data) {
+      this.AssembleFormData()
+      this.drawerVisible = true
+    },
+    execDownload(data) {
+      const codeStr = this.generateCode()
+      const blob = new Blob([codeStr], { type: 'text/plain;charset=utf-8' })
+      this.$download.saveAs(blob, data.fileName)
+    },
+    execCopy(data) {
+      document.getElementById('copyNode').click()
+    },
+    empty() {
+      this.$confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(
+        () => {
+          this.drawingList = []
+        }
+      )
+    },
+    drawingItemCopy(item, parent) {
+      let clone = JSON.parse(JSON.stringify(item))
+      clone = this.createIdAndKey(clone)
+      parent.push(clone)
+      this.activeFormItem(clone)
+    },
+    createIdAndKey(item) {
+      item.formId = ++this.idGlobal
+      item.renderKey = +new Date()
+      if (item.layout === 'colFormItem') {
+        item.vModel = `field${this.idGlobal}`
+      } else if (item.layout === 'rowFormItem') {
+        item.componentName = `row${this.idGlobal}`
+      }
+      if (Array.isArray(item.children)) {
+        item.children = item.children.map(childItem => this.createIdAndKey(childItem))
+      }
+      return item
+    },
+    drawingItemDelete(index, parent) {
+      parent.splice(index, 1)
+      this.$nextTick(() => {
+        const len = this.drawingList.length
+        if (len) {
+          this.activeFormItem(this.drawingList[len - 1])
+        }
+      })
+    },
+    generateCode() {
+      const { type } = this.generateConf
+      this.AssembleFormData()
+      const script = vueScript(makeUpJs(this.formData, type))
+      const html = vueTemplate(makeUpHtml(this.formData, type))
+      const css = cssStyle(makeUpCss(this.formData))
+      return beautifier.html(html + script + css, beautifierConf.html)
+    },
+    showJson() {
+      this.AssembleFormData()
+      // 级别，责任单位，模板使用有效期开始时间，模板使用有效期结束时间，模板名称
+      console.log(this.formData);
+      localStorage.setItem("myJSON", JSON.stringify(this.formData))
+
+      const { level, responsibilityUnit, useStart, useEnd, templateName } = this.dialogForm;
+      if (level && responsibilityUnit && useStart && useEnd && templateName) {
+        // templateInfo({level, responsibilityUnit, templateName, useStart, useEnd, projectBigType:this.projectBigType, projectMiddleType:this.projectMiddleType, projectSmallType:this.projectSmallType,templateJson: JSON.stringify(this.formData)}).then(res=>{
+        //   if(res.code == 200) {
+        //     this.$router.push({
+        //       name: 'Template',
+        //       params: {code:200},
+        //     })
+        //   }
+        // })
+
+      } else {
+        // this.createTemplate = true;
+      }
+    },
+    download() {
+      this.dialogVisible = true
+      this.showFileName = true
+      this.operationType = 'download'
+    },
+    run() {
+      this.dialogVisible = true
+      this.showFileName = false
+      this.operationType = 'run'
+    },
+    copy() {
+      this.dialogVisible = true
+      this.showFileName = false
+      this.operationType = 'copy'
+    },
+    tagChange(newTag) {
+      newTag = this.cloneComponent(newTag)
+      newTag.vModel = this.activeData.vModel
+      newTag.formId = this.activeId
+      newTag.span = this.activeData.span
+      delete this.activeData.tag
+      delete this.activeData.tagIcon
+      delete this.activeData.document
+      Object.keys(newTag).forEach(key => {
+        if (this.activeData[key] !== undefined
+          && typeof this.activeData[key] === typeof newTag[key]) {
+          newTag[key] = this.activeData[key]
+        }
+      })
+      this.activeData = newTag
+      this.updateDrawingList(newTag, this.drawingList)
+    },
+    updateDrawingList(newTag, list) {
+      const index = list.findIndex(item => item.formId === this.activeId)
+      if (index > -1) {
+        list.splice(index, 1, newTag)
+      } else {
+        list.forEach(item => {
+          if (Array.isArray(item.children)) this.updateDrawingList(newTag, item.children)
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang='scss'>
+.editor-tabs {
+  background: #121315;
+
+  .el-tabs__header {
+    margin: 0;
+    border-bottom-color: #121315;
+
+    .el-tabs__nav {
+      border-color: #121315;
+    }
+  }
+
+  .el-tabs__item {
+    height: 32px;
+    line-height: 32px;
+    color: #888a8e;
+    border-left: 1px solid #121315 !important;
+    background: #363636;
+    margin-right: 5px;
+    user-select: none;
+  }
+
+  .el-tabs__item.is-active {
+    background: #1e1e1e;
+    border-bottom-color: #1e1e1e !important;
+    color: #fff;
+  }
+
+  .el-icon-edit {
+    color: #f1fa8c;
+  }
+
+  .el-icon-document {
+    color: #a95812;
+  }
+}
+
+// home
+.right-scrollbar {
+  .el-scrollbar__view {
+    padding: 12px 18px 15px 15px;
+  }
+}
+
+.left-scrollbar .el-scrollbar__wrap {
+  box-sizing: border-box;
+  overflow-x: hidden !important;
+  margin-bottom: 0 !important;
+}
+
+.center-tabs {
+  .el-tabs__header {
+    margin-bottom: 0 !important;
+  }
+
+  .el-tabs__item {
+    width: 50%;
+    text-align: center;
+  }
+
+  .el-tabs__nav {
+    width: 100%;
+  }
+}
+
+.reg-item {
+  padding: 12px 6px;
+  background: #f8f8f8;
+  position: relative;
+  border-radius: 4px;
+
+  .close-btn {
+    position: absolute;
+    right: -6px;
+    top: -6px;
+    display: block;
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 50%;
+    color: #fff;
+    text-align: center;
+    z-index: 1;
+    cursor: pointer;
+    font-size: 12px;
+
+    &:hover {
+      background: rgba(210, 23, 23, 0.5)
+    }
+  }
+
+  &+.reg-item {
+    margin-top: 18px;
+  }
+}
+
+.action-bar {
+  & .el-button+.el-button {
+    margin-left: 15px;
+  }
+
+  & i {
+    font-size: 20px;
+    vertical-align: middle;
+    position: relative;
+    top: -1px;
+  }
+}
+
+.custom-tree-node {
+  width: 100%;
+  font-size: 14px;
+
+  .node-operation {
+    float: right;
+  }
+
+  i[class*="el-icon"]+i[class*="el-icon"] {
+    margin-left: 6px;
+  }
+
+  .el-icon-plus {
+    color: #409EFF;
+  }
+
+  .el-icon-delete {
+    color: #157a0c;
+  }
+}
+
+.left-scrollbar .el-scrollbar__view {
+  overflow-x: hidden;
+}
+
+.el-rate {
+  display: inline-block;
+  vertical-align: text-top;
+}
+
+.el-upload__tip {
+  line-height: 1.2;
+}
+
+$selectedColor: #f6f7ff;
+$lighterBlue: #409EFF;
+
+.container {
+  position: relative;
+  width: 100%;
+  height: 50vh;
+}
+
+.components-list {
+  padding: 8px;
+  box-sizing: border-box;
+  height: 100%;
+
+  .components-item {
+    display: inline-block;
+    width: 48%;
+    margin: 1%;
+    transition: transform 0ms !important;
+  }
+}
+
+.components-draggable {
+  padding-bottom: 20px;
+}
+
+.components-title {
+  font-size: 14px;
+  color: #222;
+  margin: 6px 2px;
+
+  .svg-icon {
+    color: #666;
+    font-size: 18px;
+  }
+}
+
+.components-body {
+  padding: 8px 10px;
+  background: $selectedColor;
+  font-size: 12px;
+  cursor: move;
+  border: 1px dashed $selectedColor;
+  border-radius: 3px;
+
+  .svg-icon {
+    color: #777;
+    font-size: 15px;
+  }
+
+  &:hover {
+    border: 1px dashed #787be8;
+    color: #787be8;
+
+    .svg-icon {
+      color: #787be8;
+    }
+  }
+}
+
+.left-board {
+  width: 260px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+}
+
+.left-scrollbar {
+  height: calc(100% - 42px);
+  overflow: hidden;
+}
+
+.center-scrollbar {
+  width: 100%;
+  height: calc(100% - 42px);
+  overflow: hidden;
+  border-left: 1px solid #f1e8e8;
+  border-right: 1px solid #f1e8e8;
+  box-sizing: border-box;
+}
+
+.center-board {
+  height: 100%;
+  width: auto;
+  box-sizing: border-box;
+}
+
+.empty-info {
+  position: absolute;
+  top: 46%;
+  left: 0;
+  right: 0;
+  text-align: center;
+  font-size: 18px;
+  color: #ccb1ea;
+  letter-spacing: 4px;
+}
+
+.action-bar {
+  position: relative;
+  height: 42px;
+  text-align: right;
+  padding: 0 15px;
+  box-sizing: border-box;
+  ;
+  border: 1px solid #f1e8e8;
+  border-top: none;
+  border-left: none;
+
+  .delete-btn {
+    color: #F56C6C;
+  }
+}
+
+.logo-wrapper {
+  position: relative;
+  height: 42px;
+  background: #fff;
+  border-bottom: 1px solid #f1e8e8;
+  box-sizing: border-box;
+}
+
+.logo {
+  position: absolute;
+  left: 12px;
+  top: 6px;
+  line-height: 30px;
+  color: #00afff;
+  font-weight: 600;
+  font-size: 17px;
+  white-space: nowrap;
+
+  >img {
+    width: 30px;
+    height: 30px;
+    vertical-align: top;
+  }
+
+  .github {
+    display: inline-block;
+    vertical-align: sub;
+    margin-left: 15px;
+
+    >img {
+      height: 22px;
+    }
+  }
+}
+
+.center-board-row {
+  padding: 12px 12px 15px 12px;
+  box-sizing: border-box;
+
+  &>.el-form {
+    // 69 = 12+15+42
+    height: calc(100% - 69px);
+  }
+}
+
+.drawing-board {
+  height: 100%;
+  position: relative;
+
+  .components-body {
+    padding: 0;
+    margin: 0;
+    font-size: 0;
+  }
+
+  .sortable-ghost {
+    position: relative;
+    display: block;
+    overflow: hidden;
+
+    &::before {
+      content: " ";
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      height: 3px;
+      background: rgb(89, 89, 223);
+      z-index: 2;
+    }
+  }
+
+  .components-item.sortable-ghost {
+    width: 100%;
+    height: 60px;
+    background-color: $selectedColor;
+  }
+
+  .active-from-item {
+    &>.el-form-item {
+      background: $selectedColor;
+      border-radius: 6px;
+    }
+
+    &>.drawing-item-copy,
+    &>.drawing-item-delete {
+      display: initial;
+    }
+
+    &>.component-name {
+      color: $lighterBlue;
+    }
+  }
+
+  .el-form-item {
+    margin-bottom: 15px;
+  }
+}
+
+.drawing-item {
+  position: relative;
+  cursor: move;
+
+  &.unfocus-bordered:not(.activeFromItem)>div:first-child {
+    border: 1px dashed #ccc;
+  }
+
+  .el-form-item {
+    padding: 12px 10px;
+  }
+}
+
+.drawing-row-item {
+  position: relative;
+  cursor: move;
+  box-sizing: border-box;
+  border: 1px dashed #ccc;
+  border-radius: 3px;
+  padding: 0 2px;
+  margin-bottom: 15px;
+
+  .drawing-row-item {
+    margin-bottom: 2px;
+  }
+
+  .el-col {
+    margin-top: 22px;
+  }
+
+  .el-form-item {
+    margin-bottom: 0;
+  }
+
+  .drag-wrapper {
+    min-height: 80px;
+  }
+
+  &.active-from-item {
+    border: 1px dashed $lighterBlue;
+  }
+
+  .component-name {
+    position: absolute;
+    top: 0;
+    left: 0;
+    font-size: 12px;
+    color: #bbb;
+    display: inline-block;
+    padding: 0 6px;
+  }
+}
+
+.drawing-item,
+.drawing-row-item {
+  &:hover {
+    &>.el-form-item {
+      background: $selectedColor;
+      border-radius: 6px;
+    }
+
+    &>.drawing-item-copy,
+    &>.drawing-item-delete {
+      display: initial;
+    }
+  }
+
+  &>.drawing-item-copy,
+  &>.drawing-item-delete {
+    display: none;
+    position: absolute;
+    top: -10px;
+    width: 22px;
+    height: 22px;
+    line-height: 22px;
+    text-align: center;
+    border-radius: 50%;
+    font-size: 12px;
+    border: 1px solid;
+    cursor: pointer;
+    z-index: 1;
+  }
+
+  &>.drawing-item-copy {
+    right: 56px;
+    border-color: $lighterBlue;
+    color: $lighterBlue;
+    background: #fff;
+
+    &:hover {
+      background: $lighterBlue;
+      color: #fff;
+    }
+  }
+
+  &>.drawing-item-delete {
+    right: 24px;
+    border-color: #F56C6C;
+    color: #F56C6C;
+    background: #fff;
+
+    &:hover {
+      background: #F56C6C;
+      color: #fff;
+    }
+  }
+}
+</style>