SZYGM1.0/src/views/BasicsData/specialCargoMaintenance/index.vue

<template>
  <div class="airportInfo">
    <div class="wrap">
      <Minheader :is-auth="true" :is-statuser="true" @addForm="addForm">
        <template #header>
          <div class="status flex-wrap">
            <div class="manageTitle">特殊货物类型维护</div>
          </div>
        </template></Minheader
      >
      <DataTable @editDialog="editDialog" @eleDialog="eleDialog" />
      <Dialog
        :flag="flag"
        :type="type"
        :msgTitle="msgTitle"
        @resetForm="resetForm"
        @delRest="delRest"
      >
        <div class="diacont">
          <el-form :model="tableForm">
            <el-row :gutter="24">
              <el-col>
                <el-form-item label="类型名称">
                  <el-input
                    v-model="tableForm.name"
                    placeholder="请输入类型名称"
                  />
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="类型编码">
                  <el-input
                    v-model="tableForm.china"
                    placeholder="请输入类型编码"
                  />
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="描述">
                  <el-input
                    type="textarea"
                    v-model="tableForm.text"
                    placeholder="请输入描述"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </Dialog>
    </div>
  </div>
</template>
<script setup lang="ts">
import DataTable from "@/views/table/index.vue";
import Minheader from "@/components/minheader/index.vue";
import Dialog from "@/components/dialog/index.vue";
const flag = ref<Boolean>(false); //弹窗开关
const type = ref<String>(""); //判断是否删除
const msgTitle = ref<String>("新增特殊货物类型维护"); //弹窗标题
const tableColsCopys = reactive<Object>({}); //弹窗
const tableForm = reactive<Object>({
  name: "",
  china: "",
  englin: "",
  two: "",
  three: "",
  text: "",
}); //弹窗内容
//新增
const addForm = () => {
  msgTitle.value = "新增特殊货物类型维护";
  flag.value = true;
  type.value = "";
};
//取消
const resetForm = () => {
  flag.value = false;
};
//编辑
const editDialog = () => {
  msgTitle.value = "编辑特殊货物类型维护";
  flag.value = true;
  type.value = "";
};
//删除
const eleDialog = () => {
  msgTitle.value = "删除特殊货物类型维护";
  flag.value = true;
  type.value = "del";
};
//删除
const delRest = () => {
  flag.value = false;
};
</script>
<style lang="scss" scoped>
::v-deep .el-form-item__label {
  width: 80px;
}
</style>