牛股项目流程（四）

最后一步负责的部分是股票模拟购买界面的设计

股票模拟购买界面的设计

股票模拟购买界面是对用户模拟购买的股票进行管理，比如把用户所购买的每一支股票都保存下来，并且记录用户购买这支股票时的价格、购买的股数、现在的价格以及用户在这支股票上面获利了多少等数据，并且可以进行股票的出售，将这支要出售的股票所盈利的额度存入用户余额中并展示出来。而用户的模拟购买是在用户进行搜索后，跳转到对应股票的详细内容的页面时，有一栏购买的功能实现，输入购买的股票数量和股票价格即可。这里的股票代码可以通过搜索栏输入的内容获取。我负责的部分只是管理模拟购买界面的设计。

//template部分
<template>
  <!--<div style="position: absolute;top: 200px;left: 400px;height: 200px;width: 300px">
    <h1 >这是股票管理页面</h1>
  </div>-->
<div>
  <div style="background: #ffffff;position: absolute;top:100px;left: 350px;width: 1000px;height: 60px;border-radius: 10px">
    <h2 style="margin-left: 400px;">用户余额：{
   {
   accountmoney}}元</h2>
    <el-button type="primary" style="left: 900px;top:10px;position: absolute">刷新</el-button>
  </div>
  <el-table
    :data="tableData"
    :row-style="{height:'55px'}"
    :cell-style="{padding:'0px'}"
    style="width: 100%;
           top: 170px;
           left:280px"
    height="500">
    <el-table-column
      fixed
      prop="count"
      label="编号"
      width="100"
      align