username@email.com
2024-04-02 7fdf7d7bd39cd0381c3969ad6302be0e693cad2d
CoreCms.Net.Web.Admin/wwwroot/views/baifenbingfa/offlinedistributor/index.html
New file
@@ -0,0 +1,721 @@
<title>线下经销商采集</title>
<!--当前位置开始-->
<div class="layui-card layadmin-header">
  <div class="layui-breadcrumb" lay-filter="breadcrumb">
    <script
      type="text/html"
      template
      lay-done="layui.data.updateMainBreadcrumb();"
    ></script>
  </div>
</div>
<!--当前位置结束-->
<style>
  /* 重写样式 */
</style>
<script
  type="text/html"
  template
  lay-type="Post"
  lay-url="Api/OfflineDistributor/GetIndex"
  lay-done="layui.data.done(d);"
></script>
<div class="table-body">
  <table
    id="LAY-app-OfflineDistributor-tableBox"
    lay-filter="LAY-app-OfflineDistributor-tableBox"
  ></table>
</div>
<script type="text/html" id="LAY-app-OfflineDistributor-toolbar">
  <div class="layui-form coreshop-toolbar-search-form">
    <div class="layui-form-item">
      <div class="layui-inline">
        <label class="layui-form-label" for="Category">类别</label>
        <div class="layui-input-inline">
          <input
            type="text"
            name="category"
            placeholder="请输入类别"
            class="layui-input"
            id="searchCatgory"
          />
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label" for="CollectionTime"
          >信息收集时间</label
        >
        <div class="layui-input-inline" style="width: 260px;">
          <input
            type="text"
            name="collectionTime"
            id="searchTime-OfflineDistributor-CollectionTime"
            placeholder="请输入信息收集时间"
            class="layui-input"
          />
        </div>
      </div>
      <div class="layui-inline areaCode">
        <label class="layui-form-label " for="Region">区域信息</label>
        <div class="layui-input-inline" style="width: 300px;">
          <input type="text" name="SesRegion" hidden />
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label" for="Adder">详细地址</label>
        <div class="layui-input-inline">
          <input
            type="text"
            name="adder"
            placeholder="请输入详细地址"
            class="layui-input"
          />
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label" for="school">学校名称</label>
        <div class="layui-input-inline">
          <input
            type="text"
            name="school"
            placeholder="请输入学校名称"
            class="layui-input"
          />
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label" for="DealerName">经销商名称</label>
        <div class="layui-input-inline">
          <input
            type="text"
            name="dealerName"
            placeholder="请输入经销商名称"
            class="layui-input"
          />
        </div>
      </div>
      <div class="layui-inline">
        <label class="layui-form-label" for="CooperationIntent">合作意向</label>
        <div class="layui-input-inline">
          <input
            name="cooperationIntent"
            class="layui-input"
            placeholder="请输入合作意向"
            lay-reqText="请输入合作意向"
            id="SeCooperationIntent"
          />
        </div>
      </div>
      <div class="layui-inline">
        <button
          class="layui-btn layui-btn-sm"
          lay-submit
          lay-filter="LAY-app-OfflineDistributor-search"
        >
          <i class="layui-icon layui-icon-search"></i>筛选
        </button>
      </div>
    </div>
  </div>
</script>
<script type="text/html" id="LAY-app-OfflineDistributor-pagebar">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="addData">
      <i class="layui-icon layui-icon-add-1"></i>添加数据
    </button>
    <button class="layui-btn layui-btn-sm" lay-event="batchDelete">
      <i class="layui-icon layui-icon-delete"></i>批量删除
    </button>
    <button class="layui-btn layui-btn-sm" lay-event="selectExportExcel">
      <i class="layui-icon layui-icon-add-circle"></i>选择导出
    </button>
    <button class="layui-btn layui-btn-sm" lay-event="queryExportExcel">
      <i class="layui-icon layui-icon-download-circle"></i>查询导出
    </button>
  </div>
</script>
<script type="text/html" id="LAY-app-OfflineDistributor-tableBox-bar">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail"
    >查看</a
  >
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a
    class="layui-btn layui-btn-danger layui-btn-xs"
    data-dropdown="#OfflineDistributorTbDelDrop{{d.LAY_INDEX}}"
    no-shade="true"
    >删除</a
  >
  <div
    class="dropdown-menu-nav dropdown-popconfirm dropdown-top-right layui-hide"
    id="OfflineDistributorTbDelDrop{{d.LAY_INDEX}}"
    style="max-width: 200px;white-space: normal;min-width: auto;margin-left: 10px;"
  >
    <div class="dropdown-anchor"></div>
    <div class="dropdown-popconfirm-title">
      <i class="layui-icon layui-icon-help"></i>
      确定要删除吗?
    </div>
    <div class="dropdown-popconfirm-btn">
      <a class="layui-btn layui-btn-primary cursor" btn-cancel>取消</a>
      <a class="layui-btn layui-btn-normal cursor" lay-event="del">确定</a>
    </div>
  </div>
</script>
<script>
  var indexData;
  var debug = layui.setter.debug;
  layui.data.done = function (d) {
    //开启调试情况下获取接口赋值数据
    if (debug) {
      console.log(d);
    }
    indexData = d.data;
    layui.use(
      [
        "index",
        "table",
        "laydate",
        "util",
        "coredropdown",
        "coreHelper",
        "dropdown",
      ],
      function () {
        var $ = layui.$,
          admin = layui.admin,
          table = layui.table,
          form = layui.form,
          laydate = layui.laydate,
          setter = layui.setter,
          coreHelper = layui.coreHelper,
          util = layui.util,
          dropdown = layui.dropdown,
          view = layui.view;
        var searchwhere;
        formatAreaInPut(coreHelper, "SesRegion");
        //监听搜索
        form.on("submit(LAY-app-OfflineDistributor-search)", function (data) {
          var field = data.field;
          field.region = GetAreaCodeFormFileid(field, "SesRegion");
          searchwhere = field;
          //执行重载
          table.reloadData("LAY-app-OfflineDistributor-tableBox", {
            where: field,
          });
        });
        //数据绑定
        table.render({
          elem: "#LAY-app-OfflineDistributor-tableBox",
          url: layui.setter.apiUrl + "Api/OfflineDistributor/GetPageList",
          method: "POST",
          toolbar: "#LAY-app-OfflineDistributor-toolbar",
          pagebar: "#LAY-app-OfflineDistributor-pagebar",
          className: "pagebarbox",
          defaultToolbar: ["filter", "print", "exports"],
          height: "full-127", //面包屑142px,搜索框4行172,3行137,2行102,1行67
          page: true,
          limit: 30,
          limits: [10, 15, 20, 25, 30, 50, 100, 200],
          text: { none: "暂无相关数据" },
          cols: [
            [
              { type: "checkbox", fixed: "left" },
              { type: "numbers", title: "序号" },
              {
                field: "collectionTime",
                title: "信息收集时间",
                width: 130,
                sort: false,
              },
              { field: "category", title: "类别", sort: false, width: 105 },
              {
                field: "areaCodeName",
                title: "区域",
                sort: false,
                width: 200,
              },
              { field: "adder", title: "详细地址", sort: false, width: 200 },
              {
                field: "cooperationIntent",
                title: "合作意向",
                sort: false,
                width: 105,
              },
              { field: "school", title: "学校名称", sort: false, width: 105 },
              { field: "dealerName", title: "经销商名称", sort: false ,width: 105},
              {
                field: "contactPerson",
                title: "联系人姓名",
                sort: false,
                width: 105,
              },
              {
                field: "phoneNumber",
                title: "联系电话",
                sort: false,
                width: 105,
              },
              {
                field: "businessManager",
                title: "业务经理",
                sort: false,
                width: 105,
              },
              {
                field: "meetingCount",
                title: "洽谈记录",
                sort: false,
                width: 105,
                templet: "#OffdismeetingCountTmp",
              },
              {
                field: "money",
                title: "订货记录",
                sort: false,
                width: 105,
                templet: "#OffdismoneyTmp",
              },
              { field: "remake", title: "备注", sort: false, width: 105 },
              {
                width: 162,
                align: "center",
                title: "操作",
                fixed: "right",
                toolbar: "#LAY-app-OfflineDistributor-tableBox-bar",
              },
            ],
          ],
        });
        //监听排序事件
        table.on("sort(LAY-app-OfflineDistributor-tableBox)", function (obj) {
          table.reloadData("LAY-app-OfflineDistributor-tableBox", {
            initSort: obj, //记录初始排序,如果不设的话,将无法标记表头的排序状态。
            where: {
              //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)
              orderField: obj.field, //排序字段
              orderDirection: obj.type, //排序方式
            },
          });
        });
        //监听行双击事件
        table.on(
          "rowDouble(LAY-app-OfflineDistributor-tableBox)",
          function (obj) {
            //查看详情
            doDetails(obj);
          }
        );
        //头工具栏事件
        table.on(
          "pagebar(LAY-app-OfflineDistributor-tableBox)",
          function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
              case "addData":
                doCreate();
                break;
              case "batchDelete":
                doBatchDelete(checkStatus);
                break;
              case "selectExportExcel":
                doSelectExportExcel(checkStatus);
                break;
              case "queryExportExcel":
                doQueryExportexcel();
                break;
            }
          }
        );
        dropdown.render({
          elem: "#SeCooperationIntent",
          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: "#searchCatgory",
          data: [
            {
              title: "文具店",
              id: 101,
            },
            {
              title: "广告店",
              id: 102,
            },
            {
              title: "小卖部",
              id: 103,
            },
          ],
          click: function (obj) {
            this.elem.val(obj.title);
          },
          style: "min-width: 235px;",
        });
        //监听工具条
        table.on("tool(LAY-app-OfflineDistributor-tableBox)", function (obj) {
          if (obj.event === "detail") {
            doDetails(obj);
          } else if (obj.event === "del") {
            doDelete(obj);
          } else if (obj.event === "edit") {
            doEdit(obj);
          }
        });
        //执行创建操作
        function doCreate() {
          coreHelper.Post(
            "Api/OfflineDistributor/GetCreate",
            null,
            function (e) {
              if (e.code === 0) {
                admin.popup({
                  shadeClose: false,
                  title: "创建数据",
                  area: ["1200px", "90%"],
                  id: "LAY-popup-OfflineDistributor-create",
                  success: function (layero, index) {
                    view(this.id)
                      .render("baifenbingfa/OfflineDistributor/create", {
                        data: e.data,
                      })
                      .done(function () {
                        //监听提交
                        form.on(
                          "submit(LAY-app-OfflineDistributor-createForm-submit)",
                          function (data) {
                            var field = data.field; //获取提交的字段
                            field.isdelete = field.isdelete == "on";
                            field.region = GetAreaCodeFormFileid(
                              field,
                              "CreatofflinedisRegion"
                            );
                            if (debug) {
                              console.log(field);
                            } //开启调试返回数据
                            //提交 Ajax 成功后,关闭当前弹层并重载表格
                            coreHelper.Post(
                              "Api/OfflineDistributor/DoCreate",
                              field,
                              function (e) {
                                console.log(e);
                                if (e.code === 0) {
                                  layui.table.reloadData(
                                    "LAY-app-OfflineDistributor-tableBox"
                                  ); //重载表格
                                  layer.close(index); //再执行关闭
                                  layer.msg(e.msg);
                                } else {
                                  layer.msg(e.msg);
                                }
                              }
                            );
                          }
                        );
                      });
                    // 禁止弹窗出现滚动条
                    $(layero)
                      .children(".layui-layer-content")
                      .css("overflow", "visible");
                  },
                  btn: ["确定", "取消"],
                  yes: function (index, layero) {
                    layero
                      .contents()
                      .find("#LAY-app-OfflineDistributor-createForm-submit")
                      .click();
                  },
                });
              } else {
                layer.msg(e.msg);
              }
            }
          );
        }
        //执行编辑操作
        function doEdit(obj) {
          coreHelper.Post(
            "Api/OfflineDistributor/GetEdit",
            { id: obj.data.id },
            function (e) {
              if (e.code === 0) {
                admin.popup({
                  shadeClose: false,
                  title: "编辑数据",
                  area: ["1200px", "90%"],
                  id: "LAY-popup-OfflineDistributor-edit",
                  success: function (layero, index) {
                    view(this.id)
                      .render("baifenbingfa/OfflineDistributor/edit", {
                        data: e.data,
                      })
                      .done(function () {
                        //监听提交
                        form.on(
                          "submit(LAY-app-OfflineDistributor-editForm-submit)",
                          function (data) {
                            var field = data.field; //获取提交的字段
                            field.isdelete = field.isdelete == "on";
                            field.region = GetAreaCodeFormFileid(
                              field,
                              "editOfflinedisRegion"
                            );
                            field.meetings =
                              table.cache["id-EditmeettingOffdisTab"];
                            field.Oders = table.cache["id-EditoffdisOderTab"];
                            if (debug) {
                              console.log(field);
                            } //开启调试返回数据
                            //提交 Ajax 成功后,关闭当前弹层并重载表格
                            coreHelper.Post(
                              "Api/OfflineDistributor/DoEdit",
                              field,
                              function (e) {
                                console.log(e);
                                if (e.code === 0) {
                                  layui.table.reloadData(
                                    "LAY-app-OfflineDistributor-tableBox"
                                  ); //重载表格
                                  layer.close(index); //再执行关闭
                                  layer.msg(e.msg);
                                } else {
                                  layer.msg(e.msg);
                                }
                              }
                            );
                          }
                        );
                      });
                    // 禁止弹窗出现滚动条
                    $(layero)
                      .children(".layui-layer-content")
                      .css("overflow", "visible");
                  },
                  btn: ["确定", "取消"],
                  yes: function (index, layero) {
                    layero
                      .contents()
                      .find("#LAY-app-OfflineDistributor-editForm-submit")
                      .click();
                  },
                });
              } else {
                layer.msg(e.msg);
              }
            }
          );
        }
        //执行预览操作
        function doDetails(obj) {
          coreHelper.Post(
            "Api/OfflineDistributor/GetDetails",
            { id: obj.data.id },
            function (e) {
              if (e.code === 0) {
                admin.popup({
                  shadeClose: false,
                  title: "查看详情",
                  area: ["1200px", "90%"],
                  id: "LAY-popup-OfflineDistributor-details",
                  success: function (layero, index) {
                    view(this.id)
                      .render("baifenbingfa/OfflineDistributor/details", {
                        data: e.data,
                      })
                      .done(function () {
                        form.render();
                      });
                    // 禁止弹窗出现滚动条
                    $(layero)
                      .children(".layui-layer-content")
                      .css("overflow", "visible");
                  },
                });
              } else {
                layer.msg(e.msg);
              }
            }
          );
        }
        //执行单个删除
        function doDelete(obj) {
          coreHelper.Post(
            "Api/OfflineDistributor/DoDelete",
            { id: obj.data.id },
            function (e) {
              if (debug) {
                console.log(e);
              } //开启调试返回数据
              table.reloadData("LAY-app-OfflineDistributor-tableBox");
              layer.msg(e.msg);
            }
          );
        }
        //执行批量删除
        function doBatchDelete(checkStatus) {
          var checkData = checkStatus.data;
          if (checkData.length === 0) {
            return layer.msg("请选择要删除的数据");
          }
          layer.confirm("确定删除吗?删除后将无法恢复。", function (index) {
            var delidsStr = [];
            layui.each(checkData, function (index, item) {
              delidsStr.push(item.id);
            });
            coreHelper.Post(
              "Api/OfflineDistributor/DoBatchDelete",
              { id: delidsStr },
              function (e) {
                if (debug) {
                  console.log(e);
                } //开启调试返回数据
                table.reloadData("LAY-app-OfflineDistributor-tableBox");
                layer.msg(e.msg);
              }
            );
          });
        }
        //执行查询条件导出excel
        function doQueryExportexcel() {
          layer.confirm("确定根据当前的查询条件导出数据吗?", function (index) {
            var field = searchwhere;
            coreHelper.PostForm(
              "Api/OfflineDistributor/QueryExportExcel",
              field,
              function (e) {
                if (debug) {
                  console.log(e);
                } //开启调试返回数据
                if (e.code === 0) {
                  window.open(e.data);
                } else {
                  layer.msg(e.msg);
                }
              }
            );
          });
        }
        //执行选择目录导出数据
        function doSelectExportExcel(checkStatus) {
          var checkData = checkStatus.data;
          if (checkData.length === 0) {
            return layer.msg("请选择您要导出的数据");
          }
          layer.confirm("确定导出选择的内容吗?", function (index) {
            var delidsStr = [];
            layui.each(checkData, function (index, item) {
              delidsStr.push(item.id);
            });
            layer.close(index);
            coreHelper.Post(
              "Api/OfflineDistributor/SelectExportExcel",
              { id: delidsStr },
              function (e) {
                if (debug) {
                  console.log(e);
                } //开启调试返回数据
                if (e.code === 0) {
                  window.open(e.data);
                } else {
                  layer.msg(e.msg);
                }
              }
            );
          });
        }
        laydate.render({
          elem: "#searchTime-OfflineDistributor-CollectionTime",
          type: "datetime",
          range: "到",
        });
        laydate.render({
          elem: "#searchTime-OfflineDistributor-createTime",
          type: "datetime",
          range: "到",
        });
        laydate.render({
          elem: "#searchTime-OfflineDistributor-upDataTime",
          type: "datetime",
          range: "到",
        });
        //监听 表格复选框操作
        layui.form.on("switch(switch_isdelete)", function (obj) {
          coreHelper.Post(
            "Api/OfflineDistributor/DoSetisdelete",
            { id: this.value, data: obj.elem.checked },
            function (e) {
              if (debug) {
                console.log(e);
              } //开启调试返回数据
              //table.reloadData('LAY-app-OfflineDistributor-tableBox');
              layer.msg(e.msg);
            }
          );
        });
        //重载form
        form.render();
      }
    );
  };
</script>
<!--设置删除标志-->
<script type="text/html" id="switch_isdelete">
  <input type="checkbox" name="switch_isdelete" value="{{d.id}}"
  lay-skin="switch" lay-text="开启|关闭" lay-filter="switch_isdelete" {{
  d.isdelete ? 'checked' : '' }}>
</script>
<script src="/views/liao.js"></script>
<style>
    .areaCode .select-address {
      padding: 5px !important        ;
      width: 30%;
    }
  </style>
<!--洽谈记录-->
<script type="text/html" id="nicknameTmp">
  <a lay-event="edit" style="color: blue;">{{d.nickname}}</a>
  <!-- <input type="checkbox" name="switch_isdelete" value="{{d.id}}" lay-skin="switch" lay-text="开启|关闭" lay-filter="switch_isdelete" {{ d.isdelete ? 'checked' : '' }}> -->
</script>