资料管理功能优化

稽核详情修改

src/views/dataupload/modules/TaskImport.vue

@@ -31,15 +31,80 @@
                 </a-upload>
               </div>
               <a-radio-group v-model:value="value1" button-style="solid" style="width: 250px" @change="fileTypeClick">
-                <a-radio-button style="display: flex" value="businessContract">业务合同</a-radio-button>
-                <a-radio-button style="display: flex" value="smsNumberCertificate">号码证书</a-radio-button>
-                <a-radio-button style="display: flex" value="recordNotice">备案通知</a-radio-button>
-                <a-radio-button style="display: flex" value="groupPriceApproval">集团政企价格审批单</a-radio-button>
-                <a-radio-button style="display: flex" value="businessLicence">营业执照</a-radio-button>
-                <a-radio-button style="display: flex" value="customerIntroductionLetter">集团政企价格审批单</a-radio-button>
-                <a-radio-button style="display: flex" value="handlerIdNumberCopy">经办人身份复印件</a-radio-button>
-                <a-radio-button style="display: flex" value="crmScreenshot">CRM 行短业务截图</a-radio-button>
-                <a-radio-button style="display: flex" value="valueAddedLicence">增值业务许可证</a-radio-button>
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.businessContract].len
+                         :show-zero=fileTypeBadge[fileType.businessContract].showZero
+                         :number-style=fileTypeBadge[fileType.businessContract].numberStyle
+                >
+                  <a-radio-button style="display: flex" :value=fileType.businessContract>业务合同</a-radio-button>
+                </a-badge>
+
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.smsNumberCertificate].len
+                         :show-zero=fileTypeBadge[fileType.smsNumberCertificate].showZero
+                         :number-style=fileTypeBadge[fileType.smsNumberCertificate].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.smsNumberCertificate>
+                    号码证书
+                  </a-radio-button>
+                </a-badge>
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.recordNotice].len
+                         :show-zero=fileTypeBadge[fileType.recordNotice].showZero
+                         :number-style=fileTypeBadge[fileType.recordNotice].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.recordNotice>
+                    备案通知
+                  </a-radio-button>
+                </a-badge>
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.groupPriceApproval].len
+                         :show-zero=fileTypeBadge[fileType.groupPriceApproval].showZero
+                         :number-style=fileTypeBadge[fileType.groupPriceApproval].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.groupPriceApproval>
+                    集团政企价格审批单
+                  </a-radio-button>
+                </a-badge>
+
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.businessLicence].len
+                         :show-zero=fileTypeBadge[fileType.businessLicence].showZero
+                         :number-style=fileTypeBadge[fileType.businessLicence].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.businessLicence>
+                    营业执照
+                  </a-radio-button>
+                </a-badge>
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.customerIntroductionLetter].len
+                         :show-zero=fileTypeBadge[fileType.customerIntroductionLetter].showZero
+                         :number-style=fileTypeBadge[fileType.customerIntroductionLetter].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.customerIntroductionLetter>
+                    集团政企价格审批单
+                  </a-radio-button>
+                </a-badge>
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.handlerIdNumberCopy].len
+                         :show-zero=fileTypeBadge[fileType.handlerIdNumberCopy].showZero
+                         :number-style=fileTypeBadge[fileType.handlerIdNumberCopy].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.handlerIdNumberCopy>
+                    经办人身份复印件
+                  </a-radio-button>
+                </a-badge>
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.crmScreenshot].len
+                         :show-zero=fileTypeBadge[fileType.crmScreenshot].showZero
+                         :number-style=fileTypeBadge[fileType.crmScreenshot].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.crmScreenshot>
+                    CRM 行短业务截图
+                  </a-radio-button>
+                </a-badge>
+
+                <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.valueAddedLicence].len
+                         :show-zero=fileTypeBadge[fileType.valueAddedLicence].showZero
+                         :number-style=fileTypeBadge[fileType.valueAddedLicence].numberStyle>
+                  <a-radio-button style="display: flex" :value=fileType.valueAddedLicence>
+                    增值业务许可证
+                  </a-radio-button>
+                </a-badge>
+
               </a-radio-group>
             </a-card>
           </a-spin>
@@ -49,12 +114,10 @@
           <a-card title="资料详情" :bordered="false">
             <a-list item-layout="vertical" :data-source="delList">
               <a-list-item slot="renderItem" slot-scope="item, index">
-<!--                <pdf
-                  ref="pdf"
-                  :src="item.url">
-                </pdf>-->
-
-
+                <!--                <pdf
+                                  ref="pdf"
+                                  :src="item.url">
+                                </pdf>-->
 
 
                 <a-list-item-meta
@@ -131,6 +194,7 @@
 import {JeecgListMixin} from '@/mixins/JeecgListMixin'
 import {httpAction} from '@api/manage'
 import pdf from 'vue-pdf';
+
 let Base64 = require('js-base64').Base64
 
 
@@ -146,11 +210,90 @@ export default {
   setup() {
 
   },
-  components:{
+  components: {
     pdf
   },
   data() {
     return {
+
+      fileType: {
+        businessContract: "businessContract",
+        smsNumberCertificate: "smsNumberCertificate",
+        recordNotice: "recordNotice",
+        groupPriceApproval: "groupPriceApproval",
+        businessLicence: "businessLicence",
+        customerIntroductionLetter: "customerIntroductionLetter",
+        handlerIdNumberCopy: "handlerIdNumberCopy",
+        crmScreenshot: "crmScreenshot",
+        valueAddedLicence: "valueAddedLicence"
+      },
+
+      fileTypeBadge: {
+        "businessContract": {
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "smsNumberCertificate":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "recordNotice":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "groupPriceApproval":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "businessLicence":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "customerIntroductionLetter":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "handlerIdNumberCopy":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "crmScreenshot":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "valueAddedLicence":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+      },
+
       spinning: false,
       value1: "businessContract",
       expandedKeys: ['0-0', '0-1'],
@@ -159,6 +302,7 @@ export default {
       autoSearch: false,
       dataSource: [],
       errorCount: 0,
+
       url: {
         importExcel: window._CONFIG['domainURL'] + "/smsCheck/task/importCustomerExcel",
         importData: "/smsCheck/task/importCustomerData",
@@ -166,16 +310,17 @@ export default {
         editUrl: "/smsCheck/customerData/edit/info/id",
         list: "/smsCheck/customerData/list"
       },
+
       delList: [],
     }
   },
 
   created() {
+    //this.badgeCount()
     this.customerDataList();
+    this.badgeCount()
   },
-
   methods: {
-
     customerDataList() {
       let model = {
         "infoId": this.infoId
@@ -205,17 +350,68 @@ export default {
               } else {
                 this.delList = [];
               }
+              console.log( this.delList)
             } else {
               this.delList = [];
             }
 
           } else {
-
+            this.$message.error('查询资料信息失败')
           }
         }).finally(() => {
 
       })
     },
+    badgeCount() {
+      //this.fileTypeBadge = []
+      let model = {
+        "infoId": this.infoId
+      }
+      let res = null;
+      httpAction(this.url.list, model, "post")
+        .then((res) => {
+          if (res.success) {
+            res = res.result.records
+            if (res.length > 0 && res != null) {
+              let data = res[0];
+              for (var i in this.fileType) {
+                let fileTypeElement = this.fileType[i];
+                let datum = data[fileTypeElement];
+                let badge = {};
+                if (datum == null) {
+
+                } else {
+                  let length = datum.split(",").length;
+                  let showZero = length > 0 ? false : true;
+                  badge = {
+                    len: parseInt(length),
+                    showZero: showZero,
+                    numberStyle: {
+                      backgroundColor: "#52c41a"
+                    }
+                  }
+                  this.fileTypeBadge[fileTypeElement] = badge;
+                }
+
+              }
+
+            }
+
+          } else {
+           /* for (var i in this.fileType) {
+              let fileTypeElement = this.fileType[i];
+              let badge = {
+                len: 0,
+                showZero: true,
+                style: {}
+
+              }
+              this.fileTypeBadge[fileTypeElement] = badge;
+            }*/
+          }
+        })
+    },
+
 
     importBeforeUpload(file) {
       var fileType = file.type;
@@ -234,6 +430,7 @@ export default {
 
       return true
     },
+
     importHandleChange(info) {
       this.spinning = true;
       info.file
@@ -253,6 +450,7 @@ export default {
             .then((res) => {
               if (res.success) {
                 this.customerDataList();
+                this.badgeCount();
               } else {
               }
             }).finally(() => {
@@ -269,12 +467,10 @@ export default {
       }
     },
 
-
     fileTypeClick(a, event) {
-      //console.log(a)
-      //console.log(event)
       this.customerDataList();
     },
+
     radioStyle() {
       return {
         display: 'flex',
@@ -282,6 +478,7 @@ export default {
         lineHeight: '30px'
       }
     },
+
     renderContent(h, {node, data, store}) {
       return (
         <span class="custom-tree-node">
@@ -342,5 +539,8 @@ export default {
 </script>
 
 <style scoped>
+.badge-width-100 {
+  width: 100%;
+}
 
 </style>

src/views/dataupload/modules/TaskList.vue

@@ -20,18 +20,8 @@
             <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
               <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
               <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
-            </span>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!-- 查询区域-END -->
-
-    <!-- 操作按钮区域 -->
-    <div class="table-operator">
-      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
-      <a-button type="primary" icon="download" @click="handleExportXls('资料文件')">导出</a-button>
-      <a-dropdown v-if="selectedRowKeys.length > 0">
+               <a-button style="margin-left: 8px" type="primary" icon="download" @click="handleExportXls('资料文件')">导出</a-button>
+               <a-dropdown v-if="selectedRowKeys.length > 0">
         <a-menu slot="overlay">
           <a-menu-item key="1" @click="batchDel">
             <a-icon type="delete"/>
@@ -42,6 +32,17 @@
           <a-icon type="down"/>
         </a-button>
       </a-dropdown>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 查询区域-END -->
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <!--      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>-->
+
     </div>
 
     <!-- table区域-begin -->
@@ -92,7 +93,7 @@
           <a-divider type="vertical"/>
            <a @click="handUpload(record)">资料上传</a>
            <a-divider type="vertical"/>
-          <a @click="handleEdit(record)">编辑</a>
+          <a @click="handleEdit(record)">信息编辑</a>
           <a-divider type="vertical"/>
           <a-dropdown>
             <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
@@ -186,33 +187,33 @@ export default {
           align: "center",
           sorter: true,
           dataIndex: 'checkState',
-          scopedSlots: { customRender: 'checkState' }
-         /* customRender: function (t, r, index) {
-            let checkState = "无状态";
-            switch (t) {
-              case 0:
-                checkState = "未处理";
-                break;
-              case 1:
-                checkState = "未完善";
-                break;
-              case 2:
-                checkState = "待稽核";
-                break;
-              case 3:
-                checkState = "已整改";
-                break;
-              case 4:
-                checkState = "待整改";
-                break;
-              case 5:
-                checkState = "稽核通过";
-                break;
-            }
-            return checkState;
-            //return <span><Badge status=success ></span>;
+          scopedSlots: {customRender: 'checkState'}
+          /* customRender: function (t, r, index) {
+             let checkState = "无状态";
+             switch (t) {
+               case 0:
+                 checkState = "未处理";
+                 break;
+               case 1:
+                 checkState = "未完善";
+                 break;
+               case 2:
+                 checkState = "待稽核";
+                 break;
+               case 3:
+                 checkState = "已整改";
+                 break;
+               case 4:
+                 checkState = "待整改";
+                 break;
+               case 5:
+                 checkState = "稽核通过";
+                 break;
+             }
+             return checkState;
+             //return <span><Badge status=success ></span>;
 
-          }*/
+           }*/
         },
         {
           title: '操作',

src/views/smscheck/modules/TaskCheckDetail.vue

@@ -54,7 +54,128 @@
         </a-card>
 
         <a-card title="附件资料" :bordered="true">
-          <a-descriptions :column="1" :bordered="false">
+
+
+          <div style="background-color: rgba(236,236,236,0); padding: 0px">
+            <a-row :gutter="16">
+              <a-col :span="6">
+
+                  <a-card title="资料类型选择">
+                    <a-radio-group @change="fileTypeClick" v-model:value="radioValue" button-style="solid" style="width: 250px">
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.businessContract].len
+                               :show-zero=fileTypeBadge[fileType.businessContract].showZero
+                               :number-style=fileTypeBadge[fileType.businessContract].numberStyle
+                      >
+                        <a-radio-button style="display: flex" :value=fileType.businessContract>业务合同</a-radio-button>
+                      </a-badge>
+
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.smsNumberCertificate].len
+                               :show-zero=fileTypeBadge[fileType.smsNumberCertificate].showZero
+                               :number-style=fileTypeBadge[fileType.smsNumberCertificate].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.smsNumberCertificate>
+                          号码证书
+                        </a-radio-button>
+                      </a-badge>
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.recordNotice].len
+                               :show-zero=fileTypeBadge[fileType.recordNotice].showZero
+                               :number-style=fileTypeBadge[fileType.recordNotice].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.recordNotice>
+                          备案通知
+                        </a-radio-button>
+                      </a-badge>
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.groupPriceApproval].len
+                               :show-zero=fileTypeBadge[fileType.groupPriceApproval].showZero
+                               :number-style=fileTypeBadge[fileType.groupPriceApproval].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.groupPriceApproval>
+                          集团政企价格审批单
+                        </a-radio-button>
+                      </a-badge>
+
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.businessLicence].len
+                               :show-zero=fileTypeBadge[fileType.businessLicence].showZero
+                               :number-style=fileTypeBadge[fileType.businessLicence].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.businessLicence>
+                          营业执照
+                        </a-radio-button>
+                      </a-badge>
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.customerIntroductionLetter].len
+                               :show-zero=fileTypeBadge[fileType.customerIntroductionLetter].showZero
+                               :number-style=fileTypeBadge[fileType.customerIntroductionLetter].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.customerIntroductionLetter>
+                          集团政企价格审批单
+                        </a-radio-button>
+                      </a-badge>
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.handlerIdNumberCopy].len
+                               :show-zero=fileTypeBadge[fileType.handlerIdNumberCopy].showZero
+                               :number-style=fileTypeBadge[fileType.handlerIdNumberCopy].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.handlerIdNumberCopy>
+                          经办人身份复印件
+                        </a-radio-button>
+                      </a-badge>
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.crmScreenshot].len
+                               :show-zero=fileTypeBadge[fileType.crmScreenshot].showZero
+                               :number-style=fileTypeBadge[fileType.crmScreenshot].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.crmScreenshot>
+                          CRM 行短业务截图
+                        </a-radio-button>
+                      </a-badge>
+
+                      <a-badge class="badge-width-100" :count=fileTypeBadge[fileType.valueAddedLicence].len
+                               :show-zero=fileTypeBadge[fileType.valueAddedLicence].showZero
+                               :number-style=fileTypeBadge[fileType.valueAddedLicence].numberStyle>
+                        <a-radio-button style="display: flex" :value=fileType.valueAddedLicence>
+                          增值业务许可证
+                        </a-radio-button>
+                      </a-badge>
+
+                    </a-radio-group>
+                  </a-card>
+              </a-col>
+              <a-col :span="18">
+                <a-card title="资料详情" :bordered="false">
+                  <a-list item-layout="vertical" :data-source="delList">
+                    <a-list-item slot="renderItem" slot-scope="item, index">
+                      <!--                <pdf
+                                        ref="pdf"
+                                        :src="item.url">
+                                      </pdf>-->
+
+
+                      <a-list-item-meta
+                        :description=item.information
+                      >
+                        <a slot="title" :href=item.href>{{ item.title }}</a>
+
+                        <a-avatar
+                          slot="avatar"
+                          :src=item.url
+                          icon="file"
+                        />
+                      </a-list-item-meta>
+                      <iframe
+                        frameborder="1"
+                        :src=item.href
+                        ref="ifr"
+                        width="100%"
+                        height="560px"
+                        scrolling="auto">
+                      </iframe>
+                    </a-list-item>
+                  </a-list>
+                </a-card>
+              </a-col>
+            </a-row>
+          </div>
+
+<!--          <a-descriptions :column="1" :bordered="false">
             <a-descriptions-item label="业务合同" :span="2">
               <a-space><a v-for="(file,index) in fileList" :href="handlePreview(file)" target="_blank">{{'附件' + (index + 1)}}</a></a-space>
             </a-descriptions-item>
@@ -80,7 +201,7 @@
               <a-space><a v-for="(file,index) in fileList" :href="handlePreview(file)" target="_blank">{{'附件' + (index + 1)}}</a></a-space>
             </a-descriptions-item>
 
-          </a-descriptions>
+          </a-descriptions>-->
 
         </a-card>
 
@@ -118,11 +239,90 @@ export default {
   },
   data () {
     return {
+      delList:[],
+      radioValue: "businessContract",
+      fileType: {
+        businessContract: "businessContract",
+        smsNumberCertificate: "smsNumberCertificate",
+        recordNotice: "recordNotice",
+        groupPriceApproval: "groupPriceApproval",
+        businessLicence: "businessLicence",
+        customerIntroductionLetter: "customerIntroductionLetter",
+        handlerIdNumberCopy: "handlerIdNumberCopy",
+        crmScreenshot: "crmScreenshot",
+        valueAddedLicence: "valueAddedLicence"
+      },
+      fileTypeBadge: {
+        "businessContract": {
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "smsNumberCertificate":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "recordNotice":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "groupPriceApproval":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "businessLicence":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "customerIntroductionLetter":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "handlerIdNumberCopy":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "crmScreenshot":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+        "valueAddedLicence":{
+          len: 0,
+          showZero: true,
+          numberStyle: {
+            backgroundColor: '#fa073f'
+          }
+        },
+      },
       description: '稽核详情页面',
       labelCol: { span: 1 },
       wrapperCol: { span: 23 },
       url: {
         list: "/smsCheck/customerInfo/list",
+        listData: "/smsCheck/customerData/list"
       },
       autoSearch: false,
       fileList: [
@@ -131,7 +331,106 @@ export default {
       ],
     }
   },
+  created() {
+    this.customerDataList();
+    this.badgeCount()
+  },
   methods: {
+    fileTypeClick(a, event) {
+      this.customerDataList();
+    },
+
+    customerDataList() {
+      let model = {
+        "infoId": this.checkInfo.info.id
+      }
+      httpAction(this.url.listData, model, "post")
+        .then((res) => {
+          if (res.success) {
+            let records = res.result.records;
+            if (records.length > 0) {
+              this.delList = [];
+              let record = records[0];
+              let recordElement = record[this.radioValue];
+              if (recordElement != null || recordElement != undefined) {
+                let splitList = recordElement.split(",");
+                for (var i in splitList) {
+                  let splitListElement = splitList[i];
+                  let split = splitListElement.split("/");
+                  let splitElement = split[split.length - 1];
+                  let del = {
+                    title: splitElement,
+                    href: window._CONFIG['onlinePreviewDomainURL'] + '?url=' + encodeURIComponent(Base64.encode((splitListElement))),
+                    information: "上传用户：" + record.createBy,
+                    url: splitListElement
+                  }
+                  this.delList.push(del)
+                }
+              } else {
+                this.delList = [];
+              }
+              console.log( this.delList)
+            } else {
+              this.delList = [];
+            }
+
+          } else {
+            this.$message.error('查询资料信息失败')
+          }
+        }).finally(() => {
+
+      })
+    },
+    badgeCount() {
+      //this.fileTypeBadge = []
+      let model = {
+        "infoId": this.checkInfo.info.id
+      }
+      httpAction(this.url.listData, model, "post")
+        .then((res) => {
+          if (res.success) {
+            res = res.result.records
+            if (res.length > 0 && res != null) {
+              let data = res[0];
+              for (var i in this.fileType) {
+                let fileTypeElement = this.fileType[i];
+                let datum = data[fileTypeElement];
+                let badge = {};
+                if (datum == null) {
+
+                } else {
+                  let length = datum.split(",").length;
+                  let showZero = length > 0 ? false : true;
+                  badge = {
+                    len: parseInt(length),
+                    showZero: showZero,
+                    numberStyle: {
+                      backgroundColor: "#52c41a"
+                    }
+                  }
+                    this.fileTypeBadge[fileTypeElement] = badge;
+                }
+                console.log(this.fileTypeBadge)
+
+              }
+
+            }
+
+          } else {
+            /* for (var i in this.fileType) {
+               let fileTypeElement = this.fileType[i];
+               let badge = {
+                 len: 0,
+                 showZero: true,
+                 style: {}
+
+               }
+               this.fileTypeBadge[fileTypeElement] = badge;
+             }*/
+          }
+        })
+    },
+
     // 显示列表页面
     showList() {
       this.$emit('goList');
@@ -152,5 +451,8 @@ export default {
 </script>
 
 <style scoped>
+.badge-width-100{
+  width: 100%;
+}
 
 </style>