projectmanager/app/account/view/index/edit.html

<form class="layui-form page-content p-4">
  <h3 class="h3-title">账号信息</h3>
  <input type="hidden" value="{$detail.id}" id="id">
  <table class="layui-table layui-table-form">
    <tr>
      <td class="layui-td-gray-2">账号渠道<font>*</font>
      </td>
      <td>
        <select id="channel" name="channel" lay-verify="required" lay-reqText="" class="layui-select" lay-search=""
          lay-filter="channel"></select>
      </td>
      <td class="layui-td-gray-2">账号类型<font>*</font>
      </td>
      <td colspan="3">
        <select id="category" name="cate" lay-verify="required" lay-reqText="" class="layui-select" lay-search=""
          lay-filter="category"></select>
      </td>
    </tr>
    <tr>
      <td class="layui-td-gray-2">电子邮箱<font>*</font>
      </td>
      <td>
        <input id="email" type="text" name="email" lay-verify="required" lay-reqText="" placeholder=""
          class="layui-input" value="{$detail.email}" />
      </td>
      <td class="layui-td-gray-2">创建手机号
      </td>
      <td colspan="3">
        <input id="regphone" type="text" name="regphone" lay-verify="" lay-reqText="" placeholder="" class="layui-input"
          value="{$detail.regphone}" />
      </td>
    </tr>
    <tr>
      <td class="layui-td-gray-2">账号<font>*</font>
      </td>
      <td>
        <input id="account" type="text" name="account" lay-verify="required" lay-reqText="" placeholder=""
          class="layui-input" value="{$detail.account}" />
      </td>
      <td class="layui-td-gray-2">密码<font>*</font>
      </td>
      <td colspan="3">
        <input id="pwd" type="text" name="pwd" lay-verify="required" lay-reqText="" placeholder="" class="layui-input"
          value="{$detail.pwd}" />
      </td>
    </tr>
    <tr>
      <td class="layui-td-gray-2">备注
      </td>
      <td colspan="4">
        <textarea id="remark" name="remark" lay-verify="" lay-reqText="" placeholder="" class="layui-textarea">{$detail.remark}</textarea>
      </td>
    </tr>
  </table>

  <div class="pt-1">
    <!-- <input type="hidden" name="id" value="0" /> -->
    <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">
      立即提交
    </button>
    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  </div>
</form>

<script>
  layui.use(["form", "layer"], function () {
    var laydate = layui.laydate;
    var form = layui.form,
      $ = layui.jquery,
      layer = layui.layer;

    // 获取账号渠道
    fetch("/account/index/getaccountchannelall")
      .then((response) => response.json())
      .then((data) => {
        var select = document.querySelector('select[name="channel"]');
        select.innerHTML = '<option value="">请选择项目类型</option>';
        data.data.forEach((channel) => {
          var option = document.createElement("option");
          option.value = channel.id;
          option.innerText = channel.channel;
          select.appendChild(option);
        });
        // 设置账号渠道的值
        select.value = '{$detail.channel}';
        form.render("select");
      })
      .catch((error) => {
        console.error("Error:", error);
      });

    // 获取账号类型
    fetch("/account/index/getaccountcategory")
      .then((response) => response.json())
      .then((data) => {
        var select = document.querySelector('select[name="cate"]');
        select.innerHTML = '<option value="">请选择项目类型</option>';
        data.data.forEach((category) => {
          var option = document.createElement("option");
          option.value = category.id;
          option.innerText = category.category;
          select.appendChild(option);
        });
        // 设置账号类型的值
        select.value = '{$detail.category}';
        form.render("select");
      })
      .catch((error) => {
        console.error("Error:", error);
      });


    // 监听提交事件
    form.on("submit(webform)", function (data) {
      // 获取当前时间并格式化
      var updateTime = new Date().toISOString();
      var idValue = document.getElementById('id').value;
      console.log('输出：' + idValue);
      console.log('账号：' + document.getElementById('account').value);
      // 发送请求并处理响应
      fetch("/account/index/edit?id=" + idValue, {
        method: "POST",
        body: JSON.stringify({
          id: idValue,
          category: document.getElementById('category').value,
          channel: document.getElementById('channel').value,
          email: document.getElementById('email').value,
          regphone: document.getElementById('regphone').value,
          account: document.querySelector('input[name="account"]').value,
          pwd: document.getElementById('pwd').value,
          remark: document.getElementById('remark').value,
          update_time: updateTime,
        }),

        headers: {
          "Content-Type": "application/json",
        },
      })
        .then((response) => response.json())
        .then((result) => {
          layer.msg(result.msg);
          if (result.code === 2) {
            setTimeout(function () {
              document.querySelector("form").reset();
              location.reload(); // 刷新页面
            }, 1000);
          }
        });

      return false;
    });

  });
</script>