css

base-vue/src/views/modules/tickets/tickets.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="mod-config">
-    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+    <el-form :inline="true" :model="dataForm" size="mini" @keyup.enter.native="getDataList()">
       <el-form-item>
         <el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
       </el-form-item>
@@ -13,6 +13,7 @@
     <el-table
       :data="dataList"
       border
+      size="mini"
       v-loading="dataListLoading"
       @selection-change="selectionChangeHandle"
       style="width: 100%;">
@@ -26,7 +27,7 @@
         prop="ticketsId"
         header-align="center"
         align="center"
-        label="工单id">
+        label="工单ID">
       </el-table-column>
       <el-table-column
         prop="carType"
@@ -50,7 +51,7 @@
         prop="clientId"
         header-align="center"
         align="center"
-        label="客户id">
+        label="客户">
       </el-table-column>
       <el-table-column
         prop="description"
@@ -62,24 +63,27 @@
         prop="deptPeople"
         header-align="center"
         align="center"
+        min-width="90px"
         label="部门对接人">
       </el-table-column>
       <el-table-column
         prop="deptPhone"
         header-align="center"
         align="center"
+        min-width="100px"
         label="客户联系电话">
       </el-table-column>
       <el-table-column
         prop="createUserId"
         header-align="center"
         align="center"
-        label="创建者ID">
+        label="创建者">
       </el-table-column>
       <el-table-column
         prop="createTime"
         header-align="center"
         align="center"
+        min-width="90px"
         label="创建时间">
       </el-table-column>
       <el-table-column
@@ -98,6 +102,7 @@
         prop="updateTime"
         header-align="center"
         align="center"
+        min-width="100px"
         label="工单关闭时间">
       </el-table-column>
       <el-table-column
@@ -122,12 +127,13 @@
       layout="total, sizes, prev, pager, next, jumper">
     </el-pagination>
     <!-- 弹窗, 新增 / 修改 -->
-    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" :contractOpt="contractOpt" :clientIdOpt="clientIdOpt" :dictsOpt="dictsOpt" @refreshDataList="getDataList"></add-or-update>
   </div>
 </template>
 
 <script>
   import AddOrUpdate from './tickets-add-or-update'
+  import { dictDetail } from '@/utils/dict'
   export default {
     data () {
       return {
@@ -140,16 +146,42 @@
         totalPage: 0,
         dataListLoading: false,
         dataListSelections: [],
-        addOrUpdateVisible: false
+        addOrUpdateVisible: false,
+        contractOpt: [],
+        clientIdOpt: []
       }
     },
+    mixins: [dictDetail(['car_type', 'error_type'])],
     components: {
       AddOrUpdate
     },
     activated () {
       this.getDataList()
+      this.getDictDetail()
     },
     methods: {
+      getDictDetail () {
+        this.$http({
+          url: this.$http.adornUrl('/flow/contract/list?page=0&limit=9999'),
+          method: 'get'
+        }).then(({data}) => {
+          this.contractOpt = data.page.list
+          this.contractOpt.map(el => {
+            this.$set(el, 'value', el.contractId)
+            this.$set(el, 'label', el.contractNumber)
+          })
+        })
+        this.$http({
+          url: this.$http.adornUrl('/client/client/list?page=0&limit=9999'),
+          method: 'get'
+        }).then(({data}) => {
+          this.clientIdOpt = data.page.list
+          this.clientIdOpt.map(el => {
+            this.$set(el, 'value', el.clientId)
+            this.$set(el, 'label', el.clientName)
+          })
+        })
+      },
       // 获取数据列表
       getDataList () {
         this.dataListLoading = true