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

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({