2024-05-23提交

src/components/ChooseContactDialog/index.vue

 <template>
-    <el-dialog :title="$t('选择联系人')" visible :before-close="closeDialog" :close-on-click-modal="false">
-      <div class="header mb-10 flex-center">
-        <div class="flex-center">{{$t('关键字')}}：</div>
-        <el-input v-model="form.searchKey" clearable class="w-200"></el-input>
-        <el-button type="primary" class="ml-10" @click="handleQuery">{{$t('搜索')}}</el-button>
-      </div>
-      <div class="list">
-        <div class="list-item" v-for="item in list" :key="item.customerContactsId" @click="choose(item)">
-            <div class="item-box">
-                <div class="line">
-                    <div class="label">{{$t('姓名')}}：</div>
-                    <div class="value">{{item.contactsName}}</div>
-                    <el-tag v-if="item.isInOpenSea" type="danger" effect="dark">{{$t('公')}}</el-tag>
-                </div>
-                <!-- v1.7新增 -->
-                <div class="line">
-                    <div class="label">{{$t('姓名(英文)')}}：</div>
-                    <div class="value">{{item.contactsNameEn}}</div>
-                </div>
-                <div class="line">
-                    <div class="label">{{$t('电话')}}：</div>
-                    <div class="value">+{{item.areaCode}} {{item.phoneNew}}</div>
-                </div>
-                <div class="line">
-                    <div class="label">{{$t('邮箱')}}：</div>
-                    <div class="value">{{item.email}}</div>
-                </div>
-                <div class="line">
-                    <div class="label">{{$t('公司')}}：</div>
-                    <div class="value">{{item.company}}</div>
-                </div>
-                 <!-- v1.7新增 -->
-                <div class="line">
-                    <div class="label">{{$t('公司(英文)')}}：</div>
-                    <div class="value">{{item.companyEn}}</div>
-                </div>
-            </div>
+  <el-dialog
+    :title="$t('选择联系人')"
+    visible
+    :before-close="closeDialog"
+    :close-on-click-modal="false"
+  >
+    <div class="header mb-10 flex-center">
+      <div class="flex-center">{{ $t("关键字") }}：</div>
+      <el-input v-model="form.searchKey" clearable class="w-200"></el-input>
+      <el-button type="primary" class="ml-10" @click="handleQuery">{{
+        $t("搜索")
+      }}</el-button>
+    </div>
+    <div class="list">
+      <div
+        class="list-item"
+        v-for="item in list"
+        :key="item.customerContactsId"
+        @click="choose(item)"
+      >
+        <div class="item-box">
+          <div class="line">
+            <div class="label">{{ $t("姓名") }}：</div>
+            <div class="value">{{ item.contactsName }}</div>
+            <el-tag v-if="item.isInOpenSea" type="danger" effect="dark">{{
+              $t("公")
+            }}</el-tag>
+          </div>
+          <!-- v1.7新增 -->
+          <div class="line">
+            <div class="label">{{ $t("姓名(英文)") }}：</div>
+            <div class="value">{{ item.contactsNameEn }}</div>
+          </div>
+          <div class="line">
+            <div class="label">{{ $t("电话") }}：</div>
+            <div class="value">+{{ item.areaCode }} {{ item.phoneNew }}</div>
+          </div>
+          <div class="line">
+            <div class="label">{{ $t("邮箱") }}：</div>
+            <div class="value">{{ item.email }}</div>
+          </div>
+          <div class="line">
+            <div class="label">{{ $t("公司") }}：</div>
+            <div class="value">{{ item.company }}</div>
+          </div>
+          <!-- v1.7新增 -->
+          <div class="line">
+            <div class="label">{{ $t("公司(英文)") }}：</div>
+            <div class="value">{{ item.companyEn }}</div>
+          </div>
         </div>
       </div>
-      <pagination v-show="total > 0" :total="total" :page.sync="form.pageNo" :limit.sync="form.pageSize"
-        @pagination="loadList" />
-    </el-dialog>
+    </div>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="form.pageNo"
+      :limit.sync="form.pageSize"
+      @pagination="loadList"
+    />
+  </el-dialog>
 </template>
 <script>
-import {getCustomerContactsSelect} from '@/api/ecw/customerContacts'
+import { getCustomerContactsSelect } from "@/api/ecw/customerContacts";
 export default {
-    props:{
-        type: Number
+  props: {
+    type: Number,
+  },
+  data() {
+    return {
+      show: true,
+      form: {
+        pageNo: 1,
+        pageSize: 10,
+        searchKey: "",
+      },
+      list: [],
+      total: 0,
+    };
+  },
+  created() {
+    this.show = true;
+    this.loadList();
+  },
+  methods: {
+    handleQuery() {
+      this.form.pageNo = 1;
+      this.loadList();
     },
-    data(){
-        return {
-            show: true,
-            form:{
-                pageNo: 1,
-                pageSize: 10,
-                searchKey: ''
-            },
-            list:[],
-            total: 0
-        }
+    loadList() {
+      //加载联系人数据
+      getCustomerContactsSelect(this.form).then((res) => {
+        this.list = res.data.list;
+        this.total = res.data.total;
+      });
     },
-    created(){
-        this.show = true
-        this.loadList()
+    closeDialog() {
+      this.show = false;
+      this.$emit("close");
     },
-    methods:{
-        handleQuery(){
-            this.form.pageNo = 1
-            this.loadList()
-        },
-        loadList(){
-            getCustomerContactsSelect(this.form).then(res => {
-                this.list = res.data.list
-                this.total = res.data.total
-            })
-        },
-        closeDialog(){
-            this.show = false
-            this.$emit('close');
-        },
-        choose(contact){
-            this.$emit('choose', contact)
-        }
-
-    }
-}
+    choose(contact) {
+      this.$emit("choose", contact);
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
-.header{
-    display: flex;
+.header {
+  display: flex;
 }
-.list{
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    &-item{
-        background: #eee;
-        width: 300px;
-        margin: 10px;
-        padding: 5px;
-        border-radius: 10px;
-        border: 5px solid transparent;
-        background: linear-gradient(white,white) padding-box,repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0, #58a 37.5%, transparent 0, transparent 50%) 0/5em 5em;
-        .item-box{
-            /* background: #fbfaf5; */
-            padding: 20px;
-        }
-        .line{
-            display: flex;
-            /* .label{
+.list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  &-item {
+    background: #eee;
+    width: 300px;
+    margin: 10px;
+    padding: 5px;
+    border-radius: 10px;
+    border: 5px solid transparent;
+    background: linear-gradient(white, white) padding-box,
+      repeating-linear-gradient(
+          -45deg,
+          red 0,
+          red 12.5%,
+          transparent 0,
+          transparent 25%,
+          #58a 0,
+          #58a 37.5%,
+          transparent 0,
+          transparent 50%
+        )
+        0/5em 5em;
+    .item-box {
+      /* background: #fbfaf5; */
+      padding: 20px;
+    }
+    .line {
+      display: flex;
+      /* .label{
                 width: 100px;
             } */
-            .value{
-                flex: 1;
-                margin-left: 10px;
-            }
-        }
+      .value {
+        flex: 1;
+        margin-left: 10px;
+      }
     }
+  }
 }
 </style>

src/views/report/vz/index.vue

@@ -44,7 +44,7 @@
         >
           {{ $t("新增") }}</el-button
         >
-        <el-button type="primary" @click="test" v-show="true">测试</el-button>
+        <el-button type="primary" @click="test" v-show="false">测试</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -170,6 +170,7 @@ import "@/assets/styles/vue-treeselect.css";
 import { MessageBox } from "element-ui";
 //日期库函数
 import dayjs from "dayjs";
+import { getToken } from "@/utils/auth";
 
 //2024-05-01合并
 export default {
@@ -356,10 +357,13 @@ export default {
     },
     test() {
       //单元测试函数
+      /*
       var p = 12;
       test(p).then((response) => {
         this.$modal.msgSuccess("测试成功");
-      });
+      });*/
+      var s = getToken();
+      alert(s);
     },
     TestFun() {
       var bR = dayjs("2024-05-11").isBefore(dayjs("2024-05-12"));