|
@@ -60,7 +60,7 @@
|
|
|
<el-input v-model="compNameSa" placeholder="请输入单位名称" @keyup.enter="getTableData(isClickTagId)"></el-input>
|
|
|
<!-- <el-icon :size="20" color="#3B7AD1" @click="getTableData(isClickTagId)"><Search /></el-icon> -->
|
|
|
</div>
|
|
|
- <div class="tableBtn add" @click="addTableDetail"
|
|
|
+ <!-- <div class="tableBtn add" @click="addTableDetail"
|
|
|
v-if="(activeName === 'ZDZX' || activeName === 'GLSX') && indicatorList.length > 0 && receiptMsg.stage === '流程未启动'">
|
|
|
<img :src="addIcon" alt="">
|
|
|
<span>新增</span>
|
|
@@ -69,8 +69,9 @@
|
|
|
v-if="(activeName === 'ZDZX' || activeName === 'GLSX') && indicatorList.length > 0 && receiptMsg.stage === '流程未启动'">
|
|
|
<img :src="saveIcon" alt="">
|
|
|
<span>保存</span>
|
|
|
- </div>
|
|
|
- <div class="tableBtn save" @click="saveDetail" v-if="activeName !== 'ZDZX' && activeName !== 'GLSX' && receiptMsg.stage === '流程未启动'">
|
|
|
+ </div> -->
|
|
|
+ <!-- activeName !== 'ZDZX' && activeName !== 'GLSX' && -->
|
|
|
+ <div class="tableBtn save" @click="saveDetail" v-if="receiptMsg.stage === '流程未启动'">
|
|
|
<img :src="saveIcon" alt="">
|
|
|
<span>保存</span>
|
|
|
</div>
|
|
@@ -84,7 +85,47 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-table :data="monthQuarterYearData" style="width: 100%" ref="monthQuarterYearTT"
|
|
|
+ v-if="activeName === 'ZDZX' || activeName === 'GLSX'"
|
|
|
+ :row-class-name="tableRowClassName" :border="true" >
|
|
|
+ <el-table-column type="index" label="排名" align="center"></el-table-column>
|
|
|
+ <el-table-column label="考评单位" prop="organizationShortName" width="300">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-select v-model="scope.row.organizationShortName" placeholder="请选择审核状态">
|
|
|
+ <el-option
|
|
|
+ v-for="item in organizationData"
|
|
|
+ :key="item.organizationId"
|
|
|
+ :label="item.organizationShortName"
|
|
|
+ :value="item.organizationId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column v-for="(it, index) in monthQuarterYearHeader" :key="index"
|
|
|
+ :label="it.name" align="center">
|
|
|
+ <el-table-column v-for="(iv, index) in it.children" :key="index" :label="iv.key"
|
|
|
+ align="center" width="150" sortable :sort-method="(a,b)=>sortMethods(a,b,iv.code)">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-select v-model="scope.row[iv.code]" class="selectSty" placeholder="请选择审核状态" v-if="scope.row['IS_LH_'+iv.code] === '3'">
|
|
|
+ <el-option
|
|
|
+ v-for="item in statusData"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <span class="inputSty" v-else>{{scope.row[iv.code]}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="100">
|
|
|
+ <template #default="scope">
|
|
|
+ <span class="indicitem" @click="changeDetail">详情</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
<el-table :data="monthQuarterYearData" style="width: 100%" ref="monthQuarterYearTT"
|
|
|
+ v-else
|
|
|
:row-class-name="tableRowClassName" :border="true" >
|
|
|
<el-table-column type="index" label="排名" align="center"></el-table-column>
|
|
|
<el-table-column label="考评单位" prop="organizationShortName" width="300">
|
|
@@ -99,7 +140,8 @@
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column v-for="(it, index) in monthQuarterYearHeader" :key="index" :label="it.name" align="center">
|
|
|
+ <el-table-column v-for="(it, index) in monthQuarterYearHeader" :key="index"
|
|
|
+ :label="it.name" align="center">
|
|
|
<el-table-column v-for="(iv, index) in it.children" :key="index" :label="iv.key"
|
|
|
align="center" width="150" sortable :sort-method="(a,b)=>sortMethods(a,b,iv.code)">
|
|
|
<template #default="scope">
|
|
@@ -135,6 +177,32 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog title="详情填报" v-model="detailVisible" :fullscreen="true" :close-on-click-modal="false">
|
|
|
+ <div class="detailSeach">
|
|
|
+ <div class="tableBtn add" @click="addTableDetail">
|
|
|
+ <img :src="addIcon" alt="">
|
|
|
+ <span>新增</span>
|
|
|
+ </div>
|
|
|
+ <div class="tableBtn save" @click="saveAddDetail">
|
|
|
+ <img :src="saveIcon" alt="">
|
|
|
+ <span>保存</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-table :data="monthQuarterYearDetailData" style="width: 100%" ref="monthQuarterYearTT"
|
|
|
+ :row-class-name="tableRowClassName" :border="true" >
|
|
|
+ <el-table-column type="index" label="序号" align="center"></el-table-column>
|
|
|
+ <el-table-column label="部门名称" prop="deptName" align="center" width="200"></el-table-column>
|
|
|
+ <el-table-column v-for="(it, index) in monthQuarterYearHeader" :key="index"
|
|
|
+ :label="it.name" align="center">
|
|
|
+ <el-table-column v-for="(iv, index) in it.children" :key="index" :label="iv.key" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-input v-model="scope.row[iv.code]" class="inputSty" v-if="scope.row['IS_LH_'+iv.code] === '2'"></el-input>
|
|
|
+ <el-input-number v-model="scope.row[iv.code]" class="numberSty" :precision="2" :step="0.1" v-else-if="scope.row['IS_LH_'+iv.code] === '1'" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
<import-dailog ref="importPage" @successImport="successImport"></import-dailog>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -163,8 +231,10 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
dialogVisible: false,
|
|
|
+ detailVisible: false,
|
|
|
activeName: '',
|
|
|
monthQuarterYearData: [],
|
|
|
+ monthQuarterYearDetailData: [],
|
|
|
monthQuarterYearHeader: [],
|
|
|
indicatorList: [],
|
|
|
isClickTagId: '',
|
|
@@ -402,7 +472,8 @@ export default {
|
|
|
obj[it.code] = ''
|
|
|
obj['IS_LH_'+it.code] = it.flag
|
|
|
})
|
|
|
- this.monthQuarterYearData.unshift(obj)
|
|
|
+ // this.monthQuarterYearData.unshift(obj)
|
|
|
+ this.monthQuarterYearDetailData.unshift(obj)
|
|
|
}
|
|
|
console.log('表格数据====>>>>>>>', this.monthQuarterYearData)
|
|
|
},
|
|
@@ -499,6 +570,9 @@ export default {
|
|
|
console.error(r)
|
|
|
})
|
|
|
},
|
|
|
+ changeDetail() {
|
|
|
+ this.detailVisible = true
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -677,6 +751,15 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.el-table {
|
|
|
+ .indicitem{
|
|
|
+ color: #409EFF;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-right: 20px;
|
|
|
+ cursor:pointer;
|
|
|
+ &:hover{
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ }
|
|
|
.el-table__header-wrapper{
|
|
|
.el-table__header{
|
|
|
.el-table__cell {
|
|
@@ -777,6 +860,41 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .detailSeach{
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ margin: 15px 0;
|
|
|
+ .tableBtn {
|
|
|
+ display: flex;
|
|
|
+ height: 20px;
|
|
|
+ margin: 5px 8px 0 8px;
|
|
|
+ // width: 20%;
|
|
|
+ width: fit-content;
|
|
|
+ img{
|
|
|
+ margin-right: 5px;
|
|
|
+ margin-top: 1px;
|
|
|
+ }
|
|
|
+ span{
|
|
|
+ display: inline-block;
|
|
|
+ width: 35px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .add{
|
|
|
+ cursor: pointer;
|
|
|
+ span{
|
|
|
+ color: #3B7AD1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .save{
|
|
|
+ cursor: pointer;
|
|
|
+ span{
|
|
|
+ color: #50C14E;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.el-dialog__footer{
|
|
|
.dialog-footer{
|