Merge branch 'master' of http://47.108.235.38:8080/r/baifenbaishop

username@email.com

2024-04-02 7fdf7d7bd39cd0381c3969ad6302be0e693cad2d

 CoreCms.Net.Web.Admin/wwwroot/views/baifenbingfa/offlinedistributor/edit.html

New file
@@ -0,0 +1,622 @@
<script type="text/html" template lay-done="layui.data.sendParams(d);">
  <div
    class="layui-form coreshop-form layui-form-pane"
    lay-filter="LAY-app-OfflineDistributor-editForm"
    id="LAY-app-OfflineDistributor-editForm"
  >
    <div class="layui-form-item">
      <div class="layui-input-block" hidden>
        <input
          type="number"
          min="0"
          max="999999"
          name="id"
          lay-verType="tips"
          lay-verify="required|number"
          class="layui-input"
          value="{{d.params.data.id || '' }}"
          placeholder="请输入主键ID"
          lay-reqText="请输入主键ID并为数字"
        />
      </div>
    </div>

    <div class="layui-form-item">
      <div class="layui-inline">
        <label
          for="collectionTime"
          class="layui-form-label  layui-form-required"
          >信息收集时间</label
        >
        <div class="layui-input-block">
          <input
            name="collectionTime"
            id="editTime-OfflineDistributor-CollectionTime"
            type="text"
            lay-verType="tips"
            lay-verify="required|datetime"
            class="layui-input"
            placeholder="请输入信息收集时间"
            lay-reqText="请输入信息收集时间"
            value="{{d.params.data.collectionTime || '' }}"
          />
        </div>
      </div>
      <div class="layui-inline">
        <label for="pUserID" class="layui-form-label ">推荐人</label>
        <div class="layui-input-inline">
          <div class="layui-input-inline">
            <select lay-search="" name="pUserID" id="EditOfflinedisSelUserID">
              <option value="">请选择或搜索（设置区分大小写）</option>
            </select>
          </div>
        </div>
      </div>
    </div>

    <div class="layui-form-item">
      <label for="Region" class="layui-form-label  ">区域信息</label>
      <div class="layui-input-block layui-inline-4 address-class">
        <input
          name="editOfflinedisRegion"
          id="editOfflinedisRegion"
          type="hidden"
        />
      </div>
    </div>

    <div class="layui-form-item">
      <label for="Adder" class="layui-form-label  ">详细地址</label>
      <div class="layui-input-block">
        <input
          name="adder"
          lay-verType="tips"
          class="layui-input"
          placeholder="请输入详细地址"
          lay-reqText="请输入详细地址"
          value="{{d.params.data.adder || '' }}"
        />
      </div>
    </div>

    <div class="layui-form-item">
      <div class="layui-inline">
        <label for="category" class="layui-form-label  ">类别</label>
        <div class="layui-input-block">
          <input
            name="category"
            lay-verType="tips"
            class="layui-input"
            placeholder="请输入类别"
            lay-reqText="请输入类别"
            id="editCatgory"
            value="{{d.params.data.category || '' }}"
          />
        </div>
      </div>

      <div class="layui-inline">
        <label for="School" class="layui-form-label ">学校名称</label>
        <div class="layui-input-block">
          <input
            name="school"
            lay-verType="tips"
            class="layui-input"
            placeholder="请输入学校名称"
            lay-reqText="请输入学校名称"
            value="{{d.params.data.school || '' }}"
          />
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-inline">
          <label for="DealerName" class="layui-form-label  layui-form-required"
            >经销商名称</label
          >
          <div class="layui-input-block">
            <input
              name="dealerName"
              lay-verType="tips"
              lay-verify="required"
              class="layui-input"
              placeholder="请输入经销商名称"
              lay-reqText="请输入经销商名称"
              value="{{d.params.data.dealerName || '' }}"
            />
          </div>
        </div>

        <div class="layui-inline">
          <label for="ContactPerson" class="layui-form-label "
            >联系人姓名</label
          >
          <div class="layui-input-block">
            <input
              name="contactPerson"
              lay-verType="tips"
              class="layui-input"
              placeholder="请输入联系人姓名"
              lay-reqText="请输入联系人姓名"
              value="{{d.params.data.contactPerson || '' }}"
            />
          </div>
        </div>

        <div class="layui-inline">
          <label for="PhoneNumber" class="layui-form-label  ">联系电话</label>
          <div class="layui-input-block">
            <input
              name="phoneNumber"
              lay-verType="tips"
              class="layui-input"
              placeholder="请输入联系电话"
              lay-reqText="请输入联系电话"
              value="{{d.params.data.phoneNumber || '' }}"
            />
          </div>
        </div>

        <div class="layui-form-item">
          <div class="layui-inline">
            <label
              for="cooperationIntent"
              class="layui-form-label layui-form-required "
              >合作意向</label
            >
            <div class="layui-input-block">
              <input
                name="cooperationIntent"
                id="EditCooperationIntent"
                lay-verify="required"
                lay-verType="tips"
                class="layui-input"
                placeholder="请输入合作意向描述"
                lay-reqText="请输入合作意向描述"
                value="{{d.params.data.cooperationIntent || '' }}"
              />
            </div>
          </div>

          <div class="layui-inline">
            <label for="businessManager" class="layui-form-label  "
              >业务经理</label
            >
            <div class="layui-input-block">
              <input
                name="businessManager"
                lay-verType="tips"
                class="layui-input"
                placeholder="请输入业务经理姓名"
                lay-reqText="请输入业务经理姓名"
                value="{{d.params.data.businessManager || '' }}"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label for="StoreLogoUrl" class="layui-form-label  ">店招</label>
            <div class="layui-input-inline" style="width: 300px;">
              <input
                name="storeLogoUrl"
                lay-verType="tips"
                class="layui-input"
                placeholder="请输入店招图片地址"
                lay-reqText="请输入店招图片地址"
                value="{{d.params.data.storeLogoUrl || '' }}"
              />
            </div>
            <div class="layui-input-inline">
              <button type="button" class="layui-btn" id="upBtnOriginalEdit">
                上传图像
              </button>
              <div class="layui-input-inline">
                <img
                  class="layui-upload-img"
                  id="viewImgBoxEdit"
                  src="{{ d.params.data.storeLogoUrl || layui.setter.noImagePicUrl ||''}}"
                />
                <div class="layui-input-inline">
                  <div id="viewTextBoxEdit"></div>
                </div>
              </div>
            </div>
          </div>

          <div class="layui-form-item">
            <label for="Remake" class="layui-form-label  ">备注</label>
            <div class="layui-input-block">
              <input
                name="Remake"
                lay-verType="tips"
                class="layui-input"
                placeholder="请输入备注"
                lay-reqText="请输入备注"
                value="{{d.params.data.remake || '' }}"
              />
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-row layui-col-space15">
              <div class="layui-col-xs6">
                <fieldset
                  style="color: rgb(80, 75, 9); border-color: bisque;"
                  class="layui-elem-field layui-field-title"
                >
                  <legend>洽谈记录</legend>
                </fieldset>
                <table
                  class="layui-hide"
                  id="id-EditmeettingOffdisTab"
                  lay-filter="id-EditmeettingOffdisTab"
                ></table>
                <!-- 添加数据按钮 -->

                <button class="layui-btn" id="addOffDismeettingRow">
                  添加洽谈记录
                </button>
              </div>
              <div class="layui-col-xs6">
                <fieldset
                  style="color: rgb(68, 59, 11);border-color: bisque;"
                  class="layui-elem-field layui-field-title"
                >
                  <legend>合作记录</legend>
                </fieldset>
                <table
                  class="layui-hide"
                  id="id-EditoffdisOderTab"
                  lay-filter="id-EditoffdisOderTab"
                ></table>

                <button class="layui-btn" id="addintentionsRow">
                  添加合作记录
                </button>
              </div>
            </div>
          </div>

          <div class="layui-form-item text-right core-hidden">
            <input
              type="button"
              class="layui-btn"
              lay-submit
              lay-filter="LAY-app-OfflineDistributor-editForm-submit"
              id="LAY-app-OfflineDistributor-editForm-submit"
              value="确认编辑"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</script>
<script type="text/html" id="LAY-app-bloggersInfo-EdittableintentionsBox-bar">
  <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">
    删除
  </button>
</script>
<script type="text/html" id="TPL-laydate-Meetingdemo">
  <input
    class="layui-input Meetinglaydate-demo"
    placeholder="选择日期"
    value="{{= d.time || '' }}"
    tyle="height: 25px;"
    lay-verType="tips"
    lay-verify="required"
  />
</script>
<script>
  var debug = layui.setter.debug;
  layui.data.sendParams = function (d) {
    //开启调试情况下获取接口赋值数据
    if (debug) {
      console.log(d.params.data);
    }
    layui.use(
      [
        "admin",
        "form",
        "laydate",
        "upload",
        "coreHelper",
        "cropperImg",
        "dropdown",
        "table",
      ],
      function () {
        var $ = layui.$,
          form = layui.form,
          admin = layui.admin,
          laydate = layui.laydate,
          upload = layui.upload,
          cropperImg = layui.cropperImg,
          dropdown = layui.dropdown,
          table = layui.table,
          coreHelper = layui.coreHelper;

        formatAreaInPut(
          coreHelper,
          "editOfflinedisRegion",
          d.params.data.region
        );
        formatUserSelInPut(
          coreHelper,
          form,
          "EditOfflinedisSelUserID",
          d.params.data.pUserID || ""
        );
        //普通图片上传
        upload.render({
          elem: "#upBtnOriginalEdit",
          url: layui.setter.apiUrl + "Api/Tools/UploadFiles",
          before: function (obj) {
            obj.preview(function (index, file, result) {
              $("#viewImgBoxEdit").attr("src", result);
            });
          },
          done: function (res) {
            if (res.code > 0) {
              return layer.msg("上传失败");
            }
            layer.msg("上传成功");
            $("#upBtnOriginalEdit").val(res.data.fileUrl);
          },
          error: function () {
            var viewTextBox = $("#viewTextBoxEdit");
            viewTextBox.html(
              '<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>'
            );
            viewTextBox.find(".demo-reload").on("click", function () {
              uploadInst.upload();
            });
          },
        });
        dropdown.render({
          elem: "#EditCooperationIntent",
          data: [
            {
              title: "大",
              id: 101,
            },
            {
              title: "小",
              id: 102,
            },
            {
              title: "不确定",
              id: 103,
            },
          ],
          click: function (obj) {
            this.elem.val(obj.title);
          },
          style: "min-width: 235px;",
        });
        dropdown.render({
          elem: "#editCatgory",
          data: [
            {
              title: "文具店",
              id: 101,
            },
            {
              title: "广告店",
              id: 102,
            },
            {
              title: "小卖部",
              id: 103,
            },
          ],
          click: function (obj) {
            this.elem.val(obj.title);
          },
          style: "min-width: 235px;",
        });

        table.render({
          elem: "#id-EditmeettingOffdisTab",
          //  url: '/static/json/2/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口
          data: d.params.data.meetings,
          page: false,
          cols: [
            [
              { type: "numbers", title: "序号" },
              {
                field: "time",
                title: "洽谈时间",

                templet: "#TPL-laydate-Meetingdemo",
                width: 150,
              },
              { field: "dec", title: "洽谈内容", edit: "text" }, // 设置编辑类型为文本框
              {
                width: 100,
                align: "center",
                title: "操作",
                fixed: "right",
                toolbar: "#LAY-app-bloggersInfo-EdittableintentionsBox-bar",
              },
            ],
          ],
          // initSort: {
          //   // 设置初始排序
          //   field: "time", // 字段名
          //   type: "desc", // 倒序
          // },
          height: 150,
          done: function (res, curr, count) {
            var options = this;
            // 获取当前行数据
            table.getRowData = function (tableId, elem) {
              var index = $(elem).closest("tr").data("index");
              return table.cache[tableId][index] || {};
            };
            laydate.render({
              elem: ".Meetinglaydate-demo",
              type: "datetime",
              trigger: "click",
              fullPanel: true,
              done: function (value, date, endDate) {
                var data = table.getRowData(options.id, this.elem); // 获取当前行数据(如 id 等字段，以作为数据修改的索引)
                // 更新数据中对应的字段
                data.time = value;
              },
            });
          },
        });

        // 监听添加数据按钮点击事件
        $("#addOffDismeettingRow").on("click", function () {
          var newRowData = {
            id: 9999999, // 假设ID是一个时间戳
            dec: "",
            time: new Date().Format("yyyy-MM-dd hh:mm:ss"),
          };
          var allData = table.cache["id-EditmeettingOffdisTab"];
          allData.push(newRowData);
          table.reload("id-EditmeettingOffdisTab", {
            data: allData,
          });
        });

        // 为工具栏绑定事件
        table.on("tool(id-EditmeettingOffdisTab)", function (obj) {
          var data = obj.data; // 获得当前行数据
          var dataIndex = obj.tr.data("index"); // 获取行索引（这里使用了numbers类型的列，它会自动赋予每行一个索引）
          if (obj.event === "del") {
            // 判断是否为删除事件
            layer.confirm(
              "确定要删除这条记录吗？",
              { icon: 3, title: "提示" },
              function (index) {
                var allData = table.cache["id-EditmeettingOffdisTab"];
                // 在本地数据中移除该行数据
                allData.splice(dataIndex, 1);

                // 重新加载表格数据
                table.reload("id-EditmeettingOffdisTab", { data: allData });

                layer.msg("删除成功");
                layer.close(index); // 关闭确认对话框
              }
            );
          }
        });

        table.render({
          elem: "#id-EditoffdisOderTab",
          //  url: '/static/json/2/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口
          data: d.params.data.oders,
          page: false,
          cols: [
            [
              { type: "numbers", title: "序号" },
              {
                field: "time",
                title: "下单时间",

                templet: "#TPL-laydate-Meetingdemo",
                width: 150,
              },
              // { field: "goodsName", title: "货物名称", edit: "text" }, // 设置编辑类型为文本框
              { field: "actualPayment", title: "金额", edit: "number" }, // 设置编辑类型为文本框
              {
                width: 100,
                align: "center",
                title: "操作",
                fixed: "right",
                toolbar: "#LAY-app-bloggersInfo-EdittableintentionsBox-bar",
              },
            ],
          ],
          // initSort: {
          //   // 设置初始排序
          //   field: "time", // 字段名
          //   type: "desc", // 倒序
          // },
          height: 150,
          done: function (res, curr, count) {
            var options = this;
            // 获取当前行数据
            table.getRowData = function (tableId, elem) {
              var index = $(elem).closest("tr").data("index");
              return table.cache[tableId][index] || {};
            };
            laydate.render({
              elem: ".Meetinglaydate-demo",
              type: "datetime",
              trigger: "click",
              fullPanel: true,
              done: function (value, date, endDate) {
                var data = table.getRowData(options.id, this.elem); // 获取当前行数据(如 id 等字段，以作为数据修改的索引)
                // 更新数据中对应的字段
                data.time = value;
              },
            });
          },
        });

        // 监听添加数据按钮点击事件
        $("#addintentionsRow").on("click", function () {
          var newRowData = {
            id: 9999999, // 假设ID是一个时间戳
            actualPayment: 0,

            time: new Date().Format("yyyy-MM-dd hh:mm:ss"),
          };
          var allData = table.cache["id-EditoffdisOderTab"];
          allData.push(newRowData);
          table.reload("id-EditoffdisOderTab", {
            data: allData,
          });
        });

        
        // 为工具栏绑定事件
        table.on("tool(id-EditoffdisOderTab)", function (obj) {
          var data = obj.data; // 获得当前行数据
          var dataIndex = obj.tr.data("index"); // 获取行索引（这里使用了numbers类型的列，它会自动赋予每行一个索引）
          if (obj.event === "del") {
            // 判断是否为删除事件
            layer.confirm(
              "确定要删除这条记录吗？",
              { icon: 3, title: "提示" },
              function (index) {
                var allData = table.cache["id-EditoffdisOderTab"];
                // 在本地数据中移除该行数据
                allData.splice(dataIndex, 1);

                // 重新加载表格数据
                table.reload("id-EditoffdisOderTab", { data: allData });

                layer.msg("删除成功");
                layer.close(index); // 关闭确认对话框
              }
            );
          }
        });

        laydate.render({
          elem: "#editTime-OfflineDistributor-CollectionTime",
          type: "datetime",
          fullPanel: true,
        });
        laydate.render({
          elem: "#editTime-OfflineDistributor-createTime",
          type: "datetime",
          fullPanel: true,
        });
        laydate.render({
          elem: "#editTime-OfflineDistributor-upDataTime",
          type: "datetime",
          fullPanel: true,
        });
        form.verify({});
        //重载form
        form.render(null, "LAY-app-OfflineDistributor-editForm");
      }
    );
  };
</script>