n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/NstcForm/TableRadioCustom/index.vue

@@ -1,183 +1,183 @@
-<template>
-  <div :key="key">
-    <!-- <el-button type="primary" @click="handle">清空</el-button> -->
-    <ElTableCustom
-      ref="tableSelect"
-      max-height="500"
-      :data="data"
-      :columns="_columns"
-      :show-pagination="showPagination"
-      :pagination.sync="_pagination"
-      @selection-change="handleSelectionChange"
-      @pagination-change="val => $emit('pagination-change', val)"
-    >
-      <template v-if="!multiple" v-slot:before>
-        <el-table-column
-          :width="45"
-          align="center"
-          header-align="center"
-        >
-          <template v-slot="{ row, $index }">
-            <el-radio
-              v-model="_value"
-              :label="$index"
-              :disabled="row.disabled"
-            >{{ '' }}</el-radio>
-          </template>
-        </el-table-column>
-      </template>
-    </ElTableCustom>
-  </div>
-</template>
-
-<script>
-import ElTableCustom from '../../NstcTable/NstcTable'
-
-export default {
-  name: 'TableRadioCustom',
-
-  components: {
-    ElTableCustom
-  },
-
-  props: {
-    // 双向绑定值,单选时为{ [valueKey]: 'xxx', [labelKey]: 'xxx' },多选时为[{ [valueKey]: 'xxx', [labelKey]: 'xxx' }, { [valueKey]: 'xxx', [labelKey]: 'xxx' },...]
-    value: {
-      type: [Object, Array],
-      default: null
-    },
-
-    // 双向绑定值的valueKey，需对应到表格行数据的某个属性
-    valueKey: {
-      type: String,
-      default: 'key'
-    },
-
-    // 双向绑定值的labelKey，需对应到表格行数据的某个属性
-    labelKey: {
-      type: String,
-      default: 'name'
-    },
-
-    // 是否多选
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-
-    // 列配置
-    columns: {
-      type: Array,
-      default: () => []
-    },
-
-    // 表格数据
-    data: {
-      type: Array,
-      default: () => []
-    },
-
-    // 分页器是否展示
-    showPagination: {
-      default: true,
-      type: Boolean
-    },
-
-    // 分页器
-    pagination: {
-      type: Object,
-      default: () => {
-        return {
-          page: 1,
-          limit: 20,
-          total: 0
-        }
-      }
-    }
-  },
-
-  data() {
-    return {
-      key: `TableRadioCustomID-${Math.random()
-        .toString(36)
-        .slice(2)}`
-    }
-  },
-
-  computed: {
-    _value: {
-      get() {
-        return this.data.findIndex(row => this.value && row[this.valueKey] === this.value[this.valueKey])
-      },
-      set(val) {
-        const row = this.data[val]
-        const res = {
-          ...row,
-          [this.valueKey]: row[this.valueKey],
-          [this.labelKey]: row[this.labelKey]
-        }
-
-        this.$emit('input', res)
-        this.$emit('change', res)
-      }
-    },
-
-    _columns() {
-      return this.multiple
-        ? [
-          {
-            type: 'selection',
-            width: 35
-          },
-          ...this.columns
-        ]
-        : this.columns
-    },
-
-    _pagination: {
-      get() {
-        return this.pagination
-      },
-      set(val) {
-        this.$emit('update:pagination', val)
-      }
-    }
-  },
-
-  watch: {
-    data: {
-      immediate: false,
-      handler(val) {
-        this.$nextTick(() => {
-          this.multiple && this.setSelectedRow(val)
-        })
-      }
-    }
-  },
-
-  methods: {
-    setSelectedRow(data) {
-      this.value && this.value.forEach((item) => {
-        const index = data.findIndex(row => row[this.valueKey] === item[this.valueKey])
-
-        this.$refs.tableSelect.$refs.elTable.toggleRowSelection(data[index], true)
-      })
-    },
-
-    handleSelectionChange(val) {
-      const res = val.map(item => ({
-        ...item,
-        [this.valueKey]: item[this.valueKey],
-        [this.labelKey]: item[this.labelKey]
-      }))
-
-      // this.$emit('input', res)
-      this.$emit('multiple-change', res)
-    }
-
-    // handle() {
-    //   console.log(this._value = null)
-    // }
-  }
-}
-</script>
+<template>
+  <div :key="key">
+    <!-- <el-button type="primary" @click="handle">清空</el-button> -->
+    <ElTableCustom
+      ref="tableSelect"
+      max-height="500"
+      :data="data"
+      :columns="_columns"
+      :show-pagination="showPagination"
+      :pagination.sync="_pagination"
+      @selection-change="handleSelectionChange"
+      @pagination-change="val => $emit('pagination-change', val)"
+    >
+      <template v-if="!multiple" v-slot:before>
+        <el-table-column
+          :width="45"
+          align="center"
+          header-align="center"
+        >
+          <template v-slot="{ row, $index }">
+            <el-radio
+              v-model="_value"
+              :label="$index"
+              :disabled="row.disabled"
+            >{{ '' }}</el-radio>
+          </template>
+        </el-table-column>
+      </template>
+    </ElTableCustom>
+  </div>
+</template>
+
+<script>
+import ElTableCustom from '../../NstcTable/NstcTable'
+
+export default {
+  name: 'TableRadioCustom',
+
+  components: {
+    ElTableCustom
+  },
+
+  props: {
+    // 双向绑定值,单选时为{ [valueKey]: 'xxx', [labelKey]: 'xxx' },多选时为[{ [valueKey]: 'xxx', [labelKey]: 'xxx' }, { [valueKey]: 'xxx', [labelKey]: 'xxx' },...]
+    value: {
+      type: [Object, Array],
+      default: null
+    },
+
+    // 双向绑定值的valueKey，需对应到表格行数据的某个属性
+    valueKey: {
+      type: String,
+      default: 'key'
+    },
+
+    // 双向绑定值的labelKey，需对应到表格行数据的某个属性
+    labelKey: {
+      type: String,
+      default: 'name'
+    },
+
+    // 是否多选
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+
+    // 列配置
+    columns: {
+      type: Array,
+      default: () => []
+    },
+
+    // 表格数据
+    data: {
+      type: Array,
+      default: () => []
+    },
+
+    // 分页器是否展示
+    showPagination: {
+      default: true,
+      type: Boolean
+    },
+
+    // 分页器
+    pagination: {
+      type: Object,
+      default: () => {
+        return {
+          page: 1,
+          limit: 20,
+          total: 0
+        }
+      }
+    }
+  },
+
+  data() {
+    return {
+      key: `TableRadioCustomID-${Math.random()
+        .toString(36)
+        .slice(2)}`
+    }
+  },
+
+  computed: {
+    _value: {
+      get() {
+        return this.data.findIndex(row => this.value && row[this.valueKey] === this.value[this.valueKey])
+      },
+      set(val) {
+        const row = this.data[val]
+        const res = {
+          ...row,
+          [this.valueKey]: row[this.valueKey],
+          [this.labelKey]: row[this.labelKey]
+        }
+
+        this.$emit('input', res)
+        this.$emit('change', res)
+      }
+    },
+
+    _columns() {
+      return this.multiple
+        ? [
+          {
+            type: 'selection',
+            width: 35
+          },
+          ...this.columns
+        ]
+        : this.columns
+    },
+
+    _pagination: {
+      get() {
+        return this.pagination
+      },
+      set(val) {
+        this.$emit('update:pagination', val)
+      }
+    }
+  },
+
+  watch: {
+    data: {
+      immediate: false,
+      handler(val) {
+        this.$nextTick(() => {
+          this.multiple && this.setSelectedRow(val)
+        })
+      }
+    }
+  },
+
+  methods: {
+    setSelectedRow(data) {
+      this.value && this.value.forEach((item) => {
+        const index = data.findIndex(row => row[this.valueKey] === item[this.valueKey])
+
+        this.$refs.tableSelect.$refs.elTable.toggleRowSelection(data[index], true)
+      })
+    },
+
+    handleSelectionChange(val) {
+      const res = val.map(item => ({
+        ...item,
+        [this.valueKey]: item[this.valueKey],
+        [this.labelKey]: item[this.labelKey]
+      }))
+
+      // this.$emit('input', res)
+      this.$emit('multiple-change', res)
+    }
+
+    // handle() {
+    //   console.log(this._value = null)
+    // }
+  }
+}
+</script>

package/nstc-g6/components/NstcForm/TextCustom/index.vue

@@ -1,38 +1,38 @@
-<template>
-  <span class="text-custom" :style="{width:parseFloat(width) + 'px'}">{{ getValue(value) }}</span>
-</template>
-
-<script>
-export default {
-  name: 'TextCustom',
-
-  props: {
-    value: {
-      type: [String, Number, Array],
-      default: ''
-    },
-
-    width: {
-      type: [String, Number, Array],
-      default: 264
-    }
-  },
-
-  methods: {
-    getValue(value) {
-      if(value instanceof Array) {
-        return value.toString().replace(/,/g, '')
-      } else {
-        return value
-      }
-    }
-  }
-}
-</script>
-
-<style>
-.text-custom {
-  display: inline-block;
-  word-break: break-all;
-}
-</style>
+<template>
+  <span class="text-custom" :style="{width:parseFloat(width) + 'px'}">{{ getValue(value) }}</span>
+</template>
+
+<script>
+export default {
+  name: 'TextCustom',
+
+  props: {
+    value: {
+      type: [String, Number, Array],
+      default: ''
+    },
+
+    width: {
+      type: [String, Number, Array],
+      default: 264
+    }
+  },
+
+  methods: {
+    getValue(value) {
+      if(value instanceof Array) {
+        return value.toString().replace(/,/g, '')
+      } else {
+        return value
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.text-custom {
+  display: inline-block;
+  word-break: break-all;
+}
+</style>