中扬CRM客户关系管理系统
#
lsh
2024-04-19 30350cae29ec19082a9810080e32fcddd4d9df17
src/main/webapp/views/weekly/weekly.html
@@ -1,441 +1,635 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>周计划</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
    <link rel="stylesheet" href="../../static/css/tree.css" media="all">
    <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/coolForm.css"/>
    <style>
        .nav-box {
            position: absolute;
            top: 1px;
            left: 5px;
        }
        .nav-box-item {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }
    </style>
    <link rel="stylesheet" href="../../static/css/element.css">
    <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../../static/layui/layui.js"></script>
    <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
    <script type="text/javascript" src="../../static/js/common.js"></script>
    <script type="text/javascript" src="../../static/js/vue.min.js"></script>
    <script type="text/javascript" src="../../static/js/element.js"></script>
</head>
<body>
<div id="app">
    <div>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div id="search-box" class="layui-form toolbar"
                 style="display: flex;justify-content: flex-end;position: relative">
                <div class="nav-box">
                    <div class="nav-box-item">
                        <i class="layui-icon" style="color: #1890ff;font-weight: bold">&#xe613;</i>
                    </div>
                    <div class="nav-box-item">
                        <button id="organization" style="border: none;padding-right: 35px;"
                                class="layui-btn layui-btn-primary icon-btn">
                            未知
                        </button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off"
                                   style="border-color: #e1e1e1">
                        </div>
                    </div>
                    <div class="layui-inline">&emsp;
                        <button class="layui-btn icon-btn layui-btn-sm" lay-filter="search" lay-submit>
                            <i class="layui-icon">&#xe615;</i>搜索
                        </button>
                    </div>
                </div>
    </div>
    <div>
        <el-dialog title="周计划" :visible.sync="dialogFormVisible" style="width: 1800px">
            <el-form :model="form" style="width: 100%">
                <el-form-item label="日期" :label-width="formLabelWidth">
                    <el-select v-model="form.name">
                        <el-option
                                v-for="item in addWeekPlanDataWeeklySign"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="周计划" :label-width="formLabelWidth">
                    <el-button type="primary" @click="addWeekPlan">添加日计划</el-button>
                    <el-table :data="weeklyFormData" border style="width: 100%">
                        <el-table-column fixed :data="addWeekPlanData" prop="weeklyDay" label="星期" width="150">
                        </el-table-column>
                        <el-table-column prop="cstmrId" label="甲方单位" width="180">
                            <div class="item" slot-scope="scope">
                                <el-select v-model="scope.row.cstmrId" placeholder="甲方单位">
                                    <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.name"
                                            :value="item.value">
                                    </el-option>
                                </el-select>
                            </div>
                        </el-table-column>
                        <el-table-column prop="workContent" label="工作内容及目的" width="180">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.workContent" placeholder="工作内容及目的"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column prop="weeklyMatter" label="需协助事项" width="120">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.weeklyMatter" placeholder="需协助事项"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column prop="addr" label="地址" width="180">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.addr" placeholder="地址"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column prop="memo" label="备注" width="120">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.memo" placeholder="备注"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column :show="false" property="weeklyDay$" label="日期" v-if="false"></el-table-column>
                        <el-table-column fixed="right" label="操作" width="100">
                            <template slot-scope="scope">
                                <el-button @click="delWeeklyPlan(scope.row)" type="text" size="del-weekly-plan">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false, weeklyFormDataInit()">取消</el-button>
                <el-button type="primary" @click="dialogFormVisible = false, addWeekly(form,true)">确定</el-button>
            </div>
            <table class="layui-hide" id="weekly" lay-filter="weekly"></table>
        </div>
        </el-dialog>
        <el-dialog title="日计划" :visible.sync="updatePlanDialogFormVisible" style="width: 1800px">
            <el-form :model="formPlan" style="width: 100%">
                <el-form-item label="日期" :label-width="formLabelWidth">
                    <el-select v-model="formPlan.name">
                        <el-option
                                v-for="item in addWeekPlanDataWeeklySignPlan"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="周计划" :label-width="formLabelWidth">
                    <el-button type="primary" @click="addWeekPlan">添加日计划</el-button>
                    <el-table :data="weeklyFormDataPlan" border style="width: 100%">
                        <el-table-column fixed :data="addWeekPlanData" prop="weeklyDay" label="星期" width="150">
                        </el-table-column>
                        <el-table-column prop="cstmrId" label="甲方单位" width="180">
                            <div class="item" slot-scope="scope">
                                <el-select v-model="scope.row.cstmrId" placeholder="甲方单位">
                                    <el-option
                                            v-for="item in options"
                                            :key="item.value"
                                            :label="item.name"
                                            :value="item.value">
                                    </el-option>
                                </el-select>
                            </div>
                        </el-table-column>
                        <el-table-column prop="workContent" label="工作内容及目的" width="180">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.workContent" placeholder="工作内容及目的"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column prop="weeklyMatter" label="需协助事项" width="120">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.weeklyMatter" placeholder="需协助事项"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column prop="addr" label="地址" width="180">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.addr" placeholder="地址"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column prop="memo" label="备注" width="120">
                            <div class="item" slot-scope="scope">
                                <el-input v-model="scope.row.memo" placeholder="备注"></el-input>
                            </div>
                        </el-table-column>
                        <el-table-column :show="false" property="weeklyDay$" label="日期" v-if="false"></el-table-column>
                        <el-table-column fixed="right" label="操作" width="100">
                            <template slot-scope="scope">
                                <el-button @click="delWeeklyPlanUpdate(scope.row)" type="text" size="del-weekly-plan">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="updatePlanDialogFormVisible = false, weeklyFormDataPlanInit()">取消</el-button>
                <el-button type="primary" @click="updatePlanDialogFormVisible = false, updatePlanWeekly(formPlan,false)">确定</el-button>
            </div>
        </el-dialog>
        <el-dialog
                title="星期"
                :visible.sync="addWeekPlanVisible"
                width="30%">
            <div>
                <el-select v-model="addWeekPlanValue" multiple placeholder="请选择">
                    <el-option
                            v-for="item in addWeekPlanData"
                            :key="item.value"
                            :label="item.name"
                            :value="item.value">
                    </el-option>
                </el-select>
            </div>
            <span slot="footer" class="dialog-footer">
            <el-button @click="addWeekPlanVisible = false">取 消</el-button>
            <el-button type="primary" @click="addWeekPlanConfirm">确 定</el-button>
            </span>
        </el-dialog>
        <el-main>
            <el-popover
                    placement="top"
                    width="160"
                    v-model="visible">
                <el-input
                        placeholder="搜索"
                        v-model="filterText">
                </el-input>
                <el-tree
                        class="filter-tree"
                        :data="data1"
                        :props="defaultProps"
                        :default-expand-all="false"
                        :filter-node-method="filterNode"
                        :expand-on-click-node="false"
                        ref="tree"
                        accordion
                        @node-click="handleNodeClick">
                </el-tree>
                <el-button type="primary" slot="reference" plain>{{userNameNow.userName}}</el-button>
            </el-popover>
            <el-button type="primary"  @click="dialogFormVisible = true" icon="el-icon-edit" size="mini" circle></el-button>
            <el-table
                    :data="tableData"
                    style="width: 100%">
                <el-table-column
                        prop="weeklyDayMonth"
                        label="周">
                </el-table-column>
                <el-table-column
                        prop="status$"
                        label="状态">
                </el-table-column>
                <el-table-column
                        prop="weeklyDailyPlan"
                        label="日计划">
                    <template slot-scope="scope">
                        <el-popover
                                placement="bottom"
                                width="1200"
                                trigger="click">
                            <el-table :data="weeklyDailyPlanData">
                                <el-table-column property="weeklyDay$" label="日期"></el-table-column>
                                <el-table-column property="cstmrId$" label="甲方单位"></el-table-column>
                                <el-table-column property="dailyTime$" label="日期"></el-table-column>
                                <el-table-column width="180" property="workContent" label="工作内容及目的"></el-table-column>
                                <el-table-column property="weeklyMatter" label="需协助事项"></el-table-column>
                                <el-table-column property="addr" label="地址"></el-table-column>
                                <el-table-column property="memo" label="备注"></el-table-column>
                            </el-table>
                            <el-button slot="reference" type="text" @click="showWeeklyDailyPlan(scope.row.id)">查看日计划</el-button>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="weeklyDailyReality"
                        label="日结果">
                    <template slot-scope="scope">
                        <el-popover
                                placement="bottom"
                                width="1200"
                                trigger="click">
                            <el-table :data="weeklyDailyRealityData">
                                <el-table-column property="weeklyDay$" label="日期"></el-table-column>
                                <el-table-column property="cstmrId$" label="甲方单位"></el-table-column>
                                <el-table-column property="dailyTime$" label="日期"></el-table-column>
                                <el-table-column width="180" property="workContent" label="结果"></el-table-column>
                                <el-table-column property="weeklyMatter" label="需协助事项"></el-table-column>
                                <el-table-column property="addr" label="地址"></el-table-column>
                                <el-table-column property="memo" label="备注"></el-table-column>
                            </el-table>
                            <el-button slot="reference" type="text" @click="showWeeklyDailyReality(scope.row.id)">查看日结果</el-button>
                        </el-popover>
                    </template>
                </el-table-column>
                <el-table-column
                        prop="memo"
                        label="备注(50字)">
                </el-table-column>
                <!--            <el-table-column-->
                <!--                    prop="settle$"-->
                <!--                    label="进度">-->
                <!--            </el-table-column>-->
                <el-table-column
                        prop="oper"
                        fixed="right"
                        label="操作"
                        width="180">
                    <template slot-scope="scope">
                        <el-button @click="delWeekly(scope.row)" type="text" size="del-weekly">删除</el-button>
                        <el-button @click="showUpdatePlanWeekly(scope.row)" type="text" size="del-weekly">计划</el-button>
                        <el-button @click="updateRWeekly(scope.row)" type="text" size="del-weekly">结果</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-main>
    </div>
</div>
<!-- 表格操作列 -->
<script type="text/html" id="tbLookPlan">
    <span class="layui-text">
        <a href="javascript:;" lay-event="lookPlan">
            <i class="layui-icon" style="font-size: 12px;">&#xe61a;</i> 查看日计划
        </a>
    </span>
</script>
<!-- 表格操作列 -->
<script type="text/html" id="tbLookReality">
    <span class="layui-text">
        <a href="javascript:;" lay-event="lookReality">
            <i class="layui-icon" style="font-size: 12px;">&#xe61a;</i> 查看日行程
        </a>
    </span>
</script>
<script type="text/html" id="toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="addBlank">创建周计划</button>
        <!--    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="deleteData">删除</button>-->
    </div>
</script>
<form id="uploadFile" enctype="multipart/form-data" style="display: none;">
    <input type="file" name="file" id="uploadQuote">
    <input type="button" onclick="upload()" value="上传"/>
</form>
<script type="text/html" id="operate">
    {{# if (d.settle == 1 || d.settle == 2 || d.settle == 3 || d.settle == 4 || d.settle == 5) { }}
    <a class="layui-btn layui-btn-xs btn-edit" lay-event="approval2">审批</a>
    {{# } }}
    {{# if (d.settle == 0) { }}
<!--    <a class="layui-btn layui-btn-xs btn-edit" lay-event="approval2">提交</a>-->
    {{# } }}
    <!--  <a class="layui-btn layui-btn-xs btn-edit" lay-event="approval">提交</a>-->
    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">计划</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="editReality">行程</a>
<!--    <a class="layui-btn layui-btn-danger layui-btn-xs btn-edit" lay-event="del">删除</a>-->
</script>
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/luckysheet_js/luckyexcel.umd.js"></script>
<script type="text/javascript" src="../../static/js/luckysheet_js/pako.es5.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/luckysheet_js/base64.min.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/weekly/weekly.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/layui/lay/modules/cascader/citys-data.js" charset="utf-8"></script>
<script type="text/html" id="editDialog">
    <form id="editForm" lay-filter="editForm" class="layui-form model-form">
        <input name="id" type="hidden"/>
<!--        <div class="layui-form-item" style="display: block" id="weeklyDisplay">-->
<!--            <label class="layui-form-label">项目名: </label>-->
<!--            <div class="layui-input-block cool-auto-complete">-->
<!--                <input class="layui-input" name="orderId" placeholder="请输入项目名" style="display: none">-->
<!--                <input id="orderId$" name="orderId$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入项目名" onfocus=this.blur()>-->
<!--                <div class="cool-auto-complete-window">-->
<!--                    <input class="cool-auto-complete-window-input" data-key="orderQueryNameBydirector" onkeyup="autoLoad(this.getAttribute('data-key'))">-->
<!--                    <select class="cool-auto-complete-window-select" data-key="orderQueryNameBydirectorSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">-->
<!--                    </select>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <div class="layui-form-item" style="display: block" id="weeklyDisplay">
            <label class="layui-form-label layui-form-required">日期: </label>
            <div class="layui-input-inline">
                <select class="layui-input" name="weeklyType" lay-vertype="tips">
                    <option style="display: none"></option>
                    <option value="1">上周</option>
                    <option value="2">本周</option>
                    <option value="3">下周</option>
                </select>
            </div>
        </div>
<!--        <div class="layui-form-item">-->
<!--            <label class="layui-form-label layui-form-required">类型: </label>-->
<!--            <div class="layui-input-inline">-->
<!--                <select class="layui-input" name="type" lay-vertype="tips" lay-verify="required">-->
<!--                    <option style="display: none"></option>-->
<!--                    <option value="1">计划</option>-->
<!--                    <option value="2">实际</option>-->
<!--                </select>-->
<!--            </div>-->
<!--        </div>-->
        <div class="layui-form-item" style="position: relative;">
            <label class="layui-form-label">周计划:</label>
            <div class="layui-input-block">
                <table id="formSSXMTable" lay-filter="formSSXMTable"></table>
            </div>
            <button class="layui-btn layui-btn-sm icon-btn" id="matAddBtnComment"
                    style="position: absolute; left: 20px;top: 60px;padding: 0 5px;" type="button">
                <i class="layui-icon">&#xe654;</i>添加日计划
            </button>
        </div>
        <div class="layui-form-item text-right">
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
            <button class="layui-btn" lay-filter="weeklyEditSubmit" lay-submit>保存</button>
        </div>
    </form>
</script>
<!-- 表格操作列 -->
<script type="text/html" id="formSSXMTableBar">
    <!--    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>-->
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<!-- 表单弹窗 -->
<script type="text/html" id="matEditDialog">
    <form id="matEditForm" lay-filter="matEditForm" class="layui-form model-form">
        <input name="experimentId" type="hidden"/>
        <div class="layui-form-item" style="float: left">
            <label class="layui-form-label">费用类型 - 多选</label>
            <div class="layui-input-block">
                <div id="weeklyCostTypes" name="weeklyCostTypes">
                </div>
            </div>
        </div>
        <div class="layui-form-item text-right" style="display: inline-block; margin-left: 35px">
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
            <button class="layui-btn" lay-filter="matEditSubmit" lay-submit>保存</button>
        </div>
    </form>
</script>
<!--<script type="text/template" id="cstmrTpl">-->
<!--    <option value="">选择类型</option>-->
<!--    {{#each records}}-->
<!--    <option value="{{docId}}">{{docName}}</option>-->
<!--    {{/each}}-->
<!--        <option value="">选择甲方单位</option>-->
<!--        {{#each records}}-->
<!--        <option value="{{value}}">{{name}}</option>-->
<!--        {{/each}}-->
<!--</script>-->
<script type="text/template" id="cstmrId">
    <select id="select-cstmr" style="width: 100%" class="layui-border select-cstmr" lay-ignore >
            <option value="">选择甲方单位</option>
    </select>
</script>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            data1: [],
            defaultProps: {
                children: 'children',
                label: 'label'
            },
            visible: false,
            userNameNow: {
                userId : 0,
                userName : '',
                deptId : 0
            },
            filterText: '',
            tableData: [],
            weeklyDailyPlanData: [],
            weeklyDailyRealityData: [],
            dialogFormVisible: false,
            updatePlanDialogFormVisible: false,
            form: {},
            formPlan: {},
            formLabelWidth: '120px',
            addWeekPlanVisible: false,
            addWeekPlanDataWeeklySign: [
                {
                    value: '1',
                    label: '上周'
                },
                {
                    value: '2',
                    label: '本周'
                },
                {
                    value: '3',
                    label: '下周'
                }
            ],
            addWeekPlanDataWeeklySignPlan: [],
            addWeekPlanData: [],
            addWeekPlanValue: [],
            weeklyFormData: [],
            weeklyFormDataPlan: [],
            options: [],
            // 需要编辑的属性
            editProp: ['cstmrId','workContent','weeklyMatter','memo']
        },
        created(){
            this.init();
            this.initUser();
            this.weeklyFormDataInit();
            this.getOptionsData();
            this.getAddWeekPlanData();
            this.getUserNameAndId();
        },
        watch: {
            filterText(val) {
                this.$refs.tree.filter(val);
            }
        },
        computed:{
            // cstmrLabel () {
            //     return (val) => {
            //         let item = this.options.find(o => o.value === val);
            //         return item ? item.label : 'Item not found';
            //     }
            // }
        },
        methods: {
            init(){
                let that = this
                $.ajax({
                    url: baseUrl + '/weekly/list/auth',
                    headers: {'token': localStorage.getItem('token')},
                    method: "get",
                    success: (res) => {
                        that.tableData = res.data.records;
                        console.log(that.tableData)
                    }
                });
            },
            initUser(){
                let that = this
                $.ajax({
                    url: baseUrl + "/dashboard/user/id/popup/auth2",
                    data:{token : localStorage.getItem('token')},
                    method: 'GET',
                    success: function (res) {
                        if (res.code === 200) {
                            console.log(res)
                            that.userNameNow = res.data;
                        }
                    }
                });
            },
            filterNode(value, data) {
                if (!value) return true;
                return data.label.indexOf(value) !== -1;
            },
            handleNodeClick(data) {
                // console.log("data");
                console.log(data);
                this.userNameNow.userName = data.label
                this.userNameNow.userId = data.userId
                this.userNameNow.deptId = data.deptId
                let that = this
                $.ajax({
                    url: baseUrl + '/weekly/list/auth2',
                    headers: {'token': localStorage.getItem('token')},
                    method: "get",
                    data: {
                        dept_id: Number(that.userNameNow.deptId),
                        user_id: Number(that.userNameNow.userId),
                    },
                    success: (res) => {
                        that.tableData = res.data.records;
                        console.log(that.tableData)
                    }
                });
            },
            weeklyFormDataInit(){
                this.weeklyFormData = [
                    {
                        weeklyDay: 1
                    },{
                        weeklyDay: 2
                    },{
                        weeklyDay: 3
                    },{
                        weeklyDay: 4
                    },{
                        weeklyDay: 5
                    },{
                        weeklyDay: 6
                    }]
                this.form.name = this.addWeekPlanDataWeeklySign[2].value
            },
            weeklyFormDataPlanInit(){
                this.weeklyFormDataPlan = []
                this.formPlan.name = []
                this.updatePlanDialogFormVisible = false
            },
            showWeeklyDailyPlan(id) {
                let that = this;
                // console.log(id)
                $.ajax({
                    url: baseUrl + '/weeklyDailyPlan/list/auth',
                    headers: {'token': localStorage.getItem('token')},
                    method: "get",
                    data: {
                        weekly_id: id
                    },
                    success: (res) => {
                        that.weeklyDailyPlanData = res.data.records;
                        // console.log(that.weeklyDailyPlanData)
                    }
                });
            },
            showWeeklyDailyReality(id) {
                let that = this;
                // console.log(id)
                $.ajax({
                    url: baseUrl + '/weeklyDailyReality/list/auth',
                    headers: {'token': localStorage.getItem('token')},
                    method: "get",
                    data: {
                        weekly_id: id
                    },
                    success: (res) => {
                        that.weeklyDailyRealityData = res.data.records;
                        // console.log(that.weeklyDailyRealityData)
                    }
                });
            },
            addWeekPlan() {
                this.addWeekPlanVisible = true;
            },
            addWeekly(res,isExpAdd){
                let that = this;
                let weeklyFormData = this.weeklyFormData;
                console.log("weeklyFormData")
                console.log(weeklyFormData)
                console.log("res")
                console.log(res)
                $.ajax({
                    url: baseUrl+"/weekly/from/" + (isExpAdd?"add":"modify") + "/auth",
                    headers: {'token': localStorage.getItem('token')},
                    data: JSON.stringify({
                        weeklyType: Number(res.name),
                        weeklyId: null,
                        // type: Number(data.field.type),
                        type: Number(1),
                        weeklyDailyPlanList: weeklyFormData
                    }),
                    contentType:'application/json;charset=UTF-8',
                    method: 'POST',
                    success: (res) => {
                        weeklyFormData=[]
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        // 在这里做错误处理:
                        console.log('Error occurred: ', textStatus, errorThrown);
                    }
                })
            },
            showUpdatePlanWeekly(res) {
                let that = this;
                that.formPlan.name = res.weeklyDayMonth
                that.formPlan.weeklyId = res.id
                // that.formPlan.weeklyMonth = res.weeklyMonth
                $.ajax({
                    url: baseUrl + '/weeklyDailyPlan/list/auth',
                    headers: {'token': localStorage.getItem('token')},
                    method: "get",
                    data: {
                        weekly_id: res.id
                    },
                    success: (res) => {
                        that.weeklyFormDataPlan = res.data.records;
                    }
                });
                that.updatePlanDialogFormVisible = true
            },
            updatePlanWeekly(res,isExpAdd){
                let that = this;
                that.updatePlanDialogFormVisible = false
                let weeklyFormDataPlan = this.weeklyFormDataPlan;
                $.ajax({
                    url: baseUrl+"/weekly/from/" + (isExpAdd?"add":"modify") + "/auth",
                    headers: {'token': localStorage.getItem('token')},
                    data: JSON.stringify({
                        // weeklyType: Number(that.formPlan.weeklyMonth),
                        weeklyId: that.formPlan.weeklyId,
                        // type: Number(data.field.type),
                        type: Number(1),
                        weeklyDailyPlanList: weeklyFormDataPlan
                    }),
                    contentType:'application/json;charset=UTF-8',
                    method: 'POST',
                    success: (res) => {
                        weeklyFormData=[]
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        // 在这里做错误处理:
                        console.log('Error occurred: ', textStatus, errorThrown);
                    }
                })
                that.weeklyFormDataPlan = []
                that.formPlan.name = []
                that.formPlan.weeklyId = 0
            },
            addWeekPlanConfirm() {
                let list = this.weeklyFormData
                let value = this.addWeekPlanValue
                if (value.length > 0) {
                    value.forEach((item,idx) => {
                        list.push({
                            weeklyDay: item
                        })
                    })
                }
                this.weeklyFormData = list;
                console.log(list)
                this.addWeekPlanVisible = false;
                this.addWeekPlanValue = [];
            },
            delWeeklyPlan(row) {
                // 找到要删除的行在数据列表中的索引
                const index = this.weeklyFormData.findIndex(item => item === row);
                if (index !== -1) {
                    // 通过splice方法删除该行
                    this.weeklyFormData.splice(index, 1);
                }
            },
            delWeeklyPlanUpdate(row) {
                // 找到要删除的行在数据列表中的索引
                const index = this.weeklyFormDataPlan.findIndex(item => item === row);
                if (index !== -1) {
                    // 通过splice方法删除该行
                    this.weeklyFormDataPlan.splice(index, 1);
                }
            },
            delWeekly(row) {
                let that = this;
                // 找到要删除的行在数据列表中的索引
                const index = this.tableData.findIndex(item => item === row);
                $.ajax({
                    url: baseUrl+"/weekly/delete/auth",
                    headers: {'token': localStorage.getItem('token')},
                    data: {ids: row.id},
                    method: 'POST',
                    traditional:true,
                    success: function (res) {
                        console.log("res")
                        console.log(res)
                        if (res.code === 200){
                            if (index !== -1) {
                                // 通过splice方法删除该行
                                that.tableData.splice(index, 1);
                            }
                        }
                    }
                })
            },
            getOptionsData() {
                let that = this;
                $.ajax({
                    url: baseUrl+"/cstmr/all/get/kv",
                    headers: {'token': localStorage.getItem('token')},
                    data: {
                        limit: 9999
                    },
                    method: 'POST',
                    async: false, // 设置为同步执行
                    success: function (res) {
                        // let options1 = that.options;
                        that.options = res.data
                    }
                })
            },
            getAddWeekPlanData() {
                let that = this;
                $.ajax({
                    url: baseUrl+"/weeklyCostTypes/all/get/kv",
                    headers: {'token': localStorage.getItem('token')},
                    data: {
                        condition:null
                    },
                    method: 'POST',
                    success: function (res) {
                        // console.log("res")
                        // console.log(res)
                        that.addWeekPlanData = res.data
                        // console.log(that.addWeekPlanData)
                    }
                });
            },
            getUserNameAndId() {
                let that = this;
                $.ajax({
                    url: baseUrl + "/user/id/popup/auth",
                    data:{token : localStorage.getItem('token')},
                    method: 'GET',
                    success: function (res) {
                        that.data1 = res.data.children;
                    }
                });
            },
            defaultProps: {
                children: 'children',
                label: 'label'
            },
        }
    })
</script>
<!--&lt;!&ndash; 表单弹窗 &ndash;&gt;-->
<!--<script type="text/html" id="editDialog">-->
<!--    <form id="detail" lay-filter="detail" class="layui-form admin-form model-form">-->
<!--        <input name="id" type="hidden">-->
<!--        <div class="layui-row">-->
<!--            <div class="layui-col-md12">-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">开始日期: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="startTime" id="startTime$" placeholder="请输入开始日期" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">结束日期: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="endTime" id="endTime$" placeholder="请输入结束日期" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">所属人员: </label>-->
<!--                    <div class="layui-input-block cool-auto-complete">-->
<!--                        <input class="layui-input" name="userId" placeholder="请输入所属人员" lay-vertype="tips" lay-verify="required" style="display: none">-->
<!--                        <input id="userId$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入所属人员" onfocus=this.blur()>-->
<!--                        <div class="cool-auto-complete-window">-->
<!--                            <input class="cool-auto-complete-window-input" data-key="userQueryByuserId" onkeyup="autoLoad(this.getAttribute('data-key'))">-->
<!--                            <select class="cool-auto-complete-window-select" data-key="userQueryByuserIdSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">-->
<!--                            </select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">所属商户: </label>-->
<!--                    <div class="layui-input-block cool-auto-complete">-->
<!--                        <input class="layui-input" name="hostId" placeholder="请输入所属商户" lay-vertype="tips" lay-verify="required" style="display: none">-->
<!--                        <input id="hostId$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入所属商户" onfocus=this.blur()>-->
<!--                        <div class="cool-auto-complete-window">-->
<!--                            <input class="cool-auto-complete-window-input" data-key="hostQueryByhostId" onkeyup="autoLoad(this.getAttribute('data-key'))">-->
<!--                            <select class="cool-auto-complete-window-select" data-key="hostQueryByhostIdSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">-->
<!--                            </select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">所属部门: </label>-->
<!--                    <div class="layui-input-block cool-auto-complete">-->
<!--                        <input class="layui-input" name="deptId" placeholder="请输入所属部门" lay-vertype="tips" lay-verify="required" style="display: none">-->
<!--                        <input id="deptId$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入所属部门" onfocus=this.blur()>-->
<!--                        <div class="cool-auto-complete-window">-->
<!--                            <input class="cool-auto-complete-window-input" data-key="deptQueryBydeptId" onkeyup="autoLoad(this.getAttribute('data-key'))">-->
<!--                            <select class="cool-auto-complete-window-select" data-key="deptQueryBydeptIdSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">-->
<!--                            </select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">实际甲方单位ID集合: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="cstmrIdsReality" placeholder="请输入实际甲方单位ID集合">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">状态: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <select name="status" lay-vertype="tips" lay-verify="required">-->
<!--                            <option value="">请选择状态</option>-->
<!--                            <option value="3">已关闭</option>-->
<!--                            <option value="2">需处理</option>-->
<!--                            <option value="1">进行中</option>-->
<!--                            <option value="0">未开始</option>-->
<!--                        </select>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">进度: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <select name="settle">-->
<!--                            <option value="">请选择进度</option>-->
<!--                            <option value="0">默认</option>-->
<!--                            <option value="1">开始</option>-->
<!--                            <option value="2">组长待审</option>-->
<!--                            <option value="3">组长审核</option>-->
<!--                            <option value="4">规划待审</option>-->
<!--                            <option value="5">规划审核</option>-->
<!--                            <option value="6">审批中</option>-->
<!--                            <option value="7">审批通过</option>-->
<!--                        </select>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">审核进度: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="settleMsg" placeholder="请输入审核进度">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">评论: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="comment" placeholder="请输入评论">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">添加人员: </label>-->
<!--                    <div class="layui-input-block cool-auto-complete">-->
<!--                        <input class="layui-input" name="createBy" placeholder="请输入添加人员" lay-vertype="tips" lay-verify="required" style="display: none">-->
<!--                        <input id="createBy$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入添加人员" onfocus=this.blur()>-->
<!--                        <div class="cool-auto-complete-window">-->
<!--                            <input class="cool-auto-complete-window-input" data-key="userQueryBycreateBy" onkeyup="autoLoad(this.getAttribute('data-key'))">-->
<!--                            <select class="cool-auto-complete-window-select" data-key="userQueryBycreateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">-->
<!--                            </select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">添加时间: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="createTime" id="createTime$" placeholder="请输入添加时间" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">修改人员: </label>-->
<!--                    <div class="layui-input-block cool-auto-complete">-->
<!--                        <input class="layui-input" name="updateBy" placeholder="请输入修改人员" lay-vertype="tips" lay-verify="required" style="display: none">-->
<!--                        <input id="updateBy$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入修改人员" onfocus=this.blur()>-->
<!--                        <div class="cool-auto-complete-window">-->
<!--                            <input class="cool-auto-complete-window-input" data-key="userQueryByupdateBy" onkeyup="autoLoad(this.getAttribute('data-key'))">-->
<!--                            <select class="cool-auto-complete-window-select" data-key="userQueryByupdateBySelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">-->
<!--                            </select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">update_time: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="updateTime" id="updateTime$" placeholder="请输入update_time" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">备注(50字): </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="memo" placeholder="请输入备注(50字)">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">审批人: </label>-->
<!--                    <div class="layui-input-block cool-auto-complete">-->
<!--                        <input class="layui-input" name="director" placeholder="请输入审批人" lay-vertype="tips" lay-verify="required" style="display: none">-->
<!--                        <input id="director$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入审批人" onfocus=this.blur()>-->
<!--                        <div class="cool-auto-complete-window">-->
<!--                            <input class="cool-auto-complete-window-input" data-key="userQueryBydirector" onkeyup="autoLoad(this.getAttribute('data-key'))">-->
<!--                            <select class="cool-auto-complete-window-select" data-key="userQueryBydirectorSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">-->
<!--                            </select>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">流程长度: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="settleSize" placeholder="请输入流程长度" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">当前进度: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="settleCurrent" placeholder="请输入当前进度">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label">计划甲方单位ID集合: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="cstmrIdsPlan" placeholder="请输入计划甲方单位ID集合">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">周数: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="weeklyAll" placeholder="请输入周数" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">当月第几周: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="weeklyNowMonth" placeholder="请输入当月第几周" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">年: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="weeklyYear" placeholder="请输入年" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">月: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="weeklyMonth" placeholder="请输入月" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">日: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="weeklyDay" placeholder="请输入日" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-form-item">-->
<!--                    <label class="layui-form-label layui-form-required">周: </label>-->
<!--                    <div class="layui-input-block">-->
<!--                        <input class="layui-input" name="weeklyDayMonth" placeholder="请输入周" lay-vertype="tips" lay-verify="required">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <hr class="layui-bg-gray">-->
<!--        <div class="layui-form-item text-right">-->
<!--            <button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button>-->
<!--            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>-->
<!--        </div>-->
<!--    </form>-->
<!--</script>-->
</body>
</html>
</html>