feat(finance): 财务表格页面准备

src/assets/styles/index.scss

@@ -194,4 +194,8 @@ aside {
     vertical-align: middle;
     margin-bottom: 10px;
   }
+}
+
+.el-table {
+  --el-table-border: 2px solid var(--el-table-border-color) !important;
 }
\ No newline at end of file

src/assets/styles/variables.module.scss

@@ -200,6 +200,7 @@ html.dark {
     --el-table-header-text-color: var(--el-text-color-regular) !important;
     --el-table-border-color: var(--el-border-color-light) !important;
     --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
+    
 
     .el-table__header-wrapper,
     .el-table__fixed-header-wrapper {

src/views/bi/finance/index.vue

@@ -18,97 +18,151 @@
           </el-select>
         </el-form-item>
       </el-form>
+      <!-- 数据 -->
+      <div>
+        <el-table :data="tableData"
+          border>
+          <el-table-column v-for="item in columns"
+            :key="item.prop"
+            :label="item.label"
+            :prop="item.prop">
+            <template v-slot="scope">
+              {{ scope.row[item.prop] }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <!-- 订单详情 -->
+      <el-dialog v-model="detailVisible"
+        title="Shipping address"
+        width="80%">
+        <el-table :data="detailTableData">
+          <el-table-column property="date"
+            label="Date"
+            width="150" />
+          <el-table-column property="name"
+            label="Name"
+            width="200" />
+          <el-table-column property="address"
+            label="Address" />
+        </el-table>
+      </el-dialog>
     </div>
   </div>
 </template>
 
 <script setup>
+
+const detailVisible = ref(true)
 const data = reactive({
   brandList: [],
   queryParams: {
     brandList: []
   },
+  tableData: [
+    // {
+    //   id: 1,
+    //   name: 'hah'
+    // }
+  ],
+  // columns: [
+
+  // ]
   columns: [
     {
-      label: '订单编号',
-      prop: ''
+      label: '直播间',
+      prop: 'id'
     }, {
-      label: '订单编号',
-      prop: ''
+      label: '分摊后总价',
+      prop: 'name'
     }, {
+      label: '成本',
+      prop: 'name'
+    }
+  ],
+  detailTableData: [],
+  detailColumns: [
+    {
       label: '订单编号',
+      prop: 'id'
+    }, {
+      label: '店铺名称',
+      prop: 'name'
+    },
+    {
+      label: '原始单号',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '原始子单号',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '订单状态',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '交易时间',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '付款时间',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '发货时间',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '省市县',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '备注',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '应收金额',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '货品编号',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '货品名称',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '规格名称',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '分类',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '数量',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '优惠',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '分摊后总价',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '拆自组合装',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '组合装编码',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '组合装数量',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '赠品方式',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '分销商名称',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '分销商编号',
       prop: ''
     }, {
-      label: '订单编号',
+      label: '平台货品名称',
       prop: ''
     }
   ]
 })
 
-const { brandList, queryParams } = toRefs(data)
+const { brandList, queryParams, tableData, columns, detailTableData, detailColumns } = toRefs(data)
 
 const queryChange = () => {
 

src/views/system/user/index.vue

@@ -672,8 +672,8 @@
       open.value = true;
       title.value = "添加用户";
       form.value.password = initPassword.value;
-    });
-  };
+    })
+  }
 
   /** 修改按钮操作 */
   function handleUpdate(row) {