1

src/views/service/policy copy 2.vue

@@ -0,0 +1,259 @@
+<template>
+  <div id="policy">
+    <el-row>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="24" class="one">
+            <el-col :span="24" class="btn">
+              <el-button type="primary" size="mini" @click="back">返回</el-button>
+            </el-col>
+            <el-col :span="24" class="text">环南湖科创先导区双创服务平台-高企政策服务</el-col>
+            <el-col :span="24" class="dwon">
+              <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+                <el-form-item label="所属创新券">
+                  <el-col :span="6">
+                    <el-select v-model="form.policy_id" placeholder="">
+                      <el-option v-for="item in policyList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
+                    </el-select>
+                  </el-col>
+                  <el-col :span="18">
+                    <el-button type="primary" size="mini" @click="view(form.policy_id)">查看详情</el-button>
+                  </el-col>
+                </el-form-item>
+                <el-form-item label="申请单位" prop="company">
+                  <el-input v-model="form.company" placeholder="请输入申请单位"></el-input>
+                </el-form-item>
+                <el-form-item label="申请人" prop="apply_personal">
+                  <el-input v-model="form.apply_personal" placeholder="请输入申请人"></el-input>
+                </el-form-item>
+                <el-form-item label="联系电话" prop="phone">
+                  <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
+                </el-form-item>
+                <el-form-item label="法人复印件" prop="qyfr">
+                  <e-upload url="/files/cysci/qyfr_file/upload" :limit="1" v-model="form.qyfr" type="text"></e-upload>
+                </el-form-item>
+                <el-form-item label="企业营业执照" prop="yyzz">
+                  <e-upload url="/files/cysci/yyzz_file/upload" :limit="1" v-model="form.yyzz" type="text"></e-upload>
+                </el-form-item>
+                <el-form-item label="企业利润表" prop="qylr">
+                  <e-upload url="/files/cysci/qylr_file/upload" :limit="1" v-model="form.qylr" type="text"></e-upload>
+                </el-form-item>
+                <el-col :span="24" class="formBtn">
+                  <el-button type="danger" size="mini" @click="back">取消注册</el-button>
+                  <el-button type="primary" size="mini" @click="onSubmit('form')">提交注册</el-button>
+                </el-col>
+              </el-form>
+            </el-col>
+          </el-col>
+        </div>
+      </el-col>
+    </el-row>
+    <el-dialog :title="detail.name" center :visible.sync="dialog" width="80%" :destroy-on-close="true" @close="toClose">
+      <el-col :span="24" class="dialog">
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">创新券名称</el-col>
+          <el-col :span="20" class="left">{{ detail.name || '暂无' }} </el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">创新券类型</el-col>
+          <el-col :span="20" class="left">{{ detail.type || '暂无' }} </el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">折扣类型</el-col>
+          <el-col :span="20" class="left">{{ detail.discount_type || '暂无' }} </el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">使用服务类型</el-col>
+          <el-col :span="20" class="left">{{ detail.use_type || '暂无' }} </el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">所属分类</el-col>
+          <el-col :span="20" class="left">{{ detail.classify || '暂无' }} </el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">期限</el-col>
+          <el-col :span="20" class="left">{{ detail.limit_time || '暂无' }} 个/月 </el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">补贴比例</el-col>
+          <el-col :span="20" class="left">{{ detail.scale || '暂无' }} %</el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">面额</el-col>
+          <el-col :span="20" class="left">{{ detail.allowance || '暂无' }} 元</el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">券总额度</el-col>
+          <el-col :span="20" class="left">{{ detail.total_allowance || '暂无' }} 元</el-col>
+        </el-col>
+        <el-col :span="12" class="text">
+          <el-col :span="4" class="left">最大额度</el-col>
+          <el-col :span="20" class="left">{{ detail.unit_allowance || '暂无' }} 元</el-col>
+        </el-col>
+        <el-col :span="24" class="langText">
+          <el-col :span="2" class="left">描述</el-col>
+          <el-col :span="22" class="left">{{ detail.desc || '暂无' }} </el-col>
+        </el-col>
+      </el-col>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: mapPolicy } = createNamespacedHelpers('policy');
+const { mapActions: policyApply } = createNamespacedHelpers('policyApply');
+
+export default {
+  name: 'policy',
+  props: {},
+  components: {},
+  data: function () {
+    return {
+      form: {
+        qyfr: [],
+        yyzz: [],
+        qylr: [],
+        status: '0',
+      },
+      rules: {
+        type: [{ required: true, message: '请选择服务类型', trigger: 'change' }],
+        company: [{ required: true, message: '请输入申请单位', trigger: 'blur' }],
+        apply_personal: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
+        phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
+      },
+      // 创新券列表
+      policyList: [],
+      detail: {},
+      dialog: false,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...mapPolicy(['query', 'fetch']),
+    ...policyApply(['create']),
+    onSubmit(formName) {
+      this.$refs[formName].validate(async (valid) => {
+        if (valid) {
+          let data = this.form;
+          data.user_id = this.user.id;
+          let res = await this.create(data);
+          if (this.$checkRes(res)) {
+            this.$message({
+              message: '政策服务申领成功，请耐心等待结果',
+              type: 'success',
+            });
+            this.$router.push({ path: '/service/index' });
+          }
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    back() {
+      this.$router.push({ path: '/service/index' });
+    },
+    async search() {
+      let res = await this.query({ status: '1' });
+      if (this.$checkRes(res)) {
+        this.$set(this, `policyList`, res.data);
+      }
+    },
+    // 查看详情
+    async view(id) {
+      if (id) {
+        let res = await this.fetch(id);
+        if (this.$checkRes(res)) {
+          this.$set(this, 'detail', res.data);
+          this.dialog = true;
+        }
+      } else {
+        this.$message({
+          message: '请先选择创新券',
+          type: 'warning',
+        });
+      }
+    },
+    toClose() {
+      this.dialog = false;
+      this.detail = {};
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    type() {
+      return this.$route.query.type;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  min-height: 500px;
+  margin: 10px 0;
+  .one {
+    min-height: 500px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    padding: 0 10px;
+    .btn {
+      padding: 10px;
+      text-align: right;
+    }
+    .text {
+      font-size: 30px;
+      text-align: center;
+      margin: 0 0 10px 0;
+    }
+    .dwon {
+      padding: 10px;
+      border: 1px dashed #ccc;
+      border-radius: 5px;
+      .formBtn {
+        text-align: center;
+      }
+    }
+  }
+}
+.dialog {
+  .text {
+    .left {
+      padding: 10px;
+      border: 1px solid #333;
+    }
+    .left:nth-child(1) {
+      text-align: center;
+    }
+  }
+  .langText {
+    .left {
+      height: 106px;
+      overflow: hidden;
+      padding: 10px;
+      border: 1px solid #333;
+    }
+    .left:nth-child(1) {
+      text-align: center;
+      line-height: 75px;
+    }
+  }
+}
+/deep/.el-dialog__body {
+  height: 310px;
+  overflow: hidden;
+}
+</style>

src/views/service/policy.vue

@@ -10,24 +10,20 @@
             <el-col :span="24" class="text">环南湖科创先导区双创服务平台-高企政策服务</el-col>
             <el-col :span="24" class="dwon">
               <el-form :model="form" :rules="rules" ref="form" label-width="100px">
-                <el-form-item label="所属创新券">
-                  <el-col :span="6">
-                    <el-select v-model="form.policy_id" placeholder="">
-                      <el-option v-for="item in policyList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
-                    </el-select>
-                  </el-col>
-                  <el-col :span="18">
-                    <el-button type="primary" size="mini" @click="view(form.policy_id)">查看详情</el-button>
-                  </el-col>
+                <el-form-item label="服务类型">
+                  <el-radio-group v-model="form.type">
+                    <el-radio label="研发补贴"></el-radio>
+                    <el-radio label="奖励兑现"></el-radio>
+                  </el-radio-group>
                 </el-form-item>
                 <el-form-item label="申请单位" prop="company">
-                  <el-input v-model="form.company" placeholder="请输入申请单位"></el-input>
+                  <el-input v-model="form.company" placeholder="" disabled></el-input>
                 </el-form-item>
                 <el-form-item label="申请人" prop="apply_personal">
-                  <el-input v-model="form.apply_personal" placeholder="请输入申请人"></el-input>
+                  <el-input v-model="form.apply_personal" placeholder=""></el-input>
                 </el-form-item>
                 <el-form-item label="联系电话" prop="phone">
-                  <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
+                  <el-input v-model="form.phone" placeholder=""></el-input>
                 </el-form-item>
                 <el-form-item label="法人复印件" prop="qyfr">
                   <e-upload url="/files/cysci/qyfr_file/upload" :limit="1" v-model="form.qyfr" type="text"></e-upload>
@@ -48,104 +44,60 @@
         </div>
       </el-col>
     </el-row>
-    <el-dialog :title="detail.name" center :visible.sync="dialog" width="80%" :destroy-on-close="true" @close="toClose">
-      <el-col :span="24" class="dialog">
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">创新券名称</el-col>
-          <el-col :span="20" class="left">{{ detail.name || '暂无' }} </el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">创新券类型</el-col>
-          <el-col :span="20" class="left">{{ detail.type || '暂无' }} </el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">折扣类型</el-col>
-          <el-col :span="20" class="left">{{ detail.discount_type || '暂无' }} </el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">使用服务类型</el-col>
-          <el-col :span="20" class="left">{{ detail.use_type || '暂无' }} </el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">所属分类</el-col>
-          <el-col :span="20" class="left">{{ detail.classify || '暂无' }} </el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">期限</el-col>
-          <el-col :span="20" class="left">{{ detail.limit_time || '暂无' }} 个/月 </el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">补贴比例</el-col>
-          <el-col :span="20" class="left">{{ detail.scale || '暂无' }} %</el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">面额</el-col>
-          <el-col :span="20" class="left">{{ detail.allowance || '暂无' }} 元</el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">券总额度</el-col>
-          <el-col :span="20" class="left">{{ detail.total_allowance || '暂无' }} 元</el-col>
-        </el-col>
-        <el-col :span="12" class="text">
-          <el-col :span="4" class="left">最大额度</el-col>
-          <el-col :span="20" class="left">{{ detail.unit_allowance || '暂无' }} 元</el-col>
-        </el-col>
-        <el-col :span="24" class="langText">
-          <el-col :span="2" class="left">描述</el-col>
-          <el-col :span="22" class="left">{{ detail.desc || '暂无' }} </el-col>
-        </el-col>
-      </el-col>
-    </el-dialog>
   </div>
 </template>
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: mapPolicy } = createNamespacedHelpers('policy');
-const { mapActions: policyApply } = createNamespacedHelpers('policyApply');
-
+const { mapActions: organization } = createNamespacedHelpers('organization');
+const { mapActions: reward } = createNamespacedHelpers('reward');
 export default {
   name: 'policy',
   props: {},
   components: {},
   data: function () {
     return {
-      form: {
-        qyfr: [],
-        yyzz: [],
-        qylr: [],
-        status: '0',
-      },
+      form: {},
       rules: {
         type: [{ required: true, message: '请选择服务类型', trigger: 'change' }],
         company: [{ required: true, message: '请输入申请单位', trigger: 'blur' }],
         apply_personal: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
         phone: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
       },
-      // 创新券列表
-      policyList: [],
-      detail: {},
-      dialog: false,
     };
   },
-  async created() {
-    await this.search();
+  created() {
+    this.search();
   },
   methods: {
-    ...mapPolicy(['query', 'fetch']),
-    ...policyApply(['create']),
+    ...reward(['create']),
+    ...organization({ orgFetch: 'fetch' }),
+    async search() {
+      const res = await this.orgFetch(this.user.id);
+      if (this.$checkRes(res)) {
+        let data = {
+          user_id: res.data.id,
+          company: res.data.name,
+          apply_personal: res.data.companyperson,
+          phone: res.data.phone,
+          qyfr: [],
+          yyzz: [],
+          qylr: [],
+        };
+        this.$set(this, `form`, data);
+      }
+    },
     onSubmit(formName) {
       this.$refs[formName].validate(async (valid) => {
         if (valid) {
           let data = this.form;
-          data.user_id = this.user.id;
           let res = await this.create(data);
           if (this.$checkRes(res)) {
             this.$message({
-              message: '政策服务申领成功，请耐心等待结果',
+              message: `${data.type}申领成功，请耐心等待结果`,
               type: 'success',
             });
-            this.$router.push({ path: '/service/index' });
+            this.back();
           }
         } else {
           console.log('error submit!!');
@@ -156,31 +108,6 @@ export default {
     back() {
       this.$router.push({ path: '/service/index' });
     },
-    async search() {
-      let res = await this.query({ status: '1' });
-      if (this.$checkRes(res)) {
-        this.$set(this, `policyList`, res.data);
-      }
-    },
-    // 查看详情
-    async view(id) {
-      if (id) {
-        let res = await this.fetch(id);
-        if (this.$checkRes(res)) {
-          this.$set(this, 'detail', res.data);
-          this.dialog = true;
-        }
-      } else {
-        this.$message({
-          message: '请先选择创新券',
-          type: 'warning',
-        });
-      }
-    },
-    toClose() {
-      this.dialog = false;
-      this.detail = {};
-    },
   },
   computed: {
     ...mapState(['user']),
@@ -229,31 +156,4 @@ export default {
     }
   }
 }
-.dialog {
-  .text {
-    .left {
-      padding: 10px;
-      border: 1px solid #333;
-    }
-    .left:nth-child(1) {
-      text-align: center;
-    }
-  }
-  .langText {
-    .left {
-      height: 106px;
-      overflow: hidden;
-      padding: 10px;
-      border: 1px solid #333;
-    }
-    .left:nth-child(1) {
-      text-align: center;
-      line-height: 75px;
-    }
-  }
-}
-/deep/.el-dialog__body {
-  height: 310px;
-  overflow: hidden;
-}
 </style>