司导新页面

src/components/director/directorIndex.vue

@@ -169,7 +169,12 @@
           <li class="menu_item" :class="{'Fchecked':isChecked=='/directorGoodsList'}"  @click="isChecked='/directorGoodsList',CommonJump('directorGoodsList')">
             <i class="el-icon-menu"></i><span>产品列表</span>
           </li>
-
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/directorSetting'}"  @click="isChecked='/directorSetting',CommonJump('directorSetting')">
+            <i class="el-icon-menu"></i><span>基础设置</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/guideCarSiteList'}"  @click="isChecked='/guideCarSiteList',CommonJump('guideCarSiteList')">
+            <i class="el-icon-menu"></i><span>站点管理</span>
+          </li>
 
         </ul>
       </div>

src/components/director/directorSetting.vue

+<template>
+  <div v-loading="loading" class="directorSetting">
+    <div class="head-title">
+      <span class="point">基础设置</span>
+    </div>
+    <div class="content">
+      <el-form :model="addMsg"  ref="addMsg" label-width="160px">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>司导设置</span>
+          </div>
+          <div>
+            <el-form-item label="订单状态">
+              <div  flex="dir:left wrap:wrap">
+                <div v-for="item in addMsg.OrderStateList" :key="item.Id" style="margin-right: 15px" flex="dir:left">
+                  <span>{{item.Id}}：</span>
+                  <el-input style="width:100px"  placeholder="请输入" size="small" v-model="item.Name" ></el-input>
+                </div>
+              </div>
+
+
+            </el-form-item>
+            <el-form-item label="是否需二次确认">
+              <el-radio v-model="addMsg.IsConfirm" :label="1">是</el-radio>
+              <el-radio v-model="addMsg.IsConfirm" :label="2" >否</el-radio>
+            </el-form-item>
+            <el-form-item label="详情页面链接">
+              <el-input style="width:350px"  placeholder="请输入" size="small" v-model="addMsg.PagePath">
+                <el-button slot="append"  @click="isShowLink=true">选择链接</el-button>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="提前预定天数">
+              <el-input style="width:350px"  placeholder="请输入" size="small" v-model="addMsg.AdvanceDay">
+                <el-button slot="append">
+                  <span>天</span>
+                </el-button>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="提前取消的时间">
+              <el-input style="width:350px"  placeholder="请输入" size="small" v-model="addMsg.CancelHour">
+                <el-button slot="append">
+                  <span>小时</span>
+                </el-button>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="保险名称">
+              <el-input style="width:350px"  placeholder="请输入" size="small" v-model="addMsg.InsuranceName"></el-input>
+            </el-form-item>
+            <el-form-item label="成本价格">
+              <el-input style="width:350px"  type="number"  min="0"  placeholder="请输入" size="small" v-model="addMsg.CostPrice">
+                <el-button slot="append">
+                  <span>元</span>
+                </el-button>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="销售价格">
+              <el-input style="width:350px"   type="number" min="0"  placeholder="请输入" size="small" v-model="addMsg.SalePrice">
+                <el-button slot="append">
+                  <span>元</span>
+                </el-button>
+              </el-input>
+            </el-form-item>
+
+          </div>
+        </el-card>
+        <el-card style="margin-top:20px" shadow="never">
+          <div slot="header" class="clearfix">
+            <span>保险描述</span>
+          </div>
+          <el-row>
+            <el-col :span="242">
+              <UE style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true" ref="ue"></UE>
+            </el-col>
+          </el-row>
+        </el-card>
+      </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="isShowLink" width="800px">
+      <chooseMenu ref="chooseMenu">
+      </chooseMenu>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="isShowLink=false">取 消</el-button>
+        <el-button size="small" type="danger" @click="getMenu()" :v-loading="saveload">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  import chooseMenu from "../common/chooseMenu.vue";
+  import UE from "@/components/global/UE.vue";
+
+  export default {
+    components: {
+      chooseMenu,
+      UE,
+    },
+    data() {
+
+      return {
+        loading: false,
+        isShowLink:false,
+        saveload:false,
+        addMsg: {
+        },
+        SettlementType:[],
+        WithdrawWayList:[],
+        dialogVisible: false,
+        getGradeByTypeList:[],
+        defaultMsg: "",
+        config: {
+          initialFrameWidth: null,
+          initialFrameHeight: 350
+        },
+      };
+    },
+    created() {
+
+      this.getData();
+    },
+    methods: {
+      getGradeByType(num){
+        this.apipost("/api/user/GetGradeByType",{GradeType:num}, res => {
+          if(res.data.resultCode==1){
+            this.getGradeByTypeList=res.data.data;
+          }
+        })
+      },
+      getMenu() {
+        //调用子组件方法
+        var obj = this.$refs.chooseMenu.getChooseMenu();
+        this.addMsg.PagePath = obj.PageUrl;
+        this.isShowLink = false;
+      },
+      Save(formName) {
+        if(this.addMsg.AdvanceDay=='' || this.addMsg.AdvanceDay<1){
+          this.Error('提前预定天数不能小于1')
+          return false
+        }
+        this.$refs[formName].validate((valid) => {
+
+          if (valid) {
+            let content = this.$refs.ue.getUEContent();
+            this.addMsg.InsuranceDescription = content;
+            let cmd = "/api/GuideCar/SetGuideCarInfo";
+            this.saveload = true
+            this.apipost(cmd, this.addMsg,
+              res => {
+                this.saveload = false
+
+                if (res.data.resultCode === 1) {
+                  this.Success(res.data.message);
+                  this.getData();
+                } else {
+                  this.Error(res.data.message);
+                }
+              },
+              null
+            );
+          } else {
+            return false;
+          }
+        });
+      },
+
+
+
+
+      getData() {
+        this.loading = true;
+        this.apipost("/api/GuideCar/GetGuideCarInfo", {}, res => {
+          this.loading = false;
+          if (res.data.resultCode == 1) {
+            this.addMsg = res.data.data;
+            if (this.addMsg.InsuranceDescription && this.addMsg.InsuranceDescription != "") {
+              this.defaultMsg = this.addMsg.InsuranceDescription;
+            }
+          }
+        })
+      },
+
+
+
+
+
+
+    },
+    mounted() {
+
+    }
+  };
+
+</script>
+<style>
+  .directorSetting .app-gallery-item {
+    width: 100px;
+    height: 100px;
+    border: 1px solid #e3e3e3;
+    border-radius: 2px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    position: relative;
+  }
+
+  .directorSetting .el-form-item .topelzk {
+    top: 12px !important;
+  }
+
+  .directorSetting .el-form-item .elzk {
+    position: absolute;
+    left: -25px;
+    top: 8px;
+  }
+
+  .directorSetting .el-checkbox-group {
+    display: inline-block;
+  }
+
+  .directorSetting .nocommonLabel .el-form-item__label {
+    margin-top: 0px;
+    padding-right: 30px;
+  }
+
+  .directorSetting .commonLabel .el-form-item__label {
+    margin-top: -4px;
+  }
+
+  .directorSetting .discount .el-form-item__label {
+    padding-right: 30px;
+    margin-top: -4px;
+  }
+
+  .directorSetting .blue {
+    color: #409EFF;
+
+  }
+
+  .directorSetting .content {
+    margin-top: 10px;
+    box-sizing: border-box;
+  }
+
+</style>

src/components/director/guideCarSiteList.vue

+<template>
+  <div class="guideCarSiteList">
+    <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:250px">
+            <el-input style="display:inline-block;width:225px;height:30px"
+                      placeholder="请输入站点名称搜索"
+                      v-model="msg.SiteName"
+                      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="SiteName"
+          label="站点名称">
+        </el-table-column>
+
+
+
+        <el-table-column
+          prop="RegionList"
+          label="地区">
+          <template slot-scope="scope">
+            <el-tag v-for="(item,index) in scope.row.RegionList"  :key="index">{{item}}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="SiteName"
+          width="130"
+          label="是否开启">
+          <template slot-scope="scope">
+            <el-switch v-model="scope.row.IsEnable" active-color="#409EFF" :active-value="1"
+                       :inactive-value="0" @change="changeEnabled(scope.row)">
+            </el-switch>
+          </template>
+        </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: "guideCarSiteList",
+    data(){
+      return{
+        msg:{
+          pageIndex:1,
+          pageSize:20,
+          SiteName:'',
+        },
+        tableData:[],
+        count:0,
+        loading:false
+      }
+    },
+    created(){
+      this.getDateList();
+
+    },
+    methods:{
+      getDateList(){
+        this.loading=true;
+        this.apipost("/api/GuideCar/GetGuideCarSiteList", 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('/addSite');
+
+      },
+
+      Edit(row){
+        this.$router.push({
+          name: 'addCoupon',
+          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);
+              }
+            },
+          );
+        });
+      },
+      changeEnabled(item){
+        // this.apipost("/api/MallBase/AddOrUpdateIsEnable",{Id:item.ID,IsEnable:item.IsEnable}, res => {
+        //   if(res.data.resultCode==1){
+        //     this.Success(res.data.message)
+        //     this.getList()
+        //   }
+        // })
+      },
+      getList(){
+        this.msg.pageIndex = 1
+        this.getDateList()
+      },
+
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getDateList();
+      },
+    },
+  }
+</script>
+
+<style >
+  .guideCarSiteList .el-card__header{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+
+  }
+  .guideCarSiteList .el-button--small{
+    padding: 9px 15px;
+  }
+  .guideCarSiteList .content .searchInput{
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    margin-left: 20px;
+  }
+  .guideCarSiteList .content .searchInput .el-input__inner{
+    border:none;outline:none;
+    height: 30px;
+    line-height: 30px;
+  }
+  .guideCarSiteList .content .searchInput{
+    line-height: normal;
+    display: inline-table;
+    border-collapse: separate;
+    border-spacing: 0;
+    width:250px;
+  }
+  .guideCarSiteList .content{
+    background: #fff;
+    margin-top:10px;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+</style>

src/router/index.js

@@ -167,6 +167,12 @@ export default new Router({
       name: 'directorIndex',
       component: resolve => require(['@/components/director/directorIndex'], resolve),
       children: [
+        //司导专区 基础设置
+        {
+          path: '/directorSetting',
+          name: 'directorSetting',
+          component: resolve => require(['@/components/director/directorSetting'], resolve),
+        },
         //司导专区 产品列表
         {
           path: '/directorGoodsList',
@@ -179,6 +185,18 @@ export default new Router({
           name: 'directorGoodsEdit',
           component: resolve => require(['@/components/director/directorGoodsEdit'], resolve),
         },
+        //司导专区 站点列表
+        {
+          path: '/guideCarSiteList',
+          name: 'guideCarSiteList',
+          component: resolve => require(['@/components/director/guideCarSiteList'], resolve),
+        },
+        //司导专区 站点的新增和修改
+        {
+          path: '/addSite',
+          name: 'addSite',
+          component: resolve => require(['@/components/director/addSite'], resolve),
+        },
 
       ]
     },