n20-common-lib 1.3.46 → 1.3.49

package/src/components/Sifting/index.vue

@@ -1,98 +1,98 @@
-<template>
-  <cl-dialog
-    class="p-t-0 p-b-0"
-    :title="title"
-    :width="50"
-    :dialog-visible="dialogVisible"
-    :before-close="beforeClose"
-  >
-    <div class="n20-sifting-box">
-      <div class="n20-sifting-left">
-        <!--top-->
-        <div class="n20-sifting-left-top">
-          <div class="n20-sifting-left-top-left">
-            <span class="n20-sifting-left-top-title">{{ title }}</span>
-            <span class="n20-sifting-opt-text">已选 </span>
-            <span class="n20-sifting-opt">4</span>
-          </div>
-          <span
-            class="n20-sifting-opt n20-sifting-cursor"
-            @click="handleCheckAll"
-            >全部选中</span
-          >
-        </div>
-        <!--end-->
-        <!--content-->
-        <div v-for="item in list" :key="item.title">
-          <span class="n20-sifting-group-title">{{ item.title }}</span>
-          <el-checkbox-group
-            v-model="checkedCities"
-            @change="handleCheckedCitiesChange"
-          >
-            <el-checkbox
-              v-for="(city, index) in item.children"
-              :key="index"
-              class="el-checkbox-class"
-              :label="city.name"
-              >{{ city.name }}</el-checkbox
-            >
-          </el-checkbox-group>
-        </div>
-        <!--end-->
-      </div>
-      <div class="n20-sifting-right">
-        <cl-drag-list :list="checkedCities" />
-      </div>
-    </div>
-    <div slot="footerBtn" class="n20-sifting-footer">
-      <el-button @click="beforeClose">取消</el-button>
-      <el-button type="primary" @click="handlAffirm">确认</el-button>
-    </div>
-  </cl-dialog>
-</template>
-
-<script>
-export default {
-  name: 'Sifting',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    },
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    },
-    beforeClose: {
-      type: Function,
-      default: () => {}
-    },
-    list: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      checkedCities: []
-    }
-  },
-  methods: {
-    handleCheckAll() {
-      this.checkedCities = this.list
-        .map((c) => c.children)
-        .flat()
-        .map((r) => r.name)
-      console.log(this.checkedCities)
-    },
-    handlAffirm() {
-      this.$emit('Affirm', this.checkedCities)
-    },
-    handleCheckedCitiesChange(val) {
-      console.log(val)
-    }
-  }
-}
-</script>
-
-<style scoped></style>
+<template>
+  <cl-dialog
+    class="p-t-0 p-b-0"
+    :title="title"
+    :width="50"
+    :dialog-visible="dialogVisible"
+    :before-close="beforeClose"
+  >
+    <div class="n20-sifting-box">
+      <div class="n20-sifting-left">
+        <!--top-->
+        <div class="n20-sifting-left-top">
+          <div class="n20-sifting-left-top-left">
+            <span class="n20-sifting-left-top-title">{{ title }}</span>
+            <span class="n20-sifting-opt-text">已选 </span>
+            <span class="n20-sifting-opt">4</span>
+          </div>
+          <span
+            class="n20-sifting-opt n20-sifting-cursor"
+            @click="handleCheckAll"
+            >全部选中</span
+          >
+        </div>
+        <!--end-->
+        <!--content-->
+        <div v-for="item in list" :key="item.title">
+          <span class="n20-sifting-group-title">{{ item.title }}</span>
+          <el-checkbox-group
+            v-model="checkedCities"
+            @change="handleCheckedCitiesChange"
+          >
+            <el-checkbox
+              v-for="(city, index) in item.children"
+              :key="index"
+              class="el-checkbox-class"
+              :label="city.name"
+              >{{ city.name }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </div>
+        <!--end-->
+      </div>
+      <div class="n20-sifting-right">
+        <cl-drag-list :list="checkedCities" />
+      </div>
+    </div>
+    <div slot="footerBtn" class="n20-sifting-footer">
+      <el-button @click="beforeClose">取消</el-button>
+      <el-button type="primary" @click="handlAffirm">确认</el-button>
+    </div>
+  </cl-dialog>
+</template>
+
+<script>
+export default {
+  name: 'Sifting',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    beforeClose: {
+      type: Function,
+      default: () => {}
+    },
+    list: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      checkedCities: []
+    }
+  },
+  methods: {
+    handleCheckAll() {
+      this.checkedCities = this.list
+        .map((c) => c.children)
+        .flat()
+        .map((r) => r.name)
+      console.log(this.checkedCities)
+    },
+    handlAffirm() {
+      this.$emit('Affirm', this.checkedCities)
+    },
+    handleCheckedCitiesChange(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+
+<style scoped></style>

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,113 +1,113 @@
-<template>
-  <div>
-    <div v-if="size !== 'mini'" class="flex-box p-t-s p-b-s">
-      <statisItem
-        type="当页合计"
-        :list="pageList"
-        :show-w="showW"
-        :show-u="showU"
-        :count-label="countLabel"
-      />
-      <statisItem
-        type="全部合计"
-        :list="totalList"
-        :show-w="showW"
-        :show-u="showU"
-        :count-label="countLabel"
-      />
-    </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
-    },
-    countLabel: {
-      type: Array,
-      default: undefined
-    },
-    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"
+        :show-u="showU"
+        :count-label="countLabel"
+      />
+      <statisItem
+        type="全部合计"
+        :list="totalList"
+        :show-w="showW"
+        :show-u="showU"
+        :count-label="countLabel"
+      />
+    </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
+    },
+    countLabel: {
+      type: Array,
+      default: undefined
+    },
+    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>