商家端添加注释，删除无用代码，优化样式

2025-12-23 03:15:54 +08:00 · 2021-07-19 18:03:35 +08:00
parent 07f41f5cb6
commit 5062cad2b0
40 changed files with 799 additions and 1573 deletions
--- a/seller/src/views/shop/bill/accountStatementBill.vue
+++ b/seller/src/views/shop/bill/accountStatementBill.vue
@@ -30,7 +30,7 @@
              style="width: 200px"
            ></DatePicker>
          </Form-item>
-          <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
+          <Button @click="handleSearch" type="primary" class="search-btn">搜索</Button>
          <Button @click="handleReset" class="search-btn">重置</Button>
        </Form>
      </Row>
@@ -41,9 +41,6 @@
        :columns="columns"
        :data="data"
        ref="table"
-        sortable="custom"
-        @on-sort-change="changeSort"
-        @on-selection-change="changeSelect"
      ></Table>
      <Row type="flex" justify="end" class="page">
        <Page
@@ -68,7 +65,6 @@

  export default {
    name: "accountStatementBill",
-    components: {},
    data() {
      return {
        loading: true, // 表单加载状态
@@ -81,25 +77,13 @@
          startDate: "", // 起始时间
          endDate: "", // 终止时间
        },
-        form: {
-          // 添加或编辑表单对象初始化数据
-          sn: "",
-          sellerName: "",
-          startTime: "",
-          endTime: "",
-          billPrice: "",
-        },
-        // 表单验证规则
-        formValidate: {},
-        submitLoading: false, // 添加或编辑提交状态
-        selectList: [], // 多选数据
-        selectCount: 0, // 多选计数
        columns: [
          {
            title: "账单号",
            key: "sn",
            minWidth: 250,
-            tooltip: true          },
+            tooltip: true          
+          },
          {
            title: "生成时间",
            key: "createTime",
@@ -178,50 +162,34 @@
      };
    },
    methods: {
+      // 初始化数据
      init() {
        this.getDataList();
      },
+      // 分页 改变页码
      changePage(v) {
        this.searchForm.pageNumber = v;
        this.getDataList();
-        this.clearSelectAll();
      },
+      // 分页 改变页数
      changePageSize(v) {
        this.searchForm.pageSize = v;
        this.getDataList();
      },
+      // 搜索
      handleSearch() {
        this.searchForm.pageNumber = 1;
        this.searchForm.pageSize = 10;
        this.getDataList();
      },
+      // 重置
      handleReset() {
        this.searchForm = {}
        this.searchForm.pageNumber = 1;
        this.searchForm.pageSize = 10;
        this.getDataList();
      },
-      changeSort(e) {
-        this.searchForm.sort = e.key;
-        this.searchForm.order = e.order;
-        if (e.order === "normal") {
-          this.searchForm.order = "";
-        }
-        this.getDataList();
-      },
-      clearSelectAll() {
-        this.$refs.table.selectAll(false);
-      },
-      changeSelect(e) {
-        this.selectList = e;
-        this.selectCount = e.length;
-      },
-      selectDateRange(v) {
-        if (v) {
-          this.searchForm.startDate = v[0];
-          this.searchForm.endDate = v[1];
-        }
-      },
+      // 获取列表数据
      getDataList() {
        this.loading = true;
        this.searchForm.billStatus = "OUT"
@@ -235,7 +203,7 @@
        this.total = this.data.length;
        this.loading = false;
      },
-
+      // 查看详情
      detail(v) {
        let id = v.id;
        this.$router.push({
@@ -245,7 +213,7 @@

      },
    },
-    mounted() {
+    activated() {
      this.init();
    },
  };
--- a/seller/src/views/shop/bill/billDetail.vue
+++ b/seller/src/views/shop/bill/billDetail.vue
@@ -1,52 +1,38 @@
 <template>
-  <div>
-    <template>
-      <Row>
-        <i-col span="24">
-          <Card>
-            <p slot="title">商家信息</p>
-            <div class="flex flex_align_item">
-              <p>店铺名称：{{ bill.storeName }}</p>
-              <p>银行开户名：{{ bill.bankAccountName }}</p>
-              <p>银行账号：{{ bill.bankAccountNumber }}</p>
-              <p>开户行支行名称：{{ bill.bankName }}</p>
-              <p>支行联行号：{{ bill.bankCode }}</p>
-            </div>
-          </Card>
-        </i-col>
-      </Row>
-    </template>
-    <template>
-      <Row>
-        <i-col span="24">
-          <Card>
-            <p slot="title">账单详细</p>
+  <div class="bill-detail">
+    <Card>
+      <p slot="title">商家信息</p>
+      <div class="flex flex_align_item">
+        <p>店铺名称：{{ bill.storeName }}</p>
+        <p>银行开户名：{{ bill.bankAccountName }}</p>
+        <p>银行账号：{{ bill.bankAccountNumber }}</p>
+        <p>开户行支行名称：{{ bill.bankName }}</p>
+        <p>支行联行号：{{ bill.bankCode }}</p>
+      </div>
+    </Card>
+    <Card class="mt_10">
+      <p slot="title">账单详细</p>

-            <div class="tips-status">
-              <span>商品状态</span>
+      <div class="tips-status">
+        <span>商品状态</span>

-              <span class="theme_color">{{
-                bill.billStatus | unixSellerBillStatus
-              }}</span>
+        <span class="theme_color">{{
+          bill.billStatus | unixSellerBillStatus
+        }}</span>

-              <Button
-                v-if="bill.billStatus == 'OUT'"
-                size="mini"
-                @click="reconciliation()"
-                type="primary"
-                >对账</Button
-              >
-            </div>
-
-            <i-table :columns="columns" :data="data" stripe></i-table>
-          </Card>
-        </i-col>
-      </Row>
-    </template>
-    <template>
-      <Tabs active-key="tab" @on-click="clickTabs">
+        <Button
+          v-if="bill.billStatus == 'OUT'"
+          size="mini"
+          @click="reconciliation()"
+          type="primary"
+          >对账</Button
+        >
+      </div>
+      <i-table :columns="columns" :data="data" stripe></i-table>
+    </Card>
+    <Card class="mt_10">
+      <Tabs active-key="tab" type="card" @on-click="clickTabs">
        <Tab-pane label="订单列表" name="order">
-          <Card>
            <Table
              :loading="loading"
              border
@@ -66,10 +52,8 @@
                show-elevator
              ></Page>
            </Row>
-          </Card>
        </Tab-pane>
        <Tab-pane label="退单列表" name="refund">
-          <Card>
            <Table
              :loading="loading"
              border
@@ -89,10 +73,8 @@
                show-elevator
              ></Page>
            </Row>
-          </Card>
        </Tab-pane>
        <Tab-pane label="分销费用列表" name="distribution">
-          <Card>
            <Table
              :loading="loading"
              border
@@ -112,10 +94,9 @@
                show-elevator
              ></Page>
            </Row>
-          </Card>
        </Tab-pane>
      </Tabs>
-    </template>
+    </Card>
  </div>
 </template>
 <script>
@@ -550,6 +531,7 @@ export default {
        }
      });
    },
+    // 账单详细
    initTable() {
      let bill = this.bill;
      this.data[0].name = "结算单号";
@@ -613,6 +595,9 @@ export default {
    margin: 15px 0;
  }
 }
+.page{
+  margin-top: 10px;
+}
 .tips-status {
  padding: 18px;
  > span {
--- a/seller/src/views/shop/bill/storeBill.vue
+++ b/seller/src/views/shop/bill/storeBill.vue
@@ -1,46 +1,45 @@
 <template>
-  <div class="search">
+  <div class="store-bill">
    <Card>
-      <Row @keydown.enter.native="handleSearch">
-        <Form
-          ref="searchForm"
-          :model="searchForm"
-          inline
-          :label-width="70"
-          class="search-form"
-        >
-          <Form-item label="开始时间" prop="startDay">
-            <DatePicker
-              type="date"
-              v-model="searchForm.startDate"
-              format="yyyy-MM-dd HH:mm:ss"
-              placeholder="请选择"
-              clearable
-              style="width: 200px"
-            ></DatePicker>
-          </Form-item>
-          <Form-item label="结束时间" prop="endDate">
-            <DatePicker
-              type="date"
-              v-model="searchForm.endDate"
-              format="yyyy-MM-dd HH:mm:ss"
-              di
-              placeholder="请选择"
-              clearable
-              style="width: 200px"
-            ></DatePicker>
-          </Form-item>
-          <Form-item label="状态" prop="orderStatus">
-            <Select v-model="searchForm.billStatus" placeholder="请选择" clearable style="width: 200px">
-              <Option value="OUT">已出账</Option>
-              <Option value="CHECK">已对账</Option>
-              <Option value="COMPLETE">已完成</Option>
-            </Select>
-          </Form-item>
-          <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
-          <Button @click="handleReset" class="search-btn">重置</Button>
-        </Form>
-      </Row>
+      <Form
+        ref="searchForm"
+        :model="searchForm"
+        inline
+        :label-width="70"
+        class="search-form"
+        @keydown.enter.native="handleSearch"
+      >
+        <Form-item label="开始时间" prop="startDay">
+          <DatePicker
+            type="date"
+            v-model="searchForm.startDate"
+            format="yyyy-MM-dd HH:mm:ss"
+            placeholder="请选择"
+            clearable
+            style="width: 200px"
+          ></DatePicker>
+        </Form-item>
+        <Form-item label="结束时间" prop="endDate">
+          <DatePicker
+            type="date"
+            v-model="searchForm.endDate"
+            format="yyyy-MM-dd HH:mm:ss"
+            di
+            placeholder="请选择"
+            clearable
+            style="width: 200px"
+          ></DatePicker>
+        </Form-item>
+        <Form-item label="状态" prop="orderStatus">
+          <Select v-model="searchForm.billStatus" placeholder="请选择" clearable style="width: 200px">
+            <Option value="OUT">已出账</Option>
+            <Option value="CHECK">已对账</Option>
+            <Option value="COMPLETE">已完成</Option>
+          </Select>
+        </Form-item>
+        <Button @click="handleSearch" type="primary" icon="ios-search" class="search-btn">搜索</Button>
+        <Button @click="handleReset" class="search-btn">重置</Button>
+      </Form>
      <Table
        :loading="loading"
        border
@@ -48,9 +47,6 @@
        :data="data"
        ref="table"
        class="mt_10"
-        sortable="custom"
-        @on-sort-change="changeSort"
-        @on-selection-change="changeSelect"
      ></Table>
      <Row type="flex" justify="end" class="page">
        <Page
@@ -75,7 +71,6 @@

  export default {
    name: "storeBill",
-    components: {},
    data() {
      return {
        loading: true, // 表单加载状态
@@ -88,25 +83,13 @@
          startDate: "", // 起始时间
          endDate: "", // 终止时间
        },
-        form: {
-          // 添加或编辑表单对象初始化数据
-          sn: "",
-          sellerName: "",
-          startTime: "",
-          endTime: "",
-          billPrice: "",
-        },
-        // 表单验证规则
-        formValidate: {},
-        submitLoading: false, // 添加或编辑提交状态
-        selectList: [], // 多选数据
-        selectCount: 0, // 多选计数
        columns: [
          {
            title: "账单号",
            key: "sn",
            minWidth: 250,
-            tooltip: true          },
+            tooltip: true
+          },
          {
            title: "生成时间",
            key: "createTime",
@@ -185,50 +168,34 @@
      };
    },
    methods: {
+      // 初始化数据
      init() {
        this.getDataList();
      },
+      // 分页 改变页码
      changePage(v) {
        this.searchForm.pageNumber = v;
        this.getDataList();
-        this.clearSelectAll();
      },
+      // 分页 改变页数
      changePageSize(v) {
        this.searchForm.pageSize = v;
        this.getDataList();
      },
+      // 搜索
      handleSearch() {
        this.searchForm.pageNumber = 1;
        this.searchForm.pageSize = 10;
        this.getDataList();
      },
+      // 重置
      handleReset() {
        this.searchForm = {}
        this.searchForm.pageNumber = 1;
        this.searchForm.pageSize = 10;
        this.getDataList();
      },
-      changeSort(e) {
-        this.searchForm.sort = e.key;
-        this.searchForm.order = e.order;
-        if (e.order === "normal") {
-          this.searchForm.order = "";
-        }
-        this.getDataList();
-      },
-      clearSelectAll() {
-        this.$refs.table.selectAll(false);
-      },
-      changeSelect(e) {
-        this.selectList = e;
-        this.selectCount = e.length;
-      },
-      selectDateRange(v) {
-        if (v) {
-          this.searchForm.startDate = v[0];
-          this.searchForm.endDate = v[1];
-        }
-      },
+      // 获取列表数据
      getDataList() {
        this.loading = true;
        API_Shop.getBillPage(this.searchForm).then((res) => {
@@ -241,7 +208,7 @@
        this.total = this.data.length;
        this.loading = false;
      },
-
+      // 跳转结算详情
      detail(v) {
        let id = v.id;
        this.$router.push({