From 97200b64cd3d1bcb9e8c05be072121fff6f4b4c0 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Thu, 7 Jul 2022 16:44:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=86=85=E8=B4=AD=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/router/modules/codemenu.js            |   7 +
 .../neigouguanli/neigouDaiBanByVinNoInfo.vue  | 372 ++++++++++++++++++
 .../neigouguanli/neigouDaiBanInfo.vue         |   6 -
 3 files changed, 379 insertions(+), 6 deletions(-)
 create mode 100644 anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanByVinNoInfo.vue

diff --git a/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js b/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
index 9f71b8ce73..73077a8281 100644
--- a/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
+++ b/anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
@@ -588,6 +588,13 @@ const codemenu = [
       import('@/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanInfo.vue'),
     name: 'neigouDaiBanInfo'
   },
+  // 车辆内购待办详情
+  {
+    path: '/cheliangneigouFlow/neigouguanli/neigouDaiBanByVinNoInfo',
+    component: () =>
+      import('@/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanByVinNoInfo.vue'),
+    name: 'neigouDaiBanByVinNoInfo'
+  },
   // 车辆内购已办详情
   {
     path: '/cheliangneigouFlow/neigouguanli/neigouYiBanInfo',
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanByVinNoInfo.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanByVinNoInfo.vue
new file mode 100644
index 0000000000..a9cb8223d0
--- /dev/null
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanByVinNoInfo.vue
@@ -0,0 +1,372 @@
+<template>
+  <div class="app-container">
+    <div>
+      <!--标题按钮部分开始-->
+      <div class="tab-header webtop">
+        <!--标题-->
+        <div>内购详情</div>
+        <!--start 添加修改按钮-->
+        <div>
+          <el-button type="primary" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" @click="openStop('终止')">终 止</el-button>
+        </div>
+      </div>
+      <!--标题按钮部分结束-->
+      <!--Start 新增修改部分-->
+      <div class="">
+        <div class="wlInfo"><span>内购申请</span></div>
+        <el-form ref="form_obj" :model="formobj" :rules="rules" label-position="top">
+          <el-row class="lineone">
+            <el-col :span="3">
+              <span>申请编号:</span>
+            </el-col>
+            <el-col :span="5">
+              <span style="margin-left: 5px">{{ formobj.applyNo }}</span>
+            </el-col>
+            <el-col :span="3">
+              <span>申请人:</span>
+            </el-col>
+            <el-col :span="5">
+              <span style="margin-left: 5px">{{ formobj.applyPeoName }}</span>
+            </el-col>
+            <el-col :span="3">
+              <span>申请日期:</span>
+            </el-col>
+            <el-col :span="5">
+              <span style="margin-left: 5px">{{ formobj.createTime }}</span>
+            </el-col>
+          </el-row>
+          <el-row class="linetwo">
+            <el-col :span="3" class="el-form-item-right">
+              <span>购方机构:</span>
+            </el-col>
+            <el-col :span="9">
+              <el-form-item>
+                {{ formobj.buyerOrgName }}
+              </el-form-item>
+            </el-col>
+            <el-col :span="3" class="el-form-item-right">
+              <span>售方机构:</span>
+            </el-col>
+            <el-col :span="9">
+              <el-form-item>
+                {{ formobj.sellerOrgName }}
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div class="tableStyle">
+          <div style="margin-left: 5px;font-weight: bold">内购车型列表</div>
+        </div>
+        <el-table :key="tableKey" :data="formobj.baseInternalPurchaseVehicles" :index="index" border style="width: 100%">
+          <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
+          <el-table-column label="车型" align="center" header-align="center" width="250">
+            <template slot-scope="scope" prop="vehicleName">
+              <span>{{ scope.row.vehicleAlias }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="常用配置" align="left" header-align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.configName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="运费" align="center" width="150">
+            <template slot-scope="scope">
+              <span>{{ scope.row.freight }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="车架号" header-align="center" width="200">
+            <template slot-scope="scope">
+              <span v-if="current.taskName !== '售方销售支持部经理审批'">{{ scope.row.vinNo }}</span>
+              <el-input v-else v-model="scope.row.vinNo" placeholder="" clearable></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" align="center" width="200">
+            <template slot-scope="scope">
+              <span>{{ scope.row.remarks }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <!--End 添加修改部分-->
+    <!--End 添加修改部分-->
+    <span class="el-icon-picture-outline">流程图</span>
+    <flow :xmlData="xmlData" :taskData="taskList"></flow>
+    <!--End 添加修改部分-->
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form label-position="right" class="formadd" >
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">当前环节</el-col>
+          <el-col :span="20" class="trightb">
+            <el-form-item prop="purchasingUnitName"><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">意见</el-col>
+          <el-col :span="20" class="trightb">
+            <el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" clearable ></el-input>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="reject">确 定</el-button>
+          <el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/supplychain/cheliangneigou'
+import flow from '../../../baseoutsourcingapplication/workflow/flow'
+
+export default {
+  name: 'neigouDaiBanByVinNoInfo',
+  components: {
+    flow
+  },
+  data() {
+    return {
+      index: 0,
+      tableKey: 0,
+      // 表单数据
+      formobj: {},
+      operation: '', // 点击操作按钮
+      dialogList: {
+        comment: ''
+      },
+      xmlData: '', // 模型xml数据
+      taskList: [],
+      startTask: true,
+      current: {
+        taskDefKey: '',
+        taskName: '' // 当前环节名称
+      },
+      nextNode: {}, // 下一环节
+      nodeDialogVisible: false,
+      currentLink: true,
+      // 环节所需参数
+      linkByParameter: {
+        businessSid: '',
+        comment: '',
+        instanceId: '',
+        taskId: '',
+        formVariables: {},
+        orgSidPath: '',
+        taskDefKey: '',
+        userSid: ''
+      },
+      rules: {}
+    }
+  },
+  created() {
+    console.log('url:' + window.location.href)
+    var one = window.location.href.indexOf('&data') + 6
+    const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+    const obj = JSON.parse(decodeURIComponent(data))
+    console.log('obj:', obj)
+    // 点击（同意、终止、驳回、驳回）操作时所需的参数
+    this.linkByParameter.businessSid = obj.businessSid
+    this.linkByParameter.instanceId = obj.instanceId
+    this.linkByParameter.taskId = obj.taskId
+    this.linkByParameter.taskDefKey = obj.taskDefKey
+    this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+    this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+    this.current.taskDefKey = obj.taskDefKey
+    this.current.taskName = obj.taskName
+    // 加载表单数据
+    this.showInfo(obj.businessSid)
+    // 加载流程图相关的数据
+    this.getModelDetail(obj.deployId)
+    this.getFlowViewer(obj.instanceId)
+  },
+  mounted() {
+    window.parent.postMessage({
+      cmd: 'returnHeight',
+      params: {
+        // 告诉父级页面，子页面的弹框高度。
+        code: 2,
+        data: document.body.scrollHeight + 'px'
+      }
+    }, '*')
+  },
+  methods: {
+    showInfo(sid) {
+      req.fetchBySid(sid).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+        }
+      })
+    },
+    /** xml 文件 */
+    getModelDetail(deployId) {
+      // 发送请求，获取xml
+      req.readXml(deployId).then((res) => {
+        this.xmlData = res.data
+      })
+    },
+    // 已办环节的节点
+    getFlowViewer(procInsId) {
+      req.getFlowViewer(procInsId).then((res) => {
+        this.taskList = res.data
+      })
+    },
+    // 同意
+    openAgree(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = ''
+      req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 驳回
+    openReject(val) {
+      this.operation = val
+      this.currentLink = true
+      this.dialogList.comment = ''
+      req.getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey }).then((resp) => {
+        if (resp.success) {
+          var arr = resp.data
+          this.nextNode = arr[0]
+          this.nodeDialogVisible = true
+        }
+        this.submitdisabled = false
+      })
+    },
+    // 终止
+    openStop(val) {
+      this.operation = val
+      this.currentLink = false
+      this.dialogList.comment = ''
+      this.nodeDialogVisible = true
+    },
+    reject() {
+      if (this.operation === '同意') {
+        this.handleAgree()
+      } else if (this.operation === '驳回') {
+        this.handleReject()
+      } else if (this.operation === '终止') {
+        this.handleStop()
+      }
+    },
+    /** 同意任务 */
+    handleAgree() {
+      this.linkByParameter.comment = this.dialogList.comment
+      this.linkByParameter.formVariables = this.formobj
+      req.complete(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值(关闭弹框)
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 驳回任务 */
+    handleReject() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.reject(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    },
+    /** 终止任务 */
+    handleStop() {
+      this.linkByParameter.comment = this.dialogList.comment
+      req.breakProcess(this.linkByParameter).then((response) => {
+        if (response.success) {
+          this.$notify({
+            title: '提示',
+            message: '执行成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.nodeDialogVisible = false
+          // 子页面向父级页面传递值
+          window.parent.postMessage({
+            cmd: 'returnHeight',
+            params: {
+              // 操作成功，告诉父级页面关闭弹框
+              code: 1
+            }
+          }, '*')
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.wlInfo {
+  text-align: center;
+  font-size: 28px;
+  line-height: 90px;
+}
+.tableStyle {
+  background-color: #FFFFFF;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  border: 1px solid #dfe4ed;
+  height: 40px;
+}
+/deep/ .el-col-3 {
+  text-align: right;
+  float: left;
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px !important;
+  font-weight: 600;
+}
+/deep/ .el-col-5 {
+  text-align: left;
+  float: left;
+  font-size: 14px;
+  color: #606266;
+  line-height: 40px !important;
+  font-weight: 600;
+}
+.lineone {
+  border-bottom: 2px solid #e0e3eb;
+}
+.linetwo {
+  margin-top: 10px;
+}
+</style>
+
diff --git a/anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanInfo.vue b/anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanInfo.vue
index 691a29e6aa..a455dfeb5c 100644
--- a/anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanInfo.vue
+++ b/anrui-scm/anrui-scm-ui/src/views/workFlow/cheliangneigouFlow/neigouguanli/neigouDaiBanInfo.vue
@@ -154,7 +154,6 @@ export default {
         comment: '',
         instanceId: '',
         taskId: '',
-        formVariables: {},
         orgSidPath: '',
         taskDefKey: '',
         userSid: ''
@@ -261,11 +260,6 @@ export default {
     /** 同意任务 */
     handleAgree() {
       this.linkByParameter.comment = this.dialogList.comment
-      if (this.current.taskName === '售方销售支持部经理审批') {
-        this.linkByParameter.formVariables = this.formobj
-      } else {
-        this.linkByParameter.formVariables = {}
-      }
       req.complete(this.linkByParameter).then((response) => {
         if (response.success) {
           this.$notify({