|
@@ -3,14 +3,6 @@
|
|
|
<el-dialog title="指标项配置管理" v-model="editEvaluaVisible" width="70vw" :close-on-click-modal="false">
|
|
|
<div class="indicatorItemAll">
|
|
|
<div class="indicatorItemBtn">
|
|
|
- <div class="collectSeach">
|
|
|
- <div class="exceed">
|
|
|
- <span class="indicatorSpan">指标项:</span>
|
|
|
- <el-input v-model="indicItem" placeholder="请输入指标项名称"></el-input>
|
|
|
- </div>
|
|
|
- <el-button type="primary" style="margin-left: 10px;" @click="getSeachData">搜索</el-button>
|
|
|
- <el-button style="margin-left: 10px;" @click="resetSeach">重置</el-button>
|
|
|
- </div>
|
|
|
<div style="display:flex;justify-content: space-between;padding: 10px;">
|
|
|
<el-row :gutter="10" class="PeriodBtn">
|
|
|
<el-col :span="1.5">
|
|
@@ -28,70 +20,78 @@
|
|
|
plain
|
|
|
icon="Edit"
|
|
|
size="mini"
|
|
|
- @click="handleEdit"
|
|
|
- :disabled="changeDateSelect.length === 0 || changeDateSelect.length>1"
|
|
|
- >修改</el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1.5">
|
|
|
- <el-button
|
|
|
- type="danger"
|
|
|
- plain
|
|
|
- icon="Delete"
|
|
|
- size="mini"
|
|
|
- :disabled="changeDateSelect.length === 0"
|
|
|
- @click="handleDelete"
|
|
|
- >批量删除</el-button>
|
|
|
+ @click="handleSave"
|
|
|
+ >保存</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<div class="indicatorItemTableData">
|
|
|
- <el-table :data="indicatoroptions" border style="width: 100%" @select="rowClick" @select-all="rowClick">
|
|
|
- <el-table-column type="selection" label="操作" align="center"></el-table-column>
|
|
|
- <el-table-column label="指标项名称" prop="optionName" />
|
|
|
- <el-table-column label="指标项编码" prop="optionCode" />
|
|
|
- <el-table-column label="创建者" prop="createBy" />
|
|
|
- <el-table-column label="创建时间" prop="createTime" />
|
|
|
- <el-table-column label="描述">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{scope.row.des}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <!-- <el-pagination
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="page.currentPage"
|
|
|
- :page-size="page.pagesize"
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :total="page.total">
|
|
|
- </el-pagination> -->
|
|
|
- </div>
|
|
|
- <div class="onlyDialog">
|
|
|
- <el-dialog :title="title" v-model="dialogVisible" width="600px" :close-on-click-modal="false">
|
|
|
- <div class="periodFrom">
|
|
|
- <el-form :model="itemForm" :rules="rules" ref="itemForm" label-width="100px" :validate-on-rule-change="false">
|
|
|
- <el-form-item label="指标项名称" prop="optionName">
|
|
|
- <el-select v-model="itemForm.optionName" placeholder="请选择指标项名称">
|
|
|
- <el-option
|
|
|
- v-for="item in indicItemoptions"
|
|
|
- :key="item.keyValue"
|
|
|
- :label="item.keyName"
|
|
|
- :value="item.keyValue">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="描述">
|
|
|
- <el-input v-model="itemForm.desc" :rows="5" type="textarea" placeholder="请输入描述"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- <template #footer>
|
|
|
- <span class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="saveindicatorItemMsg('itemForm')">确 定</el-button>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-dialog>
|
|
|
+ <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.childName" v-if="!isSave" placeholder="请输入子指标项名称"></el-input>
|
|
|
+ </div>
|
|
|
+ <div style="display:flex">
|
|
|
+ <span class="nameTit">子指标编码:</span>
|
|
|
+ <el-input v-model="item.childCode" v-if="!isSave" placeholder="请输入子指标项编码"></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div style="padding:10px 20px">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ style="margin-bottom:5px"
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="Plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAddTableChild(item)"
|
|
|
+ >新增</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-table :data="item.list" :border="childBorder">
|
|
|
+ <el-table-column label="序号" type="index" align="center" />
|
|
|
+ <el-table-column label="指标项名称" prop="optionName">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-select v-model="scope.row.optionName" v-if="!isSave" 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>
|
|
|
+ <span v-else>{{scope.row.optionName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="指标项编码" prop="optionCode">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{scope.row.optionCode}}</span>
|
|
|
+ </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="handleDelete(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>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -108,14 +108,21 @@ export default {
|
|
|
isSave: false,
|
|
|
changeDateSelect: [],
|
|
|
indicatoroptions: [],
|
|
|
+ expends: [],
|
|
|
indicItemoptions: [],
|
|
|
- indicItem: '',
|
|
|
evaluationIndexData:[],
|
|
|
itemForm: {
|
|
|
- optionName: '',
|
|
|
- desc: ''
|
|
|
+ childName: '',
|
|
|
+ childCode: '',
|
|
|
+ list: [],
|
|
|
},
|
|
|
rules: {
|
|
|
+ cName: [
|
|
|
+ { required: true, message: '请输入子指标名称', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ cCode: [
|
|
|
+ { required: true, message: '请输入子指标编码', trigger: 'blur' }
|
|
|
+ ],
|
|
|
optionName: [
|
|
|
{ required: true, message: '请选择指标名称', trigger: 'change' }
|
|
|
]
|
|
@@ -126,8 +133,7 @@ export default {
|
|
|
total: 0
|
|
|
},
|
|
|
evalradio: {},
|
|
|
- rowevalradio: {},
|
|
|
- dialogVisible: false
|
|
|
+ rowevalradio: {}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -157,6 +163,9 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ getRowKeys(row) {
|
|
|
+ return row.id
|
|
|
+ },
|
|
|
// 查询指标项条目
|
|
|
getindicItemData() {
|
|
|
let that = this
|
|
@@ -169,44 +178,42 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ cellClick(row, column, cell, event) {
|
|
|
+
|
|
|
+ },
|
|
|
+ //新增子指标
|
|
|
handleAdd() {
|
|
|
- this.dialogVisible = true
|
|
|
this.isSave = false
|
|
|
this.title = '新增指标项管理'
|
|
|
this.$nextTick(() =>{
|
|
|
- this.itemForm = {
|
|
|
- optionName: '',
|
|
|
- desc: ''
|
|
|
+ let itemForm = {
|
|
|
+ childName: '',
|
|
|
+ childCode: '',
|
|
|
+ list: [],
|
|
|
}
|
|
|
- // this.$refs['itemForm'].resetFields()
|
|
|
+ this.indicatoroptions.push(itemForm)
|
|
|
})
|
|
|
},
|
|
|
- handleEdit() {
|
|
|
- this.dialogVisible = true
|
|
|
- this.isSave = true
|
|
|
- this.title = '修改指标项管理'
|
|
|
- this.evalradio = this.changeDateSelect[0]
|
|
|
- this.itemForm = {
|
|
|
- optionName: this.evalradio.optionCode,
|
|
|
- desc: this.evalradio.des
|
|
|
+ //新增子指标
|
|
|
+ handleAddTableChild(row) {
|
|
|
+ let childitemForm = {
|
|
|
+ indicatorId: this.rowevalradio.id,
|
|
|
+ optionName: '',
|
|
|
+ optionCode: ''
|
|
|
}
|
|
|
+ row.list.push(childitemForm)
|
|
|
},
|
|
|
- saveindicatorItemMsg(formName) {
|
|
|
- let that = this
|
|
|
- that.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- that.saveAndEditIndicatorData()
|
|
|
+ changeOptionName(val, row) {
|
|
|
+ this.indicItemoptions.forEach(item =>{
|
|
|
+ if (item.keyName === val) {
|
|
|
+ row.optionCode = item.keyValue
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
//新增/修改指标数据
|
|
|
- saveAndEditIndicatorData() {
|
|
|
+ handleSave() {
|
|
|
let that = this
|
|
|
- let params = {
|
|
|
- indicatorId: that.rowevalradio.id,
|
|
|
- optionCode: that.itemForm.optionName,
|
|
|
- des: that.itemForm.desc
|
|
|
- }
|
|
|
+ let params = that.indicatoroptions
|
|
|
if (that.isSave) {
|
|
|
params.id = this.evalradio.id
|
|
|
}
|
|
@@ -222,22 +229,18 @@ export default {
|
|
|
type: 'success'
|
|
|
});
|
|
|
}
|
|
|
- that.dialogVisible = false
|
|
|
that.getIndicatorItemData(that.rowevalradio)
|
|
|
})
|
|
|
},
|
|
|
//删除指标数据
|
|
|
- handleDelete() {
|
|
|
+ handleDelete(row) {
|
|
|
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
|
let that = this
|
|
|
- let paramsArr = []
|
|
|
- that.changeDateSelect.forEach(it =>{
|
|
|
- paramsArr.push(it.id)
|
|
|
- })
|
|
|
+ let paramsArr = [row.id]
|
|
|
apiGetIndicatordicdeleteList(paramsArr.join(',')).then(datas =>{
|
|
|
that.$message({
|
|
|
type: 'success',
|
|
@@ -251,15 +254,6 @@ export default {
|
|
|
rowClick(selection, row) {
|
|
|
this.changeDateSelect = selection
|
|
|
},
|
|
|
- getSeachData() {
|
|
|
- this.page.currentPage = 1
|
|
|
- this.getIndicatorItemData(this.rowevalradio, 'seach')
|
|
|
- },
|
|
|
- resetSeach() {
|
|
|
- this.page.currentPage = 1
|
|
|
- this.indicItem = ''
|
|
|
- this.getIndicatorItemData(this.rowevalradio)
|
|
|
- },
|
|
|
handleSizeChange(val){
|
|
|
this.page.pagesize = val
|
|
|
},
|
|
@@ -283,40 +277,6 @@ export default {
|
|
|
}
|
|
|
.indicatorItemBtn{
|
|
|
padding: 10px 20px 0 20px;
|
|
|
- .collectSeach{
|
|
|
- display: flex;
|
|
|
- margin: 20px 20px 10px;
|
|
|
- .exceed{
|
|
|
- display: flex;
|
|
|
- .indicatorSpan{
|
|
|
- margin-top: 3px;
|
|
|
- width: 80px;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- .el-input{
|
|
|
- margin-right:10px;
|
|
|
- .el-input__inner{
|
|
|
- height:30px;
|
|
|
- }
|
|
|
- .el-input__suffix{
|
|
|
- .el-select__caret{
|
|
|
- line-height:30px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .el-select{
|
|
|
- margin-right:10px;
|
|
|
- .el-input__inner{
|
|
|
- height:30px;
|
|
|
- }
|
|
|
- .el-input__suffix{
|
|
|
- .el-select__caret{
|
|
|
- line-height:30px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
span{
|
|
|
font-size:14px;
|
|
|
}
|
|
@@ -333,21 +293,64 @@ export default {
|
|
|
}
|
|
|
.indicatorItemTableData{
|
|
|
padding: 10px 20px;
|
|
|
- .el-table{
|
|
|
- .el-table__body-wrapper{
|
|
|
- height: 55vh !important;
|
|
|
- }
|
|
|
- .el-input__inner{
|
|
|
- height: 30px !important;
|
|
|
- }
|
|
|
- .el-radio__label{
|
|
|
- display: none;
|
|
|
+ height: 55vh !important;
|
|
|
+ .datasMsg{
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .el-pagination{
|
|
|
- margin-top: 20px;
|
|
|
- text-align: end;
|
|
|
- position: relative;
|
|
|
+ .emptyData{
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ // border: 1px solid #d9d9d9;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 50px;
|
|
|
}
|
|
|
}
|
|
|
.onlyDialog{
|