From 77fa2e4789340478ccec37c98ba68ba8853170ac Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期三, 30 十月 2024 11:36:18 +0800
Subject: [PATCH] 修改密码新密码重新登录&&属性池、表单定义表格、版本管理三个模块表单样式修改

---
 Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue | 1356 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 1,353 insertions(+), 3 deletions(-)

diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue
index 2da0423..60bf00a 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue
@@ -1,13 +1,1363 @@
 <template>
-<p>灞炴�ф睜</p>
+  <el-container>
+    <el-main>
+      <basic-container>
+        <avue-crud
+          ref="userCrud"
+          :data="tableData"
+          :option="option"
+          :page.sync="page"
+          :table-loading="tableLoading"
+          @on-load="getTableList"
+          @refresh-change="handleRefresh"
+          @search-change="handleSearch"
+          @search-reset="handleReset"
+          @selection-change="selectChange"
+          @row-click="rowClickHandler"
+          @size-change="sizeChange"
+          @current-change="currentChange"
+        >
+          <template slot="menuLeft" slot-scope="scope">
+            <el-button icon="el-icon-plus" plain size="small" type="primary" @click="rowSaveHandlerClick">鍒涘缓</el-button>
+            <el-button icon="el-icon-delete" plain size="small" type="danger" @click="allDelHandler">鍒犻櫎</el-button>
+            <el-button icon="el-icon-view" plain size="small" type="primary" @click="chekView">鏌ョ湅浣跨敤鑼冨洿</el-button>
+            <el-button icon="el-icon-download" plain size="small" type="primary" @click="downloadTemplateHandler">
+              涓嬭浇瀵煎叆妯℃澘
+            </el-button>
+            <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadHandler">瀵煎叆</el-button>
+            <el-button icon="el-icon-download" plain size="small" type="primary" @click="downLoadHandler">瀵煎嚭</el-button>
+          </template>
+
+          <template slot="menu" slot-scope="scope">
+            <el-button icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">缂栬緫
+            </el-button>
+            <el-button icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">鍒犻櫎
+            </el-button>
+          </template>
+        </avue-crud>
+      </basic-container>
+    </el-main>
+    <!-- 鍙充晶淇℃伅   -->
+    <el-aside width="30%">
+      <basic-container>
+        <div style="height: 85vh; overflow-y: auto">
+          <el-descriptions :column="1" border size="medium" title="灞炴�ч」">
+            <el-descriptions-item>
+              <template slot="label">
+                鍚嶇О
+              </template>
+              <div style="width: 330px">
+                {{ lastItem.id }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                鏍囩
+              </template>
+              <div style="width: 330px">
+                {{ lastItem.name }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                鎻忚堪
+              </template>
+              <div style="width: 330px">
+                {{ lastItem.description }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                鎿嶄綔绫诲瀷
+              </template>
+              {{ lastItem.attributeDataType }}
+            </el-descriptions-item>
+          </el-descriptions>
+
+          <!-- 鍊煎煙 -->
+          <el-descriptions v-if="!isSpecialDataType" :column="1" :title="lastItem.attributeDataType" border
+                           class="margin-top"
+                           size="medium">
+            <el-descriptions-item>
+              <template slot="label">
+                鍏佽涓虹┖
+              </template>
+              <div style="width: 330px">
+                <el-tag :type="lastItem.nullableFlag ? 'success' : 'danger'">
+                  {{ lastItem.nullableFlag ? '鏄�' : '鍚�' }}
+                </el-tag>
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item v-if="accuracy">
+              <template slot="label">
+                绮惧害
+              </template>
+              绮惧害
+            </el-descriptions-item>
+            <el-descriptions-item v-if="length">
+              <template slot="label">
+                闀垮害
+              </template>
+              <div style="width: 330px">
+                {{ lastItem.attrLength }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                榛樿鍊�
+              </template>
+              <div style="width: 330px">
+                {{ lastItem.defaultValue }}
+              </div>
+            </el-descriptions-item>
+          </el-descriptions>
+
+          <!--   VTString  -->
+          <el-descriptions v-if="lastItem.attributeDataType === 'VTString' || !lastItem.attributeDataType"
+                           :column="1" border class="margin-top" size="medium" title="鍊煎煙">
+            <el-descriptions-item>
+              <template slot="label">
+                褰撳墠绫诲瀷
+              </template>
+              <div style="width: 345px">
+                {{ lastItem.version ? '閾炬帴绫诲瀷' : '涓氬姟绫诲瀷' }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                褰撳墠绫诲瀷鍊�
+              </template>
+              <div style="width: 345px">
+                {{ lastItem.version ? lastItem.linkTypeName : lastItem.btmTypeId }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item v-if="lastItem.version">
+              <template slot="label">
+                褰撳墠鐗堟湰娆�
+              </template>
+              <div style="width: 345px">
+                {{ lastItem.version }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                浣跨敤鏋氫妇
+              </template>
+              <div style="width: 345px">
+                <el-tag :type="lastItem.enumId ? 'success' : 'danger'">
+                  {{ lastItem.enumId ? '鏄�' : '鍚�' }}
+                </el-tag>
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                褰撳墠鏋氫妇绫诲瀷
+              </template>
+              <div style="width: 345px">
+                {{ lastItem.enumId }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                鍙栧�艰寖鍥�
+              </template>
+              <div style="width: 330px; height: 80px;overflow: auto">
+                <el-tag v-for="item in rangeList" plain style="margin: 5px">{{ item }}</el-tag>
+              </div>
+            </el-descriptions-item>
+
+          </el-descriptions>
+          <!-- VTInteger && VTInteger  -->
+          <el-descriptions
+            v-if="lastItem.attributeDataType === 'VTInteger' || lastItem.attributeDataType === 'VTInteger'"
+            :column="1" border class="margin-top" size="medium" title="鍊煎煙">
+
+            <el-descriptions-item>
+              <template slot="label">
+                浣跨敤鏋氫妇
+              </template>
+              <div style="width: 330px">
+                <el-tag :type="lastItem.enumFlag ? 'success' : 'danger'">
+                  {{ lastItem.enumFlag ? '鏄�' : '鍚�' }}
+                </el-tag>
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                鏋氫妇绫诲瀷
+              </template>
+              <div style="width: 330px">
+                {{ lastItem.enumFlag }}
+              </div>
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label">
+                鍙栧�艰寖鍥�
+              </template>
+              <div style="width: 345px; height: 80px;overflow: auto">
+                <el-tag v-for="item in rangeList" plain style="margin: 5px">{{ item }}</el-tag>
+              </div>
+            </el-descriptions-item>
+
+          </el-descriptions>
+          <!-- VTDouble -->
+          <el-descriptions v-if="lastItem.attributeDataType === 'VTDouble'"
+                           :column="1" border class="margin-top" size="medium" title="鍊煎煙">
+
+            <el-descriptions-item>
+              <template slot="label">
+                鍙栧�艰寖鍥�
+              </template>
+              <div style="width: 330px; height: 80px;overflow: auto">
+                <el-tag v-for="item in rangeList" plain style="margin: 5px">{{ item }}</el-tag>
+              </div>
+            </el-descriptions-item>
+
+          </el-descriptions>
+          <!--      VTDate VTTime VTDateTime VTNote VTFilePath VTClob鍧囦笉鏄剧ず VTBoolean涓嶆樉绀哄�煎煙 鍙樉绀虹被鍨�   -->
+        </div>
+      </basic-container>
+    </el-aside>
+    <!-- 鏂板瀵硅瘽妗�    -->
+    <el-dialog
+      v-dialogDrag
+      v-loading="addLoading"
+      :title="dialogTitle === 'add' ? '鍒涘缓' : '缂栬緫'"
+      :visible.sync="addVisible"
+      append-to-body="true"
+      class="avue-dialog"
+      width="65%"
+      @close="addEscHandler"
+    >
+      <div style="height: 650px">
+        <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="small">
+          <el-row>
+            <div class="addDialog">
+              <div>
+                <h3>灞炴�ч」</h3>
+                <el-col :span="12">
+                  <el-form-item label="鍚嶇О锛�" prop="id">
+                    <el-input v-model="form.id"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="鏍囩锛�" prop="name">
+                    <el-input v-model="form.name"></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="灞炴�х被鍨嬶細" prop="attributeDataType">
+                    <el-select v-model="form.attributeDataType" placeholder="璇烽�夋嫨灞炴�х被鍨�" @change="attributeDataTypeChange">
+                      <el-option v-for="item in typeSelectList" :label="item" :value="item"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="鎻忚堪锛�" prop="description">
+                    <el-input v-model="form.description" :rows="2" type="textarea"></el-input>
+                  </el-form-item>
+                </el-col>
+
+              </div>
+              <div v-if="!hideType" class="addDialogBottom">
+                <div class="left">
+                  <h3>{{ form.attributeDataType }}</h3>
+
+                  <el-form-item
+                    v-if="form.attributeDataType !== 'VTInteger' && form.attributeDataType !== 'VTLong'
+                  && form.attributeDataType !== 'VTDouble' && form.attributeDataType !== 'VTBoolean'"
+                    label="闀垮害锛�" prop="attrLength">
+                    <el-input v-model="form.attrLength"></el-input>
+                  </el-form-item>
+
+                  <el-form-item v-if="form.attributeDataType === 'VTDouble'" label="绮惧害锛�" prop="precisionLength">
+                    <el-input v-model="form.precisionLength"></el-input>
+                  </el-form-item>
+
+                  <el-form-item v-if="form.attributeDataType === 'VTDouble'" label="闀垮害锛�" prop="scaleLength">
+                    <el-input v-model="form.scaleLength"></el-input>
+                  </el-form-item>
+
+
+                  <el-form-item v-if="form.attributeDataType !== 'VTBoolean' && !form.enumSwitch" label="榛樿鍊硷細"
+                                prop="defaultValue">
+                    <el-input v-model="form.defaultValue"></el-input>
+                  </el-form-item>
+
+                  <el-form-item v-if="form.attributeDataType === 'VTBoolean'" label="榛樿鍊硷細" prop="defaultValue">
+                    <el-select v-model="form.defaultValue">
+                      <el-option label="false" value="false"></el-option>
+                      <el-option label="true" value="true"></el-option>
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item v-if="form.attributeDataType !== 'VTBoolean' && form.enumSwitch" label="榛樿鍊硷細"
+                                prop="defaultValue">
+                    <el-select v-model="form.defaultValue">
+                      <el-option v-for="(item,index) in rangeOptionValue" :key="index" :label="item"
+                                 :value="item"></el-option>
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item label="鍏佽涓虹┖锛�" prop="nullableFlag">
+                    <el-switch v-model="form.nullableFlag"></el-switch>
+                  </el-form-item>
+
+                </div>
+                <el-divider direction="vertical"></el-divider>
+                <!--  VTString   -->
+                <div v-if="form.attributeDataType === 'VTString'" class="right">
+                  <h3>鍊煎煙</h3>
+                  <el-form-item label="褰撳墠鍊煎煙绫诲瀷锛�" prop="attributeSelectType">
+                    <el-select v-model="form.attributeSelectType" placeholder="璇烽�夋嫨灞炴�х被鍨�"
+                               @change="attributeSelectTypeChange">
+                      <el-option label="涓氬姟绫诲瀷" value="business"></el-option>
+                      <el-option label="閾炬帴绫诲瀷" value="link"></el-option>
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item v-if="form.attributeSelectType === 'link'" label="鐗堟湰娆★細" prop="version">
+                    <el-select v-model="form.version" placeholder="璇烽�夋嫨鐗堟湰娆�">
+                      <el-option :value="1" label="褰撳墠鐗堟湰娆�"></el-option>
+                      <el-option :value="3" label="鏈�鏂扮増鏈"></el-option>
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item label="閫夋嫨鍙傜収绫诲瀷锛�" prop="referValue">
+                    <el-input v-model="form.referValue" @focus="referFormFocusHandler"></el-input>
+                  </el-form-item>
+
+                  <span v-if="!form.referValue">
+                <el-form-item label="浣跨敤鏋氫妇锛�" prop="enumSwitch">
+                  <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch>
+                </el-form-item>
+
+
+                <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鍊煎煙锛�'" prop="enumSwitch">
+                  <el-select v-if="form.enumSwitch" v-model="form.enumId" placeholder="璇烽�夋嫨鏋氫妇绫诲瀷"
+                             @change="enumSelectChange">
+                    <el-option v-for="(item,index) in attributeDataTypePickList" :key="index" :label="item.key"
+                               :value="item.key"></el-option>
+                  </el-select>
+                  <el-input v-if="!form.enumSwitch" v-model="form.enumAddValue">
+                  </el-input>
+                </el-form-item>
+                <el-form-item v-if="!form.enumSwitch" label="杩愮畻绗︼細">
+                  <div>
+                    <el-button size="mini" @click="enumAddHandler"> = </el-button>
+                  </div>
+                </el-form-item>
+                <el-form-item :label="form.enumSwitch ? '褰撳墠鏋氫妇鍊硷細' : '褰撳墠鍊煎煙锛�'" prop="rangeValue">
+                  <textarea v-model="form.rangeValue" :readonly="form.enumSwitch"
+                            style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;">
+                  </textarea>
+                </el-form-item>
+                </span>
+                </div>
+                <!--  VTInteger VTLong   -->
+                <div v-if="form.attributeDataType === 'VTInteger' || form.attributeDataType === 'VTLong' "
+                     class="right">
+                  <h3>鍊煎煙</h3>
+
+                  <el-form-item label="浣跨敤鏋氫妇锛�" prop="enumSwitch">
+                    <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch>
+                  </el-form-item>
+
+
+                  <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鍊煎煙锛�'" prop="enumSwitch">
+                    <el-select v-if="form.enumSwitch" v-model="form.enumId" placeholder="璇烽�夋嫨鏋氫妇绫诲瀷"
+                               @change="enumSelectChange">
+                      <el-option v-for="(item,index) in attributeDataTypePickList" :key="index" :label="item.key"
+                                 :value="item.key"></el-option>
+                    </el-select>
+                    <el-input v-if="!form.enumSwitch" v-model="form.enumAddValue">
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item v-if="!form.enumSwitch" label="杩愮畻绗︼細">
+                    <div>
+                      <el-button size="mini" @click="operationHandler('>')"> ></el-button>
+                      <el-button size="mini" @click="operationHandler('<')"> <</el-button>
+                      <el-button size="mini" @click="operationHandler('>=')"> >=</el-button>
+                      <el-button size="mini" @click="operationHandler('<=')"> <=</el-button>
+                      <el-button size="mini" @click="operationHandler('=')"> =</el-button>
+                      <el-button size="mini" @click="operationHandler('!=')"> !=</el-button>
+                      <el-button size="mini" @click="operationHandler('()')"> ([])</el-button>
+                    </div>
+                  </el-form-item>
+                  <el-form-item :label="form.enumSwitch ? '褰撳墠鏋氫妇鍊硷細' : '褰撳墠鍊煎煙锛�'" prop="rangeValue">
+                  <textarea v-model="form.rangeValue" :readonly="form.enumSwitch"
+                            style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;">
+                  </textarea>
+                  </el-form-item>
+                </div>
+                <!--   VTDouble    -->
+                <div v-if="form.attributeDataType === 'VTDouble'" class="right">
+                  <h3>鍊煎煙</h3>
+                  <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鍊煎煙锛�'" prop="enumAddValue">
+                    <el-input v-model="form.enumAddValue">
+                    </el-input>
+                  </el-form-item>
+                  <el-form-item label="杩愮畻绗︼細">
+                    <div>
+                      <el-button size="mini" @click="operationHandler('>')"> ></el-button>
+                      <el-button size="mini" @click="operationHandler('<')"> <</el-button>
+                      <el-button size="mini" @click="operationHandler('>=')"> >=</el-button>
+                      <el-button size="mini" @click="operationHandler('<=')"> <=</el-button>
+                      <el-button size="mini" @click="operationHandler('=')"> =</el-button>
+                      <el-button size="mini" @click="operationHandler('!=')"> !=</el-button>
+                      <el-button size="mini" @click="operationHandler('()')">([])</el-button>
+                    </div>
+                  </el-form-item>
+                  <el-form-item :label="form.enumSwitch ? '褰撳墠鏋氫妇鍊硷細' : '褰撳墠鍊煎煙锛�'" prop="rangeValue">
+                  <textarea v-model="form.rangeValue"
+                            style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;">
+                  </textarea>
+                  </el-form-item>
+                </div>
+              </div>
+            </div>
+          </el-row>
+        </el-form>
+
+        <!-- 涓氬姟绫诲瀷瀵硅瘽妗�      -->
+        <el-dialog
+          v-dialogDrag
+          :visible.sync="businessVisible"
+          append-to-body="true"
+          class="avue-dialog"
+          title="涓氬姟绫诲瀷閫夋嫨"
+          width="70%"
+        >
+          <avue-crud
+            ref="businessCrud"
+            :data="businessData"
+            :option="businessOption"
+            :table-loading="businessLoading"
+            @search-change="businessHandleSearch"
+            @search-reset="businessHandleReset"
+            @row-click="businessRowClick"
+          >
+          </avue-crud>
+          <span slot="footer" class="dialog-footer">
+          <el-button @click="businessEmpty">娓� 绌�</el-button>
+         <el-button @click="businessVisible = false">鍙� 娑�</el-button>
+         <el-button type="primary" @click="businessSaveHandler">纭� 瀹�</el-button>
+        </span>
+        </el-dialog>
+
+        <!-- 閾炬帴绫诲瀷瀵硅瘽妗�      -->
+        <el-dialog
+          v-dialogDrag
+          :visible.sync="linkTypeVisible"
+          append-to-body="true"
+          class="avue-dialog"
+          title="閾炬帴绫诲瀷閫夋嫨"
+          width="70%"
+        >
+          <avue-crud
+            ref="linkTypeCrud"
+            :data="linkTypeData"
+            :option="linkTypeOption"
+            :table-loading="linkTypeLoading"
+            @search-change="linkHandleSearch"
+            @search-reset="linkHandleReset"
+            @row-click="linkRowClick"
+          >
+          </avue-crud>
+          <span slot="footer" class="dialog-footer">
+          <el-button @click="linkEmpty">娓� 绌�</el-button>
+         <el-button @click="linkTypeVisible = false">鍙� 娑�</el-button>
+         <el-button type="primary" @click="linkSaveHandler">纭� 瀹�</el-button>
+        </span>
+        </el-dialog>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="addEscHandler">鍙� 娑�</el-button>
+        <el-button type="primary" @click="addSaveHandler">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+    <!--瀵煎叆    -->
+    <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆"
+                 @updata="getTableList"></upload-file>
+    <!-- 鏌ョ湅浣跨敤鑼冨洿    -->
+    <el-dialog
+      v-dialogDrag
+      v-loading="checkViewLoading"
+      :visible.sync="checkViewVisible"
+      append-to-body="true"
+      class="avue-dialog"
+      title="鏌ョ湅浣跨敤鑼冨洿"
+      width="60%"
+    >
+      <avue-crud
+        ref="checkViewCrud"
+        :data="checkViewData"
+        :option="checkViewOption"
+        @search-change="checkHandleSearch"
+        @search-reset="checkHandleReset"
+      >
+
+      </avue-crud>
+    </el-dialog>
+  </el-container>
 </template>
 
 <script>
+import {
+  gridAttribute,
+  getUsedAttributeList,
+  getEnumMapByType,
+  deleteAttributes,
+  exportAttributes,
+  downloadAttributeTemplate,
+  getBizTypes,
+  getAllLtName,
+  addAttribute,
+  updateAttribute
+} from "@/api/modeling/attributePool/api";
+import basicOption from '@/util/basic-option';
+import {column} from "./option"
+import func from "@/util/func";
+
 export default {
-name: "index"
+  name: "index",
+  data() {
+    return {
+      rules: {
+        id: [
+          {required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur'},
+          {pattern: /^[a-zA-Z]+$/, message: '鍙兘杈撳叆鑻辨枃瀛楃', trigger: 'blur'}
+        ]
+      },
+      dialogTitle: "",
+      businessRow: {},
+      linkRow: {},
+      linkDataSearch: [],
+      businessSearchParams: {},
+      linkTypeSearchParams: {},
+      businessLoading: false,
+      linkTypeLoading: false,
+      businessVisible: false,
+      linkTypeVisible: false,
+      businessData: [],
+      linkTypeData: [],
+      businessOption: {
+        ...basicOption,
+        addBtn: false,
+        menu: false,
+        searchMenuSpan: 8,
+        selection: false,
+        refreshBtn: false,
+        searchLabelWidth: 100,
+        highlightCurrentRow: true,
+        column: [
+          {
+            label: '涓氬姟绫诲瀷鍚�',
+            prop: 'name',
+            sortable: true,
+            search: true
+          },
+          {
+            label: '鏍囩',
+            prop: 'label',
+            sortable: true,
+          },
+          {
+            label: '鐖剁被',
+            prop: 'fName',
+            sortable: true,
+          },
+          {
+            label: '鐗堟湰瑙勫垯',
+            prop: 'revRuleName',
+            sortable: true,
+          },
+          {
+            label: '鐢熷懡鍛ㄦ湡',
+            prop: 'lifeCycle',
+            sortable: true,
+          },
+        ]
+      },
+      linkTypeOption: {
+        ...basicOption,
+        addBtn: false,
+        menu: false,
+        searchMenuSpan: 8,
+        selection: false,
+        refreshBtn: false,
+        searchLabelWidth: 100,
+        highlightCurrentRow: true,
+        column: [
+          {
+            label: '閾炬帴绫诲瀷鍚�',
+            prop: 'name',
+            sortable: true,
+            search: true
+          },
+        ]
+      },
+      tableData: [],
+      option: {
+        ...basicOption,
+        searchMenuSpan: 8,
+        calcHeight: -60,
+        addBtn: false,
+        editBtn: false,
+        delBtn: false,
+        menuWidth: 160,
+        column
+      },
+      tableLoading: false,
+      page: {
+        currentPage: 1,
+        pageSize: 10,
+        total: 0,
+        pageSizes: [10, 30, 50, 100],
+      },
+      searchParams: {},
+      selectList: [],
+      checkViewData: [],
+      checkViewDataSearch: [],
+      checkViewVisible: false,
+      checkViewLoading: false,
+      checkViewOption: {
+        ...basicOption,
+        addBtn: false,
+        menu: false,
+        searchMenuSpan: 8,
+        refreshBtn: false,
+        selection: false,
+        column: [
+          {
+            label: '鍚嶇О',
+            prop: 'attributeName',
+            sortable: true,
+          },
+          {
+            label: '鏉ユ簮',
+            prop: 'source',
+            sortable: true,
+            search: true
+          },
+          {
+            label: '璇存槑',
+            prop: 'desc',
+          }
+        ]
+      },
+      addVisible: false,
+      addLoading: false,
+      form: {
+        id: "",
+        name: "",
+        attributeDataType: "VTString",
+        description: "",
+        nullableFlag: true,
+        attrLength: 50,
+        enumFlag: false,
+        enumId: "",
+        enumSwitch: false,
+        enumAddValue: "",
+        range: "",
+        attributeSelectType: "business",
+        version: 1,
+        defaultValue: "",
+        referValue: "",
+        btmTypeId: "",
+        linkTypeName: "",
+        rangeValue: ""
+
+      },
+      typeSelectList: ['VTString', 'VTInteger', 'VTLong', 'VTDouble', 'VTBoolean', 'VTDate', 'VTTime', 'VTDateTime', 'VTNote', 'VTFilePath', 'VTClob'],
+      attributeDataTypePickList: [],
+      enumAddListChange: [],
+      tipList: [
+        "灞炴�у悕鍜屽睘鎬х被鍨嬩负蹇呭~瀛楁锛屽苟涓斿睘鎬у悕涓嶅彲鍜岀郴缁熶腑宸叉湁灞炴�у悕閲嶅",
+        "褰撳睘鎬х被鍨嬩负VTString鏃跺睘鎬ч暱搴﹀垪蹇呭~锛屼负鍏朵粬绫诲瀷鏃朵笉蹇呭~鍐�",
+        "鍙栧�艰寖鍥村垪濉啓鏃惰鐢ㄨ嫳鏂� ; 鍒嗛殧锛屼笉濉啓鏃堕粯璁や娇鐢ㄥ綋鍓嶉�変腑鐨勬灇涓剧殑鎵�鏈夋灇涓鹃」鐨勫�间綔涓哄彇鍊艰寖鍥�"
+      ],
+      upFileType: ['xls', 'xlsx'],
+      fileUrl: 'api/attributeController/importAttributes',
+      lastIndex: null
+    }
+  },
+  computed: {
+    lastItem() {
+      return this.selectList.length > 0 ? this.selectList[this.selectList.length - 1] : {};
+    },
+    isSpecialDataType() {
+      // 瀹氫箟涓�涓寘鍚墍鏈夐渶瑕佹瘮杈冪殑绫诲瀷鐨勬暟缁�
+      const specialTypes = ['VTDate', 'VTTime', 'VTDateTime', 'VTNote', 'VTFilePath', 'VTClob'];
+      // 鍒ゆ柇 lastItem.attributeDataType 鏄惁鍦ㄨ繖涓暟缁勪腑
+      return specialTypes.includes(this.lastItem.attributeDataType);
+    },
+    rangeList() {
+      if (this.lastItem.range) {
+        return this.lastItem.range.split(';');
+      }
+    },
+    accuracy() {
+      return this.lastItem.attributeDataType === 'VTDouble';
+    },
+    length() {
+      return this.lastItem.attributeDataType === 'VTString' || this.lastItem.attributeDataType === 'VTDoubule';
+    },
+    // 绛変簬鍏朵腑浠ヤ笅鍊� 涓嶅睍绀烘灇涓�
+    hideType() {
+      return this.form.attributeDataType === 'VTNote' ||
+        this.form.attributeDataType === 'VTDate' ||
+        this.form.attributeDataType === 'VTTime' ||
+        this.form.attributeDataType === 'VTClob' ||
+        this.form.attributeDataType === 'VTDateTime' ||
+        this.form.attributeDataType === 'VTFilePath';
+    },
+    rangeOptionValue() {
+      let values = this.form.rangeValue.split('\n');
+
+      // 澶勭悊姣忎釜鍊硷紝鍘婚櫎绛夊彿鍓嶇殑閮ㄥ垎锛屽彧淇濈暀绛夊彿鍚庣殑閮ㄥ垎
+      return values.map(value => {
+        let parts = value.split('=');
+        return parts.length > 1 ? parts[1].trim() : value.trim();
+      });
+    }
+  },
+  watch: {},
+  methods: {
+    //琛ㄦ牸鏌ヨ璇锋眰
+    getTableList() {
+      this.tableLoading = true;
+      gridAttribute(this.page.currentPage, this.page.pageSize, this.searchParams).then(res => {
+        const data = res.data.data;
+        this.tableData = data;
+        this.page.total = res.data.total;
+        this.tableLoading = false;
+      }).catch(err => {
+        this.$message.error(err)
+      });
+    },
+
+    // 琛ㄦ牸澶撮儴鍒锋柊
+    handleRefresh() {
+      this.getTableList();
+    },
+
+    // 鎼滅储
+    handleSearch(params, done) {
+      this.searchParams = {
+        "conditionMap[id]": "*" + params.id + "*"
+      };
+      this.getTableList()
+      done();
+    },
+
+    // 閲嶇疆鎼滅储鏉′欢
+    handleReset() {
+      this.searchParams = {};
+      this.getTableList();
+    },
+
+    // 閫夋嫨妗�
+    selectChange(row) {
+      this.selectList = row;
+    },
+
+    // 鐐瑰嚮琛�
+    rowClickHandler(row) {
+      func.rowClickHandler(
+        row,
+        this.$refs.userCrud,
+        this.lastIndex,
+        (newIndex) => {
+          this.lastIndex = newIndex;
+        },
+        () => {
+          this.selectList = [];
+        }
+      );
+    },
+
+    // 鏉℃暟
+    sizeChange(val) {
+      this.page.pageSize = val;
+    },
+
+    // 椤电爜
+    currentChange(val) {
+      this.page.currentPage = val;
+    },
+
+    // 鍒涘缓鎵撳紑瀵硅瘽妗�
+    rowSaveHandlerClick() {
+      this.addVisible = true;
+      this.dialogTitle = "add";
+      this.getEnumMapByTypeHandler('VTString');
+    },
+
+    // 琛屽垹闄�
+    rowDeleteHandler(row) {
+      let params = {
+        oid: row.oid,
+        name: row.id,
+        ts: row.ts
+      };
+      let data = [params];
+      this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎褰撳墠鐨勬暟鎹悧锛�', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        deleteAttributes(data).then(res => {
+          if (res.data.code === 200) {
+            this.$message.success(res.data.obj);
+            this.getTableList();
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '宸插彇娑堝垹闄�'
+        });
+      });
+    },
+
+    // 澶氶�夊垹闄�
+    allDelHandler() {
+      if (this.selectList.length <= 0) {
+        this.$message.error('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹繘琛屽垹闄わ紒')
+        return;
+      }
+      let data = this.selectList.map(item => {
+        return {
+          oid: item.oid,
+          name: item.id,
+          ts: item.ts
+        }
+      })
+      this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎鎵�閫夋嫨鐨勬暟鎹悧锛�', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        deleteAttributes(data).then(res => {
+          if (res.data.code === 200) {
+            this.$message.success(res.data.obj);
+            this.getTableList();
+          }
+        })
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '宸插彇娑堝垹闄�'
+        });
+      });
+    },
+
+    // 鏌ョ湅浣跨敤鑼冨洿
+    chekView() {
+      if (this.selectList.length <= 0) {
+        this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�');
+        return;
+      }
+      if (this.selectList.length > 1) {
+        this.$message.warning('鍙兘閫夋嫨涓�鏉℃暟鎹繘琛屾煡鐪�');
+        return;
+      }
+
+      getUsedAttributeList({attributeName: this.selectList[0].id}).then(res => {
+        if (res.data.code === 200) {
+          this.checkViewVisible = true;
+          this.checkViewData = res.data.data;
+          this.checkViewDataSearch = res.data.data;
+        }
+      })
+    },
+
+    // 鏌ョ湅浣跨敤鑼冨洿鏌ヨ
+    checkHandleSearch(params, done) {
+      const {source} = params;
+
+      if (!params.source) {
+        this.checkViewData = this.checkViewDataSearch;
+        return done();
+      }
+      ;
+
+      this.checkViewData = this.checkViewData.filter(item => {
+        return item.source && item.source.includes(source);
+      });
+
+      done();
+
+    },
+
+    // 鏌ョ湅浣跨敤鑼冨洿閲嶇疆
+    checkHandleReset() {
+      this.checkViewData = this.checkViewDataSearch;
+    },
+
+    // 琛岀紪杈戞寜閽�
+    editBtnClick(row) {
+      this.dialogTitle = "edit";
+      this.form = {...row};
+
+      if (row.enumId) this.form.enumSwitch = true;
+      this.form.rangeValue = row.range.replace(/;/g, '\n');
+
+      if (row.btmTypeId) {
+        this.form.attributeSelectType = 'business'
+        this.form.referValue = row.btmTypeId;
+      }
+      if (row.linkTypeName) {
+        this.form.attributeSelectType = 'link'
+        this.form.referValue = row.linkTypeName;
+      }
+      if (!row.btmTypeId && !row.linkTypeName) {
+        this.form.attributeSelectType = 'business'
+        this.form.referValue = row.btmTypeId;
+      }
+      // console.log(row);
+
+      this.getEnumMapByTypeHandler(this.form.attributeDataType);
+      this.addVisible = true;
+
+    },
+
+    // 灞炴�х被鍨嬩笅鎷夋change
+    attributeDataTypeChange(val) {
+      this.form.rangeValue = null;
+      this.getEnumMapByTypeHandler(val);
+      this.form.enumSwitch = false;
+      if (val === 'VTBoolean') {
+        this.form.defaultValue = 'false';
+      } else {
+        this.form.defaultValue = '';
+      }
+    },
+
+    // 灞炴�х被鍨嬩笅鎷夋鏁版嵁澶勭悊
+    getEnumMapByTypeHandler(val) {
+      const enumType = {
+        VTString: 'String',
+        VTInteger: 'Integer',
+        VTLong: 'Integer',
+      };
+      if (enumType[val]) {
+        const string = enumType[val];
+        getEnumMapByType({enumType: string}).then(res => {
+          const data = res.data.data;
+          this.attributeDataTypePickList = data.flatMap(obj =>
+            Object.entries(obj).map(([key, values]) => ({
+              key: key,
+              values: values
+            }))
+          );
+        })
+      }
+    },
+
+    // 浣跨敤鏋氫妇鏃� 鏋氫妇閫夋嫨涓嬫媺妗哻hange浜嬩欢
+    enumSelectChange(val) {
+      const list = this.attributeDataTypePickList.find(item => item.key === val).values;
+      this.form.rangeValue = list.join('\n');
+      this.form.defaultValue = this.rangeOptionValue[0];
+    },
+
+    // 浣跨敤鏋氫妇switch婊戝潡change浜嬩欢
+    switchEnumChange(status) {
+      if (status) {
+        this.form.enumId = this.attributeDataTypePickList[0].key;
+        const list = this.attributeDataTypePickList[0].values;
+        this.form.rangeValue = list.join('\n');
+        this.form.defaultValue = this.rangeOptionValue[0];
+      } else {
+        this.form.defaultValue = "";
+        this.form.rangeValue = "";
+        this.enumId = "";
+      }
+    },
+
+    // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊�
+    enumAddHandler() {
+      // 妫�鏌ュ拰杞崲 this.form.range 涓烘暟缁勶紝鍚屾椂鎺掗櫎绌哄��
+      let currentRangeArray = this.form.rangeValue ? this.form.rangeValue.split('\n').filter(item => item.trim() !== '') : [];
+
+      let newValue = this.form.enumAddValue.trim();
+      if (currentRangeArray.includes(newValue)) {
+        this.$message.error('璇ュ�煎煙瑙勫垯宸茬粡瀛樺湪锛�')
+        return;
+      }
+
+      currentRangeArray.push(newValue);
+      this.enumAddListChange = currentRangeArray;
+      this.form.rangeValue = currentRangeArray.join('\n');
+      this.form.enumAddValue = "";
+    },
+
+    // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊�(澶氫釜杩愮畻绗�)
+    operationHandler(val) {
+      // 妫�鏌ュ拰杞崲 this.form.rangeValue 涓烘暟缁勶紝鍚屾椂鎺掗櫎绌哄��
+      let currentRangeArray = this.form.rangeValue
+        ? this.form.rangeValue.split('\n').filter(item => item.trim() !== '')
+        : [];
+
+      // 澶勭悊 '()' 杩愮畻绗︾殑鎯呭喌
+      if (val === '()') {
+        let regex = /[,\[\]()]+/g;
+        let firstValue = this.form.enumAddValue[0];
+        let lastValue = this.form.enumAddValue[(this.form.enumAddValue.length - 1)];
+        // 鍒囧壊 enumAddValue 鐨勯�楀彿
+        let values = this.form.enumAddValue.split(regex).map(item => item.trim()).filter(item => item !== "");
+        ;
+
+
+        // 妫�鏌ユ槸鍚︽湁鏈夋晥鐨勫��
+        if (values.length < 2 || values.some(item => item === '')) {
+          this.$message.error('璇疯緭鍏ユ湁鏁堢殑鍊硷紝骞剁敤閫楀彿鍒嗛殧锛�');
+          return;
+        }
+
+        // 妫�鏌ュ乏杈瑰�兼槸鍚﹀皬浜庡彸杈瑰��
+        let leftValue = parseFloat(values[0]);
+        let rightValue = parseFloat(values[1]);
+
+        if (isNaN(leftValue) || isNaN(rightValue)) {
+          this.$message.error('璇疯緭鍏ユ湁鏁堢殑鏁板瓧鍊硷紒');
+          return;
+        }
+
+        if (leftValue >= rightValue) {
+          this.$message.error('宸﹁竟鐨勫�间笉鑳藉ぇ浜庢垨绛変簬鍙宠竟鐨勫�硷紒');
+          return;
+        }
+
+        // 鏋勫缓 newValue 鐨勫舰寮� (鍊�1,鍊�2)
+        let newValue = `${firstValue}${values.join(',')}${lastValue}`;
+
+        // 妫�鏌ユ柊鐨勫�兼槸鍚﹀凡瀛樺湪
+        if (currentRangeArray.includes(newValue)) {
+          this.$message.error('璇ュ�煎煙瑙勫垯宸茬粡瀛樺湪锛�');
+          return;
+        }
+
+        // 娣诲姞鏂板�煎埌鏁扮粍涓�
+        currentRangeArray.push(newValue);
+        this.enumAddListChange = currentRangeArray;
+        this.form.rangeValue = currentRangeArray.join('\n');
+        this.form.enumAddValue = "";
+        return;
+      }
+
+      // 澶勭悊鍏朵粬杩愮畻绗�
+      const operatorMap = {
+        '>': '>',
+        '<': '<',
+        '>=': '>=',
+        '<=': '<=',
+        '=': '=',
+        '!=': '!='
+      };
+
+      // 鍒涘缓鏂扮殑鍊�
+      let newValue = operatorMap[val] + this.form.enumAddValue.trim();
+
+      // 妫�鏌ユ柊鐨勫�兼槸鍚﹀凡瀛樺湪
+      if (currentRangeArray.includes(newValue)) {
+        this.$message.error('璇ュ�煎煙瑙勫垯宸茬粡瀛樺湪锛�');
+        return;
+      }
+
+      // 娣诲姞鏂板�煎埌鏁扮粍涓�
+      currentRangeArray.push(newValue);
+      this.enumAddListChange = currentRangeArray;
+      this.form.rangeValue = currentRangeArray.join('\n');
+      this.form.enumAddValue = "";
+    },
+
+    // 鍊煎煙绫诲瀷鍒囨崲
+    attributeSelectTypeChange() {
+      this.$forceUpdate(); // 寮哄埗鏇存柊form缁勪欢
+      this.form.referValue = null; // 鍒囨崲鍊煎煙绫诲瀷 娓呯┖褰撳墠鍙傜収
+    },
+
+    // 閫夋嫨鍙傜収
+    referFormFocusHandler() {
+      const handlers = {
+        business: () => {
+          this.businessVisible = true;
+          this.businessLoading = true;
+          this.businessGetTable();
+        },
+        link: () => {
+          this.linkTypeVisible = true;
+          this.linkTypeLoading = true;
+          this.linkGetTable();
+        }
+      };
+
+      const {attributeSelectType} = this.form;
+      const handler = handlers[attributeSelectType];
+
+      if (handler) {
+        handler();
+      }
+      ;
+    },
+
+    // 涓氬姟绫诲瀷琛ㄦ牸鏁版嵁璇锋眰
+    businessGetTable() {
+      getBizTypes(this.businessSearchParams).then(res => {
+        const data = res.data.data;
+        this.businessData = data;
+        this.businessLoading = false;
+      })
+    },
+
+    // 涓氬姟绫诲瀷鍙傜収鎼滅储
+    businessHandleSearch(val, done) {
+      this.businessSearchParams = {
+        btmName: val.name
+      }
+      this.businessGetTable();
+      done()
+    },
+
+    // 涓氬姟绫诲瀷鍙傜収娓呯┖鎼滅储
+    businessHandleReset() {
+      this.businessSearchParams = {};
+      this.businessGetTable();
+    },
+
+    // 閾炬帴绫诲瀷琛ㄦ牸鏁版嵁璇锋眰
+    linkGetTable() {
+      getAllLtName(this.linkTypeSearchParams).then(res => {
+        const data = res.data.data.map(item => ({name: item}));
+        ;
+        this.linkTypeData = data;
+        this.linkDataSearch = data;
+        this.linkTypeLoading = false;
+      })
+    },
+
+    // 閾炬帴绫诲瀷鍙傜収鎼滅储
+    linkHandleSearch(params, done) {
+      const {name} = params;
+
+      if (!params.name) {
+        this.linkTypeData = this.linkDataSearch;
+        return done();
+      }
+      ;
+
+      this.linkTypeData = this.linkDataSearch.filter(item => {
+        console.log(item)
+        return item.name && item.name.includes(name);
+      });
+
+      done();
+    },
+
+    // 閾炬帴绫诲瀷鍙傜収娓呯┖鎼滅储
+    linkHandleReset() {
+      this.linkTypeData = this.linkDataSearch;
+    },
+
+    // 涓氬姟绫诲瀷琛ㄦ牸琛岀偣鍑�
+    businessRowClick(row) {
+      this.businessRow = row;
+    },
+
+    // 涓氬姟绫诲瀷纭畾淇濆瓨
+    businessSaveHandler() {
+      if (func.isEmptyObject(this.businessRow)) {
+        this.$message.error('璇烽�夋嫨涓�鏉℃暟鎹紒')
+        return;
+      }
+
+      this.form.referValue = this.businessRow.name;
+      this.businessVisible = false;
+
+    },
+
+    // 涓氬姟绫诲瀷娓呯┖
+    businessEmpty() {
+      this.form.referValue = null;
+      this.businessVisible = false;
+    },
+
+    // 閾炬帴绫诲瀷纭畾淇濆瓨
+    linkRowClick(row) {
+      this.linkRow = row;
+    },
+
+    // 涓氬姟绫诲瀷纭畾淇濆瓨
+    linkSaveHandler() {
+      if (func.isEmptyObject(this.linkRow)) {
+        this.$message.error('璇烽�夋嫨涓�鏉℃暟鎹紒')
+        return;
+      }
+
+      this.form.referValue = this.linkRow.name;
+      this.linkTypeVisible = false;
+    },
+
+    // 閾炬帴绫诲瀷娓呯┖
+    linkEmpty() {
+      this.form.referValue = null;
+      this.linkTypeVisible = false;
+    },
+
+    // 鏂板瀵硅瘽妗� 鍙栨秷浜嬩欢
+    addEscHandler() {
+      this.$refs.form.resetFields(); // 瀵规暣涓〃鍗曡繘琛岄噸缃紝灏嗘墍鏈夊瓧娈靛�奸噸缃负鍒濆鍊煎苟绉婚櫎鏍¢獙缁撴灉
+      this.addVisible = false;
+      const form = {
+        id: "",
+        name: "",
+        attributeDataType: "VTString",
+        description: "",
+        nullableFlag: true,
+        attrLength: 50,
+        enumFlag: false,
+        enumId: "",
+        enumSwitch: false,
+        enumAddValue: "",
+        range: "",
+        attributeSelectType: "business",
+        version: 1,
+        defaultValue: "",
+        referValue: "",
+        btmTypeId: "",
+        linkTypeName: "",
+        rangeValue: ""
+      };
+      this.form = form;
+    },
+
+    // 鏂板淇濆瓨
+    addSaveHandler() {
+      const form = {
+        id: "",
+        name: "",
+        attributeDataType: "VTString",
+        description: "",
+        nullableFlag: true,
+        attrLength: 50,
+        enumFlag: false,
+        enumId: "",
+        enumSwitch: false,
+        enumAddValue: "",
+        range: "",
+        attributeSelectType: "business",
+        version: 1,
+        defaultValue: "",
+        referValue: "",
+        btmTypeId: "",
+        linkTypeName: "",
+        rangeValue: ""
+      };
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          if (this.dialogTitle === 'add') {
+            this.form.range = this.form.rangeValue ? this.form.rangeValue.replace(/\n/g, ';') : '';
+            if (this.form.attributeSelectType === 'business') {
+              this.form.btmTypeId = this.form.referValue;
+            } else {
+              this.form.linkTypeName = this.form.referValue;
+            }
+            addAttribute(this.form).then(res => {
+              if (res.data.code === 200) {
+                this.$message.success(res.data.obj);
+                this.getTableList();
+                this.form = form;
+                this.addVisible = false;
+              }
+            })
+          }
+          if (this.dialogTitle === 'edit') {
+            this.form.range = this.form.rangeValue ? this.form.rangeValue.replace(/\n/g, ';') : '';
+            if (this.form.attributeSelectType === 'business') {
+              this.form.btmTypeId = this.form.referValue;
+            } else {
+              this.form.linkTypeName = this.form.referValue;
+            }
+            updateAttribute(this.form).then(res => {
+              if (res.data.code === 200) {
+                this.$message.success(res.data.obj);
+                this.getTableList();
+                this.form = form;
+                this.addVisible = false;
+              }
+            })
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+
+    // 瀵煎叆
+    upLoadHandler() {
+      this.$refs.upload.visible = true;
+    },
+
+    // 瀵煎嚭
+    downLoadHandler() {
+      if (this.selectList.length <= 0) {
+        this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹繘琛屽鍑�');
+        return;
+      }
+
+      let attrNames = this.selectList.map(item => item.id).join(',');
+      exportAttributes({attrNames: attrNames}).then(res => {
+        func.downloadFileByBlobHandler(res);
+        this.$message.success('瀵煎嚭鎴愬姛');
+      }).catch(err => {
+        this.$message.error(err);
+      })
+    },
+
+    // 涓嬭浇瀵煎叆妯℃澘
+    downloadTemplateHandler() {
+      downloadAttributeTemplate().then(res => {
+        func.downloadFileByBlobHandler(res);
+        this.$message.success('涓嬭浇鎴愬姛');
+      }).catch(err => {
+        this.$message.error(err);
+      })
+    },
+  }
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.margin-top {
+  margin-top: 25px;
+}
 
+.left {
+  width: 45%;
+  height: 100%;
+  margin-right: 60px;
+}
+
+.right {
+  height: 100%;
+  width: auto;
+  margin-left: 60px;
+}
+
+.addDialogBottom {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+
+.addDialogBottom > .el-divider--vertical {
+  width: 2px;
+  height: 78%;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -20%);
+}
 </style>

--
Gitblit v1.9.3