客户资料，报表修改

fuwaiCallCenterWeb.UI/src/api/reportForm/provCallduration.js

@@ -0,0 +1,16 @@
+import request from '@/utils/request'
+export function getDataList(params) {
+  return request({
+    url: 'callcenterapi/api/talktime/getpcdatalist',
+    method: 'get',
+    params
+  })
+}
+
+export function getColumnList() {
+  return request({
+    url: 'callcenterapi/api/talktime/getpccolumnlist',
+    method: 'get'
+
+  })
+}

fuwaiCallCenterWeb.UI/src/views/customer/customerManage/addOrEdit copy.vue

@@ -0,0 +1,247 @@
+<template>
+  <div v-loading="loading">
+    <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="150px" class="cusUser_form">
+      <el-form-item label="姓名" prop="name">
+        <el-input v-model="ruleForm.name" placeholder="请输入客户姓名"/>
+      </el-form-item>
+      <el-form-item label="手机号码" prop="mobilephone">
+        <el-input v-model="ruleForm.mobilephone" placeholder="请输入手机号码"/>
+      </el-form-item>
+      <el-form-item label="用户角色" prop="provinceCity">
+        <el-cascader
+          v-model="codes"
+          :options="codesDatas"
+          :props="props2"
+          placeholder="请选择角色"
+          class="form_select"
+          clearable
+          filterable
+          change-on-select/>
+      </el-form-item>
+
+      <el-form-item label="固定号码" prop="telephone">
+        <el-input v-model="ruleForm.telephone" placeholder="请输入固定号码"/>
+      </el-form-item>
+      <el-form-item label="所在地" prop="provinceCity">
+        <el-cascader
+          v-model="provinceCity"
+          :options="provinceCityDatas"
+          :props="props"
+          placeholder="请选择省市"
+          class="form_select"
+          clearable
+          filterable
+          change-on-select/>
+      </el-form-item>
+      <el-form-item label="具体地址" prop="address">
+        <el-input v-model="ruleForm.address" placeholder="请输入具体地址"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm">保存</el-button>
+        <el-button @click="resetForm">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { getProviceCity, getroleTreeList } from '@/api/commonAPI'
+import { getCusUser, addCusUser, editCusUser } from '@/api/customer/customerManage'
+import { validName, validateTel, validFax, validQQ, validEmail } from '@/utils/validate'
+
+const validNameRule = (rule, value, callback) => {
+  if (!validName(value)) {
+    callback(new Error('请输入有效的姓名（2-20位汉字和·•的组合）！'))
+  } else {
+    callback()
+  }
+}
+
+const validateTelRule = (rule, value, callback) => {
+  if (!validateTel(value)) {
+    callback(new Error('请输入有效的客户电话!'))
+  } else {
+    callback()
+  }
+}
+
+const validFaxRule = (rule, value, callback) => {
+  if (value) {
+    if (!validFax(value)) {
+      callback(new Error('请输入正确的固话号码!'))
+    } else {
+      callback()
+    }
+  } else {
+    callback()
+  }
+}
+export default {
+  name: 'AddOrEdit',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    isCallin: {
+      type: Boolean,
+      default: false
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      provinceCity: [], // 省市下拉绑定的值
+      provinceCityDatas: [], // 省市下拉数据
+      codes: [], // 省市下拉绑定的值
+      codesDatas: [], // 省市下拉数据
+      props: { // 自定义省市下拉数据的key值
+        value: 'code',
+        label: 'name',
+        children: 'entityJson'
+      },
+      props2: { // 自定义省市下拉数据的key值
+        value: 'code',
+        label: 'name'
+      },
+      ruleForm: {
+        id: '',
+        name: '', //	否	string	姓名
+        mobilephone: '', //	是	string	手机号码
+        telephone: '', //	是	string	手机号码
+        province: '', //	否	string	省code
+        city: '', //	否	string	市code
+        usercodes: '',
+        rolecodes: '',
+        address: '' //	否	string	地址
+      },
+      rules: {
+        name: [{
+          required: true,
+          // message: '请输入客户姓名',
+          trigger: 'blur',
+          validator: validNameRule
+        }],
+        mobilephone: [{
+          required: true,
+          trigger: 'blur',
+          validator: validateTelRule
+        }],
+        telephone: [{
+          required: false,
+          trigger: 'blur',
+          validator: validFaxRule
+        }]
+      },
+      loading: false
+    }
+  },
+  created() {
+    this.getProCity().then(() => {
+      if (this.rowid) {
+        this.ruleForm.id = this.rowid
+        this.getDetail(this.rowid)
+      }
+    })
+    this.getCodes()
+  },
+  methods: {
+    submitForm() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          this.ruleForm.province = this.provinceCity && this.provinceCity[0]
+          this.ruleForm.city = this.provinceCity && this.provinceCity[1]
+          this.ruleForm.usercodes = this.codes && this.codes[0]
+          this.ruleForm.rolecodes = this.codes && this.codes[1]
+          // 添加
+          if (!this.rowid) {
+            addCusUser(this.ruleForm).then(response => {
+              this.loading = false
+              if (response.state.toLowerCase() === 'success') {
+                debugger
+                this.$parent.$layer.close(this.layerid)
+                if (this.isCallin) {
+                  this.$parent.getCusInfos() // 来电弹屏内获取客户资料信息
+                } else {
+                  this.$parent.getList() // 重新加载父级数据
+                }
+                this.$message.success('恭喜你，客户信息添加成功!')
+              }
+            }).catch(() => {
+              this.loading = false
+            })
+            return
+          }
+          // 编辑
+          editCusUser(this.ruleForm).then(response => {
+            this.loading = false
+            if (response.state.toLowerCase() === 'success') {
+              this.$parent.$layer.close(this.layerid)
+              this.$parent.getList() // 重新加载父级数据
+              this.$message.success('恭喜你，客户信息编辑成功!')
+            }
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          this.$message.error('请输入有效的必填项信息!')
+          return false
+        }
+      })
+    },
+    resetForm() {
+      this.provinceCity = []
+      this.codes = []
+      this.$refs.ruleForm.resetFields()
+    },
+    // 详情
+    getDetail(rid) {
+      getCusUser(rid).then(response => {
+        if (response.state.toLowerCase() === 'success') {
+          const res = response.data
+          this.ruleForm.name = res.name //	否	string	姓名
+          this.ruleForm.mobilephone = res.mobilephone //	是	string	手机号码
+          this.ruleForm.telephone = res.telephone //	是	string	手机号码
+          this.provinceCity = [res.province, res.city]//	否	string	省code 市
+          this.ruleForm.address = res.address //	否	string	地址
+        }
+      })
+    },
+    // 获取省市下拉数据
+    getProCity() {
+      return new Promise(resolve => {
+        getProviceCity().then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.provinceCityDatas = response.data
+          }
+        })
+        resolve()
+      })
+    },
+    // 获取用户部门角色
+    getCodes() {
+      return new Promise(resolve => {
+        getroleTreeList().then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.codesDatas = response.data
+          }
+        })
+        resolve()
+      })
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+.cusUser_form .form_select{
+	width: 100%;
+}
+</style>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

fuwaiCallCenterWeb.UI/src/views/customer/customerManage/addOrEdit.vue

@@ -36,19 +36,71 @@
       <el-form-item label="具体地址" prop="address">
         <el-input v-model="ruleForm.address" placeholder="请输入具体地址"/>
       </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="submitForm">保存</el-button>
-        <el-button @click="resetForm">重置</el-button>
-      </el-form-item>
+      <el-form-item/>
     </el-form>
+    <el-row :gutter="20" class="filter-container">
+
+      <el-col :lg="24">
+        <draggable v-model="pagerLists" @update="datadragEnd">
+          <transition-group tag="div" type="transition" name="flip-list">
+            <div v-for="(item, index) in pagerLists" :key="item.queguid" class="question_list">
+              <div class="question">
+                <div class="question_tit">
+                  <div class="title">
+                    <b class="sign">*</b>
+                    <span class="sort">{{ item.sort + 1 }}</span>
+                    <b class="option_title">{{ item.quetitle }}</b>
+                  </div>
+                  <div :lg="12" class="queOpion">
+                    <div class="queOptext">
+                      <template v-if="item.type === '1'">
+                        <el-input v-model="item.name" placeholder="请输入内容"/>
+                      </template>
+                    </div>
+                  </div>
+                </div>
+                <div v-show="!item.isEdit" class="operate_btn">
+                  <el-button size="mini" plain type="primary" @click.stop="btn_edit(item)">编辑</el-button>
+                  <el-button size="mini" plain type="danger" @click.stop="btn_delete(index)">删除</el-button>
+                  <el-button size="mini" plain type="primary" @click.stop="btn_moveup(index)">上移</el-button>
+                  <el-button size="mini" plain type="primary" @click.stop="btn_movedown(index)">下移</el-button>
+                </div>
+              </div>
+              <div v-show="item.isEdit" class="question_edit">
+                <div class="title_area">
+                  <el-input v-model="item.quetitle" placeholder="请输入标题" clearable class="title_input"/>
+                  <el-button type="primary" class="title_btn" @click="btn_edit(item)">保存</el-button>
+                </div>
+
+              </div>
+            </div>
+          </transition-group>
+        </draggable>
+      </el-col>
+
+      <div class="clearfix sub-navbar">
+        <!-- <sticky> -->
+        <el-button type="primary" plain class="filter-item" @click="btn_addPagers('1')">
+          添加
+        </el-button>
+        <el-button type="primary" class="filter-item" @click="btn_save">
+          提交
+        </el-button>
+        <!-- </sticky> -->
+      </div>
+    </el-row>
   </div>
+
 </template>
 
 <script>
+import draggable from 'vuedraggable'
+import { guid } from '@/utils'
+// import { addPager, editPager, getPager } from '@/api/questionnaire/management'
+import Sticky from '@/components/Sticky'
 import { getProviceCity, getroleTreeList } from '@/api/commonAPI'
 import { getCusUser, addCusUser, editCusUser } from '@/api/customer/customerManage'
 import { validName, validateTel, validFax, validQQ, validEmail } from '@/utils/validate'
-
 const validNameRule = (rule, value, callback) => {
   if (!validName(value)) {
     callback(new Error('请输入有效的姓名（2-20位汉字和·•的组合）！'))
@@ -78,6 +130,10 @@ const validFaxRule = (rule, value, callback) => {
 }
 export default {
   name: 'AddOrEdit',
+  components: {
+    draggable,
+    Sticky
+  },
   props: {
     rowid: {
       type: String,
@@ -94,6 +150,7 @@ export default {
   },
   data() {
     return {
+      pagerLists: [],
       provinceCity: [], // 省市下拉绑定的值
       provinceCityDatas: [], // 省市下拉数据
       codes: [], // 省市下拉绑定的值
@@ -113,6 +170,7 @@ export default {
         mobilephone: '', //	是	string	手机号码
         telephone: '', //	是	string	手机号码
         province: '', //	否	string	省code
+        customfields: '',
         city: '', //	否	string	市code
         usercodes: '',
         rolecodes: '',
@@ -143,15 +201,28 @@ export default {
     this.getProCity().then(() => {
       if (this.rowid) {
         this.ruleForm.id = this.rowid
-        this.getDetail(this.rowid)
+        this.getDetail_1(this.rowid)
       }
     })
     this.getCodes()
   },
   methods: {
-    submitForm() {
+    btn_save() {
+      if (this.pagerLists.length === 0) {
+        this.$message.warning('您还没有添加试题!')
+        return
+      }
+      for (let i = 0, len = this.pagerLists.length; i < len; i++) {
+        if (this.pagerLists[i].isEdit) {
+          this.$message.warning(`第${i + 1}题还没有编辑完成!`)
+          return
+        }
+      }
+
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
+          // 修改试题数据用于提交
+          this.ruleForm.customfields = this.getPagerOptions()
           this.ruleForm.province = this.provinceCity && this.provinceCity[0]
           this.ruleForm.city = this.provinceCity && this.provinceCity[1]
           this.ruleForm.usercodes = this.codes && this.codes[0]
@@ -198,7 +269,7 @@ export default {
       this.$refs.ruleForm.resetFields()
     },
     // 详情
-    getDetail(rid) {
+    getDetail_1(rid) {
       getCusUser(rid).then(response => {
         if (response.state.toLowerCase() === 'success') {
           const res = response.data
@@ -207,6 +278,7 @@ export default {
           this.ruleForm.telephone = res.telephone //	是	string	手机号码
           this.provinceCity = [res.province, res.city]//	否	string	省code 市
           this.ruleForm.address = res.address //	否	string	地址
+          this.pagerLists = this.changePagerOptions(res.customfields)
         }
       })
     },
@@ -231,17 +303,348 @@ export default {
         })
         resolve()
       })
+    },
+    /**
+			 * 添加试题
+			 * @type 1问答题，2单选题，3多选题
+			 */
+    btn_addPagers(type) {
+      const pagerNum = this.pagerLists.length
+      let itemList = []
+      if (this.pagerLists && this.pagerLists.length > 0) {
+        for (let i = 0, len = this.pagerLists.length; i < len; i++) {
+          if (this.pagerLists[i].isEdit) {
+            this.$message.warning(`第${i + 1}题还没有编辑完成!`)
+            return
+          }
+          // this.$set(this.pagerLists[i], 'isEdit', false);
+        }
+      }
+      if (Number(type) > 1) {
+        itemList = [{
+          'id': guid(),
+          'queguid': '',
+          'name': '选项1',
+          'sort': 0
+        },
+        {
+          'id': guid(),
+          'queguid': '',
+          'name': '选项2',
+          'sort': 1
+        }]
+      }
+      this.pagerLists.push({
+        'queguid': guid(), // 前端生成的guid
+        'quetitle': '标题',
+        'type': type,
+        'sort': pagerNum,
+        'isEdit': true, // 是否是编辑状态
+        'remark': '',
+        'isRequire': true, // 是否是必填
+        'itemList': itemList
+      })
+    },
+    // 生成问卷
+    // btn_save() {},
+    // 试题编辑  完成此题
+    btn_edit(item) {
+      const isValid = this.isValidOption(item)
+      if (isValid) {
+        this.pagerLists.forEach((v, i) => {
+          if (v.queguid === item.queguid) {
+            this.$set(item, 'isEdit', !item.isEdit)
+          } else {
+            this.$set(v, 'isEdit', false)
+          }
+        })
+      }
+    },
+
+    // 删除试题
+    btn_delete(index) {
+      this.$confirm('您确定要将此试题删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.pagerLists.splice(index, 1)
+        if (this.pagerLists && this.pagerLists.length > 0) {
+          this.pagerLists.forEach((v, i) => {
+            if (i >= index) {
+              this.$set(v, 'sort', v.sort - 1)
+            }
+          })
+        }
+        this.$message.success('删除成功!')
+      }).catch(() => {
+        this.$message.info('已取消删除')
+      })
+    },
+
+    // 上移试题
+    btn_moveup(index) {
+      if (index === 0) {
+        this.$message.warning('第一题不能再上移!')
+        return
+      }
+      const temp = this.pagerLists[index - 1]
+      this.$set(this.pagerLists, index - 1, this.pagerLists[index])
+      this.$set(this.pagerLists[index - 1], 'sort', index - 1)
+      this.$set(this.pagerLists, index, temp)
+      this.$set(this.pagerLists[index], 'sort', index)
+    },
+
+    // 下移试题
+    btn_movedown(index) {
+      if (index === this.pagerLists.length - 1) {
+        this.$message.warning('最后一题不能再下移!')
+        return
+      }
+      const i = this.pagerLists[index + 1]
+      this.$set(this.pagerLists, index + 1, this.pagerLists[index])
+      this.$set(this.pagerLists[index + 1], 'sort', index + 1)
+      this.$set(this.pagerLists, index, i)
+      this.$set(this.pagerLists[index], 'sort', index)
+    },
+
+    // 添加选项
+    btn_addOption(item, index) {
+      item.splice(index + 1, 0, {
+        'id': guid(),
+        'queguid': '',
+        'name': '选项',
+        'sort': index
+      })
+      item.forEach((v, i) => {
+        if (i > index) {
+          this.$set(v, 'sort', v.sort + 1)
+        }
+      })
+    },
+
+    // 删除选项
+    btn_deleteOption(item, index) {
+      this.$confirm('您确定要将此选项删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        if (item.length === 1) {
+          this.$message.warning('请至少保留一个选项!')
+          return
+        }
+        item.splice(index, 1)
+        item.forEach((v, i) => {
+          if (i >= index) {
+            this.$set(v, 'sort', v.sort - 1)
+          }
+        })
+        this.$message.success('删除成功!')
+      }).catch(() => {
+        this.$message.info('已取消删除')
+      })
+    },
+
+    // 验证试题编辑 标题和选项是否为空
+    isValidOption(item) {
+      if (item.isEdit) {
+        if (!item.quetitle) {
+          this.$message.warning('您还没有填写试题的标题!')
+          return false
+        }
+        if (item.itemList) {
+          for (let i = 0, len = item.itemList.length; i < len; i++) {
+            if (!item.itemList[i].name) {
+              this.$message.warning('试题的选项不允许为空!')
+              return false
+            }
+          }
+        }
+        return true
+      }
+      return true
+    },
+
+    // 修改获取的数据
+    changePagerOptions(arr) {
+      const tem = []
+      arr.forEach((v, i) => {
+        tem.push({
+          'fields': v.fields,
+          'name': v.name,
+          'sort': v.sort
+        })
+      })
+      return tem
+    },
+
+    // 提交前数据修改
+    getPagerOptions() {
+      const tem = []
+      this.pagerLists.forEach((v, i) => {
+        tem.push({
+          'quetitle': v.quetitle,
+          'name': v.name,
+          'sort': v.sort
+        })
+      })
+      return tem
+    },
+    // 拖动后索引的变化
+    datadragEnd(evt) {
+      // console.log('拖动前的索引 :' + evt.oldIndex)
+      // console.log('拖动后的索引 :' + evt.newIndex)
+      this.$set(this.pagerLists[evt.oldIndex], 'sort', evt.oldIndex)
+      this.pagerLists.forEach((v, i) => {
+        // 向下拖
+        if ((i > evt.oldIndex) && (i < evt.newIndex)) {
+          this.$set(v, 'sort', v.sort - 1)
+        }
+        // 向上拖
+        if ((i < evt.oldIndex) && (i > evt.newIndex)) {
+          this.$set(v, 'sort', v.sort + 1)
+        }
+      })
+      this.$set(this.pagerLists[evt.newIndex], 'sort', evt.newIndex)
     }
   }
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
-.cusUser_form .form_select{
-	width: 100%;
-}
-</style>
-
 <style rel="stylesheet/scss" lang="scss" scoped>
+    .sub-navbar{
+			position: fixed;
+			//width: calc(100% - 80px);
+      bottom:50px;
+      right: 50px;
+			z-index: 2;
+			background-color: rgba(255, 255, 255, .9);
+		}
+    .cusUser_form{
+      margin-top: 30px;
+    }
+		.pager_content{
+			margin-top: 42px;
+		}
+		.filter-container .el-button .svg-icon{
+			height: 1.4em;
+			vertical-align: -0.3em;
+		}
+		.page_input{
+			margin: 10px 0;
+		}
+		.question_list{
+			.question{
+				cursor: move;
+				padding: 20px;
+				border: 1px solid #EBEEF5;
+        overflow: hidden;
+        position:relative;
+        .question_tit{
+          display: flex;
+        }
+				.title{
+					margin-bottom: 30px;
+          width: 150px;
+					.sign{
+						color: #F14949;
+						vertical-align: middle;
+					}
+					.sort{
+						display: inline-block;
+						width: 30px;
+						height: 24px;
+						background-color: #409EFF;
+						border-radius: 2px;
+						color: #FFFFFF;
+						text-align: center;
+						line-height: 24px;
+						font-size: 14px;
+					}
+					.option_title{
+						padding-left: 20px;
+						font-weight: bold;
+						font-size: 16px;
+						color: #333333;
+					}
+          .titleText{
+            width: 240px
+          }
+				}
+				.queOpion{
+          flex:1;
+          word-break: break-all;
+				}
+				.operate_btn{
+					text-align: right;
+				}
+			}
+			.question_edit{
+				position: relative;
+				background-color: #fafafa;
+				padding: 10px 30px 15px 30px;
+				.triangle{
+					position: absolute;
+					left: 53px;
+					top: -16px;
+					z-index: 1;
+					width:0;
+					height:0;
+					border-width:0 12px 16px;
+					border-style:solid;
+					border-color:transparent transparent #ebeef5;
+					&:after{
+						content: '';
+						position: absolute;
+						top: 2px;
+						left: -11px;
+						border-width:0 11px 15px;
+						border-style: solid;
+						border-color:transparent transparent #fafafa;
+					}
+				}
+				.title_area{
+					margin-bottom: 10px;
+					.title_input{
+						width: 40%;
+					}
+					.must_answer{
+						margin-right: 60px;
+						margin-left: 60px;
+					}
+				}
+				.option_area{
+					margin-left: -10px;
+					margin-right: -10px;
+					margin-bottom: 20px;
+					.option_input{
+						width: auto;
+						margin-bottom: 10px;
+					}
+					i{
+						font-size: 24px;
+						color: #cfcfcf;
+						vertical-align: middle;
+						cursor: pointer;
+						&:hover{
+							color: #409EFF;
+						}
+					}
+				}
+				.done_question{
+					width: 100%;
+					text-align: center;
+					.el-button{
+						width: 240px;
+					}
+				}
+			}
+		}
 
+		@media only screen and (max-width: 1200px) {
+			.pager_content{
+				margin-top: 84px;
+			}
+		}
 </style>

fuwaiCallCenterWeb.UI/src/views/order/orderAppointed/index.vue

@@ -103,7 +103,8 @@ export default {
   },
   computed: {
     ...mapGetters([
-      'usercode' // 工号
+      'usercode', // 工号
+      'token'
     ])
   },
   created() {
@@ -141,14 +142,15 @@ export default {
       })
     },
     btn_export() {
+      alert(this.token)
       window.location.href = this.$store.getters.serverConfig.BASE_API + 'workorderapi/api/workorder/exportyclexcel?ordercode=' + this.searchDatas.sc_ordercode +
-					'&phone=' + this.searchDatas.sc_tel +
-					'&stime=' + this.searchDatas.searchDate && this.searchDatas.searchDate[0] +
-					'&etime=' + this.searchDatas.searchDate && this.searchDatas.searchDate[1] +
-					'&province=' + this.searchDatas.provinceCity && this.searchDatas.provinceCity[0] +
-					'&city=' + this.searchDatas.provinceCity && this.searchDatas.provinceCity[1] +
-					'&typeid=' + this.searchDatas.sc_type +
-					'&deptid=' + this.searchDatas.sc_deptid
+      '&phone=' + this.searchDatas.sc_tel +
+      '&stime=' + this.searchDatas.searchDate && this.searchDatas.searchDate[0] +
+      '&etime=' + this.searchDatas.searchDate && this.searchDatas.searchDate[1] +
+      '&province=' + this.searchDatas.provinceCity && this.searchDatas.provinceCity[0] +
+      '&city=' + this.searchDatas.provinceCity && this.searchDatas.provinceCity[1] +
+      '&typeid=' + this.searchDatas.sc_type +
+      '&deptid=' + this.searchDatas.sc_deptid
     },
     btn_search() {
       this.pageParams.pageindex = 1

fuwaiCallCenterWeb.UI/src/views/questionnaire/management/addOrEdit.vue

@@ -188,7 +188,6 @@ export default {
         'itemList': itemList
       })
     },
-
     // 获取问卷信息
     getDetail() {
       getPager(this.rowid).then(response => {

fuwaiCallCenterWeb.UI/src/views/reportForm/provCallduration/index.vue

@@ -0,0 +1,149 @@
+<template>
+  <div class="app-container callTotalCount">
+    <div class="filter-container">
+      <el-date-picker
+        v-model="seachDate"
+        class="filter-item"
+        type="daterange"
+        format="yyyy年MM月dd日"
+        value-format="yyyy-MM-dd"
+        align="left"
+        unlink-panels
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"/>
+      <!-- <el-form-item label="所在地" prop="provinceCity">
+        <el-cascader
+          v-model="provinceCity"
+          :options="provinceCityDatas"
+          :props="props"
+          placeholder="请选择省市"
+          class="form_select"
+          clearable
+          filterable
+          change-on-select/>
+      </el-form-item> -->
+
+      <el-cascader
+        v-model="provinceCity"
+        :options="provinceCityDatas"
+        :props="props"
+        placeholder="请选择省市"
+        change-on-select
+        filterable
+        clearable
+      />
+
+      <!-- <el-select v-model="roleId" class="filter-item" filterable clearable placeholder="请选择角色">
+        <el-option
+          v-for="item in roleOptions"
+          :key="item.name"
+          :label="item.name"
+          :value="item.name"/>
+      </el-select> -->
+
+      <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
+      <el-button type="primary" class="filter-item" icon="el-icon-upload2" @click="btn_export">导出</el-button>
+    </div>
+
+    <div class="tableContent">
+      <el-table :data="tableData" height="600" border style="width: 100%">
+        <el-table-column v-for="col in cols" :key="col" :prop="col" :label="col" align="center"/>
+      </el-table>
+    </div>
+  </div>
+</template>
+<script>
+import { getUserAccountLists } from '@/api/systemSetup/roleSetting/userManage'
+import { getProviceCity } from '@/api/commonAPI'
+import { getDataList, getColumnList } from '@/api/reportForm/provCallduration'
+
+export default {
+  name: 'DayCallStatistics',
+  data() {
+    return {
+      provinceCity: [], // 省市下拉绑定的值
+      provinceCityDatas: [], // 省市下拉数据
+      props: { // 自定义省市下拉数据的key值
+        expandTrigger: 'hover',
+        value: 'name',
+        label: 'name',
+        children: 'entityJson'
+      },
+      // roleOptions: [],
+      // roleId: '',
+      seachDate: '',
+      tableData: [], // 表格数据
+      cols: [] // 表头
+    }
+  },
+  mounted: function() {
+    // this.getRoleSelects()
+    this.getProCity()
+    this.getList()
+    this.getcolumnLists()
+  },
+  methods: {
+
+    // 获取省市下拉数据
+    // getRoleSelects() {
+    //   getProviceCity().then(response => {
+    //     if (response.state.toLowerCase() === 'success') {
+    //       this.roleOptions = response.data
+    //     }
+    //   })
+    // },
+    getProCity() {
+      return new Promise(resolve => {
+        getProviceCity().then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.provinceCityDatas = response.data
+          }
+        })
+        resolve()
+      })
+    },
+    getList() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          province: this.provinceCity && this.provinceCity[0],
+          city: this.provinceCity && this.provinceCity[1],
+          stime: this.seachDate && this.seachDate[0],
+          endtime: this.seachDate && this.seachDate[1]
+        }
+        getDataList(params).then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.tableData = response.data
+          }
+        })
+        resolve()
+      })
+    },
+    getcolumnLists() {
+      return new Promise(resolve => {
+        getColumnList().then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            this.cols = response.data
+          }
+        })
+        resolve()
+      })
+    },
+    btn_search() {
+      this.getList()
+    },
+    btn_export() {
+      const exportUrl = `${this.$store.getters.serverConfig.BASE_API}callcenterapi/api/talktime/exportpcexcel?stime=${this.seachDate &&
+					this.seachDate[0]}&endtime=${this.seachDate && this.seachDate[1]} `
+      window.location.href = exportUrl
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>