目标

shj

2022-06-30 b450d40cf5dd90d7061b6e684aa63d294e5d51b4

目标

 package-lock.json

文件太大

 src/components/DailogSearch/DailogSearch.vue

对比新文件
@@ -0,0 +1,117 @@
<template>
    <el-dialog v-model="dialogVisible" title="选择安全目标指标" width="50%" draggable>
        <el-row>
            <el-col :span="20">
        <el-form ref="ruleFormRef" :model="ruleForm" status-icon>
            <el-row>
                <el-col :span="6">
                    <el-form-item>
                        <el-input v-model="ruleForm.pass" placeholder="安全目标指标" />
                    </el-form-item>
                </el-col>
                <el-col :span="6" :offset="1">
                    <el-form-item>
                        <el-input v-model="ruleForm.checkPass" placeholder="目标指标编号" />
                    </el-form-item>
                </el-col>
                <el-col :span="6" :offset="1">
                    <el-form-item>
                        <el-button type="primary" @click="submitForm(ruleFormRef)">查询</el-button>
                        <el-button @click="resetForm(ruleFormRef)">重置</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <el-button size="default" :icon="Delete">清除选择</el-button>
        <el-table :data="tableData" style="width: 100%;margin-top:20px">
            <el-table-column align="center" prop="date" label="安全目标指标" width="180" />
            <el-table-column align="center" prop="name" label="目标指标编号" width="180" />
            <el-table-column align="center" prop="address" label="年度" />
            <el-table-column align="center" prop="address" label="指标值" />
        </el-table>
        <el-pagination
            style="padding:20px 0;border-bottom:1px solid #dedede"
            v-model:currentPage="currentPage4"
            v-model:page-size="pageSize4"
            :page-sizes="[100, 200, 300, 400]"
            :small="small"
            :disabled="disabled"
            :background="background"
            layout="total, sizes, prev, pager, next, jumper"
            :total="400"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
        />
        </el-col>
        <el-col :span="4"></el-col>
        </el-row>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="dialogVisible = false" size="default">关闭</el-button>
                <el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button>
            </span>
        </template>
    </el-dialog>
</template>
<script lang="ts">
import { defineComponent, reactive, ref } from 'vue';
import { Delete } from '@element-plus/icons-vue';
export default defineComponent({
    setup() {
        const dialogVisible = ref<boolean>(false);
        const openDailog = () => {
            dialogVisible.value = true;
        };
        // 搜索条件
        const ruleForm = reactive({
            pass: '',
            checkPass: '',
        });
        // 表格
        const tableData = [
            {
                date: '2016-05-03',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-02',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-04',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-01',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
        ];
        const pageSize4 = ref(100);
        const handleSizeChange = (val: number) => {
            console.log(`${val} items per page`);
        };
        const handleCurrentChange = (val: number) => {
            console.log(`current page: ${val}`);
        };
        return {
            dialogVisible,
            openDailog,
            ruleForm,
            tableData,
            pageSize4,
            handleSizeChange,
            handleCurrentChange,
            Delete,
        };
    },
});
</script>
<style scoped>
.el-row {
    padding: 0 0 20px 0;
}
</style>

 src/components/DailogSearchUser/index.vue

对比新文件
@@ -0,0 +1,218 @@
<template>
    <el-dialog v-model="dialogVisible" title="用户选择" width="60%" draggable>
        <el-row>
            <el-col :span="6">
                <div class="userTree">
                    <el-input v-model="names" placeholder="请输入组织机构过滤"></el-input>
                    <div class="tree">
                        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
                    </div>
                </div>
            </el-col>
            <el-col :span="14">
                <el-form ref="ruleFormRef" :model="ruleForm" status-icon>
                    <el-row>
                        <el-col :span="10" :offset="1">
                            <el-form-item>
                                <el-input v-model="ruleForm.pass" placeholder="登录名" />
                            </el-form-item>
                        </el-col>
                        <el-col :span="8" :offset="1">
                            <el-form-item>
                                <el-button type="primary" @click="submitForm(ruleFormRef)">查询</el-button>
                                <el-button @click="resetForm(ruleFormRef)">重置</el-button>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
                <el-table :data="tableData" style="width: 100%; margin-top: 20px">
                    <el-table-column align="center" width="50px">
                        <template #default>
                            <el-radio-group v-model="radio1" class="ml-4">
                                <el-radio label="1" size="large"> </el-radio>
                            </el-radio-group>
                        </template>
                    </el-table-column>
                    <el-table-column align="center" prop="date" label="安全目标指标" />
                    <el-table-column align="center" prop="name" label="目标指标编号" />
                    <el-table-column align="center" prop="address" label="年度" />
                    <el-table-column align="center" prop="address" label="指标值" />
                </el-table>
                <el-pagination
                    style="padding: 20px 0; border-bottom: 1px solid #dedede"
                    v-model:currentPage="currentPage4"
                    v-model:page-size="pageSize4"
                    :page-sizes="[100, 200, 300, 400]"
                    :small="small"
                    :disabled="disabled"
                    :background="background"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="400"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                />
            </el-col>
            <el-col :span="4">
                <el-tag v-for="tag in dynamicTags" :key="tag" class="mx-1" style="margin:5px" closable :disable-transitions="false" @close="handleClose(tag)">
                    {{ tag }}
                </el-tag>
            </el-col>
        </el-row>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="dialogVisible = false" size="default">关闭</el-button>
                <el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button>
            </span>
        </template>
    </el-dialog>
</template>
<script lang="ts">
import { defineComponent, ref, reactive } from 'vue';
interface Tree {
    label: string;
    children?: Tree[];
}
export default defineComponent({
    setup() {
        //左边树形部分
        const names = ref<any>();
        const handleNodeClick = (data: Tree) => {
            console.log(data);
        };

        const data: Tree[] = [
            {
                label: 'Level one 1',
                children: [
                    {
                        label: 'Level two 1-1',
                        children: [
                            {
                                label: 'Level three 1-1-1',
                            },
                        ],
                    },
                ],
            },
            {
                label: 'Level one 2',
                children: [
                    {
                        label: 'Level two 2-1',
                        children: [
                            {
                                label: 'Level three 2-1-1',
                            },
                        ],
                    },
                    {
                        label: 'Level two 2-2',
                        children: [
                            {
                                label: 'Level three 2-2-1',
                            },
                        ],
                    },
                ],
            },
            {
                label: 'Level one 3',
                children: [
                    {
                        label: 'Level two 3-1',
                        children: [
                            {
                                label: 'Level three 3-1-1',
                            },
                        ],
                    },
                    {
                        label: 'Level two 3-2',
                        children: [
                            {
                                label: 'Level three 3-2-1',
                            },
                        ],
                    },
                ],
            },
        ];
        //中间表格
        // 搜索条件
        const ruleForm = reactive({
            pass: '',
            checkPass: '',
        });
        // 表格
        const tableData = [
            {
                date: '2016-05-03',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-02',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-04',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-01',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
        ];
        const pageSize4 = ref(100);
        const handleSizeChange = (val: number) => {
            console.log(`${val} items per page`);
        };
        const handleCurrentChange = (val: number) => {
            console.log(`current page: ${val}`);
        };
        const radio1 = ref('1');
        // 右方点击添加后显示标签
        const dynamicTags = ref(['Tag 1', 'Tag 2', 'Tag 3']);
        const handleClose = (tag: string) => {
            dynamicTags.value.splice(dynamicTags.value.indexOf(tag), 1);
        };
        // 开启弹窗
        const dialogVisible = ref(false);
        const openDailog = () => {
            dialogVisible.value = true;
        };
        return {
            dialogVisible,
            names,
            data,
            handleNodeClick,
            openDailog,
            ruleForm,
            tableData,
            pageSize4,
            handleSizeChange,
            handleCurrentChange,
            radio1,
            dynamicTags,
            handleClose
        };
    },
});
</script>
<style scoped>
.userTree {
    border: 1px solid #ebeef5;
}
.userTree .el-input {
    padding: 10px;
    border-bottom: 1px solid #ebeef5;
}
.tree {
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
}
</style>

 src/views/goalManagement/targetDecompositionYear/component/Dailog.vue

对比新文件
@@ -0,0 +1,134 @@
<template>
    <el-dialog v-model="dialogVisible" title="目标分解" width="50%" draggable>
        <el-form :model="form" label-width="120px">
            <el-row>
                <el-col :span="11">
                    <el-form-item label="安全目标指标">
                        <el-input v-model="form.name">
                            <template #append> <el-button :icon="Search" @click="daiInpt" /> </template
                        ></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2">
                    <el-form-item label="目标指标编号">
                        <el-input v-model="form.name" />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="11">
                    <el-form-item label="年度">
                        <el-input v-model="form.name" />
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2">
                    <el-form-item label="指标值">
                        <el-input v-model="form.name" />
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
            <el-tab-pane label="目标指标分解" name="1">
                <el-button type="primary" size="default" @click="daiAdd">新增</el-button>
            </el-tab-pane>
        </el-tabs>
        <el-table :data="tableData" style="width: 100%">
            <el-table-column align="center" prop="date" label="责任部门" width="180" />
            <el-table-column align="center" prop="name" label="考核指标" width="180" />
            <el-table-column align="center" prop="address" label="制定人部门" />
            <el-table-column align="center" prop="address" label="制定日期" />
            <el-table-column align="center" prop="address" label="上报人" />
            <el-table-column align="center" label="操作">
                <template #default>
                    <el-button link type="primary">查看</el-button>
                </template>
            </el-table-column>
        </el-table>
        <template #footer>
            <span class="dialog-footer">
                <el-button @click="dialogVisible = false" size="default">关闭</el-button>
                <el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button>
            </span>
        </template>
    </el-dialog>
 <DailogAdd ref="Show"></DailogAdd>
  <DailogSearch ref="Shows"></DailogSearch>
</template>
<script lang="ts">
import { defineComponent, ref, reactive } from 'vue';
import { Search } from '@element-plus/icons-vue';
import DailogAdd from './DailogAdd.vue'
import DailogSearch from '../../../../components/DailogSearch/DailogSearch.vue'
export default defineComponent({
    components:{DailogAdd,DailogSearch},
    setup() {
        const dialogVisible = ref<boolean>(false);
        const form = reactive({
            name: '',
            region: '',
            date1: '',
            date2: '',
            delivery: false,
            type: [],
            resource: '',
            desc: '',
        });
        const openDailog = (type: string, value: any, projectList: any, projectId: string) => {
            dialogVisible.value = true;
        };
        // 导航
        const activeName = ref('1');
        // 表格
        const tableData = [
            {
                date: '2016-05-03',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-02',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-04',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
            {
                date: '2016-05-01',
                name: 'Tom',
                address: 'No. 189, Grove St, Los Angeles',
            },
        ];
        // 新增弹窗
        const Show=ref()
        const daiAdd=()=>{
            Show.value.openDailog()
        }
        // 安全目标指标弹窗
        const Shows=ref()
        const daiInpt=()=>{
            Shows.value.openDailog()
        }
        return {
            form,
            dialogVisible,
            openDailog,
            activeName,
            tableData,
            Show,
            daiAdd,
            Shows,
            daiInpt,
            Search,
        };
    },
});
</script>
<style scoped>
.el-row {
    padding: 0 0 20px 0;
}
</style>

 src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue

对比新文件
@@ -0,0 +1,97 @@
<template>
    <el-dialog v-model="dialogVisible" title="新建目标指标分解" width="50%" draggable>
        <el-form :model="form" label-width="120px">
            <el-row>
                <el-col :span="11">
                    <el-form-item label="责任部门">
                        <el-select v-model="form.region" style="width: 100%">
                            <el-option label="Zone one" value="shanghai" />
                            <el-option label="Zone two" value="beijing" />
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2">
                    <el-form-item label="考核指标">
                        <el-input v-model="form.name" />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="11">
                    <el-form-item label="制定人部门">
                        <el-select v-model="form.region" style="width: 100%">
                            <el-option label="Zone one" value="shanghai" />
                            <el-option label="Zone two" value="beijing" />
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2">
                    <el-form-item label="制定日期">
                        <el-date-picker v-model="form.date1" type="date"  style="width: 100%" />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="11">
                    <el-form-item label="上报人">
                        <el-input v-model="form.name">
                            <template #append> <el-button :icon="Search" @click="openUser" /> </template
                        ></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="11" :offset="2"> </el-col>
            </el-row>
        </el-form>
        <template #footer>
            <span class="dialog-footer">
                <el-button type="primary" @click="dialogVisible = false" size="default">继续添加</el-button>
                <el-button @click="dialogVisible = false" size="default">关闭</el-button>
                <el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button>
            </span>
        </template>
    </el-dialog>
    <DailogSearchUser ref="Show"></DailogSearchUser>
</template>
<script lang="ts">
import { defineComponent, ref, reactive } from 'vue';
import { Search } from '@element-plus/icons-vue';
import DailogSearchUser from '../../../../components/DailogSearchUser/index.vue'
export default defineComponent({
    components:{DailogSearchUser},
    setup() {
        const form = reactive({
            name: '',
            region: '',
            date1: '',
            date2: '',
            delivery: false,
            type: [],
            resource: '',
            desc: '',
        });
        // 开启弹窗
        const dialogVisible = ref(false);
        const openDailog = () => {
            dialogVisible.value = true;
        };
        // 开启用户弹窗
        const Show=ref()
        const openUser=()=>{
          Show.value.openDailog()
        }
        return {
            form,
            dialogVisible,
            openDailog,
            Show,
            openUser,
            Search,
        };
    },
});
</script>
<style scoped>
.el-row {
    padding: 0 0 20px 0;
}
</style>

 src/views/goalManagement/targetDecompositionYear/index.vue

@@ -3,8 +3,8 @@
        <div class="minCenter">
            <div class="btns">
              <div>
                <el-button type="primary" :icon="Plus" @click="openDai">新建</el-button>
                <el-button type="warning" :icon="EditPen" plain @click="openDai">修改</el-button>
                <el-button type="primary" :icon="Plus" @click="openType">新建</el-button>
                <el-button type="warning" :icon="EditPen" plain >修改</el-button>
                <el-button type="danger" :icon="Delete" plain>删除</el-button>
              </div>
            </div>
@@ -12,7 +12,6 @@
            ref="multipleTableRef"
            :data="tableData"
            style="width: 100%"
            @selection-change="handleSelectionChange"
          >
            <el-table-column
              label="序号"
@@ -76,9 +75,11 @@
            />
          </div>
        </div>
        <Dailog ref="Show"></Dailog>
</template>
<script lang="ts">
import search from '../targetSettings/component/search.vue'
import Dailog from './component/Dailog.vue'
import { ref, toRefs, reactive, onMounted, defineComponent } from "vue";
import {
  ElMessageBox,
@@ -104,7 +105,7 @@
}
import type { TableColumnCtx } from "element-plus/es/components/table/src/table-column/defaults";
export default defineComponent({
  components: { ElButton, ElInput,search},
  components: { ElButton, ElInput,search,Dailog},
  setup() {
  
    
@@ -162,7 +163,11 @@
    const handleCurrentChange = (val: number) => {
      console.log(`current page: ${val}`);
    };
   
    // 打开弹窗
   const Show=ref()
   const openType=()=>{
   Show.value.openDailog()
   }
    return {
      activeName,
      handleClick,
@@ -172,6 +177,8 @@
      pageSize4,
      handleSizeChange,
      handleCurrentChange,
      Show,
      openType,
      Plus,
      Delete,
      Upload,

 src/views/goalManagement/targetSettings/component/dailogAdd.vue

@@ -1,5 +1,5 @@
<template>
  <el-dialog v-model="Shows"  title="新建目标设定" width="50%">
  <el-dialog v-model="Shows"  title="新建目标设定" width="50%" draggable>
    <el-form :model="form" label-width="120px">
      <el-row>
        <el-col :span="11">
@@ -55,8 +55,8 @@
    </el-form>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="Shows = false">关闭</el-button>
        <el-button type="primary" @click="Shows = false"
        <el-button @click="Shows = false" size="default">关闭</el-button>
        <el-button type="primary" @click="Shows = false" size="default"
          >确定</el-button
        >
      </span>
@@ -74,7 +74,6 @@
  FormInstance,
} from "element-plus";
export default defineComponent({
   props: { dialogVisible: Boolean},
  setup(props) {
    let Shows=ref(false)
    const form = reactive({
@@ -87,8 +86,12 @@
      resource: "",
      desc: "",
    })
    // 打开弹窗
        const openDialog = (type:string,value:any,projectList: any,projectId:string) => {
          Shows.value=true
      }
    return {
      props,
      openDialog,
      Shows,
      form,
    };

 src/views/goalManagement/targetSettings/component/updata.vue

@@ -3,7 +3,7 @@
    v-model="dialogVisible"
    title="导入Excel"
    width="50%"
    :before-close="handleClose"
    draggable
  >
    <el-upload
      v-model:file-list="fileList"
@@ -31,9 +31,8 @@
import { ElMessage, ElMessageBox } from "element-plus";
import type { UploadProps, UploadUserFile } from "element-plus";
export default defineComponent({
    props:{updata:Boolean},
  setup(props) {
    let dialogVisible =ref<boolean>(props.updata)
  setup() {
    let dialogVisible =ref<boolean>(false)
    const fileList = ref<UploadUserFile[]>([
      {
        name: "element-plus-logo.svg",
@@ -74,6 +73,10 @@
        () => false
      );
    };
   // 打开弹窗
            const openDialog = (type:string,value:any,projectList: any,projectId:string) => {
        dialogVisible.value=true
      }
    return {
      dialogVisible,
      fileList,
@@ -81,7 +84,7 @@
      handlePreview,
      handleExceed,
      beforeRemove,
      props
      openDialog
    };
  },
});

 src/views/goalManagement/targetSettings/index.vue

@@ -8,7 +8,7 @@
          >
            <div class="btns">
              <div>
                <el-button type="primary" :icon="Plus" @click="openDai">新建</el-button>
                <el-button type="primary" :icon="Plus" @click="openD('新建')">新建</el-button>
                <el-button type="danger" :icon="Delete">删除</el-button>
              </div>
              <div>
@@ -112,8 +112,8 @@
              @current-change="handleCurrentChange"
            />
          </div>
          <dailogAdd :dialogVisible="Show"></dailogAdd>
        <upData :updata="upShow"></upData>
          <dailogAdd ref="openAdd"></dailogAdd>
        <upData ref="upShow"></upData>
        </div>
</template>
<script lang="ts">
@@ -203,14 +203,15 @@
      console.log(`current page: ${val}`);
    };
    // 弹窗
    let Show=ref(false)
    let openDai=()=>{
      Show.value=true
    }
   const openAdd=ref()
   const openD=(type:String,value:any)=>{
     openAdd.value.openDialog(type,value)
   }

    // 上传
    const upShow=ref(false)
    const upShow=ref()
    const upButton=()=>{
      upShow.value=true
      upShow.value.openDialog()
    }
    return {
      activeName,
@@ -221,8 +222,8 @@
      pageSize4,
      handleSizeChange,
      handleCurrentChange,
      Show,
      openDai,
      openAdd,
      openD,
      upShow,
      upButton,
      Plus,

 src/views/goalManagement/tragetDecompositionMonth/index.vue

@@ -3,8 +3,8 @@
        <div class="minCenter">
            <div class="btns">
              <div>
                <el-button type="primary" :icon="Plus" @click="openDai">新建</el-button>
                <el-button type="warning" :icon="EditPen" plain @click="openDai">修改</el-button>
                <el-button type="primary" :icon="Plus" @click="openType">新建</el-button>
                <el-button type="warning" :icon="EditPen" plain >修改</el-button>
                <el-button type="danger" :icon="Delete" plain>删除</el-button>
              </div>
            </div>
@@ -76,9 +76,11 @@
            />
          </div>
        </div>
        <Dailog ref="Show"></Dailog>
</template>
<script lang="ts">
import search from '../targetSettings/component/search.vue'
import Dailog from '../targetDecompositionYear/component/Dailog.vue'
import { ref, toRefs, reactive, onMounted, defineComponent } from "vue";
import {
  ElMessageBox,
@@ -104,7 +106,7 @@
}
import type { TableColumnCtx } from "element-plus/es/components/table/src/table-column/defaults";
export default defineComponent({
  components: { ElButton, ElInput,search},
  components: { ElButton, ElInput,search,Dailog},
  setup() {
  
    
@@ -162,7 +164,11 @@
    const handleCurrentChange = (val: number) => {
      console.log(`current page: ${val}`);
    };
   
    // 打开弹窗
   const Show=ref()
   const openType=()=>{
   Show.value.openDailog()
   }
    return {
      activeName,
      handleClick,
@@ -172,6 +178,8 @@
      pageSize4,
      handleSizeChange,
      handleCurrentChange,
      Show,
      openType,
      Plus,
      Delete,
      Upload,