Pārlūkot izejas kodu

增加菜单稽核业务客户:显示行短业务的客户

fans 4 gadi atpakaļ
vecāks
revīzija
4ebd6455b5

+ 43 - 0
src/views/company/CompanyMain.vue

@@ -0,0 +1,43 @@
+<template>
+  <div>
+    <div >
+      <!-- 客户页 -->
+      <company-check-list v-if="showType==='company'"
+                    @goTaskList="showTaskList" />
+    </div>
+    <div >
+      <!-- 任务页 -->
+      <company-task-list v-if="showType==='taskList'"
+                          :taskInfo="taskInfo"
+                          @goCompany="showCompany"/>
+    </div>
+  </div>
+</template>
+<script>
+  import CompanyCheckList from './CompanyCheckList'
+  import companyTaskList from "./CompanyTaskList";
+  export default {
+    name: 'CompanyMain',
+    components: {
+      CompanyCheckList,
+      companyTaskList,
+    },
+    data () {
+      return {
+        description: '行短稽核客户',
+        showType: 'company',
+        taskInfo: {},
+        checkInfo: {},
+      }
+    },
+    methods:{
+      showCompany(){
+        this.showType="company";
+      },
+      showTaskList(taskInfo){
+        this.showType = 'taskList'
+        this.taskInfo = taskInfo;
+      }
+    }
+  }
+</script>

+ 61 - 0
src/views/company/CompanyTaskList.vue

@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <a-page-header
+      style="background-color: #FFFFFF;"
+      title="稽核详情-客户详情"
+      sub-title=""
+      @back="showTaskList"
+    >
+     <a-descriptions :title="taskInfo.info.customerName" :column="3" :bordered="false">
+        <a-descriptions-item label="客户编号">{{taskInfo.info.customerNo}}</a-descriptions-item>
+        <a-descriptions-item label="服务号码">{{taskInfo.info.smsNumber}}</a-descriptions-item>
+        <a-descriptions-item label="用户编号">{{taskInfo.info.userNo}}</a-descriptions-item>
+        <a-descriptions-item label="入网时间">{{taskInfo.info.networkAccessTime}}</a-descriptions-item>
+        <a-descriptions-item label="用户状态" >{{taskInfo.info.userState}}</a-descriptions-item>
+        <a-descriptions-item label="员工姓名">{{taskInfo.info.staffName}}</a-descriptions-item>
+        <a-descriptions-item label="员工工号">{{taskInfo.info.staffNo}}</a-descriptions-item>
+      </a-descriptions>
+    </a-page-header>
+  </div>
+</template>
+<script>
+import {JeecgListMixin} from "@/mixins/JeecgListMixin";
+import {getAction} from "@api/manage";
+export default {
+  name: 'CompanyTaskList',
+  mixins:[JeecgListMixin],
+  props: {
+    taskInfo: {
+      type: Object,
+      require: true
+    }
+  },
+  data(){
+    return{
+      description: '稽核业务列表',
+      url: {
+        list: "/smsCheck/task/list",
+      },
+      taskCheckinfo:{}
+    }
+  },
+  created() {
+    this.queryParam.id=this.taskInfo.info.taskId
+    this.init();
+  },
+  methods:{
+    showTaskList(){
+      let taskInfo = Object.assign({}, this.task);
+      this.$emit("goCompany",taskInfo)
+    },
+    init(){
+      getAction("/smsCheck/task/queryById",this.queryParam).then(resp=>{
+        if(resp.success){
+          this.taskCheckinfo=resp.result;
+        }
+      })
+    }
+  }
+}
+
+</script>

+ 145 - 0
src/views/company/companycheckList.vue

@@ -0,0 +1,145 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="客户编号">
+              <j-input placeholder="请输入客户编号" v-model="queryParam.customerNo"></j-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-form-item label="客户名称">
+              <j-input placeholder="请输入客户名称" v-model="queryParam.customerName"></j-input>
+            </a-form-item>
+          </a-col>
+          <template v-if="toggleSearchStatus">
+
+          </template>
+          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!-- table区域-begin -->
+    <div>
+      <a-table
+        ref="table"
+        size="middle"
+        :scroll="{x:true}"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        class="j-table-force-nowrap"
+        @change="handleTableChange">
+
+
+        <!-- 任务名称可点击 -->
+<!--        <template v-slot:customerName="text, record" >
+          <a @click="showTaskList(record)">{{text}}</a>
+        </template>-->
+      </a-table>
+    </div>
+  </a-card>
+</template>
+
+<script>
+
+import '@/assets/less/TableExpand.less'
+import { mixinDevice } from '@/utils/mixin'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import SmsCheckWorkLogModal from '../smscheck/modules/SmsCheckWorkLogModal'
+import {getAction} from "@api/manage";
+
+export default {
+  name: 'companyList',
+  mixins:[JeecgListMixin, mixinDevice],
+  components: {
+    SmsCheckWorkLogModal
+  },
+  props: {
+    task: {
+      type: Object,
+      require: true
+    }
+  },
+
+  data () {
+    return {
+      description: '行短公司列表',
+      // 表头
+      columns: [
+        {
+          title: '#',
+          dataIndex: '',
+          key:'rowIndex',
+          width:60,
+          align:"center",
+          customRender:function (t,r,index) {
+            return parseInt(index)+1;
+          }
+        },
+        {
+          title:'客户编号',
+          align:"center",
+          dataIndex: 'customerNo',
+        },
+        {
+          title:'客户名称',
+          align:"center",
+          dataIndex: 'customerName',
+          scopedSlots: { customRender: 'customerName' }
+        },
+        {
+          title:'服务号码(全)',
+          align:"center",
+          dataIndex: 'smsNumber',
+        }, {
+          title:'入网时间',
+          align:"center",
+          dataIndex: 'networkAccessTime',
+        },
+        {
+          title:'用户状态',
+          align:"center",
+          dataIndex: 'userState',
+        },
+        {
+          title:'员工姓名',
+          align:"center",
+          dataIndex: 'staffName',
+        }
+      ],
+      url: {
+        list: "/smsCheck/customerInfo/list",
+      },
+      dictOptions:{},
+      superFieldList:[],
+    }
+  },
+  created() {
+   /* this.getSuperFieldList();*/
+  },
+  methods: {
+    showTaskList(record){
+      let taskInfo = Object.assign({}, this.task);
+      let info = {
+        task: this.task,
+        info: record
+      };
+      this.$emit("goTaskList",info)
+    }
+  }
+}
+</script>
+<style scoped>
+@import '~@assets/less/common.less';
+</style>