8.14 校产管理接口

src/router/index.js

@@ -568,6 +568,12 @@ const routes = [
     name: "adminDeviceList",
     component: () => import("../views/teacher/schoolProperty/deviceList"),
   },
+  // 设备报修新增、修改、查看、反馈页面
+  {
+    path: "/schoolProperty/device/info",
+    name: "deviceListInfo",
+    component: () => import("../views/teacher/schoolProperty/deviceListInfo"),
+  }
 
 
 

src/service/schoolProperty.js

+/**
+ * 校产管理
+ * */
+
+import axios from "../utils/axios";
+
+/********** 物品借用 ***********/
+
+//个人借用记录列表
+export function getBorrowList(borrowById) {
+    return axios.post(`wx/equipment/getMyBorrowList/${borrowById}` );
+}
+
+//扫码借用获取设备基本信息
+export function getScanInfo(encode) {
+    return axios.post(`wx/equipment/getEquipment${encode}` );
+}
+
+//物品借用
+export function submitBorrowDetail(data) {
+    return axios.post('wx/equipment/addRecord' , {
+        ...data
+    } );
+}
+
+//借用物品记录详情查看
+export function checkBorrowDetail(id) {
+    return axios.get('wx/equipment/byCirculation/' + id );
+}
+
+/********** 物品归还 ***********/
+
+
+/********** 物品领用 ***********/
+
+
+/********** 设备报修 ***********/

src/views/teacher/schoolProperty/borrowList.vue

@@ -29,10 +29,14 @@
 </template>
 
 <script setup>
+import { getBorrowList } from "@/service/schoolProperty"
 import { useRouter } from "vue-router";
 import { ref } from "vue";
+import {useStore} from "vuex";
 const router = useRouter();
-
+const store = useStore();
+console.log('store',store.state.userInfo.userId)
+const id = store.state.userInfo.userId ;
 let searchKey = ref('')
 const loading = ref(false)
 

src/views/teacher/schoolProperty/deviceList.vue

@@ -15,10 +15,10 @@
         <div>报修人：张蔷</div>
         <div>问题：笔记本无法打开</div>
         <div class="flexBLock btnBlock">
-          <van-button size="small" round type="primary" class="btn">修 改</van-button>
-          <van-button size="small" round type="success" class="btn">反 馈</van-button>
-          <van-button size="small" round type="default" class="btn">查 看</van-button>
-          <van-button size="small" round type="danger" class="btn">删 除</van-button>
+          <van-button size="small" round type="primary" class="btn" @click="toDetail('修改',item)">修 改</van-button>
+          <van-button size="small" round type="success" class="btn" @click="toDetail('反馈',item)">反 馈</van-button>
+          <van-button size="small" round type="default" class="btn" @click="toDetail('查看',item)">查 看</van-button>
+          <van-button size="small" round type="danger" class="btn" @click="deleteDevice(item)">删 除</van-button>
         </div>
       </div>
     </van-list>
@@ -42,6 +42,20 @@ const getList = () => {
 
 }
 
+//详情按钮
+const toDetail = (name,item) => {
+  router.push({
+    path:"/schoolProperty/device/info",
+    query:{
+      name:name,
+      item:item
+    }
+  })
+}
+//删除按钮
+const deleteDevice =() => {
+
+}
 //返回上一页
 const goback = () => {
   router.back();

src/views/teacher/schoolProperty/deviceListInfo.vue

+<template>
+  <van-nav-bar :title="title" left-text="返回" left-arrow @click-left="goback"></van-nav-bar>
+  <!--  <div class="card">-->
+  <!--    <div class="title">报修台账新增</div>-->
+  <van-form class="formBlock" label-align="right" label-width="60px">
+    <van-cell-group inset>
+      <van-field
+          :readonly="name == '新增' || name == '查看' ? true : false"
+          v-model="owncode"
+          name="自编码"
+          label="自编码"
+          placeholder="自编码"
+          :rules="[{ required: true, message: '请填写自编码' }]"
+      />
+      <van-field
+          v-if="name == '反馈' ? false : true"
+          :readonly="name == '新增' || name == '查看' ? true : false"
+          v-model="password"
+          type="password"
+          name="设备名称"
+          label="设备名称"
+          placeholder="设备名称"
+          :rules="[{ required: true, message: '请填写设备名称' }]"
+      />
+      <van-field
+          v-if="name == '反馈' ? false : true"
+          :readonly="name == '新增' || name == '查看' ? true : false"
+          v-model="password"
+          type="password"
+          name="型号"
+          label="型号"
+          placeholder="型号"
+          :rules="[{ required: true, message: '请填写设备型号' }]"
+      />
+      <van-field
+          v-if="name == '反馈' ? false : true"
+          :readonly="name == '新增' || name == '查看' ? true : false"
+          v-model="password"
+          type="password"
+          name="投产日期"
+          label="投产日期"
+          placeholder="投产日期"
+          :rules="[{ required: true, message: '请填写投产日期' }]"
+      />
+      <van-field
+          v-if="name == '反馈' ? false : true"
+          :readonly="name == '新增' || name == '查看' ? true : false"
+          v-model="password"
+          type="password"
+          name="地点"
+          label="地点"
+          placeholder="地点"
+          :rules="[{ required: true, message: '请填写地点' }]"
+      />
+      <van-field
+          v-if="name == '反馈' ? false : true"
+          :readonly="name == '新增' || name == '查看' ? true : false"
+          v-model="password"
+          type="password"
+          name="报修时间"
+          label="报修时间"
+          placeholder="报修时间"
+          :rules="[{ required: true, message: '请填写报修时间' }]"
+      />
+      <van-field
+          v-if="name == '反馈' ? false : true"
+          :readonly="name == '新增' || name == '查看' ? true : false"
+          v-model="password"
+          type="password"
+          name="报修人"
+          label="报修人"
+          placeholder="报修人"
+          :rules="[{ required: true, message: '请填写报修人' }]"
+      />
+      <van-field
+          v-if="name == '反馈' ? false : true"
+          :readonly="name == '查看' ? true : false"
+          v-model="password"
+          type="password"
+          name="问题"
+          label="问题"
+          placeholder="问题"
+          :rules="[{ required: true, message: '请填写问题' }]"
+      />
+      <van-field
+          v-if="name == '反馈' || name =='查看' ? true : false "
+          v-model="state.fixman"
+          is-link
+          readonly
+          name="picker"
+          label="修理人"
+          placeholder="请选择修理人"
+          @click="showPicker = true"
+          :rules="[{ required: true, message: '请选择修理人' }]"
+      />
+      <van-popup v-model:show="showPicker" position="bottom">
+        <van-picker
+            :columns="columns"
+            @confirm="onConfirm"
+            @cancel="showPicker = false"
+        />
+      </van-popup>
+      <van-field
+          v-if="name == '反馈' || name =='查看' ? true : false "
+          v-model="password"
+          type="password"
+          name="修理时间"
+          label="修理时间"
+          placeholder="修理时间"
+          :rules="[{ required: true, message: '请填写修理时间' }]"
+      />
+      <van-field
+          v-if="name == '反馈' || name =='查看' ? true : false "
+          v-model="password"
+          type="password"
+          name="维修结果"
+          label="维修结果"
+          placeholder="维修结果"
+          :rules="[{ required: true, message: '请填写维修结果' }]"
+      />
+      <van-field
+          v-if=" name =='查看' ? true : false "
+          readonly
+          v-model="password"
+          type="password"
+          name="备注"
+          label="备注"
+          placeholder="备注"
+          :rules="[{ required: true, message: '请填写维修备注' }]"
+      />
+      <van-field v-if="name == '反馈' ? true : false" name="rate" label="评分">
+        <template #input>
+          <van-rate v-model="value"/>
+        </template>
+      </van-field>
+    </van-cell-group>
+    <div style="margin: 30px; display: flex;justify-content: center">
+      <van-button round type="primary" size="small" style="width: 80px;" @click="onSubmit">
+        点击报修
+      </van-button>
+      <van-button round type="success" size="small" style="width: 80px;margin-left: 20px;" @click="cancel">
+        取消
+      </van-button>
+    </div>
+  </van-form>
+  <!--  </div>-->
+</template>
+
+<script setup>
+import {useRoute, useRouter} from "vue-router";
+import {ref, onMounted, reactive} from "vue";
+import {useStore} from "vuex";
+
+const router = useRouter();
+const route = useRoute();
+const store = useStore();
+const title = ref("");
+const name = route.query.name;
+const state = reactive({
+
+  fixman: '',//修理人
+})
+const showPicker = ref(false);
+const columns = ['杭州', '宁波', '温州', '嘉兴', '湖州'];
+const onConfirm = (value) => {
+  state.fixman = value;
+  showPicker.value = false;
+};
+onMounted(async () => {
+  console.log('route', route.query)
+  if (name == '修改') {
+    title.value = '报修台账修改'
+  }
+  if (name == '反馈') {
+    title.value = '报修台账反馈'
+  }
+  if (name == '查看') {
+    title.value = '报修台账查看'
+  }
+});
+//点击报修按钮
+const onSubmit = () => {
+
+};
+//取消按钮
+const cancel = () => {
+  router.back();
+}
+//返回上一页
+const goback = () => {
+  router.back();
+};
+</script>
+
+<style scoped>
+.card {
+  margin: 10px;
+  border: 1px solid silver;
+  border-radius: 5px;
+}
+
+.title {
+  margin-top: 10px;
+  font-size: 16px;
+  margin-left: 10px;
+
+}
+
+.title:before {
+  content: '';
+  height: 3px;
+  width: 5px;
+  border: 3px solid #1989fa;
+  border-radius: 5px;
+  margin-right: 5px;
+}
+</style>