合并

src/layout/common/menus.vue

@@ -5,7 +5,7 @@
         <el-menu :default-active="$route.path" router class="el-menu-demo" mode="horizontal">
           <el-menu-item index="/news/index">新闻动态</el-menu-item>
           <el-menu-item index="/achievement/index?col_name=平台建设&&display=0">成果展示</el-menu-item>
-          <el-menu-item index="/service/index">计算服务</el-menu-item>
+          <el-menu-item index="/service/detail?title=吉林超算">计算服务</el-menu-item>
           <el-menu-item index="/communication/index">交流互动</el-menu-item>
           <el-menu-item index="/partisan/index">党建学苑</el-menu-item>
         </el-menu>

src/layout/common/top.vue

@@ -6,7 +6,7 @@
           <span class="date">{{ data }}</span>
         </el-col>
         <el-col :span="12" class="login">
-          <span v-if="user.uid == null">
+          <span v-if="user == null">
             <el-button size="mini" @click="$router.push({ path: '/login' })">登录</el-button>
             <el-button size="mini" @click="$router.push({ path: '/register' })">注册</el-button>
           </span>

src/layout/demand/detail.vue

@@ -0,0 +1,78 @@
+<template>
+  <div id="fabuList">
+    <el-row>
+      <el-col :span="24" class="info">
+        <el-col :span="24" class="one">
+          <span></span>
+          <span>需求发布</span>
+        </el-col>
+        <el-col :span="24">
+          <el-col :span="24" class="title"> 需求技术名称: {{ form.name }} </el-col>
+          <el-col :span="24" class="title"> 所属领域: {{ form.field }} </el-col>
+          <el-col :span="24" class="title"> 拟投入预算(万): {{ form.budget }} </el-col>
+
+          <el-col :span="24" class="title"> 需求截止日期: {{ form.enddate }} </el-col>
+
+          <el-col :span="24" class="title"> 难题或瓶颈问题: {{ form.problem }} </el-col>
+
+          <el-col :span="24" class="title"> 企业解决技术需求已具备的条件: {{ form.condition }} </el-col>
+
+          <el-col :span="24" class="title"> 合作方式: {{ form.type }} </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'fabuList',
+  props: { form: null },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.info {
+  width: 100%;
+  min-height: 600px;
+  background: #fff;
+  padding: 0 20px;
+  .one {
+    height: 35px;
+    margin: 20px 0;
+    border-bottom: 1px dashed #ccc;
+    span:first-child {
+      display: inline-block;
+      width: 4px;
+      height: 20px;
+      background: #005293;
+      margin: 0 10px -3px 0;
+    }
+    span:nth-child(2) {
+      font-size: 20px;
+      color: #005293;
+      font-weight: bold;
+    }
+  }
+}
+
+.title {
+  padding: 15px 10px 15px 10px;
+}
+</style>

src/layout/demand/fabuList.vue

@@ -7,47 +7,61 @@
           <span>需求发布</span>
         </el-col>
         <el-col :span="24">
-          <el-form ref="form" :model="form" label-width="80px">
-            <el-form-item label="需求技术名称">
-              <el-input v-model="form.name"></el-input>
+          <el-form ref="form" :model="form" label-width="120px" :rules="rules">
+            <el-form-item label="需求技术名称" prop="name">
+              <el-input :disabled="disabled" v-model="form.name" placeholder="请输入需求技术名称"></el-input>
             </el-form-item>
-
-            <el-form-item label="所属领域">
-              <el-radio-group v-model="form.resource">
-                <el-radio label="工业"></el-radio>
-                <el-radio label="农业"></el-radio>
-                <el-radio label="社会发展"></el-radio>
-                <el-radio label="医药健康"></el-radio>
+            <el-form-item label="所属领域" prop="field">
+              <el-radio-group :disabled="disabled" v-model="form.field">
+                <el-radio label="工业">工业</el-radio>
+                <el-radio label="农业">农业</el-radio>
+                <el-radio label="社会发展">社会发展</el-radio>
+                <el-radio label="医疗健康">医疗健康</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item label="拟投入预算（万）">
-              <el-input v-model="form.name"></el-input>
+            <el-form-item label="拟投入预算(万)">
+              <el-input :disabled="disabled" v-model="form.budget" placeholder="请输入拟投入预算(万)"></el-input>
             </el-form-item>
-
-            <el-form-item label="需求截止日期">
-              <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
+            <el-form-item label="需求截止日期" prop="enddate">
+              <el-date-picker :disabled="disabled" v-model="form.enddate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择日期">
+              </el-date-picker>
             </el-form-item>
-
             <el-form-item label="难题或瓶颈问题">
-              <el-input type="textarea" v-model="form.desc"></el-input>
+              <el-input
+                :disabled="disabled"
+                v-model="form.problem"
+                type="textarea"
+                placeholder="阐述在生产经营、项目建设、科研活动、产业化方向中遇到的技术难题或瓶颈问题及需达到的技术指标"
+              ></el-input>
             </el-form-item>
-
             <el-form-item label="企业解决技术需求已具备的条件">
-              <el-input type="textarea" v-model="form.desc"></el-input>
+              <el-input
+                :disabled="disabled"
+                v-model="form.condition"
+                type="textarea"
+                placeholder="企业承接成果、技术所具备的技术人员、设备、资金等基础条件及其他配套条件"
+              ></el-input>
             </el-form-item>
-
-            <el-form-item label="合作方式">
-              <el-radio-group v-model="form.resource">
-                <el-radio label="技术转让"></el-radio>
-                <el-radio label="技术服务"></el-radio>
-                <el-radio label="技术许可"></el-radio>
-                <el-radio label="技术融资"></el-radio>
-                <el-radio label="其他"></el-radio>
+            <el-form-item label="合作方式" prop="type">
+              <el-radio-group :disabled="disabled" v-model="form.type">
+                <el-radio label="技术转让">技术转让</el-radio>
+                <el-radio label="技术服务">技术服务</el-radio>
+                <el-radio label="技术许可">技术许可</el-radio>
+                <el-radio label="技术融资">技术融资</el-radio>
+                <el-radio label="其他">其他</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="是否在网页显示" prop="is_display">
+              <el-radio-group :disabled="disabled" v-model="form.is_display">
+                <el-radio label="0">是</el-radio>
+                <el-radio label="1">否</el-radio>
               </el-radio-group>
             </el-form-item>
 
-            <el-form-item>
-              <el-button type="primary" @click="onSubmit">发布</el-button>
+            <el-form-item
+              >、
+              <el-button type="primary" @click="caogao()">保存草稿</el-button>
+              <el-button type="primary" @click="onSubmit()">需求发布</el-button>
             </el-form-item>
           </el-form>
         </el-col>
@@ -63,15 +77,25 @@ export default {
   props: { form: null },
   components: {},
   data: function() {
-    return {};
+    return {
+      disabled: false,
+      rules: {
+        name: [{ required: true, message: '请输入需求技术名称', trigger: 'blur' }],
+        field: [{ required: true, message: '请选择所属领域', trigger: 'blur' }],
+        is_display: [{ required: true, message: '请选择是否在网页显示', trigger: 'blur' }],
+        status: [{ required: true, message: '请选择状态', trigger: 'blur' }],
+        type: [{ required: true, message: '请选择合作方式', trigger: 'blur' }],
+      },
+    };
   },
   created() {},
   methods: {
     onSubmit() {
-      console.log('submit!');
-
       this.$emit('submit', this.form);
     },
+    caogao() {
+      this.$emit('caogao', this.form);
+    },
   },
   computed: {
     ...mapState(['user']),

src/router/index.js

@@ -70,6 +70,14 @@ const routes = [
     component: () => import('../views/demand/demand.vue'),
   },
 
+  //发布需求详情
+
+  {
+    path: '/demand/index',
+    meta: { title: '发布需求', subSite: true },
+    component: () => import('../views/demand/index.vue'),
+  },
+
   {
     path: '/achievement/index',
     meta: { title: '成果展示', subSite: true },

src/store/user/state.js

@@ -1 +1 @@
-export const user = {};
+export const user = undefined;

src/views/communication/parts/demand.vue

@@ -6,7 +6,7 @@
         <span>需求发布</span>
       </el-col>
       <el-col :span="24" class="info">
-        <el-col :span="24" v-for="(item, index) in demandlist" :key="index" class="list">
+        <el-col :span="24" v-for="(item, index) in demandlist" :key="index" class="list" @click.native="xuqiu(item)">
           <span></span>
           <span class="textOver">{{ item.name }}</span>
           <span>{{ item.meta | getDate }}</span>
@@ -42,6 +42,10 @@ export default {
       const res = await this.query({ skip: 0, limit: 16, ...info });
       this.$set(this, `demandlist`, res.data);
     },
+
+    xuqiu(item) {
+      this.$router.push({ path: '/demand/index', query: { id: item.id } });
+    },
   },
   filters: {
     getDate(meta) {

src/views/demand/demand.vue

@@ -13,7 +13,7 @@
         <el-col :span="24" class="main">
           <div class="w_1200">
             <el-col :span="24" class="info">
-              <fabuList @submit="submit" :form="form"></fabuList>
+              <fabuList @submit="submit" :form="form" @caogao="caogao"></fabuList>
             </el-col>
           </div>
         </el-col>
@@ -32,8 +32,8 @@ import top from '@/layout/common/top.vue';
 import menus from '@/layout/common/menus.vue';
 import foot from '@/layout/common/foot.vue';
 import fabuList from '@/layout/demand/fabuList.vue';
-
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: demand } = createNamespacedHelpers('demand');
 export default {
   name: 'login',
   props: {},
@@ -50,7 +50,50 @@ export default {
   },
   created() {},
   methods: {
-    submit() {},
+    ...demand(['update', 'fetch', 'query', 'create', 'delete']),
+    async submit() {
+      let res = {};
+
+      this.form.status = '1';
+      let data = JSON.parse(JSON.stringify(this.form));
+      if (data.id) {
+        res = await this.update(data);
+      } else {
+        data.uid = this.user.uid;
+        res = await this.create(data);
+      }
+      if (res.errcode === 0) {
+        this.$message({
+          message: '信息创建成功',
+          type: 'success',
+        });
+        this.display = true;
+      } else {
+        this.$message.error('信息创建失败');
+      }
+    },
+
+    async caogao() {
+      let res = {};
+
+      this.form.status = '0';
+      let data = JSON.parse(JSON.stringify(this.form));
+      if (data.id) {
+        res = await this.update(data);
+      } else {
+        data.uid = this.user.uid;
+        res = await this.create(data);
+      }
+      if (res.errcode === 0) {
+        this.$message({
+          message: '保存草稿成功',
+          type: 'success',
+        });
+        this.display = true;
+      } else {
+        this.$message.error('信息创建失败');
+      }
+    },
   },
   computed: {
     ...mapState(['user']),

src/views/demand/index.vue

@@ -0,0 +1,100 @@
+<template>
+  <div id="login">
+    <el-row>
+      <el-col :span="24" class="style">
+        <el-col :span="24" class="top">
+          <top></top>
+        </el-col>
+        <el-col :span="24" class="menu">
+          <div class="w_1200">
+            <menus></menus>
+          </div>
+        </el-col>
+        <el-col :span="24" class="main">
+          <div class="w_1200">
+            <el-col :span="24" class="info">
+              <detail :form="form"></detail>
+            </el-col>
+          </div>
+        </el-col>
+        <el-col :span="24" class="foot">
+          <div class="w_1200">
+            <foot></foot>
+          </div>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/common/top.vue';
+import menus from '@/layout/common/menus.vue';
+import foot from '@/layout/common/foot.vue';
+import detail from '@/layout/demand/detail.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: demand } = createNamespacedHelpers('demand');
+export default {
+  name: 'login',
+  props: {},
+  components: {
+    top,
+    menus,
+    foot,
+    detail,
+  },
+  data: function() {
+    return {
+      form: {},
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    ...demand(['update', 'fetch', 'query', 'create', 'delete']),
+
+    async search() {
+      console.log(this.id);
+      let res = await this.fetch(this.id);
+      this.$set(this, `form`, res.data);
+    },
+  },
+  computed: {
+    id() {
+      return this.$route.query.id;
+    },
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.style {
+  .menu {
+    height: 70px;
+    margin: 0 0 10px 0;
+  }
+  .main {
+    min-height: 600px;
+    margin: 0 0 10px 0;
+  }
+  .info {
+    background-color: #fff;
+    min-height: 600px;
+  }
+  .foot {
+    height: 135px;
+  }
+}
+</style>

src/views/pcenter/demand.vue

@@ -6,7 +6,7 @@
           <el-col :span="24" class="top" v-if="user.type === '3'"><el-button type="primary" size="mini" @click="add">添加</el-button></el-col>
           <template>
             <el-table :data="tableData" border style="width: 100%">
-              <el-table-column prop="name" label="需求技术名称" align="center" :show-overflow-tooltip="true" width="180px"> </el-table-column>
+              <el-table-column prop="name" label="需求技术名称" align="center" show-overflow-tooltip> </el-table-column>
               <el-table-column prop="uname" label="发布人" align="center"> </el-table-column>
               <el-table-column prop="address" label="状态" align="center">
                 <template slot-scope="scope">
@@ -199,7 +199,6 @@ export default {
           type: 'success',
         });
         this.search();
-        this.display = true;
       } else {
         this.$message.error('信息修改失败');
       }
@@ -210,6 +209,7 @@ export default {
     },
     // 返回
     back() {
+      console.log(this.display);
       this.display = true;
     },
     async onSubmit() {

src/views/service/detail.vue

@@ -26,19 +26,19 @@
               </el-col>
             </el-col>
             <el-col :span="18" class="right">
-              <span v-if="columnName == '资源介绍'">
+              <span v-if="columnName == '吉林超算'">
                 <resources :columnName="columnName"></resources>
               </span>
-              <span v-else-if="columnName == '账号申请'">
+              <span v-else-if="columnName == '超算应用'">
                 <apply :columnName="columnName"></apply>
               </span>
-              <span v-else-if="columnName == '计算登录'">
+              <span v-else-if="columnName == '运行动态'">
                 <sign :columnName="columnName"></sign>
               </span>
-              <span v-else-if="columnName == '应用领域'">
+              <span v-else-if="columnName == '超算课堂'">
                 <application :columnName="columnName"></application>
               </span>
-              <span v-else-if="columnName == '应用案例'">
+              <!-- <span v-else-if="columnName == 'AI社区'">
                 <cases :columnName="columnName"></cases>
               </span>
               <span v-else-if="columnName == '运行动态'">
@@ -46,7 +46,7 @@
               </span>
               <span v-else-if="columnName == '超算讲堂'">
                 <forum :columnName="columnName"></forum>
-              </span>
+              </span> -->
               <span v-else-if="columnName == 'AI社区'">
                 <community :columnName="columnName"></community>
               </span>
@@ -84,30 +84,22 @@ export default {
     top,
     menus,
     foot,
-    resources, //资源介绍
-    apply, //账号申请
-    sign, //计算登录
-    application, //应用领域
-    cases, //应用案例
-    funct, //运行动态
-    forum, //超算讲堂
+    resources, //吉林超算
+    apply, //超算应用
+    sign, //运行动态
+    application, //超算课堂
+    // cases, //应用案例
+    // funct, //运行动态
+    // forum, //超算讲堂
     community, //AI社区
   },
   data: function() {
     return {
-      menuList: [
-        { name: '资源介绍' },
-        { name: '账号申请' },
-        { name: '计算登录' },
-        { name: '应用领域' },
-        { name: '应用案例' },
-        { name: '运行动态' },
-        { name: '超算讲堂' },
-        { name: 'AI社区' },
-      ],
+      menuList: [{ name: '吉林超算' }, { name: '超算应用' }, { name: '运行动态' }, { name: '超算课堂' }, { name: 'AI社区' }],
       menuColor: 'rgb(5,73,130)',
       menuIndex: '0',
       columnName: '',
+      //吉林超算
     };
   },
   created() {
@@ -116,36 +108,24 @@ export default {
   methods: {
     // 选择栏目
     changeColumn() {
-      if (this.col_name == '资源介绍') {
+      if (this.col_name == '吉林超算') {
         this.menuIndex = 0;
         this.columnName = this.col_name;
         this.menuColor = 'rgb(5,73,130)';
-      } else if (this.col_name == '账号申请') {
+      } else if (this.col_name == '超算应用') {
         this.menuIndex = 1;
         this.columnName = this.col_name;
         this.menuColor = 'rgb(5,73,130)';
-      } else if (this.col_name == '计算登录') {
+      } else if (this.col_name == '运行动态') {
         this.menuIndex = 2;
         this.columnName = this.col_name;
         this.menuColor = 'rgb(5,73,130)';
-      } else if (this.col_name == '应用领域') {
+      } else if (this.col_name == '超算课堂') {
         this.menuIndex = 3;
         this.columnName = this.col_name;
         this.menuColor = 'rgb(5,73,130)';
-      } else if (this.col_name == '应用案例') {
-        this.menuIndex = 4;
-        this.columnName = this.col_name;
-        this.menuColor = 'rgb(5,73,130)';
-      } else if (this.col_name == '运行动态') {
-        this.menuIndex = 5;
-        this.columnName = this.col_name;
-        this.menuColor = 'rgb(5,73,130)';
-      } else if (this.col_name == '超算讲堂') {
-        this.menuIndex = 6;
-        this.columnName = this.col_name;
-        this.menuColor = 'rgb(5,73,130)';
       } else if (this.col_name == 'AI社区') {
-        this.menuIndex = 7;
+        this.menuIndex = 4;
         this.columnName = this.col_name;
         this.menuColor = 'rgb(5,73,130)';
       }
@@ -183,10 +163,10 @@ export default {
     margin: 0 0 10px 0;
   }
   .main {
-    min-height: 600px;
+    min-height: 800px;
     margin: 0 0 10px 0;
     .left {
-      min-height: 600px;
+      min-height: 800px;
       background: #fff;
       margin: 0 10px 0 0;
       .top {
@@ -212,7 +192,7 @@ export default {
     }
     .right {
       width: 78%;
-      min-height: 600px;
+      min-height: 800px;
       background: #fff;
     }
   }

src/views/service/parts/apply.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="apply">
+  <div id="resources">
     <el-row>
       <el-col :span="24" class="style">
         <el-col :span="24" class="top">
@@ -7,7 +7,12 @@
           <span>{{ columnName }}</span>
         </el-col>
         <el-col :span="24" class="info">
-          详情
+          <el-col :span="6" class="list" @click.native="clickBtn(item.title)" v-for="(item, index) in list" :key="index">
+            <el-link :underline="false">
+              <el-image :src="item.pic"></el-image>
+              <p>{{ item.title }}</p>
+            </el-link>
+          </el-col>
         </el-col>
       </el-col>
     </el-row>
@@ -17,13 +22,24 @@
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
-  name: 'apply',
+  name: 'resources',
   props: {
     columnName: null,
   },
   components: {},
   data: function() {
-    return {};
+    return {
+      list: [
+        {
+          pic: require('@/assets/lingyu.png'),
+          title: '应用领域',
+        },
+        {
+          pic: require('@/assets/anli.png'),
+          title: '应用案例',
+        },
+      ],
+    };
   },
   created() {},
   methods: {},
@@ -60,4 +76,26 @@ export default {
     }
   }
 }
+
+.list {
+  width: 215px;
+  min-height: 150px;
+  margin: 0 10px 30px 0;
+  text-align: center;
+  background-color: #034980;
+
+  .el-image {
+    padding: 30px 0 0 0;
+    height: 50px;
+  }
+  p {
+    font-size: 25px;
+    color: #ffffff;
+    letter-spacing: 2px;
+    padding: 20px 0;
+  }
+}
+.list:nth-child(4n) {
+  margin: 0 0 30px 0;
+}
 </style>

src/views/service/parts/resources.vue

@@ -7,7 +7,12 @@
           <span>{{ columnName }}</span>
         </el-col>
         <el-col :span="24" class="info">
-          详情
+          <el-col :span="6" class="list" @click.native="clickBtn(item.title)" v-for="(item, index) in list" :key="index">
+            <el-link :underline="false">
+              <el-image :src="item.pic"></el-image>
+              <p>{{ item.title }}</p>
+            </el-link>
+          </el-col>
         </el-col>
       </el-col>
     </el-row>
@@ -23,7 +28,22 @@ export default {
   },
   components: {},
   data: function() {
-    return {};
+    return {
+      list: [
+        {
+          pic: require('@/assets/ziyuan.png'),
+          title: '资源介绍',
+        },
+        {
+          pic: require('@/assets/shenqing.png'),
+          title: '账号申请',
+        },
+        {
+          pic: require('@/assets/denglu.png'),
+          title: '计算登录',
+        },
+      ],
+    };
   },
   created() {},
   methods: {},
@@ -60,4 +80,26 @@ export default {
     }
   }
 }
+
+.list {
+  width: 215px;
+  min-height: 150px;
+  margin: 0 10px 30px 0;
+  text-align: center;
+  background-color: #034980;
+
+  .el-image {
+    padding: 30px 0 0 0;
+    height: 50px;
+  }
+  p {
+    font-size: 25px;
+    color: #ffffff;
+    letter-spacing: 2px;
+    padding: 20px 0;
+  }
+}
+.list:nth-child(4n) {
+  margin: 0 0 30px 0;
+}
 </style>

src/views/service/parts/sign.vue

@@ -2,12 +2,31 @@
   <div id="sign">
     <el-row>
       <el-col :span="24" class="style">
-        <el-col :span="24" class="top">
+        <el-col :span="24" class="topTitle">
           <span></span>
           <span>{{ columnName }}</span>
         </el-col>
         <el-col :span="24" class="info">
-          详情
+          <el-col :span="24" class="top">
+            <el-col :span="6" class="left"> 当前状态</el-col>
+            <el-col :span="10" class="under">
+              <el-radio v-model="radio" label="1">活跃用户</el-radio>
+              <el-radio v-model="radio" label="2">活跃节点</el-radio>
+              <el-radio v-model="radio" label="3">活跃应用</el-radio>
+            </el-col>
+            <el-col :span="8" class="right">更新时间：2020-5-19_00:00:00</el-col>
+          </el-col>
+          <el-col :span="24" class="table">
+            <el-table :data="tableData" border style="width: 100%">
+              <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
+              <el-table-column prop="name" label="用户" align="center"> </el-table-column>
+              <el-table-column prop="yingxing" label="运行作业" align="center"> </el-table-column>
+              <el-table-column prop="paidui" label="排队作业" align="center"> </el-table-column>
+              <el-table-column prop="heshu" label="运行核数" align="center"> </el-table-column>
+              <el-table-column prop="diaduiheshu" label="排队核数" align="center"> </el-table-column>
+              <el-table-column prop="huoyue" label="活跃结点" align="center"> </el-table-column>
+            </el-table>
+          </el-col>
         </el-col>
       </el-col>
     </el-row>
@@ -23,7 +42,13 @@ export default {
   },
   components: {},
   data: function() {
-    return {};
+    return {
+      radio: '1',
+      tableData: [
+        { name: '测试', yingxing: '0', heshu: '0', paidui: '0', diaduiheshu: '230', huoyue: 'era' },
+        { name: '测试', yingxing: '0', heshu: '0', paidui: '0', diaduiheshu: '230', huoyue: 'era' },
+      ],
+    };
   },
   created() {},
   methods: {},
@@ -42,7 +67,7 @@ export default {
 <style lang="less" scoped>
 .style {
   padding: 0 20px;
-  .top {
+  .topTitle {
     height: 35px;
     margin: 20px 0;
     border-bottom: 1px dashed #ccc;
@@ -60,4 +85,84 @@ export default {
     }
   }
 }
+
+.info {
+  border-top: 2px solid #054982;
+  background-image: linear-gradient(0deg, #c4e0ec, #f0f7fa);
+  min-height: 700px;
+  .top {
+    height: 50px;
+    line-height: 50px;
+    border-bottom: 2px solid #0a3f70;
+    .left {
+      float: left;
+      width: 100px;
+      text-align: center;
+      font-size: 18px;
+      color: #005293;
+      font-weight: 600;
+      margin: 0 120px 0 0;
+    }
+    .under {
+      float: left;
+    }
+    .right {
+      float: right;
+    }
+  }
+}
+/deep/.el-radio {
+  color: #606266;
+  cursor: pointer;
+  margin-right: 30px;
+  font-size: 18px;
+  color: #000;
+  font-weight: 600;
+}
+/deep/.el-radio__label {
+  font-size: 16px;
+  padding-left: 10px;
+}
+/deep/.el-table td {
+  padding: 8px 0;
+  border-bottom: 1px solid #93a7b7;
+}
+/deep/.el-table th {
+  padding: 8px 0;
+}
+/deep/.el-table {
+  background-color: transparent;
+}
+/deep/.el-table__expanded-cell {
+  background-color: transparent;
+}
+/deep/.el-table th {
+  background-color: transparent;
+}
+/deep/.el-table tr {
+  background-color: transparent;
+}
+/deep/.el-table th.is-leaf {
+  color: #000;
+  border-bottom: 1px solid #93a7b7;
+}
+/deep/.el-table--border td {
+  border-left: 1px solid #93a7b7;
+  border-right: 1px solid #93a7b7;
+}
+/deep/.el-table--border th {
+  border-right: 1px solid #93a7b7;
+  border-left: 1px solid #93a7b7;
+}
+/deep/.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+  border-right: 1px solid #93a7b7;
+}
+/deep/.el-table--border {
+  border-right: 1px solid #93a7b7;
+  border-bottom: 1px solid #93a7b7;
+}
+/deep/.el-table--group {
+  border-right: 1px solid #93a7b7;
+  border-bottom: 1px solid #93a7b7;
+}
 </style>