13937891274
2022-08-09 8e4c4a93a2c55f45a2ef3a907f60b7f8f1d5a601
src/components/checkTemplate/index.vue
@@ -1,5 +1,5 @@
<template>
  <el-dialog v-model="dialogVisible" title="选择检查模板" width="900px" draggable :fullscreen="full">
  <el-dialog v-model="dialogVisible" title="选择应急队伍" width="900px" draggable :fullscreen="full">
    <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
    <el-row>
      <el-col :span="18">
@@ -7,7 +7,7 @@
          <el-col :span="24">
            <el-form ref="ruleFormRef" :inline="true" status-icon>
              <el-form-item>
                <el-input size="default" v-model="listQuery.searchParams.authorUid" placeholder="id"  style="max-width: 215px;"/>
                <el-input size="default" v-model="listQuery.searchParams.id" placeholder="id"  style="max-width: 215px;"/>
              </el-form-item>
              <el-form-item>
                <el-input size="default" v-model="listQuery.searchParams.teamName" placeholder="队伍名称"  style="max-width: 215px;padding: 0 12px;"/>
@@ -26,17 +26,17 @@
            :data="tableData"
            ref="multipleTableRef"
            style="width: 100%;margin-top:20px"
            @cell-click="radio"
            @selection-change="handleSelectionChange"
        >
          <el-table-column width="55">
            <template #default="scope">
          <el-table-column type="selection" width="55" v-if="types==0">
            <template #default="scope" v-if="types!=0">
              <el-radio-group v-model="radio1">
                <el-radio :label="scope.row" size="large">{{ null }}</el-radio>
                <el-radio :label="scope.row.id" @click="radio(scope.row)" size="large">{{ null }}</el-radio>
              </el-radio-group>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="date" label="id" />
          <el-table-column align="center" prop="name" label="队伍名称"/>
          <el-table-column align="center" prop="id" label="id" />
          <el-table-column align="center" prop="teamName" label="队伍名称"/>
        </el-table>
        <div class="pages">
          <el-pagination
@@ -61,7 +61,7 @@
              :disable-transitions="false"
              @close="handleClose(tag)"
          >
            {{ tag.name }}
            {{ tag.teamName }}
          </el-tag>
        </div>
      </el-col>
@@ -88,14 +88,16 @@
import {
  ElMessage,
} from 'element-plus';
import {contingencyApi} from "/@/api/contingency";
import {contingencyApi} from "/@/api/contingencyManagement/contingency";
export default defineComponent({
  setup(props, { emit }) {
    const types=ref()
    const dialogVisible = ref<boolean>(false);
    const openDailog = () => {
    const openDailog = (type:any) => {
      types.value=type
      dialogVisible.value = true;
      onSubmit();
      // onSubmit();
    };
    // 搜索条件
    const listQuery = reactive({
@@ -103,7 +105,7 @@
      pageSize: 10,
      searchParams: {
        teamName: "",
        teamType: "",
        id: "",
      }
    });
    // 列表数据请求
@@ -123,14 +125,21 @@
      }
    }
    const submitForm = () => {
      let obj = JSON.parse(JSON.stringify(dynamicTags.value));
      emit('SearchUser', obj[0]);
      if(types.value==0){
        emit('SearchUser',dynamicTags.value,types.value);
      }
      else {
        emit('SearchUser',dynamicTags.value[0],types.value);
      }
      dialogVisible.value = false;
    };
    const handleSelectionChange = (val:any) => {
      dynamicTags.value=val
    }
    // 重置
    const submitReset = () => {
      listQuery.searchParams.teamName = '';
      listQuery.searchParams.teamType = '';
      listQuery.searchParams.id = '';
      radio1.value=""
      dynamicTags.value[0]=""
      onSubmit();
@@ -157,6 +166,7 @@
    };
    const radio1 = ref('');
    const radio = (event: any) => {
      console.log(event)
      dynamicTags.value[0] = event;
    };
    onMounted(() => {
@@ -192,7 +202,8 @@
      radio,
      radio1,
      submitForm,
      types,
      handleSelectionChange,
    };
  },
});