抽奖竞拍；市场管理；教师管理

src/view/marketManage/assistantList/assistantDetail.vue

@@ -39,10 +39,10 @@ function actionFunc(type) {
   a_type.value = type
   switch (type){
     case 3:
-      tip_text.value = '是否同意该教师申请？';
+      tip_text.value = '是否同意该助教申请？';
       break;
     case 2:
-      tip_text.value = '是否拒绝该教师申请？';
+      tip_text.value = '是否拒绝该助教申请？';
       break;
   }
 }
@@ -91,7 +91,7 @@ function getStateName(state) {
           ID：{{assistantInfo.user_id}}
         </div>
         <div class="bb-item">
-          注册时间：{{assistantInfo.created_at}}
+          注册时间：{{formatDate(assistantInfo.created_at)}}
         </div>
         <div class="bb-item">
           身份：助教
@@ -101,7 +101,7 @@ function getStateName(state) {
 <!--        </div>-->
       </div>
     </div>
-    <!--    章节信息-->
+    <!--    详细信息-->
     <div class="gva-table-box">
       <div class="detail-info-box">
         <div class="dib-row">
@@ -127,123 +127,106 @@ function getStateName(state) {
         <div class="dib-row">
           <div class="dib-item">
             <div class="di-left">邀请人数：</div>
-            <div class="di-right">{{assistantInfo.assistant_info.num}}</div>
+            <div class="di-right">{{assistantInfo.invite_num}}</div>
           </div>
           <div class="dib-item">
             <div class="di-left">有效人数：</div>
-            <div class="di-right">{{assistantInfo.student_info.num}}</div>
+            <div class="di-right">{{assistantInfo.valid_num}}</div>
           </div>
         </div>
         <div class="dib-row">
           <div class="dib-item">
-            <div class="di-left">区域：</div>
-            <div class="di-right">{{assistantInfo.province}}</div>
-          </div>
-          <div class="dib-item">
-            <div class="di-left">提交时间：</div>
-            <div class="di-right">{{formatDate(assistantInfo.created_at)}}</div>
-          </div>
-          <div class="dib-item">
-            <div class="di-left">就职单位：</div>
-            <div class="di-right">重庆大学</div>
-          </div>
-          <div class="dib-item">
-            <div class="di-left">任职行业：</div>
-            <div class="di-right">金融</div>
+            <div class="di-left">管理学员：</div>
+            <div class="di-right">{{assistantInfo.student_num}}</div>
           </div>
         </div>
         <div class="dib-row">
           <div class="dib-item">
-            <div class="di-left">余额：</div>
-            <div class="di-right">{{assistantInfo.balance}}元</div>
+            <div class="di-left">课程订单：</div>
+            <div class="di-right">{{assistantInfo.course_num}}</div>
           </div>
           <div class="dib-item">
-            <div class="di-left">累计收益：</div>
-            <div class="di-right">{{assistantInfo.income}}元</div>
-          </div>
-          <div class="dib-item link-item">
-            <div class="di-left">查看交易明细</div>
-          </div>
-        </div>
-        <div class="dib-row">
-          <div class="dib-item">
-            <div class="di-left">上架课程：</div>
-            <div class="di-right">{{assistantInfo.publish_course}}门</div>
-          </div>
-          <div class="dib-item link-item">
-            <div class="di-left">查看课程列表</div>
-          </div>
-        </div>
-        <div class="dib-row">
-          <div class="dib-item">
-            <div class="di-left">上架测试：</div>
-            <div class="di-right">{{assistantInfo.publish_exam}}份</div>
-          </div>
-          <div class="dib-item link-item">
-            <div class="di-left ">查看试卷列表</div>
-          </div>
-        </div>
-        <div class="dib-row">
-          <div class="dib-item">
-            <div class="di-left">销售次数(课程)：</div>
-            <div class="di-right">{{assistantInfo.course_sale}}次</div>
-          </div>
-          <div class="dib-item">
-            <div class="di-left">累计金额：</div>
+            <div class="di-left">课程收益：</div>
             <div class="di-right">{{assistantInfo.course_income}}</div>
           </div>
-          <div class="dib-item link-item">
-            <div class="di-left">查看学习记录</div>
+        </div>
+        <div class="dib-row">
+          <div class="dib-item">
+            <div class="di-left">试卷订单：</div>
+            <div class="di-right">{{assistantInfo.exam_num}}</div>
+          </div>
+          <div class="dib-item">
+            <div class="di-left">试卷收益：</div>
+            <div class="di-right">{{assistantInfo.exam_income}}</div>
           </div>
         </div>
         <div class="dib-row">
           <div class="dib-item">
-            <div class="di-left">销售次数(测试)：</div>
-            <div class="di-right">{{assistantInfo.exam_sale}}次</div>
-          </div>
-          <div class="dib-item">
-            <div class="di-left">累计金额：</div>
-            <div class="di-right">{{assistantInfo.exam_income}}</div>
-          </div>
-          <div class="dib-item link-item">
-            <div class="di-left">查看测试记录</div>
+            <div class="di-left">推荐老师：</div>
+            <div class="di-right">{{assistantInfo.teacher_num}}</div>
           </div>
         </div>
-<!--        <div class="dib-row" style="margin-top: 50px">-->
+<!--        <div class="dib-row">-->
 <!--          <div class="dib-item">-->
-<!--            <div class="di-left">资质证书（多张）</div>-->
+<!--            <div class="di-left">授课总订单：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
 <!--          </div>-->
 <!--          <div class="dib-item">-->
-<!--            <el-image-->
-<!--              v-for="(item,i) in imgs"-->
-<!--              class="img-css"-->
-<!--              :src="item"-->
-<!--              :zoom-rate="1.2"-->
-<!--              :preview-src-list="imgs"-->
-<!--              :initial-index="4"-->
-<!--              fit="cover"-->
-<!--            />-->
+<!--            <div class="di-left">授课总收益：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="dib-row">-->
+<!--          <div class="dib-item">-->
+<!--            <div class="di-left">试卷总订单：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
+<!--          </div>-->
+<!--          <div class="dib-item">-->
+<!--            <div class="di-left">试卷总收益：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
+<!--          </div>-->
+<!--        </div>-->
+        <div class="dib-row">
+          <div class="dib-item">
+            <div class="di-left">推荐助教：</div>
+            <div class="di-right">{{assistantInfo.assistant_num}}</div>
+          </div>
+        </div>
+<!--        <div class="dib-row">-->
+<!--          <div class="dib-item">-->
+<!--            <div class="di-left">课程总订单：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
+<!--          </div>-->
+<!--          <div class="dib-item">-->
+<!--            <div class="di-left">课程总收益：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="dib-row">-->
+<!--          <div class="dib-item">-->
+<!--            <div class="di-left">试卷总订单：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
+<!--          </div>-->
+<!--          <div class="dib-item">-->
+<!--            <div class="di-left">试卷总收益：</div>-->
+<!--            <div class="di-right">{{assistantInfo.assistant_info?.num}}</div>-->
 <!--          </div>-->
 <!--        </div>-->
 
       </div>
       <!--    操作区域-->
-<!--      <div class="action-box" v-if="assistantInfo.status == 1">-->
-<!--        <div class="a-btn approved" @click="actionFunc(3)">同意</div>-->
-<!--        <div class="a-btn refuse" @click="actionFunc(2)">拒绝</div>-->
-<!--      </div>-->
-<!--      <div class="action-box" v-else>-->
-<!--        <div class="state-text" :class="{'reuse-text':assistantInfo.status == 2}">{{getStateName(assistantInfo.status)}}</div>-->
-<!--      </div>-->
-            <div class="action-box">
-              <div class="state-text" :class="{'reuse-text':assistantInfo.status == 2}">{{getStateName(assistantInfo.status)}}</div>
-            </div>
+      <div class="action-box" v-if="assistantInfo.status == 1">
+        <div class="a-btn approved" @click="actionFunc(3)">同意</div>
+        <div class="a-btn refuse" @click="actionFunc(2)">拒绝</div>
+      </div>
+      <div class="action-box" v-else>
+        <div class="state-text" :class="{'reuse-text':assistantInfo.status == 2}">{{getStateName(assistantInfo.status)}}</div>
+      </div>
     </div>
     <el-dialog
       v-model="dialogVisible"
       title="操作提醒"
       width="30%"
-      :before-close="handleClose"
     >
       <span>{{tip_text}}</span>
       <template #footer>

src/view/marketManage/assistantList/index.vue

@@ -194,38 +194,26 @@ async function pOk() { // 审核提交
             <img class="avatar-box" :src="scope.row.avatar" alt="">
           </template>
         </el-table-column>
-        <el-table-column align="center" label="姓名" prop="nickname" />
-        <el-table-column align="center" label="手机号" min-width="150" prop="phone" />
+        <el-table-column align="center" min-width="150" label="姓名" prop="nickname" />
         <el-table-column align="center" label="申请时间" min-width="150" >
           <template #default="scope">
             {{formatDate(scope.row.created_at)}}
           </template>
         </el-table-column>
+        <el-table-column align="center" label="手机号" min-width="150" prop="phone" />
         <el-table-column align="center" label="所属区域" min-width="150">
           <template #default="scope">
-
-            {{scope.row.province>-1?cityList[scope.row.province].name:''}}
+            {{scope.row.province>-1?cityList[scope.row.province].name:'无'}}
           </template>
         </el-table-column>
-        <el-table-column align="center" label="管理学员" prop="invite_id" />
-        <el-table-column align="center" label="课程订单" prop="invite_id" />
-        <el-table-column align="center" label="收益" prop="invite_id" />
-        <el-table-column align="center" label="试卷订单" prop="invite_id" />
-        <el-table-column align="center" label="收益" prop="invite_id" />
-        <el-table-column align="center" label="推荐老师" prop="invite_id" />
-        <el-table-column align="center" label="收益" prop="invite_id" />
+<!--        <el-table-column align="center" label="管理学员" prop="invite_id" />-->
+<!--        <el-table-column align="center" label="课程订单" prop="invite_id" />-->
+<!--        <el-table-column align="center" label="收益" prop="invite_id" />-->
+<!--        <el-table-column align="center" label="试卷订单" prop="invite_id" />-->
+<!--        <el-table-column align="center" label="收益" prop="invite_id" />-->
+<!--        <el-table-column align="center" label="推荐老师" prop="invite_id" />-->
+<!--        <el-table-column align="center" label="收益" prop="invite_id" />-->
 
-
-<!--        <el-table-column align="center" label="推荐人ID" prop="invite_id" />-->
-<!--        <el-table-column align="center" label="授课次数" prop="publish_course" />-->
-<!--        <el-table-column align="center" label="测试次数" prop="publish_exam" />-->
-<!--        <el-table-column align="center" label="累计销售" prop="exam_sale" />-->
-<!--        <el-table-column align="center" label="状态" prop="exam_sale">-->
-<!--          <template #default="scope">-->
-<!--            <div>{{scope.row.status == 1?'审核中':scope.row.status == 2?'已同意':'已拒绝'}}</div>-->
-<!--          </template>-->
-<!--        </el-table-column>-->
-<!--        <el-table-column align="center" label="审核说明" prop="desc" />-->
         <el-table-column align="center" fixed="right" label="操作" width="200">
           <template #default="scope">
             <el-button

src/view/marketManage/managerList/index.vue

@@ -0,0 +1,237 @@
+
+<script setup>
+// 引入依赖
+import api from '@/api/market'
+import custom from '@/utils/custom'
+import {formatDate} from '@/utils/format'
+import {ref,onMounted,provide } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+const router = useRouter()
+const route = useRoute()
+// 地区
+import cityList from '@/utils/city.json'
+// store
+import { useUserStore } from '@/pinia/modules/user'
+const userStore = useUserStore()
+// 变量
+// const path = ref(import.meta.env.VITE_BASE_API)
+const queryParams = ref({
+  page:1,
+  pageSize:10,
+  key:'',
+  province:''
+})
+// const subjectParams = ref({
+//     pageIndex:1,
+//     pageSize:100,
+// })
+const state_arr = ref([
+    {
+      name:'申请中',
+      id:1
+    },
+    {
+      name:'拒绝',
+      id:2
+    },
+    {
+      name:'同意',
+      id:3
+    }
+])
+const tableData = ref([])
+const deleteVisible = ref(false)
+const total = ref(0)
+// const dialogFormVisible = ref(false)
+// const dialogTitle = ref('')
+// const form =ref({})
+// const rules = ref({
+//   name: [{ required: true, message: '请输入课程名称', trigger: 'blur' }]
+// })
+const question_id = ref(0)
+const content = ref(null)
+const teacher_ids = ref([])
+// 生命周期
+onMounted(() => {
+  getManagerList()
+})
+// provide('subjectList', subjectList)
+// provide('current_subject', current_subject)
+// 方法
+async function getManagerList() {
+  const res = await api.getManagerList(queryParams.value)
+  if(res.code === 0) {
+    tableData.value = res.data.records
+    total.value = res.data.total
+  }
+}
+// async function getSubject(){ // 获取课程分类
+//   const res = await capi.getSubjectList(subjectParams.value)
+//   if(res.code === 0) {
+//     subjectList.value = custom.getStdSubject(res.data.records)
+//   }
+// }
+function onSubmit() {
+  getManagerList()
+}
+const onReset = () => {
+  queryParams.value = {
+    pageIndex:1,
+    pageSize:10,
+    name:'',
+    status:'',
+    subject:''
+  }
+}
+async function onDelete() {
+  const ids = teacher_ids.value
+  const res = await api.delExamination({ teacher_ids:ids })
+  if (res.code === 0) {
+    ElMessage({
+      type: 'success',
+      message: res.msg
+    })
+    deleteVisible.value = false
+    getManagerList()
+  }
+}
+const handleSelectionChange = (val) => {
+  teacher_ids.value = val.map((item) => {
+      return item.teacher_info_id
+  })
+}
+function handleCurrentChange(val) {
+  queryParams.value.pageIndex = val
+  getManagerList()
+}
+function handleSizeChange(val) {
+  queryParams.value.pageSize = val
+  getManagerList()
+}
+function viewManagerFunc(row) { // 查看详情
+  router.push({name:'managerDetail',params:{id:row.user_id}})
+}
+
+</script>
+<template>
+  <div>
+    <!--    搜索框-->
+    <div class="gva-search-box">
+      <el-form ref="searchForm" :inline="true" :model="queryParams">
+        <el-form-item label="主管名称">
+          <el-input v-model="queryParams.key" placeholder="根据主管名称进行查询" />
+        </el-form-item>
+        <el-form-item label="管辖区域">
+          <el-select v-model="queryParams.province" clearable placeholder="请选择">
+            <el-option
+              v-for="(item,index) in cityList"
+              :key="item.ProID"
+              :label="item.name"
+              :value="index"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button size="small" type="primary" icon="search" @click="onSubmit">查询</el-button>
+          <el-button size="small" icon="refresh" @click="onReset">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <!--    表格数据-->
+    <div class="gva-table-box">
+      <!--      批量操作-->
+      <div class="gva-btn-list">
+        <el-button size="small" type="primary" icon="plus" @click="openDialog('add')">新增</el-button>
+        <el-popover v-model="deleteVisible" placement="top" width="160">
+          <p>确定要删除吗？</p>
+          <div style="text-align: right; margin-top: 8px;">
+            <el-button size="small" type="primary" link @click="deleteVisible = false">取消</el-button>
+            <el-button size="small" type="primary" @click="onDelete">确定</el-button>
+          </div>
+        </el-popover>
+      </div>
+      <!--      数据列表-->
+      <el-table :data="tableData" @selection-change="handleSelectionChange">
+        <el-table-column align="center" label="ID"  prop="user_id" sortable="custom" />
+        <el-table-column align="center" min-width="150" label="姓名" prop="nickname" />
+
+        <el-table-column align="center" label="开通时间" min-width="150" >
+          <template #default="scope">
+            {{formatDate(scope.row.CreatedAt)}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="手机号" min-width="150" prop="phone" />
+        <el-table-column align="center" label="负责区域" min-width="150">
+          <template #default="scope">
+            {{scope.row.province>-1?cityList[scope.row.province].name:'无'}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="域内市场助教" prop="assistant_num" />
+        <el-table-column align="center" label="域内市场学员" prop="student_num" />
+        <el-table-column align="center" label="课程订单" prop="course_num" />
+        <el-table-column align="center" label="佣金" prop="course_income" />
+        <el-table-column align="center" label="试卷订单" prop="exam_num" />
+        <el-table-column align="center" label="佣金" prop="exam_income" />
+
+        <el-table-column align="center" fixed="right" label="操作" width="200">
+          <template #default="scope">
+            <el-button
+              icon="view"
+              size="small"
+              type="primary"
+              link
+              @click="viewManagerFunc(scope.row)"
+            >查看</el-button>
+            <el-button
+              icon="delete"
+              size="small"
+              type="danger"
+              link
+              @click="processFunc(scope.row,3)"
+            >关闭</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="queryParams.page"
+          :page-size="queryParams.pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </div>
+    <!-- 新增&编辑 窗口-->git
+
+  </div>
+</template>
+<style scoped lang="scss">
+  .avatar-box{
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    border: 1px solid #dbdbdb;
+  }
+  .e-img{
+    width: 150px;
+    height: 100px;
+  }
+  .option-item{
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+  .button-box {
+    padding: 10px 20px;
+    .el-button {
+      float: right;
+    }
+  }
+  .warning {
+    color: #dc143c;
+  }
+</style>

src/view/marketManage/managerList/managerDetail.vue

@@ -0,0 +1,249 @@
+<script setup>
+// 引入依赖
+import api from '@/api/market'
+// import capi from '@/api/course'
+import custom from '@/utils/custom'
+import {formatDate} from '@/utils/format'
+// import { toSQLLine } from '@/utils/stringFun'
+// import WarningBar from '@/components/warningBar/warningBar.vue'
+// import coursePool from './components/coursePool.vue'
+// import exercisesPool from '@/view/course/components/exercisesPool.vue'
+import {ref,onMounted,provide } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+const router = useRouter()
+const route = useRoute()
+// 地区
+import cityList from '@/utils/city.json'
+// 变量
+const managerInfo = ref({})
+const imgs = ref([])
+// 生命周期
+onMounted(() => {
+  getManagerDetail()
+})
+// funstions
+async function getManagerDetail() {
+  const res = await api.getManagerDetail({managerId:route.params.id})
+  if(res.code === 0) {
+    managerInfo.value = res.data
+    // let teacher_cert = JSON.parse(res.data.teacher_cert)
+    // let skill_cert = JSON.parse(res.data.skill_cert)
+    // imgs.value = [...skill_cert,...teacher_cert]
+    // console.log(imgs.value)
+  }
+}
+const tip_text = ref('')
+const dialogVisible = ref(false)
+const a_type = ref(0)
+function actionFunc(type) {
+  dialogVisible.value = true
+  a_type.value = type
+  switch (type){
+    case 3:
+      tip_text.value = '是否同意该助教申请？';
+      break;
+    case 2:
+      tip_text.value = '是否拒绝该助教申请？';
+      break;
+  }
+}
+async function actionOk() { // 确认提交
+  const res = await api.teacherOperator({
+    teacher_id:managerInfo.value.user_id,
+    status:a_type.value
+  })
+  if(res.code === 0) {
+    ElMessage({
+      type: 'success',
+      message: res.msg
+    })
+    getManagerDetail()
+  }
+}
+function getStateName(state) {
+  let str = ''
+  switch (state){
+    case 1:
+        str = '待审核'
+      break;
+    case 2:
+        str = '已拒绝'
+      break;
+    case 3:
+        str = '已同意'
+      break;
+  }
+  return str
+}
+</script>
+<template>
+  <div>
+    助教详情
+    <!--    基本信息-->
+    <div class="gva-search-box">
+      <div class="baseInfo-box">
+        <div class="bb-item">
+          <img class="avatar" :src="managerInfo.avatar" alt="">
+        </div>
+        <div class="bb-item">
+          昵称：{{managerInfo.nickname}}
+        </div>
+        <div class="bb-item">
+          ID：{{managerInfo.user_id}}
+        </div>
+        <div class="bb-item">
+          注册时间：{{formatDate(managerInfo.CreatedAt)}}
+        </div>
+      </div>
+    </div>
+    <!--    详细信息-->
+    <div class="gva-table-box">
+      <div class="detail-info-box">
+        <div class="dib-row">
+          <div class="dib-item">
+            <div class="di-left">管理区域：</div>
+            <div class="di-right">{{managerInfo.province>-1?cityList[managerInfo.province].name:'无'}}</div>
+          </div>
+        </div>
+        <div class="dib-row">
+          <div class="dib-item">
+            <div class="di-left">身份证号码：</div>
+            <div class="di-right">{{managerInfo.id_card}}</div>
+          </div>
+          <div class="dib-item">
+            <div class="di-left">手机号码：</div>
+            <div class="di-right">{{managerInfo.phone}}</div>
+          </div>
+        </div>
+        <div class="dib-row">
+          <div class="dib-item">
+            <div class="di-left">域内助教人数：</div>
+            <div class="di-right">{{managerInfo.assistant_num}}</div>
+          </div>
+          <div class="dib-item">
+            <div class="di-left">域内学员人数：</div>
+            <div class="di-right">{{managerInfo.student_num}}</div>
+          </div>
+        </div>
+        <div class="dib-row">
+          <div class="dib-item">
+            <div class="di-left">课程总订单数：</div>
+            <div class="di-right">{{managerInfo.course_num}}</div>
+          </div>
+          <div class="dib-item">
+            <div class="di-left">课程总学费：</div>
+            <div class="di-right">{{managerInfo.course_income}}</div>
+          </div>
+          <div class="dib-item">
+            <div class="di-left">课程总佣金：</div>
+            <div class="di-right">{{managerInfo.course_income}}</div>
+          </div>
+        </div>
+        <div class="dib-row">
+          <div class="dib-item">
+            <div class="di-left">测试总订单数：</div>
+            <div class="di-right">{{managerInfo.exam_num}}</div>
+          </div>
+          <div class="dib-item">
+            <div class="di-left">测试总学费：</div>
+            <div class="di-right">{{managerInfo.exam_income}}</div>
+          </div>
+          <div class="dib-item">
+            <div class="di-left">测试总佣金：</div>
+            <div class="di-right">{{managerInfo.exam_income}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog
+      v-model="dialogVisible"
+      title="操作提醒"
+      width="30%"
+    >
+      <span>{{tip_text}}</span>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="actionOk">
+            确定
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+<style scoped lang="scss">
+  .action-box{
+    display: flex;
+    margin-top: 20px;
+    justify-content: center;
+    .a-btn{
+      background: rgb(60, 106, 112);
+      color: white;
+      padding: 10px 50px;
+      cursor: pointer;
+      margin: 10px;
+          border-radius: 5px;
+    }
+    .approved{
+
+    }
+    .refuse{
+      background: white !important;
+      color:rgb(60, 106, 112) !important;
+      border: 1px solid rgb(60, 106, 112) !important;
+    }
+  }
+  /*基本信息*/
+  .gva-search-box{
+    .baseInfo-box{
+      display: flex;
+      align-items: center;
+      //justify-content: space-around;
+      .bb-item{
+        margin: 10px 20px;
+        .avatar{
+          width: 50px;
+          height: 50px;
+          border-radius: 50%;
+          border: 1px solid #cdcdcd;
+        }
+      }
+    }
+  }
+  /*详细信息*/
+  .text{
+    color: red !important;
+  }
+  .state-text{
+    font-size: 15px;
+    color: gray;
+  }
+  .gva-table-box{
+    .detail-info-box{
+      .dib-row{
+        overflow: hidden;
+        .link-item{
+          color: #3C6A70 !important;
+          cursor: pointer;
+        }
+        .dib-item{
+          //color: gray;
+          padding: 10px 0;
+          display: flex;
+          float: left;
+          margin-right: 30px;
+          .di-left{
+          }
+          .img-css{
+            width: 100px;
+            height: 100px;
+            margin: 0 10px 10px 0;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+</style>