From ca1adeef650c8d07fa8024fcf16f231eb88704df Mon Sep 17 00:00:00 2001
From: xing <xingjs@qq.com>
Date: 星期日, 26 二月 2023 11:26:06 +0800
Subject: [PATCH] 20230226@xingjs@优化完善数据管理样式

---
 src/views/datamanage/metadataManage.vue |  731 ++++++++--------
 src/views/datamanage/styleManage.vue    | 1752 +++++++++++++++++++++--------------------
 2 files changed, 1,263 insertions(+), 1,220 deletions(-)

diff --git a/src/views/datamanage/metadataManage.vue b/src/views/datamanage/metadataManage.vue
index 89f62c9..b6c3685 100644
--- a/src/views/datamanage/metadataManage.vue
+++ b/src/views/datamanage/metadataManage.vue
@@ -1,32 +1,32 @@
 <template>
   <div class="authorityManagement_box">
     <My-bread
-      :list="[
+        :list="[
         `${$t('dataManage.dataManage')}`,
         `${$t('dataManage.metadataManage')}`,
       ]"
     ></My-bread>
-    <el-divider />
+    <el-divider/>
     <div class="inquire subpage_Div" ref="container">
       <el-form ref="queryForm" :model="queryForm" :inline="true">
         <div class="flex_box">
           <div style="margin-right: auto">
             <el-form-item>
               <el-select
-                :popper-append-to-body="false"
-                v-model="queryForm.depName"
+                  :popper-append-to-body="false"
+                  v-model="queryForm.depName"
               >
                 <el-option
-                  :value="queryForm.depid"
-                  :label="queryForm.depName"
-                  style="height: auto"
+                    :value="queryForm.depid"
+                    :label="queryForm.depName"
+                    style="height: auto"
                 >
                   <el-tree
-                    ref="tree"
-                    :data="companyOption1"
-                    node-key="id"
-                    :props="cascader"
-                    @node-click="handleChange1"
+                      ref="tree"
+                      :data="companyOption1"
+                      node-key="id"
+                      :props="cascader"
+                      @node-click="handleChange1"
                   />
                 </el-option>
               </el-select>
@@ -46,20 +46,20 @@
             </el-form-item>
             <el-form-item>
               <el-select
-                :popper-append-to-body="false"
-                v-model="queryForm.dirName"
+                  :popper-append-to-body="false"
+                  v-model="queryForm.dirName"
               >
                 <el-option
-                  :value="queryForm.dirid"
-                  :label="queryForm.dirName"
-                  style="height: auto"
+                    :value="queryForm.dirid"
+                    :label="queryForm.dirName"
+                    style="height: auto"
                 >
                   <el-tree
-                    ref="tree"
-                    :data="companyOption"
-                    node-key="id"
-                    :props="cascader"
-                    @node-click="handleChange"
+                      ref="tree"
+                      :data="companyOption"
+                      node-key="id"
+                      :props="cascader"
+                      @node-click="handleChange"
                   />
                 </el-option>
               </el-select>
@@ -79,64 +79,68 @@
             </el-form-item>
             <el-form-item>
               <el-select
-                :popper-append-to-body="false"
-                v-model="queryForm.verid"
-                placeholder="璇烽�夋嫨"
-                @change="verHandleChange($event)"
+                  :popper-append-to-body="false"
+                  v-model="queryForm.verid"
+                  placeholder="璇烽�夋嫨"
+                  @change="verHandleChange($event)"
               >
                 <el-option
-                  v-for="item in verOptions"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
+                    v-for="item in verOptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
                 >
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item prop="name">
               <el-input
-                v-model="queryForm.name"
-                :placeholder="$t('common.pleaseInput')"
-                style="width: 200px"
-                suffix-icon="el-icon-edit"
+                  v-model="queryForm.name"
+                  :placeholder="$t('common.pleaseInput')"
+                  style="width: 200px"
+                  suffix-icon="el-icon-edit"
               />
             </el-form-item>
           </div>
           <div>
             <el-form-item>
               <el-button
-                @click="resetInfo('queryForm')"
-                icon="el-icon-refresh"
-                type="info"
-                size="small"
-                >{{ $t("common.reset") }}</el-button
+                  @click="resetInfo('queryForm')"
+                  icon="el-icon-refresh"
+                  type="info"
+                  size="small"
+              >{{ $t("common.reset") }}
+              </el-button
               >
             </el-form-item>
             <el-form-item>
               <el-button
-                @click="queryInfo()"
-                icon="el-icon-search"
-                class="primary"
-                size="small"
-                >{{ $t("common.iquery") }}</el-button
+                  @click="queryInfo()"
+                  icon="el-icon-search"
+                  class="primary"
+                  size="small"
+              >{{ $t("common.iquery") }}
+              </el-button
               >
             </el-form-item>
             <el-form-item v-if="btnStatus.delete">
               <el-button
-                type="danger"
-                size="small"
-                @click="deleteMetaInfo"
-                icon="el-icon-delete"
-                >{{ $t("common.delete") }}</el-button
+                  type="danger"
+                  size="small"
+                  @click="deleteMetaInfo"
+                  icon="el-icon-delete"
+              >{{ $t("common.delete") }}
+              </el-button
               >
             </el-form-item>
             <el-form-item v-if="btnStatus.download">
               <el-button
-                @click="downFormData"
-                icon="el-icon-download"
-                type="success"
-                size="small"
-                >{{ $t("common.download") }}</el-button
+                  @click="downFormData"
+                  icon="el-icon-download"
+                  type="success"
+                  size="small"
+              >{{ $t("common.download") }}
+              </el-button
               >
             </el-form-item>
           </div>
@@ -189,51 +193,51 @@
     <div class="dividing-line"></div>
     <div class="table_box subpage_Div" :style="styleVar">
       <el-table
-        :data="tableData"
-        style="width: 100%"
-        @selection-change="handleSelectionChange"
-        height="calc(100% - 57px)"
+          :data="tableData"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+          height="calc(100% - 57px)"
       >
-        <el-table-column type="selection" width="55" />
+        <el-table-column type="selection" width="55"/>
         <el-table-column
-          :label="$t('dataManage.dictionaryManageObj.number')"
-          type="index"
-          width="50"
+            :label="$t('dataManage.dictionaryManageObj.number')"
+            type="index"
+            width="50"
         >
         </el-table-column>
         <el-table-column :label="$t('dataManage.vmobj.name')">
           <template slot-scope="scope">
             <span v-if="scope.row.ismeta > 0">
               <el-link
-                style="color: #409eff"
-                title="婧愭暟鎹煡璇�"
-                @click="setQueryMetaData(scope.row)"
-                target="_blank"
-                >{{ scope.row.name }}</el-link
+                  style="color: #409eff"
+                  title="婧愭暟鎹煡璇�"
+                  @click="setQueryMetaData(scope.row)"
+                  target="_blank"
+              >{{ scope.row.name }}</el-link
               >
             </span>
             <span v-else>{{ scope.row.name }}</span>
           </template>
         </el-table-column>
 
-        <el-table-column prop="type" :label="$t('dataManage.vmobj.format')" />
+        <el-table-column prop="type" :label="$t('dataManage.vmobj.format')"/>
         <el-table-column
-          prop="sizes"
-          :label="$t('dataManage.vmobj.size')"
-          :formatter="stateFormatSizes"
+            prop="sizes"
+            :label="$t('dataManage.vmobj.size')"
+            :formatter="stateFormatSizes"
         />
         <el-table-column
-          prop="depName"
-          :label="$t('dataManage.vmobj.depName')"
+            prop="depName"
+            :label="$t('dataManage.vmobj.depName')"
         />
         <el-table-column
-          prop="dirName"
-          :label="$t('dataManage.vmobj.dirName')"
-          width="200"
+            prop="dirName"
+            :label="$t('dataManage.vmobj.dirName')"
+            width="200"
         />
         <el-table-column
-          prop="verName"
-          :label="$t('dataManage.vmobj.versionNumber')"
+            prop="verName"
+            :label="$t('dataManage.vmobj.versionNumber')"
         />
         <el-table-column :label="$t('dataManage.dataUpObj.tableName')">
           <template slot-scope="scope">
@@ -246,46 +250,48 @@
               :label="$t('dataManage.vmobj.tab')"
               :formatter="formatData"
             /> -->
-        <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')" />
+        <el-table-column prop="rows" :label="$t('dataManage.vmobj.row')"/>
         <el-table-column
-          prop="uname"
-          :label="$t('dataManage.vmobj.createonuser')"
+            prop="uname"
+            :label="$t('dataManage.vmobj.createonuser')"
         />
         <el-table-column
-          prop="createTime"
-          :label="$t('dataManage.vmobj.createontime')"
-          :formatter="formatData"
+            prop="createTime"
+            :label="$t('dataManage.vmobj.createontime')"
+            :formatter="formatData"
         />
         <el-table-column min-width="180" :label="$t('common.operate')">
           <template slot-scope="scope">
             <el-button
-              @click="showDetail(scope.row)"
-              type="primary"
-              plain
-              size="small"
-              >{{ $t("common.details") }}</el-button
+                @click="showDetail(scope.row)"
+                type="primary"
+                plain
+                size="small"
+            >{{ $t("common.details") }}
+            </el-button
             >
             <el-button
-              type="warning"
-              plain
-              size="small"
-              v-if="btnStatus.update"
-              @click="editInfo(scope.row)"
-              style="margin-left: 10px"
-              >{{ $t("common.edit") }}</el-button
+                type="warning"
+                plain
+                size="small"
+                v-if="btnStatus.update"
+                @click="editInfo(scope.row)"
+                style="margin-left: 10px"
+            >{{ $t("common.edit") }}
+            </el-button
             >
           </template>
         </el-table-column>
       </el-table>
       <div class="pagination_box">
         <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="listData.pageIndex"
-          :page-sizes="[10, 20, 50, 100]"
-          :page-size="listData.pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="count"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="listData.pageIndex"
+            :page-sizes="[10, 20, 50, 100]"
+            :page-size="listData.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="count"
         >
         </el-pagination>
       </div>
@@ -344,55 +350,55 @@
     </div>
 
     <el-dialog
-      width="80vh"
-      top="5vh"
-      :title="
+        width="80vh"
+        top="5vh"
+        :title="
         behavior == '鏂板鐢ㄦ埛'
           ? `${$t('common.append')}`
           : `${$t('common.update')}`
       "
-      :visible.sync="dialogFormVisible"
-      :before-close="handleClose"
+        :visible.sync="dialogFormVisible"
+        :before-close="handleClose"
     >
       <el-form :model="editForm" ref="editForm">
         <el-form-item
-          :label="$t('dataManage.vmobj.name')"
-          :label-width="formLabelWidth"
+            :label="$t('dataManage.vmobj.name')"
+            :label-width="formLabelWidth"
         >
           <el-input v-model="editForm.name" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item
-          :label="$t('dataManage.vmobj.format')"
-          :label-width="formLabelWidth"
+            :label="$t('dataManage.vmobj.format')"
+            :label-width="formLabelWidth"
         >
           <el-input v-model="editForm.type" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item
-          :label="$t('dataManage.vmobj.size')"
-          :label-width="formLabelWidth"
+            :label="$t('dataManage.vmobj.size')"
+            :label-width="formLabelWidth"
         >
           <el-input v-model="editForm.sizes" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item
-          :label="$t('dataManage.vmobj.depName')"
-          :label-width="formLabelWidth"
+            :label="$t('dataManage.vmobj.depName')"
+            :label-width="formLabelWidth"
         >
           <el-select
-            style="width: 100%"
-            :popper-append-to-body="false"
-            v-model="editForm.depName"
+              style="width: 100%"
+              :popper-append-to-body="false"
+              v-model="editForm.depName"
           >
             <el-option
-              :value="editForm.depid"
-              :label="editForm.depName"
-              style="height: auto"
+                :value="editForm.depid"
+                :label="editForm.depName"
+                style="height: auto"
             >
               <el-tree
-                ref="tree"
-                :data="companyOption1"
-                node-key="id"
-                :props="cascader"
-                @node-click="handleChange2"
+                  ref="tree"
+                  :data="companyOption1"
+                  node-key="id"
+                  :props="cascader"
+                  @node-click="handleChange2"
               />
             </el-option>
           </el-select>
@@ -404,25 +410,25 @@
           ></el-cascader> -->
         </el-form-item>
         <el-form-item
-          :label="$t('dataManage.vmobj.dirName')"
-          :label-width="formLabelWidth"
+            :label="$t('dataManage.vmobj.dirName')"
+            :label-width="formLabelWidth"
         >
           <el-select
-            style="width: 100%"
-            :popper-append-to-body="false"
-            v-model="editForm.dirName"
+              style="width: 100%"
+              :popper-append-to-body="false"
+              v-model="editForm.dirName"
           >
             <el-option
-              :value="editForm.dirid"
-              :label="editForm.dirName"
-              style="height: auto"
+                :value="editForm.dirid"
+                :label="editForm.dirName"
+                style="height: auto"
             >
               <el-tree
-                ref="tree"
-                :data="dirComPanyOption"
-                node-key="id"
-                :props="cascader"
-                @node-click="handleChange3"
+                  ref="tree"
+                  :data="dirComPanyOption"
+                  node-key="id"
+                  :props="cascader"
+                  @node-click="handleChange3"
               />
             </el-option>
           </el-select>
@@ -434,8 +440,8 @@
           ></el-cascader> -->
         </el-form-item>
         <el-form-item
-          :label="$t('dataManage.vmobj.describe')"
-          :label-width="formLabelWidth"
+            :label="$t('dataManage.vmobj.describe')"
+            :label-width="formLabelWidth"
         >
           <el-input v-model="editForm.describe" autocomplete="off"></el-input>
         </el-form-item>
@@ -448,66 +454,70 @@
       </el-form>
       <div v-if="behavior == '淇敼淇℃伅'" slot="footer" class="dialog-footer">
         <el-button size="small" @click="cancelEdit()">{{
-          $t("common.reset")
-        }}</el-button>
+            $t("common.reset")
+          }}
+        </el-button>
         <el-button
-          size="small"
-          type="primary"
-          @click="sendEdit('editForm')"
-          v-loading.fullscreen.lock="fullscreenLoading"
-          >{{ $t("common.submit") }}</el-button
+            size="small"
+            type="primary"
+            @click="sendEdit('editForm')"
+            v-loading.fullscreen.lock="fullscreenLoading"
+        >{{ $t("common.submit") }}
+        </el-button
         >
       </div>
       <div v-else slot="footer" class="dialog-footer">
         <el-button size="small" @click="cancelAdd('editForm')">{{
-          $t("common.reset")
-        }}</el-button>
+            $t("common.reset")
+          }}
+        </el-button>
         <el-button
-          size="small"
-          type="primary"
-          @click="sendAdd('editForm')"
-          v-loading.fullscreen.lock="fullscreenLoading"
-          >{{ $t("common.submit") }}</el-button
+            size="small"
+            type="primary"
+            @click="sendAdd('editForm')"
+            v-loading.fullscreen.lock="fullscreenLoading"
+        >{{ $t("common.submit") }}
+        </el-button
         >
       </div>
     </el-dialog>
     <el-dialog
-      :title="$t('common.details')"
-      :visible.sync="dialogVisible"
-      width="70%"
+        :title="$t('common.details')"
+        :visible.sync="dialogVisible"
+        width="70%"
     >
       <div style="height: 600px">
         <el-table
-          ref="filterTable"
-          :data="dbTableData"
-          height="90%"
-          border
-          style="width: 100%"
+            ref="filterTable"
+            :data="dbTableData"
+            height="90%"
+            border
+            style="width: 100%"
         >
           <el-table-column
-            width="60"
-            align="center"
-            type="index"
-            :label="$t('common.index')"
+              width="60"
+              align="center"
+              type="index"
+              :label="$t('common.index')"
           />
           <el-table-column
-            v-for="(item, index) in attributeData"
-            :key="index"
-            :label="item.alias"
-            :prop="item.field"
-            show-overflow-tooltip
-            align="center"
+              v-for="(item, index) in attributeData"
+              :key="index"
+              :label="item.alias"
+              :prop="item.field"
+              show-overflow-tooltip
+              align="center"
           ></el-table-column>
         </el-table>
         <div style="margin-top: 10px" class="pagination_box">
           <el-pagination
-            @size-change="handleLoaderSizeChange"
-            @current-change="handleLoaderCurrentChange"
-            :current-page="listLoader.pageIndex"
-            :page-sizes="[10, 20, 50, 100]"
-            :page-size="listLoader.pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="count1"
+              @size-change="handleLoaderSizeChange"
+              @current-change="handleLoaderCurrentChange"
+              :current-page="listLoader.pageIndex"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="listLoader.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="count1"
           >
           </el-pagination>
         </div>
@@ -516,43 +526,45 @@
     <div class="downloadBox box_div subpage_Div" v-if="showCodeBox">
       <h4 style="padding: 20px">{{ $t("common.passworld") }}</h4>
       <el-form
-        :model="codeForm"
-        :rules="rules"
-        ref="codeForm"
-        label-width="100px"
-        class="codeForm"
+          :model="codeForm"
+          :rules="rules"
+          ref="codeForm"
+          label-width="100px"
+          class="codeForm"
       >
         <el-form-item :label="$t('common.passworld')" prop="password">
           <el-input
-            type="password"
-            v-model="codeForm.password"
-            show-password
+              type="password"
+              v-model="codeForm.password"
+              show-password
           ></el-input>
         </el-form-item>
         <el-form-item :label="$t('common.SPassword')" prop="repassword">
           <el-input
-            type="password"
-            v-model="codeForm.repassword"
-            show-password
+              type="password"
+              v-model="codeForm.repassword"
+              show-password
           ></el-input>
         </el-form-item>
         <el-form-item>
           <el-button
-            class="primary"
-            size="small"
-            @click="download('codeForm')"
-            >{{ $t("common.confirm") }}</el-button
+              class="primary"
+              size="small"
+              @click="download('codeForm')"
+          >{{ $t("common.confirm") }}
+          </el-button
           >
           <el-button type="info" size="small" @click="closeDown('codeForm')">{{
-            $t("common.cancel")
-          }}</el-button>
+              $t("common.cancel")
+            }}
+          </el-button>
         </el-form-item>
       </el-form>
     </div>
     <el-dialog
-      :title="fromQueryMeta.title"
-      :visible.sync="queryMetaFlag"
-      width="70%"
+        :title="fromQueryMeta.title"
+        :visible.sync="queryMetaFlag"
+        width="70%"
     >
       <div style="height: 65vh; width: 100%">
         <el-form :inline="true" :model="fromQueryMeta" class="demo-form-inline">
@@ -562,128 +574,129 @@
 
           <el-form-item>
             <el-button type="primary" size="small" @click="setSearchMetaData()"
-              >鏌ヨ</el-button
+            >鏌ヨ
+            </el-button
             >
             <el-button type="info" size="small" @click="setRestMetaData()"
-              >閲嶇疆</el-button
+            >閲嶇疆
+            </el-button
             >
           </el-form-item>
         </el-form>
         <el-table
-          ref="filterTable"
-          :data="metaDataTable"
-          style="width: 100%"
-          height="calc(100% - 100px)"
+            ref="filterTable"
+            :data="metaDataTable"
+            style="width: 100%"
+            height="calc(100% - 100px)"
         >
           <el-table-column
-            align="center"
-            type="index"
-            :label="$t('common.index')"
-            width="70px"
+              align="center"
+              type="index"
+              :label="$t('common.index')"
+              width="70px"
           ></el-table-column>
           <el-table-column
-            align="center"
-            prop="name"
-            :label="$t('common.name')"
-            width="120"
+              align="center"
+              prop="name"
+              :label="$t('common.name')"
+              width="120"
           >
           </el-table-column>
           <el-table-column
-            align="center"
-            prop="dirName"
-            :label="$t('dataManage.dataUpObj.catalogue')"
-            width="300"
+              align="center"
+              prop="dirName"
+              :label="$t('dataManage.dataUpObj.catalogue')"
+              width="300"
           />
           <el-table-column
-            align="center"
-            prop="depName"
-            :label="$t('dataManage.dataUpObj.company')"
-            width="200"
+              align="center"
+              prop="depName"
+              :label="$t('dataManage.dataUpObj.company')"
+              width="200"
           />
           <el-table-column
-            align="center"
-            prop="verName"
-            :label="$t('dataManage.dataUpObj.versionNo')"
+              align="center"
+              prop="verName"
+              :label="$t('dataManage.dataUpObj.versionNo')"
           />
           <el-table-column
-            align="center"
-            prop="type"
-            :label="$t('common.type')"
+              align="center"
+              prop="type"
+              :label="$t('common.type')"
           />
           <el-table-column
-            align="center"
-            prop="sizes"
-            :label="$t('common.size')"
-            :formatter="changeSizeFile"
+              align="center"
+              prop="sizes"
+              :label="$t('common.size')"
+              :formatter="changeSizeFile"
           />
           <el-table-column
-            align="center"
-            :label="$t('dataManage.dataUpObj.tableName')"
+              align="center"
+              :label="$t('dataManage.dataUpObj.tableName')"
           >
             <template slot-scope="scope">
               <a class="scopeRowColor" @click="detail(scope.row)">{{
-                scope.row.tab
-              }}</a>
+                  scope.row.tab
+                }}</a>
             </template>
           </el-table-column>
           <el-table-column
-            align="center"
-            prop="rows"
-            :label="$t('common.lineNuber')"
+              align="center"
+              prop="rows"
+              :label="$t('common.lineNuber')"
           />
           <el-table-column
-            align="center"
-            prop="desc"
-            :label="$t('dataManage.dataUpObj.describe')"
+              align="center"
+              prop="desc"
+              :label="$t('dataManage.dataUpObj.describe')"
           />
         </el-table>
         <div class="pagination_box">
           <el-pagination
-            @size-change="handleMetaSizeChange"
-            @current-change="handMetaCurrentChange"
-            :current-page="listMetaData.pageIndex"
-            :page-sizes="[10, 20, 50, 100]"
-            :page-size="listMetaData.pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="listMetaData.count"
+              @size-change="handleMetaSizeChange"
+              @current-change="handMetaCurrentChange"
+              :current-page="listMetaData.pageIndex"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="listMetaData.pageSize"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="listMetaData.count"
           >
           </el-pagination>
         </div>
       </div>
     </el-dialog>
     <iframe
-      id="downFrame"
-      src=""
-      style="display: none; border: 0; padding: 0; height: 0; width: 0"
+        id="downFrame"
+        src=""
+        style="display: none; border: 0; padding: 0; height: 0; width: 0"
     ></iframe>
   </div>
 </template>
 
 <script>
 import $ from "jquery";
-import { getToken } from "@/utils/auth";
+import {getToken} from "@/utils/auth";
 import {
-  select_meta_ByPageAndCount,
-  // queryDataCount,
-  updateMeta,
   deleteMeta,
   insertMeta,
-  selectDictTab,
-  selectdirTab,
-  selectdepTab,
   meta_downloadReq,
-  sign_getPublicKey,
+  meta_selectByPageForUpload,
   meta_selectDownloadFile,
   meta_selectFields,
-  meta_selectByPageForUpload,
-  meta_selectVerByDirid,
   meta_selectPageAndCountByPid,
+  meta_selectVerByDirid,
+  select_meta_ByPageAndCount,
+  selectdepTab,
+  selectdirTab,
+  sign_getPublicKey,
+  updateMeta,
 } from "../../api/api";
 
 import MyBread from "../../components/MyBread.vue";
+
 export default {
   name: "metadataManage",
-  components: { MyBread },
+  components: {MyBread},
   data() {
     var repasswordValidator = (rule, value, callback) => {
       if (value === "") {
@@ -696,7 +709,7 @@
     };
     var passwordValidator = (rule, value, callback) => {
       var passwordreg =
-        /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
+          /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![a-z0-9]+$)(?![a-z\W!@#$%^&*`~()\\-_+=,.?;<>]+$)(?![0-9\W!@#$%^&*`~()\\-_+=,.?;<>]+$)[a-zA-Z0-9\W!@#$%^&*`~()\\-_+=,.?;<>]{12,20}$/;
       if (!passwordreg.test(value)) {
         callback(new Error("瀵嗙爜蹇呴』鐢辨暟瀛椼�佸瓧姣嶃�佺壒娈婂瓧绗︾粍鍚�,璇疯緭鍏�13-20浣�"));
       } else {
@@ -737,12 +750,12 @@
       },
       rules: {
         password: [
-          { required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" },
-          { validator: passwordValidator, trigger: "blur" },
+          {required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur"},
+          {validator: passwordValidator, trigger: "blur"},
         ],
         repassword: [
-          { required: true, message: "璇疯緭鍏ョ‘璁ゅ瘑鐮�", trigger: "blur" },
-          { validator: repasswordValidator, trigger: "blur" },
+          {required: true, message: "璇疯緭鍏ョ‘璁ゅ瘑鐮�", trigger: "blur"},
+          {validator: repasswordValidator, trigger: "blur"},
         ],
       },
       tableData: [],
@@ -978,7 +991,7 @@
     },
 
     async getQueryVerList() {
-      const data = await meta_selectVerByDirid({ dirid: this.queryForm.dirid });
+      const data = await meta_selectVerByDirid({dirid: this.queryForm.dirid});
       if (data.code != 200) {
         this.$message.error("鐗堟湰鍒楄〃鑾峰彇澶辫触");
         return;
@@ -1050,17 +1063,17 @@
       var mm = time.getMinutes();
       var s = time.getSeconds();
       return (
-        y +
-        "-" +
-        this.add0(m) +
-        "-" +
-        this.add0(d) +
-        " " +
-        h +
-        ":" +
-        mm +
-        ":" +
-        s
+          y +
+          "-" +
+          this.add0(m) +
+          "-" +
+          this.add0(d) +
+          " " +
+          h +
+          ":" +
+          mm +
+          ":" +
+          s
       );
     },
     //鏍煎紡鍖栨椂闂�
@@ -1100,8 +1113,8 @@
       let currentPerms = this.$store.state.currentPerms;
       let permsEntity = this.$store.state.permsEntity;
       permsEntity
-        .filter((item) => item.perms == currentPerms)
-        .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
+          .filter((item) => item.perms == currentPerms)
+          .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
     },
     // ShowWindowFly(res) {
     //   console.log(res);
@@ -1185,26 +1198,26 @@
         if (valid) {
           this.fullscreenLoading = true;
           insertMeta(this.editForm)
-            .then((res) => {
-              setTimeout(() => {
+              .then((res) => {
+                setTimeout(() => {
+                  this.fullscreenLoading = false;
+                  if (res.code == 200) {
+                    this.listData.pageSize = 10;
+                    this.listData.pageIndex = 1;
+                    this.getMetaData();
+                    this.$message({
+                      message: "娣诲姞鎴愬姛",
+                      type: "success",
+                    });
+                    this.editForm = {};
+                    this.dialogFormVisible = false;
+                  }
+                }, 500);
+              })
+              .catch((res) => {
+                alert("淇敼澶辫触锛岃閲嶈瘯锛�");
                 this.fullscreenLoading = false;
-                if (res.code == 200) {
-                  this.listData.pageSize = 10;
-                  this.listData.pageIndex = 1;
-                  this.getMetaData();
-                  this.$message({
-                    message: "娣诲姞鎴愬姛",
-                    type: "success",
-                  });
-                  this.editForm = {};
-                  this.dialogFormVisible = false;
-                }
-              }, 500);
-            })
-            .catch((res) => {
-              alert("淇敼澶辫触锛岃閲嶈瘯锛�");
-              this.fullscreenLoading = false;
-            });
+              });
         } else {
           console.log("error submit!!");
           return false;
@@ -1222,30 +1235,30 @@
         cancelButtonText: "鍙栨秷",
         type: "warning",
       })
-        .then(() => {
-          var std = [];
-          for (var i in this.multipleSelection) {
-            std.push(this.multipleSelection[i].id);
-          }
-          deleteMeta({ ids: std.toString() }).then((res) => {
-            if (res.code == 200) {
-              this.$message({
-                type: "success",
-                message: "鍒犻櫎鎴愬姛!",
-              });
-              this.multipleSelection = [];
-              this.listData.pageSize = 10;
-              this.listData.pageIndex = 1;
-              this.getMetaData();
-            } else {
-              this.$message.error("鍒犻櫎澶辫触");
-              this.multipleSelection = [];
+          .then(() => {
+            var std = [];
+            for (var i in this.multipleSelection) {
+              std.push(this.multipleSelection[i].id);
             }
+            deleteMeta({ids: std.toString()}).then((res) => {
+              if (res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: "鍒犻櫎鎴愬姛!",
+                });
+                this.multipleSelection = [];
+                this.listData.pageSize = 10;
+                this.listData.pageIndex = 1;
+                this.getMetaData();
+              } else {
+                this.$message.error("鍒犻櫎澶辫触");
+                this.multipleSelection = [];
+              }
+            });
+          })
+          .catch(() => {
+            this.$message("宸插彇娑堝垹闄�");
           });
-        })
-        .catch(() => {
-          this.$message("宸插彇娑堝垹闄�");
-        });
     },
 
     // 鏌ョ湅鐣岄潰
@@ -1274,11 +1287,12 @@
     },
     handleClose(done) {
       this.$confirm("纭鍏抽棴锛�")
-        .then((_) => {
-          this.editForm = {};
-          done();
-        })
-        .catch((_) => {});
+          .then((_) => {
+            this.editForm = {};
+            done();
+          })
+          .catch((_) => {
+          });
     },
 
     // 鎻愪氦淇敼
@@ -1288,29 +1302,29 @@
         cancelButtonText: "鍙栨秷",
         type: "warning",
       })
-        .then(() => {
-          this.dialogFormVisible = false;
-          updateMeta(this.editForm).then((res) => {
-            setTimeout(() => {
-              this.fullscreenLoading = false;
-              if (res.code == 200) {
-                this.listData.pageSize = 10;
-                this.listData.pageIndex = 1;
-                this.getMetaData();
-                this.$message({
-                  message: "淇敼鎴愬姛",
-                  type: "success",
-                });
-                this.editForm = {};
-                this.dialogFormVisible = false;
-              }
-            }, 500);
+          .then(() => {
+            this.dialogFormVisible = false;
+            updateMeta(this.editForm).then((res) => {
+              setTimeout(() => {
+                this.fullscreenLoading = false;
+                if (res.code == 200) {
+                  this.listData.pageSize = 10;
+                  this.listData.pageIndex = 1;
+                  this.getMetaData();
+                  this.$message({
+                    message: "淇敼鎴愬姛",
+                    type: "success",
+                  });
+                  this.editForm = {};
+                  this.dialogFormVisible = false;
+                }
+              }, 500);
+            });
+          })
+          .catch(() => {
+            alert("淇敼澶辫触锛岃閲嶈瘯锛�");
+            this.fullscreenLoading = false;
           });
-        })
-        .catch(() => {
-          alert("淇敼澶辫触锛岃閲嶈瘯锛�");
-          this.fullscreenLoading = false;
-        });
     },
     cancelEdit() {
       this.$nextTick(() => {
@@ -1345,13 +1359,13 @@
       }
       var token = getToken();
       var url =
-        BASE_URL +
-        "/meta/downloadFile?token=" +
-        token +
-        "&guid=" +
-        res.result +
-        "&pwd=" +
-        encodeURIComponent(encrypt.encrypt(this.codeForm.repassword));
+          BASE_URL +
+          "/meta/downloadFile?token=" +
+          token +
+          "&guid=" +
+          res.result +
+          "&pwd=" +
+          encodeURIComponent(encrypt.encrypt(this.codeForm.repassword));
 
       $("#downFrame").attr("src", url).click();
       this.closeDown();
@@ -1417,6 +1431,7 @@
     display: block;
     margin-left: 10px; //杩欎釜鐢ㄤ簬鍦嗙偣灞呬腑
   }
+
   .downloadBox {
     position: absolute;
     top: 20%;
diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue
index a6832f1..d689bc1 100644
--- a/src/views/datamanage/styleManage.vue
+++ b/src/views/datamanage/styleManage.vue
@@ -4,155 +4,161 @@
         `${$t('dataManage.dataManage')}`,
         `${$t('dataManage.styleManage')}`,
       ]"></My-bread>
-    <el-divider />
-    <div class="searchComp subpage_Div"  ref="container">
+    <el-divider/>
+    <div class="searchComp subpage_Div" ref="container">
       <el-form
-        ref="ruleForm"
-        :model="ruleForm"
-        :inline="true"
+          ref="ruleForm"
+          :model="ruleForm"
+          :inline="true"
       >
-       <div class="flex_box">
+        <div class="flex_box">
           <div style="margin-right: auto">
- <el-form-item
-          :label="$t('dataManage.vmobj.keyword')"
-          prop="name"
-        >
-          <el-input
-            v-model="ruleForm.name"
-            :placeholder="$t('common.pleaseInput')"
-            style="width:200px"
-            suffix-icon="el-icon-edit"
-          />
-        </el-form-item>
+            <el-form-item
+                :label="$t('dataManage.vmobj.keyword')"
+                prop="name"
+            >
+              <el-input
+                  v-model="ruleForm.name"
+                  :placeholder="$t('common.pleaseInput')"
+                  style="width:200px"
+                  suffix-icon="el-icon-edit"
+              />
+            </el-form-item>
           </div>
           <div>
- <el-form-item>
-          <el-button
-            v-if="btnStatus.insert"
-            @click="setInsertShow()"
-            icon="el-icon-edit"
-            type="success"
-            size="small"
-          >{{ $t('common.append') }}</el-button>
-          <el-button
-            v-if="btnStatus.delete"
-            @click="delStyleData"
-            icon="el-icon-delete"
-            type="danger"
-            size="small"
-          >{{ $t('common.delete') }}</el-button>
-          <el-button
-            @click="submitForm('ruleForm')"
-            icon="el-icon-search"
-            type="primary"
-            size="small"
-          >{{ $t('common.iquery') }}</el-button>
-          <el-button
-            @click="resetForm('ruleForm')"
-            icon="el-icon-refresh"
-            type="info"
-            size="small"
-          >{{ $t('common.empty') }}</el-button>
-        </el-form-item>
+            <el-form-item>
+              <el-button
+                  v-if="btnStatus.insert"
+                  @click="setInsertShow()"
+                  icon="el-icon-edit"
+                  type="success"
+                  size="small"
+              >{{ $t('common.append') }}
+              </el-button>
+              <el-button
+                  v-if="btnStatus.delete"
+                  @click="delStyleData"
+                  icon="el-icon-delete"
+                  type="danger"
+                  size="small"
+              >{{ $t('common.delete') }}
+              </el-button>
+              <el-button
+                  @click="submitForm('ruleForm')"
+                  icon="el-icon-search"
+                  type="primary"
+                  size="small"
+              >{{ $t('common.iquery') }}
+              </el-button>
+              <el-button
+                  @click="resetForm('ruleForm')"
+                  icon="el-icon-refresh"
+                  type="info"
+                  size="small"
+              >{{ $t('common.empty') }}
+              </el-button>
+            </el-form-item>
           </div>
-       </div>
-       
-       
+        </div>
+
+
       </el-form>
     </div>
     <div class="dividing-line"></div>
-        <div class="table_box"  :style="styleVar">
-          <el-table
-            :data="tableData"
-            style="width: 100%"
-            height="calc(100% - 57px)"
-            @selection-change="handleSelectionChange"
-          >
-            <el-table-column
-              type="selection"
-              width="55"
-            />
-            <el-table-column
-              align="center"
-              type="index"
-              :label="$t('dataManage.styleObj.index')"
-              width="70px"
-            />
-            <el-table-column
-              align="center"
-              prop="id"
-              v-if="false"
-            />
-            <el-table-column
-              align="center"
-              prop="name"
-              :label="$t('dataManage.styleObj.name')"
-            />
-            <el-table-column
-              align="center"
-              prop="type"
-              :label="$t('dataManage.styleObj.type')"
-            />
-            <el-table-column
-              align="center"
-              prop="dirName"
-              :label="$t('dataManage.styleObj.dirid')"
-            />
-            <el-table-column
-              align="center"
-              prop="depName"
-              :label="$t('dataManage.styleObj.depid')"
-            />
-            <el-table-column
-              align="center"
-              prop="ver"
-              :label="$t('dataManage.styleObj.ver')"
-            />
-            <el-table-column
-              align="center"
-              prop="status"
-              :label="$t('dataManage.styleObj.status')"
-              :formatter="formatStatus"
-            />
-            <el-table-column
-              align="center"
-              prop="precision"
-              :label="$t('dataManage.styleObj.precision')"
-            />
-            <el-table-column
-              align="center"
-              prop="descr"
-              :label="$t('dataManage.styleObj.descr')"
-            />
-            <!-- <el-table-column
-              align="center"
-              prop="bak"
-              :label="$t('dataManage.styleObj.bak')"
-            /> -->
-            <el-table-column
-              min-width="120"
-              :label="$t('common.operate')"
-            >
-              <template slot-scope="scope">
-                <el-button
-                  @click="showDetail(scope.$index, scope.row)"
-                  type="primary"
-                  plain
-                  size="small"
-                >{{ $t('common.see') }}</el-button>
-                <el-button
-                  @click="handleEdit(scope.$index, scope.row)"
-                  type="warning"
-                  plain
-                  size="small"
-                >{{ $t('common.update') }}</el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-             <div
-          class="pagination_box"
+    <div class="table_box" :style="styleVar">
+      <el-table
+          :data="tableData"
+          style="width: 100%"
+          height="calc(100% - 57px)"
+          @selection-change="handleSelectionChange"
+      >
+        <el-table-column
+            type="selection"
+            width="55"
+        />
+        <el-table-column
+            align="center"
+            type="index"
+            :label="$t('dataManage.styleObj.index')"
+            width="70px"
+        />
+        <el-table-column
+            align="center"
+            prop="id"
+            v-if="false"
+        />
+        <el-table-column
+            align="center"
+            prop="name"
+            :label="$t('dataManage.styleObj.name')"
+        />
+        <el-table-column
+            align="center"
+            prop="type"
+            :label="$t('dataManage.styleObj.type')"
+        />
+        <el-table-column
+            align="center"
+            prop="dirName"
+            :label="$t('dataManage.styleObj.dirid')"
+        />
+        <el-table-column
+            align="center"
+            prop="depName"
+            :label="$t('dataManage.styleObj.depid')"
+        />
+        <el-table-column
+            align="center"
+            prop="ver"
+            :label="$t('dataManage.styleObj.ver')"
+        />
+        <el-table-column
+            align="center"
+            prop="status"
+            :label="$t('dataManage.styleObj.status')"
+            :formatter="formatStatus"
+        />
+        <el-table-column
+            align="center"
+            prop="precision"
+            :label="$t('dataManage.styleObj.precision')"
+        />
+        <el-table-column
+            align="center"
+            prop="descr"
+            :label="$t('dataManage.styleObj.descr')"
+        />
+        <!-- <el-table-column
+          align="center"
+          prop="bak"
+          :label="$t('dataManage.styleObj.bak')"
+        /> -->
+        <el-table-column
+            min-width="120"
+            :label="$t('common.operate')"
         >
-          <el-pagination
+          <template slot-scope="scope">
+            <el-button
+                @click="showDetail(scope.$index, scope.row)"
+                type="primary"
+                plain
+                size="small"
+            >{{ $t('common.see') }}
+            </el-button>
+            <el-button
+                @click="handleEdit(scope.$index, scope.row)"
+                type="warning"
+                plain
+                size="small"
+            >{{ $t('common.update') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+          class="pagination_box"
+      >
+        <el-pagination
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
             :current-page="listData.pageIndex"
@@ -160,753 +166,769 @@
             :page-size="listData.pageSize"
             layout="total, sizes, prev, pager, next, jumper"
             :total="count"
-          >
-          </el-pagination>
-        </div>
-        </div>
-     
-    <div class="infoBox_box" v-show="showinfoBox">
-    <div
-      class="infoBox subpage_Div box_div"
-    >
-
-      <div
-        slot="header"
-        class="clearfix"
-      >
-        <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
-        <div
-          style="float: right; cursor: pointer"
-          @click="closeDetial"
         >
-          <i class="el-icon-close"></i>
-        </div>
+        </el-pagination>
       </div>
-      <el-divider></el-divider>
-      <div class="contentBox">
-        <p>
-          <label> {{ $t('dataManage.styleObj.name') }}:</label>
-          <label class="boxlabel">{{ itemdetail.name }}</label>
-        </p>
+    </div>
+
+    <div class="infoBox_box" v-show="showinfoBox">
+      <div
+          class="infoBox subpage_Div box_div"
+      >
+
+        <div
+            slot="header"
+            class="clearfix"
+        >
+          <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
+          <div
+              style="float: right; cursor: pointer"
+              @click="closeDetial"
+          >
+            <i class="el-icon-close"></i>
+          </div>
+        </div>
         <el-divider></el-divider>
-        <p>
-        <p>
-          <label> {{ $t('dataManage.styleObj.type') }}:</label>
-          <label class="boxlabel">{{ itemdetail.type }}</label>
-        </p>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.dirid') }}:</label>
-          <label class="boxlabel">{{ itemdetail.dirName }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.depid') }}:</label>
-          <label class="boxlabel">{{ itemdetail.depName }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.ver') }}:</label>
-          <label class="boxlabel">{{ itemdetail.ver }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.status') }}:</label>
-          <label class="boxlabel">{{ itemdetail.status }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.descr') }}:</label>
-          <label class="boxlabel">{{ itemdetail.descr }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.fileguid') }}:</label>
-          <label class="boxlabel">{{ itemdetail.fname }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.viewguid') }}:</label>
-          <label class="boxlabel">
-            <div style="width:440px;height:200px;">
-              <img
+        <div class="contentBox">
+          <p>
+            <label> {{ $t('dataManage.styleObj.name') }}:</label>
+            <label class="boxlabel">{{ itemdetail.name }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+          <p>
+            <label> {{ $t('dataManage.styleObj.type') }}:</label>
+            <label class="boxlabel">{{ itemdetail.type }}</label>
+          </p>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.dirid') }}:</label>
+            <label class="boxlabel">{{ itemdetail.dirName }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.depid') }}:</label>
+            <label class="boxlabel">{{ itemdetail.depName }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.ver') }}:</label>
+            <label class="boxlabel">{{ itemdetail.ver }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.status') }}:</label>
+            <label class="boxlabel">{{ itemdetail.status }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.descr') }}:</label>
+            <label class="boxlabel">{{ itemdetail.descr }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.fileguid') }}:</label>
+            <label class="boxlabel">{{ itemdetail.fname }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.viewguid') }}:</label>
+            <label class="boxlabel">
+          <div style="width:440px;height:200px;">
+            <img
                 style="width:100%; height:100%"
                 :src="itemdetail.imageFile"
                 alt=""
-              />
-            </div>
+            />
+          </div>
           </label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.createUser') }}:</label>
-          <label class="boxlabel">{{ itemdetail.createUser }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.createTime') }}:</label>
-          <label class="boxlabel">{{ itemdetail.createTime }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.updateUser') }}:</label>
-          <label class="boxlabel">{{ itemdetail.updateUser }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.updateTime') }}:</label>
-          <label class="boxlabel">{{ itemdetail.updateTime }}</label>
-        </p>
-        <el-divider></el-divider>
-        <p>
-          <label> {{ $t('dataManage.styleObj.bak') }}:</label>
-          <label class="boxlabel">{{ itemdetail.bak }}</label>
-        </p>
-        <el-divider></el-divider>
-      </div>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.createUser') }}:</label>
+            <label class="boxlabel">{{ itemdetail.createUser }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.createTime') }}:</label>
+            <label class="boxlabel">{{ itemdetail.createTime }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.updateUser') }}:</label>
+            <label class="boxlabel">{{ itemdetail.updateUser }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.updateTime') }}:</label>
+            <label class="boxlabel">{{ itemdetail.updateTime }}</label>
+          </p>
+          <el-divider></el-divider>
+          <p>
+            <label> {{ $t('dataManage.styleObj.bak') }}:</label>
+            <label class="boxlabel">{{ itemdetail.bak }}</label>
+          </p>
+          <el-divider></el-divider>
+        </div>
 
-    </div>
+      </div>
     </div>
     <el-dialog
-      :title="$t('dataManage.styleObj.modifyStyleData')"
-     top="2vh"
-      :before-close="removeUpdate"
-      :visible.sync="dialogFormVisible"
+        :title="$t('dataManage.styleObj.modifyStyleData')"
+        top="2vh"
+        :before-close="removeUpdate"
+        :visible.sync="dialogFormVisible"
     >
-    <div style="height: 500px; overflow: auto">
-      <el-form :model="upform" label-position="top">
-        <el-form-item
-          :label="$t('dataManage.styleObj.name')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="upform.name"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.type')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="upform.type"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.dirid')"
-          :label-width="formLabelWidth"
-        >
-          <el-select
-            v-model="upform.dirid"
-            placeholder="璇烽�夋嫨"
-            style="width:85%"
-            @focus="setOptionWidth"
+      <div style="height: 500px; overflow: auto">
+        <el-form :model="upform" label-position="top">
+          <el-form-item
+              :label="$t('dataManage.styleObj.name')"
+              :label-width="formLabelWidth"
           >
-            <el-option
-              :value="upform.dirid"
-              :label="upform.dirName"
-              :style="{ width: selectOptionWidth, height: selectheight }"
-            >
-              <el-tree
-                ref="tree"
-                :data="editcatalogOption"
-                :default-expand-all="defaultexpand"
-                node-key="id"
-                :props="defaultProps"
-                @node-click="handleNodeClickto"
-              />
-            </el-option>
-          </el-select>
-          <!-- <el-cascader
-            v-model="upform.dirid"
-            :options="editcatalogOption"
-            @change="catalogChange"
-            :props="cascader"
-            style="width:75%"
-          ></el-cascader> -->
-          <!-- <el-input
-            v-model="upform.dirValue"
-            disabled
-            autocomplete="off"
-          ></el-input
-          ><el-link
-            :underline="false"
-            @click="showDirTree(1)"
-            style="margin-left: 10px"
-            ><i class="el-icon-plus"></i
-          ></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.depid')"
-          :label-width="formLabelWidth"
-        >
-          <el-select
-            v-model="upform.depid"
-            placeholder="璇烽�夋嫨"
-            style="width:85%"
-            @focus="setOptionWidth"
+            <el-input
+                v-model="upform.name"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.type')"
+              :label-width="formLabelWidth"
           >
-            <el-option
-              :value="upform.depid"
-              :label="upform.depName"
-              :style="{ width: selectOptionWidth, height: selectheight }"
+            <el-input
+                v-model="upform.type"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.dirid')"
+              :label-width="formLabelWidth"
+          >
+            <el-select
+                v-model="upform.dirid"
+                placeholder="璇烽�夋嫨"
+                style="width:85%"
+                @focus="setOptionWidth"
             >
-              <el-tree
-                ref="tree"
-                :data="editCompanyOption"
-                :default-expand-all="defaultexpand"
-                node-key="id"
-                :props="defaultProps"
-                @node-click="handleNodeClick"
-              />
-            </el-option>
-          </el-select>
-          <!-- <el-cascader
-            v-model="upform.depid"
-            :options="editCompanyOption"
-            @change="editcompanyChange"
-            :props="cascader"
-            style="width:75%"
-          ></el-cascader> -->
+              <el-option
+                  :value="upform.dirid"
+                  :label="upform.dirName"
+                  :style="{ width: selectOptionWidth, height: selectheight }"
+              >
+                <el-tree
+                    ref="tree"
+                    :data="editcatalogOption"
+                    :default-expand-all="defaultexpand"
+                    node-key="id"
+                    :props="defaultProps"
+                    @node-click="handleNodeClickto"
+                />
+              </el-option>
+            </el-select>
+            <!-- <el-cascader
+              v-model="upform.dirid"
+              :options="editcatalogOption"
+              @change="catalogChange"
+              :props="cascader"
+              style="width:75%"
+            ></el-cascader> -->
+            <!-- <el-input
+              v-model="upform.dirValue"
+              disabled
+              autocomplete="off"
+            ></el-input
+            ><el-link
+              :underline="false"
+              @click="showDirTree(1)"
+              style="margin-left: 10px"
+              ><i class="el-icon-plus"></i
+            ></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.depid')"
+              :label-width="formLabelWidth"
+          >
+            <el-select
+                v-model="upform.depid"
+                placeholder="璇烽�夋嫨"
+                style="width:85%"
+                @focus="setOptionWidth"
+            >
+              <el-option
+                  :value="upform.depid"
+                  :label="upform.depName"
+                  :style="{ width: selectOptionWidth, height: selectheight }"
+              >
+                <el-tree
+                    ref="tree"
+                    :data="editCompanyOption"
+                    :default-expand-all="defaultexpand"
+                    node-key="id"
+                    :props="defaultProps"
+                    @node-click="handleNodeClick"
+                />
+              </el-option>
+            </el-select>
+            <!-- <el-cascader
+              v-model="upform.depid"
+              :options="editCompanyOption"
+              @change="editcompanyChange"
+              :props="cascader"
+              style="width:75%"
+            ></el-cascader> -->
 
-          <!-- <el-input
-            v-model="upform.depValue"
-            disabled
-            autocomplete="off"
-          ></el-input>
-          <el-link
-            :underline="false"
-            @click="showDepTree(1)"
-            style="margin-left: 10px"
-            ><i class="el-icon-plus"></i
-          ></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.ver')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="upform.ver"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.status')"
-          :label-width="formLabelWidth"
-        >
-          <el-select
-            v-model="upform.status"
-            style="width:85%"
-            :placeholder="$t('common.choose')"
+            <!-- <el-input
+              v-model="upform.depValue"
+              disabled
+              autocomplete="off"
+            ></el-input>
+            <el-link
+              :underline="false"
+              @click="showDepTree(1)"
+              style="margin-left: 10px"
+              ><i class="el-icon-plus"></i
+            ></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.ver')"
+              :label-width="formLabelWidth"
           >
-            <el-option
-              value="0"
-              :label="$t('dataManage.styleObj.deactivate')"
-            ></el-option>
-            <el-option
-              value="1"
-              :label="$t('dataManage.styleObj.enable')"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.precision')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="upform.precision"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.descr')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="upform.descr"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.fileguid')"
-          :label-width="formLabelWidth"
-        >
-          <!-- -->
-          <div class="BoxFlex">
-            <div class="BoxFlexinput">
-              <el-input
-                v-model="upform.fileGuid"
-                disabled
+            <el-input
+                v-model="upform.ver"
                 autocomplete="off"
-                style="width:100%"
-              ></el-input>
-            </div>
-            <div class="BoxFlexbutton">
-              <input
-                name="file1"
-                type="file"
-                id="editFile"
-                multiple="multiple"
-                style="display: none"
-                @change="editFile(0)"
-              />
-              <el-button
-                style="margin-left: 6px;"
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="geteditFile(0)"
-              >閫夋嫨</el-button>
-              <el-button
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="seteditFile(0)"
-              >涓婁紶</el-button>
-            </div>
-          </div>
-          <!--  -->
-          <!-- <el-link
-            :underline="false"
-            @click="geteditFile(0)"
-            style="margin-left: 10px"
-          ><i class="el-icon-plus"></i></el-link>
-          <el-link
-            v-if="btnStatus.upload"
-            :title="$t('common.upload')"
-            :underline="false"
-            @click="seteditFile(0)"
-            style="margin-left: 10px"
-          ><i class="el-icon-upload2"></i></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.viewguid')"
-          :label-width="formLabelWidth"
-        >
-          <div class="BoxFlex">
-            <div class="BoxFlexinput">
-              <el-input
-                v-model="upform.viewGuid"
-                disabled
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.status')"
+              :label-width="formLabelWidth"
+          >
+            <el-select
+                v-model="upform.status"
+                style="width:85%"
+                :placeholder="$t('common.choose')"
+            >
+              <el-option
+                  value="0"
+                  :label="$t('dataManage.styleObj.deactivate')"
+              ></el-option>
+              <el-option
+                  value="1"
+                  :label="$t('dataManage.styleObj.enable')"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.precision')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="upform.precision"
                 autocomplete="off"
-                style="width:100%"
-              ></el-input>
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.descr')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="upform.descr"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.fileguid')"
+              :label-width="formLabelWidth"
+          >
+            <!-- -->
+            <div class="BoxFlex">
+              <div class="BoxFlexinput">
+                <el-input
+                    v-model="upform.fileGuid"
+                    disabled
+                    autocomplete="off"
+                    style="width:100%"
+                ></el-input>
+              </div>
+              <div class="BoxFlexbutton">
+                <input
+                    name="file1"
+                    type="file"
+                    id="editFile"
+                    multiple="multiple"
+                    style="display: none"
+                    @change="editFile(0)"
+                />
+                <el-button
+                    style="margin-left: 6px;"
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="geteditFile(0)"
+                >閫夋嫨
+                </el-button>
+                <el-button
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="seteditFile(0)"
+                >涓婁紶
+                </el-button>
+              </div>
             </div>
-            <div>
-              <input
-                name="file1"
-                :accept="'.jpg,.png'"
-                type="file"
-                id="editimageFile"
-                multiple="multiple"
-                style="display: none"
-                @change="editFile(1)"
-              />
-              <el-button
-                style="margin-left: 6px;"
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="geteditFile(1)"
-              >閫夋嫨</el-button>
-              <el-button
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="seteditFile(1)"
-              >涓婁紶</el-button>
+            <!--  -->
+            <!-- <el-link
+              :underline="false"
+              @click="geteditFile(0)"
+              style="margin-left: 10px"
+            ><i class="el-icon-plus"></i></el-link>
+            <el-link
+              v-if="btnStatus.upload"
+              :title="$t('common.upload')"
+              :underline="false"
+              @click="seteditFile(0)"
+              style="margin-left: 10px"
+            ><i class="el-icon-upload2"></i></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.viewguid')"
+              :label-width="formLabelWidth"
+          >
+            <div class="BoxFlex">
+              <div class="BoxFlexinput">
+                <el-input
+                    v-model="upform.viewGuid"
+                    disabled
+                    autocomplete="off"
+                    style="width:100%"
+                ></el-input>
+              </div>
+              <div>
+                <input
+                    name="file1"
+                    :accept="'.jpg,.png'"
+                    type="file"
+                    id="editimageFile"
+                    multiple="multiple"
+                    style="display: none"
+                    @change="editFile(1)"
+                />
+                <el-button
+                    style="margin-left: 6px;"
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="geteditFile(1)"
+                >閫夋嫨
+                </el-button>
+                <el-button
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="seteditFile(1)"
+                >涓婁紶
+                </el-button>
+              </div>
             </div>
-          </div>
-          <!--
-          -->
-          <!-- <el-link
-            :underline="false"
-            @click="geteditFile(1)"
-            style="margin-left: 10px"
-          ><i class="el-icon-plus"></i></el-link>
-          <el-link
-            :title="$t('common.upload')"
-            :underline="false"
-            @click="seteditFile(1)"
-            style="margin-left: 10px"
-          ><i class="el-icon-upload2"></i></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.bak')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="upform.bak"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-      </el-form>
+            <!--
+            -->
+            <!-- <el-link
+              :underline="false"
+              @click="geteditFile(1)"
+              style="margin-left: 10px"
+            ><i class="el-icon-plus"></i></el-link>
+            <el-link
+              :title="$t('common.upload')"
+              :underline="false"
+              @click="seteditFile(1)"
+              style="margin-left: 10px"
+            ><i class="el-icon-upload2"></i></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.bak')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="upform.bak"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+        </el-form>
       </div>
       <div
-        slot="footer"
-        class="dialog-footer"
+          slot="footer"
+          class="dialog-footer"
       >
         <el-button
-          type="info"
-          size="small"
-          @click="removeUpdate"
-        >{{$t('common.close')}}</el-button>
+            type="info"
+            size="small"
+            @click="removeUpdate"
+        >{{ $t('common.close') }}
+        </el-button>
         <el-button
-          type="primary"
-          @click="updateForm"
-          size="small"
-        >{{$t('common.confirm')}}</el-button>
+            type="primary"
+            @click="updateForm"
+            size="small"
+        >{{ $t('common.confirm') }}
+        </el-button>
       </div>
     </el-dialog>
     <el-dialog
-      :title="$t('dataManage.styleObj.addStyleData')"
-    
-    top="2vh"
-      :visible.sync="InsertFormdialog"
-      :before-close="handleClose"
-    >
-     <div style="height: 500px; overflow: auto">
-      <el-form :model="insertform" label-position="top">
-        <el-form-item
-          :label="$t('dataManage.styleObj.name')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="insertform.name"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.type')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="insertform.type"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.dirid')"
-          :label-width="formLabelWidth"
-        >
-          <el-select
-            v-model="insertform.dirid"
-            placeholder="璇烽�夋嫨"
-            style="width:85%"
-            @focus="setOptionWidth"
-          >
-            <el-option
-              :value="insertform.dirid"
-              :label="insertform.dirName"
-              :style="{ width: selectOptionWidth, height: selectheight }"
-            >
-              <el-tree
-                ref="tree"
-                :data="catalogOption"
-                :default-expand-all="defaultexpand"
-                node-key="id"
-                :props="defaultProps"
-                @node-click="handcatalogChange"
-              />
-            </el-option>
-          </el-select>
-          <!-- <el-cascader
-            v-model="insertform.dirid"
-            :options="catalogOption"
-            @change="catalogChange"
-            :props="cascader"
-            style="width:730px"
-          ></el-cascader> -->
-          <!-- <el-input
-            v-model="insertform.dirValue"
-            disabled
-            autocomplete="off"
-          ></el-input
-          ><el-link
-            :underline="false"
-            @click="showDirTree(0)"
-            style="margin-left: 10px"
-            ><i class="el-icon-plus"></i
-          ></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.depid')"
-          :label-width="formLabelWidth"
-        >
-          <el-select
-            v-model="insertform.depid"
-            placeholder="璇烽�夋嫨"
-            style="width:85%"
-            @focus="setOptionWidth"
-          >
-            <el-option
-              :value="insertform.depid"
-              :label="insertform.depName"
-              :style="{ width: selectOptionWidth, height: selectheight }"
-            >
-              <el-tree
-                ref="tree"
-                :data="companyOption"
-                :default-expand-all="defaultexpand"
-                node-key="id"
-                :props="cascader"
-                @node-click="handcompanyChange"
-              />
-            </el-option>
-          </el-select>
-          <!-- <el-cascader
-            v-model="insertform.depid"
-            :options="companyOption"
-            @change="companyChange"
-            :props="cascader"
-            style="width:730px"
-          ></el-cascader> -->
-          <!-- <el-input
-            v-model="insertform.depValue"
-            disabled
-            autocomplete="off"
-          ></el-input>
-          <el-link
-            :underline="false"
-            @click="showDepTree(0)"
-            style="margin-left: 10px"
-            ><i class="el-icon-plus"></i
-          ></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.ver')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="insertform.ver"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.status')"
-          :label-width="formLabelWidth"
-        >
-          <el-select
-            v-model="insertform.status"
-            style="width:85%"
-            :placeholder="$t('common.choose')"
-          >
-            <el-option
-              value="0"
-              :label="$t('dataManage.styleObj.deactivate')"
-            ></el-option>
-            <el-option
-              value="1"
-              :label="$t('dataManage.styleObj.enable')"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.precision')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="insertform.precision"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.descr')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="insertform.descr"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.fileguid')"
-          :label-width="formLabelWidth"
-        >
-          <div class="BoxFlex">
-            <div class="BoxFlexinput">
-              <el-input
-                v-model="insertFileGuid"
-                disabled
-                autocomplete="off"
-                style="width:100%"
-              />
-            </div>
-            <div>
-              <input
-                name="file1"
-                type="file"
-                id="insertFile"
-                multiple="multiple"
-                style="display: none"
-                @change="insertFileData(0)"
-              />
-              <el-button
-                style="margin-left: 6px;"
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="getInsertFile(0)"
-              >閫夋嫨</el-button>
-              <el-button
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="setinsertFile(0)"
-              >涓婁紶</el-button>
-            </div>
-          </div>
-          <!-- 
-         -->
-          <!-- <el-link
-            :underline="false"
-            @click="getInsertFile(0)"
-            style="margin-left: 10px"
-          ><i class="el-icon-plus"></i></el-link>
-          <el-link
-            :title="$t('common.upload')"
-            :underline="false"
-            @click="setinsertFile(0)"
-            style="margin-left: 10px"
-          ><i class="el-icon-upload2"></i></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.viewguid')"
-          :label-width="formLabelWidth"
-        >
-          <div class="BoxFlex">
-            <div class="BoxFlexinput">
-              <el-input
-                v-model="insertViewGuid"
-                disabled
-                autocomplete="off"
-                style="width:100%"
-              />
-            </div>
-            <div> <input
-                name="file1"
-                :accept="'.jpg,.png'"
-                type="file"
-                id="insertimageFile"
-                multiple="multiple"
-                style="display: none"
-                @change="insertFileData(1)"
-              />
-              <el-button
-                style="margin-left: 6px;"
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="getInsertFile(1)"
-              >閫夋嫨</el-button>
-              <el-button
-                type="primary"
-                size="small"
-                :underline="false"
-                @click="setinsertFile(1)"
-              >涓婁紶</el-button>
-            </div>
-          </div>
+        :title="$t('dataManage.styleObj.addStyleData')"
 
-          <!-- <el-link
-            :underline="false"
-            @click="getInsertFile(1)"
-            style="margin-left: 10px"
-          ><i class="el-icon-plus"></i></el-link>
-          <el-link
-            :title="$t('common.upload')"
-            :underline="false"
-            @click="setinsertFile(1)"
-            style="margin-left: 10px"
-          ><i class="el-icon-upload2"></i></el-link> -->
-        </el-form-item>
-        <el-form-item
-          :label="$t('dataManage.styleObj.bak')"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="insertform.bak"
-            autocomplete="off"
-            style="width:85%"
-          ></el-input>
-        </el-form-item>
-      </el-form>
-       </div>
+        top="2vh"
+        :visible.sync="InsertFormdialog"
+        :before-close="handleClose"
+    >
+      <div style="height: 500px; overflow: auto">
+        <el-form :model="insertform" label-position="top">
+          <el-form-item
+              :label="$t('dataManage.styleObj.name')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="insertform.name"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.type')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="insertform.type"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.dirid')"
+              :label-width="formLabelWidth"
+          >
+            <el-select
+                v-model="insertform.dirid"
+                placeholder="璇烽�夋嫨"
+                style="width:85%"
+                @focus="setOptionWidth"
+            >
+              <el-option
+                  :value="insertform.dirid"
+                  :label="insertform.dirName"
+                  :style="{ width: selectOptionWidth, height: selectheight }"
+              >
+                <el-tree
+                    ref="tree"
+                    :data="catalogOption"
+                    :default-expand-all="defaultexpand"
+                    node-key="id"
+                    :props="defaultProps"
+                    @node-click="handcatalogChange"
+                />
+              </el-option>
+            </el-select>
+            <!-- <el-cascader
+              v-model="insertform.dirid"
+              :options="catalogOption"
+              @change="catalogChange"
+              :props="cascader"
+              style="width:730px"
+            ></el-cascader> -->
+            <!-- <el-input
+              v-model="insertform.dirValue"
+              disabled
+              autocomplete="off"
+            ></el-input
+            ><el-link
+              :underline="false"
+              @click="showDirTree(0)"
+              style="margin-left: 10px"
+              ><i class="el-icon-plus"></i
+            ></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.depid')"
+              :label-width="formLabelWidth"
+          >
+            <el-select
+                v-model="insertform.depid"
+                placeholder="璇烽�夋嫨"
+                style="width:85%"
+                @focus="setOptionWidth"
+            >
+              <el-option
+                  :value="insertform.depid"
+                  :label="insertform.depName"
+                  :style="{ width: selectOptionWidth, height: selectheight }"
+              >
+                <el-tree
+                    ref="tree"
+                    :data="companyOption"
+                    :default-expand-all="defaultexpand"
+                    node-key="id"
+                    :props="cascader"
+                    @node-click="handcompanyChange"
+                />
+              </el-option>
+            </el-select>
+            <!-- <el-cascader
+              v-model="insertform.depid"
+              :options="companyOption"
+              @change="companyChange"
+              :props="cascader"
+              style="width:730px"
+            ></el-cascader> -->
+            <!-- <el-input
+              v-model="insertform.depValue"
+              disabled
+              autocomplete="off"
+            ></el-input>
+            <el-link
+              :underline="false"
+              @click="showDepTree(0)"
+              style="margin-left: 10px"
+              ><i class="el-icon-plus"></i
+            ></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.ver')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="insertform.ver"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.status')"
+              :label-width="formLabelWidth"
+          >
+            <el-select
+                v-model="insertform.status"
+                style="width:85%"
+                :placeholder="$t('common.choose')"
+            >
+              <el-option
+                  value="0"
+                  :label="$t('dataManage.styleObj.deactivate')"
+              ></el-option>
+              <el-option
+                  value="1"
+                  :label="$t('dataManage.styleObj.enable')"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.precision')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="insertform.precision"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.descr')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="insertform.descr"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.fileguid')"
+              :label-width="formLabelWidth"
+          >
+            <div class="BoxFlex">
+              <div class="BoxFlexinput">
+                <el-input
+                    v-model="insertFileGuid"
+                    disabled
+                    autocomplete="off"
+                    style="width:100%"
+                />
+              </div>
+              <div>
+                <input
+                    name="file1"
+                    type="file"
+                    id="insertFile"
+                    multiple="multiple"
+                    style="display: none"
+                    @change="insertFileData(0)"
+                />
+                <el-button
+                    style="margin-left: 6px;"
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="getInsertFile(0)"
+                >閫夋嫨
+                </el-button>
+                <el-button
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="setinsertFile(0)"
+                >涓婁紶
+                </el-button>
+              </div>
+            </div>
+            <!--
+           -->
+            <!-- <el-link
+              :underline="false"
+              @click="getInsertFile(0)"
+              style="margin-left: 10px"
+            ><i class="el-icon-plus"></i></el-link>
+            <el-link
+              :title="$t('common.upload')"
+              :underline="false"
+              @click="setinsertFile(0)"
+              style="margin-left: 10px"
+            ><i class="el-icon-upload2"></i></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.viewguid')"
+              :label-width="formLabelWidth"
+          >
+            <div class="BoxFlex">
+              <div class="BoxFlexinput">
+                <el-input
+                    v-model="insertViewGuid"
+                    disabled
+                    autocomplete="off"
+                    style="width:100%"
+                />
+              </div>
+              <div><input
+                  name="file1"
+                  :accept="'.jpg,.png'"
+                  type="file"
+                  id="insertimageFile"
+                  multiple="multiple"
+                  style="display: none"
+                  @change="insertFileData(1)"
+              />
+                <el-button
+                    style="margin-left: 6px;"
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="getInsertFile(1)"
+                >閫夋嫨
+                </el-button>
+                <el-button
+                    type="primary"
+                    size="small"
+                    :underline="false"
+                    @click="setinsertFile(1)"
+                >涓婁紶
+                </el-button>
+              </div>
+            </div>
+
+            <!-- <el-link
+              :underline="false"
+              @click="getInsertFile(1)"
+              style="margin-left: 10px"
+            ><i class="el-icon-plus"></i></el-link>
+            <el-link
+              :title="$t('common.upload')"
+              :underline="false"
+              @click="setinsertFile(1)"
+              style="margin-left: 10px"
+            ><i class="el-icon-upload2"></i></el-link> -->
+          </el-form-item>
+          <el-form-item
+              :label="$t('dataManage.styleObj.bak')"
+              :label-width="formLabelWidth"
+          >
+            <el-input
+                v-model="insertform.bak"
+                autocomplete="off"
+                style="width:85%"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
       <div
-        slot="footer"
-        class="dialog-footer"
+          slot="footer"
+          class="dialog-footer"
       >
         <el-button
-          type="info"
-          size="small"
-          @click="insertFromDataClose"
-        >{{$t('common.close')}}</el-button>
+            type="info"
+            size="small"
+            @click="insertFromDataClose"
+        >{{ $t('common.close') }}
+        </el-button>
         <el-button
-          type="primary"
-          size="small"
-          @click="insertFromData"
-        >{{$t('common.confirm')}}</el-button>
+            type="primary"
+            size="small"
+            @click="insertFromData"
+        >{{ $t('common.confirm') }}
+        </el-button>
       </div>
     </el-dialog>
     <div
-      class="leftTree"
-      v-if="showDirCata"
+        class="leftTree"
+        v-if="showDirCata"
     >
       <div class="treeBox">
         <style-dir-tree></style-dir-tree>
       </div>
       <div class="btnBox">
         <el-button
-          type="primary"
-          size="small"
-          @click="selectDirCataName"
+            type="primary"
+            size="small"
+            @click="selectDirCataName"
         >{{
-          $t('common.confirm')
-        }}</el-button>
+            $t('common.confirm')
+          }}
+        </el-button>
         <el-button
-          type="info"
-          size="small"
-          @click="showDirCata = false"
+            type="info"
+            size="small"
+            @click="showDirCata = false"
         >{{
-          $t('common.close')
-        }}</el-button>
+            $t('common.close')
+          }}
+        </el-button>
       </div>
     </div>
     <div
-      class="leftTree subpage_Div"
-      v-if="showDepCata"
+        class="leftTree subpage_Div"
+        v-if="showDepCata"
     >
       <div class="treeBox">
         <style-dep-tree></style-dep-tree>
       </div>
       <div class="btnBox">
         <el-button
-          type="primary"
-          size="small"
-          @click="selectDepCataName"
+            type="primary"
+            size="small"
+            @click="selectDepCataName"
         >{{
-          $t('common.confirm')
-        }}</el-button>
+            $t('common.confirm')
+          }}
+        </el-button>
         <el-button
-          type="info"
-          size="small"
-          @click="showDepCata = false"
+            type="info"
+            size="small"
+            @click="showDepCata = false"
         >{{
-          $t('common.close')
-        }}</el-button>
+            $t('common.close')
+          }}
+        </el-button>
       </div>
     </div>
   </div>
@@ -915,7 +937,7 @@
 <script>
 import $ from "jquery";
 import moment from "moment";
-import { getToken } from "../../utils/auth.js";
+import {getToken} from "../../utils/auth.js";
 import MyBread from "../../components/MyBread.vue";
 import styleDirTree from "./styleDirTree.vue";
 import styleDepTree from "./styleDepTree.vue";
@@ -928,9 +950,10 @@
   queryDepTree,
   selectdirTab,
 } from "../../api/api";
+
 export default {
   name: "styleManage",
-  components: { MyBread, styleDirTree, styleDepTree },
+  components: {MyBread, styleDirTree, styleDepTree},
   data() {
     return {
       insertFileGuid: "",
@@ -1034,8 +1057,8 @@
       let currentPerms = this.$store.state.currentPerms;
       let permsEntity = this.$store.state.permsEntity;
       permsEntity
-        .filter((item) => item.perms == currentPerms)
-        .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
+          .filter((item) => item.perms == currentPerms)
+          .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
     },
     filesReset() {
       // document.getElementById("insertFile").reset();
@@ -1193,27 +1216,27 @@
         cancelButtonText: "鍙栨秷",
         type: "warning",
       })
-        .then(async () => {
-          const data = await deleteStyles({ ids: std.toString() });
-          if (data.code == 200) {
+          .then(async () => {
+            const data = await deleteStyles({ids: std.toString()});
+            if (data.code == 200) {
+              this.$message({
+                message: "鍒犻櫎鎴愬姛锛�",
+                type: "success",
+              });
+              this.getRoleTabelData();
+            } else {
+              this.$message({
+                message: "鍒犻櫎澶辫触锛�",
+                type: "warning",
+              });
+            }
+          })
+          .catch(() => {
             this.$message({
-              message: "鍒犻櫎鎴愬姛锛�",
-              type: "success",
+              type: "info",
+              message: "宸插彇娑堝垹闄�",
             });
-            this.getRoleTabelData();
-          } else {
-            this.$message({
-              message: "鍒犻櫎澶辫触锛�",
-              type: "warning",
-            });
-          }
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "宸插彇娑堝垹闄�",
           });
-        });
     },
     showDirTree(res) {
       this.dirFlag = res;
@@ -1521,13 +1544,13 @@
 
       this.itemdetail = row;
       this.itemdetail.createTime = this.formomentTime(
-        this.itemdetail.createTime
+          this.itemdetail.createTime
       );
       this.itemdetail.updateTime = this.formomentTime(
-        this.itemdetail.updateTime
+          this.itemdetail.updateTime
       );
       this.itemdetail.imageFile =
-        BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token;
+          BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token;
     },
     closeDetial() {
       this.showinfoBox = false;
@@ -1550,15 +1573,16 @@
         cancelButtonText: "鍙栨秷",
         type: "warning",
       })
-        .then(() => {
-          DeletestStyle([row.id]);
-          this.$message({
-            type: "success",
-            message: "鍒犻櫎鎴愬姛!",
+          .then(() => {
+            DeletestStyle([row.id]);
+            this.$message({
+              type: "success",
+              message: "鍒犻櫎鎴愬姛!",
+            });
+            this.startFromData();
+          })
+          .catch(() => {
           });
-          this.startFromData();
-        })
-        .catch(() => {});
     },
     // 鑾峰彇澶氶��
 
@@ -1670,10 +1694,12 @@
     .el-form-item {
       margin: 5px;
     }
+
     // .el-input {
     //   width: 467px;
     // }
   }
+
   .leftTree {
     position: absolute;
     z-index: 10;
@@ -1687,6 +1713,7 @@
       height: 550px;
       overflow: auto;
     }
+
     .btnBox {
       width: 160px;
       margin: 10px auto 0;
@@ -1697,6 +1724,7 @@
     display: flex;
     justify-content: space-around;
     width: 85%;
+
     .BoxFlexinput {
       flex: 1;
     }

--
Gitblit v1.9.3