FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
zhutianqi
2021-11-23 14:45:24 +08:00
parent a017489a21
commit 1ad7fa21ca
4 changed files with 5599 additions and 5499 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/regulatoryRepository/domesticStandardsAndRegulations/index.vue
+5251 -5251
View File
File diff suppressed because it is too large Load Diff
src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/standInvolveProject.vue
+7 -7
View File
@@ -3,12 +3,12 @@
<el-tabs v-model="tabValue" style="height: 100%;"> <el-tabs v-model="tabValue" style="height: 100%;">
<el-tab-pane label="项目评估结果" name="standInvolveProjectDetail" v-if="project"> <el-tab-pane label="项目评估结果" name="standInvolveProjectDetail" v-if="project">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<stand-involve-project-detail ></stand-involve-project-detail> <stand-involve-project-detail v-if="tabValue === 'standInvolveProjectDetail'"></stand-involve-project-detail>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="技术评估结果" name="technologyInvolveProject" v-if="skill"> <el-tab-pane label="技术评估结果" name="technologyInvolveProject" v-if="skill">
<div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;"> <div style="position: absolute;top: 0;left: 0;right: 0;bottom: 0;">
<technology-involve-project ></technology-involve-project> <technology-involve-project v-if="tabValue === 'technologyInvolveProject'"></technology-involve-project>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
@@ -30,7 +30,7 @@ export default {
return { return {
skill: false, skill: false,
project: false, project: false,
tabValue: '', tabValue: 'standInvolveProjectDetail',
menuName: [ "项目评估结果", "技术评估结果"] menuName: [ "项目评估结果", "技术评估结果"]
} }
}, },
@@ -53,12 +53,12 @@ export default {
} }
} }
}); });
if(this.skill === true){ if (this.project === true) {
this.tabValue = "technologyInvolveProject"
return;
}else if(this.project === true){
this.tabValue = "standInvolveProjectDetail" this.tabValue = "standInvolveProjectDetail"
return; return;
} else if (this.skill === true) {
this.tabValue = "technologyInvolveProject"
return;
} }
} }
} }
src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/standInvolveProjectDetail.vue
+18 -18
View File
@@ -159,24 +159,24 @@
width="55" width="55"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <!-- <el-table-column-->
width="150px" <!-- width="150px"-->
align="center" <!-- align="center"-->
prop="productLineId" <!-- prop="productLineId"-->
label="产品线"> <!-- label="产品线">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
width="150px" <!-- width="150px"-->
align="center" <!-- align="center"-->
prop="productId" <!-- prop="productId"-->
label="项目编号"> <!-- label="项目编号">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <!-- <el-table-column-->
width="150px" <!-- width="150px"-->
align="center" <!-- align="center"-->
prop="productName" <!-- prop="productName"-->
label="项目名称"> <!-- label="项目名称">-->
</el-table-column> <!-- </el-table-column>-->
<el-table-column <el-table-column
width="150px" width="150px"
align="center" align="center"
src/pages/regulatoryRepository/localProductsOrProjectLibrary/pages/technologyInvolveProject.vue
+323 -223
View File
@@ -14,12 +14,12 @@
placeholder="标准/政策名称查找" placeholder="标准/政策名称查找"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="类型" class="search-item search-item-last"> <el-form-item label="类型" class="search-item search-item-last">
<el-select v-model="sarProject.position" placeholder="请选择标准性质"> <el-select v-model="sarProject.position" placeholder="请选择标准性质">
<el-option value="1" label="国内"></el-option> <el-option value="1" label="国内"></el-option>
<el-option value="2" label="海外"></el-option> <el-option value="2" label="海外"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="" class="search-item btn-box"> <el-form-item label="" class="search-item btn-box">
<el-button class="common-button-primary" type="primary" size="mini" @click="searchStandAndLaws" v-btn-permission="'f3ea8cde1a7116aa7ba56ff33a19189f'">查询</el-button> <el-button class="common-button-primary" type="primary" size="mini" @click="searchStandAndLaws" v-btn-permission="'f3ea8cde1a7116aa7ba56ff33a19189f'">查询</el-button>
</el-form-item> </el-form-item>
@@ -33,24 +33,24 @@
</div> </div>
<div class="content"> <div class="content">
<el-table <el-table
stripe stripe
ref="selections" ref="selections"
tooltip-effect="dark" tooltip-effect="dark"
border border
:height="tableHeight" :height="tableHeight"
:data="sarProjectListDatas" :data="sarProjectListDatas"
class="table" class="table"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"> fontWeight: 'bold', height: '48px'}">
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standType" prop="standType"
label="标准/政策类型" label="标准/政策类型"
width="120" width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.standType === 'INLAND'">国内标准法规</div> <div v-if="scope.row.standType === 'INLAND'">国内标准法规</div>
@@ -61,9 +61,9 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standCode" prop="standCode"
label="标准/政策号" label="标准/政策号"
width="180" width="180"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" <a class="table-jump"
@@ -71,8 +71,8 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="standName" prop="standName"
label="标准/政策名称" label="标准/政策名称"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a class="table-jump" <a class="table-jump"
@@ -85,10 +85,24 @@
> >
</el-table-column> </el-table-column>
<el-table-column <el-table-column
fixed="right" prop="status"
label="" label="技术储备情况"
width="50" width="150"
align="center"> >
<template slot-scope="scope">
<div class="status" @click="editRiskDegree(scope.row)">
<div class="color" :style="iconColor(scope.row.riskDegree)"></div>
<div class="text" :style="textColor(scope.row.riskDegree)">
{{ scope.row.riskDegree === '0' ? '初始状态' : (scope.row.riskDegree === '1' ? '低风险' : (scope.row.riskDegree === '2' ? '中风险' : '高风险')) }}
</div>
</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
label=""
width="50"
align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<i class="el-icon-view btn-i" @click="handleProjectCompliance(scope.row)"></i> <i class="el-icon-view btn-i" @click="handleProjectCompliance(scope.row)"></i>
</template> </template>
@@ -99,53 +113,53 @@
</div> </div>
<!-- 查看符合标准性弹窗--> <!-- 查看符合标准性弹窗-->
<el-drawer <el-drawer
title="标准涉及项目符合性" title="标准涉及项目符合性"
:visible.sync="showSarProStateModal" :visible.sync="showSarProStateModal"
:wrapperClosable="false" :wrapperClosable="false"
size="1100px" size="1100px"
:before-close="clearSearchPro" :before-close="clearSearchPro"
class="not-footer-drawer" class="not-footer-drawer"
> >
<div class="demo-drawer-content"> <div class="demo-drawer-content">
<div class="el-drawer-form"> <div class="el-drawer-form">
<div class="search-area-detail"> <div class="search-area-detail">
<div class="left" id="detailSearch"> <div class="left" id="detailSearch">
<el-form :inline="true" :model="sarProStateEO" class="label-input-form"> <el-form :inline="true" :model="sarProStateEO" class="label-input-form">
<el-form-item label="标准编号" class="search-item search-item-last"> <!-- <el-form-item label="标准编号" class="search-item search-item-last">-->
<el-input <!-- <el-input-->
v-model="sarProStateEO.standNumber" <!-- v-model="sarProStateEO.standNumber"-->
placeholder="根据标准编号查找" <!-- placeholder="根据标准编号查找"-->
:maxlength="100" <!-- :maxlength="100"-->
clearable></el-input> <!-- clearable></el-input>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="标准名称" class="search-item search-item-last"> <!-- <el-form-item label="标准名称" class="search-item search-item-last">-->
<el-input <!-- <el-input-->
v-model="sarProStateEO.standName" <!-- v-model="sarProStateEO.standName"-->
placeholder="根据标准名称查找" <!-- placeholder="根据标准名称查找"-->
:maxlength="100" <!-- :maxlength="100"-->
clearable></el-input> <!-- clearable></el-input>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="具体章条" class="search-item search-item-last"> <el-form-item label="具体章条" class="search-item search-item-last">
<el-input <el-input
v-model="sarProStateEO.specificItem" v-model="sarProStateEO.specificItem"
placeholder="根据具体章条查找" placeholder="根据具体章条查找"
:maxlength="100" :maxlength="100"
clearable></el-input> clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
v-btn-permission="'0bdf3aecef5161bb66256ebcbbd4bdaa'" v-btn-permission="'0bdf3aecef5161bb66256ebcbbd4bdaa'"
@click="querySarProStateZeroBtn">查询</el-button> @click="querySarProStateZeroBtn">查询</el-button>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
class="common-button-default" class="common-button-default"
size="mini" size="mini"
v-btn-permission="'5e5ea3cc23f1b27ba1c6b6bee44214f0'" v-btn-permission="'5e5ea3cc23f1b27ba1c6b6bee44214f0'"
@click="clearSearchProState">清空</el-button> @click="clearSearchProState">清空</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -153,140 +167,209 @@
</div> </div>
</div> </div>
<el-table <el-table
ref="multipleTable" ref="multipleTable"
:data="sarProStateListDatas" :data="sarProStateListDatas"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
border border
:height="sarProStateTableHeight" :height="sarProStateTableHeight"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}"> fontWeight: 'bold', fontFamily: 'MicrosoftYaHei-Bold', height: '48px'}">
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center">
</el-table-column>
<el-table-column
prop="standNumber"
label="标准编号">
</el-table-column>
<el-table-column
prop="standName"
label="标准名称">
</el-table-column>
<el-table-column
v-if="sarProject.position === '1'"
prop="lastVersionNumber"
label="上一版本标准编号">
</el-table-column> </el-table-column>
<!-- <el-table-column-->
<!-- prop="standNumber"-->
<!-- label="标准编号">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="standName"-->
<!-- label="标准名称">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- v-if="sarProject.position === '1'"-->
<!-- prop="lastVersionNumber"-->
<!-- label="上一版本标准编号">-->
<!-- </el-table-column>-->
<el-table-column <el-table-column
v-if="sarProject.position === '2'" v-if="sarProject.position === '2'"
prop="correspondDomesticStandard" prop="correspondDomesticStandard"
label="对应国行标"> label="对应国行标">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="specificItem" prop="specificItem"
label="具体章条"> label="具体章条">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="carModel" prop="carModel"
align="center" align="center"
label="解读内容"> label="解读内容">
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
prop="coreTechnicalRequirement" prop="coreTechnicalRequirement"
label="核心技术要求(简述、请勿抄写标准)"> label="核心技术要求(简述、请勿抄写标准)">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
v-if="sarProject.position === '1'" v-if="sarProject.position === '1'"
prop="comparedWithPrevious" prop="comparedWithPrevious"
label="相对于上一版本变化点"> label="相对于上一版本变化点">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
v-if="sarProject.position === '2'" v-if="sarProject.position === '2'"
prop="comparedDomesticStandard" prop="comparedDomesticStandard"
label="相对于国行标差异点"> label="相对于国行标差异点">
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
prop="complianceState" prop="complianceState"
label="合规性分析"> label="合规性分析">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
:page="sarProStateTotalPage" :page="sarProStateTotalPage"
:total="sarProStateTotal" :total="sarProStateTotal"
@pageChange="pageProStateChange" @pageChange="pageProStateChange"
@pageSizeChange="pageProStateSizeChange"></pagination> @pageSizeChange="pageProStateSizeChange"></pagination>
</div> </div>
</div> </div>
</el-drawer> </el-drawer>
<el-dialog width='400px' :visible.sync="riskDegreeModal" title="修改技术储备情况">
<el-select v-model="riskDegree" placeholder="请选择">
<el-option label="初始状态" value="0"></el-option>
<el-option label="低风险" value="1"></el-option>
<el-option label="中风险" value="2"></el-option>
<el-option label="高风险" value="3"></el-option>
</el-select>
<span slot="footer" class="dialog-footer">
<el-button type="primary" size="mini" @click="risSubmit">确定</el-button>
<el-button type="primary" size="mini" @click="riskDegreeModal = false">关闭</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "technologyInvolveProject", name: "technologyInvolveProject",
data () { data () {
return { return {
SarProStateType: '', // 国内外 riskDegreeModal: false,
sarProject: { editData: {},
standName: '', // 标准政策名称 riskDegree: '',
standNumber: '', // 标准/政策号 SarProStateType: '', // 国内外
standApplicationType: 2, sarProject: {
position: '1' standName: '', // 标准政策名称
}, // 条件查询 standNumber: '', // 标准/政策号
sarProjectListDatas: [], // table数据 standApplicationType: 2,
countryOptions: [], //国家选择下拉框数据 position: '1'
tableHeight: null, // table高度 }, // 条件查询
loading: false, sarProjectListDatas: [], // table数据
total: 0, countryOptions: [], //国家选择下拉框数据
page: 1, tableHeight: null, // table高度
pageSize: this.$store.getters.userInfo.configContent, loading: false,
showSarProStateModal: false, total: 0,
sarProStateEO: { page: 1,
//标准编号 pageSize: this.$store.getters.userInfo.configContent,
standNumber: '', showSarProStateModal: false,
//标准名称 sarProStateEO: {
standName: '', //标准编号
//具体章条 standNumber: '',
specificItem: '', //标准名称
standName: '',
//具体章条
specificItem: '',
},
sarProStateTotal: 0,
sarProStateTotalPage: 1,
sarProStatePageSize: this.$store.getters.userInfo.configContent,
sarProStateListDatas: [], // 符合性项目列表数据
sarProStateTableHeight: null,
standId: '', // 符合性项目id
}
},
methods: {
risSubmit () {
this.$http.postData('sarStandardComplianceAssessResult/sar-interpretation-national-standard/updateById', {
standNumber: this.editData.standNumber,
standName: this.editData.standName,
interpretationTime: this.editData.interpretationTime,
standId: this.editData.standId,
riskDegree: this.riskDegree
}, {
_this: this
}, res => {
this.riskDegreeModal = false
this.searchStandAndLaws()
})
},
editRiskDegree (row) {
this.riskDegreeModal = true
this.editData = row
this.riskDegree = row.riskDegree
},
iconColor (row) {
if (row === '0') {
return 'background: #409EFF'
} else if (row === '1') {
return 'background: #67c23a'
} else if (row === '2') {
return 'background: #e6a23c'
} else if (row === '3') {
return 'background: #f56c6c'
}
},
textColor (row) {
if (row === '0') {
return 'color: #409EFF'
} else if (row === '1') {
return 'color: #67c23a'
} else if (row === '2') {
return 'color: #e6a23c'
} else if (row === '3') {
return 'color: #f56c6c'
}
}, },
sarProStateTotal: 0,
sarProStateTotalPage: 1,
sarProStatePageSize: this.$store.getters.userInfo.configContent,
sarProStateListDatas: [], // 符合性项目列表数据
sarProStateTableHeight: null,
standId: '', // 符合性项目id
}
},
methods: {
searchStandAndLaws () { searchStandAndLaws () {
this.page = 1 this.page = 1
this.queryStandAndLaws() this.queryStandAndLaws()
}, // 查询 }, // 查询
pageChange (page) { pageChange (page) {
this.page = page this.page = page
this.queryStandAndLaws() this.queryStandAndLaws()
}, },
pageSizeChange (pageSize) { pageSizeChange (pageSize) {
this.pageSize = pageSize this.pageSize = pageSize
this.$store.getters.userInfo.configContent = pageSize this.$store.getters.userInfo.configContent = pageSize
this.queryStandAndLaws() this.queryStandAndLaws()
}, },
queryStandAndLaws () { queryStandAndLaws () {
this.sarProject.current = this.page this.sarProject.current = this.page
this.sarProject.size = this.pageSize this.sarProject.size = this.pageSize
this.$http.get('sarStandardComplianceAssessResult/standard', this.sarProject, { this.$http.get('sarStandardComplianceAssessResult/standard', this.sarProject, {
_this: this, _this: this,
loading: 'loading', loading: 'loading',
}, res => { }, res => {
this.sarProjectListDatas = res.data.records this.sarProjectListDatas = res.data.records
this.total = res.data.total this.sarProjectListDatas.forEach((item, index) => {
}, e=> {}) if (index === 0) {
item.status = '0'
} else if (index === 1) {
item.status = '1'
} else if (index === 2) {
item.status = '2'
} else if (index === 3) {
item.status = '3'
} else {
item.status = '3'
}
})
this.total = res.data.total
}, e=> {})
}, },
//点击查看详情 //点击查看详情
handlePreview(item) { handlePreview(item) {
@@ -301,107 +384,124 @@ name: "technologyInvolveProject",
}, },
// 分页查询 // 分页查询
resetSelect () { resetSelect () {
this.sarProject.country = '' this.sarProject.country = ''
this.sarProject.standCode='' this.sarProject.standCode=''
this.sarProject.standName = '' this.sarProject.standName = ''
this.sarProject.standNumber='' this.sarProject.standNumber=''
this.queryStandAndLaws() this.queryStandAndLaws()
}, // 外层清空条件查询 }, // 外层清空条件查询
handleProjectCompliance (row) { handleProjectCompliance (row) {
this.standId = row.standId this.standId = row.standId
this.querySarProStateZero() this.querySarProStateZero()
}, },
querySarProStateZeroBtn(){ querySarProStateZeroBtn(){
this.sarProStateTotalPage = 1 this.sarProStateTotalPage = 1
this.querySarProStateZero() this.querySarProStateZero()
}, },
// 查看项目符合性 // 查看项目符合性
querySarProStateZero () { querySarProStateZero () {
var form = this.sarProStateEO var form = this.sarProStateEO
form.position = this.sarProject.position form.position = this.sarProject.position
form.standId = this.standId form.standId = this.standId
form.current = this.sarProStateTotalPage form.current = this.sarProStateTotalPage
form.size = this.sarProStatePageSize form.size = this.sarProStatePageSize
this.$http.get('sarStandardComplianceAssessResult/interpretation', form, { this.$http.get('sarStandardComplianceAssessResult/interpretation', form, {
_this: this, _this: this,
loading: 'loading' loading: 'loading'
}, res => { }, res => {
if (res.ok) { if (res.ok) {
this.sarProStateListDatas = res.data.records this.sarProStateListDatas = res.data.records
this.sarProStateTotal = res.data.total this.sarProStateTotal = res.data.total
} }
}) })
this.showSarProStateModal = true this.showSarProStateModal = true
}, // 查询项目数据 }, // 查询项目数据
clearSearchProState () { clearSearchProState () {
this.sarProStateEO.standNumber = '' this.sarProStateEO.standNumber = ''
this.sarProStateEO.standName = '' this.sarProStateEO.standName = ''
this.sarProStateEO.specificItem = '' this.sarProStateEO.specificItem = ''
this.querySarProStateZeroBtn() this.querySarProStateZeroBtn()
}, // 清空条件查询 }, // 清空条件查询
clearSearchPro () { clearSearchPro () {
this.sarProStateEO.standNumber = '' this.sarProStateEO.standNumber = ''
this.sarProStateEO.standName = '' this.sarProStateEO.standName = ''
this.sarProStateEO.specificItem = '' this.sarProStateEO.specificItem = ''
this.showSarProStateModal = false this.showSarProStateModal = false
}, // 关闭查看事件 }, // 关闭查看事件
pageProStateChange (page) { pageProStateChange (page) {
this.sarProStateTotalPage = page this.sarProStateTotalPage = page
this.querySarProStateZero() this.querySarProStateZero()
}, },
pageProStateSizeChange (pageSize) { pageProStateSizeChange (pageSize) {
this.sarProStatePageSize = pageSize this.sarProStatePageSize = pageSize
this.$store.getters.userInfo.configContent = pageSize this.$store.getters.userInfo.configContent = pageSize
this.querySarProStateZero() this.querySarProStateZero()
}, },
}, },
mounted () { mounted () {
this.queryStandAndLaws() this.queryStandAndLaws()
this.tableHeight = $('.regulatory-repository').height() - 159 this.tableHeight = $('.regulatory-repository').height() - 159
this.sarProStateTableHeight = $('body').height() - 152 this.sarProStateTableHeight = $('body').height() - 152
window.onresize = () => { window.onresize = () => {
this.tableHeight = $('.regulatory-repository').height() - 159 this.tableHeight = $('.regulatory-repository').height() - 159
this.sarProStateTableHeight = $('body').height() - 152 this.sarProStateTableHeight = $('body').height() - 152
} }
}
} }
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.technology-involve-project{ .technology-involve-project{
height: 100%; height: 100%;
.laws-details-header { .status {
background: #fff; border: 1px solid #ccc;
// height: 30px; border-radius: 5px;
line-height: 50px; display: flex;
padding: 0 10px; line-height: 30px;
//margin-bottom: 5px; margin: 5px;
.back { align-items: center;
display: inline-block; .text {
margin-right: 10px; font-weight: bold;
}
.color {
margin: 0 10px;
width: 15px;
height: 15px;
border-radius: 50%;
}
} }
.title { .laws-details-header {
display: inline-block; background: #fff;
font-weight: bold; // height: 30px;
font-size: 18px; line-height: 50px;
flex: 1; padding: 0 10px;
padding: 0 15px; //margin-bottom: 5px;
text-align: center; .back {
display: inline-block;
margin-right: 10px;
}
.title {
display: inline-block;
font-weight: bold;
font-size: 18px;
flex: 1;
padding: 0 15px;
text-align: center;
}
}
.contaiiner {
background: #fff;
padding: 5px 10px;
} }
} }
.contaiiner {
background: #fff;
padding: 5px 10px;
}
}
</style> </style>
<style lang="less"> <style lang="less">
.technology-involve-project{ .technology-involve-project{
.search-area .search-item .el-input--suffix .el-input__inner{ .search-area .search-item .el-input--suffix .el-input__inner{
padding-right: 15px; padding-right: 15px;
}
.search-area-detail .el-input__inner{
width: 150px;
}
} }
.search-area-detail .el-input__inner{
width: 150px;
}
}
</style> </style>