From 84326b11401f217cd483d13bc72cec4ffd5da7ce Mon Sep 17 00:00:00 2001
From: bob <bob.zhang@highdatas.com>
Date: 星期三, 25 十一月 2020 10:02:22 +0800
Subject: [PATCH] 2020-11-13
---
src/views/calendarTask.vue | 246 +++++++++++++++++++++++++++++++++----------------
1 files changed, 166 insertions(+), 80 deletions(-)
diff --git a/src/views/calendarTask.vue b/src/views/calendarTask.vue
index 6d33cd1..021f775 100644
--- a/src/views/calendarTask.vue
+++ b/src/views/calendarTask.vue
@@ -13,47 +13,49 @@
<div class="z_right" >
<div v-for="(task_itm, k) in DayDataTree" :key="k" class="right_row">
<h3>{{task_itm.name}}</h3>
- <span>{{task_itm.desc}}</span>
+ <span>{{task_itm.desp}}</span>
<div v-for="(type_itm, k_) in task_itm.children" :key="k_" class="right_row_">
- <span>{{k_+1}}銆亄{type_itm.name}}</span>
- <el-button size="mini" type="primary" style="float: right; margin-top: 10px;" @click="handleTask(type_itm.id, type_itm.mustAttach, type_itm)">澶勭悊浠诲姟</el-button>
+ <span>{{k_+1}}銆亄{type_itm.typeStr}}</span>
+ <el-button size="mini" type="primary" v-if="userId === task_itm.userId" style="float: right; margin-top: 10px;" @click="handleTask(type_itm.id, type_itm.mustAttach, type_itm)">澶勭悊浠诲姟</el-button>
</div>
</div>
</div>
- <el-dialog @close="Cancel" width="40%" top="10%" :visible.sync="dialog_1">
+ <el-dialog width="40%" top="10%" :visible.sync="dialog_1" v-if="dialog_1">
<div slot="title" class="dialog-title" style="text-align: left;">
- <span> 涓婁紶浜や粯鐗� </span>
+ <span> 浠诲姟澶勭悊 </span>
</div>
<!-- 涓婁紶鏂囦欢-->
- <div style="height: 100px;">
+ <div v-if="handleTaskType.mustAttach" style="height: 150px;">
<el-upload
class="upload-demo"
:action="upload_url"
- multiple
:data="upData"
- :limit="3"
+ :limit="1"
:file-list="fileList"
:auto-upload='false'
ref="upload"
+ :on-success="upSuccess"
+ :on-error="upError"
>
<el-button size="medium" type="text">閫夋嫨鏂囦欢</el-button>
- <div slot="tip" class="el-upload__tip">鏂囦欢涓嶈秴杩�500kb</div>
+ <div slot="tip" class="el-upload__tip">鏂囦欢涓嶈秴杩�50M</div>
</el-upload>
- <div style="text-align: left;">
- <span>鎻忚堪</span>
- <el-input
- type="textarea"
- :rows="2"
- placeholder="璇疯緭鍏ュ唴瀹�"
- v-model="desc_task">
- </el-input>
- </div>
+ </div>
+ <div style="text-align: left;">
+ <span>鎻忚堪</span>
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ @change="setDesc"
+ v-model="desc_task">
+ </el-input>
</div>
<!-- 澶勭悊瀹屾垚 -->
<div slot="footer" class="dialog-footer">
- <el-button @click="submitUpload">鐐瑰嚮涓婁紶</el-button>
+ <!-- <el-button v-if="handleTaskType.mustAttach" @click="submitUpload">鐐瑰嚮涓婁紶</el-button> -->
<el-button @click="Cancel">鍙� 娑�</el-button>
<el-button type="primary" @click="doHandleTask">澶勭悊瀹屾垚</el-button>
</div>
@@ -71,13 +73,15 @@
},
data(){
return{
+ isZ: true,
+ me_date: null,
datedef:[
{'date': "2020-01-01", 'task': 3},
{'date': "2020-01-11", 'task': 2},
],
prop:'date' ,//瀵瑰簲鏃ユ湡瀛楁鍚�
DayDataTree: [],
-
+ userId:undefined,
dialog_1: false,
handleTaskType: {},
upload_url: "",
@@ -93,11 +97,13 @@
//鑾峰彇褰撴湀鏁版嵁
let nowDate = new Date();
+ this.me_date = nowDate;
var imoment = this.$moment(nowDate);
let iformat = imoment.format('YYYY-MM');
- let systemDate = iformat + '-01';
+ let systemDate = iformat + '-01 00:00:00';
this.getDatedef(systemDate);
-
+ //this.userId = localStorage.getItem('userId');
+ this.userId = this.$cookies.get('userId');
},
methods: {
@@ -125,44 +131,93 @@
},
handleTask(id, mustAttach, type_itm) {
+ this.upload_url = "/api/api/file/fileUpload/" + id;
this.handleTaskType = type_itm;
- if(mustAttach) {
- this.dialog_1 = true;
- }
- else {
- this.doHandleTask();
- }
+ this.dialog_1 = true;
+ },
+
+ setDesc(val) {
+ this.upData = {//璁剧疆瑕佷紶鐨勫弬鏁�
+ desp: val
+ };
},
doHandleTask() {
//姝d鐨勬槑缁嗕换鍔″畬鎴�
let id = this.handleTaskType.id;
- //璇锋眰鏀瑰彉姝ゆ槑缁嗙殑瀹屾垚鐘舵�侊紱
-
- if (this.dialog_1) {
- this.Cancel();
+ if (!this.desc_task) {
+ this.$message('璇峰～鍐欐弿杩�');
+ return
}
+
+ if(this.handleTaskType.mustAttach) {
+ this.$refs.upload.submit();//寮�濮嬩笂浼�
+ }
+ else {
+ var me = this;
+ let params = this.upData
+ let url = "/api/detail/deal/" + id;
+ this.$axios.get(url, {
+ params
+ })
+ .then(data_ => {
+ // console.log(data_);
+ if(data_.data.success) {
+ this.$message('澶勭悊鎴愬姛');
+ me.Cancel();
+ }else {
+ this.$message({message:'澶勭悊浠诲姟澶辫触', type: 'warning'});
+ }
+ }).catch(error => {
+ // console.log(error);
+ });
+ }
+
+
+
+ /* if (this.dialog_1) {
+ this.Cancel();
+ } */
},
- submitUpload() {
- this.handleTaskType; //瑕佸鐞嗙殑鏄庣粏鏁版嵁
+ submitUpload() {
+ this.handleTaskType; //瑕佸鐞嗙殑鏄庣粏鏁版嵁
+
+ this.upData = {//璁剧疆瑕佷紶鐨勫弬鏁�
- this.upData = {//璁剧疆瑕佷紶鐨勫弬鏁�
- desc_task: this.desc_task,
-
- },
- this.upload_url = ""; //璁剧疆涓婁紶鎺ュ彛
- this.$refs.upload.submit();//寮�濮嬩笂浼�
},
+ this.upload_url; //璁剧疆涓婁紶鎺ュ彛
+ this.$refs.upload.submit();//寮�濮嬩笂浼�
+ },
+
+ upSuccess(response, file, fileList) {
+ this.$message('涓婁紶鎴愬姛');
+ this.Cancel();
+ },
+
+ upError(err, file, fileList) {
+ this.$message('涓婁紶澶辫触');
+ },
Cancel() {
+ this.isZ = false;
+ this.isZ = true;
this.dialog_1 = false;
+
+ // let header_height = this.$refs.calendar_div.getElementsByClassName('z_calendar_table')[0].offsetHeight;
+ // this.$refs.calendar_div.getElementsByClassName('z_right')[0].style['height'] = header_height + "px";
+ this.DayDataTree = [];
+ var imoment = this.$moment(this.me_date);
+ let iformat = imoment.format('YYYY-MM');
+ let systemDate = iformat + '-01 00:00:00';
+ this.getDatedef(systemDate);
},
dateChange(date_) {
+ this.me_date = date_;
var imoment = this.$moment(date_);
let iformat = imoment.format('YYYY-MM');
- let systemDate = iformat + '-01';
+ let systemDate = iformat + '-01 00:00:00';
this.getDatedef(systemDate);
},
@@ -182,50 +237,81 @@
{'date': "2020-01-01", 'task': 3}, //杩斿洖鐨勬暟缁勫瓧娈靛寘鍚繖涓や釜瀛楁
{'date': "2020-01-11", 'task': 2},
], */
+ let url = "/api/detail/getMonth";
+ let params = {
+ startTime: this.$moment(month_).format('YYYY-MM-DD')
+ };
+ this.$axios.get(url, {
+ params
+ })
+ .then(data_ => {
+ // console.log(data_);
+ window.console.log(data_);
+ let datas= data_.data.data;
+ datas = datas.map(el => {
+ var imoment = this.$moment(el.date);
+ // 鏍煎紡鍖栨垚锛屽勾鏈堟棩
+ let iformat = imoment.format('YYYY-MM-DD');
+ el.date = iformat;
+ return el;
+ })
+ this.datedef = datas;
+ }).catch(error => {
+ // console.log(error);
+ });
},
getDayData(date_) {//鑾峰彇鎸囧畾鏃ョ殑浠诲姟銆傚'2019-12-21'瀛楃涓层�傚湪鍙充晶鏄剧ず鐨�
- /* aa:[
- {'id': "椤圭洰鐨刬d", 'name': "椤圭洰鍚嶇О", 'desc': "椤圭洰鎻忚堪"}, //杩斿洖鐨勬暟缁勫瓧娈�
- {'id': "鏄庣粏鐨処D(鐢ㄤ簬澶勭悊鏃剁煡閬撴槸鍝釜椤圭洰鍝釜绫诲瀷鐨勫鐞�)", 'name': "绫诲瀷鍚嶇О", 'mustAttach': "鏈夋棤浜や粯鐗�", 'parentId': "椤圭洰id"}, //
- ], */
- let DayDatas = [
- {'id': "111", 'name': "娴嬭瘯1椤圭洰", 'desc': "姝ら」鐩富瑕侀拡瀵规彁楂樻晥鐜囧拰閿�鍞噺"}, //杩斿洖鐨勬暟缁勫瓧娈�
- {'id': "111_1", 'name': "绔嬮鏈嶅姟", 'mustAttach': true, 'parentId': "111"}, //
- {'id': "111_2", 'name': "鏂规寮�鍙戞湇鍔�", 'mustAttach': true, 'parentId': "111"}, //
- ];
+ let url = "/api/detail/getDay";
+ let params = {
+ startTime: this.$moment(date_).format('YYYY-MM-DD')
+ };
- let list = DayDatas;
- let parId = "";
- let obj = {};
- let result = [];
-
- list.map(el => {
- obj[el.id] = el;
- })
- for(let i=0, len = list.length; i < len; i++) {
- let id = list[i].parentId;
- //璁剧疆鏄剧ず瀛楁
- list[i].value = list[i].id;
- list[i].label = list[i].name;
-
- if(id == parId || !id) {
- if(!obj[list[i].id].children) {
- obj[list[i].id].children = [];
- }
- result.push(list[i]);
- continue;
- }
- if(obj[id].children) {
- obj[id].children.push(list[i]);
- } else {
- obj[id].children = [list[i]];
- }
- }
- this.DayDataTree = result;
-
- }
+ this.$axios.get(url, {
+ params
+ })
+ .then(data_ => {
+ // console.log(data_);
+ window.console.log(data_);
+ // let DayDatas = [
+ // {'id': "111", 'name': "娴嬭瘯1椤圭洰", 'desc': "姝ら」鐩富瑕侀拡瀵规彁楂樻晥鐜囧拰閿�鍞噺"}, //杩斿洖鐨勬暟缁勫瓧娈�
+ // {'id': "111_1", 'name': "绔嬮鏈嶅姟", 'mustAttach': true, 'parentId': "111"}, //
+ // {'id': "111_2", 'name': "鏂规寮�鍙戞湇鍔�", 'mustAttach': false, 'parentId': "111"}, //
+ // ];
+ let list = data_.data.data;
+ let parId = "";
+ let obj = {};
+ let result = [];
+
+ list.map(el => {
+ obj[el.id] = el;
+ })
+ for(let i=0, len = list.length; i < len; i++) {
+ let id = list[i].parentId;
+ //璁剧疆鏄剧ず瀛楁
+ list[i].value = list[i].id;
+ list[i].label = list[i].name;
+
+ if(id == parId || !id) {
+ if(!obj[list[i].id].children) {
+ obj[list[i].id].children = [];
+ }
+ result.push(list[i]);
+ continue;
+ }
+ if(obj[id].children) {
+ obj[id].children.push(list[i]);
+ } else {
+ obj[id].children = [list[i]];
+ }
+ }
+ this.DayDataTree = result;
+ }).catch(error => {
+ // console.log(error);
+ })
+
+ },
}
}
--
Gitblit v1.8.0