Merge branch 'dev' of http://120.25.63.219:6088/rex/portalhtml into dev

src/views/customers/citypotenial-list/index.vue

@@ -2,56 +2,76 @@
   <div class="form-container">
     <Title :title="title">
       <span>*</span>为必填项
-    </Title>    
+    </Title>
     <div class="basic-info">
-      <ele-form-section
-        v-model="formData"
-        :rules="rules"
-        :sections="sections"
-      >
-       <template v-slot:ExtLockRsp_SDK="{ formData }">
-      <!-- 插槽内容有el-form-item组件包裹 -->
-      <el-select  v-if="formData.ExtProcessNode_SDK==2" v-model="formData.ExtLockRsp_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据"  @change="handleSelectRSP">
-                <el-option
-                  v-for="item in province"
-                  :key="item.ExtAgentID_SDK"
-                  :label="item.Name"
-                  :value="item.ExtAgentID_SDK"
-                />
-              </el-select>
-        <el-input v-else v-model="formData.ExtLockRspName_SDK" disabled>
-      </el-input>
-    </template>
-      <template v-slot:ExtLockCity_SDK="{ formData }">
-      <!-- 插槽内容有el-form-item组件包裹 -->
-      <el-select v-if="formData.ExtProcessNode_SDK==2" v-model="formData.ExtLockCity_SDK"  :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据" @change='handleSelectCity'>
-                <el-option
-                  v-for="item in apptions"
-                  :key="item.Code"
-                  :label="item.Name"
-                  :value="item.Code"
-                />
-      </el-select>
-      <el-input v-else v-model="formData.ExtLockCityName_SDK" disabled>
-      </el-input>
-    </template>
-     <template v-slot:ExtChannelType_SDK="{ formData }">
-      <!-- 插槽内容有el-form-item组件包裹 -->
-      <el-select  v-if="formData.ExtProcessNode_SDK==2" v-model="formData.ExtChannelType_SDK"  :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" filterable placeholder="请选择" no-match-text="无匹配数据">
-                <el-option
-                  v-for="item in cOptions"
-                  :key="item.keyword"
-                  :label="item.content"
-                  :value="item.keyword"
-                />
-              </el-select>
-               <el-input v-else v-model="formData.ExtChannelType_SDKText" disabled>
-      </el-input>
-    </template>
+      <ele-form-section v-model="formData"
+                        :rules="rules"
+                        :sections="sections">
+        <template v-slot:ExtLockRsp_SDK="{ formData }">
+          <!-- 插槽内容有el-form-item组件包裹 -->
+          <el-select v-if="formData.ExtProcessNode_SDK==2"
+                     v-model="formData.ExtLockRsp_SDK"
+                     :disabled="!formData.ExtProcessNode_SDK==2"
+                     style="width: 91%"
+                     multiple
+                     filterable
+                     placeholder="请选择"
+                     no-match-text="无匹配数据"
+                     @change="handleSelectRSP">
+            <el-option v-for="item in province"
+                       :key="item.ExtAgentID_SDK"
+                       :label="item.Name"
+                       :value="item.ExtAgentID_SDK" />
+          </el-select>
+          <el-input v-else
+                    v-model="formData.ExtLockRspName_SDK"
+                    disabled>
+          </el-input>
+        </template>
+        <template v-slot:ExtLockCity_SDK="{ formData }">
+          <!-- 插槽内容有el-form-item组件包裹 -->
+          <el-select v-if="formData.ExtProcessNode_SDK==2"
+                     v-model="formData.ExtLockCity_SDK"
+                     :disabled="!formData.ExtProcessNode_SDK==2"
+                     style="width: 91%"
+                     multiple
+                     filterable
+                     placeholder="请选择"
+                     no-match-text="无匹配数据"
+                     @change='handleSelectCity'>
+            <el-option v-for="item in apptions"
+                       :key="item.Code"
+                       :label="item.Name"
+                       :value="item.Code" />
+          </el-select>
+          <el-input v-else
+                    v-model="formData.ExtLockCityName_SDK"
+                    disabled>
+          </el-input>
+        </template>
+        <template v-slot:ExtChannelType_SDK="{ formData }">
+          <!-- 插槽内容有el-form-item组件包裹 -->
+          <el-select v-if="formData.ExtProcessNode_SDK==2"
+                     v-model="formData.ExtChannelType_SDK"
+                     :disabled="!formData.ExtProcessNode_SDK==2"
+                     style="width: 91%"
+                     filterable
+                     placeholder="请选择"
+                     no-match-text="无匹配数据">
+            <el-option v-for="item in cOptions"
+                       :key="item.keyword"
+                       :label="item.content"
+                       :value="item.keyword" />
+          </el-select>
+          <el-input v-else
+                    v-model="formData.ExtChannelType_SDKText"
+                    disabled>
+          </el-input>
+        </template>
       </ele-form-section>
       <div class="table-contain">
-      <div class="form-container">附件信息</div>
-       <el-table :data="tableData2"
+        <div class="form-container">附件信息</div>
+        <el-table :data="tableData2"
                   border
                   style="width: 100%">
           <el-table-column prop="FileName"
@@ -64,22 +84,26 @@
                            label="操作者">
           </el-table-column>
           <el-table-column label="操作">
-                            <el-link  slot-scope="{ row }"  type="primary" @click="btnLink(row)">下载</el-link>
+            <el-link slot-scope="{ row }"
+                     type="primary"
+                     @click="btnLink(row)">下载</el-link>
           </el-table-column>
         </el-table>
-         <pagination v-show="TotalRecords>0"
+        <pagination v-show="TotalRecords>0"
                     :total="TotalRecords"
                     :page.sync="page.currentPage"
                     :limit.sync="page.pageSize"
                     @pagination="getList" />
-    </div>
-     <div class="table-contain">
-      <div class="form-container">审批意见</div>
-       <div class="btn">
-      <el-button type="primary" @click="approve">审批</el-button>    
-      <el-button type="" @click="reject">退回</el-button>    
-    </div>
-       <el-table :data="tableData"
+      </div>
+      <div class="table-contain">
+        <div class="form-container">审批意见</div>
+        <div class="btn">
+          <el-button type="primary"
+                     @click="approve">审批</el-button>
+          <el-button type=""
+                     @click="reject">退回</el-button>
+        </div>
+        <el-table :data="tableData"
                   border
                   style="width: 100%">
           <el-table-column prop="Node"
@@ -95,31 +119,36 @@
                            label="备注">
           </el-table-column>
         </el-table>
-         <pagination v-show="TotalRecords>0"
+        <pagination v-show="TotalRecords>0"
                     :total="TotalRecords"
                     :page.sync="page.currentPage"
                     :limit.sync="page.pageSize"
                     @pagination="getList" />
+      </div>
+      <el-dialog title="审批意见"
+                 :visible.sync="dialogFormVisible">
+        <el-form :model="form">
+          <el-form-item label-width=500>
+            <el-input v-model="form.note"
+                      autocomplete="off"></el-input>
+          </el-form-item>
+        </el-form>
+        <div slot="footer"
+             class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+          <el-button type="primary"
+                     :loading="loading"
+                     @click="approveClick">确 定</el-button>
+        </div>
+      </el-dialog>
     </div>
-    <el-dialog title="审批意见" :visible.sync="dialogFormVisible">
-    <el-form :model="form">
-    <el-form-item  label-width=500>
-      <el-input v-model="form.note" autocomplete="off"></el-input>
-    </el-form-item>
-  </el-form>
-  <div slot="footer" class="dialog-footer">
-    <el-button @click="dialogFormVisible = false">取 消</el-button>
-    <el-button type="primary" :loading="loading" @click="approveClick">确 定</el-button>
-  </div>
-</el-dialog>
-    </div>
-    
+
   </div>
 </template>
 
 <script>
 import Title from '@/components/Title'
-import { getCustomer,typeSearch,lockRsp,ProcessApproval,processHistory,getOneModel } from '@/api/customers';
+import { getCustomer, typeSearch, lockRsp, ProcessApproval, processHistory, getOneModel } from '@/api/customers';
 import Pagination from '@/components/Pagination'
 import { Country } from '@/api/qcc'
 export default {
@@ -127,17 +156,17 @@ export default {
     Pagination,
     Title,
   },
-  data () {
+  data() {
     return {
-      form:{},
-      dialogFormVisible:false,
+      form: {},
+      dialogFormVisible: false,
       title: '城市代理商审批',
       addBtnStart: false,
       objectId: '',
-      id:'',
-      status:0,
-      loading:false,
-      tableData2:[],
+      id: '',
+      status: 0,
+      loading: false,
+      tableData2: [],
       formData: {},
       province: [],
       sections: [
@@ -149,8 +178,8 @@ export default {
               label: '公司全称',
               layout: 24,
               code: 'qcc',
-              disabled:true,
-              returnFn: function(row) {
+              disabled: true,
+              returnFn: function (row) {
                 return {
                   Name: row.Name,
                   ExtSocialUnifiedCreditCode_SDK: row.CreditCode,
@@ -162,24 +191,24 @@ export default {
               type: 'input',
               label: '公司全称曾用名',
               layout: 12,
-              disabled:true,
+              disabled: true,
             },
             ExtSocialUnifiedCreditCode_SDK: {
               type: 'input',
               label: '社会统一信用代码',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtRegisteredCapital_SDK: {
               type: 'input',
               label: '注册资本(万元)',
-              disabled:true,
+              disabled: true,
               layout: 12,
             },
             ExtCorporateName_SDK: {
               type: 'input',
               label: '法人',
-              disabled:true,
+              disabled: true,
               layout: 12,
             },
             // Ext_QuoteOppotunity_KUT: {
@@ -196,30 +225,30 @@ export default {
               type: 'input',
               label: '省份',
               layout: 12,
-              disabled:true,
-          
+              disabled: true,
+
             },
             ExtCityName_SDK: {
               type: 'input',
               label: '城市',
               layout: 12,
               isOptions: true,
-              disabled:true,
-              
+              disabled: true,
+
             },
             ExtDistrictName_SDK: {
               type: 'input',
               label: '县市',
               layout: 12,
               isOptions: true,
-              disabled:true,
-           
+              disabled: true,
+
             },
             ExtAddressDetail_SDK: {
               type: 'input',
               label: '详细经营地址',
               layout: 12,
-              disabled:true,
+              disabled: true,
             },
           }
         },
@@ -229,36 +258,36 @@ export default {
             ExtLeader_SDK: {
               type: 'input',
               label: '公司负责人姓名',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtLeaderPhone_SDK: {
               type: 'input',
               label: '公司负责人联系方式',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtLeaderEmail_SDK: {
               type: 'input',
               label: '公司负责人邮箱',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtUnis_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人姓名'
             },
             ExtUnisPhone_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人联系方式'
             },
             ExtUnisEmail_SDK: {
               type: 'input',
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人邮箱',
               layout: 12
             },
@@ -282,10 +311,10 @@ export default {
             // },
           }
         },
-          {
+        {
           title: '签约信息',
           formDesc: {
-            ExtChannelType_SDK : {
+            ExtChannelType_SDK: {
               type: 'select',
               label: '签约渠道类型',
               layout: 12,
@@ -301,158 +330,163 @@ export default {
               label: '覆盖范围(城市)',
               layout: 12,
             },
-          
+
           }
         },
       ],
-       tableData:[],
-       TotalRecords:0,
-       page:{},
-       apptions:[],
-       cOptions:[],
+      tableData: [],
+      TotalRecords: 0,
+      page: {},
+      apptions: [],
+      cOptions: [],
       // 同 vue-ele-form
       rules: {
-        ExtChannelType_SDK: {required: true, message: '请选择签约渠道类型'},
+        ExtChannelType_SDK: { required: true, message: '请选择签约渠道类型' },
         ExtLockRsp_SDK: { required: true, message: '请选择锁定RSP' },
         ExtLockCity_SDK: { required: true, message: '请选择城市覆盖范围' },
       }
     }
   },
-  watch:{
+  watch: {
 
   },
-  created(){
-     
-     this.id=this.$route.query.id
-     this.getList()
-     this.getHistoryList()
-     this.getChannelType()
-     this.getFile()
+  created() {
+
+    this.id = this.$route.query.id
+    this.getList()
+    this.getHistoryList()
+    this.getChannelType()
+    this.getFile()
   },
   methods: {
-    getFile(){
-      const page={
-      currentPage:1,
-      pageSize:10,
-      businessObjectID:this.id
-     }
-      getOneModel(page).then(resp=>{
-        this.tableData2=resp.results
+    getFile() {
+      const page = {
+        currentPage: 1,
+        pageSize: 10,
+        businessObjectID: this.id
+      }
+      getOneModel(page).then(resp => {
+        this.tableData2 = resp.results
+      })
+    },
+    getList() {
+      getCustomer({ objectID: this.id }).then((resp) => {
+        resp.results[0].ExtChannelType_SDK = null
+        this.formData = resp.results[0]
+        if (this.formData.ExtProcessNode_SDK != 2) {
+          this.rules.ExtChannelType_SDK = []
+        }
+        lockRsp({ extProvince_SDK: resp.results[0].ExtProvince_SDK }).then((resp) => {
+          this.province = resp.results
+        })
+        const app = { provinceCode: resp.results[0].ExtProvince_SDK }
+        this.$request(Country.searchCity, app).then((resp) => {
+          this.apptions = resp.results
+        })
       })
     },
-    getList(){
-       getCustomer({objectID:this.id}).then((resp)=>{
-             resp.results[0].ExtChannelType_SDK=null
-            this.formData=resp.results[0]
-            lockRsp({extProvince_SDK: resp.results[0].ExtProvince_SDK}).then((resp)=>{
-            this.province=resp.results  
-       }) 
-       const app={provinceCode:resp.results[0].ExtProvince_SDK}
-       this.$request(Country.searchCity,app).then((resp) => {
-        this.apptions=resp.results
+    getChannelType() {
+      typeSearch({ code: 'ExtChannelType_SDK', module: 'Customer', content: 'CCP' }).then((resp) => {
+        this.cOptions = resp
       })
-       })
     },
-    getChannelType(){
-       typeSearch({code:'ExtChannelType_SDK',module:'Customer',content:'CCP'}).then((resp)=>{
-          this.cOptions=resp
-       }) 
-     },
-    getHistoryList(){
-       processHistory({businessObjectID:this.id}).then((resp)=>{
-            this.tableData=resp.results
-       })
+    getHistoryList() {
+      processHistory({ businessObjectID: this.id }).then((resp) => {
+        this.tableData = resp.results
+      })
     },
-     btnLink(row){
+    btnLink(row) {
       window.location.href = row.FileURL
     },
-    handleSelectRSP(value){
-      console.log('val',value)
-         let cont=[]
-          let val=[]
-          this.province.forEach((el)=>{
-             value.forEach((item)=>{
-               if(el.ExtAgentID_SDK==item){
-                   cont.push(el.Name)
-                   val.push(el.ExtAgentID_SDK)
-               }
-             })
-          })
-			     this.formData.ExtLockRspName_SDK=cont//获取的 name
-			     this.formData.ExtLockRsp_SDK=val//获取的 id
+    handleSelectRSP(value) {
+      console.log('val', value)
+      let cont = []
+      let val = []
+      this.province.forEach((el) => {
+        value.forEach((item) => {
+          if (el.ExtAgentID_SDK == item) {
+            cont.push(el.Name)
+            val.push(el.ExtAgentID_SDK)
+          }
+        })
+      })
+      this.formData.ExtLockRspName_SDK = cont//获取的 name
+      this.formData.ExtLockRsp_SDK = val//获取的 id
+    },
+    handleSelectCity(value) {
+      let cont = []
+      let val = []
+      this.apptions.forEach((el) => {
+        value.forEach((item) => {
+          if (el.Code == item) {
+            cont.push(el.Name)
+            val.push(el.Code)
+          }
+        })
+      })
+      this.formData.ExtLockCityName_SDK = cont//获取的 name
+      this.formData.ExtLockCity_SDK = val//获取的 id
     },
-        handleSelectCity(value){
-       let cont=[]
-          let val=[]
-          this.apptions.forEach((el)=>{
-             value.forEach((item)=>{
-               if(el.Code==item){
-                   cont.push(el.Name)
-                   val.push(el.Code)
-               }
-             })
-          })
-			     this.formData.ExtLockCityName_SDK=cont//获取的 name
-			     this.formData.ExtLockCity_SDK=val//获取的 id
-   },
-    handleSuccess () {
+    handleSuccess() {
       // this.$message.success('创建成功')
     },
-    approve(){
-      this.dialogFormVisible=true
-      this.status=1
+    approve() {
+      this.dialogFormVisible = true
+      this.status = 1
     },
-    reject(){
-      this.dialogFormVisible=true
-      this.status=2
+    reject() {
+      this.dialogFormVisible = true
+      this.status = 2
     },
-    approveClick(){
-      const extLockRsp_SDK=this.formData.ExtLockRsp_SDK.toString()
-      const extLockRspName_SDK=this.formData.ExtLockRspName_SDK.toString()
-      const extLockCity_SDK=this.formData.ExtLockCity_SDK.toString()
-      const extLockCityName_SDK=this.formData.ExtLockCityName_SDK.toString()
-     const cc={extProcessNode_SDK:this.formData.ExtProcessNode_SDK,
-extCustomerType_SDK:this.formData.ExtCustomerType_SDK,
-extProvince_SDK:this.formData.ExtProvince_SDK,
-objectID:this.formData.ObjectID,
-extLockRsp_SDK:extLockRsp_SDK,
-extLockRspName_SDK:extLockRspName_SDK,
-extLockCity_SDK:extLockCity_SDK,
-extLockCityName_SDK:extLockCityName_SDK,
-extChannelType_SDK:this.formData.ExtChannelType_SDK}
-      if(this.status==1){
-         const add={customerDTO:cc,note:this.form.note,result:"approve"}
-         this.loading=true
-          ProcessApproval(add).then((resp)=>{
-            this.loading=false
-            this.$message.success("审批成功!")
-            this.dialogFormVisible=false
-            this.$router.back()
-       })
-      }else{
-         const bdd={customerDTO:cc,note:this.form.note,result:"reject"}
-         this.loading=true
-          ProcessApproval(bdd).then((resp)=>{
-            this.loading=false
-            this.$message.success("退回成功!")
-            this.dialogFormVisible=false
-            this.$router.back()
-       })
+    approveClick() {
+      const extLockRsp_SDK = this.formData.ExtLockRsp_SDK.toString()
+      const extLockRspName_SDK = this.formData.ExtLockRspName_SDK.toString()
+      const extLockCity_SDK = this.formData.ExtLockCity_SDK.toString()
+      const extLockCityName_SDK = this.formData.ExtLockCityName_SDK.toString()
+      const cc = {
+        extProcessNode_SDK: this.formData.ExtProcessNode_SDK,
+        extCustomerType_SDK: this.formData.ExtCustomerType_SDK,
+        extProvince_SDK: this.formData.ExtProvince_SDK,
+        objectID: this.formData.ObjectID,
+        extLockRsp_SDK: extLockRsp_SDK,
+        extLockRspName_SDK: extLockRspName_SDK,
+        extLockCity_SDK: extLockCity_SDK,
+        extLockCityName_SDK: extLockCityName_SDK,
+        extChannelType_SDK: this.formData.ExtChannelType_SDK
       }
-      
+      if (this.status == 1) {
+        const add = { customerDTO: cc, note: this.form.note, result: "approve" }
+        this.loading = true
+        ProcessApproval(add).then((resp) => {
+          this.loading = false
+          this.$message.success("审批成功!")
+          this.dialogFormVisible = false
+          this.$router.back()
+        })
+      } else {
+        const bdd = { customerDTO: cc, note: this.form.note, result: "reject" }
+        this.loading = true
+        ProcessApproval(bdd).then((resp) => {
+          this.loading = false
+          this.$message.success("退回成功!")
+          this.dialogFormVisible = false
+          this.$router.back()
+        })
+      }
+
     },
     //  对象格式转化为键值对
     paramsToFormData(obj) {
       const formData = new FormData();
       Object.keys(obj).forEach((key) => {
-          if (obj[key] instanceof Array) {
-            obj[key].forEach((item) => {
-              formData.append(key, item);
-            });
-            return;
-          }
-          formData.append(key, obj[key]);
-        });
+        if (obj[key] instanceof Array) {
+          obj[key].forEach((item) => {
+            formData.append(key, item);
+          });
+          return;
+        }
+        formData.append(key, obj[key]);
+      });
       return formData;
     },
   }
@@ -460,27 +494,27 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK}
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .el-row--flex {
-    display: -webkit-box;
-    .el-col-14 {
-      width: 90%;
-    }
+::v-deep .el-row--flex {
+  display: -webkit-box;
+  .el-col-14 {
+    width: 90%;
   }
-  .basic-info {
-    ::v-deep .ele-form-btns{
-      .el-form-item__content {
-        display: none;
-      }
+}
+.basic-info {
+  ::v-deep .ele-form-btns {
+    .el-form-item__content {
+      display: none;
     }
   }
-  .btn {
-    margin-left: 45%;
-    margin-bottom: 8px;
-  }
-  .table-contain {
-    padding: 0 80px 0 20px;
-    margin-left: 65px;
-    background: #fff;
-    border-radius: 2px;
+}
+.btn {
+  margin-left: 45%;
+  margin-bottom: 8px;
+}
+.table-contain {
+  padding: 0 80px 0 20px;
+  margin-left: 65px;
+  background: #fff;
+  border-radius: 2px;
 }
 </style>

src/views/login/city-progress/index.vue

@@ -2,94 +2,117 @@
 
   <div class="form-container">
     <Title :title="title">
-    
-    </Title> 
+
+    </Title>
     <div style="height:50px;display: flex;align-items: center;float: right;
     margin-right: 90px;">
       <div class="parallelogram2"></div>
       <div style="margin-right:15px">当前节点</div>
       <!-- <div class="parallelogram3"></div>
       <div style="margin-right:15px">未审批</div> -->
-      </div> 
+    </div>
     <div style="height:150px;display: flex;margin: 20px 290px;">
       <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
-           <div class="div_txt">提交</div>
-         </div>
-         <div class="parallelogram1"></div>
-          <div class="triangle_right"></div>
-      </div>  
-     <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
-           <div class="div_txt2">审批_1区域渠道经理</div>
-         </div>
-          <div class="parallelogram1"></div>
-          <div class="triangle_right"></div>
-      </div>  <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
-           <div class="div_txt2">审批_2渠道销售总监</div>
-         </div>
-          <div class="parallelogram1"></div>
-          <div class="triangle_right"></div>
-      </div>  <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
-           <div class="div_txt2">审批_3渠道管理部</div>
-         </div>
-      </div>  
-    </div>  
-    <div class="basic-info">     
-      <ele-form-section
-        v-model="formData"
-        :rules="rules"
-        :sections="sections"
-      >
-       <template v-slot:ExtLockRsp_SDK="{ formData }">
-      <!-- 插槽内容有el-form-item组件包裹 -->
-      <el-select v-model="formData.ExtLockRsp_SDK" :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据">
-                <el-option
-                  v-for="item in province"
-                  :key="item.AccountID"
-                  :label="item.Name"
-                  :value="item.ExtSocialUnifiedCreditCode_SDK"
-                />
-              </el-select>
-    </template>
-      <template v-slot:ExtLockCity_SDK="{ formData }">
-      <!-- 插槽内容有el-form-item组件包裹 -->
-      <el-select v-model="formData.ExtLockCity_SDK"  :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据">
-                <el-option
-                  v-for="item in apptions"
-                  :key="item.Code"
-                  :label="item.Name"
-                  :value="item.Code"
-                />
-              </el-select>
-    </template>
-     <template v-slot:ExtChannelType_SDK="{ formData }">
-      <!-- 插槽内容有el-form-item组件包裹 -->
-      <el-select v-model="formData.ExtChannelType_SDK"  :disabled="!formData.ExtProcessNode_SDK==2" style="width: 91%" filterable placeholder="请选择" no-match-text="无匹配数据">
-                <el-option
-                  v-for="item in cOptions"
-                  :key="item.id"
-                  :label="item.content"
-                  :value="item.keyword"
-                />
-              </el-select>
-    </template>
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
+          <div class="div_txt">提交</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
+          <div class="div_txt2">审批_1区域渠道经理</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
+          <div class="div_txt2">审批_2渠道销售总监</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
+          <div class="div_txt2">审批_3渠道管理部</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==5}">
+          <div class="div_txt2">完成</div>
+        </div>
+      </div>
+    </div>
+    <div class="basic-info">
+      <ele-form-section v-model="formData"
+                        :rules="rules"
+                        :sections="sections">
+        <template v-slot:ExtLockRsp_SDK="{ formData }">
+          <!-- 插槽内容有el-form-item组件包裹 -->
+          <el-select v-model="formData.ExtLockRsp_SDK"
+                     :disabled="!formData.ExtProcessNode_SDK==2"
+                     style="width: 91%"
+                     multiple
+                     filterable
+                     placeholder="请选择"
+                     no-match-text="无匹配数据">
+            <el-option v-for="item in province"
+                       :key="item.AccountID"
+                       :label="item.Name"
+                       :value="item.ExtSocialUnifiedCreditCode_SDK" />
+          </el-select>
+        </template>
+        <template v-slot:ExtLockCity_SDK="{ formData }">
+          <!-- 插槽内容有el-form-item组件包裹 -->
+          <el-select v-model="formData.ExtLockCity_SDK"
+                     :disabled="!formData.ExtProcessNode_SDK==2"
+                     style="width: 91%"
+                     multiple
+                     filterable
+                     placeholder="请选择"
+                     no-match-text="无匹配数据">
+            <el-option v-for="item in apptions"
+                       :key="item.Code"
+                       :label="item.Name"
+                       :value="item.Code" />
+          </el-select>
+        </template>
+        <template v-slot:ExtChannelType_SDK="{ formData }">
+          <!-- 插槽内容有el-form-item组件包裹 -->
+          <el-select v-model="formData.ExtChannelType_SDK"
+                     :disabled="!formData.ExtProcessNode_SDK==2"
+                     style="width: 91%"
+                     filterable
+                     placeholder="请选择"
+                     no-match-text="无匹配数据">
+            <el-option v-for="item in cOptions"
+                       :key="item.id"
+                       :label="item.content"
+                       :value="item.keyword" />
+          </el-select>
+        </template>
       </ele-form-section>
-     <div class="table-contain">
-      <div class="form-container">审批意见</div>
-       <!-- <div class="btn">
+      <div class="table-contain">
+        <div class="form-container">审批意见</div>
+        <!-- <div class="btn">
       <el-button type="primary" @click="approve">审批</el-button>    
       <el-button type="" @click="reject">退回</el-button>    
     </div> -->
-       <el-table :data="tableData"
+        <el-table :data="tableData"
                   border
                   style="width: 100%">
           <el-table-column prop="Node"
                            label="审批节点">
           </el-table-column>
-           <el-table-column prop="CreateName_SDK"
+          <el-table-column prop="CreateName_SDK"
                            label="审批人">
           </el-table-column>
           <el-table-column prop="Result"
@@ -102,13 +125,13 @@
                            label="备注">
           </el-table-column>
         </el-table>
-         <pagination v-show="TotalRecords>0"
+        <pagination v-show="TotalRecords>0"
                     :total="TotalRecords"
                     :page.sync="page.currentPage"
                     :limit.sync="page.pageSize"
                     @pagination="getList" />
-    </div>
-    <!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible">
+      </div>
+      <!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible">
     <el-form :model="form">
     <el-form-item  label-width=500>
       <el-input v-model="form.note" autocomplete="off"></el-input>
@@ -120,13 +143,13 @@
   </div>
 </el-dialog> -->
     </div>
-    
+
   </div>
 </template>
 
 <script>
 import Title from '@/components/Title'
-import { getCustomer,typeSearch,lockRsp,ProcessApproval,processHistory } from '@/api/customers';
+import { getCustomer, typeSearch, lockRsp, ProcessApproval, processHistory } from '@/api/customers';
 import Pagination from '@/components/Pagination'
 import { Country } from '@/api/qcc'
 export default {
@@ -134,16 +157,16 @@ export default {
     Pagination,
     Title,
   },
-  data () {
+  data() {
     return {
-      form:{},
-      dialogFormVisible:false,
+      form: {},
+      dialogFormVisible: false,
       title: '城市代理商审批进度查询',
       addBtnStart: false,
       objectId: '',
-      id:'',
-      status:0,
-      loading:false,
+      id: '',
+      status: 0,
+      loading: false,
       formData: {},
       province: [],
       sections: [
@@ -155,8 +178,8 @@ export default {
               label: '公司全称',
               layout: 24,
               code: 'qcc',
-              disabled:true,
-              returnFn: function(row) {
+              disabled: true,
+              returnFn: function (row) {
                 return {
                   Name: row.Name,
                   ExtSocialUnifiedCreditCode_SDK: row.CreditCode,
@@ -168,24 +191,24 @@ export default {
               type: 'input',
               label: '公司全称曾用名',
               layout: 12,
-              disabled:true,
+              disabled: true,
             },
             ExtSocialUnifiedCreditCode_SDK: {
               type: 'input',
               label: '社会统一信用代码',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtRegisteredCapital_SDK: {
               type: 'input',
               label: '注册资本(万元)',
-              disabled:true,
+              disabled: true,
               layout: 12,
             },
             ExtCorporateName_SDK: {
               type: 'input',
               label: '法人',
-              disabled:true,
+              disabled: true,
               layout: 12,
             },
             // Ext_QuoteOppotunity_KUT: {
@@ -202,30 +225,30 @@ export default {
               type: 'input',
               label: '省份',
               layout: 12,
-              disabled:true,
-          
+              disabled: true,
+
             },
             ExtCityName_SDK: {
               type: 'input',
               label: '城市',
               layout: 12,
               isOptions: true,
-              disabled:true,
-              
+              disabled: true,
+
             },
             ExtDistrictName_SDK: {
               type: 'input',
               label: '县市',
               layout: 12,
               isOptions: true,
-              disabled:true,
-           
+              disabled: true,
+
             },
             ExtAddressDetail_SDK: {
               type: 'input',
               label: '详细经营地址',
               layout: 12,
-              disabled:true,
+              disabled: true,
             },
           }
         },
@@ -235,36 +258,36 @@ export default {
             ExtLeader_SDK: {
               type: 'input',
               label: '公司负责人姓名',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtLeaderPhone_SDK: {
               type: 'input',
               label: '公司负责人联系方式',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtLeaderEmail_SDK: {
               type: 'input',
               label: '公司负责人邮箱',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtUnis_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人姓名'
             },
             ExtUnisPhone_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人联系方式'
             },
             ExtUnisEmail_SDK: {
               type: 'input',
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人邮箱',
               layout: 12
             },
@@ -289,68 +312,68 @@ export default {
           }
         },
       ],
-       tableData:[],
-       TotalRecords:0,
-       page:{},
-       apptions:[],
-       cOptions:[],
+      tableData: [],
+      TotalRecords: 0,
+      page: {},
+      apptions: [],
+      cOptions: [],
       // 同 vue-ele-form
       rules: {
-        ExtChannelType_SDK: {required: true, message: '请选择签约渠道类型'},
+        ExtChannelType_SDK: { required: true, message: '请选择签约渠道类型' },
         ExtLockRsp_SDK: { required: true, message: '请选择锁定RSP' },
         ExtLockCity_SDK: { required: true, message: '请选择城市覆盖范围' },
       }
     }
   },
-  watch:{
+  watch: {
 
   },
-  created(){
-     this.id=this.$route.query.objectID
-     this.getList()
-     this.getHistoryList()
-     this.getChannelType()
+  created() {
+    this.id = this.$route.query.objectID
+    this.getList()
+    this.getHistoryList()
+    this.getChannelType()
   },
   methods: {
-    getList(){
-     
-       getCustomer({objectID:this.id}).then((resp)=>{
-            this.formData=resp.results[0]
-            lockRsp({extProvince_SDK: resp.results[0].ExtProvince_SDK}).then((resp)=>{
-            this.province=resp.results  
-       }) 
-       const app={provinceCode:resp.results[0].ExtProvince_SDK}
-       this.$request(Country.searchCity,app).then((resp) => {
-        this.apptions=resp.results
+    getList() {
+
+      getCustomer({ objectID: this.id }).then((resp) => {
+        this.formData = resp.results[0]
+        lockRsp({ extProvince_SDK: resp.results[0].ExtProvince_SDK }).then((resp) => {
+          this.province = resp.results
+        })
+        const app = { provinceCode: resp.results[0].ExtProvince_SDK }
+        this.$request(Country.searchCity, app).then((resp) => {
+          this.apptions = resp.results
+        })
+      })
+    },
+    getChannelType() {
+      typeSearch({ code: 'ExtChannelType_SDK', module: 'Customer', content: 'CCP' }).then((resp) => {
+        this.cOptions = resp
       })
-       })
     },
-    getChannelType(){
-       typeSearch({code:'ExtChannelType_SDK',module:'Customer',content:'CCP'}).then((resp)=>{
-          this.cOptions=resp
-       }) 
-     },
-    getHistoryList(){
-       processHistory({businessObjectID:this.id}).then((resp)=>{
-            this.tableData=resp.results
-       })
+    getHistoryList() {
+      processHistory({ businessObjectID: this.id }).then((resp) => {
+        this.tableData = resp.results
+      })
     },
 
-    handleSuccess () {
+    handleSuccess() {
       // this.$message.success('创建成功')
     },
     //  对象格式转化为键值对
     paramsToFormData(obj) {
       const formData = new FormData();
       Object.keys(obj).forEach((key) => {
-          if (obj[key] instanceof Array) {
-            obj[key].forEach((item) => {
-              formData.append(key, item);
-            });
-            return;
-          }
-          formData.append(key, obj[key]);
-        });
+        if (obj[key] instanceof Array) {
+          obj[key].forEach((item) => {
+            formData.append(key, item);
+          });
+          return;
+        }
+        formData.append(key, obj[key]);
+      });
       return formData;
     },
   }
@@ -358,95 +381,95 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .el-row--flex {
-    display: -webkit-box;
-    .el-col-14 {
-      width: 90%;
-    }
+::v-deep .el-row--flex {
+  display: -webkit-box;
+  .el-col-14 {
+    width: 90%;
   }
-  .basic-info {
-    ::v-deep .ele-form-btns{
-      .el-form-item__content {
-        display: none;
-      }
+}
+.basic-info {
+  ::v-deep .ele-form-btns {
+    .el-form-item__content {
+      display: none;
     }
   }
-  .btn {
-    margin-left: 45%;
-    margin-bottom: 8px;
-  }
-  .table-contain {
-    padding: 0 80px 0 20px;
-    margin-left: 65px;
-    background: #fff;
-    border-radius: 2px;
 }
-.div_list{
-    display: flex;
-    margin-right:10px;
-    justify-content: center;
-    align-items: center;
+.btn {
+  margin-left: 45%;
+  margin-bottom: 8px;
 }
-.div_txt{
+.table-contain {
+  padding: 0 80px 0 20px;
+  margin-left: 65px;
+  background: #fff;
+  border-radius: 2px;
+}
+.div_list {
+  display: flex;
+  margin-right: 10px;
+  justify-content: center;
+  align-items: center;
+}
+.div_txt {
   text-align: center;
-    line-height: 75px;
+  line-height: 75px;
 }
-.div_txt2{
+.div_txt2 {
   height: 80px;
-    margin-top: 12px;
+  margin-top: 12px;
 }
 
 .triangle_right {
-    width: 0;
-    height: 0;
-    border-top: 20px solid transparent;
-    border-left: 20px solid #a22796;
-    border-bottom: 20px solid transparent;
-} 
-.bgcolor{
+  width: 0;
+  height: 0;
+  border-top: 20px solid transparent;
+  border-left: 20px solid #a22796;
+  border-bottom: 20px solid transparent;
+}
+.bgcolor {
   background: #a22796 !important;
-}     
+}
 #parallelogram {
-    width: 115px;
-    height: 75px;
-    background: #fff;
-    margin-right: 10px;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
+  width: 115px;
+  height: 75px;
+  background: #fff;
+  margin-right: 10px;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
 }
 .parallelogram1 {
-    width: 45px;
-    height: 20px;
-    background: #a22796;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
-}  
+  width: 45px;
+  height: 20px;
+  background: #a22796;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
+}
 .parallelogram2 {
-    width: 80px;
-    height: 30px;
-    margin-right: 10px;
-    background: #a22796;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
-}  
+  width: 80px;
+  height: 30px;
+  margin-right: 10px;
+  background: #a22796;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
+}
 .parallelogram3 {
-    width: 80px;
-    height: 30px;
-    margin-right: 10px;
-    background: #fff;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
-}  
+  width: 80px;
+  height: 30px;
+  margin-right: 10px;
+  background: #fff;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
+}
 </style>

src/views/login/city-register/index.vue

@@ -263,14 +263,13 @@
                   :offset="1"
                   class="padding-bottom">
             <el-form-item label="营业执照:"
-                          prop="filelll"
+                          prop="file"
                           label-width="100px"
                           class="filter-icon-none">
               <el-upload :on-change="handleChange"
-                         :on-success="handleAvatarSuccess"
                          :on-remove="handleRemoveFile"
-                         action="https://jsonplaceholder.typicode.com/posts/"
-                         accept=".doc,.txt,.pdf,.xls,.docx,.xlsx "
+                         :auto-upload='false'
+                         action="false"
                          :limit="1">
                 <el-button size="small"
                            type="primary">点击上传</el-button>
@@ -361,7 +360,7 @@ export default {
         extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
         extRegisteredCapital_SDK: [{ required: true, message: '请输入注册资本(万元)', trigger: 'blur' }],
         extCorporateName_SDK: [{ required: true, message: '请输入法人', trigger: 'blur' }],
-        extProvince_SDK: [{ required: true, message: '请选择省份', trigger: 'blur' }],
+        extProvince_SDK: [{ required: true, message: '请选择省份', trigger: ['blur', 'change'] }],
         extCity_SDK: [{ required: true, message: '请选择市', trigger: 'blur' }],
         extDistrict_SDK: [{ required: true, message: '请选择区', trigger: 'blur' }],
         extAddressDetail_SDK: [{ required: true, message: '请输入详细经营地址', trigger: 'blur' }],
@@ -371,7 +370,7 @@ export default {
         { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
         extUnis_SDK: [{ required: true, message: '请输入Unis业务负责人姓名', trigger: 'blur' }],
         extUnisPhone_SDK: [{ required: true, message: '请输入Unis业务负责人电话', trigger: 'blur' }],
-        filelll: [{ required: true, message: '请上传附件', trigger: 'blur' }],
+        file: [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }],
         extUnisEmail_SDK: [{ required: true, message: '请输入Unis业务负责人邮箱', trigger: 'blur' },
         { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
       },
@@ -388,7 +387,7 @@ export default {
   watch: {
 
   },
-   computed:{
+  computed: {
     visitedViews() {
       return this.$store.state.tagsView.visitedViews
     },
@@ -474,12 +473,12 @@ export default {
             this.$message.success('提交成功！')
             this.$router.back()
           }).catch((err) => {
-            this.btnloading=false
-          // this.$message({
-          //   type: 'warning',
-          //   message: err
-          // })
-        })
+            this.btnloading = false
+            // this.$message({
+            //   type: 'warning',
+            //   message: err
+            // })
+          })
         } else {
           this.btnloading = false
           this.$message.warning('请输入必填信息！')
@@ -520,22 +519,12 @@ export default {
       return { 'Content-Type': 'multipart/form-data' }
     },
     handleChange(file, fileList) {
-         this.formData.file = (file.raw)
-    },
-    handleAvatarSuccess(res, file) {
-      console.log('res', res, "file", file)
-      this.supplierBaseRules.filelll = []
+      this.formData.file = file.raw
+      this.supplierBaseRules.file=[]
     },
     handleRemoveFile(res, file) {
-      console.log('restest', res, "file", file)
-      this.supplierBaseRules.filelll =  [{ required: true, message: '请上传附件', trigger: 'blur' }]
+      this.supplierBaseRules.file = [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }]
     },
-    onSubmit() { },
-    handlePreview() { },
-    handleRemove() { },
-    beforeRemove() { },
-    handleExceed() { },
-    handleNext() { }
   }
 }
 </script>

src/views/login/prov-progress/index.vue

 <template>
   <div class="form-container">
     <Title :title="title">
-     
-    </Title>   
+
+    </Title>
     <div style="height:50px;display: flex;align-items: center;float: right;
     margin-right: 90px;">
       <div class="parallelogram2"></div>
       <div style="margin-right:15px">当前节点</div>
       <!-- <div class="parallelogram3"></div>
       <div style="margin-right:15px">未审批</div> -->
-      </div> 
+    </div>
     <div style="height:150px;display: flex;margin: 20px 290px;">
       <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
-           <div class="div_txt">提交</div>
-         </div>
-         <div class="parallelogram1"></div>
-          <div class="triangle_right"></div>
-      </div>  
-     <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
-           <div class="div_txt2">审批_1区域渠道经理</div>
-         </div>
-          <div class="parallelogram1"></div>
-          <div class="triangle_right"></div>
-      </div> 
-       <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
-           <div class="div_txt2">审批_2渠道销售部大区负责人</div>
-         </div>
-          <div class="parallelogram1"></div>
-          <div class="triangle_right"></div>
-      </div> 
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==1}">
+          <div class="div_txt">提交</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==2}">
+          <div class="div_txt2">审批_1区域渠道经理</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==3}">
+          <div class="div_txt2">审批_2渠道销售部大区负责人</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
+          <div class="div_txt2">审批_3渠道销售总监</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
+      <div class="div_list">
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==5}">
+          <div class="div_txt2">审批_4渠道管理部</div>
+        </div>
+        <div class="parallelogram1"></div>
+        <div class="triangle_right"></div>
+      </div>
        <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==4}">
-           <div class="div_txt2">审批_3渠道销售总监</div>
-         </div>
-          <div class="parallelogram1"></div>
-          <div class="triangle_right"></div>
-      </div>  <div class="div_list">
-         <div id="parallelogram" :class="{'bgcolor':formData.ExtProcessNode_SDK==5}">
-           <div class="div_txt2">审批_4渠道管理部</div>
-         </div>
-      </div>  
-    </div>  
+        <div id="parallelogram"
+             :class="{'bgcolor':formData.ExtProcessNode_SDK==6}">
+          <div class="div_txt2">完成</div>
+        </div>
+      </div>
+    </div>
     <div class="basic-info">
-      <ele-form-section
-        v-model="formData"
-        :sections="sections"
-      >
-      
+      <ele-form-section v-model="formData"
+                        :sections="sections">
+
       </ele-form-section>
-     <div class="table-contain">
-      <div class="form-container">审批意见</div>
-       <!-- <div class="btn">
+      <div class="table-contain">
+        <div class="form-container">审批意见</div>
+        <!-- <div class="btn">
       <el-button type="primary" @click="approve">审批</el-button>    
       <el-button type="" @click="reject">退回</el-button>    
     </div> -->
-       <el-table :data="tableData"
+        <el-table :data="tableData"
                   border
                   style="width: 100%">
           <el-table-column prop="Node"
                            label="审批节点">
           </el-table-column>
-           <el-table-column prop="CreateName_SDK"
+          <el-table-column prop="CreateName_SDK"
                            label="审批人">
           </el-table-column>
           <el-table-column prop="Result"
@@ -76,13 +88,13 @@
                            label="备注">
           </el-table-column>
         </el-table>
-         <pagination v-show="TotalRecords>0"
+        <pagination v-show="TotalRecords>0"
                     :total="TotalRecords"
                     :page.sync="page.currentPage"
                     :limit.sync="page.pageSize"
                     @pagination="getList" />
-    </div>
-    <!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible">
+      </div>
+      <!-- <el-dialog title="审批意见" :visible.sync="dialogFormVisible">
     <el-form :model="form">
     <el-form-item  label-width=500>
       <el-input v-model="form.note" autocomplete="off"></el-input>
@@ -94,13 +106,13 @@
   </div>
 </el-dialog> -->
     </div>
-    
+
   </div>
 </template>
 
 <script>
 import Title from '@/components/Title'
-import { getCustomer,typeSearch,lockRsp,ProcessApproval,processHistory, province } from '@/api/customers';
+import { getCustomer, typeSearch, lockRsp, ProcessApproval, processHistory, province } from '@/api/customers';
 import { Country } from '@/api/qcc'
 import Pagination from '@/components/Pagination'
 export default {
@@ -108,16 +120,16 @@ export default {
     Pagination,
     Title,
   },
-  data () {
+  data() {
     return {
-      form:{},
-      dialogFormVisible:false,
+      form: {},
+      dialogFormVisible: false,
       title: '省级代理商审批进度查询',
       addBtnStart: false,
       objectId: '',
-      id:'',
-      status:0,
-      loading:false,
+      id: '',
+      status: 0,
+      loading: false,
       formData: {},
       province: [],
       sections: [
@@ -129,8 +141,8 @@ export default {
               label: '公司全称',
               layout: 24,
               code: 'qcc',
-              disabled:true,
-              returnFn: function(row) {
+              disabled: true,
+              returnFn: function (row) {
                 return {
                   Name: row.Name,
                   ExtSocialUnifiedCreditCode_SDK: row.CreditCode,
@@ -142,24 +154,24 @@ export default {
               type: 'input',
               label: '公司全称曾用名',
               layout: 12,
-              disabled:true,
+              disabled: true,
             },
             ExtSocialUnifiedCreditCode_SDK: {
               type: 'input',
               label: '社会统一信用代码',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtRegisteredCapital_SDK: {
               type: 'input',
               label: '注册资本(万元)',
-              disabled:true,
+              disabled: true,
               layout: 12,
             },
             ExtCorporateName_SDK: {
               type: 'input',
               label: '法人',
-              disabled:true,
+              disabled: true,
               layout: 12,
             },
             // Ext_QuoteOppotunity_KUT: {
@@ -176,30 +188,30 @@ export default {
               type: 'input',
               label: '省份',
               layout: 12,
-              disabled:true,
-          
+              disabled: true,
+
             },
             ExtCityName_SDK: {
               type: 'input',
               label: '城市',
               layout: 12,
               isOptions: true,
-              disabled:true,
-              
+              disabled: true,
+
             },
             ExtDistrictName_SDK: {
               type: 'input',
               label: '县市',
               layout: 12,
               isOptions: true,
-              disabled:true,
-           
+              disabled: true,
+
             },
             ExtAddressDetail_SDK: {
               type: 'input',
               label: '详细经营地址',
               layout: 12,
-              disabled:true,
+              disabled: true,
             },
           }
         },
@@ -209,181 +221,183 @@ export default {
             ExtLeader_SDK: {
               type: 'input',
               label: '公司负责人姓名',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtLeaderPhone_SDK: {
               type: 'input',
               label: '公司负责人联系方式',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtLeaderEmail_SDK: {
               type: 'input',
               label: '公司负责人邮箱',
-              disabled:true,
+              disabled: true,
               layout: 12
             },
             ExtUnis_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人姓名'
             },
             ExtUnisPhone_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人联系方式'
             },
             ExtUnisEmail_SDK: {
               type: 'input',
-              disabled:true,
+              disabled: true,
               label: 'Unis业务负责人邮箱',
               layout: 12
             },
             ExtBusiness_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: '商务负责人姓名'
             },
             ExtBusinessPhone_SDK: {
               type: 'input',
               layout: 12,
-              disabled:true,
+              disabled: true,
               label: '商务负责人联系方式'
             },
             ExtBusinessEmail_SDK: {
               type: 'input',
-              disabled:true,
+              disabled: true,
               label: '商务负责人邮箱',
               layout: 12
             },
           }
         },
-          {
+        {
           title: '签约信息',
           formDesc: {
-            ExtChannelType_SDK : {
+            ExtChannelType_SDK: {
               type: 'input',
               label: '签约渠道类型',
               layout: 12,
-              disabled:true
+              disabled: true
             },
             ExtProductGroup_SDK: {
               type: 'input',
               label: '签约产品组',
               layout: 12,
-              disabled:true
+              disabled: true
             },
             ExtTotalAgent_SDK: {
               type: 'input',
               label: '签约总代',
               layout: 12,
-              disabled:true
+              disabled: true
             },
             ExtLockCityName_SDK: {
               type: 'input',
               label: '覆盖范围(城市)',
               layout: 12,
-              disabled:true
+              disabled: true
             },
           }
         },
       ],
-       tableData:[],
-       TotalRecords:0,
-       page:{},
+      tableData: [],
+      TotalRecords: 0,
+      page: {},
       // 同 vue-ele-form
       // rules: {
       //   ExtLockCity_SDK: {required: true, message: '请选择覆盖城市范围'},
       // }
     }
   },
-  watch:{
+  watch: {
     //  province:{
     //    handler(newVal,oldVal){
     //      this.province=newVal
     //    },
     //    deep:true
-       
+
     //  }
   },
-  created(){
-     this.id=this.$route.query.objectID
-     this.getList()
-     this.getHistoryList()
+  created() {
+    this.id = this.$route.query.objectID
+    this.getList()
+    this.getHistoryList()
   },
   methods: {
-    getList(){
-       console.log('objectId',this.id)
-       getCustomer({objectID:this.id}).then((resp)=>{
-            this.formData=resp.results[0]
-       const app={provinceCode:resp.results[0].ExtProvince_SDK}
-       this.$request(Country.searchCity,app).then((resp) => {
-        this.province=resp.results
+    getList() {
+      console.log('objectId', this.id)
+      getCustomer({ objectID: this.id }).then((resp) => {
+        this.formData = resp.results[0]
+        const app = { provinceCode: resp.results[0].ExtProvince_SDK }
+        this.$request(Country.searchCity, app).then((resp) => {
+          this.province = resp.results
+        })
       })
-       })
     },
-    getHistoryList(){
-       processHistory({businessObjectID:this.id}).then((resp)=>{
-            this.tableData=resp.results
-       })
+    getHistoryList() {
+      processHistory({ businessObjectID: this.id }).then((resp) => {
+        this.tableData = resp.results
+      })
     },
-    handleSuccess () {
+    handleSuccess() {
       // this.$message.success('创建成功')
     },
-    approve(){
-      this.dialogFormVisible=true
-      this.status=1
+    approve() {
+      this.dialogFormVisible = true
+      this.status = 1
     },
-    reject(){
-      this.dialogFormVisible=true
-      this.status=2
+    reject() {
+      this.dialogFormVisible = true
+      this.status = 2
     },
-    approveClick(){
-      const ExtLockCity_SDK=this.formData.ExtLockCity_SDK.toString()
-     const cc={extProcessNode_SDK:this.formData.ExtProcessNode_SDK,
-extCustomerType_SDK:this.formData.ExtCustomerType_SDK,
-extProvince_SDK:this.formData.ExtProvince_SDK,
-objectID:this.formData.ObjectID,
-extLockRsp_SDK:this.formData.extLockRsp_SDK,
-extLockCity_SDK:ExtLockCity_SDK,
-extChannelType_SDK:this.formData.ExtChannelType_SDK}
-      if(this.status==1){
-         const add={customerDTO:cc,note:this.form.note,result:"approve"}
-         this.loading=true
-          ProcessApproval(add).then((resp)=>{
-            this.loading=false
-            this.$message.success("审批成功!")
-            this.dialogFormVisible=false
-            this.$router.back()
-       })
-      }else{
-        this.loading=true
-         const bdd={customerDTO:cc,note:this.form.note,result:"reject"}
-          ProcessApproval(bdd).then((resp)=>{
-            this.loading=false
-            this.$message.success("退回成功!")
-            this.dialogFormVisible=false
-            this.$router.back()
-       })
+    approveClick() {
+      const ExtLockCity_SDK = this.formData.ExtLockCity_SDK.toString()
+      const cc = {
+        extProcessNode_SDK: this.formData.ExtProcessNode_SDK,
+        extCustomerType_SDK: this.formData.ExtCustomerType_SDK,
+        extProvince_SDK: this.formData.ExtProvince_SDK,
+        objectID: this.formData.ObjectID,
+        extLockRsp_SDK: this.formData.extLockRsp_SDK,
+        extLockCity_SDK: ExtLockCity_SDK,
+        extChannelType_SDK: this.formData.ExtChannelType_SDK
+      }
+      if (this.status == 1) {
+        const add = { customerDTO: cc, note: this.form.note, result: "approve" }
+        this.loading = true
+        ProcessApproval(add).then((resp) => {
+          this.loading = false
+          this.$message.success("审批成功!")
+          this.dialogFormVisible = false
+          this.$router.back()
+        })
+      } else {
+        this.loading = true
+        const bdd = { customerDTO: cc, note: this.form.note, result: "reject" }
+        ProcessApproval(bdd).then((resp) => {
+          this.loading = false
+          this.$message.success("退回成功!")
+          this.dialogFormVisible = false
+          this.$router.back()
+        })
       }
-      
+
     },
     //  对象格式转化为键值对
     paramsToFormData(obj) {
       const formData = new FormData();
       Object.keys(obj).forEach((key) => {
-          if (obj[key] instanceof Array) {
-            obj[key].forEach((item) => {
-              formData.append(key, item);
-            });
-            return;
-          }
-          formData.append(key, obj[key]);
-        });
+        if (obj[key] instanceof Array) {
+          obj[key].forEach((item) => {
+            formData.append(key, item);
+          });
+          return;
+        }
+        formData.append(key, obj[key]);
+      });
       return formData;
     },
   }
@@ -391,95 +405,95 @@ extChannelType_SDK:this.formData.ExtChannelType_SDK}
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .el-row--flex {
-    display: -webkit-box;
-    .el-col-14 {
-      width: 90%;
-    }
+::v-deep .el-row--flex {
+  display: -webkit-box;
+  .el-col-14 {
+    width: 90%;
   }
-  .basic-info {
-    ::v-deep .ele-form-btns{
-      .el-form-item__content {
-        display: none;
-      }
+}
+.basic-info {
+  ::v-deep .ele-form-btns {
+    .el-form-item__content {
+      display: none;
     }
   }
-  .btn {
-    margin-left: 45%;
-    margin-bottom: 8px;
-  }
-  .table-contain {
-    padding: 0 80px 0 20px;
-    margin-left: 65px;
-    background: #fff;
-    border-radius: 2px;
 }
-.div_list{
-    display: flex;
-    margin-right:10px;
-    justify-content: center;
-    align-items: center;
+.btn {
+  margin-left: 45%;
+  margin-bottom: 8px;
 }
-.div_txt{
+.table-contain {
+  padding: 0 80px 0 20px;
+  margin-left: 65px;
+  background: #fff;
+  border-radius: 2px;
+}
+.div_list {
+  display: flex;
+  margin-right: 10px;
+  justify-content: center;
+  align-items: center;
+}
+.div_txt {
   text-align: center;
-    line-height: 75px;
+  line-height: 75px;
 }
-.div_txt2{
+.div_txt2 {
   height: 80px;
-    margin-top: 12px;
+  margin-top: 12px;
 }
 
 .triangle_right {
-    width: 0;
-    height: 0;
-    border-top: 20px solid transparent;
-    border-left: 20px solid #a22796;
-    border-bottom: 20px solid transparent;
-} 
-.bgcolor{
+  width: 0;
+  height: 0;
+  border-top: 20px solid transparent;
+  border-left: 20px solid #a22796;
+  border-bottom: 20px solid transparent;
+}
+.bgcolor {
   background: #a22796 !important;
-}     
+}
 #parallelogram {
-    width: 115px;
-    height: 90px;
-    background: #fff;
-    margin-right: 10px;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
+  width: 115px;
+  height: 90px;
+  background: #fff;
+  margin-right: 10px;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
 }
 .parallelogram1 {
-    width: 45px;
-    height: 20px;
-    background: #a22796;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
-}  
+  width: 45px;
+  height: 20px;
+  background: #a22796;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
+}
 .parallelogram2 {
-    width: 80px;
-    height: 30px;
-    margin-right: 10px;
-    background: #a22796;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
-}  
+  width: 80px;
+  height: 30px;
+  margin-right: 10px;
+  background: #a22796;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
+}
 .parallelogram3 {
-    width: 80px;
-    height: 30px;
-    margin-right: 10px;
-    background: #fff;
-    border: 2px solid #a22796;
-    -webkit-transform: skew(0deg);
-    -moz-transform: skew(0deg);
-    -o-transform: skew(0deg);
-    transform: skew(0deg);
-} 
+  width: 80px;
+  height: 30px;
+  margin-right: 10px;
+  background: #fff;
+  border: 2px solid #a22796;
+  -webkit-transform: skew(0deg);
+  -moz-transform: skew(0deg);
+  -o-transform: skew(0deg);
+  transform: skew(0deg);
+}
 </style>

src/views/login/prov-register/index.vue

@@ -18,8 +18,7 @@
           <el-col :span="13"
                   class="padding-bottom">
             <el-form-item label="公司全称:"
-                          label-width="150px"
-                          >
+                          label-width="150px">
               <el-input v-model="formData.name"
                         readonly
                         placeholder='请选择公司'
@@ -47,8 +46,7 @@
                   class="padding-bottom">
             <el-form-item label="统一社会信用代码:"
                           label-width="150px"
-                          prop="extSocialUnifiedCreditCode_SDK"
-                          >
+                          prop="extSocialUnifiedCreditCode_SDK">
               <template>
                 <el-input v-model="formData.extSocialUnifiedCreditCode_SDK"
                           placeholder="企查查获取"
@@ -102,15 +100,17 @@
                   class="padding-bottom">
             <el-form-item label="省份:"
                           prop="extProvince_SDK"
-                          label-width="80px"
-                          >
-              <el-select v-model="formData.extProvince_SDK" style="width: 91%" filterable placeholder="请选择省份" no-match-text="无匹配数据" @change="handleSelect($event)">
-                <el-option
-                  v-for="item in countryOptions"
-                  :key="item.Code"
-                  :label="item.Name"
-                  :value="item.Code"
-                />
+                          label-width="80px">
+              <el-select v-model="formData.extProvince_SDK"
+                         style="width: 91%"
+                         filterable
+                         placeholder="请选择省份"
+                         no-match-text="无匹配数据"
+                         @change="handleSelect($event)">
+                <el-option v-for="item in countryOptions"
+                           :key="item.Code"
+                           :label="item.Name"
+                           :value="item.Code" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -118,15 +118,16 @@
                   class="padding-bottom">
             <el-form-item label="市:"
                           prop="extCity_SDK"
-                          label-width="80px"
-                          >
-              <el-select v-model="formData.extCity_SDK" style="width: 91%" filterable placeholder="请选择市"  @change="handleSelectCity" >
-                <el-option
-                  v-for="item in cityOptions"
-                  :key="item.Code"
-                  :label="item.Name"
-                  :value="item.Code"
-                />
+                          label-width="80px">
+              <el-select v-model="formData.extCity_SDK"
+                         style="width: 91%"
+                         filterable
+                         placeholder="请选择市"
+                         @change="handleSelectCity">
+                <el-option v-for="item in cityOptions"
+                           :key="item.Code"
+                           :label="item.Name"
+                           :value="item.Code" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -134,15 +135,17 @@
                   class="padding-bottom">
             <el-form-item label="区:"
                           prop="extDistrict_SDK"
-                          label-width="80px"
-                          >
-              <el-select v-model="formData.extDistrict_SDK" style="width: 91%" filterable placeholder="请选择区" no-match-text="无匹配数据"  @change="handleSelectDis">
-                <el-option
-                  v-for="item in disOptions"
-                  :key="item.Code"
-                  :label="item.Name"
-                  :value="item.Code"
-                />
+                          label-width="80px">
+              <el-select v-model="formData.extDistrict_SDK"
+                         style="width: 91%"
+                         filterable
+                         placeholder="请选择区"
+                         no-match-text="无匹配数据"
+                         @change="handleSelectDis">
+                <el-option v-for="item in disOptions"
+                           :key="item.Code"
+                           :label="item.Name"
+                           :value="item.Code" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -169,8 +172,7 @@
                   class="padding-bottom">
             <el-form-item label="公司负责人姓名:"
                           prop="extLeader_SDK"
-                          label-width="150px"
-                          >
+                          label-width="150px">
               <el-input v-model="formData.extLeader_SDK"
                         placeholder=""
                         style="width: 80%"
@@ -183,8 +185,7 @@
             <el-form-item label="公司负责人联系电话:"
                           prop="extLeaderPhone_SDK"
                           label-width="160px"
-                          class="filter-icon-none"
-                          >
+                          class="filter-icon-none">
               <el-input v-model="formData.extLeaderPhone_SDK"
                         placeholder=""
                         style="width: 80%"
@@ -203,8 +204,7 @@
             <el-form-item label="公司负责人邮箱:"
                           prop="extLeaderEmail_SDK"
                           label-width="150px"
-                          class="filter-icon-none"
-                          >
+                          class="filter-icon-none">
               <el-input v-model="formData.extLeaderEmail_SDK"
                         placeholder=""
                         style="width: 52%"
@@ -218,8 +218,7 @@
                   class="padding-bottom">
             <el-form-item label="Unis业务负责人姓名:"
                           prop="extUnis_SDK"
-                          label-width="160px"
-                          >
+                          label-width="160px">
               <el-input v-model="formData.extUnis_SDK"
                         placeholder=""
                         style="width: 80%"
@@ -231,8 +230,7 @@
                   class="padding-bottom">
             <el-form-item label="Unis业务负责人电话:"
                           prop="extUnisPhone_SDK"
-                          label-width="160px"
-                          >
+                          label-width="160px">
               <el-input v-model="formData.extUnisPhone_SDK"
                         placeholder=""
                         style="width: 90%"
@@ -246,8 +244,7 @@
             <el-form-item label="Unis业务负责人邮箱:"
                           prop="extUnisEmail_SDK"
                           label-width="160px"
-                          class="filter-icon-none"
-                          >
+                          class="filter-icon-none">
               <el-input v-model="formData.extUnisEmail_SDK"
                         placeholder=""
                         style="width: 80%"
@@ -255,59 +252,104 @@
                         clearable />
             </el-form-item>
           </el-col>
-           <el-col :span="12" :offset="1" class="padding-bottom">
-            <el-form-item label="商务负责人姓名:" prop="extBusiness_SDK" label-width="150px" >
-              <el-input v-model="formData.extBusiness_SDK" placeholder="" style="width: 80%" class="filter-item" clearable />
+          <el-col :span="12"
+                  :offset="1"
+                  class="padding-bottom">
+            <el-form-item label="商务负责人姓名:"
+                          prop="extBusiness_SDK"
+                          label-width="150px">
+              <el-input v-model="formData.extBusiness_SDK"
+                        placeholder=""
+                        style="width: 80%"
+                        class="filter-item"
+                        clearable />
             </el-form-item>
           </el-col>
-           <el-col  :span="10" class="padding-bottom">
-            <el-form-item label="商务负责人电话:" prop="extBusinessPhone_SDK" label-width="140px" >
-              <el-input v-model="formData.extBusinessPhone_SDK" placeholder="" style="width: 90%" class="filter-item" clearable />
+          <el-col :span="10"
+                  class="padding-bottom">
+            <el-form-item label="商务负责人电话:"
+                          prop="extBusinessPhone_SDK"
+                          label-width="140px">
+              <el-input v-model="formData.extBusinessPhone_SDK"
+                        placeholder=""
+                        style="width: 90%"
+                        class="filter-item"
+                        clearable />
             </el-form-item>
           </el-col>
-          <el-col :span="11"  :offset="1" class="padding-bottom" >
-            <el-form-item label="商务负责人邮箱:" prop="extBusinessEmail_SDK" label-width="160px" class="filter-icon-none" >
-              <el-input v-model="formData.extBusinessEmail_SDK" placeholder="" style="width: 80%" class="filter-item" clearable />
+          <el-col :span="11"
+                  :offset="1"
+                  class="padding-bottom">
+            <el-form-item label="商务负责人邮箱:"
+                          prop="extBusinessEmail_SDK"
+                          label-width="160px"
+                          class="filter-icon-none">
+              <el-input v-model="formData.extBusinessEmail_SDK"
+                        placeholder=""
+                        style="width: 80%"
+                        class="filter-item"
+                        clearable />
             </el-form-item>
           </el-col>
         </el-row>
-         <el-row class="border-bottom">
+        <el-row class="border-bottom">
           <el-col :span="24">
             <el-form-item label="签约信息" />
           </el-col>
-           <el-col  :span="11"  :offset="1" class="padding-bottom">
-            <el-form-item label="签约渠道类型:" prop="extChannelType_SDK" label-width="120px" >
-              <el-select v-model="formData.extChannelType_SDK" style="width: 91%"  filterable placeholder="请选择" no-match-text="无匹配数据">
-                <el-option
-                  v-for="item in aOptions"
-                  :key="item.id"
-                  :label="item.content"
-                  :value="item.keyword"
-                />
+          <el-col :span="11"
+                  :offset="1"
+                  class="padding-bottom">
+            <el-form-item label="签约渠道类型:"
+                          prop="extChannelType_SDK"
+                          label-width="120px">
+              <el-select v-model="formData.extChannelType_SDK"
+                         style="width: 91%"
+                         filterable
+                         placeholder="请选择"
+                         no-match-text="无匹配数据">
+                <el-option v-for="item in aOptions"
+                           :key="item.id"
+                           :label="item.content"
+                           :value="item.keyword" />
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col  :span="12"  class="padding-bottom">
-            <el-form-item label="签约产品组:" prop="extProductGroup_KUT" label-width="120px" >
-              <el-select v-model="formData.extProductGroup_KUT" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据"  @change="handSelect2">
-                <el-option
-                  v-for="item in bOptions"
-                  :key="item.id"
-                  :label="item.content"
-                  :value="item.keyword"
-                />
+          <el-col :span="12"
+                  class="padding-bottom">
+            <el-form-item label="签约产品组:"
+                          prop="extProductGroup_KUT"
+                          label-width="120px">
+              <el-select v-model="formData.extProductGroup_KUT"
+                         style="width: 91%"
+                         multiple
+                         filterable
+                         placeholder="请选择"
+                         no-match-text="无匹配数据"
+                         @change="handSelect2">
+                <el-option v-for="item in bOptions"
+                           :key="item.id"
+                           :label="item.content"
+                           :value="item.keyword" />
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="11"  :offset="1" class="padding-bottom">
-            <el-form-item label="签约总代:" prop="extTotalAgent_KUT" label-width="100px" >
-             <el-select v-model="formData.extTotalAgent_KUT" style="width: 91%" multiple filterable placeholder="请选择" no-match-text="无匹配数据" @change="handSelect3">
-                <el-option
-                  v-for="item in cOptions"
-                  :key="item.id"
-                  :label="item.content"
-                  :value="item.keyword"
-                />
+          <el-col :span="11"
+                  :offset="1"
+                  class="padding-bottom">
+            <el-form-item label="签约总代:"
+                          prop="extTotalAgent_KUT"
+                          label-width="100px">
+              <el-select v-model="formData.extTotalAgent_KUT"
+                         style="width: 91%"
+                         multiple
+                         filterable
+                         placeholder="请选择"
+                         no-match-text="无匹配数据"
+                         @change="handSelect3">
+                <el-option v-for="item in cOptions"
+                           :key="item.id"
+                           :label="item.content"
+                           :value="item.keyword" />
               </el-select>
             </el-form-item>
           </el-col>
@@ -321,29 +363,28 @@
                   :offset="1"
                   class="padding-bottom">
             <el-form-item label="营业执照:"
-                          prop="filelll"
+                          prop="file"
                           label-width="100px"
-                          class="filter-icon-none"
-                          >
-             <el-upload
-        ref="uploadExcel"
-        action="https://jsonplaceholder.typicode.com/posts/"
-        :limit='1'
-        accept=".doc,.txt,.pdf,.xls,.docx,.xlsx "
-         :on-success="handleAvatarSuccess"
-         :on-remove="handleRemoveFile"
-        :on-change="fileChange"
-        >
-        <el-button size="small" type="primary">点击上传</el-button>
-      </el-upload>
+                          class="filter-icon-none">
+              <el-upload ref="uploadExcel"
+                         action="false"
+                         :limit='1'
+                         :auto-upload= 'false'
+                         :on-remove="handleRemoveFile"
+                         :on-change="fileChange">
+                <el-button size="small"
+                           type="primary">点击上传</el-button>
+              </el-upload>
             </el-form-item>
           </el-col>
         </el-row>
-          <el-row>
-        <el-col align="center">
-          <el-button type="primary" :loading="btnloading" @click="handleApprove()">提交</el-button>
-        </el-col>
-      </el-row>
+        <el-row>
+          <el-col align="center">
+            <el-button type="primary"
+                       :loading="btnloading"
+                       @click="handleApprove()">提交</el-button>
+          </el-col>
+        </el-row>
       </el-form>
       <el-dialog title="请选择公司"
                  :visible.sync="dialogTableVisible"
@@ -388,18 +429,17 @@
                     :limit.sync="page.pageSize"
                     @pagination="getList" />
       </el-dialog>
-     
 
     </div>
   </div>
 </template>
 
 <script>
-import { Qcc,Country,Customer,Common } from '@/api/qcc'
+import { Qcc, Country, Customer, Common } from '@/api/qcc'
 import Pagination from '@/components/Pagination'
 export default {
   name: 'city-register',
-   components: {
+  components: {
     Pagination
   },
   data() {
@@ -410,41 +450,41 @@ export default {
       formInline: {},
       recordList: [],
       tableData: [],
-      btnloading:false,
-      fileList:[],
-      countryOptions:[],
-      cityOptions:[],
-      disOptions:[],
-      aOptions:[],
-      bOptions:[],
-      cOptions:[],
+      btnloading: false,
+      fileList: [],
+      countryOptions: [],
+      cityOptions: [],
+      disOptions: [],
+      aOptions: [],
+      bOptions: [],
+      cOptions: [],
       supplierBaseRules: {
         extSocialUnifiedCreditCode_SDK: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
         extRegisteredCapital_SDK: [{ required: true, message: '请输入注册资本(万元)', trigger: 'blur' }],
         extCorporateName_SDK: [{ required: true, message: '请输入法人', trigger: 'blur' }],
-        extProvince_SDK: [{ required: true, message: '请选择省份', trigger: 'blur' }],
+        extProvince_SDK: [{ required: true, message: '请选择省份', trigger: ['blur', 'change'] }],
         extCity_SDK: [{ required: true, message: '请选择市', trigger: 'blur' }],
-        extDistrict_SDK: [{ required: true, message: '请选择区', trigger: 'blur' }],  
-        extAddressDetail_SDK: [{ required: true, message: '请输入详细经营地址', trigger: 'blur' }],  
-        extLeader_SDK: [{ required: true, message: '请输入公司负责人姓名', trigger: 'blur' }],  
-        extLeaderPhone_SDK: [{ required: true, message: '请输入公司负责人联系电话', trigger: 'blur' }],  
+        extDistrict_SDK: [{ required: true, message: '请选择区', trigger: 'blur' }],
+        extAddressDetail_SDK: [{ required: true, message: '请输入详细经营地址', trigger: 'blur' }],
+        extLeader_SDK: [{ required: true, message: '请输入公司负责人姓名', trigger: 'blur' }],
+        extLeaderPhone_SDK: [{ required: true, message: '请输入公司负责人联系电话', trigger: 'blur' }],
         extLeaderEmail_SDK: [{ required: true, message: '请输入公司负责人邮箱', trigger: 'blur' },
-         { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],  
-        extUnis_SDK: [{ required: true, message: '请输入Unis业务负责人姓名', trigger: 'blur' }],  
-        extUnisPhone_SDK: [{ required: true, message: '请输入Unis业务负责人电话', trigger: 'blur' }],  
+        { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
+        extUnis_SDK: [{ required: true, message: '请输入Unis业务负责人姓名', trigger: 'blur' }],
+        extUnisPhone_SDK: [{ required: true, message: '请输入Unis业务负责人电话', trigger: 'blur' }],
         extUnisEmail_SDK: [{ required: true, message: '请输入Unis业务负责人邮箱', trigger: 'blur' },
-         { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],  
-        extBusiness_SDK: [{ required: true, message: '请输入商务负责人姓名', trigger: 'blur' }],  
-        extBusinessPhone_SDK: [{ required: true, message: '请输入商务负责人电话', trigger: 'blur' }],  
+        { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
+        extBusiness_SDK: [{ required: true, message: '请输入商务负责人姓名', trigger: 'blur' }],
+        extBusinessPhone_SDK: [{ required: true, message: '请输入商务负责人电话', trigger: 'blur' }],
         extBusinessEmail_SDK: [{ required: true, message: '请输入商务负责人邮箱', trigger: 'blur' },
-         { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],  
-        extChannelType_SDK: [{ required: true, message: '请选择签约渠道类型', trigger: 'blur' }],  
-        extProductGroup_KUT: [{ required: true, message: '请选择签约产品组', trigger: 'blur' }],  
-        extTotalAgent_KUT: [{ required: true, message: '请选择签约总代', trigger: 'blur' }],  
-        filelll: [{ required: true, message: '请上传附件', trigger: 'blur' }], 
+        { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
+        extChannelType_SDK: [{ required: true, message: '请选择签约渠道类型', trigger: 'blur' }],
+        extProductGroup_KUT: [{ required: true, message: '请选择签约产品组', trigger: 'blur' }],
+        extTotalAgent_KUT: [{ required: true, message: '请选择签约总代', trigger: 'blur' }],
+        file: [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }],
       },
       dialogTableVisible: false,
-      TotalRecords:0,
+      TotalRecords: 0,
       page: {
         currentPage: 0,
         pageSize: 0
@@ -455,7 +495,7 @@ export default {
   watch: {
 
   },
-  computed:{
+  computed: {
     visitedViews() {
       return this.$store.state.tagsView.visitedViews
     },
@@ -468,149 +508,149 @@ export default {
 
 
     getList() {
-       this.page.searchKey=this.formInline.Name
+      this.page.searchKey = this.formInline.Name
       this.$request(Qcc.searchUrl, this.page).then((resp) => {
         this.tableData = resp.results.Result
         this.page = resp.results.Paging
-        this.TotalRecords=resp.results.Paging.TotalRecords
+        this.TotalRecords = resp.results.Paging.TotalRecords
       })
     },
-    selectCountry(){
+    selectCountry() {
       this.$request(Country.searchPro, this.page).then((resp) => {
-        this.countryOptions=resp.results
+        this.countryOptions = resp.results
       })
     },
-    getCommon(){
-      const adata={code:'ExtChannelType_SDK',module:'Customer',content:'RSP'}
-       this.$request(Common.searchUrl, adata).then((resp) => {
-        this.aOptions=resp
+    getCommon() {
+      const adata = { code: 'ExtChannelType_SDK', module: 'Customer', content: 'RSP' }
+      this.$request(Common.searchUrl, adata).then((resp) => {
+        this.aOptions = resp
       })
-       const bdata={code:'ExtProductGroup_KUT',module:'Customer'}
-       this.$request(Common.searchUrl, bdata).then((resp) => {
-        this.bOptions=resp
+      const bdata = { code: 'ExtProductGroup_KUT', module: 'Customer' }
+      this.$request(Common.searchUrl, bdata).then((resp) => {
+        this.bOptions = resp
       })
-       const cdata={code:'ExtTotalAgent_KUT',module:'Customer'}
-       this.$request(Common.searchUrl, cdata).then((resp) => {
-        this.cOptions=resp
+      const cdata = { code: 'ExtTotalAgent_KUT', module: 'Customer' }
+      this.$request(Common.searchUrl, cdata).then((resp) => {
+        this.cOptions = resp
       })
     },
-   handleSelect(value){
-     const app={provinceCode:value}
-     this.$request(Country.searchCity,app).then((resp) => {
-        this.cityOptions=resp.results
+    handleSelect(value) {
+      const app = { provinceCode: value }
+      this.$request(Country.searchCity, app).then((resp) => {
+        this.cityOptions = resp.results
       })
-				let obj = {};
-			      obj = this.countryOptions.find((item)=>{//这里的userList就是上面遍历的数据源
-			        return item.Code === value;//筛选出匹配数据
-			      });
-			     this.formData.extProvinceName_SDK=obj.Name//获取的 name
-			     this.formData.extProvince_SDK=value//获取的 id
+      let obj = {};
+      obj = this.countryOptions.find((item) => {//这里的userList就是上面遍历的数据源
+        return item.Code === value;//筛选出匹配数据
+      });
+      this.formData.extProvinceName_SDK = obj.Name//获取的 name
+      this.formData.extProvince_SDK = value//获取的 id
 
-   },
-   handleSelectCity(value){
-     const app={cityCode:value}
-     this.$request(Country.searchDis,app).then((resp) => {
-        this.disOptions=resp.results
+    },
+    handleSelectCity(value) {
+      const app = { cityCode: value }
+      this.$request(Country.searchDis, app).then((resp) => {
+        this.disOptions = resp.results
       })
       let obj = {};
-			    obj = this.cityOptions.find((item)=>{//这里的userList就是上面遍历的数据源
-			      return item.Code === value;//筛选出匹配数据
-			    });
-			     this.formData.extCityName_SDK=obj.Name//获取的 name
-			     this.formData.extCity_SDK=value//获取的 id
-   },
-   handleSelectDis(value){
+      obj = this.cityOptions.find((item) => {//这里的userList就是上面遍历的数据源
+        return item.Code === value;//筛选出匹配数据
+      });
+      this.formData.extCityName_SDK = obj.Name//获取的 name
+      this.formData.extCity_SDK = value//获取的 id
+    },
+    handleSelectDis(value) {
       let obj = {};
-			    obj = this.disOptions.find((item)=>{//这里的userList就是上面遍历的数据源
-			      return item.Code === value;//筛选出匹配数据
-			    });
-			     this.formData.extDistrictName_SDK=obj.Name//获取的 name
-			     this.formData.extDistrict_SDK=value//获取的 id
-   },
-   handSelect2(value){
-          let cont=[]
-          let val=[]
-          this.bOptions.forEach((el)=>{
-             value.forEach((item)=>{
-               if(el.keyword==item){
-                   cont.push(el.content)
-                   val.push(el.keyword)
-               }
-             })
-          })
-			     this.formData.extProductGroup_SDK=cont//获取的 name
-			     this.formData.extProductGroup_KUT=val//获取的 id
-   },
-    handSelect3(value){
-      let cont=[]
-          let val=[]
-          this.cOptions.forEach((el)=>{
-             value.forEach((item)=>{
-               if(el.keyword==item){
-                   cont.push(el.content)
-                   val.push(el.keyword)
-               }
-             })
-          })
-			     this.formData.extTotalAgent_SDK=cont//获取的 name
-			     this.formData.extTotalAgent_KUT=val//获取的 id
-   },
-  
+      obj = this.disOptions.find((item) => {//这里的userList就是上面遍历的数据源
+        return item.Code === value;//筛选出匹配数据
+      });
+      this.formData.extDistrictName_SDK = obj.Name//获取的 name
+      this.formData.extDistrict_SDK = value//获取的 id
+    },
+    handSelect2(value) {
+      let cont = []
+      let val = []
+      this.bOptions.forEach((el) => {
+        value.forEach((item) => {
+          if (el.keyword == item) {
+            cont.push(el.content)
+            val.push(el.keyword)
+          }
+        })
+      })
+      this.formData.extProductGroup_SDK = cont//获取的 name
+      this.formData.extProductGroup_KUT = val//获取的 id
+    },
+    handSelect3(value) {
+      let cont = []
+      let val = []
+      this.cOptions.forEach((el) => {
+        value.forEach((item) => {
+          if (el.keyword == item) {
+            cont.push(el.content)
+            val.push(el.keyword)
+          }
+        })
+      })
+      this.formData.extTotalAgent_SDK = cont//获取的 name
+      this.formData.extTotalAgent_KUT = val//获取的 id
+    },
+
     createLovTable() {
       this.dialogTableVisible = true
     },
     select(row, column, event) {
-      this.page.searchKey=row.CreditCode
+      this.page.searchKey = row.CreditCode
       this.$request(Qcc.detailUrl, this.page).then((resp) => {
         this.formData.extCorporateName_SDK = row.OperName
-      this.formData.extSocialUnifiedCreditCode_SDK = row.CreditCode
-      this.formData.name = row.Name
-      this.formData.extRegisteredCapital_SDK=resp.results.Result.RegistCapi
-      this.dialogTableVisible = false
+        this.formData.extSocialUnifiedCreditCode_SDK = row.CreditCode
+        this.formData.name = row.Name
+        this.formData.extRegisteredCapital_SDK = resp.results.Result.RegistCapi
+        this.dialogTableVisible = false
       })
     },
-    handleApprove(){ 
-        this.$refs.formData.validate((valid) => {
-          if (valid) {
-        //   this.aOptions.forEach(el=>{
-        //    this.formData.ExtProvinceName_SDK=el[this.formData.extProvince_SDK]
-        // })
-        //   this.bOptions.forEach(el=>{
-        //    this.formData.extCityName_SDK=el[this.formData.extCity_SDK]
-        // })
-        //   this.cOptions.forEach(el=>{
-        //    this.formData.extDistrictName_SDK=el[this.formData.extDistrict_SDK]
-        // })
-        this.formData.extCustomerType_SDK=101
-        const ExtProductGroup_KUT=this.formData.extProductGroup_KUT.toString()
-        const ExtProductGroup_SDK=this.formData.extProductGroup_SDK.toString()
-        const ExtTotalAgent_KUT=this.formData.extTotalAgent_KUT.toString()
-        const ExtTotalAgent_SDK=this.formData.extTotalAgent_SDK.toString()
-        this.formData.extProductGroup_KUT=ExtProductGroup_KUT
-        this.formData.extProductGroup_SDK=ExtProductGroup_SDK
-        this.formData.extTotalAgent_KUT=ExtTotalAgent_KUT
-        this.formData.extTotalAgent_SDK=ExtTotalAgent_SDK
-        this.btnloading=true
-      this.$request(Customer.searchUrl,this.paramsToFormData(this.formData)).then((resp) => {
-            this.btnloading=false
-           this.$message.success('提交成功！')
-           this.$router.back()
-       
-      }).catch((err) => {
-            this.btnloading=false
-          // this.$message({
-          //   type: 'warning',
-          //   message: err
+    handleApprove() {
+      this.$refs.formData.validate((valid) => {
+        if (valid) {
+          //   this.aOptions.forEach(el=>{
+          //    this.formData.ExtProvinceName_SDK=el[this.formData.extProvince_SDK]
           // })
-        })
-          } else {
-            this.btnloading=false
-            this.$message.warning('请输入必填信息！')
-          }
-        });
-        
+          //   this.bOptions.forEach(el=>{
+          //    this.formData.extCityName_SDK=el[this.formData.extCity_SDK]
+          // })
+          //   this.cOptions.forEach(el=>{
+          //    this.formData.extDistrictName_SDK=el[this.formData.extDistrict_SDK]
+          // })
+          this.formData.extCustomerType_SDK = 101
+          const ExtProductGroup_KUT = this.formData.extProductGroup_KUT.toString()
+          const ExtProductGroup_SDK = this.formData.extProductGroup_SDK.toString()
+          const ExtTotalAgent_KUT = this.formData.extTotalAgent_KUT.toString()
+          const ExtTotalAgent_SDK = this.formData.extTotalAgent_SDK.toString()
+          this.formData.extProductGroup_KUT = ExtProductGroup_KUT
+          this.formData.extProductGroup_SDK = ExtProductGroup_SDK
+          this.formData.extTotalAgent_KUT = ExtTotalAgent_KUT
+          this.formData.extTotalAgent_SDK = ExtTotalAgent_SDK
+          this.btnloading = true
+          this.$request(Customer.searchUrl, this.paramsToFormData(this.formData)).then((resp) => {
+            this.btnloading = false
+            this.$message.success('提交成功！')
+            this.$router.back()
+
+          }).catch((err) => {
+            this.btnloading = false
+            // this.$message({
+            //   type: 'warning',
+            //   message: err
+            // })
+          })
+        } else {
+          this.btnloading = false
+          this.$message.warning('请输入必填信息！')
+        }
+      });
+
     },
-      handleClickGoBack() {
+    handleClickGoBack() {
       // const visitedViews = this.$store.state.tagsView.visitedViews
       // const path = this.$route.path
       // visitedViews.forEach(function(item, index) {
@@ -622,40 +662,33 @@ export default {
         this.$router.back()
       })
     },
-     paramsToFormData(obj) {
-  const formData = new FormData();
-  Object.keys(obj).forEach((key) => {
-      if (obj[key] instanceof Array) {
-        obj[key].forEach((item) => {
-          formData.append(key, item);
-        });
-        return;
-      }
-      formData.append(key, obj[key]);
-    });
-  return formData;
-},
+    paramsToFormData(obj) {
+      const formData = new FormData();
+      Object.keys(obj).forEach((key) => {
+        if (obj[key] instanceof Array) {
+          obj[key].forEach((item) => {
+            formData.append(key, item);
+          });
+          return;
+        }
+        formData.append(key, obj[key]);
+      });
+      return formData;
+    },
     reSet() {
-      this.formInline.Name=''
+      this.formInline.Name = ''
     },
     handleClose() {
       this.dialogTableVisible = false
     },
-     myHeader(){
-      return {'Content-Type': 'multipart/form-data'}
-    },
-    fileChange(res,file){
-      this.formData.file=(res.raw)
-    },
-    handleAvatarSuccess(res,file){
-      console.log('res',res,"file",file)
-      this.supplierBaseRules.filelll=[]
+    fileChange(res, file) {
+        this.formData.file = res.raw
+        this.supplierBaseRules.file=[]
     },
-     handleRemoveFile(res, file) {
-      console.log('restest', res, "file", file)
-      this.supplierBaseRules.filelll =  [{ required: true, message: '请上传附件', trigger: 'blur' }]
+    handleRemoveFile(res,file){ 
+      this.supplierBaseRules.file = [{ required: true, message: '请上传附件', trigger: ['blur', 'change'] }]
     },
-    onSubmit() {},
+    onSubmit() { },
     handlePreview() { },
     handleRemove() { },
     beforeRemove() { },