From 7bf3d0df2f8ca3fe613c44024932fef75da4aef0 Mon Sep 17 00:00:00 2001
From: xiayuping666 <1269237624@qq.com>
Date: Thu, 7 Mar 2024 14:57:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=BC=E5=84=BF=E8=AF=84=E4=BB=B7=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/admin.js                               |  15 +
 src/i18n/lang/en.js                           |   3 +-
 src/i18n/lang/zh-cn.js                        |   3 +-
 src/i18n/lang/zh-tw.js                        |   1 +
 src/views/evaluate/api.js                     |  42 +++
 src/views/evaluate/columns.js                 |  52 ++++
 src/views/evaluate/components/CommonHead.vue  |  69 +++++
 .../evaluate/components/CommonTablesImg.vue   | 115 +++++++
 src/views/evaluate/index.vue                  | 292 ++++++++++++++++++
 9 files changed, 590 insertions(+), 2 deletions(-)
 create mode 100644 src/views/evaluate/api.js
 create mode 100644 src/views/evaluate/columns.js
 create mode 100644 src/views/evaluate/components/CommonHead.vue
 create mode 100644 src/views/evaluate/components/CommonTablesImg.vue
 create mode 100644 src/views/evaluate/index.vue

diff --git a/public/admin.js b/public/admin.js
index aab49f4..c63bc07 100644
--- a/public/admin.js
+++ b/public/admin.js
@@ -613,6 +613,21 @@ export default  {
 				"roles": ["admin", "common"],
 				"icon": "el-icon-s-opportunity"
 			}
+		},
+		{
+			"path": "/evaluate",
+			"name": "evaluate",
+			"component": "evaluate",
+			"meta": {
+				"title": "message.router.evaluate",
+				"isLink": "",
+				"isHide": false,
+				"isKeepAlive": true,
+				"isAffix": true,
+				"isIframe": false,
+				"roles": ["admin", "common"],
+				"icon": "el-icon-s-opportunity"
+			}
 		}
 	]
 }
diff --git a/src/i18n/lang/en.js b/src/i18n/lang/en.js
index 7238e4a..e0b0697 100644
--- a/src/i18n/lang/en.js
+++ b/src/i18n/lang/en.js
@@ -54,7 +54,8 @@ export default {
 		setScoreRules:'setScoreRules',
 		facultyInformation:'facultyInformation',
 		attendanceMachineEquipmentManagement:'attendanceMachineEquipmentManagement',
-		recipe: 'recipe'
+		recipe: 'recipe',
+		evaluate: 'evaluate',
 	},
 	staticRoutes: {
 		signIn: 'signIn',
diff --git a/src/i18n/lang/zh-cn.js b/src/i18n/lang/zh-cn.js
index c6475f9..56b88dc 100644
--- a/src/i18n/lang/zh-cn.js
+++ b/src/i18n/lang/zh-cn.js
@@ -54,7 +54,8 @@ export default {
 		schoolAlbumManagement:'学校画册管理',
 		facultyInformation:'教职工信息',
 		attendanceMachineEquipmentManagement:'考勤机设备管理',
-		recipe: '每周食谱'
+		recipe: '每周食谱',
+		evaluate: '幼儿评价表',
 
 	},
 	staticRoutes: {
diff --git a/src/i18n/lang/zh-tw.js b/src/i18n/lang/zh-tw.js
index c94ba11..b3ef425 100644
--- a/src/i18n/lang/zh-tw.js
+++ b/src/i18n/lang/zh-tw.js
@@ -55,6 +55,7 @@ export default {
 		deviceManagement:'人脸设备管理',
 		attendanceMachineEquipmentManagement:'考勤機設備管理',
 		recipe: '每周食谱',
+		evaluate: '幼儿评价表',
 	},
 	staticRoutes: {
 		signIn: '登入',
diff --git a/src/views/evaluate/api.js b/src/views/evaluate/api.js
new file mode 100644
index 0000000..33d51a3
--- /dev/null
+++ b/src/views/evaluate/api.js
@@ -0,0 +1,42 @@
+import request from '@/utils/request';
+
+// 查询评价表列表
+export function getEvaluation () {
+    return request({
+        url: '/evaluation/form/list',
+        method: 'get',
+    })
+}
+// 添加评价表列表
+export function postEvaluation (data) {
+    return request({
+        url: '/evaluation/form',
+        method: 'post',
+        data
+    })
+}
+
+// 修改评价表列表
+export function putEvaluation (data) {
+    return request({
+        url: '/evaluation/form',
+        method: 'put',
+        data
+    })
+}
+// 查看详情问题
+export function getEvaluationById (data) {
+    return request({
+        url: '/evaluation/form/'+data,
+        method: 'get',
+    })
+}
+// 查看详情问题
+export function deleteEvaluationById (data) {
+    return request({
+        url: '/evaluation/form/' + data,
+        method: 'delete',
+    })
+}
+
+
diff --git a/src/views/evaluate/columns.js b/src/views/evaluate/columns.js
new file mode 100644
index 0000000..44ca9f0
--- /dev/null
+++ b/src/views/evaluate/columns.js
@@ -0,0 +1,52 @@
+export default   [
+  {
+    label: "设备id",
+    prop: "deviceId",
+    type: "text",
+  },
+  {
+    label: "账号名称",
+    prop: "username",
+    type: "text",
+  },
+  
+  {
+    label: "设备名称",
+    prop: "deviceName",
+    type: "text",
+  },
+  {
+    label: "用户名",
+    prop: "username",
+    type: "image",
+  },
+  {
+    label: "密码",
+    prop: "password",
+    type: "text",
+  },
+ 
+
+  {
+    label: "设备标签",
+    prop: "deviceLabel",
+    type: "text",
+  },
+  {
+    label: "设备地址",
+    prop: "deviceUrl",
+    type: "text",
+  },
+  {
+    label: "设备状态",
+    prop: "deviceStatus",
+    type: "text",
+  },
+ 
+  {
+    label: "设备物理地址",
+    prop: "macAddress",
+    type: "text",
+  },
+  
+]
\ No newline at end of file
diff --git a/src/views/evaluate/components/CommonHead.vue b/src/views/evaluate/components/CommonHead.vue
new file mode 100644
index 0000000..dbfd7ea
--- /dev/null
+++ b/src/views/evaluate/components/CommonHead.vue
@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <el-button @click="newlyClick" type="primary" size="mini" icon="el-icon-plus"
+      >新增幼儿评价表</el-button
+    >
+    
+    <!-- <el-button @click="resetClick" type="info" size="mini" icon="iconfont icon-biaodan"
+      >重置</el-button
+    >
+    <el-button @click="searchClick" type="warning" size="mini" icon="el-icon-search"
+      >搜索</el-button
+    > -->
+    <el-input
+      v-if="false"
+      v-model="searchData"
+      size="mini"
+      style="width: 20%"
+      placeholder="请输入搜索的关键字"
+    >
+    </el-input>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CommonHead",
+  data() {
+    return {
+      searchData: "",
+    };
+  },
+
+  methods: {
+    newlyClick() {
+      // 在此处调用父组件传入的方法叫父组件做事情
+      this.$emit("newly-data");
+    },
+    updateClick() {
+      // 在此处调用父组件传入的方法叫父组件做事情
+      this.$emit("update-data");
+    },
+    newlyTwoClick() {
+      // 在此处调用父组件传入的方法叫父组件做事情
+      this.$emit("newly-two-data");
+    },
+    updateTwoClick() {
+      // 在此处调用父组件传入的方法叫父组件做事情
+      this.$emit("update-two-data");
+    },
+    newlyClassClick() {
+      // 在此处调用父组件传入的方法叫父组件做事情
+      this.$emit("newly-class-data");
+    },
+    updateClassClick() {
+      // 在此处调用父组件传入的方法叫父组件做事情
+      this.$emit("update-class-data");
+    },
+    resetClick() {
+      this.$emit("reset-data");
+    },
+    searchClick() {
+      this.$emit("search-data", this.searchData);
+    },
+    
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/evaluate/components/CommonTablesImg.vue b/src/views/evaluate/components/CommonTablesImg.vue
new file mode 100644
index 0000000..c5d3705
--- /dev/null
+++ b/src/views/evaluate/components/CommonTablesImg.vue
@@ -0,0 +1,115 @@
+<template>
+  <el-table
+    border
+    :header-cell-style="{
+      background: '#f5f7fa',
+    }"
+    :data="tableData"
+    style="width: 100%; margin-top: 20px"
+    height="650"
+    size="mini"
+  >
+    <el-table-column
+      v-if="
+        column.label !== 'id' &&
+        column.label !== '审批人Id' &&
+        column.label !== '抄送人Id'
+      "
+      v-for="(column, index) in tableColumns"
+      :key="index"
+      :prop="column.prop"
+      :label="column.label"
+      width="auto"
+    >
+      <template slot-scope="scope">
+        <span v-if="column.type === 'text'"> {{ scope.row[column.prop] }}</span>
+        <div v-else-if="column.type === 'image'">
+          <img style="width: 200px; height: 100px" :src="scope.row[column.prop]" />
+        </div>
+      </template>
+    </el-table-column>
+
+    <el-table-column label="操作" width="160">
+      <template slot-scope="scope">
+        <el-button
+          @click="handleEdit(scope.row)"
+          class="el-icon-edit"
+          type="text"
+          size="small"
+          >编辑</el-button
+        >
+        <el-popconfirm @confirm="handleDelete(scope.row)" :title="'确定要删除吗？'">
+          <el-button
+            slot="reference"
+            style="margin-left: 10px; color: red"
+            class="el-icon-delete"
+            type="text"
+            size="small"
+            >删除</el-button
+          >
+        </el-popconfirm>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+<script>
+export default {
+  name: "CommonTablesImg",
+  props: {
+    columns: {
+      type: Array,
+      required: true,
+    },
+    data: {
+      type: Array,
+      required: true,
+    },
+    deleteFunc: {
+      type: Function,
+      default: () => {},
+    },
+    editFunc: {
+      type: Function,
+      default: () => {},
+    },
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    // 删除事件
+    handleDelete(row) {
+      this.deleteFunc(row.id);
+    },
+    // 编辑事件
+    handleEdit(row) {
+      console.log(row);
+      this.editFunc(row);
+    },
+  },
+
+  computed: {
+    tableColumns() {
+      // 处理传进来的列配置，返回符合 Element UI 表格要求的配置
+      return this.columns.map((column) => {
+        return {
+          label: column.label,
+          prop: column.prop,
+          type: column.type,
+        };
+      });
+    },
+    tableData() {
+      // 处理传进来的数据，返回符合 Element UI 表格要求的数据
+      return this.data.map((rowData) => {
+        let row = {};
+        for (let column of this.columns) {
+          row[column.prop] = rowData[column.prop];
+        }
+        return row;
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/evaluate/index.vue b/src/views/evaluate/index.vue
new file mode 100644
index 0000000..cc4083d
--- /dev/null
+++ b/src/views/evaluate/index.vue
@@ -0,0 +1,292 @@
+<template>
+  <div class="box">
+    <div class="form-adapt-container">
+        <el-card shadow="hover">
+          <CommonHead
+            @newly-data="onClickAdd"
+          ></CommonHead>
+          <!-- newly-data删除所选事件 -->
+          <!-- reset-data重置表单内容 -->
+          <!-- search-data搜索事件，接收被搜索的内容 -->
+        </el-card>
+           
+        <el-card shadow="hover" style=" margin-top: 20px;" >
+          <el-table
+              :data="tableData"
+              :row-style="{ height: '50px' }"
+              border
+              >
+            <el-table-column label="评价表标题">
+              <template slot-scope="scope">
+                {{ scope.row.evaluateTitle }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="total" label="评价分值" />
+            <!-- <el-table-column label="评价问题">
+              <template slot-scope="scope">
+                <div v-for="(item, index) in scope.row.evaluateContent" :key="index">
+                {{ item.question }}</div>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="操作">
+              <template slot-scope="scope">
+                <el-button
+                  @click="onClickLook(scope.row)"
+                  type="text"
+                  size="small"
+                  >查看问题</el-button
+                >
+                <el-button
+                  @click="handleEdit(scope.row)"
+                  class="el-icon-edit"
+                  type="text"
+                  size="small"
+                  >编辑</el-button
+                >
+                <el-popconfirm @confirm="onClickDelete(scope.row)" :title="'确定要删除吗？'">
+                  <el-button
+                    slot="reference"
+                    style="margin-left: 10px; color: red"
+                    class="el-icon-delete"
+                    type="text"
+                    size="small"
+                    >删除</el-button
+                  >
+                </el-popconfirm>
+              </template>
+            </el-table-column>
+
+            
+          </el-table>
+
+        </el-card>
+        <Pagination
+          :total="total"
+          :pageNum="query.pageNum"
+          :pageSize="query.pageSize"
+          @clickCurrent="onClickCurrent"
+          @clickSize="onClickSize"
+        />
+    </div>
+    <el-dialog :title="formTitle" :visible.sync="dialogVisible">
+      <el-form ref="form" label-width="100px">
+        <el-form-item label="评价表标题">
+          <el-input v-model="form.evaluateTitle"></el-input>
+        </el-form-item>
+        <el-form-item label="问题分值">
+          <el-input type="number" v-model="form.total"></el-input>
+        </el-form-item>
+        
+        <el-form-item v-for="(item, index) in form.evaluateContent" :label="'问题' + (index + 1)">
+          <div style="display: flex;">
+            <el-input v-model="item.question"></el-input>
+            <el-button @click="onClickAddRemoveQuestion(index)" icon="el-icon-delete" circle style="margin-left: 5px;"></el-button>
+          </div>
+        </el-form-item>
+        <div></div>
+      </el-form>
+      <el-button @click="onClickAddQuestion" type="primary" icon="el-icon-plus" >添加问题</el-button>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="onClickSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog :visible.sync="isLook">
+      <el-form ref="lookform" label-width="100px">
+        <el-form-item label="评价表标题">
+          <p>{{ lookform.evaluateTitle }}</p>
+        </el-form-item>
+        <el-form-item label="问题分值">
+          <p>{{ lookform.total + '分'}}</p>
+        </el-form-item>
+        <el-form-item v-for="(item, index) in lookform.evaluateContent" :label="'问题' + (index + 1)">
+          <p>{{ item.question }}</p>
+        </el-form-item>
+        <div></div>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import columns from "./columns";
+import { getEvaluation, postEvaluation, getEvaluationById, putEvaluation, deleteEvaluationById  } from "./api";
+import { formatDate } from "@/com/index";
+import CommonHead from './components/CommonHead.vue'
+
+export default {
+  name: "deviceManagement",
+  data() {
+    return {
+      columns,
+      total: 0,
+      query: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      loading: false,
+      dialogVisible: false,
+      isLook: false,
+      lookform: {},
+      form: {
+        evaluateTitle: undefined,
+        evaluateContent: [
+          { 
+            question: "",
+            point: 0,
+          }
+        ],
+        total: undefined,
+      },
+      tableData: [],
+      formTitle: "新增评价表",
+    }
+  },
+  components: {
+    CommonHead,
+  },
+  async created() {
+    this.evaluationList();
+  },
+  methods: {
+    // 删除
+    onClickDelete(row) {
+      deleteEvaluationById(row.id).then(() => {
+        this.evaluationList();
+        this.$message.success("删除成功");
+      });
+    },
+    // 修改
+    handleEdit(row) {
+      this.formTitle = "修改评价表"
+      this.resetForm()
+      getEvaluationById(row.id).then((res) => {
+        console.log(res)
+        this.form = res.data
+        res.data.evaluateContent ? this.form.evaluateContent = JSON.parse(res.data.evaluateContent) : ''
+        this.dialogVisible = true
+      });
+    },
+    //查看
+    onClickLook (row) {
+      getEvaluationById(row.id).then((res) => {
+        console.log(res)
+        this.lookform = res.data
+        res.data.evaluateContent ? this.lookform.evaluateContent = JSON.parse(res.data.evaluateContent) : ''
+        this.isLook = true
+      });
+    },
+    // 验证表单方法
+    validateForm() {
+      const validations = [
+        { condition: this.form.evaluateTitle, message: "请输入评价表标题" },
+        { condition: this.form.total, message: "请输入评价总分" },
+        { condition: this.form.evaluateContent.length !== 0, message: "请输入问题" },
+        { condition: !this.form.evaluateContent.some((item) => !item.question), message: "请输入问题" },
+      ];
+
+      for (let validation of validations) {
+        if (!validation.condition) {
+          this.$message.error(validation.message);
+          return false;
+        }
+      }
+      return true;
+    },
+    // 提交表单
+    onClickSubmit() {
+        if (this.validateForm()) {
+          let obj = { ...this.form }
+          obj.evaluateContent = JSON.stringify(obj.evaluateContent);
+          obj.total = Math.abs(obj.total);
+          if( this.formTitle === "修改评价表"){
+            putEvaluation(obj).then(() => {
+              this.evaluationList();
+              this.$message.success("修改成功");
+              this.dialogVisible = false;
+            });
+          }else if( this.formTitle === "新增评价表"){
+            postEvaluation(obj).then(() => {
+              this.evaluationList();
+              this.$message.success("新增成功");
+              this.dialogVisible = false;
+            });
+          } 
+
+        }
+      
+    },
+    // 添加问题
+    onClickAddQuestion() {
+      this.form.evaluateContent.push({ question: "", point: 0 });
+    },
+    // 删除问题
+    onClickAddRemoveQuestion(index) {
+      this.form.evaluateContent.splice(index, 1);
+    },
+    // 获取评价表
+    evaluationList() {
+      getEvaluation(this.query).then((res) => {
+        this.total = res.total;
+        this.tableData = res.data.map((item) => {
+          item.evaluateContent ? item.evaluateContent =  JSON.parse(item.evaluateContent) : ''
+          return item
+        });
+      });
+    },
+    // 点击新增
+    onClickAdd() {
+      this.resetForm()
+      this.dialogVisible = true
+      this.formTitle = "新增评价表"
+    },
+    onClickCurrent(val) {
+      this.query.pageNum = val;
+      this.evaluationList();
+    },
+    // 点击了每页页数
+    onClickSize(val) {
+      this.query.pageSize = val;
+      this.evaluationList();
+    },
+    // 重置
+    resetForm() {
+      this.form = {
+        evaluateTitle: undefined,
+        evaluateContent: [
+          { 
+            question: "",
+            point: 0,
+          }
+        ],
+        total: undefined,
+      };
+    },
+    
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.material-list{
+  width: 100%; 
+  .top-box{
+    display: flex; 
+  }
+  .label{
+    display: flex; flex: 1; align-items: center;
+    height: 36px;
+  }
+  .delete-box{
+    width: 30px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+}
+.content::-webkit-scrollbar {
+    width: 0; /* 设置滚动条的宽度 */
+}
+</style>
\ No newline at end of file