会员项目

src/components/ProjectDetailModal.vue

@@ -0,0 +1,204 @@
+<template>
+  <j-modal
+      :title="title"
+      :width="width"
+      :visible="visible"
+      switchFullscreen
+      @cancel="handleCancel"
+      cancelText="关闭">
+    <!-- 基本信息begin-->
+    <section class="base-info">
+      <h3>基本信息</h3>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>项目负责人:</label>
+          <span></span>
+        </a-col>
+        <a-col :span="12">
+          <label>应收金额:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>备注:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+    </section>
+    <!-- 基本信息end-->
+    <!-- 企业信息begin-->
+    <section class="enterprise-info">
+      <h3>企业信息</h3>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>来款企业:</label>
+          <span></span>
+        </a-col>
+        <a-col :span="12">
+          <label>企业联系人:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>企业联系人性别:</label>
+          <span></span>
+        </a-col>
+        <a-col :span="12">
+          <label>企业联系人职务:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>企业联系人电话:</label>
+          <span></span>
+        </a-col>
+        <a-col :span="12">
+          <label>企业联系人邮箱:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>企业联系人邮编:</label>
+          <span></span>
+        </a-col>
+        <a-col :span="12">
+          <label>企业联系人地址:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>是否需要发票:</label>
+          <span></span>
+        </a-col>
+        <a-col :span="12">
+          <label>是否打包:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <label>企业邮编:</label>
+          <span></span>
+        </a-col>
+        <a-col :span="12">
+          <label>企业地址:</label>
+          <span></span>
+        </a-col>
+      </a-row>
+    </section>
+    <!--企业信息end-->
+    <!--到账信息begin-->
+    <section class="payment-info">
+      <h3>到账信息</h3>
+      <a-row :gutter="24" v-for="item of paymentInfoList" :key="item.id">
+        <a-col>2021年到账200元</a-col>
+      </a-row>
+    </section>
+    <!--到账信息end-->
+    <!--开票邮寄信息begin-->
+    <section class="logistics-info">
+      <h3>开票邮寄信息</h3>
+      <a-row :gutter="24" v-for="item of logisticsInfoList" :key="item.id">
+        <a-col :span="24" v-text="createItemInfo(item)"></a-col>
+        <a-col :span="24"></a-col>
+      </a-row>
+    </section>
+    <!--开票邮寄信息end-->
+    <template slot="footer">
+      <a-button @click="handleCancel">关闭</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script>
+// import {getAction} from "@api/manage";
+const paymentInfoList = [
+  {
+    id: 1001,
+    year: '2021',
+    money: '200'
+  },
+  {
+    id: 1002,
+    year: '2021',
+    money: '200'
+  },
+  {
+    id: 1003,
+    year: '2021',
+    money: '200'
+  },
+]
+const logisticsInfoList = [
+  {
+    id: '01',
+    person: '张三',
+    time: '2021年10月21',
+    money: '200',
+    piaoNo: '123456',
+    projects: ['项目一', '项目二', '项目三'],
+    postPerson: '李四',
+    postTime: '2021年10月21',
+    emsOrSF: 'EMS',
+    postNo: "123456"
+  }
+]
+export default {
+  name: "ProjectDetailModal",
+  data() {
+    return {
+      description: "项目详情模态框",
+      width: 800,
+      visible: false,
+      title: "项目信息",
+      // 当前项目id
+      currentProjectId: '',
+      // 基本信息
+      basicInfo: {},
+      // 企业信息
+      enterpriseInfo: {},
+      // 到账信息
+      paymentInfoList,
+      // 开票邮寄信息
+      logisticsInfoList,
+    }
+  },
+  methods: {
+    open(record) {
+      // 记录当前项目id
+      this.currentProjectId = record.id
+      this.visible = true
+    },
+    handleCancel() {
+      this.visible = false
+    },
+    /*
+    * 生成每一个开票信息
+    * */
+    createItemInfo(item) {
+      let porjectItem = ''
+      if (item.projects.length > 0) {
+        item.projects.forEach((val, index) => {
+          if (index === item.projects.length - 1) {
+            porjectItem += val
+          } else {
+            porjectItem += val + '、'
+          }
+        })
+      }
+      return `${item.person}于${item.time}开票，金额为:${item.money}元,票号:${item.piaoNo},项目:${porjectItem}`
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ant-row {
+  margin: 12px;
+}
+</style>

src/components/company/CompanySelect.vue

@@ -64,4 +64,4 @@ export default {
 a-input:hover {
   cursor: pointer;
 }
-</style>
+</style>

src/components/dict/JDictSelectTag.vue

@@ -89,7 +89,7 @@
         }else{
           val = e
         }
-        console.log(val);
+
         if(this.triggerChange){
           this.$emit('change', val);
         }else{
@@ -107,4 +107,4 @@
 </script>
 
 <style scoped>
-</style>
+</style>

src/components/jero/JUpload.vue

@@ -292,4 +292,4 @@
       }
     }
   }
-</style>
+</style>