hd-idevvue3 3.0.2 → 3.0.4

package/src/hdcom/HdGrid.vue

@@ -1,26 +1,51 @@
 <template>
-  <div :style="{width: '100%',height:height}" class="hdgrid" ref="grid">
+  <div :style="{ width: '100%', height: height }" class="hdgrid" ref="grid">
     <div v-show="queryShow">
       <slot name="query"></slot>
     </div>
-    <div style="height: 0px;" v-if="!noSets">
-      <el-dropdown @command="extSets"
-                   style="float:right;height:0;width:20px;position: relative;right:0px;text-align: center;z-index: 100;cursor:pointer;font-size: 25px">
+    <div style="height: 0px" v-if="!noSets">
+      <el-dropdown
+        @command="extSets"
+        style="
+          float: right;
+          height: 0;
+          width: 20px;
+          position: relative;
+          right: 0px;
+          text-align: center;
+          z-index: 100;
+          cursor: pointer;
+          font-size: 25px;
+        "
+      >
         <span class="el-dropdown-link">
-          <i :style="{'font-size':'13px', color: isGridCustom ? 'red !important': ''}" class="fa fa-cogs"></i>
+          <i
+            :style="{
+              'font-size': '13px',
+              color: isGridCustom ? 'red !important' : '',
+            }"
+            class="fa fa-cogs"
+          ></i>
         </span>
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item command="gridSets">{{$t('自定义展示')}}</el-dropdown-item>
-          <el-dropdown-item command="pageExcel">{{$t('导出当页excel')}}
+          <el-dropdown-item command="gridSets">{{
+            $t('自定义展示')
+          }}</el-dropdown-item>
+          <el-dropdown-item command="pageExcel"
+            >{{ $t('导出当页excel') }}
           </el-dropdown-item>
           <el-dropdown-item :disabled="excelAllExporting" command="allExcel">
-            {{excelAllExporting ? $t('正在导出') : $t('导出全部excel') }}
+            {{ excelAllExporting ? $t('正在导出') : $t('导出全部excel') }}
           </el-dropdown-item>
           <el-dropdown-item :disabled="pdfAllExporting" command="allPdf">
-            {{pdfAllExporting ? $t('正在生成') : $t('pdf打印') }}
+            {{ pdfAllExporting ? $t('正在生成') : $t('pdf打印') }}
           </el-dropdown-item>
-          <el-dropdown-item command="queryToggle">{{queryShow ? $t('隐藏查询区') : $t('显示查询区')}}</el-dropdown-item>
-          <el-dropdown-item command="exFieldSets" v-if="exField.open">{{$t('添加扩展字段')}}</el-dropdown-item>
+          <el-dropdown-item command="queryToggle">{{
+            queryShow ? $t('隐藏查询区') : $t('显示查询区')
+          }}</el-dropdown-item>
+          <el-dropdown-item command="exFieldSets" v-if="exField.open">{{
+            $t('添加扩展字段')
+          }}</el-dropdown-item>
           <slot name="extSets"></slot>
         </el-dropdown-menu>
       </el-dropdown>
@@ -29,39 +54,88 @@
       <!--</el-button>-->
     </div>
 
-    <el-table :data="hdResultComRows" :default-sort="defaultSort" :row-class-name="rowClassName"
-              :stripe="$attrs.stripe==undefined?true:$attrs.stripe" @row-click="myrowClick"
-              @row-dblclick="myrowDblClick" @row-contextmenu="myrowContextmenu" @selection-change="myselectionChange"
-              @sort-change="dodefaultSort" border element-loading-text="加载中..." height="100%" highlight-current-row
-              ref="ingrid" v-bind="$attrs" v-if="gridCanReload" v-on="$listeners" @filter-change="filterChange">
-
+    <el-table
+      :data="hdResultComRows"
+      :default-sort="defaultSort"
+      :row-class-name="rowClassName"
+      :stripe="$attrs.stripe == undefined ? true : $attrs.stripe"
+      @row-click="myrowClick"
+      @row-dblclick="myrowDblClick"
+      @row-contextmenu="myrowContextmenu"
+      @selection-change="myselectionChange"
+      @sort-change="dodefaultSort"
+      border
+      element-loading-text="加载中..."
+      height="100%"
+      highlight-current-row
+      ref="ingrid"
+      v-bind="$attrs"
+      v-if="gridCanReload"
+      v-on="$listeners"
+      @filter-change="filterChange"
+    >
       <template v-if="!visualScroll">
-        <ExTableColumn :showOverflowTooltip="false" align="center" class-name="backFF" noEdit noSlot type="selection"
-                       v-if="!ckHide" width="30" @click.native="selectClick"></ExTableColumn>
-        <ex-table-column :showOverflowTooltip="false" align="center" noEdit noSlot type="index" v-if="!indexHide"
-                         width="40">
+        <ExTableColumn
+          :showOverflowTooltip="false"
+          align="center"
+          class-name="backFF"
+          noEdit
+          noSlot
+          type="selection"
+          v-if="!ckHide"
+          width="30"
+          @click.native="selectClick"
+        ></ExTableColumn>
+        <ex-table-column
+          :showOverflowTooltip="false"
+          align="center"
+          noEdit
+          noSlot
+          type="index"
+          v-if="!indexHide"
+          width="40"
+        >
           <template slot="header" slot-scope="scope">
             <span>#</span>
           </template>
         </ex-table-column>
       </template>
       <template v-else>
-        <ex-table-column :showOverflowTooltip="true" align="center" class-name="checkBox" noEdit noSlot v-if="!ckHide"
-                         width="30">
+        <ex-table-column
+          :showOverflowTooltip="true"
+          align="center"
+          class-name="checkBox"
+          noEdit
+          noSlot
+          v-if="!ckHide"
+          width="30"
+        >
           <template slot="header" slot-scope="scope">
-            <el-checkbox :indeterminate="isSubChecked" :value="isAllChecked" @change="checkAllChange" />
+            <el-checkbox
+              :indeterminate="isSubChecked"
+              :model-value="isAllChecked"
+              @change="checkAllChange"
+            />
           </template>
           <template slot-scope="scope">
             <el-checkbox v-model="scope.row._isCK" />
           </template>
         </ex-table-column>
-        <ex-table-column :index="getIndex" :showOverflowTooltip="true" align="center" noEdit noSlot type="index"
-                         v-if="!indexHide" width="40">
+        <ex-table-column
+          :index="getIndex"
+          :showOverflowTooltip="true"
+          align="center"
+          noEdit
+          noSlot
+          type="index"
+          v-if="!indexHide"
+          width="40"
+        >
           <template slot="header" slot-scope="scope">
             <span>#</span>
           </template>
           <template slot-scope="scope">
-            {{scope.$index + startIndex + 1}}
+            {{ scope.$index + startIndex + 1 }}
           </template>
         </ex-table-column>
       </template>
@@ -75,48 +149,126 @@
       </template>
 
       <template v-if="!recHide">
-
-        <el-table-column align="left" header-align="center" label="创建人" noEdit prop="recNam" sortable width="auto">
+        <el-table-column
+          align="left"
+          header-align="center"
+          label="创建人"
+          noEdit
+          prop="recNam"
+          sortable
+          width="auto"
+        >
         </el-table-column>
-        <el-table-column :inputProp="$date" align="center" input="el-date-picker" label="创建时间" noEdit prop="recTim"
-                         sortable width="135px">
+        <el-table-column
+          :inputProp="$date"
+          align="center"
+          input="el-date-picker"
+          label="创建时间"
+          noEdit
+          prop="recTim"
+          sortable
+          width="135px"
+        >
         </el-table-column>
-        <el-table-column align="left" header-align="center" label="更新人" noEdit prop="updNam" sortable width="auto">
+        <el-table-column
+          align="left"
+          header-align="center"
+          label="更新人"
+          noEdit
+          prop="updNam"
+          sortable
+          width="auto"
+        >
         </el-table-column>
-        <el-table-column :inputProp="$date" align="center" input="el-date-picker" label="更新时间" noEdit prop="updTim"
-                         sortable width="135px">
+        <el-table-column
+          :inputProp="$date"
+          align="center"
+          input="el-date-picker"
+          label="更新时间"
+          noEdit
+          prop="updTim"
+          sortable
+          width="135px"
+        >
         </el-table-column>
       </template>
     </el-table>
     <!--虚拟滚动条支持1w条 -->
-    <div class="pagination-container" ref="pagecon" style="height:26px;overflow: hidden"
-         v-if="!pageHide || showBtnTool">
-      <div style="float:left" v-if="showBtnTool">
+    <div
+      class="pagination-container"
+      ref="pagecon"
+      style="height: 26px; overflow: hidden"
+      v-if="!pageHide || showBtnTool"
+    >
+      <div style="float: left" v-if="showBtnTool">
         <slot name="btnTool">
-          <hd-btn icon="el-icon-plus" hint="增加" @click="doAdd" vid="doAdd" class="hdBtnTool" v-if="!addHide"
-                  keyType="add"></hd-btn>
-          <hd-btn icon="el-icon-minus" hint="删除" @click="doRemove" class="hdBtnTool" v-if="!delHide" keyType="del">
+          <hd-btn
+            icon="el-icon-plus"
+            hint="增加"
+            @click="doAdd"
+            vid="doAdd"
+            class="hdBtnTool"
+            v-if="!addHide"
+            keyType="add"
+          ></hd-btn>
+          <hd-btn
+            icon="el-icon-minus"
+            hint="删除"
+            @click="doRemove"
+            class="hdBtnTool"
+            v-if="!delHide"
+            keyType="del"
+          >
           </hd-btn>
-          <hd-btn icon="el-icon-check" hint="保存" @click="doSave" class="hdBtnTool" v-if="!saveHide" keyType="save">
+          <hd-btn
+            icon="el-icon-check"
+            hint="保存"
+            @click="doSave"
+            class="hdBtnTool"
+            v-if="!saveHide"
+            keyType="save"
+          >
           </hd-btn>
         </slot>
         <!--        <hd-btn icon="el-icon-copy-document" hint="复制" @click="doCopy" class="hdBtnTool" style="color:#409EFF;"-->
         <!--                v-if="!copyHide" keyType="copy"></hd-btn>-->
       </div>
-      <el-pagination :current-page.sync="hdQuery.page" :page-size="hdQuery.rows" :page-sizes="pageSizeArray"
-                     :total="hdResult.total" @current-change="hdQuery.doCurPageChange" @size-change="rowSizeChg"
-                     layout=" total, slot, prev, pager, next,sizes" small style="float:right" v-if="!pageHide">
+      <el-pagination
+        :current-page.sync="hdQuery.page"
+        :page-size="hdQuery.rows"
+        :page-sizes="pageSizeArray"
+        :total="hdResult.total"
+        @current-change="hdQuery.doCurPageChange"
+        @size-change="rowSizeChg"
+        layout=" total, slot, prev, pager, next,sizes"
+        small
+        style="float: right"
+        v-if="!pageHide"
+      >
       </el-pagination>
     </div>
     <GridShow @save-ok="gridShow()" ref="gridShow" v-if="gridShowIs"></GridShow>
-    <GridExField :columnList="exField.columnList" :gridCode="exField.gridCode" :table="exField.table"
-                 @save-ok="exFieldShow()" ref="exFieldShow" v-if="exField.open && exFieldShowIs"></GridExField>
+    <GridExField
+      :columnList="exField.columnList"
+      :gridCode="exField.gridCode"
+      :table="exField.table"
+      @save-ok="exFieldShow()"
+      ref="exFieldShow"
+      v-if="exField.open && exFieldShowIs"
+    ></GridExField>
     <!--   <GridExFieldBak @save-ok="exFieldShow()" ref="exFieldShow" v-if="exField.open && exFieldShowIs" :table="exField.table"
-                    :columnList="exField.columnList" :gridCode="exField.gridCode"></GridExFieldBak>
-    -->
+                        :columnList="exField.columnList" :gridCode="exField.gridCode"></GridExFieldBak>
+        -->
     <!-- <PdfShow :gening="pdfAllExporting" @close="pdfShowIs=false" ref="pdfshow" v-if="pdfShowIs"></PdfShow> -->
-    <hd-right-menu ref="rightMenu" @do-add="doAdd" @do-update="doUpdateOne" @do-remove="doRemoveOne"
-                   @do-copy="doCopyOne" v-if="rightMenuOpen" v-show="rightMenuVisable">
+    <hd-right-menu
+      ref="rightMenu"
+      @do-add="doAdd"
+      @do-update="doUpdateOne"
+      @do-remove="doRemoveOne"
+      @do-copy="doCopyOne"
+      v-if="rightMenuOpen"
+      v-show="rightMenuVisable"
+    >
       <template slot="rightMenu">
         <slot name="rightMenu"></slot>
       </template>
@@ -132,10 +284,10 @@ import GridShow from './GridShow'
 import GridExField from './GridExField'
 import HdGridExt from './HdGridExt.js'
 // import PdfShow from './PdfShow'
-import BigGrid from "./BigGrid.js";
-import ExtendColumn from "./ExtendColumn";
+import BigGrid from './BigGrid.js'
+import ExtendColumn from './ExtendColumn'
 import HdBtn from './HdBtn'
-import HdRightMenu from "./HdRightMenu";
+import HdRightMenu from './HdRightMenu'
 
 /**
  * 通常不需要直接调用,HdComGrid中已经封装
@@ -152,14 +304,14 @@ export default {
       chiCol: [], // 存在嵌套列时
       colThis: [], // column this对象
       menuId: '',
-      gridId: '',//唯一标识
+      gridId: '', //唯一标识
       queryShow: true,
       excelAllExporting: false, // true为正在导出的loading
       pdfAllExporting: false,
       gridShowIs: false,
       exFieldShowIs: false,
-      pdfShowIs: false,//pdf组件是否显示,因为不常用直接v-if
-      gridCanReload: true,// 组件失效重新生成用的,相当于局部刷新
+      pdfShowIs: false, //pdf组件是否显示,因为不常用直接v-if
+      gridCanReload: true, // 组件失效重新生成用的,相当于局部刷新
       isGridCustom: false,
       exFieldRows: [],
       rightMenuVisable: false,
@@ -193,27 +345,31 @@ export default {
     hdAllResult: Object, // 可能是列表数据,或者导出的excel数据
     hdQuery: {
       type: Object,
-      default: function () { // updTimFirst是因为会触发HdQuery的排序及查询,默认不让查询
+      default: function () {
+        // updTimFirst是因为会触发HdQuery的排序及查询,默认不让查询
         return {}
-      }
+      },
     },
     height: {
       type: String,
-      default: function () { // 默认空对象,防止出错
+      default: function () {
+        // 默认空对象,防止出错
         return '100%'
-      }
+      },
     },
-    noSets: {// 是否显示自定义列和导出excel,默认显示
+    noSets: {
+      // 是否显示自定义列和导出excel,默认显示
       type: Boolean,
       default: function () {
         return false
-      }
+      },
     },
     defaultSort: {
       type: Object,
-      default: function () { // updTimFirst是因为会触发HdQuery的排序及查询,默认不让查询
+      default: function () {
+        // updTimFirst是因为会触发HdQuery的排序及查询,默认不让查询
         return { prop: 'updTim', order: 'descending' }
-      }
+      },
     },
     pageHide: Boolean,
     ckHide: Boolean, // 是否显示checkbox默认显示
@@ -221,8 +377,8 @@ export default {
     recHide: Boolean, // 是否显示创建人 默认显示
     rowClassName: Function,
     noExcelExport: [Array], // 导出excel时不处理的字段
-    excelPropHeader: Boolean,// 导出excel是否包含属性头,默认false,导入excel如果需要模板,可以开启,并且会导出所有属性
-    visualScroll: Boolean,//启动虚拟滚动条,默认false
+    excelPropHeader: Boolean, // 导出excel是否包含属性头,默认false,导入excel如果需要模板,可以开启,并且会导出所有属性
+    visualScroll: Boolean, //启动虚拟滚动条,默认false
     pageSizes: [Array],
     exField: {
       type: Object,
@@ -230,31 +386,37 @@ export default {
         return {
           open: false,
           table: null,
-          columnList: null
+          columnList: null,
         }
-      }
+      },
     },
     excelFormatter: Function,
-    addHide: Boolean,//隐藏grid列表底部的按钮工具栏里的增加按钮
-    delHide: Boolean,//隐藏grid列表底部的按钮工具栏里的删除按钮
-    saveHide: Boolean,//隐藏grid列表底部的按钮工具栏里的保存按钮
-    copyHide: Boolean,//隐藏grid列表底部的按钮工具栏里的复制按钮
+    addHide: Boolean, //隐藏grid列表底部的按钮工具栏里的增加按钮
+    delHide: Boolean, //隐藏grid列表底部的按钮工具栏里的删除按钮
+    saveHide: Boolean, //隐藏grid列表底部的按钮工具栏里的保存按钮
+    copyHide: Boolean, //隐藏grid列表底部的按钮工具栏里的复制按钮
     hdBtnTool: {
       type: Boolean,
-      default: true
-    },//显示、隐藏grid列表底部的整个按钮工具栏
+      default: true,
+    }, //显示、隐藏grid列表底部的整个按钮工具栏
     rightMenuOpen: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   created() {
     //自定义列表展示:vue界面的组件名+parent的组件(调用该组件的组件名+上级组件(如el-main)
     //当vue界面是菜单入口时_componentTag是undefined,此时name替代(name自动注入)
     if (this.$parent.$vnode.context.$options._componentTag) {
-      this.gridId = this.$parent.$vnode.context.$options._componentTag + '_' + this.$parent.$parent.$options._componentTag
+      this.gridId =
+        this.$parent.$vnode.context.$options._componentTag +
+        '_' +
+        this.$parent.$parent.$options._componentTag
     } else {
-      this.gridId = this.$parent.$vnode.context.$options.name + '_' + this.$parent.$parent.$options._componentTag
+      this.gridId =
+        this.$parent.$vnode.context.$options.name +
+        '_' +
+        this.$parent.$parent.$options._componentTag
     }
   },
   mounted() {
@@ -266,19 +428,21 @@ export default {
     } else {
       // this.rowSizeChg(100)
     }
-    if (this.pageHide) { // 无分页时
+    if (this.pageHide) {
+      // 无分页时
       this.hdQuery.page = null
       this.hdQuery.rows = 2000
       console.log('隐藏分页展示数据，最多展现2000条')
     }
     if (this.visualScroll) {
-      this.initVisual();
+      this.initVisual()
     }
     // this.disCol.push(1)
     if (this.exField.gridCode) {
-      this.initExFieldRows();
+      this.initExFieldRows()
     }
-    this.$nextTick(function () { // 等渲染完成后执行
+    this.$nextTick(function () {
+      // 等渲染完成后执行
       if (!this.noSets) {
         this.gridShow(true)
       }
@@ -307,7 +471,8 @@ export default {
       this.$emit('sel-ok', 'doCopyOne', this.rightMenuRow)
     },
     gridShow(notReload) {
-      if (!notReload) { //首次不刷新组件.自定义组件,避免再次查询(分页事件)
+      if (!notReload) {
+        //首次不刷新组件.自定义组件,避免再次查询(分页事件)
         this.gridCanReload = false
         // this.isFirstSort = true
       }
@@ -315,20 +480,28 @@ export default {
         this.gridCanReload = true
         this.$nextTick(function () {
           if (!notReload && this.visualScroll) {
-            this.initVisual();
-            this.initTableHeight();
+            this.initVisual()
+            this.initTableHeight()
           }
-          this.oriCol = this.$refs.ingrid.store.states._columns;// 此处是未进行展示控制的原始数据
+          this.oriCol = this.$refs.ingrid.store.states._columns // 此处是未进行展示控制的原始数据
           this.menuId = this.$route.name
-          const url = '/webresources/login/com/ComGridShow/find?menuId=' + this.menuId + '&gridId=' + this.gridId
-          this.$http.post(url).then(response => {
-            this.isGridCustom = response.data.length != 0;
+          const url =
+            '/webresources/login/com/ComGridShow/find?menuId=' +
+            this.menuId +
+            '&gridId=' +
+            this.gridId
+          this.$http.post(url).then((response) => {
+            this.isGridCustom = response.data.length != 0
             this.disCol = this.gridCompute(this.oriCol, response.data)
 
+            this.$refs.ingrid.store.states._columns = this.disCol.filter(
+              (v) => v.showFlg != '0'
+            )
 
-            this.$refs.ingrid.store.states._columns = this.disCol.filter(v => v.showFlg != '0')
-
-            console.log('显示序列条数', this.$refs.ingrid.store.states._columns.length);
+            console.log(
+              '显示序列条数',
+              this.$refs.ingrid.store.states._columns.length
+            )
             // console.log(JSON.stringify(this.$refs.ingrid.store.states._columns));
             this.$refs.ingrid.store.updateColumns()
             this.$nextTick(function () {
@@ -342,7 +515,7 @@ export default {
       })
     },
     exFieldShow() {
-      window.location.reload();
+      window.location.reload()
       // console.log(this.$store.state.app.selectedView)
       // this.$nextTick(()=>{
       //     this.$store.dispatch('refreshView', this.$store.state.app.selectedView);
@@ -357,27 +530,31 @@ export default {
     exFieldSets() {
       this.exFieldShowIs = true
       this.$nextTick(() => {
-        this.$refs.exFieldShow.show();
+        this.$refs.exFieldShow.show()
       })
     },
-    gridCompute(oriCol, setCol) { // 全部设置展示
-      let result = [];
-      const lastResult = [];
+    gridCompute(oriCol, setCol) {
+      // 全部设置展示
+      let result = []
+      const lastResult = []
       for (let i = 0; i < oriCol.length; i++) {
         const oneOri = oriCol[i]
-        oneOri.showFlg = '1'// 默认展示
+        oneOri.showFlg = '1' // 默认展示
         oneOri._ori_label = oneOri.label
         oneOri.label = oneOri._ori_label
         let isFind = false
-        if (oneOri && !oneOri.property) { // 没有prop的默认显示,checkbox和index
-          if (oneOri.fixed == 'right') { // 隐藏行按钮,单独,否则无法控制
+        if (oneOri && !oneOri.property) {
+          // 没有prop的默认显示,checkbox和index
+          if (oneOri.fixed == 'right') {
+            // 隐藏行按钮,单独,否则无法控制
             result.push(oriCol[i])
           } else {
             result.push(oneOri)
           }
           continue
         }
-        for (let j = 0; j < setCol.length; j++) { // 后来新增的
+        for (let j = 0; j < setCol.length; j++) {
+          // 后来新增的
           if (oneOri.property == setCol[j].property) {
             isFind = true
             break
@@ -389,11 +566,13 @@ export default {
       }
       for (let i = 0; i < setCol.length; i++) {
         const oneSet = setCol[i]
-        if (result.some(v => {
-          return v.property == oneSet.property
-        })) {
+        if (
+          result.some((v) => {
+            return v.property == oneSet.property
+          })
+        ) {
           console.log('已经重复' + oneSet.property)
-          continue;
+          continue
         }
         for (let j = 0; j < oriCol.length; j++) {
           const oneOri = oriCol[j]
@@ -401,7 +580,8 @@ export default {
             this.$set(oneOri, 'fixed', 'left')
             this.$set(oneOri, 'className', 'checkBox backFF')
           }
-          if (oneOri.type == 'selection' || oneOri.type == 'index') {//ck和index都要居左
+          if (oneOri.type == 'selection' || oneOri.type == 'index') {
+            //ck和index都要居左
             this.$set(oneOri, 'fixed', 'left')
             this.$set(oneOri, 'className', 'backFF')
           }
@@ -418,7 +598,7 @@ export default {
           }
         }
       }
-      result = [...result, ...lastResult];
+      result = [...result, ...lastResult]
       return result
     },
     extSets(command) {
@@ -449,9 +629,10 @@ export default {
       return null
     },
     myselectionChange(select) {
-      if (this.hdQuery) { //
+      if (this.hdQuery) {
+        //
         this.hdQuery.selObj = select
-      }//selection-change事件会触发2次,加个第3参数区分是el-table的还是hdgrid的
+      } //selection-change事件会触发2次,加个第3参数区分是el-table的还是hdgrid的
       this.$emit('selection-change', select, true)
     },
     // selectRow(select, row) {
@@ -471,8 +652,8 @@ export default {
     // },
     myrowClick(row, column, event) {
       if (event.shiftKey) {
-        let index1 = this.hdResult.rows.indexOf(this.hdQuery.selRow);
-        let index2 = this.hdResult.rows.indexOf(row);
+        let index1 = this.hdResult.rows.indexOf(this.hdQuery.selRow)
+        let index2 = this.hdResult.rows.indexOf(row)
 
         this.selectRowCube(index1, index2, false)
       } else {
@@ -487,7 +668,7 @@ export default {
         return
       }
       if (this.$route.path.indexOf('privilege') == 1) {
-        return;
+        return
       }
       this.$emit('sel-ok', 'doUpdateOne', row)
       if (this.hdQuery) {
@@ -519,7 +700,6 @@ export default {
       if (this.rightMenuOpen) {
         let menu = this.$refs.rightMenu.$el
 
-
         // if (event.clientX > 900) {
         //   menu.style.left = event.clientX - 265 + 'px'
         // } else {
@@ -536,7 +716,6 @@ export default {
         // console.log(menu,event)
         this.rightMenuVisable = true // 显示模态窗口，跳出自定义菜单栏
       }
-
     },
 
     foo() {
@@ -572,7 +751,11 @@ export default {
       // }
       // 列表会默认执行此方法,所以需要防止排序调用doquery
       if (hasAddData) {
-        this.$confirm(this.$t('存在未保存数据,是否继续?'), this.$t('提示'), {}).then(() => {
+        this.$confirm(
+          this.$t('存在未保存数据,是否继续?'),
+          this.$t('提示'),
+          {}
+        ).then(() => {
           this.hdQuery.doSort(val, false)
         })
       } else {
@@ -597,7 +780,7 @@ export default {
         res = call
       })
       this.excelAllExporting = true
-      res.then(response => {
+      res.then((response) => {
         this.excelExport(response.data.rows)
         this.excelAllExporting = false
         // this.downloadLoading = false
@@ -606,11 +789,12 @@ export default {
     doAllPdf() {
       let res = null
       this.pdfShowIs = true
-      this.$emit('allExcel', function (call) {//pdf也是这名字allExcel
+      this.$emit('allExcel', function (call) {
+        //pdf也是这名字allExcel
         res = call
       })
       this.pdfAllExporting = true
-      res.then(response => {
+      res.then((response) => {
         this.pdfExport(response.data.rows)
         this.pdfAllExporting = false
         // this.downloadLoading = false
@@ -620,7 +804,7 @@ export default {
       for (let i = 0; i < this.colThis.length; i++) {
         const one = this.colThis[i]
         if (one.$attrs.prop == prop) {
-          return one.getValueByPath//支持多级prop如果有inutFormat会使用inputFormt
+          return one.getValueByPath //支持多级prop如果有inutFormat会使用inputFormt
         }
       }
     },
@@ -630,61 +814,71 @@ export default {
     },
     getCkRows() {
       if (this.visualScroll) {
-        return this.hdResult.rows.filter(v => v._isCK == true)
+        return this.hdResult.rows.filter((v) => v._isCK == true)
       } else {
         return this.hdQuery.selObj
       }
-
     },
     initExFieldRows() {
-      let hdFielddQuery = new HdQuery(this);
-      hdFielddQuery.query.gridCode = this.exField.gridCode;
-      hdFielddQuery.sort = 'sortNo';
-      hdFielddQuery.order = 'asc';
-      this.$http.post(`/webresources/login/tech/ComExField/detail/find`, hdFielddQuery).then(response => {
-        this.exFieldRows = response.data.rows
-        this.exFieldRows.forEach(row => {
-          row.fieldName = row.columnName.toLowerCase().replace(/\_+[a-zA-Z]/g,
-            (str, index) => index ? str.substr(-1).toUpperCase() : str
-          )
-        })
-        this.$nextTick(function () {
-          this.$refs.ingrid.doLayout()
+      let hdFielddQuery = new HdQuery(this)
+      hdFielddQuery.query.gridCode = this.exField.gridCode
+      hdFielddQuery.sort = 'sortNo'
+      hdFielddQuery.order = 'asc'
+      this.$http
+        .post(`/webresources/login/tech/ComExField/detail/find`, hdFielddQuery)
+        .then((response) => {
+          this.exFieldRows = response.data.rows
+          this.exFieldRows.forEach((row) => {
+            row.fieldName = row.columnName
+              .toLowerCase()
+              .replace(/\_+[a-zA-Z]/g, (str, index) =>
+                index ? str.substr(-1).toUpperCase() : str
+              )
+          })
+          this.$nextTick(function () {
+            this.$refs.ingrid.doLayout()
+          })
         })
-      })
     },
     filterChange(filters) {
       // this.hdResult.filterValue.
-      this.hdResult.filters = Object.assign(this.hdResult.filters || {}, filters);
+      this.hdResult.filters = Object.assign(
+        this.hdResult.filters || {},
+        filters
+      )
 
       this.filterHdResult()
     },
     filterHdResult() {
-      let keys = Object.keys(this.hdResult.filters || {});
+      let keys = Object.keys(this.hdResult.filters || {})
       // console.log(this.$refs.ingrid.store.states._columns, this.hdResult.filters)
       this.hdResult.rows = this.hdResult._rows.filter((row) => {
-
-        return !keys.some(value => {
-          let prop = (this.$refs.ingrid.store.states._columns.find(v => {
-            return v.id == value
-          }) || '').property
+        return !keys.some((value) => {
+          let prop = (
+            this.$refs.ingrid.store.states._columns.find((v) => {
+              return v.id == value
+            }) || ''
+          ).property
           // console.log(value, prop, row[prop], this.hdResult.filters[value])
-          return this.hdResult.filters[value].length > 0 && this.hdResult.filters[value].indexOf(row[prop]) == -1
-        });
-      });
+          return (
+            this.hdResult.filters[value].length > 0 &&
+            this.hdResult.filters[value].indexOf(row[prop]) == -1
+          )
+        })
+      })
     },
 
     selectPart(e, isUnSelect) {
-      let index1 = this.hdResult.rows.indexOf(this.hdQuery.selRow);
-      let index2 = this.hdResult.rows.indexOf(this.rightMenuRow);
+      let index1 = this.hdResult.rows.indexOf(this.hdQuery.selRow)
+      let index2 = this.hdResult.rows.indexOf(this.rightMenuRow)
 
       this.selectRowCube(index1, index2, isUnSelect)
     },
     selectRowCube(index1, index2, isUnSelect) {
       if (index1 > index2) {
-        let tmpIndex = index1;
-        index1 = index2;
-        index2 = tmpIndex;
+        let tmpIndex = index1
+        index1 = index2
+        index2 = tmpIndex
       }
       this.hdResult.rows.forEach((v, i) => {
         if (i >= index1 && i <= index2) {
@@ -695,7 +889,7 @@ export default {
 
     unSelectPart(e) {
       this.selectPart(e, true)
-    }
+    },
   },
   computed: {
     hdResultComRows() {
@@ -707,20 +901,23 @@ export default {
     },
     pageSizeArray() {
       if (this.pageSizes == null) {
-        return this.visualScroll ? [20, 50, 100, 200, 500, 1000, 2000] : [20, 50, 100, 200, 500];
+        return this.visualScroll
+          ? [20, 50, 100, 200, 500, 1000, 2000]
+          : [20, 50, 100, 200, 500]
       } else {
-        return this.pageSizes;
+        return this.pageSizes
       }
     },
     showBtnTool() {
-      return this.hdBtnTool && this.$route.path.indexOf('privilege') != 1;
+      return this.hdBtnTool && this.$route.path.indexOf('privilege') != 1
     },
   },
 
-  watch: {}
+  watch: {},
 }
 </script>
-<style rel="stylesheet/scss" lang="scss" scoped>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
 .hdgrid {
   display: flex;
   flex-direction: column;