From 59e9390eaa779798e5904ee7209a20df50923774 Mon Sep 17 00:00:00 2001
From: chenrui <1950717904@qq.com>
Date: Fri, 12 Apr 2024 15:29:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=A7=E6=B3=95=E9=A2=84=E7=BA=A6=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A=E5=90=8D=E7=A7=B0=E4=BF=AE=E6=94=B9=E4=B8=BA=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/enforce.js                          |   2 +
 src/api/enterprise.js                       |   9 +
 src/views/administrative/appointment.vue    |  39 ++-
 src/views/enterprise/companyFilter.vue      | 251 ++++++++++++++++++++
 src/views/enterprise/registrationDetail.vue |   4 +-
 src/views/enterprise/registrationList.vue   |   2 +-
 6 files changed, 302 insertions(+), 5 deletions(-)
 create mode 100644 src/views/enterprise/companyFilter.vue

diff --git a/src/api/enforce.js b/src/api/enforce.js
index 30776b5..3e4f6bf 100644
--- a/src/api/enforce.js
+++ b/src/api/enforce.js
@@ -49,3 +49,5 @@ export const queryUserInfo = (params, success, error) => _get("/getUserInfo",par
  */
 export const queryEnforcementRegistrationById = (id, success, error) =>_get("/code/registration/queryById/" + id,null,success,error)
 
+
+
diff --git a/src/api/enterprise.js b/src/api/enterprise.js
index 09d5c03..6ea0fdc 100644
--- a/src/api/enterprise.js
+++ b/src/api/enterprise.js
@@ -27,3 +27,12 @@ export const queryEnforcementList = (params, success, error) => _get("/code/enfo
  */
 export const getEnterpriseInformation = (id,success,error) => _get("/enterpriseInformation/getEnterpriseInformation/" + id,null,success,error)
 
+/**
+ * 查询企业列表
+ * @param {} params 
+ * @param {*} success 
+ * @param {*} error 
+ * @returns 
+ */
+export const queryEnterpriseInfoList = (params, success, error) =>_get("/enterpriseInformation/queryList",params, success, error)
+
diff --git a/src/views/administrative/appointment.vue b/src/views/administrative/appointment.vue
index a752cbd..4680109 100644
--- a/src/views/administrative/appointment.vue
+++ b/src/views/administrative/appointment.vue
@@ -17,7 +17,10 @@
               label="企业名称"
               required
               :rules="[{ required: true, message: '必填项' }]"
+              readonly
+              @click="showPopup"
             />
+            <Popup :visible="popupVisible" :content="popupContent" @close="closePopup"  @reciveData="reciveData" />
             <van-field
               v-model="submitData.linkMan"
               label="企业联系人"
@@ -61,7 +64,7 @@
             <van-field
                 v-model="submitData.lawEnforcerTwo"
                 readonly
-                label="执法人员2"
+                label="执法人员"
             />
             <van-field
               v-model="submitData.remark"
@@ -106,8 +109,8 @@
 import { showSuccessToast } from 'vant';
 import {addEnterpriseLawEnforcement} from '../../api/administrative'
 import {queryUserInfo} from '../../api/enforce'
+import { queryEnterpriseInfoList } from '../../api/enterprise'
 import { reactive, ref } from "vue";
-import {uploadFile} from "../../util/fileUpload";
 const { useMy, useCommon, useShopCard } = $globalStore;
 
 const router = useRouter();
@@ -150,6 +153,8 @@ const submitData = reactive({
     remark:"",
 })
 
+
+
 const onConfirm = (time) => {
     if(time != null) {
         var times = time.selectedValues;
@@ -198,6 +203,36 @@ onMounted(() =>{
     })
 })
 
+const reciveData = (item) =>{
+    console.log(item);
+    submitData.enterpriseName = item.enterpriseName;
+    submitData.linkTel = item.enterpriseTel;
+    submitData.linkMan = item.legalPerson;
+}
+</script>
+<script>
+//案件筛选弹窗
+import Popup from '../enterprise/companyFilter.vue';
+
+export default {
+  components: {
+    Popup
+  },
+  data() {
+    return {
+      popupVisible: false,
+      popupContent: ''
+    }
+  },
+  methods: {
+    showPopup() {
+      this.popupVisible = true;
+    },
+    closePopup() {
+      this.popupVisible = false;
+    }
+  }
+}
 </script>
 <style lang="less" scoped>
 .address_edit {
diff --git a/src/views/enterprise/companyFilter.vue b/src/views/enterprise/companyFilter.vue
new file mode 100644
index 0000000..072c8ef
--- /dev/null
+++ b/src/views/enterprise/companyFilter.vue
@@ -0,0 +1,251 @@
+<template>
+  <div v-if="visible" class="van-overlay"></div>
+  <div v-if="visible" class="popup">
+    <div class="popup-title">企业搜索</div>
+    <!-- 关闭按钮 -->
+    <label class="close-button" @click="closePopup"></label>
+
+    <!-- 弹窗的内容 -->
+    <div class="popup-content">
+        <div class="subsearch">
+        <input class="searchbox" v-model="searchParam.enterpriseName" placeholder="请输入企业名称搜索" />
+        </div>
+        <div class="btnbox">
+          <button class='btn-reset' @click="cancel()">重置</button>
+          <button class='btn-search' @click="queryList()">搜索</button>
+        </div>
+
+        <div class="search-result">
+          <div class="case-item" v-for="(item, index) in dataList" :key="index" @click="selectData(item)">
+            <div class="case-title">{{ item.enterpriseName }}</div>
+            <!-- <div class="case-depart">{{ item.phonenumber }}</div>
+            <div class="case-time">{{ item.loginName }}</div> -->
+          </div>
+    </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref } from 'vue'
+// import {queryUsers} from '../../api/user'
+import { queryEnterpriseInfoList } from '../../api/enterprise'
+const { useCommon } = $globalStore
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+  },
+  data(){
+    return{
+      searchParam: {
+        //搜索框
+        enterpriseName: '',
+     },
+     dataList:[]
+    }
+  },
+  created(){
+      // this.queryList()
+  },
+  watch:{
+    'searchParam.enterpriseName': {
+      handler: function(newValue, oldValue) {
+        // 当person对象的age属性变化时，这个函数会被调用
+        console.log(`age changed from ${oldValue} to ${newValue}`);
+       if(newValue.length > 0){
+          this.queryList();
+       }else{
+        this.dataList = [];
+       }
+      },
+    }
+  },
+  methods: {
+    closePopup() {
+      this.$emit('close');
+    },
+    queryList(){
+      queryEnterpriseInfoList(this.searchParam,success=>{
+            this.dataList = success.data
+      },error =>{})
+    },
+    cancel() {
+        this.searchParam.enterpriseName = '';
+        // this.queryList()
+        this.dataList = [];
+    },
+    selectData(item){
+      this.$emit("reciveData",item);
+      this.$emit('close');
+    },
+  }
+
+}
+</script>
+
+<style scoped>
+.popup {
+  position: fixed;
+  z-index: 999;
+  top: 3rem;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 3rem);;
+  background: #fff;
+  overflow: hidden;
+}
+
+.popup-title {
+  margin: 0.3rem 0 0;
+  width: 100%;
+  height: 1rem;
+  border-bottom: 1px solid #f3f4f5;
+  text-align: center;
+  font-size: 0.42rem;
+  font-weight: 550;
+}
+
+.close-button {
+  position: absolute;
+  top: 0.15rem;
+  right: 0.1rem;
+  width: 0.8rem;
+  height: 0.8rem;
+  background-color: rgba(255, 255, 255, .5);
+  border: 0.05rem solid rgba(255, 255, 255, .7);
+  border-radius: 50%;
+  transform: rotate(45deg);
+}
+
+.close-button:before,
+.close-button:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: #333;
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  height: 0.4rem;
+  width: 0.02rem;
+}
+
+.close-button:after {
+  height: 0.02rem;
+  width: 0.4rem;
+}
+
+.popup-content {
+  margin: 0.25rem 3% 0;
+  padding-bottom: 3rem;
+  width: 94%;
+  height: calc(100% - 1.6rem);
+  overflow-y: auto;
+  font-size: 0.38rem;
+}
+
+.subsearch {
+  width: 100%;
+  height: 1.25rem;
+}
+
+.searchbox {
+  margin: 2% 3%;
+  padding: 0.15rem 0.3rem 0.1rem 1.15rem;
+  width: 94%;
+  height: 1.0rem;
+  background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat;
+  background-position: left 0.5rem center;
+  background-size: auto 50%;
+  box-sizing: border-box;
+  border: 1px solid rgba(0,0,0,.05);
+  border-radius: 0.5rem;
+  color: #999999;
+  outline: none;
+}
+
+.subtitle {
+  margin: 0.5rem 0 0.25rem;
+  font-size: 0.4rem;
+  font-weight: 600;
+}
+
+.quick-item {
+  display: flex;
+}
+
+.quick-item span {
+  display: inline-block;
+  margin: 1% 0 2% 3.5%;
+  padding: 2% 3.75%;
+  background: #f2f3f4;
+  border: 0;
+  border-radius: 8px;
+  color: #4c4c4c;
+}
+
+.quick-item span.seled {
+  background: #e9f2fb;
+  color: #1367fe;
+}
+
+.btnbox {
+  display: flex;
+  justify-content: center;
+  margin: 5% 2%;
+  width: 96%;
+  height: 1.0rem;
+}
+
+.btn-reset,
+.btn-search {
+  display: inline-block;
+  margin: 0 2%;
+  padding: 0;
+  width: 60%;
+  color: #fff;
+  font-size: 0.35rem;
+  border-radius: 1rem;
+  background: #1367fe;
+  border: 1px solid #1367fe;
+  text-align: center;
+}
+
+.btn-reset {
+  width: 35%;
+  background-color: #fff;
+  border-color: rgba(19, 103, 254, .7);
+  color: #1367fe;
+}
+
+.search-result {
+  width: 100%;
+  padding-bottom: 2rem;
+}
+
+.case-item {
+  margin: 3% 2%;
+  padding: 2% 0;
+  width: 96%;
+  font-size: 0.3rem;
+  border-bottom: 1px solid #f4f4f4;
+  color: #999;
+  line-height: 2;
+}
+
+.case-title {
+  margin: 2% 0;
+  font-size: 0.38rem;
+  color: #333;
+  line-height: 1.25;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/src/views/enterprise/registrationDetail.vue b/src/views/enterprise/registrationDetail.vue
index 1fa67bb..41e3d11 100644
--- a/src/views/enterprise/registrationDetail.vue
+++ b/src/views/enterprise/registrationDetail.vue
@@ -115,9 +115,9 @@
                     <van-field
                             v-model="submitData.enterpriseNumber"
                             required
-                            label="统一信用码"
+                            label="统一社会信用代码"
                             :rules="[{ required: true, message: '必填项' }]"
-                            placeholder="必填 纳税人识别号"
+                            placeholder="必填 统一社会信用代码"
                             readonly
                     />
                 </van-cell-group>
diff --git a/src/views/enterprise/registrationList.vue b/src/views/enterprise/registrationList.vue
index 8ed9be6..8fc2d8b 100644
--- a/src/views/enterprise/registrationList.vue
+++ b/src/views/enterprise/registrationList.vue
@@ -52,7 +52,7 @@
 					<div class="refresh_content" v-if="data?.dataList.length">
 						<div class="goods_box" v-for="(item, index) in data?.dataList" :key="index">
 							<van-swipe-cell class="swipe_cell">
-								<div class="card_box" onclick="toDetailView(item.id)">
+								<div class="card_box" @click="toDetailView(item.id)">
                   <div class="card_box_span">
                     <p>执法时间：{{ item.createTime }} <span class="card_box_action">
                       <van-button @click="toComplaintView(item.id,item.lawEnforcementItem)" type="primary" size="mini">投诉</van-button>