n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/NstcDialogTable/NstcDialogTable.vue

@@ -1,280 +1,280 @@
-<template>
-  <el-dialog
-    v-drag
-    class="dialog-table"
-    :title="title"
-    :visible.sync="dialogVisible"
-    :width="width"
-    :close-on-click-modal="false"
-    :append-to-body="appendToBody"
-  >
-    <slot name="form"></slot>
-    <slot name="table">
-      <el-table
-        :data="tableData"
-        :row-key="rowKey"
-        border
-        :height="maxHeight"
-        @selection-change="handleSelectionChange"
-        @row-click="handleRowClick"
-      >
-        <el-table-column v-if="multiple" type="selection" :width="55" />
-        <el-table-column v-if="single" :width="55">
-          <template slot-scope="scope">
-            <el-radio
-              v-model="singleSelect"
-              class="row-radio"
-              :label="scope.row[rowKey]"
-            >
-              <i></i>
-            </el-radio>
-          </template>
-        </el-table-column>
-        <el-table-column
-          v-for="(column, idx) in columns"
-          :key="idx"
-          :label="column.label"
-          :width="column.width"
-          :align="column.align"
-          show-overflow-tooltip
-        >
-          <template slot-scope="scope"> {{ scope.row[column.prop] }} </template>
-        </el-table-column>
-      </el-table>
-      <nstc-pagination
-        v-model="pagination"
-        :page="pagination.current"
-        :page-size="pagination.size"
-        :total="pagination.total"
-        @pagination-change="paginationChange"
-      />
-    </slot>
-
-    <div slot="footer" class="btns">
-      <el-button type="primary" class="nstc-g6-common-btn-1" @click="onSubmit"
-        >确定</el-button
-      >
-      <el-button
-        class="nstc-g6-common-btn-3"
-        style="margin-left: 8px"
-        @click="closeDialog"
-        >取消</el-button
-      >
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import NstcPagination from '../NstcPagination/NstcPagination'
-export default {
-  name: 'NstcDialogTable',
-  components: {
-    NstcPagination
-  },
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    },
-    value: {
-      type: Boolean,
-      default: false
-    },
-    rowKey: {
-      type: String,
-      default: 'id'
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    width: {
-      type: String,
-      default: '1000px'
-    },
-    maxHeight: {
-      type: String,
-      default: '300px'
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    single: {
-      type: Boolean,
-      default: false
-    },
-    queryApi: {
-      type: Function,
-      default: () => {}
-    },
-    formatParams: {
-      type: Function,
-      default: (p) => p
-    },
-    formatData: {
-      type: Function,
-      default: (d) => d
-    },
-    warning: {
-      type: String,
-      default: '请选择数据'
-    },
-    selectRowKey: String
-  },
-  data() {
-    return {
-      tableData: [],
-      singleSelect: '',
-      selectRowIds: [],
-      pagination: {
-        size: 20,
-        current: 1,
-        total: 0
-      }
-    }
-  },
-  computed: {
-    dialogVisible: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    },
-    showPagination() {
-      return this.pagination.total > this.pagination.size
-    }
-  },
-  methods: {
-    queryData(eventname) {
-      this.tableData = []
-      this.setPagination(0)
-      if (eventname && eventname == 'searchbtn') {
-        this.pagination.current = 1
-      }
-      let params = this.formatParams(this.pagination)
-      Promise.resolve(this.queryApi(params)).then((res) => {
-        let { data, total } = this.formatData(res)
-        this.tableData = data
-        this.setPagination(total)
-        this.setCurrentRow()
-      })
-    },
-
-    handleSelectionChange(rows) {
-      if (this.multiple) {
-        const rowIds = []
-        rows.forEach((item) => {
-          rowIds.push(item[this.rowKey])
-        })
-        this.selectRowIds = Object.freeze(rowIds)
-      }
-    },
-
-    handleRowClick(row) {
-      this.singleSelect = row[this.rowKey]
-    },
-
-    onSubmit() {
-      let result = []
-      let row = {}
-      if (this.multiple) {
-        result = this.selectRowIds
-      }
-      if (this.single) {
-        let select = this.singleSelect
-        result = select ? [select] : []
-      }
-      if (result.length > 0) {
-        row = this.tableData.find(
-          (item) => item[this.rowKey] === this.singleSelect
-        )
-        this.$emit('comfirm', result, row)
-        this.closeDialog()
-      } else {
-        this.$message.warning(this.warning)
-      }
-    },
-
-    closeDialog() {
-      this.dialogVisible = false
-      this.selectRowIds = []
-      this.singleSelect = ''
-      this.tableData = []
-    },
-
-    async paginationChange(val) {
-      const { limit, page } = val
-      if (this.pagination.size == limit && this.pagination.current == page) {
-        return
-      }
-      this.pagination.size = limit
-      this.pagination.current = page
-      this.queryData()
-    },
-
-    setPagination(total) {
-      this.pagination.total = total || 0
-    },
-
-    setCurrentRow() {
-      let selectRowId = this.selectRowKey
-      if (this.single) {
-        let rowKey = this.rowKey
-        let data = this.tableData
-        let val = selectRowId
-        if (selectRowId) {
-          let row = data.find((item) => item[rowKey] == selectRowId)
-          if (row) {
-            val = row[rowKey]
-          }
-        }
-        this.singleSelect = val
-      }
-    }
-  }
-}
-</script>
-
-<!-- <style lang="scss" scoped>
-.dialog-table .el-dialog {
-  position: relative;
-  overflow: hidden;
-}
-.dialog-table ::v-deep .el-dialog__body {
-  padding-bottom: 0 !important;
-}
-.dialog-table .el-table.el-table--border {
-  border-bottom: none;
-}
-.dialog-table .el-table.el-table--border::before {
-  height: 1px;
-}
-
-.dialog-table .el-dialog__body {
-  margin-bottom: 35px;
-}
-.dialog-table .el-dialog__footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  border-radius: 0px 0px 4px 4px;
-  background: #fff;
-}
-// .dialog-table ::v-deep .el-table__body tr:last-child td {
-//   border-bottom: none;
-// }
-.dialog-table .el-dialog__footer .btns {
-  display: flex;
-  justify-content: center;
-}
-.row-radio ::v-deep .el-radio__label {
-  padding: 0;
-}
-</style> -->
+<template>
+  <el-dialog
+    v-drag
+    class="dialog-table"
+    :title="title"
+    :visible.sync="dialogVisible"
+    :width="width"
+    :close-on-click-modal="false"
+    :append-to-body="appendToBody"
+  >
+    <slot name="form"></slot>
+    <slot name="table">
+      <el-table
+        :data="tableData"
+        :row-key="rowKey"
+        border
+        :height="maxHeight"
+        @selection-change="handleSelectionChange"
+        @row-click="handleRowClick"
+      >
+        <el-table-column v-if="multiple" type="selection" :width="55" />
+        <el-table-column v-if="single" :width="55">
+          <template slot-scope="scope">
+            <el-radio
+              v-model="singleSelect"
+              class="row-radio"
+              :label="scope.row[rowKey]"
+            >
+              <i></i>
+            </el-radio>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-for="(column, idx) in columns"
+          :key="idx"
+          :label="column.label"
+          :width="column.width"
+          :align="column.align"
+          show-overflow-tooltip
+        >
+          <template slot-scope="scope"> {{ scope.row[column.prop] }} </template>
+        </el-table-column>
+      </el-table>
+      <nstc-pagination
+        v-model="pagination"
+        :page="pagination.current"
+        :page-size="pagination.size"
+        :total="pagination.total"
+        @pagination-change="paginationChange"
+      />
+    </slot>
+
+    <div slot="footer" class="btns">
+      <el-button type="primary" class="nstc-g6-common-btn-1" @click="onSubmit"
+        >确定</el-button
+      >
+      <el-button
+        class="nstc-g6-common-btn-3"
+        style="margin-left: 8px"
+        @click="closeDialog"
+        >取消</el-button
+      >
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import NstcPagination from '../NstcPagination/NstcPagination'
+export default {
+  name: 'NstcDialogTable',
+  components: {
+    NstcPagination
+  },
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    appendToBody: {
+      type: Boolean,
+      default: true
+    },
+    value: {
+      type: Boolean,
+      default: false
+    },
+    rowKey: {
+      type: String,
+      default: 'id'
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    width: {
+      type: String,
+      default: '1000px'
+    },
+    maxHeight: {
+      type: String,
+      default: '300px'
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    single: {
+      type: Boolean,
+      default: false
+    },
+    queryApi: {
+      type: Function,
+      default: () => {}
+    },
+    formatParams: {
+      type: Function,
+      default: (p) => p
+    },
+    formatData: {
+      type: Function,
+      default: (d) => d
+    },
+    warning: {
+      type: String,
+      default: '请选择数据'
+    },
+    selectRowKey: String
+  },
+  data() {
+    return {
+      tableData: [],
+      singleSelect: '',
+      selectRowIds: [],
+      pagination: {
+        size: 20,
+        current: 1,
+        total: 0
+      }
+    }
+  },
+  computed: {
+    dialogVisible: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    },
+    showPagination() {
+      return this.pagination.total > this.pagination.size
+    }
+  },
+  methods: {
+    queryData(eventname) {
+      this.tableData = []
+      this.setPagination(0)
+      if (eventname && eventname == 'searchbtn') {
+        this.pagination.current = 1
+      }
+      let params = this.formatParams(this.pagination)
+      Promise.resolve(this.queryApi(params)).then((res) => {
+        let { data, total } = this.formatData(res)
+        this.tableData = data
+        this.setPagination(total)
+        this.setCurrentRow()
+      })
+    },
+
+    handleSelectionChange(rows) {
+      if (this.multiple) {
+        const rowIds = []
+        rows.forEach((item) => {
+          rowIds.push(item[this.rowKey])
+        })
+        this.selectRowIds = Object.freeze(rowIds)
+      }
+    },
+
+    handleRowClick(row) {
+      this.singleSelect = row[this.rowKey]
+    },
+
+    onSubmit() {
+      let result = []
+      let row = {}
+      if (this.multiple) {
+        result = this.selectRowIds
+      }
+      if (this.single) {
+        let select = this.singleSelect
+        result = select ? [select] : []
+      }
+      if (result.length > 0) {
+        row = this.tableData.find(
+          (item) => item[this.rowKey] === this.singleSelect
+        )
+        this.$emit('comfirm', result, row)
+        this.closeDialog()
+      } else {
+        this.$message.warning(this.warning)
+      }
+    },
+
+    closeDialog() {
+      this.dialogVisible = false
+      this.selectRowIds = []
+      this.singleSelect = ''
+      this.tableData = []
+    },
+
+    async paginationChange(val) {
+      const { limit, page } = val
+      if (this.pagination.size == limit && this.pagination.current == page) {
+        return
+      }
+      this.pagination.size = limit
+      this.pagination.current = page
+      this.queryData()
+    },
+
+    setPagination(total) {
+      this.pagination.total = total || 0
+    },
+
+    setCurrentRow() {
+      let selectRowId = this.selectRowKey
+      if (this.single) {
+        let rowKey = this.rowKey
+        let data = this.tableData
+        let val = selectRowId
+        if (selectRowId) {
+          let row = data.find((item) => item[rowKey] == selectRowId)
+          if (row) {
+            val = row[rowKey]
+          }
+        }
+        this.singleSelect = val
+      }
+    }
+  }
+}
+</script>
+
+<!-- <style lang="scss" scoped>
+.dialog-table .el-dialog {
+  position: relative;
+  overflow: hidden;
+}
+.dialog-table ::v-deep .el-dialog__body {
+  padding-bottom: 0 !important;
+}
+.dialog-table .el-table.el-table--border {
+  border-bottom: none;
+}
+.dialog-table .el-table.el-table--border::before {
+  height: 1px;
+}
+
+.dialog-table .el-dialog__body {
+  margin-bottom: 35px;
+}
+.dialog-table .el-dialog__footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-radius: 0px 0px 4px 4px;
+  background: #fff;
+}
+// .dialog-table ::v-deep .el-table__body tr:last-child td {
+//   border-bottom: none;
+// }
+.dialog-table .el-dialog__footer .btns {
+  display: flex;
+  justify-content: center;
+}
+.row-radio ::v-deep .el-radio__label {
+  padding: 0;
+}
+</style> -->

package/nstc-g6/components/NstcDropdown/NstcDropdown.vue

@@ -1,52 +1,52 @@
-<!--
-  功能：    表格里面的弹框
-  作者：    nstc
-  创建时间： 2021-02-04
--->
-<template>
-  <el-dropdown
-      v-bind="$attrs"
-      v-on="$listeners"
-  >
-    <slot />
-    <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item
-          v-for="(item,index) in options"
-          :key="index"
-          v-bind="item"
-          :command="item"
-      >
-        {{ item.label }}
-      </el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-
-<script>
-export default {
-  name: 'NstcDropdown',
-
-  inheritAttrs: false,
-
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    }
-  },
-
-  data() {
-    return {}
-  },
-
-  created() {},
-
-  methods: {
-    handleClick() {},
-
-    handleCommand() {}
-  }
-}
-</script>
-
-
+<!--
+  功能：    表格里面的弹框
+  作者：    nstc
+  创建时间： 2021-02-04
+-->
+<template>
+  <el-dropdown
+      v-bind="$attrs"
+      v-on="$listeners"
+  >
+    <slot />
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item
+          v-for="(item,index) in options"
+          :key="index"
+          v-bind="item"
+          :command="item"
+      >
+        {{ item.label }}
+      </el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+export default {
+  name: 'NstcDropdown',
+
+  inheritAttrs: false,
+
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    }
+  },
+
+  data() {
+    return {}
+  },
+
+  created() {},
+
+  methods: {
+    handleClick() {},
+
+    handleCommand() {}
+  }
+}
+</script>
+
+