前端-后台

ruoyi-ui/src/components/SearchFile/index.vue

@@ -1,81 +0,0 @@
-<template>
-  <Form ref="form" :label-width="labelWidth" :size="size">
-    <div id="searchFilter" :gutter="10" style="display: flex; flex-wrap: wrap">
-      <slot></slot>
-      <FormItem>
-        <Button type="primary" @click="handleQuery">查询</Button>
-        <Button @click="handleReset">重置</Button>
-        <Button v-show="collapsiable" type="text" @click="shiftCollapsiable">
-          <span>
-            {{ fold ? '收起' : '展开' }}
-            <i :class="fold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
-          </span>
-        </Button>
-      </FormItem>
-    </div>
-  </Form>
-</template>
-<script>
-import { Form, FormItem, Button } from 'element-ui'
-export default {
-  name: 'SearchFilter',
-  components: { Form, FormItem, Button },
-  props: {
-    // 最大展示数，默认3个，超过则隐藏，为0时不限制
-    maxShow: {
-      type: Number,
-      default: 3,
-    },
-    labelWidth: {
-      type: String,
-      default: '100px',
-    },
-    size: {
-      type: String,
-      default: 'small',
-    },
-  },
-  data() {
-    return {
-      collapsiable: false,
-      fold: false,
-    }
-  },
-  created() {},
-  mounted() {
-    // 通过最大显示个数控制展开/折叠
-    if (this.maxShow > 0) {
-      this.minShowCtrol()
-    }
-  },
-  methods: {
-    shiftCollapsiable() {
-      this.fold = !this.fold
-      this.minShowCtrol()   
-    },
-    // 通过maxShow控制元素显示/折叠
-    minShowCtrol() {
-      const group = window.document.querySelectorAll(`#searchFilter .el-form-item.el-form-item--${this.size}`)
-      const len = group?.length ? group?.length - 1 : 0
-      if (this.maxShow < len) {
-        group.forEach((item, index) => {
-          if (index > this.maxShow - 1 && index < len) {
-            item.hidden = !this.fold
-          }
-        })
-        this.collapsiable = true
-      } else {
-        this.collapsiable = false
-      }
-    },
-    handleQuery() {
-      this.$emit('search')
-    },
-    handleReset() {
-      this.$emit('reset')
-    },
-  },
-}
-</script>
-<style lang="scss" scoped></style>
-

ruoyi-ui/src/components/SearchFilter/index.vue

@@ -0,0 +1,99 @@
+<template>
+  <Form
+    ref="queryForm"
+    :model="queryParams"
+    :label-width="labelWidth"
+    :size="size"
+  >
+    <div id="searchFilter">
+      <slot></slot>
+      <FormItem class="searchBtnWrapper">
+        <Button type="primary" @click="handleQuery">查询</Button>
+        <Button @click="resetQuery">重置</Button>
+        <Button v-show="collapsiable" type="text" @click="shiftCollapsiable">
+          <span>
+            {{ fold ? "收起" : "展开" }}
+            <i :class="fold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i>
+          </span>
+        </Button>
+      </FormItem>
+    </div>
+  </Form>
+</template>
+<script>
+import { Form, FormItem, Button } from "element-ui";
+export default {
+  name: "SearchFilter",
+  components: { Form, FormItem, Button },
+  props: {
+    // 最大展示数，默认4个，超过则隐藏，为0时不限制
+    maxShow: {
+      type: Number,
+      default: 4,
+    },
+    labelWidth: {
+      type: String,
+      default: "100px",
+    },
+    size: {
+      type: String,
+      default: "small",
+    },
+    queryParams: {
+      type: Object
+    },
+  },
+  data() {
+    return {
+      collapsiable: false,
+      fold: false,
+    };
+  },
+  created() {},
+  mounted() {
+    console.log("queryParams=",this.queryParams)
+    // 通过最大显示个数控制展开/折叠
+    if (this.maxShow > 0) {
+      this.minShowCtrol();
+    }
+  },
+  methods: {
+    shiftCollapsiable() {
+      this.fold = !this.fold;
+      this.minShowCtrol();
+    },
+    // 通过maxShow控制元素显示/折叠
+    minShowCtrol() {
+      const group = window.document.querySelectorAll(
+        `#searchFilter .el-form-item.el-form-item--${this.size}`
+      );
+      const len = group?.length ? group?.length - 1 : 0;
+      if (this.maxShow < len) {
+        group.forEach((item, index) => {
+          if (index > this.maxShow - 1 && index < len) {
+            item.hidden = !this.fold;
+          }
+        });
+        this.collapsiable = true;
+      } else {
+        this.collapsiable = false;
+      }
+    },
+    handleQuery() {
+      this.$emit("handleQuery");
+    },
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.$emit("handleQuery");
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.searchBtnWrapper {
+  ::v-deep .el-form-item__content {
+    margin-left: 0 !important;
+  }
+}
+</style>
+

ruoyi-ui/src/main.js

@@ -41,7 +41,7 @@ import DictData from '@/components/DictData'
 import Tinymce from '@/components/tinymce/index.vue'
 
 // 查询条件展开收起组件
-import SearchFile from '@/components/SearchFile/index.vue'
+import SearchFilter from '@/components/SearchFilter/index.vue'
 
 
 
@@ -65,7 +65,7 @@ Vue.component('FileUpload', FileUpload)
 Vue.component('ImageUpload', ImageUpload)
 Vue.component('ImagePreview', ImagePreview)
 Vue.component('tinymce', Tinymce)
-Vue.component('SearchFile', SearchFile)
+Vue.component('SearchFilter', SearchFilter)
 
 Vue.use(directive)
 Vue.use(plugins)

ruoyi-ui/src/router/index.js

@@ -64,7 +64,7 @@ export const constantRoutes = [
   {
     path: '',
     component: () => import('@/views/home'),
-    name:"Home",
+    name: "Home",
     hidden: true
   },
   // CRM系统-路由
@@ -96,8 +96,22 @@ export const constantRoutes = [
         component: () => import('@/views/crmSystem/customerInformation/add'),
         name: 'customerInformationAdd',
         meta: { title: '新增客户' },
-        hidden:true
+        hidden: true
       },
+      {
+        path: 'myTask/detail',
+        component: () => import('@/views/crmSystem/myTask/detail'),
+        name: 'myTaskDetail',
+        meta: { title: '详情' },
+        hidden: true
+      },
+      {
+        path: 'myTask/edit',
+        component: () => import('@/views/crmSystem/myTask/edit'),
+        name: 'myTaskEdit',
+        meta: { title: '处理' },
+        hidden: true
+      }
     ]
   },
   {
@@ -111,7 +125,7 @@ export const constantRoutes = [
         component: () => import('@/views/index'),
         name: 'Index',
         hidden: true,
-        meta: { title: '首页', icon: 'dashboard'}//, affix: true 
+        meta: { title: '首页', icon: 'dashboard' }//, affix: true 
       }
     ]
   },

ruoyi-ui/src/views/crmSystem/customerInformation/add.vue

@@ -611,12 +611,11 @@
                 :style="{ width: '100%' }"
               >
                 <el-option
-                  v-for="(item, index) in customerTaxrateOptions"
-                  :key="index"
-                  :label="item.label"
-                  :value="item.value"
-                  :disabled="item.disabled"
-                ></el-option>
+                    v-for="dict in dict.type.SUPPLIER_TAXRATE"
+                    :key='`${dict.value}${dict.label}`'
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
               </el-select>
             </el-form-item>
           </el-col>
@@ -656,6 +655,7 @@ export default {
     "CUSTOMER_TRADE", //客户行业
     "currency_of_registered_capital", //注册资本金币种
     "PROJECT_TYPE", //类型
+    "SUPPLIER_TAXRATE"//税率
   ],
   data() {
     return {
@@ -878,7 +878,6 @@ export default {
           value: 2,
         },
       ],
-      customerTaxrateOptions: [],
       imageFilefileList: [],
       // 添加客户信息
       // 选中数组

ruoyi-ui/src/views/crmSystem/customerInformation/index.vue

@@ -1,186 +1,157 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
+    <SearchFilter
+      :queryParams="queryParams"
+      :maxShow="4"
+      labelWidth="68px"
+      @handleQuery="handleQuery"
     >
-      <el-collapse class="searchCollapse" disabled>
-        <el-collapse-item>
-          <template slot="title">
-            <el-row class="flex">
-              <div class="titleWrapper">
-                <el-col :span="6">
-                  <el-form-item label="客户名称" prop="customerName">
-                    <el-input
-                      v-model="queryParams.customerName"
-                      placeholder="请输入客户名称"
-                      clearable
-                      @keyup.enter.native="handleQuery"
-                      :style="{ width: '100%' }"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                  <el-form-item label="客户编号" prop="customerCode">
-                    <el-input
-                      v-model="queryParams.customerCode"
-                      placeholder="请输入客户编号"
-                      clearable
-                      @keyup.enter.native="handleQuery"
-                      :style="{ width: '100%' }"
-                    />
-                  </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                  <el-form-item label="客户状态" prop="status">
-                    <el-select
-                      v-model="queryParams.status"
-                      placeholder="全部"
-                      clearable
-                      :style="{ width: '100%' }"
-                    >
-                      <el-option
-                        v-for="dict in dict.type.CUSTOMER_STATUS"
-                        :key="dict.value"
-                        :label="dict.label"
-                        :value="dict.value"
-                      />
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                  <el-form-item label="登记日期" prop="createdDate">
-                    <el-date-picker
-                      v-model="queryParams.createdDate"
-                      type="date"
-                      placeholder="请选择登记日期"
-                      :style="{ width: '100%' }"
-                    >
-                      <!-- style="width: 205.4px" -->
-                    </el-date-picker>
-                  </el-form-item>
-                </el-col>
-              </div>
-            </el-row>
-          </template>
-          <div class="infoWrapper">
-            <el-row>
-              <el-col :span="6">
-                <el-form-item label="登记人" prop="createdBy">
-                  <el-input
-                    v-model="queryParams.createdBy"
-                    placeholder="请输入登记人"
-                    clearable
-                    @keyup.enter.native="handleQuery"
-                    :style="{ width: '100%' }"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="6">
-                <el-form-item label="审核状态" prop="state">
-                  <el-select
-                    v-model="queryParams.state"
-                    placeholder="全部"
-                    clearable
-                    :style="{ width: '100%' }"
-                  >
-                    <el-option
-                      v-for="dict in dict.type.audit_status"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="6">
-                <el-form-item label="是否启用" prop="isOpen">
-                  <el-select
-                    v-model="queryParams.isOpen"
-                    placeholder="全部"
-                    clearable
-                    :style="{ width: '100%' }"
-                  >
-                    <el-option
-                      v-for="dict in dict.type.start_using_yes_no"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="6">
-                <el-form-item label="企业性质" prop="customerNature">
-                  <el-select
-                    v-model="queryParams.customerNature"
-                    placeholder="全部"
-                    clearable
-                    :style="{ width: '100%' }"
-                  >
-                    <el-option
-                      v-for="dict in dict.type.CUSTOMER_NATURE"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="6">
-                <el-form-item label="申请部门" prop="responsibleDept">
-                  <treeselect
-                    v-model="queryParams.responsibleDept"
-                    :options="deptOptions"
-                    :show-count="true"
-                    placeholder="全部"
-                    :style="{ width: '100%' }"
-                  />
-                  <!-- style="width: 489px" -->
-                </el-form-item>
-              </el-col>
-              <el-col :span="6">
-                <el-form-item label="行业" prop="trade">
-                  <el-select
-                    v-model="queryParams.trade"
-                    placeholder="全部"
-                    clearable
-                    :style="{ width: '100%' }"
-                  >
-                    <el-option
-                      v-for="dict in dict.type.CUSTOMER_TRADE"
-                      :key="dict.value"
-                      :label="dict.label"
-                      :value="dict.value"
-                    />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </div>
-        </el-collapse-item>
-      </el-collapse>
-      <el-form-item>
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
-        >
-      </el-form-item>
-    </el-form>
+      <el-row :gutter="10">
+        <el-col :span="6">
+          <el-form-item label="客户名称" prop="customerName">
+            <el-input
+              v-model="queryParams.customerName"
+              placeholder="请输入客户名称"
+              clearable
+              @keyup.enter.native="handleQuery"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="客户编号" prop="customerCode">
+            <el-input
+              v-model="queryParams.customerCode"
+              placeholder="请输入客户编号"
+              clearable
+              @keyup.enter.native="handleQuery"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="客户状态" prop="status">
+            <el-select
+              v-model="queryParams.status"
+              placeholder="全部"
+              clearable
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="dict in dict.type.CUSTOMER_STATUS"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="登记日期" prop="createdDate">
+            <el-date-picker
+              v-model="queryParams.createdDate"
+              type="date"
+              placeholder="请选择登记日期"
+              :style="{ width: '100%' }"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
 
-    <el-row :gutter="10" class="mb8">
+        <el-col :span="6">
+          <el-form-item label="登记人" prop="createdBy">
+            <el-input
+              v-model="queryParams.createdBy"
+              placeholder="请输入登记人"
+              clearable
+              @keyup.enter.native="handleQuery"
+              :style="{ width: '100%' }"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="审核状态" prop="state">
+            <el-select
+              v-model="queryParams.state"
+              placeholder="全部"
+              clearable
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="dict in dict.type.audit_status"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="是否启用" prop="isOpen">
+            <el-select
+              v-model="queryParams.isOpen"
+              placeholder="全部"
+              clearable
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="dict in dict.type.start_using_yes_no"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="企业性质" prop="customerNature">
+            <el-select
+              v-model="queryParams.customerNature"
+              placeholder="全部"
+              clearable
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="dict in dict.type.CUSTOMER_NATURE"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="申请部门" prop="responsibleDept">
+            <treeselect
+              v-model="queryParams.responsibleDept"
+              :options="deptOptions"
+              :show-count="true"
+              placeholder="全部"
+              :style="{ width: '100%' }"
+            />
+            <!-- style="width: 489px" -->
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="行业" prop="trade">
+            <el-select
+              v-model="queryParams.trade"
+              placeholder="全部"
+              clearable
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="dict in dict.type.CUSTOMER_TRADE"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </SearchFilter>
+    <el-row :gutter="10">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -305,6 +276,7 @@
 import { deptTreeSelect } from "@/api/system/user";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import SearchFilter from "@/components/SearchFilter";
 export default {
   name: "customerInformationIndex",
   dicts: [
@@ -313,8 +285,8 @@ export default {
     "start_using_yes_no", //是否启用
     "CUSTOMER_NATURE", //企业性质
     "CUSTOMER_TRADE", //客户行业
-  ], 
-  components: { Treeselect,SearchFile },
+  ],
+  components: { Treeselect, SearchFilter },
   data() {
     return {
       // 显示搜索条件
@@ -398,8 +370,9 @@ export default {
     },
     /** 搜索按钮操作 */
     handleQuery() {
+      console.log("搜索按钮操作");
       this.queryParams.pageNum = 1;
-      this.getList();
+      // this.getList();
     },
     /** 重置按钮操作 */
     resetQuery() {

ruoyi-ui/src/views/crmSystem/myTask/detail.vue

@@ -1,22 +1,549 @@
 <template>
-    <div>111</div>
+  <div class="app-container">
+    <el-form ref="elForm" :model="formData" size="medium" label-width="150px">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="客户信息" name="1">
+          <el-row :gutter="30" class="public-padded-20">
+            <el-col :span="12">
+              <el-form-item label="客户名称" prop="customerName">
+                <el-input
+                  v-model="formData.customerName"
+                  placeholder="请输入客户名称"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="客户编号" prop="customerCode">
+                <el-input
+                  v-model="formData.customerCode"
+                  placeholder="请输入客户编号"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请公司" prop="dhrmCompanyId">
+                <el-input
+                  v-model="formData.dhrmCompanyId"
+                  placeholder="请输入申请公司"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="网址" prop="website">
+                <el-input
+                  v-model="formData.website"
+                  placeholder="请输入网址"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="账期（月）" prop="stockCode">
+                <el-input
+                  v-model="formData.stockCode"
+                  placeholder="请输入账期（月）"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="年营业额（万元）" prop="yearBusiness">
+                <el-input
+                  v-model="formData.yearBusiness"
+                  placeholder="请输入年营业额（万元）"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="预计项目毛利率(%)" prop="connectedEntities">
+                <el-input
+                  v-model="formData.connectedEntities"
+                  placeholder="请输入预计项目毛利率(%)"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="客户成立时间" prop="registDate">
+                <el-input
+                  v-model="formData.registDate"
+                  placeholder="请输入客户成立时间"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="注册资本金币种" prop="currency">
+                <el-select
+                  v-model="formData.currency"
+                  placeholder="请选择注册资本金币种"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="dict in dict.type.currency_of_registered_capital"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="注册资本金（万元）" prop="capital">
+                <el-input
+                  v-model="formData.capital"
+                  placeholder="请输入注册资本金（万元）"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="法人代表" prop="legalPerson">
+                <el-input
+                  v-model="formData.legalPerson"
+                  placeholder="请输入法人代表"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="员工人数" prop="workforce">
+                <el-input
+                  v-model="formData.workforce"
+                  placeholder="请输入员工人数"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="行业" prop="trade">
+                <el-select
+                  v-model="formData.trade"
+                  placeholder="请选择行业"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="dict in dict.type.CUSTOMER_TRADE"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="申请部门" prop="responsibleDept">
+                <el-input
+                  v-model="formData.responsibleDept"
+                  placeholder="请输入申请部门"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="公司地址" prop="companyAddress">
+                <el-input
+                  v-model="formData.companyAddress"
+                  placeholder="请输入公司地址"
+                  disabled
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="企业性质" prop="customerNature">
+                <el-select
+                  v-model="formData.customerNature"
+                  placeholder="请选择企业性质"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="dict in dict.type.CUSTOMER_NATURE"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="类型" prop="customerType">
+                <el-select
+                  v-model="formData.customerType"
+                  placeholder="请选择类型"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="dict in dict.type.PROJECT_TYPE"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="客户状态" prop="status">
+                <el-select
+                  v-model="formData.status"
+                  placeholder="请选择客户状态"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="dict in dict.type.CUSTOMER_STATUS"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="其他性质" prop="otherNature">
+                <el-input
+                  v-model="formData.otherNature"
+                  placeholder="请输入其他性质"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="其他类型" prop="otherCategory">
+                <el-input
+                  v-model="formData.otherCategory"
+                  placeholder="请输入其他类型"
+                  disabled
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="相关资料" prop="fileMap" required>
+                <a href=""></a>
+                <span style="color: red">&nbsp;&nbsp;必须上传营业执照</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item label="申请事由" prop="mark">
+                <el-input
+                  v-model="formData.mark"
+                  type="textarea"
+                  placeholder="请输入申请事由"
+                  :autosize="{ minRows: 4, maxRows: 4 }"
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-tab-pane>
+        <el-tab-pane label="客户联系人" name="2">
+            <!-- 客户联系人 -->
+            <el-row :gutter="30" class="public-padded-20">
+            <div style="width: 94%;">
+            
+                <el-table
+                class="public-margin-b-20"
+                border
+                :data="myUserList"
+                >
+                <el-table-column
+                    fixed
+                    type="selection"
+                    width="55"
+                    align="center"
+                />
+                <el-table-column
+                    fixed
+                    label="客户联系人"
+                    width="150"
+                    align="center"
+                    prop="name"
+                />
+                <el-table-column
+                    label="客户传真"
+                    width="150"
+                    align="center"
+                    prop="fax"
+                />
+                <el-table-column
+                    label="客户手机"
+                    width="150"
+                    align="center"
+                    prop="phone"
+                />
+                <el-table-column
+                    label="客户办公室电话"
+                    width="150"
+                    align="center"
+                    prop="tel"
+                />
+                <el-table-column
+                    label="家庭电话"
+                    width="150"
+                    align="center"
+                    prop="tel2"
+                />
+                <el-table-column
+                    label="客户电子邮件"
+                    width="150"
+                    align="center"
+                    prop="email"
+                />
+                <el-table-column
+                    label="客户QQ/微信"
+                    width="150"
+                    align="center"
+                    prop="qq"
+                />
+                <el-table-column
+                    width="150"
+                    label="客户所属部门"
+                    align="center"
+                    prop="department"
+                />
+                <el-table-column
+                    label="客户职位"
+                    width="150"
+                    align="center"
+                    prop="position"
+                />
+                <el-table-column
+                    label="客户办公地址"
+                    width="150"
+                    align="center"
+                    prop="officeAddress"
+                />
+                <el-table-column
+                    label="客户来源"
+                    width="150"
+                    align="center"
+                    prop="source"
+                />
+                <el-table-column
+                    label="客户邮编"
+                    width="150"
+                    align="center"
+                    prop="postcode"
+                />
+                <el-table-column
+                    fixed="right"
+                    label="操作"
+                    align="center"
+                    class-name="small-padding fixed-width"
+                >
+                    <template slot-scope="scope">
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-edit"
+                        @click="handleUpdate(scope.row)"
+                        v-hasPermi="['system:file:edit']"
+                        >修改</el-button
+                    >
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-delete"
+                        @click="handleDelete(scope.row)"
+                        v-hasPermi="['system:file:remove']"
+                        >删除</el-button
+                    >
+                    </template>
+                </el-table-column>
+                </el-table>
+
+                <pagination
+                v-show="total > 0"
+                :total="total"
+                :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize"
+                @pagination="getList"
+                />
+            </div>
+            </el-row>
+        </el-tab-pane>
+        <el-tab-pane label="客户账户信息" name="3">
+            <!-- 账户信息 -->
+            <el-row :gutter="30" class="public-padded-20">
+            <el-col :span="12">
+                <el-form-item label="开户名称" prop="accountName">
+                <el-input
+                    v-model="formData.accountName"
+                    placeholder="请输入开户名称"
+                    disabled
+                ></el-input>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="公司税号" prop="companyTaxNum">
+                <el-input
+                    v-model="formData.companyTaxNum"
+                    placeholder="请输入公司税号"
+                    disabled
+                ></el-input>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="开户银行" prop="bankOfDeposit">
+                <el-input
+                    v-model="formData.bankOfDeposit"
+                    placeholder="请输入开户银行"
+                    disabled
+                ></el-input>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="银行账号" prop="bankAccount">
+                <el-input
+                    v-model="formData.bankAccount"
+                    placeholder="请输入银行账号"
+                    disabled
+                ></el-input>
+                </el-form-item> </el-col
+            ><el-col :span="12">
+                <el-form-item label="客户公司地址" prop="compAddress">
+                <el-input
+                    v-model="formData.compAddress"
+                    placeholder="请输入客户公司地址"
+                    disabled
+                ></el-input>
+                </el-form-item> </el-col
+            ><el-col :span="12">
+                <el-form-item label="客户公司电话" prop="companyPhone">
+                <el-input
+                    v-model="formData.companyPhone"
+                    placeholder="请输入客户公司电话"
+                    disabled
+                ></el-input>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="纳税人资质" prop="taxpayer">
+                <el-input
+                    v-model="formData.taxpayer"
+                    placeholder="请输入纳税人资质"
+                    disabled
+                ></el-input>
+                </el-form-item>
+            </el-col>
+            <el-col :span="12">
+                <el-form-item label="税率" prop="customerTaxrate">
+                <el-select
+                    v-model="formData.customerTaxrate"
+                    placeholder="请选择税率"
+                    disabled
+                    :style="{ width: '100%' }"
+                >
+                    <el-option
+                        v-for="dict in dict.type.SUPPLIER_TAXRATE"
+                        :key='`${dict.value}${dict.label}`'
+                        :label="dict.label"
+                        :value="dict.value"
+                    />
+                </el-select>
+                </el-form-item>
+            </el-col>
+            <el-col :span="24">
+                <el-form-item label="相关资料" prop="imageFile">
+                
+                </el-upload>
+                </el-form-item>
+            </el-col>
+            </el-row>
+        </el-tab-pane>
+      </el-tabs>
+    </el-form>
+  </div>
 </template>
 <script>
 export default {
-    data(){
-        return{
-
-        }
-    },
-    created(){
-
+  name: "myTaskDetail",
+  dicts: [
+    "CUSTOMER_STATUS", //客户状态
+    "audit_status", //审核状态
+    "start_using_yes_no", //是否启用
+    "CUSTOMER_NATURE", //企业性质
+    "CUSTOMER_TRADE", //客户行业
+    "currency_of_registered_capital", //注册资本金币种
+    "PROJECT_TYPE", //类型
+    "SUPPLIER_TAXRATE", //税率
+  ],
+  data() {
+    return {
+      activeName: "1",
+      formData: {
+        customerName: undefined,
+        customerCode: undefined,
+        dhrmCompanyId: undefined,
+        website: undefined,
+        stockCode: undefined,
+        yearBusiness: undefined,
+        connectedEntities: undefined,
+        registDate: undefined,
+        currency: undefined,
+        capital: undefined,
+        legalPerson: undefined,
+        workforce: undefined,
+        trade: undefined,
+        responsibleDept: undefined,
+        companyAddress: undefined,
+        customerNature: undefined,
+        customerType: undefined,
+        status: undefined,
+        fileMap: null,
+        mark: undefined,
+        currency: undefined,
+      },
+      imageFileAction: "https://jsonplaceholder.typicode.com/posts/",
+      fileMapfileList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      // 总条数
+      total: 0,
+      // 客户表格数据
+      myUserList: [],
+    };
+  },
+  created() {},
+  mounted() {},
+  methods: {
+    handleClick(el) {
+      // el.name
     },
-    mounted(){
-
-    }
-
-}
+    getList() {},
+  },
+};
 </script>
 <style lang="scss" scoped>
-
 </style>