wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

后台管理-能力统计-明细-添加分页功能

This commit is contained in:
guoyue 2022-10-19 13:41:02 +08:00
parent 2af92a6f8f
commit 4d59133942
1 changed files with 125 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

296
back/src/views/modules/abilityStatistics/index.vue
View File

@ -26,46 +26,27 @@
<!--起始日期 @keyup.enter.native="getDataList()"--> <!--起始日期 @keyup.enter.native="getDataList()"-->
<el-form-item> <el-form-item>
<span>日期：</span> <span>日期：</span>
<el-date-picker <el-date-picker v-model="value1" type="datetimerange" range-separator="至" start-placeholder="开始日期"
v-model="value1" end-placeholder="结束日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<!--审核状态--> <!--审核状态-->
<el-form-item > <el-form-item>
<span>审核状态：</span> <span>审核状态：</span>
<el-select <el-select v-model="examineStatus" placeholder="请选审核状态" clearable>
v-model="examineStatus" <el-option label="全部" value="-1"></el-option>
placeholder="请选审核状态" <el-option label="审核中" value="0"></el-option>
clearable <el-option label="通过" value="1"></el-option>
> <el-option label="不通过" value="2"></el-option>
<el-option label="全部" value="-1"></el-option>
<el-option label="审核中" value="0"></el-option>
<el-option label="通过" value="1"></el-option>
<el-option label="不通过" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!--部门--> <!--部门-->
<el-form-item> <el-form-item>
<span>部门名称：</span> <span>部门名称：</span>
<el-select <el-select v-model="abilityDepartment" placeholder="请选择部门" clearable>
v-model="abilityDepartment"
placeholder="请选择部门"
clearable
>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option <el-option v-for="item in departmentSelects" :key="item.label" v-bind="item"></el-option>
v-for="item in departmentSelects"
:key="item.label"
v-bind="item"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -74,13 +55,8 @@
<span>类型：</span> <span>类型：</span>
<el-select v-model="abilityType" placeholder="请选择类型" clearable> <el-select v-model="abilityType" placeholder="请选择类型" clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option <el-option v-for="item in typeOptions" :key="item.name" :label="item.name" :value="item.name" v-bind="item">
v-for="item in typeOptions" </el-option>
:key="item.name"
:label="item.name"
:value="item.name"
v-bind="item"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -91,7 +67,7 @@
<!--操作按钮重置--> <!--操作按钮重置-->
<el-form-item> <el-form-item>
<el-button type="primary" @click="resetDataList()">{{ <el-button type="primary" @click="resetDataList()">{{
$t('reset') $t('reset')
}}</el-button> }}</el-button>
</el-form-item> </el-form-item>
<!-- 导出 --> <!-- 导出 -->
@ -112,25 +88,18 @@
</div> --> </div> -->
<div class="second-title"> <div class="second-title">
<span <span style="margin-right: 30px" :class="[
style="margin-right: 30px" departmentId === 1 || departmentId === 3
:class="[ ? 'departmentStyle'
departmentId === 1 || departmentId === 3 : ''
? 'departmentStyle' ]" @click="handleChose(3)">
: ''
]"
@click="handleChose(3)"
>
能力上架统计 能力上架统计
</span> </span>
<span <span :class="[
:class="[ departmentId === 2 || departmentId === 4
departmentId === 2 || departmentId === 4 ? 'departmentStyle'
? 'departmentStyle' : ''
: '' ]" @click="handleChose(4)">
]"
@click="handleChose(4)"
>
能力使用统计 能力使用统计
</span> </span>
<!-- <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']" @click="handleChose(3)"> <!-- <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']" @click="handleChose(3)">
@ -146,14 +115,8 @@
</div> </div>
<div class="line-style"></div> <div class="line-style"></div>
<!--统计表--> <!--统计表-->
<el-table <el-table :data="tableData" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
:data="tableData" border style="width: 100%" v-show="this.departmentId === 1">
:header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }"
border
style="width: 100%"
v-show="this.departmentId === 1"
>
<el-table-column prop="name" label="上架部门" min-width="100%"> <el-table-column prop="name" label="上架部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column label="组件"> <el-table-column label="组件">
@ -161,17 +124,9 @@
</el-table-column> </el-table-column>
<el-table-column prop="tcfw" label="图层服务" min-width="100%"> <el-table-column prop="tcfw" label="图层服务" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="kfzj" label="通用开发组件" min-width="100%">
prop="kfzj"
label="通用开发组件"
min-width="100%"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="ywzj" label="业务能力组件" min-width="100%">
prop="ywzj"
label="业务能力组件"
min-width="100%"
>
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="yyzy" label="应用资源" min-width="100%"> <el-table-column prop="yyzy" label="应用资源" min-width="100%">
@ -179,14 +134,8 @@
<el-table-column prop="zj" label="总计" min-width="100%"> <el-table-column prop="zj" label="总计" min-width="100%">
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-table <el-table :data="tableData" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
:data="tableData" border style="width: 100%" v-show="this.departmentId === 2">
:header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }"
border
style="width: 100%"
v-show="this.departmentId === 2"
>
<el-table-column prop="name" label="申请部门" min-width="100%"> <el-table-column prop="name" label="申请部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column label="组件"> <el-table-column label="组件">
@ -194,17 +143,9 @@
</el-table-column> </el-table-column>
<el-table-column prop="tcfw" label="图层服务" min-width="100%"> <el-table-column prop="tcfw" label="图层服务" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="kfzj" label="通用开发组件" min-width="100%">
prop="kfzj"
label="通用开发组件"
min-width="100%"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="ywzj" label="业务能力组件" min-width="100%">
prop="ywzj"
label="业务能力组件"
min-width="100%"
>
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="yyzy" label="应用资源" min-width="100%"> <el-table-column prop="yyzy" label="应用资源" min-width="100%">
@ -216,64 +157,43 @@
</el-table> </el-table>
<!--明细表--> <!--明细表-->
<el-table <el-table :data="tableData" style="width: 100%" v-show="this.departmentId === 3 || this.departmentId === 4">
:data="tableData" <el-table-column v-if="this.departmentId === 3" prop="deptName" label="上架部门" min-width="100%">
style="width: 100%"
v-show="this.departmentId === 3 || this.departmentId === 4"
>
<el-table-column v-if="this.departmentId === 3" prop="deptName" label="上架部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column v-if="this.departmentId === 4" prop="deptName" label="申请部门" min-width="100%"> <el-table-column v-if="this.departmentId === 4" prop="deptName" label="申请部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column prop="resourceName" label="资源名称" min-width="100%"> <el-table-column prop="resourceName" label="资源名称" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column prop="type" label="类型" min-width="100%"> </el-table-column> <el-table-column prop="type" label="类型" min-width="100%"> </el-table-column>
<el-table-column v-if="this.departmentId === 4" prop="resourceDeptName" label="提供部门" min-width="100%"> <el-table-column v-if="this.departmentId === 4" prop="resourceDeptName" label="提供部门" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column prop="createDate" label="日期" min-width="100%"> </el-table-column> <el-table-column prop="createDate" label="日期" min-width="100%"> </el-table-column>
<el-table-column prop="approveStatus" label="状态" min-width="100%"> <el-table-column prop="approveStatus" label="状态" min-width="100%">
</el-table-column> </el-table-column>
<el-table-column label="操作" min-width="100%"> <el-table-column label="操作" min-width="100%">
<template slot-scope="scope" > <template slot-scope="scope">
<el-link type="primary" v-if="scope.row.applyNumber" v-on:click="detailClick(scope.row)">查看详情</el-link> <el-link type="primary" v-if="scope.row.applyNumber" v-on:click="detailClick(scope.row)">查看详情</el-link>
<el-link type="info" v-else disabled>后台挂接，无详情</el-link> <el-link type="info" v-else disabled>后台挂接，无详情</el-link>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- <div class="block"> <div class="block">
<el-pagination <el-pagination @current-change="handleCurrentChange" layout="total, prev, pager, next, jumper"
@current-change="handleCurrentChange" :total="total" :page-size="pageSize" :current-page="currentPage">
layout="total, prev, pager, next, jumper"
:total="total"
:page-size="5"
:current-page="currentPage"
>
</el-pagination> </el-pagination>
</div> --> </div>
</div> </div>
</el-card> </el-card>
</div> </div>
<component-used <component-used v-if="UsedIsShow" :tableId="tableId" :fatherId="fatherId" @closeChild2="closeChild2">
v-if="UsedIsShow" </component-used>
:tableId="tableId" <component-services v-if="servicesIsShow" :tableId="tableId" :fatherId="fatherId" @closeChild="closeChild">
:fatherId="fatherId" </component-services>
@closeChild2="closeChild2" <application-resources v-if="resourcesIsShow" :tableId="tableId" :fatherId="fatherId"
></component-used> @closeApplication="closeApplication"></application-resources>
<component-services <ability-detail v-if="detailsVisible" :detailsVisible="detailsVisible" :detailParamss="detailParamss"
v-if="servicesIsShow" :detailType="detailType" @closeModal="closeModal">
:tableId="tableId" </ability-detail>
:fatherId="fatherId"
@closeChild="closeChild"
></component-services>
<application-resources
v-if="resourcesIsShow"
:tableId="tableId"
:fatherId="fatherId"
@closeApplication="closeApplication"
></application-resources>
<ability-detail v-if="detailsVisible"
:detailsVisible="detailsVisible" :detailParamss="detailParamss" :detailType="detailType" @closeModal="closeModal">
</ability-detail>
</div> </div>
</template> </template>
@ -295,7 +215,7 @@ import { mapState } from 'vuex'
// }) // })
export default { export default {
components: { componentServices, applicationResources, ComponentUsed, AbilityDetail }, components: { componentServices, applicationResources, ComponentUsed, AbilityDetail },
data () { data() {
return { return {
exportExcel: CONFIGITEM.configData[CONFIGITEM.version].apiURL + '/census/center/export', exportExcel: CONFIGITEM.configData[CONFIGITEM.version].apiURL + '/census/center/export',
exportExcelCondition: '', exportExcelCondition: '',
@ -373,6 +293,7 @@ export default {
choseId: 0, choseId: 0,
departmentId: 1, departmentId: 1,
currentPage: 1, currentPage: 1,
pageSize: 10,
homeIsShow: true, homeIsShow: true,
servicesIsShow: false, servicesIsShow: false,
resourcesIsShow: false, resourcesIsShow: false,
@ -416,7 +337,7 @@ export default {
endDate: '' // 结束时间 endDate: '' // 结束时间
} }
}, },
created () { created() {
// 当前设定的日期时间 // 当前设定的日期时间
// const d = new Date() // const d = new Date()
// let year1, month1, day1 // let year1, month1, day1
@ -430,7 +351,7 @@ export default {
// const date2 = new Date(year2, month2, day2, 7) // const date2 = new Date(year2, month2, day2, 7)
// this.value1.unshift(date2) // this.value1.unshift(date2)
}, },
mounted () { mounted() {
// this.getFirstTree() // this.getFirstTree()
if (this.departmentId === 1) { if (this.departmentId === 1) {
this.handleChose(3) this.handleChose(3)
@ -445,17 +366,27 @@ export default {
...mapState(['departmentSelects']) ...mapState(['departmentSelects'])
}, },
methods: { methods: {
closeModal () { closeModal() {
this.detailsVisible = false this.detailsVisible = false
}, },
handleCurrentChange (val) { handleCurrentChange(val) {
if (this.choseId === 0) { console.log('val------------>', val);
this.getFirstTree(val) this.currentPage = val;
} else if (this.choseId === 1) { // todo
this.getReleaseTree(val) if(this.departmentId === 3) {
this.getOneDetail(val)
} }
if(this.departmentId === 4) {
this.getTwoDetail(val)
}
// if (this.choseId === 0) {
// this.getFirstTree(val)
// } else if (this.choseId === 1) {
// this.getReleaseTree(val)
// }
}, },
getTreeName (data) { getTreeName(data) {
this.$http this.$http
.get('/census/center/v3/treeList/', { .get('/census/center/v3/treeList/', {
params: { params: {
@ -485,7 +416,7 @@ export default {
// }, // },
// 组件服务部门发布情况--改为能力上架统计 // 组件服务部门发布情况--改为能力上架统计
getFirstTree (page) { getFirstTree(page) {
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
} else if (this.examineStatus == '0') { } else if (this.examineStatus == '0') {
@ -549,7 +480,7 @@ export default {
}) })
}, },
// 组件服务部门使用情况列表-改为能力使用统计 // 组件服务部门使用情况列表-改为能力使用统计
getSecondTree () { getSecondTree() {
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
} else if (this.examineStatus == '0') { } else if (this.examineStatus == '0') {
@ -564,8 +495,8 @@ export default {
this.$http this.$http
.get('/census/center/selectApplyDeptDetailTypeCountList', { .get('/census/center/selectApplyDeptDetailTypeCountList', {
params: { params: {
// page: page || 1, page: page || 1,
// limit: 5, limit: this.pageSize,
approveStatus: this.status, approveStatus: this.status,
deptId: this.abilityDepartment, deptId: this.abilityDepartment,
params: '', params: '',
@ -613,7 +544,7 @@ export default {
}) })
}, },
// 点击查看详情 // 点击查看详情
detailClick (row) { detailClick(row) {
this.detailParamss = {} this.detailParamss = {}
const applyNumber = row.applyNumber const applyNumber = row.applyNumber
if (this.departmentId == 3) { // 能力上架 if (this.departmentId == 3) { // 能力上架
@ -654,8 +585,8 @@ export default {
}) })
} }
}, },
// 能力上架明细 // 能力上架明细 能力上架统计
getOneDetail (page) { getOneDetail(page) {
var passAndReview = '' // 转变"通过"字段为通过 var passAndReview = '' // 转变"通过"字段为通过
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
@ -671,8 +602,8 @@ export default {
this.$http this.$http
.get('/census/center/selectCensusResourceTable', { .get('/census/center/selectCensusResourceTable', {
params: { params: {
// limit: 5, limit: this.pageSize,
// page: page || 1, page: this.currentPage,
approveStatus: this.status, approveStatus: this.status,
deptId: this.abilityDepartment, deptId: this.abilityDepartment,
type: this.abilityType, type: this.abilityType,
@ -682,7 +613,7 @@ export default {
}) })
.then((res) => { .then((res) => {
console.log('111111', this.tableData, res.data.data) console.log('111111', this.tableData, res.data.data)
this.tableData = res.data.data this.tableData = res.data.data.list
this.total = res.data.data.total this.total = res.data.data.total
this.exportExcelCondition = qs.stringify({ this.exportExcelCondition = qs.stringify({
approveStatus: this.status, approveStatus: this.status,
@ -692,8 +623,8 @@ export default {
}) })
}) })
}, },
// 能力使用明细 // 能力使用明细 能力使用统计
getTwoDetail (page) { getTwoDetail(page) {
var passAndReview = '' // 转变"通过"字段为通过 var passAndReview = '' // 转变"通过"字段为通过
if (this.examineStatus == '-1') { if (this.examineStatus == '-1') {
this.status = '' this.status = ''
@ -709,8 +640,8 @@ export default {
this.$http this.$http
.get('/census/center/selectCensusApplyTable', { .get('/census/center/selectCensusApplyTable', {
params: { params: {
// limit: 5, limit: this.pageSize,
// page: page || 1, page: this.currentPage,
approveStatus: this.status, approveStatus: this.status,
deptId: this.abilityDepartment, deptId: this.abilityDepartment,
type: this.abilityType, type: this.abilityType,
@ -719,7 +650,7 @@ export default {
} }
}) })
.then((res) => { .then((res) => {
this.tableData = res.data.data this.tableData = res.data.data.list
this.total = res.data.data.total this.total = res.data.data.total
this.exportExcelCondition = qs.stringify({ this.exportExcelCondition = qs.stringify({
approveStatus: this.status, approveStatus: this.status,
@ -729,7 +660,7 @@ export default {
}) })
}) })
}, },
getReleaseTree (page) { getReleaseTree(page) {
this.$http this.$http
.get('/census/center/selectApplyDeptDetailTypeCountList/', { .get('/census/center/selectApplyDeptDetailTypeCountList/', {
params: { params: {
@ -775,7 +706,7 @@ export default {
}) })
}, },
// 应用资源部门使用情况列表 // 应用资源部门使用情况列表
getUsedTree () { getUsedTree() {
this.$http this.$http
.get('/census/center/v3/resourceReleaseDetails/', { .get('/census/center/v3/resourceReleaseDetails/', {
params: { params: {
@ -789,7 +720,7 @@ export default {
this.tableData = res.data.data.list this.tableData = res.data.data.list
}) })
}, },
handleClick (row) { handleClick(row) {
if (this.choseId === 0) { if (this.choseId === 0) {
if (this.departmentId === 1) { if (this.departmentId === 1) {
this.homeIsShow = false this.homeIsShow = false
@ -810,7 +741,7 @@ export default {
} }
}, },
// 选择组件 // 选择组件
choseBtn (index) { choseBtn(index) {
this.choseId = index this.choseId = index
this.handleChose(1) this.handleChose(1)
}, },
@ -826,7 +757,8 @@ export default {
// } // }
// }, // },
// 选择发布or使用表格 // 选择发布or使用表格
handleChose (index) { handleChose(index) {
this.currentPage = 1;
this.departmentId = index this.departmentId = index
if (index === 1) { if (index === 1) {
if (this.choseId === 0) { if (this.choseId === 0) {
@ -867,26 +799,26 @@ export default {
} }
}, },
// 翻页 // 翻页
handleSizeChange (val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`) console.log(`每页 ${val} 条`)
}, },
closeChild () { closeChild() {
this.homeIsShow = true this.homeIsShow = true
this.servicesIsShow = false this.servicesIsShow = false
this.handleCurrentChange(1) this.handleCurrentChange(1)
}, },
closeChild2 () { closeChild2() {
this.homeIsShow = true this.homeIsShow = true
this.UsedIsShow = false this.UsedIsShow = false
this.handleCurrentChange(1) this.handleCurrentChange(1)
}, },
closeApplication () { closeApplication() {
this.homeIsShow = true this.homeIsShow = true
this.resourcesIsShow = false this.resourcesIsShow = false
this.handleCurrentChange(1) this.handleCurrentChange(1)
}, },
// 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数 // 明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
goToDetail () { goToDetail() {
this.detailFlag = !this.detailFlag this.detailFlag = !this.detailFlag
if (this.departmentId === 1) { if (this.departmentId === 1) {
this.handleChose(3) this.handleChose(3)
@ -898,7 +830,7 @@ export default {
} }
}, },
// 返回按钮 // 返回按钮
goToBack () { goToBack() {
// departmentId 1，3 2，4 两个值共同判断 // departmentId 1，3 2，4 两个值共同判断
this.detailFlag = !this.detailFlag this.detailFlag = !this.detailFlag
if (this.departmentId === 3) { if (this.departmentId === 3) {
@ -911,7 +843,7 @@ export default {
} }
}, },
// 点击查询按钮查询数据 // 点击查询按钮查询数据
getDataList () { getDataList() {
if (this.value1 && this.value1.length > 0) { if (this.value1 && this.value1.length > 0) {
this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss') this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss')
this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss') this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss')
@ -942,7 +874,7 @@ export default {
} }
}, },
// 重置按钮查询数据 // 重置按钮查询数据
resetDataList () { resetDataList() {
this.value1 = [] this.value1 = []
this.startDate = '' this.startDate = ''
this.endDate = '' this.endDate = ''
@ -980,7 +912,7 @@ export default {
} }
}, },
// 定义格式化函数： // 定义格式化函数：
handleTime (time, format) { handleTime(time, format) {
if (time == null || time == undefined || time == '') { if (time == null || time == undefined || time == '') {
return '' return ''
} }
@ -1019,6 +951,7 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.container-left { .container-left {
width: 250px; width: 250px;
height: 1000px; height: 1000px;
@ -1026,11 +959,13 @@ export default {
// background-color: #ffffff; // background-color: #ffffff;
margin-right: 10px; margin-right: 10px;
} }
.left-search { .left-search {
width: 250px; width: 250px;
height: 76px; height: 76px;
background-color: #ffffff; background-color: #ffffff;
} }
.input-style { .input-style {
width: 210px; width: 210px;
height: 36px; height: 36px;
@ -1040,11 +975,13 @@ export default {
border: 1px solid transparent; border: 1px solid transparent;
background-color: #f2f4fa; background-color: #f2f4fa;
} }
input::placeholder { input::placeholder {
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #b0b3ca; color: #b0b3ca;
} }
.input-search { .input-search {
width: 44px; width: 44px;
height: 30px; height: 30px;
@ -1054,10 +991,12 @@ input::placeholder {
top: 38px; top: 38px;
left: 196px; left: 196px;
} }
::v-deep.tree-style { ::v-deep.tree-style {
.el-tree-node__label { .el-tree-node__label {
font-size: 16px; font-size: 16px;
} }
.el-tree-node__content { .el-tree-node__content {
width: 240px; width: 240px;
overflow: hidden; overflow: hidden;
@ -1073,6 +1012,7 @@ input::placeholder {
background-color: #fafafc; background-color: #fafafc;
display: inline-block; display: inline-block;
} }
.title { .title {
display: flex; display: flex;
font-size: 20px; font-size: 20px;
@ -1081,10 +1021,12 @@ input::placeholder {
padding-left: 15px; padding-left: 15px;
padding-top: 10px; padding-top: 10px;
} }
.title-list-style { .title-list-style {
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;
} }
.title-single { .title-single {
font-size: 14px; font-size: 14px;
width: 90px; width: 90px;
@ -1095,6 +1037,7 @@ input::placeholder {
border-radius: 12px; border-radius: 12px;
cursor: pointer; cursor: pointer;
} }
.box-style { .box-style {
width: 90px; width: 90px;
height: 24px; height: 24px;
@ -1103,11 +1046,13 @@ input::placeholder {
align-items: center; align-items: center;
padding-bottom: 2px; padding-bottom: 2px;
} }
.second-title { .second-title {
margin-top: 20px; margin-top: 20px;
font-size: 14px; font-size: 14px;
color: #979eb9; color: #979eb9;
cursor: pointer; cursor: pointer;
.detail-button { .detail-button {
width: 60px; width: 60px;
height: 30px; height: 30px;
@ -1121,6 +1066,7 @@ input::placeholder {
color: #fff; color: #fff;
} }
} }
.line-style { .line-style {
width: 100%; width: 100%;
height: 1px; height: 1px;
@ -1128,23 +1074,28 @@ input::placeholder {
margin-top: 15px; margin-top: 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.aui-card--fill { .aui-card--fill {
width: 100% !important; width: 100% !important;
padding: 0px !important; padding: 0px !important;
} }
.choseStyle { .choseStyle {
color: #526aff; color: #526aff;
border: 1px solid #526aff; border: 1px solid #526aff;
} }
.departmentStyle { .departmentStyle {
color: #526aff; color: #526aff;
} }
::v-deep .tree-text-styleJ { ::v-deep .tree-text-styleJ {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
word-break: break-all; word-break: break-all;
} }
.export { .export {
display: inline-block; display: inline-block;
width: 70px; width: 70px;
@ -1156,18 +1107,21 @@ input::placeholder {
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
color: #000; color: #000;
} }
.export:hover { .export:hover {
border-color: #c5ddfd; border-color: #c5ddfd;
background-color: #ecf4fe; background-color: #ecf4fe;
color: #0058e1; color: #0058e1;
text-decoration: none; text-decoration: none;
} }
.export:active { .export:active {
border-color: #c5ddfd; border-color: #c5ddfd;
background-color: #ecf4fe; background-color: #ecf4fe;
color: #0058e1; color: #0058e1;
text-decoration: none; text-decoration: none;
} }
.export:visited { .export:visited {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;