Просмотр исходного кода

德荣售后问题处理分析平台

youchen 1 год назад
Родитель
Сommit
70f49ab367

+ 33 - 0
src/api/business/as/afterSalesUser.js

@@ -0,0 +1,33 @@
+import request from "@/utils/request";
+
+
+//获取售后问题用户列表
+export function getList(param) {
+  return request({
+    url: `/mk/as/afterSalesUser/list`,
+    method: 'get',
+    params: param
+  })
+}
+
+export function deleteById(param) {
+  return request({
+    url: `/mk/as/afterSalesUser/deleteById/${param}`,
+    method: 'delete',
+  })
+}
+
+export function edit(data) {
+  return request({
+    url: `/mk/as/afterSalesUser/edit`,
+    method: 'post',
+    data: data
+  })
+}
+
+export function getUserProjectList() {
+  return request({
+    url: `/mk/as/afterSalesUser/getUserProjectList`,
+    method: 'get',
+  })
+}

+ 6 - 1
src/router/index.js

@@ -119,11 +119,16 @@ export const constantRoutes = [
     hidden: true
   },
   {
-    path: '/business/as/afterAalesProblemAnalysis/',
+    path: '/business/as/afterAalesProblemAnalysis',
     component: () => import('@/views/business/as/afterAalesProblemAnalysis/index'),
     hidden: true
   },
   {
+    path: '/business/as/afterSalesUser',
+    component: () => import('@/views/business/as/afterSalesUser/index'),
+    hidden: true
+  },
+  {
     path: '/business/newsLink',
     component: () => import('@/views/business/newsLink/index'),
     hidden: true

+ 255 - 0
src/views/business/as/afterSalesUser/index.vue

@@ -0,0 +1,255 @@
+<template>
+  <div class="afterSalesUser">
+
+    <el-form ref="queryParams" :model="queryParams" label-width="80px">
+      <el-row :gutter="12">
+        <el-col :span="6">
+          <el-form-item label="用户姓名">
+            <el-input v-model="queryParams.userName" clearable placeholder="请输入用户姓名" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="用户项目">
+            <el-select v-model="queryParams.userProject" clearable placeholder="请选择" style="width: 100%;">
+              <el-option
+                v-for="item in userProjectList"
+                :key="item.userProject"
+                :label="item.userProject"
+                :value="item.userProject">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="用户科室">
+            <el-input v-model="queryParams.userRoom" clearable placeholder="请输入用户科室"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-row >
+            <el-col :span="1" offset="16">
+              <el-button type="primary" @click="getDataList">搜索</el-button>
+            </el-col>
+
+          </el-row>
+
+        </el-col>
+      </el-row>
+      <el-row :gutter="12">
+        <el-col :span="6">
+          <el-form-item label="登录手机">
+            <el-input v-model="queryParams.userPhone" clearable placeholder="请输入登录手机"></el-input>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+    </el-form>
+    <el-row>
+      <el-table
+        :data="dataList"
+        style="width: 100%"
+        :height="tableHeight"
+        :header-cell-style="{'text-align':'center'}"
+        :cell-style="{'text-align':'center'}"
+        border>
+        <el-table-column
+        prop="序号"
+        label="序号"
+        width="100px">
+          <template slot-scope="scope">
+            {{scope.$index+1}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="userName"
+          label="用户姓名"
+          width="300">
+        </el-table-column>
+        <el-table-column
+          prop="userProject"
+          label="用户项目"
+          width="240">
+        </el-table-column>
+        <el-table-column
+          prop="userRoom"
+          label="用户科室"
+          width="240">
+        </el-table-column>
+        <el-table-column
+          prop="userPhone"
+          label="登录手机"
+          width="300">
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          label="操作"
+          width="300">
+          <template #default="scope">
+            <el-button type="text" @click="edit(scope.row)">编辑</el-button>|
+            <el-button type="text" @click="remove(scope.row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page=this.queryParams.pageNum
+        :page-sizes="[10,20,50,100]"
+        :page-size=this.queryParams.pageSize
+        layout="total, sizes, prev, pager, next, jumper"
+        :total=this.total>
+      </el-pagination>
+    </el-row>
+
+    <el-dialog
+      title="提示"
+      :visible.sync="editDialog"
+      width="80%"
+      :before-close="handleClose">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="用户姓名">
+              <el-input v-model="form.userName"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="用户项目">
+              <el-input v-model="form.userProject"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="用户科室">
+              <el-input v-model="form.userRoom"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="登陆手机">
+              <el-input v-model="form.userPhone"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="editDialog = false">取 消</el-button>
+    <el-button type="primary" @click="submitForm">确 定</el-button>
+  </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+
+import {deleteById, edit, getList, getUserProjectList} from "@/api/business/as/afterSalesUser";
+
+export default {
+  created() {
+    this.getTableHeight()
+    this.getDataList()
+    this.getUserProjectDataList()
+  },
+  methods:{
+    submitForm(){
+      this.$refs["form"].validate(async valid => {
+          if (valid) {
+            if (this.form.id == undefined) {
+
+            }else {
+              edit(this.form).then(res =>{
+                if(200 == res.code){
+                  this.$message.success("修改成功")
+                  this.editDialog = false
+                  this.getDataList()
+                }
+              })
+            }
+          }
+      })
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭?')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    },
+    edit(param){
+      this.editDialog=true;
+      this.form=param
+    },
+    remove(param){
+      this.$confirm('确认删除?')
+        .then(_ => {
+          deleteById(param).then(res =>{
+            if(200 == res.code){
+              this.$message.success("删除成功")
+              this.getDataList()
+            }
+          })
+        })
+        .catch(_ => {});
+    },
+    getDataList(){
+      getList(this.queryParams).then(res =>{
+        if(200 == res.code){
+          this.dataList=res.rows
+          this.total=res.total
+        }
+      })
+    },
+    getUserProjectDataList(){
+      getUserProjectList().then(res =>{
+        if(200 == res.code){
+          this.userProjectList=res.data
+        }
+      })
+    },
+    handleSizeChange(val) {
+      this.queryParams.pageSize = val
+      this.getDataList()
+    },
+    handleCurrentChange(val) {
+      this.queryParams.pageNum = val
+      this.getDataList()
+    },
+    //计算table高度(动态设置table高度)
+    getTableHeight() {
+      let tableH = 150; //距离页面下方的高度
+      let tableHeightDetil = window.innerHeight - tableH;
+      if (tableHeightDetil <= 300) {
+        this.tableHeight = 300;
+      } else {
+        this.tableHeight = window.innerHeight - tableH;
+      }
+    },
+  },
+  data() {
+    return {
+      editDialog:false,
+      tableHeight:'', //表格高度
+      total:'',
+      dataList:[],
+      userProjectList:[],
+      queryParams:{
+        pageNum:1,
+        pageSize:10,
+        userName:'',
+        userProject:'',
+        userRoom:'',
+        userPhone:'',
+      },
+      form:{
+        id:undefined,
+        userName:'',
+        userProject:'',
+        userRoom:'',
+        userPhone:'',
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

+ 16 - 1
src/views/business/bid/index/biding.vue

@@ -132,7 +132,10 @@
     </el-form>
     <el-table
       :data="dataList.dataTable"
-      style="width: 100%" :header-cell-style="{'text-align':'center'}"  @row-dblclick="handleRouter">
+      style="width: 100%"
+      :height="tableHeight"
+      :header-cell-style="{'text-align':'center'}"
+      @row-dblclick="handleRouter">
       <el-table-column prop="id" label="序号" width="80" align="center"></el-table-column>
       <el-table-column prop="infoTitle" label="标题" width="200" align="center">
 <!--        <template slot-scope="scope">-->
@@ -254,8 +257,19 @@ export default {
 
   created() {
     this.getCity()
+    this.getTableHeight()
   },
   methods: {
+    //计算table高度(动态设置table高度)
+    getTableHeight() {
+      let tableH = 120; //距离页面下方的高度
+      let tableHeightDetil = window.innerHeight - tableH;
+      if (tableHeightDetil <= 300) {
+        this.tableHeight = 300;
+      } else {
+        this.tableHeight = window.innerHeight - tableH;
+      }
+    },
     goToBasic(){
       this.$router.push({path:'/business/spd/bo/basic'});
     },
@@ -355,6 +369,7 @@ export default {
   },
   data() {
     return {
+      tableHeight:'', //表格高度
       dialogVisible:false,
       isShow:false,
       dataList: {

+ 16 - 1
src/views/business/bid/subscriptionRules/index.vue

@@ -31,7 +31,10 @@
   </el-form>
     <el-table
       :data="dataList.dataTable"
-      style="padding-top: 10px" :header-cell-style="{'text-align':'center'}">
+      style="padding-top: 10px"
+      :header-cell-style="{'text-align':'center'}"
+      :height="tableHeight"
+    >
       <el-table-column prop="id" label="序号" width="80" align="center"></el-table-column>
       <el-table-column prop="xmNumber" label="项目编号" width="100" align="center"></el-table-column>
       <el-table-column prop="keywordMatch" label="关键字匹配字段" width="120" align="center"></el-table-column>
@@ -99,8 +102,19 @@ export default {
   },
   created() {
     this.btnQuery();
+    this.getTableHeight()
   },
   methods: {
+    //计算table高度(动态设置table高度)
+    getTableHeight() {
+      let tableH = 100; //距离页面下方的高度
+      let tableHeightDetil = window.innerHeight - tableH;
+      if (tableHeightDetil <= 300) {
+        this.tableHeight = 300;
+      } else {
+        this.tableHeight = window.innerHeight - tableH;
+      }
+    },
     handleEdit(pramsData){
       this.$router.push({path:'/business/bid/subscriptionRulesDetail',query:{id:pramsData}});
     },
@@ -171,6 +185,7 @@ export default {
   },
   data() {
     return {
+      tableHeight:'', //表格高度
       dataList:{
         total: null,
         dataTable: [],