diff --git a/src/components/Header.vue b/src/components/Header.vue
index dd42068..6a85fb8 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -74,8 +74,8 @@ export default {
     },
     initSocket ({ id, account }) {
       // 实例化socket
-      // this.socket = new WebSocket(`ws://${Setting.isDev ? '192.168.31.51' : location.host}:9100/nakadai/websocket/${id}/${account}`)
-      this.socket = new WebSocket(`ws://121.37.12.51:9100/nakadai/websocket/${id}/${account}`)
+      this.socket = new WebSocket(`wss://${Setting.isDev ? '192.168.31.51' : location.host}/nakadai/websocket/${id}/${account}`)
+      // this.socket = new WebSocket(`ws://121.37.12.51:9100/nakadai/websocket/${id}/${account}`)
       // 监听socket连接
       this.socket.onopen = this.open;
       // 监听socket错误信息
diff --git a/src/components/codemirror.vue b/src/components/codemirror.vue
index 3ad9798..7a8cf69 100644
--- a/src/components/codemirror.vue
+++ b/src/components/codemirror.vue
@@ -1,37 +1,45 @@
 <template>
   <div class="wrap">
     <div class="left">
-      <codemirror
-        v-model="codeVal"
-        :options="cmOption"
-        class="code-mirror"
-        @ready="ready"
-        ref="codemirror"
-      ></codemirror>
-      <el-button
-        class="run btn"
-        type="primary"
-        @click="runCode"
-      >运行</el-button>
+      <codemirror v-model="codeVal"
+                  :options="cmOption"
+                  class="code-mirror"
+                  @ready="ready"
+                  ref="codemirror"></codemirror>
+      <el-button class="run btn"
+                 type="primary"
+                 @click="runCode">运行</el-button>
     </div>
     <div class="code-right answer">
       <p class="text-wrapper">{{ runResult }}</p>
-      <div class="pic-wrap" v-if="picSrcList.length">
-        <div class="pic-item" v-for="(img, i) in picSrcList" :key="i">
-          <el-image 
-            class="pic"
-            :src="img" 
-            :preview-src-list="picSrcList">
+      <div class="pic-wrap"
+           v-if="picSrcList.length">
+        <div class="pic-item"
+             v-for="(img, i) in picSrcList"
+             :key="i">
+          <el-image class="pic"
+                    :src="img"
+                    :preview-src-list="picSrcList">
           </el-image>
-          <el-button class="download-btn btn" type="primary" size="mini" @click="downloadPic(i)">下载图片</el-button>
-          <a :ref="'picLink' + i" style="display: none;" download="运行结果.png" :href="img">下载图片</a>
+          <el-button class="download-btn btn"
+                     type="primary"
+                     size="mini"
+                     @click="downloadPic(i)">下载图片</el-button>
+          <a :ref="'picLink' + i"
+             style="display: none;"
+             download="运行结果.png"
+             :href="img">下载图片</a>
         </div>
       </div>
-      <div class="result-right t-color" v-show="isError">
-        <img src="@/assets/img/yes.png" alt />运行成功
+      <div class="result-right t-color"
+           v-show="isError">
+        <img src="@/assets/img/yes.png"
+             alt />运行成功
       </div>
-      <div class="result-wrong" v-show="isError === 0">
-        <img src="@/assets/img/error.png" alt />
+      <div class="result-wrong"
+           v-show="isError === 0">
+        <img src="@/assets/img/error.png"
+             alt />
         第{{errLine}}行出现错误
       </div>
     </div>
@@ -82,7 +90,7 @@ import "codemirror/theme/base16-light.css";
 import { Loading } from 'element-ui';
 export default {
   props: ['code', 'codeId', 'projectId', 'retResult', 'readOnly'],
-  data() {
+  data () {
     return {
       codeVal: this.code,
       runResult: '', // 运行结果
@@ -122,25 +130,25 @@ export default {
     codemirror
   },
   watch: {
-    codeVal(val) {
+    codeVal (val) {
       this.$emit("update:code", val)
     }
   },
-  mounted() {
-    
+  mounted () {
+
   },
   methods: {
     // 页面加载完后重置编辑框大小
-    ready() {
+    ready () {
       const code = this.$refs.codemirror.codemirror
       code.setSize("auto", "calc(100vh - 370px)");
-      code.on('keypress', function() {
+      code.on('keypress', function () {
         // 显示智能提示
         code.showHint()
       });
     },
     // 运行代码
-    runCode() {
+    runCode () {
       let code = this.codeVal
       if (!code) {
         this.$message({
@@ -169,7 +177,7 @@ export default {
           let firtImg = ''
           try {
             imgList = eval(result)
-          } catch (error) {}
+          } catch (error) { }
           if (imgList && imgList.length) firtImg = imgList[0]
           // 如果是下载图片的代码，则要显示图片和运行结果，不用显示对错，换成显示下载图片
           if (photo) {
@@ -182,7 +190,7 @@ export default {
              * 这段是为要下载图片的项目案例写的，后端会返回图片名称的数组，前端负责循环这个数组，然后下载下来
              * 只有该系统有这段代码，因为其他7个系统没有下载图片的项目，后续如果加了，直接把这段代码复制过去即可
              */
-            imgList.map((n,i) => {
+            imgList.map((n, i) => {
               // util.downloadFile(`${i+1}.jpg`,n)
             })
             this.isError = 0
@@ -202,7 +210,7 @@ export default {
       }
     },
     // 下载图片
-    downloadPic(i) {
+    downloadPic (i) {
       this.$refs['picLink' + i][0].click()
     }
   }
@@ -211,176 +219,174 @@ export default {
 
 <style lang="scss" scoped>
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
+    width: 8px;
+    height: 8px;
 }
 ::-webkit-scrollbar-thumb {
-  width: 5px;
-  border-radius: 6px;
-  background: rgba(173,173,173,.7);
+    width: 5px;
+    border-radius: 6px;
+    background: rgba(173, 173, 173, 0.7);
 }
 .wrap {
-  display: flex;
+    display: flex;
+}
+.left {
+    position: relative;
+    width: calc(100% - 400px);
 }
-.left{
-  position: relative;
-  width: calc(100% - 400px);
+.code-mirror {
+    line-height: 30px;
 }
 .text-wrapper {
-  white-space: pre-wrap;
+    white-space: pre-wrap;
 }
 /deep/.answer {
-  .el-tab-pane {
-    padding: 0 10px;
-    height: 340px;
-    overflow: hidden;
-    overflow-y: auto;
-    white-space: pre-wrap;
-  }
-  .el-dialog--center {
-    width: 500px;
-    height: 500px;
-  }
-  .el-dialog__title {
-    font-size: 22px;
-    font-weight: 500;
-  }
-  .el-tabs__nav-wrap::after {
-    background-color: #333;
-  }
-  .el-tabs__active-bar {
-    height: 0;
-    background-color: #fff;
-  }
-  .el-tabs__header {
-    background-color: #333;
-  }
-  .el-dialog--center .el-dialog__body {
-    padding: 0;
-  }
-  .el-tabs__item {
-    width: 80px;
-    color: #fff;
-  }
-  .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
-    padding-left: 20px;
-  }
-  .el-tabs__item.is-active {
-    color: #fff !important;
-    background-color: #333 !important;
-  }
-  .tips-btn {
-    margin-top: 10px;
-    height: 40px;
-    width: 90px;
-    border: none;
-    position: absolute;
-    right: 0;
-    background: rgba(255, 49, 49, 1);
-    color: rgba(255, 255, 255, 1);
-    &:hover,
-    &:focus,
-    &:active {
-      background: rgba(255, 49, 49, 1);
-      color: rgba(255, 255, 255, 1);
+    .el-tab-pane {
+        padding: 0 10px;
+        height: 340px;
+        overflow: hidden;
+        overflow-y: auto;
+        white-space: pre-wrap;
+    }
+    .el-dialog--center {
+        width: 500px;
+        height: 500px;
+    }
+    .el-dialog__title {
+        font-size: 22px;
+        font-weight: 500;
+    }
+    .el-tabs__nav-wrap::after {
+        background-color: #333;
+    }
+    .el-tabs__active-bar {
+        height: 0;
+        background-color: #fff;
+    }
+    .el-tabs__header {
+        background-color: #333;
+    }
+    .el-dialog--center .el-dialog__body {
+        padding: 0;
+    }
+    .el-tabs__item {
+        width: 80px;
+        color: #fff;
+    }
+    .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
+        padding-left: 20px;
+    }
+    .el-tabs__item.is-active {
+        color: #fff !important;
+        background-color: #333 !important;
+    }
+    .tips-btn {
+        margin-top: 10px;
+        height: 40px;
+        width: 90px;
+        border: none;
+        position: absolute;
+        right: 0;
+        background: rgba(255, 49, 49, 1);
+        color: rgba(255, 255, 255, 1);
+        &:hover,
+        &:focus,
+        &:active {
+            background: rgba(255, 49, 49, 1);
+            color: rgba(255, 255, 255, 1);
+        }
     }
-  }
-}
-/deep/.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
-  height: 30px;
-  line-height: 30px;
 }
 .result-right {
-  background-color: rgba(43, 40, 22, 1);
+    background-color: rgba(43, 40, 22, 1);
 }
 .result-wrong {
-  background-color: rgba(43, 22, 22, 1);
-  color: #f00;
+    background-color: rgba(43, 22, 22, 1);
+    color: #f00;
 }
 .result-wrong,
 .result-right {
-  position: absolute;
-  left: 20px;
-  right: 20px;
-  display: flex;
-  align-items: center;
-  bottom: 10px;
-  padding: 5px 10px;
-  img {
-    width: 40px;
-    height: 40px;
-    margin-top: 5px;
-    margin-right: 10px;
-  }
+    position: absolute;
+    left: 20px;
+    right: 20px;
+    display: flex;
+    align-items: center;
+    bottom: 10px;
+    padding: 5px 10px;
+    img {
+        width: 40px;
+        height: 40px;
+        margin-top: 5px;
+        margin-right: 10px;
+    }
 }
 .code-right {
-  width: 500px;
-  color: #fff;
-  background: #1b1b1b;
-  display: inline-block;
-  position: relative;
-  overflow-x: auto;
-  p {
-    font-size: 18px;
-    margin: 10px;
-    position: absolute;
-    width: calc(100% - 14px);
-    top: 0;
-    bottom: -8px;
-    overflow: auto;
-  }
+    width: 500px;
+    color: #fff;
+    background: #1b1b1b;
+    display: inline-block;
+    position: relative;
+    overflow-x: auto;
+    p {
+        font-size: 18px;
+        margin: 10px;
+        position: absolute;
+        width: calc(100% - 14px);
+        top: 0;
+        bottom: -8px;
+        overflow: auto;
+    }
 }
 .pic-wrap {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 5px;
-  display: flex;
-  max-width: calc(100% - 50px);
-  margin: 0 auto;
-  text-align: center;
-  overflow: auto;
-  .pic-item {
-    margin: 0 5px 5px;
-    &:only-child {
-      .pic {
-        width: 80%;
-      }
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 5px;
+    display: flex;
+    max-width: calc(100% - 50px);
+    margin: 0 auto;
+    text-align: center;
+    overflow: auto;
+    .pic-item {
+        margin: 0 5px 5px;
+        &:only-child {
+            .pic {
+                width: 80%;
+            }
+        }
+    }
+    .pic {
+        display: block;
+        width: 100px;
+        margin: 0 auto 10px;
     }
-  }
-  .pic {
-    display: block;
-    width: 100px;
-    margin: 0 auto 10px;
-  }
 }
-.code-mask{
-  z-index: 2;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
+.code-mask {
+    z-index: 2;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
 }
-.run{
-  z-index:99;
-  position:absolute;
-  right: 50px; 
-  bottom:15px;
-  width:100px;
-  color:#fff;
+.run {
+    z-index: 99;
+    position: absolute;
+    right: 50px;
+    bottom: 15px;
+    width: 100px;
+    color: #fff;
 }
-.download-btn{
-  color:#fff;
+.download-btn {
+    color: #fff;
 }
-/deep/.answer-wrap{
-  pre{
-    width: 100%;
-    white-space: pre-wrap;
-  }
-  img{
-    max-width: 100%;
-  }
+/deep/.answer-wrap {
+    pre {
+        width: 100%;
+        white-space: pre-wrap;
+    }
+    img {
+        max-width: 100%;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/setting.js b/src/setting.js
index 8550266..a2f3080 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -11,7 +11,7 @@ if (isDev) {
   jumpPath = 'http://192.168.31.125:8087/' // 本地调试-需要启动本地判分点系统
   host = 'http://121.37.12.51/'
   // host = 'https://huorantech.cn/'
-  host = 'http://192.168.31.152:9000/'// 榕
+  // host = 'http://192.168.31.152:9000/'// 榕
   // host = 'http://192.168.31.51:9000/'// 赓
 } else if (isPro) {
   jumpPath = 'https://www.huorantech.cn/judgmentPoint/'
diff --git a/src/utils/api.js b/src/utils/api.js
index 8563a69..b9faaf0 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -44,6 +44,7 @@ export default {
     getProductsSubscribedByCustomers: `nakadai/nakadai/customer/getProductsSubscribedByCustomers`,
     orderBulkDisableEnable: `nakadai/nakadai/orderOther/orderBulkDisableEnable`,
     exportSubscribedRecords: `nakadai/nakadai/order/exportSubscribedRecords`,
+    addNewCustomersByOneself: `nakadai/nakadai/school/addNewCustomersByOneself`,
 
     resetPwdCustomer: `nakadai/nakadai/customer/resetPwd`,
     queryCustomerIsExists: `nakadai/nakadai/customer/queryCustomerIsExists`,
diff --git a/src/views/customer/AddCustomer.vue b/src/views/customer/AddCustomer.vue
index 72b1f02..f4260ae 100644
--- a/src/views/customer/AddCustomer.vue
+++ b/src/views/customer/AddCustomer.vue
@@ -1,270 +1,564 @@
 <template>
-    <div>
-        <el-card shadow="hover" class="mgb20">
-            <div class="flex-between">
-                <div class="per_title" v-preventReClick @click="goback(0)">
-                    <i class="el-icon-arrow-left"></i>
-                    <span class="per_back">返回</span>
-                    <span v-if="form.customerName || !customerId" class="per_school" v-text="isDetail ? form.customerName + '/查看' : (customerId ? form.customerName + '/编辑' : '新增')"></span>
-                </div>
-            </div>              
-        </el-card>
+  <div>
+    <el-card shadow="hover"
+             class="mgb20">
+      <div class="flex-between">
+        <div class="per_title"
+             v-preventReClick
+             @click="goback(0)">
+          <i class="el-icon-arrow-left"></i>
+          <span class="per_back">返回</span>
+          <span v-if="form.customerName || !customerId"
+                class="per_school"
+                v-text="isDetail ? form.customerName + '/查看' : (customerId ? form.customerName + '/编辑' : '新增')"></span>
+        </div>
+      </div>
+    </el-card>
 
-        <el-card shadow="hover" class="card">
-          <div class="tabs" v-if="customerId">
-            <a class="item" v-for="(item, i) in tabs" :key="i" :class="{active: i == curTab}" @click="tabChange(i)">{{ item }}</a>
-          </div>
-          <div v-show="curTab === 'tab1'">
-            <el-form :model="form" :rules="rules" ref="form" label-width="120px" class="flex-start-around info" :disabled="isDetail">
-                <el-col :span="6" style="margin-right: 60px;">
-                    <el-form-item prop="countries" label="国家">
-                        <el-select v-model="form.countries" clearable placeholder="请选择国家">
-                            <el-option v-for="(item,index) in countryList" :key="index" :label="item.name" :value="item.name"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item prop="schoolId" label="客户名称">
-                        <el-select v-model="form.schoolId" filterable clearable placeholder="请选择学校" :disabled="!!customerId" @change="SchoolChange" @clear="clearSchool">
-                            <el-option v-for="(item,index) in schoolList" :key="index" :label="item.schoolName" :value="item.schoolId"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item prop="cityId" label="城市">
-                        <el-select v-model="form.cityId" placeholder="" disabled>
-                            <el-option v-for="(item,index) in cityList" :key="index" :label="item.cityName" :value="item.cityId"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item prop="industryId" label="行业">
-                        <el-select v-model="form.industryId" clearable placeholder="请选择行业" :disabled="form.industryClassId ? false : true">
-                            <el-option v-for="(item,index) in industryList" :key="index" :label="item.industryName" :value="item.industryId"></el-option>
-                        </el-select>
-                    </el-form-item>
+    <el-card shadow="hover"
+             class="card">
+      <div class="tabs"
+           v-if="customerId">
+        <a class="item"
+           v-for="(item, i) in tabs"
+           :key="i"
+           :class="{active: i == curTab}"
+           @click="tabChange(i)">{{ item }}</a>
+      </div>
+      <div v-show="curTab === 'tab1'">
+        <el-form :model="form"
+                 :rules="rules"
+                 ref="form"
+                 label-width="120px"
+                 class="flex-start-around info"
+                 :disabled="isDetail">
+          <el-col :span="6"
+                  style="margin-right: 60px;">
+            <el-form-item prop="countries"
+                          label="国家">
+              <el-select v-model="form.countries"
+                         clearable
+                         placeholder="请选择国家">
+                <el-option v-for="(item,index) in countryList"
+                           :key="index"
+                           :label="item.name"
+                           :value="item.name"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="schoolId"
+                          label="客户名称">
+              <div class="flex a-center">
+                <el-select v-model="form.schoolId"
+                           filterable
+                           clearable
+                           placeholder="请选择学校"
+                           :disabled="!!customerId"
+                           @change="SchoolChange"
+                           @clear="clearSchool">
+                  <el-option v-for="(item,index) in schoolList"
+                             :key="index"
+                             :label="item.schoolName"
+                             :value="item.schoolId"></el-option>
+                </el-select>
+                <i class="el-icon-circle-plus-outline plus-cus"
+                   @click="addCustomer"></i>
+              </div>
+            </el-form-item>
+            <el-form-item prop="cityId"
+                          label="城市">
+              <el-select v-model="form.cityId"
+                         placeholder=""
+                         disabled>
+                <el-option v-for="(item,index) in cityList"
+                           :key="index"
+                           :label="item.cityName"
+                           :value="item.cityId"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="industryId"
+                          label="行业">
+              <el-select v-model="form.industryId"
+                         clearable
+                         placeholder="请选择行业"
+                         :disabled="form.industryClassId ? false : true">
+                <el-option v-for="(item,index) in industryList"
+                           :key="index"
+                           :label="item.industryName"
+                           :value="item.industryId"></el-option>
+              </el-select>
+            </el-form-item>
 
-                    <el-form-item prop="account" label="账号">
-                        <el-input placeholder="请输入账号" v-model="form.account"></el-input>
-                    </el-form-item>
-                    <el-form-item label="职务">
-                        <el-input placeholder="请输入职务名称" v-model="form.position" maxlength="11"></el-input>
-                    </el-form-item>
-                    <el-form-item label="产品到期时间">
-                        <el-date-picker type="date" disabled v-model="form.expireDate" style="width: 100%;" value-format="yyyy-MM-dd"></el-date-picker>
-                    </el-form-item>
-                </el-col>
+            <el-form-item prop="account"
+                          label="账号">
+              <el-input placeholder="请输入账号"
+                        v-model="form.account"></el-input>
+            </el-form-item>
+            <el-form-item label="职务">
+              <el-input placeholder="请输入职务名称"
+                        v-model="form.position"
+                        maxlength="11"></el-input>
+            </el-form-item>
+            <el-form-item label="产品到期时间">
+              <el-date-picker type="date"
+                              disabled
+                              v-model="form.expireDate"
+                              style="width: 100%;"
+                              value-format="yyyy-MM-dd"></el-date-picker>
+            </el-form-item>
+          </el-col>
 
-                <el-col :span="6" style="margin-left: 60px;">
-                    <el-form-item label="客户类型">
-                        <el-select v-model="form.customerType" placeholder="下单后客户类型自动补充" disabled>
-                            <el-option v-for="(item,index) in customerTypeList" :key="index" :label="item.name" :value="item.value"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item prop="provinceId" label="省份">
-                        <el-select v-model="form.provinceId" placeholder="" disabled>
-                            <el-option v-for="(item,index) in provinceList" :key="index" :label="item.provinceName" :value="item.provinceId"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item prop="industryClassId" label="行业类型">
-                        <el-select v-model="form.industryClassId" clearable placeholder="请选择行业类型" @change="changIndustry" @clear="clearIndustry()">
-                            <el-option v-for="(item,index) in IndustryClassList" :key="index" :label="item.industryClassName" :value="item.industryClassId"></el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item prop="name" label="联系人姓名">
-                        <el-input placeholder="请输入联系人姓名" v-model="form.name"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="phone" label="手机号">
-                        <el-input placeholder="请输入联系人手机号" v-model="form.phone" maxlength="11"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="email" label="邮箱">
-                        <el-input placeholder="请输入邮箱" v-model="form.email"></el-input>
-                    </el-form-item>
-                </el-col>
-            </el-form>
-            <div v-if="!isDetail" style="margin-top: 20px;text-align: center">
-              <el-button type="primary" v-preventReClick @click="saveAdd(0)">确定</el-button>
-              <el-button v-preventReClick @click="$router.back()">取消</el-button>
-            </div>
-          </div>
+          <el-col :span="6"
+                  style="margin-left: 60px;">
+            <el-form-item label="客户类型">
+              <el-select v-model="form.customerType"
+                         placeholder="下单后客户类型自动补充"
+                         disabled>
+                <el-option v-for="(item,index) in customerTypeList"
+                           :key="index"
+                           :label="item.name"
+                           :value="item.value"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="provinceId"
+                          label="省份">
+              <el-select v-model="form.provinceId"
+                         placeholder=""
+                         disabled>
+                <el-option v-for="(item,index) in provinceList"
+                           :key="index"
+                           :label="item.provinceName"
+                           :value="item.provinceId"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="industryClassId"
+                          label="行业类型">
+              <el-select v-model="form.industryClassId"
+                         clearable
+                         placeholder="请选择行业类型"
+                         @change="changIndustry"
+                         @clear="clearIndustry()">
+                <el-option v-for="(item,index) in IndustryClassList"
+                           :key="index"
+                           :label="item.industryClassName"
+                           :value="item.industryClassId"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="name"
+                          label="联系人姓名">
+              <el-input placeholder="请输入联系人姓名"
+                        v-model="form.name"></el-input>
+            </el-form-item>
+            <el-form-item prop="phone"
+                          label="手机号">
+              <el-input placeholder="请输入联系人手机号"
+                        v-model="form.phone"
+                        maxlength="11"></el-input>
+            </el-form-item>
+            <el-form-item prop="email"
+                          label="邮箱">
+              <el-input placeholder="请输入邮箱"
+                        v-model="form.email"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-form>
+        <div v-if="!isDetail"
+             style="margin-top: 20px;text-align: center">
+          <el-button type="primary"
+                     v-preventReClick
+                     @click="saveAdd(0)">确定</el-button>
+          <el-button v-preventReClick
+                     @click="$router.back()">取消</el-button>
+        </div>
+      </div>
 
-          <div v-show="curTab === 'tab2'">
-            <div class="tool">
-              <ul class="filter">
-                  <li>
-                    <label>产品分类</label>
-                    <el-select v-model="form2.productType" placeholder="请选择产品类型" clearable @change="filterForm2">
-                      <el-option v-for="(item,index) in productTypeList" :key="index" :label="item.classificationName" :value="item.classificationId"></el-option>
-                    </el-select>
-                  </li>
-                  <li>
-                    <label>订阅状态</label>
-                    <el-select v-model="form2.status" placeholder="请选择订阅状态" @change="filterForm2">
-                      <el-option v-for="(item,index) in subStatusList" :key="index" :label="item.name" :value="item.name"></el-option>
-                    </el-select>
-                  </li>
-                  <li>
-                      <el-input style="width: 250px;" placeholder="请输入产品名称" prefix-icon="el-icon-search" clearable v-model="form2.keyword"></el-input>
-                  </li>
-              </ul>
-              <div>
-                  <el-button type="primary" @click="exportList">导出列表</el-button>
-              </div>
-            </div>
-            <el-table :data="products" class="orderTable" stripe header-align="center" @selection-change="handleSelectionChange" row-key="id">
-              <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
-              <el-table-column type="index" width="100" label="序号" align="center">
-              </el-table-column>
-              <el-table-column prop="productName" label="产品名称" align="center"></el-table-column>
-              <el-table-column prop="productTypeName" label="产品分类" align="center"></el-table-column>
-              <el-table-column label="起止日期" align="center">
-                  <template slot-scope="scope">
-                      {{ scope.row.status === '已过期' ? '' : scope.row.startAndEndTime }}
-                      <el-tooltip v-if="scope.row.other" class="item" effect="dark"  placement="top">
-                        <div slot="content">
-                          还有<span v-html="scope.row.other"></span><br>的订单还未生效
-                        </div>
-                        <i class="el-icon-warning warning"></i>
-                      </el-tooltip>
-                  </template>
-              </el-table-column>
-              <el-table-column label="剩余期限" align="center">
-                  <template slot-scope="scope">
-                      {{scope.row.remain}}&nbsp;&nbsp;天
-                  </template>
-              </el-table-column>
-              <el-table-column prop="status" label="订阅状态" align="center"></el-table-column>
-              <el-table-column label="产品状态" align="center">
-                  <template slot-scope="scope">
-                      <el-switch v-model="scope.row.isEnable" :active-value="1" :inactive-value="0" :active-text="scope.row.isEnable ? '启用' : '禁用'" :disabled="scope.row.status === '已过期'" @change="switchOff($event,scope.row,scope.$index)"></el-switch>
-                  </template>
-              </el-table-column>
-            </el-table>
-            <div class="pagination">
-                <el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChangeProduct" :current-page="pageProduct" :page-size="pageSizeProduct" :total="totalProduct"></el-pagination>
-            </div>
+      <div v-show="curTab === 'tab2'">
+        <div class="tool">
+          <ul class="filter">
+            <li>
+              <label>产品分类</label>
+              <el-select v-model="form2.productType"
+                         placeholder="请选择产品类型"
+                         clearable
+                         @change="filterForm2">
+                <el-option v-for="(item,index) in productTypeList"
+                           :key="index"
+                           :label="item.classificationName"
+                           :value="item.classificationId"></el-option>
+              </el-select>
+            </li>
+            <li>
+              <label>订阅状态</label>
+              <el-select v-model="form2.status"
+                         placeholder="请选择订阅状态"
+                         @change="filterForm2">
+                <el-option v-for="(item,index) in subStatusList"
+                           :key="index"
+                           :label="item.name"
+                           :value="item.name"></el-option>
+              </el-select>
+            </li>
+            <li>
+              <el-input style="width: 250px;"
+                        placeholder="请输入产品名称"
+                        prefix-icon="el-icon-search"
+                        clearable
+                        v-model="form2.keyword"></el-input>
+            </li>
+          </ul>
+          <div>
+            <el-button type="primary"
+                       @click="exportList">导出列表</el-button>
           </div>
+        </div>
+        <el-table :data="products"
+                  class="orderTable"
+                  stripe
+                  header-align="center"
+                  @selection-change="handleSelectionChange"
+                  row-key="id">
+          <el-table-column type="selection"
+                           width="55"
+                           align="center"
+                           :reserve-selection="true"></el-table-column>
+          <el-table-column type="index"
+                           width="100"
+                           label="序号"
+                           align="center">
+          </el-table-column>
+          <el-table-column prop="goodsName"
+                           label="产品名称"
+                           align="center"></el-table-column>
+          <el-table-column prop="productTypeName"
+                           label="产品分类"
+                           align="center"></el-table-column>
+          <el-table-column label="起止日期"
+                           align="center">
+            <template slot-scope="scope">
+              {{ scope.row.status === '已过期' ? '' : scope.row.startAndEndTime }}
+              <el-tooltip v-if="scope.row.other"
+                          class="item"
+                          effect="dark"
+                          placement="top">
+                <div slot="content">
+                  还有<span v-html="scope.row.other"></span><br>的订单还未生效
+                </div>
+                <i class="el-icon-warning warning"></i>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+          <el-table-column label="剩余期限"
+                           align="center">
+            <template slot-scope="scope">
+              {{scope.row.remain}}&nbsp;&nbsp;天
+            </template>
+          </el-table-column>
+          <el-table-column prop="status"
+                           label="订阅状态"
+                           align="center"></el-table-column>
+          <el-table-column label="产品状态"
+                           align="center">
+            <template slot-scope="scope">
+              <el-switch v-model="scope.row.isEnable"
+                         :active-value="1"
+                         :inactive-value="0"
+                         :active-text="scope.row.isEnable ? '启用' : '禁用'"
+                         :disabled="scope.row.status === '已过期'"
+                         @change="switchOff($event,scope.row,scope.$index)"></el-switch>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="pagination">
+          <el-pagination background
+                         layout="total, prev, pager, next"
+                         @current-change="handleCurrentChangeProduct"
+                         :current-page="pageProduct"
+                         :page-size="pageSizeProduct"
+                         :total="totalProduct"></el-pagination>
+        </div>
+      </div>
 
-          <div v-show="curTab === 'tab3'">
-            <div class="tool">
-              <ul class="filter">
-                  <li>
-                    <label>订单类型</label>
-                    <el-select v-model="form3.orderType" clearable placeholder="请选择订单类型" @change="getOrder">
-                      <el-option v-for="(item,index) in orderTypeList" :key="index" :label="item.name" :value="item.value"></el-option>
-                    </el-select>
-                  </li>
-                  <li>
-                    <label>订单状态</label>
-                    <el-select v-model="form3.orderStatus" clearable placeholder="请选择订单状态" @change="getOrder">
-                      <el-option v-for="(item,index) in orderStatusList" :key="index" :label="item.name" :value="item.id"></el-option>
-                    </el-select>
-                  </li>
-              </ul>
-              <div>
-                <el-input style="width: 250px;" placeholder="请输入订单编号、内容" prefix-icon="el-icon-search" clearable v-model="form3.keyword"></el-input>
-              </div>
-            </div>
-            <el-table :data="orders" class="orderTable" stripe header-align="center" @selection-change="handleSelectionChange" row-key="orderId">
-              <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
-              <el-table-column type="index" width="100" label="序号" align="center">
-              </el-table-column>
-              <el-table-column prop="orderNumber" label="订单编号" align="center"></el-table-column>
-              <el-table-column prop="orderContent" label="订单内容" align="center">
-                  <template slot-scope="scope">
-                      <el-popover trigger="hover" placement="top" style='width: 500px' v-if='scope.row.orderContent.length >14'>
-                          <p> {{ scope.row.orderContent }}</p>
-                          <div slot="reference" class="name-wrapper">
-                              <el-tag size="medium" class='tags'>{{ scope.row.orderContent }}</el-tag>
-                          </div>
-                      </el-popover>
-                      <span v-else>
-                          {{ scope.row.orderContent }}
-                      </span>
-                  </template>
-              </el-table-column>
-              <el-table-column prop="orderAmount" label="订单金额（元）" align="center"></el-table-column>
-              <el-table-column prop="createTime" label="订单日期" align="center"></el-table-column>
-              <el-table-column prop="orderType" label="订单类型" align="center"></el-table-column>
-              <el-table-column prop="orderStatus" label="订单状态" align="center"></el-table-column>
-              <el-table-column label="操作" align="center">
-                  <template slot-scope="scope">
-                    <el-button type="text" @click="toOrderDetail(scope.row)">订单详情</el-button>
-                  </template>
-              </el-table-column>
-            </el-table>
-            <div class="pagination">
-                <el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChangeOrder" :current-page="pageOrder" :page-size="pageSizeOrder" :total="totalOrder"></el-pagination>
-            </div>
+      <div v-show="curTab === 'tab3'">
+        <div class="tool">
+          <ul class="filter">
+            <li>
+              <label>订单类型</label>
+              <el-select v-model="form3.orderType"
+                         clearable
+                         placeholder="请选择订单类型"
+                         @change="getOrder">
+                <el-option v-for="(item,index) in orderTypeList"
+                           :key="index"
+                           :label="item.name"
+                           :value="item.value"></el-option>
+              </el-select>
+            </li>
+            <li>
+              <label>订单状态</label>
+              <el-select v-model="form3.orderStatus"
+                         clearable
+                         placeholder="请选择订单状态"
+                         @change="getOrder">
+                <el-option v-for="(item,index) in orderStatusList"
+                           :key="index"
+                           :label="item.name"
+                           :value="item.id"></el-option>
+              </el-select>
+            </li>
+          </ul>
+          <div>
+            <el-input style="width: 250px;"
+                      placeholder="请输入订单编号、内容"
+                      prefix-icon="el-icon-search"
+                      clearable
+                      v-model="form3.keyword"></el-input>
           </div>
+        </div>
+        <el-table :data="orders"
+                  class="orderTable"
+                  stripe
+                  header-align="center"
+                  @selection-change="handleSelectionChange"
+                  row-key="orderId">
+          <el-table-column type="selection"
+                           width="55"
+                           align="center"
+                           :reserve-selection="true"></el-table-column>
+          <el-table-column type="index"
+                           width="100"
+                           label="序号"
+                           align="center">
+          </el-table-column>
+          <el-table-column prop="orderNumber"
+                           label="订单编号"
+                           align="center"></el-table-column>
+          <el-table-column prop="orderContent"
+                           label="订单内容"
+                           align="center">
+            <template slot-scope="scope">
+              <el-popover trigger="hover"
+                          placement="top"
+                          style='width: 500px'
+                          v-if='scope.row.orderContent.length >14'>
+                <p> {{ scope.row.orderContent }}</p>
+                <div slot="reference"
+                     class="name-wrapper">
+                  <el-tag size="medium"
+                          class='tags'>{{ scope.row.orderContent }}</el-tag>
+                </div>
+              </el-popover>
+              <span v-else>
+                {{ scope.row.orderContent }}
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="orderAmount"
+                           label="订单金额（元）"
+                           align="center"></el-table-column>
+          <el-table-column prop="createTime"
+                           label="订单日期"
+                           align="center"></el-table-column>
+          <el-table-column prop="orderType"
+                           label="订单类型"
+                           align="center"></el-table-column>
+          <el-table-column prop="orderStatus"
+                           label="订单状态"
+                           align="center"></el-table-column>
+          <el-table-column label="操作"
+                           align="center">
+            <template slot-scope="scope">
+              <el-button type="text"
+                         @click="toOrderDetail(scope.row)">订单详情</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="pagination">
+          <el-pagination background
+                         layout="total, prev, pager, next"
+                         @current-change="handleCurrentChangeOrder"
+                         :current-page="pageOrder"
+                         :page-size="pageSizeOrder"
+                         :total="totalOrder"></el-pagination>
+        </div>
+      </div>
 
-          <div v-show="curTab === 'tab4'">
-            <div class="tool">
-              <div>
-                <el-input style="width: 350px;" placeholder="请输入订单编号、合同名称、合同编号、产品内容" prefix-icon="el-icon-search" clearable></el-input>
-              </div>
-            </div>
-            <el-table :data="contractInformations" class="table" stripe header-align="center">
-                <el-table-column type="index" width="100" label="序号" align="center">
-                </el-table-column>
-                <el-table-column prop="contractNumber" label="订单号" align="center"></el-table-column>
-                <el-table-column prop="contractNumber" label="合同编号" align="center"></el-table-column>
-                <el-table-column prop="contractName" label="合同名称" align="center">
-                </el-table-column>
-                <el-table-column prop="endTime" label="合同期限" align="center">
-                    <template slot-scope="scope">
-                        {{scope.row.startTime?scope.row.startTime.split(' ').shift():''}}&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;{{scope.row.endTime?scope.row.endTime.split(' ').shift():''}}
-                    </template>
-                </el-table-column>
-                <el-table-column prop="dataOrCourseName" label="产品内容" align="center">
-                </el-table-column>
-                <el-table-column prop="contractMoney" label="合同金额" align="center">
-                    <template slot-scope="scope">
-                        {{scope.row.contractMoney}}&nbsp;&nbsp;元
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center">
-                    <template slot-scope="scope">
-                        <el-button type="text" @click="showContract(scope.row)">查看</el-button>
-                        <el-button type="text" @click="showContract(scope.row)">下载</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+      <div v-show="curTab === 'tab4'">
+        <div class="tool">
+          <div>
+            <el-input style="width: 350px;"
+                      placeholder="请输入订单编号、合同名称、合同编号、产品内容"
+                      prefix-icon="el-icon-search"
+                      clearable></el-input>
           </div>
-          
-          <div v-show="curTab === 'tab5'">
-            <div class="tool">
-              <div>
-                <el-input style="width: 300px;" placeholder="请输入商务经理、手机号" prefix-icon="el-icon-search" clearable v-model="bmsKeyword"></el-input>
-              </div>
-            </div>
-            <el-table :data="bms" class="table" stripe header-align="center">
-                <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-                <el-table-column prop="userName" label="姓名" width="200" align="center">
-                  <template slot-scope="scope">
-                    {{ scope.row.userName }}{{ scope.row.peopleDel ? '(已被删除)' : '' }}
-                  </template>
-                </el-table-column>
-                <el-table-column prop="phone" label="手机号" width="150" align="center"></el-table-column>
-                <el-table-column prop="bmName" label="所属团队" align="center">
-                  <template slot-scope="scope">
-                    <div v-html="scope.row.bmName"></div>
-                  </template>
-                </el-table-column>
-                <el-table-column prop="quantityOfOrder" label="订单数量" width="100" align="center"></el-table-column>
-                <el-table-column prop="latestTime" label="最近下单时间" width="200" align="center"></el-table-column>
-                <el-table-column prop="productName" label="产品" align="center" show-overflow-tooltip></el-table-column>
-                <el-table-column label="操作" width="120" align="center">
-                    <template slot-scope="scope">
-                        <el-button type="text" @click="toOrder(scope.row)">查看</el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <div class="pagination">
-                <el-pagination background layout="total, prev, pager, next" @current-change="handleCurrentChangeBm" :current-page="pageBm" :page-size="pageSizeBm" :total="totalBm"></el-pagination>
-            </div>
+        </div>
+        <el-table :data="contractInformations"
+                  class="table"
+                  stripe
+                  header-align="center">
+          <el-table-column type="index"
+                           width="100"
+                           label="序号"
+                           align="center">
+          </el-table-column>
+          <el-table-column prop="contractNumber"
+                           label="订单号"
+                           align="center"></el-table-column>
+          <el-table-column prop="contractNumber"
+                           label="合同编号"
+                           align="center"></el-table-column>
+          <el-table-column prop="contractName"
+                           label="合同名称"
+                           align="center">
+          </el-table-column>
+          <el-table-column prop="endTime"
+                           label="合同期限"
+                           align="center">
+            <template slot-scope="scope">
+              {{scope.row.startTime?scope.row.startTime.split(' ').shift():''}}&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;{{scope.row.endTime?scope.row.endTime.split(' ').shift():''}}
+            </template>
+          </el-table-column>
+          <el-table-column prop="dataOrCourseName"
+                           label="产品内容"
+                           align="center">
+          </el-table-column>
+          <el-table-column prop="contractMoney"
+                           label="合同金额"
+                           align="center">
+            <template slot-scope="scope">
+              {{scope.row.contractMoney}}&nbsp;&nbsp;元
+            </template>
+          </el-table-column>
+          <el-table-column label="操作"
+                           align="center">
+            <template slot-scope="scope">
+              <el-button type="text"
+                         @click="showContract(scope.row)">查看</el-button>
+              <el-button type="text"
+                         @click="showContract(scope.row)">下载</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div v-show="curTab === 'tab5'">
+        <div class="tool">
+          <div>
+            <el-input style="width: 300px;"
+                      placeholder="请输入商务经理、手机号"
+                      prefix-icon="el-icon-search"
+                      clearable
+                      v-model="bmsKeyword"></el-input>
           </div>
-        </el-card>
+        </div>
+        <el-table :data="bms"
+                  class="table"
+                  stripe
+                  header-align="center">
+          <el-table-column type="index"
+                           width="100"
+                           label="序号"
+                           align="center"></el-table-column>
+          <el-table-column prop="userName"
+                           label="姓名"
+                           width="200"
+                           align="center">
+            <template slot-scope="scope">
+              {{ scope.row.userName }}{{ scope.row.peopleDel ? '(已被删除)' : '' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="phone"
+                           label="手机号"
+                           width="150"
+                           align="center"></el-table-column>
+          <el-table-column prop="bmName"
+                           label="所属团队"
+                           align="center">
+            <template slot-scope="scope">
+              <div v-html="scope.row.bmName"></div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="quantityOfOrder"
+                           label="订单数量"
+                           width="100"
+                           align="center"></el-table-column>
+          <el-table-column prop="latestTime"
+                           label="最近下单时间"
+                           width="200"
+                           align="center"></el-table-column>
+          <el-table-column prop="productName"
+                           label="产品"
+                           align="center"
+                           show-overflow-tooltip></el-table-column>
+          <el-table-column label="操作"
+                           width="120"
+                           align="center">
+            <template slot-scope="scope">
+              <el-button type="text"
+                         @click="toOrder(scope.row)">查看</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="pagination">
+          <el-pagination background
+                         layout="total, prev, pager, next"
+                         @current-change="handleCurrentChangeBm"
+                         :current-page="pageBm"
+                         :page-size="pageSizeBm"
+                         :total="totalBm"></el-pagination>
+        </div>
+      </div>
+    </el-card>
 
-        <el-dialog :visible.sync="showImg" width="70%" center>
-            <img :src="fileSrc" width="100%" alt="">
-        </el-dialog>
-        <pdf :visible.sync="pdfVisible" :src.sync="fileSrc"></pdf>
-    </div>
+    <el-dialog :visible.sync="showImg"
+               width="70%"
+               center>
+      <img :src="fileSrc"
+           width="100%"
+           alt="">
+    </el-dialog>
+
+    <el-dialog title="创建客户"
+               :visible.sync="customerVisible"
+               width="300px"
+               class="dialog"
+               :close-on-click-modal="false">
+      <el-form label-width="70px">
+        <el-form-item label="客户名称">
+          <el-input v-model="customerForm.schoolName"
+                    placeholder="请输入客户名称"></el-input>
+        </el-form-item>
+        <el-form-item prop="userName"
+                      label="省份">
+          <el-select v-model="customerForm.provinceName"
+                     placeholder="请选择省份"
+                     @change="provinceChange">
+            <el-option v-for="(item,index) in provinceList"
+                       :key="index"
+                       :label="item.provinceName"
+                       :value="item.provinceName"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item prop="userName"
+                      label="城市">
+          <el-select v-model="customerForm.cityName"
+                     placeholder="请选择城市"
+                     :disabled="customerForm.provinceName ? false : true">
+            <el-option v-for="(item,index) in cities"
+                       :key="index"
+                       :label="item.cityName"
+                       :value="item.cityName"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer"
+            class="dialog-footer">
+        <el-button @click="customerVisible = false">取消</el-button>
+        <el-button type="primary"
+                   @click="submitCustomer">确定</el-button>
+      </span>
+    </el-dialog>
+    <pdf :visible.sync="pdfVisible"
+         :src.sync="fileSrc"></pdf>
+  </div>
 </template>
 
 <script>
@@ -272,767 +566,805 @@ import pdf from '../../components/pdf.vue'
 import util from '@/utils/util'
 import axios from 'axios'
 export default {
-    components:{pdf},
-    data() {
-        return {
-            token: sessionStorage.getItem('token'),
-            customerId : this.$route.query.id,
-            isDetail : Boolean(this.$route.query.show),
-            curTab: this.$route.query.type || 'tab1',
-            tabs: {
-                tab1: '基本信息',
-                tab2: '已订阅产品',
-                tab3: '订单记录',
-                tab4: '合同信息',
-                tab5: '商务经理',
-            },
-            showFile:false,
-            pdfVisible:false,
-            showImg:false,
-            fileSrc:'',
-            form: {
-                customerId: "",
-                customerName: '',
-                countries: '中国',
-                industryClassId: '',
-                industryId: '',
-                provinceId: '',
-                account: '',
-                name: '',
-                phone: '',
-                position: '',
-                cityId: '',
-                customerType: '',
-                expireDate: '',
-                email: '',
-                schoolId: ''
-            },
-            rules: {
-                countries: [
-                    { required: true, message: '请输入国家', trigger: 'blur' }
-                ],
-                provinceId: [
-                    { required: true, message: '请输入省份', trigger: 'blur' }
-                ],
-                cityId: [
-                    { required: true, message: '请输入城市', trigger: 'blur' }
-                ],
-                // customerType: [
-                //     { required: true, message: '请选择客户类型', trigger: 'change' }
-                // ],
-                name: [
-                    { required: true, message: '请输入联系人姓名', trigger: 'blur' }
-                ],
-                account: [
-                    { required: true, message: '请输入账号', trigger: 'blur' },
-                    {
-                        pattern: /^[A-Za-z0-9]{4,}$/,
-                        message: "请输入正确的账号",
-                        trigger: "blur"
-                    }
-                ],
-                phone: [
-                    { required: true, message: '请输入手机号', trigger: 'blur' },
-                    {
-                    pattern: /^1[3456789]\d{9}$/,
-                    message: '请输入正确的手机号',
-                    trigger: 'blur'
-                    }
-                ],
-                schoolId: [
-                    { required: true, message: '请选择客户名称', trigger: 'change' }
-                ],
-                email: [
-                    // { required: true, message: '请输入邮箱', trigger: 'blur' },
-                    {
-                    pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
-                    message: '请输入正确的邮箱',
-                    trigger: 'blur'
-                    }
-                ],
-                industryId: [
-                    { required: true, message: '请选择行业', trigger: 'change' }
-                ],
-                industryClassId: [
-                    { required: true, message: '请选择行业类型', trigger: 'change' }
-                ],
-            },
-            customerTypeList: [{
-                name: '正式',
-                value: 1
-            },
-            {
-                name: '试用',
-                value: 2
-            },
-            {
-                name: '到期',
-                value: 3
-            }],
-
-            form2: {
-              productType: '',
-              status: '全部',
-              keyword: ''
-            },
-            // 产品类型
-            productTypeList: [
-              {
-                id: '',
-                name: '全部'
-              },
-              {
-                id: 1,
-                name: '实训课程产品'
-              },
-              {
-                id: 0,
-                name: '理论课程产品'
-              },
-              {
-                id: 3,
-                name: '数据产品'
-              },
-              {
-                id: 4,
-                name: '职站增值模块'
-              }
-            ],
-            // 订阅状态
-            subStatusList: [
-              {
-                id: '',
-                name: '全部'
-              },
-              {
-                id: 1,
-                name: '生效中'
-              },
-              {
-                id: 2,
-                name: '已过期'
-              },
-              {
-                id: 3,
-                name: '待生效'
-              }
-            ],
-            products: [],
-            productAll: [],
-            pageProduct: this.$route.query.type === 'tab2' ? (+this.$route.query.page || 1) : 1,
-            pageSizeProduct: 10,
-            totalProduct: 0,
-            
-            form3: {
-              orderType: '',
-              orderStatus: '',
-              keyword: ''
-            },
-            // 订单类型
-            orderTypeList: [{
-                name: '全部',
-                value: ''
-            }, {
-                name: '正式',
-                value: 1
-            }, {
-                name: '试用',
-                value: 2
-            }],
-            // 订单状态
-            orderStatusList: [
-              {
-                id: '',
-                name: '全部'
-              },
-              {
-                id: 1,
-                name: '已完成'
-              },
-              {
-                id: 2,
-                name: '待发货'
-              }
-            ],
-            pageOrder: this.$route.query.type === 'tab3' ? (+this.$route.query.page || 1) : 1,
-            pageSizeOrder: 10,
-            totalOrder: 0,
-            orders: [],
-            orderAll: [],
-
-            bmsKeyword: '',
-            bms: [],
-            pageBm: this.$route.query.type === 'tab5' ? (+this.$route.query.page || 1) : 1,
-            pageSizeBm: 10,
-            totalBm: 0,
+  components: { pdf },
+  data () {
+    return {
+      token: sessionStorage.getItem('token'),
+      customerId: this.$route.query.id,
+      isDetail: Boolean(this.$route.query.show),
+      curTab: this.$route.query.type || 'tab1',
+      tabs: {
+        tab1: '基本信息',
+        tab2: '已订阅产品',
+        tab3: '订单记录',
+        tab4: '合同信息',
+        tab5: '商务经理',
+      },
+      showFile: false,
+      pdfVisible: false,
+      showImg: false,
+      fileSrc: '',
+      form: {
+        customerId: "",
+        customerName: '',
+        countries: '中国',
+        industryClassId: '',
+        industryId: '',
+        provinceId: '',
+        account: '',
+        name: '',
+        phone: '',
+        position: '',
+        cityId: '',
+        customerType: '',
+        expireDate: '',
+        email: '',
+        schoolId: ''
+      },
+      rules: {
+        countries: [
+          { required: true, message: '请输入国家', trigger: 'blur' }
+        ],
+        provinceId: [
+          { required: true, message: '请输入省份', trigger: 'blur' }
+        ],
+        cityId: [
+          { required: true, message: '请输入城市', trigger: 'blur' }
+        ],
+        // customerType: [
+        //     { required: true, message: '请选择客户类型', trigger: 'change' }
+        // ],
+        name: [
+          { required: true, message: '请输入联系人姓名', trigger: 'blur' }
+        ],
+        account: [
+          { required: true, message: '请输入账号', trigger: 'blur' },
+          {
+            pattern: /^[A-Za-z0-9]{4,}$/,
+            message: "请输入正确的账号",
+            trigger: "blur"
+          }
+        ],
+        phone: [
+          { required: true, message: '请输入手机号', trigger: 'blur' },
+          {
+            pattern: /^1[3456789]\d{9}$/,
+            message: '请输入正确的手机号',
+            trigger: 'blur'
+          }
+        ],
+        schoolId: [
+          { required: true, message: '请选择客户名称', trigger: 'change' }
+        ],
+        email: [
+          // { required: true, message: '请输入邮箱', trigger: 'blur' },
+          {
+            pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/,
+            message: '请输入正确的邮箱',
+            trigger: 'blur'
+          }
+        ],
+        industryId: [
+          { required: true, message: '请选择行业', trigger: 'change' }
+        ],
+        industryClassId: [
+          { required: true, message: '请选择行业类型', trigger: 'change' }
+        ],
+      },
+      customerTypeList: [{
+        name: '正式',
+        value: 1
+      },
+      {
+        name: '试用',
+        value: 2
+      },
+      {
+        name: '到期',
+        value: 3
+      }],
 
-            countryList: [{
-                name:'中国'
-            }],
-            provinceList: this.$store.state.provinceList,
-            cityList: [],
-            IndustryClassList: [],
-            industryList: [],
-            schoolList: [],
-            contractInformations: [],
-            coursePermissionss: [],
-            dataPermissionss: [],
-            multipleSelection: [],
-            NoAdd: true,
-            phoneRepeat: false,
-            emailRepeat: false,
-            submiting: false, // 新增编辑防抖标识
-            updateTime: 0
-        };
-    },
-    watch: {
-        // 监听信息是否有更改,有的话页面离开的时候要询问是否要保存
-        form: {
-          handler(){
-            this.updateTime++
-          },
-          deep:true
+      form2: {
+        productType: '',
+        status: '全部',
+        keyword: ''
+      },
+      // 产品类型
+      productTypeList: [
+        {
+          id: '',
+          name: '全部'
         },
-        'form2.keyword': function(val) {
-            clearTimeout(this.searchTimer)
-            this.searchTimer = setTimeout(() => {
-                this.filterForm2()
-            },500)
+        {
+          id: 1,
+          name: '实训课程产品'
         },
-        'form3.keyword': function(val) {
-            this.pageOrder = 1
-            clearTimeout(this.searchTimer)
-            this.searchTimer = setTimeout(() => {
-              this.handlePageOrder()
-            },500)
+        {
+          id: 0,
+          name: '理论课程产品'
         },
-        bmsKeyword: function(val) {
-            clearTimeout(this.searchTimer)
-            this.searchTimer = setTimeout(() => {
-              this.getBm()
-            },500)
+        {
+          id: 3,
+          name: '数据产品'
+        },
+        {
+          id: 4,
+          name: '职站增值模块'
+        }
+      ],
+      // 订阅状态
+      subStatusList: [
+        {
+          id: '',
+          name: '全部'
         },
+        {
+          id: 1,
+          name: '生效中'
+        },
+        {
+          id: 2,
+          name: '已过期'
+        },
+        {
+          id: 3,
+          name: '待生效'
+        }
+      ],
+      products: [],
+      productAll: [],
+      pageProduct: this.$route.query.type === 'tab2' ? (+this.$route.query.page || 1) : 1,
+      pageSizeProduct: 10,
+      totalProduct: 0,
+
+      form3: {
+        orderType: '',
+        orderStatus: '',
+        keyword: ''
+      },
+      // 订单类型
+      orderTypeList: [{
+        name: '全部',
+        value: ''
+      }, {
+        name: '正式',
+        value: 1
+      }, {
+        name: '试用',
+        value: 2
+      }],
+      // 订单状态
+      orderStatusList: [
+        {
+          id: '',
+          name: '全部'
+        },
+        {
+          id: 1,
+          name: '已完成'
+        },
+        {
+          id: 2,
+          name: '待发货'
+        }
+      ],
+      pageOrder: this.$route.query.type === 'tab3' ? (+this.$route.query.page || 1) : 1,
+      pageSizeOrder: 10,
+      totalOrder: 0,
+      orders: [],
+      orderAll: [],
+
+      bmsKeyword: '',
+      bms: [],
+      pageBm: this.$route.query.type === 'tab5' ? (+this.$route.query.page || 1) : 1,
+      pageSizeBm: 10,
+      totalBm: 0,
+
+      countryList: [{
+        name: '中国'
+      }],
+      provinceList: this.$store.state.provinceList,
+      cityList: [],
+      IndustryClassList: [],
+      industryList: [],
+      schoolList: [],
+      contractInformations: [],
+      coursePermissionss: [],
+      dataPermissionss: [],
+      multipleSelection: [],
+      NoAdd: true,
+      phoneRepeat: false,
+      emailRepeat: false,
+      submiting: false, // 新增编辑防抖标识
+      updateTime: 0,
+      customerVisible: false,
+      cities: [],
+      customerForm: {
+        schoolName: '',
+        provinceName: '',
+        cityName: '',
+      }
+    };
+  },
+  watch: {
+    // 监听信息是否有更改,有的话页面离开的时候要询问是否要保存
+    form: {
+      handler () {
+        this.updateTime++
+      },
+      deep: true
+    },
+    'form2.keyword': function (val) {
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(() => {
+        this.filterForm2()
+      }, 500)
     },
-    mounted() {
-        this.getIndustryClass()
+    'form3.keyword': function (val) {
+      this.pageOrder = 1
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(() => {
+        this.handlePageOrder()
+      }, 500)
+    },
+    bmsKeyword: function (val) {
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(() => {
         this.getBm()
-        this.getCategory()
-        if(this.customerId){
-          this.getProduct()
-            this.$get(this.api.queryCustomerDetails,{
-                customerId: this.customerId
-            }).then((res) => {
-                let customer = res.result.customer
-                this.form = {
-                    customerId: customer.customerId,
-                    customerName: customer.customerName,
-                    schoolId: customer.schoolId,
-                    countries: customer.countries,
-                    industryClassId: customer.industryClassId,
-                    industryId: customer.industryId,
-                    provinceId: customer.provinceId,
-                    account: customer.account,
-                    phone: customer.phone,
-                    cityId: customer.cityId,
-                    customerType: customer.customerType,
-                    expireDate: customer.expireDate,
-                    email: customer.email,
-                    name: customer.name,
-                    position: customer.position,
-                }
-                this.getOrder()
-                this.contractInformations = res.result.contractInformations.filter(e => e.contractNumber || e.contractName); // 必须有合同编号或者名称，否则不展示
-                this.coursePermissionss = res.result.coursePermissionss
-                this.dataPermissionss = res.result.dataPermissionss
-                this.getCityData()
-                this.changIndustryData()
-                this.getSchoolData()
-            }).catch((res) => {})
-        }else{
-            this.getSchoolData()
-        }
+      }, 500)
     },
-    methods: {
-      // 获取已订阅产品
-      getProduct() {
-        this.$get(this.api.getProductsSubscribedByCustomers, {
-          customeId: this.customerId
-        }).then(({ data }) => {
-          data = data.filter(e => !e.productDel) // productDel=1的不显示
-          const { productTypeList } = this
-          data.map((e, i) => {
-            e.id = i
-            const list = e.startAndEndTimeList
-            if (list) {
-              let connect = true // 每个订单的开始结束日期是否连续
-              list.map((n, i) => {
-                // 第一个不用计算。用当前订单的开始日期跟上一个订单的结束日期做比较，只差一天，就表示是连续订单
-                if (i) {
-                  if (new Date(n.startTime).getTime() - 86400000 !== new Date(list[i - 1].endTime).getTime()) connect = false
-                }
-              })
-              // 如果是连续订单，则取第一个订单的开始日期和最后一个订单的结束日期
-              const now = Date.now()
-              // if (list[0].startTime && list[0].endTime) {
-                if (list[0].startTime && now < new Date(list[0].startTime).getTime()) {
-                  e.startTime = list[0].startTime
-                  e.endTime = connect ? list[list.length - 1].endTime : list[0].endTime
-                  e.status = '未生效'
-                  e.orderEnable = list[0].isEnable
-                  
-                  // 如果还有未生效的订单，页面上要显示出来
-                  if (!connect && list[1]) {
-                    const notActive = list.slice(1) // 取第一个订单以后的所有订单
-                    e.other = ''
-                    notActive.map(j => {
-                      e.other += `<br>${j.startTime} ~ ${j.endTime}`
-                    })
-                  }
-                } else if (list[list.length - 1].endTime && now > new Date(list[list.length - 1].endTime).getTime()) {
-                  e.status = '已过期'
-                } else {
-                  // 连续订单
-                  if (connect) {
-                    e.startTime = list[0].startTime
-                    e.endTime = list[list.length - 1].endTime
+  },
+  mounted () {
+    this.getIndustryClass()
+    this.getBm()
+    this.getCategory()
+    if (this.customerId) {
+      this.getProduct()
+      this.$get(this.api.queryCustomerDetails, {
+        customerId: this.customerId
+      }).then((res) => {
+        let customer = res.result.customer
+        this.form = {
+          customerId: customer.customerId,
+          customerName: customer.customerName,
+          schoolId: customer.schoolId,
+          countries: customer.countries,
+          industryClassId: customer.industryClassId,
+          industryId: customer.industryId,
+          provinceId: customer.provinceId,
+          account: customer.account,
+          phone: customer.phone,
+          cityId: customer.cityId,
+          customerType: customer.customerType,
+          expireDate: customer.expireDate,
+          email: customer.email,
+          name: customer.name,
+          position: customer.position,
+        }
+        this.getOrder()
+        this.contractInformations = res.result.contractInformations.filter(e => e.contractNumber || e.contractName); // 必须有合同编号或者名称，否则不展示
+        this.coursePermissionss = res.result.coursePermissionss
+        this.dataPermissionss = res.result.dataPermissionss
+        this.getCityData()
+        this.changIndustryData()
+        this.getSchoolData()
+      }).catch((res) => { })
+    } else {
+      this.getSchoolData()
+    }
+  },
+  methods: {
+    // 获取已订阅产品
+    getProduct () {
+      this.$get(this.api.getProductsSubscribedByCustomers, {
+        customeId: this.customerId
+      }).then(({ data }) => {
+        data = data.filter(e => !e.productDel) // productDel=1的不显示
+        const { productTypeList } = this
+        data.map((e, i) => {
+          e.id = i
+          const list = e.startAndEndTimeList
+          if (list) {
+            let connect = true // 每个订单的开始结束日期是否连续
+            list.map((n, i) => {
+              // 第一个不用计算。用当前订单的开始日期跟上一个订单的结束日期做比较，只差一天，就表示是连续订单
+              if (i) {
+                if (new Date(n.startTime).getTime() - 86400000 !== new Date(list[i - 1].endTime).getTime()) connect = false
+              }
+            })
+            // 如果是连续订单，则取第一个订单的开始日期和最后一个订单的结束日期
+            const now = Date.now()
+            // if (list[0].startTime && list[0].endTime) {
+            if (list[0].startTime && now < new Date(list[0].startTime).getTime()) {
+              e.startTime = list[0].startTime
+              e.endTime = connect ? list[list.length - 1].endTime : list[0].endTime
+              e.status = '未生效'
+              e.orderEnable = list[0].isEnable
+
+              // 如果还有未生效的订单，页面上要显示出来
+              if (!connect && list[1]) {
+                const notActive = list.slice(1) // 取第一个订单以后的所有订单
+                e.other = ''
+                notActive.map(j => {
+                  e.other += `<br>${j.startTime} ~ ${j.endTime}`
+                })
+              }
+            } else if (list[list.length - 1].endTime && now > new Date(list[list.length - 1].endTime).getTime()) {
+              e.status = '已过期'
+            } else {
+              // 连续订单
+              if (connect) {
+                e.startTime = list[0].startTime
+                e.endTime = list[list.length - 1].endTime
+                e.status = '生效中'
+                e.orderEnable = list[0].isEnable
+              } else {
+                for (const j in list) {
+                  const i = +j
+                  const n = list[i]
+                  if (n.startTime && n.endTime && now >= new Date(n.startTime).getTime() && now <= new Date(n.endTime).getTime()) {
+                    // 生效中的订单，直接取该订单的开始结束日期
+                    e.startTime = n.startTime
+                    e.endTime = n.endTime
                     e.status = '生效中'
-                    e.orderEnable = list[0].isEnable
-                  } else {
-                    for (const j in list) {
-                      const i = +j
-                      const n = list[i]
-                      if (n.startTime && n.endTime && now >= new Date(n.startTime).getTime() && now <= new Date(n.endTime).getTime()) {
-                        // 生效中的订单，直接取该订单的开始结束日期
-                        e.startTime = n.startTime
-                        e.endTime = n.endTime
-                        e.status = '生效中'
-                        e.orderEnable = n.isEnable
-                        // 如果还有未生效的订单，页面上要显示出来
-                        if (list[i + 1]) {
-                          const notActive = list.slice(i + 1) // 取当前订单以后的所有订单
-                          e.other = ''
-                          notActive.map(j => {
-                            e.other += `<br>${j.startTime} ~ ${j.endTime}`
-                          })
-                        }
-                        break
-                      } else if (i != 0 && list[i - 1].endTime && n.startTime && n.endTime && now > new Date(list[i - 1].endTime).getTime() && now < new Date(n.startTime).getTime()) {
-                        // 当前时间位于两个订单时间之间，则取次订单的开始结束日期，并且为未生效
-                        e.startTime = n.startTime
-                        e.endTime = n.endTime
-                        e.status = '未生效'
-                        e.orderEnable = n.isEnable
-                        break
-                      }
+                    e.orderEnable = n.isEnable
+                    // 如果还有未生效的订单，页面上要显示出来
+                    if (list[i + 1]) {
+                      const notActive = list.slice(i + 1) // 取当前订单以后的所有订单
+                      e.other = ''
+                      notActive.map(j => {
+                        e.other += `<br>${j.startTime} ~ ${j.endTime}`
+                      })
                     }
+                    break
+                  } else if (i != 0 && list[i - 1].endTime && n.startTime && n.endTime && now > new Date(list[i - 1].endTime).getTime() && now < new Date(n.startTime).getTime()) {
+                    // 当前时间位于两个订单时间之间，则取次订单的开始结束日期，并且为未生效
+                    e.startTime = n.startTime
+                    e.endTime = n.endTime
+                    e.status = '未生效'
+                    e.orderEnable = n.isEnable
+                    break
                   }
                 }
-              // }
-              const date = new Date()
-              date.setHours(0)
-              date.setMinutes(0)
-              date.setSeconds(0)
-              e.remain = e.status === '已过期' ? 0 : this.getRemain(date.getTime(), e.endTime) // 获取剩余期限
-              e.startAndEndTime = e.status === '已过期' ? '' : e.startTime + ' ~ ' + e.endTime
-              const isHave = productTypeList.find(n => n.classificationId === e.productType)
-              if (isHave) {
-                e.productTypeName = isHave.classificationName
-              }else {
-                e.productTypeName = ''
               }
-              // 1开启 0禁用（已过期的订单，或者当前生效的订单为禁用，则显示为禁用，否则是启用）
-              e.isEnable = (e.status === '未生效' || e.status === '已过期' || !e.orderEnable) ?
-                0 :
-                1
             }
-          })
-          console.log("🚀 ~ file: AddCustomer.vue:651 ~ getProduct ~ data:", data)
-          this.productAll = data
-          this.totalProduct = data.length
-          this.handlePage()
-        }).catch(res => {})
-      },
-      // 获取剩余日期
-      getRemain(startTime, endTime) {
-        return parseInt(((new Date(endTime).getTime() - new Date(startTime).getTime()) / 86400000))
-      },
-      // 分页
-      handlePage() {
-        this.products = this.productAll.slice((this.pageProduct - 1) * this.pageSizeProduct, this.pageProduct * this.pageSizeProduct)
-      },
-      handleCurrentChangeProduct(val) {
-        this.pageProduct = val
+            // }
+            const date = new Date()
+            date.setHours(0)
+            date.setMinutes(0)
+            date.setSeconds(0)
+            e.remain = e.status === '已过期' ? 0 : this.getRemain(date.getTime(), e.endTime) // 获取剩余期限
+            e.startAndEndTime = e.status === '已过期' ? '' : e.startTime + ' ~ ' + e.endTime
+            const isHave = productTypeList.find(n => n.classificationId === e.productType)
+            if (isHave) {
+              e.productTypeName = isHave.classificationName
+            } else {
+              e.productTypeName = ''
+            }
+            // 1开启 0禁用（已过期的订单，或者当前生效的订单为禁用，则显示为禁用，否则是启用）
+            e.isEnable = (e.status === '未生效' || e.status === '已过期' || !e.orderEnable) ?
+              0 :
+              1
+          }
+        })
+        console.log("🚀 ~ file: AddCustomer.vue:651 ~ getProduct ~ data:", data)
+        this.productAll = data
+        this.totalProduct = data.length
         this.handlePage()
-        this.$router.push(`addcustomer?id=${this.customerId}&type=tab2&page=${val}`)
-      },
-      // 获取产品分类
-      getCategory() {
-        this.$get(this.api.productCategoryList).then(res => {
-          this.productTypeList = res.classificationList
-        }).catch(err => {})
-      },
-      // 已订阅产品筛选
-      filterForm2() {
-        const list = this.productAll
-        const { productType, status, keyword } = this.form2
-        this.products = list.filter(e => (productType === '' || productType === e.productType) && (e.status === status || status === '全部') && e.productName.includes(keyword))
-      },
-      // 已订阅产品导出
-      exportList() {
-        let list = this.productAll
-        if(this.multipleSelection.length) list = this.multipleSelection
-        const data = []
-        list.map(e => {
-          data.push({
-            productName: e.productName,
-            productStatus: e.status,
-            productType: e.productName,
-            remainingPeriod: e.remain,
-            startAndEndTime: e.startAndEndTime,
-            subscriptionStatus: e.isEnable ? '启用' : '禁用',
-          })
+      }).catch(res => { })
+    },
+    // 获取剩余日期
+    getRemain (startTime, endTime) {
+      return parseInt(((new Date(endTime).getTime() - new Date(startTime).getTime()) / 86400000))
+    },
+    // 分页
+    handlePage () {
+      this.products = this.productAll.slice((this.pageProduct - 1) * this.pageSizeProduct, this.pageProduct * this.pageSizeProduct)
+    },
+    handleCurrentChangeProduct (val) {
+      this.pageProduct = val
+      this.handlePage()
+      this.$router.push(`addcustomer?id=${this.customerId}&type=tab2&page=${val}`)
+    },
+    // 创建客户
+    addCustomer () {
+      this.customerVisible = true
+    },
+    // 获取城市
+    provinceChange (name) {
+      this.$get(this.api.queryCity, {
+        provinceId: this.provinceList.find(e => e.provinceName == name).provinceId
+      }).then(({ list }) => {
+        this.cities = list
+        this.customerForm.cityName = ''
+      }).catch(res => { });
+    },
+    // 客户新增提交
+    submitCustomer () {
+      if (this.submiting) return false
+      const form = this.customerForm
+      if (!form.schoolName) return this.$message.warning('请输入客户名称')
+      if (!form.provinceName) return this.$message.warning('请选择省份')
+      if (!form.cityName) return this.$message.warning('请选择城市')
+      this.submiting = true
+      this.$get(this.api.addNewCustomersByOneself, form).then(res => {
+        this.customerVisible = false
+        this.submiting = false
+        this.$message.success('添加成功')
+        this.form.schoolId = res.schoolId
+        this.getSchoolData()
+      }).catch((res) => {
+        this.submiting = false
+      })
+    },
+    // 获取产品分类
+    getCategory () {
+      this.$get(this.api.productCategoryList).then(res => {
+        this.productTypeList = res.classificationList
+      }).catch(err => { })
+    },
+    // 已订阅产品筛选
+    filterForm2 () {
+      const list = this.productAll
+      const { productType, status, keyword } = this.form2
+      this.products = list.filter(e => (productType === '' || productType === e.productType) && (e.status === status || status === '全部') && (!e.goodsName || (e.goodsName && e.goodsName.includes(keyword))))
+    },
+    // 已订阅产品导出
+    exportList () {
+      let list = this.productAll
+      if (this.multipleSelection.length) list = this.multipleSelection
+      const data = []
+      list.map(e => {
+        data.push({
+          productName: e.productName,
+          productStatus: e.status,
+          productType: e.productName,
+          remainingPeriod: e.remain,
+          startAndEndTime: e.startAndEndTime,
+          subscriptionStatus: e.isEnable ? '启用' : '禁用',
         })
-        axios.post(this.api.exportSubscribedRecords, data, {
-          headers: {
-            token: this.token
-          },
-          responseType: 'blob'
-        }).then((res) => {
-          util.downloadFileDirect(`已订阅产品.xls`, new Blob([res.data]))
-        }).catch(res => {})
-      },
+      })
+      axios.post(this.api.exportSubscribedRecords, data, {
+        headers: {
+          token: this.token
+        },
+        responseType: 'blob'
+      }).then((res) => {
+        util.downloadFileDirect(`已订阅产品.xls`, new Blob([res.data]))
+      }).catch(res => { })
+    },
 
-      // 订单记录
-      getOrder() {
-        const { orderStatus, orderType } = this.form3
-        this.$post(this.api.orderList, {
-            cityId: '',
-            customerName: this.form.customerName,
-            orderStatus,
-            orderType,
-            pageNo: 1,
-            pageSize: 10000,
-            provinceId: ''
-        }).then(({ orderPage }) => {
-            orderPage.orders.forEach(e => {
-                e.orderType = this.orderTypeFn(e.orderType)
-                e.orderStatus = this.orderStatusFn(e.orderStatus)
-                e.orderNature = this.orderNatureFn(e.orderNature)
-            });
-            this.orderAll = orderPage.orders
-            this.totalOrder = orderPage.total
-            this.handlePageOrder()
-        }).catch(res => {})
-      },
-      // 订单模糊查询
-      filterOrder() {
-        const { keyword } = this.form3
-        const { orders } = this
-        this.orders = keyword ? this.orderAll.filter(e => e.orderNumber.includes(keyword) || e.orderContent.includes(keyword)) : orders
-      },
-      // 分页
-      handlePageOrder() {
-        this.orders = this.orderAll.slice((this.pageOrder - 1) * this.pageSizeOrder, this.pageOrder * this.pageSizeOrder)
-        this.filterOrder()
-      },
-      handleCurrentChangeOrder(val) {
-        this.pageOrder = val
+    // 订单记录
+    getOrder () {
+      const { orderStatus, orderType } = this.form3
+      this.$post(this.api.orderList, {
+        cityId: '',
+        customerName: this.form.customerName,
+        orderStatus,
+        orderType,
+        pageNo: 1,
+        pageSize: 10000,
+        provinceId: ''
+      }).then(({ orderPage }) => {
+        orderPage.orders.forEach(e => {
+          e.orderType = this.orderTypeFn(e.orderType)
+          e.orderStatus = this.orderStatusFn(e.orderStatus)
+          e.orderNature = this.orderNatureFn(e.orderNature)
+        });
+        this.orderAll = orderPage.orders
+        this.totalOrder = orderPage.total
         this.handlePageOrder()
-        this.$router.push(`addcustomer?id=${this.customerId}&type=tab3&page=${val}`)
-      },
-      // 订单详情
-      toOrderDetail(row) {
-        this.$router.push(`/AddOrder?val=watch&orderId=${row.orderId}&orderStatus=${row.orderStatus === '已完成' ? 1 : 0}`)
-      },
+      }).catch(res => { })
+    },
+    // 订单模糊查询
+    filterOrder () {
+      const { keyword } = this.form3
+      const { orders } = this
+      this.orders = keyword ? this.orderAll.filter(e => e.orderNumber.includes(keyword) || e.orderContent.includes(keyword)) : orders
+    },
+    // 分页
+    handlePageOrder () {
+      this.orders = this.orderAll.slice((this.pageOrder - 1) * this.pageSizeOrder, this.pageOrder * this.pageSizeOrder)
+      this.filterOrder()
+    },
+    handleCurrentChangeOrder (val) {
+      this.pageOrder = val
+      this.handlePageOrder()
+      this.$router.push(`addcustomer?id=${this.customerId}&type=tab3&page=${val}`)
+    },
+    // 订单详情
+    toOrderDetail (row) {
+      this.$router.push(`/AddOrder?val=watch&orderId=${row.orderId}&orderStatus=${row.orderStatus === '已完成' ? 1 : 0}`)
+    },
 
-      // 商务经理
-      getBm() {
-        this.$post(this.api.getAListOfClientBusinessManagers, {
-            keywords: this.bmsKeyword,
-            customerId: this.customerId,
-            pageNum: this.pageBm,
-            pageSize: this.pageSizeBm
-        }).then(({ data }) => {
-          data.records.map(e => {
-            let name = ''
-            // 拼接团队名称，teamDel：1已删除，0未删除
-            e.teamInformationRespList.map(n => name += `${n.partnerClassificationName}${n.teamDel ? '（被解散）' : ''}<br>`)
-            e.bmName = name
-          })
-          this.bms = data.records
-          this.totalBm = data.total
-        }).catch(res => {})
-      },
-      handleCurrentChangeBm(val) {
-        this.pageBm = val
-        this.getBm()
-        this.$router.push(`addcustomer?id=${this.customerId}&type=tab5&page=${val}`)
-      },
-      // 商务经理查看
-      toOrder(row) {
-        this.$router.push(`/bmOrder?businessManagerId=${row.businessManagerId}&customerId=${this.customerId}&customerName=${this.form.customerName}&userName=${row.userName}&teamId=${row.teamId}`)
-      },
+    // 商务经理
+    getBm () {
+      this.$post(this.api.getAListOfClientBusinessManagers, {
+        keywords: this.bmsKeyword,
+        customerId: this.customerId,
+        pageNum: this.pageBm,
+        pageSize: this.pageSizeBm
+      }).then(({ data }) => {
+        data.records.map(e => {
+          let name = ''
+          // 拼接团队名称，teamDel：1已删除，0未删除
+          e.teamInformationRespList.map(n => name += `${n.partnerClassificationName}${n.teamDel ? '（被解散）' : ''}<br>`)
+          e.bmName = name
+        })
+        this.bms = data.records
+        this.totalBm = data.total
+      }).catch(res => { })
+    },
+    handleCurrentChangeBm (val) {
+      this.pageBm = val
+      this.getBm()
+      this.$router.push(`addcustomer?id=${this.customerId}&type=tab5&page=${val}`)
+    },
+    // 商务经理查看
+    toOrder (row) {
+      this.$router.push(`/bmOrder?businessManagerId=${row.businessManagerId}&customerId=${this.customerId}&customerName=${this.form.customerName}&userName=${row.userName}&teamId=${row.teamId}`)
+    },
+
+    // tab切换
+    tabChange (index, to) {
+      // 当前tab是第一个，并且不是从确认询问后跳过来的，就直接调询问框询问是否保存
+      if (this.curTab === 'tab1' && !to) {
+        this.goback(index)
+      } else {
+        this.curTab = index
+        this.$router.push(`addcustomer?id=${this.customerId}&type=${index}`)
+        this.pageProduct = 1
+        this.pageOrder = 1
+        this.pageBm = 1
+        index === 'tab3' && this.handlePageOrder()
+        this.updateTime = this.form.customerId ? 1 : 0
+      }
+    },
+    // 获取城市
+    getCityData () {
+      this.$get(this.api.queryCity, {
+        provinceId: this.form.provinceId
+      }).then(res => {
+        this.cityList = res.list
+      }).catch(res => { });
+    },
+    // 清除学校
+    clearSchool () {
+      this.form.provinceId = '',
+        this.form.cityId = '',
+        this.form.customerName = ''
+    },
+    // 获取学校/客户名称
+    getSchoolData () {
+      let data = {
+        schoolName: '',
+        provinceId: '',
+        cityId: ''
+      }
+      this.$get(this.api.querySchoolData).then(res => {
+        this.schoolList = res.list
+      }).catch(res => { });
+    },
+    // 查询客户是否存在
+    SchoolChange (val) {
+      this.clearSchool()
+      if (val) {
+        let obj = {}
+        obj = this.schoolList.find((item) => {
+          return item.schoolId === val
+        });
+        this.form.customerName = obj.schoolName
+        this.form.provinceId = obj.provinceId
+        this.getCityData()
+        this.form.cityId = obj.cityId
 
-      // tab切换
-      tabChange(index, to) {
-        // 当前tab是第一个，并且不是从确认询问后跳过来的，就直接调询问框询问是否保存
-        if (this.curTab === 'tab1' && !to) {
-          this.goback(index)
+        this.$get(this.api.queryCustomerIsExists, {
+          schoolId: this.form.schoolId
+        }).then(res => {
+          this.NoAdd = true
+        }).catch(res => {
+          this.NoAdd = false
+        })
+      }
+    },
+    // 获取行业类
+    getIndustryClass () {
+      this.$get(this.api.queryCustomerIndustryClass).then(res => {
+        this.IndustryClassList = res.list
+      }).catch(res => { });
+    },
+    // 清除行业类
+    clearIndustry () {
+      this.form.industryId = ''
+    },
+    // 获取行业
+    changIndustry () {
+      this.clearIndustry()
+      this.changIndustryData()
+    },
+    changIndustryData () {
+      let data = {
+        industryClassId: this.form.industryClassId
+      }
+      this.$get(this.api.queryCustomerIndustry, data).then(res => {
+        this.industryList = res.list
+      }).catch(res => { });
+    },
+    switchOff (val, row) {
+      this.$post(`${this.api.orderBulkDisableEnable}?isOpen=${val}`, row.startAndEndTimeList.map(e => e.id)).then(res => {
+        this.$message.success(val ? '启用成功' : '禁用成功')
+      }).catch(res => { })
+    },
+    phoneChange () { // 切换手机号
+      let regex = /^1[3456789]\d{9}$/;
+      if (regex.test(this.form.phone)) {
+        let url = "";
+        if (!this.form.customerId) {
+          url = `${this.api.checkEmailOrPhone}?phone=${this.form.phone}&email=`;
         } else {
-          this.curTab = index
-          this.$router.push(`addcustomer?id=${this.customerId}&type=${index}`)
-          this.pageProduct = 1
-          this.pageOrder = 1
-          this.pageBm = 1
-          index === 'tab3' && this.handlePageOrder()
-          this.updateTime = this.form.customerId ? 1 : 0
+          url = `${this.api.checkEmailOrPhone}?customerId=${this.form.customerId}&phone=${this.form.phone}&email=`;
         }
-      },
-      // 获取城市
-      getCityData(){
-          let data = {
-              provinceId: this.form.provinceId
+        this.$post(url).then(res => {
+          if (res.status === 200) {
+            this.phoneRepeat = false;
           }
-          this.$get(this.api.queryCity,data).then(res => {
-              this.cityList = res.list
-          }).catch(res => {});
-      },
-      // 清除学校
-      clearSchool(){
-          this.form.provinceId = '',
-          this.form.cityId = '',
-          this.form.customerName = ''
-      },
-      // 获取学校/客户名称
-      getSchoolData(){
-          let data = {
-              schoolName: '',
-              provinceId: '',
-              cityId: ''
-          }
-          this.$get(this.api.querySchoolData).then(res => {
-              this.schoolList = res.list
-          }).catch(res => {});
-      },
-      // 查询客户是否存在
-      SchoolChange(val){
-          this.clearSchool()
-          if(val){
-              let obj = {}
-              obj = this.schoolList.find((item)=>{
-                  return item.schoolId === val
-              });
-              this.form.customerName = obj.schoolName
-              this.form.provinceId = obj.provinceId
-              this.getCityData()
-              this.form.cityId = obj.cityId
-              
-              this.$get(this.api.queryCustomerIsExists,{
-                  schoolId: this.form.schoolId
-              }).then(res => {
-                  this.NoAdd = true
-              }).catch(res => {
-                  this.NoAdd = false
-              })
+        }).catch(err => {
+          this.phoneRepeat = true;
+        });
+      }
+    },
+    emailChange () { // 切换邮箱
+      let regex = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
+      if (regex.test(this.form.email)) {
+        let url = "";
+        if (!this.form.customerId) {
+          url = `${this.api.checkEmailOrPhone}?email=${this.form.email}&phone=`;
+        } else {
+          url = `${this.api.checkEmailOrPhone}?customerId=${this.form.customerId}&email=${this.form.email}&phone=`;
+        }
+        this.$post(url).then(res => {
+          if (res.status === 200) {
+            this.emailRepeat = false;
           }
-      },
-      // 获取行业类
-      getIndustryClass(){
-          this.$get(this.api.queryCustomerIndustryClass).then(res => {
-              this.IndustryClassList = res.list
-          }).catch(res => {});
-      },
-      // 清除行业类
-      clearIndustry(){
-          this.form.industryId = ''
-      },
-      // 获取行业
-      changIndustry(){
-          this.clearIndustry()
-          this.changIndustryData()
-      },
-      changIndustryData(){
-          let data = {
-              industryClassId: this.form.industryClassId
+        }).catch(err => {
+          this.emailRepeat = true;
+        });
+      }
+    },
+    saveAdd (tab) {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          if (this.submiting) return false
+          if (this.phoneRepeat) {
+            this.$message.warning("该手机号已存在");
+            return;
           }
-          this.$get(this.api.queryCustomerIndustry,data).then(res => {
-              this.industryList = res.list
-          }).catch(res => {});
-      },
-      switchOff(val, row) {
-        this.$post(`${this.api.orderBulkDisableEnable}?isOpen=${val}`, row.startAndEndTimeList.map(e => e.id)).then(res => {
-          this.$message.success(val ? '启用成功' : '禁用成功')
-        }).catch(res => {})
-      },
-      phoneChange() { // 切换手机号
-          let regex = /^1[3456789]\d{9}$/;
-          if (regex.test(this.form.phone)) {
-              let url = "";
-              if (!this.form.customerId) {
-                  url = `${this.api.checkEmailOrPhone}?phone=${this.form.phone}&email=`;
-              } else {
-                  url = `${this.api.checkEmailOrPhone}?customerId=${this.form.customerId}&phone=${this.form.phone}&email=`;
-              }
-              this.$post(url).then(res => {
-                  if (res.status === 200) {
-                      this.phoneRepeat = false;
-                  }
-              }).catch(err => {
-                  this.phoneRepeat = true;
-              });
+          if (this.emailRepeat) {
+            this.$message.warning("该邮箱已存在");
+            return;
           }
-      },
-      emailChange() { // 切换邮箱
-          let regex = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
-          if (regex.test(this.form.email)) {
-              let url = "";
-              if (!this.form.customerId) {
-                  url = `${this.api.checkEmailOrPhone}?email=${this.form.email}&phone=`;
-              } else {
-                  url = `${this.api.checkEmailOrPhone}?customerId=${this.form.customerId}&email=${this.form.email}&phone=`;
-              }
-              this.$post(url).then(res => {
-                  if (res.status === 200) {
-                      this.emailRepeat = false;
-                  }
-              }).catch(err => {
-                  this.emailRepeat = true;
-              });
+          this.submiting = true
+          if (this.NoAdd) {
+            let obj = {};
+            obj = this.schoolList.find((item) => {
+              return item.schoolId == this.form.schoolId;
+            });
+            this.form.customerName = obj.schoolName
+            this.form.provinceId = obj.provinceId
+            this.getCityData()
+            this.form.cityId = obj.cityId
+            let data = {
+              customerName: this.form.customerName,
+              customerId: this.customerId,
+              schoolId: this.form.schoolId,
+              countries: this.form.countries,
+              industryClassId: this.form.industryClassId,
+              industryId: this.form.industryId,
+              provinceId: this.form.provinceId,
+              account: this.form.account,
+              phone: this.form.phone,
+              cityId: this.form.cityId,
+              customerType: this.form.customerType,
+              expireDate: this.form.expireDate,
+              email: this.form.email,
+              name: this.form.name,
+              position: this.form.position
+            }
+            if (this.customerId) {
+              this.$post(this.api.updateCustomer, data).then((res) => {
+                setTimeout(() => {
+                  this.submiting = false
+                }, 1500)
+                this.$message.success('编辑成功')
+                tab ? this.tabChange(tab, 1) : this.backPage()
+              }).catch((res) => {
+                this.submiting = false
+              })
+            } else {
+              this.$post(this.api.addCustomer, data).then((res) => {
+                setTimeout(() => {
+                  this.submiting = false
+                }, 1500)
+                this.$store.commit('schoolIdData', { schoolId: this.form.schoolId })
+                this.$message.success('添加成功')
+                tab ? this.tabChange(tab, 1) : this.backPage()
+              }).catch((res) => {
+                this.submiting = false
+              })
+            }
+          } else {
+            this.$message.warning('该客户已存在')
           }
-      },
-      saveAdd(tab){
-          this.$refs.form.validate((valid) => {
-              if (valid) {
-                  if (this.submiting) return false
-                  if (this.phoneRepeat) {
-                      this.$message.warning("该手机号已存在");
-                      return;
-                  }
-                  if (this.emailRepeat) {
-                      this.$message.warning("该邮箱已存在");
-                      return;
-                  }
-                  this.submiting = true
-                  if(this.NoAdd){
-                      let obj = {};
-                      obj = this.schoolList.find((item)=>{
-                          return item.schoolId == this.form.schoolId;
-                      });
-                      this.form.customerName = obj.schoolName
-                      this.form.provinceId = obj.provinceId
-                      this.getCityData()
-                      this.form.cityId = obj.cityId
-                      let data = {
-                          customerName: this.form.customerName,
-                          customerId: this.customerId,
-                          schoolId: this.form.schoolId,
-                          countries: this.form.countries,
-                          industryClassId: this.form.industryClassId,
-                          industryId: this.form.industryId,
-                          provinceId: this.form.provinceId,
-                          account: this.form.account,
-                          phone: this.form.phone,
-                          cityId: this.form.cityId,
-                          customerType: this.form.customerType,
-                          expireDate: this.form.expireDate,
-                          email: this.form.email,
-                          name: this.form.name,
-                          position: this.form.position
-                      }
-                      if(this.customerId){
-                          this.$post(this.api.updateCustomer,data).then((res) => {
-                              setTimeout(() => {
-                                this.submiting = false
-                              }, 1500)
-                              this.$message.success('编辑成功')
-                              tab ? this.tabChange(tab, 1) : this.backPage()
-                          }).catch((res) => {
-                              this.submiting = false
-                          })
-                      }else{
-                          this.$post(this.api.addCustomer,data).then((res) => {
-                              setTimeout(() => {
-                                this.submiting = false
-                              }, 1500)
-                              this.$store.commit('schoolIdData',{schoolId: this.form.schoolId})
-                              this.$message.success('添加成功')
-                              tab ? this.tabChange(tab, 1) : this.backPage()
-                          }).catch((res) => {
-                              this.submiting = false
-                          })
-                      }
-                  }else{
-                      this.$message.warning('该客户已存在')
-                  }
-              }
-          })
-      },
-      handleSelectionChange(val) {
-        this.multipleSelection = val
-      },
-      showContract(row){
-          if(!row.contractFile) return this.$message.warning('文件链接无效')
-          let type = row.contractFile.split('.').pop()
-          let img = ['jpg','gif','png','jepg']
+        }
+      })
+    },
+    handleSelectionChange (val) {
+      this.multipleSelection = val
+    },
+    showContract (row) {
+      if (!row.contractFile) return this.$message.warning('文件链接无效')
+      let type = row.contractFile.split('.').pop()
+      let img = ['jpg', 'gif', 'png', 'jepg']
 
-          this.fileSrc = row.contractFile
-          if(img.includes(type)){
-              this.showImg = true
-          }else if('pdf'.includes(type)){
-              this.pdfVisible = true
-          }else{
-              window.open(`https://view.officeapps.live.com/op/view.aspx?src=${this.fileSrc}`)
-          }
-      },
-      goback(i) {
-        const id = this.form.customerId
-        const updateTime = this.updateTime
-        // 更改了信息才需要提示
-        if ((id && updateTime > 1) || (!id && updateTime)) {
-          this.$confirm(`编辑的内容未保存，是否保存？`, '提示', {
-            type: 'warning'
-          }).then(() => {
-            this.saveAdd(i)
-          }).catch(() => {
-            i ? this.tabChange(i, 1) : this.backPage()
-          })
-        } else {
+      this.fileSrc = row.contractFile
+      if (img.includes(type)) {
+        this.showImg = true
+      } else if ('pdf'.includes(type)) {
+        this.pdfVisible = true
+      } else {
+        window.open(`https://view.officeapps.live.com/op/view.aspx?src=${this.fileSrc}`)
+      }
+    },
+    goback (i) {
+      const id = this.form.customerId
+      const updateTime = this.updateTime
+      // 更改了信息才需要提示
+      if ((id && updateTime > 1) || (!id && updateTime)) {
+        this.$confirm(`编辑的内容未保存，是否保存？`, '提示', {
+          type: 'warning'
+        }).then(() => {
+          this.saveAdd(i)
+        }).catch(() => {
           i ? this.tabChange(i, 1) : this.backPage()
-        }
-      },
-      backPage(){
-          this.$router.push(`customer?page=${this.$store.state.customerPage}`)
+        })
+      } else {
+        i ? this.tabChange(i, 1) : this.backPage()
       }
+    },
+    backPage () {
+      this.$router.push(`customer?page=${this.$store.state.customerPage}`)
     }
+  }
 };
 </script>
 
 <style lang="scss" scoped>
 .tabs {
-  margin-bottom: 30px;
+    margin-bottom: 30px;
 }
 .card {
     min-height: calc(100vh - 260px);
     margin-bottom: 20px;
 }
-.addhr_tag{
+.addhr_tag {
     background-color: #666;
     width: 6px;
     height: 17px;
     margin-right: 5px;
 }
-.radio_icon{
+.radio_icon {
     font-size: 26px;
-    color: #9278FF;
+    color: #9278ff;
 }
 /deep/.warning {
-  margin-left: 5px;
-  color: #9278FF;
+    margin-left: 5px;
+    color: #9278ff;
 }
-.tags{
+.tags {
     border: none;
-    background: none;color: #000;
-    white-space:pre-wrap;
+    background: none;
+    color: #000;
+    white-space: pre-wrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
@@ -1041,9 +1373,15 @@ export default {
     -webkit-box-orient: vertical;
 }
 .info {
-  margin-top: 20px;
-  .el-select {
-    width: 100%;
-  }
+    margin-top: 20px;
+    .el-select {
+        width: 100%;
+    }
+}
+.plus-cus {
+    margin-left: 10px;
+    font-size: 18px;
+    color: #666;
+    cursor: pointer;
 }
 </style>
diff --git a/src/views/order/AddOrder.vue b/src/views/order/AddOrder.vue
index 4085cf1..824c870 100644
--- a/src/views/order/AddOrder.vue
+++ b/src/views/order/AddOrder.vue
@@ -187,7 +187,7 @@
                                round
                                @click="batchDeliver(0, 0)">取消全部发货</el-button>
                   </template>
-                  <el-button v-if="!viewDisabled&&!editDisabled&&!renewDisabled"
+                  <el-button v-if="!viewDisabled&&!isEdit&&!renewDisabled"
                              type="primary"
                              round
                              @click="addCourseJurisdiction(1)">添加</el-button>
@@ -216,7 +216,7 @@
                     <div class="small">
                       <el-input class="time-input"
                                 :class="!scope.row.periodOfUse&&whetherSubmit?'red':''"
-                                :disabled="viewDisabled||editDisabled"
+                                :disabled="viewDisabled||isEdit"
                                 maxlength="4"
                                 @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                 @input="scope.row.periodOfUse = scope.row.periodOfUse.replace(/[^0-9.]/g,'')"
@@ -224,7 +224,7 @@
                                 placeholder="输入时间"></el-input>
                       <el-select class="time-select"
                                  v-model="scope.row.options"
-                                 :disabled="viewDisabled||editDisabled"
+                                 :disabled="viewDisabled||isEdit"
                                  placeholder="请选择"
                                  @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)">
                         <el-option label="日"
@@ -246,7 +246,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -256,7 +256,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -341,7 +341,7 @@
                                  width="180">
                   <template slot-scope="scope">
                     <div class="flex-c-c">
-                      <el-button v-if="!editDisabled&&!viewDisabled"
+                      <el-button v-if="!isEdit&&!viewDisabled"
                                  type="text"
                                  @click="delCourseForm(scope.$index, scope.row)"
                                  style="margin-right:10px;">删除</el-button>
@@ -399,7 +399,7 @@
                                round
                                @click="batchDeliver(0, 5)">取消全部发货</el-button>
                   </template>
-                  <el-button v-if="!viewDisabled&&!editDisabled&&!renewDisabled"
+                  <el-button v-if="!viewDisabled&&!isEdit&&!renewDisabled"
                              type="primary"
                              round
                              @click="addCourseJurisdiction(2)">添加</el-button>
@@ -428,7 +428,7 @@
                     <div class="small">
                       <el-input class="time-input"
                                 :class="!scope.row.periodOfUse&&whetherSubmit?'red':''"
-                                :disabled="viewDisabled||editDisabled"
+                                :disabled="viewDisabled||isEdit"
                                 maxlength="4"
                                 @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                 @input="scope.row.periodOfUse = scope.row.periodOfUse.replace(/[^0-9.]/g,'')"
@@ -436,7 +436,7 @@
                                 placeholder="输入时间"></el-input>
                       <el-select class="time-select"
                                  v-model="scope.row.options"
-                                 :disabled="viewDisabled||editDisabled"
+                                 :disabled="viewDisabled||isEdit"
                                  placeholder="请选择"
                                  @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)">
                         <el-option label="日"
@@ -458,7 +458,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -468,7 +468,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -553,7 +553,7 @@
                                  width="180">
                   <template slot-scope="scope">
                     <div class="flex-c-c">
-                      <el-button v-if="!editDisabled&&!viewDisabled"
+                      <el-button v-if="!isEdit&&!viewDisabled"
                                  type="text"
                                  @click="delCourseDataForm(scope.$index, scope.row)"
                                  style="margin-right:10px;">删除</el-button>
@@ -611,7 +611,7 @@
                                round
                                @click="batchDeliver(0, 1)">取消全部发货</el-button>
                   </template>
-                  <el-button v-if="!viewDisabled&&!editDisabled&&!renewDisabled"
+                  <el-button v-if="!viewDisabled&&!isEdit&&!renewDisabled"
                              type="primary"
                              round
                              class="mag"
@@ -641,7 +641,7 @@
                     <div class="small">
                       <el-input class="time-input"
                                 :class="!scope.row.periodOfUse&&whetherSubmit?'red':''"
-                                :disabled="viewDisabled||editDisabled"
+                                :disabled="viewDisabled||isEdit"
                                 maxlength="4"
                                 @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options)"
                                 @input="scope.row.periodOfUse = scope.row.periodOfUse.replace(/[^0-9.]/g,'')"
@@ -650,7 +650,7 @@
                       <span style="margin-left:5px">
                         <el-select class="time-select"
                                    v-model="scope.row.options"
-                                   :disabled="viewDisabled||editDisabled"
+                                   :disabled="viewDisabled||isEdit"
                                    placeholder="请选择"
                                    @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options)">
                           <el-option label="日"
@@ -673,7 +673,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -683,7 +683,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -794,7 +794,7 @@
                                  width="180">
                   <template slot-scope="scope">
                     <div class="flex-c-c">
-                      <el-button v-if="!editDisabled&&!viewDisabled"
+                      <el-button v-if="!isEdit&&!viewDisabled"
                                  type="text"
                                  @click="delDataForm(scope.$index, scope.row)"
                                  style="margin-right:10px;">删除</el-button>
@@ -845,7 +845,7 @@
                                round
                                @click="batchDeliver(0, 2)">取消全部发货</el-button>
                   </template>
-                  <el-button v-if="!viewDisabled&&!editDisabled&&!renewDisabled"
+                  <el-button v-if="!viewDisabled&&!isEdit&&!renewDisabled"
                              type="primary"
                              round
                              class="mag"
@@ -875,7 +875,7 @@
                     <div class="small">
                       <el-input class="time-input"
                                 :class="!scope.row.periodOfUse&&whetherSubmit?'red':''"
-                                :disabled="viewDisabled||editDisabled"
+                                :disabled="viewDisabled||isEdit"
                                 maxlength="4"
                                 @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options)"
                                 @input="scope.row.periodOfUse = scope.row.periodOfUse.replace(/[^0-9.]/g,'')"
@@ -884,7 +884,7 @@
                       <span style="margin-left:5px">
                         <el-select class="time-select"
                                    v-model="scope.row.options"
-                                   :disabled="viewDisabled||editDisabled"
+                                   :disabled="viewDisabled||isEdit"
                                    placeholder="请选择"
                                    @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options)">
                           <el-option label="日"
@@ -907,7 +907,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
                     </p>
@@ -916,7 +916,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -994,7 +994,7 @@
                                  width="180">
                   <template slot-scope="scope">
                     <div class="flex-c-c">
-                      <el-button v-if="!editDisabled&&!viewDisabled"
+                      <el-button v-if="!isEdit&&!viewDisabled"
                                  type="text"
                                  @click="delDataFormList(scope.$index, scope.row)"
                                  style="margin-right:10px;">删除</el-button>
@@ -1045,7 +1045,7 @@
                                round
                                @click="batchDeliver(0, 3)">取消全部发货</el-button>
                   </template>
-                  <el-button v-if="!viewDisabled&&!editDisabled&&!renewDisabled"
+                  <el-button v-if="!viewDisabled&&!isEdit&&!renewDisabled"
                              type="primary"
                              round
                              class="mag"
@@ -1076,7 +1076,7 @@
                     <div class="small">
                       <el-input class="time-input"
                                 :class="!scope.row.periodOfUse&&whetherSubmit?'red':''"
-                                :disabled="viewDisabled||editDisabled"
+                                :disabled="viewDisabled||isEdit"
                                 maxlength="4"
                                 @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                 @input="scope.row.periodOfUse = scope.row.periodOfUse.replace(/[^0-9.]/g,'')"
@@ -1084,7 +1084,7 @@
                                 placeholder="输入时间"></el-input>
                       <el-select class="time-select"
                                  v-model="scope.row.options"
-                                 :disabled="viewDisabled||editDisabled"
+                                 :disabled="viewDisabled||isEdit"
                                  placeholder="请选择"
                                  @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)">
                         <el-option label="日"
@@ -1106,7 +1106,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -1116,7 +1116,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -1197,7 +1197,7 @@
                       <el-button style="margin-right: 10px;"
                                  type="text"
                                  @click="showShip(scope.row)">{{ viewDisabled ? '' : '编辑' }}发货内容</el-button>
-                      <el-button v-if="!editDisabled&&!viewDisabled"
+                      <el-button v-if="!isEdit&&!viewDisabled"
                                  type="text"
                                  @click="delPracticalCourses(scope.$index, scope.row)"
                                  style="margin: 0 10px;">删除</el-button>
@@ -1255,7 +1255,7 @@
                                round
                                @click="batchDeliver(0, 4)">取消全部发货</el-button>
                   </template>
-                  <el-button v-if="!viewDisabled&&!editDisabled&&!renewDisabled"
+                  <el-button v-if="!viewDisabled&&!isEdit&&!renewDisabled"
                              type="primary"
                              round
                              class="mag"
@@ -1286,7 +1286,7 @@
                     <div class="small">
                       <el-input class="time-input"
                                 :class="!scope.row.periodOfUse&&whetherSubmit?'red':''"
-                                :disabled="viewDisabled||editDisabled"
+                                :disabled="viewDisabled||isEdit"
                                 maxlength="4"
                                 @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                 @input="scope.row.periodOfUse = scope.row.periodOfUse.replace(/[^0-9.]/g,'')"
@@ -1294,7 +1294,7 @@
                                 placeholder="输入时间"></el-input>
                       <el-select class="time-select"
                                  v-model="scope.row.options"
-                                 :disabled="viewDisabled||editDisabled"
+                                 :disabled="viewDisabled||isEdit"
                                  placeholder="请选择"
                                  @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)">
                         <el-option label="日"
@@ -1316,7 +1316,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -1326,7 +1326,7 @@
                                       style="width:130px"
                                       v-model="scope.row.startTime"
                                       type="date"
-                                      :disabled="viewDisabled||editDisabled"
+                                      :disabled="viewDisabled||isEdit"
                                       @change="deadLine(scope.row.periodOfUse,scope.row,scope.row.options, 1)"
                                       placeholder="请选择使用日期">
                       </el-date-picker>
@@ -1407,7 +1407,7 @@
                       <el-button style="margin-right: 10px;"
                                  type="text"
                                  @click="showShip(scope.row)">{{ viewDisabled ? '' : '编辑' }}发货内容</el-button>
-                      <el-button v-if="!editDisabled&&!viewDisabled"
+                      <el-button v-if="!isEdit&&!viewDisabled"
                                  type="text"
                                  @click="delExpTool(scope.$index, scope.row)"
                                  style="margin-right:10px;">删除</el-button>
@@ -1743,11 +1743,12 @@ export default {
       loading: false,// 页面加载
       isAdd: false, // 是否添加
       viewDisabled: false,// 查看禁用
-      editDisabled: false,// 编辑禁用
+      editDisabled: false,// 编辑和处理禁用
+      isEdit: false, // 编辑
       renewDisabled: false,// 续费禁用
       dataLoading: false,// 产品弹框加载
       whetherSubmit: false,/* 提交否 */
-      dispose: false,
+      dispose: false, // 处理
       showSelectClient: false,// 切换展示选择客户页
       form: {// 基本信息
         // orderNumber: '',// 编号
@@ -1954,6 +1955,7 @@ export default {
         this.dispose = true;
       } else {
         this.titlesw = '修改订单'
+        this.isEdit = true
       }
       this.editDisabled = true;
       await this.getDetail(this.$route.query.orderId);
@@ -2031,8 +2033,7 @@ export default {
             this.$post(this.api.renew, {
               authority: 1,
               customerId,
-              productId: orderOther.filter(e => e.authority === 1).map(e => e.dataOrCourseId),
-              mallId: orderOther.filter(e => e.authority === 1).map(e => e.mallId),
+              productId: orderOther.filter(e => e.authority === 1).map(e => e.mallId),
             }).then(({ orderOthers }) => {
               list.push(...orderOthers)
               resolve()
@@ -2044,8 +2045,7 @@ export default {
             this.$post(this.api.renew, {
               authority: 0,
               customerId,
-              productId: orderOther.filter(e => !e.authority).map(e => e.dataOrCourseId),
-              mallId: orderOther.filter(e => !e.authority).map(e => e.mallId),
+              productId: orderOther.filter(e => !e.authority).map(e => e.mallId),
             }).then(({ orderOthers }) => {
               list.push(...orderOthers)
               resolve()
@@ -2057,8 +2057,7 @@ export default {
             this.$post(this.api.renew, {
               authority: 2,
               customerId,
-              productId: orderOther.filter(e => e.authority === 2).map(e => e.dataOrCourseId),
-              mallId: orderOther.filter(e => e.authority === 2).map(e => e.mallId),
+              productId: orderOther.filter(e => e.authority === 2).map(e => e.mallId),
             }).then(({ orderOthers }) => {
               list.push(...orderOthers)
               resolve()
@@ -2070,8 +2069,7 @@ export default {
             this.$post(this.api.renew, {
               authority: 3,
               customerId,
-              productId: orderOther.filter(e => e.authority === 3).map(e => e.dataOrCourseId),
-              mallId: orderOther.filter(e => e.authority === 3).map(e => e.mallId),
+              productId: orderOther.filter(e => e.authority === 3).map(e => e.mallId),
             }).then(({ orderOthers }) => {
               list.push(...orderOthers)
               resolve()
@@ -2084,8 +2082,7 @@ export default {
               authority: 4,
               // authority: 3,
               customerId,
-              productId: orderOther.filter(e => e.authority === 4).map(e => e.dataOrCourseId),
-              mallId: orderOther.filter(e => e.authority === 4).map(e => e.mallId),
+              productId: orderOther.filter(e => e.authority === 4).map(e => e.mallId),
             }).then(({ orderOthers }) => {
               list.push(...orderOthers)
               resolve()
@@ -2580,10 +2577,8 @@ export default {
           })
         };
         const productId = []
-        const mallId = []
         this.practicalCoursesSelect.map(e => {// 取得选中的值，进行赋值
-          e.associatedProduct && productId.push(+e.associatedProduct);
-          mallId.push(e.mallId)
+          productId.push(e.mallId)
           let find = this[name].some(i => e.mallId === i.mallId);// 判断已有的相同的id不进行处理
           if (!find) {
             // 查询产品管理设置的平台结算价
@@ -2605,7 +2600,6 @@ export default {
           authority,
           customerId: this.form.customerId,
           productId,
-          mallId
         }).then(res => {
           this[name].map(e => {
             res.orderOthers.map(el => {
diff --git a/src/views/parnerOperation/schemeSet.vue b/src/views/parnerOperation/schemeSet.vue
index c9528af..e9ba14a 100644
--- a/src/views/parnerOperation/schemeSet.vue
+++ b/src/views/parnerOperation/schemeSet.vue
@@ -1,112 +1,148 @@
 <template>
   <div>
-    <el-card shadow="hover" class="mgb20">
+    <el-card shadow="hover"
+             class="mgb20">
       <div class="flex-between">
-        <div class="per_title" v-preventReClick @click="back">
+        <div class="per_title"
+             v-preventReClick
+             @click="back">
           <i class="el-icon-arrow-left"></i>
           <span class="per_back">返回</span>
-          <span class="per_school" v-text="form.id ? '编辑方案' : '新建方案'"></span>
+          <span class="per_school"
+                v-text="form.id ? '编辑方案' : '新建方案'"></span>
         </div>
       </div>
     </el-card>
     <div class="page">
-      <el-form :model="form" :rules="rules" class="input-form model" label-width="140px">
+      <el-form :model="form"
+               :rules="rules"
+               class="input-form model"
+               label-width="140px">
         <div class="item-line">
-          <el-form-item prop="title" label="标题">
-            <el-input
-              placeholder="请输入标题"
-              v-model.trim="form.title"
-              clearable
-              maxlength="30"
-              class="inline-input"
-            ></el-input>
+          <el-form-item prop="title"
+                        label="标题">
+            <el-input placeholder="请输入标题"
+                      v-model.trim="form.title"
+                      clearable
+                      maxlength="30"
+                      class="inline-input"></el-input>
           </el-form-item>
-          <el-form-item prop="classificationId" label="所属分类">
-            <el-select style="width: 234px;" v-model="form.classificationId">
+          <el-form-item prop="classificationId"
+                        label="所属分类">
+            <el-select style="width: 234px;"
+                       v-model="form.classificationId">
               <template v-for="item in classifications">
-                <el-option
-                  v-if="item.id"
-                  :key="item.id"
-                  :label="item.classificationName"
-                  :value="item.id">
+                <el-option v-if="item.id"
+                           :key="item.id"
+                           :label="item.classificationName"
+                           :value="item.id">
                 </el-option>
               </template>
             </el-select>
-            <el-button class="set-btn" type="primary" @click="setClass">设置</el-button>
+            <el-button class="set-btn"
+                       type="primary"
+                       @click="setClass">设置</el-button>
           </el-form-item>
         </div>
-        <el-form-item prop="applicableMajor" label="适用专业">
-          <el-input
-            style="width: 940px"
-            type="textarea"
-            v-model.trim="form.applicableMajor"
-            :rows="3"
-            clearable
-          ></el-input>
+        <el-form-item prop="applicableMajor"
+                      label="适用专业">
+          <el-input style="width: 940px"
+                    type="textarea"
+                    v-model.trim="form.applicableMajor"
+                    :rows="3"
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item prop="schemeIntroduction" label="方案简介">
-          <el-input
-            style="width: 940px"
-            type="textarea"
-            v-model.trim="form.schemeIntroduction"
-            :rows="3"
-            clearable
-          ></el-input>
+        <el-form-item prop="schemeIntroduction"
+                      label="方案简介">
+          <el-input style="width: 940px"
+                    type="textarea"
+                    v-model.trim="form.schemeIntroduction"
+                    :rows="3"
+                    clearable></el-input>
         </el-form-item>
-        <el-form-item prop="product" label="产品">
-          <el-input
-            style="width: 940px"
-            type="textarea"
-            v-model.trim="form.product"
-            :rows="3"
-            clearable
-          ></el-input>
+        <el-form-item prop="product"
+                      label="产品">
+          <el-button style="margin-bottom: 5px"
+                     type="primary"
+                     @click="showProduct">请选择</el-button>
+          <div>
+            <el-tag v-for="(tag, i) in form.productList"
+                    :key="i"
+                    class="tag"
+                    closable
+                    @close="delCheckedProduct(i)">
+              {{tag.productName}}
+            </el-tag>
+          </div>
         </el-form-item>
-        <el-form-item prop="schemeFile" label="方案文件">
-          <el-upload
-            :before-upload="fileBeforeUpload"
-            :on-success="uploadSuccessFile"
-            :action="this.api.fileUploadNakadai"
-            :file-list="fileList"
-            :limit="1"
-            :on-exceed="handleExceed"
-            :headers="headers"
-          >
+        <el-form-item prop="schemeFile"
+                      label="方案文件">
+          <el-upload :before-upload="fileBeforeUpload"
+                     :on-success="uploadSuccessFile"
+                     :action="this.api.fileUploadNakadai"
+                     :file-list="fileList"
+                     :limit="1"
+                     :on-exceed="handleExceed"
+                     :headers="headers">
             <el-button>上传</el-button>
           </el-upload>
         </el-form-item>
       </el-form>
       <div class="btns">
-        <el-button type="primary" @click="submit(1)">发布</el-button>
+        <el-button type="primary"
+                   @click="submit(1)">发布</el-button>
         <el-button @click="submit(0)">保存草稿</el-button>
         <el-button @click="back">取消</el-button>
       </div>
     </div>
-    
-    <el-dialog title="所属分类设置" :visible.sync="classVisible" width="500px" :close-on-click-modal="false" class="manage-dia" :before-close="closeClass">
+
+    <el-dialog title="所属分类设置"
+               :visible.sync="classVisible"
+               width="500px"
+               :close-on-click-modal="false"
+               class="manage-dia"
+               :before-close="closeClass">
       <div class="plus">
-        <i class="el-icon-circle-plus-outline" @click="addClass"></i>
+        <i class="el-icon-circle-plus-outline"
+           @click="addClass"></i>
       </div>
-      <el-table :data="classifications" ref="table" header-align="center" row-key="id">
-        <el-table-column type="index" width="60" label="序号" align="center"></el-table-column>
-        <el-table-column prop="classificationName" label="分类名称" align="center" min-width="130">
+      <el-table :data="classifications"
+                ref="table"
+                header-align="center"
+                row-key="id">
+        <el-table-column type="index"
+                         width="60"
+                         label="序号"
+                         align="center"></el-table-column>
+        <el-table-column prop="classificationName"
+                         label="分类名称"
+                         align="center"
+                         min-width="130">
           <template slot-scope="scope">
-            <el-input
-              v-if="scope.row.edit"
-              placeholder="请输入分类名称"
-              v-model="scope.row.classificationName"
-              clearable
-              maxlength="30"
-            ></el-input>
+            <el-input v-if="scope.row.edit"
+                      placeholder="请输入分类名称"
+                      v-model="scope.row.classificationName"
+                      clearable
+                      maxlength="30"></el-input>
             <span v-else>{{ scope.row.classificationName }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="updateTime1" label="是否引用" align="center" min-width="60">否</el-table-column>
-        <el-table-column label="操作" align="center" min-width="60">
+        <el-table-column prop="updateTime1"
+                         label="是否引用"
+                         align="center"
+                         min-width="60">否</el-table-column>
+        <el-table-column label="操作"
+                         align="center"
+                         min-width="60">
           <template slot-scope="scope">
-            <i v-if="scope.row.edit" class="el-icon-check edit" @click="submitClass(scope.row)"></i>
-            <i v-else class="el-icon-edit edit" @click="editClass(scope.row)"></i>
-            <i class="el-icon-delete del" @click="delClass(scope.row, scope.$index)"></i>
+            <i v-if="scope.row.edit"
+               class="el-icon-check edit"
+               @click="submitClass(scope.row)"></i>
+            <i v-else
+               class="el-icon-edit edit"
+               @click="editClass(scope.row)"></i>
+            <i class="el-icon-delete del"
+               @click="delClass(scope.row, scope.$index)"></i>
           </template>
         </el-table-column>
       </el-table>
@@ -114,6 +150,112 @@
         <el-button @click="closeClass">返回</el-button>
       </span>
     </el-dialog>
+
+    <el-dialog :visible.sync="productVisible"
+               width="1200px"
+               center
+               custom-class="product-dia">
+      <div class="product-wrap">
+        <div class="item type">
+          <div class="title-wrap flex-center">
+            <p class="addhr_tag"></p>
+            <span>产品分类</span>
+          </div>
+          <ul class="types">
+            <li v-for="(item, i) in productCategories"
+                :key="i"
+                :class="{active: curType == item.classificationId}"
+                @click="typeClick(item)">
+              {{ item.classificationName }}
+            </li>
+          </ul>
+        </div>
+
+        <div class="item products">
+          <div class="title-wrap flex-center">
+            <p class="addhr_tag"></p>
+            <span>产品列表</span>
+          </div>
+          <el-input class="mgb10"
+                    placeholder="请输入产品名称"
+                    prefix-icon="el-icon-search"
+                    v-model.trim="keyword"
+                    clearable></el-input>
+          <el-table :data="products"
+                    class="table"
+                    ref="table"
+                    stripe
+                    header-align="center"
+                    max-height="470"
+                    @selection-change="handleSelectionChange"
+                    row-key="mallId">
+            <el-table-column type="selection"
+                             width="55"
+                             align="center"
+                             :reserve-selection="true"></el-table-column>
+            <el-table-column type="index"
+                             width="55"
+                             label="序号"
+                             align="center"></el-table-column>
+            <el-table-column prop="productName"
+                             label="产品名称"
+                             align="center"></el-table-column>
+            <el-table-column prop="supplierName"
+                             label="厂商"
+                             align="center"></el-table-column>
+          </el-table>
+          <div class="pagination">
+            <el-pagination background
+                           layout="total, prev, pager, next"
+                           :total="total"
+                           @current-change="handleCurrentChange"
+                           :current-page="page">
+            </el-pagination>
+          </div>
+        </div>
+
+        <div class="item checked">
+          <div class="title-wrap flex-center">
+            <p class="addhr_tag"></p>
+            <span>已选择产品（{{ checkeds.length }}个）</span>
+          </div>
+          <el-table :data="checkeds"
+                    class="table"
+                    stripe
+                    header-align="center"
+                    max-height="470">
+            <el-table-column type="index"
+                             width="55"
+                             label="序号"
+                             align="center"></el-table-column>
+            <el-table-column prop="productName"
+                             label="产品名称"
+                             align="center"></el-table-column>
+            <el-table-column prop="supplierName"
+                             label="厂商"
+                             align="center"></el-table-column>
+            <el-table-column prop="typeName"
+                             label="产品类型"
+                             align="center"></el-table-column>
+            <el-table-column label="操作"
+                             align="center"
+                             width="55">
+              <template slot-scope="scope">
+                <i :class="['el-icon-delete rm', {disabled: scope.row.disabled}]"
+                   @click="delProduct(scope.$index, scope.row)"></i>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <span slot="footer"
+            class="dialog-footer">
+        <el-button @click="productVisible = false">取 消</el-button>
+        <el-button type="primary"
+                   @click="productSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -124,430 +266,474 @@ import editorConfig from '@/utils/editor'
 import Cropper from '@/components/img-upload/Cropper'
 import Axios from 'axios'
 export default {
-    data() {
-        return {
-          headers: {
-            token: sessionStorage.getItem('token')
-          },
-          nameRepeat: false,
-          form: {
-            id: this.$route.query.id || '',
-            applicableMajor: '',
-            classificationId: '',
-            product: '',
-            fileName: '',
-            schemeFile: '',
-            title: '',
-            schemeIntroduction: ''
-          },
-          fileList: [],
-          rules: {
-            title: [
-              { required: true, message: '请输入标题', trigger: 'blur' }
-            ],
-            classificationId: [
-              { required: true, message: '请选择所属分类', trigger: 'change' }
-            ],
-            applicableMajor: [
-              { required: true, message: '请输入适用专业', trigger: 'blur' }
-            ],
-            schemeIntroduction: [
-              { required: true, message: '请输入方案简介', trigger: 'blur' }
-            ],
-            product: [
-              { required: true, message: '请输入产品', trigger: 'blur' }
-            ],
-            schemeFile: [
-              { required: true, message: '请选择方案文件', trigger: 'change' }
-            ],
-          },
-          editorConfig,
-          submiting: false, // 新增编辑防抖标识
-          pass: false,
-          uploading: 0,
-          updateTime: 0,
-          cropperModel: false,
-          isUpload: false,
-          fixedNumber: [1.76, 1],
-          file: {}, // 当前被选择的图片文件
-          classifications: [],
-          classVisible: false,
-          labels: [],
-          labelVisible: false
-        };
-    },
-    components: {
-      Editor,
-      Cropper
-    },
-    watch: {
-      // 监听信息是否有更改,有的话页面离开的时候要询问是否要保存
+  data () {
+    return {
+      headers: {
+        token: sessionStorage.getItem('token')
+      },
+      nameRepeat: false,
       form: {
-        handler(val){
-          this.updateTime++
-        },
-        deep:true
-      }
+        id: this.$route.query.id || '',
+        applicableMajor: '',
+        classificationId: '',
+        productList: [],
+        fileName: '',
+        schemeFile: '',
+        title: '',
+        schemeIntroduction: ''
+      },
+      fileList: [],
+      rules: {
+        title: [
+          { required: true, message: '请输入标题', trigger: 'blur' }
+        ],
+        classificationId: [
+          { required: true, message: '请选择所属分类', trigger: 'change' }
+        ],
+        applicableMajor: [
+          { required: true, message: '请输入适用专业', trigger: 'blur' }
+        ],
+        schemeIntroduction: [
+          { required: true, message: '请输入方案简介', trigger: 'blur' }
+        ],
+        product: [
+          { required: true, message: '请输入产品', trigger: 'blur' }
+        ],
+        schemeFile: [
+          { required: true, message: '请选择方案文件', trigger: 'change' }
+        ],
+      },
+      editorConfig,
+      submiting: false, // 新增编辑防抖标识
+      pass: false,
+      uploading: 0,
+      updateTime: 0,
+      cropperModel: false,
+      isUpload: false,
+      fixedNumber: [1.76, 1],
+      file: {}, // 当前被选择的图片文件
+      classifications: [],
+      classVisible: false,
+      labels: [],
+      labelVisible: false,
+
+      productVisible: false,
+      productCategories: [],
+      curType: 1,
+      checkeds: [],
+      total: 0,
+      page: 1,
+      pageSize: 10,
+      products: [],
+      multipleSelection: [],
+      keyword: '',
+      loading: false,
+    };
+  },
+  components: {
+    Editor,
+    Cropper
+  },
+  watch: {
+    // 监听信息是否有更改,有的话页面离开的时候要询问是否要保存
+    form: {
+      handler (val) {
+        this.updateTime++
+      },
+      deep: true
     },
-    // 页面离开的时候如果没有保存则提示
-    beforeRouteLeave(to, from, next) {
-      if (this.submiting) {
-        next()
-      } else if (!this.pass) {
-        // 更改了信息才需要提示
-        if (this.updateTime) {
-          this.$confirm(`所填写内容暂未保存，是否保存？`, '提示', {
-            type: 'warning'
-          }).then(() => {
-            this.submit(this.form.isRelease, next)
-          }).catch(() => {
-            next()
-          })
-        } else {
+    keyword: function (val) {
+      clearTimeout(this.searchTimer);
+      this.searchTimer = setTimeout(() => {
+        this.initData();
+      }, 500);
+    }
+  },
+  // 页面离开的时候如果没有保存则提示
+  beforeRouteLeave (to, from, next) {
+    if (this.submiting) {
+      next()
+    } else if (!this.pass) {
+      // 更改了信息才需要提示
+      if (this.updateTime) {
+        this.$confirm(`所填写内容暂未保存，是否保存？`, '提示', {
+          type: 'warning'
+        }).then(() => {
+          this.submit(this.form.isRelease, next)
+        }).catch(() => {
           next()
-        }
+        })
       } else {
         next()
       }
+    } else {
+      next()
+    }
+  },
+  mounted () {
+    this.getArticle()
+  },
+  methods: {
+    // 详情
+    getArticle () {
+      const { id } = this.form
+      id ? this.$post(`${this.api.findByIdScheme}?id=${id}`).then(({ data }) => {
+        if (data.schemeFile) this.fileList = [{ name: data.fileName, url: data.schemeFile }]
+        if (!data.productList) data.productList = []
+        this.form = data
+        this.getClassification(1)
+      }).catch(err => { }) : this.getClassification(1)
     },
-    mounted() {
-      this.getArticle()
-    },
-    methods: {
-      // 详情
-      getArticle() {
-        const { id } = this.form
-        id ? this.$post(`${this.api.findByIdScheme}?id=${id}`).then(({ data }) => {
-          if (data.schemeFile) this.fileList = [{name: data.fileName, url: data.schemeFile}]
-          this.form = data
-          this.getClassification(1)
-        }).catch(err => {}) : this.getClassification(1)
-      },
-      // 获取所属分类
-      getClassification(detail) {
-        this.$post(`${this.api.queryClassificationByType}?typeId=3`).then(({ data }) => {
-          this.classifications = data
-          // 如果所选分类被删除，则清空分类id
-          if (detail) {
-            const id = this.form.classificationId
-            if (!data.find(e => e.id == id)) this.form.classificationId = ''
-            this.$nextTick(() => {
-              this.updateTime = 0
-            })
-          }
-        }).catch(err => {})
-      },
-      // 显示所属分类弹框
-      setClass() {
-        this.classVisible = true
-      },
-      // 新增所属分类
-      addClass() {
-        this.classifications.push({
-          edit: true,
-          id: '',
-          classificationName: ''
-        })
-      },
-      // 编辑所属分类
-      editClass(row) {
-        this.$set(row, 'edit', 1)
-      },
-      // 删除所属分类
-      delClass(row, i) {
-        if (row.id) {
-          this.$confirm('确定要删除吗？', '提示', {
-            type: 'warning'
-          }).then(() => {
-            this.$post(`${this.api.batchDeletionParnerClass}?ids=${row.id}`).then(res => {
-              Util.successMsg('删除成功')
-              this.getClassification()
-            }).catch(res => {})
-          }).catch(() => {})
-        } else {
-          this.classifications.splice(i, 1)
+    // 获取所属分类
+    getClassification (detail) {
+      this.$post(`${this.api.queryClassificationByType}?typeId=3`).then(({ data }) => {
+        this.classifications = data
+        // 如果所选分类被删除，则清空分类id
+        if (detail) {
+          const id = this.form.classificationId
+          if (!data.find(e => e.id == id)) this.form.classificationId = ''
+          this.$nextTick(() => {
+            this.updateTime = 0
+          })
         }
-      },
-      // 提交所属分类
-      submitClass(row, showMsg = 1) {
-        if (!row.classificationName) return Util.errorMsg('请输入分类名称')
-        this.$post(`${this.api.checkForHeavyParnerClass}?classificationName=${row.classificationName}&typeId=1&classificationId=${row.id}`).then(res => {
-          this.$post(this.api[row.id ? 'updateParnerClass' : 'saveParnerClass'], {
-            classificationName: row.classificationName,
-            typeId: 3, // 类型(1.学习2.资讯)
-            id: row.id,
-          }).then(res => {
-            showMsg && Util.successMsg((row.id ? '修改' : '新增') + '成功')
+      }).catch(err => { })
+    },
+    // 显示所属分类弹框
+    setClass () {
+      this.classVisible = true
+    },
+    // 新增所属分类
+    addClass () {
+      this.classifications.push({
+        edit: true,
+        id: '',
+        classificationName: ''
+      })
+    },
+    // 编辑所属分类
+    editClass (row) {
+      this.$set(row, 'edit', 1)
+    },
+    // 删除所属分类
+    delClass (row, i) {
+      if (row.id) {
+        this.$confirm('确定要删除吗？', '提示', {
+          type: 'warning'
+        }).then(() => {
+          this.$post(`${this.api.batchDeletionParnerClass}?ids=${row.id}`).then(res => {
+            Util.successMsg('删除成功')
             this.getClassification()
-          }).catch(res => {})
-        }).catch(res => {})
-      },
-      // 关闭所属分类
-      closeClass() {
-        const list = this.classifications
-        if (list.find(e => e.edit && e.classificationName)) {
-          this.$confirm('所填写内容暂未保存，是否保存？', '提示', {
-            type: 'warning'
-          }).then(() => {
-            list.map(e => {
-              e.edit && e.classificationName && this.submitClass(e, 0)
-            })
-            this.classVisible = false
-          }).catch(() => {
-            this.classVisible = false
+          }).catch(res => { })
+        }).catch(() => { })
+      } else {
+        this.classifications.splice(i, 1)
+      }
+    },
+    // 提交所属分类
+    submitClass (row, showMsg = 1) {
+      if (!row.classificationName) return Util.errorMsg('请输入分类名称')
+      this.$post(`${this.api.checkForHeavyParnerClass}?classificationName=${row.classificationName}&typeId=1&classificationId=${row.id}`).then(res => {
+        this.$post(this.api[row.id ? 'updateParnerClass' : 'saveParnerClass'], {
+          classificationName: row.classificationName,
+          typeId: 3, // 类型(1.学习2.资讯)
+          id: row.id,
+        }).then(res => {
+          showMsg && Util.successMsg((row.id ? '修改' : '新增') + '成功')
+          this.getClassification()
+        }).catch(res => { })
+      }).catch(res => { })
+    },
+    // 关闭所属分类
+    closeClass () {
+      const list = this.classifications
+      if (list.find(e => e.edit && e.classificationName)) {
+        this.$confirm('所填写内容暂未保存，是否保存？', '提示', {
+          type: 'warning'
+        }).then(() => {
+          list.map(e => {
+            e.edit && e.classificationName && this.submitClass(e, 0)
           })
-        } else {
           this.classVisible = false
-        }
-        // 所选的分类被删了后，要清空所选的分类id
-        if (!list.find(e => e.id == this.form.classificationId)) this.form.classificationId = ''
-      },
+        }).catch(() => {
+          this.classVisible = false
+        })
+      } else {
+        this.classVisible = false
+      }
+      // 所选的分类被删了后，要清空所选的分类id
+      if (!list.find(e => e.id == this.form.classificationId)) this.form.classificationId = ''
+    },
 
-      // 附件上传之前的钩子
-      fileBeforeUpload(file) {
-        this.uploading++
-      },
-      // 附件上传成功
-      uploadSuccessFile({ filesResult }) {
-        this.form.fileName = filesResult.originalFileName
-        this.form.schemeFile = filesResult.fileUrl
-      },
-      // 上传文件
-      handleExceed(files, fileList) {
-        Util.warningMsg(
-          `当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！`
-        )
-      },
-      // 返回
-      back() {
-        this.pass = true
-        // 更改了信息才需要提示
-        if (this.updateTime) {
-          this.$confirm(`所填写内容暂未保存，是否保存？`, '提示', {
-            type: 'warning'
-          }).then(() => {
-            this.submit(this.form.isRelease)
-          }).catch(() => {
-            this.$router.back()
-          })
-        } else {
+
+    // 选择产品
+    showProduct () {
+      // this.multipleSelection = this.form.productList
+      this.getCategory()
+      this.checkeds = []
+      // debugger
+      this.productVisible = true
+      this.page = 1
+      this.getProduct(1)
+    },
+    // 获取产品分类
+    async getCategory () {
+      const res = await this.$get(this.api.productCategoryList)
+      this.productCategories = res.classificationList
+    },
+    // 产品分类点击回调
+    typeClick (item) {
+      // this.$refs.table.clearSelection()
+      this.curType = item.classificationId
+      console.log("🚀 ~ file: schemeSet.vue:472 ~ typeClick ~ curType:", this.checkeds)
+      this.initData()
+    },
+    // 产品列表
+    async getProduct (set) {
+      const { page } = await this.$post(this.api.listOfGoods, {
+        pageNum: this.page,
+        pageSize: this.pageSize,
+        productClassification: this.curType,
+        hotTag: 1,
+        sort: 0,
+        isShelves: 0,
+        productName: this.keyword
+      })
+      this.products = page.records
+      this.total = page.total
+
+      if (set) {
+        const { table } = this.$refs
+        table.clearSelection()
+        this.form.productList.forEach(e => {
+          table.toggleRowSelection(e, true)
+        })
+      }
+    },
+    initData () {
+      this.page = 1
+      this.getProduct()
+    },
+    handleCurrentChange (val) {
+      this.page = val;
+      this.getData();
+    },
+    handleSelectionChange (val) {
+      console.log("🚀 ~ file: schemeSet.vue:516 ~ handleSelectionChange ~ val:", val)
+      this.checkeds = JSON.parse(JSON.stringify(val))
+      this.multipleSelection = val
+    },
+    // 删除已选产品
+    delProduct (i, row) {
+      this.$confirm("确定要删除吗？", "提示", {
+        type: "warning"
+      }).then(() => {
+        this.checkeds.splice(i, 1)
+      }).catch(() => { })
+
+    },
+    // 选择产品提交
+    productSubmit () {
+      const result = []
+      this.checkeds.map(e => {
+        result.push({
+          mallId: e.mallId,
+          productName: e.productName,
+          schemeId: this.form.id
+        })
+      })
+      this.form.productList = result
+      this.productVisible = false
+    },
+    // 删除产品 
+    delCheckedProduct (i) {
+      this.form.productList.splice(i, 1)
+    },
+
+    // 附件上传之前的钩子
+    fileBeforeUpload (file) {
+      this.uploading++
+    },
+    // 附件上传成功
+    uploadSuccessFile ({ filesResult }) {
+      this.form.fileName = filesResult.originalFileName
+      this.form.schemeFile = filesResult.fileUrl
+    },
+    // 上传文件
+    handleExceed (files, fileList) {
+      Util.warningMsg(
+        `当前限制选择 1 个文件，如需更换，请删除上一个文件再重新选择！`
+      )
+    },
+    // 返回
+    back () {
+      this.pass = true
+      // 更改了信息才需要提示
+      if (this.updateTime) {
+        this.$confirm(`所填写内容暂未保存，是否保存？`, '提示', {
+          type: 'warning'
+        }).then(() => {
+          this.submit(this.form.isRelease)
+        }).catch(() => {
           this.$router.back()
-        }
-      },
-      // 更新附件的状态为发布
-      updateFile(files, form, quoteId) {
-        files.map(e => {
-          this.$post(this.api.updateFile, {
-            id: e,
-            isRelease: form.isRelease,
-            quote: form.title,
-            quoteId
-          }).then(res => {}).catch(err => {})
         })
-      },
-      // 提交
-      submit(isRelease, next) {
-        if (this.submiting) return false
-        const form = JSON.parse(JSON.stringify(this.form))
-        if (!form.title) return Util.errorMsg('请填写标题')
-        // 如果是发布
-        if (isRelease) {
-          if (!form.classificationId) return Util.errorMsg('请选择所属分类')
-          if (!form.applicableMajor ) return Util.errorMsg('请输入适用专业')
-          if (!form.schemeIntroduction) return Util.errorMsg('请输入方案简介')
-          if (!form.product) return Util.errorMsg('请输入产品')
-          if (!form.schemeFile) return Util.errorMsg('请上传方案文件')
-        }
-        // if (this.uploading) return Util.errorMsg('文件正在上传，请上传完成后再发布')
+      } else {
+        this.$router.back()
+      }
+    },
+    // 更新附件的状态为发布
+    updateFile (files, form, quoteId) {
+      files.map(e => {
+        this.$post(this.api.updateFile, {
+          id: e,
+          isRelease: form.isRelease,
+          quote: form.title,
+          quoteId
+        }).then(res => { }).catch(err => { })
+      })
+    },
+    // 提交
+    submit (isRelease, next) {
+      if (this.submiting) return false
+      const form = JSON.parse(JSON.stringify(this.form))
+      if (!form.title) return Util.errorMsg('请填写标题')
+      // 如果是发布
+      if (isRelease) {
+        if (!form.classificationId) return Util.errorMsg('请选择所属分类')
+        if (!form.applicableMajor) return Util.errorMsg('请输入适用专业')
+        if (!form.schemeIntroduction) return Util.errorMsg('请输入方案简介')
+        if (!form.productList.length) return Util.errorMsg('请选择产品')
+        if (!form.schemeFile) return Util.errorMsg('请上传方案文件')
+      }
+      // if (this.uploading) return Util.errorMsg('文件正在上传，请上传完成后再发布')
 
-        form.isRelease = isRelease
-        this.submiting = true
-        if (form.id) {
-          this.$post(this.api.updateScheme, form).then(res => {
-            Util.successMsg('修改成功')
-            next ? next() : this.$router.back()
-          }).catch(err => {
-            this.submiting = false
-          })
-        } else {
-          this.$post(this.api.saveScheme, form).then(({ data }) => {
-            Util.successMsg('创建成功')
-            next ? next() : this.$router.back()
-          }).catch(err => {
-            this.submiting = false
-          })
-        }
+      form.isRelease = isRelease
+      this.submiting = true
+      if (form.id) {
+        this.$post(this.api.updateScheme, form).then(res => {
+          Util.successMsg('修改成功')
+          next ? next() : this.$router.back()
+        }).catch(err => {
+          this.submiting = false
+        })
+      } else {
+        this.$post(this.api.saveScheme, form).then(({ data }) => {
+          Util.successMsg('创建成功')
+          next ? next() : this.$router.back()
+        }).catch(err => {
+          this.submiting = false
+        })
       }
     }
+  }
 };
 </script>
 
 <style lang="scss" scoped>
-$upload-width: 220px;
-$upload-height: 102px;
-$upload-lg-height: 102px;
-/deep/ .avatar-uploader {
-  .el-upload {
-    position: relative;
-    width: $upload-width;
-    height: $upload-height;
-    border: 1px solid #DCDEE0;
-    border-radius: 2px;
+.plus {
+    margin-bottom: 10px;
+    font-size: 18px;
+    color: #9278ff;
+    text-align: right;
     cursor: pointer;
-    overflow: hidden;
-    .uploader-default {
-      display: flex;
-      height: $upload-height;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      text-align: center;
-      background: #FAFAFA;
-      p {
-        margin-top: 10px;
+}
+.set-btn {
+    margin-left: 10px !important;
+}
+.manage-dia {
+    .edit,
+    .del {
         font-size: 14px;
-        color: #333;
-        line-height: 20px;
-      }
-    }
-  }
-  &.avatar-uploader-lg {
-    .el-upload {
-      width: 100%;
-      max-width: 820px;
-      height: $upload-lg-height;
-
-      .uploader-default {
-        height: $upload-lg-height;
-      }
+        cursor: pointer;
     }
-  }
-  .avatar {
-    display: block;
-    width: $upload-width;
-    height: $upload-height;
-  }
-  .avatar-lg {
-    display: block;
-    width: 100%;
-    height: $upload-lg-height;
-  }
-  .el-upload__tip {
-    margin-top: 0;
-    p {
-      font-size: 12px;
-      color: #333;
+    .edit {
+        margin-right: 10px;
     }
-  }
-}
-.style-wrap {
-  display: flex;
-  margin-top: 10px;
-  .label {
-    margin-right: 30px;
-  }
 }
-.styles {
-  display: flex;
-  flex-wrap: wrap;
-  width: 955px;
-  // height: 320px;
-  margin-top: 20px;
-  overflow: auto;
-  li {
-    margin: 0 20px 10px 0;
-    text-align: center;
-    cursor: pointer;
-    &:hover .review {
-      border-color: #2962FF;
+.input-form {
+    &.model {
+        height: calc(100vh - 340px);
+        padding-right: 20px;
+        overflow: auto;
+        .el-form-item__label {
+            padding-right: 20px;
+        }
+        .lg .el-form-item__label {
+            padding-right: 43px;
+        }
     }
-  }
-  .review {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 170px;
-    height: 112px;
-    margin-bottom: 10px;
-    border: 1px solid #DCDEE0;
-    border-radius: 2px;
-    img {
-      width: 80px;
+    .item-line {
+        display: flex;
+        .el-form-item:not(:last-child) {
+            margin-right: 200px;
+        }
     }
-    .is-link {
-      width: 50px;
+    .line {
+        margin-bottom: 24px;
+        border-bottom: 1px dashed #c2c2c2;
+    }
+    .el-form-item--small.el-form-item {
+        margin-bottom: 24px;
+    }
+    .el-input,
+    .el-select {
+        width: 300px;
+    }
+    .el-select .el-input {
+        width: auto;
+    }
+    .el-textarea {
+        width: 550px;
+    }
+    .auto,
+    .auto .el-input {
+        width: auto;
+    }
+    .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
+        font-size: 18px;
+        vertical-align: -4px;
+        color: #f5222d;
     }
-  }
-}
-.info {
-  position: absolute;
-  top: 8px;
-  left: -32px;
-  cursor: pointer;
-}
-.plus {
-  margin-bottom: 10px;
-  font-size: 18px;
-  color: #9278FF;
-  text-align: right;
-  cursor: pointer;
 }
-.set-btn {
-  margin-left: 10px !important;
+.btns {
+    text-align: center;
 }
-.manage-dia {
-  .edit, .del {
-    font-size: 14px;
-    cursor: pointer;
-  }
-  .edit {
-    margin-right: 10px;
-  }
+.tag {
+    margin: 0 5px 5px 0;
 }
-.input-form {
-  &.model {
-    height: calc(100vh - 340px);
-    padding-right: 20px;
-    overflow: auto;
-    .el-form-item__label {
-      padding-right: 20px;
+/deep/.product-dia {
+    .product-wrap {
+        display: flex;
     }
-    .lg .el-form-item__label {
-      padding-right: 43px;
+    .title-wrap {
+        margin-bottom: 15px;
     }
-  }
-  .item-line {
-    display: flex;
-    .el-form-item:not(:last-child) {
-      margin-right: 200px;
+    .item {
+        width: 130px;
+        max-height: 600px;
+        margin-right: 20px;
+        overflow: hidden;
+    }
+    .types {
+        li {
+            margin: 10px 0;
+            cursor: pointer;
+            &.active {
+                color: #9278ff;
+            }
+        }
+    }
+    .products {
+        width: 400px;
+    }
+    .checked {
+        flex: 1;
+        .el-table .cell {
+            font-size: 12px;
+        }
+    }
+    .rm {
+        font-size: 16px;
+        cursor: pointer;
     }
-  }
-  .line {
-    margin-bottom: 24px;
-    border-bottom: 1px dashed #C2C2C2;
-  }
-  .el-form-item--small.el-form-item {
-    margin-bottom: 24px;
-  }
-  .el-input, .el-select {
-    width: 300px;
-  }
-  .el-select .el-input {
-    width: auto;
-  }
-  .el-textarea {
-    width: 550px;
-  }
-  .auto, .auto .el-input {
-    width: auto;
-  }
-  .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
-    font-size: 18px;
-    vertical-align: -4px;
-    color: #F5222D;
-  }
-}
-.btns {
-  text-align: center;
 }
 </style>
\ No newline at end of file