Commit 06568c36 by heshihao

feat: 修改满城企业画像详情界面

parent 5b8b032a
<!--
* @FileDescription: 经营风险
-->
<template>
<div style="display: flex;flex-wrap: wrap">
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>经营异常</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name" label="列入日期"> </el-table-column>
<el-table-column align="center" prop="address" label="做出决定机关(列入)"> </el-table-column>
<el-table-column align="center" prop="address" label="列入经营异常名录原因"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
<div style="position: sticky;top: 88px;"><slot /></div>
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>行政处罚</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name1" label="决定书文号"> </el-table-column>
<el-table-column align="center" prop="address" label="违法事实"> </el-table-column>
<el-table-column align="center" prop="address" label="处罚结果"> </el-table-column>
<el-table-column align="center" prop="address" label="处罚金额"> </el-table-column>
<el-table-column align="center" prop="address" label="处罚单位"> </el-table-column>
<el-table-column align="center" prop="address" label="处罚日期"> </el-table-column>
<el-table-column align="center" prop="address" label="原文"> </el-table-column>
<el-table-column align="center" prop="address" label="内容"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>股权质押</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name" label="质押人"> </el-table-column>
<el-table-column align="center" prop="address" label="质押人参股企业"> </el-table-column>
<el-table-column align="center" prop="address" label="质押权人"> </el-table-column>
<el-table-column align="center" prop="address" label="质押股份总数(股)"> </el-table-column>
<el-table-column align="center" prop="address" label="质押股份市值(元)"> </el-table-column>
<el-table-column align="center" prop="address" label="状态"> </el-table-column>
<el-table-column align="center" prop="address" label="公告日期"> </el-table-column>
<el-table-column align="center" prop="address" label="内容"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
currentPage1: 1,
total1: 21,
tableData: [
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
],
};
},
methods: {
handleCurrentChange1() {},
},
};
</script>
<style scoped lang="less">
.base-box1,
.base-box2 {
width: 1210px;
background: #ffffff;
border-radius: 10px;
padding: 40px 30px;
box-sizing: border-box;
margin-bottom: 20px;
.box-title {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 16px;
color: #1a202c;
text-align: left;
display: flex;
align-items: center;
position: relative;
z-index: 9;
.left-circle {
width: 16px;
height: 16px;
background: #c6d1f6;
margin-right: 8px;
border-radius: 50%;
}
.left-circle1 {
width: 8px;
height: 8px;
background: #3563e9;
border-radius: 50%;
position: absolute;
margin-left: 4px;
}
}
}
</style>
<!--
* @FileDescription: 知识产权
-->
<template>
<div style="display: flex;flex-wrap: wrap;">
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>专利信息</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name" label="发明名称"> </el-table-column>
<el-table-column align="center" prop="address" label="专利类型"> </el-table-column>
<el-table-column align="center" prop="address" label="法律状态"> </el-table-column>
<el-table-column align="center" prop="address" label="申请号"> </el-table-column>
<el-table-column align="center" prop="address" label="申请日期"> </el-table-column>
<el-table-column align="center" prop="address" label="公开(公告)号"> </el-table-column>
<el-table-column align="center" prop="address" label="公开(公告)日期"> </el-table-column>
<el-table-column align="center" prop="address" label="发明人"> </el-table-column>
<el-table-column align="center" prop="address" label="内容"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
<div style="position: sticky;top: 88px;"><slot /></div>
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>商标信息</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name" label="商标"> </el-table-column>
<el-table-column align="center" prop="address" label="商标名称"> </el-table-column>
<el-table-column align="center" prop="address" label="注册号"> </el-table-column>
<el-table-column align="center" prop="address" label="国际分类"> </el-table-column>
<el-table-column align="center" prop="address" label="申请日期"> </el-table-column>
<el-table-column align="center" prop="address" label="注册公告日期"> </el-table-column>
<el-table-column align="center" prop="address" label="商标状态"> </el-table-column>
<el-table-column align="center" prop="address" label="操作"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>软件著作权</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name" label="软件全称"> </el-table-column>
<el-table-column align="center" prop="address" label="软件简称"> </el-table-column>
<el-table-column align="center" prop="address" label="版本号"> </el-table-column>
<el-table-column align="center" prop="address" label="登记号"> </el-table-column>
<el-table-column align="center" prop="address" label="开发完成日期"> </el-table-column>
<el-table-column align="center" prop="address" label="首次发布日期"> </el-table-column>
<el-table-column align="center" prop="address" label="登记日期"> </el-table-column>
<el-table-column align="center" prop="address" label="权利取得方式"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>作品著作权</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name" label="作品名称"> </el-table-column>
<el-table-column align="center" prop="address" label="作品类别"> </el-table-column>
<el-table-column align="center" prop="address" label="首次发表日期"> </el-table-column>
<el-table-column align="center" prop="address" label="创作完成日期"> </el-table-column>
<el-table-column align="center" prop="address" label="登记号"> </el-table-column>
<el-table-column align="center" prop="address" label="登记日期"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
<div class="base-box1">
<div class="box-title">
<div class="left-circle"></div>
<div class="left-circle1"></div>
<div>备案网站</div>
</div>
<el-table :header-cell-style="{ background: '#F2F3F5' }" :data="tableData" style="width: 100%;margin-top: 20px;">
<el-table-column align="center" type="index" label="序号"> </el-table-column>
<el-table-column align="center" prop="name" label="网站名称"> </el-table-column>
<el-table-column align="center" prop="address" label="网址"> </el-table-column>
<el-table-column align="center" prop="address" label="域名"> </el-table-column>
<el-table-column align="center" prop="address" label="网站备案/许可证号"> </el-table-column>
<el-table-column align="center" prop="address" label="审核日期"> </el-table-column>
<el-table-column align="center" prop="address" label="公安备案"> </el-table-column>
</el-table>
<div style="margin-top: 20px;display: flex;justify-content: flex-end;">
<el-pagination
background
layout="total, prev, pager, next"
:total="total1"
@current-change="handleCurrentChange1"
:current-page.sync="currentPage1"
>
</el-pagination>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
currentPage1: 1,
total1: 21,
tableData: [
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
},
],
};
},
methods: {
handleCurrentChange1() {},
},
};
</script>
<style scoped lang="less">
.base-box1,
.base-box2 {
width: 1210px;
background: #ffffff;
border-radius: 10px;
padding: 40px 30px;
box-sizing: border-box;
margin-bottom: 20px;
.box-title {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 16px;
color: #1a202c;
text-align: left;
display: flex;
align-items: center;
position: relative;
z-index: 9;
.left-circle {
width: 16px;
height: 16px;
background: #c6d1f6;
margin-right: 8px;
border-radius: 50%;
}
.left-circle1 {
width: 8px;
height: 8px;
background: #3563e9;
border-radius: 50%;
position: absolute;
margin-left: 4px;
}
}
}
</style>
...@@ -98,10 +98,10 @@ ...@@ -98,10 +98,10 @@
<div class="submit" @click="codeLogin"> <div class="submit" @click="codeLogin">
登录 登录
</div> </div>
<div class="other"> <!-- <div class="other">
<span>其他方式登录</span> <span>其他方式登录</span>
<img @click="wxLogin" src="~@images/login2/icon-wechat.png" alt="" /> <img @click="wxLogin" src="~@images/login2/icon-wechat.png" alt="" />
</div> </div> -->
</div> </div>
<div class="login-input" v-if="bind == false && manage == false && activeName1 == 'inside'"> <div class="login-input" v-if="bind == false && manage == false && activeName1 == 'inside'">
<div class="input_father"> <div class="input_father">
......
...@@ -29,9 +29,9 @@ module.exports = { ...@@ -29,9 +29,9 @@ module.exports = {
"^/api": { "^/api": {
target: "https://mancheng.industrychain.online", target: "https://mancheng.industrychain.online",
changeOrigin: true, changeOrigin: true,
// pathRewrite: { pathRewrite: {
// "/api": "", "/api": "",
// }, },
// logLevel: 'debug' // logLevel: 'debug'
}, },
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment