详情

CallCenterWeb.UI/RMYY/src/views/callScreen/components/knowledgeList.vue

@@ -5,99 +5,117 @@
       <el-button type="primary" class="filter-item" size="medium" @click="btn_search_task">搜索
       </el-button>
     </div>
-    <el-table :data="taskDataLists" border stripe>
+    <el-table :data="taskDataLists" :highlight-current-row="true" border stripe @row-click="handleRow">
       <el-table-column :show-overflow-tooltip="true" prop="F_Title" label="标题" align="center" />
       <el-table-column :show-overflow-tooltip="true" prop="F_Content" label="内容" align="center" />
       <el-table-column :show-overflow-tooltip="true" prop="F_KeyWords" label="关键字" align="center" />
     </el-table>
-    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :page-sizes="[5, 10, 15, 20]"
-      :pageindex.sync="pageParams.pageindex" :pagesize.sync="pageParams.pagesize" class="pagination"
+    <pagination
+      v-show="pageParams.total > 0"
+      :total="pageParams.total"
+      :page-sizes="[5, 10, 15, 20]"
+      :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize"
+      class="pagination"
       @pagination="getList" />
   </div>
 </template>
 
 <script>
-  import {
-    getList,
-    delInfos,
-    getTypeTree
-  } from '@/api/knowledgeBase/knowledgeBase'
-
-  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-  export default {
-    name: 'KnowledgeList',
-    components: {
-      Pagination
-    },
-    props: {
-      callinNum: {
-        type: String,
-        default: ''
-      }
-    },
+import {
+  getList,
+  delInfos,
+  getTypeTree
+} from '@/api/knowledgeBase/knowledgeBase'
+import knowledgeDetail from '../../knowledgeBase/knowledgeList/components/detail.vue'
+import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+export default {
+  name: 'KnowledgeList',
+  components: {
+    Pagination
+  },
+  props: {
+    callinNum: {
+      type: String,
+      default: ''
+    }
+  },
 
-    data() {
-      return {
-        callNum: '', // 来电号码
-        loading: false,
-        typeSecondId: '',
-        typeid: '',
-        keyword: '',
-        pageParams: {
-          pageindex: 1, // 当前第几页
-          pagesize: 5, // 每页几条数据
-          total: 0 // 总共多少数据
-        },
-        taskDataLists: [] // 列表数据
+  data() {
+    return {
+      callNum: '', // 来电号码
+      loading: false,
+      typeSecondId: '',
+      typeid: '',
+      keyword: '',
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: 5, // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      taskDataLists: [] // 列表数据
+    }
+  },
+  created() {
+    this.$bus.$on('typeSecondId', (params) => {
+      if (params != 0) {
+        this.typeSecondId = params
+        // console.log(this.typeSecondId,'ppp')
+        this.getList()
       }
-    },
-    created() {
-      this.$bus.$on('typeSecondId', (params) => {
-        if (params != 0) {
-          this.typeSecondId = params
-          // console.log(this.typeSecondId,'ppp')
-          this.getList()
+    })
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      return new Promise(resolve => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          keywords: this.keyword,
+          typeid: this.typeSecondId
         }
+        getList(params).then(response => {
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            if (response.total == null) {
+              this.pageParams.total = 0
+            } else {
+              this.pageParams.total = response.total
+            }
+            this.taskDataLists = response.rows
+          }
+        })
+        resolve()
       })
     },
-    methods: {
-      getList() {
-        this.loading = true
-        return new Promise(resolve => {
-          const params = {
-            pageindex: this.pageParams.pageindex, // 第几页
-            pagesize: this.pageParams.pagesize, // 每页几条信息
-            keywords: this.keyword,
-            typeid: this.typeSecondId
-          }
-          getList(params).then(response => {
-            this.loading = false
-            if (response.state.toLowerCase() === 'success') {
-              if (response.total == null) {
-                this.pageParams.total = 0
-              } else {
-                this.pageParams.total = response.total
-              }
-              this.taskDataLists = response.rows
-            }
-          })
-          resolve()
+    btn_search_task() {
+      if (this.typeSecondId) {
+        this.keyword = this.keyword
+        this.getList()
+      } else {
+        this.$message({
+          message: '请输入工单类型',
+          type: 'warning'
         })
-      },
-      btn_search_task() {
-        if (this.typeSecondId) {
-          this.keyword = this.keyword
-          this.getList()
-        } else {
-          this.$message({
-            message: '请输入工单类型',
-            type: 'warning'
-          })
-          return
-        }
+        return
       }
+    },
+    handleRow(row) {
+      this.$layer.iframe({
+        content: {
+          content: knowledgeDetail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            rowid: row.F_Id.toString()
+          } // props
+        },
+        area: ['50%', '55%'],
+        title: '知识库详情'
+      })
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

CallCenterWeb.UI/RMYY/src/views/comDispatch/components/dispatchdetail.vue

@@ -53,7 +53,8 @@
                 <th>附件:</th>
                 <td colspan="5" style="text-align: left;padding: 5px 10px;">
                   <div class="imglist">
-                    <img v-for="(item,index) in orderDetailData.FileUrl" :key="index" :src="item.F_FileUrl" @click="bigImg(item.F_FileUrl)">
+                    <img v-for="(item,index) in imgFiles" :key="index" :src="item.F_FileUrl" @click="bigImg(item.F_FileUrl)">
+                    <a v-for="(item,index) in otherFiles" :key="index" :href="item.F_FileUrl" :download="item.F_FileName">{{ item.F_FileName.substring(19,item.F_FileName.length) }}</a>
                   </div>
                 </td>
               </tr>
@@ -136,6 +137,8 @@ export default {
       imgUrl: '',
       dialogImgVisible: false,
       activeName: '1',
+      imgFiles: [],
+      otherFiles: [],
       ChatList: [], // 备注详情列表
       orderDetailData: {
         F_CallID: '',
@@ -214,6 +217,21 @@ export default {
         } else {
           const res = response.data[0]
           this.orderDetailData = res
+          const imgs = []
+          const others = []
+          if (this.orderDetailData.FileUrl.length > 0) {
+            this.orderDetailData.FileUrl.forEach(function(v, n) {
+              if (v.F_FileType == '.jpg' || v.F_FileType == '.png') {
+                imgs.push(v)
+              } else {
+                others.push(v)
+              }
+            })
+            this.imgFiles = imgs
+            this.otherFiles = others
+            console.log(imgs, '111')
+            console.log(others, '222')
+          }
           this.orderDetailData.F_TypeName2 = this.$store.getters.workTypeMap[parseInt(res.F_WorkOrderCategory)]
             .text // 工单子类
         }
@@ -320,6 +338,11 @@ export default {
       width: 72px;
       height: 72px;
       margin-right: 15px;
+      vertical-align: middle
+    }
+    .imglist a {
+      margin-right: 15px;
+      color: #64b3e7;
     }
 
     .order_detail_body {

CallCenterWeb.UI/RMYY/src/views/knowledgeBase/knowledgeList/components/detail.vue

@@ -0,0 +1,84 @@
+<template>
+  <div id="box">
+    <p class="title"> {{ noticeData.F_Title }}</p>
+    <div class="permsg">
+      <b>发布人:</b><span class="pername">{{ noticeData.F_CreateName }}</span>
+      <b>发布时间:</b><span>{{ noticeData.F_CreateTime }}</span>
+      <b>关键字:</b><span>{{ noticeData.F_KeyWords }}</span>
+    </div>
+    <div class="content" v-html="noticeData.F_Content">
+      <!-- {{noticeData.F_Content}} -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { getModel } from '@/api/knowledgeBase/knowledgeBase'
+export default {
+  name: 'Detail',
+  props: {
+    rowdata: {
+      type: String,
+      default: ''
+    },
+    rowid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      noticeData: {},
+      dialogImgVisible: false,
+      imgUrl: ''
+    }
+  },
+  watch: {
+
+  },
+  created() {
+    if (this.rowid) {
+      this.getDetail()
+    }
+  },
+  methods: {
+    getDetail() {
+      const params = {
+        kid: this.rowid
+      }
+      getModel(params).then(res => {
+        this.noticeData = res.data
+      })
+    }
+  }
+}
+</script>
+
+<style>
+  #box {
+    padding: 0px 50px
+  }
+
+  .title {
+    font-size: 30px;
+    text-align: center;
+  }
+
+  .permsg {
+    text-align: center;
+    margin-bottom: 25px
+  }
+  .content{
+    margin-bottom: 25px;
+  }
+
+  .pername {
+    margin-right: 10px;
+  }
+  .imgs img{
+    width: 100px;
+    height: 100px;
+    margin-right: 20px;
+    vertical-align: middle;
+  }
+</style>

CallCenterWeb.UI/RMYY/src/views/knowledgeBase/knowledgeList/index.vue

@@ -13,187 +13,210 @@
           </el-button>
           <el-button v-permission="'add_knowledgeList'" type="primary" class="filter-item" size="mini" @click="btn_add">
             添加</el-button>
-          <el-button  type="primary" class="filter-item" size="mini" @click="btn_import">
+          <el-button type="primary" class="filter-item" size="mini" @click="btn_import">
             导入</el-button>
         </div>
-        <el-table :data="taskDataLists" border stripe highlight-current-row>
+        <el-table :data="taskDataLists" border stripe highlight-current-row @row-click="handleRow">
           <el-table-column :show-overflow-tooltip="true" fixed prop="F_Title" label="标题" align="center" />
           <el-table-column :show-overflow-tooltip="true" prop="F_Content" label="内容" align="center" />
           <el-table-column :show-overflow-tooltip="true" prop="F_KeyWords" label="关键字" align="center" />
-          <el-table-column label="操作" width="240" align="center" class-name="oparate_btn" fixed="right">
+          <el-table-column label="操作" width="240" align="center" class-name="oparate_btn">
             <template slot-scope="scope">
-              <el-button v-permission="'edit_knowledgeList'" size="mini" plain type="primary"
+              <el-button
+                v-permission="'edit_knowledgeList'"
+                type="text"
                 @click.stop="btn_edit(scope.row.F_Id)">编辑</el-button>
-              <el-button v-permission="'delete_knowledgeList'" size="mini" plain type="danger"
+              <el-button
+                v-permission="'delete_knowledgeList'"
+                type="text"
                 @click.stop="btn_delete_task(scope.row.F_Id)">删除</el-button>
             </template>
           </el-table-column>
         </el-table>
-        <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
-          :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getListTask" />
+        <pagination
+          v-show="pageParams.total > 0"
+          :total="pageParams.total"
+          :pageindex.sync="pageParams.pageindex"
+          :pagesize.sync="pageParams.pagesize"
+          class="pagination"
+          @pagination="getListTask" />
       </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
-  // import { pickerOptions, formatterContent } from '@/utils'
+// import { pickerOptions, formatterContent } from '@/utils'
 
-  import {
-    getList,
-    delInfos,
-    getTypeTree
-  } from '@/api/knowledgeBase/knowledgeBase'
-  import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
-  import addOrEdit from './components/addOrEdit'
-  import Export from './components/export'
-  export default {
-    name: 'KnowledgeList',
-    components: {
-      Pagination
-    },
-    data() {
-      return {
-        keyword: '',
-        typeid: '',
-        pageParams: {
-          pageindex: 1, // 当前第几页
-          pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-          total: 0 // 总共多少数据
-        },
-        taskDataLists: [], // 客户信息列表数据
-        dataTree: [],
-        defaultProps: {
-          children: 'children',
-          label: 'text'
-        }
+import {
+  getList,
+  delInfos,
+  getTypeTree
+} from '@/api/knowledgeBase/knowledgeBase'
+import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+import addOrEdit from './components/addOrEdit'
+import knowledgeDetail from './components/detail.vue'
+import Export from './components/export'
+export default {
+  name: 'KnowledgeList',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      keyword: '',
+      typeid: '',
+      pageParams: {
+        pageindex: 1, // 当前第几页
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
+        total: 0 // 总共多少数据
+      },
+      taskDataLists: [], // 客户信息列表数据
+      dataTree: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
       }
+    }
+  },
+  computed: {},
+  created() {
+    this.getTypeTreeList()
+  },
+  methods: {
+    handleNodeClick(data) {
+      this.typeid = data.id
+      this.getListTask()
     },
-    computed: {},
-    created() {
-      this.getTypeTreeList()
-    },
-    methods: {
-      handleNodeClick(data) {
-        this.typeid = data.id
-        this.getListTask()
-      },
-      getTypeTreeList() {
-        return new Promise((resolve) => {
-          getTypeTree().then((response) => {
-            if (response.state.toLowerCase() === 'success') {
-              this.dataTree = response.data
-            }
-          })
-          resolve()
-        })
-      },
-      getListTask() {
-        return new Promise((resolve) => {
-          const params = {
-            pageindex: this.pageParams.pageindex, // int 第几页
-            pagesize: this.pageParams.pagesize, // int 每页几条信息
-            keywords: this.keyword, // 客户名称
-            typeid: this.typeid // 联系电话
+    getTypeTreeList() {
+      return new Promise((resolve) => {
+        getTypeTree().then((response) => {
+          if (response.state.toLowerCase() === 'success') {
+            this.dataTree = response.data
           }
-          getList(params).then((response) => {
-            this.taskDataLists = response.rows
-          })
-          resolve()
         })
-      },
-      btn_search_task() {
-        if (this.typeid) {
-          this.keyword = this.keyword
-          this.getListTask()
-        } else {
-          this.$message({
-            message: '请选择知识库类别',
-            type: 'warning'
-          })
-          return
-        }
-      },
-      btn_add() {
-        if (this.typeid) {
-          console.log(typeof this.typeid)
-          this.$layer.iframe({
-            content: {
-              content: addOrEdit, // 传递的组件对象
-              parent: this, // 当前的vue对象
-              data: {
-                state: 0,
-                typeid: this.typeid
-              } // props
-            },
-            area: ['50%', '55%'],
-            title: '添加知识库'
-          })
-        } else {
-          this.$message({
-            message: '请选择知识库类别',
-            type: 'warning'
-          })
-          return
+        resolve()
+      })
+    },
+    getListTask() {
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // int 第几页
+          pagesize: this.pageParams.pagesize, // int 每页几条信息
+          keywords: this.keyword, // 客户名称
+          typeid: this.typeid // 联系电话
         }
-      },
-      btn_edit(F_Id) {
+        getList(params).then((response) => {
+          this.taskDataLists = response.rows
+        })
+        resolve()
+      })
+    },
+    btn_search_task() {
+      if (this.typeid) {
+        this.keyword = this.keyword
+        this.getListTask()
+      } else {
+        this.$message({
+          message: '请选择知识库类别',
+          type: 'warning'
+        })
+        return
+      }
+    },
+    btn_add() {
+      if (this.typeid) {
+        console.log(typeof this.typeid)
         this.$layer.iframe({
           content: {
             content: addOrEdit, // 传递的组件对象
             parent: this, // 当前的vue对象
             data: {
-              state: 1,
-              typeid: this.typeid,
-              F_Id: F_Id
+              state: 0,
+              typeid: this.typeid
             } // props
           },
           area: ['50%', '55%'],
           title: '添加知识库'
         })
-      },
-      // 删除
-      btn_delete_task(F_Id) {
-        this.$confirm('确定要删除吗？', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          })
-          .then(() => {
-            const params = {
-              ids: F_Id
+      } else {
+        this.$message({
+          message: '请选择知识库类别',
+          type: 'warning'
+        })
+        return
+      }
+    },
+    btn_edit(F_Id) {
+      this.$layer.iframe({
+        content: {
+          content: addOrEdit, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            state: 1,
+            typeid: this.typeid,
+            F_Id: F_Id
+          } // props
+        },
+        area: ['50%', '55%'],
+        title: '添加知识库'
+      })
+    },
+    // 删除
+    btn_delete_task(F_Id) {
+      this.$confirm('确定要删除吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          const params = {
+            ids: F_Id
+          }
+          delInfos(params).then((response) => {
+            if (response.state.toLowerCase() === 'success') {
+              this.getListTask()
+              this.$message({
+                message: '删除成功！',
+                type: 'success',
+                duration: 1000
+              })
             }
-            delInfos(params).then((response) => {
-              if (response.state.toLowerCase() === 'success') {
-                this.getListTask()
-                this.$message({
-                  message: '删除成功！',
-                  type: 'success',
-                  duration: 1000
-                })
-              }
-            })
-          })
-          .catch(() => {
-            this.$message.info('已取消删除')
           })
-      },
-      //导入
-      btn_import() {
-        this.$layer.iframe({
-          content: {
-            content: Export, // 传递的组件对象
-            parent: this, // 当前的vue对象
-            data: {
-      
-            } // props
-          },
-          area: ['50%', '70%'],
-          title: '导入'
         })
-      },
+        .catch(() => {
+          this.$message.info('已取消删除')
+        })
+    },
+    handleRow(row) {
+      this.$layer.iframe({
+        content: {
+          content: knowledgeDetail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            rowid: row.F_Id.toString()
+          } // props
+        },
+        area: ['50%', '55%'],
+        title: '知识库详情'
+      })
+    },
+    // 导入
+    btn_import() {
+      this.$layer.iframe({
+        content: {
+          content: Export, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+
+          } // props
+        },
+        area: ['50%', '70%'],
+        title: '导入'
+      })
     }
   }
+}
 </script>
 
 <style>

CallCenterWeb.UI/RMYY/src/views/vehicleDispatch/driverOrder/driverOrderdetail.vue

@@ -0,0 +1,206 @@
+<template>
+  <div v-loading="loading">
+    <el-table :data="selectarr" class="airlineDeviceTable" border row-key="F_ID">
+      <el-table-column type="index" width="100" label="序号" align="center"/>
+      <el-table-column
+        v-for="(item, index) in col"
+        :key="`col_${index}`"
+        :prop="dropCol[index].prop"
+        :label="item.label"
+        align="center"/>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import {
+  getCarList,
+  getCarUserList,
+  getAssignWorkOrder
+} from '@/api/vehicleDispatch/vehicleScheduling.js'
+import {
+  getModelDetail
+} from '@/api/vehicleDispatch/vehicleScheduling.js'
+import Sortable from 'sortablejs'
+export default {
+  name: 'DriverOrderdetail',
+  props: {
+    layerid: {
+      type: String,
+      default: ''
+    },
+    rowid: {
+      type: String,
+      default: ''
+    },
+    wocode: {
+      type: String,
+      default: ''
+    }
+    // selectids: {
+    //   type: Array,
+    //   default: []
+    // },
+    // selectarr: {
+    //   type: Array,
+    //   default: []
+    // }
+  },
+  data() {
+    return {
+      col: [{
+        label: '工单号',
+        prop: 'F_WorkOrderCode'
+      },
+      {
+        label: '工单内容',
+        prop: 'F_Content'
+      },
+      {
+        label: '出发地',
+        prop: 'F_DepartPlace'
+      },
+      {
+        label: '目的地',
+        prop: 'F_Destination'
+      },
+      {
+        label: '用车时间',
+        prop: 'F_UseTime'
+      }
+      ],
+      dropCol: [{
+        label: '工单号',
+        prop: 'F_WorkOrderCode'
+      },
+      {
+        label: '工单内容',
+        prop: 'F_Content'
+      },
+      {
+        label: '出发地',
+        prop: 'F_DepartPlace'
+      },
+      {
+        label: '目的地',
+        prop: 'F_Destination'
+      },
+      {
+        label: '用车时间',
+        prop: 'F_UseTime'
+      }
+      ],
+      typeList: [],
+      carArr: [],
+      repairman: [], // 申请人数据
+      hospitalsParam: {
+        id: 0,
+        name: ''
+      },
+      departmentsParam: {
+        id: 0,
+        name: ''
+      },
+      repairmanParam: {
+        id: 0,
+        name: ''
+      },
+      rules: {},
+      ruleForm: {
+        carid: '',
+        driver: ''
+      },
+      deptid: [],
+      selectarr: [],
+      loading: false
+    }
+  },
+  created() {
+    this.getDetail()
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.rowDrop()
+      // this.columnDrop()
+    })
+  },
+  methods: {
+    // 行拖拽
+    rowDrop() {
+      const tbody = document.querySelector('.airlineDeviceTable .el-table__body-wrapper tbody')
+      const that = this
+      Sortable.create(tbody, {
+        draggable: '.el-table__row',
+        // 结束拖拽后的回调函数
+        onEnd({
+          newIndex,
+          oldIndex
+        }) {
+          const currentRow = that.selectarr.splice(oldIndex, 1)[0]
+          that.selectarr.splice(newIndex, 0, currentRow)
+        }
+      })
+    },
+    // 列拖拽
+    columnDrop() {
+      const wrapperTr = document.querySelector('.airlineDeviceTable .el-table__header-wrapper tr')
+      this.sortable = Sortable.create(wrapperTr, {
+        animation: 180,
+        delay: 0,
+        onEnd: evt => {
+          const oldItem = this.dropCol[evt.oldIndex]
+          this.dropCol.splice(evt.oldIndex, 1)
+          this.dropCol.splice(evt.newIndex, 0, oldItem)
+        }
+      })
+    },
+    getDetail() {
+      const params = {
+        orderid: this.rowid,
+        WorkOrderCode: this.wocode,
+        type: '3'
+      }
+      getModelDetail(params).then((response) => {
+        this.selectarr = response.Carlist
+      })
+    },
+    getVehicleLists() {
+      const params = {
+        state: 0
+      }
+      getCarList(params).then(res => {
+        this.carArr = res.rows
+      })
+    },
+    getVehicleUserLists() {
+      const params = {
+        rolecode: 'SJ'
+      }
+      getCarUserList(params).then(res => {
+        this.repairman = res.rows
+      })
+    },
+    // onsub() {
+    //   const arr = this.selectarr.map(item => item.F_WorkOrderCode)
+    //   const params = {
+    //     orderid: arr.toString(),
+    //     driver: this.ruleForm.driver,
+    //     carid: this.ruleForm.carid
+    //   }
+    //   getAssignWorkOrder(params).then(res => {
+    //     if (res.state == 'success') {
+    //       this.$parent.$layer.close(this.layerid)
+    //       this.$message.success('分配成功')
+    //       this.$parent.getList()
+    //     }
+    //   })
+    // },
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+</style>

CallCenterWeb.UI/RMYY/src/views/vehicleDispatch/driverOrder/index.vue

@@ -1,15 +1,29 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input clearable v-model="ordercode" placeholder="请输入工单编号" class="filter-item" />
-      <el-input clearable v-model="carname" placeholder="请输入车辆名称" class="filter-item" />
-      <el-input clearable v-model="drivername" placeholder="请输入司机名称" class="filter-item" />
-      <el-date-picker v-model="startTime" size="medium" type="daterange" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
-        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+      <el-input v-model="ordercode" clearable placeholder="请输入工单编号" class="filter-item" />
+      <el-input v-model="carname" clearable placeholder="请输入车辆名称" class="filter-item" />
+      <el-input v-model="drivername" clearable placeholder="请输入司机名称" class="filter-item" />
+      <el-date-picker
+        v-model="startTime"
+        size="medium"
+        type="daterange"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期" />
       <el-button type="primary" class="filter-item" @click="btn_search">搜索</el-button>
     </div>
     <el-table v-loading="loading" :data="dataLists" border stripe>
-      <el-table-column :show-overflow-tooltip="true" prop="F_WorkOrderCode" label="工单编号" align="center" />
+      <!-- <el-table-column :show-overflow-tooltip="true" prop="F_WorkOrderCode" label="工单编号" align="center" /> -->
+      <el-table-column prop="F_WorkOrderCode" label="工单编号" align="center" min-width="110">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="hadndleOrderCode(scope.row.F_ID,scope.row.F_WorkOrderCode)">
+            {{ scope.row.F_WorkOrderCode }}
+          </el-button>
+        </template>
+      </el-table-column>
       <el-table-column :show-overflow-tooltip="true" prop="F_CarName" label="车辆信息" align="center" />
       <el-table-column :show-overflow-tooltip="true" prop="F_DriverName" label="司机" align="center" />
       <el-table-column :show-overflow-tooltip="true" prop="F_DepartPlace" label="出发地" align="center" />
@@ -18,110 +32,125 @@
       <el-table-column :show-overflow-tooltip="true" prop="F_CloseTime" label="完工时间" align="center" />
       <el-table-column label="状态" align="center">
         <template slot-scope="scope">
-         <div v-if="scope.row.F_State==0">待接单</div>
-         <div v-if="scope.row.F_State==2">已接单</div>
-         <div v-if="scope.row.F_State==3">已退回</div>
-         <div v-if="scope.row.F_State==4">处理中</div>
-         <div v-if="scope.row.F_State==10">已完成</div>
+          <div v-if="scope.row.F_State==0">待接单</div>
+          <div v-if="scope.row.F_State==2">已接单</div>
+          <div v-if="scope.row.F_State==3">已退回</div>
+          <div v-if="scope.row.F_State==4">处理中</div>
+          <div v-if="scope.row.F_State==10">已完成</div>
         </template>
       </el-table-column>
-      <!-- <el-table-column label="操作" width="160" align="center" class-name="oparate_btn" fixed="right">
-        <template slot-scope="scope">
-          <el-button size="mini" type="text" @click="btn_withdraw(scope.row.F_ID)">撤回</el-button>
-        </template>
-      </el-table-column> -->
     </el-table>
-    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
+    <pagination
+      v-show="pageParams.total > 0"
+      :total="pageParams.total"
+      :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize"
+      class="pagination"
+      @pagination="getList" />
   </div>
 </template>
 <script>
-  import {
-    getDriverList,
-    getWithdrawWorkOrder
-  } from '@/api/vehicleDispatch/driver'
-  import Pagination from '@/components/context/Pagination'
+import {
+  getDriverList,
+  getWithdrawWorkOrder
+} from '@/api/vehicleDispatch/driver'
+import Pagination from '@/components/context/Pagination'
+import detail from './driverOrderdetail.vue'
 
-  export default {
-    name: 'DriverOrer',
-    components: {
-      Pagination
-    },
-    data() {
-      return {
-        loading: false,
-        keyword: '',
-        ordercode: '',
-        carname: '',
-        drivername: '',
-        startTime: '',
-        pageParams: {
-          pageindex: 1, //Number(this.$store.getters.serverConfig.PAGESIZE)
-          pagesize: Number(this.$store.getters.serverConfig.PAGESIZE),
-          total: 0
-        },
-        dataLists: []
+export default {
+  name: 'DriverOrer',
+  components: {
+    Pagination
+  },
+  data() {
+    return {
+      loading: false,
+      keyword: '',
+      ordercode: '',
+      carname: '',
+      drivername: '',
+      startTime: '',
+      pageParams: {
+        pageindex: 1, // Number(this.$store.getters.serverConfig.PAGESIZE)
+        pagesize: Number(this.$store.getters.serverConfig.PAGESIZE),
+        total: 0
+      },
+      dataLists: []
+    }
+  },
+  created() {
+    this.getList()
+    document.onkeyup = (e) => {
+      if (e.keyCode === 13) {
+        this.getList()
       }
+    }
+  },
+  methods: {
+    getList() {
+      // this.loading = true
+      return new Promise((resolve) => {
+        const params = {
+          pageindex: this.pageParams.pageindex, // 第几页
+          pagesize: this.pageParams.pagesize, // 每页几条信息
+          stime: this.searchDate && this.searchDate[0],
+          etime: this.searchDate && this.searchDate[1],
+          WorkOrderCode: this.ordercode,
+          carname: this.carname,
+          driverName: this.drivername,
+          state: ''
+        }
+        getDriverList(params).then((response) => {
+          this.loading = false
+          if (response.rows.length >= 0) {
+            this.pageParams.total = response.tatal
+            this.dataLists = response.rows
+          }
+        })
+        resolve()
+      })
     },
-    created() {
+    btn_search() {
+      this.pageParams.pageindex = 1
       this.getList()
-      document.onkeyup = (e) => {
-        if (e.keyCode === 13) {
-          this.getList()
-        }
-      }
     },
-    methods: {
-      getList() {
-        // this.loading = true
-        return new Promise((resolve) => {
-          const params = {
-            pageindex: this.pageParams.pageindex, // 第几页
-            pagesize: this.pageParams.pagesize, // 每页几条信息
-            stime: this.searchDate && this.searchDate[0],
-            etime: this.searchDate && this.searchDate[1],
-            WorkOrderCode: this.ordercode,
-            carname: this.carname,
-            driverName: this.drivername,
-            state: ''
-          }
-          getDriverList(params).then((response) => {
-            this.loading = false
-            if (response.rows.length >= 0) {
-              this.pageParams.total = response.tatal
-              this.dataLists = response.rows
+    hadndleOrderCode(ordercode, wocode) {
+      this.$layer.iframe({
+        content: {
+          content: detail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: {
+            rowid: ordercode.toString(),
+            wocode: wocode
+          } // props
+        },
+        area: ['80%', '90%'],
+        title: '工单详情'
+      })
+    },
+    btn_withdraw(id) {
+      const params = {
+        orderid: id
+      }
+      this.$confirm('您确定要撤回吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          getWithdrawWorkOrder(params).then((response) => {
+            if (response.state.toLowerCase() === 'success') {
+              this.getList()
+              this.$message.success('撤回成功!')
             }
           })
-          resolve()
         })
-      },
-      btn_search() {
-        this.pageParams.pageindex = 1
-        this.getList()
-      },
-      btn_withdraw(id) {
-        const params = {
-          orderid: id
-        }
-        this.$confirm('您确定要撤回吗?', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          })
-          .then(() => {
-            getWithdrawWorkOrder(params).then((response) => {
-              if (response.state.toLowerCase() === 'success') {
-                this.getList()
-                this.$message.success('撤回成功!')
-              }
-            })
-          })
-          .catch(() => {
-            this.$message('已取消撤回')
-          })
-      },
+        .catch(() => {
+          this.$message('已取消撤回')
+        })
     }
   }
+}
 </script>
 <style rel="stylesheet/scss" lang="scss" scoped>
 </style>

CallCenterWeb.UI/RMYY/src/views/vehicleDispatch/vehicleScheduling/vehicleSchedulingList/components/distribution.vue

@@ -1,20 +1,13 @@
 <template>
   <div v-loading="loading">
-    <!-- <el-table :data="selectarr" border stripe>
-      <el-table-column type="index" width="100" label="序号" align="center">
-      </el-table-column>
-      <el-table-column prop="F_WorkOrderCode" label="工单号" align="center" />
-      <el-table-column prop="F_Content" label="工单内容" align="center" />
-      <el-table-column prop="F_DepartPlace" label="出发地" align="center" />
-      <el-table-column prop="F_Destination" label="目的地" align="center" />
-      <el-table-column prop="F_UseTime" label="用车时间" align="center" />
-    </el-table> -->
     <el-table :data="selectarr" class="airlineDeviceTable" border row-key="F_ID">
-      <el-table-column type="index" width="100" label="序号" align="center">
-      </el-table-column>
-      <el-table-column align="center" v-for="(item, index) in col" :key="`col_${index}`" :prop="dropCol[index].prop"
-        :label="item.label">
-      </el-table-column>
+      <el-table-column type="index" width="100" label="序号" align="center"/>
+      <el-table-column
+        v-for="(item, index) in col"
+        :key="`col_${index}`"
+        :prop="dropCol[index].prop"
+        :label="item.label"
+        align="center"/>
     </el-table>
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
       <el-col :span="24">
@@ -22,22 +15,24 @@
           <el-col :span="12">
             <el-form-item label="车辆" prop="carid">
               <el-select v-model="ruleForm.carid" style="width: 100%;">
-                <el-option v-for="(item,index) in carArr" :key="index" :label="item.carname" :value="item.carid">
-                </el-option>
+                <el-option v-for="(item,index) in carArr" :key="index" :label="item.carname" :value="item.carid"/>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="司机" prop="driver">
               <el-select v-model="ruleForm.driver" style="width:100%;">
-                <el-option v-for="item in repairman" :key="item.usercode" :label="item.username"
+                <el-option
+                  v-for="item in repairman"
+                  :key="item.usercode"
+                  :label="item.username"
                   :value="item.usercode" />
               </el-select>
             </el-form-item>
           </el-col>
         </el-row>
         <el-form-item>
-          <el-button type="primary" @click='onsub'>保存</el-button>
+          <el-button type="primary" @click="onsub">保存</el-button>
         </el-form-item>
       </el-col>
     </el-form>
@@ -45,182 +40,172 @@
 </template>
 
 <script>
-  import {
-    getCarList,
-    getCarUserList,
-    getAssignWorkOrder
-  } from '@/api/vehicleDispatch/vehicleScheduling.js'
-  import {
-    getOrderTypeList
-  } from "@/api/commonAPI.js"
-  import selectDeptTree from '@/components/context/commonSelect/selectDeptTree.vue'
-  import {
-    getCartype
-  } from "@/api/vehicleDispatch/vehicleManagement";
-  import {
-    GetPerson
-  } from '@/api/commonAPI'
-  import Sortable from 'sortablejs'
-  export default {
-    name: "Distribution",
-    props: {
-      layerid: {
-        type: String,
-        default: "",
+import {
+  getCarList,
+  getCarUserList,
+  getAssignWorkOrder
+} from '@/api/vehicleDispatch/vehicleScheduling.js'
+import Sortable from 'sortablejs'
+export default {
+  name: 'Distribution',
+  props: {
+    layerid: {
+      type: String,
+      default: ''
+    },
+    selectids: {
+      type: Array,
+      default: []
+    },
+    selectarr: {
+      type: Array,
+      default: []
+    }
+  },
+  data() {
+    return {
+      col: [{
+        label: '工单号',
+        prop: 'F_WorkOrderCode'
+      },
+      {
+        label: '工单内容',
+        prop: 'F_Content'
+      },
+      {
+        label: '出发地',
+        prop: 'F_DepartPlace'
       },
-      selectids: {
-        type: Array,
-        default: []
+      {
+        label: '目的地',
+        prop: 'F_Destination'
       },
-      selectarr: {
-        type: Array,
-        default: []
+      {
+        label: '用车时间',
+        prop: 'F_UseTime'
       }
-    },
-    data() {
-      return {
-        col: [{
-            label: '工单号',
-            prop: 'F_WorkOrderCode'
-          },
-          {
-            label: '工单内容',
-            prop: 'F_Content'
-          },
-          {
-            label: '出发地',
-            prop: 'F_DepartPlace'
-          },
-          {
-            label: '目的地',
-            prop: 'F_Destination'
-          },
-          {
-            label: '用车时间',
-            prop: 'F_UseTime'
-          }
-        ],
-        dropCol: [{
-            label: '工单号',
-            prop: 'F_WorkOrderCode'
-          },
-          {
-            label: '工单内容',
-            prop: 'F_Content'
-          },
-          {
-            label: '出发地',
-            prop: 'F_DepartPlace'
-          },
-          {
-            label: '目的地',
-            prop: 'F_Destination'
-          },
-          {
-            label: '用车时间',
-            prop: 'F_UseTime'
-          }
-        ],
-        typeList: [],
-        carArr: [],
-        repairman: [], // 申请人数据
-        hospitalsParam: {
-          id: 0,
-          name: ''
-        },
-        departmentsParam: {
-          id: 0,
-          name: ''
-        },
-        repairmanParam: {
-          id: 0,
-          name: ''
-        },
-        rules: {},
-        ruleForm: {
-          carid: '',
-          driver: ''
-        },
-        deptid: [],
-        loading: false,
-      };
-    },
-    created() {
-      this.getVehicleLists() //车辆arr
-      this.getVehicleUserLists() //司机arr
-    },
-    mounted() {
-      this.$nextTick(() => {
-        this.rowDrop()
-        // this.columnDrop()
-      })
-    },
-    methods: {
-      //行拖拽
-      rowDrop() {
-        const tbody = document.querySelector('.airlineDeviceTable .el-table__body-wrapper tbody');
-        const that = this;
-        Sortable.create(tbody, {
-          draggable: ".el-table__row",
-          // 结束拖拽后的回调函数
-          onEnd({
-            newIndex,
-            oldIndex
-          }) {
-            const currentRow = that.selectarr.splice(oldIndex, 1)[0];
-            that.selectarr.splice(newIndex, 0, currentRow);
-          },
-        })
+      ],
+      dropCol: [{
+        label: '工单号',
+        prop: 'F_WorkOrderCode'
       },
-      //列拖拽
-      columnDrop() {
-        const wrapperTr = document.querySelector('.airlineDeviceTable .el-table__header-wrapper tr')
-        this.sortable = Sortable.create(wrapperTr, {
-          animation: 180,
-          delay: 0,
-          onEnd: evt => {
-            const oldItem = this.dropCol[evt.oldIndex]
-            this.dropCol.splice(evt.oldIndex, 1)
-            this.dropCol.splice(evt.newIndex, 0, oldItem)
-          }
-        })
+      {
+        label: '工单内容',
+        prop: 'F_Content'
       },
-      getVehicleLists() {
-        const params = {
-          state: 0
-        }
-        getCarList(params).then(res => {
-          this.carArr = res.rows
-        })
+      {
+        label: '出发地',
+        prop: 'F_DepartPlace'
       },
-      getVehicleUserLists() {
-        const params = {
-          rolecode: 'SJ'
-        }
-        getCarUserList(params).then(res => {
-          this.repairman = res.rows
-        })
+      {
+        label: '目的地',
+        prop: 'F_Destination'
       },
-      onsub() {
-        const arr= this.selectarr.map(item => item.F_WorkOrderCode)
-        const params = {
-          orderid: arr.toString(),
-          driver: this.ruleForm.driver,
-          carid: this.ruleForm.carid
-        }
-        getAssignWorkOrder(params).then(res => {
-          if (res.state == 'success') {
-            this.$parent.$layer.close(this.layerid);
-            this.$message.success('分配成功')
-            this.$parent.getList()
-          }
-        })
+      {
+        label: '用车时间',
+        prop: 'F_UseTime'
+      }
+      ],
+      typeList: [],
+      carArr: [],
+      repairman: [], // 申请人数据
+      hospitalsParam: {
+        id: 0,
+        name: ''
+      },
+      departmentsParam: {
+        id: 0,
+        name: ''
+      },
+      repairmanParam: {
+        id: 0,
+        name: ''
       },
-      resetForm() {
-        this.$refs.ruleForm.resetFields();
+      rules: {},
+      ruleForm: {
+        carid: '',
+        driver: ''
       },
+      deptid: [],
+      loading: false
+    }
+  },
+  created() {
+    this.getVehicleLists() // 车辆arr
+    this.getVehicleUserLists() // 司机arr
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.rowDrop()
+      // this.columnDrop()
+    })
+  },
+  methods: {
+    // 行拖拽
+    rowDrop() {
+      const tbody = document.querySelector('.airlineDeviceTable .el-table__body-wrapper tbody')
+      const that = this
+      Sortable.create(tbody, {
+        draggable: '.el-table__row',
+        // 结束拖拽后的回调函数
+        onEnd({
+          newIndex,
+          oldIndex
+        }) {
+          const currentRow = that.selectarr.splice(oldIndex, 1)[0]
+          that.selectarr.splice(newIndex, 0, currentRow)
+        }
+      })
+    },
+    // 列拖拽
+    columnDrop() {
+      const wrapperTr = document.querySelector('.airlineDeviceTable .el-table__header-wrapper tr')
+      this.sortable = Sortable.create(wrapperTr, {
+        animation: 180,
+        delay: 0,
+        onEnd: evt => {
+          const oldItem = this.dropCol[evt.oldIndex]
+          this.dropCol.splice(evt.oldIndex, 1)
+          this.dropCol.splice(evt.newIndex, 0, oldItem)
+        }
+      })
+    },
+    getVehicleLists() {
+      const params = {
+        state: 0
+      }
+      getCarList(params).then(res => {
+        this.carArr = res.rows
+      })
+    },
+    getVehicleUserLists() {
+      const params = {
+        rolecode: 'SJ'
+      }
+      getCarUserList(params).then(res => {
+        this.repairman = res.rows
+      })
+    },
+    onsub() {
+      const arr = this.selectarr.map(item => item.F_WorkOrderCode)
+      const params = {
+        orderid: arr.toString(),
+        driver: this.ruleForm.driver,
+        carid: this.ruleForm.carid
+      }
+      getAssignWorkOrder(params).then(res => {
+        if (res.state == 'success') {
+          this.$parent.$layer.close(this.layerid)
+          this.$message.success('分配成功')
+          this.$parent.getList()
+        }
+      })
     },
-  };
+    resetForm() {
+      this.$refs.ruleForm.resetFields()
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/RMYY/src/views/vehicleDispatch/vehicleScheduling/vehicleSchedulingList/index.vue

@@ -1,15 +1,21 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input clearable v-model="ordercode" placeholder="请输入工单编号" class="filter-item" />
-      <el-select clearable v-model="type" placeholder="请选择工单类型" size="medium">
-        <el-option v-for="item in typeList" :key="item.fid" :label="item.fname" :value="item.fid">
-        </el-option>
+      <el-input v-model="ordercode" clearable placeholder="请输入工单编号" class="filter-item" />
+      <el-select v-model="type" clearable placeholder="请选择工单类型" size="medium">
+        <el-option v-for="item in typeList" :key="item.fid" :label="item.fname" :value="item.fid"/>
       </el-select>
-      <el-date-picker v-model="startTime" size="medium" type="daterange" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
-        range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
+      <el-date-picker
+        v-model="startTime"
+        size="medium"
+        type="daterange"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期" />
       <el-button type="primary" class="filter-item" size="medium" @click="btn_search">搜索</el-button>
-      <el-button type="primary" class="filter-item" size="medium" @click='btn_distribute'>批量分配</el-button>
+      <el-button type="primary" class="filter-item" size="medium" @click="btn_distribute">批量分配</el-button>
     </div>
     <el-tabs v-model="activeName" @tab-click="handleClick">
       <el-tab-pane label="全部" name="-1" />
@@ -18,8 +24,7 @@
       <el-tab-pane label="已完成" name="10" />
     </el-tabs>
     <el-table v-loading="loading" :data="dataLists" border stripe @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55">
-      </el-table-column>
+      <el-table-column type="selection" width="55"/>
       <el-table-column prop="F_WorkOrderCode" label="工单编号" align="center" min-width="110">
         <template slot-scope="scope">
           <el-button type="text" size="small" @click="hadndleOrderCode(scope.row.F_ID,scope.row.F_WorkOrderCode)">
@@ -60,8 +65,13 @@
         </template>
       </el-table-column>
     </el-table>
-    <pagination v-show="pageParams.total > 0" :total="pageParams.total" :pageindex.sync="pageParams.pageindex"
-      :pagesize.sync="pageParams.pagesize" class="pagination" @pagination="getList" />
+    <pagination
+      v-show="pageParams.total > 0"
+      :total="pageParams.total"
+      :pageindex.sync="pageParams.pageindex"
+      :pagesize.sync="pageParams.pagesize"
+      class="pagination"
+      @pagination="getList" />
   </div>
 </template>
 <script>
@@ -72,54 +82,54 @@ import {
   getDelete,
   getModelDetail,
   getAssignWorkOrder,
-  getSureWorkOrder,
-} from "@/api/vehicleDispatch/vehicleScheduling.js";
-import { getGetAllCar } from "@/api/Escortservice/Escortservice.js";
-import { getOrderTypeList } from "@/api/commonAPI.js";
-import addOrEdit from "./components/addOrEdit";
-import detail from "./components/detail";
-import assign from "./components/assign.vue";
-import distribution from "./components/distribution.vue";
-import Pagination from "@/components/context/Pagination";
+  getSureWorkOrder
+} from '@/api/vehicleDispatch/vehicleScheduling.js'
+import { getGetAllCar } from '@/api/Escortservice/Escortservice.js'
+import { getOrderTypeList } from '@/api/commonAPI.js'
+import addOrEdit from './components/addOrEdit'
+import detail from './components/detail'
+import assign from './components/assign.vue'
+import distribution from './components/distribution.vue'
+import Pagination from '@/components/context/Pagination'
 
 export default {
-  name: "vehicleScheduling",
+  name: 'VehicleScheduling',
   components: {
-    Pagination,
+    Pagination
   },
   data() {
     return {
-      activeName: "-1",
+      activeName: '-1',
       loading: false,
-      ordercode: "",
-      state: "-1",
+      ordercode: '',
+      state: '-1',
       typeList: [],
-      type: "",
-      startTime: "",
+      type: '',
+      startTime: '',
       pageParams: {
-        pageindex: 1, //Number(this.$store.getters.serverConfig.PAGESIZE)
+        pageindex: 1, // Number(this.$store.getters.serverConfig.PAGESIZE)
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE),
-        total: 0,
+        total: 0
       },
       dataLists: [],
       multipleSelection: [],
-      selectIds: [],
-    };
+      selectIds: []
+    }
   },
   created() {
-    this.getList();
-    this.getTypeOrder();
+    this.getList()
+    this.getTypeOrder()
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   methods: {
     btn_distribute() {
       if (this.multipleSelection.length < 1) {
-        this.$message.error("没有要分配的选项");
-        return;
+        this.$message.error('没有要分配的选项')
+        return
       }
       this.$layer.iframe({
         content: {
@@ -127,50 +137,50 @@ export default {
           parent: this, // 当前的vue对象
           data: {
             selectids: this.selectIds,
-            selectarr: this.multipleSelection,
-          }, // props
+            selectarr: this.multipleSelection
+          } // props
         },
-        area: ["70%", "70%"],
-        title: "分配",
-      });
+        area: ['70%', '70%'],
+        title: '分配'
+      })
     },
     btn_fenpei(id, row) {
-      this.selectIds = [];
-      this.multipleSelection = [];
-      this.selectIds.push(id);
-      this.multipleSelection.push(row);
+      this.selectIds = []
+      this.multipleSelection = []
+      this.selectIds.push(id)
+      this.multipleSelection.push(row)
       this.$layer.iframe({
         content: {
           content: distribution, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
             selectids: this.selectIds,
-            selectarr: this.multipleSelection,
-          }, // props
+            selectarr: this.multipleSelection
+          } // props
         },
-        area: ["70%", "70%"],
-        title: "分配",
-      });
+        area: ['70%', '70%'],
+        title: '分配'
+      })
     },
     handleSelectionChange(val) {
-      this.multipleSelection = val;
-      this.selectIds = val.map((item) => item.F_WorkOrderCode);
+      this.multipleSelection = val
+      this.selectIds = val.map((item) => item.F_WorkOrderCode)
     },
     handleClick(res) {
-      this.state = res.name;
-      this.getList();
+      this.state = res.name
+      this.getList()
     },
     getTypeOrder() {
       const params = {
         pid: 2,
-        typeid: 4000,
-      };
+        typeid: 4000
+      }
       getOrderTypeList(params.pid, params.typeid).then((res) => {
-        this.typeList = res.rows;
-      });
+        this.typeList = res.rows
+      })
     },
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise((resolve) => {
         const params = {
           type: this.type,
@@ -179,21 +189,21 @@ export default {
           state: this.state,
           WorkOrderCode: this.ordercode,
           starttime: this.startTime && this.startTime[0],
-          endtime: this.startTime && this.startTime[1],
-        };
+          endtime: this.startTime && this.startTime[1]
+        }
         getList(params).then((response) => {
-          this.loading = false;
+          this.loading = false
           if (response.rows.length >= 0) {
-            this.pageParams.total = response.tatal;
-            this.dataLists = response.rows;
+            this.pageParams.total = response.tatal
+            this.dataLists = response.rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     btn_search() {
-      this.pageParams.pageindex = 1;
-      this.getList();
+      this.pageParams.pageindex = 1
+      this.getList()
     },
     btn_edit(editId, wocode) {
       this.$layer.iframe({
@@ -202,12 +212,12 @@ export default {
           parent: this, // 当前的vue对象
           data: {
             rowid: editId.toString(),
-            wocode: wocode,
-          }, // props
+            wocode: wocode
+          } // props
         },
-        area: ["60%", "500px"],
-        title: "编辑",
-      });
+        area: ['60%', '500px'],
+        title: '编辑'
+      })
     },
     // 详情
     hadndleOrderCode(ordercode, wocode) {
@@ -217,71 +227,71 @@ export default {
           parent: this, // 当前的vue对象
           data: {
             rowid: ordercode,
-            wocode: wocode,
-          }, // props
+            wocode: wocode
+          } // props
         },
-        area: ["80%", "90%"],
-        title: "工单详情",
-      });
+        area: ['80%', '90%'],
+        title: '工单详情'
+      })
     },
-    //删除
+    // 删除
     btn_delete(editId) {
       const params = {
-        WorkOrderCode: editId,
-      };
-      this.$confirm("您确定要删除此信息吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+        WorkOrderCode: editId
+      }
+      this.$confirm('您确定要删除此信息吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
       })
         .then(() => {
           getDelete(params).then((response) => {
-            this.getList();
-            this.$message.success("删除成功!");
-          });
+            this.getList()
+            this.$message.success('删除成功!')
+          })
         })
         .catch(() => {
-          this.$message("已取消删除");
-        });
+          this.$message('已取消删除')
+        })
     },
-    //确定工单
+    // 确定工单
     btn_sure(rowid) {
       const params = {
-        orderid: rowid,
-      };
-      this.$confirm("您要确认此工单吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+        orderid: rowid
+      }
+      this.$confirm('您要确认此工单吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
       })
         .then(() => {
           getSureWorkOrder(params).then((response) => {
-            if (response.state.toLowerCase() === "success") {
-              this.getList();
-              this.$message.success("确定成功!");
+            if (response.state.toLowerCase() === 'success') {
+              this.getList()
+              this.$message.success('确定成功!')
             }
-          });
+          })
         })
         .catch(() => {
-          this.$message("已取消");
-        });
+          this.$message('已取消')
+        })
     },
-    //派车
+    // 派车
     btn_assign(rowid) {
       this.$layer.iframe({
         content: {
           content: assign, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
-            rowid: rowid,
-          }, // props
+            rowid: rowid
+          } // props
         },
-        area: ["40%", "50%"],
-        title: "派车",
-      });
-    },
-  },
-};
+        area: ['40%', '50%'],
+        title: '派车'
+      })
+    }
+  }
+}
 </script>
 <style rel="stylesheet/scss" lang="scss" scoped>
 </style>