查看联系人

src/router/index.js

@@ -91,6 +91,16 @@ export const constantRoutes = [
         meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'}
       }
     ]
+  }, {
+    path: '/c',
+    component: Layout,
+    hidden: true,
+    children: [{
+      path: 'ecw/customer/edit/:customerId(\\d+)',
+      component: (resolve) => require(['@/views/ecw/customer/edit'], resolve),
+      name: 'Data',
+      meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'}
+    }]
   }, {
     path: '/job',
     component: Layout,

src/views/ecw/customer/edit.vue

@@ -51,7 +51,7 @@
               <el-form-item label="常用提货网点" prop="pickupPoint">
                 <el-select v-model="form.pickupPoint" placeholder="请输入常用提货网点">
                   <el-option v-for="node in nodeList"
-                             :key="node.value" :label="node.label" :value="node.value" />
+                             :key="node.id" :label="node.titleZh" :value="node.id" />
                 </el-select>
               </el-form-item>
             </el-col>
@@ -74,6 +74,7 @@
             </el-col>
             <el-col :span="12">
               <el-form-item label="主营类别" prop="productType">
+                <el-cascader :options="productTypeList" :props="{label: 'titleZh', value: 'id', lazy: true, lazyLoad}"></el-cascader>
                 <el-row :gutter="10">
                   <el-col :span="11">
                     <el-select v-model="form.productType" placeholder="请选择产品类别">
@@ -355,7 +356,10 @@
 <script>
 import { getDictDatas, DICT_TYPE } from '@/utils/dict';
 import upload from '@/components/ImageUpload'
-import {createCustomer, getCustomer, updateCustomer} from "../../../api/ecw/customer"
+import {createCustomer, getCustomer, updateCustomer} from '@/api/ecw/customer'
+import {getNodeList} from "@/api/ecw/node"
+import { getProductTypeList } from '@/api/ecw/productType'
+
 export default {
   name: "edit",
   components: {
@@ -366,6 +370,14 @@ export default {
     console.log(this.customerId)
     if(!!this.customerId)
       this.getCustomer(this.customerId)
+
+
+    getNodeList().then(r => {
+      this.nodeList = r.data
+    })
+    getProductTypeList().then(r => {
+      this.productTypeList = r.data
+    })
   },
   data(){
     return {
@@ -389,10 +401,14 @@ export default {
       },
       // 网点
       nodeList: [],
+      productTypeList: [],
       showLine: false
     }
   },
   methods: {
+    lazyLoad(node, resolve) {
+
+    },
     /** 取消按钮 */
     cancel() {
       this.open = false;

src/views/ecw/customer/view.vue

+<template>
+  <view>
+
+    <el-row type="flex" style="margin-top: 15px;margin-bottom: 15px" justify="center">
+      <el-col  :xs="24" :sm="24" :md="24" :lg="20" :xl="16">
+        <h2></h2>
+        <el-row :gutter="10">
+          <el-col>
+            <h2>查看</h2>
+          </el-col>
+          <el-col>
+            <el-button type="primary">主要按钮</el-button>
+            <el-button type="primary">主要按钮</el-button>
+            <el-button type="primary">主要按钮</el-button>
+            <el-button type="primary">主要按钮</el-button>
+            <el-button type="primary">主要按钮</el-button>
+            <el-button type="danger">危险按钮</el-button>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'view'
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ecw/productBrank/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
 
     <!-- 搜索工作栏 -->
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
       <el-form-item label="品牌中文标题" prop="titleZh">
         <el-input v-model="queryParams.titleZh" placeholder="请输入品牌中文标题" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
@@ -20,7 +20,7 @@
 <!--      </el-form-item>-->
       <el-form-item label="是否备案" prop="filing">
         <el-select v-model="queryParams.filing" placeholder="请选择是否备案" clearable size="small">
-          <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BRAND_REG_TYPE)"
+          <el-option v-for="dict in getDictDatas(DICT_TYPE.BRAND_REG_TYPE)"
                      :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
@@ -79,8 +79,8 @@
                 @pagination="getList"/>
 
     <!-- 对话框(添加 / 修改) -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body :close-on-click-modal="false">
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="品牌中文标题" prop="titleZh">
           <el-input v-model="form.titleZh" placeholder="请输入品牌中文标题" />
         </el-form-item>
@@ -98,12 +98,32 @@
 <!--        </el-form-item>-->
 
         <el-form-item label="是否备案" prop="filing">
-            <el-select v-model="form.filing" placeholder="请选择是否备案">
-              <el-option v-for="dict in this.getDictDatas(DICT_TYPE.BRAND_REG_TYPE)"
-                         :key="dict.value" :label="dict.label" :value="dict.value" />
-            </el-select>
-          </el-form-item>
+          <el-select v-model="form.filing" placeholder="请选择是否备案">
+            <el-option v-for="dict in getDictDatas(DICT_TYPE.BRAND_REG_TYPE)"
+                       :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
       </el-form>
+
+      <h3>包含商标列表</h3>
+
+      <el-form ref="form" :model="brand" label-width="80px" v-for="(brand, index) in brands" :key="index">
+        <el-form-item label="商标">
+          <el-input v-model="brand.name" placeholder="商标"></el-input>
+        </el-form-item>
+        <el-form-item label="商标分类">
+          <el-select v-model="brand.type" placeholder="placeholder">
+            <el-option
+              v-for="item in []"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -124,6 +144,8 @@ export default {
   },
   data() {
     return {
+      getDictDatas,
+      DICT_TYPE,
       // 遮罩层
       loading: true,
       // 导出遮罩层
@@ -154,6 +176,7 @@ export default {
       rules: {
       },
       recordStatus: getDictDatas(DICT_TYPE.BRAND_REG_TYPE),
+      brands: [{name: '', type: ''}]
     };
   },
   created() {