json转换取消

zhaojiale

2022-09-08 1be21989c76f0eb9a43b9ebcab322d7171dbccd6

 src/views/goalManagement/targetDecompositionMonth/index.vue

@@ -23,8 +23,9 @@
      <div class="minCenter">
         <div class="btns">
            <div>
               <el-button size="default" type="primary" :icon="Plus" @click="openD('新建')">新建</el-button>
               <el-button size="default" type="warning" :disabled="warning" :icon="EditPen" plain>修改</el-button>
               <!--<el-button size="default" type="primary" :icon="Plus" @click="openD('新建')">新建</el-button>-->
                <el-button size="default" type="warning" :disabled="warning" :icon="EditPen" plain
                        @click="openD('修改', deletAll[0])">修改</el-button>
               <el-button size="default" type="danger" :disabled="danger" :icon="Delete" plain @click="onDeleteAll">删除</el-button>
            </div>
         </div>
@@ -32,16 +33,16 @@
            <el-table-column label="序号" align="center" type="index" width="70" />
            <el-table-column type="selection" align="center" width="55" />
            <el-table-column type="expand">
               <template #default>
               <template #default="scope">
                  <div class="tableC">
                     <el-tabs v-model="activeNames">
                        <el-tab-pane label="目标指标分解" name="1">
                           <el-table :data="targetDivideDetailList" style="width: 100%">
                              <el-table-column align="center" prop="dutyDepartmentId" label="责任部门" />
                           <el-table :data="scope.row.targetDivideDetailList" style="width: 100%">
                              <el-table-column align="center" prop="dutyDepartmentName" label="责任部门" />
                              <el-table-column align="center" prop="value" label="考核指标" />
                              <el-table-column align="center" prop="makerDepartmentId" label="制定人部门" />
                              <el-table-column align="center" prop="makeDate" label="制定日期" />
                              <el-table-column align="center" prop="commitPersonId" label="上报人" />
                              <el-table-column align="center" prop="makerDepartmentName" label="制定人部门" />
                              <el-table-column align="center" prop="makeDate" :formatter="timeDate" label="制定日期" />
                              <el-table-column align="center" prop="commitPersonName" label="上报人" />
                           </el-table>
                        </el-tab-pane>
                     </el-tabs>
@@ -66,16 +67,17 @@
               v-model:page-size="pageSize4"
               :page-sizes="[10, 20, 30, 40]"
               layout="total, sizes, prev, pager, next, jumper"
               :total="400"
               :total="total"
               @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
            />
         </div>
      </div>
      <Dailog ref="Show"></Dailog>
      <Dailog ref="Show" @addList="add"></Dailog>
   </div>
</template>
<script lang="ts">
import { timeDate } from '/@/assets/index.ts';
import search from '../targetSettings/component/search.vue';
import Dailog from '../targetDecompositionYear/component/Dailog.vue';
import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue';
@@ -105,6 +107,7 @@
      const resetForm = () => {
         ruleForm.searchParams.qName = '';
         ruleForm.searchParams.indexNum = '';
         listApi()
      };
      const listApi = () => {
         goalManagementApi()
@@ -142,6 +145,8 @@
      };
      // 删除
      const onDelete = (id: number) => {
         let arr=[]
         arr.push(id)
         ElMessageBox.confirm('确定删除所选项吗?', 'Warning', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
@@ -149,7 +154,7 @@
         })
            .then(() => {
               goalManagementApi()
                  .getTargetMngDelete(id)
                  .getTargetMngDelete(arr)
                  .then((res) => {
                     if (res.data.code == 200) {
                        ElMessage({
@@ -179,7 +184,7 @@
         for (let i = 0; i < valId.length; i++) {
            arr.push(valId[i].id);
         }
         deletAll.value = arr.toString();
         deletAll.value = arr
         if (val.length == 1) {
            warning.value = false;
            danger.value = false;
@@ -219,7 +224,12 @@
               });
            });
      };
         const add=()=>{
         listApi()
      }
      return {
         timeDate,
         add,
         listApi,
         resetForm,
         tableData,