|
|
@@ -1,167 +1,106 @@
|
|
|
<template>
|
|
|
<div class="startFrom">
|
|
|
- <el-dialog title="考评启动详情" v-model="dialogVisible" width="1400px" :close-on-click-modal="false">
|
|
|
- <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm" :validate-on-rule-change="false">
|
|
|
+ <el-dialog title="考评启动详情" v-model="dialogVisible" width="80vw" :close-on-click-modal="false">
|
|
|
+ <div class="startDetail">
|
|
|
<p class="starttitleSty">单据信息：</p>
|
|
|
<el-row class="danjuMsg">
|
|
|
<el-col :span="6">
|
|
|
<div class="danjuMsg_data">
|
|
|
<span class="data_tit">业务编号:</span>
|
|
|
- <span>VB131315</span>
|
|
|
+ <span>{{receiptMsg.code}}</span>
|
|
|
</div>
|
|
|
<div class="danjuMsg_data">
|
|
|
- <span class="data_tit">流程状态:</span>
|
|
|
- <span>进行中</span>
|
|
|
+ <span class="data_tit">创建日期:</span>
|
|
|
+ <span>{{receiptMsg.createDate}}</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<div class="danjuMsg_data">
|
|
|
- <span class="data_tit">填报日期:</span>
|
|
|
- <span>2023-02-23</span>
|
|
|
+ <span class="data_tit">业务简述:</span>
|
|
|
+ <span>{{receiptMsg.des}}</span>
|
|
|
</div>
|
|
|
<div class="danjuMsg_data">
|
|
|
- <span class="data_tit">制单人员:</span>
|
|
|
- <span>XXX</span>
|
|
|
+ <span class="data_tit">业务类型:</span>
|
|
|
+ <span>{{receiptMsg.type}}</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
<div class="danjuMsg_data">
|
|
|
- <span class="data_tit">业务简述:</span>
|
|
|
- <span>国电电力2023年关键业绩指标</span>
|
|
|
+ <span class="data_tit">流程状态:</span>
|
|
|
+ <span>{{receiptMsg.stage}}</span>
|
|
|
</div>
|
|
|
<div class="danjuMsg_data">
|
|
|
- <span class="data_tit">填报单位:</span>
|
|
|
- <span>XXX</span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <p class="starttitleSty">基本信息：</p>
|
|
|
- <el-row class="danjuMsg">
|
|
|
- <el-col :span="6">
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit">单位名称:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input v-model="input" placeholder="Please input" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit" style="display:inline-block;width:60px">年度:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input v-model="input" placeholder="Please input" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit data_tit_wd">业务类别:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input v-model="input" placeholder="Please input" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit data_tit_wd">年度考评得分:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input-number
|
|
|
- v-model="num"
|
|
|
- :min="1"
|
|
|
- :max="10"
|
|
|
- size="small"
|
|
|
- controls-position="right"
|
|
|
- @change="handleChange"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
+ <span class="data_tit">年度:</span>
|
|
|
+ <span>{{receiptMsg.year}}</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit data_tit_wd">考评总分:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input-number
|
|
|
- v-model="num"
|
|
|
- :min="1"
|
|
|
- :max="10"
|
|
|
- size="small"
|
|
|
- controls-position="right"
|
|
|
- @change="handleChange"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit data_tit_wd">年度考评级别:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input v-model="input" placeholder="Please input" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit data_tit_wd">任务进度:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input v-model="input" placeholder="Please input" />
|
|
|
- </el-form-item>
|
|
|
+ <div class="danjuMsg_data">
|
|
|
+ <span class="data_tit">创建人:</span>
|
|
|
+ <span>{{receiptMsg.creator}}</span>
|
|
|
</div>
|
|
|
- <div class="danjuMsg_data" style="display:flex;">
|
|
|
- <span class="data_tit data_tit_wd">年度考评排名:</span>
|
|
|
- <el-form-item prop="">
|
|
|
- <el-input v-model="input" placeholder="Please input" />
|
|
|
- </el-form-item>
|
|
|
+ <div class="danjuMsg_data">
|
|
|
+ <span class="data_tit">单据状态:</span>
|
|
|
+ <span>{{receiptMsg.recStage}}</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <p class="starttitleSty">考评目标：</p>
|
|
|
- <el-table :data="tableData" border style="width: 100%">
|
|
|
- <el-table-column type="index" label="序号" width="80" />
|
|
|
- <el-table-column label="指标项" prop="targetindex" width="300" />
|
|
|
- <el-table-column label="业务分类" prop="type" width="100" />
|
|
|
- <el-table-column label="填报部门">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.dept}}</span> -->
|
|
|
- <el-input v-model="scope.row.dept" placeholder="Please input" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="填报人">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.eidtor}}</span> -->
|
|
|
- <el-input v-model="scope.row.eidtor" placeholder="Please input" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="填报日期">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.eidDate}}</span> -->
|
|
|
- <el-date-picker
|
|
|
- v-model="scope.row.eidDate"
|
|
|
- type="date"
|
|
|
- placeholder="Pick a day"
|
|
|
- :size="size"
|
|
|
- />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="审批人">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.approvalor}}</span> -->
|
|
|
- <el-input v-model="scope.row.approvalor" placeholder="Please input" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="计划分值">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.plan}}</span> -->
|
|
|
- <el-input v-model="scope.row.plan" placeholder="Please input" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="进度分值">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.progress}}</span> -->
|
|
|
- <el-input v-model="scope.row.progress" placeholder="Please input" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="综合得分">
|
|
|
- <template #default="scope">
|
|
|
- <!-- <span>{{scope.row.synthesize}}</span> -->
|
|
|
- <el-input v-model="scope.row.synthesize" placeholder="Please input" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-form>
|
|
|
+ <div class="detaTableBtns">
|
|
|
+ <div class="tableBtn add">
|
|
|
+ <img :src="addIcon" alt="">
|
|
|
+ <span>新增</span>
|
|
|
+ </div>
|
|
|
+ <div class="tableBtn save" @click="saveDetail">
|
|
|
+ <img :src="saveIcon" alt="">
|
|
|
+ <span>保存</span>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="tableBtn edit">
|
|
|
+ <img :src="editIcon" alt="">
|
|
|
+ <span>新增</span>
|
|
|
+ </div> -->
|
|
|
+ <div class="tableBtn delete">
|
|
|
+ <img :src="deleteIcon" alt="">
|
|
|
+ <span>删除</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="考评指标项内容" name="first">
|
|
|
+ <el-table :data="quantifiedList" style="width: 100%" @select="rowClick" @select-all="rowClick">
|
|
|
+ <el-table-column type="selection" label="操作" align="center"></el-table-column>
|
|
|
+ <el-table-column type="index" label="序号" width="80" />
|
|
|
+ <el-table-column label="业务类别" prop="stageName" />
|
|
|
+ <el-table-column label="所属板块" prop="sectionName" />
|
|
|
+ <el-table-column label="单位名称" prop="organizationName" width="300" />
|
|
|
+ <el-table-column label="填报部门" prop="deptName" width="260" />
|
|
|
+ <el-table-column label="指标分类" prop="typeName" />
|
|
|
+ <!-- <el-table-column label="指标项" prop="optionName" /> -->
|
|
|
+ <el-table-column label="计划值">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-input-number v-model="scope.row.quantifiedValue" :precision="2" :step="0.1" :min="1" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="单位" prop="unit" />
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="考评评测性指标内容" name="second">
|
|
|
+ <el-table :data="nonQuantifiedList" style="width: 100%">
|
|
|
+ <el-table-column type="index" label="序号" width="80" />
|
|
|
+ <el-table-column label="业务类别" prop="stageName" />
|
|
|
+ <el-table-column label="所属板块" prop="sectionName" />
|
|
|
+ <el-table-column label="单位名称" prop="organizationName" width="300" />
|
|
|
+ <el-table-column label="填报部门" prop="deptName" width="260" />
|
|
|
+ <el-table-column label="指标分类" prop="typeName" />
|
|
|
+ <!-- <el-table-column label="指标项" prop="optionName" /> -->
|
|
|
+ <el-table-column label="计划值">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-input v-model="scope.row.nonQuantifiedValue" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+
|
|
|
+ </div>
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
<el-button type="primary" @click="dialogVisible = false">取 消</el-button>
|
|
|
@@ -172,133 +111,60 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {apiGetdeptresponDetail,} from '../../api/api'
|
|
|
+import {apiGetdeptresponDetail,apiGetindicatorsaveBatchDto} from '../../api/api'
|
|
|
+import addIcon from '../../assets/btnIcon/add.png'
|
|
|
+import saveIcon from '../../assets/btnIcon/save.png'
|
|
|
+import editIcon from '../../assets/btnIcon/edit.png'
|
|
|
+import deleteIcon from '../../assets/btnIcon/delete.png'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
dialogVisible: false,
|
|
|
- tableData: [],
|
|
|
- ruleForm: {
|
|
|
-
|
|
|
- },
|
|
|
- rules: {
|
|
|
- // indicatorId: [
|
|
|
- // { required: true, message: '请选择指标名称', trigger: 'blur' }
|
|
|
- // ],
|
|
|
- // totalScore: [
|
|
|
- // { required: true, message: '请输入指标总分', trigger: 'blur' }
|
|
|
- // ],
|
|
|
- // evaluateMethod: [
|
|
|
- // { required: true, message: '请选择评分方式', trigger: 'change' }
|
|
|
- // ],
|
|
|
- // evaluateFormula: [
|
|
|
- // { required: true, message: '请输入评分公式', trigger: 'blur' }
|
|
|
- // ],
|
|
|
- // mappingFun: [
|
|
|
- // { required: true, message: '请选择隐射函数', trigger: 'change' }
|
|
|
- // ],
|
|
|
- // desc: [
|
|
|
- // { required: true, message: '请输入描述', trigger: 'change' }
|
|
|
- // ]
|
|
|
+ activeName: 'first',
|
|
|
+ quantifiedList: [],
|
|
|
+ nonQuantifiedList: [],
|
|
|
+ changeDateSelect: [],
|
|
|
+ receiptMsg: {
|
|
|
+ code: '',
|
|
|
+ des: '',
|
|
|
+ stage: '',
|
|
|
+ creator: '',
|
|
|
+ createDate: '',
|
|
|
+ type: '',
|
|
|
+ year: '',
|
|
|
+ recStage: ''
|
|
|
},
|
|
|
+ addIcon: addIcon,
|
|
|
+ saveIcon: saveIcon,
|
|
|
+ editIcon: editIcon,
|
|
|
+ deleteIcon: deleteIcon,
|
|
|
+ rowMsg: {}
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- this.tableData = [
|
|
|
- {
|
|
|
- targetindex: '填报部门',
|
|
|
- type: '基建',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- {
|
|
|
- targetindex: '深化改革（创一流）',
|
|
|
- type: '重点专项',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- {
|
|
|
- targetindex: '亏损企业治理',
|
|
|
- type: '重点专项',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- {
|
|
|
- targetindex: '双碳目标落实',
|
|
|
- type: '重点专项',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- {
|
|
|
- targetindex: '煤矿证照办理',
|
|
|
- type: '重点专项',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- {
|
|
|
- targetindex: '低效无效资产处置',
|
|
|
- type: '生产经营',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- {
|
|
|
- targetindex: '智慧电站建设、煤电三改联动、综合能源发展',
|
|
|
- type: '职业健康',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- {
|
|
|
- targetindex: '智慧电站建设、煤电三改联动、综合能源发展',
|
|
|
- type: '职业健康',
|
|
|
- dept: '',
|
|
|
- eidtor: '',
|
|
|
- eidDate: '',
|
|
|
- approvalor: '',
|
|
|
- plan: '',
|
|
|
- progress: '',
|
|
|
- synthesize: ''
|
|
|
- },
|
|
|
- ]
|
|
|
},
|
|
|
methods: {
|
|
|
init(row) {
|
|
|
this.dialogVisible = true
|
|
|
+ this.activeName = 'first'
|
|
|
+ this.receiptMsg = {
|
|
|
+ code: row.responsibilityCode,
|
|
|
+ des: row.des,
|
|
|
+ stage: row.stage,
|
|
|
+ creator: row.createBy,
|
|
|
+ createDate: row.createTime,
|
|
|
+ type: row.organizationType,
|
|
|
+ year: row.year,
|
|
|
+ recStage: '有效'
|
|
|
+ }
|
|
|
this.getDetails(row.id)
|
|
|
+ this.rowMsg = row
|
|
|
+ },
|
|
|
+ handleClick() {
|
|
|
+ this.changeDateSelect = []
|
|
|
+ },
|
|
|
+ rowClick(selection, row) {
|
|
|
+ this.changeDateSelect = selection
|
|
|
},
|
|
|
//获取详情
|
|
|
getDetails(id) {
|
|
|
@@ -307,11 +173,44 @@ export default {
|
|
|
deptResponsibilityIds: id
|
|
|
}
|
|
|
apiGetdeptresponDetail(params).then(datas =>{
|
|
|
- if (datas) {
|
|
|
- console.log(datas)
|
|
|
+ if (datas && datas.data) {
|
|
|
+ that.quantifiedList = datas.data.quantifiedList
|
|
|
+ that.nonQuantifiedList = datas.data.nonQuantifiedList
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ saveDetail() {
|
|
|
+ let that = this
|
|
|
+ let params = []
|
|
|
+ if (that.activeName === 'first') {
|
|
|
+ that.quantifiedList.forEach(item =>{
|
|
|
+ let obj = {
|
|
|
+ id: item.id,
|
|
|
+ isQuantified: '是',
|
|
|
+ quantifiedValue: item.quantifiedValue
|
|
|
+ }
|
|
|
+ params.push(obj)
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ that.nonQuantifiedList.forEach(item =>{
|
|
|
+ let obj = {
|
|
|
+ id: item.id,
|
|
|
+ isQuantified: '否',
|
|
|
+ nonQuantifiedValue: item.nonQuantifiedValue
|
|
|
+ }
|
|
|
+ params.push(obj)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ apiGetindicatorsaveBatchDto(params).then(datas =>{
|
|
|
+ if (datas && datas.success) {
|
|
|
+ that.$message({
|
|
|
+ message: '保存成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ that.getDetails(that.rowMsg.id)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -320,62 +219,135 @@ export default {
|
|
|
.startFrom{
|
|
|
.el-overlay{
|
|
|
.el-dialog{
|
|
|
- margin-top: 10vh;
|
|
|
+ margin-top: 7vh;
|
|
|
.el-dialog__body{
|
|
|
- padding: 0px 60px 20px 20px !important;
|
|
|
- .starttitleSty{
|
|
|
- border-left: 4px solid #007aab;
|
|
|
- padding-left: 5px;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- font-family: '微软雅黑';
|
|
|
- margin: 20px 0;
|
|
|
- }
|
|
|
- .el-table{
|
|
|
- .el-table__body-wrapper{
|
|
|
- height: 29vh;
|
|
|
+ padding: 0 20px !important;
|
|
|
+ .startDetail{
|
|
|
+ .starttitleSty{
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3B7AD1;
|
|
|
+ // line-height: 12px;
|
|
|
+ margin: 20px 0 20px 10px;
|
|
|
}
|
|
|
- .el-table__row{
|
|
|
- .cell{
|
|
|
- .el-input{
|
|
|
- height: 24px;
|
|
|
- .el-input__inner{
|
|
|
- height: 24px;
|
|
|
+ .danjuMsg{
|
|
|
+ border: 1px solid #D6DBEA;
|
|
|
+ padding: 10px 20px;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .danjuMsg_data{
|
|
|
+ padding: 5px 0 10px 0;
|
|
|
+ .data_tit{
|
|
|
+ margin-right: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ color: #8991B0;
|
|
|
+ }
|
|
|
+ .data_tit_wd{
|
|
|
+ display: inline-block;
|
|
|
+ width: 90px;
|
|
|
+ }
|
|
|
+ .el-form-item--small{
|
|
|
+ .el-input{
|
|
|
+ height: 25px;
|
|
|
+ width: 160px;
|
|
|
+ }
|
|
|
+ margin-bottom: 0;
|
|
|
+ .el-input-number{
|
|
|
+ height: 25px;
|
|
|
+ .el-input-number__decrease, .el-input-number__increase{
|
|
|
+ right: -39px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- .danjuMsg{
|
|
|
- margin-top: 10px;
|
|
|
- .danjuMsg_data{
|
|
|
- margin: 0 0 10px 0;
|
|
|
- .data_tit{
|
|
|
- margin-right: 10px;
|
|
|
- font-weight: bold;
|
|
|
+ .el-select, .el-input{
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .detaTableBtns{
|
|
|
+ display: flex;
|
|
|
+ width: 500px;
|
|
|
+ position: relative;
|
|
|
+ top: 32px;
|
|
|
+ left: 66vw;
|
|
|
+ z-index: 11111;
|
|
|
+ .tableBtn {
|
|
|
+ display: flex;
|
|
|
+ margin-right: 30px;
|
|
|
+ img{
|
|
|
+ margin-right: 5px;
|
|
|
+ margin-top: 1px;
|
|
|
+ }
|
|
|
+ span{
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .add{
|
|
|
+ cursor: no-drop;
|
|
|
+ span{
|
|
|
+ color: #3B7AD1;
|
|
|
+ }
|
|
|
}
|
|
|
- .data_tit_wd{
|
|
|
- display: inline-block;
|
|
|
- width: 90px;
|
|
|
+ .save{
|
|
|
+ cursor: pointer;
|
|
|
+ span{
|
|
|
+ color: #50C14E;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .edit{
|
|
|
+ span{
|
|
|
+ color: #F5A623;
|
|
|
+ }
|
|
|
}
|
|
|
- .el-form-item--small{
|
|
|
- .el-input{
|
|
|
- height: 25px;
|
|
|
- width: 160px;
|
|
|
+ .delete{
|
|
|
+ cursor: no-drop;
|
|
|
+ span{
|
|
|
+ color: #F65177;
|
|
|
}
|
|
|
- margin-bottom: 0;
|
|
|
- .el-input-number{
|
|
|
- height: 25px;
|
|
|
- .el-input-number__decrease, .el-input-number__increase{
|
|
|
- right: -39px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-tabs{
|
|
|
+ .el-tabs__header{
|
|
|
+ .el-tabs__nav{
|
|
|
+ .el-tabs__item{
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 0 10px;
|
|
|
+ color: #8991B0;
|
|
|
+ }
|
|
|
+ .is-active{
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3B7AD1;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table{
|
|
|
+ .el-table__body-wrapper{
|
|
|
+ height: 40vh;
|
|
|
+ }
|
|
|
+ .el-table__row{
|
|
|
+ .cell{
|
|
|
+ .el-input{
|
|
|
+ height: 24px;
|
|
|
+ .el-input__inner{
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .el-select, .el-input{
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
}
|
|
|
.el-dialog__footer{
|
|
|
.dialog-footer{
|
