update
This commit is contained in:
@ -2,6 +2,14 @@
|
||||
$platforms = call_user_func(function () {
|
||||
return \App\Model\AppWebsiteConfig::query()->where('is_delete', 0)->get()->toArray();
|
||||
});
|
||||
|
||||
$firstColumn = call_user_func(function () {
|
||||
return json_encode(\App\Model\AppNewsColumn::query()->where('is_delete', 0)->get()->groupBy('website')->toArray());
|
||||
});
|
||||
|
||||
$secondColumn = call_user_func(function () {
|
||||
return json_encode(\App\Model\AppNewsSecondColumn::query()->where('is_delete', 0)->get()->groupBy('rid')->toArray());
|
||||
});
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
@ -11,9 +19,9 @@ $platforms = call_user_func(function () {
|
||||
<link rel="stylesheet" href="/component/pear/css/pear.css" />
|
||||
<link rel="stylesheet" href="/admin/css/reset.css" />
|
||||
<link
|
||||
href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
href="/component/wangeditor/style.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -23,7 +31,7 @@ $platforms = call_user_func(function () {
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">发布平台</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="platform" lay-search="">
|
||||
<select name="platform" lay-search="" lay-filter="platform">
|
||||
<option value="">请选择</option>
|
||||
<?php foreach ($platforms ?: [] as $platform): ?>
|
||||
<option value="<?= $platform['id'] ?>"><?= $platform['app_name'] ?></option>
|
||||
@ -31,6 +39,22 @@ $platforms = call_user_func(function () {
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">一级栏目</label>
|
||||
<div class="layui-input-block">
|
||||
<select id="first-column" name="column1" lay-search="" lay-filter="first-column">
|
||||
<option value="">请选择</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">二级栏目</label>
|
||||
<div class="layui-input-block">
|
||||
<select id="second-column" name="column2" lay-search="">
|
||||
<option value="">请选择</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label required">文章标题</label>
|
||||
<div class="layui-input-block">
|
||||
@ -80,7 +104,7 @@ $platforms = call_user_func(function () {
|
||||
</form>
|
||||
<script src="/component/layui/layui.js?v=2.8.12"></script>
|
||||
<script src="/component/pear/pear.js"></script>
|
||||
<script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
|
||||
<script src="/component/wangeditor/index.js"></script>
|
||||
<script>
|
||||
// api
|
||||
const INSERT_API = "/admin/api/news/insert"; // 插入新闻
|
||||
@ -129,6 +153,41 @@ $platforms = call_user_func(function () {
|
||||
layui.use(['upload', 'jquery'], function(){
|
||||
const upload = layui.upload;
|
||||
const $ = layui.jquery;
|
||||
const form = layui.form
|
||||
|
||||
// 站点
|
||||
form.on('select(platform)', function(data){
|
||||
const val = data.value
|
||||
var firstColumn = JSON.parse('<?= $firstColumn ?>')
|
||||
console.log(firstColumn[val])
|
||||
let html = '<option value="">请选择</option>'
|
||||
if (firstColumn[val]) {
|
||||
firstColumn[val].forEach(item => {
|
||||
html += `<option value="${item.id}">${item.name}</option>`
|
||||
})
|
||||
console.log(html)
|
||||
}
|
||||
|
||||
$('#first-column').html(html);
|
||||
form.render('select'); // 重新渲染 select 以应用新的选项和样式
|
||||
});
|
||||
|
||||
// 站点
|
||||
form.on('select(first-column)', function(data){
|
||||
const val = data.value
|
||||
var firstColumn = JSON.parse('<?= $secondColumn ?>')
|
||||
console.log(firstColumn[val])
|
||||
let html = '<option value="0">请选择</option>'
|
||||
if (firstColumn[val]) {
|
||||
firstColumn[val].forEach(item => {
|
||||
html += `<option value="${item.id}">${item.name}</option>`
|
||||
})
|
||||
console.log(html)
|
||||
}
|
||||
|
||||
$('#second-column').html(html);
|
||||
form.render('select'); // 重新渲染 select 以应用新的选项和样式
|
||||
});
|
||||
|
||||
//执行实例
|
||||
var uploadInst = upload.render({
|
||||
|
Reference in New Issue
Block a user