handle6.vue 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <template>
  2. <el-drawer v-model="drawerVisible" size="1000">
  3. <div>
  4. <DetailCom ref="detailComRef"></DetailCom>
  5. </div>
  6. <el-form
  7. ref="remarkRef"
  8. :model="remark"
  9. label-width="150"
  10. :rules="rules1"
  11. style="max-width: 600px; margin-left: 80px; margin-top: 20px"
  12. >
  13. <el-form-item label="不合格品评审(审理)处置意见" prop="content">
  14. <el-input
  15. v-model="remark.content"
  16. type="textarea"
  17. :autosize="{ minRows: 3, maxRows: 6 }"
  18. />
  19. </el-form-item>
  20. <el-form-item label="下一步处理人" prop="nextRemarkUser" v-if="remark.state == 0">
  21. <el-tree-select
  22. v-model="remark.nextRemarkUser"
  23. :data="userList"
  24. filterable
  25. />
  26. </el-form-item>
  27. <el-form-item label="是否通过" prop="state">
  28. <el-radio-group v-model="remark.state">
  29. <el-radio :value="0">同意</el-radio>
  30. <el-radio :value="1">不同意</el-radio>
  31. </el-radio-group>
  32. </el-form-item>
  33. </el-form>
  34. <template #footer>
  35. <div class="drawer-bottom">
  36. <el-button @click="cancelClick">取消</el-button>
  37. <el-button type="primary" @click="confirmClick">提交</el-button>
  38. </div>
  39. </template>
  40. </el-drawer>
  41. </template>
  42. <script setup>
  43. import DetailCom from "@/views/unqualified/DetailCom.vue";
  44. import { dealFeedback } from "@/api/unqualified/index";
  45. import { getUserTree } from "@/api/user/index";
  46. import {useUserStore} from "@/store";
  47. const drawerVisible = ref(false);
  48. const detailComRef = ref(null);
  49. const saleModel = ref({});
  50. const userStore = useUserStore();
  51. const disabledDate = (time)=> {
  52. //选择今天以及今天之后的日期
  53. return time.getTime() < Date.now() - 8.64e7;//如果没有后面的-8.64e7就是不可以选择
  54. //选择今天以及今天之前的日期
  55. //return time.getTime() > Date.now() - 8.64e7;//如果没有后面的-8.64e7就是不可以选择今天的
  56. }
  57. const showDrawer = (row) => {
  58. drawerVisible.value = true;
  59. saleModel.value = row;
  60. nextTick(() => {
  61. detailComRef.value && detailComRef.value.refreshView(row);
  62. });
  63. getUserInfo();
  64. };
  65. const rules1 = {
  66. content: [
  67. { required: true, message: "请输入投诉或建议处置意见", trigger: "blur" },
  68. { min: 2, max: 200, message: "长度在 2 到 200 个字符", trigger: "blur" },
  69. ],
  70. user: [
  71. { required: true, message: "请输入姓名", trigger: "blur" },
  72. { min: 2, max: 20, message: "长度在 2 到 20 个字符", trigger: "blur" },
  73. ],
  74. time: [{ required: true, message: "请选择日期", trigger: "change" }],
  75. nextRemarkUser: [
  76. { required: true, message: "请选择处理人", trigger: "change" },
  77. { min: 2, max: 20, message: "长度在 2 到 20 个字符", trigger: "blur" },
  78. ],
  79. };
  80. defineExpose({ showDrawer });
  81. const remarkRef = ref(null);
  82. const remark = reactive({
  83. content: "",
  84. user: "",
  85. time: "",
  86. nextRemarkUser: "",
  87. state: 0,
  88. });
  89. const cancelClick = () => {
  90. drawerVisible.value = false;
  91. remarkRef.value.resetFields();
  92. };
  93. const feedBackEmit = defineEmits(["finish"]);
  94. // 用户信息
  95. const userInfo = ref({});
  96. const userList = ref([]);
  97. const getUserInfo = async () => {
  98. getUserTree().then((data) => {
  99. userList.value = data.data;
  100. });
  101. };
  102. const confirmClick = () => {
  103. const date = new Date();
  104. const now = date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日";
  105. remark.user = userStore.user.username;
  106. remarkRef.value.validate((valid) => {
  107. if (valid) {
  108. let remark2Copy = {
  109. content: remark.content,
  110. user: remark.user,
  111. time: now,
  112. state: remark.state,
  113. };
  114. let remark3 = {
  115. content: "",
  116. user: remark.nextRemarkUser, // qinhaibo和dengyu说是user1234的
  117. time: "",
  118. };
  119. let p = {
  120. id: saleModel.value.id,
  121. remark6: JSON.stringify(remark2Copy),
  122. remark7: JSON.stringify(remark3),
  123. state: remark.state,
  124. currentUserName: remark.nextRemarkUser,
  125. step: 6, //步骤 1 投书或建议处置意见 2 整改及纠正措施验证 3 处置情况的反馈意见
  126. };
  127. dealFeedback(p).then(() => {
  128. feedBackEmit("finish");
  129. cancelClick();
  130. });
  131. } else {
  132. console.log("remarkRef invalid");
  133. return false;
  134. }
  135. });
  136. };
  137. </script>
  138. <style scoped lang="scss">
  139. @media print {
  140. #print {
  141. position: absolute; /* 或 absolute, fixed, 根据需要调整 */
  142. top: 20px; /* 调整顶部位置 */
  143. margin: 0; /* 重置边距 */
  144. width: 1000px;
  145. }
  146. }
  147. </style>