hd-idevvue3 3.0.2 → 3.0.4

package/src/views/privilege/userRole/userRole.vue

@@ -1,122 +1,220 @@
 <template>
   <el-container>
     <el-aside width="50%">
-      <hd-com-grid :hdQuery="hdUserQuery" @row-click="rowClick" ckHide ref="pergrid"
-                   url="/webresources/login/privilege/AuthUser">
+      <hd-com-grid
+        :hdQuery="hdUserQuery"
+        @row-click="rowClick"
+        ckHide
+        ref="pergrid"
+        url="/webresources/login/privilege/AuthUser"
+      >
         <div class="filter-container" slot="query">
-          <el-input :placeholder="$t('姓名、账号')" @keyup.enter.native="$refs.pergrid.doQuery()" class="filter-item"
-                    style="width: 180px;" v-model="hdUserQuery.query.name"></el-input>
-          <orgnselect :idVal.sync="hdUserQuery.query.orgnId" :placeholder="$t('选择部门')"
-                      :txtVal.sync="hdUserQuery.query.orgnName" class="filter-item"
-                      style="width:150px;display: inline-block"></orgnselect>
-          <roleselect :idVal.sync="hdUserQuery.query.roleId" :placeholder="$t('选择角色')"
-                      :txtVal.sync="hdUserQuery.query.roleIdStr" class="filter-item"
-                      style="width:150px;display: inline-block"></roleselect>
-          <el-button @click="$refs.pergrid.doQuery()" class="filter-item" keyType="query">{{$t('搜索')}}</el-button>
+          <el-input
+            :placeholder="$t('姓名、账号')"
+            @keyup.enter.native="$refs.pergrid.doQuery()"
+            class="filter-item"
+            style="width: 180px"
+            v-model="hdUserQuery.query.name"
+          ></el-input>
+          <orgnselect
+            :idVal.sync="hdUserQuery.query.orgnId"
+            :placeholder="$t('选择部门')"
+            :txtVal.sync="hdUserQuery.query.orgnName"
+            class="filter-item"
+            style="width: 150px; display: inline-block"
+          ></orgnselect>
+          <roleselect
+            :idVal.sync="hdUserQuery.query.roleId"
+            :placeholder="$t('选择角色')"
+            :txtVal.sync="hdUserQuery.query.roleIdStr"
+            class="filter-item"
+            style="width: 150px; display: inline-block"
+          ></roleselect>
+          <el-button
+            @click="$refs.pergrid.doQuery()"
+            class="filter-item"
+            keyType="query"
+            >{{ $t('搜索') }}</el-button
+          >
         </div>
-        <el-table-column align="center" label="姓名" prop="name" sortable width="120px">
+        <el-table-column
+          align="center"
+          label="姓名"
+          prop="name"
+          sortable
+          width="120px"
+        >
         </el-table-column>
-        <el-table-column align="center" label="账号" prop="account" sortable width="120px">
+        <el-table-column
+          align="center"
+          label="账号"
+          prop="account"
+          sortable
+          width="120px"
+        >
         </el-table-column>
-        <el-table-column :input="require('../orgDept/orgnselect').default" :inputFormat="(result, row)=>row.orgnName"
-                         align="center" label="部门名称"
-                         prop="orgnId" sortable
-                         width="120px">
+        <el-table-column
+          :input="require('../orgDept/orgnselect').default"
+          :inputFormat="(result, row) => row.orgnName"
+          align="center"
+          label="部门名称"
+          prop="orgnId"
+          sortable
+          width="120px"
+        >
         </el-table-column>
       </hd-com-grid>
     </el-aside>
     <el-main>
-      <hd-com-grid :hdQuery="hdRoleQuery" :summary-method="getSummaries" ckHide
-                   findUrl="/webresources/login/privilege/AuthRole/findRoleByUserId" notInit
-                   ref="rolegrid"
-                   show-summary url="/webresources/login/privilege/AuthRole/">
-        <el-table-column align="center" fixed="right" label="授权" prop="fix_btn" width="90">
+      <hd-com-grid
+        :hdQuery="hdRoleQuery"
+        :summary-method="getSummaries"
+        ckHide
+        findUrl="/webresources/login/privilege/AuthRole/findRoleByUserId"
+        notInit
+        ref="rolegrid"
+        show-summary
+        url="/webresources/login/privilege/AuthRole/"
+      >
+        <el-table-column
+          align="center"
+          fixed="right"
+          label="授权"
+          prop="fix_btn"
+          width="90"
+        >
           <template slot-scope="scope">
-            <el-switch :active-value=true :inactive-value=false @change="updateUserRole(scope.row)"
-                       v-model="scope.row.checked"></el-switch>
+            <el-switch
+              :active-value="true"
+              :inactive-value="false"
+              @change="updateUserRole(scope.row)"
+              v-model="scope.row.checked"
+            ></el-switch>
           </template>
         </el-table-column>
         <div class="filter-container" slot="query">
-          <el-input :placeholder="$t('角色')" @keyup.enter.native="$refs.rolegrid.doQuery()" class="filter-item"
-                    style="width: 180px;" v-model="hdRoleQuery.query.anyQuery"></el-input>
-          <el-radio-group @change="$refs.rolegrid.doQuery()" class="filter-item" size="mini"
-                          v-model="hdRoleQuery.query.alreadyAuth">
-            <el-radio-button label="1">{{$t('已授权')}}</el-radio-button>
-            <el-radio-button label="0">{{$t('全部')}}</el-radio-button>
+          <el-input
+            :placeholder="$t('角色')"
+            @keyup.enter.native="$refs.rolegrid.doQuery()"
+            class="filter-item"
+            style="width: 180px"
+            v-model="hdRoleQuery.query.anyQuery"
+          ></el-input>
+          <el-radio-group
+            @change="$refs.rolegrid.doQuery()"
+            class="filter-item"
+            size="mini"
+            v-model="hdRoleQuery.query.alreadyAuth"
+          >
+            <el-radio-button label="1">{{ $t('已授权') }}</el-radio-button>
+            <el-radio-button label="0">{{ $t('全部') }}</el-radio-button>
           </el-radio-group>
-          <el-button @click="$refs.rolegrid.doQuery()" class="filter-item" keyType="query">搜索</el-button>
+          <el-button
+            @click="$refs.rolegrid.doQuery()"
+            class="filter-item"
+            keyType="query"
+            >搜索</el-button
+          >
 
-          {{$t('该账号已授权')}}<span style="color:red;font-size: 18px">{{roleAuthNum}}</span>{{$t('个角色')}}
+          {{ $t('该账号已授权')
+          }}<span style="color: red; font-size: 18px">{{ roleAuthNum }}</span
+          >{{ $t('个角色') }}
         </div>
-        <el-table-column align="center" label="角色" prop="name" sortable width="120px"></el-table-column>
-        <el-table-column align="center" label="描述" prop="description" sortable width="120px"></el-table-column>
+        <el-table-column
+          align="center"
+          label="角色"
+          prop="name"
+          sortable
+          width="120px"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          label="描述"
+          prop="description"
+          sortable
+          width="120px"
+        ></el-table-column>
       </hd-com-grid>
     </el-main>
   </el-container>
 </template>
+
 <script>
-  import orgnselect from '../orgDept/orgnselect'
-  import roleselect from '../role/roleselect'
+import orgnselect from '../orgDept/orgnselect'
+import roleselect from '../role/roleselect'
 
-  export default {
-    components: {
-      orgnselect, roleselect
-    },
-    data() {
-      return {
-        hdUserQuery: new HdQuery(this),
-        hdRoleQuery: new HdQuery(this, 100),
-        userId: '',
-        roleFindUrl: '',
-        roleAuthNum: 0//已授权角色数
-      }
-    },
-    mounted() {
-      // this.doQuery()
+export default {
+  components: {
+    orgnselect,
+    roleselect,
+  },
+  data() {
+    return {
+      hdUserQuery: new HdQuery(this),
+      hdRoleQuery: new HdQuery(this, 100),
+      userId: '',
+      roleFindUrl: '',
+      roleAuthNum: 0, //已授权角色数
+    }
+  },
+  mounted() {
+    // this.doQuery()
+  },
+  methods: {
+    rowClick(row) {
+      // 显示loading框
+      this.userId = row.userId
+      this.hdRoleQuery.add('userId', row.userId)
+      this.findRoleAuthNum()
+      this.$refs.rolegrid.doQuery().then(() => {
+        //summary有时候显示不了,调用el-table的doLayout方法对el-table封装了2层,所以需要3个refs
+        this.$refs.rolegrid.$refs.hdgrid.$refs.ingrid.doLayout()
+      })
     },
-    methods: {
-      rowClick(row) {
-        // 显示loading框
-        this.userId = row.userId
-        this.hdRoleQuery.add('userId', row.userId)
-        this.findRoleAuthNum()
-        this.$refs.rolegrid.doQuery().then(() => {
-          //summary有时候显示不了,调用el-table的doLayout方法对el-table封装了2层,所以需要3个refs
-          this.$refs.rolegrid.$refs.hdgrid.$refs.ingrid.doLayout()
-        })
-      },
-      findRoleAuthNum() {
-        this.$http.post('/webresources/login/privilege/AuthRole/findRoleAuthNum', this.hdRoleQuery).then(response => {
+    findRoleAuthNum() {
+      this.$http
+        .post(
+          '/webresources/login/privilege/AuthRole/findRoleAuthNum',
+          this.hdRoleQuery
+        )
+        .then((response) => {
           this.roleAuthNum = response.data
         })
-      },
-      updateUserRole(row) {
-        if (row.checked) {
-          this.$http.get(`/webresources/login/privilege/AuthRole/addRoleUser/${row.roleId}/${this.userId}`).then(response => {
+    },
+    updateUserRole(row) {
+      if (row.checked) {
+        this.$http
+          .get(
+            `/webresources/login/privilege/AuthRole/addRoleUser/${row.roleId}/${this.userId}`
+          )
+          .then((response) => {
             this.roleAuthNum = this.roleAuthNum + 1
           })
-        } else {
-          this.$http.get(`/webresources/login/privilege/AuthRole/removeRoleUser/${row.roleId}/${this.userId}`).then(response => {
+      } else {
+        this.$http
+          .get(
+            `/webresources/login/privilege/AuthRole/removeRoleUser/${row.roleId}/${this.userId}`
+          )
+          .then((response) => {
             this.roleAuthNum = this.roleAuthNum - 1
           })
+      }
+    },
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (column.property == 'name') {
+          sums[index] = '已授权'
+          return
         }
-      },
-      getSummaries(param) {
-        const {columns, data} = param;
-        const sums = [];
-        columns.forEach((column, index) => {
-          if (column.property == 'name') {
-            sums[index] = '已授权';
-            return;
-          }
-          if (column.property == 'fix_btn') {
-            sums[index] = this.roleAuthNum
-            return;
-          }
-        });
-        return sums;
-      },
-    }
-  }
-
+        if (column.property == 'fix_btn') {
+          sums[index] = this.roleAuthNum
+          return
+        }
+      })
+      return sums
+    },
+  },
+}
 </script>

package/vite.config.js

@@ -2,6 +2,7 @@ import { fileURLToPath, URL } from "node:url";
 
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import commonjs from "@rollup/plugin-commonjs";
 import path from "path";
 
 import requireTransform from "vite-plugin-require-transform";
@@ -14,6 +15,7 @@ import autoprefixer from "autoprefixer";
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
+    commonjs(),
     vue(),
     requireTransform({
       fileRegex: /.js$|.vue$/,
@@ -38,6 +40,11 @@ export default defineConfig({
     extensions: [".js", ".ts", ".vue", ".json"],
   },
   css: {
+    preprocessorOptions: {
+      scss: {
+        silenceDeprecations: ['legacy-js-api'] // 忽略警告
+      }
+    },
     postcss: {
       plugins: [
         postcssImport,

package/dist/assets/index.774ef40e.css

@@ -1 +0,0 @@
-@charset "UTF-8";.sortable-ghost{opacity:.8;color:#fff!important;background:#42b983!important}.gridShow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.gridShow .el-table{height:100%;width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.gridShow .el-table .el-table__body-wrapper{width:100%;padding-bottom:30px}.gridShow .el-table .el-table__header-wrapper th{background-color:#f6f6f6}.gridShow .el-table .el-table__fixed-header-wrapper th{background-color:#8cbda4}.gridShow .el-table td,.gridShow .el-table th{padding:2px 0}.gridShow .el-table .cell,.gridShow .el-table .el-table th div,.gridShow .el-table .el-table--border th:first-child .cell,.gridShow .el-table .el-table--border td:first-child .cell{padding-left:2px!important;padding-right:2px!important}.icon-star[data-v-c2929053]{margin-right:2px}.drag-handler[data-v-c2929053]{width:20px;height:20px;cursor:pointer}.show-d[data-v-c2929053]{margin-top:15px}.hdBtn{cursor:pointer}.hdgrid[data-v-317d9a96]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.hdgrid[data-v-317d9a96] .el-table{height:100%;width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.hdgrid[data-v-317d9a96] .el-table th.gutter{display:table-cell!important}.hdgrid[data-v-317d9a96] .el-table .el-table__header-wrapper th,.hdgrid[data-v-317d9a96] .el-table .el-table__fixed-header-wrapper th{background-color:#f6f6f6}.hdgrid[data-v-317d9a96] .el-table td,.hdgrid[data-v-317d9a96] .el-table th{padding:1px 0}.hdgrid[data-v-317d9a96] .el-table .cell,.hdgrid[data-v-317d9a96] .el-table .el-table th div,.hdgrid[data-v-317d9a96] .el-table .el-table--border th:first-child .cell,.hdgrid[data-v-317d9a96] .el-table .el-table--border td:first-child .cell{padding:1.5px 0 1.5px 4px!important}.hdgrid[data-v-317d9a96] .el-table .el-table__empty-block{position:static;text-align:center;width:100%;height:80%}.hdgrid[data-v-317d9a96] .el-table .el-table__body{margin-bottom:10px}.hdgrid[data-v-317d9a96] .el-table .el-table__body-wrapper{height:100%;overflow:auto}.hdgrid[data-v-317d9a96] .el-table .el-input__inner{height:27px;margin-bottom:0;line-height:27px}.hdgrid[data-v-317d9a96] .el-table .el-input,.hdgrid[data-v-317d9a96] .el-table .el-form-item__content,.hdgrid[data-v-317d9a96] .el-table .el-form-item__label,.hdgrid[data-v-317d9a96] .el-table .el-input__icon{line-height:30px}.hdgrid[data-v-317d9a96] .el-table .el-input__inner{padding:5px}.hdgrid[data-v-317d9a96] .el-table .el-input--prefix .el-input__inner{padding-left:30px}.hdgrid[data-v-317d9a96] .el-table .cell{min-width:20px}.hdgrid[data-v-317d9a96] .el-table .checkBox .cell{overflow:inherit}.hdgrid[data-v-317d9a96] .el-table .checkBox .cell .el-checkbox,.hdgrid[data-v-317d9a96] .el-table .checkBox .cell .el-checkbox__input{position:inherit}.hdBtnTool[data-v-317d9a96]{font-weight:700;vertical-align:middle;margin-left:20px}@keyframes treeTableShow{0%{opacity:0}to{opacity:1}}@-webkit-keyframes treeTableShow{0%{opacity:0}to{opacity:1}}.ms-tree-space[data-v-5c6ebc10]{position:relative;top:1px;display:inline-block;font-style:normal;font-weight:400;line-height:1;width:8px;height:14px}.ms-tree-space[data-v-5c6ebc10]:before{content:""}.processContainer[data-v-5c6ebc10]{width:100%;height:100%}table td[data-v-5c6ebc10]{line-height:26px}.tree-ctrl[data-v-5c6ebc10]{position:relative;cursor:pointer;color:#2196f3;margin-left:-8px}.el-table[data-v-5c6ebc10]{height:100%;width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.el-table .el-table__body-wrapper[data-v-5c6ebc10]{width:100%}.el-table .el-table__header-wrapper th[data-v-5c6ebc10],.el-table .el-table__fixed-header-wrapper th[data-v-5c6ebc10]{background-color:#f6f6f6}.el-table td[data-v-5c6ebc10],.el-table th[data-v-5c6ebc10]{padding:1px 0}.el-table .cell[data-v-5c6ebc10],.el-table .el-table th div[data-v-5c6ebc10],.el-table .el-table--border th:first-child .cell[data-v-5c6ebc10],.el-table .el-table--border td:first-child .cell[data-v-5c6ebc10]{padding:1.5px 1px 1.5px 5px!important}.el-table .el-table__empty-block[data-v-5c6ebc10]{position:static;text-align:center;width:100%;height:80%}.el-table .el-table__body[data-v-5c6ebc10]{margin-bottom:10px}.el-table .el-table__body-wrapper[data-v-5c6ebc10]{height:100%;overflow-y:auto}.el-table .el-input__inner[data-v-5c6ebc10]{height:27px;margin-bottom:0}.el-table .el-input[data-v-5c6ebc10],.el-table .el-form-item__content[data-v-5c6ebc10],.el-table .el-form-item__label[data-v-5c6ebc10],.el-table .el-input__icon[data-v-5c6ebc10]{line-height:30px}.el-table .el-input__inner[data-v-5c6ebc10]{padding:5px}.el-table .el-input--prefix .el-input__inner[data-v-5c6ebc10]{padding-left:30px}.wrapperChg{position:static!important;z-index:1}.dialogChg{position:absolute!important;z-index:1001;left:0;right:0}.hdAside[data-v-af453015]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.asideDrag[data-v-af453015]{width:5px;height:100%;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.moveline[data-v-af453015]{width:5px;height:100%;overflow:hidden;position:fixed;cursor:ew-resize;background-color:red;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dragShowCls[data-v-af453015]{background-color:#409eff}.hdFooter[data-v-9d91135b]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.asideDrag[data-v-9d91135b]{width:100%;height:5px;overflow:hidden;cursor:ns-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.moveline[data-v-9d91135b]{width:100%;height:5px;overflow:hidden;position:fixed;cursor:ns-resize;background-color:red;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dragShowCls[data-v-9d91135b]{background-color:#409eff}.hdHeader{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.asideDrag{width:100%;height:5px;overflow:hidden;cursor:ns-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.moveline{width:100%;height:5px;overflow:hidden;position:fixed;cursor:ns-resize;background-color:red;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dragShowCls{background-color:#409eff}.hdMain{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.gridShow .el-table{height:100%;width:100%}.gridShow .el-table .el-table__body-wrapper{width:100%}.gridShow .el-table .el-table__header-wrapper th,.gridShow .el-table .el-table__fixed-header-wrapper th{background-color:#f6f6f6}.gridShow .el-table td,.gridShow .el-table th{padding:1px 0}.gridShow .el-table .cell,.gridShow .el-table .el-table th div,.gridShow .el-table .el-table--border th:first-child .cell,.gridShow .el-table .el-table--border td:first-child .cell{padding:1.5px 1px 1.5px 5px!important}.gridShow .el-table .el-table__empty-block{position:static;text-align:center;width:100%;height:80%}.gridShow .el-table .el-table__body{margin-bottom:10px}.gridShow .el-table .el-table__body-wrapper{height:100%;overflow-y:auto}.gridShow .el-table .el-input__inner{height:27px;margin-bottom:0}.gridShow .el-table .el-input,.gridShow .el-table .el-form-item__content,.gridShow .el-table .el-form-item__label,.gridShow .el-table .el-input__icon{line-height:30px}.gridShow .el-table .el-input__inner{padding:5px}.gridShow .el-table .el-input--prefix .el-input__inner{padding-left:30px}.gridShow .el-tag+.el-tag{margin-left:10px}.gridShow .button-new-tag{margin-left:10px;height:32px;line-height:30px;padding-top:0;padding-bottom:0}.gridShow .input-new-tag{width:90px;margin-left:10px;vertical-align:bottom}#excel-upload-input[data-v-c85ea50f]{display:none;z-index:-9999}.excelSel[data-v-c85ea50f]{border:2px dashed #bbb;width:600px;height:160px;line-height:80px;margin:0 auto;font-size:24px;border-radius:5px;text-align:center;color:#bbb;position:relative}[data-v-bcad743d] .gray-row{background:#DCDCDC}.lucencyInput .el-input__inner{border:0px}.el-popper{z-index:3000!important}.lucencyInput .el-input__inner[data-v-424ceb2f]{border:0px}.el-cascader[data-v-424ceb2f]{width:100%}.el-dialog[data-v-de1b84aa]{height:100%}.scroll-container[data-v-cb872a90]{white-space:nowrap;position:relative;overflow:hidden}.scroll-container .scroll-wrapper[data-v-cb872a90]{position:absolute}.tags-view-container .tags-view-item[data-v-417ea5ff]{display:inline-block;position:relative;height:26px;line-height:26px;border:1px solid #d8dce5;color:#495060;background:#fff;padding:0 8px;font-size:12px;margin-left:5px;margin-top:4px}.tags-view-container .tags-view-item[data-v-417ea5ff]:first-of-type{margin-left:15px}.tags-view-container .tags-view-item.active[data-v-417ea5ff]{background-color:#409eff;color:#fff;border-color:#409eff}.tags-view-container .tags-view-item.active[data-v-417ea5ff]:before{content:"";background:#fff;display:inline-block;width:8px;height:8px;border-radius:50%;position:relative;margin-right:2px}.tags-view-container .tags-view-item .el-icon-close[data-v-417ea5ff]{width:16px;height:16px;vertical-align:2px;border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.tags-view-container .tags-view-item .el-icon-close[data-v-417ea5ff]:before{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);display:inline-block;vertical-align:-3px}.tags-view-container .tags-view-item .el-icon-close[data-v-417ea5ff]:hover{background-color:#b4bccc;color:#fff}.navbar[data-v-fc375a93]{height:30px;line-height:40px;border-radius:0!important}.navbar .hamburger-container[data-v-fc375a93]{float:left;padding:0 10px}.navbar .breadcrumb-container[data-v-fc375a93]{float:left}.navbar .errLog-container[data-v-fc375a93]{display:inline-block;vertical-align:top}.navbar .right-menu[data-v-fc375a93]{float:right;height:100%}.navbar .right-menu[data-v-fc375a93]:focus{outline:none}.navbar .right-menu .right-menu-item[data-v-fc375a93]{display:inline-block;margin:0 8px}.navbar .right-menu .screenfull[data-v-fc375a93]{vertical-align:middle;height:40px}.navbar .right-menu .international[data-v-fc375a93]{vertical-align:top}.navbar .right-menu .international .international-icon[data-v-fc375a93]{font-size:20px;cursor:pointer;vertical-align:-5px}.navbar .right-menu .theme-switch[data-v-fc375a93]{vertical-align:15px}.navbar .right-menu .avatar-container[data-v-fc375a93]{height:40px;margin-right:30px}.navbar .right-menu .avatar-container .avatar-wrapper[data-v-fc375a93]{cursor:pointer;margin-top:5px;position:relative}.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-fc375a93]{width:30px;height:30px;border-radius:10px}.navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-fc375a93]{position:absolute;right:-20px;top:25px;font-size:12px}.header-search[data-v-12696c8d]{font-size:0!important}.header-search .search-icon[data-v-12696c8d]{font-size:18px;vertical-align:middle;display:inline-block;cursor:pointer;fill:#e4e9ef}.header-search .header-search-select[data-v-12696c8d]{font-size:18px;-webkit-transition:width .2s;transition:width .2s;width:0;overflow:hidden;background:transparent;border-radius:0;display:inline-block;vertical-align:middle}.header-search .header-search-select[data-v-12696c8d] .el-input__inner{border-radius:0;border:0;padding-left:0;padding-right:0;box-shadow:none!important;border-bottom:1px solid #d9d9d9;vertical-align:middle}.header-search.show .header-search-select[data-v-12696c8d]{width:150px;margin-left:10px}.right-menu-item[data-v-47ff456d]{display:inline-block;margin:0 8px}.item[data-v-47ff456d]{position:absolute;z-index:2000;margin-left:-10px}.el-icon-caret-bottom[data-v-47ff456d]:before{content:""!important}.app-main{height:100%;overflow:auto}.hamburger[data-v-ab738f2a]{display:inline-block;cursor:pointer;width:20px;height:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.38s;transition:.38s;-webkit-transform-origin:30% 50%;-ms-transform-origin:30% 50%;transform-origin:30% 50%}.hamburger.is-active[data-v-ab738f2a]{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}ul[data-v-7c9294c8],ol[data-v-7c9294c8]{list-style:none}.clearfix[data-v-7c9294c8]:after{clear:both;content:".";display:block;height:0;visibility:hidden}.clearfix[data-v-7c9294c8]{display:inline-table}html .clearfix[data-v-7c9294c8]{height:1%}.clearfix[data-v-7c9294c8]{display:block}.ma[data-v-7c9294c8]{margin-left:auto;margin-right:auto}.w980[data-v-7c9294c8]{width:980px}.mt10[data-v-7c9294c8]{margin-top:10px}.product_sortBg[data-v-7c9294c8]{background-color:#ededed}.menuSvg[data-v-7c9294c8]{height:30px;background-color:#ededed;border-bottom:solid 1px #bbb;text-align:center;color:#f0f0f0;padding-top:5px}.hamburger[data-v-4e6f274c][data-v-7c9294c8]{width:16px!important;height:16px!important;fill:#bbb}.product_sort[data-v-7c9294c8]{height:calc(100vh - 80px);position:relative;z-index:999}.product_sort .hd[data-v-7c9294c8]{line-height:40px;text-indent:20px;font-size:15px;font-weight:700;color:#fff}.product_sort .bd[data-v-7c9294c8]{padding-bottom:10px}.product_sort .bd .item[data-v-7c9294c8]{border-bottom:solid 1px #bbb;height:50px;position:relative}.product_sort .bd .item .title[data-v-7c9294c8]{text-indent:13px;height:50px;overflow:hidden;line-height:50px;font-size:15px;font-weight:700}.product_sort .bd .item .title a[data-v-7c9294c8]{position:relative}.product_sort .bd .item .title .fa[data-v-7c9294c8]{font-size:16px;margin-right:5px;width:20px!important;height:20px!important;display:block!important;float:left;margin-top:15px}.product_sortSelected[data-v-7c9294c8]{background-color:#409eff}.product_sortUnselected[data-v-7c9294c8]{background-color:#666}.product_sortTwo[data-v-7c9294c8]{width:820px;min-height:30px;max-height:400px;overflow-y:auto;position:absolute;left:142px;padding-top:10px;padding-bottom:5px;border:1px solid #b6b6b6;color:#494949;background:#FFF}.product_sortTwoDiv[data-v-7c9294c8]{width:770px;float:left;margin-left:25px;margin-bottom:5px;padding-bottom:0}.product_sortTwoBottomLine[data-v-7c9294c8]{border:0px;padding-bottom:0}.product_sortSpan[data-v-7c9294c8]{color:#0555a6;font-weight:700;display:block;float:left;width:100%;height:30px;line-height:30px;margin-right:10px;border-bottom:1px solid #ccc}.product_sortSpan a[data-v-7c9294c8]{display:inline-block}.product_sortTwoMenu[data-v-7c9294c8]{width:100%;float:left;margin-top:5px}.product_sortTwoMenu>a[data-v-7c9294c8]{min-width:50px;width:auto!important;height:30px;line-height:30px;float:left;color:#646464;display:block;margin-right:10px}.product_sortTwoMenu a[data-v-7c9294c8]:hover{color:#888}.product_sortTwo678[data-v-7c9294c8],.product_sortTwo9[data-v-7c9294c8]{width:850px;min-height:30px;height:auto!important;position:absolute;left:142px;padding-top:10px;padding-bottom:10px;border:1px solid #b6b6b6;color:#494949;background:#FFF;bottom:0px}.product_sort .bd .item .list[data-v-7c9294c8]{padding-left:5px;height:30px;line-height:30px;overflow:hidden}.product_sort .bd .item .list a[data-v-7c9294c8]{color:#333}.product_sort .bd .item .list a[data-v-7c9294c8]:hover{text-decoration:underline}.product_sort .bd .item .arrow[data-v-7c9294c8]{font-size:12px;color:#333;position:absolute;right:10px;top:18px}.product_sort .bd .menuvisit .arrow[data-v-7c9294c8]{font-size:12px;color:#fff;position:absolute;right:10px;top:18px}.product_sort .bd .item .line[data-v-7c9294c8]{position:absolute;right:-2px;top:0px;width:2px;height:55px;background-color:#fff;z-index:999;display:none}.product_sort .bd .item .subitem[data-v-7c9294c8]{display:none}.product_sort .bd .layer .line[data-v-7c9294c8],.product_sort .bd .layer .arrow[data-v-7c9294c8]{display:block}.product_sort .bd .layer .subitem[data-v-7c9294c8]{width:731px;background:#fff;border:solid 1px #dbd4d5;border-left:none;position:absolute;top:-1px;z-index:999;min-height:55px;height:auto!important;height:55px;padding:10px 20px;display:block}.product_sort[data-v-7c9294c8] .el-scrollbar__wrap{overflow-x:hidden}.product_sort[data-v-7c9294c8] .is-horizontal{height:0}.hd-layout[data-v-8c317a60]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.hd-layout .hd-header[data-v-8c317a60]{height:52px;width:100%}.hd-layout .hd-content[data-v-8c317a60]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.hd-layout .hd-content .hd-menu[data-v-8c317a60]{width:50px}.hd-layout .hd-content .hd-main[data-v-8c317a60]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.header-search[data-v-15373f87]{font-size:0!important}.header-search .search-icon[data-v-15373f87]{font-size:18px;vertical-align:middle;display:inline-block;cursor:pointer;fill:#e4e9ef}.header-search .header-search-select[data-v-15373f87]{font-size:18px;-webkit-transition:width .2s;transition:width .2s;width:0;overflow:hidden;background:transparent;border-radius:0;display:inline-block;vertical-align:middle}.header-search .header-search-select[data-v-15373f87] .el-input__inner{border-radius:0;border:0;padding-left:0;padding-right:0;box-shadow:none!important;border-bottom:1px solid #d9d9d9;vertical-align:middle}.header-search.show .header-search-select[data-v-15373f87]{width:150px;margin-left:10px}