拆解工单查看委托详情

itdmWeb/src/views/module-iTDM/itdmGongdanMaster/modules/uGanttDialog.vue

@@ -0,0 +1,36 @@
+<template>
+    <el-dialog :title="title" :visible.sync="dialogVisible" width="55%">
+        <span slot="footer" class="dialog-footer">
+        <el-button @click="cancel">关 闭</el-button>
+        </span>
+    </el-dialog>
+</template>
+
+<script>
+    export default {
+        name: 'JixiaoModal',
+        props: {
+        // 接受父组件传来的委托id
+        weituoId: String
+        },
+        data () {
+            return {
+                title:'委托详情',
+                // 弹窗
+                dialogVisible: false,
+                // 弹窗内容
+                currentDbEdit: {},
+            }
+        },
+        methods: {
+            open() {
+                this.dialogVisible = true
+            },
+            cancel(){
+                // this.currentDbEdit = {}
+                this.dialogVisible = false
+            },
+        }
+    }
+
+</script>

itdmWeb/src/views/module-iTDM/itdmGongdanMaster/uGantt.vue

@@ -201,15 +201,20 @@
         </span>
       </el-dialog>
     </uGantt>
+    <itdm-weituo-info-modal ref="modalForm1"></itdm-weituo-info-modal>
+    <!-- <u-gantt-dialog ref="dialogForm"></u-gantt-dialog> -->
   </div>
 </template>
 
 <script>
 import uGantt from '@/components/module-iTDM/uGantt/index.vue'
 import {getWeituoClientList, getWeituoInfoListByClient, getDeviceList, getXmjlList, getManagerList, getCgqList, saveProject, ajaxGetDictItems, saveProjectJl, delProjectJl, getDeviceCalendar} from '@/api/api'
+import UGanttDialog from './modules/uGanttDialog.vue'
+import ItdmWeituoInfoModal from '../weituo/modules/ItdmWeituoInfoModal.vue'
+  import { httpAction, getAction } from '@/api/manage'
 export default {
   name: '',
-  components: { uGantt },
+  components: { uGantt,UGanttDialog, ItdmWeituoInfoModal },
   data () {
     return {
       // width：每列宽度--现在逻辑全部默认显示左边table，右边滚动
@@ -359,6 +364,11 @@ export default {
       openRl: 1,
       showCalendarDialog: false,
       scheduleData: [],
+      // 委托详情数据
+      record: {},
+      url: {
+        queryById: "/weituo/itdmWeituoInfo/queryById"
+      }
     }
   },
   created () {
@@ -375,7 +385,22 @@ export default {
   methods: {
     // 单击事件
     cellClick(row, column){
-      console.log(row, column)
+      console.log(row.weituoId, column.label)
+      if (column.label == '委托编号') {
+        let httpurl = '';
+        httpurl+=this.url.queryById;
+        const id = {id:row.weituoId}
+        getAction(httpurl,id).then((res)=>{
+          console.log(res)
+          this.record = res.result
+          this.$refs.modalForm1.edit(this.record);
+          this.$refs.modalForm1.title="委托详情";
+          this.$refs.modalForm1.disableSubmit = true;
+        }).finally(() => {
+          // that.confirmLoading = false;
+        })
+        // this.$refs.dialogForm.open();
+      }
     },
     // 获取设备日历
     getDeviceCalendar(){