web_dist/src/views/dictionary/orderZdMaintain/compoents/order-frequency/index.vue

<script setup lang="ts">
import { selectOrderFrequency } from "@/api/orderZdMaintain";
import { useDialog } from "@/components/cy/CyDialog/index";
import EditorDialog from "./EditorDialog.vue";

const store = reactive({
  data: [],
  search: "",
});

function handleSelectOrderFrequency() {
  selectOrderFrequency().then(res => {
    store.data = res;
    console.log(res);
  });
}

const tmpData = computed(() => {
  return store.data;
});

function changeDelFlag(val, row) {
  if (val) {
    row.delFlag = "1";
  } else {
    row.delFlag = "0";
  }
}

function handleEdit(row) {
  useDialog(EditorDialog, {
    dialogProps: {
      fullscreen: true,
      title: "频率",
    },
    params: {
      info: row,
    },
  });
}

onMounted(() => {
  handleSelectOrderFrequency();
});
</script>

<template>
  <div class="layout_container">
    <header>
      <el-input v-model="store.search" clearable style="width: 220px" />
      <el-button @click="handleSelectOrderFrequency">查询</el-button>
    </header>
    <div class="layout_main">
      <vxe-table
        keep-source
        height="100%"
        :data="store.data"
        :edit-config="{ mode: 'row', trigger: 'manual', autoClear: false }"
      >
        <vxe-column field="delFlag" title="停用">
          <template #default="{ row }">
            <el-checkbox
              :model-value="row.delFlag == '1'"
              @update:modelValue="val => changeDelFlag(val, row)"
            />
          </template>
        </vxe-column>
        <vxe-column field="code" title="编码"></vxe-column>
        <vxe-column field="comm" title="名称"></vxe-column>
        <vxe-column title="操作">
          <template #default="{ row }">
            <el-button @click="handleEdit(row)">编辑</el-button>
          </template>
        </vxe-column>
      </vxe-table>
    </div>
  </div>
</template>

<style lang="scss"></style>