任务列表修改

CallCenterWeb.UI/src/views/mediaCenter/launchManagment/mediaInformation/manage.vue

 <template>
   <div>
     <el-row>
-      <el-form ref="form" :model="form" label-width="100px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-col :span="24">
           <el-form-item label="媒体投放信息" label-width='110px'></el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="投放类型">
+          <el-form-item label="投放类型" prop="launchType">
             <el-select clearable v-model="form.launchType" placeholder="请选择投放类型">
               <el-option
                 v-for="item in launchTypeList"
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="媒体名称">
+          <el-form-item label="媒体名称" prop="mediaName">
             <el-select clearable v-model="form.mediaName" placeholder="请选择媒体名称">
               <el-option
                 v-for="item in mediaName"
             <el-date-picker
               v-model="playPlanForm.startDate"
               :picker-options="pickerOptions"
-              
               type="daterange"
               format="yyyy年MM月dd日"
               value-format="yyyy-MM-dd"
         F_Describe:'',//变更说明
         F_Type:1,//变更
       },
+      rules:{
+        launchType:[{
+          required: true,
+          message: '请选择投放类型',
+          trigger: 'change'
+        }],
+        mediaName:[{
+          required: true,
+          message: '请选择媒体名称',
+          trigger: 'change'
+        }],
+      },
       addPlayPlanForm:[],//添加的计划
       addChangeForm:[],//添加的变更
       startPlan:[
     },
     //保存功能
     submit(){
+      if(!this.form.launchType){
+        this.$message.info('请选择投放类型')
+        return
+      }
+      if(!this.form.mediaName){
+        this.$message.info('请选择媒体名称')
+        return
+      }
       return new Promise(resolve=>{
         const params={
           F_Id:this.rowid,
           F_LaunchTime:this.form.releaseDate,//投放日期
           F_DailyExpenses:this.form.dailyExpenses-0,//日费用
           F_IsRemind:this.renderForm.reminder-0,//是否提醒
-          F_ReminderTime:this.renderForm.ReminderTime,//提醒时间
-          F_DeptId:this.renderForm.departmentName&&this.renderForm.departmentName.toString(),//提醒部门
+          F_ReminderTime:this.renderForm.ReminderTime,//提醒时间F_DeptId
+          F_DeptId:this.renderForm.departmentName?this.renderForm.departmentName.toString():'',//提醒部门
           F_PlayPlanList:this.addPlayPlanForm,//计划数据
           F_MediaChangeList:this.addChangeForm,//变更数据
         }
           })
           this.form.launchType = response.data.F_Type;//投放类型
           this.form.mediaName = response.data.F_Name;//媒体名称
-          this.form.product = response.data.F_Commodity.split(',');//绑定产品
+          this.form.product = response.data.F_Commodity?response.data.F_Commodity.split(','):'';//绑定产品
           this.form.publicationNumber = response.data.F_Tel;//刊登号码
           this.form.number = response.data.F_Phone;//400号码
           this.form.releaseDate = response.data.F_LaunchTime;//投放日期
           this.addChangeForm = response.data.F_MediaChangeList;//变更
           this.renderForm.ReminderTime = response.data.F_ReminderTime;//提醒时间
           this.renderForm.reminder = response.data.F_IsRemind.toString();//是否提醒
-          // this.renderForm.departmentName =response.data.F_DeptId && response.data.F_DeptId.split(',');//部门
+          this.renderForm.departmentName =response.data.F_DeptId?response.data.F_DeptId.split(','):[];//部门
         }
       })
     },

CallCenterWeb.UI/src/views/taskManagement/addOrEdit.vue

   <div v-loading="loading">
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
       <el-form-item label="职位名称" prop="position">
-          <el-input v-model="ruleForm.position" placeholder="请输入职位名称"/>
-        <!-- <el-select
-          v-model="ruleForm.position"
-          class="select_picker"
-          filterable
-          clearable
-          placeholder="请选择职位名称">
+          <el-input v-model="ruleForm.name" placeholder="请输入职位名称"/>
+      </el-form-item>
+      <el-form-item label="任务时间">
+        <el-date-picker
+          v-model="ruleForm.taskDate"
+          :picker-options="pickerOptions"
+          class="filter-item"
+          type="daterange"
+          format="yyyy年MM月dd日"
+          value-format="yyyy-MM-dd"
+          align="left"
+          unlink-panels
+          range-separator="至"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+        />
+      </el-form-item>
+      <el-form-item label="任务说明" prop="content">
+        <el-input v-model="ruleForm.content" type="textarea" autosize placeholder="请输入屏蔽说明"/>
+      </el-form-item>
+      <el-form-item label="任务类型" prop="type">
+         <el-select v-model="taskTypeId" placeholder="请选择任务类型">
           <el-option
-            v-for="item in positionData"
-            :key="item.F_Id"
-            :label="item.F_Name"
-            :value="item.F_Name"/>
-        </el-select> -->
+            v-for="item in taskType"
+            :key="item.id"
+            :label="item.label"
+            :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="说明" prop="des">
-        <el-input v-model="ruleForm.des" type="textarea" autosize placeholder="请输入屏蔽说明"/>
+      <el-form-item label="任务部门" prop="department">
+         <el-select v-model="depid" placeholder="请选择任务部门">
+          <el-option
+            v-for="item in depData"
+            :key="item.id"
+            :label="item.label"
+            :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitForm">保存</el-button>
 </template>
 
 <script>
-import { getposition, addPosition, editPosition,getPositionData } from '@/api/systemSetup/sysSetting/positionManagement'
-import { filterContent } from '@/utils'
+import { getposition, addPosition, editPosition } from '@/api/systemSetup/sysSetting/positionManagement'
+import { filterContent,pickerOptions } from '@/utils'
 
 export default {
   name: 'AddOrEdit',
     return {
       ruleForm: {
         id: '',
-        position: '',
-        des: ''
+        taskDate: [],//任务时间
+        name: '',
+        content: ''
       },
       rules: {
-        position: [{
+        name: [{
           required: true,
-          message: '请输入职位名称!',
+          message: '请输入任务名称!',
           trigger: 'blur'
         }]
       },
-      positionData:[],//职位数据
+      taskTypeId:[
+        {
+          id:0,
+          label:'日'
+        },
+        {
+          id:1,
+          label:'周'
+        },
+        {
+          id:2,
+          label:'月'
+        },
+      ],
+      depData:[],//部门数据
+      pickerOptions,//日期数据
       loading: false
     }
   },
   created() {
-      this.getPositionList()//获取职位数据
+    this.getDepartment()
     if (this.rowid) {
       this.ruleForm.id = this.rowid
       this.getDetail(this.rowid)
         }
       })
     },
-    //获取职位数据
-    getPositionList(){
-        getPositionData().then(response=>{
-            if(response.state.toLowerCase()=='success'){
-                this.positionData=response.data
-            }
-        })
+    //获取任务部门
+    getDepartment(){
+
     }
   }
 }

CallCenterWeb.UI/src/views/taskManagement/index.vue

       </el-table-column>
       <el-table-column prop="F_StartTime" label="任务开始时间" align="center" min-width=""/>
       <el-table-column prop="F_EndTime" label="任务结束时间" align="center" min-width=""/>
-      <el-table-column prop="F_EndTime" label="任务结束时间" align="center" min-width="">
+      <el-table-column label="任务类型" align="center" min-width="">
           <template slot-scope="scope">
               <el-tag type="success" v-if="scope.row.F_Type==0">日任务</el-tag>
               <el-tag type="info" v-else-if="scope.row.F_Type==1">周任务</el-tag>
       <el-table-column prop="F_Des" label="描述说明" align="center" min-width=""/>
       <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
         <template slot-scope="scope">
-          <el-button v-permission="'HY_edit'" size="mini" plain type="primary" @click="btn_edit(scope.row.F_Id.toString())">编辑</el-button>
-          <el-button v-permission="'HY_delete'" size="mini" plain type="danger" @click="btn_delete(scope.row.F_Id.toString.toString())">删除</el-button>
+          <el-button v-permission="'HY_edit'" size="mini" plain type="primary" @click="btn_edit(scope.row.F_Id)">编辑</el-button>
+          <el-button v-permission="'HY_delete'" size="mini" plain type="danger" @click="btn_delete(scope.row.F_Id.toString)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
           pagesize: this.pageParams.pagesize, // 每页几条信息
           key: this.keyword,
         }
-        getPositionLists(params).then(response => {
+        getTaskLists(params).then(response => {
           this.loading = false
           if (response.state.toLowerCase() === 'success') {
-            this.pageParams.total = response.data.Totals
-            this.dataLists = response.data.Rows
+            this.pageParams.total = response.total
+            this.dataLists = response.rows
           }
         })
         resolve()
           parent: this, // 当前的vue对象
           data: { 'rowid': '' }// props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ['40%', '320px'],
+        area: ['70%', '60%'],
         title: '添加任务信息'
       })
     },
           parent: this, // 当前的vue对象
           data: { 'rowid': editId }// props
         },
-        area: ['40%', '320px'],
+        area: ['70%', '60%'],
         title: '编辑任务信息'
       })
     },