File: /var/www/dk/wp-content/themes/food/food-admin/page-food-home.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x5-fullscreen" content="true">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta content="telephone=no" name="format-detection"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta name="full-screen" content="yes">
<title>FOOD ADMIN</title>
<meta name="description" content="">
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/food-app/css/antd.min.css">
<script src="<?php bloginfo('template_directory'); ?>/food-app/js/qs.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/food-app/js/vue.min.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/food-app/js/httpVueLoader.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/food-app/js/moment.min.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/food-app/js/antd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<style>
body {
background-color: #fff;
padding-top: 20px;
padding-right: 20px;
}
.new-pmaster-modal {
width: 800px;
}
.new-pmaster-modal .item {
display: flex;
align-items: center;
justify-content: space-between;
}
.new-pmaster-modal .item .required {
font-weight: 600;
}
.new-pmaster-modal .item .label {
min-width: 160px;
}
.ant-message {
top: 50px;
}
.update-nag, #wpfooter {
display: none;
}
</style>
<app id="app">
<div class="new-pmaster-modal">
<a-row>
<a-col>
<p class="item">
<span class="label required">招牌商品cate *</span>
<a-input :maxLength="400" v-model="info.cate1"></a-input>
</p>
<p class="item">
<span class="label required">part2 移動端圖片鏈接 *</span>
<a-input :maxLength="400" v-model="info.part2_m_url"></a-input>
</p>
<p class="item">
<span class="label required">part2 pc端圖片鏈接 *</span>
<a-input :maxLength="400" v-model="info.part2_pc_url"></a-input>
</p>
<p class="item">
<span class="label required">part2 商品cate *</span>
<a-input :maxLength="400" v-model="info.part2_cate"></a-input>
</p>
<p class="item">
<span class="label required">關於我們 公司圖片 *</span>
<a-input v-model="info.about_company_url"></a-input>
</p>
<p class="item">
<span class="label required">關於我們 內容 *</span>
<a-input v-model="info.about_content"></a-input>
</p>
<!-- <p class="item">
<span class="label required">關於我們 移動電話 *</span>
<a-input :maxLength="200" v-model="info.about_phone"></a-input>
</p> -->
<p class="item">
<span class="label required">關於我們 公司電話 *</span>
<a-input :maxLength="200" v-model="info.about_call"></a-input>
</p>
<p class="item">
<span class="label required">關於我們 電郵 *</span>
<a-input :maxLength="200" v-model="info.about_fax"></a-input>
</p>
<p class="item">
<span class="label required">關於我們 地址 *</span>
<a-input v-model="info.about_addr"></a-input>
</p>
<p class="item">
<span class="label required">關於我們 地址（英文） *</span>
<a-input v-model="info.about_addr_en"></a-input>
</p>
<p class="item">
<span class="label required">Payme *</span>
<a-input v-model="info.payme_url"></a-input>
</p>
<p class="item">
<span class="label required">首页视频 Url *</span>
<a-input v-model="info.zone_video_url"></a-input>
</p>
</a-col>
</a-row>
<p style="text-align:right">
<a-button @click="handleOk" type="primary" :loading="loading"
>提交
</a-button
>
</p>
</div>
</div>
<script>
<?php $info_post = 20; ?>
new Vue({
el: "#app",
created() {
this.get_banner()
},
data: {
loading: false,
info: {
info_post: "<?php echo $info_post; ?>",
cate1: "",
part2_m_url: "",
part2_pc_url: "",
part2_cate: "",
about_company_url: "",
about_content: "",
about_phone: "",
about_call: "",
about_fax: "",
about_addr: "",
about_addr_en: "",
payme_url: "",
zone_video_url: ""
}
},
created() {
this.r_home_info()
},
methods: {
async handleOk() {
this.loading = true
let res = await axios({
method: 'post',
url: '/api/',
data: Qs.stringify({
module: 'home_info',
action: 'u_home_info',
info_post: '<?php echo $info_post; ?>',
...this.info
})
});
this.loading = false
if (res.status == 200) {
let data = res.data;
if (data.rc == 0) {
antd.message.success('success');
this.r_home_info()
}
}
},
async r_home_info() {
let res = await axios({
method: 'post',
url: '/api/',
data: Qs.stringify({
module: 'home_info',
action: 'r_home_info',
info_post: '<?php echo $info_post; ?>',
})
});
if (res.status == 200) {
let data = res.data;
if (data.rc == 0) {
this.info = data.res
}
}
}
}
})
</script>
</body>
</html>