|
@@ -1,56 +1,397 @@
|
|
|
<template>
|
|
|
<div id="recruitLists">
|
|
|
<el-row>
|
|
|
- <el-col :span="24" class="list">
|
|
|
- <el-col :span="24" class="topTitle">
|
|
|
- <el-col>
|
|
|
- <template>
|
|
|
- <el-col class="sd">
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="我的需求" name="first">
|
|
|
- <template>
|
|
|
- <el-col class="xx">
|
|
|
- <el-tabs v-model="activeName1" @tab-click="handleClick">
|
|
|
- <el-tab-pane label="我的供给" name="first1">
|
|
|
- <el-col :span="24" class="fbList">
|
|
|
- <el-col :span="12">
|
|
|
- <el-col class="fbListTop">信息号 <span>信息发布</span></el-col></el-col
|
|
|
- >
|
|
|
- <el-col class="fbListCenter">
|
|
|
- <el-col class="fbListCenterL">图片</el-col>
|
|
|
- <el-col :span="24" class="fbListCenterC">
|
|
|
- <el-col class="listName">名字</el-col>
|
|
|
- <el-col class="listName">类别</el-col>
|
|
|
- <el-col class="listMoney">名字</el-col>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="24" class="fbListCenterTwo">
|
|
|
- <el-col :span="24" class="faTop">交易说明</el-col>
|
|
|
- <el-col :span="24" class="faTxt"> 我要买</el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="fbListCenterR"> </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24"> </el-col>
|
|
|
- <!-- <el-col v-for="(item, index) in recruitData" :key="index" @click="$emit('fetch', item.id)">
|
|
|
- <el-col :span="21" class="title textOver">{{ item.name }}</el-col>
|
|
|
- <el-col :span="3" class="date">
|
|
|
- {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
- </el-col>
|
|
|
- </el-col> -->
|
|
|
- </el-col></el-tab-pane
|
|
|
- >
|
|
|
- <el-tab-pane label="已经审核" name="second1">配置管理</el-tab-pane>
|
|
|
- <el-tab-pane label="未审核" name="third1">角色管理</el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="我的需求" name="first">
|
|
|
+ <el-row style="padding: 0 20px;">
|
|
|
+ <!-- <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisefabu' })">
|
|
|
+ 信息发布
|
|
|
+ </el-button> -->
|
|
|
+ <el-tabs v-model="activeNameFirst" @tab-click="handleClickFirst">
|
|
|
+ <el-tab-pane label="已经审核" name="first">
|
|
|
+ <el-col :span="24" v-for="(item, index) in recruitData" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> {{ item.name }} </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </template>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="交易成功" name="second">配置管理</el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </el-col>
|
|
|
- </template>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-image style="width:100px;height:100px" :src="item.image.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>产品{{ item.name }}</p></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>
|
|
|
+ 类别{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : '错误' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24" class="listMoney">
|
|
|
+ <p>
|
|
|
+ {{ item.price }}/{{ item.priceunit === '0' ? '套' : item.priceunit === '1' ? '件' : item.priceunit === '2' ? '元' : '其他' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">最新申请:</el-col>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexuqiu', query: { id: item.id } })"
|
|
|
+ >编辑</el-button
|
|
|
+ ></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexx', query: { id: item.id } })">
|
|
|
+ 查看申请</el-button
|
|
|
+ ></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24"> <el-button type="text" size="small" @click="handleDelete(item)">彻底删除</el-button></el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="审核中" name="second">
|
|
|
+ <el-col :span="24" v-for="(item, index) in recruitData" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> {{ item.name }} </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-image style="width:100px;height:100px" :src="item.image.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>产品{{ item.name }}</p></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>
|
|
|
+ 类别{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : '错误' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24" class="listMoney">
|
|
|
+ <p>
|
|
|
+ {{ item.price }}/{{ item.priceunit === '0' ? '套' : item.priceunit === '1' ? '件' : item.priceunit === '2' ? '元' : '其他' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">最新申请:</el-col>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexuqiu', query: { id: item.id } })"
|
|
|
+ >编辑</el-button
|
|
|
+ ></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24"> <el-button type="text" size="small" @click="handleDelete(item)">彻底删除</el-button></el-col>
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexx', query: { id: item.id } })">
|
|
|
+ <i class="el-icon-share"></i></el-button
|
|
|
+ ></el-col> -->
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="交易成功" name="thirth">
|
|
|
+ <el-col :span="24" v-for="(item, index) in recruitData" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> {{ item.name }} </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-image style="width:100px;height:100px" :src="item.image.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>产品{{ item.name }}</p></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>
|
|
|
+ 类别{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : '错误' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24" class="listMoney">
|
|
|
+ <p>
|
|
|
+ {{ item.price }}/{{ item.priceunit === '0' ? '套' : item.priceunit === '1' ? '件' : item.priceunit === '2' ? '元' : '其他' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">最新申请:</el-col>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexuqiu', query: { id: item.id } })"
|
|
|
+ ><i class="el-icon-edit"></i></el-button
|
|
|
+ ></el-col> -->
|
|
|
+ <el-col :span="24"> <el-button type="text" size="small" @click="handleDelete(item)">彻底删除</el-button></el-col>
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexx', query: { id: item.id } })">
|
|
|
+ <i class="el-icon-share"></i></el-button
|
|
|
+ ></el-col> -->
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-row>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="我的供给" name="second">
|
|
|
+ <el-row style="padding: 0 20px;">
|
|
|
+ <!-- <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisefabu' })">
|
|
|
+ 信息发布
|
|
|
+ </el-button> -->
|
|
|
+ <el-tabs v-model="activeNameFirst" @tab-click="handleClickFirst">
|
|
|
+ <el-tab-pane label="已经审核" name="first">
|
|
|
+ <el-col :span="24" v-for="(item, index) in recruitData" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> {{ item.name }} </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-image style="width:100px;height:100px" :src="item.image.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>产品{{ item.name }}</p></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>
|
|
|
+ 类别{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : '错误' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24" class="listMoney">
|
|
|
+ <p>
|
|
|
+ {{ item.price }}/{{ item.priceunit === '0' ? '套' : item.priceunit === '1' ? '件' : item.priceunit === '2' ? '元' : '其他' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">最新申请:</el-col>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexuqiu', query: { id: item.id } })"
|
|
|
+ >编辑</el-button
|
|
|
+ ></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexx', query: { id: item.id } })">
|
|
|
+ 查看申请</el-button
|
|
|
+ ></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24"> <el-button type="text" size="small" @click="handleDelete(item)">彻底删除</el-button></el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="审核中" name="second">
|
|
|
+ <el-col :span="24" v-for="(item, index) in recruitData" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> {{ item.name }} </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-image style="width:100px;height:100px" :src="item.image.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>产品{{ item.name }}</p></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>
|
|
|
+ 类别{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : '错误' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24" class="listMoney">
|
|
|
+ <p>
|
|
|
+ {{ item.price }}/{{ item.priceunit === '0' ? '套' : item.priceunit === '1' ? '件' : item.priceunit === '2' ? '元' : '其他' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">最新申请:</el-col>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexuqiu', query: { id: item.id } })"
|
|
|
+ >编辑</el-button
|
|
|
+ ></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24"> <el-button type="text" size="small" @click="handleDelete(item)">彻底删除</el-button></el-col>
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexx', query: { id: item.id } })">
|
|
|
+ <i class="el-icon-share"></i></el-button
|
|
|
+ ></el-col> -->
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="交易成功" name="thirth">
|
|
|
+ <el-col :span="24" v-for="(item, index) in recruitData" :key="index">
|
|
|
+ <el-col class="xqborder">
|
|
|
+ <el-col :span="24" class="fbListTop">
|
|
|
+ <el-col :span="20"> {{ item.name }} </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ {{ item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || '' }}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fbListCenter">
|
|
|
+ <el-col :span="6" class="fimage">
|
|
|
+ <el-image style="width:100px;height:100px" :src="item.image.url"></el-image>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterC">
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>产品{{ item.name }}</p></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="listName">
|
|
|
+ <p>
|
|
|
+ 类别{{ item.totaltype === '0' ? '技术' : item.totaltype === '1' ? '产品' : item.totaltype === '2' ? '服务' : '错误' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-col :span="24" class="listMoney">
|
|
|
+ <p>
|
|
|
+ {{ item.price }}/{{ item.priceunit === '0' ? '套' : item.priceunit === '1' ? '件' : item.priceunit === '2' ? '元' : '其他' }}
|
|
|
+ </p></el-col
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" class="fbListCenterTwo">
|
|
|
+ <el-col :span="24">最新申请:</el-col>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="6" class="fbListCenterR">
|
|
|
+ <el-col :span="24" class="bainji">
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexuqiu', query: { id: item.id } })"
|
|
|
+ ><i class="el-icon-edit"></i></el-button
|
|
|
+ ></el-col> -->
|
|
|
+ <el-col :span="24"> <el-button type="text" size="small" @click="handleDelete(item)">彻底删除</el-button></el-col>
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-button type="text" size="small" @click="$router.push({ path: '/enterprise/enterprisexx', query: { id: item.id } })">
|
|
|
+ <i class="el-icon-share"></i></el-button
|
|
|
+ ></el-col> -->
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="page" :span="24">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-row>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -67,72 +408,41 @@ export default {
|
|
|
components: {},
|
|
|
data: () => ({
|
|
|
currentPage: 1,
|
|
|
- activeName: 'second',
|
|
|
- activeName1: 'second1',
|
|
|
+ activeName: 'first',
|
|
|
+ activeNameFirst: 'first',
|
|
|
}),
|
|
|
created() {},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
+ handleDelete(item) {
|
|
|
+ this.$emit('delete', { item });
|
|
|
+ },
|
|
|
+
|
|
|
handleClick(tab, event) {
|
|
|
console.log(tab, event);
|
|
|
},
|
|
|
+ handleClickFirst(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
+ },
|
|
|
handleSizeChange(val) {
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
},
|
|
|
handleCurrentChange(val) {
|
|
|
console.log(`当前页: ${val}`);
|
|
|
},
|
|
|
- clickDetailcm(row) {
|
|
|
- this.$emit('detailcm', { data: row });
|
|
|
- },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.list {
|
|
|
- height: 740px;
|
|
|
-
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.topTitle {
|
|
|
- height: 60px;
|
|
|
- width: 950px;
|
|
|
- line-height: 60px;
|
|
|
- border-bottom: 1px solid #215299;
|
|
|
-}
|
|
|
-.rightTopL {
|
|
|
- width: 130px;
|
|
|
- height: 60px;
|
|
|
- float: left;
|
|
|
- color: rgb(255, 255, 255);
|
|
|
- font-size: 18px;
|
|
|
- text-align: center;
|
|
|
- font-family: 微软雅黑, Tahoma, Arial, Helvetica, STHeiti;
|
|
|
- background: rgb(33, 82, 153);
|
|
|
-}
|
|
|
-
|
|
|
-.tit {
|
|
|
- background-color: #ffffff;
|
|
|
- padding: 30px 30px 0 30px;
|
|
|
- line-height: 50px;
|
|
|
- width: 890px;
|
|
|
- height: 80px;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- background-color: #ffffff;
|
|
|
- color: #215299;
|
|
|
-}
|
|
|
-.el-tabs__item.is-active {
|
|
|
- color: #ffffff;
|
|
|
-}
|
|
|
-.fbList {
|
|
|
- width: 888px;
|
|
|
- height: 227px;
|
|
|
+.xqborder {
|
|
|
+ width: 889px;
|
|
|
+ height: 183px;
|
|
|
border: 1px solid #ccc;
|
|
|
- margin: 20px 0 0 20px;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
-
|
|
|
.fbListTop {
|
|
|
+ width: 885px;
|
|
|
height: 43px;
|
|
|
margin-left: 1px;
|
|
|
background: #fafafa;
|
|
@@ -148,30 +458,10 @@ export default {
|
|
|
margin: 20px 0 0 12px;
|
|
|
}
|
|
|
|
|
|
-.fbListTopR {
|
|
|
- float: right;
|
|
|
-}
|
|
|
-/deep/.sd.el-tabs__item.is-active {
|
|
|
- color: #ffffff;
|
|
|
- background-color: #215299;
|
|
|
-}
|
|
|
-/deep/.xx.el-tabs__item.is-active {
|
|
|
- background-color: #ffffff;
|
|
|
-}
|
|
|
-
|
|
|
-.fbListCenterL {
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- background-color: #ffffff;
|
|
|
-}
|
|
|
-.listName {
|
|
|
- width: 196px;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- height: 44px;
|
|
|
- font-size: 16px;
|
|
|
- color: #555555;
|
|
|
+.fimage {
|
|
|
+ width: 110px;
|
|
|
+ height: 119px;
|
|
|
+ float: left;
|
|
|
}
|
|
|
.fbListCenterC {
|
|
|
width: 196px;
|
|
@@ -183,29 +473,27 @@ export default {
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
+
|
|
|
+.fbListCenterR {
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+ width: 125px;
|
|
|
+ height: 100px;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+.listName {
|
|
|
+ width: 196px;
|
|
|
+
|
|
|
+ height: 30px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #555555;
|
|
|
+}
|
|
|
.listMoney {
|
|
|
height: 30px;
|
|
|
font-size: 16px;
|
|
|
color: #fe0000;
|
|
|
width: 196px;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
}
|
|
|
|
|
|
-/deep/.el-tabs__item {
|
|
|
- padding: 0 20px;
|
|
|
- height: 46px;
|
|
|
- -webkit-box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
- line-height: 40px;
|
|
|
- display: inline-block;
|
|
|
- list-style: none;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 500;
|
|
|
- color: #303133;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
.fbListCenterTwo {
|
|
|
width: 385px;
|
|
|
float: left;
|
|
@@ -214,39 +502,8 @@ export default {
|
|
|
background: #fafafa;
|
|
|
height: 100px;
|
|
|
}
|
|
|
-.faTop {
|
|
|
- padding-left: 10px;
|
|
|
- width: 374px;
|
|
|
- font-size: 14px;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- color: #215299;
|
|
|
-}
|
|
|
-
|
|
|
-.faTxt {
|
|
|
- padding-left: 10px;
|
|
|
- width: 374px;
|
|
|
- height: 55px;
|
|
|
- font-size: 14px;
|
|
|
- word-break: break-all;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.fbListCenterR {
|
|
|
- border-left: 1px solid #ccc;
|
|
|
- width: 125px;
|
|
|
- height: 100px;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-.fbListCenterR {
|
|
|
- margin-left: 20px;
|
|
|
- font-size: 14px;
|
|
|
- color: #215299;
|
|
|
- float: left;
|
|
|
+.bainji {
|
|
|
+ padding: 0 0 0 20px;
|
|
|
}
|
|
|
.page {
|
|
|
padding: 11px 0 0 0;
|