代码上传

src/components/normal-basic-layout/details/index.vue

@@ -36,6 +36,7 @@
           <slot name="custom"></slot>
         </el-col>
         <el-col v-if="collapse" style="width:400px;" :span="6">
+          <taskTemp></taskTemp>
           <group v-if="activeApp.isdatateam" ref="group" style="margin-bottom:10px" :ownertable="ownertable?ownertable:idname.slice(0, this.idname.length - 2)" @onSuccess="onSuccess">
             <el-button slot="collapse" type="text" icon="el-icon-s-unfold" class="inline-16" @click="onCollapse"></el-button>
           </group>
@@ -58,8 +59,8 @@ import cpEdit from '../modules/cpEdit.vue'
 import followUp from './modules/followUp/followUp.vue'
 import tagTemp from './modules/tags/tag.vue'
 import tabTemp from './modules/tabs/tab.vue'
-
 import group from './modules/group/group.vue'
+import taskTemp from './modules/task/index.vue'
 import {mapGetters} from 'vuex'
 export default {
   props:['titleText','mainAreaData','turnPageId','delApiId','idname','ownertable','formPath','oldFormPath','editData','tags','tabs','statusCheck','pageChange'],
@@ -93,7 +94,8 @@ export default {
     followUp,
     group,
     tagTemp,
-    tabTemp
+    tabTemp,
+    taskTemp
   },
   methods:{
     async queryData (pageNumber) {

src/components/normal-basic-layout/details/modules/group/group.vue

@@ -72,7 +72,6 @@
 <script>
 import accountDialog from './select_account.vue'
 import member from '@/template/menber/index.vue'
-import { settings } from 'nprogress'
 export default {
   props:['ownertable'],
   components:{

src/components/normal-basic-layout/details/modules/task/addTask.vue

@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <el-button size="mini" type="text" @click="dialogTableVisible = true">
+        创建任务
+    </el-button>
+    <el-dialog title="新增待办" append-to-body :visible.sync="dialogTableVisible" width="700px">
+			<el-input class="normal-margin" v-model="form.title" placeholder="输入任务标题" type="text" show-word-limit maxlength="40" size="small"></el-input>
+			<el-input  class="normal-margin" v-model="form.remarks" placeholder="输入任务内容" type="textarea" show-word-limit maxlength="100" size="small"></el-input>
+			<div class="flex-align-center flex-between normal-margin">
+				<p class="task__label"><i class="el-icon-time"></i>&emsp;开始：</p>
+				<el-date-picker
+					v-model="form.starttime"
+					type="date"
+					placeholder="选择日期"
+					size="mini">
+				</el-date-picker>
+				&emsp;- &emsp;
+				<p class="task__label">结束：</p>
+				<el-date-picker
+					v-model="form.endtime"
+					type="date"
+					placeholder="选择日期"
+					size="mini">
+				</el-date-picker>
+			</div>
+			<div class="normal-margin">
+				<p class="task__label"><i class="el-icon-upload2"></i>&emsp;上传附件</p>
+				<upload type="button"></upload>
+			</div>
+			<div class="normal-margin">
+				<p class="mt-10 task__label">关联项目/客户</p>
+				<el-input placeholder="请输入内容" disabled v-model="input3" class="input-with-select" size="small">
+					<el-select v-model="form.nat" slot="prepend" style="width:100px" placeholder="请选择">
+						<el-option label="不关联" value="1"></el-option>
+						<el-option label="项目" value="2"></el-option>
+						<el-option label="客户" value="3"></el-option>
+					</el-select>
+				</el-input>
+			</div>
+			<div>
+				<p class="mt-10 task__label">执行人员</p>
+				<div class="flex-align-center flex-between">
+					<el-input placeholder="请输入内容" v-model="input3" class="input-with-select" size="small">
+						<p slot="prepend">主 办</p>
+					</el-input>
+					&emsp;
+					<el-input placeholder="请输入内容" v-model="input3" class="input-with-select" size="small">
+						<p slot="prepend">协 办</p>
+					</el-input>
+				</div>
+			</div>
+			<div slot="footer" class="dialog-footer">
+        <el-button size="small" style="width:120px" @click="dialogTableVisible = false">取 消</el-button>
+        <el-button type="warning" size="small" style="width:120px" @click="submit">创 建</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import upload from '@/components/upload/preview_upload.vue';
+export default {
+	props:['ownertable'],
+	components:{
+		upload
+	},
+	data () {
+		return {
+			dialogTableVisible:false,
+			form:{
+				"sys_taskid":0,
+        "title":"任务标题",
+        "remarks":"任务说明",
+        "starttime":"",
+        "remindday":1,
+        "ownertable":"归属表",
+        "ownerid":0,
+        "endtime":"",
+				"nat":'1'
+			}
+		}
+	},
+	methods:{
+		submit () {}
+	}
+}
+
+</script>
+<style scoped>
+.task__label{
+	color:rgb(173, 172, 172)
+}
+</style>

src/components/normal-basic-layout/details/modules/task/index.vue

@@ -0,0 +1,35 @@
+
+<template>
+    <div class="normal-panel mt-10">
+      <div class="flex-align-center flex-between " style="border-bottom:1px solid #f1f2f3;padding:10px">
+        待办事项
+        <addTask></addTask>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import addTask from './addTask.vue'
+  export default {
+    props:['ownertable'],
+    components:{
+      addTask
+    },
+    data () {
+      return {
+        options:[]
+        
+      }
+    },
+    methods:{
+    }
+  }
+  
+  </script>
+  <style>
+  </style>
+  <style scoped>
+  .normal-panel{
+    border-radius: 5px;
+  }
+  </style>