From 74de427762c204b5b8684254f78905c0a6da2337 Mon Sep 17 00:00:00 2001
From: bibi <541660090@qq.com>
Date: Thu, 13 Jan 2022 17:11:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/login/index.js                        |   8 +
 src/request/index.js                          |   2 +-
 src/router/basic.js                           |   9 +
 .../EstateInfo/_houseHoldAudit/index.vue      |  33 ++-
 src/views/Basic/WorkOrder/index.vue           | 266 ++++++++++++++++++
 src/views/Login/index.vue                     |  41 ++-
 6 files changed, 333 insertions(+), 26 deletions(-)
 create mode 100644 src/views/Basic/WorkOrder/index.vue

diff --git a/src/api/login/index.js b/src/api/login/index.js
index d817180..e8d7058 100644
--- a/src/api/login/index.js
+++ b/src/api/login/index.js
@@ -1,5 +1,13 @@
 import httpService from "@/request"
 
+// 发送验证码
+export function sendTelCode(params) {
+    return httpService({
+        url: `/manage/sendTelCode`,
+        method: 'post',
+        data: params,
+    })
+}
 // 登录
 export function loginTel(params) {
     return httpService({
diff --git a/src/request/index.js b/src/request/index.js
index f9538c8..e9befb1 100644
--- a/src/request/index.js
+++ b/src/request/index.js
@@ -20,7 +20,7 @@ const httpService = axios.create({
     baseURL: process.env.VUE_APP_URL + '/1',// TODO:具体的配置可以根据项目情况而来
     timeout: 5000
 })
-
+// + communityCode
 //axios的拦截--request
 httpService.interceptors.request.use(config => {
     const rqParams = filterRequestData(config.params);
diff --git a/src/router/basic.js b/src/router/basic.js
index 0698aa5..4d720e0 100644
--- a/src/router/basic.js
+++ b/src/router/basic.js
@@ -81,6 +81,15 @@ export default [
             },
         ]
     },
+    {
+        path: '/Workorder',
+        name: "Workorder",
+        title: "工单管理",
+        icon: 'solution',
+        hide: false,
+        component: resolve => require(['@/views/Basic/WorkOrder'], resolve),
+        meta: {title: '工单管理'}
+    },
     // {
     //     path: '/attendance',
     //     name: "Attendance",
diff --git a/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue b/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue
index 5ade897..8e9f6b1 100644
--- a/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue
+++ b/src/views/Basic/EstateInfo/_houseHoldAudit/index.vue
@@ -1,20 +1,23 @@
 <template>
   <div>
-    <div class="cardTitle">住户审核&nbsp;
-        <a-radio-group default-value="1" button-style="solid" @change="tabsChange">
-            <a-radio-button value="0">
-            全部
-            </a-radio-button>
-            <a-radio-button value="1">
-            待审核
-            </a-radio-button>
-            <a-radio-button value="3">
-            已通过
-            </a-radio-button>
-            <a-radio-button value="2">
-            已驳回
-            </a-radio-button>
-        </a-radio-group>
+    <div class="cardTitle">
+        <a-space size="large">
+            <span>住户审核</span>
+            <a-radio-group default-value="1" button-style="solid" @change="tabsChange">
+                <a-radio-button value="1">
+                待审核
+                </a-radio-button>
+                <a-radio-button value="3">
+                已通过
+                </a-radio-button>
+                <a-radio-button value="2">
+                已驳回
+                </a-radio-button>
+                <a-radio-button value="0">
+                全部
+                </a-radio-button>
+            </a-radio-group>
+        </a-space>
     </div>
     <div class="search-box">
       <a-row>
diff --git a/src/views/Basic/WorkOrder/index.vue b/src/views/Basic/WorkOrder/index.vue
new file mode 100644
index 0000000..2d417ea
--- /dev/null
+++ b/src/views/Basic/WorkOrder/index.vue
@@ -0,0 +1,266 @@
+<template>
+  <div>
+    <div class="cardTitle">
+        <a-space size="large">
+            <span>工单管理</span>
+            <a-radio-group v-model='activeName' button-style="solid" @change="tabsChange">
+                <a-radio-button value="0">
+                全部
+                </a-radio-button>
+                <a-radio-button value="1">
+                待分配
+                </a-radio-button>
+                <a-radio-button value="2">
+                工单池
+                </a-radio-button>
+                <a-radio-button value="3">
+                已接单
+                </a-radio-button>
+                <a-radio-button value="4">
+                处理中
+                </a-radio-button>
+                <a-radio-button value="5">
+                已完成
+                </a-radio-button>
+                <a-radio-button value="6">
+                已评价
+                </a-radio-button>
+                <a-radio-button value="7">
+                已拒绝
+                </a-radio-button>
+            </a-radio-group>
+        </a-space>
+    </div>
+    <div class="search-box">
+      <a-row>
+        <a-col :span="20">
+          <a-space size="large">
+            <a-select placeholder="请选择" style="width:200px"/>
+            <a-button type="primary">查 询</a-button>
+            <a-button>重 置</a-button>
+          </a-space>
+        </a-col>
+        <a-col :span="4">
+            <a-button class='add-btn'>添加工单</a-button>
+        </a-col>
+      </a-row>
+    </div>
+    <div class="main">
+      <div style="margin-bottom: 16px">
+        <!-- 批量操作 -->
+        <a-select
+          type="primary"
+          v-model="activeAction"
+          :disabled="!hasSelected"
+          :loading="loading"
+          style="width: 120px"
+          @change="Actions"
+          placeholder="请选择操作"
+        >
+          批量
+          <a-select-option v-for="item in ActionsList" :key="item.value">
+            {{ item.label }}
+          </a-select-option>
+        </a-select>
+        <span style="margin-left: 8px">
+          <template v-if="hasSelected">
+            {{ `已选择 ${selectedRowKeys.length} 条` }}
+          </template>
+        </span>
+      </div>
+      <!-- 表格 -->
+      <a-table
+        :columns="columns"
+        :data-source="tableData"
+        :pagination="pagination"
+        :scroll="{ x: 1300 }"
+        :row-selection="{
+          selectedRowKeys: selectedRowKeys,
+          onChange: selectionChoosed,
+        }"
+        :row-key="
+          (record, index) => {
+            return index;
+          }
+        "
+      >
+        <span slot="name" slot-scope="text, row">
+          {{
+            row.manageBuildingName +
+            "栋/" +
+            row.manageUnitName +
+            "单元/" +
+            row.floorLocation +
+            "层-" +
+            row.name +
+            "室"
+          }}
+        </span>
+        <span slot="action" slot-scope="text, row">
+          <a-space>
+            <a class="ant-dropdown-link" v-show="row.status===1" @click="put(row)">下发至工单池</a>
+            <a class="ant-dropdown-link" v-show="row.status===1" @click="shift(row)">转移至待分配</a>
+            <a class="ant-dropdown-link" v-show="row.status===1" @click="assign(row)">指派</a>
+            <a class="ant-dropdown-link" v-show="row.status===1" @click="shiftAssign(row)">转派</a>
+            <a class="ant-dropdown-link" v-show="row.status===1" @click="finish(row)">完成</a>
+            <a class="ant-dropdown-link" v-show="row.status===1" @click="deal(row)">处理</a>
+            <a class="ant-dropdown-link" v-show="row.status===1" @click="refuse(row)">拒绝</a>
+          </a-space>
+        </span>
+        <span slot="tags" slot-scope="tag">
+           <a-tag
+            :color="tag === 1 ? 'volcano' : tag === 2 ? 'geekblue' : tag === 3 ? 'geekblue' : 'red'"
+          >
+            {{ tag === 1 ? "业主" : tag === 2 ? "业主亲属" :tag === 3 ? "租户":tag === 4 ? "租户亲属":'-'  }}
+          </a-tag>
+        </span>
+      </a-table>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      activeName:'0',
+      pagination: {
+        current: 1,
+        total: 0,
+        pageSize: 10,
+        showTotal: (total) => `共 ${total} 条`,
+        showSizeChanger: true,
+        showQuickJumper: true,
+      },
+      searchForm:{
+          status:null,
+          identity:null
+      },
+      activeAction: undefined,
+      loading: false,
+      // 选择的index
+      selectedRowKeys: [],
+      tableChoosed: [],
+      // 分页
+      //   列
+      columns: [
+        {
+          title: "申请人身份",
+          key: "tags",
+          width: "14%",
+          dataIndex: "status",
+          scopedSlots: { customRender: "tags" },
+        },
+        {
+          title: "工单号",
+          width: "14%",
+          dataIndex: "code",
+        },
+        {
+          title: "申请人",
+          width: "14%",
+          dataIndex: "people",
+        },
+        {
+          title: "手机号",
+          width: "14%",
+          dataIndex: "tel",
+        },
+        {
+          title: "工单类型",
+          width: "14%",
+          dataIndex: "type",
+        },
+        {
+          title: "工单类型",
+          width: "14%",
+          dataIndex: "content",
+        },
+        {
+          title: "操作",
+          dataIndex: "action",
+          key: "action",
+          width: "300",
+          fixed: "right",
+          scopedSlots: { customRender: "action" },
+        },
+      ],
+      //   数据
+      tableData: [
+      ],
+      ActionsList: [
+        {
+          label: "批量删除",
+          value: 1,
+        },
+        {
+          label: "批量导出",
+          value: 2,
+        },
+      ],
+    };
+  },
+  mounted(){
+      this.getData()
+  },
+  methods: {
+    getData(){},
+    tabsChange(e){
+        this.searchForm.status = e.target.value
+          this.getData()
+    },
+    // 下发至工单池
+    put(){
+
+    },
+    // 转移至待分配
+    shift(){
+
+    },
+    // 指派
+    assign(){
+
+    },
+    // 转派
+    shiftAssign(){
+
+    },
+    // 完成
+    finish(){
+
+    },
+    // 处理
+    deal(){
+
+    },
+    // 拒绝
+    refuse(){
+
+    },
+    handleTableChange(pagination) {
+      console.log(pagination);
+      const pager = { ...this.pagination };
+      pager.current = pagination.current;
+      pager.pageSize = pagination.pageSize;
+      this.pagination = pager;
+    },
+    Actions(data) {
+      console.log(data);
+      this.activeAction = undefined;
+    },
+    selectionChoosed(data) {
+      console.log(data);
+      this.tableChoosed = data;
+    },
+  },
+  computed: {
+    // 是否选择selection
+    hasSelected() {
+      return this.selectedRowKeys.length > 0;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/Login/index.vue b/src/views/Login/index.vue
index 82754e2..3b8a8d8 100644
--- a/src/views/Login/index.vue
+++ b/src/views/Login/index.vue
@@ -13,12 +13,12 @@
         <!-- 登录 -->
         <a-col  class="box-b" v-if="status === 1">
            <a-tabs v-model="activeName" @change="tabsSwitch">
-                <a-tab-pane key="1" tab="密码登录">
-                </a-tab-pane>
+                <!-- <a-tab-pane key="1" tab="密码登录">
+                </a-tab-pane> -->
                 <a-tab-pane key="2" tab="验证码登录">
                 </a-tab-pane>
             </a-tabs>
-            <div class="login-input">
+            <div class="login-input" v-if="activeName==='1'">
                 <a-input placeholder="请输入手机号码"></a-input>
                 <a-input type="password" placeholder="请输入密码"></a-input>
                 <a-row>
@@ -36,6 +36,25 @@
                   </a-col>
                 </a-row>
             </div>
+            <div class="login-input" v-else-if="activeName==='2'">
+                <a-input placeholder="请输入手机号码"></a-input>
+                <a-input type="password" placeholder="请输入验证码" style="width:60%"></a-input>
+                <a-button type="primary" @click='getCode'>获取验证码</a-button>
+                <a-row>
+                  <a-col :span="12" style="margin-left:23px"><a-checkbox></a-checkbox>&nbsp;&nbsp;三天之内免登陆</a-col>
+                </a-row>
+                <a-button type="primary" @click='login' style="width:90%;margin:30px">
+                    登录
+                </a-button>
+                <a-row style="margin-top:20px;margin-left:23px">
+                  <a-col :span="14">
+                    <a-checkbox></a-checkbox>&nbsp;&nbsp;我已同意用户协议
+                  </a-col>
+                   <a-col :span="10">
+                    <span class="logintext" @click="status=3">忘记密码</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="logintext" @click="status=2">免费注册</span>
+                  </a-col>
+                </a-row>
+            </div>
         </a-col>
         <!-- 注册 -->
         <a-col  class="box-b" v-if="status === 2">
@@ -44,9 +63,7 @@
             ref="ruleForm"
             :model="form"
             :rules="rules"
-            :label-col="inline"
             layout="vertical"
-            :wrapper-col="wrapperCol"
           >
             <a-form-model-item ref="tel" label="手机号码" prop="tel">
               <a-input
@@ -97,9 +114,7 @@
             ref="ruleForm"
             :model="form"
             :rules="rules"
-            :label-col="inline"
             layout="vertical"
-            :wrapper-col="wrapperCol"
           >
             <a-form-model-item ref="tel" label="手机号码" prop="tel">
               <a-input
@@ -149,13 +164,13 @@
 </template>
 
 <script>
-import {loginTel} from "../../api/login"
+import { loginTel,sendTelCode } from "../../api/login"
 export default {
   name: "Login",
   data() {
     return {
       status: 1,
-      activeName:'1',
+      activeName:'2',
       form:{
           tel:''
       },
@@ -198,7 +213,13 @@ export default {
       console.log(res);
     },
     // 获取验证码
-    getCode(){},
+    getCode(){
+      sendTelCode(this.form).then(res=>{
+        if(res){
+          this.$message.success(res.msg)
+        }
+      })
+    },
     onSubmit() {
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {