From 74c53aeb6c9c286cea939699ccb5b5e34ea56fd0 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Wed, 6 Sep 2023 17:33:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=A1=A3=E6=A1=88=E6=88=BF?=
 =?UTF-8?q?=E5=B1=8B=E5=90=84=E4=B8=AA=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/company/index.vue                   |  35 ++--
 .../component/houseDecoration.vue             | 110 ++++++++++++
 .../component/houseRenovate.vue               |  75 ++++++++
 .../component/houseRepair.vue                 | 148 ++++++++++++++++
 .../component/houseTransaction.vue            | 166 ++++++++++++++++++
 src/views/user_informationg/details.vue       |  11 +-
 6 files changed, 525 insertions(+), 20 deletions(-)
 create mode 100644 src/views/user_informationg/component/houseDecoration.vue
 create mode 100644 src/views/user_informationg/component/houseRenovate.vue
 create mode 100644 src/views/user_informationg/component/houseRepair.vue
 create mode 100644 src/views/user_informationg/component/houseTransaction.vue

diff --git a/src/views/company/index.vue b/src/views/company/index.vue
index 2419cf5..e7eca07 100644
--- a/src/views/company/index.vue
+++ b/src/views/company/index.vue
@@ -145,6 +145,21 @@
               <span v-if="row.is_contract == 1" style="color: #67c23a"
                 >已签约</span
               >
+              <span
+                v-else-if="row.contract?.check_status == 1"
+                style="color: #e6a23c; cursor: pointer"
+                @click="auditing(1)"
+                >审核中</span
+              >
+              <span
+                v-else-if="
+                  row.contract?.check_status == 2 ||
+                  row.contract?.check_status == 3
+                "
+                @click="auditing(2)"
+                style="color: #e6a23c; cursor: pointer"
+                >签约中</span
+              >
               <span v-else style="color: #fe0000">未签约</span>
             </template></el-table-column
           >
@@ -234,22 +249,6 @@
                     @click="showChangeCompany(row)"
                     >生成合同</el-button
                   >
-                  <el-button
-                    v-else-if="row.contract?.check_status == 1"
-                    v-perms="['company/initiate_contract']"
-                    type="warning"
-                    link
-                    @click="auditing(1)"
-                    >审核中</el-button
-                  >
-                  <el-button
-                    v-else-if="row.contract?.status == 0"
-                    v-perms="['company/initiate_contract']"
-                    type="success"
-                    link
-                    @click="auditing(2)"
-                    >签约中</el-button
-                  >
                   <!-- 
                   <el-button
                     v-else-if="row.contract?.check_status == 2"
@@ -664,9 +663,7 @@ const handleAuthentication = async (id: number | string | any[]) => {
 
 // 审核中
 const auditing = (type: number) => {
-  type == 1
-    ? ElMessage.warning("请等待合同审核完成!")
-    : ElMessage.success("合同双方正在签约!");
+  ElMessage.warning(type == 1 ? "请等待合同审核完成!" : "合同双方正在签约!");
 };
 
 getLists();
diff --git a/src/views/user_informationg/component/houseDecoration.vue b/src/views/user_informationg/component/houseDecoration.vue
new file mode 100644
index 0000000..e3f9db2
--- /dev/null
+++ b/src/views/user_informationg/component/houseDecoration.vue
@@ -0,0 +1,110 @@
+
+<template>
+  <el-card style="margin-top: 16px">
+    <el-form
+      ref="elForm"
+      :disabled="true"
+      :model="formData"
+      size="mini"
+      label-width="180px"
+    >
+      <div class="tit">
+        装房
+        <span class="time">更新于:{{ update_time }}</span>
+      </div>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="房屋面积(m²)" prop="house_area">
+            <el-input
+              v-model="datas.house_area"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="装修风格" prop="decoration_style">
+            <el-input
+              v-model="datas.decoration_style"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="装修地点" prop="decoration_site">
+            <el-input
+              v-model="datas.decoration_site"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="装修预算" prop="budget">
+            <el-input
+              v-model="datas.budget"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="装修类型" prop="decoration_type">
+            <el-radio-group v-model="datas.decoration_type" size="medium">
+              <el-radio label="1">公共建设</el-radio>
+              <el-radio label="0">私人</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </el-card>
+</template>
+
+<script setup lang='ts'>
+import { ref, defineProps } from "vue";
+
+const props = defineProps({
+  datas: {
+    type: Object,
+    defualt: function () {
+      return {
+        house_area: "",
+        decoration_style: "",
+        decoration_site: "",
+        budget: "",
+        decoration_type: "",
+      };
+    },
+  },
+  update_time: {
+    type: String,
+    defualt: "",
+  },
+});
+</script>
+
+<style scoped lang='scss'>
+.tit {
+  font-size: 1.2rem;
+  translate: 1vw -1vw;
+  background-color: white;
+  margin: 2vh 0 0 0;
+  .time {
+    display: inline-block;
+    font-size: 0.8rem;
+    margin-left: 1vw;
+    color: #999;
+  }
+}
+</style>
diff --git a/src/views/user_informationg/component/houseRenovate.vue b/src/views/user_informationg/component/houseRenovate.vue
new file mode 100644
index 0000000..ba2f2ab
--- /dev/null
+++ b/src/views/user_informationg/component/houseRenovate.vue
@@ -0,0 +1,75 @@
+
+<template>
+  <el-card style="margin-top: 16px">
+    <el-form
+      ref="elForm"
+      :disabled="true"
+      :model="formData"
+      size="mini"
+      label-width="180px"
+    >
+      <div class="tit">
+        翻新房屋
+        <span class="time">更新于:{{ update_time }}</span>
+      </div>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="维护内容" prop="maintenance_contents">
+            <el-input
+              v-model="datas.maintenance_contents"
+              clearable
+              type="textarea"
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="维护类型" prop="maintenance_type">
+            <el-radio-group v-model="datas.maintenance_type" size="medium">
+              <el-radio label="1">修</el-radio>
+              <el-radio label="0">换</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </el-card>
+</template>
+
+<script setup lang='ts'>
+import { ref, defineProps } from "vue";
+
+const props = defineProps({
+  datas: {
+    type: Object,
+    defualt: function () {
+      return {
+        maintenance_contents: "",
+        maintenance_type: "",
+      };
+    },
+  },
+  update_time: {
+    type: String,
+    defualt: "",
+  },
+});
+</script>
+
+<style scoped lang='scss'>
+.tit {
+  font-size: 1.2rem;
+  translate: 1vw -1vw;
+  background-color: white;
+  margin: 2vh 0 0 0;
+  .time {
+    display: inline-block;
+    font-size: 0.8rem;
+    margin-left: 1vw;
+    color: #999;
+  }
+}
+</style>
diff --git a/src/views/user_informationg/component/houseRepair.vue b/src/views/user_informationg/component/houseRepair.vue
new file mode 100644
index 0000000..6200bc6
--- /dev/null
+++ b/src/views/user_informationg/component/houseRepair.vue
@@ -0,0 +1,148 @@
+
+<template>
+  <el-card style="margin-top: 16px">
+    <el-form
+      ref="elForm"
+      :disabled="true"
+      :model="formData"
+      size="mini"
+      label-width="180px"
+    >
+      <div class="tit">
+        修房
+        <span class="time">更新于:{{ update_time }}</span>
+      </div>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="修房类型" prop="construction_type">
+            <el-radio-group v-model="datas.construction_type" size="medium">
+              <el-radio label="1">外包</el-radio>
+              <el-radio label="0">自建</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="建设面积(m²)" prop="construction_area">
+            <el-input
+              v-model="datas.construction_area"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="房屋风格" prop="house_style">
+            <el-input
+              v-model="datas.house_style"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="修建地址" prop="construction_site">
+            <el-input
+              v-model="datas.construction_site"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="预算" prop="budget">
+            <el-input
+              v-model="datas.budget"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="有无绿化" prop="afforest">
+            <el-radio-group v-model="datas.afforest" size="medium">
+              <el-radio label="1">有</el-radio>
+              <el-radio label="0">无</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="有无装修" prop="fitment">
+            <el-radio-group v-model="datas.fitment" size="medium">
+              <el-radio label="1">有</el-radio>
+              <el-radio label="0">无</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="房屋类型" prop="house_type">
+            <el-radio-group v-model="datas.house_type" size="medium">
+              <el-radio label="1">私人</el-radio>
+              <el-radio label="0">公共建设</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="修建地照片" prop="construction_site_img">
+            <el-image
+              style="width: 500px; height: 320px"
+              :src="datas.construction_site_img"
+              :preview-src-list="[datas.construction_site_img]"
+              fit="cover"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </el-card>
+</template>
+
+<script setup lang='ts'>
+import { ref, defineProps } from "vue";
+
+const props = defineProps({
+  datas: {
+    type: Object,
+    defualt: function () {
+      return {
+        construction_type: "",
+        construction_area: "",
+        house_style: "",
+        construction_site: "",
+        budget: "",
+        afforest: "",
+        fitment: "",
+        house_type: "",
+        construction_site_img: "",
+      };
+    },
+  },
+  update_time: {
+    type: String,
+    defualt: "",
+  },
+});
+</script>
+
+<style scoped lang='scss'>
+.tit {
+  font-size: 1.2rem;
+  translate: 1vw -1vw;
+  background-color: white;
+  margin: 2vh 0 0 0;
+  .time {
+    display: inline-block;
+    font-size: 0.8rem;
+    margin-left: 1vw;
+    color: #999;
+  }
+}
+</style>
diff --git a/src/views/user_informationg/component/houseTransaction.vue b/src/views/user_informationg/component/houseTransaction.vue
new file mode 100644
index 0000000..ca59b00
--- /dev/null
+++ b/src/views/user_informationg/component/houseTransaction.vue
@@ -0,0 +1,166 @@
+
+<template>
+  <el-card style="margin-top: 16px">
+    <el-form
+      ref="elForm"
+      :disabled="true"
+      :model="formData"
+      size="mini"
+      label-width="180px"
+    >
+      <div class="tit">
+        买卖房屋
+        <span class="time">更新于:{{ update_time }}</span>
+      </div>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="地点" prop="place">
+            <el-input
+              v-model="datas.place"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="房型" prop="house_type">
+            <el-input
+              v-model="datas.house_type"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="几房" prop="rooms">
+            <el-input
+              v-model="datas.rooms"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="面积(m²)" prop="house_area">
+            <el-input
+              v-model="datas.house_area"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="朝向" prop="orientation">
+            <el-input
+              v-model="datas.orientation"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="楼层" prop="floor">
+            <el-input
+              v-model="datas.floor"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="装修类型" prop="fitment">
+            <el-radio-group v-model="datas.fitment" size="medium">
+              <el-radio label="1">精装</el-radio>
+              <el-radio label="0">清水</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="预算" prop="budget">
+            <el-input
+              v-model="datas.budget"
+              clearable
+              :disabled="true"
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="付款类型" prop="payment_type">
+            <el-radio-group v-model="datas.payment_type" size="medium">
+              <el-radio label="1">按揭</el-radio>
+              <el-radio label="0">全款</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </el-card>
+</template>
+
+<script setup lang='ts'>
+import { ref, defineProps } from "vue";
+
+const storeTypeList = ref([
+  "超市",
+  "生鲜",
+  "饭店",
+  "五金",
+  "杂货",
+  "服装",
+  "文具",
+  "其他",
+]);
+
+const props = defineProps({
+  datas: {
+    type: Object,
+    defualt: function () {
+      return {
+        place: "",
+        house_type: "",
+        rooms: "",
+        house_area: "",
+        orientation: "",
+        floor: "",
+        fitment: "",
+        budget: "",
+        payment_type: "",
+      };
+    },
+  },
+  update_time: {
+    type: String,
+    defualt: "",
+  },
+});
+</script>
+
+<style scoped lang='scss'>
+.tit {
+  font-size: 1.2rem;
+  translate: 1vw -1vw;
+  background-color: white;
+  margin: 2vh 0 0 0;
+  .time {
+    display: inline-block;
+    font-size: 0.8rem;
+    margin-left: 1vw;
+    color: #999;
+  }
+}
+</style>
diff --git a/src/views/user_informationg/details.vue b/src/views/user_informationg/details.vue
index ca93809..4c31af4 100644
--- a/src/views/user_informationg/details.vue
+++ b/src/views/user_informationg/details.vue
@@ -88,7 +88,8 @@
                 :value="
                   formData.area_name +
                   formData.street_name +
-                  formData.village_name"
+                  formData.village_name
+                "
                 placeholder="请输入地址"
                 clearable
                 :style="{ width: '100%' }"
@@ -322,6 +323,10 @@ import { ref, reactive } from "vue";
 import store from "./component/store.vue";
 import breeding from "./component/breeding.vue";
 import plant from "./component/plant.vue";
+import houseTransaction from "./component/houseTransaction.vue";
+import houseRenovate from "./component/houseRenovate.vue";
+import houseDecoration from "./component/houseDecoration.vue";
+import houseRepair from "./component/houseRepair.vue";
 
 import { fileManagelist, fileManageDetil } from "@/api/informationg";
 const route = useRoute();
@@ -331,6 +336,10 @@ const componentList = reactive(new Map());
 componentList.set(7, plant);
 componentList.set(8, store);
 componentList.set(32, breeding);
+componentList.set(15, houseTransaction);
+componentList.set(14, houseRenovate);
+componentList.set(13, houseDecoration);
+componentList.set(12, houseRepair);
 
 const isComponent = (id: any) => {
   return componentList.get(id);