master
嘉祥 詹 2024-04-18 19:20:21 +08:00
parent 887779148e
commit c68018d100
4 changed files with 322 additions and 3 deletions

View File

@ -15,6 +15,7 @@ public class kolProjectDetail
public List<kolProjectPriceDetail> kolProjectPrices = new List<kolProjectPriceDetail>(); public List<kolProjectPriceDetail> kolProjectPrices = new List<kolProjectPriceDetail>();
public List<kolProjectEvaluate> kolProjectEvaluates = new List<kolProjectEvaluate>(); public List<kolProjectEvaluate> kolProjectEvaluates = new List<kolProjectEvaluate>();
public List<kolCooperateType> kolCooperateTypes = new List<kolCooperateType>(); public List<kolCooperateType> kolCooperateTypes = new List<kolCooperateType>();
public List<kolCooperateTypeDetail> kolCooperateTypeDetails = new List<kolCooperateTypeDetail>();
public List<kolProjectFile> kolProjectFiles = new List<kolProjectFile>(); public List<kolProjectFile> kolProjectFiles = new List<kolProjectFile>();
public project project = new project(); public project project = new project();
@ -33,6 +34,12 @@ public class kolProjectDetail
kolCooperateTypes = conn.Query<kolCooperateType>("select * from kolCooperateType where kolProject_uid = @kolProject_uid", new { kolProject_uid = kolProject_uid }).ToList(); kolCooperateTypes = conn.Query<kolCooperateType>("select * from kolCooperateType where kolProject_uid = @kolProject_uid", new { kolProject_uid = kolProject_uid }).ToList();
kolProjectFiles = conn.Query<kolProjectFile>("select * from kolProjectFile where kolProject_uid = @kolProject_uid", new { kolProject_uid = kolProject_uid }).ToList(); kolProjectFiles = conn.Query<kolProjectFile>("select * from kolProjectFile where kolProject_uid = @kolProject_uid", new { kolProject_uid = kolProject_uid }).ToList();
foreach (kolCooperateType objData in kolCooperateTypes)
{
kolCooperateTypeDetail objItem = new kolCooperateTypeDetail(objData);
kolCooperateTypeDetails.Add(objItem);
}
project = conn.QueryFirst<project>("select * from project where project_uid = @project_uid ", new { project_uid = kolProject.project_uid }); project = conn.QueryFirst<project>("select * from project where project_uid = @project_uid ", new { project_uid = kolProject.project_uid });

View File

@ -1078,3 +1078,168 @@
</div><!-- /.modal-dialog --> </div><!-- /.modal-dialog -->
</div> </div>
</form><!-- /.modal --> </form><!-- /.modal -->
<!-- .modal -->
<form id="clientCasePreivewForm" name="clientCasePreviewForm">
<div class="modal fade" id="clientCasePreviewModal" tabindex="-1" role="dialog" aria-labelledby="clientCasePreviewModalLabel" data-backdrop="static" aria-hidden="true">
<!-- .modal-dialog -->
<div class="modal-dialog modal-lg" role="document">
<!-- .modal-content -->
<div class="modal-content">
<!-- .modal-header -->
<div class="modal-header">
<h6 id="socialModalLabel" class="modal-title inline-editable">
<span class="sr-only">KOL Profile</span> <input id="previewKol_name1" type="text" class="form-control form-control-lg" value="" placeholder="KOL Profile" readonly="readonly " required="">
</h6>
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
</button>
</div><!-- /.modal-header -->
<!-- .modal-body -->
<div class="modal-body">
<div class="form-row">
<!-- form column -->
<label for="input02" class="col-md-3">案件名稱</label> <!-- /form column -->
<!-- form column -->
<div class="col-md-9 mb-3">
<input type="text" class="form-control" id="previewProject_name" value="" readonly="readonly">
</div><!-- /form column -->
</div>
<div class="form-row">
<!-- form column -->
<label for="input03" class="col-md-3">合作形式</label> <!-- /form column -->
<!-- form column -->
<div class="col-md-9 mb-3">
<input type="text" class="form-control" id="previewProject_Cooper" readonly="readonly"></input>
</div><!-- /form column -->
</div>
<div class="col-md-12">
<h2 class="card-title"> 報價 </h2><!-- .table-responsive -->
<div class="table-responsive">
<table class="table table-hover" style="min-width: 678px" id="previewPrice_table">
<thead>
<tr>
<th style="width: 10%;"> 合作平台 </th>
<th style="width: 30%;"> 規格 </th>
<th style="width: 10%; text-align: right;"> 數量 </th>
<th style="width: 10%; text-align: right;"> 報價 </th>
<th> 報價日期</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-middle"> Instagram </td>
<td class="align-middle"> https://www.instagram.com/zamy_ding/ </td>
<td class="align-middle"> zamy_ding </td>
<td class="align-middle"> 奎丁 </td>
<td class="align-middle"> 754000 </td>
</tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
</div>
<div class="col-md-12">
<!-- .form-group -->
<div class="form-group">
<h2 class="card-title">確認合作</h2>
<div class="col-md-9 mb-3">
<input type="text" class="form-control" id="previewProject_isCooper" readonly="readonly"></input>
</div><!-- /form column -->
</div><!-- /.form-group -->
<div class="card-footer">&nbsp;</div>
</div>
<div class="col-md-12" id="fileDiv" style="display: none;">
<h2 class="card-title"> 合約 </h2><!-- .table-responsive -->
<div class="table-responsive">
<table class="table table-hover" style="min-width: 678px" id="previewFile_table">
<thead>
<tr>
<th> 檔名 </th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-middle"> https://www.instagram.com/zamy_ding/ </td>
</tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
</div>
<div class="col-md-12" id="isCooperate_div">
<div class="form-group">
<h2 class="card-title">評價</h2>
<!-- form column -->
<div class="col-md-9 mb-3">
<input type="text" class="form-control" id="previewProject_Quality" readonly="readonly"></input>
</div><!-- /form column -->
</div><!-- /.form-group -->
<div class="card-footer">&nbsp;</div>
</div>
<div class="col-md-12" id="isCooperate2_div">
<h2 class="card-title"> 上刊連結 </h2><!-- .table-responsive -->
<div class="table-responsive">
<table class="table table-hover" style="min-width: 678px" id="previewLink_table">
<thead>
<tr>
<th> 連結 </th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-middle"> https://www.instagram.com/zamy_ding/ </td>
</tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
</div>
<div class="col-md-12" id="isCooperate3_div">
<h2 class="card-title"> 截圖 </h2><!-- .table-responsive -->
<div class="table-responsive">
<table class="table table-hover" style="min-width: 678px" id="previewCut_table">
<thead>
<tr>
<th style="width: 30%;"> 截圖 </th>
<th> 說明文字</th>
</tr>
</thead>
<tbody>
<tr>
<td class="align-middle"> https://www.instagram.com/zamy_ding/ </td>
<td class="align-middle ">
</td>
</tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
</div>
<div class="col-md-12" >
<!-- .form-group -->
<div class="form-group">
<h2 for="lbl3" class="card-title">附註 <span class="badge badge-secondary"><em>選填</em></span></h2>
<textarea class="form-control" id="previewkolProject_memo" rows="4" placeholder=""></textarea>
</div><!-- /.form-group -->
</div>
</div><!-- /.modal-body -->
<!-- .modal-footer -->
<div class="modal-footer">
<button type="button" class="btn btn-light" data-toggle="modal" data-target="#clientCasePreviewModal">Close</button>
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
</form><!-- /.modal -->

View File

@ -7,9 +7,9 @@
}, },
"AllowedHosts": "*", "AllowedHosts": "*",
"ConnectionStrings": { "ConnectionStrings": {
"SQLConnectionString": "Data Source=sql.bremen.com.tw;Initial Catalog=journeys_wanthome;User ID=journeys_wanthome;Password=2icR52n@9;Max Pool Size=100;", "SQLConnectionString": "Data Source=sql.bremen.com.tw;Initial Catalog=journeys_wanthome;User ID=journeys_wanthome;Password=2icR52n@9;Max Pool Size=250;",
"ElabConnectionString": "Data Source=sql.bremen.com.tw;database=elab;uid=elab;pwd=2#2k9Vfg", "ElabConnectionString": "Data Source=sql.bremen.com.tw;database=elab;uid=elab;pwd=2#2k9Vfg",
"DBConnectionString": "Data Source=sql.bremen.com.tw;Initial Catalog=prm;User ID=prm;Password=y6U6x?t5;Max Pool Size=200;" "DBConnectionString": "Data Source=sql.bremen.com.tw;Initial Catalog=prm;User ID=prm;Password=y6U6x?t5;Max Pool Size=250;"
}, },
"Admin": { "Admin": {
"uid": "system", "uid": "system",

View File

@ -1146,6 +1146,9 @@ $(document).ready(function () {
$('#dt-responsive-kolProject').on('click', 'button', function () { $('#dt-responsive-kolProject').on('click', 'button', function () {
kolProjectTableButtonClick(this); kolProjectTableButtonClick(this);
}); });
$('#dt-responsive-kolProject').on('click', 'a', function () {
kolProjectTableButtonClick(this);
});
}, },
order: [[4, 'desc']], order: [[4, 'desc']],
info: false, info: false,
@ -1160,7 +1163,7 @@ $(document).ready(function () {
render: function render(data, type, row, meta) { render: function render(data, type, row, meta) {
return row.project.project_name; return '<a href="javascript: void(0);" data-uid="' + row.kolProject.kolProject_uid + '" data-method="preview" >' + row.project.project_name + '</a>';
} }
}, },
@ -1497,6 +1500,150 @@ function kolProjectTableButtonClick(obj) {
kolProjectRowID = $('#' + uid); kolProjectRowID = $('#' + uid);
kolProjectPos = kolProjectTable.fnGetPosition($('#' + uid)[0]); kolProjectPos = kolProjectTable.fnGetPosition($('#' + uid)[0]);
if (type == "preview") {
var formData = {
method: "get",
kolProject_uid: uid
}
$.ajax({
url: "/Api/kolProjectAddEditDelGet",
type: "post",
data: formData,
success: function (data, textStatus, jqXHR) {
if (data.ret == "yes") {
var trList = $("#previewPrice_table").find("tbody").find("tr");
$.each(trList, function (index, item) {
$(item).remove();
});
var trList = $("#previewFile_table").find("tbody").find("tr");
$.each(trList, function (index, item) {
$(item).remove();
});
var trList = $("#previewLink_table").find("tbody").find("tr");
$.each(trList, function (index, item) {
$(item).remove();
});
var trList = $("#previewCut_table").find("tbody").find("tr");
$.each(trList, function (index, item) {
$(item).remove();
});
var obj = data.data;
$('#previewProject_name').val('(' + obj.project.project_year + '年度' + obj.project.project_month + '月) ' + obj.project.project_name);
var cooperStr = '';
$.each(obj.kolCooperateTypeDetails, function () {
cooperStr += this.optionItem_name + '/';
});
cooperStr = cooperStr.replace(/\/+$/, '');
$('#previewProject_Cooper').val(cooperStr);
$.each(obj.kolProjectPrices, function () {
var trHtml = "";
trHtml += '<tr>';
trHtml += ' <td class="align-middle"> ' + this.optionItem_name + ' </td>';
trHtml += ' <td class="align-middle"> ' + this.mediaItem_name + ' </td>';
trHtml += ' <td class="align-middle" style="text-align: right;"> ' + this.kolProjectPrice_num + ' </td>';
trHtml += ' <td class="align-middle" style="text-align: right;"> ' + AppendComma(this.kolProjectPrice_cost) + ' </td>';
trHtml += ' <td class="align-middle"> ' + this.kolProjectPrice_date + ' </td>';
trHtml += '</tr>';
$('#previewPrice_table tbody').append(trHtml);
});
if (obj.kolProject.kolProject_isExec == 'Y') {
$('#previewProject_isCooper').val('是');
} else {
$('#previewProject_isCooper').val('否');
if (obj.kolProject.kolProject_noExecReason != '') {
$('#previewProject_isCooper').val('否,原因【' + obj.kolProject.kolProject_noExecReason + '】');
}
}
$.each(obj.kolProjectFiles, function () {
var ret = '';
ret += ' <a href="' + this.kolProjectFile_path + '" target="_blank">' + this.kolProjectFile_originFileName + '</a>';
var trHtml = "";
trHtml += '<tr>';
trHtml += ' <td class="align-middle"> ' + ret + ' </td>';
trHtml += '</tr>';
$('#previewFile_table tbody').append(trHtml);
});
var qualityStr = '';
$.each(obj.kolProjectEvaluates, function (key, value) {
qualityStr += value.kolProjectEvaluate_text + "/";
});
qualityStr = qualityStr.replace(/\/+$/, '');
$('#previewProject_Quality').val(qualityStr);
$.each(obj.kolProjectLinks, function () {
var trHtml = "";
trHtml += '<tr>';
trHtml += ' <td class="align-middle"> <a href="' + this.kolProjectLink_url + '" target="_blank" class="link">' + this.kolProjectLink_text + '</a></td>';
trHtml += '</tr>';
$('#previewLink_table tbody').append(trHtml);
});
$.each(obj.kolProjectImages, function () {
var ret = '';
ret += '<div class="user-avatar user-avatar-xxl">';
ret += ' <a href="' + this.kolProjectImage_photo + '" target="_blank"><img style="border: 0;" src="' + this.kolProjectImage_photo + '" alt=""></a>';
ret += '</div>';
var trHtml = "";
trHtml += '<tr>';
trHtml += ' <td class="align-middle"> ' + ret + ' </td>';
trHtml += ' <td class="align-middle"> ' + this.kolProjectImage_desc + ' </td>';
trHtml += '</tr>';
$('#previewCut_table tbody').append(trHtml);
});
$('#previewkolProject_memo').val(obj.kolProject.kolProject_memo);
$('#clientCasePreviewModal').modal('toggle');
} else {
alert(data.message);
if (data.err_code == "9999") {
location.href = "/Home/Index";
}
}
},
error: function (jqXHR, textStatus, errorThrown) {
alert('網路或伺服器發生錯誤,請稍後重試!');
}
});
}
if (type == "edit") { if (type == "edit") {
$('#kolProject_method').val('edit'); $('#kolProject_method').val('edit');
$('#kolProject_uid').val(uid); $('#kolProject_uid').val(uid);