司导页面

src/components/director/addCarBrand.vue

+<template>
+  <div v-loading="loading" class="addCarBrand">
+    <div class="head-title">
+      <span @click="CommonJump('directorCarBrandList')" class="blue point">车辆管理</span> / 编辑车辆管理
+    </div>
+    <div class="content">
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px" style="width:50%">
+
+        <el-form-item label="车辆名称" prop="Name" class="is-required">
+          <el-input v-model="addMsg.Name" placeholder="请输入车辆名称" />
+        </el-form-item>
+
+        <el-form-item label="LOGO" class="is-required">
+          <el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
+          <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
+            <img v-if="!addMsg.BrandLogo || addMsg.BrandLogo==''"
+                 src="../../assets/img/default.png" style="width:80px;height:80px" alt="">
+            <img v-else style="width:80px;height:80px" :src="addMsg.BrandLogo"
+                 alt="">
+          </div>
+        </el-form-item>
+
+      </el-form>
+    </div>
+    <div style="margin-top:20px">
+      <el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button>
+    </div>
+
+    <!-- 选择文件 -->
+    <el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
+      <ChooseImg  @SelectId="SelectId"></ChooseImg>
+    </el-dialog>
+  </div>
+
+</template>
+<script>
+  import ChooseImg from "@/components/global/ChooseImg.vue";
+
+  export default {
+    components: {
+      ChooseImg,
+    },
+    data() {
+      return {
+        addMsg: {
+          ID: 0,
+          BrandLogo:'',
+          Name:'',
+        },
+        Picindex:0,
+        rules: {
+
+          Name: [{
+            required: true,
+            message: '请输入品牌名称',
+            trigger: 'blur'
+          }],
+        },
+
+        loading: false,
+        changeState:false,
+        imgType:0,
+      };
+    },
+    created() {
+
+      if(this.$route.query.ID){
+        this.getData(this.$route.query.ID)
+      }
+
+    },
+    methods: {
+
+      SelectId(msg){
+        if(this.imgType==1){
+          let url  = this.getIconLink(msg.url)
+          this.addMsg.BrandLogo = url
+        }
+        this.changeState = false;
+      },
+
+      openChangeDig(num) {
+
+        this.changeState = true;
+        this.imgType=num;
+      },
+      Save(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            if(this.addMsg.BrandLogo==''){
+              this.Error('请上传品牌Logo')
+              return false
+            }
+
+
+
+            this.apipost("/api/GuideCar/AddOrUpdateGuideCarBrand", this.addMsg, res => {
+              if (res.data.resultCode == 1) {
+                this.CommonJump('directorCarBrandList');
+                this.Success(res.data.message);
+              } else {
+                this.Error(res.data.message);
+              }
+            })
+          } else {
+            return false;
+          }
+        });
+      },
+
+
+      getData(ID) {
+        this.loading = true;
+        this.apipost("/api/GuideCar/GetGuideCarBrandModel", {
+          ID: ID
+        }, res => {
+          this.loading = false;
+          this.addMsg = res.data.data;
+
+        })
+      },
+
+
+    },
+    mounted() {
+    }
+  };
+</script>
+<style>
+  .app-add-cat .el-checkbox-group {
+    font-size: 14px !important;
+  }
+
+  .app-add-cat .el-checkbox {
+    margin-right: 0;
+  }
+
+  .app-add-cat .el-dialog__body {
+    padding: 10px 20px !important;
+  }
+
+  .app-add-cat .tag-box .tag-item {
+    margin-right: 5px;
+  }
+
+  .app-add-cat .tag-box {
+    margin: 20px 0;
+  }
+
+  .app-add-cat .app-goods-cat-list .active {
+    background: #FAFAFA;
+  }
+
+  .app-add-cat .app-goods-cat-list .cat-item {
+    cursor: pointer;
+    padding: 5px 10px;
+  }
+
+  .app-add-cat .app-goods-cat-list {
+    border: 1px solid #E8EAEE;
+    border-radius: 5px;
+    margin-top: -5px;
+    padding: 10px 0;
+    overflow: scroll;
+    height: 400px;
+  }
+
+
+
+  .addCarBrand .blue {
+    color: #409EFF;
+
+  }
+
+  .addCarBrand .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+  .addCarBrand .gez_list{
+    /*width: 650px;*/
+    margin-bottom: 12px;
+    padding: 20px;
+    border: 1px solid #EBEEF5;
+    background-color: #FFF;
+    color: #303133;
+
+  }
+  .addCarBrand .quyu{
+    background-color: #f4f4f5;
+    color: #909399;
+    padding: 10px;
+    line-height: 30px;
+    height: 30px;
+    font-size: 12px;
+    border-radius: 4px;
+    white-space: nowrap;
+    margin: 5px;
+  }
+
+
+</style>

src/components/director/addGuide.vue

+<template>
+  <div v-loading="loading" class="addGuide">
+    <div class="head-title">
+      <span @click="CommonJump('directorGuideList')" class="blue point">导游管理</span> / 编辑导游管理
+    </div>
+    <div class="content">
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px" style="width:60%">
+
+        <el-form-item label="导游名称" prop="Name" class="is-required">
+          <el-input v-model="addMsg.Name" placeholder="请输入站点名称" />
+        </el-form-item>
+
+        <el-form-item label="用户头像">
+            <el-tooltip class="item" effect="dark" content="建议尺寸100*100" placement="top">
+              <el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
+            </el-tooltip>
+            <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
+              <img v-if="!addMsg.GuidePhoto || addMsg.GuidePhoto==''"
+                   src="../../assets/img/default.png" style="width:80px;height:80px" alt="">
+              <img v-else style="width:80px;height:80px" :src="addMsg.GuidePhoto"
+                   alt="">
+            </div>
+        </el-form-item>
+
+        <el-form-item label="工作年限" prop="WorkYears" class="is-required">
+          <el-input v-model="addMsg.WorkYears" placeholder="请输入工作年限" />
+        </el-form-item>
+        <el-form-item label="站点" prop="SiteId" class="is-required">
+          <el-select class="w120"  v-model="addMsg.SiteId" size="small"
+                     placeholder="请选择">
+            <el-option v-for="item in CarSiteList" :key="item.ID" :label="item.SiteName" :value="item.ID">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="联系电话" prop="Telephone" class="is-required">
+          <el-input v-model="addMsg.Telephone" placeholder="请输入联系电话" type="number"/>
+        </el-form-item>
+        <el-form-item label="紧急联系电话" prop="EmergencyPhone" class="is-required">
+          <el-input v-model="addMsg.EmergencyPhone" placeholder="请输入紧急联系电话" type="number"/>
+        </el-form-item>
+        <el-form-item label="简介" >
+          <UE style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true" ref="ue"></UE>
+        </el-form-item>
+
+      </el-form>
+    </div>
+    <div style="margin-top:20px">
+      <el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button>
+    </div>
+
+    <!-- 选择文件 -->
+    <el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
+      <ChooseImg  @SelectId="SelectId"></ChooseImg>
+    </el-dialog>
+  </div>
+
+</template>
+<script>
+  import ChooseImg from "@/components/global/ChooseImg.vue";
+  import UE from "@/components/global/UE.vue";
+
+  export default {
+    components: {
+      ChooseImg,
+      UE,
+    },
+    data() {
+      return {
+        addMsg: {
+          ID: 0,
+          Name:'',
+          GuidePhoto:'',
+          WorkYears:0,
+          SiteId:'',
+          Telephone:'',
+          EmergencyPhone:'',
+          Introduction:'',
+        },
+        defaultMsg: "",
+        config: {
+          initialFrameWidth: null,
+          initialFrameHeight: 350
+        },
+        rules: {
+
+          Name: [{
+            required: true,
+            message: '请输入导游名称',
+            trigger: 'blur'
+          }],
+          WorkYears: [{
+            required: true,
+            message: '请输入工作年限名称',
+            trigger: 'blur'
+          }],
+          Telephone: [{
+            required: true,
+            message: '请输入联系电话名称',
+            trigger: 'blur'
+          }],
+          EmergencyPhone: [{
+            required: true,
+            message: '请输入紧急联系电话名称',
+            trigger: 'blur'
+          }],
+
+        },
+        loading: false,
+        CarSiteList:[],
+        changeState:false,
+        imgType:0,
+      };
+    },
+    created() {
+
+      if(this.$route.query.ID){
+        this.getData(this.$route.query.ID)
+      }
+      this.getAllGuideCarSiteList()//获取站点下拉
+    },
+    methods: {
+
+      SelectId(msg){
+        if(this.imgType==1){
+          let url  = this.getIconLink(msg.url)
+          this.addMsg.GuidePhoto = url
+        }
+
+        this.changeState = false;
+      },
+      openChangeDig(num) {
+        this.changeState = true;
+        this.imgType=num;
+      },
+      Save(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            if(this.addMsg.GuidePhoto==''){
+              this.Error('请上传头像')
+              return false
+            }
+            if(this.addMsg.teId==''){
+              this.Error('请选择站点')
+              return false
+            }
+            let content = this.$refs.ue.getUEContent();
+            this.addMsg.Introduction = content;
+            this.apipost("/api/GuideCar/AddOrUpdateGuideCarGuide", this.addMsg, res => {
+              if (res.data.resultCode == 1) {
+                this.CommonJump('directorGuideList');
+                this.Success(res.data.message);
+              } else {
+                this.Error(res.data.message);
+              }
+            })
+          } else {
+            return false;
+          }
+        });
+      },
+      getAllGuideCarSiteList(){
+        this.apipost("/api/GuideCar/GetAllGuideCarSiteList", {}, res => {
+          if (res.data.resultCode == 1) {
+            this.CarSiteList = res.data.data
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
+
+
+
+      getData(ID) {
+        this.loading = true;
+        this.apipost("/api/GuideCar/GetGuideCarGuideModel", {
+          ID: ID
+        }, res => {
+          this.loading = false;
+          this.addMsg = res.data.data;
+          if (this.addMsg.Introduction && this.addMsg.Introduction != "") {
+            this.defaultMsg = this.addMsg.Introduction;
+          }
+        })
+      },
+    },
+    mounted() {
+    }
+  };
+</script>
+<style>
+  .app-add-cat .el-checkbox-group {
+    font-size: 14px !important;
+  }
+
+  .app-add-cat .el-checkbox {
+    margin-right: 0;
+  }
+
+  .app-add-cat .el-dialog__body {
+    padding: 10px 20px !important;
+  }
+
+  .app-add-cat .tag-box .tag-item {
+    margin-right: 5px;
+  }
+
+  .app-add-cat .tag-box {
+    margin: 20px 0;
+  }
+
+  .app-add-cat .app-goods-cat-list .active {
+    background: #FAFAFA;
+  }
+
+  .app-add-cat .app-goods-cat-list .cat-item {
+    cursor: pointer;
+    padding: 5px 10px;
+  }
+
+  .app-add-cat .app-goods-cat-list {
+    border: 1px solid #E8EAEE;
+    border-radius: 5px;
+    margin-top: -5px;
+    padding: 10px 0;
+    overflow: scroll;
+    height: 400px;
+  }
+
+  .addGuide .tip {
+    margin-left: 10px;
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    color: #ff4544;
+    background-color: #FEF0F0;
+    padding: 0 20px;
+    border-radius: 5px;
+  }
+
+  .addGuide .app-image {
+    background-size: cover;
+    background-position: center center;
+    width: 80px;
+    height: 80px;
+    border-radius: 0%;
+  }
+
+  .addGuide .setTable .el-table__body .cell {
+    display: flex;
+    align-items: center;
+
+  }
+
+  .addGuide .commonLabel .el-form-item__label {
+    margin-top: -4px;
+  }
+
+  .addGuide .discount .el-form-item__label {
+    padding-right: 30px;
+    margin-top: -4px;
+  }
+
+  .addGuide .el-form-item .elzk {
+    position: absolute;
+    left: -25px;
+    top: 8px;
+  }
+
+  .addGuide .el-form-item {
+    position: relative;
+  }
+
+  .addGuide .blue {
+    color: #409EFF;
+
+  }
+
+  .addGuide .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+  .addGuide .gez_list{
+    width: 650px;
+    margin-bottom: 12px;
+    padding: 20px;
+    border: 1px solid #EBEEF5;
+    background-color: #FFF;
+    color: #303133;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+  }
+  .addGuide .quyu{
+    background-color: #f4f4f5;
+    color: #909399;
+    padding: 10px;
+    line-height: 30px;
+    height: 30px;
+    font-size: 12px;
+    border-radius: 4px;
+    white-space: nowrap;
+    margin: 5px;
+  }
+  .addGuide .imgstyle{
+    width: 32px;
+    height: 32px;
+    margin: 0 5px;
+  }
+</style>

src/components/director/directorCarBrandList.vue

+<template>
+  <div class="directorCarBrandList">
+    <div class="el-card__header">
+      <span>车辆品牌管理</span>
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <el-button type="primary" class="el-button--small" @click="addRecharge">新增</el-button>
+      </div>
+    </div>
+    <div class="content">
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <div class="block" >
+          <div class="searchInput" style="width:200px">
+            <el-input style="display:inline-block;width:170px;height:30px"
+                      placeholder="请输入车辆品牌搜索"
+                      v-model="msg.Name"
+                      size="small"
+                      @clear="getList"
+                      @keyup.enter.native="getList"
+                      clearable>
+            </el-input>
+            <span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+    <div style="padding: 20px;background: #fff;">
+      <el-table
+        :data="tableData"
+        header-cell-class-name="headClass"
+        style="width: 100%"
+        border
+      >
+
+        <el-table-column
+          prop="ID"
+          label="ID"
+          width="100">
+        </el-table-column>
+
+        <el-table-column
+          prop="BrandLogo"
+          label="车辆图片">
+          <template slot-scope="scope">
+            <img :src="scope.row.BrandLogo" alt="" style="width: 100px;height: 100px">
+          </template>
+        </el-table-column>
+
+
+        <el-table-column
+          prop="Name"
+          label="名称"
+        >
+        </el-table-column>
+
+        <el-table-column
+          fixed="right"
+          label="操作"
+          width="180"
+        >
+          <template slot-scope="scope">
+
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top" >
+              <img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top" >
+              <img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right"
+           background
+           @current-change="handleCurrentChange"
+           :page-size="msg.pageSize"
+           layout="prev, pager, next"
+           :current-page.sync="msg.pageIndex"
+           :total="count">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "directorCarBrandList",
+    data(){
+      return{
+        msg:{
+          pageIndex:1,
+          pageSize:20,
+          Name:'',
+
+        },
+        dateList:[],
+        tableData:[],
+        count:0,
+        loading:false,
+
+      }
+    },
+    created(){
+      this.getDateList();
+    },
+    methods:{
+      getDateList(){
+        this.loading=true;
+        this.apipost("/api/GuideCar/GetGuideCarBrandPageList", this.msg, res => {
+          this.loading=false;
+          if(res.data.resultCode==1){
+            this.tableData = res.data.data.pageData;
+            this.count = res.data.data.count;
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+
+
+      addRecharge(){
+        this.$router.push('/addCarBrand');
+      },
+
+      Edit(row){
+        this.$router.push({
+          name: 'addCarBrand',
+          query: {
+            ID:row.ID,
+            blank: "y"
+          }
+        });
+      },
+      delete_b(row){
+        let that=this;
+        that.Confirm("是否删除?", function () {
+          that.apipost(
+            "/api/GuideCar/DelGuideCarBrandInfo",
+            {Ids:row.ID},
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getDateList();
+              } else {
+                that.Error(res.data.message);
+              }
+            },
+          );
+        });
+      },
+
+
+
+
+      getList(){
+        this.msg.pageIndex = 1
+        this.getDateList()
+      },
+
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getDateList();
+      },
+    },
+  }
+</script>
+
+<style >
+  .directorCarBrandList .el-card__header{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+
+  }
+  .directorCarBrandList .el-button--small{
+    padding: 9px 15px;
+  }
+  .directorCarBrandList .content .searchInput{
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    /*margin-left: 10px;*/
+  }
+  .directorCarBrandList .content .searchInput .el-input__inner{
+    border:none;outline:none;
+    height: 30px;
+    line-height: 30px;
+  }
+  .directorCarBrandList .content .searchInput{
+    line-height: normal;
+    display: inline-table;
+    border-collapse: separate;
+    border-spacing: 0;
+    width:250px;
+  }
+  .directorCarBrandList .content{
+    background: #fff;
+    margin-top:10px;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+  .directorCarBrandList .el-tag{
+    margin-right: 5px;
+  }
+  .directorCarBrandList .app-image{
+    background-position: center center;
+    width: 50px;
+    height: 50px;
+    border-radius:0%;
+    float: left;
+    margin-right: 8px;
+  }
+</style>

src/components/director/directorCarList.vue

+<template>
+  <div class="directorCarList">
+    <div class="el-card__header">
+      <span>车辆管理</span>
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <el-button type="primary" class="el-button--small" @click="addRecharge">新增</el-button>
+      </div>
+    </div>
+    <div class="content">
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <div class="block" >
+          <div class="searchInput" style="width:200px">
+            <el-input style="display:inline-block;width:170px;height:30px"
+                      placeholder="请输入车辆名称搜索"
+                      v-model="msg.Name"
+                      size="small"
+                      @clear="getList"
+                      @keyup.enter.native="getList"
+                      clearable>
+            </el-input>
+            <span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+          </div>
+
+          <span style="margin-left:15px">品牌：</span>
+          <el-select class="w120" @change="msg.pageIndex=1,getList()" v-model="msg.CarBrand" size="small" placeholder="请选择">
+            <el-option label="不限" :value='0'></el-option>
+            <el-option v-for="item in CarBrandList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
+          </el-select>
+          <span style="margin-left:15px">分类：</span>
+          <el-select class="w120" @change="msg.pageIndex=1,getList()" v-model="msg.CarClass" size="small"  placeholder="请选择">
+            <el-option label="不限" :value='0'></el-option>
+            <el-option v-for="item in CarClassList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
+          </el-select>
+
+
+        </div>
+
+      </div>
+    </div>
+
+
+    <div style="padding: 20px;background: #fff;">
+      <el-table
+        :data="tableData"
+        header-cell-class-name="headClass"
+        style="width: 100%"
+        border
+      >
+
+        <el-table-column
+          prop="ID"
+          label="ID"
+          width="100">
+        </el-table-column>
+
+        <el-table-column
+          prop="Name"
+          label="车辆信息">
+          <template slot-scope="scope">
+            <div class="app-image" :style="{backgroundImage:'url(' + scope.row.CarLogo + ')',backgroundSize:'cover'}"></div>
+            <div flex="dir:left cross:center">
+              {{scope.row.CarBrand}}
+            </div>
+          </template>
+        </el-table-column>
+
+
+        <el-table-column
+          prop="CarType"
+          label="型号"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="CarClassStr"
+          label="分类"
+          width="120">
+        </el-table-column>
+        <el-table-column
+          prop="ColorList"
+          label="车辆颜色">
+          <template slot-scope="scope">
+            <el-button v-for="(x, index2) in scope.row.ColorList" :key="index2" size="mini" @click="showImg(x)">{{x.ColorName}}</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="GoodsNum"
+          width="100"
+          label="商品数">
+        </el-table-column>
+        <el-table-column
+          prop="OrderNum"
+          width="100"
+          label="订单数">
+        </el-table-column>
+        <el-table-column
+          prop="GuestNum"
+          width="100"
+          label="可乘人数">
+        </el-table-column>
+        <el-table-column
+          fixed="right"
+          label="操作"
+          width="180"
+        >
+          <template slot-scope="scope">
+
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top" >
+              <img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">
+            </el-tooltip>
+            <!--            <el-tooltip class="item" effect="dark" content="删除" placement="top" >-->
+            <!--              <img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">-->
+            <!--            </el-tooltip>-->
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right"
+                     background
+                     @current-change="handleCurrentChange"
+                     :page-size="msg.pageSize"
+                     layout="prev, pager, next"
+                     :current-page.sync="msg.pageIndex"
+                     :total="count">
+      </el-pagination>
+    </div>
+    <el-dialog :title="itemdata.ColorName+'车辆'" :visible.sync="changeState" width="1240px">
+        <div style="display: flex;flex-direction: row;flex-wrap: wrap;">
+          <img v-for="(x, index) in itemdata.CarPic" :key="index" style="width:200px;height:200px;margin: 10px" :src="x" alt="">
+        </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "directorCarList",
+    data(){
+      return{
+        msg:{
+          pageIndex:1,
+          pageSize:20,
+          Name:'',
+          CarBrand:0,
+          CarClass:0,
+
+        },
+        changeState:false,
+        dateList:[],
+        CarClassList:[],
+        CarBrandList:[],
+
+        tableData:[],
+        count:0,
+        loading:false,
+        itemdata:{},
+        EnableMsg:{
+          Ids:'',
+          IsEnable:0,
+        },
+      }
+    },
+    created(){
+      this.getDateList();
+      this.getCarClassList()//获取车辆的分类
+      this.getGuideCarBrandList()//获取车辆品牌
+    },
+    methods:{
+      getDateList(){
+        this.loading=true;
+        this.apipost("/api/GuideCar/GetGuideCarPageList", this.msg, res => {
+          this.loading=false;
+          if(res.data.resultCode==1){
+            this.tableData = res.data.data.pageData;
+            this.count = res.data.data.count;
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+      getCarClassList(){
+        this.apipost("/api/GuideCar/GetCarClassList", {}, res => {
+          if(res.data.resultCode==1){
+            this.CarClassList = res.data.data;
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+      getGuideCarBrandList(){
+        this.apipost("/api/GuideCar/GetGuideCarBrandList", {}, res => {
+          if(res.data.resultCode==1){
+            this.CarBrandList = res.data.data;
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+
+      addRecharge(){
+        this.$router.push('/addCar');
+
+      },
+      showImg(item){//显示图片
+        this.changeState = true;
+
+        this.itemdata = item
+        this.itemdata.CarPic = JSON.parse(this.itemdata.CarPic)
+      },
+      Edit(row){
+        this.$router.push({
+          name: 'addCar',
+          query: {
+            ID:row.ID,
+            blank: "y"
+          }
+        });
+      },
+      delete_b(row){
+        let that=this;
+        that.Confirm("是否删除?", function () {
+          that.apipost(
+            "/api/GuideCar/DelGuideCarSiteInfo",
+            {Id:row.ID},
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getDateList();
+              } else {
+                that.Error(res.data.message);
+              }
+            },
+          );
+        });
+      },
+
+
+
+
+      getList(){
+        this.msg.pageIndex = 1
+        this.getDateList()
+      },
+
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getDateList();
+      },
+    },
+  }
+</script>
+
+<style >
+  .directorCarList .el-card__header{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+
+  }
+  .directorCarList .el-button--small{
+    padding: 9px 15px;
+  }
+  .directorCarList .content .searchInput{
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    /*margin-left: 10px;*/
+  }
+  .directorCarList .content .searchInput .el-input__inner{
+    border:none;outline:none;
+    height: 30px;
+    line-height: 30px;
+  }
+  .directorCarList .content .searchInput{
+    line-height: normal;
+    display: inline-table;
+    border-collapse: separate;
+    border-spacing: 0;
+    width:250px;
+  }
+  .directorCarList .content{
+    background: #fff;
+    margin-top:10px;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+  .directorCarList .el-tag{
+    margin-right: 5px;
+  }
+  .directorCarList .app-image{
+    background-position: center center;
+    width: 50px;
+    height: 50px;
+    border-radius:0%;
+    float: left;
+    margin-right: 8px;
+  }
+</style>

src/components/director/directorIndex.vue

@@ -175,6 +175,15 @@
           <li class="menu_item" :class="{'Fchecked':isChecked=='/guideCarSiteList'}"  @click="isChecked='/guideCarSiteList',CommonJump('guideCarSiteList')">
             <i class="el-icon-menu"></i><span>站点管理</span>
           </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/directorGuideList'}"  @click="isChecked='/directorGuideList',CommonJump('directorGuideList')">
+            <i class="el-icon-menu"></i><span>导游管理</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/directorCarList'}"  @click="isChecked='/directorCarList',CommonJump('directorCarList')">
+            <i class="el-icon-menu"></i><span>车辆管理</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/directorCarBrandList'}"  @click="isChecked='/directorCarBrandList',CommonJump('directorCarBrandList')">
+            <i class="el-icon-menu"></i><span>车辆品牌管理</span>
+          </li>
 
         </ul>
       </div>

src/components/orderMan/customerEvaluation.vue

@@ -34,7 +34,7 @@
                 <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
                     <img v-if="!addMsg.userPath || addMsg.userPath==''"
                     src="../../assets/img/default.png" style="width:80px;height:80px" alt="">
-                    <img style="width:80px;height:80px" :src="addMsg.userPath"
+                    <img v-else style="width:80px;height:80px" :src="addMsg.userPath"
                     alt="">
                 </div>
             </el-form-item>
@@ -55,7 +55,7 @@
                 <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
                     <img v-if="!addMsg.pjPath || addMsg.pjPath==''"
                     src="../../assets/img/default.png" style="width:80px;height:80px" alt="">
-                    <img style="width:80px;height:80px" :src="addMsg.pjPath"
+                    <img v-else style="width:80px;height:80px" :src="addMsg.pjPath"
                     alt="">
                 </div>
             </el-form-item>

src/router/index.js

@@ -197,6 +197,42 @@ export default new Router({
           name: 'addSite',
           component: resolve => require(['@/components/director/addSite'], resolve),
         },
+        //司导专区 导游列表
+        {
+          path: '/directorGuideList',
+          name: 'directorGuideList',
+          component: resolve => require(['@/components/director/directorGuideList'], resolve),
+        },
+        //司导专区 导游新增与修改
+        {
+          path: '/addGuide',
+          name: 'addGuide',
+          component: resolve => require(['@/components/director/addGuide'], resolve),
+        },
+        //司导专区 车辆管理
+        {
+          path: '/directorCarList',
+          name: 'directorCarList',
+          component: resolve => require(['@/components/director/directorCarList'], resolve),
+        },
+        //司导专区 车辆编辑
+        {
+          path: '/addCar',
+          name: 'addCar',
+          component: resolve => require(['@/components/director/addCar'], resolve),
+        },
+        //司导专区 车辆品牌
+        {
+          path: '/directorCarBrandList',
+          name: 'directorCarBrandList',
+          component: resolve => require(['@/components/director/directorCarBrandList'], resolve),
+        },
+        //司导专区 品牌修改
+        {
+          path: '/addCarBrand',
+          name: 'addCarBrand',
+          component: resolve => require(['@/components/director/addCarBrand'], resolve),
+        },
 
       ]
     },