IntelligentRailwayCosting/SourceCode/IntelligentRailwayCosting/app/views/static/project/quota_info.js

const quota_modal_template = `
<div class="modal fade" id="modal_quota" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content rounded">
      <div class="modal-header">
        <h3 class="modal-title"><span class="prefix"></span>定额</h3>
        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
          <i class="ki-duotone ki-cross fs-1">
            <span class="path1"></span>
            <span class="path2"></span>
          </i>
        </div>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <input type="hidden" name="id" value="">
            <input type="hidden" name="budget_id" value="">
            <input type="hidden" name="project_id" value="">
            <input type="hidden" name="item_id" value="">
            <input type="hidden" name="item_code" value="">
            <input type="hidden" name="quota_id" value="">
            <input type="hidden" name="task_id" value="">
            <div>
				<dl class="d-flex mb-1">
					<dt class="" style="white-space: nowrap">源内容:</dt>
					<dd id="ex_row" class="ms-3 mb-0"></dd>
				</dl>
				<div class="d-flex flex-wrap">
					<dl class="d-flex mb-1 w-25">
						<dt class="" style="white-space: nowrap">源数量:</dt>
						<dd id="ex_amount" class="ms-3 mb-0"></dd>
					</dl>
					<dl class="d-flex mb-1 w-25">
						<dt class="" style="white-space: nowrap">源数量位置:</dt>
						<dd id="ex_cell" class="ms-3 mb-0"></dd>
					</dl>
					<dl class="d-flex mb-1 w-25">
						<dt class="" style="white-space: nowrap">源数量单位:</dt>
						<dd id="ex_unit" class="ms-3 mb-0"></dd>
					</dl>
				</div>
			</div>
            <span class="separator my-5"></span>
            <div class="fv-row form-group mb-3">
              <label for="entry_name" class="form-label required">工程或费用项目名称</label>
              <input type="text" class="form-control" name="entry_name" id="entry_name" placeholder="请输入工程或费用项目名称" required />
            </div>
            <div class="fv-row form-group mb-3">
              <label for="units" class="form-label required">单位</label>
              <input type="text" class="form-control" name="units" id="units" placeholder="请输入单位" required />
            </div>
            <div class="fv-row form-group mb-3">
              <label for="amount" class="form-label required">工程数量</label>
              <input type="text" class="form-control" name="amount" id="amount" placeholder="请输入工程数量" required />
            </div>
            <div class="fv-row form-group mb-3">
              <label for="quota_code" class="form-label">定额编号</label>
              <input type="text" class="form-control" name="quota_code" id="quota_code" placeholder="请输入定额编号" />
            </div>
			<div class="d-flex pt-3 justify-content-center">
			  <div class="form-check form-check-custom form-check-solid form-check-danger mb-3 is_cover_box">
			    <input class="form-check-input" type="radio" checked value="1"  name="is_cover" id="is_cover_1"/>
				<label class="form-check-label ms-3 text-danger" for="is_cover_1">覆盖(修改)源数据</label>
			  </div>
              <div class="form-check form-check-solid ms-5 mb-3 is_cover_box">
                <input class="form-check-input" type="radio" value="0"  name="is_cover" id="is_cover_2"/>
				<label class="form-check-label ms-3 text-primary" for="is_cover_2">新增源数据</label>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-light" data-bs-dismiss="modal">取消</button>
        <button type="button" class="btn btn-light-success" onclick="SaveQuota(true)">提交</button>
        <button type="button" class="btn btn-primary" onclick="SaveQuota()">保存草稿</button>
      </div>
    </div>
  </div>
</div>`,
    chapter_modal_template = `
<div class="modal fade" id="modal_chapter" tabindex="-1" aria-hidden="true">
 <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content rounded">
      <div class="modal-header">
        <h3 class="modal-title"><span class="prefix"></span>章节条目</h3>
        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
          <i class="ki-duotone ki-cross fs-1">
            <span class="path1"></span>
            <span class="path2"></span>
          </i>
        </div>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <input type="hidden" name="id" value="">
            <input type="hidden" name="budget_id" value="">
            <input type="hidden" name="project_id" value="">
            <input type="hidden" name="item_id" value="">
            <input type="hidden" name="item_code" value="">
            <input type="hidden" name="quota_id" value="">
            <input type="hidden" name="task_id" value="">
            <div class="fv-row form-group mb-3">
              <label for="quota_code" class="form-label">章节条目</label>
              <select type="text" class="form-select" name="chapter"  onchange="OnChapterChange()"></select>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-light" data-bs-dismiss="modal">取消</button>
        <button type="button" class="btn btn-light-success" onclick="SaveChapterChange()">保存</button>
      </div>
    </div>
  </div>
</div>
`
$('.app-main .app-container').append(quota_modal_template)
$('.app-main .app-container').append(chapter_modal_template)
const nav_template = `<ul id="nav_tab" class="nav nav-tabs nav-line-tabs nav-line-tabs-2x fs-6"></ul><div class="tab-content" id="tab_content" style="height: calc(100% - 80px);"></div>`,
    nav_tab_template = `
		<li class="nav-item" data-id="{0}">
			<button type="button" class="nav-link {2} btn-light-primary btn-active-color-primary" data-id="{0}"  data-bs-toggle="tab" data-bs-target="#iwb_tab_{0}">{1}</button>
		</li>`,
    tab_content_template = `<div class="tab-pane h-100" id="iwb_tab_{0}" role="tabpanel">{1}</div>`,
    table_run_select_template = `<select class="form-select form-select-sm me-5" name="process_status" data-placeholder="请选择运行状态">
												<option value="">全部运行状态</option>
												<option value="0">草稿</option>
												<option value="1">等待运行</option>
												<option value="2">运行中</option>
												<option value="200">运行成功</option>
												<option value="4">取消运行</option>
												<option value="5">运行失败</option>
												<!--<option value="4">已修改</option>-->
											</select>`,
    table_send_select_template = `<select class="form-select form-select-sm me-5" name="send_status" data-placeholder="请选择推送状态">
												<option value="">全部推送状态</option>
												<option value="0">未推送</option>
<!--												<option value="1">推送中</option>-->
												<option value="200">推送成功</option>
												<option value="2">推送失败</option>
<!--												<option value="3">数据变更</option>-->
											</select>`,
    table_template = `<div class="table-box table-responsive" data-id="{0}" id="table_box_{0}">
								<div class="d-flex justify-content-between my-5">
									<div class="">{1}</div>
									<form class="search-box d-flex">
										<div class="d-flex">
											{2}
											<input type="text" class="form-control form-control-sm w-200px" placeholder="请输入关键字" name="keyword" />
										</div>
										<div class="btn-group ms-5">
											<button type="button" class="btn btn-primary btn-sm" onclick="IwbTableSearch(this);clear()">查询</button>
											<button type="button" class="btn btn-danger btn-sm" onclick="IwbTableResetSearch(this);clear()">重置</button>
										</div>
									</form>
								</div>
								<div class="pagination-row"></div>
								<table class="table table-striped table-bordered table-hover  table-rounded" id="table_{0}">
								</table>
							</div>`
let table_add_quota_btn_template = `<button type="button" class="quota_add_btn btn btn-primary btn-sm" onclick="Send_Quota_Batch('{0}')">批量推送</button>`;
table_add_quota_btn_template += `<button type="button" class="ms-5 btn btn-warning btn-sm" onclick="Edit_Quota_Code_Batch('{0}')">批量修改定额编号</button>`
// table_add_quota_btn_template += `<button type="button" class="ms-5 btn btn-warning btn-sm" onclick="Edit_QuotaChapter(null,'{0}')">批量修改章节</button>`
//`<button type="button" class="quota_add_btn btn btn-primary btn-sm" onclick="Add_Quota('{0}')">添加定额</button>`

const $modalQuota = $('#modal_quota'), $modalChapter = $('#modal_chapter')
let $rightBox, $rightBoxHeader, $rightBoxBody, $taskBox, $quotaBox, budget_id, item_code, task_timer,
    task_query_count = 0

console.log(`加载项目：${project_id}${task_id ? `，任务ID：${task_id}。` : ''}`)
InitBody()

function clear() {
    task_query_count = 0
    clearTimeout(task_timer)
}

$(function () {
    BuildChapterInfo()
    $(window).on('resize', AdjustBoxHeight)
    if (task_id) {
        RenderChapterSelect()
    }
})

function InitBody() {
    $('#body_box').html(`<div class="d-flex flex-row project-box w-100">
						<div class="flex-row-auto h-100 left-box">
							<div class="tree-dom w-300px h-100 overflow-auto" id="js-tree"></div>
						</div>
						<div class="flex-row-fluid flex-column right-box" style="display: none">
							<div class="my-2 d-flex align-items-center box-header mt-5 flex-column-auto">
								<section class="d-none">
									<input type="hidden" name="budget_id" value="{0}">
									<input type="hidden" name="project_id" value="">
									<input type="hidden" name="item_id" value="">
									<input type="hidden" name="item_code" value="">
								</section>
								<span class="fw-bolder me-5 title fs-2"></span>
								<span class="badge badge-primary fs-6 me-5"></span>
								<div class="d-flex table_radio_box" >
									<div class="form-check form-check-custom form-check-primary form-check-solid">
										<input class="form-check-input" name="table_radio" type="radio" value="task"  id="task_radio"/>
										<label class="form-check-label fw-bolder text-primary" for="task_radio">
											任务列表
										</label>
									</div>
									<div class="form-check  form-check-custom form-check-success form-check-solid ms-5">
										<input class="form-check-input" name="table_radio" type="radio" value="quota"  id="quota_radio"/>
										<label class="form-check-label fw-bolder text-success" for="quota_radio">
											定额输入
										</label>
									</div>
								</div>
							</div>
							<div class="box-body  flex-column-fluid">
								<div class="task w-100 h-100" style="display: none"></div>
								<div class="quota w-100 h-100" style="display: none"></div>
							</div>
						</div>
					</div>`)
    AdjustBoxHeight()
    $rightBox = $('#body_box .right-box'),
        $rightBoxHeader = $('#body_box .right-box .box-header'),
        $rightBoxBody = $('#body_box .right-box .box-body'),
        $taskBox = $rightBoxBody.find('.task'),
        $quotaBox = $rightBoxBody.find('.quota')
}

function AdjustBoxHeight() {
    const h = $('.app-wrapper').height() - $('.app-body-header').height() - $('.app-footer').height() - 5
    $('#body_box .project-box').height(h)
}


function BuildChapterInfo() {
    const $tree = $(`#js-tree`), taskId = task_id || ""
    const opt = {
        core: {
            themes: {
                responsive: false,
            },
            strings: {
                'Loading ...': '加载中...',
            },
            check_callback: true,
            data: function (node, callback) {
                // console.log('TREE_NODE', node)
                IwbAjax_1({
                    url: `/api/project/chapter/${project_id}?c=${node?.data?.item_code || ''}&&t=${taskId}`,
                    success: res => {
                        if (res.success) {
                            // console.log('TREE', res.data)
                            callback(res.data)
                        } else {
                            console.error(res.message)
                        }
                    },
                })
            },
        },
        types: {
            default: {
                icon: 'ki-outline ki-folder text-primary',
            },
            file: {
                icon: 'ki-outline ki-file  text-primary',
            },
        },
        plugins: ['dnd', 'types'],
    }
    // $tree.jstree('destroy')
    $tree.on('loaded.jstree', function (e, data) {
        // console.log('TREE_LOADED', e, data)
        const inst = data.instance;
        const obj = inst.get_node(e.target.firstChild.firstChild.firstChild);
        inst.select_node(obj);
    })
    $tree.on('select_node.jstree', function (e, data) {
        // console.log('TREE_SELECTED', e, data)
        RenderRightBox(data.node?.data)
    })
    $tree.jstree(opt)
}


function RenderRightBox(data) {
    // console.log('RenderRightBox', arguments)
    $rightBoxBody.data('data', data)
    clear()
    $rightBox.find('input[name="budget_id"]').val(data.budget_id);
    $rightBox.find('input[name="project_id"]').val(project_id);
    $rightBox.find('input[name="item_id"]').val(data.item_id);
    $rightBox.find('input[name="item_code"]').val(data.item_code);
    const title = data.chapter ? `${data.chapter}、${data.project_name}` : data.section ? `${data.section}.${data.project_name}` : data.project_name
    $rightBoxHeader.find('.title').text(title)
    RenderRightBox_Custom(data)
    $rightBox.show()
}

function RenderRightBox_Custom(data) {

    $('.table_radio_box .form-check').hide()
    $quotaBox.data("table-url", `/api/quota/list/task/${task_id}`)
    QuotaNavTab(data)
}

function QuotaNavTab() {
    $taskBox.hide()
    if (!$quotaBox.find('#nav_tab').length) {
        $quotaBox.html(nav_template)
        BuildBudgetInfo()
    } else {
        const budget = $quotaBox.find('#nav_tab').data('budget-info') || {}
        $quotaBox.html(nav_template)
        RenderTabs(budget)
    }
    $quotaBox.find('.table-box').hide()
    $quotaBox.show()
}

function BuildBudgetInfo() {
    IwbAjax_1({
        url: `/api/project/budget/${project_id}`,
        success: function (res) {
            if (res.success) {
                RenderTabs(res.data)
            } else {
                console.error(res.message)
            }
        },
    })
}

function RenderTabs(data) {
    // console.log('RenderTabs', data)
    let str1 = '',
        str2 = ''
    if (data && data.length) {
        for (let i = 0; i < data.length; i++) {
            const item = data[i]
            str1 += nav_tab_template.format(item.budget_id, item.budget_code)
            const tableStr = table_template.format(item.budget_id, table_add_quota_btn_template.format(item.budget_id), table_send_select_template)
            const tabContent = tab_content_template.format(item.budget_id, tableStr)
            // console.log('TAB_CONTENT', tabContent)
            str2 += tabContent
        }
    }
    const $tab = $('#nav_tab'), $content = $('#tab_content')
    $tab.html(str1).data('budget-info', data)
    $content.html(str2)
    const $tab_btn = $tab.find('li button[data-bs-toggle="tab"]')
    $tab_btn.on('shown.bs.tab', (e) => {
        // console.log('TAB', e)
        const tab_id = $(e.target).data('id'),
            data = $("#body_box .right-box .box-body").data('data')
        budget_id = tab_id
        item_code = data.item_code
        RenderQuotaTable(data)
    })
    const firstTab = new bootstrap.Tab($tab_btn.eq(0))
    firstTab.show()
}

function RenderQuotaTable(data) {
    // console.log('RenderQuotaTable', budget_id, data)
    const $table = $quotaBox.find(`#table_${budget_id}`)
    LoadQuotaTable($table)
}

function LoadQuotaTable(table) {
    const url = `${$quotaBox.data("table-url")}/${budget_id}/${project_id}/${item_code}`
    IwbTable(table, {
        url,
        editUrl: '/api/quota/edit',
        checkBox: true,
        isDragColumn: true,
        checkBoxDisable: (row) => {
            return row.send_status === 200
        },
        canEdit: (row) => {
            return row.send_status !== 200
        },
        trClass: (row) => {
            return row.note || !row.quota_code ? 'tr-waring' : ''
        },
        columns: [
            // {
            //     title: '序号',
            //     data: 'id',
            //     width: '80px',
            // },
            {
                title: '条⽬编号',
                data: 'item_code',
                width: '200px',
                tdStyle: "text-align:right;padding-right:15px;",
                render: (row) => {
                    return `<span class="one-line edit-label" data-bs-toggle="tooltip" data-bs-placement="top" title="${row.item_code}" ><span class="edit-text">${row.item_code}</span></span>`
                }
            },
            {
                title: '工程或费用项目名称',
                data: 'entry_name',
                width: '255px',
                isEdit: true,
                render: (row) => {
                    return `<span class="one-line edit-label" data-bs-toggle="tooltip" data-bs-placement="top" title="${row.entry_name}" ><span class="edit-text">${row.entry_name}</span></span>`
                }
            },
            {
                title: '工程数量',
                data: 'amount',
                width: '100px',
                isEdit: true,
            },
            {
                title: '单位',
                data: 'units',
                width: '80px',
                isEdit: true,
            },
            {
                title: '定额编号',
                data: 'quota_code',
                width: '100px',
                isEdit: true,
                render: (row) => {
                    if (!row.quota_code) {
                        return `<span class="badge badge-light-danger edit-label" data-bs-toggle="tooltip" data-bs-placement="top" title="${row.note ? `说明：${row.note}` : '未查询到'}" ><span class="edit-text">未查询到</span></span>`
                    }
                    if (row.quota_id) {
                        return `<span class="badge badge-light-info edit-label" data-bs-toggle="tooltip" data-bs-placement="top" title="可覆盖系统数据：${row.quota_id} | ${row.note ? `说明：${row.note}` : ''}" ><span class="edit-text">${row.quota_code}</span></span>`
                    } else {
                        return `<span class="badge badge-light-primary edit-label" data-bs-toggle="tooltip" data-bs-placement="top" title="未关联系统数据 | ${row.note ? `说明：${row.note}` : ''}" ><span class="edit-text">${row.quota_code}</span></span>`
                    }
                }
            },
            // {
            //     title: 'Excel文件',
            //     data: 'ex_file',
            //     width: '150px',
            //     render: (row) => {
            //         const path = row.ex_file
            //         if (!path) {
            //             return '-'
            //         }
            //         const names = path.split('/')
            //         const file_name = names[names.length - 1]
            //         return `<span class="one-line mw-150px"><a href="#" onclick="DownloadFile('/api/task/download?filename=${encodeURIComponent(path)}','${file_name}')"  class="link link-info px-2">${file_name}</a></span>`
            //     }
            // },
            {
                title: 'Excel整行内容',
                data: 'ex_row',
                width: '180px',
                render: (row) => {
                    const ex_row_arr = row.ex_row.split("|"),
                        ex_row = ex_row_arr[ex_row_arr.length - 1]
                    return `<span class="one-line" data-bs-toggle="tooltip" data-bs-placement="top" title="${row.ex_row}" >${ex_row}</span>`
                }
            },
            {
                title: 'Excel数量',
                data: 'ex_amount',
                width: '100px',
            },
            {
                title: '数量位置',
                data: 'ex_cell',
                width: '80px',
            },
            {
                title: '数量单位',
                data: 'ex_unit',
                width: '80px',
            },
            {
                title: '状态',
                data: 'status',
                width: '90px',
                render: (row) => {
                    let str = ''
                    // if(row.process_status === 0){
                    // 	str+= `<span class="badge badge-primary">未处理</span>`
                    // }else if (row.process_status === 1){
                    // 	str+= `<span class="badge badge-warning">处理中</span>`
                    // }else if (row.process_status === 2){
                    // 	str+= `<span class="badge badge-success">已处理</span>`
                    // }else if (row.process_status === 3){
                    // 	str+= `<span class="badge badge-danger">处理失败</span>`
                    // }else if (row.process_status === 4){
                    // 	str+= `<span class="badge badge-danger">数据变更</span>`
                    // }
                    if (row.send_status === 0) {
                        str += `<span class="badge badge-primary ms-3">未推送</span>`
                    } else if (row.send_status === 1) {
                        str += `<span class="badge badge-warning ms-3">推送中</span>`
                    } else if (row.send_status === 200) {
                        str += `<span class="badge badge-success ms-3">推送成功</span>`
                    } else if (row.send_status === 2) {
                        str += `<span class="badge badge-danger ms-3" data-bs-toggle="tooltip" data-bs-placement="top" title="${row.send_error}">推送失败</span>`
                    } else if (row.send_status === 3) {
                        str += `<span class="badge badge-danger ms-3">数据变更</span>`
                    }

                    return str
                }
            },
            {
                title: '操作',
                data: 'id',
                width: '170px',
                render: (row) => {
                    let str = ''
                    // if (row.process_status === 0) {
                    // 	str += `<button type="button" class="btn btn-icon btn-sm btn-light-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="开始处理" onclick="StartProcessQuota(${row.id}, ${row.budget_id})"><i class="ki-duotone ki-book-square fs-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></button>`
                    // } else if (row.process_status === 2) {
                    // 	str += `<button type="button" class="btn btn-icon btn-sm btn-light-warning" data-bs-toggle="tooltip" data-bs-placement="top" title="重新处理" onclick="ReStartProcessQuota(${row.id}, ${row.budget_id})"><i class="ki-duotone ki-book-square fs-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></button>`
                    //
                    // } else if (row.process_status === 3) {
                    // 	str += `<button type="button" class="btn btn-icon btn-sm btn-light-danger" data-bs-toggle="tooltip" data-bs-placement="top" title="重新处理" onclick="ReStartProcessQuota(${row.id}, ${row.budget_id})"><i class="ki-duotone ki-book-square fs-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></button>`
                    // } else if (row.process_status === 4) {
                    // 	str += `<button type="button" class="btn btn-icon btn-sm btn-light-info" data-bs-toggle="tooltip" data-bs-placement="top" title="重新处理" onclick="ReStartProcessQuota(${row.id}, ${row.budget_id})"><i class="ki-duotone ki-book-square fs-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i></button>`
                    // }
                    if (row.send_status === 0) {
                        str += `<button type="button" class="btn btn-icon btn-sm ${row.quota_id ? 'btn-primary' : 'btn-light-primary'}" data-bs-toggle="tooltip" data-bs-placement="top" title="开始推送" onclick="StartSendQuota(${row.id}, ${row.budget_id}, ${row.quota_id})"><i class="ki-duotone ki-send fs-3"><span class="path1"></span><span class="path2"></span></i></button>`
                    } else if (row.send_status === 200) {
                        str = `<span class="text-gray-500">暂无操作</span>`
                        // str += `<button type="button" class="btn btn-icon btn-sm  ${row.quota_id ? 'btn-warning' : 'btn-light-warning'}" data-bs-toggle="tooltip" data-bs-placement="top" title="重新推送" onclick="ReStartSendQuota(${row.id}, ${row.budget_id}, ${row.quota_id})"><i class="ki-duotone ki-send fs-3"><span class="path1"></span><span class="path2"></span></i></button>`
                    } else if (row.send_status === 2) {
                        str += `<button type="button" class="btn btn-icon btn-sm  ${row.quota_id ? 'btn-danger' : 'btn-light-danger'}" data-bs-toggle="tooltip" data-bs-placement="top" title="重新推送" onclick="ReStartSendQuota(${row.id}, ${row.budget_id}, ${row.quota_id})"><i class="ki-duotone ki-send fs-3"><span class="path1"></span><span class="path2"></span></i></button>`
                    } else if (row.send_status === 3) {
                        str += `<button type="button" class="btn btn-icon btn-sm  ${row.quota_id ? 'btn-info' : 'btn-light-info'}" data-bs-toggle="tooltip" data-bs-placement="top" title="重新推送" onclick="ReStartSendQuota(${row.id}, ${row.budget_id}, ${row.quota_id})"><i class="ki-duotone ki-send fs-3"><span class="path1"></span><span class="path2"></span></i></button>`
                    }
                    if (row.send_status !== 200) {
                        str += `<button type="button" class="btn btn-icon btn-sm btn-light-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="编辑" onclick="Edit_Quota(${row.id}, ${row.budget_id})"><i class="ki-duotone ki-message-edit fs-1"><span class="path1"></span><span class="path2"></span></i></button>`
                        str += `<button type="button" class="btn btn-icon btn-sm btn-light-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="修改条目" onclick="Edit_QuotaChapter(${row.id}, ${row.budget_id})"><i class="ki-duotone ki-burger-menu-1 fs-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i></button>`
                        str += `<button type="button" class="btn btn-icon btn-sm btn-light-danger"  data-bs-toggle="tooltip" data-bs-placement="top" title="删除" onclick="Delete_Quota(${row.id}, ${row.budget_id})"><i class="ki-duotone ki-trash-square fs-1"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i></button>`
                    }
                    return str
                }
            },
        ]
    }, true)
}

function SetBudgetData($el) {
    const $tableBox = $(`.table-box`)
    $el.find('[name="project_id"]').val($tableBox.find('input[name="project_id"]').val());
    $el.find('[name="item_id"]').val($tableBox.find('input[name="item_id"]').val());
    $el.find('[name="item_code"]').val($tableBox.find('input[name="item_code"]').val());
}

function Add_Quota(budget_id,) {
    AddModal($modalQuota, () => {
        SetBudgetData($modalQuota)
        $modalQuota.find('[name="id"]').val('0');
        $modalQuota.find('[name="quota_id"]').val('0');
        $modalQuota.find('[name="task_id"]').val('0');
        $modalQuota.find('[name="budget_id"]').val(budget_id);
        $modalQuota.find('[name="is_cover"]').val('0')
        $modalQuota.find('[name="chapter"]').val('').data('id', "").data('code', "").select2tree();
        $modalQuota.find('.is_cover_box').hide()
    })
}

function Edit_Quota(id) {
    $modalQuota.find('.is_cover_box').hide()
    EditModal($modalQuota, () => {
        IwbAjax_1({
            url: `/api/quota/get/${id}`,
            success: res => {
                if (!res.success) {
                    console.error(res.message)
                    return
                }
                const data = res.data,
                    // SetBudgetData(budget_id)
                    quota_id = data.quota_id
                $modalQuota.find('[name="id"]').val(data.id);
                $modalQuota.find('[name="quota_id"]').val(quota_id);
                $modalQuota.find('[name="task_id"]').val(data.task_id);
                $modalQuota.find('[name="budget_id"]').val(data.budget_id);
                $modalQuota.find('[name="project_id"]').val(data.project_id);
                $modalQuota.find('[name="item_id"]').val(data.item_id);
                $modalQuota.find('[name="item_code"]').val(data.item_code);
                $modalQuota.find('[name="entry_name"]').val(data.entry_name);
                $modalQuota.find('[name="amount"]').val(data.amount);
                $modalQuota.find('[name="units"]').val(data.units);
                $modalQuota.find('[name="quota_code"]').val(data.quota_code);
                $modalQuota.find('[name="chapter"]').data('id', data.item_id).data('code', data.item_code).val(data.item_code).select2tree();
                $modalQuota.find('#ex_row').html(data.ex_row);
                $modalQuota.find('#ex_amount').html(data.ex_amount);
                $modalQuota.find('#ex_cell').html(data.ex_cell);
                $modalQuota.find('#ex_unit').html(data.ex_unit);
                $modalQuota.find('[name="is_cover"][value="0"]').prop('checked', true)
                if (quota_id) {
                    $modalQuota.find('.is_cover_box').show()
                }
            }
        })
    })
}

function SaveQuota(isSubmit) {
    const id = $modalQuota.find('[name="id"]').val(),
        quota_id = $modalQuota.find('[name="quota_id"]').val(),
        task_id = $modalQuota.find('[name="task_id"]').val(),
        budget_id = $modalQuota.find('[name="budget_id"]').val(),
        project_id = $modalQuota.find('[name="project_id"]').val(),
        item_id = $modalQuota.find('[name="item_id"]').val(),
        item_code = $modalQuota.find('[name="item_code"]').val(),
        entry_name = $modalQuota.find('[name="entry_name"]').val(),
        amount = $modalQuota.find('[name="amount"]').val(),
        units = $modalQuota.find('[name="units"]').val(),
        quota_code = $modalQuota.find('[name="quota_code"]').val(),
        is_cover = $modalQuota.find('[name="is_cover"]:checked').val(),
        chapter = $modalQuota.find('[name="chapter"]').val()
    IwbAjax({
        url: `/api/quota/save`,
        data: {
            id,
            quota_id,
            task_id,
            budget_id,
            project_id,
            item_id,
            item_code,
            entry_name,
            amount,
            units,
            quota_code,
            chapter,
            run_now: isSubmit ? 'true' : 'false',
            is_cover: is_cover === '1' || is_cover === 1 ? 'true' : 'false',
        },
        modal: $modalQuota,
        table: `#table_${budget_id}`
    })


}

function Delete_Quota(id, budget_id) {
    ConfirmUrl('确定删除吗？', `/api/quota/delete/${id}`, `#table_${budget_id}`)
}

function StartSendQuota(ids, budget_id, is_cover) {
    SendQuota('确定开始推送数据吗？', ids, budget_id, is_cover)
}

function ReStartSendQuota(ids, budget_id, is_cover) {
    SendQuota('确定重新开始推送数据吗？', ids, budget_id, is_cover)
}

function Send_Quota_Batch(budget_id) {
    const $table = `#table_${budget_id}`,
        selectedRows = IwbTableGetSelectedRows($table)
    if (selectedRows.length) {
        const ids = [], insert_ids = [], update_ids = []
        for (let i = 0; i < selectedRows.length; i++) {
            const row = selectedRows[i]
            if (row.quota_id > 0) {
                update_ids.push(row.id)
            } else {
                insert_ids.push(row.id)
            }
            ids.push(row.id)
        }
        const ids_str = ids.join(','), insert_ids_str = insert_ids.join(','), update_ids_str = update_ids.join(',')
        let str = `<div class="mb-3 fw-bold">确定批量推送这些数据吗？</div>`
        if (insert_ids_str) {
            str += `<div class="text-primary d-flex align-items-center"><strong style="white-space: nowrap">新增ID：</strong>${insert_ids_str}</div>`
        }
        if (update_ids_str) {
            str += `<div class="text-danger d-flex align-items-center"><strong style="white-space: nowrap">覆盖(修改)ID：</strong>${update_ids_str}</div>`
        }
        SendQuota(str, ids_str, budget_id, !!update_ids_str, true)
    } else {
        MsgWarning('没有选择数据，请选择要推送的数据！')
    }
}

function SendQuota(title, ids, budget_id, is_cover, is_html) {
    const opts = {
        text: title,
        icon: "info",
        buttonsStyling: false,
        showCancelButton: true,
        showConfirmButton: true,
        showDenyButton: !!is_cover,
        cancelButtonText: "取消",
        confirmButtonText: "新增",
        denyButtonText: "覆盖",
        customClass: {
            cancelButton: "btn btn-light mx-2",
            confirmButton: "btn btn-primary mx-2",
            denyButton: "btn btn-danger mx-2"
        },
        toast: false
    }
    if (is_html) {
        opts.html = `${title}`
    }
    Swal.fire(opts).then((result) => {
        // console.log("CONFIRM", result)
        if (result.isConfirmed) {
            _send(false)
        } else if (result.isDenied) {
            _send(true)
        }
    });

    function _send(is_cover) {
        // console.log("is_cover", is_cover, ids)
        IwbAjax({
            url: `/api/quota/start_send`,
            data: {
                ids: ids + "",
                is_cover: is_cover ? 'true' : 'false'
            },
            modal: $modalQuota,
            table: `#table_${budget_id}`
        })
    }
}

function Edit_Quota_Code_Batch(budget_id) {
    const ids = IwbTableGetSelectedIds('#table_' + budget_id).join(",")
    if (!ids) {
        MsgWarning('没有选择数据，请选择要修改的数据！')
        return
    }
    Swal.fire({
        title: '批量修改定额编号',
        html: '<input id="batch_quota_code" class="form-control form-control-sm" placeholder="请输入定额编号"/>',
        showCancelButton: true,
        focusConfirm: false,
        confirmButtonText: '修改',
        cancelButtonText: '取消',
        customClass: {
            cancelButton: "btn btn-light",
            confirmButton: "btn btn-primary"
        },
    }).then((result) => {
        // console.log("CONFIRM", result)
        if (result.isConfirmed) {
            IwbAjax({
                url: `/api/quota/edit_quota_code_batch`,
                data: {
                    ids,
                    quota_code: $('#batch_quota_code').val()
                },
                table: `#table_${budget_id}`
            })
        }
    });
}

function Edit_QuotaChapter(id, budget_id) {
    let ids = id
    if (!ids) {
        ids = IwbTableGetSelectedIds('#table_' + budget_id).join(",")
    }
    // console.log("Edit_QuotaChapter", ids)
    EditModal($modalChapter, () => {
        $modalChapter.find('[name="budget_id"]').val(budget_id);
        $modalChapter.find('[name="id"]').val(ids);
        RenderChapterSelect()
    })
}

function RenderChapterSelect() {
    const $chapter = $modalChapter.find('[name="chapter"]')
    if ($chapter.data('init')) {
        return
    }
    IwbAjax_1({
        url: `/api/project/task_chapters/${task_id}`,
        success: function (res) {
            if (res.success) {
                let str = FormatChapterOption(res.data)
                $chapter.html(str).data('init', true).select2tree()
            } else {
                console.error('加载章节出错：', res.message)
            }
        }
    })
}

function FormatChapterOption(data) {
    // console.log('FormatChapterOption', data)
    let str = ''
    if (data && data.length) {
        data.forEach(item => {
            // let parent_code = get_parent_code(item.item_code)
            // console.log('item_code', item.id, item.parent, item.text)
            if (item.parent) {
                str += `<option data-id="${item.data.item_id}" value="${item.id}" parent="${item.parent}">${item.text}</option>`
            } else {
                str += `<option data-id="${item.data.item_id}" value="${item.id}">${item.text}</option>`
            }
        })
    }
    return str
}

function OnChapterChange() {
    // const $this = $modalChapter.find('[name="chapter"]')
    // let code = $this.val(), id = $this.find('option[value="' + code + '"]').data('id')
    // console.log('OnChapterChange', code, id)
}

function SaveChapterChange() {
    const $this = $modalChapter.find('[name="chapter"]'), budget_id = $modalChapter.find('[name="budget_id"]').val()
    let code = $this.val(), newId = $this.find('option[value="' + code + '"]').data('id')
    if (!newId) {
        MsgWarning('请选择章节编号！')
    }
    IwbAjax_2({
        url: `/api/quota/save_change_chapter/${project_id}`,
        data: {
            ids: $modalChapter.find('[name="id"]').val(),
            new_id: newId
        }
    }, $modalChapter, $('#table_' + budget_id))

}