草稿箱前端页面优化

src/views/Business/Sptsel/Menu.vue

@@ -277,12 +277,12 @@
       <c-col :span="24">
         <c-istream-table :list="stmData.data" :columns="stmData.columns">
           <el-table-column fixed="right" prop="op" label="OP" width="140px">
-            <template>
+            <template slot-scope="scope">
               <c-button
                 style="margin-left: 0"
                 size="small"
                 type="primary"
-                @click="onTake"
+                @click="continueEdit(scope.row)"
               >
                 处理
               </c-button>
@@ -352,17 +352,7 @@ export default {
   data() {
     return {
       //sourceModel: [],
-      sourceData: [
-        { label: "Incoming", value: "chkinc" },
-        { label: "E-Trade", value: "chkdzt" },
-        // { label: "Break", value: "chkpen" },
-        { label: "Correction", value: "chkcor" },
-        { label: "Automatic", value: "chkaut" },
-        { label: "Reject", value: "chkdel" },
-        { label: "网银", value: "chktco" },
-        { label: "归档", value: "chkcan" },
-        { label: "云平台", value: "chkypt" },
-      ],
+      sourceData: [],
       initdialog: false,
       transactionStatus: {
         busiNo: "",
@@ -400,7 +390,26 @@ export default {
       },
     };
   },
+   mounted() {
+     alert(this.root.tag);
+    if(this.root.tag == 'tohandle'){
+     this.sourceData = [
+        { label: "Incoming", value: "chkinc" },
+        { label: "E-Trade", value: "chkdzt" },
+        // { label: "Break", value: "chkpen" },
+        { label: "Correction", value: "chkcor" },
+        { label: "Automatic", value: "chkaut" },
+        { label: "Reject", value: "chkdel" },
+        { label: "网银", value: "chktco" },
+        { label: "归档", value: "chkcan" },
+        { label: "云平台", value: "chkypt" },
+      ]
+    }else if(this.root.tag == 'draft'){
+this.sourceData = [{ label: "Break", value: "chkpen" }]
+    }
+  },
   computed: {
+    
     chkinc: {
       get() {
         return this.model.chkinc === "t";

src/views/Business/Sptsel/index.vue

@@ -31,6 +31,7 @@ export default {
             root: this
         }
     },
+    props: ["tag"],
     mixins: [CommonProcess],    // 里面包含了Default、Check等的公共处理
     computed: {
 

src/views/Business/Trnrel/Inftrnps.vue

@@ -373,7 +373,7 @@
         :list="stmData.data"
         :columns="stmData.columns"
       >
-        <el-table-column fixed="right" prop="display" label="操作" width="220px">
+        <el-table-column fixed="right" prop="display" label="操作" width="300px">
           <template >
             <!--              <a :href="`/#/display/${scope.row['10'].toLowerCase()}?trn=${scope.row['1']}`" target="_blank" >显示快照</a>-->
             <!-- <a href="javascript:void(0)" @click="display(scope.$index, scope.row)"
@@ -383,6 +383,7 @@
                 style="margin-left: 0"
                 size="small"
                 type="primary"
+                v-if="this.root.tag === 'tocheck'"
               >
                 复核
               </c-button>
@@ -390,6 +391,7 @@
                 style="margin-left: 0"
                 size="small"
                 type="primary"
+                v-if="this.root.tag === 'tocheck'"
               >
                 退回修改
               </c-button>
@@ -397,9 +399,34 @@
                 style="margin-left: 0"
                 size="small"
                 type="primary"
+                v-if="this.root.tag === 'tocheck'"
               >
                 详情
               </c-button>
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                v-if="this.root.tag === 'finish'"
+              >
+                信息显示
+              </c-button>
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                v-if="this.root.tag === 'finish'"
+              >
+                交易快照
+              </c-button>
+              <c-button
+                style="margin-left: 0"
+                size="small"
+                type="primary"
+                v-if="this.root.tag === 'finish'"
+              >
+                冲正
+              </c-button>
           </template>
         </el-table-column>
       </c-istream-table>
@@ -521,6 +548,10 @@ export default {
     ...Event,
   },
   created: function () {},
+  mounted() {
+    alert(this.root.tag + "111");
+    console.log(this.root.tag);
+  },
   computed: {},
 };
 </script>

src/views/Business/Trnrel/index.vue

 <template>
-    <div class="eContainer">
-        
-        <el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" :validate-on-rule-change="false" label-width="150px" size="small" >
-            <!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
+  <div class="eContainer">
+    <el-form
+      :model="model"
+      :rules="rules"
+      ref="modelForm"
+      tokenKey="modelForm"
+      :validate-on-rule-change="false"
+      label-width="150px"
+      size="small"
+    >
+      <!-- <el-tabs ref="elment" type="card" @tab-click="tabClick">
                 <el-tab-pane label="复核夹查询"> -->
-                    <c-content>
-                        <m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
-                    </c-content>
-                <!-- </el-tab-pane>
+      <c-content>
+        <m-inftrnps :model="model" :codes="codes" ref="inftrnps" />
+      </c-content>
+      <!-- </el-tab-pane>
             </el-tabs> -->
-
-        </el-form>
-    </div>
+    </el-form>
+  </div>
 </template>
 <script>
-import Api from "~/service/Api"
-import CodeTable from "~/config/CodeTable"
-import Trnrel from "~/Model/Trnrel"
-import CommonProcess from "~/mixin/CommonProcess"
-import Pattern from "~/Model/Trnrel/Pattern"
+import Api from "~/service/Api";
+import CodeTable from "~/config/CodeTable";
+import Trnrel from "~/Model/Trnrel";
+import CommonProcess from "~/mixin/CommonProcess";
+import Pattern from "~/Model/Trnrel/Pattern";
 import Default from "~/model/Trnrel/Default";
 import Check from "~/model/Trnrel/Check";
-import Inftrnps from "./Inftrnps"
-import Trnp0 from "./Trnp0"
-import Trnpwfm from "./Trnpwfm"
-import Trnpevt from "./Trnpevt"
-import Trnpack from "./Trnpack"
-import Trnptro from "./Trnptro"
-import Prtgle from "./Prtgle"
-import Prtpan from "./Prtpan"
-import Prtswtp from "./Prtswtp"
-import Xmldoc from "./Xmldoc"
-import Prtswtrp from "./Prtswtrp"
-import Prtp from "./Prtp"
-import Utils from "~/utils/index"
+import Inftrnps from "./Inftrnps";
+import Trnp0 from "./Trnp0";
+import Trnpwfm from "./Trnpwfm";
+import Trnpevt from "./Trnpevt";
+import Trnpack from "./Trnpack";
+import Trnptro from "./Trnptro";
+import Prtgle from "./Prtgle";
+import Prtpan from "./Prtpan";
+import Prtswtp from "./Prtswtp";
+import Xmldoc from "./Xmldoc";
+import Prtswtrp from "./Prtswtrp";
+import Prtp from "./Prtp";
+import Utils from "~/utils/index";
 
 // import * as poinMessage from '@/util/poin-common/messageManage.js'
-import { TabPane,Col,Table,Form,FormItem,Upload,TableColumn,Card,Input,Button,Dialog,Select,Tabs,Option,DatePicker,Row} from 'element-ui'
+import {
+  TabPane,
+  Col,
+  Table,
+  Form,
+  FormItem,
+  Upload,
+  TableColumn,
+  Card,
+  Input,
+  Button,
+  Dialog,
+  Select,
+  Tabs,
+  Option,
+  DatePicker,
+  Row,
+} from "element-ui";
 import Event from "~/model/Trnrel/Event";
 
-
 export default {
-    name: 'Trnrel',
-    components:{
-        "m-inftrnps" : Inftrnps,
-    },
-    mixins: [CommonProcess],    // 里面包含了Default、Check等的公共处理
-    computed: {
-
-    },
-    provide() {
-        return {
-            root: this
-        }
-    },
-    data(){
-        return {
-            trnName:"trnrel",
-            model: new Trnrel().data,
-            checkRules: Check,
-            defaultRules: Default,
-            pattern: Pattern,
-            rules: null,
-            codes: {
-                relflg:CodeTable.relflg,
-                dflg:CodeTable.dflg,
-                bchtyp:CodeTable.bchtyp,
-                usrsort:CodeTable.usrsort,
-            },        
-        }
-    },
-    methods:{
-    },
-    mounted:async function(){
-        console.log("进入trnrel交易");
-        const that = this;
-        that.init(that.model).then(res => {
-            //TODO 处理数据逻辑
-             that.model = Utils.copyValueFromVO(that.model, res.data)
-            //  that.$refs.inftrnps.stmData.columns=res.data.trncorco_trnstm.rows
-        })
+  name: "Trnrel",
+  components: {
+    "m-inftrnps": Inftrnps,
+  },
+  mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
+  computed: {},
+  provide() {
+    return {
+      root: this,
+    };
+  },
+  props: ["tag"],
+  data() {
+    return {
+      trnName: "trnrel",
+      model: new Trnrel().data,
+      checkRules: Check,
+      defaultRules: Default,
+      pattern: Pattern,
+      rules: null,
+      codes: {
+        relflg: [
+          { label: "Correct", value: "C" },
+          { label: "Entered", value: "E" },
+          { label: "External", value: "X" },
+          { label: "Picked up", value: "P" },
+          { label: "Rejected", value: "N" },
+          { label: "Waiting", value: "W" },
+        ],
+        dflg: CodeTable.dflg,
+        bchtyp: CodeTable.bchtyp,
+        usrsort: CodeTable.usrsort,
+      },
+    };
+  },
+  methods: {},
+  mounted: async function () {
+    if (this.tag == "tocheck") {
+      this.codes.relflg = [
+        { label: "Correct", value: "C" },
+        { label: "Entered", value: "E" },
+        { label: "External", value: "X" },
+        { label: "Picked up", value: "P" },
+        { label: "Rejected", value: "N" },
+        { label: "Waiting", value: "W" },
+      ];
+    } else if (this.tag == "finish") {
+      this.codes.relflg = [
+        { label: "Closed", value: "M" },
+        { label: "Final", value: "F" },
+        { label: "Released", value: "R" },
+      ];
     }
-}
+    console.log("进入trnrel交易");
+    const that = this;
+    that.init(that.model).then((res) => {
+      //TODO 处理数据逻辑
+      that.model = Utils.copyValueFromVO(that.model, res.data);
+      //  that.$refs.inftrnps.stmData.columns=res.data.trncorco_trnstm.rows
+    });
+  },
+};
 </script>
 <style>
 </style>

src/views/TaskList/index.vue

@@ -3,19 +3,19 @@
     <c-tabs :value="tabVal" type="card" @tab-click="tabClick">
       <el-tab-pane label="待经办列表" name="sptsel">
         <!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
-        <t-sptsel />
+        <t-sptsel tag="tohandle"/>
       </el-tab-pane>
       <el-tab-pane label="待复核列表" name="trnrel">
-         <t-trnrel />
+         <t-trnrel tag="tocheck" />
       </el-tab-pane>
        <el-tab-pane label="已完成列表" name="finishedList">
-         <t-trnrel />
+          <t-trnrel tag="finish" />
       </el-tab-pane>
       <el-tab-pane label="待申报列表" name="bopsel">
          <t-bopsel />
       </el-tab-pane>
       <el-tab-pane label="草稿箱" name="draftBox">
-       <t-sptsel />
+       <t-sptsel tag="draft"/>
       </el-tab-pane>
       <el-tab-pane label="到期提示" name="expirePrompt">
        <t-diasel/>