项目商机-工作任务

src/HDrpManagement/projectChange/modules/modules/stageTask/index.vue

@@ -4,54 +4,48 @@
       <span style="color: #000000 !important;margin-left: 10px">工作任务(总分值：)</span>
     </div>
     <el-table
-        :data="tableData"
+        :data="workData"
         style="width: 100%">
       <el-table-column
-          prop="date"
+          prop="rowindex"
           label="序号"
           width="180">
       </el-table-column>
       <el-table-column
-          prop="name"
+          prop="taskname"
           label="工作任务"
-          width="180">
+          >
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.important === 1" size="mini" class="inline-16">关键</el-tag>
+          <span>{{scope.row.taskname}}</span>
+        </template>
       </el-table-column>
       <el-table-column
-          prop="address"
-          label="分值">
+          prop="score"
+          label="分值"
+          width="180">
       </el-table-column>
       <el-table-column
           prop="address"
-          label="操作">
+          label="操作"
+          width="180">
+        <template slot-scope="scope">
+          <edit :data="rowData" :rowData="scope.row"></edit>
+        </template>
       </el-table-column>
     </el-table>
   </div>
 </template>
 
 <script>
-
+import edit from './modules/edit'
 export default {
   props:['rowData'],
   name: '',
+  components:{edit},
   data() {
     return {
-      tableData: [{
-        date: '2016-05-02',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1518 弄'
-      }, {
-        date: '2016-05-04',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1517 弄'
-      }, {
-        date: '2016-05-01',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1519 弄'
-      }, {
-        date: '2016-05-03',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1516 弄'
-      }]
+      workData:[],
     };
   },
   computed:{
@@ -73,11 +67,13 @@ export default {
           "isAll":0
         }
       })
-      console.log(res,)
+      console.log(res,"工作任务详情")
+      this.workData = res.data.rows
     }
   },
   mounted() {
     console.log(this.rowData,"工作任务")
+    this.listData()
   }
 };
 </script>

src/HDrpManagement/projectChange/modules/modules/stageTask/modules/edit.vue

@@ -0,0 +1,193 @@
+<template>
+  <div>
+    <el-button type="text" size="mini" @click="onShow">编 辑</el-button>
+<!-- 选择客户对象 -->
+    <el-drawer
+        title="选择客户对象"
+        :visible.sync="drawer"
+        size="45%"
+        direction="rtl"
+        append-to-body
+        :show-close="false"
+        @close="onClose">
+      <div class="drawer__panel">
+        <layoutTable :layout="tablecols" :data="list"  :custom="true" :checkbox="true" @checkboxCallBack="checkboxCallBack">
+          <template v-slot:customcol="scope">
+            <div v-if="scope.column.columnname === 'province'">
+              {{scope.column.data.province?scope.column.data.province + '-' + scope.column.data.city + '-' + scope.column.data.county:'--'}}
+            </div>
+            <p v-else>{{scope.column.data[scope.column.columnname]?scope.column.data[scope.column.columnname]:'--'}}</p>
+          </template>
+        </layoutTable>
+      </div>
+      <div class="fixed__btn__panel">
+        <el-button size="small" @click="drawer = false" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
+      </div>
+    </el-drawer>
+<!-- 编辑操作 -->
+    <el-drawer
+        title="编辑"
+        :visible.sync="drawerEdit"
+        size="45%"
+        direction="rtl"
+        append-to-body
+        :show-close="false"
+        @close="onClose">
+      <div class="drawer__panel" style="margin-bottom: 2px !important;">
+        <el-row>
+          <el-form  size="mini" label-position="right" label-width="75px">
+            <el-col :span="24">
+              <el-form-item label="任务名称:"  >
+<!--                <el-input v-model="data.taskname" autocomplete="off" placeholder="输入阶段名称"></el-input>-->
+                <span>{{rowData.taskname}}</span>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+      <div class="drawer__panel">
+        <el-row>
+          <el-form :model="formData" :rules="rules" ref="formData"  size="mini" label-position="right" label-width="75px">
+            <el-col :span="24">
+              <el-form-item label="评估内容"  >
+              </el-form-item>
+            </el-col>
+            <el-col :span="24" v-for="(item,index) in form" :key="index">
+              <el-tag type="warning" size="mini" style="margin-right: 10px">{{item.type}}</el-tag>
+              <span>{{item.enterprisename}}</span>
+              <div style="width: 100%">
+<!--                <el-radio v-model="item.partiestype" :label=item.optionname>{{item.optionname + item.remarks}}</el-radio>-->
+                <el-radio-group v-model="item.checkedscore" v-for="(radio,index) in item.option" :key="index" @change="radioChange">
+                  <el-radio :label="radio">{{radio.optionname + radio.remarks}}</el-radio>
+                </el-radio-group>
+              </div>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+      <div class="drawer__panel" style="margin-bottom: 2px !important;">
+        <el-row>
+          <el-form  size="mini" label-position="right" label-width="75px">
+            <el-col :span="24">
+              <el-form-item label="评估说明:"  >
+                <el-input v-model="actionnotes" autocomplete="off" placeholder="输入评估内容"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+      <div class="fixed__btn__panel">
+        <el-button size="small" @click="drawerEdit = false" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="warning" @click="saveSubmit" class="normal-btn-width">保 存</el-button>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import layoutTable from '@/components/table/index2'
+export default {
+  name: "edit",
+  props:["data","rowData"],
+  components:{layoutTable},
+  data(){
+    return {
+      drawer:false,
+      drawerEdit:false,
+      tablecols:[],
+      list:[],
+      selectCustomer:[],
+      selectData:[],
+      listR:'',
+      actionnotes:'',
+      param:{
+        "id": 20221129152204,
+        "content": {
+          "sa_projectid": '',
+          "sa_projtaskmagid": '',
+          "pageNumber": 1,
+          "pageSize": 20,
+          "where": {
+            "condition": ""
+          }
+        }
+      },
+      form:[],
+      formData:{},
+      rules:{},
+      radioSelect:[]
+    }
+  },
+  methods:{
+    onClose(){
+
+    },
+    onSubmit(){
+      this.drawer = false
+      this.drawerEdit = true
+      this.taskData()
+    },
+    async saveSubmit(){
+      const res = await this.$api.requested({
+        "id": "20221128145004",
+        "content": {
+          "sa_projectid": this.data.sa_projectid,
+          "sa_projtaskmagid": this.rowData.sa_projtaskmagid,
+          "sa_projstagemagid": this.rowData.sa_projstagemagid,
+          "actionnotes":this.actionnotes,
+          "option": this.radioSelect
+        }
+      })
+    },
+    onShow(){
+      this.drawer = true
+      console.log(this.rowData,"列表工作id")
+      console.log(this.form)
+      this.listData()
+    },
+    /*选择关联客户*/
+    async listData(){
+      const res = await this.$api.requested(this.param)
+      this.list = res.data
+    },
+    /*获取工作任务明细*/
+    async taskData(){
+      const res = await this.$api.requested({
+        "id": 20221129152304,
+        "content": {
+          "sa_projtaskmagid": this.rowData.sa_projtaskmagid,
+          "sa_projstagemagid": this.rowData.sa_projstagemagid,
+          "sa_project_partiesids": this.selectData
+        }
+      })
+      console.log(res,"工作任务明细")
+      this.form = res.data
+    },
+    checkboxCallBack(val){
+      console.log(val)
+      this.selectCustomer = val
+      val.forEach((item,index) => {
+        this.selectData[index] = item.sa_project_partiesid
+      })
+    },
+    radioChange(val){
+      this.radioSelect.push({
+        "sa_projtaskmag_optionsid": val.sa_projtaskmag_optionsid,
+        "sa_project_partiesid": 0,
+        "score":val.score
+      })
+      console.log(this.radioSelect,"获取单选结果1")
+    },
+  },
+  created() {
+    this.param.content.sa_projectid = this.data.sa_projectid
+    this.param.content.sa_projtaskmagid = this.rowData.sa_projtaskmagid
+    this.tablecols = this.tool.tabelCol(this.$route.name).customerTable.tablecols
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HDrpManagement/projectTask/index.vue

@@ -15,7 +15,7 @@
       </div>
       <template v-slot:tbList="scope">
         <div v-if="scope.data.column.columnname === 'important'">
-          {{scope.data.column.columnname === 1?'是':'否'}}
+          {{scope.data.column.data.important === 1?'是':'否'}}
         </div>
         <div v-else-if="scope.data.column.columnname === 'partiestype'">
           <span v-for="item in scope.data.column.data.partiestype" :key="item.index">