跟进上传

src/components/order/failed.vue

@@ -42,11 +42,11 @@
       </div>
     </div>
     <el-table :data="retData.Data" row-key="Id" border size="medium" :height="$getHeight(100)">
-      <el-table-column prop="CreateTime" label="创建日期" width="140"></el-table-column>
+      <el-table-column prop="CreateTime" label="创建日期" ></el-table-column>
-       <el-table-column prop="UpdateTime" label="支付日期" width="140"></el-table-column>
+       <el-table-column prop="UpdateTime" label="支付日期" ></el-table-column>
-      <el-table-column prop="OrderNo" label="订单号" width="180"></el-table-column>
+      <el-table-column prop="OrderNo" label="订单号" ></el-table-column>
       <el-table-column prop="OrderType" label="类型" :formatter="typeFormat"></el-table-column>
-      <el-table-column prop="UserName" label="用户" width="100">
+      <el-table-column prop="UserName" label="用户">
         <template slot-scope="scope">
           <phoneHide :text="scope.row.UserName"></phoneHide>
         </template>
@@ -69,12 +69,12 @@
       <el-table-column prop="PaymentAmount" label="实付"></el-table-column>
       <!-- <el-table-column prop="RefundAmount" label="退款"></el-table-column> -->
       <el-table-column prop="PayType" label="付款方式" :formatter="payTypeFormat"></el-table-column>
-      <el-table-column prop="TradeNo" label="支付流水号" width="140">
+      <el-table-column prop="TradeNo" label="支付流水号" >
         <template slot-scope="scope">
           <cutTip :text="scope.row.TradeNo"></cutTip>
         </template>
       </el-table-column>
-      <el-table-column prop="Remark" label="备注" width="140">
+      <el-table-column prop="Remark" label="备注">
         <template slot-scope="scope">
           <cutTip :text="scope.row.Remark"></cutTip>
         </template>

src/components/order/index.vue

@@ -82,10 +82,10 @@
     </div>
     <el-table :data="retData.Data" row-key="Id" border size="medium" :height="$getHeight(100)">
       <!-- <el-table-column prop="CreateTime" label="创建日期" width="180"></el-table-column> -->
-       <el-table-column prop="UpdateTime" label="支付日期" width="180"></el-table-column>
+      <el-table-column prop="UpdateTime" label="支付日期" ></el-table-column>
-      <el-table-column prop="OrderNo" label="订单号" width="215"></el-table-column>
+      <el-table-column prop="OrderNo" label="订单号"></el-table-column>
       <el-table-column prop="OrderType" label="类型" :formatter="typeFormat"></el-table-column>
-      <el-table-column prop="UserName" label="用户" width="120">
+      <el-table-column prop="UserName" label="用户">
         <template slot-scope="scope">
           <phoneHide :text="scope.row.UserName"></phoneHide>
         </template>
@@ -108,12 +108,12 @@
       <el-table-column prop="PaymentAmount" label="实付"></el-table-column>
       <!-- <el-table-column prop="RefundAmount" label="退款"></el-table-column> -->
       <el-table-column prop="PayType" label="付款方式" :formatter="payTypeFormat"></el-table-column>
-      <el-table-column prop="TradeNo" label="支付流水号" width="140">
+      <el-table-column prop="TradeNo" label="支付流水号">
         <template slot-scope="scope">
           <cutTip :text="scope.row.TradeNo"></cutTip>
         </template>
       </el-table-column>
-      <el-table-column prop="Remark" label="备注" width="140">
+      <el-table-column prop="Remark" label="备注" >
         <template slot-scope="scope">
           <cutTip :text="scope.row.Remark"></cutTip>
         </template>

src/components/order/sellerorder.vue

@@ -31,11 +31,11 @@
       </div>
     </div>
     <el-table :data="retData.Data"  row-key="Id" border size="medium" :height="$getHeight(100)">
-      <el-table-column prop="CreateTime" label="创建日期" width="180"></el-table-column>
+      <el-table-column prop="CreateTime" label="创建日期" ></el-table-column>
-       <el-table-column prop="Channel" label="销售人" width="120"></el-table-column>
+       <el-table-column prop="Channel" label="销售人" ></el-table-column>
-      <el-table-column prop="OrderNo" label="订单号" width="215"></el-table-column>
+      <el-table-column prop="OrderNo" label="订单号"></el-table-column>
       <el-table-column prop="OrderType" label="类型"   :formatter="typeFormat"></el-table-column>
-      <el-table-column prop="UserName" label="用户" width="120">
+      <el-table-column prop="UserName" label="用户" >
         <template slot-scope="scope"> 
           <phoneHide :text="scope.row.UserName"></phoneHide>
         </template>
@@ -60,7 +60,7 @@
       <el-table-column prop="PaymentAmount" label="实付"></el-table-column>
       <!-- <el-table-column prop="RefundAmount" label="退款"></el-table-column> -->
       <el-table-column prop="PayType" label="付款方式" :formatter="payTypeFormat"></el-table-column>
-      <el-table-column prop="TradeNo" label="支付流水号" width="140">
+      <el-table-column prop="TradeNo" label="支付流水号">
         <template slot-scope="scope">
           <cutTip :text="scope.row.TradeNo"></cutTip>
         </template>

src/components/user/statistics.vue

@@ -177,10 +177,36 @@
           </el-option>
         </el-select>
         <el-input style="margin:5px 0" v-model="set_follow_status.remark" size="small" placeholder="请输入跟进记录"></el-input>
+        <el-input
+          class="mb10 input-layout"
+          type="textarea"
+          :rows="2"
+          placeholder="粘贴图片即可上传 目前只能上传一张"
+          @paste.native="handlePaste"
+      >
+      </el-input>
+        <el-upload
+          class="upload-demo"
+          ref="upload"
+          action=""
+          :http-request="httpRequest"
+          :on-preview="handlePreview"
+          :on-remove="handleRemove"
+          :limit="1"
+          :file-list="fileList">
+          <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
+          <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过5M</div>
+        </el-upload>
+        <br>
         <el-table :data="follow_status_list" border>
             <el-table-column prop="create_time" width="200" label="时间"></el-table-column>
             <el-table-column v-if="$local.isRoot()" width="100" prop="op_user" label="维护经理"></el-table-column>
             <el-table-column prop="druation" width="90" label="呼叫时长"></el-table-column>
+            <el-table-column label="跟进截图">
+              <template slot-scope="scope">   
+                <el-link type="primary" v-if="scope.row.file" :href="scope.row.file"  target="_blank"> {{scope.row.file}} 查看大图</el-link>
+              </template>
+            </el-table-column>
             <el-table-column label="跟进记录">
               <template slot-scope="scope">
                 <span v-if="scope.row.remark != null">{{scope.row.remark}}</span>
@@ -277,6 +303,7 @@ export default {
   },
   data () {
     return {
+      fileList: [],
       loading: false,
       cost_loading: false,
       account_loading: false,
@@ -313,7 +340,8 @@ export default {
         user_id: null,
         old_status: null,
         status: null,
-        remark: null
+        remark: null,
+        file:null
       },
       userinfo_fall: false,
       phone_fall: false,
@@ -453,7 +481,10 @@ export default {
       }
       this.temps.follow_status = this.setStatus(this.set_follow_status.status)
       this.clickOk = true
-      this.$api.post(this.$api.phpURL + 'manager/UserFollow/changeFolowStatus', {data: this.set_follow_status}).then(res => {
+      var up_data = {};
+      this.set_follow_status.file = this.fileList[0]
+      up_data.params = this.set_follow_status;
+      this.$api.upload(this.$api.phpURL + 'manager/UserFollow/changeFolowStatus',up_data).then(res => {
         this.follow_status_change_fall = false
         this.follow_status_change_two = false
         this.set_follow_status.id = null
@@ -589,6 +620,46 @@ export default {
           })
         }
       })
+    },
+    submitUpload() {
+      console.log(this.$refs);
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePreview(file) {
+      console.log(file);
+    },
+    // 自定义的提交函数，取出文件设置进请求参数
+    httpRequest(param) {
+      this.set_follow_status.file = param.file
+    },
+    handlePaste (e) {
+      var clipboardData = e.clipboardData; // IE
+        if (!clipboardData) {
+            //chrome
+          clipboardData = e.originalEvent.clipboardData;
+        }
+        var items='';
+        items = (e.clipboardData || window.clipboardData).items;
+        let file = null;
+        if (!items || items.length === 0) {
+          this.$message.error('当前浏览器不支持粘贴本地图片，请打开图片复制后再粘贴！');
+          return;
+        }
+        // 搜索剪切板items
+        for (let i = 0; i < items.length; i++) {
+          // 限制上传文件类型
+          if (items[i].type.indexOf('image') !== -1) {
+            file = items[i].getAsFile();
+            break;
+          }
+        }
+        // 对复制黏贴的类型进行判断，若是非文件类型，比如复制黏贴的文字，则不会调用上传文件的函数
+        if(file){
+          // 上传到图片服务器
+          this.fileList.push(file)
+        }
     }
   }
 }

src/components/user/statisticsrecord.vue

@@ -28,6 +28,12 @@
         </template>
       </el-table-column>
       <el-table-column prop="record" label="维护记录" width="300"></el-table-column>
+      
+      <el-table-column label="跟进截图">
+        <template slot-scope="scope">   
+          <el-link type="primary" v-if="scope.row.file" :href="scope.row.file"  target="_blank"> {{scope.row.file}} 查看大图</el-link>
+        </template>
+      </el-table-column>
       <el-table-column prop="telstarttime" label="呼叫开始时间" width="200"></el-table-column>
       <el-table-column prop="druation" label="呼叫时长" width="100"></el-table-column>
       <el-table-column prop="remark" label="备注"></el-table-column>     
@@ -74,6 +80,11 @@
             <el-table-column prop="create_time" label="时间"></el-table-column>
             <el-table-column v-if="$local.isRoot()" prop="op_user" label="维护经理"></el-table-column>
             <el-table-column prop="record" width="230" label="跟进记录"></el-table-column>
+            <el-table-column label="跟进截图">
+              <template slot-scope="scope">   
+                <el-link type="primary" v-if="scope.row.file" :href="scope.row.file"  target="_blank"> {{scope.row.file}} 查看大图</el-link>
+              </template>
+            </el-table-column>
             <el-table-column prop="remark" label="备注"></el-table-column>
         </el-table>
       <span slot="footer" class="dialog-footer">

src/extend/api/api.js

@@ -314,13 +314,8 @@ export function upload (url, uconfig) {
   for (let key of Object.keys(params)) {
     formData.append(key, params[key] !== null ? params[key] : '')
   }
+  
   return new Promise((resolve, reject) => {
-    var lastFileInput = createFileInput(accept, file => {
-      // eslint-disable-next-line prefer-promise-reject-errors
-      if (!file) { reject('没有选择文件') }
-      formData.append(file.name, file)
-      onStart && onStart(uuid, file)
-
       var uploadAxios = axios.create({
         // withCredentials: true,
         baseURL: http.baseURL
@@ -329,8 +324,6 @@ export function upload (url, uconfig) {
         response => { resolve(response.data) },
         err => { reject(err) }
       ).catch(error => { reject(error) })
-    })
-    lastFileInput.click()
   })
 }
 export default {