372 lines
13 KiB
HTML
372 lines
13 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html dir="rtl">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Hello Bulma!</title>
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/bulma.min.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/bulma-rtl.min.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/DataTables/datatables.min.css' %}"/>
|
|
<script type="text/javascript" src="{% static 'admin_panel/DataTables/datatables.min.js' %}"></script>
|
|
|
|
<script type="text/javascript" src="{% static 'admin_panel/kamadatepicker.min.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'admin_panel/kamadatepicker.holidays.js' %}"></script>
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/kamadatepicker.min.css' %}">
|
|
|
|
<link rel="stylesheet" type="text/css" href="{% static 'admin_panel/style.css' %}">
|
|
<style>
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar is-primary is-fixed-top" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="https://bulma.io">
|
|
<img src="./images/bulma-logo.png" width="112" height="28">
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbarBasicExample" class="navbar-menu">
|
|
<div class="navbar-start mr-0">
|
|
<a class="navbar-item">
|
|
اصلی
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
مشتریان
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
انبار
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
کاربران
|
|
</a>
|
|
|
|
<a class="navbar-item">
|
|
کاربران
|
|
</a>
|
|
</div>
|
|
|
|
<div class="navbar-end ml-0">
|
|
<div class="navbar-item">
|
|
<div class="buttons">
|
|
<a class="button is-primary">
|
|
<strong>Sign up</strong>
|
|
</a>
|
|
<a class="button is-light">
|
|
Log in
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="">
|
|
<div class="columns m-0 mt-6 pt-3 is-centered pb0Nested">
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white ">
|
|
<p>253.000.000</p>
|
|
<p>بدهی سر رسید شده</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white">
|
|
<p>4589</p>
|
|
<p>تعدادکل مشتریان</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white">
|
|
<p>12</p>
|
|
<p>در انتظار تکمیل رضایتمندی</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-info has-text-white">
|
|
<p>193</p>
|
|
<p>6 ماه از آخرین بازدید گذشته</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-one-fifth-desktop is-full-mobile has-text-centered">
|
|
<div class="boxIndex01 has-background-danger has-text-white">
|
|
<p>23</p>
|
|
<p>صف بازدید</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns m-0">
|
|
|
|
<div class="column is-12">
|
|
<!--<div class="buttons">
|
|
<a href="#" id="addNewUser" class="button is-info is-active is-rounded mr-0">ایجاد مشتری جدید</a>
|
|
<a href="#" id="openSearchBox" class="button is-info is-outlined is-rounded mr-0">جستجو</a>
|
|
</div>!-->
|
|
<div class="table-container">
|
|
<table class="table has-text-centered is-bordered is-striped is-narrow is-hoverable is-fullwidth">
|
|
<!-- Your table content -->
|
|
<thead>
|
|
<tr style="
|
|
background: #33b5d3;
|
|
">
|
|
<th >ردیف</th>
|
|
<th style="min-width: 200px;">نام و نام خانودگی</th>
|
|
<th >تاریخ بازدید</th>
|
|
<th >نوبت</th>
|
|
<th style="min-width: 150px;">توسط</th>
|
|
<th >تلفن</th>
|
|
<th style="min-width: 400px;">آدرس</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>
|
|
<input class="is-hidden fid fidv-20" value="20">
|
|
<div class="tdvl openRow name">
|
|
محمد جواد فصاحت
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="tdvl lastView">
|
|
1400/05/04
|
|
</div>
|
|
</td>
|
|
|
|
<td>
|
|
<div class="tdvl nobat">
|
|
صبح
|
|
</div>
|
|
</td>
|
|
|
|
<td>
|
|
<div class="tdvl tavasot">
|
|
خدمات 1 سالاری
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="tdvl mobile_1">
|
|
09384999655
|
|
</div>
|
|
<div class="tdvl is-hidden mobile_2">
|
|
09384999655
|
|
</div>
|
|
<div class="tdvl is-hidden mobile_3">
|
|
09384999655
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="tdvl address">
|
|
تست
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal BazdidF">
|
|
<div class="modal-background closeBazdidF"></div>
|
|
<div class="modal-content">
|
|
<div class="columns is-mobile is-multiline">
|
|
|
|
<div class="field column is-6-desktop is-12-mobile m-0">
|
|
<label class="label">نام ونام خانوادگی</label>
|
|
<div class="control">
|
|
<input disabled class="input rf_name" id="bz_name" type="text" placeholder="نام نام خانوادگی">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-6-desktop is-12-mobile m-0">
|
|
<label class="label">مبلغ بدهی قبلی</label>
|
|
<div class="control">
|
|
<input disabled class="input" value="522555" id="bedehi" type="text" placeholder="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-12-desktop is-12-mobile m-0">
|
|
<label class="label">آدرس</label>
|
|
<div class="control">
|
|
<input disabled class="input rf_address" id="bz_address" type="text" placeholder="آدرس">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">تلفن همراه</label>
|
|
<div class="control">
|
|
<input disabled class="input rf_mobile" id="phone-1" type="text" placeholder="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">تاریخ انجام</label>
|
|
<div class="control">
|
|
<input name="bazdidDateTime" id="persianDateP" class="input bz_DateTime" type="text" placeholder="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field column is-4-desktop is-12-mobile m-0">
|
|
<label class="label">زمان مراجعه</label>
|
|
<div class="select">
|
|
<select>
|
|
<option>زمان را انتخاب کنید</option>
|
|
<option>صبح</option>
|
|
<option>ظهر</option>
|
|
<option>بعد از ظهر</option>
|
|
<option>غروب</option>
|
|
<option>شب</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-12-desktop is-12-mobile m-0 ">
|
|
<div class="factorIteamL">
|
|
|
|
</div>
|
|
|
|
|
|
<div class="is-12-desktop is-12-mobile m-0 mt-4">
|
|
<p>جستجوی محصول</p>
|
|
<span style="width: 200px; display: inline-block;">
|
|
<input type="text" id="prdstrsrch" class="input">
|
|
</span>
|
|
<span style="width: 100px; display: inline-block;"></span>
|
|
</div >
|
|
|
|
<div class="is-12-desktop is-12-mobile m-0 mt-4 searchRs">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="column is-4-desktop is-12-mobile m-0">
|
|
تخفیف
|
|
<input type="text" class="input is-danger">
|
|
</div>
|
|
|
|
<p class=" has-text-centered mt-5 sumFactor">
|
|
<span>جمع کل:</span>
|
|
<span>525.555.000</span>
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="field column is-8-desktop is-12-mobile m-0">
|
|
<label class="label">توضیحات</label>
|
|
<div class="control">
|
|
<textarea class="textarea" placeholder="توضیحات"></textarea> </div>
|
|
</div>
|
|
|
|
<div class="field column is-12-desktop is-12-mobile m-0">
|
|
<input class="button is-danger" id="editCS" value="ثبت بازدید و ایجاد فاکتور" type="submit">
|
|
</div>
|
|
<div class="field column is-12-desktop is-12-mobile m-0">
|
|
<input class="button is-success is-small" id="editCS" value="ثبت بازدید بدون فاکتور" type="submit">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<button class="modal-close is-large closeBazdidF" aria-label="close"></button>
|
|
</div>
|
|
|
|
</body>
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
var productList = [
|
|
{
|
|
pname:'ممبران',
|
|
price: 12000,
|
|
code: 33
|
|
},
|
|
{
|
|
pname:'مرحله 1',
|
|
price: 56000,
|
|
code: 44
|
|
}
|
|
]
|
|
|
|
|
|
|
|
$('#prdstrsrch').on('input', function() {
|
|
var prdFilter = productList.filter(function(prd){
|
|
return prd.pname.includes($("#prdstrsrch").val());
|
|
});
|
|
$(".searchRs").html("");
|
|
prdFilter.forEach(element => {
|
|
var strEl = `<p class="mb-2">
|
|
<span class="name_it1" style="width: 200px; display: inline-block;">`+element.pname+`</span>
|
|
<span class="price_it1">`+element.price+`</span>
|
|
<span class="is-hidden code_it1">`+element.code+`</span>
|
|
<input class="count_it1" type="number" class="input" style="width: 100px; display: inline-block;">
|
|
<span>
|
|
<button class="button is-success is-small addToFactor1">+</button>
|
|
</span>
|
|
</p>`;
|
|
|
|
$(".searchRs").append(strEl);
|
|
});
|
|
|
|
});
|
|
|
|
$(document).on('click', '.addToFactor1', function(){
|
|
var name_it1 = $(this).parent().parent().find(".name_it1").html();
|
|
var price_it1 = $(this).parent().parent().find(".price_it1").html();
|
|
var code_it1 = $(this).parent().parent().find(".code_it1").html();
|
|
var count_it1 = $(this).parent().parent().find(".count_it1").val();
|
|
var strFI = `
|
|
<p>
|
|
<span class="is-hidden code_FI">`+code_it1+`</span>
|
|
<span style="width: 150px ;">`+name_it1+`</span>
|
|
<span>`+count_it1+`</span>
|
|
<span style="width: 100px ;">`+price_it1+`</span>
|
|
</p>
|
|
`;
|
|
|
|
$(".factorIteamL").append(strFI);
|
|
|
|
|
|
});
|
|
|
|
kamaDatepicker('persianDateP', { buttonsColor: "red", forceFarsiDigits: true });
|
|
|
|
|
|
|
|
$(".closeBazdidF").click(function(){
|
|
$(".BazdidF").removeClass("is-active")
|
|
});
|
|
$(".openRow").click(function(){
|
|
var id = $(this).parent().parent().find('.fid').val().trim();
|
|
var name = $(this).parent().parent().find('.name').text().trim();
|
|
var mobile_1 = $(this).parent().parent().find('.mobile_1').text().trim();
|
|
|
|
var address = $(this).parent().parent().find('.address').text().trim();
|
|
//alert(id)
|
|
$(".BazdidF").find('#bz_name').val(name);
|
|
$(".BazdidF").find('#phone-1').val(mobile_1);
|
|
|
|
//$("#bedehiStatus").val('وضعیت')
|
|
|
|
$(".BazdidF").addClass("is-active")
|
|
});
|
|
} );
|
|
</script>
|
|
</html> |