From db75c6a59acad51cb17577c522e6a4debf72b3b6 Mon Sep 17 00:00:00 2001
From: 13937891274 <kxc0822>
Date: 星期二, 02 八月 2022 17:54:30 +0800
Subject: [PATCH] 数据对接
---
src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue | 181 ++++++++++++++------------------------------
1 files changed, 59 insertions(+), 122 deletions(-)
diff --git a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue
index 3a97494..aa00d4b 100644
--- a/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue
+++ b/src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openAdd.vue
@@ -48,7 +48,16 @@
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="负责部门" prop="departmentId">
- <el-tree-select v-model="ruleForm.departmentId" :data="data" class="w100" placeholder="请选择" />
+ <el-tree-select
+ v-model="ruleForm.departmentId"
+ check-strictly
+ :data="data"
+ :props="propse"
+ class="w100"
+ clearable
+ :render-after-expand="false"
+ placeholder="请选择"
+ />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -120,7 +129,7 @@
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="使用说明">
- <el-input v-model="ruleForm.useExplain" placeholder="请填写使用说明"></el-input>
+ <el-input v-model="ruleForm.useExplain" type="textarea" placeholder="请填写使用说明"></el-input>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
@@ -180,7 +189,7 @@
</template>
<script lang="ts">
-import { reactive, ref, defineComponent } from 'vue';
+import { reactive, ref, defineComponent,onMounted, } from 'vue';
import type { FormInstance, FormRules } from 'element-plus';
import { ElMessage } from 'element-plus';
@@ -190,6 +199,7 @@
import PersonInCharge from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue';
import RegionsCheckbox from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue';
import {emergencySuppliesApi} from "/@/api/emergencyResources";
+import {goalManagementApi} from "/@/api/goalManagement";
export default defineComponent({
name: 'openAdd',
@@ -244,125 +254,29 @@
};
//日期选择器
const value1 = ref('');
- // 可选择树
- const treeSelect = ref();
- const tree = [
- {
- value: '1',
- label: 'Level one 1',
- children: [
- {
- value: '11',
- label: 'Level two 1-1',
- children: [
- {
- value: '111',
- label: 'Level three 1-1-1',
- },
- ],
- },
- ],
- },
- {
- value: '2',
- label: 'Level one 2',
- children: [
- {
- value: '21',
- label: 'Level two 2-1',
- children: [
- {
- value: '211',
- label: 'Level three 2-1-1',
- },
- ],
- },
- {
- value: '22',
- label: 'Level two 2-2',
- children: [
- {
- value: '221',
- label: 'Level three 2-2-1',
- },
- ],
- },
- ],
- },
- {
- value: '3',
- label: 'Level one 3',
- children: [
- {
- value: '31',
- label: 'Level two 3-1',
- children: [
- {
- value: '311',
- label: 'Level three 3-1-1',
- },
- ],
- },
- {
- value: '32',
- label: 'Level two 3-2',
- children: [
- {
- value: '321',
- label: 'Level three 3-2-1',
- },
- ],
- },
- ],
- },
- ];
+ //部门树
+ 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: '2',
- 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 rules = reactive<FormRules>({
name: [
@@ -580,6 +494,28 @@
const openUser = () => {
userRef.value.openDialog();
};
+ const dataList = [
+ {
+ maintainResult: '',
+ suppliesId: 'Tom',
+ maintainTime: '2016-05-02',
+ },
+ {
+ maintainResult: '',
+ suppliesId: 'Tom',
+ maintainTime: '2016-05-02',
+ },
+ {
+ maintainResult: '',
+ suppliesId: 'Tom',
+ maintainTime: '2016-05-02',
+ },
+ {
+ maintainResult: '',
+ suppliesId: 'Tom',
+ maintainTime: '2016-05-02',
+ },
+ ]
//全屏
const full = ref(false);
const toggleFullscreen = () => {
@@ -594,11 +530,11 @@
isShowDialog,
responsibleDepartment,
data,
+ propse,
+ department,
Search,
ruleForm,
value1,
- treeSelect,
- tree,
daiInpt,
Shows,
ruleFormRef,
@@ -615,6 +551,7 @@
titles,
disabled,
emit,
+ dataList,
};
},
});
--
Gitblit v1.9.2