shj
2022-08-03 96103611f97b412453ecf0948792987956e4f29f
src/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/openAdd.vue
@@ -30,7 +30,11 @@
            <el-form-item label="主办部门"  placeholder="请选择" prop="departmentId">
              <el-tree-select
                  v-model="ruleForm.departmentId"
                  :data="data" class="w100"
                  :data="data"
                  check-strictly
                  class="w100"
                  :props="propse"
                  clearable
                  placeholder="请选择"/>
            </el-form-item>
          </el-col>
@@ -89,7 +93,11 @@
            <el-form-item label="制定部门" prop="makingDepartmentId">
              <el-tree-select
                  v-model="ruleForm.makingDepartmentId"
                  :data="data" class="w100"
                  check-strictly
                  :data="data"
                  class="w100"
                  :props="propse"
                  clearable
                  placeholder="请选择"/>
            </el-form-item>
          </el-col>
@@ -178,7 +186,7 @@
            </span>
      </template>
    </el-dialog>
    <RegionsDialog ref="Shows"/>
    <RegionsDialog ref="Shows" @SearchUser="onUser"/>
    <UserCheckbox ref="userRef"/>
  </div>
</template>
@@ -187,7 +195,8 @@
import {
  // reactive,
  ref,
  defineComponent
  defineComponent,
  onMounted,
} from 'vue';
import type {
@@ -201,7 +210,8 @@
} from '@element-plus/icons-vue'
import UserCheckbox from "/@/components/userCheckbox/index.vue"
import RegionsDialog from "/@/views/contingencyManagement/emergencyDrill/releaseOfDrillPlan/component/regionsDialog.vue"
import {releaseDrillPlanApi} from "/@/api/releaseDrillPlan";
import {releaseDrillPlanApi} from "/@/api/emergencyDrillPlan";
import {goalManagementApi} from "/@/api/goalManagement";
export default defineComponent({
  name: 'openAdd',
@@ -339,54 +349,29 @@
        ],
      },
    ]
    //部门树
    const department = () => {
      goalManagementApi()
          .getTreedepartment()
          .then((res) => {
            if (res.data.code == 200) {
              data.value = res.data.data;
            } else {
              ElMessage.error(res.data.msg);
            }
          });
    };
    //定义树形下拉框
    const responsibleDepartment = ref()
    const data = [
      {
        value: '1',
        label: '广汇能源综合物流发展有限责任公司',
        children: [
          {
            value: '11',
            label: '经营班子',
            children: [],
          },
        ],
      },
      {
        value: '12',
        label: '生产运行部',
        children: [
          {
            value: '21',
            label: '灌装一班',
            children: []
          },
          {
            value: '22',
            label: '工艺四班',
            children: [],
          },
        ],
      },
      {
        value: '3',
        label: '设备部',
        children: [
          {
            value: '31',
            label: '仪表班',
            children: [],
          },
          {
            value: '32',
            label: '机修班',
            children: [],
          },
        ],
      },
    ]
    const data = ref()
    const propse = {
      label: 'depName',
      children: 'children',
      value: 'depId',
    };
    onMounted(() => {
      department();
    });
    // 表单提交验证必填项
    const submitForm = async (title: string, formEl: FormInstance | undefined) => {
      if (title == '新建应急演练计划发布') {
@@ -490,9 +475,12 @@
    };
    // 应急队伍弹窗
    const Shows=ref()
    const daiInpt=()=>{
    const daiInpt = () => {
      Shows.value.openDailog()
    }
    const onUser = (e:any) => {
      ruleForm.value.planId=e.id
    };
    // 打开用户选择弹窗
    const userRef = ref();
    const openUser = () => {
@@ -515,6 +503,8 @@
      fileList,
      responsibleDepartment,
      data,
      department,
      propse,
      Search,
      ruleForm,
      value1,
@@ -534,6 +524,7 @@
      disabled,
      resetForm,
      emit,
      onUser,
    };
  },
});