n20-common-lib 1.3.20 → 1.3.24

package/src/components/Stamp/index.vue

@@ -1,75 +1,75 @@
-<template>
-  <img
-    :src="src || imgSrc"
-    :style="{ height: `${height}px`, width: `${width}px` }"
-  />
-</template>
-
-<script>
-export default {
-  name: 'Stamp',
-  props: {
-    name: {
-      type: String,
-      default: '已成交'
-    },
-    src: {
-      type: String,
-      default: ''
-    },
-    height: {
-      type: Number,
-      default: 34
-    },
-    width: {
-      type: Number,
-      default: 80
-    }
-  },
-  data() {
-    return {
-      imgSrc: undefined
-    }
-  },
-  watch: {
-    name: {
-      handler(val) {
-        switch (val) {
-          case '已终止':
-            import('./images/termination.png').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case '已失效':
-            import('./images/efficacy.png').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case '已签订':
-            import('./images/conclude.png').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case '已成交':
-            import('./images/clinch.png').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-
-          case '已作废':
-            import('./images/cancellation.png').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-          case '已结清':
-            import('./images/accounts.png').then((res) => {
-              this.imgSrc = res.default
-            })
-            break
-        }
-      },
-      immediate: true
-    }
-  }
-}
-</script>
+<template>
+  <img
+    :src="src || imgSrc"
+    :style="{ height: `${height}px`, width: `${width}px` }"
+  />
+</template>
+
+<script>
+export default {
+  name: 'Stamp',
+  props: {
+    name: {
+      type: String,
+      default: '已成交'
+    },
+    src: {
+      type: String,
+      default: ''
+    },
+    height: {
+      type: Number,
+      default: 34
+    },
+    width: {
+      type: Number,
+      default: 80
+    }
+  },
+  data() {
+    return {
+      imgSrc: undefined
+    }
+  },
+  watch: {
+    name: {
+      handler(val) {
+        switch (val) {
+          case '已终止':
+            import('./images/termination.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case '已失效':
+            import('./images/efficacy.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case '已签订':
+            import('./images/conclude.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case '已成交':
+            import('./images/clinch.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+
+          case '已作废':
+            import('./images/cancellation.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case '已结清':
+            import('./images/accounts.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+        }
+      },
+      immediate: true
+    }
+  }
+}
+</script>

package/src/components/Statis/index.vue

@@ -1,97 +1,97 @@
-<template>
-  <div>
-    <div v-if="size !== 'mini'" class="flex-box p-t-s p-b-s">
-      <statisItem type="当页合计" :list="pageList" :show-w="showW" />
-      <statisItem type="全部合计" :list="totalList" :show-w="showW" />
-    </div>
-    <div v-else class="n20-statis p-t-s p-b-s">
-      <span class="m-r">
-        当页:<span class="n20-primary">{{ pageSum }}</span
-        >条
-      </span>
-      <span class="m-r">
-        全部:<span class="n20-primary">{{ totalSun }}</span
-        >条
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-import statisItem from './statisItem.vue'
-export default {
-  name: 'Statis',
-  components: {
-    statisItem
-  },
-  props: {
-    pageSum: {
-      type: Number,
-      default: 0
-    },
-    pageAmount: {
-      type: Number,
-      default: undefined
-    },
-    totalSun: {
-      type: Number,
-      default: 0
-    },
-    totalAmount: {
-      type: Number,
-      default: undefined
-    },
-    showW: {
-      type: Boolean,
-      default: false
-    },
-    showU: {
-      type: [Boolean, String],
-      default: false
-    },
-    size: {
-      type: String,
-      default: undefined
-    }
-  },
-  computed: {
-    unitAs() {
-      if (!this.showU) {
-        return undefined
-      } else if (this.showU === true) {
-        return '元'
-      } else {
-        return this.showU
-      }
-    },
-    pageList() {
-      if (this.pageAmount !== undefined) {
-        return [
-          { label: '笔数', value: this.pageSum },
-          {
-            label: '金额',
-            value: this.pageAmount,
-            unit: this.unitAs
-          }
-        ]
-      } else {
-        return [{ label: '笔数', value: this.pageSum }]
-      }
-    },
-    totalList() {
-      if (this.totalAmount !== undefined) {
-        return [
-          { label: '笔数', value: this.totalSun },
-          {
-            label: '金额',
-            value: this.totalAmount,
-            unit: this.unitAs
-          }
-        ]
-      } else {
-        return [{ label: '笔数', value: this.totalSun }]
-      }
-    }
-  }
-}
-</script>
+<template>
+  <div>
+    <div v-if="size !== 'mini'" class="flex-box p-t-s p-b-s">
+      <statisItem type="当页合计" :list="pageList" :show-w="showW" />
+      <statisItem type="全部合计" :list="totalList" :show-w="showW" />
+    </div>
+    <div v-else class="n20-statis p-t-s p-b-s">
+      <span class="m-r">
+        当页:<span class="n20-primary">{{ pageSum }}</span
+        >条
+      </span>
+      <span class="m-r">
+        全部:<span class="n20-primary">{{ totalSun }}</span
+        >条
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import statisItem from './statisItem.vue'
+export default {
+  name: 'Statis',
+  components: {
+    statisItem
+  },
+  props: {
+    pageSum: {
+      type: Number,
+      default: 0
+    },
+    pageAmount: {
+      type: Number,
+      default: undefined
+    },
+    totalSun: {
+      type: Number,
+      default: 0
+    },
+    totalAmount: {
+      type: Number,
+      default: undefined
+    },
+    showW: {
+      type: Boolean,
+      default: false
+    },
+    showU: {
+      type: [Boolean, String],
+      default: false
+    },
+    size: {
+      type: String,
+      default: undefined
+    }
+  },
+  computed: {
+    unitAs() {
+      if (!this.showU) {
+        return undefined
+      } else if (this.showU === true) {
+        return '元'
+      } else {
+        return this.showU
+      }
+    },
+    pageList() {
+      if (this.pageAmount !== undefined) {
+        return [
+          { label: '笔数', value: this.pageSum },
+          {
+            label: '金额',
+            value: this.pageAmount,
+            unit: this.unitAs
+          }
+        ]
+      } else {
+        return [{ label: '笔数', value: this.pageSum }]
+      }
+    },
+    totalList() {
+      if (this.totalAmount !== undefined) {
+        return [
+          { label: '笔数', value: this.totalSun },
+          {
+            label: '金额',
+            value: this.totalAmount,
+            unit: this.unitAs
+          }
+        ]
+      } else {
+        return [{ label: '笔数', value: this.totalSun }]
+      }
+    }
+  }
+}
+</script>

package/src/components/Statis/statisItem.vue

@@ -1,54 +1,54 @@
-<template>
-  <div class="n20-statis">
-    <span v-if="title" class="p-r text-r stati-item-cell">{{ title }}</span
-    ><span class="stati-type stati-item-cell">{{ type }}</span
-    ><span class="n20-statis-division p-l-s p-r-s stati-item-cell">|</span
-    ><span v-for="(item, i) in list" :key="i" class="p-r stati-item-cell"
-      >{{ item.label }}:<span class="n20-primary">{{
-        item | numerify('0,0.00', showW)
-      }}</span></span
-    >
-  </div>
-</template>
-
-<script>
-import numerify from 'numerify'
-const n = 10000
-
-export default {
-  name: 'StatisItem',
-  filters: {
-    numerify({ label, value, unit = '' }, f, w) {
-      if (label === '笔数') {
-        return value
-      } else if (!w) {
-        return numerify(value, f) + unit
-      } else {
-        if (value > n) {
-          return numerify(value / n, f) + '万' + unit
-        } else {
-          return numerify(value, f) + unit
-        }
-      }
-    }
-  },
-  props: {
-    title: {
-      type: String,
-      default: undefined
-    },
-    type: {
-      type: String,
-      default: undefined
-    },
-    list: {
-      type: Array,
-      default: () => []
-    },
-    showW: {
-      type: Boolean,
-      default: false
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-statis">
+    <span v-if="title" class="p-r text-r stati-item-cell">{{ title }}</span
+    ><span class="stati-type stati-item-cell">{{ type }}</span
+    ><span class="n20-statis-division p-l-s p-r-s stati-item-cell">|</span
+    ><span v-for="(item, i) in list" :key="i" class="p-r stati-item-cell"
+      >{{ item.label }}:<span class="n20-primary">{{
+        item | numerify('0,0.00', showW)
+      }}</span></span
+    >
+  </div>
+</template>
+
+<script>
+import numerify from 'numerify'
+const n = 10000
+
+export default {
+  name: 'StatisItem',
+  filters: {
+    numerify({ label, value, unit = '' }, f, w) {
+      if (label === '笔数') {
+        return value
+      } else if (!w) {
+        return numerify(value, f) + unit
+      } else {
+        if (value > n) {
+          return numerify(value / n, f) + '万' + unit
+        } else {
+          return numerify(value, f) + unit
+        }
+      }
+    }
+  },
+  props: {
+    title: {
+      type: String,
+      default: undefined
+    },
+    type: {
+      type: String,
+      default: undefined
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    showW: {
+      type: Boolean,
+      default: false
+    }
+  }
+}
+</script>

package/src/components/Statis/statisPopover.vue

@@ -1,56 +1,56 @@
-<template>
-  <div v-if="lists.length == 1" class="flex-box p-t-s p-b-s">
-    <statisItem
-      v-for="(item, i) in lists[0]['statis']"
-      :key="i"
-      :title="i === 0 ? lists[0].title : undefined"
-      :type="item.type"
-      :list="item.list"
-    />
-  </div>
-
-  <el-popover
-    v-else-if="lists.length > 1"
-    trigger="hover"
-    placement="bottom-start"
-    :visible-arrow="false"
-    popper-class="n20-statis-pop"
-  >
-    <div slot="reference" class="flex-box p-t-s p-b-s">
-      <statisItem
-        v-for="(item, i) in lists[0]['statis']"
-        :key="i"
-        :title="i === 0 ? lists[0].title : undefined"
-        :type="item.type"
-        :list="item.list"
-      />
-      <i class="rotating-icon n20-icon-nianfenqiehuan-youce"></i>
-    </div>
-
-    <div>
-      <div v-for="(group, j) in lists" :key="j" class="n20-statis-group">
-        <statisItem
-          v-for="(item, i) in group['statis']"
-          :key="i"
-          :title="i === 0 ? group.title : undefined"
-          :type="item.type"
-          :list="item.list"
-        />
-      </div>
-    </div>
-  </el-popover>
-</template>
-
-<script>
-import statisItem from './statisItem.vue'
-export default {
-  name: 'StatisPopover',
-  components: { statisItem },
-  props: {
-    lists: {
-      type: Array,
-      default: () => []
-    }
-  }
-}
-</script>
+<template>
+  <div v-if="lists.length == 1" class="flex-box p-t-s p-b-s">
+    <statisItem
+      v-for="(item, i) in lists[0]['statis']"
+      :key="i"
+      :title="i === 0 ? lists[0].title : undefined"
+      :type="item.type"
+      :list="item.list"
+    />
+  </div>
+
+  <el-popover
+    v-else-if="lists.length > 1"
+    trigger="hover"
+    placement="bottom-start"
+    :visible-arrow="false"
+    popper-class="n20-statis-pop"
+  >
+    <div slot="reference" class="flex-box p-t-s p-b-s">
+      <statisItem
+        v-for="(item, i) in lists[0]['statis']"
+        :key="i"
+        :title="i === 0 ? lists[0].title : undefined"
+        :type="item.type"
+        :list="item.list"
+      />
+      <i class="rotating-icon n20-icon-nianfenqiehuan-youce"></i>
+    </div>
+
+    <div>
+      <div v-for="(group, j) in lists" :key="j" class="n20-statis-group">
+        <statisItem
+          v-for="(item, i) in group['statis']"
+          :key="i"
+          :title="i === 0 ? group.title : undefined"
+          :type="item.type"
+          :list="item.list"
+        />
+      </div>
+    </div>
+  </el-popover>
+</template>
+
+<script>
+import statisItem from './statisItem.vue'
+export default {
+  name: 'StatisPopover',
+  components: { statisItem },
+  props: {
+    lists: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>

package/src/components/Step/index.vue

@@ -1,38 +1,38 @@
-
-<template>
-  <el-steps
-    :direction="direction"
-    :align-center="direction === 'horizontal' ? true : undefined"
-    :active="active"
-    v-bind="$attrs"
-  >
-    <el-step
-      v-for="(item, i) of dataSource"
-      :key="i"
-      :icon="item.icon"
-      :title="item.title"
-      :description="item.description"
-      @click.native="$emit('click', i)"
-    />
-  </el-steps>
-</template>
-
-<script>
-export default {
-  name: 'Step',
-  props: {
-    direction: {
-      type: String,
-      default: 'horizontal'
-    },
-    active: {
-      type: Number,
-      default: 1
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    }
-  }
-}
-</script>
+
+<template>
+  <el-steps
+    :direction="direction"
+    :align-center="direction === 'horizontal' ? true : undefined"
+    :active="active"
+    v-bind="$attrs"
+  >
+    <el-step
+      v-for="(item, i) of dataSource"
+      :key="i"
+      :icon="item.icon"
+      :title="item.title"
+      :description="item.description"
+      @click.native="$emit('click', i)"
+    />
+  </el-steps>
+</template>
+
+<script>
+export default {
+  name: 'Step',
+  props: {
+    direction: {
+      type: String,
+      default: 'horizontal'
+    },
+    active: {
+      type: Number,
+      default: 1
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>