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/styleManage.vue | 1752 +++++++++++++++++++++++++++++----------------------------
 1 files changed, 890 insertions(+), 862 deletions(-)

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