style:退回

@@ -98,11 +98,7 @@ export default {
   }
   }
 }
 }
 </script>
 </script>
-<style scoped>
-#app {
-  overflow: hidden;
-}
-
+<style scoped lang="scss" >
 .ls-mask {
 .ls-mask {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
@@ -152,10 +148,13 @@ export default {
   display: flex;
   display: flex;
   justify-content: center;
   justify-content: center;
   width: 100%;
   width: 100%;
-  box-shadow: 0px 0px 0.5px 0px;
   position: absolute;
   position: absolute;
+  border-top: 1px solid $borderColor;
   bottom: 0;
   bottom: 0;
   background: #ffffff;
   background: #ffffff;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  overflow: hidden;
 }
 }
 
 
 
 

 <template>
 <template>
-  <dialogBox title="退回" @submitForm="submitForm" saveButton="确认退回" width="80%" @closeDialog="closeDialog"
-    v-model="value">
-    <div class="from-clues">
-      <!-- 表单部分 -->
-      <div class="from-clues-header">
-        <el-form ref="queryForm" label-width="120px">
-          <div>
-            <lb-table :column="columns" border :heightNum="390" :pagination="false" heightNumSetting :data="tableData">
-            </lb-table>
-            <el-form-item label="退回意见:">
-              <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
-            </el-form-item>
-          </div>
-        </el-form>
-      </div>
+  <div class="from-clues">
+    <!-- 表单部分 -->
+    <div class="from-clues-header">
+      <el-form ref="queryForm" label-width="90px">
+        <ul style="margin-bottom:15px">
+          <li v-for="(item,index) in list" class="listDetail">
+            <p class="icon">
+              <i class="el-icon-circle-check"></i>
+            </p>
+            <p>{{item.title}}</p>
+            <p>{{item.value}}</p>
+          </li>
+        </ul>
+        <el-form-item label="退回意见:">
+          <el-input class="textArea" type="textarea" v-model="outstepopinion"></el-input>
+        </el-form-item>
+      </el-form>
     </div>
     </div>
-  </dialogBox>
+  </div>
 </template>
 </template>
 
 
 <script>
 <script>
 import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
 import { getTaskBackNode, sendBackTask } from "@/api/fqsq.js"
 export default {
 export default {
-  components: {
-  },
   props: {
   props: {
-    value: { type: Boolean, default: false },
-    queryForm: { type: Object },
-    taskId: { type: String },
-    bsmBusiness: { type: String }
   },
   },
   data () {
   data () {
-    const columns = [
-      {
-        label: "",
-        width: "36px",
-        render: (h, scope) => {
-          return (
-            <div class="orgColumn">
-              <el-radio v-model={this.radioVal} label={scope.row.taskid} onChange={() => {
-                this.radioClick(scope.row);
-              }}>
-                {" "}
-                &ensp;
-              </el-radio>
-            </div>
-          );
-        },
-      },
-      {
-        prop: "activityName",
-        label: "退回环节名称",
-      },
-      {
-        prop: "assignee",
-        label: "办理人",
-      },
-    ];
     return {
     return {
-      columns,
-      radioVal: "",
-      outstepopinion: "",
-      tableData: [],
-      list: {
-        bsmSlsq: "",
-        backNodeList: [],
-      },
-      sumbitList: {},
-      activityId: "",
-    }
-  },
-  mounted () {
-    if (this.$route.query.bsmSlsq) {
-      this.list.bsmSlsq = this.$route.query.bsmSlsq
+      list: [
+        {
+          title: "初审",
+          value: '',
+        },
+        {
+          title: "复审",
+          value: '',
+        },
+        {
+          title: "录入",
+          value: '',
+        }
+      ],
+      outstepopinion: ''
     }
     }
   },
   },
   methods: {
   methods: {
-    tablelistFn () {
-      getTaskBackNode({ bsmBusiness: this.bsmBusiness }).then(res => {
-        if (res.code === 200) {
-          this.tableData = res.result
-        }
-      })
-    },
-    radioClick (scope) {
-      this.activityId = scope.activityId
-      this.sumbitList = scope
-
-    },
-    submitForm () {
-      if (this.activityId == undefined) {
-        this.$message.error('请至少选择一条数据');
-        return
-      }
-      this.list.backNodeList.push({
-        id: this.taskId,
-        taskid: this.activityId,
-        processInstanceId: this.sumbitList.processInstanceId,
-        bsmBusiness: this.bsmBusiness,
-        outstepopinion: this.outstepopinion
-      })
-      sendBackTask(this.list).then(res => {
-        if (res.code === 200) {
-          this.$message.success('退回成功')
-          setTimeout(() => {
-            window.opener = null;
-            window.open("about:blank", "_self");
-            window.close();
-            this.$emit('input', false)
-          }, 1000);
-
-        } else {
-          this.$message.error(res.message)
-        }
-      })
-    },
-    closeDialog () {
-      this.$emit("input", false);
-    },
-
   }
   }
 }
 }
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";
 
 
+.listDetail {
+  display: flex;
+  align-items: center;
+  width: 100%;
+
+  p {
+    line-height: 30px;
+    height: 30px;
+    @include flex-center;
+    flex: 1;
+    width: 100%;
+    border: 1px solid rgb(233, 235, 237);
+    margin-top: -1px;
+    margin-left: -1px;
+  }
+
+  .icon {
+    flex: 0 0 60px;
+  }
+}
+
 .textArea {
 .textArea {
   /deep/.el-textarea__inner {
   /deep/.el-textarea__inner {
     min-height: 90px !important;
     min-height: 90px !important;

@@ -280,6 +280,20 @@ export default {
           })
           })
           break;
           break;
         case "back": //退回按钮
         case "back": //退回按钮
+          this.$popup({
+            title: "退回",
+            editItem: "workflow/components/th",
+            height: "330px",
+            width: '30%',
+            formData: {},
+            btnShow: true,
+            cancel: () => {
+              console.log("取消回调");
+            },
+            confirm: () => {
+              console.log("确认回调");
+            },
+          })
           break;
           break;
         case "transfer": //转件按钮
         case "transfer": //转件按钮
           getNextLinkInfo({
           getNextLinkInfo({