更新

package-lock.json

@@ -291,6 +291,14 @@
         "postcss-value-parser": "^3.2.3"
       }
     },
+    "axios": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.1.tgz",
+      "integrity": "sha512-dKQiRHxGD9PPRIUNIWvZhPTPpl1rf/OxTYKsqKUDjBwYylTvV7SjSHJb9ratfyzM6wCdLCOYLzs73qpg5c4iGA==",
+      "requires": {
+        "follow-redirects": "^1.10.0"
+      }
+    },
     "babel-code-frame": {
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
@@ -4131,8 +4139,7 @@
     "follow-redirects": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.1.tgz",
-      "integrity": "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg==",
+      "integrity": "sha512-HWqDgT7ZEkqRzBvc2s64vSZ/hfOceEol3ac/7tKwzuvEyWx3/4UegXh5oBOIotkGsObyk3xznnSRVADBgWSQVg=="
-      "dev": true
     },
     "for-in": {
       "version": "1.0.2",

package.json

@@ -10,6 +10,7 @@
     "build": "node build/build.js"
   },
   "dependencies": {
+    "axios": "^0.21.1",
     "element-ui": "^2.15.3",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1"

src/api/index.js

@@ -0,0 +1,10 @@
+import request from '../utils/request';
+
+// 用户开户
+export const openAccount = query => {
+  return request({
+      url: '/public/index.php/api/user.Account/openAccount',
+      method: 'post',
+      data: query
+  });
+};

src/components/common/Header.vue

@@ -86,9 +86,9 @@ export default {
       if(type==1){
         if(this.examine_type==0){
             this.sidebarList=[
-            {name:'购买方',url:'/wkPurchaser'},
+            {name:'购买方',url:'/wkPurchaser',query:{open_account_type:'buyer'}},
-            {name:'托管方',url:'/Listing'},
+            {name:'托管方',url:'',query:{open_account_type:'enter_shop'}},
-            {name:'第三方服务机构',url:'/Deal'},
+            {name:'第三方服务机构',url:'',query:{open_account_type:'third_party'}},
             {name:'我的账户',url:'/StationNotice'},
           ]
           this.goPage('/wkPurchaser')

src/components/page/Purchaser/wkPurchaser.vue

@@ -4,8 +4,8 @@
     <p class="title_info">用户在购买资产前需先进行开户信息审核，待审核通过后方能进行购买。（个人用户目前仅支持人才产权交易，如需交易有形实物资产或无形实物资产请注册机构用户！）</p>
     <div class="subject">
       <span>账户主体：</span>
-      <el-radio v-model="subject" :label="1">机构</el-radio>
+      <el-radio v-model="ruleForm.account_type" :label="1">机构</el-radio>
-      <el-radio v-model="subject" :label="2">个人</el-radio>
+      <el-radio v-model="ruleForm.account_type" :label="2">个人</el-radio>
     </div>
     <div class="table">
       <div class="table_left">
@@ -16,7 +16,7 @@
             <div class="table_content_item_upload">
               <el-upload
                 class="upload-demo"
-                action="https://jsonplaceholder.typicode.com/posts/"
+                :action="action"
                 :on-change="fileChange"
                 :show-file-list="false"
                 :on-error="handleAvatarError"
@@ -25,50 +25,67 @@
                 >
                 <span class="upload_span">上传</span>
               </el-upload>
-              <span class="el-icon-success"></span>
+              <span class="el-icon-success" v-if="item.type==1"></span>
             </div>
           </div>
         </div>
 
         <p class="table_title">请确认并完善以下信息：</p>
         <div class="table_content">
-          <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="200px" class="ruleForm"  label-position="left">
+          <el-form :model="ruleForm" :rules="rules" ref="ruleForm1" label-width="200px" class="ruleForm"  label-position="left">
             <template v-if="ruleForm.account_type==1">
               <el-form-item label="机构名称" prop="firm_name" >
-                <el-input v-model="ruleForm.firm_name"></el-input>
+                <el-input v-model="ruleForm.firm_name" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="统一社会信用代码" prop="credit_code" >
-                <el-input v-model="ruleForm.credit_code"></el-input>
+                <el-input v-model="ruleForm.credit_code" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="主体类型" prop="main_type" >
-                <el-input v-model="ruleForm.main_type"></el-input>
+                <el-input v-model="ruleForm.main_type" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="注册资本" prop="reg_money" >
-                <el-input v-model="ruleForm.reg_money"></el-input>
+                <el-input v-model="ruleForm.reg_money" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="法定代表人" prop="legal_name" >
-                <el-input v-model="ruleForm.legal_name"></el-input>
+                <el-input v-model="ruleForm.legal_name" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="住所" prop="domicile" >
-                <el-input v-model="ruleForm.domicile"></el-input>
+                <el-input v-model="ruleForm.domicile" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="成立日期" prop="establish_time" >
-                <el-input v-model="ruleForm.establish_time"></el-input>
+                <el-date-picker
+                  v-model="ruleForm.establish_time"
+                  type="date"
+                  value-format="timestamp"
+                  placeholder="选择成立日期">
+                </el-date-picker>
               </el-form-item>
               <el-form-item label="收货地址" prop="address" >
-                <el-input v-model="ruleForm.address"></el-input>
+                <el-input v-model="ruleForm.address" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="收货联系人" prop="uname" >
-                <el-input v-model="ruleForm.uname"></el-input>
+                <el-input v-model="ruleForm.uname" placeholder="请输入"></el-input>
               </el-form-item>
               <el-form-item label="收货联系电话" prop="phone" >
-                <el-input v-model="ruleForm.phone"></el-input>
+                <el-input v-model="ruleForm.phone" placeholder="请输入"></el-input>
               </el-form-item>
             </template>
 
           </el-form>
         </div>
       </div>
+
+      <div class="table_right">
+        <p class="table_title">已上传资料：</p>
+        <div class="table_right_content">
+          <div  v-for="(item,index) in upList" :key="index" >
+            <div class="table_right_item" v-if="item.type==1">
+              <span>{{item.name}}</span>
+              <i class="el-icon-close" @click="deleteUrl(item,index)"></i>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
     <div class="footer">
       <button class="submit" @click="submit">提交资料</button>
@@ -81,25 +98,29 @@
   </div>
 </template>
 <script>
+import {openAccount} from '../../../api/index';
 export default {
   data(){
     return{
       subject:1,
       checked:1,
+      host:'http://wenhua.xingtongworld.com',
+      action:'http://wenhua.xingtongworld.com/public/index.php/api/Index/uploadimg',
       upList:[
-        {name:'营业执照（复印件）'},
+        {name:'营业执照（复印件）',type:0,url:'',key:'business_license'},
-        {name:'法人代表证明书'},
+        {name:'法人代表证明书',type:0,url:'',key:'business_license'},
-        {name:'法人身份证件（复印件）'},
+        {name:'法人身份证件（复印件）',type:0,url:'',key:'business_license'},
-        {name:' 数字证书申请表'},
+        {name:' 数字证书申请表',type:0,url:'',key:'business_license'},
-        {name:' 银行开户证明'},
+        {name:' 银行开户证明',type:0,url:'',key:'business_license'},
-        {name:'资产证明文件'},
+        {name:'资产证明文件',type:0,url:'',key:'business_license'},
-        {name:'法人授权委托书'},
+        {name:'法人授权委托书',type:0,url:'',key:'business_license'},
-        {name:'经办人身份证（复印件）'},
+        {name:'经办人身份证（复印件）',type:0,url:'',key:'business_license'},
-        {name:'其他要求文件'},
+        {name:'其他要求文件',type:0,url:'',key:'business_license'},
       ],
       ruleForm: {
+        open_account_type:'buyer',
         nopen_account_typeame: '',
-        account_type: '',
+        account_type: 1,
         business_license: '',
         legal_certificate: '',
         legal_card: '',
@@ -129,34 +150,97 @@ export default {
         phone: '',
       },
       rules: {
-        name: [
+        firm_name: [
-          { required: true, message: '请输入活动名称', trigger: 'blur' },
+          { required: true, message: '请输入机构名称', trigger: 'blur' },
+        ],
+        credit_code: [
+          { required: true, message: '请输入统一社会信用代码', trigger: 'blur' },
+        ],
+        main_type: [
+          { required: true, message: '请输入主体类型', trigger: 'blur' },
+        ],
+        reg_money: [
+          { required: true, message: '请输入注册资本', trigger: 'blur' },
+        ],
+        legal_name: [
+          { required: true, message: '请输入法定代表人', trigger: 'blur' },
+        ],
+        domicile: [
+          { required: true, message: '请输入住所', trigger: 'blur' },
+        ],
+        establish_time: [
+          { required: true, message: '请选择成立日期', trigger: 'blur' },
+        ],
+        address: [
+          { required: true, message: '请输入收货地址', trigger: 'blur' },
+        ],
+        uname: [
+          { required: true, message: '请输入收货人姓名', trigger: 'blur' },
+        ],
+        phone: [
+          { required: true, message: '请输入收货人电话', trigger: 'blur' },
         ],
       }
     }
   },
+  created(){
+    console.info(this.$route.query)
+  },
   methods:{
+    //删除图片
+    deleteUrl(item,index){
+
+    },
     submit(){
       console.info(this.ruleForm)
+      this.$refs["ruleForm1"].validate((valid) => {
+        if(valid){
+          openAccount(this.ruleForm).then(res => {
+            console.info(res)
+          });
+        }
+      })
     },
     handleAvatarError(){
       this.$message.error('文件上传失败！');
     },
     handleAvatarSuccess(res, file, index){
-      console.info(res)
+      if(res.code==1){
-      console.info(file)
+        this.upList[index].type=1;
-      console.info(index)
+        this.upList[index].url=this.host+res.data.img_url;
-      if(res.code===1){
+        this.$message.success('文件上传成功！');
-        let name;
+        if(this.ruleForm.account_type==1){
-        if(type==0){
+          switch (index) {
-          name='goods_img'
+            case 0:
-        }else if(type==1){
+              this.ruleForm.business_license=this.host+res.data.img_url
-          // name='praise_img'
+              break;
-          console.info(res);
+            case 1:
-          return
+              this.ruleForm.legal_certificate=this.host+res.data.img_url
+              break;
+            case 2:
+              this.ruleForm.legal_card=this.host+res.data.img_url
+              break;
+            case 3:
+              this.ruleForm.number_certificate=this.host+res.data.img_url
+              break;
+            case 4:
+              this.ruleForm.bank_account_certificate=this.host+res.data.img_url
+              break;
+            case 5:
+              this.ruleForm.asset_certificate=this.host+res.data.img_url
+              break;
+            case 6:
+              this.ruleForm.legal_authorization=this.host+res.data.img_url
+              break;
+            case 7:
+              this.ruleForm.operator_card=this.host+res.data.img_url
+              break;
+            case 8:
+              this.ruleForm.else_file=this.host+res.data.img_url
+              break;
+
+          }
         }
-        this.$set(this.query.goods[index],name, this.host+ res.data.img_url);
-        console.info(this.query)
       }
     },
     fileChange(file){
@@ -192,6 +276,23 @@ export default {
     font-size: 12px;
     color: #AAAAAA;
   }
+  .table_right{
+    padding-left: 50px;
+  }
+  .table_right_content{
+    margin-top: 20px;
+  }
+  .table_right_item{
+    width: 300px;
+    display: flex;
+    align-items: center;
+    color: #333333;
+    font-size: 14px;
+    justify-content: space-between;
+  }
+  .table_right_item>span:hover{
+    text-decoration: underline;
+  }
   .subject{
     display: flex;
     font-size: 14px;

src/utils/request.js

@@ -0,0 +1,34 @@
+import axios from 'axios';
+
+const service = axios.create({
+    // process.env.NODE_ENV === 'development' 来判断是否开发环境
+    // easy-mock服务挂了，暂时不使用了
+    baseURL: 'http://wenhua.xingtongworld.com/',
+    timeout: 5000
+});
+
+service.interceptors.request.use(
+    config => {
+        return config;
+    },
+    error => {
+        console.log(error);
+        return Promise.reject();
+    }
+);
+
+service.interceptors.response.use(
+    response => {
+        if (response.status === 200) {
+            return response.data;
+        } else {
+            Promise.reject();
+        }
+    },
+    error => {
+        console.log(error);
+        return Promise.reject();
+    }
+);
+
+export default service;

vue.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+  //baseUrl: './',
+  publicPath:'/',
+  assetsDir: 'static',
+  productionSourceMap: false,
+  devServer: {
+      proxy: {
+          '/api': {
+              target: 'http://hpy3.yqygs.com',
+              changeOrigin: true,
+              pathRewrite: {
+              '^/api': '/api'
+              }
+          }
+      }
+  }
+}