无诈代码优化

linwe

2024-07-09 7b7ebd1b9cb1f582b78981485780cad7d957f3f0

 src/components/Approval/Approval.vue

@@ -19,17 +19,23 @@
        </template> -->
        <template slot-scope="{ type, size, row }" slot="menu">
          <el-button icon="icon-zhengjian" :size="size" :type="type" class="zhengJian-icon"
            @click.stop="handleCredentials(row)">查看</el-button>
            @click.stop="handleCredentials(row,true)">查看</el-button>

          <el-button icon="icon-zhengjian" :size="size" :type="type" class="zhengJian-icon"
            @click.stop="handleCredentials(row,false)">重新提交</el-button>
        </template>
      </avue-crud>
    </basic-container>

    <div class="seeOnces" v-if="openOnceShow">
      <i class="el-icon-close openOnceCLoce" style="color: #000 !important" @click="openClose">
      </i>
      <div class="seeOncesMain">
        <cardPopuponce class="openOnce" :paredData="paredData"></cardPopuponce>
        <cardPopuponce class="openOnce" @child-event="parentMethod" :paredData="paredData" :status="status">
        </cardPopuponce>
      </div>
    </div>

  </div>
</template>

@@ -67,6 +73,7 @@
    },
    data() {
      return {
        status: false,
        useWhere: "",
        paredData: "",
        openOnceShow: false,
@@ -89,7 +96,7 @@
          searchShow: false,
          // searchMenuSpan: 8,
          labelWidth: 130,
          menuWidth: 100,
          menuWidth: 160,
          headerAlign: "center",
          align: "center",
          border: true,
@@ -232,11 +239,20 @@
                },
              ],
            },
            {
              label: "审核结果",
              prop: "remark",
            },
          ],
        },
      };
    },
    methods: {

      parentMethod() {
        console.log("*************123456******************")
        this.openOnceShow = false
      },
      refreshChange() {
        this.onLoad(this.page);
      },
@@ -248,13 +264,15 @@
        }
        done();
      },
      handleCredentials(val) {
      handleCredentials(val, status) {
        this.openOnceShow = true;
        this.paredData = val;
        this.status = status
        console.log(val);
      },
      openClose() {
        this.paredData = "";
        this.status = false
        this.openOnceShow = false;
      },
      onLoad(page, params = {}) {
@@ -312,4 +330,4 @@
  .openOnceCLoce:hover {
    color: red;
  }
</style>
</style>