Browse Source

work 财务结算-账户列表 开发

jiayufei 3 years ago
parent
commit
98b1a15c40

+ 23 - 0
src/views/modules/settlement-information/settlement-information.less

@@ -0,0 +1,23 @@
+.settlement-information-content {
+    background: #fff;
+    height: calc(100vh - 137px);
+    padding: 20px;
+    overflow-y: auto;
+    .control-con-title {
+        height: 50px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .add-acount-policy-btn {
+            margin-left: 15px;
+        }
+        .policy-export-btn {
+            font-size: 18px;
+            font-weight: bold;
+        }
+        .settlement-header-icon {
+            margin-left: 10px;
+            margin-right: 10px;
+        }
+    }
+}

+ 46 - 0
src/views/modules/settlement-information/settlement-information.vue

@@ -0,0 +1,46 @@
+<template>
+    <div class="settlement-information-content">
+        <div class="control-con-title">
+            <div>
+                <span class="policy-export-btn">结算单信息</span>
+                <span>
+                    <a-tooltip>
+                        <template slot="title">由销售人员上传需要进行结算的客户自运营的账户信息,需要注意开户主体需要是我司</template>
+                        <a-icon class="settlement-header-icon" type="question-circle"/>
+                    </a-tooltip>
+                    显示列表信息,销售人员只能操作与自己相关的项目
+                </span>
+            </div>
+            <div>
+                <span class="add-acount-policy-btn"><a-button @click="handleDownloadProfit">下载利润表</a-button></span>
+                <span class="add-acount-policy-btn"><a-button @click="handleDownloadSettlement">下载结算单</a-button></span>
+                <span class="add-acount-policy-btn"><a-button type="primary" @click="handleUploadAccount">上传截图</a-button></span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'settlement-information',
+    data() {
+        return {};
+    },
+    methods: {
+        // 下载利润单
+        handleDownloadProfit() {
+            console.log('下载利润单');
+        },
+        // 下载结算单
+        handleDownloadSettlement() {
+            console.log('下载结算单');
+        },
+        // 上传截图
+        handleUploadAccount() {
+            console.log('上传截图');
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+    @import "settlement-information";
+</style>