d

jiaxiya/app/front/vues/pages/tradetransferdiliver/tradetransferdiliver.html

 <gsb-pagecard>
 <gsb-pagecard>
     <div slot="content">
     <div slot="content">
-        <gsb-grid2
-            ref="userGrid"
-            :bizCode="bizCode"
-            spaceHeight="100"
-            groupName="transfer"
-            modelName="tradetransfer"
-            listMethod="findAndCountAll"
-            deleteMethod="delete"
-            initMethod="initNewInstance"
-            isDataAuto="true"
-          :headStyle="headStyle"
-          :colFormatter="onColFormater"
-          :isSingleSelect="isSingleSelect"
-          @rowclick="onRowClick"
-          @onDlgFormClick="onDlgFormClick"
-          :validateformmethod="validateformmethod">
-          <template slot="other2" slot-scope="scope">
-              <a @mouseover="showdetail()">tracks.........</a>
-         </template>
+        <gsb-grid2 ref="userGrid" :bizCode="bizCode" spaceHeight="100" groupName="transfer" modelName="tradetransfer"
+            listMethod="findAndCountAll" deleteMethod="delete" initMethod="initNewInstance" isDataAuto="true"
+            :headStyle="headStyle" :colFormatter="onColFormater" :isSingleSelect="isSingleSelect" @rowclick="onRowClick"
+            @onDlgFormClick="onDlgFormClick" :validateformmethod="validateformmethod">
+            <template slot="other2" slot-scope="scope">
+                <a @mouseover="showdetail()">tracks.........</a>
+            </template>
         </gsb-grid2>
         </gsb-grid2>
-        <el-dialog
-            title="上传资料"
-            :visible.sync="showUploadform"
-            width="350px"
-            height="350px"
-            center>
+        <el-dialog title="上传资料" :visible.sync="showUploadform" width="350px" height="350px" center>
             <gsb-aliupload v-model="f1" @uploadsuccess="upsuccess" mtype="test"></gsb-aliupload>
             <gsb-aliupload v-model="f1" @uploadsuccess="upsuccess" mtype="test"></gsb-aliupload>
-     </el-dialog>
-   
+        </el-dialog>
+        <el-dialog title="跟进记录" :visible.sync="trackVisable">
+            <div style="min-height: 200px;margin-bottom: 50px;">
+                <el-steps direction="vertical" :active="trackRecords.length" >
+                    <el-step :title="tr.trackDate" :description="tr.trackContent" v-for="(tr, index) in trackRecords"></el-step>
+                </el-steps>
+            </div>
+            <el-input type="textarea" :rows="2" placeholder="请输入跟进内容" v-model="trackContent">
+            </el-input>
+            <el-row style="text-align: right;margin-top: 20px;">
+                <el-button type="warning" @click="cancelClick">取消</el-button>
+                <el-button type="primary"  @click="saveClick">保存</el-button>
+              </el-row>
+        </el-dialog>
+
     </div>
     </div>
-</gsb-pagecard>
+</gsb-pagecard>
\ No newline at end of file

jiaxiya/app/front/vues/pages/tradetransferdiliver/tradetransferdiliver.js

@@ -7,6 +7,11 @@
         bizCode: 'mytradetransferdiliver',
         bizCode: 'mytradetransferdiliver',
         showUploadform: false,
         showUploadform: false,
         f1: "",
         f1: "",
+        trackVisable:false,
+        trackContent:"",
+        trackRecords:[
+    
+        ]
       }
       }
     },
     },
   mounted: function() {
   mounted: function() {
@@ -70,14 +75,25 @@
         this.$router.push({ path: "/mynotarizationflow", query: { ali_bizid: row.ali_bizid } });
         this.$router.push({ path: "/mynotarizationflow", query: { ali_bizid: row.ali_bizid } });
       }
       }
       if(key=="tracks"){
       if(key=="tracks"){
-        alert("tracks")
+        this.trackVisable=true;
+        if(this.trackRecords.length==0){
+          this.trackRecords.push({"trackDate":"暂无跟进","trackContent":"请联系客户，进行跟进"});
+        }
       }
       }
     },
     },
     upsuccess(result){
     upsuccess(result){
       console.log(result);
       console.log(result);
     },
     },
     showdetail(){
     showdetail(){
-      alert("track.......details")
+      alert("track.......details");
+    },
+    cancelClick(){
+      this.trackVisable=false;
+    },
+    saveClick(){
+      this.trackVisable=false;
+      this.trackRecords.push({"trackDate":new Date().toLocaleString(),"trackContent":this.trackContent});
+      
     }
     }
   },
   },
   computed: Vuex.mapState({
   computed: Vuex.mapState({