{"ast":null,"code":"import { getToDoList } from \"@/api/order\";\nexport default {\n  name: \"toDoList\",\n  data() {\n    return {};\n  },\n  mounted() {\n    this.getList();\n  },\n  methods: {\n    async getList() {\n      let result = await getToDoList();\n      console.log(\"result\", result);\n    },\n    noPass() {\n      console.log(\"不通过\");\n    },\n    pass() {\n      console.log(\"通过\");\n    }\n  }\n};","map":{"version":3,"names":["getToDoList","name","data","mounted","getList","methods","result","console","log","noPass","pass"],"sources":["src/views/index/toDoList.vue"],"sourcesContent":["<template>\r\n  <div class=\"wrap\" >\r\n    <ul id=\"dataList\" class=\"dataList\">\r\n      <li class=\"item\" v-for=\"(item,i) in 4\" :key=\"i\">\r\n        <div class=\"left\">\r\n          <div class=\"repairName\"><span class=\"name\">维修申请</span><span class=\"carCode\">苏AB6768</span></div>\r\n          <div class=\"addressName\">苏州老张汽车修理厂</div>\r\n          <div class=\"time\">2023-05-12 12:30:30 张三</div>\r\n        </div>\r\n        <div class=\"right\">\r\n          <button class=\"nopass\" @click=\"noPass\">不通过</button>\r\n          <button class=\"pass\" @click=\"pass\">通过</button>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getToDoList} from \"@/api/order\"\r\nexport default {\r\n  name: \"toDoList\",\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getList()\r\n  },\r\n  methods:{\r\n    async getList(){\r\n      let result=await getToDoList()\r\n      console.log(\"result\",result)\r\n    },\r\n    noPass(){\r\n      console.log(\"不通过\")\r\n    },\r\n    pass(){\r\n      console.log(\"通过\")\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@/styles/mixin.scss\";\r\n.wrap {\r\n  width: 100%;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  padding: 13px 13px 0 13px;\r\n  background-color: #F4F5F7;\r\n}\r\n\r\n.dataList {\r\n  padding: 0;\r\n}\r\n\r\n.item {\r\n  list-style: none;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n  background: #FFFFFF;\r\n  box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);\r\n  border-radius: 6px;\r\n  padding: 10px 13px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.repairName {\r\n  font-weight: 500;\r\n}\r\n\r\n.name {\r\n  font-size: 14px;\r\n  margin-right: 22px;\r\n}\r\n\r\n.carCode {\r\n  font-size: 12px;\r\n}\r\n\r\n.addressName {\r\n  margin-top: 8px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.addressName,\r\n.time {\r\n  font-size: 12px;\r\n}\r\n\r\nbutton {\r\n  padding: 2px 8px;\r\n  @include fontWeightSize(500,12px);\r\n  border-radius: 3px;\r\n}\r\n\r\n.nopass {\r\n  background: white;\r\n  border: 1px solid #DDDDDD !important;\r\n  margin-right: 15px;\r\n}\r\n\r\n.pass {\r\n  border: none;\r\n  border: 1px solid #2A5094 !important;\r\n  background: #2A5094;\r\n  color: white;\r\n}\r\n\r\n\r\n</style>"],"mappings":"AAmBA,SAAAA,WAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA,QAEA;EACA;EACAC,QAAA;IACA,KAAAC,OAAA;EACA;EACAC,OAAA;IACA,MAAAD,QAAA;MACA,IAAAE,MAAA,SAAAN,WAAA;MACAO,OAAA,CAAAC,GAAA,WAAAF,MAAA;IACA;IACAG,OAAA;MACAF,OAAA,CAAAC,GAAA;IACA;IACAE,KAAA;MACAH,OAAA,CAAAC,GAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}