@nstc-business/tbm 1.0.2 → 1.0.4

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@nstc-business/tbm",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "private": false,
+  "main": "src/index.js",
   "scripts": {
     "serve": "vue-cli-service serve",
     "test": "vue-cli-service serve --test",
@@ -17,10 +18,10 @@
   "dependencies": {
     "axios": "^0.21.4",
     "core-js": "^3.6.5",
-    "numerify": "*",
     "dayjs": "^1.10.7",
     "el-table-draggable": "^1.4.4",
     "element-ui": "^2.15.6",
+    "numerify": "*",
     "n20-common-lib": "2.7.57",
     "vxe-table": "^3.6.17",
     "qrcode": "^1.5.0",
@@ -31,7 +32,8 @@
     "vuex": "^3.6.2"
   },
   "files": [
-    "src/components"
+    "src/components",
+    "src/index.js"
   ],
   "devDependencies": {
     "@babel/plugin-proposal-optional-chaining": "^7.14.5",

package/src/components/invoiceDetail/index.vue

@@ -1,8 +1,8 @@
 <template>
-  <cl-dialog v-drag width="80%" :destroy-on-close="true" max-dialog :visible.sync="invoiceVisible" title="发票详情">
-    <cl-page>
+  <N20-dialog v-drag width="80%" :destroy-on-close="true" max-dialog :visible.sync="invoiceVisible" title="发票详情">
+    <N20-page>
       <template slot="header">
-        <cl-tertiary-tab class="m-b-s m-t-s" :init.sync="name" :data="tabList" @click="clickTab" />
+        <N20-tertiary-tab class="m-b-s m-t-s" :init.sync="name" :data="tabList" @click="clickTab" />
       </template>
       <div class="wrapperCss">
         <template v-if="name === '发票信息'">
@@ -13,7 +13,7 @@
 
             <div class="wrapperRight">
               <iframe class="invoiceImg" :src="'/api/onlinePreview?beid=' + beid" frameborder="0" v-if="beid"></iframe>
-              <cl-empty :type="`empty`" content="暂无图片" :width="400" v-else></cl-empty>
+              <N20-empty :type="`empty`" content="暂无图片" :width="400" v-else></N20-empty>
             </div>
           </div>
         </template>
@@ -27,8 +27,8 @@
           <invoiceLog :sourceId="query.invoiceId" v-if="name === '发票操作记录'"></invoiceLog>
         </div>
       </div>
-    </cl-page>
-  </cl-dialog>
+    </N20-page>
+  </N20-dialog>
 </template>
 
 <script>

package/src/components/invoiceDetail/invoiceLog.vue

@@ -1,12 +1,12 @@
 <!--发票操作记录-->
 <template>
-  <cl-page>
+  <N20-page>
     <div slot="header">
       <div class="row_between_center m-b-s m-t-s flex-box">
         <div class="row_start_center">
           <el-form :inline="true" @submit.native.prevent>
             <el-form-item label="操作日期">
-              <cl-date-picker-por
+              <N20-date-picker-por
                 :start-date.sync="filterData.starDate"
                 :end-date.sync="filterData.endDate"
                 type="daterange"
@@ -19,7 +19,7 @@
         </div>
       </div>
     </div>
-    <cl-table-pro
+    <N20-table-pro
       ref="table"
       :data="tableData"
       :show-setsize="true"
@@ -36,18 +36,18 @@
           <div style="color: var(--color-primary); cursor: pointer" @click="viewDetail(row)">详情</div>
         </template>
       </vxe-column>
-    </cl-table-pro>
+    </N20-table-pro>
 
     <div slot="footer" class="flex-box flex-lr m-t-s">
       <div></div>
-      <cl-pagination
+      <N20-pagination
         :page-obj="page"
         :page-key="{ no: 'current', size: 'pageSize', total: 'totalSize' }"
         :page-sizes="[200, 400, 600, 800]"
         @change="getList"
       />
     </div>
-    <cl-dialog
+    <N20-dialog
       :title="title + '详情'"
       :visible.sync="contractVisible"
       append-to-body
@@ -56,7 +56,7 @@
       top="10vh"
       width="60%"
     >
-      <cl-page heght="100%">
+      <N20-page heght="100%">
         <div slot="header" class="m-b-s">
           <span>操作类型：</span>
           <span class="color-warning">{{ title }}</span>
@@ -64,7 +64,7 @@
           <span>操作时间：</span>
           <span class="color-warning">{{ optTime }}</span>
         </div>
-        <cl-table-pro
+        <N20-table-pro
           :data="contractTableData"
           :show-setsize="true"
           height="350px"
@@ -81,25 +81,25 @@
               <span v-else>{{ row[column.prop] | toThousands }}</span>
             </template>
           </vxe-column>
-        </cl-table-pro>
-      </cl-page>
+        </N20-table-pro>
+      </N20-page>
       <div slot="footer" class="flex-box flex-lr m-t-s">
         <div class="row_start_center">
-          <cl-statis-item type="全部合计" :list="[{ label: '笔数', value: contractPage.totalSize }]" />
+          <N20-statis-item type="全部合计" :list="[{ label: '笔数', value: contractPage.totalSize }]" />
         </div>
-        <cl-pagination
+        <N20-pagination
           :page-obj="contractPage"
           :page-key="{ no: 'current', size: 'pageSize', total: 'totalSize' }"
           :page-sizes="[200, 400, 600, 800]"
           @change="viewDetail(row)"
         />
       </div>
-    </cl-dialog>
-  </cl-page>
+    </N20-dialog>
+  </N20-page>
 </template>
 
 <script>
-import { dayjs } from 'n20-common-lib'
+import dayjs from 'dayjs'
 export default {
   components: {},
   props: {

package/src/components/invoiceDetail/invoiceTemplateDetail.vue

@@ -9,7 +9,7 @@
           </span>
         </template>
         <template v-else-if="type == 'cldiff'">
-          <cl-diff
+          <N20-diff
             :value="valueFormat(item, value)"
             :old-value="valueFormat(item, oldFormData)"
             :tooltip="oldFormData?.submiterName + oldFormData?.submitDate + '修改'"
@@ -21,7 +21,7 @@
   </el-descriptions>
 </template>
 <script>
-import { numerify } from 'n20-common-lib'
+import numerify from 'numerify'
 export default {
   watch: {
     'value.contractType': {

package/src/components/invoiceDetail/occupationLog.vue

@@ -1,6 +1,6 @@
 <!--占用释放记录-->
 <template>
-  <cl-page class="occupation">
+  <N20-page class="occupation">
     <div slot="header" class="m-b-s">
       <div class="row_between_center m-t-s flex-box">
         <el-form :inline="true" @submit.native.prevent>
@@ -24,7 +24,7 @@
         </div>
       </div>
     </div>
-    <cl-table-pro
+    <N20-table-pro
       ref="table"
       :data="tableData"
       :show-setsize="true"
@@ -33,10 +33,11 @@
       :columns="columns"
       @sort-change-method="sortChange"
       @filter-change-method="filterChange"
+      :key="key"
     />
     <div slot="footer" class="flex-box flex-lr m-t-s">
       <div class="flex-box flex-v">
-        <cl-statis-item
+        <N20-statis-item
           type="全部合计"
           :countLabel="['笔数']"
           :list="[
@@ -46,14 +47,14 @@
           ]"
         />
       </div>
-      <cl-pagination
+      <N20-pagination
         :page-obj="page"
         :page-key="{ no: 'current', size: 'pageSize', total: 'totalSize' }"
         :page-sizes="[200, 400, 600, 800]"
         @change="getList"
       />
     </div>
-  </cl-page>
+  </N20-page>
 </template>
 
 <script>
@@ -203,7 +204,8 @@ export default {
         current: 1,
         pageSize: 200,
         totalSize: 0
-      }
+      },
+      key: 0
     }
   },
   mounted() {
@@ -262,6 +264,7 @@ export default {
           return obj
         })
       }
+      this.key++
     },
     filterChange(filters) {
       Object.keys(filters).forEach(key => {

package/src/components/invoiceDetail/quotaInfor.vue

@@ -1,9 +1,9 @@
 <template>
-  <cl-page>
+  <N20-page>
     <div v-if="type === 'contract'">
-      <cl-expandable-pane class="m-t-s" title="付方额度信息">
+      <N20-expandable-pane class="m-t-s" title="付方额度信息">
         <div v-for="(item, index) in payQuotas" :key="index">
-          <cl-descriptions>
+          <N20-descriptions>
             <el-descriptions-item label="付方">
               <template slot="label">
                 <span class="m-r-s">付方</span>
@@ -72,8 +72,8 @@
               </el-link>
               <span v-else>--</span>
             </el-descriptions-item>
-          </cl-descriptions>
-          <cl-descriptions>
+          </N20-descriptions>
+          <N20-descriptions>
             <el-descriptions-item label="合同总额度">
               <span>{{ item.contractAmountSum | toThousands }}</span>
             </el-descriptions-item>
@@ -125,12 +125,12 @@
             <el-descriptions-item label="发票剩余可用金额">
               <span>{{ item.invoiceAvailableAmountSum | toThousands }}</span>
             </el-descriptions-item>
-          </cl-descriptions>
+          </N20-descriptions>
         </div>
-      </cl-expandable-pane>
-      <cl-expandable-pane class="m-t-s" title="收方额度信息" v-if="recQuotas.length">
+      </N20-expandable-pane>
+      <N20-expandable-pane class="m-t-s" title="收方额度信息" v-if="recQuotas.length">
         <div v-for="(item, index) in recQuotas" :key="index">
-          <cl-descriptions>
+          <N20-descriptions>
             <el-descriptions-item label="付方">
               <template slot="label">
                 <span class="m-r-s">付方</span>
@@ -203,8 +203,8 @@
               </el-link>
               <span v-else>--</span>
             </el-descriptions-item>
-          </cl-descriptions>
-          <cl-descriptions>
+          </N20-descriptions>
+          <N20-descriptions>
             <el-descriptions-item label="合同总额度">
               <span>{{ item.contractAmountSum | toThousands }}</span>
             </el-descriptions-item>
@@ -260,14 +260,14 @@
             <el-descriptions-item label="发票剩余可用金额">
               <span>{{ item.invoiceAvailableAmountSum | toThousands }}</span>
             </el-descriptions-item>
-          </cl-descriptions>
+          </N20-descriptions>
         </div>
-      </cl-expandable-pane>
+      </N20-expandable-pane>
     </div>
     <div v-else-if="type === 'invoice'">
-      <cl-expandable-pane class="m-t-s" title="购买方额度信息">
+      <N20-expandable-pane class="m-t-s" title="购买方额度信息">
         <div v-for="(item, index) in payQuotas" :key="index">
-          <cl-descriptions>
+          <N20-descriptions>
             <el-descriptions-item label="购买方">
               <span class="color-warning">
                 <span v-if="item.payerNo">{{ `(${item.payerNo})` }}</span>
@@ -318,12 +318,12 @@
               </el-link>
               <span v-else>--</span>
             </el-descriptions-item>
-          </cl-descriptions>
+          </N20-descriptions>
         </div>
-      </cl-expandable-pane>
-      <cl-expandable-pane class="m-t-s" title="销售方额度信息" v-if="recQuotas.length">
+      </N20-expandable-pane>
+      <N20-expandable-pane class="m-t-s" title="销售方额度信息" v-if="recQuotas.length">
         <div v-for="(item, index) in recQuotas" :key="index">
-          <cl-descriptions>
+          <N20-descriptions>
             <el-descriptions-item label="购买方">
               <span v-if="item.payerNo">{{ `(${item.payerNo})` }}</span>
               <span>{{ item.payerName || '--' }}</span>
@@ -374,16 +374,22 @@
               </el-link>
               <span v-else>--</span>
             </el-descriptions-item>
-          </cl-descriptions>
+          </N20-descriptions>
         </div>
-      </cl-expandable-pane>
+      </N20-expandable-pane>
     </div>
-  </cl-page>
+  </N20-page>
 </template>
 
 <script>
+import numerify from 'numerify'
 export default {
   components: {},
+  filter: {
+    toThousands(val) {
+      return numerify(val, '0,0.00')
+    }
+  },
   props: {
     tradeId: {
       type: [String, Number],

package/src/components/test/index.js

@@ -0,0 +1,8 @@
+import Test from './src/index.vue'
+
+/* istanbul ignore next */
+Test.install = function (Vue) {
+  Vue.component(Test.name, Test)
+}
+
+export default Test

package/src/components/test/src/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <!-- <span>测试组件</span> -->
+    <el-button type="primary" @click="setInfo">发票详情</el-button>
+    <!--  发票详情组件 -->
+    <invoiceDetail ref="invoiceDetail"></invoiceDetail>
+  </div>
+</template>
+
+<script>
+import invoiceDetail from '@/components/invoiceDetail'
+export default {
+  name: 'Test',
+  components: {
+    invoiceDetail
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    setInfo() {
+      this.$refs['invoiceDetail'].setInfo({ invoiceId: 275 })
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped></style>

package/src/index.js

@@ -0,0 +1,24 @@
+// 组件导入
+import Test from './components/test/index.js'
+
+const components = [Test]
+
+const install = function (Vue, options = { prefix: '' }) {
+  components.forEach(component => {
+    let name = component.name
+    if (!name) return console.error('必须设置组件名称:', component)
+    name = options.prefix + name.replace(name[0], name[0].toUpperCase())
+    Vue.component(name, component)
+  })
+}
+
+/* istanbul ignore if */
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+
+export default {
+  version: '0.1.0',
+  install,
+  Test
+}