hd-idevvue3 3.0.5 → 3.0.8

package/src/hdcom/GridExField.vue

@@ -1,375 +0,0 @@
-<template>
-  <el-dialog
-    title="扩展字段设置"
-    :visible.sync="visible"
-    width="65%"
-    append-to-body
-    top="2vh"
-  >
-    <el-container style="height: 80vh; border: 1px solid #eee">
-      <el-main class="gridShow">
-        <hd-com-grid
-          ref="grid"
-          :hdQuery="hdQuery"
-          url="/webresources/login/tech/ComExFieldCustom"
-          not-init
-          no-sets
-          ck-hide
-          no-sort
-          index-hide
-          :hd-btn-tool="false"
-          rec-hide
-          page-hide
-          :default-sort="{ prop: 'sortNo', order: 'ascending' }"
-        >
-          <!--  <div class="filter-container" slot="query">
-                  &lt;!&ndash;     <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item"
-                                 placeholder="名称"
-                                 v-model="hdQuery.query.anyQuery">
-                       </el-input>
-                       <el-button class="filter-item" @click="$refs.grid.doQuery()" icon="search" type="primary" ref="q"
-                                  keyType="query">搜索
-                       </el-button>&ndash;&gt;
-                  <el-button class="filter-item" type="primary" @click="doAdd()" icon="edit" ref="a"
-                             keyType="add">新增
-                  </el-button>
-                </div>-->
-
-          <!-- <el-table-column width="60px" align="center" label="操作" fixed="right">
-                 <template slot-scope="scope">
-                   <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="$refs.grid.doEdit(scope.row)"
-                           v-if="!scope.row.isEdit">
-                   </hd-btn>
-                   <hd-btn hint="撤销" @click.stop="$refs.grid.doCancel(scope.row)" v-if="scope.row.isEdit">
-                     <svg-icon icon-class="undo"/>
-                   </hd-btn>
-                   <hd-btn icon="el-icon-check" hint="保存" @click.stop="$refs.grid.doSave(scope.row)" v-if="scope.row.isEdit">
-                   </hd-btn>
-                 </template>
-               </el-table-column>
-     -->
-          <el-table-column
-            width="100px"
-            align="center"
-            label="是否使用"
-            prop="useFlg"
-            sortable
-            :rules="$r(0, 0, 50)"
-            input="el-switch"
-            :inputProp="{ activeValue: '1', inactiveValue: '0' }"
-            :inputFormat="$ckFt"
-          >
-          </el-table-column>
-
-          <!-- <el-table-column width="100px" align="center" label="表名" prop="tableName" sortable
-                                :rules="$r(1,0,50)" no-edit>
-               </el-table-column>
-               <el-table-column width="100px" align="center" label="字段名" prop="columnName" sortable
-                                :rules="$r(1,0,50)" no-edit>
-               </el-table-column>-->
-          <el-table-column
-            width="100px"
-            align="center"
-            label="字段注解"
-            prop="columnComment"
-            :rules="$r(1, 0, 50)"
-          >
-          </el-table-column>
-          <el-table-column
-            width="100px"
-            align="center"
-            label="字段类型"
-            prop="columnType"
-            :rules="$r(1)"
-            input="HdDrop"
-            :inputProp="{ field: 'IDV_COLUMN_TYPE' }"
-            @change="columnTypeChange"
-          >
-          </el-table-column>
-          <el-table-column
-            width="110px"
-            align="center"
-            label="格式/代码"
-            prop="formatter"
-            :rules="$r(1)"
-          >
-            <template slot-scope="scope">
-              <!--noEdit不允许编辑-->
-              <template v-if="scope.row.isEdit">
-                <template v-if="scope.row.columnType == 'DROP'">
-                  <sel-grid-fieldcode
-                    :gridRow="scope.row"
-                    :txtVal.sync="scope.row['formatter']"
-                    :idVal.sync="scope.row['formatter']"
-                    @blur="checkErr(scope.row)"
-                    style="width: 100%"
-                    v-model="scope.row['formatter']"
-                  ></sel-grid-fieldcode>
-                </template>
-                <template v-else-if="scope.row.columnType == 'NUMBER'">
-                  <HdDrop
-                    :gridRow="scope.row"
-                    :txtVal.sync="scope.row['formatterStr']"
-                    :idVal.sync="scope.row['formatter']"
-                    @blur="checkErr(scope.row)"
-                    style="width: 100%"
-                    field="IDV_NUMBER_FORMATTER"
-                    v-model="scope.row['formatter']"
-                  ></HdDrop>
-                </template>
-                <template v-else-if="scope.row.columnType == 'DATE'">
-                  <HdDrop
-                    :gridRow="scope.row"
-                    :txtVal.sync="scope.row['formatterStr']"
-                    :idVal.sync="scope.row['formatter']"
-                    @blur="checkErr(scope.row)"
-                    style="width: 100%"
-                    field="IDV_DATE_FORMATTER"
-                    v-model="scope.row['formatter']"
-                  ></HdDrop>
-                </template>
-                <template v-else> </template>
-              </template>
-            </template>
-          </el-table-column>
-          <el-table-column
-            width="100px"
-            align="center"
-            label="是否必填"
-            prop="columnRequire"
-            input="el-switch"
-            :inputProp="{ 'active-value': 1, 'inactive-value': 0 }"
-            :inputFormat="$ckFt"
-          >
-          </el-table-column>
-          <el-table-column
-            width="100px"
-            align="center"
-            label="最大长度"
-            prop="columnLen"
-            :rules="$r(1, 0, 255, 'number')"
-            input="HdNum"
-          >
-          </el-table-column>
-          <!--     <el-table-column width="100px" align="center" label="比例" prop="columnScale" sortable
-                                    :rules="$r(0, 'number', 0, 255)" input="HdNum">
-                   </el-table-column>
-                   <el-table-column width="100px" align="center" label="默认值" prop="columnDefaultValue" sortable
-                                    :rules="$r(0,0,50)">
-                   </el-table-column>
-
-                   <el-table-column width="100px" align="center" label="编码" prop="gridCode" sortable :rules="$r(1,0,50)" no-edit>
-                   </el-table-column>-->
-          <el-table-column
-            width="100px"
-            align="center"
-            label="表格宽度"
-            prop="formSpan"
-            :rules="$r(1)"
-            input="HdDrop"
-            :inputProp="{ field: 'IDV_FORM_SPAN' }"
-          >
-          </el-table-column>
-          <!--          <el-table-column width="100px" align="center" label="表单高度" prop="formXs" sortable
-                                         :rules="$r(1, 'number', 0, 1024)" input="HdNum">
-                        </el-table-column>-->
-          <!--       <el-table-column width="100px" align="center" label="列表宽度" prop="gridWidth"
-                               :rules="$r(0, 0, 9999, 'number')" input="HdNum">
-              </el-table-column>-->
-          <!-- <el-table-column width="100px" align="center" label="默认值" prop="defaultValue" sortable :rules="$r(0,0,50)">
-               </el-table-column>
-               <el-table-column width="100px" align="center" label="描述" prop="placeHolder" sortable :rules="$r(0,0,50)">
-               </el-table-column>
-               <el-table-column width="100px" align="center" label="规则" prop="rules" sortable :rules="$r(1,0,50)">
-               </el-table-column>-->
-          <el-table-column align="center" label="排序" width="80px" noQuery>
-            <template slot-scope="scope">
-              <svg-icon class="drag-handler" icon-class="drag"></svg-icon>
-            </template>
-          </el-table-column>
-        </hd-com-grid>
-      </el-main>
-    </el-container>
-    <div slot="footer" class="dialog-footer">
-      <!--    <el-button class="filter-item" type="primary" @click="doAdd()" icon="edit" ref="a"
-                         keyType="add">新增
-              </el-button>-->
-      <el-button @click="visible = false">{{ $t('取 消') }}</el-button>
-      <el-button type="primary" @click="submit" :loading="loading">
-        {{ $t('确 定') }}</el-button
-      >
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import Sortable from 'sortablejs'
-import SelGridFieldcode from './HdSel/SelGridFieldcod'
-
-export default {
-  name: 'gridexfield',
-  components: { SelGridFieldcode },
-  props: {
-    table: String,
-    columnList: Array,
-    gridCode: String,
-  },
-  data() {
-    return {
-      hdQuery: new HdQuery(this),
-      visible: false,
-      loading: false,
-      list: [],
-    }
-  },
-  mounted() {
-    this.init()
-  },
-  methods: {
-    init(exField) {
-      this.hdQuery.query.tableName = this.table
-      this.hdQuery.query.columnList = this.columnList
-      this.hdQuery.query.gridCode = this.gridCode
-      this.hdQuery.sort = 'sortNo'
-      this.hdQuery.order = 'asc'
-
-      this.$http
-        .post('/webresources/login/tech/ComExFieldCustom/find', this.hdQuery)
-        .then((response) => {
-          this.list = response.data.rows
-
-          if (this.columnList) {
-            this.columnList.forEach((column) => {
-              if (
-                !response.data.rows.some((row) => {
-                  return row.columnName == column
-                })
-              ) {
-                this.list.unshift({
-                  columnName: column,
-                  tableName: this.table,
-                  formXs: '20',
-                  formSpan: '12',
-                  isEdit: true,
-                })
-              }
-            })
-          }
-
-          let i = 0
-          this.list.forEach((row) => {
-            row.isEdit = true
-            row.sortNo = i++
-            row.formSpan = row.formSpan + ''
-          })
-          this.$refs.grid.doQuery({ rows: this.list })
-
-          this.$nextTick(() => {
-            this.setSort()
-          })
-        })
-    },
-    show() {
-      this.visible = true
-
-      this.list.forEach((row) => {
-        row.isEdit = true
-      })
-    },
-    setSort() {
-      const elAll = document.querySelectorAll(
-        '.gridShow .el-table__body-wrapper > table > tbody'
-      )
-      for (let i = 0; i < elAll.length; i++) {
-        const el = elAll[i]
-        this.sortable = Sortable.create(el, {
-          ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
-          onEnd: (evt) => {
-            // this.list.forEach(row => console.log(row.columnComment, row.sortNo))
-            // console.log('----------------------------------')
-            // console.log(evt)
-            // console.log('----------------------------------')
-
-            this.list.forEach((row) => {
-              if (row.sortNo == evt.oldIndex) {
-                row.sortNo = evt.newIndex
-              } else if (
-                evt.newIndex > evt.oldIndex &&
-                row.sortNo <= evt.newIndex &&
-                row.sortNo > evt.oldIndex
-              ) {
-                row.sortNo = row.sortNo - 1
-              } else if (
-                evt.newIndex < evt.oldIndex &&
-                row.sortNo >= evt.newIndex &&
-                row.sortNo < evt.oldIndex
-              ) {
-                row.sortNo = row.sortNo + 1
-              }
-            })
-
-            // this.list.forEach(row => console.log(row.columnComment, row.sortNo))
-          },
-        })
-      }
-    },
-    doAdd() {
-      let emptyColumn = this.getEmptyColumn()
-      if (emptyColumn == null) {
-        this.$message({
-          message: '没有剩余的扩展字段',
-        })
-        return
-      }
-      let exField = {
-        gridCode: this.gridCode,
-        tableName: this.table,
-        columnName: emptyColumn,
-        formXs: 12,
-        formSpan: '20',
-        isEdit: true,
-      }
-      this.$refs.grid.doEdit('', exField)
-    },
-    submit() {
-      this.list.forEach((row) => {
-        if (!row.columnComment || !row.columnType) {
-          row.isEdit = false
-        }
-        row.gridCode = this.gridCode
-      })
-
-      this.$refs.grid
-        .doSaveAll()
-        .then((v) => {
-          this.visible = false
-          this.$emit('save-ok')
-        })
-        .catch((e) => {
-          this.$message({
-            message: '填写有误',
-          })
-        })
-    },
-    getEmptyColumn() {
-      let emptyColumns = this.columnList.filter((column) => {
-        return !this.list.some((row) => {
-          return row.columnName == column
-        })
-      })
-      return emptyColumns.length > 0 ? emptyColumns[0] : null
-    },
-    columnTypeChange(v, row) {
-      if (row.exColumnId) {
-        this.$message({
-          type: 'warning',
-          message: this.$t('修改类型可能回造成数据混乱或丢失， 请慎重！'),
-        })
-      }
-      if (row.columnType == 'VARCHAR' || row.columnType == 'BOOLEAN') {
-        row.formatter = 'x'
-      }
-    },
-  },
-}
-</script>

package/src/hdcom/GridShow.vue

@@ -1,288 +0,0 @@
-<template>
-  <el-dialog
-    title="展示设置"
-    :visible.sync="visible"
-    width="50%"
-    append-to-body
-    top="2vh"
-  >
-    <el-container style="height: 80vh; border: 1px solid #eee">
-      <el-main class="gridShow">
-        <el-table :data="list" row-key="property">
-          <el-table-column
-            align="center"
-            label="名称"
-            prop="label"
-            width="150"
-            noQuery
-          >
-          </el-table-column>
-          <el-table-column
-            align="center"
-            label="宽度(px)"
-            prop="width"
-            width="150"
-            noQuery
-          >
-            <template slot-scope="scope">
-              <hd-num v-model.number="scope.row.width" :step="10"></hd-num>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="展示" prop="showFlg" noQuery>
-            <template slot-scope="scope">
-              <el-switch
-                v-model="scope.row.showFlg"
-                active-value="1"
-                inactive-value="0"
-              ></el-switch>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="冻结" prop="freezeFlg" noQuery>
-            <template slot-scope="scope">
-              <el-switch
-                v-model="scope.row.freezeFlg"
-                active-value="1"
-                inactive-value="0"
-              ></el-switch>
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="排序" width="80" noQuery>
-            <template slot-scope="scope">
-              <svg-icon class="drag-handler" icon-class="drag"></svg-icon>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-main>
-    </el-container>
-    <div slot="footer" class="dialog-footer">
-      <el-button @click="reset">{{ $t('重置') }}</el-button>
-      <el-button @click="visible = false">{{ $t('取 消') }}</el-button>
-      <el-button type="primary" @click="submit" :loading="loading">
-        {{ $t('确 定') }}</el-button
-      >
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import Sortable from 'sortablejs'
-
-export default {
-  name: 'gridshow',
-  components: {},
-  data() {
-    return {
-      hdQuery: new HdQuery(this),
-      list: [],
-      oldList: [],
-      newList: [],
-      visible: false,
-      loading: false,
-      menuId: '',
-      gridId: '',
-      specCkForGrid: true, // HdTableColumn判断是否来自HdGrid用
-      // shipId: ""
-    }
-  },
-  mounted() {
-    this.loading = false
-  },
-  methods: {
-    show(disCol, menuId, gridId) {
-      this.menuId = menuId
-      this.gridId = gridId
-      this.visible = true
-      this.list = JSON.parse(
-        JSON.stringify(disCol.filter((item) => item.property))
-      ) // 判断有property的展示,使用复制采用新对象(否则chrome有问题)
-      // console.log('list',this.list)
-      //过滤掉子序列
-      this.list.forEach((v) => (v.children = []))
-      this.oldList = this.list.map((v) => v.property)
-      this.newList = this.oldList.slice() //清空
-      this.$nextTick(() => {
-        this.setSort()
-      })
-    },
-    setSort() {
-      const elAll = document.querySelectorAll(
-        '.gridShow .el-table__body-wrapper > table > tbody'
-      )
-      for (let i = 0; i < elAll.length; i++) {
-        const el = elAll[i]
-        this.sortable = Sortable.create(el, {
-          ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
-          onEnd: (evt) => {
-            const targetRow = this.list.splice(evt.oldIndex, 1)[0]
-            this.list.splice(evt.newIndex, 0, targetRow)
-
-            // for show the changes, you can delete in you code
-            const tempIndex = this.newList.splice(evt.oldIndex, 1)[0]
-            this.newList.splice(evt.newIndex, 0, tempIndex)
-          },
-        })
-      }
-    },
-    submit() {
-      const url =
-        '/webresources/login/com/ComGridShow/save?menuId=' +
-        this.menuId +
-        '&gridId=' +
-        this.gridId
-      this.loading = true
-      this.$http.post(url, this.list).then((response) => {
-        this.loading = false
-        const data = response.data
-        this.$message({
-          type: data.code == '-1' ? 'error' : 'success',
-          message: data.message,
-        })
-        if (data.code == '-1') {
-          return
-        }
-        this.visible = false
-        this.$emit('save-ok')
-      })
-    },
-    reset() {
-      //江阴港特色，重置需要弹窗确认框，确认后方可重置
-      let resetFlag =
-        this.$store.state.app.sysParam.JYG_CONTROL.RESET_BUTTON_CONFIRM
-      if (resetFlag && resetFlag == '1') {
-        this.$confirm('是否确认重置？', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning',
-        }).then(() => {
-          // 确定
-          this.resetColumn()
-        })
-      } else {
-        this.resetColumn()
-      }
-    },
-    resetColumn() {
-      const url =
-        '/webresources/login/com/ComGridShow/reset?menuId=' +
-        this.menuId +
-        '&gridId=' +
-        this.gridId
-      this.$http.post(url, this.list).then((response) => {
-        const data = response.data
-        this.$message({
-          type: data.code == '-1' ? 'error' : 'success',
-          message: data.message,
-        })
-        if (data.code == '-1') {
-          return
-        }
-        this.visible = false
-        this.$emit('save-ok')
-      })
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss">
-.sortable-ghost {
-  opacity: 0.8;
-  color: #fff !important;
-  background: #42b983 !important;
-}
-
-.gridShow {
-  display: flex;
-  flex-direction: column;
-
-  .el-table {
-    height: 100%;
-    width: 100%;
-    flex: 1;
-
-    .el-table__body-wrapper {
-      width: 100%;
-      padding-bottom: 30px;
-    }
-
-    .el-table__header-wrapper th {
-      //列表标题
-      background-color: #f6f6f6;
-    }
-
-    .el-table__fixed-header-wrapper th {
-      //固定的列表标题
-      background-color: #8cbda4;
-    }
-
-    td,
-    th {
-      //列表标题及内容
-      padding: 2px 0;
-    }
-
-    .cell,
-    .el-table th div,
-    .el-table--border th:first-child .cell,
-    .el-table--border td:first-child .cell {
-      //列表的margin
-      padding-left: 2px !important;
-      padding-right: 2px !important;
-    }
-
-    .el-table__empty-block {
-      position: static;
-      text-align: center;
-      width: 100%;
-      height: 80%;
-    }
-
-    .el-table__body {
-      //列表下面加了空白
-      margin-bottom: 10px;
-    }
-
-    .el-table__body-wrapper {
-      height: 100%;
-      overflow-y: auto;
-    }
-
-    .el-input__inner {
-      height: 27px;
-      margin-bottom: 0px;
-    }
-
-    .el-input,
-    .el-form-item__content,
-    .el-form-item__label,
-    .el-input__icon {
-      line-height: 30px;
-    }
-
-    .el-input__inner {
-      padding: 5px;
-    }
-
-    .el-input--prefix .el-input__inner {
-      //日期的有logo不一样
-      padding-left: 30px;
-    }
-  }
-}
-</style>
-
-<style scoped>
-.icon-star {
-  margin-right: 2px;
-}
-
-.drag-handler {
-  width: 20px;
-  height: 20px;
-  cursor: pointer;
-}
-
-.show-d {
-  margin-top: 15px;
-}
-</style>