parent
b1c159102e
commit
7ab553898d
@ -0,0 +1,155 @@
|
|||||||
|
<template>
|
||||||
|
<div class="primaryWorkforce" :style="primaryWorkforceStyle">
|
||||||
|
<block-header title="产品名称命名依据信息">
|
||||||
|
<!-- 描述列表组件 -->
|
||||||
|
<my-descriptions :descriptions="descriptions"></my-descriptions>
|
||||||
|
</block-header>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
|
||||||
|
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
|
||||||
|
import { mapState } from "vuex";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
obj: {},
|
||||||
|
|
||||||
|
loading: false,
|
||||||
|
descriptions: [
|
||||||
|
{ id: 1, value: '--', label: '商标名' },
|
||||||
|
{ id: 2, value: '--', label: '属性名' },
|
||||||
|
{ id: 3, value: '--', label: '通用名' },
|
||||||
|
{ id: 4, value: '--', label: '命名依据' },
|
||||||
|
{ id: 5, value: '--', label: '生产资质证明类型' },
|
||||||
|
],
|
||||||
|
current: 1,
|
||||||
|
size: 10,
|
||||||
|
primaryWorkforceStyle: {
|
||||||
|
height: ''
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getMainPersonListObj() {
|
||||||
|
|
||||||
|
},
|
||||||
|
currentChange(index) {
|
||||||
|
|
||||||
|
},
|
||||||
|
sizeChange(index) {
|
||||||
|
|
||||||
|
},
|
||||||
|
},
|
||||||
|
components: { blockHeader, myDescriptions },
|
||||||
|
mounted() {
|
||||||
|
this.getMainPersonListObj()
|
||||||
|
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
urlA: (state) => state.app.urlA,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@import "@/assets/styles/utils.scss";
|
||||||
|
|
||||||
|
.primaryWorkforce {
|
||||||
|
display: grid;
|
||||||
|
grid-column: 1fr;
|
||||||
|
grid-row-gap: vh(24);
|
||||||
|
overflow-y: scroll;
|
||||||
|
// height: vh(573);
|
||||||
|
|
||||||
|
.tables {
|
||||||
|
.button {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.state--style {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
span {
|
||||||
|
width: vw(8);
|
||||||
|
height: vw(8);
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: vw(6);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.informant-btn {
|
||||||
|
width: vw(44);
|
||||||
|
height: vh(20);
|
||||||
|
background: #e4effd;
|
||||||
|
border: vw(1) solid #8cb9f8;
|
||||||
|
border-radius: vw(4);
|
||||||
|
line-height: vh(20);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
::v-deep span {
|
||||||
|
display: inline-block;
|
||||||
|
color: #1e80eb;
|
||||||
|
font-size: vb(14);
|
||||||
|
font-family: Adobe Heiti Std;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-table td {
|
||||||
|
height: vh(40);
|
||||||
|
padding: 0;
|
||||||
|
font-size: vb(14);
|
||||||
|
font-family: Adobe Heiti Std;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #292F38;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-table th {
|
||||||
|
height: vh(40);
|
||||||
|
padding: 0;
|
||||||
|
font-size: vb(14);
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #292f38;
|
||||||
|
line-height: vh(50);
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .cell {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding-bottom: vh(20);
|
||||||
|
margin-top: vh(33);
|
||||||
|
|
||||||
|
::v-deep .el-pagination__jump {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .el-input--mini .el-input__inner {
|
||||||
|
height: vw(28);
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom {
|
||||||
|
font-size: vb(14);
|
||||||
|
font-family: Source Han Regular CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #292f38;
|
||||||
|
line-height: vh(28);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
<template>
|
||||||
|
<block-header title="基本信息">
|
||||||
|
|
||||||
|
</block-header>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props:['zczh'],
|
||||||
|
components:{blockHeader},
|
||||||
|
methods:{
|
||||||
|
async ylqxJnyelcp(){
|
||||||
|
let data = await this.$api.productDetails.ylqxJnyelcp(this.zczh);
|
||||||
|
console.log(data)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
this.ylqxJnyelcp()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue