|
@@ -6,6 +6,10 @@
|
|
|
<span class="exceedSpan">部门名称:</span>
|
|
|
<el-input v-model="departmentS" placeholder="请输入部门名称"></el-input>
|
|
|
</div>
|
|
|
+ <div class="exceed">
|
|
|
+ <span class="exceedSpan">部门领导:</span>
|
|
|
+ <el-input v-model="leaderS" placeholder="请输入部门领导"></el-input>
|
|
|
+ </div>
|
|
|
<seachs @handleSeach="getSeachData" @handleRest="resetSeach"></seachs>
|
|
|
</div>
|
|
|
<div class="PeriodBtn">
|
|
@@ -25,17 +29,15 @@
|
|
|
@handleAdd="handleAdd"
|
|
|
@handleEdit="handleEdit"
|
|
|
@handleDelete="handleDelete"
|
|
|
- @handleImport="handleImport"
|
|
|
- @handleExport="handleExport"
|
|
|
></btns>
|
|
|
</div>
|
|
|
<div class="evaluationDepartmentTableData">
|
|
|
<el-table :data="evaluationDepartmentData" style="width: 100%" @select="rowClick" @select-all="rowClick">
|
|
|
<el-table-column type="selection" label="操作" align="center"></el-table-column>
|
|
|
- <el-table-column label="部门编码" prop="shortDeptName" />
|
|
|
- <el-table-column label="部门名称" prop="deptName" width="300" />
|
|
|
- <!-- <el-table-column label="部门简称" prop="shortDeptName" /> -->
|
|
|
- <el-table-column label="考评类型" >
|
|
|
+ <!-- <el-table-column label="部门编码" prop="shortDeptName" /> -->
|
|
|
+ <el-table-column label="部门名称" prop="deptName" />
|
|
|
+ <el-table-column label="部门领导名称" prop="chargePersonName" />
|
|
|
+ <!-- <el-table-column label="考评类型" >
|
|
|
<template #default="scope">
|
|
|
<span>{{scope.row.evaluationCategory === 'BMKP'?'部门考评':''}}</span>
|
|
|
</template>
|
|
@@ -43,7 +45,7 @@
|
|
|
<el-table-column label="指标名称" prop="indicatorDatasAll" width="400" />
|
|
|
<el-table-column label="年" prop="annual" />
|
|
|
<el-table-column label="描述" prop="des" />
|
|
|
- <el-table-column label="创建时间" prop="createTime" />
|
|
|
+ <el-table-column label="创建时间" prop="createTime" /> -->
|
|
|
</el-table>
|
|
|
<el-pagination
|
|
|
@size-change="handleSizeChange"
|
|
@@ -54,145 +56,39 @@
|
|
|
:total="page.total">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
- <div class="indexdialog">
|
|
|
- <el-dialog :title="title" v-model="dialogVisible" width="70vw" :close-on-click-modal="false">
|
|
|
- <el-row class="periodFrom">
|
|
|
- <el-col :span="8">
|
|
|
- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="DruleForm" :validate-on-rule-change="false">
|
|
|
- <el-form-item label="考评部门" prop="department">
|
|
|
- <el-select v-model="ruleForm.department" placeholder="请选择所属部门" :disabled="isSave">
|
|
|
- <el-option
|
|
|
- v-for="item in departData"
|
|
|
- :key="item.id"
|
|
|
- :label="item.keyName"
|
|
|
- :value="item.id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="考评类别" prop="indicatorType">
|
|
|
- <el-select v-model="ruleForm.indicatorType" placeholder="请选择指标类别" disabled>
|
|
|
- <el-option
|
|
|
- v-for="item in indicatorTypeData"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="年份" prop="year">
|
|
|
- <el-date-picker
|
|
|
- v-model="ruleForm.year"
|
|
|
- :disabled="isSave"
|
|
|
- type="year"
|
|
|
- value-format="YYYY"
|
|
|
- placeholder="请选择年份"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item label="指标顺序" prop="orderNum">
|
|
|
- <el-input-number v-model="ruleForm.orderNum" :min="1" />
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="描述" prop="desc">
|
|
|
- <el-input v-model="ruleForm.desc" :rows="5" type="textarea" placeholder="请输入描述"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16" class="indicatorItemBtn">
|
|
|
- <div class="PeriodBtnDia">
|
|
|
- <p class="indItemC">指标项配置管理</p>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- size="mini"
|
|
|
- @click="handleAddChild"
|
|
|
- >
|
|
|
- <img :src="addW" style="margin-right: 10px">
|
|
|
- <span>新增</span>
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- <div class="indicatorItemTableData">
|
|
|
- <div class="datasMsg" v-if="indicatoroptions.length>0" >
|
|
|
- <el-collapse accordion>
|
|
|
- <el-collapse-item v-for="item in indicatoroptions" :key="item" :name="item.id">
|
|
|
- <template #title>
|
|
|
- <div style="display:flex;height:30px">
|
|
|
- <div style="display:flex;height:30px">
|
|
|
- <span class="nameTit">指标名称:</span>
|
|
|
- <el-input v-model="item.indicatorName" placeholder="请输入子指标项名称"></el-input>
|
|
|
- </div>
|
|
|
- <div style="display:flex">
|
|
|
- <span class="nameTit">指标编码:</span>
|
|
|
- <el-input v-model="item.indicatorCode" placeholder="请输入子指标项编码"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <div style="padding:10px 20px;max-height: 50vh;overflow-y: auto;">
|
|
|
- <div class="tableBtn add" @click="handleAddTableChild(item)">
|
|
|
- <img :src="addIcon" alt="">
|
|
|
- <span>新增</span>
|
|
|
- </div>
|
|
|
- <el-table :data="item.evaluationDeptIndicatorItemList">
|
|
|
- <el-table-column label="序号" type="index" align="center" />
|
|
|
- <el-table-column label="指标项名称" prop="indicatorItemName">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <el-select v-model="scope.row.indicatorItemName" filterable placeholder="请选择指标项名称" @change="(val)=>changeOptionName(val,scope.row)">
|
|
|
- <el-option
|
|
|
- v-for="item in indicItemoptions"
|
|
|
- :key="item.keyValue"
|
|
|
- :label="item.keyName"
|
|
|
- :value="item.keyName">
|
|
|
- </el-option>
|
|
|
- </el-select> -->
|
|
|
- <el-input v-model="scope.row.indicatorItemName" placeholder="请输入指标项名称"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="指标项编码" prop="indicatorItemCode">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.indicatorItemCode}}</span> -->
|
|
|
- <el-input v-model="scope.row.indicatorItemCode" placeholder="请输入指标项编码"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="指标项类别" prop="indicatorCategory">
|
|
|
- <template #default="scope">
|
|
|
- <el-select v-model="scope.row.indicatorCategory" placeholder="请选择指标项类别">
|
|
|
- <el-option
|
|
|
- v-for="item in indicatorCategorys"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="描述">
|
|
|
- <template #default="scope">
|
|
|
- <el-input v-model="scope.row.des" :rows="1" type="textarea" placeholder="请输入描述"></el-input>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" width="100">
|
|
|
- <template #default="scope">
|
|
|
- <p class="indicitem" @click="handleDeleteTableChild(item, scope.row)">删除</p>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </el-collapse-item>
|
|
|
- </el-collapse>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- <span class="emptyData">暂无数据</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <template #footer>
|
|
|
- <span class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="saveevaluationDepartmentMsg('ruleForm')">确 定</el-button>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ <el-dialog :title="title" v-model="dialogVisible" width="600px" :close-on-click-modal="false">
|
|
|
+ <div class="periodFrom">
|
|
|
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" :validate-on-rule-change="false">
|
|
|
+ <el-form-item label="考评部门" prop="department">
|
|
|
+ <el-select v-model="ruleForm.department" placeholder="请选择所属部门" @change="changeDeptLead">
|
|
|
+ <el-option
|
|
|
+ v-for="item in departData"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门领导" prop="departmentLeader">
|
|
|
+ <el-select v-model="ruleForm.departmentLeader" placeholder="请选择部门领导">
|
|
|
+ <el-option
|
|
|
+ v-for="item in deptLeaderOption"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <template #footer>
|
|
|
+ <span class="dialog-footer">
|
|
|
+ <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="saveevaluationDepartmentMsg('ruleForm')">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
- <import-dailog ref="importPage" @successImport="successImport" @importLoading="importLoading"></import-dailog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -202,8 +98,8 @@ import btns from '../elbuttonS.vue'
|
|
|
import seachs from '../seachGroup.vue'
|
|
|
import addW from '../../assets/btnIcon/addW.png'
|
|
|
import addIcon from '../../assets/btnIcon/add.png'
|
|
|
-import {apiGetEvaluationDeptList, apiGetevaluationdeptSave, apiGetevaluationdeptremoveAll, apiGetdataZBXList,
|
|
|
-apiGetdatadictionaryList, apiGetevaluationdeptremoveItem} from '../../api/api'
|
|
|
+import {apiGetEvaluationDeptList, apiGetevaluationdeptSave, apiGetevaluationdeptremoveAll, apiGetorganizationstructureFromTree,
|
|
|
+apiGetuserPageList, apiGetevaluationdeptremoveItem} from '../../api/api'
|
|
|
export default {
|
|
|
components: { importDailog, btns, seachs },
|
|
|
data() {
|
|
@@ -212,32 +108,23 @@ export default {
|
|
|
title: '',
|
|
|
isSave: false,
|
|
|
changeDateSelect: [],
|
|
|
- indicatoroptions: [],
|
|
|
departmentS: '',
|
|
|
+ leaderS: '',
|
|
|
evaluationDepartmentData:[],
|
|
|
departData: [],
|
|
|
+ deptLeaderOption: [],
|
|
|
addW: addW,
|
|
|
addIcon: addIcon,
|
|
|
- indicItemoptions: [],
|
|
|
- indicatorTypeData: [],
|
|
|
ruleForm: {
|
|
|
department: '',
|
|
|
- indicatorType: 'BMKP',
|
|
|
- year: '',
|
|
|
- desc: ''
|
|
|
+ departmentLeader: ''
|
|
|
},
|
|
|
rules: {
|
|
|
department: [
|
|
|
{ required: true, message: '请选择部门名称', trigger: 'change' }
|
|
|
],
|
|
|
- indicatorType: [
|
|
|
- { required: true, message: '请选择考评类别', trigger: 'change' }
|
|
|
- ],
|
|
|
- year: [
|
|
|
- { required: true, message: '请选择年份', trigger: 'change' }
|
|
|
- ],
|
|
|
- desc: [
|
|
|
- { required: true, message: '请输入描述', trigger: 'blur' }
|
|
|
+ departmentLeader: [
|
|
|
+ { required: true, message: '请选择部门领导', trigger: 'change' }
|
|
|
]
|
|
|
},
|
|
|
page:{
|
|
@@ -251,7 +138,6 @@ export default {
|
|
|
},
|
|
|
created() {
|
|
|
this.getEvalCompanyData()
|
|
|
- this.getindicItemData()
|
|
|
this.getDepartmentFromTreeData()
|
|
|
this.indicatorCategorys = [
|
|
|
{
|
|
@@ -263,12 +149,6 @@ export default {
|
|
|
value: '指标结果'
|
|
|
}
|
|
|
]
|
|
|
- this.indicatorTypeData = [
|
|
|
- {
|
|
|
- label: '部门考评',
|
|
|
- value: 'BMKP'
|
|
|
- }
|
|
|
- ]
|
|
|
},
|
|
|
methods:{
|
|
|
// 查询部门列表数据
|
|
@@ -277,21 +157,11 @@ export default {
|
|
|
let params = {
|
|
|
pageNum: that.page.currentPage,
|
|
|
pageSize: that.page.pagesize,
|
|
|
- deptName: that.departmentS
|
|
|
+ deptName: that.departmentS,
|
|
|
+ chargePersonName: that.leaderS
|
|
|
}
|
|
|
apiGetEvaluationDeptList(params).then(datas =>{
|
|
|
if (datas && datas.data) {
|
|
|
- for(let i =0; i<datas.data.records.length; i++) {
|
|
|
- let item = datas.data.records[i]
|
|
|
- let indicatorDatasAll = ''
|
|
|
- if (item.evaluationDeptIndicatorList.length>0) {
|
|
|
- for(let j =0; j<item.evaluationDeptIndicatorList.length; j++) {
|
|
|
- let iten = item.evaluationDeptIndicatorList[j]
|
|
|
- indicatorDatasAll += iten.indicatorName + '; '
|
|
|
- }
|
|
|
- }
|
|
|
- item.indicatorDatasAll = indicatorDatasAll
|
|
|
- }
|
|
|
that.evaluationDepartmentData = datas.data.records
|
|
|
that.page.total = datas.data.total
|
|
|
}
|
|
@@ -301,23 +171,27 @@ export default {
|
|
|
getDepartmentFromTreeData() {
|
|
|
let that = this
|
|
|
let params = {
|
|
|
- superKey: 'BM0001'
|
|
|
+ id: '23031001',
|
|
|
+ num: 1
|
|
|
}
|
|
|
- apiGetdatadictionaryList(params).then(datas =>{
|
|
|
+ apiGetorganizationstructureFromTree(params).then(datas =>{
|
|
|
if (datas && datas.data) {
|
|
|
- that.departData = datas.data
|
|
|
+ that.departData = datas.data[0].children
|
|
|
+ that.changeDeptLead(that.departData[0].id)
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- // 查询指标项条目
|
|
|
- getindicItemData() {
|
|
|
+ // 根据部门查询人员
|
|
|
+ changeDeptLead(val) {
|
|
|
let that = this
|
|
|
let params = {
|
|
|
- superKey: 'ZBX0001'
|
|
|
+ current: 1,
|
|
|
+ size: 500,
|
|
|
+ orgId: val
|
|
|
}
|
|
|
- apiGetdataZBXList(params).then(datas =>{
|
|
|
+ apiGetuserPageList(params).then(datas =>{
|
|
|
if (datas && datas.data) {
|
|
|
- that.indicItemoptions = datas.data
|
|
|
+ that.deptLeaderOption = datas.data.records
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -326,42 +200,12 @@ export default {
|
|
|
this.isSave = false
|
|
|
this.title = '新增考评部门'
|
|
|
this.$nextTick(() =>{
|
|
|
- // this.$refs['ruleForm'].resetFields()
|
|
|
this.ruleForm = {
|
|
|
department: '',
|
|
|
- indicatorType: 'BMKP',
|
|
|
- year: '',
|
|
|
- desc: ''
|
|
|
- }
|
|
|
- this.indicatoroptions = []
|
|
|
- })
|
|
|
- },
|
|
|
- //新增子指标
|
|
|
- handleAddChild() {
|
|
|
- this.$nextTick(() =>{
|
|
|
- let itemForm = {
|
|
|
- indicatorName: '输入子指标名称',
|
|
|
- indicatorCode: '输入子指标编码',
|
|
|
- evaluationDeptIndicatorItemList: []
|
|
|
+ departmentLeader: ''
|
|
|
}
|
|
|
- this.indicatoroptions.push(itemForm)
|
|
|
})
|
|
|
},
|
|
|
- changeOptionName(val, row) {
|
|
|
- this.indicItemoptions.forEach(item =>{
|
|
|
- if (item.keyName === val) {
|
|
|
- row.indicatorItemCode = item.keyValue
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //新增子指标
|
|
|
- handleAddTableChild(row) {
|
|
|
- let childitemForm = {
|
|
|
- indicatorItemName: '',
|
|
|
- indicatorItemCode: ''
|
|
|
- }
|
|
|
- row.evaluationDeptIndicatorItemList.push(childitemForm)
|
|
|
- },
|
|
|
handleEdit() {
|
|
|
this.dialogVisible = true
|
|
|
this.isSave = true
|
|
@@ -369,11 +213,8 @@ export default {
|
|
|
this.evalradio = this.changeDateSelect[0]
|
|
|
this.ruleForm = {
|
|
|
department: this.evalradio.deptId,
|
|
|
- indicatorType: this.evalradio.evaluationCategory,
|
|
|
- year: this.evalradio.annual,
|
|
|
- desc: this.evalradio.des
|
|
|
+ departmentLeader: this.evalradio.chargePersonId
|
|
|
}
|
|
|
- this.indicatoroptions = this.evalradio.evaluationDeptIndicatorList
|
|
|
},
|
|
|
saveevaluationDepartmentMsg(formName) {
|
|
|
let that = this
|
|
@@ -386,23 +227,23 @@ export default {
|
|
|
//新增/修改指标数据
|
|
|
saveAndEditIndicatorData() {
|
|
|
let that = this
|
|
|
- let orgName = ''
|
|
|
- let shortName = ''
|
|
|
+ let deptNameS = ''
|
|
|
+ let deptLeaderNameS = ''
|
|
|
that.departData.forEach(item =>{
|
|
|
if (item.id === that.ruleForm.department) {
|
|
|
- orgName = item.keyName
|
|
|
- shortName = item.dataKey
|
|
|
+ deptNameS = item.name
|
|
|
+ }
|
|
|
+ })
|
|
|
+ that.deptLeaderOption.forEach(item =>{
|
|
|
+ if (item.id === that.ruleForm.departmentLeader) {
|
|
|
+ deptLeaderNameS = item.name
|
|
|
}
|
|
|
})
|
|
|
let params = {
|
|
|
- deptName: orgName,
|
|
|
- shortDeptName: shortName,
|
|
|
deptId: that.ruleForm.department,
|
|
|
- evaluationCategory: 'BMKP',
|
|
|
- annual: that.ruleForm.year,
|
|
|
- monthly: that.ruleForm.month,
|
|
|
- des: that.ruleForm.desc,
|
|
|
- evaluationDeptIndicatorList: that.indicatoroptions
|
|
|
+ deptName: deptNameS,
|
|
|
+ chargePersonId: that.ruleForm.departmentLeader,
|
|
|
+ chargePersonName: deptLeaderNameS
|
|
|
}
|
|
|
if (that.isSave) {
|
|
|
params.id = that.evalradio.id
|
|
@@ -455,31 +296,6 @@ export default {
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
- //删除指标项数据
|
|
|
- handleDeleteTableChild(data, row) {
|
|
|
- this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- let that = this
|
|
|
- if (data.evaluationDeptIndicatorItemList && data.evaluationDeptIndicatorItemList.length>0) {
|
|
|
- data.evaluationDeptIndicatorItemList.forEach((it,index) =>{
|
|
|
- if (it.indicatorItemCode === row.indicatorItemCode) {
|
|
|
- data.evaluationDeptIndicatorItemList.splice(index, 1)
|
|
|
- if (row.id) {
|
|
|
- apiGetevaluationdeptremoveItem(row.id).then(datas =>{
|
|
|
- that.$message({
|
|
|
- type: 'success',
|
|
|
- message: '删除成功!'
|
|
|
- });
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
rowClick(selection, row) {
|
|
|
this.changeDateSelect = selection
|
|
|
},
|
|
@@ -490,15 +306,9 @@ export default {
|
|
|
resetSeach() {
|
|
|
this.page.currentPage = 1
|
|
|
this.departmentS = ''
|
|
|
+ this.leaderS = ''
|
|
|
this.getEvalCompanyData()
|
|
|
},
|
|
|
- successImport(val) {
|
|
|
- this.loadingImport = false
|
|
|
- this.getEvalCompanyData()
|
|
|
- },
|
|
|
- importLoading(val) {
|
|
|
- this.loadingImport = true
|
|
|
- },
|
|
|
handleSizeChange(val){
|
|
|
this.page.pagesize = val
|
|
|
this.getEvalCompanyData()
|
|
@@ -507,10 +317,6 @@ export default {
|
|
|
this.page.currentPage =val
|
|
|
this.getEvalCompanyData()
|
|
|
},
|
|
|
- handleImport() {
|
|
|
- this.$refs.importPage.upload.title = "考评指标管理信息导入"
|
|
|
- this.$refs.importPage.upload.open = true
|
|
|
- },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -575,157 +381,27 @@ export default {
|
|
|
margin:0;
|
|
|
}
|
|
|
}
|
|
|
- .indexdialog{
|
|
|
- .el-overlay{
|
|
|
- .el-dialog{
|
|
|
- margin-top: 10vh;
|
|
|
- .el-dialog__body{
|
|
|
- padding: 0px 20px 0px 20px !important;
|
|
|
- border-top: 1px solid #D6DBEA;
|
|
|
- border-bottom: 1px solid #D6DBEA;
|
|
|
- .periodFrom{
|
|
|
-
|
|
|
- .DruleForm{
|
|
|
- padding: 20px 60px 20px 20px;
|
|
|
- .el-select, .el-input{
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .el-date-editor{
|
|
|
- height:30px !important;
|
|
|
- }
|
|
|
- .el-select{
|
|
|
- .el-input__inner, .is-disabled{
|
|
|
- height:30px !important;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .indicatorItemBtn{
|
|
|
- padding: 10px 20px 0 20px;
|
|
|
- border-left: 1px solid #D6DBEA;
|
|
|
- span{
|
|
|
- font-size:14px;
|
|
|
- }
|
|
|
- .PeriodBtnDia{
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 20px 0;
|
|
|
- .indItemC{
|
|
|
- position: relative;
|
|
|
- // left: -600px;
|
|
|
- top: 15px;
|
|
|
- font-size: 16px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: 600;
|
|
|
- color: #3B7AD1;
|
|
|
- }
|
|
|
- .el-button{
|
|
|
- height: 30px;
|
|
|
- padding: 0 30px ;
|
|
|
- span{
|
|
|
- margin:0;
|
|
|
- }
|
|
|
- }
|
|
|
- .is-disabled{
|
|
|
- opacity: 0.5;
|
|
|
- }
|
|
|
- }
|
|
|
- .indicatorItemTableData{
|
|
|
- height: 55vh !important;
|
|
|
- overflow-y: auto;
|
|
|
- .datasMsg{
|
|
|
- .tableBtn {
|
|
|
- display: flex;
|
|
|
- justify-content: end;
|
|
|
- margin-right: 30px;
|
|
|
- img{
|
|
|
- margin-right: 5px;
|
|
|
- margin-top: 1px;
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- }
|
|
|
- span{
|
|
|
- position: relative;
|
|
|
- top: -2px;
|
|
|
- font-size: 14px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- }
|
|
|
- }
|
|
|
- .add{
|
|
|
- cursor: pointer;
|
|
|
- span{
|
|
|
- color: #3B7AD1;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-collapse{
|
|
|
- .el-collapse-item{
|
|
|
- .el-collapse-item__header{
|
|
|
- .nameTit{
|
|
|
- display: inline-block;
|
|
|
- height: 20px;
|
|
|
- font-size: 12px;
|
|
|
- font-weight: bold;
|
|
|
- position: relative;
|
|
|
- top: -8px;
|
|
|
- }
|
|
|
- .el-input{
|
|
|
- width: 150px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-table{
|
|
|
- .el-table__body-wrapper{
|
|
|
- }
|
|
|
- .el-input__inner{
|
|
|
- height: 30px !important;
|
|
|
- }
|
|
|
- .el-radio__label{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
- .indicitem{
|
|
|
- color: #409EFF;
|
|
|
- font-size: 12px;
|
|
|
- margin-right: 20px;
|
|
|
- cursor:pointer;
|
|
|
- &:hover{
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
- }
|
|
|
- .el-pagination{
|
|
|
- margin-top: 20px;
|
|
|
- text-align: end;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .el-button{
|
|
|
- height: 26px;
|
|
|
- padding: 0 15px ;
|
|
|
- span{
|
|
|
- margin:0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .emptyData{
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- // border: 1px solid #d9d9d9;
|
|
|
- text-align: center;
|
|
|
- margin-top: 50px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .el-overlay{
|
|
|
+ .el-dialog{
|
|
|
+ margin-top: 10vh;
|
|
|
+ .el-dialog__body{
|
|
|
+ padding: 30px 60px 30px 20px !important;
|
|
|
+ .periodFrom{
|
|
|
+ .el-select, .el-input{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .el-input{
|
|
|
+ height: 30px;
|
|
|
}
|
|
|
}
|
|
|
- .el-dialog__footer{
|
|
|
- .dialog-footer{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- .el-button{
|
|
|
- width: 180px !important;
|
|
|
- height: 40px !important;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .el-dialog__footer{
|
|
|
+ .dialog-footer{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ .el-button{
|
|
|
+ width: 180px !important;
|
|
|
+ height: 40px !important;
|
|
|
}
|
|
|
}
|
|
|
}
|