feats

.eslintrc.js

+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
+  parserOptions: {
+    parser: "babel-eslint",
+  },
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-unused-vars": "warn",
+  },
+};

.prettierrc.js

+module.exports = {
+  semi: false,
+}

package.json

     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.0.0",
     "less": "^3.12.2",
-    "less-loader": "^7.1.0"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/vue3-essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {
-      "no-unused-vars": "warn"
-    }
+    "less-loader": "^7.1.0",
+    "prettier": "^2.2.1"
   },
   "browserslist": [
     "> 1%",

src/view/followup/index.vue

           { pattern, message: '记录必须包含汉字' },
         ]"
       />
-      <div style="margin: 16px;">
-        <van-button round block type="primary" native-type="submit">
+      <div style="margin: 1em">
+        <van-button block type="warning" native-type="submit">
           提交
         </van-button>
       </div>
     Picker: Picker,
     // Secondhand:secondhand,
   },
-  data() {
-    return {};
-  },
   setup() {
     const router = useRouter();
     const roomId = router.currentRoute.value.query.roomId;
       request({
         url: "/room/follow/save",
         data: formData,
-      }).then(() => {
-  
+        toast: '请稍候...'
+      }).then(() => {  
         alert("添加成功").then(() => {
           router.go(-1);
         });
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.closehouse {
+  padding-top: 1em;
+}
+</style>

src/view/look/index.vue

           { pattern, message: '记录必须包含汉字' },
         ]"
       />
- <!-- :before-delete="handleDelete" -->
+      <!-- :before-delete="handleDelete" -->
       <van-field name="followImg" label="上传图片">
         <template #input>
           <van-uploader
             v-model="imgUrl"
             :after-read="handleUpload"
-          :max-count="1"
+            :max-count="1"
           />
         </template>
       </van-field>
-      <div style="margin: 16px;">
-        <van-button round block type="primary" native-type="submit">
+      <div style="margin: 16px">
+        <van-button block type="warning" native-type="submit">
           提交
         </van-button>
       </div>
 </template>
 
 <script>
-import { reactive, ref, onMounted } from "vue";
+import { reactive, ref, onMounted } from "vue"
 import {
   Form,
   Button,
   Popup,
   DatetimePicker,
   Uploader,
-} from "vant";
-import { useRouter } from "vue-router";
-import { useModel } from "@zjxpcyc/vue-tiny-store";
-import uploadImage from '@/utils/uploadImage'
-
+} from "vant"
+import { useRouter } from "vue-router"
+import { useModel } from "@zjxpcyc/vue-tiny-store"
+import uploadImage from "@/utils/uploadImage"
 
 export default {
   name: "lookrecord",
 
     // Secondhand:secondhand,
   },
-  data() {
-    return {};
-  },
   setup() {
-    const router = useRouter();
-    const roomId = router.currentRoute.value.query.roomId;
-    const showTimePicker = ref(false);
-    const imgUrl = ref([]);
-    
-    const { detail, getDetail } = useModel("room");
+    const router = useRouter()
+    const roomId = router.currentRoute.value.query.roomId
+    const showTimePicker = ref(false)
+    const imgUrl = ref([])
+
+    const { detail, getDetail } = useModel("room")
     const formData = reactive({
       roomId: roomId,
       followType: 0, //根据类型
       followTime: new Date(), //看房时间
       followDesc: undefined, //根进描述
       followImg: undefined, //图片
-    });
-    const pattern = /[\u4E00-\u9FA5\uF900-\uFA2D]/;
+    })
+    const pattern = /[\u4E00-\u9FA5\uF900-\uFA2D]/
 
     const onSubmit = () => {
-      console.log("submit", formData);
-    };
+      console.log("submit", formData)
+    }
 
     const onConfirm = (value) => {
-      console.log(value, "value");
-      formData.followTime = value;
-      showTimePicker.value = false;
-    };
+      console.log(value, "value")
+      formData.followTime = value
+      showTimePicker.value = false
+    }
 
-    const handleUpload = file => {
+    const handleUpload = (file) => {
       if (file && file.file) {
-       console.log(file, )
-uploadImage(file.file, '', 1).then((url) => {
-        // const img = {
-        //   roomId,
-        //   url,
-        //   imgType: type,
-        //   sort,
-        // };
-        
-    
-        console.log(url,'url')
-        formData.followImg=url
-        imgUrl.value=[{url:url}]
-        // willSave.value.push(img);
-        // initData.value = {
-        //   ...initData.value,
-        //   rescList: {
-        //     ...(initData.value.rescList || {}),
-        //     [type]: (initData.value.rescList[type] || []).concat(img),
-        //   },
-        // };
-      });
-
-
+        uploadImage(file.file, "", 1).then((url) => {
+          formData.followImg = url
+          imgUrl.value = [{ url: url }]
+        })
       }
-      // const sort =
-      //   (initData.value.rescList[type] || []).length +
-      //   willSave.value.filter((x) => x.imgType === type).length;
-
-      // uploadImage(file, "1").then((url) => {
-      //   // const img = {
-      //   //   roomId,
-      //   //   url,
-      //   //   imgType: type,
-      //   //   sort,
-      //   // };
-      //   url;
-      //   type;
-      //   // willSave.value.push(img);
-      //   // initData.value = {
-      //   //   ...initData.value,
-      //   //   rescList: {
-      //   //     ...(initData.value.rescList || {}),
-      //   //     [type]: (initData.value.rescList[type] || []).concat(img),
-      //   //   },
-      //   // };
-      // });
-    };
+    }
 
     onMounted(() => {
       if (!detail.roomInfo) {
-        getDetail(roomId);
+        getDetail(roomId)
       }
-    });
+    })
 
     return {
       detail,
       showTimePicker,
       handleUpload,
       imgUrl,
-    };
+    }
   },
-};
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.lookrecord {
+  padding-top: 1em;
+}
+</style>

src/view/secondhand/components/secondhandcard/index.vue

         <van-image
           width="120"
           height="96"
-          :src="data.imgUrl || 'https://img.yzcdn.cn/vant/empty-image-default.png'"
+          :src="data.imgUrl"
         />
       </div>
       <div class="card-right">
 </template>
 
 <script>
+import { computed } from 'vue';
 import { cell, Image as VanImage, Tag } from "vant";
 
 export default {
   },
 
   setup(props) {
-    // const {datas={}} =
-    console.log(props);
-    // const {
-    //   title,
-    //   roomType,
-    //   acreage,
-    //   roomFloor,
-    //   aspect,
-    //   recordTime,
-    //   recordName,
-    //   belongName,
-    // } = props.datas;
-    const data = {
+    const data = computed(() => ({
       title: props.datas.estateName, //标题
       roomType: props.datas.roomType.split(","), //户型
       acreage: Number(props.datas.acreage || 0).toFixed(2), //面积
       unitPrice: Number(
         (props.datas.totalPrice * 10000) / props.datas.acreage || 0
       ).toFixed(2),
-    };
-
-    // const tag = ()=>{
-
-    // }
-
-    const toDetail = () => {
-      console.log("222");
-    };
+      imgUrl: props.datas.imgUrl || 'https://img.yzcdn.cn/vant/empty-image-default.png',
+    }))
 
     return {
       data,
-      toDetail,
     };
   },
 };

src/view/secondhand/detail/components/Follow.vue

       </van-step>
     </van-steps>
     <van-button
+      block
       size="small"
-      type="primary"
+      type="warning"
       v-shiro="'room:info:addFollow'"
       @click="goToAddFollow"
-      >添加跟进</van-button
+    >
+      添加跟进
+    </van-button
     >
   </x-loading>
 </template>

src/view/secondhand/detail/components/Look.vue

         </p>          
       </van-step>
     </van-steps>
-        <van-button
+    <van-button
+      block
       size="small"
-      type="primary"
+      type="warning"
       v-shiro="'room:info:addFollow'"
       @click="goToAddLook"
-      >添加空看</van-button
     >
+      添加空看
+    </van-button>
   </x-loading>
 </template>
 

yarn.lock

   resolved "https://registry.npm.taobao.org/prettier/download/prettier-1.19.1.tgz?cache=0&sync_timestamp=1606521077298&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprettier%2Fdownload%2Fprettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
   integrity sha1-99f1/4qc2HKnvkyhQglZVqYHl8s=
 
+prettier@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npm.taobao.org/prettier/download/prettier-2.2.1.tgz?cache=0&sync_timestamp=1606523097359&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprettier%2Fdownload%2Fprettier-2.2.1.tgz#795a1a78dd52f073da0cd42b21f9c91381923ff5"
+  integrity sha1-eVoaeN1S8HPaDNQrIfnJE4GSP/U=
+
 pretty-error@^2.0.2:
   version "2.1.2"
   resolved "https://registry.npm.taobao.org/pretty-error/download/pretty-error-2.1.2.tgz?cache=0&sync_timestamp=1609589403098&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpretty-error%2Fdownload%2Fpretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"