From 173b928412159c602647caf7c3370a5adb3fa300 Mon Sep 17 00:00:00 2001
From: odjbin <1042039504@qq.com>
Date: Mon, 5 Aug 2024 20:32:33 +0800
Subject: [PATCH] =?UTF-8?q?fix=20:=20=E4=BF=AE=E5=A4=8D=E9=80=80=E5=9B=9E?=
 =?UTF-8?q?=E8=8A=82=E7=82=B9=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DetailComponent/Opinion.vue    | 101 +++++++++---------
 .../mobledetail/OpinionMoblie.vue             |  90 +++++++++-------
 2 files changed, 104 insertions(+), 87 deletions(-)

diff --git a/src/components/DetailComponent/Opinion.vue b/src/components/DetailComponent/Opinion.vue
index ae51586..88fd390 100644
--- a/src/components/DetailComponent/Opinion.vue
+++ b/src/components/DetailComponent/Opinion.vue
@@ -2,29 +2,50 @@
   <!--  <baseTitle title="审核意见"></baseTitle>-->
   <!--  <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>-->
   <div class="oper-page-btn" style="display: flex">
-    <el-select v-if="taskUserOptionList?.length>0"  v-model="backNode" placeholder="请选择退回节点" clearable  style="width: 150px;margin-right: 10px">
-      <el-option
-          v-for="item in taskUserOptionList"
-          :key="item.nodeId"
-          :label="item.nodeName + (item.userInfo ? ':' + item.userInfo.name : '')"
-          :value="item.nodeId">
-      </el-option>
-    </el-select>
-    <el-button type="danger" @click="rollbackHandler">驳回</el-button>
+    <el-button type="danger" @click="handleReject">驳回</el-button>
     <el-button color="#DED0B2" @click="handleAgree">同意</el-button>
   </div>
-  <!--  <el-dialog v-model="showBackNode" title="选择退回节点" width="400">-->
-  <!--        <el-select v-model="backNode" placeholder="请选择退回节点" clearable filterable>-->
-  <!--          <el-option-->
-  <!--              v-for="item in taskUserOptionList"-->
-  <!--              :key="item.nodeId"-->
-  <!--              :label="item.nodeName + ':' + item.userInfo.name"-->
-  <!--              :value="item.nodeId">-->
-  <!--&lt;!&ndash;            {{item.nodeName }} : {{item.userInfo.name}}&ndash;&gt;-->
-  <!--          </el-option>-->
-  <!--        </el-select>-->
-  <!--    <el-button type="danger" @click="rollbackHandler">确认</el-button>-->
-  <!--  </el-dialog>-->
+  <div class="opinion-dialog">
+    <el-dialog v-model="showBackNode" title="请选择退回节点" width="400">
+      <el-table :data="taskUserOptionList" style="width: 100%"
+                :header-cell-style="{background:'#f5f7fa'}">
+        <el-table-column width="55">
+          <template #default="scope">
+            <el-radio
+                class="radio"
+                :label="scope.row"
+                v-model="backNode"
+            >&emsp;&emsp;&emsp;
+            </el-radio>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="nodeName"
+            label="节点名称">
+        </el-table-column>
+        <el-table-column
+            prop="name"
+            label="操作者">
+          <template #default="scope">
+            <el-tag v-if="scope.row.userInfo" type="success">{{ scope.row.userInfo.name }}</el-tag>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="oper" style="display: flex;justify-content: flex-end;margin-top: 10px">
+        <el-button type="danger" @click="rollbackHandler">确定</el-button>
+        <el-button @click="showBackNode=false">取消</el-button>
+      </div>
+      <!--      <el-select v-if="taskUserOptionList?.length>0"  v-model="backNode" placeholder="请选择退回节点" clearable>-->
+      <!--        <el-option-->
+      <!--            v-for="item in taskUserOptionList"-->
+      <!--            :key="item.nodeId"-->
+      <!--            :label="item.nodeName + (item.userInfo ? ':' + item.userInfo.name : '')"-->
+      <!--            :value="item.nodeId">-->
+      <!--        </el-option>-->
+      <!--      </el-select>-->
+      <!--      <el-button type="danger" @click="rollbackHandler">确认</el-button>-->
+    </el-dialog>
+  </div>
 </template>
 
 <script setup lang="jsx">
@@ -56,7 +77,7 @@ const props = defineProps({
 })
 
 const form = ref()
-const backNode = ref('')
+const backNode = ref({})
 const showBackNode = ref(false)
 const schema = computed(() => {
   return [
@@ -147,32 +168,8 @@ const back = () => {
 }
 // 驳回
 const handleReject = async () => {
-  // const values = form.value.getValues()
   showBackNode.value = true
-  // if (!_value.value) {
-  //   ElNotification({
-  //     title: '提示',
-  //     message: '请填写审核意见',
-  //     type: 'warning'
-  //   })
-  //   return
-  // }
-  // const params = {
-  //   taskId: props.taskId,
-  //   // ...values
-  //   auditOpinion: _value.value
-  // }
-  // // console.log('params', params)
-  // const res = await rejectTask(params)
-  // ElNotification({
-  //   title: '提示',
-  //   message: res.msg,
-  //   type: res.code === 1000 ? 'success' : 'error'
-  // })
-  // if (res.code === 1000){
-  //   tagsViewStore.delVisitedViews(router.currentRoute.value.path)
-  //   back()
-  // }
+  backNode.value = {}
 }
 //回退节点
 const rollbackHandler = async () => {
@@ -189,7 +186,7 @@ const rollbackHandler = async () => {
     taskId: props.taskId,
     // ...values
     auditOpinion: _value.value,
-    rollBackId: backNode.value
+    rollBackId: backNode.value.nodeId
   }
   // console.log('params', params)
   const res = await rejectTask(params)
@@ -224,6 +221,10 @@ const handleAgree = async () => {
 }
 </script>
 
-<style lang="scss" scoped>
-
+<style lang="scss">
+.opinion-dialog {
+  .el-dialog__body {
+    padding: 0 !important;
+  }
+}
 </style>
diff --git a/src/views/project-management/mobledetail/OpinionMoblie.vue b/src/views/project-management/mobledetail/OpinionMoblie.vue
index a543553..35ae8fd 100644
--- a/src/views/project-management/mobledetail/OpinionMoblie.vue
+++ b/src/views/project-management/mobledetail/OpinionMoblie.vue
@@ -2,17 +2,50 @@
   <!--  <baseTitle title="审核意见"></baseTitle>-->
   <!--  <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>-->
   <div class="oper-page-btn" style="display: flex">
-    <el-select v-if="taskUserOptionList?.length>0"  v-model="backNode" placeholder="请选择退回节点" clearable  style="width: 150px;margin-right: 10px">
-      <el-option
-          v-for="item in taskUserOptionList"
-          :key="item.nodeId"
-          :label="item.nodeName + (item.userInfo ? ':' + item.userInfo.name : '')"
-          :value="item.nodeId">
-      </el-option>
-    </el-select>
-    <el-button type="danger" @click="rollbackHandler">驳回</el-button>
+    <el-button type="danger" @click="handleReject">驳回</el-button>
     <el-button color="#DED0B2" @click="handleAgree">同意</el-button>
   </div>
+  <div class="opinion-dialog">
+    <el-dialog v-model="showBackNode" title="请选择退回节点" width="300">
+      <el-table :data="taskUserOptionList" style="width: 100%"
+                :header-cell-style="{background:'#f5f7fa'}">
+        <el-table-column width="55">
+          <template #default="scope">
+            <el-radio
+                class="radio"
+                :label="scope.row"
+                v-model="backNode"
+            >&emsp;&emsp;&emsp;
+            </el-radio>
+          </template>
+        </el-table-column>
+        <el-table-column
+            prop="nodeName"
+            label="节点名称">
+        </el-table-column>
+        <el-table-column
+            prop="name"
+            label="操作者">
+          <template #default="scope">
+            <el-tag v-if="scope.row.userInfo" type="success">{{ scope.row.userInfo.name }}</el-tag>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="oper" style="display: flex;justify-content: flex-end;margin-top: 10px">
+        <el-button type="danger" @click="rollbackHandler">确定</el-button>
+        <el-button @click="showBackNode=false">取消</el-button>
+      </div>
+      <!--      <el-select v-if="taskUserOptionList?.length>0"  v-model="backNode" placeholder="请选择退回节点" clearable>-->
+      <!--        <el-option-->
+      <!--            v-for="item in taskUserOptionList"-->
+      <!--            :key="item.nodeId"-->
+      <!--            :label="item.nodeName + (item.userInfo ? ':' + item.userInfo.name : '')"-->
+      <!--            :value="item.nodeId">-->
+      <!--        </el-option>-->
+      <!--      </el-select>-->
+      <!--      <el-button type="danger" @click="rollbackHandler">确认</el-button>-->
+    </el-dialog>
+  </div>
 </template>
 
 <script setup lang="jsx">
@@ -43,7 +76,8 @@ const props = defineProps({
   }
 })
 
-const backNode = ref('')
+const backNode = ref({})
+const showBackNode = ref(false)
 const form = ref()
 const schema = computed(() => {
   return [
@@ -134,30 +168,8 @@ const back = () => {
 }
 // 驳回
 const handleReject = async () => {
-  // const values = form.value.getValues()
-  if (!_value.value) {
-    ElNotification({
-      title: '提示',
-      message: '请填写审核意见',
-      type: 'warning'
-    })
-    return
-  }
-  const params = {
-    taskId: props.taskId,
-    // ...values
-    auditOpinion: _value.value
-  }
-  // console.log('params', params)
-  const res = await rejectTask(params)
-  ElNotification({
-    title: '提示',
-    message: res.msg,
-    type: res.code === 1000 ? 'success' : 'error'
-  })
-  // tagsViewStore.delVisitedViews(router.currentRoute.value.path)
-  location.reload()
-  // back()
+  showBackNode.value = true
+  backNode.value = {}
 }
 
 //回退节点
@@ -175,7 +187,7 @@ const rollbackHandler = async () => {
     taskId: props.taskId,
     // ...values
     auditOpinion: _value.value,
-    rollBackId: backNode.value
+    rollBackId: backNode.value.nodeId
   }
   // console.log('params', params)
   const res = await rejectTask(params)
@@ -208,6 +220,10 @@ const handleAgree = async () => {
 }
 </script>
 
-<style lang="scss" scoped>
-
+<style lang="scss">
+.opinion-dialog {
+  .el-dialog__body {
+    padding: 0 !important;
+  }
+}
 </style>